:root{--background:#f8fafc;--foreground:#0f172a;--muted:#475569;--soft:#64748b;--border:#e2e8f0;--brand:#2563eb;--brand-dark:#1d4ed8;--brand-soft:#eff6ff}html{scroll-behavior:smooth}body{background:var(--background);min-height:100vh;color:var(--foreground);margin:0;font-family:Arial,Helvetica,sans-serif}button,a,input{outline-offset:3px}a{color:inherit;text-decoration:none}button,input{font:inherit}::selection{color:#0f172a;background:#bfdbfe}.site-header{border-bottom:1px solid var(--border);z-index:20;background:#f8fafceb;justify-content:space-between;align-items:center;gap:24px;padding:16px max(24px,50vw - 590px);display:flex;position:sticky;top:0;left:0;right:0}.brand{align-items:center;gap:12px;min-width:max-content;display:inline-flex}.brand>span{background:var(--brand);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:800;display:inline-flex}.brand strong,.site-footer strong{font-size:17px;line-height:1.1;display:block}.brand small{color:var(--soft);margin-top:3px;font-size:12px;display:block}.site-header nav{align-items:center;gap:22px;display:flex}.site-header nav a,.site-footer a{color:var(--muted);font-size:14px}.site-header nav a:hover,.site-footer a:hover{color:var(--brand-dark)}.header-cta,.section-heading>a,.pack-copy>a,.preview-actions a,.preview-actions button,.generator-panel button:not(.example-button),.content-card a{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;font-weight:700;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.header-cta,.generator-panel button:not(.example-button),.pack-copy>a,.preview-actions button{background:var(--brand);color:#fff}.header-cta{white-space:nowrap;padding:11px 16px;font-size:14px}.header-cta:hover,.generator-panel button:not(.example-button):hover,.pack-copy>a:hover,.preview-actions button:hover{background:var(--brand-dark)}.hero-section{padding:76px max(24px,50vw - 590px) 48px}.hero-grid{grid-template-columns:minmax(0,1.04fr) minmax(380px,.96fr);align-items:start;gap:38px;display:grid}.hero-copy h1{letter-spacing:0;max-width:840px;margin:18px 0 20px;font-size:clamp(42px,7vw,76px);line-height:.98}.eyebrow,.section-kicker,.preview-header span,.preview-section span,.template-card span,.price-card>span{color:var(--brand-dark);letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:800}.eyebrow{background:var(--brand-soft);text-transform:none;border:1px solid #bfdbfe;border-radius:999px;padding:8px 12px;display:inline-flex}.hero-subtitle{color:var(--muted);max-width:760px;margin:0;font-size:20px;line-height:1.65}.generator-panel{max-width:780px;margin-top:32px}.generator-panel label{color:var(--foreground);margin-bottom:10px;font-size:14px;font-weight:800;display:block}.input-row{border:1px solid var(--border);background:#fff;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:8px;display:grid}.input-row input{color:var(--foreground);border:0;min-width:0;padding:0 12px;font-size:16px}.input-row input::placeholder{color:#94a3b8}.input-row button{white-space:nowrap;min-height:48px;padding:0 18px}.example-row{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.example-button{color:#9a3412;cursor:pointer;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;padding:9px 12px;font-size:13px;font-weight:700}.example-button:hover{background:#ffedd5}.preview-card{border:1px solid var(--border);background:#fff;border-radius:8px;gap:18px;padding:22px;display:grid;box-shadow:0 18px 60px #0f172a14}.preview-header{border-bottom:1px solid var(--border);gap:6px;padding-bottom:18px;display:grid}.preview-header strong{font-size:24px;line-height:1.2}.preview-section{border-left:3px solid #c7d2fe;padding-left:14px}.preview-section.accent-emerald{border-left-color:#10b981}.preview-section p,.preview-section li{color:var(--muted);font-size:14px;line-height:1.68}.preview-section p{margin:7px 0 0}.preview-section ol{margin:8px 0 0;padding-left:18px}.preview-actions{flex-wrap:wrap;gap:10px;display:flex}.preview-actions button,.preview-actions a{border:1px solid var(--border);min-height:42px;padding:0 14px}.preview-actions a,.preview-actions .secondary-action{color:var(--foreground);background:#fff}.preview-actions a:hover,.preview-actions .secondary-action:hover{color:var(--brand-dark);border-color:#93c5fd}.copy-note{color:#9a3412;margin:-4px 0 0;font-size:13px;line-height:1.5}.section{padding:54px max(24px,50vw - 590px)}.section.narrow{padding-top:24px}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;display:flex}.section-heading h2,.pack-copy h2{letter-spacing:0;margin:8px 0 12px;font-size:clamp(30px,4vw,44px);line-height:1.05}.section-heading p,.pack-copy p,.site-footer p{color:var(--muted);max-width:720px;margin:0;line-height:1.65}.section-heading>a{border:1px solid var(--border);color:var(--foreground);background:#fff;min-width:max-content;padding:12px 16px}.section-heading>a:hover{color:var(--brand-dark);border-color:#93c5fd}.value-grid,.card-grid{gap:16px;display:grid}.value-grid,.tools-grid,.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.value-card,.content-card{border:1px solid var(--border);background:#fff;border-radius:8px;padding:22px}.value-card span{color:#047857;background:#ecfdf5;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800;display:inline-flex}.value-card h2,.content-card h3{letter-spacing:0;margin:18px 0 10px;font-size:20px;line-height:1.2}.content-card h3{margin-top:0}.value-card p,.content-card p,.faq-list p{color:var(--muted);margin:0;font-size:15px;line-height:1.65}.content-card a{color:var(--brand-dark);margin-top:20px}.content-card a:hover{color:#0f172a}.template-card span{color:#9a3412}.pack-section{background:#eef2ff;grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:center;gap:34px;margin:54px max(24px,50vw - 590px);padding:42px;display:grid}.pack-copy>a{min-height:48px;margin-top:24px;padding:0 18px}.price-card{background:#fff;border:1px solid #c7d2fe;border-radius:8px;padding:26px}.price-card h3{margin:14px 0;font-size:24px;line-height:1.18}.price-card strong{font-size:54px;line-height:1;display:block}.price-card small{color:var(--soft);margin-top:5px;display:block}.price-card ul{border-top:1px solid var(--border);color:var(--muted);gap:10px;margin:22px 0 0;padding:22px 0 0;line-height:1.5;list-style:none;display:grid}.price-card li:before{color:#059669;content:"Included: ";font-weight:800}.faq-section{padding-top:36px}.faq-list{gap:12px;display:grid}.faq-list details{border:1px solid var(--border);background:#fff;border-radius:8px;padding:18px 20px}.faq-list summary{color:var(--foreground);cursor:pointer;font-weight:800}.faq-list p{margin-top:12px}.site-footer{border-top:1px solid var(--border);grid-template-columns:1.4fr repeat(3,1fr);gap:28px;margin-top:40px;padding:42px max(24px,50vw - 590px);display:grid}.site-footer div{gap:10px;display:grid}.site-footer span{color:var(--foreground);font-size:14px;font-weight:800}.tool-page{gap:42px;display:grid}.tool-hero{grid-template-columns:minmax(0,1fr) 320px;align-items:end;gap:24px;padding:58px max(24px,50vw - 590px) 18px;display:grid}.tool-hero h1{letter-spacing:0;margin:10px 0 16px;font-size:clamp(38px,6vw,68px);line-height:1}.tool-hero p,.tool-hero aside span,.tool-support-grid p,.tool-support-grid li,.tool-output-section p,.tool-output-section li{color:var(--muted);line-height:1.65}.tool-hero>div>p:last-child{max-width:760px;font-size:19px}.tool-hero aside,.tool-form,.tool-output,.tool-support-grid>div{border:1px solid var(--border);background:#fff;border-radius:8px}.tool-hero aside{gap:8px;padding:20px;display:grid}.tool-workbench{grid-template-columns:minmax(330px,.88fr) minmax(0,1.12fr);align-items:start;gap:22px;padding:0 max(24px,50vw - 590px);display:grid}.tool-form,.tool-output{padding:24px}.tool-form-header h2,.tool-output-header h2{margin:8px 0 0;font-size:28px;line-height:1.1}.preset-row{flex-wrap:wrap;gap:10px;margin:18px 0 20px;display:flex}.tool-field-grid{gap:14px;display:grid}.tool-field{gap:8px;display:grid}.tool-field span{color:var(--foreground);justify-content:space-between;align-items:center;font-size:14px;font-weight:800;display:flex}.tool-field em{color:var(--soft);font-size:11px;font-style:normal;font-weight:700}.tool-field input,.tool-field select{border:1px solid var(--border);color:var(--foreground);background:#fff;border-radius:8px;min-height:44px;padding:0 12px}.tool-field small{color:#b91c1c;line-height:1.4}.tool-generate,.tool-output-header button,.tool-output-section button,.tool-pack-banner a{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:0 14px;font-weight:800;display:inline-flex}.tool-generate,.tool-output-header button,.tool-pack-banner a{background:var(--brand);color:#fff}.tool-generate{width:100%;margin-top:20px}.tool-output-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding-bottom:18px;display:flex}.tool-output-sections{gap:14px;margin-top:20px;display:grid}.tool-output-section{border:1px solid var(--border);border-radius:8px;padding:16px}.tool-output-section header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:10px;display:flex}.tool-output-section h3{margin:0;font-size:18px;line-height:1.2}.tool-output-section button{background:var(--brand-soft);color:var(--brand-dark)}.tool-output-section p{margin:0}.tool-output-section ul{gap:8px;margin:0;padding-left:18px;display:grid}.tool-pack-banner{background:#eef2ff;justify-content:space-between;align-items:center;gap:24px;margin:0 max(24px,50vw - 590px);padding:30px;display:flex}.tool-pack-banner h2{max-width:760px;margin:8px 0 12px;font-size:clamp(28px,4vw,40px);line-height:1.08}.tool-pack-banner p{color:var(--muted);max-width:760px;margin:0;line-height:1.65}.tool-pack-banner a{min-width:max-content}.tool-support-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0 max(24px,50vw - 590px);display:grid}.tool-support-grid>div{padding:24px}.tool-support-grid ol{gap:10px;margin:14px 0 0;padding-left:18px;display:grid}.tool-faq{padding-top:0}.category-page{gap:42px;display:grid}.category-hero{grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:end;gap:26px;padding:60px max(24px,50vw - 590px) 18px;display:grid}.category-hero h1{letter-spacing:0;margin:10px 0 16px;font-size:clamp(38px,6vw,68px);line-height:1}.category-hero p,.category-panel p,.category-panel li,.category-cta p{color:var(--muted);line-height:1.65}.category-hero>div>p:last-child{max-width:820px;font-size:19px}.category-hero aside,.category-panel,.category-link-band>div{border:1px solid var(--border);background:#fff;border-radius:8px}.category-hero aside{gap:10px;padding:22px;display:grid}.category-hero aside span{color:var(--brand-dark);text-transform:uppercase;font-size:12px;font-weight:800}.category-hero aside strong{font-size:22px;line-height:1.15}.category-hero aside a,.inline-tool-link,.category-cta a{background:var(--brand);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:0 14px;font-weight:800;display:inline-flex}.category-template-grid{grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);align-items:start;gap:22px;padding:0 max(24px,50vw - 590px);display:grid}.category-panel{padding:24px}.category-panel h2,.category-link-band h2,.category-cta h2{margin:8px 0 14px;font-size:clamp(28px,4vw,40px);line-height:1.08}.example-input-list{gap:10px;margin:18px 0 22px;display:grid}.example-input-list div{border-bottom:1px solid var(--border);gap:4px;padding-bottom:10px;display:grid}.example-input-list dt{color:var(--soft);text-transform:uppercase;font-size:12px;font-weight:800}.example-input-list dd{color:var(--foreground);margin:0;font-weight:700}.example-output{gap:14px;display:grid}.example-output article{border:1px solid var(--border);border-radius:8px;padding:16px}.example-output h3{margin:0 0 8px;font-size:18px}.example-output p{margin:0}.example-output ul{gap:8px;margin:0;padding-left:18px;display:grid}.category-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.coming-soon{color:var(--soft);margin-top:20px;font-size:14px;font-weight:800;display:inline-flex}.category-link-band{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:0 max(24px,50vw - 590px);display:grid}.category-link-band>div{padding:24px}.link-list{gap:10px;display:grid}.link-list a{border-bottom:1px solid var(--border);color:var(--brand-dark);padding-bottom:10px;font-weight:800}.category-cta{background:#eef2ff;justify-content:space-between;align-items:center;gap:24px;margin:0 max(24px,50vw - 590px);padding:32px;display:flex}.category-cta p{max-width:740px;margin:0}.category-cta a{min-width:max-content}@media (max-width:980px){.site-header nav{display:none}.hero-grid,.pack-section,.tool-hero,.tool-workbench,.category-hero,.category-template-grid{grid-template-columns:1fr}.value-grid,.tools-grid,.template-grid,.category-grid,.site-footer,.tool-support-grid,.category-product-grid,.category-link-band{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-hero,.category-hero{align-items:start}}@media (max-width:640px){.site-header{gap:12px;padding:12px 16px}.brand{gap:8px}.brand>span{width:34px;height:34px;font-size:13px}.brand strong{font-size:15px}.brand small{display:none}.header-cta{padding:10px;font-size:12px}.hero-section,.section,.tool-hero,.tool-workbench,.tool-support-grid,.category-hero,.category-template-grid,.category-link-band{padding-left:16px;padding-right:16px}.hero-section{padding-top:42px}.hero-copy h1{font-size:42px}.hero-subtitle{font-size:17px}.input-row{grid-template-columns:1fr}.input-row input{min-height:44px}.preview-card{padding:18px}.section-heading{flex-direction:column;align-items:start}.value-grid,.tools-grid,.template-grid,.category-grid,.site-footer,.tool-support-grid,.category-product-grid,.category-link-band{grid-template-columns:1fr}.pack-section{margin-left:16px;margin-right:16px;padding:24px}.tool-workbench{gap:16px}.tool-form,.tool-output,.tool-support-grid>div,.category-panel,.category-link-band>div{padding:18px}.tool-output-header,.tool-output-section header,.tool-pack-banner,.category-cta{flex-direction:column;align-items:stretch}.tool-pack-banner,.category-cta{margin-left:16px;margin-right:16px;padding:22px}.tool-pack-banner a,.tool-output-header button,.category-cta a{width:100%}}