:root{--navy:#0a2463;--teal:#087f8c;--violet:#5c10ec;--paper:#f5f2e9;--white:#fff;--ink:#111b2d;--muted:#506074;--line:#d8dde3;--display:Saira,system-ui,sans-serif;--body:"Source Sans 3",system-ui,sans-serif;--mono:"IBM Plex Mono",monospace;--max:1240px;--gutter:40px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:400 17px/1.55 var(--body);overflow-x:hidden}h1,h2,h3,p,figure{margin:0}a{color:inherit}svg{display:block;max-width:100%}.sprite{position:absolute;width:0;height:0;overflow:hidden}.wrap{width:min(calc(100% - var(--gutter)*2),var(--max));margin-inline:auto}.skip{position:fixed;z-index:99;top:8px;left:8px;transform:translateY(-150%);padding:12px 16px;background:white;color:var(--navy)}.skip:focus{transform:none}a:focus-visible{outline:3px solid #f3b61f;outline-offset:3px}.status{height:30px;padding:7px 20px;background:#061a49;color:#cbd6f4;text-align:center;font:500 10px/16px var(--mono);letter-spacing:.16em}.nav{height:66px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 max(var(--gutter),calc((100vw - var(--max))/2));background:rgba(10,36,99,.97);color:#fff;border-bottom:1px solid rgba(255,255,255,.18)}.nav-brand{font:600 22px var(--display);text-decoration:none}.nav-brand span{margin-left:8px;font:500 9px var(--mono);letter-spacing:.15em}.nav nav{display:flex;gap:28px}.nav nav a{min-height:44px;display:flex;align-items:center;font-size:14px;text-decoration:none;border-bottom:2px solid transparent}.nav nav a[aria-current=true]{border-color:#fff}
.hero{min-height:760px;padding:110px 0 40px;background:var(--navy);color:#fff;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,rgba(255,255,255,.08) 50%,transparent 50.1%);pointer-events:none}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.35fr .65fr;gap:80px;align-items:center}.kicker,.num,.route-index{font:500 11px var(--mono);letter-spacing:.14em}.kicker{color:#8fd1d7}.hero h1{max-width:820px;margin-top:24px;font:600 clamp(3.5rem,6vw,6.8rem)/.95 var(--display);letter-spacing:-.045em}.hero-copy{max-width:620px;margin-top:30px;color:#dbe4f7;font-size:21px}.button{min-height:48px;display:inline-flex;align-items:center;margin-top:38px;padding:10px 18px;background:var(--teal);color:#fff;text-decoration:none;font-weight:600}.hero-mark{border-left:1px solid rgba(255,255,255,.2);padding:30px 0 30px 70px;color:#fff}.hero-mark svg{width:230px;height:230px;--signal:#3bb3bd}.hero-mark p{margin-top:32px}.hero-mark b,.hero-mark span{display:block}.hero-mark b{font:600 25px var(--display)}.hero-mark span{margin-top:4px;color:#9fb0d5;font:500 10px var(--mono);letter-spacing:.12em}.chain{position:relative;z-index:1;margin-top:100px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2);display:flex;justify-content:space-between;color:#aebce0;font:500 10px var(--mono);letter-spacing:.12em}
.section{padding:120px 0}.paper{background:#fff}.num{color:var(--teal)}h2{margin-top:14px;font:600 clamp(2.5rem,4vw,4.8rem)/1.03 var(--display);letter-spacing:-.035em}.lead{font-size:22px;line-height:1.45}.split-intro{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end}.split-intro>div:last-child{max-width:560px;color:var(--muted)}.split-intro>div:last-child p+p{margin-top:20px}.architecture{display:grid;grid-template-columns:1.35fr repeat(3,1fr);margin-top:70px;border-block:1px solid var(--line)}.architecture article{min-height:190px;padding:28px;border-right:1px solid var(--line)}.architecture article:first-child{padding-left:0}.architecture article:last-child{border:0}.architecture p{color:var(--teal);font:500 10px var(--mono);letter-spacing:.12em}.architecture h3{margin-top:25px;font:600 24px var(--display)}.architecture span{display:block;margin-top:10px;color:var(--muted);font-size:14px}.arch-master h3{font-size:36px;color:var(--navy)}
.system{background:var(--paper)}.system-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:1px;margin-top:62px;background:#cfd4d8;border:1px solid #cfd4d8}.system-grid>div{background:var(--paper);padding:30px}.palette{display:grid;grid-template-columns:1fr 1fr;gap:22px}.palette span:before{content:"";display:block;height:82px;margin-bottom:12px;background:var(--sw)}.palette b,.palette small{display:block}.palette b{font:600 15px var(--display)}.palette small{margin-top:3px;font:400 11px var(--mono)}.type-proof .display-proof{font:600 34px/1.1 var(--display);color:var(--navy)}.type-proof p:nth-child(2){margin-top:24px;color:var(--muted)}code{font:500 11px var(--mono);letter-spacing:.06em}.type-proof code,.route-proof code{display:block;margin-top:30px;color:var(--teal)}.route-proof{color:var(--navy)}.route-proof svg{width:100%;height:90px}.route-proof p{font:600 16px var(--display)}.route-proof p span{color:var(--teal)}
.section-lead{max-width:650px;margin-top:28px;color:var(--muted)}.logo-feature{display:grid;grid-template-columns:.7fr 1.3fr;margin-top:70px;border:1px solid var(--navy)}.route-copy{padding:40px}.route-index{color:var(--teal)}.route-copy h3{margin-top:10px;font:600 40px var(--display)}.route-copy>p:not(.route-index){margin-top:20px;color:var(--muted)}.route-copy ul{margin:28px 0 0;padding:0;list-style:none;font:500 11px var(--mono);letter-spacing:.06em}.route-copy li{padding:10px 0;border-top:1px solid var(--line)}.logo-stage{min-height:360px;display:flex;flex-direction:column;justify-content:space-between;padding:50px;background:var(--paper);color:var(--navy)}.navy-stage{background:var(--navy);color:#fff;--signal:#38aab5}.lockup{display:flex;align-items:center;gap:28px}.lockup>svg{width:116px;height:116px}.lockup .violet{color:var(--violet);--paper:#fff}.lockup strong,.lockup span{display:block}.lockup strong{font:600 65px/.9 var(--display);letter-spacing:-.04em}.lockup span{margin-top:12px;font:500 13px var(--mono);letter-spacing:.24em}.proof-row{display:flex;gap:30px;border-top:1px solid currentColor;padding-top:18px}.proof-row span{display:flex;align-items:center;gap:9px;font:500 9px var(--mono);letter-spacing:.1em}.proof-row svg{width:28px;height:28px}.small-proof svg{width:16px;height:16px}.logo-alternates{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:28px}.logo-option{border:1px solid var(--line)}.logo-option .logo-stage{min-height:300px;padding:38px}.logo-option .lockup>svg{width:80px;height:80px}.logo-option .lockup strong{font-size:46px}
.lockups{background:var(--navy);color:#fff}.lockups .num{color:#7ed1d7}.lockup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:60px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.18)}.family-lock{min-height:230px;display:flex;align-items:center;gap:26px;padding:40px;background:var(--navy);--signal:#38aab5}.family-lock svg{width:84px;height:84px}.family-lock strong,.family-lock span{display:block}.family-lock strong{font:600 43px/.9 var(--display)}.family-lock span{margin-top:10px;color:#8fd1d7;font:500 10px var(--mono);letter-spacing:.12em}.family-lock.master{grid-column:1/-1}.family-lock.master svg{width:110px;height:110px}.family-lock.master strong{font-size:60px}.hierarchy-note{max-width:760px;margin-top:30px;color:#b9c6e3}
.applications{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:65px}.applications figure{position:relative;border:1px solid var(--line);background:#edf0f2;min-width:0}.applications figcaption{position:absolute;left:0;bottom:-25px;color:var(--muted);font:500 10px var(--mono);letter-spacing:.08em}.site-board{min-height:680px;padding:46px;background:var(--navy)!important;color:#fff}.app-logo{display:flex;align-items:center;gap:15px;color:var(--navy);--signal:var(--teal)}.app-logo.light{color:#fff;--signal:#43bac4}.app-logo svg{width:58px;height:58px}.app-logo strong,.app-logo span{display:block}.app-logo strong{font:600 31px/1 var(--display)}.app-logo span{margin-top:5px;font:500 9px var(--mono);letter-spacing:.16em}.site-board h3{margin-top:100px;font:600 53px/1.02 var(--display)}.site-board h3 em{font-style:normal;color:#7ed1d7}.site-meta{display:flex;gap:80px;margin-top:90px;color:#b7c6e5;font:400 10px var(--mono)}.site-meta b{color:#fff;font-weight:500}.app-route{width:100%;margin-top:40px}.vehicle{min-height:390px;padding:45px}.door{height:300px;padding:38px;background:#fff;border:1px solid #c7cdd2}.door code{display:block;margin-top:34px;color:var(--teal)}.door .app-route{height:60px;margin-top:12px;color:var(--navy)}.tag{min-height:390px;display:grid;place-items:center;padding:45px}.tag-face{width:290px;height:290px;border:7px double var(--ink);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.tag-face svg{width:62px;height:62px}.tag-face strong{margin-top:12px;font:600 30px var(--display)}.tag-face code{margin-top:4px}.tag-face small{margin-top:28px;font:500 9px var(--mono)}.submission{grid-column:2;grid-row:2/4;min-height:680px;display:grid;place-items:center;padding:44px}.cover-doc{width:min(390px,90%);aspect-ratio:1/1.414;padding:36px;background:#fff;border-left:10px solid var(--teal);box-shadow:0 12px 30px rgba(16,30,50,.12)}.cover-doc h3{margin-top:100px;font:600 38px/1.05 var(--display)}.cover-doc code{display:block;margin-top:26px;color:var(--teal)}.cover-doc .app-route{margin-top:95px;height:65px;color:var(--navy)}
.recommendation{background:var(--paper)}.rec-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:100px}.rec-grid .lead{max-width:670px;margin-top:28px}.compare{border-top:1px solid #b8c0c8}.compare p{display:flex;justify-content:space-between;gap:20px;padding:19px 0;border-bottom:1px solid #b8c0c8}.compare b{font:600 17px var(--display)}.compare span{color:var(--muted);font-size:14px;text-align:right}.next{padding:110px 0;background:var(--teal);color:#fff}.next .num{color:#d8f3f4}.next h2{font-size:clamp(3rem,5vw,6rem)}.next p{max-width:720px;margin-top:20px;font-size:21px}.paper-button{background:#fff;color:var(--navy)}.next small{display:block;margin-top:50px;color:#d5f0f2;font:400 11px var(--mono)}footer{padding:30px 0;background:#061a49;color:#b8c5e1;font:400 11px var(--mono)}
@media(max-width:900px){:root{--gutter:24px}.hero-grid,.split-intro,.rec-grid{grid-template-columns:1fr}.hero-mark{border-left:0;border-top:1px solid rgba(255,255,255,.2);padding:40px 0 0}.architecture{grid-template-columns:1fr 1fr}.system-grid{grid-template-columns:1fr}.logo-feature{grid-template-columns:1fr}.logo-alternates{grid-template-columns:1fr}.applications{grid-template-columns:1fr}.submission{grid-column:auto;grid-row:auto}.nav nav{gap:16px}.section{padding:90px 0}}
@media(max-width:560px){:root{--gutter:16px}.status{font-size:9px;letter-spacing:.08em}.nav{height:58px}.nav nav{gap:8px}.nav nav a{font-size:11px}.nav-brand span{display:none}.hero{min-height:720px;padding-top:76px}.hero-grid{gap:48px}.hero h1{font-size:3.5rem}.hero-copy{font-size:18px}.hero-mark{display:flex;align-items:center;gap:28px}.hero-mark svg{width:110px;height:110px}.hero-mark p{margin:0}.chain{margin-top:65px;gap:12px;flex-wrap:wrap}.section{padding:72px 0}.split-intro{gap:36px}.architecture{grid-template-columns:1fr}.architecture article{min-height:140px;padding:24px 0;border-right:0;border-bottom:1px solid var(--line)}.palette{gap:14px}.palette span:before{height:58px}.logo-feature{margin-top:48px}.route-copy{padding:26px}.route-copy h3{font-size:34px}.logo-stage,.logo-option .logo-stage{min-height:260px;padding:28px 22px}.lockup{gap:16px}.lockup>svg{width:70px;height:70px}.lockup strong,.logo-option .lockup strong{font-size:38px}.lockup-grid{grid-template-columns:1fr}.family-lock.master{grid-column:auto}.family-lock,.family-lock.master{min-height:170px;padding:26px}.family-lock svg,.family-lock.master svg{width:66px;height:66px}.family-lock strong,.family-lock.master strong{font-size:36px}.site-board{min-height:560px;padding:28px}.site-board h3{margin-top:72px;font-size:42px}.site-meta{margin-top:70px;gap:25px}.vehicle,.tag{min-height:330px;padding:24px}.door{height:265px;padding:24px}.tag-face{width:250px;height:250px}.submission{min-height:580px;padding:28px}.cover-doc h3{margin-top:70px;font-size:30px}.cover-doc .app-route{margin-top:65px}.rec-grid{gap:45px}.compare p{flex-direction:column}.compare span{text-align:left}.next{padding:80px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}