/* SE OnChain — ported from the developer handoff's React/Tailwind source.
   Design rules below (from "/* SE OnChain:" onward) are copied verbatim from
   source/app/globals.css: later rules intentionally override earlier ones
   across several rounds of design iteration. Don't consolidate without a
   visual diff against the reference site. */

[hidden]{display:none!important} /* Chromium doesn't hide inline <svg> via [hidden] on its own */
button{appearance:none;-webkit-appearance:none;background:none;border:none;margin:0;padding:0;color:inherit;font:inherit;text-align:inherit;cursor:pointer}
input:not(.trap),textarea{width:100%;border:1px solid var(--border,#dee3e9);border-radius:8px;background:#fff;color:var(--ink,#11151c);padding:10px 14px;font:inherit}
input:not(.trap):focus,textarea:focus{outline:2px solid var(--blue,#153e80);outline-offset:2px;border-color:var(--blue,#153e80)}
textarea{resize:vertical}


:root{--blue:#153e80;--blue-dark:#153e80;--ink:#11151c;--muted-foreground:#606b78;--border:#dee3e9;--primary:#153e80;--ring:#153e80}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}p{line-height:1.75}a{color:inherit;text-decoration:none}button{cursor:pointer}a,button{touch-action:manipulation}button,input,textarea{font:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}em{font-style:normal}.section{padding:96px 5.5vw}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:700;display:block;line-height:1.6}.skip{position:fixed;top:-100px;left:20px;background:#fff;z-index:100;padding:12px}.skip:focus{top:10px}header{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid var(--border);padding:18px 4.2vw;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:24px;font-weight:800;letter-spacing:-1px}.logo-symbol{display:block;width:54px;flex:none;aspect-ratio:280/210;background-image:url('/logo-sheet.png');background-size:548.5714% auto;background-position:64.8885% 13.0221%;background-repeat:no-repeat}nav{display:flex;align-items:center;gap:30px;margin-left:auto;font-size:14px;font-weight:500}nav a:hover,nav button:hover{color:var(--blue)}.nav-cta{display:flex;align-items:center;gap:18px;background:#11151c;color:#fff;padding:13px 18px;font-size:14px;font-weight:600}.menu{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px}.hero-copy{padding:68px 3.8vw 25px 5.5vw;display:flex;flex-direction:column;align-items:flex-start}.hero-copy>.eyebrow:before{content:'';display:inline-block;width:7px;height:7px;background:var(--blue);margin-right:12px}.hero h1{font-size:clamp(50px,5.05vw,84px);line-height:1.025;letter-spacing:-.058em;font-weight:700;margin:28px 0}.hero h1 em{color:var(--blue);white-space:nowrap}.hero-copy>p{max-width:450px;color:#5b6571;font-size:17px}.actions{display:flex;gap:28px;align-items:center;margin:32px 0 45px}.action{display:inline-flex;align-items:center;gap:25px;background:var(--blue-dark);color:#fff;padding:17px 22px;font-size:14px;font-weight:600;transition:background .2s}.action:hover{background:#102f62}.text-link{display:inline-flex;align-items:center;gap:14px;font-size:14px;font-weight:600}.text-link:hover{color:var(--blue)}.hero-foot{margin-top:auto;width:100%;border-top:1px solid var(--border);padding-top:20px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;letter-spacing:.04em;font-weight:600;color:#687381}.hero-image{position:relative;min-height:600px;background:#184177;overflow:hidden}.hero-image>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% center}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#05132930,transparent 40%,#07172bcf);pointer-events:none}.image-top{position:absolute;z-index:1;top:30px;left:35px;right:35px;display:flex;justify-content:space-between;color:#fff;font-size:12px;letter-spacing:.12em}.image-caption{position:absolute;z-index:1;bottom:36px;left:38px;right:38px;color:#fff}.image-caption .eyebrow{font-size:12px}.image-caption p{font-size:clamp(32px,3.5vw,54px);line-height:1.07;letter-spacing:-.045em;margin-top:14px}.image-caption>a{position:absolute;right:0;bottom:3px;width:54px;height:54px;border:1px solid #ffffff80;display:grid;place-items:center}.belief{background:var(--blue-dark);color:#fff;padding:23px 5.5vw;display:flex;justify-content:space-between;align-items:center;gap:30px}.belief>span{font-size:12px;font-weight:600;letter-spacing:.07em}.belief p{font-size:14px;white-space:nowrap}.belief b{margin:0 15px;color:#a2c8ff;font-weight:400}h2{font-size:clamp(34px,3.4vw,54px);line-height:1.13;letter-spacing:-.045em;font-weight:600;margin-top:25px}.vision,.mission,.why,.values,.connect{display:grid;grid-template-columns:1.1fr 1fr;gap:8vw}.vision{padding-top:115px;padding-bottom:115px}.vision p{color:#63707e;margin-bottom:18px}.vision .lead{font-size:30px;line-height:1.35;font-weight:500;letter-spacing:-.025em;color:var(--ink);margin-bottom:28px}.lead em{color:var(--blue-dark)}.mission{background:#f3f6f9;grid-template-columns:1fr 1.2fr;gap:7vw}.mission>div>p,.values>div>p{margin-top:25px;color:#64707c;max-width:390px}.pillars{display:grid;grid-template-columns:1fr 1fr;gap:40px 35px}.pillars svg{color:var(--blue-dark);margin-bottom:22px}.pillars h3{font-size:18px;font-weight:600;line-height:1.35;letter-spacing:-.02em;margin-bottom:12px}.pillars p{font-size:14px;color:#64707c}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:50px}.section-top>p{max-width:310px;font-size:15px;color:#64707c}.ecosystem h2 em{color:#758292}.platforms{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--border);border-top:1px solid var(--border)}.platforms article{padding:30px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);transition:background .2s}.platforms article:hover{background:#f4f8ff}.platform-meta{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#647180;letter-spacing:.07em;flex-wrap:wrap}.platforms h3{font-size:32px;font-weight:700;letter-spacing:-.04em;margin:28px 0 12px}.platforms p{font-size:14px;color:#62707f;min-height:73px;max-width:290px}.platforms small{display:inline-block;margin-top:26px;color:var(--blue-dark);font-size:12px;letter-spacing:.08em;border-bottom:1px solid #b1cdf3;padding-bottom:4px}.why{background:#101822;color:#fff;align-items:center}.why .eyebrow{color:#a4b0c0}.why h2 em{color:#a8bfdf}.why p{font-size:18px;color:#c1cad7}.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.tags span{border:1px solid #ffffff30;padding:8px 13px;font-size:12px;color:#d8e2ef}.values{grid-template-columns:1fr 1.1fr}.values-note{margin-top:54px;color:#85909d;font-size:22px;line-height:1.5;letter-spacing:-.03em}.values-note em{color:var(--blue-dark)}.value-list{border-top:1px solid var(--border)}details{border-bottom:1px solid var(--border)}summary{list-style:none;display:flex;align-items:center;gap:20px;padding:23px 0;cursor:pointer}summary::-webkit-details-marker{display:none}summary>span{font-size:12px;color:#8792a0}summary h3{font-size:18px;letter-spacing:-.025em;font-weight:500}summary svg{margin-left:auto;color:#687483;flex:none}details[open] summary svg{transform:rotate(45deg)}details>p{font-size:14px;line-height:1.8;color:#64707c;margin:0 25px 23px 37px}.leadership{text-align:center;border-top:1px solid var(--border);padding-top:70px;padding-bottom:80px}.leadership h2{margin-bottom:23px}.leadership>p{max-width:670px;margin:auto;color:#64707c}.leadership button{margin-top:23px}.connect{background:var(--blue-dark);color:#fff;padding-top:80px;padding-bottom:68px;align-items:center;gap:7vw;grid-template-columns:1fr 1fr}.connect h2{font-size:clamp(32px,3.3vw,50px)}.connect>div>p{color:#d6e5ff;margin-top:24px}.connect label{display:block;font-size:14px;margin-bottom:13px}.signup{display:flex;gap:10px}.signup input{height:52px;background:#fff;color:#111;border:none;border-radius:2px;padding:0 16px;font-size:16px;min-width:0}.signup button{height:52px;border-radius:2px;background:#111923;color:#fff;font-size:13px;padding:0 18px}.consent{font-size:12px;line-height:1.65;margin-top:13px;color:#d6e5ff}.consent button{text-decoration:underline;text-underline-offset:3px}.status{font-size:14px;line-height:1.5;margin-top:12px}.contact-prompt{border-top:1px solid #ffffff40;margin-top:30px;padding-top:23px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:13px;color:#d7e7ff}.contact-prompt button{display:flex;align-items:center;gap:10px;color:#fff;font-weight:600}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}footer.section{padding-top:40px;padding-bottom:30px}.footer-top{display:flex;align-items:center;gap:30px;padding-bottom:35px}.footer-top p{font-size:13px;color:#687483}.footer-top>a{margin-left:auto;font-size:12px}.footer-bottom{border-top:1px solid var(--border);padding-top:25px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#6c7580}.footer-bottom>div{display:flex;gap:25px}.disclaimer{font-size:12px;color:#7c8490;max-width:1100px;margin-top:21px}.site-dialog{max-height:90dvh;overflow-y:auto}.site-dialog [data-slot=dialog-title]{font-size:24px;line-height:1.2;letter-spacing:-.03em}.site-dialog [data-slot=dialog-description]{line-height:1.6}.contact-form{display:grid;gap:10px}.contact-form label{font-size:14px;margin-top:5px}.contact-form input{height:44px}.contact-form .consent{color:#64707c}.contact-form>button{height:45px}.legal p{font-size:15px;color:#586576;line-height:1.7;margin-bottom:15px}
@media(min-width:1600px){.hero{min-height:740px}.hero-copy{padding-top:100px}.hero h1{font-size:86px}.section{padding-left:max(5.5vw,calc((100vw - 1450px)/2));padding-right:max(5.5vw,calc((100vw - 1450px)/2))}}
@media(max-width:1050px){header{gap:22px}nav{gap:19px}.brand{font-size:21px}.logo-symbol{width:47px}.hero-copy{padding-top:52px}.hero h1{font-size:52px}.actions{gap:20px;flex-wrap:wrap}.hero-foot{flex-direction:column}.belief{align-items:flex-start;flex-direction:column;gap:14px}.section{padding-top:80px;padding-bottom:80px}.vision,.mission,.values{gap:6vw}.platforms article{padding:25px 22px}.signup{flex-wrap:wrap}.signup input{flex:1 1 180px}.signup button{flex:1}.footer-top{flex-wrap:wrap}}
@media(max-width:760px){header{padding:14px 22px;gap:14px}.brand{font-size:21px}.logo-symbol{width:44px}.nav-cta{margin-left:auto;font-size:12px;padding:11px 12px;gap:8px}.nav-cta svg{display:none}.menu{display:block}nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;background:#fff;padding:25px;border-bottom:1px solid var(--border);flex-direction:column;align-items:flex-start;gap:22px}nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-copy{padding:48px 24px 25px}.hero h1{font-size:clamp(46px,9.5vw,70px);margin:24px 0}.hero-copy>p{font-size:16px}.actions{margin:27px 0 35px;gap:23px}.hero-foot{flex-direction:row;font-size:12px}.hero-image{min-height:430px}.image-top{top:24px;left:24px;right:24px}.image-caption{left:24px;right:24px;bottom:28px}.image-caption p{font-size:40px}.belief{padding:25px 24px}.belief p{font-size:12px;white-space:normal}.belief b{margin:0 8px}.section{padding:64px 24px}.vision,.mission,.why,.values,.connect{grid-template-columns:1fr;gap:37px}.vision .lead{font-size:27px}h2{font-size:37px}.pillars{gap:33px 25px}.pillars h3{font-size:17px}.section-top{flex-direction:column;align-items:flex-start;gap:25px;margin-bottom:35px}.section-top>p{max-width:500px}.platforms{grid-template-columns:1fr 1fr}.platforms article{padding:23px 18px}.platforms h3{font-size:29px}.platforms p{min-height:100px}.platform-meta{font-size:12px;gap:7px}.why p{font-size:17px}.values-note{display:none}summary{padding:22px 0}.leadership h2{font-size:34px}.footer-top{gap:20px}.footer-top p{width:100%;order:3}.footer-bottom{flex-direction:column;gap:17px}.connect h2{font-size:38px}.signup{flex-wrap:nowrap}.signup input{flex:1;min-width:0}.signup button{flex:none;padding:0 12px;font-size:12px}.signup button svg{display:none}}
@media(max-width:390px){.nav-cta{display:none}.menu{margin-left:auto}.hero h1{font-size:44px}.hero h1 em{white-space:normal}.platforms,.pillars{grid-template-columns:1fr}.platforms p{min-height:0}.signup{flex-wrap:wrap}.signup button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.hero-image>img{object-position:72% center}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/barlow-condensed-500.ttf) format('truetype');
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/barlow-condensed-600.ttf) format('truetype');
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/barlow-condensed-700.ttf) format('truetype');
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/manrope-400.ttf) format('truetype');
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/manrope-500.ttf) format('truetype');
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/manrope-600.ttf) format('truetype');
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/manrope-700.ttf) format('truetype');
}

