:root{--ink:#0f172a;--ink-soft:#475569;--ink-faint:#94a3b8;--bg:#fff;--bg-soft:#f6f7fc;--bg-accent:#eef2ff;--line:#e2e8f0;--brand:#4f46e5;--brand-dark:#4338ca;--brand-ink:#fff;--star:#f59e0b;--good:#16a34a;--bad:#dc2626;--dark:#10122b;--dark-2:#1a1d40;--dark-ink:#e2e5f7;--dark-faint:#8b90c0;--radius:14px;--shadow:0 1px 3px #0f172a14, 0 10px 30px #0f172a12;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}.container{max-width:1080px;margin:0 auto;padding:0 20px}.container.narrow{max-width:780px}h1,h2,h3{letter-spacing:-.02em;line-height:1.15}h1{margin:0 0 .5em;font-size:clamp(2rem,5vw,3.3rem);font-weight:800}h2{margin:2em 0 .6em;font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:800}h3{margin:1.6em 0 .5em;font-size:1.2rem}p{margin:0 0 1em}a{color:var(--brand)}img{max-width:100%}.grad-text{background:linear-gradient(100deg,#818cf8 0%,#c7b3ff 45%,#fbbf24 100%);color:#0000;background-clip:text}.site-header{z-index:50;backdrop-filter:blur(10px);background:#10122bd9;border-bottom:1px solid #ffffff14;position:sticky;top:0}.site-header .inner{justify-content:space-between;align-items:center;height:64px;display:flex}.logo{color:#fff;align-items:center;gap:8px;font-size:1.15rem;font-weight:800;text-decoration:none;display:flex}.logo svg{flex:none}.nav{align-items:center;gap:22px;display:flex}.nav a{color:var(--dark-ink);font-size:.95rem;font-weight:500;text-decoration:none}.nav a:hover{color:#fff}.nav a.btn-primary{color:var(--brand-ink)}.nav a.btn-primary:hover{color:var(--brand-ink);background:var(--brand-dark)}@media (width<=720px){.nav .hide-mobile{display:none}}.btn{cursor:pointer;border:1px solid #0000;border-radius:11px;padding:12px 22px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .15s;display:inline-block}.btn-primary{color:var(--brand-ink);background:linear-gradient(135deg,#4f46e5 0%,#6d5ef0 100%);box-shadow:0 4px 18px #4f46e559}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-ghost{border-color:var(--line);color:var(--ink);background:var(--bg)}.btn-ghost:hover{border-color:var(--ink-faint)}.btn-ghost-dark{color:#fff;background:0 0;border-color:#ffffff40}.btn-ghost-dark:hover{border-color:#fff9}.btn-lg{padding:15px 30px;font-size:1.08rem}.hero-dark{background:radial-gradient(800px 420px at 15% -10%, #6366f159, transparent 60%), radial-gradient(700px 380px at 85% 0%, #f59e0b2e, transparent 60%), linear-gradient(180deg, var(--dark) 0%, var(--dark-2) 100%);color:#fff;padding:76px 0 90px;overflow:hidden}.hero-dark .eyebrow{color:#fde68a;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;margin-bottom:22px;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.hero-dark h1{color:#fff}.hero-dark .sub{color:var(--dark-ink);max-width:620px;margin:0 auto 12px;font-size:1.18rem}.hero-dark .cta-note{color:var(--dark-faint);margin-top:14px;font-size:.85rem}.hero-grid{text-align:left;grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}@media (width<=920px){.hero-grid{text-align:center;grid-template-columns:1fr}.hero-grid .hero-copy{margin:0 auto}}.demo-widget{color:var(--ink);text-align:left;background:#fff;border-radius:18px;padding:24px;box-shadow:0 30px 80px #00000073}.demo-widget .dw-title{margin-bottom:2px;font-size:1.02rem;font-weight:800}.demo-widget .dw-sub{color:var(--ink-faint);margin-bottom:14px;font-size:.82rem}.demo-widget textarea{border:1px solid var(--line);width:100%;min-height:88px;font-family:var(--font);resize:vertical;color:var(--ink);border-radius:10px;padding:12px 14px;font-size:.95rem}.demo-widget textarea:focus,.demo-widget select:focus{outline:2px solid var(--brand);border-color:var(--brand)}.demo-row{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.demo-row select{border:1px solid var(--line);min-width:130px;font-family:var(--font);color:var(--ink);background:#fff;border-radius:10px;flex:1;padding:10px 12px;font-size:.9rem}.demo-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#6d5ef0 100%);border:none;border-radius:11px;width:100%;margin-top:12px;padding:13px;font-size:1rem;font-weight:700;transition:filter .15s}.demo-btn:hover:not(:disabled){filter:brightness(1.1)}.demo-btn:disabled{opacity:.6;cursor:default}.demo-result{background:var(--bg-accent);border:1px solid #dfe3fb;border-radius:12px;margin-top:14px;padding:14px 16px;display:none}.demo-result.visible{animation:.25s rise;display:block}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.demo-result .label{text-transform:uppercase;letter-spacing:.07em;color:var(--brand-dark);margin-bottom:6px;font-size:.72rem;font-weight:800}.demo-result .text{white-space:pre-wrap;font-size:.95rem}.demo-result .after{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.demo-result .after .mini-cta{font-size:.85rem;font-weight:700}.demo-error{color:var(--bad);margin-top:10px;font-size:.86rem;display:none}.demo-chip{color:var(--ink-faint);border:1px dashed var(--line);cursor:pointer;border-radius:999px;margin:2px 4px 0 0;padding:3px 10px;font-size:.78rem;display:inline-block}.demo-chip:hover{color:var(--brand);border-color:var(--brand)}.trust-band{background:var(--dark-2);color:var(--dark-faint);border-top:1px solid #ffffff0f;padding:18px 0}.trust-band .items{flex-wrap:wrap;justify-content:center;gap:34px;font-size:.9rem;display:flex}.trust-band b{color:var(--dark-ink)}.section{padding:64px 0}.section.alt{background:var(--bg-soft)}.section.dark{background:linear-gradient(180deg, var(--dark) 0%, var(--dark-2) 100%);color:#fff}.section.dark h2{color:#fff}.section.dark p{color:var(--dark-ink)}.section-title{text-align:center;margin-top:0}.section-sub{text-align:center;color:var(--ink-soft);max-width:620px;margin:0 auto 42px}.section.dark .section-sub{color:var(--dark-faint)}.grid-3{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}@media (width<=860px){.grid-3,.grid-2{grid-template-columns:1fr}}.card{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px;transition:transform .15s,box-shadow .15s}a.card:hover{transform:translateY(-3px);box-shadow:0 6px 30px #4f46e524}.card h3{margin-top:0}.icon-chip{background:var(--chip-bg,var(--bg-accent));border-radius:13px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:14px;font-size:1.4rem;display:inline-flex}.icon-chip.amber{--chip-bg:#fef3c7}.icon-chip.green{--chip-bg:#dcfce7}.icon-chip.rose{--chip-bg:#ffe4e6}.step-num{color:#fff;background:linear-gradient(135deg,#4f46e5,#6d5ef0);border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:12px;font-size:1rem;font-weight:800;display:inline-flex}.review-card{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);text-align:left;box-shadow:var(--shadow);padding:20px 22px}.review-card .stars{color:var(--star);letter-spacing:2px;font-size:.95rem}.review-card .author{font-size:.92rem;font-weight:600}.review-card .meta{color:var(--ink-faint);font-size:.8rem}.review-card blockquote{color:var(--ink-soft);margin:10px 0 0;font-size:.95rem}.reply-card{background:var(--bg-accent);border-radius:var(--radius);margin-top:12px;padding:18px 20px;font-size:.95rem}.reply-card .label{text-transform:uppercase;letter-spacing:.06em;color:var(--brand-dark);margin-bottom:6px;font-size:.75rem;font-weight:700}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:22px;display:grid}@media (width<=860px){.pricing-grid{grid-template-columns:1fr}}.price-card{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;padding:30px;display:flex}.price-card.featured{border-color:var(--brand);border-width:2px;position:relative}.price-card .badge{color:#fff;background:linear-gradient(135deg,#4f46e5,#6d5ef0);border-radius:999px;padding:3px 14px;font-size:.78rem;font-weight:700;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.price-card .plan-name{margin:0;font-size:1.05rem;font-weight:700}.price-card .price{margin:8px 0 0;font-size:2.5rem;font-weight:800}.price-card .price span{color:var(--ink-faint);font-size:1rem;font-weight:500}.price-card .annual-note{color:var(--ink-faint);margin:2px 0 18px;font-size:.85rem}.price-card ul{flex:1;margin:0 0 24px;padding:0;list-style:none}.price-card li{padding:7px 0 7px 26px;font-size:.95rem;position:relative}.price-card li:before{content:"✓";color:var(--good);font-weight:700;position:absolute;left:0}.template-example{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);margin:18px 0;padding:20px 24px}.template-example .situation{color:var(--brand-dark);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:.85rem;font-weight:700}.template-example blockquote{border-left:3px solid var(--line);color:var(--ink-soft);margin:0 0 12px;padding:2px 0 2px 14px;font-size:.95rem;font-style:italic}.template-example .response{border:1px solid var(--line);background:#fff;border-radius:8px;padding:14px 16px;font-size:.96rem}.copy-btn{border:1px solid var(--line);cursor:pointer;color:var(--ink-soft);background:#fff;border-radius:8px;margin-top:10px;padding:6px 14px;font-size:.82rem}.copy-btn:hover{border-color:var(--brand);color:var(--brand)}.tool-box{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);max-width:720px;margin:0 auto;padding:28px}.tool-box label{margin:16px 0 6px;font-size:.9rem;font-weight:600;display:block}.tool-box input,.tool-box select,.tool-box textarea{border:1px solid var(--line);width:100%;font-family:var(--font);color:var(--ink);background:#fff;border-radius:8px;padding:11px 13px;font-size:.97rem}.tool-box textarea{resize:vertical;min-height:120px}.tool-box input:focus,.tool-box select:focus,.tool-box textarea:focus{outline:2px solid var(--brand);outline-offset:0;border-color:var(--brand)}.tool-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=640px){.tool-row{grid-template-columns:1fr}}.tool-result{margin-top:22px;display:none}.tool-result.visible{animation:.25s rise;display:block}.tool-result .reply-card{font-size:1rem}.tool-error{color:var(--bad);margin-top:12px;font-size:.9rem;display:none}.tool-note{color:var(--ink-faint);text-align:center;margin-top:14px;font-size:.85rem}.faq-item{border-bottom:1px solid var(--line);padding:4px 0}.faq-item summary{cursor:pointer;padding:14px 30px 14px 0;font-weight:600;list-style:none;position:relative}.faq-item summary:after{content:"+";color:var(--ink-faint);font-size:1.3rem;position:absolute;right:4px}.faq-item[open] summary:after{content:"–"}.faq-item .answer{color:var(--ink-soft);padding:0 0 16px}.prose{font-size:1.05rem}.prose h2{margin-top:1.6em}.prose ul,.prose ol{padding-left:24px}.prose li{margin-bottom:.4em}.prose .meta{color:var(--ink-faint);margin-bottom:2em;font-size:.9rem}.breadcrumbs{color:var(--ink-faint);margin:22px 0 0;font-size:.85rem}.breadcrumbs a{color:var(--ink-faint);text-decoration:none}.breadcrumbs a:hover{color:var(--brand)}.cta-band{background:radial-gradient(500px 260px at 20% 0%, #818cf859, transparent), linear-gradient(135deg, var(--brand) 0%, #6d28d9 100%);color:#fff;text-align:center;border-radius:20px;padding:64px 20px}.cta-band h2{color:#fff;margin:0 0 10px}.cta-band p{color:#d6dbff;max-width:520px;margin:0 auto 24px}.cta-band .btn{color:var(--brand-dark);background:#fff}.site-footer{background:var(--dark);color:var(--dark-ink);border-top:1px solid #ffffff14;padding:44px 0 60px}.site-footer .cols{grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;display:grid}@media (width<=860px){.site-footer .cols{grid-template-columns:1fr 1fr}}.site-footer h4{text-transform:uppercase;letter-spacing:.05em;color:var(--dark-faint);margin:0 0 12px;font-size:.85rem}.site-footer ul{margin:0;padding:0;list-style:none}.site-footer li{margin-bottom:8px}.site-footer a{color:var(--dark-ink);font-size:.93rem;text-decoration:none}.site-footer a:hover{color:#fff}.site-footer .brand-col p{color:var(--dark-faint);max-width:280px;font-size:.9rem}.site-footer .legal{color:var(--dark-faint);margin-top:30px;font-size:.82rem}.site-footer .logo{color:#fff}.text-center{text-align:center}.mt-0{margin-top:0}.pill-list{flex-wrap:wrap;gap:10px;margin:20px 0;padding:0;list-style:none;display:flex}.pill-list a{border:1px solid var(--line);color:var(--ink-soft);background:#fff;border-radius:999px;padding:8px 16px;font-size:.9rem;text-decoration:none;display:inline-block}.pill-list a:hover{border-color:var(--brand);color:var(--brand)}.hero{text-align:center;background:radial-gradient(600px 300px at 20% 0,#4f46e514,#0000),radial-gradient(600px 300px at 80% 10%,#f59e0b12,#0000);padding:72px 0 52px}.hero .eyebrow{background:var(--bg-accent);color:var(--brand-dark);border-radius:999px;margin-bottom:18px;padding:5px 14px;font-size:.85rem;font-weight:600;display:inline-block}.hero .sub{color:var(--ink-soft);max-width:640px;margin:0 auto 30px;font-size:1.2rem}.hero .cta-row,.hero-dark .cta-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.hero .cta-note{color:var(--ink-faint);margin-top:12px;font-size:.85rem}