@font-face{font-family:Satoshi;src:url(./fonts/satoshi-400.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Satoshi;src:url(./fonts/satoshi-500.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Satoshi;src:url(./fonts/satoshi-700.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:JetBrains;src:url(./fonts/jetbrains-mono-latin-400-600.woff2) format('woff2');font-weight:400 600;font-display:swap}
:root{--navy:#071b33;--prussian:#165a82;--ice:#e7f1f4;--copper:#b97868;--ink:#18202a;--muted:#536273;--paper:#f8fafb;--line:rgba(7,27,51,.18);--shell:1440px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
body{margin:0;color:var(--ink);background:var(--ice);font-family:Satoshi,Arial,sans-serif;font-size:17px;line-height:1.5}
img{display:block;max-width:100%}
a{color:inherit}
.shell{width:min(calc(100% - 64px),var(--shell));margin-inline:auto}
.skip{position:fixed;z-index:100;top:12px;left:12px;padding:10px 14px;color:#fff;background:var(--navy);transform:translateY(-160%)}
.skip:focus{transform:none}
.header{position:sticky;z-index:30;top:0;border-bottom:1px solid var(--line);background:rgba(231,241,244,.94);backdrop-filter:blur(18px)}
.header__row{min-height:92px;display:grid;grid-template-columns:190px 1fr auto;align-items:center;gap:34px}
.logo{width:148px}
.logo img{width:100%;height:auto}
.nav{display:flex;justify-content:center;gap:38px}
.nav a{text-decoration:none;font-size:15px;font-weight:600}
.nav a:hover,.nav a:focus-visible{text-decoration:underline;text-underline-offset:6px}
.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;padding:0 24px;border:1px solid var(--navy);text-decoration:none;font-weight:700}
.button--dark{color:#fff;background:var(--navy)}
.button--outline{color:var(--navy);background:rgba(255,255,255,.5)}
.button--copper{border-color:var(--copper);color:var(--navy);background:var(--copper)}
.button:hover,.button:focus-visible{outline:3px solid rgba(185,120,104,.38);outline-offset:3px}
.menu,.mobile-nav{display:none}
.hero{min-height:900px;display:flex;align-items:center;background-color:var(--ice);background-image:url(./assets/hero-prussian-v1.webp);background-repeat:no-repeat;background-position:center;background-size:cover}
.hero__content{padding:74px 0 86px}
.hero__content>*{max-width:540px}
.kicker{display:block;margin-bottom:26px;color:var(--prussian);font-family:JetBrains,monospace;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.kicker--light{color:#d7a798}
h1,h2,h3,p{margin-top:0}
h1{margin-bottom:28px;color:var(--navy);font-size:clamp(70px,7.2vw,104px);line-height:.9;letter-spacing:-.066em}
.hero p{margin-bottom:30px;color:var(--muted);font-size:21px;line-height:1.45}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin:0 0 26px}
.reassurance{max-width:420px!important;font-size:15px!important;font-weight:500}
.identity{padding:120px 0;background:var(--paper)}
.identity__head{display:grid;grid-template-columns:1.2fr .8fr;column-gap:80px;align-items:end}
.identity__head .kicker{grid-column:1/-1}
h2{margin-bottom:40px;color:var(--navy);font-size:clamp(50px,5.7vw,86px);line-height:.94;letter-spacing:-.058em}
.identity__head p,.architecture__head p{max-width:650px;margin-bottom:42px;color:var(--muted);font-size:20px}
.palette{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.swatch{min-height:300px;display:flex;flex-direction:column;justify-content:flex-end;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.swatch span,.architecture article>span,.architecture aside>span{font-family:JetBrains,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.swatch strong{margin:12px 0 22px;font-size:25px}
.swatch code{font-family:JetBrains,monospace;font-size:12px}
.swatch--navy{color:#fff;background:var(--navy)}
.swatch--prussian{color:#fff;background:var(--prussian)}
.swatch--ice{color:var(--navy);background:var(--ice)}
.swatch--copper{color:var(--navy);background:var(--copper)}
.system{color:#fff;background:var(--navy)}
.system__grid{display:grid;grid-template-columns:.75fr 1.25fr;min-height:800px}
.system__brand{display:flex;flex-direction:column;justify-content:center;padding:86px 76px;border-right:1px solid rgba(255,255,255,.16)}
.system__brand img{width:min(100%,420px);height:auto}
.system__brand p{max-width:420px;margin:38px 0 0;color:#b9c9d6;font-size:19px}
.system__rules{padding:110px 80px}
.system__rules h2{max-width:780px;color:#fff}
.system__rules ol{margin:60px 0 0;padding:0;border-top:1px solid rgba(255,255,255,.18);list-style:none}
.system__rules li{display:grid;grid-template-columns:64px 1fr;gap:24px;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.18)}
.system__rules li span{color:#d7a798;font-family:JetBrains,monospace;font-size:12px}
.system__rules li p{max-width:680px;margin:0;color:#c7d3dd;font-size:18px}
.architecture{padding:120px 0;background:var(--ice)}
.architecture__head{display:grid;grid-template-columns:1.2fr .8fr;column-gap:80px;align-items:end}
.architecture__head .kicker{grid-column:1/-1}
.architecture__grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--navy);border-left:1px solid var(--line)}
.architecture article{padding:46px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.55)}
.architecture article>span{color:var(--prussian)}
.architecture h3{margin:24px 0 28px;color:var(--navy);font-size:34px;line-height:1.05;letter-spacing:-.04em}
.architecture ul{margin:0;padding:0;list-style:none}
.architecture li{padding:14px 0;border-top:1px solid var(--line);color:var(--muted)}
.architecture aside{grid-column:1/-1;display:grid;grid-template-columns:220px 1fr;gap:40px;padding:34px 46px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:#fff;background:var(--prussian)}
.architecture aside p{max-width:800px;margin:0}
.close{padding:100px 0;color:#fff;background:var(--ink)}
.close__grid{display:grid;grid-template-columns:1.25fr .75fr;gap:100px;align-items:end}
.close h2{margin:0;color:#fff}
.close p{max-width:520px;margin-bottom:32px;color:#c4cbd2;font-size:18px}
.footer{padding:28px 0;color:#aeb8c2;background:#10161d}
.footer__row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;font-family:JetBrains,monospace;font-size:11px}
.footer img{width:92px;height:auto}
.footer a{justify-self:end}
@media(max-width:980px){.nav,.header__cta{display:none}.header__row{grid-template-columns:1fr auto;min-height:76px}.logo{width:120px}.menu{display:flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--navy);color:var(--navy);background:transparent;font:600 14px Satoshi}.mobile-nav{display:grid;padding:14px 24px 22px;border-top:1px solid var(--line);background:var(--ice)}.mobile-nav[hidden]{display:none}.mobile-nav a{padding:12px 0;text-decoration:none;font-weight:600}.hero{min-height:820px;background-position:62% center}.hero__content>*{max-width:500px}.identity__head,.architecture__head,.close__grid{grid-template-columns:1fr}.palette{grid-template-columns:1fr 1fr}.system__grid{grid-template-columns:1fr}.system__brand{min-height:480px;border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}.system__rules{padding:80px 48px}.architecture__head p{max-width:780px}.close__grid{gap:42px}}
@media(max-width:640px){.shell{width:min(calc(100% - 32px),var(--shell))}.hero{min-height:auto;padding-bottom:360px;background-position:74% bottom;background-size:auto 500px}.hero__content{padding:62px 0 44px}.hero__content>*{max-width:none}h1{font-size:58px}.hero p{max-width:350px;font-size:18px}.actions{display:grid}.button{width:100%}.identity,.architecture{padding:78px 0}.identity__head{display:block}.palette{grid-template-columns:1fr}.swatch{min-height:210px}.system__brand{min-height:380px;padding:54px 24px}.system__rules{padding:70px 24px}.system__rules li{grid-template-columns:44px 1fr}.architecture__head{display:block}.architecture__grid{grid-template-columns:1fr}.architecture aside{grid-column:auto;grid-template-columns:1fr}.close{padding:74px 0}.footer__row{grid-template-columns:1fr auto}.footer__row span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}