:root{--n:#050b2e;--b:#1b5cff;--c:#20b4ff;--p:#f4a9c0;--l:#c9c2ff;--y:#f5b82e;--w:#f4f7ff}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{font:400 1rem/1.6 "Plus Jakarta Sans","Segoe UI",system-ui,sans-serif;background:var(--n);color:var(--w);overflow-x:hidden;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}
a{color:inherit}h1,h2,h3{font-family:"Sora","Segoe UI",system-ui,sans-serif;line-height:1.08;letter-spacing:-.03em}
.w{max-width:1140px;margin:auto;padding:0 20px}
header{position:sticky;top:0;z-index:20;background:#050b2ecc;backdrop-filter:blur(14px);border-bottom:1px solid #ffffff18}
header .w{display:flex;align-items:center;gap:14px;justify-content:space-between;height:64px}
.logo{font:800 1.4rem Sora,sans-serif;font-style:italic;text-decoration:none}.logo small{display:block;font:500 .6rem/1 sans-serif;letter-spacing:.14em;color:var(--c);font-style:normal}
nav{display:flex;gap:22px}nav a{text-decoration:none;font-size:.92rem;opacity:.85}
.btn{display:inline-block;border:0;cursor:pointer;font-weight:700;font-size:.95rem;font-family:inherit;padding:13px 22px;border-radius:99px;background:linear-gradient(135deg,var(--b),var(--c));color:#fff;text-decoration:none;box-shadow:0 8px 30px #1b5cff66;transition:transform .2s}
.btn:hover{transform:translateY(-2px)}.btn.g{background:#ffffff14;box-shadow:none;border:1px solid #ffffff30}
.hero{position:relative;padding:72px 0 96px;background:radial-gradient(60% 50% at 75% 30%,#1b5cff55,transparent),radial-gradient(40% 40% at 10% 90%,#20b4ff33,transparent)}
.hero .w{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}
h1{font-size:clamp(2.3rem,6vw,4.4rem)}h1 span{background:linear-gradient(90deg,var(--c),var(--l),var(--p));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{max-width:34em;margin:20px 0 28px;color:#c9d4ff}.row{display:flex;gap:12px;flex-wrap:wrap}
.stage{position:relative;height:420px;perspective:900px}
.orb{position:absolute;inset:18% 12%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffffff40,#1b5cff55 45%,transparent 70%);filter:blur(2px);animation:pulse 6s ease-in-out infinite}
.t{position:absolute;width:var(--s,96px);aspect-ratio:1;border-radius:28%;display:grid;place-items:center;background:linear-gradient(145deg,#fff,var(--k,#cfe3ff) 45%,var(--k2,#8fb4ff));box-shadow:inset 0 3px 6px #fff,inset 0 -8px 14px #0a247033,0 24px 40px #0007;color:#0a2470;transform-style:preserve-3d;transition:transform .15s;animation:fl 7s ease-in-out infinite;animation-delay:var(--d,0s)}
.t svg{width:52%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@keyframes fl{50%{translate:0 -14px}}@keyframes pulse{50%{transform:scale(1.06)}}
section{padding:84px 0}h2{font-size:clamp(1.8rem,4vw,3rem);margin-bottom:12px}.sub{color:#b9c6f5;max-width:40em;margin-bottom:34px}
.tabs{display:inline-flex;padding:5px;border-radius:99px;background:#ffffff12;margin-bottom:28px}
.tabs button{border:0;background:none;color:#fff;font-weight:700;font-size:.95rem;font-family:inherit;padding:11px 24px;border-radius:99px;cursor:pointer}
.tabs button[aria-selected=true]{background:linear-gradient(135deg,var(--b),var(--c))}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.grid[hidden]{display:none}
.c{display:block;text-decoration:none;padding:24px;border-radius:26px;background:linear-gradient(160deg,#ffffff1c,#ffffff08);border:1px solid #ffffff22;transform-style:preserve-3d;transition:transform .2s,border-color .2s}
.c:hover{border-color:var(--c)}.c .t{position:static;--s:64px;margin-bottom:16px;animation:none}
.c h3{font-size:1.15rem;margin-bottom:6px}.c p{font-size:.9rem;color:#b9c6f5}
.pr{background:linear-gradient(120deg,#1a1440,#0a2470);border:1px solid #f5b82e55;border-radius:34px;padding:44px;display:grid;grid-template-columns:auto 1fr;gap:34px;align-items:center}
.pr .t{--s:120px;--k:#fff3cf;--k2:#f5b82e;position:static}.pr h2{font-size:2rem}
.pr ul{margin:14px 0 22px;padding-left:20px;color:#d9e1ff}
details{border-bottom:1px solid #ffffff22;padding:18px 0}summary{cursor:pointer;font:700 1.05rem Sora,sans-serif}details p{color:#b9c6f5;margin-top:10px}
footer{padding:40px 0 60px;background:#030720;font-size:.85rem;color:#9fb0ea}footer a{margin-right:16px}
.rv{opacity:0;transform:translateY(24px);transition:.8s}.rv.on{opacity:1;transform:none}
dialog{border:0;border-radius:30px;padding:30px;max-width:460px;width:calc(100% - 28px);background:linear-gradient(160deg,#fff,#e4ecff);color:#0a1447;box-shadow:0 40px 100px #000a}
dialog::backdrop{background:#020618d0;backdrop-filter:blur(6px)}dialog h2{font-size:1.8rem}dialog p{margin:6px 0 18px;color:#38467d}
dialog .btn{display:block;width:100%;text-align:center;margin-top:10px}dialog .btn.g{color:#0a2470;background:#fff;border-color:#c5d3ff}
.x{float:right;border:0;background:#0a24700f;border-radius:50%;width:36px;height:36px;font-size:1.1rem;cursor:pointer}
input[type=text],input[type=tel]{width:100%;padding:15px 18px;border-radius:16px;border:2px solid #c5d3ff;font:inherit;margin-bottom:10px}
.ck{position:fixed;left:14px;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:50;max-width:560px;padding:20px;border-radius:24px;background:#fff;color:#0a1447;box-shadow:0 20px 70px #000a;font-size:.88rem}
.ck[hidden]{display:none}.ck label{display:block;margin:6px 0}.ck .row{margin-top:12px}.ck .btn{padding:10px 16px;font-size:.85rem}.ck .btn.g{color:#0a2470;border-color:#c5d3ff}
.fab{position:fixed;right:16px;bottom:calc(90px + env(safe-area-inset-bottom));z-index:15;width:54px;height:54px;border-radius:50%;background:#25d366;display:grid;place-items:center;text-decoration:none;font-size:1.5rem;box-shadow:0 10px 30px #0008}
:focus-visible{outline:3px solid var(--y);outline-offset:3px}
@media(max-width:860px){nav{display:none}.hero .w{grid-template-columns:1fr}.stage{height:320px}.pr{grid-template-columns:1fr;padding:28px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto}.rv{opacity:1;transform:none}}
.ch{display:flex;flex-wrap:wrap;gap:10px}.c2{padding:12px 20px;border-radius:99px;background:#ffffff14;border:1px solid #ffffff30;text-decoration:none}.c2:hover{border-color:var(--c)}.pg{padding:56px 0}.pg li{margin:6px 0}.lk{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 26px}@media(max-width:560px){header .g{display:none}}.t{background:linear-gradient(160deg,#fff,#e9efff)!important;box-shadow:inset 0 2px 4px #fff,0 26px 44px #0009!important;border-radius:30%}.t svg{width:70%!important;height:auto;fill:none!important;stroke:none!important}.t{animation:fl 7s ease-in-out infinite,wob 9s ease-in-out infinite;animation-delay:var(--d,0s)}.c .t{animation:wob 8s ease-in-out infinite}.c,.stage{perspective:700px}.c:hover .t{scale:1.14;transition:scale .3s}@keyframes wob{0%,100%{rotate:y -16deg}50%{rotate:y 16deg}}body{background:#f5f8ff;color:#0a1447}header{background:#ffffffe8;border-bottom:1px solid #0a24701a}.hero{background:radial-gradient(55% 55% at 78% 30%,#1b5cff26,transparent),radial-gradient(40% 40% at 8% 95%,#20b4ff22,transparent)}.hero p,.sub,.c p,details p{color:#41508a}.btn.g{background:#fff;color:#0a2470;border:1px solid #c5d3ff}.tabs{background:#e4ecff}.tabs button{color:#0a2470}.tabs button[aria-selected=true]{color:#fff}.c{background:#fff;border:1px solid #d9e3ff;box-shadow:0 12px 34px #1b5cff14}.c2{background:#fff;border:1px solid #c5d3ff}details{border-bottom:1px solid #0a247022}footer{background:#0a1447;color:#c9d4ff}.orb{background:radial-gradient(circle at 35% 30%,#fff,#bcd2ff 45%,transparent 70%)}.t{background:none!important;box-shadow:none!important;border-radius:0!important}.t svg{width:100%!important;filter:drop-shadow(0 16px 16px #1b3fb04d)}.c .t{--s:76px}.pr{color:#fff}.pr h2{color:#fff}.pr p{color:#dbe5ff}.pg li{color:#26346d}.pg h2{margin-top:30px}.scene{height:520vh;position:relative;background:linear-gradient(180deg,#f5f8ff,#e4ecff)}.stick{position:sticky;top:0;height:100vh;display:flex;align-items:center}.sg{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.eyb{font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--b);font-size:.8rem}.bigw{perspective:900px;display:grid;place-items:center}.big{width:min(70vw,360px);aspect-ratio:1;will-change:transform}.big svg{width:100%;height:100%;fill:none;filter:drop-shadow(0 30px 30px #1b3fb066)}.pg h2{font-size:1.6rem;margin:26px 0 10px}.fl a{display:inline-block;margin:4px 14px 4px 0;font-size:.82rem;opacity:.85}@media(max-width:860px){.sg{grid-template-columns:1fr}.big{width:200px}.scene{height:420vh}}.hid{display:none!important}.mo{grid-column:1/-1;justify-self:center;margin-top:8px}.hero{padding-bottom:28px!important}.stick{align-items:flex-start!important;padding-top:12vh}.scene{height:470vh}.logo img{height:50px}.ph{background:radial-gradient(60% 80% at 85% 20%,#1b5cff26,transparent),linear-gradient(180deg,#eaf0ff,#f5f8ff);padding:40px 0 50px}.ph .w{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}.crumb{font-size:.85rem;color:#5a6aa5;margin-bottom:14px}.crumb a{color:inherit}.ph h1{font-size:clamp(2rem,4.6vw,3.3rem);color:#0a1447}.lead{font-size:1.08rem;color:#41508a;max-width:34em;margin:16px 0 22px}.badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.bd{padding:7px 14px;border-radius:99px;background:#fff;border:1px solid #d5e0ff;font-size:.82rem;color:#0a2470;font-weight:600}.hero-ic{height:300px;display:grid;place-items:center;perspective:800px}.hero-ic .t{position:static;--s:210px;animation:fl 6s ease-in-out infinite,wob 8s ease-in-out infinite}.sec{padding:34px 0}.sec h2{font-size:1.5rem;margin:0 0 14px}.gr2{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px}.cd{background:#fff;border:1px solid #dbe4ff;border-radius:26px;padding:26px;box-shadow:0 14px 40px #1b5cff12}.cd h2,.cd h3{font-size:1.2rem;margin:0 0 12px}.cd p{color:#41508a}.ck2{padding:0}.ck2 li{list-style:none;position:relative;padding-left:30px;margin:10px 0;color:#26346d}.ck2 li:before{content:"✓";position:absolute;left:0;top:1px;color:#fff;background:linear-gradient(135deg,var(--b),var(--c));width:20px;height:20px;border-radius:50%;font-size:.7rem;text-align:center;line-height:20px}.st{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.sp{background:#fff;border-radius:24px;padding:24px;border:1px solid #dbe4ff}.sp b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--b),var(--c));color:#fff;margin-bottom:12px}.sp p{color:#41508a}.fq details{background:#fff;border:1px solid #dbe4ff;border-radius:18px;padding:16px 20px;margin-bottom:10px}.cta{background:linear-gradient(120deg,#0a2470,#1b5cff);color:#fff;border-radius:30px;padding:36px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.cta h2{margin:0;color:#fff}.cta p{color:#dbe5ff}.cta .btn.g{background:#ffffff1f;color:#fff;border-color:#ffffff55}.fg{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:26px}.fg b{display:block;margin-bottom:8px;color:#fff}.fg a{display:block;margin:5px 0;font-size:.85rem}.cpr{margin-top:22px}.sb{display:none;position:fixed;left:0;right:0;bottom:0;z-index:30;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#fffffff0;backdrop-filter:blur(10px);border-top:1px solid #dbe4ff;gap:10px}.sb .btn{flex:1;text-align:center;padding:12px}@media(max-width:860px){.ph .w{grid-template-columns:1fr}.hero-ic{height:210px}.hero-ic .t{--s:150px}.fg{grid-template-columns:1fr 1fr}.sb{display:flex}}section{padding:52px 0!important}.hero{padding:44px 0 12px!important}.scene{padding:0!important;height:440vh}.stick{height:74vh!important;top:13vh!important;align-items:center!important;padding-top:0!important}.big{transform-style:preserve-3d;position:relative}.big .ly{position:absolute;inset:0;width:100%;height:100%;fill:none;filter:none}.t{transition:scale .35s}.t.sw{scale:0}.t svg{grid-area:1/1}.stage .t{transform-style:preserve-3d}dialog{margin:auto}.ml{text-align:center;margin-top:16px;font-size:.85rem}.ml a{color:#1b5cff;margin:0 4px}.ways{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.wy{display:block;text-decoration:none;background:#fff;border:1px solid #dbe4ff;border-radius:26px;padding:26px;box-shadow:0 12px 34px #1b5cff14;transition:transform .2s}.wy:hover{transform:translateY(-4px)}.wy.hl{background:linear-gradient(150deg,#0a2470,#1b5cff);color:#fff;border-color:transparent}.wy.hl p{color:#dbe5ff}.wy .t{--s:64px;position:static;margin-bottom:12px}.wy p{color:#41508a;margin:6px 0 16px}.wy .btn{display:inline-block}