:root{--n1:#06182a;--n2:#0b2a3c;--n3:#0f4057;--t1:#12d6b0;--t2:#4fe0c4;--o1:#ffb547;--gl:rgba(255,255,255,.07)}
.h-hero{position:relative;overflow:hidden;background:radial-gradient(1200px 600px at 78% 10%,#12607a 0%,transparent 60%),radial-gradient(900px 500px at 0% 100%,#0e7a6e 0%,transparent 55%),linear-gradient(160deg,var(--n1),var(--n2) 55%,#0b3a4a);color:#fff;padding:78px 0 96px}
.h-hero .grid2{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}
.h-hero .tag{display:inline-flex;gap:8px;align-items:center;background:var(--gl);border:1px solid rgba(255,255,255,.18);color:var(--t2);padding:6px 14px;border-radius:99px;font-weight:700;font-size:13px;letter-spacing:.3px}
.h-hero h1{font-size:46px;line-height:1.08;margin:18px 0 16px;letter-spacing:-.5px}.h-hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--t2),#9ff3e1);-webkit-background-clip:text;background-clip:text;color:transparent}
.h-hero p.lead{font-size:18px;color:#c4dce8;max-width:560px}
.h-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn.big{padding:15px 24px;font-size:16px;border-radius:12px}
.btn.glow{background:linear-gradient(135deg,var(--t1),#0fb89a);box-shadow:0 8px 28px rgba(18,214,176,.35)}.btn.glow:hover{transform:translateY(-1px);box-shadow:0 12px 34px rgba(18,214,176,.5)}
.btn.ghost{background:transparent;border:1.5px solid rgba(255,255,255,.35);color:#fff}.btn.ghost:hover{background:rgba(255,255,255,.1)}
.h-badges{display:flex;gap:18px;flex-wrap:wrap;margin-top:30px;color:#a9c8d6;font-size:14px}.h-badges span:before{content:"✓";color:var(--t2);font-weight:800;margin-right:7px}
.h-art{position:relative;aspect-ratio:1/1;max-width:520px;margin-left:auto;width:100%}.h-art svg{width:100%;height:100%;filter:drop-shadow(0 30px 50px rgba(0,0,0,.45))}
.trace{stroke-dasharray:8 10;animation:flow 3s linear infinite}@keyframes flow{to{stroke-dashoffset:-72}}
.pulse{animation:pls 2.6s ease-in-out infinite;transform-origin:center;transform-box:fill-box}@keyframes pls{50%{opacity:.35}}
.h-wave{position:absolute;left:0;right:0;bottom:-1px;height:60px}
.h-stats{margin-top:-46px;position:relative;z-index:3}.h-stats .grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));background:#fff;border-radius:18px;box-shadow:0 18px 50px rgba(8,30,50,.14);padding:22px 10px}
.h-stats .it{text-align:center;padding:6px 14px;border-right:1px solid var(--line)}.h-stats .it:last-child{border:0}.h-stats b{display:block;font-size:26px;color:var(--n2)}.h-stats span{color:var(--mut);font-size:13px}
.sx{padding:70px 0}.sx.alt{background:linear-gradient(180deg,#eaf3f7,#f4f7fa)}.sx h2.t{font-size:34px;text-align:center;margin-bottom:8px;letter-spacing:-.3px}.sx p.sub{text-align:center;color:var(--mut);max-width:620px;margin:0 auto 38px;font-size:16.5px}
.kicker{display:block;text-align:center;color:var(--acc2);font-weight:800;letter-spacing:1.5px;font-size:12.5px;margin-bottom:10px}
.svc{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px}
.svc .c{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;transition:.25s;position:relative;overflow:hidden}.svc .c:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(8,30,50,.12);border-color:#a6e8da}
.svc .ic{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0b2a3c,#13566b);margin-bottom:14px}.svc .ic svg{width:30px;height:30px;stroke:var(--t2);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.svc h3{font-size:19px;margin-bottom:6px}.svc p{color:var(--mut);margin:0;font-size:14.5px}
.band{background:linear-gradient(135deg,var(--n1),#0d4a5a);color:#fff;border-radius:24px;padding:46px;display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;position:relative;overflow:hidden}
.band h2{font-size:30px}.band p{color:#c4dce8}.band ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}.band li{background:var(--gl);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:13px 16px;display:flex;gap:12px;align-items:flex-start}.band li b{color:var(--t2)}
.tline{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;counter-reset:s;position:relative}
.tline .s{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 18px;position:relative;counter-increment:s}.tline .s:before{content:counter(s);position:absolute;top:-16px;left:18px;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--t1),#0d8870);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(18,214,176,.4)}
.tline h3{font-size:16.5px;margin:8px 0 6px}.tline p{margin:0;color:var(--mut);font-size:14px}
.why{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.why .w{display:flex;gap:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.why .w i{flex:0 0 42px;height:42px;border-radius:12px;background:#e3f7f2;color:var(--acc2);display:flex;align-items:center;justify-content:center;font-style:normal;font-size:20px}
.why h3{font-size:16px;margin-bottom:3px}.why p{margin:0;color:var(--mut);font-size:14px}
.faq{max-width:760px;margin:0 auto}.faq details{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:10px;padding:0 18px}.faq summary{cursor:pointer;font-weight:700;padding:16px 0;list-style:none;display:flex;justify-content:space-between;gap:12px}.faq summary:after{content:"+";color:var(--acc2);font-size:22px;line-height:1}.faq details[open] summary:after{content:"–"}.faq p{margin:0 0 16px;color:var(--mut)}
.endcta{background:radial-gradient(700px 300px at 80% 0,#12607a,transparent 60%),linear-gradient(135deg,var(--n1),var(--n3));color:#fff;border-radius:26px;padding:56px 30px;text-align:center}.endcta h2{font-size:32px}.endcta p{color:#c4dce8;max-width:560px;margin:0 auto 22px}
.reveal{opacity:0;transform:translateY(18px);transition:.7s}.reveal.in{opacity:1;transform:none}
@media(max-width:860px){.h-hero .grid2,.band{grid-template-columns:1fr}.h-hero h1{font-size:34px}.h-art{max-width:340px;margin:10px auto 0}.band{padding:28px}.sx{padding:50px 0}.sx h2.t{font-size:27px}.h-stats .it{border:0}}
@media(prefers-reduced-motion:reduce){.trace,.pulse{animation:none}.reveal{opacity:1;transform:none}}