:root{--navy:#1b213f;--paper:#f3eee4;--white:#fffdf8;--ink:#171a29;--coral:#f46e5b;--aqua:#25bdc0;--line:rgba(27,33,63,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"DM Sans",sans-serif}a{color:inherit}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);color:white;background:var(--navy);border-bottom:4px solid var(--coral)}.brand{text-decoration:none;line-height:1}.brand span{display:block;font-size:16px;font-weight:700;letter-spacing:.18em}.brand small,.beta,.eyebrow,.section-head>span{font:600 9px "IBM Plex Mono",monospace;letter-spacing:.19em}.brand small{display:block;margin-top:6px;color:var(--aqua);font-size:7px}.beta{padding:8px 10px;border:1px solid rgba(255,255,255,.22);color:rgba(255,255,255,.7)}.hero{min-height:calc(100svh - 76px);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);background:linear-gradient(rgba(27,33,63,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(27,33,63,.035) 1px,transparent 1px),var(--paper);background-size:30px 30px}.hero-copy{align-self:center;padding:clamp(58px,8vw,120px) clamp(24px,7vw,110px)}.eyebrow,.section-head>span{display:block;color:var(--coral);text-transform:uppercase}.hero h1{margin:18px 0 12px;color:var(--navy);font:400 clamp(92px,14vw,210px)/.72 "Instrument Serif",serif;letter-spacing:-.055em}.hero h1 span{color:var(--coral)}.declaration{margin:30px 0 20px;color:var(--navy);font:400 clamp(32px,4vw,58px)/.93 "Instrument Serif",serif}.intro{max-width:680px;margin:0;color:#5f6069;font-size:clamp(15px,1.5vw,18px);line-height:1.7}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:38px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;min-height:54px;padding:0 20px;text-decoration:none;font:600 9px "IBM Plex Mono",monospace;letter-spacing:.13em}.primary{min-width:210px;color:white;background:var(--navy)}.primary span{color:var(--aqua);font-size:18px}.primary:hover,.primary:focus-visible{background:var(--coral)}.secondary{border:1px solid var(--line);color:var(--navy)}.page-object{display:grid;place-items:center;overflow:hidden;background:var(--navy);padding:8vw 6vw}.book-page{position:relative;width:min(480px,100%);aspect-ratio:3/4;padding:12% 11%;color:var(--navy);background:var(--white);box-shadow:24px 24px 0 var(--coral)}.book-page::before{content:"";position:absolute;top:0;right:18%;width:1px;height:100%;background:rgba(244,110,91,.35)}.page-number{font:600 9px "IBM Plex Mono",monospace;letter-spacing:.15em}.book-page blockquote{position:relative;z-index:1;margin:26% 15% 0 0;font:400 clamp(29px,3vw,48px)/1 "Instrument Serif",serif}.margin-note{position:absolute;right:-3%;top:29%;transform:rotate(-4deg);color:var(--coral);font:italic 20px/1.1 "Instrument Serif",serif}.line{height:1px;margin-top:12%;background:rgba(27,33,63,.15)}.l2{width:82%}.l3{width:67%}.mark{position:absolute;right:7%;bottom:-4%;color:rgba(37,189,192,.16);font:italic 180px "Instrument Serif",serif}.explanation{padding:clamp(74px,10vw,150px) clamp(24px,6vw,92px)}.section-head{display:grid;grid-template-columns:.7fr 1.3fr;gap:30px;align-items:end;padding-bottom:45px;border-bottom:1px solid var(--line)}h2{margin:0;color:var(--navy);font:400 clamp(48px,7vw,96px)/.9 "Instrument Serif",serif;letter-spacing:-.035em}h2 em{color:var(--coral);font-weight:400}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line)}.feature-grid article{min-height:360px;padding:42px clamp(22px,3vw,46px);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.feature-grid article>span{color:var(--coral);font:600 9px "IBM Plex Mono",monospace}.feature-grid h3{margin:72px 0 20px;color:var(--navy);font:400 clamp(30px,3vw,44px)/.95 "Instrument Serif",serif}.feature-grid p,.continuity-copy p,.invitation p{color:#62636d;line-height:1.72}.continuity{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,140px);padding:clamp(74px,10vw,145px) clamp(24px,7vw,110px);color:white;background:var(--navy)}.continuity h2{margin-top:22px;color:white}.continuity-copy{align-self:end}.continuity-copy p{color:rgba(255,255,255,.62)}.continuity ul{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:28px 0 0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.16)}.continuity li{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.16);font:500 9px "IBM Plex Mono",monospace;letter-spacing:.09em}.invitation{text-align:center;padding:clamp(90px,12vw,170px) 24px;background:var(--white)}.invitation .eyebrow{margin-bottom:25px}.invitation p{max-width:650px;margin:30px auto}.invitation .primary{margin:34px auto 0}.primary.coral{background:var(--coral)}.primary.coral span{color:white}.primary.coral:hover{background:var(--navy)}footer{display:flex;justify-content:space-between;gap:20px;padding:27px clamp(20px,5vw,72px);color:rgba(255,255,255,.55);background:var(--navy);font:500 8px "IBM Plex Mono",monospace;letter-spacing:.1em}footer a{color:var(--aqua);text-decoration:none}@media(max-width:800px){.hero{grid-template-columns:1fr}.page-object{min-height:68svh;padding:16vw 10vw}.section-head,.continuity{grid-template-columns:1fr}.section-head h2{margin-top:22px}.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:0}.continuity ul{grid-template-columns:1fr}.continuity-copy{margin-top:20px}footer{flex-direction:column}.brand small{display:none}.hero h1{font-size:31vw}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}