:root{--bg:#f7f8fc;--surface:#fff;--surface2:#eef1ff;--text:#172033;--muted:#63708a;--brand:#6b4eff;--brand2:#19b8a5;--line:#dfe4ef;--danger:#c0392b;--shadow:0 18px 55px rgba(38,45,77,.12);--radius:18px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}body.dark{--bg:#0f1421;--surface:#171d2b;--surface2:#222a3d;--text:#f3f5fb;--muted:#aeb8ca;--line:#30394e;--shadow:0 18px 55px rgba(0,0,0,.28)}a{color:inherit;text-decoration:none}img,svg{max-width:100%}button,input,select,textarea{font:inherit}.container{width:min(var(--max),calc(100% - 32px));margin:auto}.announcement{background:#171b31;color:#fff;text-align:center;padding:9px;font-size:.9rem}.header{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{height:74px;display:flex;align-items:center;gap:26px}.logo{font-weight:900;font-size:1.28rem;letter-spacing:-.04em}.logo i{font-style:normal;color:var(--brand)}.navlinks{display:flex;align-items:center;gap:22px;margin-left:auto}.navlinks a{font-weight:650;color:var(--muted)}.navlinks a:hover,.navlinks a.active{color:var(--brand)}.actions{display:flex;gap:10px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:12px;padding:11px 17px;font-weight:750;cursor:pointer;transition:.2s}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(107,78,255,.28)}.btn-secondary{background:var(--surface);border-color:var(--line)}.iconbtn{width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:var(--surface);cursor:pointer}.menu-btn{display:none}.hero{padding:86px 0 64px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}.eyebrow{display:inline-flex;padding:7px 11px;border-radius:999px;background:var(--surface2);color:var(--brand);font-weight:800;font-size:.86rem}.hero h1,.page-hero h1{font-size:clamp(2.55rem,6vw,5rem);line-height:1.02;letter-spacing:-.055em;margin:18px 0}.gradient{background:linear-gradient(90deg,var(--brand),var(--brand2));-webkit-background-clip:text;color:transparent}.lead{font-size:1.16rem;color:var(--muted);max-width:680px}.hero-cta{display:flex;gap:12px;margin:26px 0;flex-wrap:wrap}.mini-list{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:.92rem}.mockup{background:linear-gradient(140deg,#1d2340,#4b37bd);padding:14px;border-radius:26px;box-shadow:var(--shadow);transform:rotate(1deg)}.mock-window{background:var(--surface);border-radius:17px;padding:18px}.mock-row{display:grid;grid-template-columns:80px 1fr;gap:16px}.mock-side{border-radius:12px;background:var(--surface2);min-height:330px}.mock-main .bar{height:12px;border-radius:10px;background:var(--line);margin:12px 0}.mock-main .bar:nth-child(2){width:70%}.mock-main .panel{height:170px;border-radius:15px;background:linear-gradient(135deg,var(--surface2),transparent);border:1px solid var(--line);margin-top:24px}.stats{padding:24px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat,.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.stat strong{display:block;font-size:1.8rem}.stat span,.muted{color:var(--muted)}section{padding:72px 0}.section-head{text-align:center;max-width:740px;margin:0 auto 36px}.section-head h2{font-size:clamp(2rem,4vw,3.25rem);line-height:1.1;letter-spacing:-.04em;margin:10px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.feature-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:var(--surface2);color:var(--brand);font-weight:900}.card h3{margin:15px 0 6px}.steps{counter-reset:s}.step{position:relative;padding-left:72px}.step:before{counter-increment:s;content:counter(s);position:absolute;left:0;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:white;font-weight:900}.generator-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:22px}.form-card,.output-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}label{font-weight:750;font-size:.92rem}input,select,textarea{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:11px;padding:12px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(107,78,255,.14)}textarea{min-height:100px;resize:vertical}.tool-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.output{min-height:400px;white-space:pre-wrap;background:var(--bg);border:1px dashed var(--line);border-radius:14px;padding:20px}.output-meta{display:flex;justify-content:space-between;color:var(--muted);margin-bottom:10px}.pricing-controls{text-align:center;margin-bottom:26px}.toggle{display:inline-flex;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:5px}.toggle button{border:0;background:transparent;padding:9px 16px;border-radius:999px;cursor:pointer}.toggle button.active{background:var(--brand);color:white}.price{font-size:2.6rem;font-weight:900}.price small{font-size:.9rem;color:var(--muted)}.popular{border-color:var(--brand);position:relative}.badge{display:inline-block;background:var(--brand);color:#fff;border-radius:999px;padding:5px 10px;font-size:.78rem;font-weight:800}.checklist{list-style:none;padding:0}.checklist li{margin:10px 0;color:var(--muted)}.checklist li:before{content:'✓';color:var(--brand2);font-weight:900;margin-right:8px}.faq-item{background:var(--surface);border:1px solid var(--line);border-radius:14px;margin:10px 0}.faq-q{width:100%;text-align:left;background:transparent;border:0;padding:18px;font-weight:800;color:var(--text);cursor:pointer}.faq-a{display:none;padding:0 18px 18px;color:var(--muted)}.faq-item.open .faq-a{display:block}.testimonial{display:none}.testimonial.active{display:block}.page-hero{padding:70px 0 34px;text-align:center}.page-hero h1{font-size:clamp(2.5rem,5vw,4rem)}.article{max-width:800px;margin:auto}.article h2{margin-top:36px}.article p{color:var(--muted)}.footer{background:#111629;color:#e9edfb;padding:62px 0 24px;margin-top:60px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:28px}.footer h4{margin-top:0}.footer a{display:block;color:#aeb8ca;margin:8px 0}.footer-bottom{border-top:1px solid #2c3449;margin-top:35px;padding-top:20px;color:#9aa4b8;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.toast{position:fixed;right:20px;bottom:20px;background:#111629;color:#fff;padding:13px 17px;border-radius:12px;transform:translateY(120px);opacity:0;transition:.25s;z-index:100}.toast.show{transform:none;opacity:1}.cookie{position:fixed;left:20px;bottom:20px;max-width:390px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);padding:18px;border-radius:16px;z-index:90}.backtop{position:fixed;right:20px;bottom:78px;display:none}.modal{position:fixed;inset:0;background:rgba(9,13,25,.65);display:none;place-items:center;z-index:110;padding:20px}.modal.open{display:grid}.modal-box{background:var(--surface);border-radius:20px;padding:26px;max-width:520px;width:100%}.auth{max-width:520px;margin:auto}.notice{padding:12px;border-radius:10px;background:var(--surface2);color:var(--muted)}.blog-card .thumb{height:170px;border-radius:14px;background:linear-gradient(135deg,var(--brand),var(--brand2));margin-bottom:16px}.comparison{width:100%;border-collapse:collapse;background:var(--surface);border-radius:15px;overflow:hidden}.comparison th,.comparison td{padding:15px;border-bottom:1px solid var(--line);text-align:left}.comparison th{background:var(--surface2)}
@media(max-width:900px){.navlinks{position:fixed;inset:74px 0 auto;background:var(--surface);padding:22px;display:none;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.navlinks.open{display:flex}.menu-btn{display:block}.nav .actions .btn-secondary{display:none}.hero-grid,.generator-wrap,.grid3,.footer-grid{grid-template-columns:1fr}.grid2{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.hero{padding-top:54px}.mockup{transform:none}.footer-grid{gap:12px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}
@media(max-width:560px){.stats-grid{grid-template-columns:1fr}.hero h1{font-size:2.7rem}.actions .btn-primary{display:none}.container{width:min(100% - 22px,var(--max))}section{padding:52px 0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}