:root{--blue:#237cff;--cyan:#67d5ff;--ink:#030b14;--ink2:#071827;--paper:#f3f6f9}body{background:#030b14}.nav{height:78px;background:rgba(3,11,20,.66);border-color:rgba(255,255,255,.09)}.nav.scrolled{background:rgba(3,11,20,.92);box-shadow:0 10px 40px rgba(0,0,0,.2)}
.hero{min-height:100svh;padding-top:140px;isolation:isolate}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3;animation:heroReveal 1.6s ease both}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(3,11,20,.98) 0%,rgba(3,11,20,.94) 28%,rgba(3,11,20,.4) 58%,rgba(3,11,20,.12) 100%),linear-gradient(0deg,rgba(3,11,20,.76),transparent 45%)}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 49.9%,rgba(255,255,255,.08) 50%,transparent 50.1%);pointer-events:none}.hero-copy{max-width:760px}.hero h1{font-size:clamp(3.6rem,7.3vw,7.8rem);text-wrap:balance}.hero h1 em{background:linear-gradient(90deg,#fff 2%,var(--cyan) 52%,#4c8cff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{max-width:590px;color:#d5e0eb;font-size:clamp(1.05rem,1.35vw,1.28rem)}.hero-network{position:absolute;inset:80px 0 0 42%;pointer-events:none;opacity:.9}.hero-network svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.hero-network path{fill:none;stroke:rgba(103,213,255,.6);stroke-width:1.6;stroke-dasharray:8 10;filter:drop-shadow(0 0 6px #237cff);animation:flowRail 10s linear infinite}.hero-network .rail-2{animation-duration:14s;opacity:.52}.hero-network circle{fill:#dff7ff;filter:drop-shadow(0 0 10px #67d5ff)}.signal{position:absolute;padding:9px 12px;background:rgba(3,11,20,.78);border:1px solid rgba(103,213,255,.34);backdrop-filter:blur(10px);font:600 .63rem var(--font-head);text-transform:uppercase;letter-spacing:.12em}.signal b{color:var(--cyan);margin-left:9px}.s1{left:10%;top:71%}.s2{left:35%;top:45%}.s3{left:57%;top:58%}.s4{right:6%;top:17%}.hero-footer em{margin-left:auto;color:#d4dee8;font-style:normal}.hero .button{backdrop-filter:blur(10px)}.hero .button-ghost{background:rgba(255,255,255,.06)}@keyframes flowRail{to{stroke-dashoffset:-180}}@keyframes heroReveal{from{opacity:0;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}
.journey{position:relative;background:linear-gradient(180deg,#fff,#edf2f7)}.journey:after{content:"CONNECTED OPERATING MODEL";position:absolute;right:4vw;top:86px;color:rgba(7,25,42,.035);font:800 clamp(4rem,9vw,10rem)/1 var(--font-head);letter-spacing:-.07em;white-space:nowrap}.journey-track article{background:rgba(255,255,255,.68);padding:72px 20px 22px;border:1px solid rgba(8,35,59,.08);min-height:175px}.journey-track article:before{left:20px}.journey-line{left:4%;right:4%}
.solutions{background:radial-gradient(circle at 83% 10%,rgba(35,124,255,.15),transparent 25%),#030b14}.service-bento{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;border:0}.service-bento .service{display:block;position:relative;grid-column:span 4;padding:36px;min-height:290px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.015));overflow:hidden}.service-bento .service:nth-child(1),.service-bento .service:nth-child(6){grid-column:span 6}.service-bento .service:before{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(103,213,255,.13);border-radius:50%;right:-70px;bottom:-80px}.service-bento .service:hover{padding:36px;transform:translateY(-8px);border-color:rgba(103,213,255,.5);box-shadow:0 24px 60px rgba(0,0,0,.28)}.service-bento .service>span{display:block;margin-bottom:55px}.service-bento .service div p{color:#7d91a6}.service-bento .service>p{margin-top:24px}.service-bento .service>b{position:absolute;right:30px;top:28px}
.ecosystem{min-height:1150px;background:radial-gradient(circle at 72% 46%,rgba(35,124,255,.24),transparent 32%),linear-gradient(145deg,#061525,#02070d)}.eco-stage{filter:drop-shadow(0 30px 60px rgba(0,0,0,.35))}.rings circle{stroke:rgba(103,213,255,.2);stroke-width:1.2}.links line{stroke:rgba(103,213,255,.42);stroke-dasharray:4 8;animation:flowRail 8s linear infinite}.eco-core{background:radial-gradient(circle at 35% 25%,#1f77c9,#071827 58%);box-shadow:inset 0 0 40px rgba(103,213,255,.12),0 0 70px rgba(35,124,255,.24)}.eco-node{background:rgba(7,24,39,.82)!important;backdrop-filter:blur(14px);box-shadow:0 14px 35px rgba(0,0,0,.22)}
.business-visual{position:relative;margin:80px 0 0;overflow:hidden;background:#071827;box-shadow:0 35px 85px rgba(2,17,30,.19)}.business-visual img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.business-visual:hover img{transform:scale(1.025)}.business-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 57%,rgba(3,11,20,.86))}.business-visual figcaption{position:absolute;z-index:2;left:36px;right:36px;bottom:28px;display:flex;align-items:end;justify-content:space-between;gap:20px;color:#fff}.business-visual figcaption span{color:var(--cyan);font-size:.68rem;text-transform:uppercase;letter-spacing:.15em}.business-visual figcaption strong{max-width:420px;text-align:right;font:600 1.15rem var(--font-head)}.action-plan{margin-top:18px;transform:translateY(-1px);box-shadow:0 35px 85px rgba(2,17,30,.15)}
.trust{display:block;background:linear-gradient(135deg,#02080f,#07192b)}.trust-copy{position:relative;top:auto;max-width:1040px}.trust-content{display:grid;grid-template-columns:1.45fr .75fr;gap:18px;margin-top:70px;align-items:stretch}.trust-visual{margin:0;height:100%;min-height:620px}.trust-visual img{height:100%;aspect-ratio:auto}.trust-stack{display:grid;gap:12px}.trust-stack article{margin:0;min-height:0;display:flex;flex-direction:column;justify-content:center;background:rgba(255,255,255,.045)}.token-note{margin-top:80px;background:linear-gradient(90deg,rgba(224,168,88,.08),transparent);padding:35px}
.services{background:linear-gradient(180deg,#f6f8fa,#e9eef4)}.service-cloud{gap:14px}.service-cloud span{padding:20px 25px;border:0;box-shadow:0 10px 35px rgba(11,36,60,.07);font-weight:600}.service-cloud span:nth-child(3n+1){background:#071827;color:white}.service-cloud span:nth-child(4n+2){background:#237cff;color:white}.audience{background:#fff;padding:48px;border:0;box-shadow:0 25px 60px rgba(11,36,60,.09)}
.vision{background-image:linear-gradient(90deg,rgba(3,11,20,.96),rgba(3,11,20,.64)),image-set(url('assets/flowchain-hero.webp') type('image/webp'));background-position:center;background-size:cover;background-attachment:fixed}.vision-word{color:rgba(255,255,255,.045)}.contact{background:radial-gradient(circle at 15% 15%,rgba(35,124,255,.13),transparent 30%),#f7f9fb}.contact-form{padding:42px;background:#fff;box-shadow:0 30px 80px rgba(4,26,48,.12)}
@media(max-width:980px){.hero-network{inset:80px 0 0 30%}.service-bento .service,.service-bento .service:nth-child(1),.service-bento .service:nth-child(6){grid-column:span 6}.trust-content{grid-template-columns:1fr}.trust-visual{min-height:500px}.trust-stack{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.hero-image{object-position:64% center}.hero-shade{background:linear-gradient(0deg,rgba(3,11,20,.98) 18%,rgba(3,11,20,.73) 70%,rgba(3,11,20,.5))}.hero-network{inset:70px -35% 0 5%;opacity:.62}.signal{display:none}.hero-copy{margin-top:150px}.hero h1{font-size:clamp(3rem,14vw,4.7rem)}.hero-footer em{width:100%;margin:2px 0 0}.journey:after{display:none}.journey-track article{padding:20px 20px 20px 42px;min-height:auto}.service-bento{display:block}.service-bento .service{margin-bottom:12px;min-height:260px}.business-visual{margin-top:50px}.business-visual img{aspect-ratio:4/5}.business-visual figcaption{left:20px;right:20px;bottom:18px;display:block}.business-visual figcaption strong{display:block;text-align:left;margin-top:8px}.trust-visual{min-height:520px}.trust-stack{grid-template-columns:1fr}.contact-form{padding:25px}.vision{background-attachment:scroll}}

/* V3 — compact commercial flow */
.journey,.solutions,.intelligence,.trust,.services,.contact{padding-top:96px;padding-bottom:96px}.section-intro{grid-template-columns:.7fr 2.2fr 1fr}.journey-track{margin-top:54px;gap:12px}.journey-line{display:none}.journey-track article{padding:22px;min-height:236px;border-radius:14px;box-shadow:0 14px 36px rgba(15,43,69,.07);transition:.3s}.journey-track article:hover{transform:translateY(-7px);box-shadow:0 22px 48px rgba(15,43,69,.12)}.journey-track article:before{display:none}.journey-icon{display:grid!important;place-items:center;width:48px;height:48px;margin:0 0 27px!important;border-radius:13px;background:#e8f1ff;color:#237cff!important}.journey-icon svg,.service-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.journey-track article.active{background:#071827;color:#fff;box-shadow:0 20px 50px rgba(7,24,39,.2)}.journey-track article.active .journey-icon{background:#237cff;color:#fff!important}.journey-track small{color:#237cff;text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-size:.63rem}.journey-track article.active small{color:#67d5ff}.journey-track h3{font-size:1.18rem;margin:8px 0}.journey-track p{font-size:.83rem;line-height:1.55}.journey-track article.active p{color:#a8b9ca}
.service-list.service-bento{margin-top:54px;grid-template-columns:repeat(3,1fr);gap:12px}.service-bento .service,.service-bento .service:nth-child(1),.service-bento .service:nth-child(6){grid-column:auto;min-height:220px;padding:25px;border-radius:14px}.service-bento .service:hover{padding:25px;transform:translateY(-6px)}.service-bento .service:before{width:110px;height:110px;right:-45px;bottom:-55px}.service-bento .service>span{margin:0 0 35px}.service-icon{display:grid!important;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(35,124,255,.15);color:#67d5ff!important}.service-bento .service h3{font-size:1.05rem}.service-bento .service div p{font-size:.73rem;text-transform:uppercase;letter-spacing:.1em;color:#67d5ff;margin-top:7px}.service-bento .service>p{font-size:.84rem;line-height:1.5;margin-top:16px;max-width:90%}.service-bento .service>b{font:600 .66rem var(--font-head);color:#647b91;right:20px;top:20px}.service-bento .service:nth-child(3){background:linear-gradient(145deg,rgba(35,124,255,.22),rgba(255,255,255,.025));border-color:rgba(103,213,255,.35)}
.ecosystem{min-height:790px;padding:96px 7vw}.eco-heading{max-width:47%}.eco-heading h2{font-size:clamp(2.6rem,4.5vw,4.7rem)}.eco-stage{width:min(48vw,570px);right:5vw;top:105px}.eco-node{width:126px;height:78px;border-radius:16px!important;border:1px solid rgba(103,213,255,.3)!important;background:linear-gradient(145deg,rgba(20,52,80,.92),rgba(6,19,33,.92))!important;box-shadow:inset 0 1px rgba(255,255,255,.12),0 18px 40px rgba(0,0,0,.3)!important}.eco-node:before{content:"";position:absolute;inset:5px;border-radius:11px;border:1px solid rgba(255,255,255,.05)}.eco-node i{display:grid;place-items:center;width:27px;height:27px;margin:0 auto 4px;border-radius:8px;background:rgba(35,124,255,.2);font-size:.9rem}.eco-node span{font-size:.54rem}.eco-node:hover,.eco-node:focus{transform:translate(-50%,-50%) scale(1.08)!important;background:linear-gradient(145deg,#185aa2,#071827)!important}.eco-core{width:142px;height:142px}.eco-detail{bottom:100px}.ecosystem:after{content:"SERVICES  →  SYSTEMS  →  ECOSYSTEM";position:absolute;left:7vw;bottom:54px;color:#61768c;font:.64rem var(--font-head);letter-spacing:.16em}
.intelligence .section-intro{grid-template-columns:.7fr 3.3fr}.business-visual{margin-top:54px}.context-grid{margin-top:65px}.trust-content{margin-top:52px}.trust-visual{min-height:520px}.token-note{margin-top:52px}.service-cloud{margin:52px 0}.vision{min-height:620px;padding-top:96px;padding-bottom:60px}.vision h2{font-size:clamp(3rem,6vw,6rem);margin:20px 0}.vision-lines{width:min(520px,50%)}.vision-word{font-size:clamp(6rem,16vw,15rem);margin:48px 0 -35px}.contact h2{margin-top:20px}
@media(max-width:980px){.journey-track{grid-template-columns:repeat(3,1fr)}.service-list.service-bento{grid-template-columns:repeat(2,1fr)}.ecosystem{min-height:1040px}.eco-heading{max-width:100%}.eco-stage{width:min(90vw,570px);right:auto;top:auto;margin:38px auto 0}.eco-detail{margin-top:10px}.trust-stack{grid-template-columns:1fr}.vision{min-height:580px}}
@media(max-width:700px){.journey,.solutions,.intelligence,.trust,.services,.contact,.ecosystem{padding-top:72px;padding-bottom:72px}.journey-track{grid-template-columns:1fr 1fr}.journey-track article{padding:18px;min-height:220px}.journey-track article:last-child{grid-column:1/-1;min-height:180px}.service-list.service-bento{display:grid;grid-template-columns:1fr}.service-bento .service{min-height:205px}.ecosystem{min-height:auto}.eco-stage{width:92vw;margin-left:-2vw}.eco-node{width:96px;height:66px}.eco-node span{font-size:.48rem}.eco-core{width:112px;height:112px}.eco-detail{margin-bottom:20px}.ecosystem:after{display:none}.vision{min-height:520px}.vision-lines{width:100%}.vision-word{font-size:6rem;margin-bottom:0}}