:root{--bg:#f6f7fd;--ink:#0f172a;--ink2:#334155;--muted:#5b6475;--line:#e4e7ef;--brand:#4f6bed;--brand2:#7c5cf0;--pink:#e0558a;--mint:#14967a;--card:rgba(255,255,255,.75);--shadow:0 1px 2px rgba(15,23,42,.04),0 12px 36px rgba(30,40,100,.08)}@media (prefers-color-scheme:dark){:root{--bg:#0b0f22;--ink:#eef1ff;--ink2:#c7cdea;--muted:#8d97bd;--line:rgba(170,185,255,.14);--card:rgba(22,28,58,.7);--shadow:0 12px 36px rgba(0,0,0,.35)}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.6 Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit}.muted{color:var(--muted)}.small{font-size:13px}.grad{background:linear-gradient(100deg,var(--brand),var(--brand2) 45%,var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.sky{position:fixed;inset:0;z-index:-1;background:radial-gradient(900px 600px at 0% 0%,rgba(124,156,255,.22),transparent 60%),radial-gradient(800px 500px at 100% 20%,rgba(255,143,177,.16),transparent 60%),radial-gradient(700px 500px at 50% 110%,rgba(95,217,182,.14),transparent 60%)}.sky canvas{width:100%;height:100%;display:block}.nav{position:sticky;top:12px;z-index:10;display:flex;align-items:center;gap:18px;max-width:1160px;margin:12px auto 0;padding:10px 12px 10px 18px;border-radius:999px;background:var(--card);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid var(--line);box-shadow:var(--shadow);transition:.3s}.nav.scrolled{box-shadow:0 10px 40px #1e286424}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:19px;letter-spacing:-.01em}.brand img{width:34px;height:34px}.links{display:flex;gap:6px;margin-left:auto}.links a{text-decoration:none;color:var(--ink2);font-weight:500;font-size:14.5px;padding:8px 12px;border-radius:999px;transition:.2s}.links a:hover{background:#4f6bed1a;color:var(--brand)}.cta{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#fff;font-weight:700;padding:14px 26px;border-radius:999px;background:linear-gradient(120deg,var(--brand),var(--brand2));box-shadow:0 10px 26px #4f6bed61,inset 0 1px #ffffff59;transition:.25s;position:relative;overflow:hidden}.cta:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translate(-120%);animation:shine 4.5s ease-in-out infinite}@keyframes shine{0%,60%{transform:translate(-120%)}80%,to{transform:translate(120%)}}.cta:hover{transform:translateY(-2px);box-shadow:0 16px 36px #4f6bed80}.cta.sm{padding:10px 18px;font-size:14px}.cta.big{padding:18px 34px;font-size:18px}.ghost{display:inline-flex;align-items:center;text-decoration:none;font-weight:600;color:var(--ink2);padding:14px 22px;border-radius:999px;border:1px solid var(--line);background:var(--card);backdrop-filter:blur(10px);transition:.2s}.ghost:hover{color:var(--brand);border-color:#4f6bed66}main{max-width:1160px;margin:0 auto;padding:0 20px}.hero{display:grid;grid-template-columns:1.02fr 1fr;gap:48px;align-items:center;min-height:calc(100vh - 90px);padding:40px 0 30px}.kicker{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--brand);background:#4f6bed1a;padding:6px 14px;border-radius:999px;margin-bottom:18px}h1{font-size:clamp(40px,6.2vw,72px);line-height:1.02;letter-spacing:-.045em;margin:0 0 20px;font-weight:800}#morph{display:inline-block;transition:opacity .35s,transform .35s,filter .35s}#morph.out{opacity:0;transform:translateY(12px) scale(.96);filter:blur(4px)}.lead{font-size:18.5px;color:var(--muted);margin:0 0 28px;max-width:560px}.hero-cta{display:flex;gap:12px;flex-wrap:wrap}.trust{display:flex;gap:8px 20px;flex-wrap:wrap;list-style:none;padding:0;margin:26px 0 0;color:var(--muted);font-size:14px;font-weight:500}.trust li:before{content:"\25cf";color:var(--mint);margin-right:7px;font-size:10px;vertical-align:2px}.demo{position:relative;perspective:1400px}.win{border-radius:24px;background:var(--card);border:1px solid var(--line);box-shadow:0 30px 80px #2832822e;backdrop-filter:blur(18px);overflow:hidden;transform:rotateY(-8deg) rotateX(4deg);transition:transform .6s;animation:hover 7s ease-in-out infinite}.demo:hover .win{transform:rotateY(0) rotateX(0)}@keyframes hover{0%,to{translate:0 0}50%{translate:0 -10px}}.win-bar{display:flex;align-items:center;gap:7px;padding:12px 14px;border-bottom:1px solid var(--line)}.win-bar i{width:11px;height:11px;border-radius:50%;background:#ff8fb1}.win-bar i:nth-child(2){background:#ffd166}.win-bar i:nth-child(3){background:#5fd9b6}.win-bar span{margin-left:10px;font-size:13px;font-weight:600;color:var(--muted)}.win-bar .exp{margin-left:auto;font-size:12px;color:#fff;background:linear-gradient(120deg,var(--brand),var(--brand2));padding:6px 14px;border-radius:999px;animation:expPulse 10s infinite}@keyframes expPulse{0%,78%,92%,to{transform:scale(1);box-shadow:none}84%{transform:scale(1.12);box-shadow:0 0 0 8px #4f6bed2e}}.win-body{display:flex;gap:14px;padding:16px;background:linear-gradient(180deg,rgba(124,156,255,.06),transparent)}.mini-rail{display:flex;flex-direction:column;gap:9px;padding:9px 7px;border-radius:16px;background:#ffffff8c;border:1px solid var(--line);height:fit-content}.mini-rail span{width:26px;height:26px;border-radius:9px;background:#4f6bed1f}.mini-rail span.on{background:linear-gradient(135deg,var(--brand),var(--brand2));animation:railTool 10s steps(1) infinite}@keyframes railTool{0%{transform:translateY(0)}25%{transform:translateY(35px)}45%{transform:translateY(70px)}62%{transform:translateY(105px)}78%{transform:translateY(0)}}.paper{position:relative;flex:1;background:#fff;border-radius:10px;box-shadow:0 6px 24px #141e461f;padding:26px 26px 30px;min-height:380px;color:#0f172a;overflow:hidden}.p-title{position:relative;font-weight:800;font-size:22px;letter-spacing:-.02em;height:32px;margin-bottom:16px;white-space:nowrap}.p-title .old,.p-title .new{position:absolute;left:0;top:0}.p-title .old{animation:oldT 10s infinite}.p-title .new{overflow:hidden;width:0;animation:newT 10s infinite;color:#1e3a8a}@keyframes oldT{0%,14%{opacity:1;background:transparent}15%,19%{opacity:1;background:#4f6bed40}20%,to{opacity:0}}@keyframes newT{0%,20%{width:0}32%,96%{width:210px}to{width:0}}.p-title .new{animation-timing-function:steps(16,end)}.caret{position:absolute;top:2px;width:2px;height:26px;background:var(--brand);animation:caretM 10s infinite,blink .7s steps(1) infinite}@keyframes caretM{0%,20%{left:128px;opacity:0}20.5%{left:0;opacity:1}32%{left:206px;opacity:1}38%,to{left:206px;opacity:0}}@keyframes blink{50%{background:transparent}}.p-line{height:9px;border-radius:9px;background:#e6e9f3;margin:11px 0;position:relative}.w50{width:50%}.w60{width:60%}.w70{width:70%}.w80{width:80%}.w85{width:85%}.w90{width:90%}.w95{width:95%}.p-line.hl em{position:absolute;left:-3px;top:-5px;bottom:-5px;width:0;border-radius:4px;background:#ffd400;opacity:.5;animation:hlS 10s infinite}@keyframes hlS{0%,36%{width:0}46%,96%{width:calc(100% + 6px)}to{width:0}}.p-box{display:flex;justify-content:space-between;margin:18px 0;padding:12px 14px;border-radius:10px;background:#f2f4fb;font-size:13px}.p-box span{color:#64708a}.sig{position:absolute;left:24px;bottom:22px;width:190px;height:60px;fill:none;stroke:#1d4ed8;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:640;stroke-dashoffset:640;animation:sigD 10s infinite}@keyframes sigD{0%,48%{stroke-dashoffset:640}64%,96%{stroke-dashoffset:0}to{stroke-dashoffset:640}}.stamp{position:absolute;right:26px;bottom:30px;font-weight:800;letter-spacing:.14em;font-size:13px;color:#14967a;border:2.5px solid #14967a;border-radius:8px;padding:6px 12px;transform:rotate(-9deg) scale(0);opacity:0;animation:stampP 10s infinite}@keyframes stampP{0%,66%{transform:rotate(-9deg) scale(2.2);opacity:0}70%{transform:rotate(-9deg) scale(.9);opacity:.95}72%,96%{transform:rotate(-9deg) scale(1);opacity:.9}to{opacity:0}}.cursor{position:absolute;width:18px;height:18px;left:0;top:0;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 3l14 8-6 1.6L10 19z' fill='%230f172a' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");animation:cur 10s infinite;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}@keyframes cur{0%{transform:translate(300px,300px)}12%,19%{transform:translate(110px,30px)}32%{transform:translate(220px,40px)}38%{transform:translate(40px,108px)}46%{transform:translate(260px,108px)}50%{transform:translate(40px,330px)}64%{transform:translate(210px,320px)}68%,72%{transform:translate(320px,330px)}84%{transform:translate(380px,-30px)}to{transform:translate(300px,300px)}}.float{position:absolute;display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;padding:10px 16px 10px 10px;border-radius:999px;background:var(--card);backdrop-filter:blur(14px);border:1px solid var(--line);box-shadow:var(--shadow);opacity:0;animation:pop 10s infinite}.float span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:#fff;font-size:13px}.f1{left:-28px;top:70px;animation-delay:0s}.f1 span{background:linear-gradient(135deg,#7c9cff,#4f6bed)}.f2{right:-20px;top:46%}.f2 span{background:linear-gradient(135deg,#ff8fb1,#df4f86)}.f3{left:22%;bottom:-18px}.f3 span{background:linear-gradient(135deg,#5fd9b6,#21a383)}.f1{animation-name:pop1}.f2{animation-name:pop2}.f3{animation-name:pop3}@keyframes pop1{0%,30%{opacity:0;transform:translateY(10px) scale(.9)}34%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes pop2{0%,62%{opacity:0;transform:translateY(10px) scale(.9)}66%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes pop3{0%,82%{opacity:0;transform:translateY(10px) scale(.9)}86%,94%{opacity:1;transform:none}to{opacity:0}}.strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:30px 0 20px}.strip div{text-align:center;padding:22px 10px;border-radius:24px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(12px)}.strip b{display:block;font-size:38px;letter-spacing:-.03em;background:linear-gradient(120deg,var(--brand),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.strip span{color:var(--muted);font-weight:500;font-size:14px}.sec{padding:90px 0 30px}h2{font-size:clamp(30px,4.2vw,46px);line-height:1.1;letter-spacing:-.035em;margin:0 0 36px;font-weight:800}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{padding:24px;border-radius:26px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(12px);transition:transform .35s cubic-bezier(.2,1.2,.4,1),box-shadow .35s}.card:hover{transform:translateY(-6px);box-shadow:0 22px 50px #28328229}.card h3{margin:14px 0 6px;font-size:17.5px;letter-spacing:-.01em}.card p{margin:0;color:var(--muted);font-size:14.5px}.ic{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;color:#fff;position:relative;box-shadow:0 10px 22px #4f6bed40}.ic:after{content:"";position:absolute;left:10px;top:7px;width:14px;height:8px;border-radius:50%;background:#ffffff80;transform:rotate(-30deg)}.ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.c1,.c5{background:linear-gradient(135deg,#8aa6ff,#4f6bed)}.c2,.c6{background:linear-gradient(135deg,#ff9ebd,#df4f86)}.c3,.c7{background:linear-gradient(135deg,#6ee2c0,#21a383)}.c4,.c8{background:linear-gradient(135deg,#a48cff,#7c5cf0)}.how .steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:s}.steps li{position:relative;padding:28px 24px;border-radius:28px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow)}.steps .num{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;font-weight:800;font-size:19px;color:#fff;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.6),transparent 32%),linear-gradient(135deg,var(--brand),var(--brand2));animation:bob 3.6s ease-in-out infinite}.steps li:nth-child(2) .num{animation-delay:.4s;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.6),transparent 32%),linear-gradient(135deg,#ff8fb1,#df4f86)}.steps li:nth-child(3) .num{animation-delay:.8s;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.6),transparent 32%),linear-gradient(135deg,#5fd9b6,#21a383)}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.steps h3{margin:16px 0 6px;font-size:19px}.steps p{margin:0;color:var(--muted)}.formats{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.chips{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;padding:30px;border-radius:30px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow)}.chips span{padding:10px 16px;border-radius:999px;font-weight:700;font-size:14px}.chips .in{background:#4f6bed1a;color:var(--brand)}.chips .out{background:#14967a1f;color:var(--mint)}.chips .arrow{font-size:26px;color:var(--muted);padding:0 4px;animation:nudge 1.6s ease-in-out infinite}@keyframes nudge{50%{transform:translate(6px)}}.privacy{text-align:center;max-width:760px;margin:0 auto}.privacy .lead{margin:0 auto}.privacy h2{margin-bottom:14px}.lock{width:74px;height:74px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;color:#fff;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.6),transparent 32%),linear-gradient(135deg,#5fd9b6,#21a383);box-shadow:0 14px 34px #14967a4d;animation:bob 4s ease-in-out infinite}.lock svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.faq{max-width:820px;margin:0 auto}.faq details{border-radius:20px;background:var(--card);border:1px solid var(--line);margin:0 0 10px;padding:4px 20px;transition:.2s}.faq details[open]{box-shadow:var(--shadow)}.faq summary{cursor:pointer;font-weight:700;padding:14px 0;list-style:none;display:flex;justify-content:space-between;gap:10px}.faq summary:after{content:"+";font-size:22px;line-height:1;color:var(--brand);transition:.25s}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{margin:0 0 16px;color:var(--muted)}.final-in{text-align:center;padding:60px 20px;border-radius:40px;background:linear-gradient(135deg,#7c9cff2e,#ff8fb124 60%,#5fd9b624);border:1px solid var(--line);position:relative;overflow:hidden}.final-logo{width:84px;height:84px;animation:bob 3.4s ease-in-out infinite}.final h2{margin:14px 0 8px}.final .lead{margin:0 auto 26px}.foot{max-width:1160px;margin:60px auto 0;padding:30px 20px 40px;display:flex;gap:20px;justify-content:space-between;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line)}.foot p{margin:6px 0 0;font-size:14px}.pby{display:inline-flex;align-items:center;gap:10px;padding:7px 16px 7px 7px;border-radius:999px;text-decoration:none;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);transition:.25s}.pby:hover{transform:translateY(-2px);border-color:#4f6bed66}.pby img{width:34px;height:34px;border-radius:10px;display:block}.pby span{display:flex;flex-direction:column;line-height:1.1}.pby small{font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.02em}.pby b{font-size:16px;font-weight:800;color:var(--ink)}.rv{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}.rv.in{opacity:1;transform:none}@media (max-width:980px){.hero{grid-template-columns:1fr;min-height:0;padding-top:30px}.demo{max-width:560px;margin:0 auto}.grid{grid-template-columns:repeat(2,1fr)}.formats{grid-template-columns:1fr}}@media (max-width:640px){.f1{top:-16px;left:8px}.f2{top:auto;bottom:60px}.links{display:none}.nav{margin:10px 10px 0}.brand{margin-right:auto}.strip{grid-template-columns:repeat(2,1fr)}.grid,.how .steps{grid-template-columns:1fr}.win{transform:none}.f1{left:-6px}.f2{right:-6px}.sec{padding:64px 0 20px}.paper{min-height:330px;padding:20px}.cursor{display:none}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}.p-title .old{opacity:0}.p-title .new{width:auto}.sig{stroke-dashoffset:0}.stamp{opacity:.9;transform:rotate(-9deg)}.float{opacity:1}}