*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
:root{--bg:#f5f6fb;--sf:#fff;--tx:#0f1226;--mu:#5d6380;--ln:#e3e6f2;--br:#2d5bff;--br2:#7a3cff;--ac:#ffc83d;--sh:0 14px 34px -16px rgba(30,40,110,.32)}
[data-t=dark]{--bg:#0a0c1a;--sf:#12152b;--tx:#eef0ff;--mu:#9aa1c6;--ln:#232847;--sh:0 14px 34px -16px #000}
body{font:16px/1.6 'DM Sans',system-ui,sans-serif;background:var(--bg);color:var(--tx);-webkit-font-smoothing:antialiased}
h1,h2,h3,.logo{font-family:Sora,'DM Sans',sans-serif;letter-spacing:-.02em;line-height:1.12}
a{color:inherit;text-decoration:none}.wrap{max-width:1180px;margin:auto;padding:0 20px}
:focus-visible{outline:3px solid var(--br);outline-offset:2px;border-radius:8px}
.hd{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--ln)}
.hd-in{display:flex;align-items:center;gap:18px;height:68px}.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px}
.logo svg{width:34px;height:34px}.nv{display:flex;gap:2px;margin-left:12px}.nv-i{position:relative}
.nv-b{background:none;border:0;font:600 15px 'DM Sans';color:var(--tx);padding:10px 14px;border-radius:10px;cursor:pointer}.nv-i:hover .nv-b{background:var(--sf)}
.mega{position:absolute;top:100%;left:0;min-width:300px;background:var(--sf);border:1px solid var(--ln);border-radius:16px;padding:10px;box-shadow:var(--sh);opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s}
.nv-i:hover .mega,.nv-i:focus-within .mega{opacity:1;visibility:visible;transform:none}
.mega a{display:flex;gap:10px;align-items:center;padding:9px 10px;border-radius:10px;font-weight:500}.mega a:hover{background:var(--bg)}.mega i{font-style:normal;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 15%,transparent);font-size:15px}
.hd-r{margin-left:auto;display:flex;gap:8px}.ib{width:42px;height:42px;border-radius:12px;border:1px solid var(--ln);background:var(--sf);color:var(--tx);cursor:pointer;font-size:18px}.ib:hover{border-color:var(--br)}#bg{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;padding:14px 26px;font:700 16px 'DM Sans';cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--br),var(--br2));box-shadow:0 12px 24px -12px var(--br);transition:transform .15s,box-shadow .15s;margin-top:14px}
.btn:hover{transform:translateY(-2px)}.btn:active{transform:none}.btn:disabled{opacity:.45;pointer-events:none}.btn.s{background:var(--sf);color:var(--tx);border:1px solid var(--ln);box-shadow:none;padding:11px 18px;font-size:15px;margin:14px 8px 0 0}
.hero{padding:70px 0 40px;position:relative;overflow:hidden}.hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center}
h1{font-size:clamp(38px,5.6vw,66px);font-weight:800}.hl{display:block;overflow:hidden}.hl>span{display:block;animation:up .8s cubic-bezier(.2,.8,.2,1) both}.hl:nth-child(2)>span{animation-delay:.12s}.hl:nth-child(3)>span{animation-delay:.24s}
@keyframes up{from{transform:translateY(105%)}}
.rot{display:inline-block;color:var(--br);position:relative}.rot.o{animation:rf .35s}@keyframes rf{0%{opacity:0;transform:translateY(14px)}}
.sub{font-size:19px;color:var(--mu);max-width:520px;margin:20px 0 28px}
.sb{display:flex;background:var(--sf);border:2px solid var(--ln);border-radius:18px;padding:6px;max-width:560px;box-shadow:var(--sh);transition:border-color .2s}.sb:focus-within{border-color:var(--br)}
.sb input{flex:1;border:0;background:none;font:500 17px 'DM Sans';padding:12px 16px;color:var(--tx);min-width:0}.sb input:focus{outline:0}.sb .btn{margin:0;padding:12px 24px}
.fl-wrap{position:relative;height:430px}.ft{position:absolute;background:var(--sf);border:1px solid var(--ln);border-radius:20px;padding:16px 18px;display:flex;gap:12px;align-items:center;box-shadow:var(--sh);font-weight:700;animation:fy 6s ease-in-out infinite}
.ft i{font-style:normal;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:22px;background:color-mix(in srgb,var(--c) 16%,transparent)}.ft small{display:block;color:var(--mu);font-weight:500}
@keyframes fy{50%{transform:translateY(-16px) rotate(1deg)}}
.blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.35;z-index:-1}
.cats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:30px 0 10px}
.cat{background:var(--sf);border:1px solid var(--ln);border-radius:20px;padding:22px;transition:.2s;border-top:4px solid var(--c)}.cat:hover{transform:translateY(-6px);box-shadow:var(--sh)}
.cat small{color:var(--c);font-weight:700}.cat h3{font-size:19px;margin:4px 0 6px}.cat p{color:var(--mu);font-size:14px}
.stats-s{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:50px 0;text-align:center}.stats-s div{padding:24px;border-radius:20px;background:linear-gradient(135deg,var(--br),var(--br2));color:#fff}.stats-s b{display:block;font:800 40px Sora}
section.s{padding:50px 0}.sh{text-align:center;margin-bottom:26px}.sh h2{font-size:clamp(28px,3.6vw,40px);font-weight:800}.sh p{color:var(--mu);margin-top:8px}
.tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:26px}.tabs button{border:1px solid var(--ln);background:var(--sf);color:var(--tx);padding:10px 20px;border-radius:99px;font:600 15px 'DM Sans';cursor:pointer;transition:.15s}.tabs .on{background:var(--tx);color:var(--bg);border-color:var(--tx)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}
.tile{display:flex;gap:14px;align-items:center;background:var(--sf);border:1px solid var(--ln);border-radius:18px;padding:16px;transition:.18s;animation:pop .35s both}@keyframes pop{from{opacity:0;transform:scale(.95)}}
.tile:hover{border-color:var(--c);transform:translateY(-4px);box-shadow:var(--sh)}.tile i{font-style:normal;flex:none;width:52px;height:52px;border-radius:15px;display:grid;place-items:center;font-size:24px;background:color-mix(in srgb,var(--c) 15%,transparent)}
.tile b{display:block;font-weight:700}.tile small{color:var(--mu);line-height:1.35;display:block}
.feat{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.fc{border-radius:24px;padding:26px;color:#fff;min-height:210px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(160deg,var(--c),color-mix(in srgb,var(--c) 40%,#0b0d22));transition:.2s;position:relative;overflow:hidden}.fc:hover{transform:translateY(-6px) scale(1.01)}
.fc i{font-style:normal;font-size:46px;position:absolute;top:18px;right:20px;opacity:.9}.fc b{font:700 21px Sora}.fc span{opacity:.88;font-size:14px;margin-top:4px}
.priv{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;background:var(--sf);border:1px solid var(--ln);border-radius:28px;padding:44px}.priv ul{list-style:none;padding:0;display:grid;gap:14px}.priv li{display:flex;gap:12px}.priv li:before{content:'✓';flex:none;width:26px;height:26px;border-radius:50%;background:var(--br);color:#fff;display:grid;place-items:center;font-size:14px;font-weight:700}
.crumb{color:var(--mu);font-size:14px;padding:26px 0 8px}.crumb a:hover{color:var(--br)}
.th{text-align:center;padding:10px 0 26px}.th h1{font-size:clamp(32px,4.4vw,50px)}.th p{color:var(--mu);font-size:18px;margin-top:10px}
.card{max-width:780px;margin:0 auto;background:var(--sf);border:1px solid var(--ln);border-radius:26px;padding:28px;box-shadow:var(--sh)}
.dz{border:2px dashed color-mix(in srgb,var(--br) 45%,var(--ln));border-radius:20px;padding:46px 20px;text-align:center;cursor:pointer;display:grid;gap:6px;background:color-mix(in srgb,var(--br) 4%,transparent);transition:.2s}.dz:hover,.dz.on{border-color:var(--br);background:color-mix(in srgb,var(--br) 9%,transparent);transform:scale(1.01)}.dz b{font:700 21px Sora}.dz span,.dz em{color:var(--mu);font-style:normal}.dz.has{padding:20px}.dz.has b,.dz.has span{display:none}
textarea,input:not([type]),input[type=number],input[type=datetime-local],select{width:100%;border:1px solid var(--ln);background:var(--bg);color:var(--tx);border-radius:14px;padding:13px 15px;font:500 16px 'DM Sans';margin-top:10px}textarea:focus,input:focus,select:focus{outline:2px solid var(--br);border-color:transparent}
label{display:block;font-weight:600;margin-top:16px}.ck{display:flex;gap:8px;align-items:center}.ck input{width:auto;margin:0}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}input[type=range]{width:calc(100% - 50px);vertical-align:middle;accent-color:var(--br)}
.fl{padding-left:22px;margin-top:14px}.fl small{color:var(--mu)}.out{margin-top:18px;text-align:center}.out img{max-width:100%;max-height:340px;border-radius:14px;border:1px solid var(--ln)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.stats div{background:var(--bg);border-radius:14px;padding:14px;text-align:center;color:var(--mu);font-size:14px}.stats b{display:block;font:800 26px Sora;color:var(--tx)}
.res{margin-top:14px;padding:16px;background:var(--bg);border-radius:14px;word-break:break-all}.mono{font:600 20px ui-monospace,monospace}.err{color:#e5484d;margin-top:10px;font-weight:600}.qr{display:grid;place-items:center;padding:16px}.qr img,.qr canvas{border:10px solid #fff;border-radius:8px}
.steps{display:grid;gap:12px}.seo{color:var(--mu)}
.sm{position:fixed;inset:0;z-index:90;background:rgba(8,10,28,.55);backdrop-filter:blur(5px);display:none;padding:12vh 16px}.sm.on{display:block}.sm>div{max-width:620px;margin:auto;background:var(--sf);border-radius:22px;padding:14px;border:1px solid var(--ln);animation:pop .2s both}.sm input{margin:0;font-size:18px}#sr{max-height:50vh;overflow:auto;margin-top:8px;display:grid;gap:4px}#sr a{display:flex;gap:12px;padding:10px;border-radius:12px;align-items:center}#sr a:hover,#sr a:focus{background:var(--bg)}#sr small{color:var(--mu);display:block}
.ft2{margin-top:70px;border-top:1px solid var(--ln);background:var(--sf);padding:44px 0 26px}.fg{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}.fg h4{margin-bottom:10px}.fg a{display:block;color:var(--mu);padding:3px 0}.fg a:hover{color:var(--br)}.fg p{color:var(--mu);max-width:320px;margin-top:12px}.cp{margin-top:30px;color:var(--mu);font-size:14px;border-top:1px solid var(--ln);padding-top:18px}
.pg{max-width:760px;margin:30px auto}.pg h1{font-size:40px;margin-bottom:18px}.pg h2{font-size:22px;margin:26px 0 8px}.pg p,.pg li{color:var(--mu);margin-bottom:10px}.pg ul{padding-left:20px}
@media(max-width:960px){.hero .wrap{grid-template-columns:1fr}.fl-wrap{display:none}.cats{grid-template-columns:repeat(2,1fr)}.feat{grid-template-columns:repeat(2,1fr)}.priv,.fg{grid-template-columns:1fr}.stats-s{grid-template-columns:repeat(2,1fr)}
#bg{display:block}.nv{display:none;position:absolute;top:68px;left:0;right:0;background:var(--sf);flex-direction:column;padding:10px 20px;border-bottom:1px solid var(--ln);max-height:75vh;overflow:auto;margin:0}.nv.on{display:flex}.mega{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;display:none}.nv-i.on .mega{display:block}}
@media(max-width:600px){.row,.feat{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.cats{grid-template-columns:1fr}.hero{padding-top:36px}.card{padding:18px}}
.dz svg{width:64px;height:64px;margin:0 auto 6px;padding:16px;border-radius:50%;background:linear-gradient(135deg,var(--br),var(--br2));stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;box-shadow:0 14px 26px -12px var(--br);transition:transform .25s}.dz:hover svg{transform:translateY(-5px)}
.up{display:inline-block;margin:10px auto 0;padding:13px 28px;border-radius:14px;background:var(--tx);color:var(--bg);font-weight:700;text-decoration:none}.dz.has svg,.dz.has .up{display:none}
.tnote{display:flex;gap:8px;align-items:center;justify-content:center;max-width:780px;margin:16px auto 0;color:var(--mu);font-size:14px;text-align:center;flex-wrap:wrap}.tnote svg{width:16px;height:16px;stroke:var(--mu);fill:none;stroke-width:2}.tnote a{color:var(--br);font-weight:600}
.share{display:flex;gap:8px;justify-content:center;align-items:center;margin-top:14px;color:var(--mu);font-size:14px;flex-wrap:wrap}.sb2{border:1px solid var(--ln);background:var(--sf);color:var(--tx);border-radius:99px;padding:6px 14px;font:600 13px 'DM Sans';cursor:pointer}.sb2:hover{border-color:var(--br);color:var(--br)}
.how{max-width:960px;margin:56px auto 0}.how .steps{grid-template-columns:repeat(3,1fr);gap:16px}.stp{position:relative;background:var(--sf);border:1px solid var(--ln);border-radius:22px;padding:26px;text-align:center;transition:.2s}.stp:hover{transform:translateY(-5px);box-shadow:var(--sh)}
.stp .ico{width:60px;height:60px;border-radius:18px;margin:0 auto 12px;display:grid;place-items:center;background:color-mix(in srgb,var(--br) 12%,transparent)}.stp svg{width:28px;height:28px;stroke:var(--br);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.stp small{display:block;color:var(--br);font-weight:700}.stp b{display:block;margin-top:4px;font-weight:600}.seo{text-align:center;max-width:680px;margin:26px auto 0}
.th h1{font-size:clamp(30px,4vw,44px)}.card .btn{width:100%;padding:17px;font-size:18px}.card .btn.s{width:auto}
@media(max-width:600px){.how .steps{grid-template-columns:1fr}}
.pv{max-height:190px;max-width:100%;border-radius:12px;margin-bottom:8px;border:1px solid var(--ln)}
#fin{text-align:center;padding:10px 0;animation:pop .3s both}#fin h2{font-size:26px}#fin img{max-width:100%;max-height:280px;border-radius:14px;border:1px solid var(--ln);margin-top:14px}#fin p{color:var(--mu);margin-top:10px}#fin .btns{display:flex;gap:8px;justify-content:center}#fin .btns .btn{margin-top:10px}
.ok{width:64px;height:64px;border-radius:50%;background:#12b76a;color:#fff;font-size:34px;display:grid;place-items:center;margin:0 auto 12px;box-shadow:0 14px 26px -12px #12b76a}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}