@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{--brand:#6d5dfc;--brand2:#9b8fff;--dark:#11131a;--ink:#171923;--muted:#697080;--line:#e5e8ed;--bg:#f4f5f8;color:var(--ink);background:var(--bg);font-synthesis:none;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none}.topbar{background:var(--dark);color:#fff;z-index:20;border-bottom:1px solid #292d37;justify-content:space-between;align-items:center;height:70px;padding:0 max(5vw,24px);display:flex;position:sticky;top:0}.brand{color:#fff;align-items:center;gap:10px;display:flex}.brand-mark{background:var(--brand);border-radius:10px;place-items:center;width:36px;height:36px;font:800 13px Manrope;display:grid}.brand b{font:800 17px Manrope}.brand b em{color:var(--brand2);font-style:normal}.topbar nav{gap:28px;display:flex}.topbar nav a{color:#a8aebb;font-size:14px}.topbar nav a:hover{color:#fff}.top-cta,.primary{background:var(--brand);color:#fff;border:0;border-radius:9px;justify-content:center;align-items:center;padding:12px 17px;font-weight:700;display:inline-flex}.hero{background:var(--dark);color:#fff;grid-template-columns:1.1fr .9fr;align-items:center;gap:8vw;min-height:480px;padding:80px max(7vw,28px);display:grid;overflow:hidden}.eyebrow{color:var(--brand2);letter-spacing:.14em;font-size:11px;font-weight:800}.hero h1,.section-title h2,.feature-section h2,.faq h2{letter-spacing:-.045em;margin:14px 0 20px;font:800 clamp(38px,5vw,68px)/1.04 Manrope}.hero h1 em{color:var(--brand2);font-style:normal}.hero p{color:#aab0bd;max-width:650px;margin:0 0 30px;font-size:18px;line-height:1.7}.hero-visual{background:linear-gradient(145deg,#272b36,#171a22);border:1px solid #353a46;border-radius:22px;min-height:300px;padding:28px;position:relative;box-shadow:0 35px 80px #07080b}.hero-visual:before{content:"";background:radial-gradient(circle,color-mix(in srgb,var(--brand),transparent 68%),transparent 63%);z-index:-1;position:absolute;inset:-80px}.visual-top{gap:7px;margin-bottom:28px;display:flex}.visual-top i{background:#f06d78;border-radius:50%;width:9px;height:9px}.visual-top i:nth-child(2){background:#efc75e}.visual-top i:nth-child(3){background:#69d8b0}.visual-content{gap:13px;display:grid}.visual-content span{background:#353a47;border-radius:7px;height:13px}.visual-content span:nth-child(2){width:72%}.visual-content strong{color:var(--brand2);margin-top:18px;font:800 32px Manrope}.privacy-bar{color:#aaaebb;text-align:center;background:#1a1d25;border-bottom:1px solid #2b2f39;padding:13px 24px;font-size:12px}.privacy-bar b{color:#e8e9ef}.tool-section{padding:90px max(4vw,22px)}.section-title{text-align:center;max-width:760px;margin:0 auto 45px}.section-title h2,.feature-section h2,.faq h2{font-size:clamp(32px,4vw,50px)}.section-title p{color:var(--muted);line-height:1.7}.tool-card{border:1px solid var(--line);background:#fff;border-radius:18px;max-width:1120px;margin:auto;padding:26px;box-shadow:0 16px 50px #191e2b12}.tool-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.panel{border:1px solid var(--line);background:#fafbfc;border-radius:13px;padding:22px}.panel h3{margin:0 0 18px;font:700 17px Manrope}.field{gap:7px;margin-bottom:14px;display:grid}.field span{color:#666e7d;font-size:12px;font-weight:700}.field input,.field select,.field textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #d8dce4;border-radius:8px;outline:0;padding:11px 12px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand),transparent 87%)}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.dropzone{text-align:center;color:#777e8d;background:#f8f9fb;border:2px dashed #ccd1da;border-radius:13px;place-items:center;min-height:180px;padding:25px;display:grid}.dropzone.dragging{border-color:var(--brand);background:color-mix(in srgb,var(--brand),white 94%)}.dropzone input{display:none}.dropzone b{color:var(--ink);margin-bottom:6px;display:block}.dropzone small{margin-top:7px;display:block}.secondary{color:var(--ink);background:#fff;border:1px solid #d7dae2;border-radius:9px;padding:11px 15px;font-weight:700}.button-row{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.button-row .primary{flex:1}.primary:disabled,.secondary:disabled{cursor:not-allowed;opacity:.48}.preview-box{background:repeating-conic-gradient(#f1f2f5 0 25%,#fff 0 50%) 0/22px 22px;border:1px solid var(--line);border-radius:12px;place-items:center;min-height:310px;display:grid;overflow:hidden}.preview-box img,.preview-box canvas{object-fit:contain;max-width:100%;max-height:440px}.empty-preview{text-align:center;color:#8a909c;padding:30px}.stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px;display:grid}.stats div{background:#f0f2f5;border-radius:8px;padding:11px}.stats small{color:#7c8390;text-transform:uppercase;letter-spacing:.06em;font-size:10px;display:block}.stats b{margin-top:4px;font-size:13px;display:block}.result-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:18px}.result-card+.result-card{margin-top:10px}.result-card h4{margin:0 0 8px}.result-card p{color:var(--muted);line-height:1.5}.feature-section,.faq,.legal{max-width:1400px;margin:auto;padding:90px max(7vw,28px)}.feature-section{text-align:center}.feature-grid{text-align:left;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:42px;display:grid}.feature-grid article{border:1px solid var(--line);background:#fff;border-radius:13px;padding:25px}.feature-grid b{color:var(--brand);font-size:11px}.feature-grid h3{margin:25px 0 9px;font:700 17px Manrope}.feature-grid p,.legal p{color:var(--muted);line-height:1.65}.faq{max-width:900px}.faq details{border:1px solid var(--line);background:#fff;border-radius:11px;margin:10px 0;padding:18px 20px}.faq summary{font-weight:700}.faq details p{color:var(--muted);line-height:1.6}.legal{grid-template-columns:repeat(2,1fr);gap:14px;padding-top:20px;display:grid}.legal article{border:1px solid var(--line);background:#fff;border-radius:13px;padding:25px}.legal h3{font:700 19px Manrope}.legal a{color:var(--brand);font-weight:700}.site-footer{background:var(--dark);color:#fff;grid-template-columns:1fr 1fr;gap:24px;padding:55px max(7vw,28px);display:grid}.site-footer p,.site-footer small{color:#8f96a4}.site-footer nav{flex-wrap:wrap;justify-content:flex-end;gap:18px;display:flex}.site-footer nav a{color:#aeb4bf;font-size:13px}.site-footer small{border-top:1px solid #2a2e38;grid-column:1/-1;padding-top:22px}.notice{background:color-mix(in srgb,var(--brand),white 92%);color:#514b67;border-radius:9px;padding:12px 14px;font-size:12px;line-height:1.55}.error{color:#a44955;background:#fff0f1}.success{color:#26735c;background:#ebfaf4}.hidden{display:none!important}.range-row{align-items:center;gap:12px;display:flex}.range-row input{flex:1}.range-row output{min-width:50px;color:var(--brand);font-weight:700}@media (width<=900px){.tool-grid,.hero{grid-template-columns:1fr}.hero-visual{display:none}.feature-grid{grid-template-columns:1fr 1fr}}@media (width<=650px){.topbar nav{display:none}.top-cta{padding:9px 12px}.tool-card{padding:14px}.panel{padding:16px}.field-row,.feature-grid,.legal,.stats,.site-footer{grid-template-columns:1fr}.site-footer nav{justify-content:flex-start}.site-footer small{grid-column:1}.hero{padding-top:60px}}.ad-demo-wrap,.ad-live-wrap{width:min(100% - 32px,1050px);margin:34px auto}.ad-demo-slot{color:#747b88;text-align:center;background:repeating-linear-gradient(-45deg,#f5f6f8,#f5f6f8 10px,#eef0f3 10px 20px);border:1px dashed #c9ced7;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:112px;padding:20px;display:flex}.ad-demo-slot span,.ad-label{color:#9298a3;letter-spacing:.16em;font-size:9px;font-weight:800}.ad-demo-slot strong{color:#4f5664;font-size:15px}.ad-demo-slot small{font-size:11px}.ad-live-wrap{text-align:center;min-height:90px}.ad-label{margin-bottom:5px;display:block}@media (width<=600px){.ad-demo-wrap,.ad-live-wrap{width:min(100% - 20px,1050px);margin:24px auto}.ad-demo-slot{min-height:96px}}@media print{.ad-demo-wrap,.ad-live-wrap{display:none!important}}