@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}.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}}:root{--brand:#2046f5;--brand2:#ff3d8d;--dark:#17204f;--ink:#17204f;--muted:#68709a;--line:#c7cff9;--bg:#f1f4ff;font-family:DM Sans,sans-serif}body{color:var(--ink);background:#f1f4ff}.topbar{height:78px;color:var(--ink);border-bottom:3px solid var(--ink);background:#ffe84a}.brand{color:var(--ink)}.brand-mark{border:2px solid var(--ink);background:#fff;border-radius:50%}.brand b em{color:var(--brand)}.topbar nav a{color:#17204f}.top-cta,.primary{border:2px solid var(--ink);background:var(--brand);box-shadow:5px 5px 0 var(--ink);border-radius:14px}.hero{min-height:620px;color:var(--ink);background-color:#cfd8ff;background-image:radial-gradient(#2046f5 2px,#0000 2px);background-size:26px 26px;grid-template-columns:1fr 1fr}.hero h1,.section-title h2,.feature-section h2,.faq h2{letter-spacing:-.065em;font-family:Manrope}.hero h1 em{color:var(--brand2);-webkit-text-stroke:1px var(--ink);text-shadow:4px 4px #ffe84a}.hero p{color:#38436e}.eyebrow{color:var(--ink);border:2px solid var(--ink);background:#ffe84a;border-radius:999px;padding:7px 10px;display:inline-block}.hero-visual{border:3px solid var(--ink);aspect-ratio:1;min-height:0;box-shadow:18px 18px 0 var(--brand2);background:#fff;border-radius:50%;place-items:center;display:grid;transform:rotate(4deg)}.hero-visual:before,.visual-top{display:none}.privacy-bar{background:var(--ink);color:#dbe1ff}.privacy-bar b{color:#ffe84a}.tool-section{background:#f1f4ff}.section-title{text-align:left}.tool-card{border:3px solid var(--ink);background:#fff;border-radius:30px;box-shadow:12px 12px #ffe84a}.mode-list button{border-radius:14px!important}.calc-panel{border-radius:22px!important}.answer{transform:rotate(-1deg);border:3px solid var(--ink)!important;background:var(--brand2)!important;color:#fff!important;border-radius:22px!important}.answer span,.answer p{color:#fff!important}.field input{border:2px solid var(--ink);border-radius:12px}.feature-grid article{border:2px solid var(--ink);box-shadow:6px 6px 0 var(--brand);background:#fff;border-radius:22px}.feature-grid article:nth-child(2n){box-shadow:6px 6px 0 var(--brand2)}.legal article,.faq details{border:2px solid var(--ink);border-radius:18px}.site-footer{background:var(--ink)}@media (width<=900px){.hero{grid-template-columns:1fr}.hero-visual{display:none}.feature-grid{grid-template-columns:1fr 1fr}}@media (width<=650px){.feature-grid{grid-template-columns:1fr}}.calc-layout{grid-template-columns:300px 1fr;gap:20px;display:grid}.mode-list{gap:8px;display:grid}.mode-list button{border:1px solid var(--line);color:#5f6674;text-align:left;background:#fff;border-radius:9px;justify-content:space-between;padding:14px 15px;font-weight:700;display:flex}.mode-list button.active{background:var(--dark);border-color:var(--dark);color:#fff}.calc-panel{border:1px solid var(--line);background:#fafbfc;border-radius:13px;padding:35px}.direction{gap:8px;margin:4px 0 18px;display:flex}.direction button{border:1px solid var(--line);background:#fff;border-radius:8px;flex:1;padding:10px}.direction button.active{border-color:var(--brand);color:var(--brand);font-weight:700}.answer{background:var(--dark);color:#fff;border-radius:14px;margin:18px 0;padding:28px}.answer>span{letter-spacing:.13em;color:var(--brand2);font-size:10px}.answer strong{overflow-wrap:anywhere;margin:8px 0;font:800 clamp(34px,5vw,58px) Manrope;display:block}.answer p{color:#a6acb8;margin:0}.percent-visual{text-align:center;padding:30px}.percent-visual strong,.percent-visual b{color:var(--brand2);font:800 68px Manrope;display:block}.percent-visual span{color:#aeb4c0;font-size:20px}.percent-visual b{color:#fff;font-size:42px}@media (width<=800px){.calc-layout{grid-template-columns:1fr}.mode-list{grid-template-columns:1fr 1fr}}@media (width<=500px){.mode-list{grid-template-columns:1fr}.calc-panel{padding:20px}}.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}}