/* SE OnChain: condensed display + restrained geometric text. */
:root{--font-sans:'Manrope',Arial,sans-serif}
body{font-family:'Manrope',Arial,sans-serif}
h1,h2,.image-caption p{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:-.015em}
.hero h1{font-size:clamp(58px,5.8vw,92px);line-height:.98;letter-spacing:-.018em;font-weight:600}
h2{font-size:clamp(40px,3.9vw,62px);line-height:1.06;font-weight:600;letter-spacing:-.01em}
.hero h1 em{white-space:normal}
.pillars h3,.platforms h3,.value-list h3{font-family:'Manrope',Arial,sans-serif}
.eyebrow,.platform-meta,.platforms small,.hero-foot,.image-top{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:600;font-size:14px;letter-spacing:.12em}
.brand{font-family:Arial,Helvetica,sans-serif}
.connect h2{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:clamp(40px,3.9vw,58px)}
@media(max-width:1050px){.hero h1{font-size:66px}.actions{gap:18px}}
@media(max-width:760px){.hero h1{font-size:clamp(54px,11vw,76px)}h2{font-size:44px}.connect h2{font-size:44px}.leadership h2{font-size:42px}.hero-copy>p{max-width:480px}}
@media(max-width:390px){.hero h1{font-size:52px}h2,.connect h2{font-size:39px}}

