@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/pjs-400.woff2) format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/pjs-500.woff2) format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/pjs-600.woff2) format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/pjs-700.woff2) format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:800;font-display:swap;src:url(fonts/pjs-800.woff2) format("woff2")}
:root{--navy:#060f24;--navy2:#0b1f3a;--blue:#2563eb;--turq:#22d3c5;--turq2:#5eead4;--turqd:#0e7c78;--ink:#0f1b2d;--mut:#475569;--bg:#f5f8fc;--r:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;font:17px/1.65 "Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:#fff;padding-bottom:78px;overflow-x:hidden;-webkit-font-smoothing:antialiased}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px;position:relative}.narrow{max-width:800px}
h1,h2,h3{line-height:1.15;color:var(--navy);letter-spacing:-.02em}h2{font-size:clamp(1.8rem,4.6vw,2.8rem);margin:0 0 .4em;font-weight:800}h3{font-size:1.12rem;margin:0 0 .35em;font-weight:700}
a{color:var(--turqd)}
.grad{background:linear-gradient(90deg,var(--turq2),var(--turq) 40%,#60a5fa);-webkit-background-clip:text;background-clip:text;color:transparent}
/* header */
.top{position:sticky;top:0;z-index:20;padding:16px 0;background:rgba(6,15,36,.55);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border-bottom:1px solid transparent;transition:.3s}
.top.scrolled{padding:10px 0;background:rgba(6,15,36,.85);border-color:rgba(255,255,255,.08);box-shadow:0 10px 30px rgba(0,0,0,.25)}
.hd{display:flex;align-items:center;justify-content:space-between}.logo{color:#fff;text-decoration:none;font-weight:800;display:flex;align-items:center;gap:10px;font-size:1rem}.tld{color:var(--turq)}
.lg{width:26px;height:26px;border-radius:8px;background:conic-gradient(from 200deg,var(--turq),var(--blue),var(--turq));box-shadow:0 0 18px rgba(34,211,197,.5)}
.nav{display:none;gap:26px}.nav a{color:#cbd5e1;text-decoration:none;font-weight:500;font-size:.95rem}.nav a:hover{color:#fff}@media(min-width:900px){.nav{display:flex}}
/* sections */
section{padding:80px 0;position:relative}.light{background:var(--bg)}.light:nth-of-type(odd){background:#fff}
.dark{background:var(--navy);color:#cbd5e1;overflow:hidden}.dark h2,.dark h3{color:#fff}
.eyebrow{display:inline-block;margin:0 0 10px;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--turqd)}.dark .eyebrow{color:var(--turq)}
.sub{color:var(--mut);max-width:640px;margin:0 0 36px}
/* hero */
.hero{padding:70px 0 90px;margin-top:-70px;padding-top:140px}
.mesh{position:absolute;inset:0;overflow:hidden;pointer-events:none}.mesh i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;animation:fl 18s ease-in-out infinite alternate}
.b1{width:460px;height:460px;background:var(--turq);top:-120px;left:-120px}.b2{width:520px;height:520px;background:var(--blue);bottom:-200px;right:-160px;animation-delay:-6s!important}.b3{width:300px;height:300px;background:#7c3aed;top:30%;left:45%;opacity:.3!important;animation-delay:-11s!important}
@keyframes fl{0%{transform:translate(0,0) scale(1)}50%{transform:translate(60px,40px) scale(1.12)}100%{transform:translate(-40px,70px) scale(.95)}}
.gridbg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 75%)}
.herogrid{display:grid;gap:48px;align-items:center}@media(min-width:980px){.herogrid{grid-template-columns:1.15fr .85fr}}
.hero h1{color:#fff;font-size:clamp(2.1rem,6.4vw,3.9rem);font-weight:800;margin:.35em 0 .45em;letter-spacing:-.035em}
.lead{font-size:1.12rem;color:#cbd5e1;max-width:620px;margin:0 0 30px}.small{font-size:.9rem;color:#94a3b8;margin:12px 0 0}
.pill{display:inline-block;margin:0;padding:7px 14px;border-radius:99px;font-size:.85rem;font-weight:600;color:var(--turq2);background:rgba(34,211,197,.08);border:1px solid rgba(34,211,197,.3)}
/* glass */
.glass{background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--r)}
.light .glass{background:linear-gradient(145deg,#fff,rgba(255,255,255,.7));border:1px solid #e2e8f0;box-shadow:0 1px 2px rgba(15,27,45,.04),0 12px 30px -12px rgba(15,27,45,.12)}
/* mock */
.mock{padding:18px;box-shadow:0 30px 80px -20px rgba(0,0,0,.6),0 0 0 1px rgba(34,211,197,.1);animation:fy 7s ease-in-out infinite}
@keyframes fy{50%{transform:translateY(-10px)}}
.mbar{display:flex;align-items:center;gap:6px;margin-bottom:14px}.mbar b{width:10px;height:10px;border-radius:50%;background:#334155}.mbar b:first-child{background:#f87171}.mbar b:nth-child(2){background:#fbbf24}.mbar b:nth-child(3){background:#34d399}
.mbar span{margin-left:auto;font-size:.72rem;color:#94a3b8}
.mrow{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);margin-bottom:10px}
.mrow div{flex:1;min-width:0}.mrow strong{display:block;color:#fff;font-size:.9rem}.mrow small{display:block;color:#94a3b8;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mrow em{font-style:normal;font-size:.72rem;font-weight:700;padding:4px 9px;border-radius:99px;background:rgba(52,211,153,.15);color:#6ee7b7}.mrow em.w{background:rgba(34,211,197,.15);color:var(--turq2)}.mrow em.q{background:rgba(148,163,184,.15);color:#cbd5e1}
.dot{width:9px;height:9px;border-radius:50%;background:#64748b;flex:none}.dot.ok{background:#34d399}.dot.run{background:var(--turq);box-shadow:0 0 0 0 rgba(34,211,197,.6);animation:pl 1.6s infinite}
.mtyping{display:flex;gap:5px;padding:6px 12px}.mtyping span{width:7px;height:7px;border-radius:50%;background:var(--turq);opacity:.4;animation:ty 1.2s infinite}.mtyping span:nth-child(2){animation-delay:.2s}.mtyping span:nth-child(3){animation-delay:.4s}
@keyframes ty{50%{opacity:1;transform:translateY(-3px)}}
/* btn */
.btn{position:relative;display:inline-block;overflow:hidden;background:linear-gradient(135deg,var(--turq2),var(--turq) 45%,#3b82f6);color:#04121f;font-weight:800;text-decoration:none;padding:16px 28px;border-radius:14px;text-align:center;box-shadow:0 10px 30px -8px rgba(34,211,197,.6);transition:transform .25s,box-shadow .25s}
.btn::after{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(110deg,transparent,rgba(255,255,255,.6),transparent);transform:skewX(-20deg);animation:sh 4s ease-in-out infinite}
.btn:hover,.btn:focus-visible{transform:translateY(-2px);box-shadow:0 16px 40px -8px rgba(34,211,197,.8)}.btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
.btn span{position:relative;z-index:1}
@keyframes sh{0%,60%{left:-75%}100%{left:130%}}
.pulse{animation:pl 2.6s infinite}@keyframes pl{0%{box-shadow:0 0 0 0 rgba(34,211,197,.55)}70%{box-shadow:0 0 0 16px rgba(34,211,197,0)}100%{box-shadow:0 0 0 0 rgba(34,211,197,0)}}
/* grids/cards */
.grid{display:grid;gap:20px;grid-template-columns:1fr}@media(min-width:700px){.grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1000px){.grid{grid-template-columns:repeat(3,1fr)}}
.card{padding:28px;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}.card p{margin:0;color:var(--mut)}.dark .card p{color:#cbd5e1}
.card:hover{transform:translateY(-6px);border-color:rgba(34,211,197,.5);box-shadow:0 20px 50px -15px rgba(34,211,197,.35)}
.ico{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:14px;margin-bottom:16px;color:var(--turqd);background:linear-gradient(135deg,rgba(34,211,197,.18),rgba(59,130,246,.14));border:1px solid rgba(34,211,197,.3)}.dark .ico{color:var(--turq2)}.ico svg{width:24px;height:24px}
.glow{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(34,211,197,.18),transparent 65%);top:-200px;right:-200px;pointer-events:none}
.center{text-align:center;margin-top:44px}
/* timeline */
.tl{list-style:none;padding:0;margin:20px 0 0;position:relative;display:grid;gap:26px}
.tlline{position:absolute;left:23px;top:10px;bottom:10px;width:2px;background:#e2e8f0}.tlline span{display:block;width:100%;height:0;background:linear-gradient(var(--turq),var(--blue));transition:height 1.6s ease}.tl.go .tlline span{height:100%}
.tl li{display:flex;gap:20px;position:relative}.tl p{margin:0;color:var(--mut)}
.num{flex:none;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#04121f;background:linear-gradient(135deg,var(--turq2),var(--turq));box-shadow:0 0 0 6px #fff,0 8px 24px -6px rgba(34,211,197,.7);z-index:1}
@media(min-width:900px){.tl{grid-template-columns:repeat(4,1fr)}.tlline{left:24px;right:24px;top:23px;bottom:auto;width:auto;height:2px}.tlline span{height:100%!important;width:0;transition:width 1.6s ease}.tl.go .tlline span{width:100%}.tl li{flex-direction:column}}
/* faq */
details{border-radius:16px;margin:12px 0;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);transition:border-color .3s,background .3s}
details[open]{border-color:rgba(34,211,197,.45);background:rgba(34,211,197,.06)}
summary{cursor:pointer;list-style:none;font-weight:700;color:#fff;padding:20px 22px;display:flex;justify-content:space-between;gap:16px;align-items:center}summary::-webkit-details-marker{display:none}
summary i{flex:none;width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.2);position:relative;transition:transform .3s}
summary i::before,summary i::after{content:"";position:absolute;left:8px;right:8px;top:13px;height:2px;background:var(--turq)}summary i::after{transform:rotate(90deg);transition:transform .3s}
details[open] summary i::after{transform:rotate(0)}.ans{overflow:hidden;transition:height .3s ease}.ans p{margin:0;padding:0 22px 20px;color:#cbd5e1}
/* checks */
.checks{list-style:none;padding:0;margin:0;display:grid;gap:16px}@media(min-width:700px){.checks{grid-template-columns:repeat(2,1fr)}}
.checks li{display:flex;align-items:center;gap:14px;padding:18px 20px;font-weight:700;color:var(--navy)}.checks .ico{margin:0;width:40px;height:40px;flex:none}
.final{padding:100px 0;text-align:center}.final p{max-width:560px;margin:0 auto 30px;font-size:1.1rem}
footer{background:#030a19;color:#94a3b8;padding:28px 0;font-size:.95rem}footer a{color:var(--turq2)}footer .wrap{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}
.sticky{position:fixed;left:0;right:0;bottom:0;padding:10px 12px;background:rgba(6,15,36,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.08);z-index:30}.sticky .btn{display:block;padding:14px}
@media(min-width:900px){.sticky{display:none}body{padding-bottom:0}}
/* reveal */
.rv{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.8,.2,1) var(--d,0ms),transform .8s cubic-bezier(.2,.8,.2,1) var(--d,0ms)}.rv.in{opacity:1;transform:none}
.card.rv.in:hover{transform:translateY(-6px)}
/* legal pages */
.legal{padding:50px 20px 70px}.legal h1{font-size:clamp(1.8rem,5vw,2.6rem)}.legal h2{font-size:1.25rem;margin-top:1.6em}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.rv{opacity:1;transform:none}.tlline span{height:100%;width:100%}}
.herogrid>*{min-width:0}.hero h1{overflow-wrap:break-word}
.legal{padding-top:120px;margin-top:-60px}.legal p,.legal li{color:#334155}.upd{font-size:.9rem;color:#64748b!important}.lp .top{background:rgba(6,15,36,.92)}
.logo .tld{margin-left:-10px}
