@import url('/interface-system.css');
:root{--about-ink:#242c30;--about-muted:#5e686d;--about-orange:#ff7900;--about-line:#e4e5e2;--about-paper:#faf9f6}
body.about-platform{margin:0;background:var(--about-paper);color:var(--about-ink);font:16px/1.6 var(--ui-font,system-ui,sans-serif);-webkit-font-smoothing:antialiased}
.about-platform *{box-sizing:border-box}
.about-platform a{color:#984400;text-underline-offset:4px}
.about-platform a:focus-visible,.about-platform summary:focus-visible{outline:2px solid #a44800;outline-offset:4px;border-radius:5px}
.about-skip{position:absolute;top:-80px;left:16px;z-index:10;padding:10px 16px;background:#fff}
.about-skip:focus{top:10px}
.about-header{display:flex;align-items:center;gap:24px;padding:12px clamp(20px,4vw,56px);border-bottom:1px solid var(--about-line);background:#fff}
.about-logo{display:block;flex:none;width:140px;height:46px;overflow:hidden}
.about-logo img{display:block;width:100%;height:100%;object-fit:cover}
.about-header nav{display:flex;align-items:center;flex-wrap:wrap;gap:4px}
.about-header nav a,.about-login{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;border-radius:9px;text-decoration:none;font-size:14px;font-weight:600;color:var(--about-muted)}
.about-header nav a[aria-current]{background:#fff0df;color:#954500}
.about-login{margin-left:auto;border:1px solid var(--about-line)}
.about-platform>.about-header .about-login,.about-platform>.about-header .account-navigation{margin-left:auto!important}
.about-platform main{max-width:1200px;margin:auto;padding:0 32px 72px}
.about-hero{display:grid;grid-template-columns:1.35fr 1fr;gap:64px;align-items:center;padding:72px 0 64px}
.about-eyebrow{font-size:11px;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#984400;margin:0 0 16px}
.about-platform h1{font-size:clamp(34px,3.7vw,50px);font-weight:750;line-height:1.12;letter-spacing:-.035em;margin:0 0 24px;text-wrap:balance}
.about-platform h1 span{color:#5d6666}
.about-lead{font-size:18px;line-height:1.65;color:var(--about-muted);max-width:580px;margin:0 0 28px}
.about-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px}
.about-primary{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:46px;padding:11px 19px!important;background:var(--about-orange);border:1px solid var(--about-orange);border-radius:11px;color:#242424!important;text-decoration:none;font-weight:650;font-size:14px}
.about-primary:hover{background:#f28a22}
.about-text-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:600;text-decoration:none}
.about-caption{font-size:12px;line-height:1.6;color:var(--about-muted);max-width:470px;margin:18px 0 0}
.about-model{padding:24px;background:#fff;border:1px solid var(--about-line);border-radius:24px;box-shadow:0 20px 60px #33261708}
.about-model-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--about-line);font-size:12px;color:var(--about-muted)}
.about-model-mark{display:block;flex:none;width:30px;height:30px;object-fit:contain}
.about-model ol{list-style:none;margin:0;padding:8px 0}
.about-model li{display:flex;align-items:flex-start;gap:16px;padding:20px 0}
.about-number{display:block;flex:none;font-size:11px;color:#984400;padding:5px 7px;border:1px solid #ecd2b8;border-radius:7px}
.about-model strong{font-size:17px;font-weight:650;line-height:1.4}
.about-model p{font-size:13px;line-height:1.6;color:var(--about-muted);margin:3px 0 0}
.about-model .about-model-note{border-top:1px solid var(--about-line);padding-top:16px;font-size:12px}
.about-section{padding:52px 0;border-top:1px solid var(--about-line)}
.about-section-heading{max-width:730px;margin-bottom:28px}
.about-platform h2{font-size:clamp(26px,2.8vw,34px);line-height:1.2;font-weight:700;letter-spacing:-.025em;margin:0 0 16px;text-wrap:balance}
.about-section-heading>p:last-child:not(.about-eyebrow){color:var(--about-muted);margin:0;font-size:15px}
.about-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.about-features article{background:#fff;border:1px solid var(--about-line);border-radius:16px;padding:24px}
.about-feature-index{font-size:10px;letter-spacing:.09em;color:#984400;font-weight:700}
.about-platform h3{font-size:18px;line-height:1.4;margin:12px 0 10px;letter-spacing:-.015em}
.about-features p,.about-roles p,.about-steps p,.about-geography p{font-size:14px;line-height:1.7;margin:0;color:var(--about-muted)}
.about-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;list-style:none;padding:0;margin:0}
.about-steps li>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fff0df;color:#984400;font-weight:700;font-size:13px}
.about-roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 48px}
.about-roles h3{margin-top:0}
.about-roles a,.about-geography a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;font-weight:600;margin-top:8px;text-decoration:none}
.about-small-note{font-size:12px;line-height:1.6;color:var(--about-muted);margin:20px 0 0}
.about-principles{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px}
.about-questions details{border-bottom:1px solid var(--about-line);padding:0;margin:0;border-radius:0;background:transparent}
.about-questions summary{padding:18px 0;cursor:pointer;font-size:15px;font-weight:650;line-height:1.5}
.about-questions details div{padding:0 0 16px;font-size:14px;color:var(--about-muted)}
.about-questions details p{margin:0 0 12px}
.about-geography{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.about-geography article{padding:28px;background:#fff;border:1px solid var(--about-line);border-radius:16px}
.about-state{display:inline-flex;padding:3px 9px;background:#edf3ed;color:#386340;font-size:11px;font-weight:600;border-radius:6px}
.about-state-planned{background:#f2eee8;color:#6b5c47}
.about-join{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:36px;background:#fff0df;border:0;border-radius:20px;margin-top:24px}
.about-join h2{font-size:28px}.about-join p:last-child{color:var(--about-muted);font-size:14px;margin:0}
.about-join .about-actions{flex:none;flex-direction:column;align-items:flex-start;gap:4px}
@media(max-width:900px){.about-hero{gap:28px;padding-top:48px}.about-features{grid-template-columns:repeat(2,minmax(0,1fr))}.about-principles{gap:28px}.about-join{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.about-header{flex-wrap:wrap;gap:8px;padding:10px 16px}.about-header nav{order:3;width:100%;gap:2px}.about-header nav a{font-size:13px;padding:8px 9px;min-height:44px}.about-login{min-height:44px}.about-logo{width:124px;height:40px}.about-platform main{padding:0 20px 40px}.about-hero{grid-template-columns:1fr;padding:36px 0;gap:28px}.about-lead{font-size:16px}.about-section{padding:36px 0}.about-model{padding:20px}.about-model li{padding:14px 0}.about-features,.about-roles,.about-steps,.about-principles,.about-geography{grid-template-columns:1fr;gap:16px}.about-features article,.about-geography article{padding:22px}.about-roles{gap:24px}.about-steps{gap:24px}.about-principles .about-section-heading{margin-bottom:0}.about-join{padding:24px}.about-join h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.about-platform *{scroll-behavior:auto!important}}
