/* hero visual: pure CSS command-center */
.viz{position:relative;max-width:460px;margin:auto;width:100%}
.panel{background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:22px;backdrop-filter:blur(10px);box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}
.panel .bar{display:flex;gap:6px;margin-bottom:16px}.panel .bar i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.25)}
.panel h4{font:600 .8rem Inter;color:#9FB2CC;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}
.kpi{display:flex;align-items:baseline;gap:10px}.kpi b{font:700 2rem Sora;color:#fff}.kpi em{font-style:normal;color:var(--teal-l);font-weight:600;font-size:.9rem}
.chart{display:flex;align-items:flex-end;gap:8px;height:120px;margin:18px 0 6px}
.chart span{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--teal-l),rgba(20,184,166,.15));transform-origin:bottom;animation:grow 3.6s ease-in-out infinite}
.chart span:nth-child(1){height:35%;animation-delay:0s}.chart span:nth-child(2){height:55%;animation-delay:.2s}.chart span:nth-child(3){height:45%;animation-delay:.4s}.chart span:nth-child(4){height:70%;animation-delay:.6s}.chart span:nth-child(5){height:62%;animation-delay:.8s}.chart span:nth-child(6){height:85%;animation-delay:1s}.chart span:nth-child(7){height:100%;animation-delay:1.2s;background:linear-gradient(180deg,var(--gold),rgba(245,185,74,.15))}
@keyframes grow{0%,100%{transform:scaleY(.82)}50%{transform:scaleY(1)}}
.flow{display:grid;gap:8px;margin-top:14px}
.flow div{display:flex;align-items:center;gap:10px;font-size:.84rem;color:#D5E0EF;background:rgba(255,255,255,.05);border-radius:10px;padding:9px 12px}
.flow div:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--teal-l);box-shadow:0 0 0 0 rgba(45,212,191,.6);animation:pulse 2.4s infinite}
.flow div:nth-child(2):before{animation-delay:.8s}.flow div:nth-child(3):before{animation-delay:1.6s}
.flow small{margin-left:auto;color:#8FA2BC}
@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(45,212,191,0)}100%{box-shadow:0 0 0 0 rgba(45,212,191,0)}}
.chip{position:absolute;background:#fff;color:var(--ink);font:600 .8rem Inter;padding:9px 14px;border-radius:12px;box-shadow:0 14px 30px -10px rgba(0,0,0,.5);animation:float 6s ease-in-out infinite}
.chip.a{top:-16px;right:-8px}.chip.b{bottom:-18px;left:-14px;animation-delay:2s}
.chip b{color:var(--teal)}
@keyframes float{50%{transform:translateY(-8px)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}
/* subpages */
.phero{background:linear-gradient(160deg,var(--navy),#071426);color:#fff;padding:140px 0 70px}
.phero h1{font-size:clamp(2rem,4.4vw,3.2rem);font-weight:800;max-width:760px}.phero p{color:#B9C8DC;font-size:1.1rem;max-width:640px;margin-top:18px}
.crumbs{font-size:.85rem;color:#8FA2BC;margin-bottom:16px}.crumbs a:hover{color:#fff}
.split{display:grid;grid-template-columns:1.2fr .8fr;gap:44px;align-items:start}
.list{list-style:none;padding:0}.list li{padding:9px 0 9px 28px;position:relative;color:#33445C}.list li:before{content:"\2713";position:absolute;left:0;color:var(--teal);font-weight:700}
.side{background:var(--navy);color:#fff;border-radius:var(--r);padding:28px;position:sticky;top:90px}.side h3{margin-bottom:10px}.side p{color:#B9C8DC;font-size:.95rem;margin-bottom:18px}.side .price{font:700 1.7rem Sora;margin-bottom:16px;color:var(--teal-l)}
.card a.more{display:inline-block;margin-top:14px;color:var(--teal);font-weight:600;font-size:.93rem}
.band{background:linear-gradient(120deg,var(--navy2),var(--navy));color:#fff;border-radius:22px;padding:48px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.band h2{font-size:1.7rem;max-width:520px}
.sub{padding:70px 0}.alt{background:#fff}
.menu{position:relative}.menu>a{cursor:pointer}
.mbtn{display:none;background:none;border:0;color:#fff;font-size:1.6rem;cursor:pointer}
@media(max-width:900px){.split{grid-template-columns:1fr}.side{position:static}.mbtn{display:block}.viz{max-width:360px}}
footer a{display:inline-block;margin-top:7px}@media(max-width:700px){footer .wrap{grid-template-columns:1fr!important}}