:root{--n:#04140F;--n2:#0A2A21;--b:#0E7490;--v:#047857;--g:#FBBF24;--bg:#F0F7F4;--t:#0F2A22;--m:#4B6B60;--sh:0 10px 30px rgba(4,20,15,.10);--grad:linear-gradient(135deg,#0E7490,#047857)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}
body{margin:0;font:16px/1.65 'Plus Jakarta Sans',system-ui,-apple-system,Segoe UI,sans-serif;color:var(--t);background:#fff;padding-bottom:70px}
h1,h2,h3{line-height:1.15;margin:0 0 .5em;color:var(--n)}a{color:var(--b)}ul{padding:0;margin:0;list-style:none}
.wrap{width:min(1120px,92%);margin:auto}section{padding:64px 0}.alt{background:var(--bg)}
.eyebrow{color:var(--v);font-weight:700;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase}
h2{font-size:clamp(1.7rem,4.5vw,2.5rem)}.lead{color:var(--m);max-width:620px}.c{text-align:center}.c .lead{margin:auto}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:999px;font:700 1rem inherit;font-family:inherit;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px)}.btn:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--g);outline-offset:2px}
.p{background:linear-gradient(180deg,#FDE68A,#FBBF24);color:var(--n);box-shadow:0 8px 24px rgba(251,191,36,.4)}.s{border-color:rgba(255,255,255,.35);color:#fff}.o{border-color:var(--b);color:var(--b);background:#fff}.o:hover{background:var(--b);color:#fff}
.btn[disabled]{opacity:.7;cursor:wait}.ic{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:99}
header{position:sticky;top:0;z-index:50;background:rgba(4,20,15,.94);backdrop-filter:blur(8px)}
.hd{display:flex;align-items:center;justify-content:space-between;height:64px}.logo{color:#fff;font-weight:800;text-decoration:none;font-size:1.15rem;display:flex;gap:10px;align-items:center}.logo img{width:30px;height:30px}.logo span{color:var(--g)}
nav ul{display:none;position:absolute;left:0;right:0;top:64px;background:var(--n);padding:12px 4%}nav ul.open{display:block}nav a{display:block;color:#D9F2E8;text-decoration:none;padding:12px 0;font-weight:600}nav a:hover{color:var(--g)}
.mb{background:none;border:0;color:#fff;font-size:1.6rem;cursor:pointer}.hcta{display:none}
.hero{background:radial-gradient(circle at 80% 10%,rgba(16,185,129,.45),transparent 45%),radial-gradient(circle at 0 90%,rgba(6,182,212,.35),transparent 40%),var(--n);color:#fff;padding:48px 0 64px;overflow:hidden}
.hero h1{color:#fff;font-size:clamp(2.2rem,8vw,3.8rem)}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#FDE68A,#FBBF24);-webkit-background-clip:text;background-clip:text;color:transparent}
.sub{font-weight:700;font-size:1.1rem;color:#A7F3D0}.hero p{color:#BFE3D6;max-width:540px}.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.hg{display:grid;gap:40px}.hv{position:relative;height:330px}
.lap{position:absolute;left:0;top:8%;width:84%}.scr{background:#fff;border:7px solid #134E3F;border-bottom:0;border-radius:14px 14px 0 0;aspect-ratio:16/10;padding:10px;overflow:hidden}.bs{height:10px;background:linear-gradient(#cfd3e6,#8d93b0);border-radius:0 0 12px 12px;width:112%;margin-left:-6%}
.mn{display:flex;gap:4px;margin-bottom:10px}.mn i{width:6px;height:6px;border-radius:50%;background:#d7daea}.mh{height:12px;width:70%;background:var(--n);border-radius:6px;margin:6px 0}.mh.b{width:48%;background:var(--grad)}.mp{height:6px;width:80%;background:#e2e5f2;border-radius:4px;margin:5px 0}.mb2{width:70px;height:16px;background:var(--g);border-radius:99px;margin-top:8px}.mg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.mg i{height:34px;border-radius:8px;background:linear-gradient(135deg,#D7F5EA,#E4F9F3)}
.ph{position:absolute;right:2%;bottom:0;width:27%;aspect-ratio:9/18;background:#06201A;border:5px solid #134E3F;border-radius:22px;padding:8px;box-shadow:0 20px 40px rgba(0,0,0,.45)}.ph .t{height:34%;border-radius:12px;background:var(--grad);margin-bottom:8px;position:relative}.ph .t:after{content:"";position:absolute;right:8px;top:8px;width:18px;height:18px;border-radius:50%;background:var(--g)}.ph i{display:block;height:14%;background:#0F3D32;border-radius:8px;margin-bottom:6px}
.ad{position:absolute;left:30%;bottom:-2%;width:44%;background:#fff;color:var(--n);border-radius:14px;box-shadow:var(--sh);padding:8px;font-size:.62rem;animation:fl 5s ease-in-out infinite}.ad b{display:block;font-size:.66rem}.ad .im{height:44px;border-radius:8px;background:linear-gradient(135deg,#047857,#FBBF24);margin:5px 0}.ad u{display:block;text-decoration:none;background:var(--b);color:#fff;text-align:center;border-radius:6px;padding:2px}
@keyframes fl{50%{transform:translateY(-8px)}}
.grid{display:grid;gap:22px;margin-top:40px}.card{background:#fff;border-radius:22px;padding:28px;box-shadow:var(--sh);border:1px solid #e8eaf5;transition:transform .25s,box-shadow .25s}.card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(6,182,212,.18)}
.ib{width:54px;height:54px;border-radius:16px;background:var(--grad);color:#fff;display:grid;place-items:center;margin-bottom:16px}.sv:nth-child(2) .ib{background:linear-gradient(135deg,#04140F,#0E7490)}.sv:nth-child(3) .ib{background:linear-gradient(135deg,#FBBF24,#B45309);color:var(--n)}
.tag{font-size:.78rem;font-weight:700;color:var(--v);text-transform:uppercase;letter-spacing:.1em}.card h3{font-size:1.3rem;margin-top:4px}.card p{color:var(--m)}
.ck li{padding:5px 0 5px 28px;position:relative;font-size:.95rem}.ck li:before{content:"";position:absolute;left:0;top:11px;width:16px;height:16px;border-radius:50%;background:var(--v) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.3l2.2 2.2 4.8-4.8' stroke='%23fff' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}
.sv .btn{margin-top:18px;width:100%}.why .card{box-shadow:none}.why .card h3{font-size:1.1rem}.why .card p{margin:0;font-size:.95rem}.why .ib{width:44px;height:44px;border-radius:12px}
.pv{height:170px;border-radius:14px;margin-bottom:16px;position:relative;overflow:hidden;background:linear-gradient(135deg,#0A2A21,#3b2d8f);display:grid;place-items:center}.pv .w{width:78%;height:78%;background:#fff;border-radius:8px;padding:8px;margin-top:22%}.pv .a{width:62px;height:120px;background:#06201A;border:3px solid #39406a;border-radius:14px;padding:5px}.pv .a i{display:block;height:22px;border-radius:6px;background:var(--grad);margin-bottom:4px}.pv .a i+i{height:12px;background:#2a3158}.pv .q{width:120px;height:120px;border-radius:12px;background:linear-gradient(135deg,#047857,#FBBF24);display:grid;place-items:center;color:#fff;font-weight:800;font-size:.75rem;text-align:center;padding:10px}
.sm{position:absolute;top:10px;left:10px;background:var(--g);color:var(--n);font-size:.68rem;font-weight:800;padding:3px 10px;border-radius:99px}.pl{font-size:.9rem;font-weight:700}
.steps{counter-reset:s}.steps li{counter-increment:s;background:#fff;border-radius:20px;padding:26px 24px 24px 80px;position:relative;box-shadow:var(--sh)}.steps li:before{content:counter(s);position:absolute;left:22px;top:22px;width:42px;height:42px;border-radius:50%;background:var(--grad);color:#fff;font-weight:800;display:grid;place-items:center}.steps h3{font-size:1.1rem;margin:0}
.who li{background:#fff;border:1px solid #e1e4f2;border-radius:16px;padding:16px 18px;font-weight:600;display:flex;gap:12px;align-items:center}.who li:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--g);flex:none}
details{background:#fff;border:1px solid #e1e4f2;border-radius:16px;margin-bottom:12px;padding:0 22px}summary{cursor:pointer;font-weight:700;padding:18px 0;list-style:none;display:flex;justify-content:space-between;gap:12px}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--v);font-size:1.4rem;line-height:1}details[open] summary:after{content:"\2212"}details p{margin:0 0 18px;color:var(--m)}.faq{max-width:780px;margin:40px auto 0}
.ct{background:var(--n);color:#fff;border-radius:28px;padding:32px 22px;display:grid;gap:32px;background-image:radial-gradient(circle at 90% 0,rgba(16,185,129,.45),transparent 50%)}.ct h2{color:#fff}.ct p,.ct li{color:#BFE3D6}.ct a{color:var(--g)}
form{background:#fff;color:var(--t);border-radius:20px;padding:24px;display:grid;gap:14px}label{font-weight:700;font-size:.9rem;display:block;margin-bottom:4px}
input,select,textarea{width:100%;padding:12px 14px;border:1.5px solid #c9cde4;border-radius:12px;font:inherit;background:#fff;color:var(--t)}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:#c62828}.er{color:#c62828;font-size:.82rem;min-height:1em;display:block}#fs{font-weight:600;color:#0a6b3a;min-height:1.4em;margin:0}.note{font-size:.8rem;color:var(--m);margin:0}
footer{background:#030D09;color:#9CC4B6;padding:48px 0 24px;font-size:.92rem}footer h3{color:#fff;font-size:1rem}footer a{color:#9CC4B6;text-decoration:none}footer a:hover{color:var(--g)}.fg{display:grid;gap:28px}footer li{padding:3px 0}.cp{border-top:1px solid #0E2F26;margin-top:28px;padding-top:18px}
.fw{position:fixed;right:18px;bottom:18px;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;display:none;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.3);z-index:60}.fw svg{width:30px;height:30px;fill:#fff}
.sb{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--n);padding:10px 4%;display:flex;gap:10px}.sb .btn{flex:1;padding:12px 10px}
.doc{max-width:780px;padding:48px 0}.doc h2{font-size:1.3rem;margin-top:1.6em}.dr{background:#fff7e0;border:1px solid var(--g);padding:12px 16px;border-radius:12px}
.rv{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}.rv.in{opacity:1;transform:none}
@media(min-width:768px){body{padding-bottom:0}.sb{display:none}.fw{display:grid}.grid.g3{grid-template-columns:repeat(3,1fr)}.grid.g2{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.hv{height:430px}.ct{padding:48px;grid-template-columns:1fr 1fr}.fg{grid-template-columns:2fr 1fr 1fr}}
@media(min-width:1024px){.mb{display:none}nav ul{display:flex;position:static;background:none;padding:0;gap:22px}nav a{padding:0;font-size:.92rem}.hcta{display:inline-flex;padding:10px 20px}.hg{grid-template-columns:1.05fr .95fr;align-items:center}.hv{height:480px}.steps{grid-template-columns:repeat(4,1fr)}.steps li{padding:76px 22px 24px}.steps li:before{left:22px;top:22px}.hero{padding:80px 0 96px}section{padding:88px 0}.who{grid-template-columns:repeat(3,1fr)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.rv{opacity:1;transform:none}}
.ct a.btn{color:var(--n)}

.doc ul{list-style:disc;padding-left:1.4em;margin:0 0 1em}.doc li{padding:2px 0}.doc p{margin:0 0 1em}
