@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root{color-scheme:light;--bg:#f6f7f9;--surface:#ffffff;--line:#dce2eb;--ink:#182237;--muted:#566276;--accent:#1f6fff;--heading:'Space Grotesk',Arial,sans-serif;--body:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:1rem;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:7px}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.skip-link{position:fixed;top:-80px;left:1rem;background:var(--accent);color:var(--bg);padding:.7rem 1rem;z-index:20}.skip-link:focus{top:1rem}.site-header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:13px;font-family:var(--heading);font-size:28px;font-weight:700;line-height:.95;letter-spacing:-1px}.brand-sub{display:block;font-size:12px;letter-spacing:2px;margin-top:7px;font-weight:500}.brand-icon{width:44px;height:44px;display:grid;place-items:center;font-style:italic;font-size:40px;line-height:1;color:var(--bg);background:var(--accent);border-radius:9px;padding-right:4px;padding-bottom:5px}.site-header nav{display:flex;gap:36px;font-size:14px}.site-header nav a{padding:10px 0}.site-header nav a:hover,.back-top:hover{color:var(--accent)}.site-header nav span{margin-left:6px}.header-note,.eyebrow,.hero-bottom,.panel-top,.panel-bottom,.card-number,.card-footer,.release-label,footer>span{font-family:var(--heading);font-size:12px;letter-spacing:1.2px}.header-note{color:var(--muted)}.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:38px;padding-top:76px}.eyebrow{font-size:13px;font-weight:500;letter-spacing:1.4px;margin:0 0 26px}.small-cross{color:var(--accent);font-size:20px;vertical-align:-1px;margin-right:9px}h1,h2,h3{font-family:var(--heading);font-weight:500;margin:0;line-height:1.06;letter-spacing:-3.5px}h1{font-size:clamp(3.3rem,6.1vw,5.4rem)}h1 span{color:var(--accent)}.hero-description{font-size:18px;color:var(--muted);line-height:1.75;margin:29px 0 30px}.button{display:inline-flex;gap:50px;align-items:center;padding:15px 22px;background:var(--accent);border:1px solid var(--accent);color:#f6f7f9;font-size:14px;font-weight:700;transition:background .2s,transform .2s}.button span{font-size:22px;line-height:1}.button:hover{background:#1554c7;transform:translateY(-2px)}.brand-panel{align-self:stretch;min-height:372px;background:#eaf0f9;position:relative;overflow:hidden;border:1px solid #cfdaea;display:flex;flex-direction:column;justify-content:space-between;padding:22px;background-image:linear-gradient(#c8d5e94d 1px,transparent 1px),linear-gradient(90deg,#c8d5e94d 1px,transparent 1px);background-size:38px 38px}.panel-top,.panel-bottom{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#4d6586;position:relative;z-index:1}.big-letter{font-family:var(--heading);font-size:clamp(160px,20vw,300px);font-weight:700;line-height:.8;color:var(--accent);letter-spacing:-22px;align-self:center;transform:skew(-9deg);padding-right:20px;padding-bottom:40px}.big-letter span{font-size:.55em;letter-spacing:0;display:inline-block;transform:translateY(10px)}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;color:#5c6b7e;border-bottom:1px solid var(--line);padding:22px 0 28px;margin-top:38px;font-size:10px;letter-spacing:1.4px}.work-section{padding:76px 0 70px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:38px}.section-heading .eyebrow{color:var(--muted);margin-bottom:19px}h2{font-size:clamp(2rem,3.2vw,2.9rem);letter-spacing:-1.8px;line-height:1.15}.section-heading>p{color:var(--muted);margin:0 0 3px;font-size:16px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.work-card{background:var(--surface);border:1px solid var(--line);padding:28px 27px 0;display:flex;flex-direction:column;transition:border-color .2s}.work-card:hover{border-color:#88a7d9}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:47px}.category-icon{font-family:monospace;color:var(--accent);font-size:27px;letter-spacing:-2px}.card-number{color:#5a6b80;font-size:12px}.work-card h3{font-size:29px;letter-spacing:-1px}.work-card p{font-size:16px;color:var(--muted);margin:17px 0 34px;line-height:1.7;max-width:30ch}.card-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:18px 0;margin-top:auto;font-size:10px;letter-spacing:.9px;color:#54677f}.card-footer>span:last-child{font-size:20px;font-weight:400;color:var(--accent)}.release-note{display:flex;gap:26px;align-items:center;padding:25px 0 0}.release-label{flex-shrink:0;color:var(--accent);font-size:11px}.release-note p{font-size:14px;margin:0;color:var(--ink)}.release-note p span{color:#5e6a7d}.about{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:75px;padding-top:73px;padding-bottom:82px}.about .eyebrow{color:var(--muted);margin-bottom:23px}.about h2{font-size:clamp(2rem,3.4vw,3rem);line-height:1.18}.about h2 span{color:#61728b}.about-copy{padding-top:34px;max-width:480px}.about-copy p{color:var(--muted);margin:0 0 20px;font-size:16px;line-height:1.8}.about-copy p:first-child{color:var(--ink);font-size:20px;line-height:1.6}.signature{display:block;font-family:var(--heading);font-size:24px;margin-top:28px}.signature span{color:var(--accent);margin-left:8px}footer{border-top:1px solid var(--line);padding:29px 0 34px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{font-family:var(--heading);font-size:20px;letter-spacing:-.8px;font-weight:600}.footer-brand span{font-size:11px;vertical-align:super;margin-left:4px}footer>span{font-size:10px;color:#5e6d80}.back-top{font-size:13px;color:var(--muted)}
@media(min-width:1500px){.hero{padding-top:94px}.brand-panel{min-height:420px}.hero-bottom{margin-top:35px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.header-note{display:none}.hero{gap:28px;grid-template-columns:1.3fr 1fr}h1{font-size:clamp(3rem,6vw,4rem);letter-spacing:-2.5px}.brand-panel{min-height:350px;padding:17px}.panel-top,.panel-bottom{font-size:8px}.work-card{padding:22px 20px 0}.work-card p{font-size:15px}.card-footer{font-size:8px}.about{gap:38px}.hero-bottom{font-size:9px}.release-note{align-items:flex-start}.release-note p span{display:block}}
@media(max-width:720px){.wrap{width:calc(100% - 40px)}.site-header{height:90px}.brand{font-size:24px}.brand-icon{width:38px;height:38px;font-size:34px}.brand-sub{font-size:10px}.site-header nav{gap:22px}.hero{padding-top:46px;grid-template-columns:1fr;gap:35px}.hero .eyebrow{margin-bottom:24px}h1{font-size:clamp(2.6rem,10.5vw,4.7rem);letter-spacing:-2.5px}.hero-description{font-size:16px;margin-top:23px}.brand-panel{min-height:285px;max-height:320px}.big-letter{font-size:240px;padding-bottom:20px}.panel-top,.panel-bottom{font-size:10px}.hero-bottom{margin-top:0;padding-top:0;padding-bottom:24px;font-size:9px;gap:16px}.hero-bottom>span:last-child{display:none}.work-section{padding:48px 0}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:20px}.work-grid{grid-template-columns:1fr}.work-card{padding:25px 25px 0}.card-top{margin-bottom:25px}.work-card p{max-width:none;font-size:16px;margin-bottom:26px}.card-footer{font-size:11px}.release-note{display:block}.release-label{font-size:12px}.release-note p{margin-top:9px;line-height:1.8}.about{grid-template-columns:1fr;gap:25px;padding:49px 0}.about-copy{padding:0}.about h2{font-size:2.25rem}.about-copy p:first-child{font-size:19px}footer{flex-wrap:wrap;padding:25px 0}footer>span{order:3;width:100%;font-size:10px}.footer-brand{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
.nexus-section{padding-top:67px;padding-bottom:70px}.nexus-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:20px}.nexus-heading .eyebrow{margin:0;color:var(--muted)}.release-badge{font-family:var(--heading);font-size:12px;letter-spacing:1px;color:var(--accent);border:1px solid #a9c2e7;padding:6px 10px}.nexus-feature{display:grid;grid-template-columns:.85fr 1.25fr;border:1px solid var(--line);background:#ffffff}.nexus-identity{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:#eef2f9;border-right:1px solid var(--line);padding:45px 25px}.nexus-identity img{width:132px;height:132px}.nexus-wordmark{font-family:var(--heading);font-size:37px;letter-spacing:12px;margin-left:12px;font-weight:500;color:#1c3152}.nexus-network{font-family:var(--heading);font-size:12px;letter-spacing:3px;color:#52678b}.nexus-copy{padding:42px 46px}.nexus-copy .eyebrow{font-size:12px;color:#42649c;margin-bottom:17px}.nexus-copy h2{font-size:40px}.nexus-copy>p{color:var(--muted);line-height:1.8;max-width:51ch}.nexus-copy .nexus-lead{color:var(--ink);font-size:22px;line-height:1.45;margin:20px 0 17px}.nexus-features{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;margin:26px 0;font-size:14px;color:#465b77}.nexus-features li::before{content:'+';color:var(--accent);margin-right:9px}.nexus-copy .nexus-status{font-size:14px;border-top:1px solid var(--line);padding-top:19px;margin-bottom:0}.panel-top,.panel-bottom,.hero-bottom,.card-footer,.release-label,footer>span{font-size:12px;letter-spacing:.6px}.card-top .card-number{font-size:12px}.brand-sub{font-size:12px}.back-top{font-size:14px}
@media(max-width:1050px){.panel-top>span:last-child,.panel-bottom>span:last-child{display:none}.card-footer{font-size:12px;letter-spacing:0}.nexus-copy{padding:32px}.nexus-copy h2{font-size:34px}.nexus-features{grid-template-columns:1fr}.hero-bottom{font-size:12px;letter-spacing:0}}
@media(max-width:720px){.site-header nav{gap:17px}.site-header nav a{font-size:14px}.site-header nav a span{display:none}.brand{gap:9px;font-size:22px}.brand-sub{font-size:12px;letter-spacing:.8px}.brand-icon{width:33px;height:35px;font-size:31px}.nexus-section{padding-top:42px}.nexus-heading{gap:10px}.nexus-heading .eyebrow,.release-badge{font-size:12px;letter-spacing:.4px}.release-badge{padding:5px 8px}.nexus-feature{grid-template-columns:1fr}.nexus-identity{padding:36px 20px;border-right:0;border-bottom:1px solid var(--line);gap:16px}.nexus-identity img{width:96px;height:96px}.nexus-wordmark{font-size:28px;letter-spacing:9px}.nexus-copy{padding:28px 24px}.nexus-copy h2{font-size:34px}.nexus-features{grid-template-columns:1fr}.panel-top>span:last-child,.panel-bottom>span:last-child{display:inline}.hero-bottom{font-size:12px;line-height:1.7}.card-footer,footer>span,.release-label{font-size:12px}.work-card p{max-width:36ch}}
@media(max-width:380px){.site-header nav{gap:12px}.site-header nav a{font-size:12px}.site-header{gap:12px}.wrap{width:calc(100% - 32px)}.nexus-heading{flex-wrap:wrap}}

/* Light blue palette and the uppercase brand; original composition retained. */
.button,.brand-icon,.skip-link{color:#fff}.button:hover{color:#fff}
.brand{font-size:21px;letter-spacing:-.5px;white-space:nowrap}.footer-brand{font-size:18px;letter-spacing:0}
.release-badge{color:#1655bf;background:#edf4ff}.small-cross,.category-icon,.card-footer>span:last-child,.release-label,.signature span{color:#1655bf}
.nexus-features li::before{color:#1655bf}
@media(max-width:1050px){.brand{font-size:20px}}
@media(max-width:720px){.site-header{height:auto;min-height:100px;padding-block:20px;flex-wrap:wrap;gap:20px}.brand{font-size:18px}.site-header nav{gap:24px}.footer-brand{font-size:16px}}
@media(max-width:560px){.site-header{justify-content:center}.site-header nav{justify-content:center;width:100%;gap:30px}.brand{font-size:20px}.footer-brand{font-size:15px}}
.button{background:#1655bf;border-color:#1655bf}

/* The opening logo stays behind the welcome section as the visitor scrolls. */
.brand-intro{position:relative;isolation:isolate;--intro-dim:0;--cue-opacity:1;--wordmark-opacity:1}
.logo-banner{position:sticky;top:0;height:100svh;min-height:440px;display:grid;place-items:center;background:#f6f7f9;overflow:hidden;z-index:-1}
.logo-banner-art{position:relative;width:min(84vw,980px);height:min(76svh,674px)}
.logo-banner-art img{display:block;width:100%;height:100%;object-fit:contain}
.logo-banner::after{content:'';position:absolute;inset:0;background:#111924;opacity:var(--intro-dim);pointer-events:none}
.logo-animation{position:absolute;inset:0;visibility:hidden}
.logo-banner[data-state="animated"] .logo-animation{visibility:visible}
.logo-banner[data-state="animated"] .logo-still{visibility:hidden}




.intro-scroll{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font:11px var(--heading);letter-spacing:1.6px;white-space:nowrap;opacity:var(--cue-opacity);z-index:1}
.intro-scroll span{display:block;text-align:center;font-size:22px;margin-top:10px}
.intro-content{position:relative;color:#fff;scroll-margin-top:0;padding-bottom:24px}
.intro-content .site-header{border-color:#ffffff30}
.intro-content .brand-icon{background:var(--accent)}
.intro-content .header-note,.intro-content .hero-description,.intro-content .hero-bottom{color:#e0e4eb}
.intro-content .hero{grid-template-columns:1fr;min-height:calc(100svh - 136px);align-content:center;padding-top:54px;padding-bottom:20px;gap:40px}
.intro-content .hero-copy{max-width:780px;text-shadow:0 2px 24px #11192440}
.intro-content h1 span,.intro-content .small-cross{color:#8db6fa}
.intro-content .hero-bottom{margin-top:42px;border-color:#ffffff30}
.intro-content .hero-description{max-width:640px}
@media(max-width:720px){.logo-banner-art{width:94vw;height:70svh}.intro-content .hero{padding-top:40px;gap:28px}.intro-content .site-header{padding-block:25px}.intro-scroll{bottom:72px}.intro-content .hero-bottom{margin-top:12px}.intro-content .hero-copy{padding-bottom:12px}}
@media(prefers-reduced-motion:reduce){.logo-banner[data-state="animated"] .logo-animation{visibility:hidden}.logo-banner[data-state="animated"] .logo-still{visibility:visible}}
@media(scripting:none){.intro-content{background:#26303d}}

.logo-banner-art .logo-wordmark{position:absolute;inset:0;opacity:var(--wordmark-opacity);pointer-events:none}
.intro-content img.brand-icon{background:transparent;border-radius:0;padding:0;object-fit:contain;flex-shrink:0}

/* Two color editions share one continuous, darkened logo backdrop. */
:root{color-scheme:dark;--bg:#3f454f;--surface:#18212db3;--line:#ffffff29;--ink:#f5f7fa;--muted:#d0d6df;--accent:#1f6fff;--accent-light:#9ec3ff;--accent-button:#1655bf;--accent-hover:#124cae;--accent-tint:#1f6fff1a;--intro-dim:0;--cue-opacity:1;--wordmark-opacity:1}
:root[data-theme="copper"]{--accent:#9a5935;--accent-light:#e9b590;--accent-button:#9a5935;--accent-hover:#834a2a;--accent-tint:#9a59351f}
body{isolation:isolate;background:var(--bg)}
.brand-intro{isolation:auto;padding-top:100svh;--intro-dim:inherit;--cue-opacity:inherit;--wordmark-opacity:inherit}
.logo-banner{position:fixed;inset:0;height:100svh;min-height:0;z-index:-1;color:#182237}


.intro-content .hero{min-height:620px}
.intro-content .header-note,.intro-content .hero-description,.intro-content .hero-bottom{color:var(--muted)}
.intro-content h1 span,.intro-content .small-cross,.small-cross,.category-icon,.card-footer>span:last-child,.release-label,.signature span,.nexus-features li::before,.site-header nav a:hover,.back-top:hover{color:var(--accent-light)}
.button{background:var(--accent-button);border-color:var(--accent-button);color:#fff}
.button:hover{background:var(--accent-hover)}
.nexus-feature,.work-card{background:var(--surface);border-color:var(--line)}
.nexus-identity{background:#11192438;border-color:var(--line)}
.nexus-wordmark,.nexus-copy .nexus-lead,.release-note p,.about-copy p:first-child{color:var(--ink)}
.nexus-network,.nexus-features,.card-number,.card-footer,.hero-bottom,.release-note p span,.about h2 span,footer>span{color:var(--muted)}
.nexus-copy .eyebrow,.release-badge{color:var(--accent-light)}
.release-badge{background:var(--accent-tint);border-color:var(--accent-light)}
.work-card:hover{border-color:var(--accent-light)}
.theme-links{display:flex;gap:18px;font-size:13px}
.theme-links a{color:var(--muted);padding:5px 0}
.theme-links a[aria-current],.theme-links a:hover{color:var(--accent-light)}
.theme-links a[aria-current]{border-bottom:1px solid currentColor}
@media(max-width:720px){footer .theme-links{width:100%;order:4}.nexus-feature,.work-card{background:#18212de6}}
@media(scripting:none){.logo-banner::after{opacity:.8}.logo-wordmark,.intro-scroll{display:none}.intro-content{background:transparent}}
main{pointer-events:none}main>section,.intro-content{pointer-events:auto}


.theme-links{flex-wrap:wrap;gap:10px 20px}
footer .theme-links{width:100%;order:4}
footer{flex-wrap:wrap}

.nexus-detail-link{display:inline-flex;align-items:center;gap:20px;color:var(--accent-light);font-size:15px;font-weight:600;margin-top:24px;padding-bottom:4px;border-bottom:1px solid currentColor}.nexus-detail-link:hover{color:var(--ink)}