/* Selected option 03: preserve the approved artwork as a single lockup. */
.technical-logo{display:block;width:260px;height:auto;aspect-ratio:720/170;flex:none;object-fit:contain}
header .brand{flex-shrink:0}
@media(max-width:1050px){.technical-logo{width:230px}header{gap:22px}nav{gap:18px}}
@media(max-width:760px){.technical-logo{width:210px}header{gap:12px;padding-left:20px;padding-right:20px}}
@media(max-width:440px){header .nav-cta{display:none}header .menu{margin-left:auto}.technical-logo{width:220px}}

/* Editorial refinement: expressive serif, precise sans, generous rhythm. */
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/instrument-serif-regular.ttf') format('truetype')}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url('/fonts/instrument-serif-italic.ttf') format('truetype')}
:root{--ink:#171b22;--paper:#f7f8fa;--border:#dfe3e9}
body{background:var(--paper)}
header{background:#ffffffed;backdrop-filter:blur(18px);padding:17px 5.5vw;border-bottom:1px solid #e6e9ee;gap:28px}
.technical-logo{mix-blend-mode:normal}
nav{font-size:13px;gap:22px}nav a,nav button{padding:9px 0;transition:color .2s}
.nav-cta,.action{border-radius:9px}.nav-cta{padding:12px 18px}
.eyebrow,.platform-meta,.platforms small,.image-top{font-family:'Manrope',Arial,sans-serif;font-size:10px;font-weight:600;letter-spacing:.13em}
h1,h2,.image-caption p{font-family:'Instrument Serif',Georgia,serif;font-weight:400;text-transform:none;letter-spacing:-.035em}
h2{font-size:clamp(43px,4.3vw,68px);line-height:1.04;font-weight:400;letter-spacing:-.025em;margin-top:22px;text-wrap:balance}
h2 em{font-style:italic;color:#596d88}
.hero{display:block;min-height:0;padding:0 5.5vw 28px}
.hero-copy{padding:83px 0 61px;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:7vw;align-items:start}
.hero h1{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:clamp(62px,6.8vw,108px);line-height:.98;letter-spacing:-.04em;margin:24px 0 26px;text-transform:none}
.hero h1 em{font-style:italic;color:var(--blue-dark)}
.hero-text>.eyebrow:before{content:'';display:inline-block;width:6px;height:6px;background:var(--blue);border-radius:50%;margin:0 10px 1px 0}
.hero-text>p{max-width:545px;font-size:16px;line-height:1.8;color:#626c79}
.hero .actions{margin:28px 0 0;gap:27px}
.action{font-size:13px;padding:15px 19px;gap:24px}.text-link{font-size:13px}
.hero-aside{padding-top:49px}.hero-aside>p{font-size:23px;line-height:1.5;letter-spacing:-.035em;margin:18px 0 25px}.hero-aside>.text-link{border-bottom:1px solid #b9c3d0;padding-bottom:10px;gap:20px}
.hero-image{min-height:0;height:clamp(380px,39vw,620px);border-radius:18px;background:#0a1622}
.hero-image>img{object-position:center 56%}.hero-image:after{background:linear-gradient(180deg,#06152340,transparent 45%,#05101da6)}
.image-top{top:28px;left:32px;right:32px}.image-caption{left:32px;right:32px;bottom:30px}
.image-caption p{font-size:clamp(38px,4.1vw,64px);font-weight:400;line-height:1;letter-spacing:-.02em}
.image-caption>a{border-radius:50%;height:48px;width:48px;transition:background .2s}.image-caption>a:hover{background:#ffffff24}
.belief{background:transparent;color:#697483;padding:21px 5.5vw 42px;gap:20px}.belief>span{font-size:10px;letter-spacing:.1em}.belief p{font-size:12px}.belief b{color:#97aac4;margin:0 11px}
.section{padding:104px 5.5vw}.vision{border-top:1px solid var(--border);background:#fff;gap:10vw}.vision .lead{font-size:28px;line-height:1.4}.vision p{font-size:15px}
.mission{background:#f0f3f7;gap:7vw}.mission>div>p,.values>div>p{font-size:15px;line-height:1.85;max-width:370px}
.pillars{gap:38px 32px}.pillars article{padding-top:22px;border-top:1px solid #cfd7e1}.pillars svg{width:25px;height:25px;margin-bottom:22px}.pillars h3{font-size:17px}.pillars p{font-size:13px;line-height:1.8}
.ecosystem{background:#fff}.section-top{margin-bottom:44px}.section-top>p{font-size:14px;max-width:310px}.ecosystem h2 em{color:#596d88}
.platforms{gap:16px;border:0}.platforms article{padding:30px;border:1px solid #e4e8ee;border-radius:14px;background:#f7f8fa;transition:transform .2s,background .2s,border-color .2s}.platforms article:hover{transform:translateY(-4px);background:#edf3fc;border-color:#c3d4ef}.platforms h3{font-size:32px;margin:32px 0 16px;letter-spacing:-.04em}.platforms p{font-size:13px;line-height:1.8;min-height:72px}.platforms small{margin-top:27px;font-size:9px;border:0;color:#657389;letter-spacing:.1em}.platforms small:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--blue);margin:0 7px 1px 0}
.why{margin:24px 24px 0;border-radius:18px;background:#0e2444;gap:10vw;padding-left:calc(5.5vw - 24px);padding-right:calc(5.5vw - 24px)}.why h2 em{color:#a8bfdf}.why p{font-size:17px;line-height:1.8}.tags span{border-radius:30px;padding:8px 12px;font-size:11px}
.values{background:var(--paper);gap:9vw}.values-note{font-family:'Instrument Serif',Georgia,serif;font-size:31px;line-height:1.2;letter-spacing:-.01em;margin-top:40px}.values-note em{font-style:italic}summary{padding:21px 0;gap:18px}summary h3{font-size:16px;font-weight:500}summary>span{font-size:10px}details>p{font-size:13px}details[open] summary h3{color:var(--blue-dark)}
.leadership{background:#fff;padding-top:78px;padding-bottom:80px}.leadership p{font-size:15px;max-width:590px}.leadership h2{font-size:clamp(44px,4.5vw,68px)}
.connect{margin:24px;border-radius:18px;padding:76px calc(5.5vw - 24px);background:#153e80;gap:8vw}.connect h2{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:clamp(44px,4.5vw,67px);line-height:1.05;letter-spacing:-.025em}.connect h2 em{color:#d1e3ff}.connect>div>p{font-size:14px;margin-top:24px}.signup input,.signup button{border-radius:8px}.signup button{font-size:12px}.connect label{font-size:12px}.contact-prompt{line-height:1.6}
footer.section{background:#fff;padding-top:38px;padding-bottom:30px}.footer-top{padding-bottom:30px}.disclaimer{font-size:11px;line-height:1.8}.footer-bottom{font-size:11px}.site-dialog{border-radius:16px}.site-dialog [data-slot=dialog-title]{font-family:'Instrument Serif',Georgia,serif;font-size:34px;font-weight:400;letter-spacing:-.02em}
@media(min-width:1600px){.hero-copy{padding-top:96px;grid-template-columns:minmax(0,1fr) 340px}.hero-aside{padding-top:57px}.hero-aside>p{font-size:27px}.hero h1{font-size:108px}.hero{max-width:1900px;margin:auto}}
@media(max-width:1100px){.hero-copy{gap:5vw;grid-template-columns:minmax(0,1fr) 240px}.hero h1{font-size:69px}.hero-aside>p{font-size:20px}nav{gap:16px}.section{padding-top:80px;padding-bottom:80px}.platforms article{padding:25px}.belief{flex-direction:row;align-items:center}.belief p{white-space:normal}.technical-logo{width:220px}}
@media(max-width:900px){.hero-copy{grid-template-columns:minmax(0,1fr) 210px}.hero h1{font-size:61px}.hero-aside{padding-top:45px}.hero-aside>p{font-size:18px}header{gap:18px;padding-left:24px;padding-right:24px}nav{gap:12px;font-size:12px}.nav-cta{font-size:12px;padding:11px 12px}.technical-logo{width:200px}.pillars{gap:28px 20px}}
@media(max-width:760px){header{padding:13px 22px}.technical-logo{width:210px}nav{padding:24px;font-size:15px;gap:16px;background:#fff}.hero{padding:0 22px 18px}.hero-copy{padding:49px 0 35px;display:block}.hero h1{font-size:clamp(53px,8.6vw,72px);margin:22px 0}.hero-text>p{font-size:15px;max-width:500px}.hero .actions{gap:21px;flex-wrap:wrap;margin-top:25px}.hero-aside{padding-top:30px;margin-top:30px;border-top:1px solid var(--border)}.hero-aside>.eyebrow{display:none}.hero-aside>p{font-size:18px;line-height:1.55;max-width:480px;margin:0 0 15px}.hero-aside>p br{display:none}.hero-aside>.text-link{padding-bottom:7px}.hero-image{height:400px;min-height:0;border-radius:13px}.hero-image>img{object-position:67% center}.image-top{left:22px;right:22px;top:22px;font-size:9px}.image-caption{left:22px;right:22px;bottom:24px}.image-caption p{font-size:43px}.image-caption .eyebrow{font-size:9px}.belief{padding:13px 22px 30px;display:block}.belief p{margin-top:12px;font-size:11px}.section{padding:64px 24px}.vision,.mission,.values,.why,.connect{gap:35px}h2{font-size:46px;line-height:1.04}.vision .lead{font-size:25px}.platforms{gap:12px}.platforms article{padding:23px 18px}.platforms h3{font-size:28px}.platforms p{min-height:100px}.platform-meta{font-size:9px}.why{margin:16px 12px 0;padding:55px 22px;border-radius:14px}.why p{font-size:15px}.leadership h2{font-size:46px}.connect{margin:12px;padding:54px 22px;border-radius:14px}.connect h2{font-size:47px}.footer-top p{font-size:12px}.signup{flex-wrap:wrap}.signup input{flex:1 1 170px}.signup button{flex:1 1 130px}}
@media(max-width:420px){.hero h1{font-size:52px}.hero h1 br{display:none}.hero-image{height:360px}.hero .actions{gap:17px}.action{font-size:12px;padding:14px 16px;gap:15px}.text-link{font-size:12px}.platforms,.pillars{grid-template-columns:1fr}.platforms p{min-height:0}.platforms article{padding:25px}.platforms h3{margin-top:24px}h2,.connect h2,.leadership h2{font-size:42px}.technical-logo{width:210px}}

/* Keep the fans’ faces in the flagship image crop. */
.hero-image>img{object-position:center 43%}
@media(max-width:760px){.hero-image>img{object-position:60% center}}

/* A second stadium moment connects the fan story to infrastructure. */
.why{row-gap:48px}
.why-stadium{grid-column:1 / -1;overflow:hidden;border-radius:12px;height:clamp(260px,30vw,440px);margin-bottom:0}
.why-stadium img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 55%}
@media(max-width:760px){.why-stadium{height:260px;margin-bottom:0}.why-stadium img{object-position:65% center}}

/* A livelier palette and restrained, accessible motion. */
:root{--electric:#3475d6;--gold:#e9b94c;--sky:#eaf2ff}
.hero{background:radial-gradient(ellipse at 95% 5%,#dce9ff 0,transparent 45%),radial-gradient(ellipse at 0 30%,#fff4d9 0,transparent 35%)}
.hero h1 em{color:var(--blue);text-decoration:underline;text-decoration-color:#e9b94c90;text-decoration-thickness:3px;text-underline-offset:10px}
.hero-text>.eyebrow{color:var(--blue)}
.hero-aside{border-left:3px solid var(--gold);padding-left:24px}
.hero-image{box-shadow:0 16px 45px #153e8018}
.belief{background:linear-gradient(100deg,#edf3ff,#f7f8fa 58%,#fff6df);border-bottom:1px solid #153e8010;padding-top:25px;padding-bottom:25px}
.belief b{color:#9b6a11}
.vision{background:linear-gradient(140deg,#fff 58%,#f0f6ff)}
.mission{background:linear-gradient(125deg,#eaf2ff,#f6f9ff 65%,#fff8e8)}
.pillars article{border-top-color:#bdcfea}
.pillars svg{box-sizing:content-box;background:#fff;border:1px solid #d3e0f1;padding:12px;border-radius:13px;box-shadow:0 5px 14px #153e807}
.pillars article:nth-child(2) svg,.pillars article:nth-child(4) svg{background:#fff6df;border-color:#f0dfb2}
.platforms article{position:relative;overflow:hidden;border-top:3px solid #153e80;background:linear-gradient(145deg,#edf4ff,#fff);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.platforms article:nth-child(3n+2){border-top-color:#3475a8;background:linear-gradient(145deg,#edf5ff,#fff)}
.platforms article:nth-child(3n){border-top-color:#548aab;background:linear-gradient(145deg,#eaf5f9,#fff)}
.platforms article:hover{background:linear-gradient(145deg,#e6effd,#fff);box-shadow:0 12px 28px #153e8012;border-color:#9bb7df}
.platforms h3{color:#153e80}.platform-meta{color:#53657e}
.why{background:radial-gradient(ellipse at 90% 95%,#204f87,transparent 65%),#0e2444}
.why .eyebrow{color:#edc66c}.why h2 em{color:#b9d4ff}
.why-stadium{box-shadow:0 8px 28px #0003}
.values{background:radial-gradient(ellipse at 0 80%,#e9f1fd,transparent 58%),#f7f8fa}
summary{transition:color .2s,background .2s}summary:hover{background:#e9f0fa}summary svg{transition:transform .25s}
.leadership{background:linear-gradient(115deg,#f1f6ff,#fff 55%,#fff8e8)}
.connect{background:radial-gradient(ellipse at 100% 0%,#326eb3,transparent 70%),linear-gradient(120deg,#153e80,#102f62);border-top:3px solid var(--gold);box-shadow:0 12px 30px #153e8015}
.connect .signup button{background:#f2c75e;color:#142b4c;font-weight:700}.connect .signup button:hover{background:#ffda7d}
.action,.nav-cta{transition:background .2s,transform .2s,box-shadow .2s}.action:hover,.nav-cta:hover{background:#214f90;transform:translateY(-2px);box-shadow:0 6px 16px #153e8028}
.action svg,.nav-cta svg,.text-link svg{transition:transform .2s}.action:hover svg,.nav-cta:hover svg,.text-link:hover svg{transform:translate(2px,-2px)}
nav a{position:relative}nav a:after{content:'';position:absolute;left:0;right:0;bottom:2px;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .2s}nav a:hover:after,nav a:focus-visible:after{transform:scaleX(1)}
@keyframes section-entrance{from{opacity:.45;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes hero-settle{from{transform:scale(1.035)}to{transform:scale(1)}}
@media(prefers-reduced-motion:no-preference){.reveal-enter{animation:section-entrance .65s cubic-bezier(.2,.7,.25,1) both}.hero-text,.hero-aside{animation:section-entrance .75s ease both}.hero-aside{animation-delay:.1s}.hero-image>img{animation:hero-settle 4.5s ease-out both}}
@media(max-width:760px){.hero-aside{border-left:0;padding-left:0}.hero h1 em{text-underline-offset:6px;text-decoration-thickness:2px}.belief{padding:22px}.pillars svg{padding:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.platforms article:hover,.action:hover,.nav-cta:hover{transform:none}}

/* Ambient motion: an easy-to-pause, slowly moving hero and color field. */
.hero{position:relative;isolation:isolate;overflow:hidden;background:#f7f8fa}
.hero:before{content:'';position:absolute;z-index:-1;inset:-15%;pointer-events:none;background:radial-gradient(ellipse at 85% 20%,#cbdfff 0,transparent 43%),radial-gradient(ellipse at 12% 36%,#ffeabc 0,transparent 35%);transform-origin:center}
.hero-copy{position:relative}
.motion-toggle{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #ffffff65;border-radius:30px;background:#0c1e36a8;color:#fff;font-family:'Manrope',sans-serif;font-size:12px;letter-spacing:0;text-transform:none;backdrop-filter:blur(8px);margin-top:-7px}
.motion-toggle:hover{background:#153e80}.motion-toggle:focus-visible{outline-color:#f2c75e}
@keyframes fan-pan{0%,100%{transform:scale(1.015) translateX(-.3%)}50%{transform:scale(1.065) translateX(.5%)}}
@keyframes color-drift{0%,100%{transform:translate(-2%,-1%) scale(1)}50%{transform:translate(3%,2%) scale(1.06)}}
@keyframes invitation-nudge{0%,70%,100%{transform:translateY(0)}85%{transform:translateY(5px)}}
@media(prefers-reduced-motion:no-preference){.hero-image>img{animation:fan-pan 20s ease-in-out infinite}.hero:before{animation:color-drift 16s ease-in-out infinite}.image-caption>a svg{animation:invitation-nudge 3.5s ease-in-out infinite}.connect{background-size:150% 150%;animation:color-field 18s ease-in-out infinite}}
@keyframes color-field{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.motion-paused .hero-image>img,.motion-paused .hero:before,.motion-paused .image-caption>a svg,.motion-paused .connect{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.motion-toggle{display:none}.hero:before,.hero-image>img,.image-caption>a svg,.connect{animation:none!important}}

/* Modern headline typography inspired by the supplied bold sans reference. */
h1,h2,.image-caption p,.values-note,.site-dialog [data-slot=dialog-title]{font-family:'Manrope',Arial,sans-serif;font-style:normal;font-weight:700;letter-spacing:-.05em;text-transform:none}
.hero h1{font-family:'Manrope',Arial,sans-serif;font-size:clamp(52px,5.6vw,88px);font-weight:700;line-height:1.07;letter-spacing:-.055em;text-wrap:balance}
.hero h1 em,h2 em,.values-note em{font-style:normal}
.hero h1 em{text-decoration:none;color:var(--blue)}
h2{font-size:clamp(36px,3.8vw,58px);font-weight:700;line-height:1.12;letter-spacing:-.045em}
.image-caption p{font-size:clamp(32px,3.7vw,56px);font-weight:700;line-height:1.1;letter-spacing:-.04em}
.connect h2,.leadership h2{font-family:'Manrope',Arial,sans-serif;font-size:clamp(36px,3.7vw,56px);font-weight:700;line-height:1.13;letter-spacing:-.045em}
.values-note{font-size:25px;font-weight:600;line-height:1.4;letter-spacing:-.035em}
.site-dialog [data-slot=dialog-title]{font-family:'Manrope',Arial,sans-serif;font-size:28px;font-weight:700;line-height:1.2;letter-spacing:-.035em}
@media(min-width:1600px){.hero h1{font-size:88px}}
@media(max-width:1100px){.hero h1{font-size:clamp(48px,5.8vw,64px)}}
@media(max-width:760px){.hero h1{font-size:clamp(43px,8.7vw,65px)}h2,.connect h2,.leadership h2{font-size:clamp(33px,6.5vw,44px)}.image-caption p{font-size:36px}}
@media(max-width:420px){.hero h1{font-size:43px}.hero h1 br{display:none}h2,.connect h2,.leadership h2{font-size:33px}.image-caption p{font-size:32px}}

/* Dialog chrome (this page's Radix Dialog primitive re-implemented in plain CSS) */
.dialog-overlay{position:fixed;inset:0;background:rgba(8,14,24,.55);z-index:60;opacity:0;transition:opacity .2s ease}
.dialog-overlay.open{opacity:1}
.dialog-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-46%);width:min(92vw,480px);background:#fff;padding:28px;z-index:61;opacity:0;transition:opacity .2s ease,transform .2s ease}
.dialog-panel.open{opacity:1;transform:translate(-50%,-50%)}
.dialog-close{position:absolute;top:16px;right:16px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:#606b78}
.dialog-close:hover{background:#f2f4f7;color:var(--ink)}
.dialog-header{margin-bottom:18px;padding-right:28px}
#dialog-description{margin-top:8px;color:#64707c;font-size:14px;line-height:1.6}
.contact-form button[type=submit],.contact-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--blue-dark);color:#fff;border-radius:9px;font-size:14px;font-weight:600;padding:0 20px;transition:background .2s}
.contact-form button[type=submit]:hover,.contact-cta:hover{background:#102f62}
.contact-form button[type=submit]:disabled{opacity:.6;cursor:default}
@media(prefers-reduced-motion:reduce){.dialog-overlay,.dialog-panel{transition:none}}