@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:light;--bg:#F7F7F4;--surface:#FFFFFF;--surface-soft:#EFEFEB;--surface-muted:#F2F4EF;--ink:#1E2425;--muted:#5B6464;--line:#DCE0DD;--strong:#273332;--strong-ink:#FAFCF9;--blue:#4769A1;--blue-soft:#E8EDF8;--sage:#55806A;--sage-soft:#E6EDE7;--clay:#A5574A;--clay-soft:#F3E9E5;--sand:#8C765B;--sand-soft:#F3EFE8;--wine:#865666;--wine-soft:#F0E9EB;--shadow:0 12px 34px rgba(26,36,36,.045);--width:1232px;--radius:20px;--heading:'Manrope',system-ui,sans-serif;--body:'DM Sans',system-ui,sans-serif}
:root[data-theme="dark"]{color-scheme:dark;--bg:#141919;--surface:#202727;--surface-soft:#222C2B;--surface-muted:#1B2423;--ink:#EEF0EB;--muted:#B5BFBA;--line:#394542;--strong:#D8E8DC;--strong-ink:#16201B;--blue:#9DB9EF;--blue-soft:#29364C;--sage:#A4CFB4;--sage-soft:#283C31;--clay:#F0AA96;--clay-soft:#442D2A;--sand:#DDC39B;--sand-soft:#3D382F;--wine:#E4A4B3;--wine-soft:#3B2B32;--shadow:0 12px 36px rgba(0,0,0,.16)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--ink);font-family:var(--body);line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,select,input,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--heading);font-weight:800;letter-spacing:-.055em;line-height:1.11}h1{font-size:clamp(3rem,5.7vw,5.65rem)}h2{font-size:clamp(2rem,3.9vw,3.65rem)}h3{font-size:clamp(1.15rem,2vw,1.6rem)}p{color:var(--muted)}.shell{width:min(var(--width),calc(100% - 64px));margin-inline:auto}.visually-hidden{position:absolute;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.skip{position:absolute;top:-100px;left:10px;z-index:100;background:var(--surface);padding:10px}.skip:focus{top:10px}.kicker{display:inline-block;color:var(--clay);font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;margin-bottom:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:14px 21px;font-weight:800;font-size:13px;min-height:47px;border-radius:12px;border:1px solid var(--strong);white-space:normal;text-align:center;transition:transform .2s,background .2s,color .2s}.btn:hover{transform:translateY(-2px)}.btn:focus-visible,.navlink:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.btn-solid{background:var(--strong);color:var(--strong-ink)}.btn-outline{background:var(--surface);color:var(--ink);border-color:var(--line)}.site-header{position:sticky;top:0;z-index:20;backdrop-filter:blur(20px);background:color-mix(in srgb,var(--bg) 92%,transparent);border-bottom:1px solid var(--line)}.head-inner{min-height:84px;display:flex;gap:24px;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:8px;font-size:25px;font-weight:800;font-family:var(--heading);letter-spacing:-.055em;flex-shrink:0}.brand-mark{font-size:30px;color:var(--blue);line-height:1}.desktop-nav{display:flex;align-items:center;gap:clamp(9px,1.15vw,20px)}.navlink{font-size:12px;font-weight:700;color:var(--muted);white-space:nowrap}.navlink:hover,.navlink[aria-current="page"]{color:var(--ink)}.head-actions{display:flex;align-items:center;gap:8px}.head-actions select{border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);height:40px;padding:0 8px;font-weight:800;font-size:12px}.icon-button{border:1px solid var(--line);background:var(--surface);border-radius:10px;width:42px;height:40px;color:var(--ink);font-size:22px}.sun,.moon{display:inline}.sun{display:none}:root[data-theme="dark"] .sun{display:inline}:root[data-theme="dark"] .moon{display:none}.nav-cta{padding:12px 15px;min-height:40px;font-size:12px}.menu-btn{display:none}.mobile-nav{display:none}.section{padding:clamp(65px,7.4vw,112px) 0}.section-muted{background:var(--surface-muted);border-block:1px solid var(--line)}.home-hero{padding:80px 0 90px;overflow:hidden}.home-hero-grid,.hero-layout{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(35px,5vw,82px);align-items:center}.home-copy,.hero-copy{min-width:0}.hero-title{margin:10px 0 26px;text-wrap:balance;overflow-wrap:break-word}.hero-sub{max-width:580px;font-size:clamp(16px,1.38vw,19px);line-height:1.7}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.hero-foot{display:flex;gap:16px;align-items:center;margin-top:72px;padding-top:19px;border-top:1px solid var(--line);font-size:11px;font-weight:700;color:var(--muted);line-height:1.5}.hero-spark{font-size:36px;color:var(--blue)}.home-visual,.hero-visual{position:relative;min-width:0}.photo-scene{position:relative;height:100%;min-height:440px;overflow:hidden;border-radius:19px;background:var(--surface-soft);isolation:isolate}.photo-scene:after{content:'';position:absolute;inset:0;border:1px solid var(--line);border-radius:inherit;pointer-events:none}.photo-scene img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;position:absolute;inset:0}.photo-scene .for-dark{display:none}:root[data-theme="dark"] .photo-scene .for-light{display:none}:root[data-theme="dark"] .photo-scene .for-dark{display:block}.home-visual .photo-scene{height:536px}.visual-stroke{position:absolute;inset:0;pointer-events:none}.visual-stroke i{position:absolute;border:2px solid var(--surface);border-radius:50%;width:70px;height:70px;opacity:.6}.visual-stroke i:first-child{top:17px;right:18px}.visual-stroke i:last-child{width:30px;height:30px;top:35px;right:38px;background:var(--blue);opacity:.75}.corner-note{position:absolute;left:-15px;top:24px;font-weight:800;letter-spacing:.11em;font-size:10px;background:var(--surface);padding:15px 20px;border:1px solid var(--line);box-shadow:6px 6px 0 var(--blue-soft);border-radius:11px}.floating-quote{position:absolute;right:-16px;bottom:30px;background:var(--surface);border:1px solid var(--line);box-shadow:7px 7px 0 var(--blue-soft);padding:21px 25px;border-radius:12px;font-size:19px;font-weight:800;display:flex;align-items:center;gap:24px;max-width:85%}.floating-quote span{color:var(--blue)}.section-head{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:60px;margin-bottom:36px}.section-head h2{max-width:700px;margin:0}.section-head p{max-width:465px;margin:0 0 3px;font-size:16px}.entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.entry-card{display:flex;flex-direction:column;min-height:340px;padding:24px;border:1px solid var(--line);background:var(--surface);border-radius:17px;position:relative;transition:transform .2s,box-shadow .2s;overflow:hidden}.entry-card:before{content:'';position:absolute;top:0;left:0;width:100%;height:5px;background:var(--entry-accent)}.entry-card:hover{transform:translateY(-4px);box-shadow:8px 8px 0 var(--surface-soft)}.entry-card h3{margin:13px 0 10px}.entry-card p{font-size:13px;line-height:1.6;max-width:350px;flex:1}.entry-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.entry-index{font-size:11px;letter-spacing:.12em;color:var(--muted);font-weight:800}.entry-arrow{font-size:21px}.entry-symbol{font-size:42px;line-height:1;color:var(--entry-accent);margin-top:30px}.entry-status{font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;border-top:1px solid var(--line);padding-top:15px}.status-available{color:var(--sage)}.status-pilot{color:var(--sand)}.status-planned{color:var(--muted)}.entry-clay,.inner-clay{--entry-accent:var(--clay)}.entry-sage,.inner-sage{--entry-accent:var(--sage)}.entry-blue,.inner-blue{--entry-accent:var(--blue)}.entry-forest,.inner-forest{--entry-accent:var(--sage)}.entry-wine,.inner-wine{--entry-accent:var(--wine)}.entry-sand,.inner-sand{--entry-accent:var(--sand)}.center-link{text-align:center;margin-top:32px}.text-link{font-weight:800;border-bottom:2px solid var(--blue);padding-bottom:6px}.philosophy-layout,.feature-split,.cta-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.philosophy-layout h2,.feature-split h2,.cta-layout h2{max-width:720px}.philosophy-layout p,.feature-split p{font-size:17px;line-height:1.75}.philosophy-flow{display:grid;gap:10px}.philosophy-item{display:flex;align-items:center;gap:25px;padding:21px 26px;background:var(--surface);border:1px solid var(--line);border-radius:13px;font-size:20px}.philosophy-item span{font-size:11px;font-weight:800;color:var(--clay)}.feature-split .btn{margin-top:15px}.network-art{position:relative;min-height:410px;border-radius:25px;background:var(--surface-muted);border:1px solid var(--line);overflow:hidden}.network-art:before,.network-art:after{content:'';position:absolute;border:1px solid var(--line);border-radius:50%;width:340px;height:340px;left:50%;top:50%;transform:translate(-50%,-50%)}.network-art:after{width:235px;height:235px}.network-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;background:var(--strong);color:var(--strong-ink);border-radius:50%;width:125px;height:125px;display:grid;place-items:center;font-weight:800;font-size:20px;box-shadow:var(--shadow)}.network-node{position:absolute;background:var(--surface);border:1px solid var(--line);font-size:12px;font-weight:800;padding:10px 12px;border-radius:10px;z-index:3}.network-node.n0{left:8%;top:13%}.network-node.n1{right:8%;top:12%}.network-node.n2{right:4%;top:42%}.network-node.n3{left:9%;bottom:19%}.network-node.n4{right:12%;bottom:12%}.network-node.n5{left:38%;bottom:6%}.roadmap-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.roadmap-card{background:var(--surface);padding:24px;border:1px solid var(--line);border-radius:15px;position:relative;min-height:270px}.road-index{font-size:11px;font-weight:800;color:var(--blue)}.roadmap-card h3{margin:12px 0 22px;font-size:20px}.phase-list{display:grid;gap:10px}.phase-list a{font-weight:700;font-size:13px;padding-bottom:10px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px}.phase-list a:hover{color:var(--blue)}.cta-band{background:var(--strong);color:var(--strong-ink)}.cta-band p,.cta-band .kicker{color:color-mix(in srgb,var(--strong-ink) 72%,transparent)}.cta-band h2{margin-bottom:12px}.cta-band .btn{justify-self:end;background:var(--bg);color:var(--ink);border-color:var(--bg)}.footer{background:var(--surface);border-top:1px solid var(--line);padding:65px 0 45px}.footer-main{display:grid;grid-template-columns:2.3fr 1fr 1fr 1fr;gap:30px}.footer-main p{font-size:13px}.footer-note{max-width:340px;font-size:11px!important}.footer-links{display:grid;align-content:start;gap:13px}.footer-links a,.footer-links span{font-size:12px;color:var(--muted)}.footer-links a:hover{color:var(--ink)}.inner-hero{padding:80px 0 85px;background:linear-gradient(160deg,var(--bg) 57%,var(--surface-muted));border-bottom:1px solid var(--line)}.hero-layout{gap:70px}.inner-hero .hero-title{font-size:clamp(2.9rem,5.2vw,5.3rem)}.status-line{font-size:11px;font-weight:800;display:flex;align-items:center;gap:8px;color:var(--muted);margin-top:6px}.status-line .dot{width:8px;height:8px;background:var(--entry-accent,var(--sage));border-radius:50%}.inner-hero .photo-scene{height:480px}.photo-tag{position:absolute;right:-13px;bottom:30px;background:var(--surface);box-shadow:6px 6px 0 var(--surface-soft);border:1px solid var(--line);padding:17px 23px;border-radius:12px;display:grid;gap:4px;max-width:85%}.photo-tag .tiny{color:var(--muted);font-size:9px;letter-spacing:.15em;font-weight:800}.photo-tag strong{font-size:19px}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.feature-card{border:1px solid var(--line);border-radius:16px;padding:28px;background:var(--surface);min-height:250px}.feature-card .feature-count{font-size:13px;color:var(--clay);font-weight:800}.feature-card h3{margin:34px 0 14px;font-size:20px}.feature-card p{font-size:13px;line-height:1.65}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.step{border-top:2px solid var(--ink);padding:20px 0;display:flex;flex-direction:column;gap:23px}.step span{color:var(--clay);font-size:22px;font-weight:800}.step strong{font-family:var(--heading);font-size:20px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:15px}.related-grid a{display:flex;justify-content:space-between;gap:15px;padding:23px;border:1px solid var(--line);background:var(--surface);border-radius:12px;font-weight:800}.related-grid a span:last-child{color:var(--blue)}.notice{border-left:3px solid var(--blue);padding:16px 20px;background:var(--surface-soft);font-size:13px;margin-top:22px;border-radius:0 8px 8px 0}.graph-hero{padding:80px 0 48px}.graph-hero h1{max-width:950px}.graph-hero p{max-width:690px;font-size:18px}.graph-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.small-note{font-size:11px;color:var(--muted);letter-spacing:.1em;font-weight:800}.graph-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(290px,1fr);gap:20px}.graph-stage{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--surface-muted);min-width:0}.graph-stage svg{width:100%;height:auto;display:block;min-height:410px;touch-action:pan-x pan-y}.graph-detail{border-radius:18px;border:1px solid var(--line);background:var(--surface);padding:26px;align-self:stretch}.graph-detail h2{font-size:27px;margin-bottom:14px}.graph-detail p{font-size:14px}.graph-detail .btn{margin-top:20px}.graph-node{cursor:pointer}.graph-node:focus-visible{outline:none}.graph-node:focus-visible rect{stroke-width:5}.graph-node rect{fill:var(--surface);stroke:var(--line);stroke-width:2;rx:14}.graph-node text{font-family:var(--body);font-weight:800;font-size:19px;fill:var(--ink);pointer-events:none}.graph-node circle{fill:var(--blue);pointer-events:none}.graph-link{stroke:var(--muted);stroke-width:2;opacity:.31}.graph-node.is-selected rect{stroke:var(--blue);stroke-width:4}.graph-link.is-active{opacity:1;stroke:var(--blue);stroke-width:4}#graph-neighbors{display:grid;gap:7px}#graph-neighbors a{padding:7px 0;border-bottom:1px solid var(--line);font-size:13px;font-weight:700;display:flex;justify-content:space-between}.form-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}.form-layout h2{max-width:500px}.lead-form{display:grid;gap:19px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:35px;box-shadow:7px 7px 0 var(--surface-soft)}.lead-form h3{margin-bottom:0}.lead-form label{font-size:12px;font-weight:800;display:grid;gap:8px}.lead-form input:not([type=checkbox]),.lead-form select,.lead-form textarea{width:100%;padding:13px 15px;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:10px;min-height:47px}.lead-form textarea{resize:vertical;min-height:94px}.form-duo{display:grid;grid-template-columns:1fr 1fr;gap:15px}.lead-form .consent{display:flex;gap:10px;font-size:12px;font-weight:500}.consent input{align-self:start;margin-top:4px}.consent a{text-decoration:underline}.form-status{font-size:12px;margin:0}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.error-page{min-height:75vh;display:grid;align-content:center;justify-items:start}.error-page h1{font-size:130px}.footer a:hover,.phase-list a:hover{text-decoration:underline}
@media(max-width:1200px){.desktop-nav{gap:10px}.navlink{font-size:11px}.nav-cta{display:none}.section-head{gap:35px}}
@media(max-width:950px){.shell{width:min(var(--width),calc(100% - 42px))}.desktop-nav{display:none}.menu-btn{display:inline-flex;align-items:center;justify-content:center}.head-inner{min-height:76px}.mobile-nav{display:grid;gap:0;background:var(--surface);border-top:1px solid var(--line);padding:12px 24px 25px}.mobile-nav[hidden]{display:none}.mobile-nav a{font-size:15px;font-weight:800;padding:13px 0;border-bottom:1px solid var(--line)}.entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid,.roadmap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-hero-grid,.hero-layout{gap:35px}.hero-title{font-size:clamp(3rem,5vw,4.5rem)}.footer-main{grid-template-columns:2fr 1fr 1fr}.footer-links:last-child{grid-column:1/-1;display:flex;gap:25px;flex-wrap:wrap}.graph-layout{grid-template-columns:1fr}.graph-detail{min-height:200px}}
@media(max-width:720px){.shell{width:calc(100% - 36px)}.site-header .brand{font-size:23px}.head-actions select{max-width:63px}.home-hero{padding:48px 0 60px}.home-hero-grid,.hero-layout,.philosophy-layout,.feature-split,.cta-layout,.section-head,.form-layout{grid-template-columns:1fr;gap:30px}.hero-title,.inner-hero .hero-title{font-size:clamp(2.55rem,10vw,4.1rem)}.hero-sub{font-size:16px}.home-visual .photo-scene{height:420px;min-height:380px}.hero-foot{margin-top:35px}.inner-hero{padding:55px 0 62px}.inner-hero .photo-scene{height:400px;min-height:400px}.section{padding:65px 0}.section-head p{font-size:15px}.entry-grid,.feature-grid,.related-grid{grid-template-columns:1fr}.entry-card{min-height:265px}.entry-symbol{margin-top:15px}.roadmap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.philosophy-flow{gap:8px}.feature-split .network-art{min-height:340px}.cta-band .btn{justify-self:start}.footer-main{grid-template-columns:1fr 1fr;gap:28px}.footer-main>div:first-child{grid-column:1/-1}.footer-links:last-child{grid-column:1/-1}.form-duo{grid-template-columns:1fr}.form-layout{gap:20px}}
@media(max-width:480px){.shell{width:calc(100% - 28px)}.home-visual .photo-scene{height:350px;min-height:350px}.inner-hero .photo-scene{height:340px;min-height:340px}.corner-note{left:8px;top:9px;font-size:8px;padding:9px}.floating-quote{right:6px;bottom:8px;font-size:15px;padding:14px}.photo-tag{right:7px;bottom:10px}.actions .btn{flex:1 1 100%}.entry-card{min-height:250px}.roadmap-grid{grid-template-columns:1fr}.roadmap-card{min-height:0}.network-art{min-height:300px}.network-node{font-size:9px;padding:7px}.network-core{width:100px;height:100px;font-size:15px}.graph-stage svg{min-height:230px}.lead-form{padding:22px}.head-inner{gap:8px}.head-actions{gap:4px}.icon-button{width:36px;height:36px}.brand{gap:4px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.entry-card{transition:none}}
/* Final visual QA refinements: reduce headline overflow and preserve readable network at mobile widths. */
.home-hero .hero-title{font-size:clamp(2.7rem,4.35vw,4.65rem);letter-spacing:-.058em}
.inner-hero .hero-title{font-size:clamp(2.6rem,4.15vw,4.65rem)}
@media(max-width:720px){.home-hero .hero-title,.inner-hero .hero-title{font-size:clamp(2.45rem,8.9vw,3.9rem)}.graph-stage{overflow:auto}.graph-stage svg{width:860px;max-width:none;min-height:590px}}
@media(max-width:720px){.graph-layout,.graph-stage{min-width:0;max-width:100%}.graph-stage{overflow-x:auto;overflow-y:hidden;contain:layout paint}}
@media(max-width:720px){.graph-section{overflow-x:clip}}
html,body{overflow-x:clip}
