*{box-sizing:border-box}body,html{margin:0;padding:0;max-width:100%;overflow-x:hidden;font-family:Arial,Helvetica,sans-serif;background:#f8fafc;color:#0f172a}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}canvas,img,svg,video{max-width:100%}.container{max-width:1180px;margin:0 auto;padding:24px}.grid{grid-gap:24px;gap:24px}.grid,.hero{display:grid}.hero{grid-template-columns:1.4fr .8fr;grid-gap:16px;gap:16px;margin-bottom:24px}.panel{background:#fff;border-radius:24px;padding:24px;box-shadow:0 10px 30px rgba(15,23,42,.06)}.badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.badge{display:inline-block;border:1px solid #cbd5e1;border-radius:999px;padding:6px 12px;font-size:12px;background:#fff}.badge.fill{background:#0f172a;color:white;border-color:#0f172a}.badge.success-badge{border-color:#86efac;background:#f0fdf4;color:#166534}.badge.warning-badge{border-color:#fde68a;background:#fffbeb;color:#92400e}h1{font-size:44px;line-height:1.1;margin:0 0 12px}h2{font-size:24px;margin:0 0 8px}h3{font-size:18px;margin:0 0 10px}p{line-height:1.6}.form-grid{display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);grid-gap:24px;gap:24px}label{display:block;font-size:14px;font-weight:700;margin-bottom:6px}input,select,textarea{width:100%;padding:12px 14px;border:1px solid #cbd5e1;border-radius:16px;background:white}textarea{min-height:90px;resize:vertical}.row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{border:0;border-radius:16px;padding:12px 16px;cursor:pointer;background:#0f172a;color:white;font-weight:700}.btn.secondary{background:white;color:#0f172a;border:1px solid #cbd5e1}.btn.small{padding:8px 12px;font-size:14px}.btn:disabled{opacity:.6;cursor:not-allowed}.card-list{display:grid;grid-gap:16px;gap:16px}.copy-card{background:white;border-radius:24px;padding:20px;box-shadow:0 10px 30px rgba(15,23,42,.06)}.copy-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;min-width:0}pre{white-space:pre-wrap;word-break:break-word;background:#f8fafc;border-radius:16px;padding:16px}.title-input{border:0;border-radius:8px;padding:0;font-size:18px;font-weight:700;line-height:1.3}.copy-editor:focus,.title-input:focus{outline:2px solid #94a3b8;outline-offset:3px}.copy-editor{min-height:220px;margin-top:14px;white-space:pre-wrap;word-break:break-word;background:#f8fafc;border-radius:16px;padding:16px;line-height:1.5}.notice{border:1px solid #fde68a;background:#fffbeb;color:#92400e;border-radius:16px}.notice,.success{padding:12px 14px}.success{border:1px solid #86efac;background:#f0fdf4;color:#166534;border-radius:16px}.muted{color:#475569;font-size:14px}.admin-top{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:12px;border-bottom:1px solid #e2e8f0;vertical-align:top}.code{background:#0f172a;color:#e2e8f0;border-radius:16px;padding:14px;overflow:auto}@media (max-width:900px){.form-grid,.hero,.row{grid-template-columns:1fr}h1{font-size:34px}}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px}.stat-card{background:white;border:1px solid #e2e8f0;border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:6px}.stat-card strong{font-size:28px}.stack-gap{display:grid;grid-gap:12px;gap:12px}.details-card{border:1px solid #e2e8f0;border-radius:16px;padding:14px;background:#fff}.details-card summary{cursor:pointer;list-style:none}.details-card summary::-webkit-details-marker{display:none}.details-form{display:grid;grid-gap:12px;gap:12px;margin-top:14px}.filter-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr auto;grid-gap:12px;gap:12px}.align-end{align-items:flex-end}.small-text{font-size:12px}.output-preview{margin-top:10px;padding:12px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;width:min(640px,calc(100vw - 48px))}.output-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;margin-top:10px}.inline-details summary{cursor:pointer}.pagination-row{margin-top:16px;display:flex;justify-content:space-between;align-items:center;gap:12px}.btn.danger{background:#7f1d1d}@media (max-width:960px){.filter-grid,.stats-grid{grid-template-columns:1fr}}.dashboard-shell{min-height:100vh;background:radial-gradient(circle at top left,rgba(217,95,61,.14),transparent 32%),linear-gradient(135deg,#f7f9f6,#e9f1eb 52%,#f4f6f3);color:#10201d;transition:background .18s ease,color .18s ease}.dashboard-topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px clamp(18px,5vw,72px);border-bottom:1px solid rgba(24,33,31,.1);background:rgba(247,249,246,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dashboard-container{max-width:1220px;padding-top:24px;padding-bottom:56px}.dashboard-shell .copy-card,.dashboard-shell .details-card,.dashboard-shell .panel{border:1px solid rgba(24,33,31,.08);border-radius:8px;box-shadow:0 14px 34px rgba(24,33,31,.08)}.dashboard-shell .panel{background:rgba(255,255,255,.92)}.dashboard-shell .copy-card,.dashboard-shell .details-card{background:#fff}.dashboard-shell .badge.fill,.dashboard-shell .btn{background:#184c45;border-color:#184c45}.dashboard-shell .btn{border-radius:8px}.dashboard-shell .btn:not(.secondary):not(.danger){color:#fff}.dashboard-shell .btn.secondary{border-color:rgba(24,76,69,.22);color:#184c45;background:#fff}.dashboard-shell .btn.danger{background:#a43c2a;color:#fff}.dashboard-shell .logout-button{background:#d95f3d;border-color:#d95f3d}.dashboard-shell .theme-toggle{min-width:92px}.dashboard-shell .logout-button,.dashboard-shell .theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:8px}.inline-form,.provider-toggle{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.account-status-panel{display:grid;align-content:start;grid-gap:16px;gap:16px}.status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.status-grid div{border:1px solid rgba(24,76,69,.13);border-radius:8px;padding:12px;background:rgba(244,246,243,.74)}.status-grid span{display:block;color:#4c5e5a;font-size:12px;font-weight:800;margin-bottom:5px}.status-grid strong{font-size:16px}.compact-status{display:inline-flex;align-items:center;gap:8px}.dashboard-shell input,.dashboard-shell pre,.dashboard-shell select,.dashboard-shell textarea{border-radius:8px;border-color:rgba(24,76,69,.2)}.dashboard-shell .copy-editor,.dashboard-shell pre{background:#f4f6f3}.dashboard-shell .muted{color:#4c5e5a}.dashboard-shell .brand-icon{background:#184c45}.dashboard-dark{background:radial-gradient(circle at top left,rgba(217,95,61,.18),transparent 34%),linear-gradient(135deg,#0d1715,#13251f 54%,#0b1110);color:#e9f1eb}.dashboard-dark .dashboard-topbar{border-bottom-color:rgba(233,241,235,.12);background:rgba(13,23,21,.9)}.dashboard-dark .copy-card,.dashboard-dark .details-card,.dashboard-dark .panel{border-color:rgba(233,241,235,.11);background:rgba(20,35,32,.94);box-shadow:0 18px 44px rgba(0,0,0,.25)}.dashboard-dark .brand-mark,.dashboard-dark h1,.dashboard-dark h2,.dashboard-dark h3,.dashboard-dark label,.dashboard-dark strong{color:#f7f9f6}.dashboard-dark .muted,.dashboard-dark li,.dashboard-dark p{color:#bfd0ca}.dashboard-dark .copy-editor,.dashboard-dark .title-input,.dashboard-dark input,.dashboard-dark pre,.dashboard-dark select,.dashboard-dark textarea{border-color:rgba(233,241,235,.16);background:#0f1d1a;color:#f7f9f6}.dashboard-dark input::placeholder,.dashboard-dark textarea::placeholder{color:#819690}.dashboard-dark .badge,.dashboard-dark .btn.secondary{border-color:rgba(233,241,235,.2);background:#142d27;color:#e9f1eb}.dashboard-dark .badge.fill{border-color:#d95f3d;background:#d95f3d;color:#fff}.dashboard-dark .success{border-color:rgba(134,239,172,.36);background:rgba(22,101,52,.2);color:#bbf7d0}.dashboard-dark .status-grid div{border-color:rgba(233,241,235,.12);background:rgba(15,29,26,.8)}.dashboard-dark .status-grid span{color:#bfd0ca}.dashboard-dark .notice{border-color:rgba(253,230,138,.36);background:rgba(146,64,14,.22);color:#fde68a}.dashboard-dark .badge.success-badge{border-color:rgba(134,239,172,.36);background:rgba(22,101,52,.24);color:#bbf7d0}.dashboard-dark .badge.warning-badge{border-color:rgba(253,230,138,.36);background:rgba(146,64,14,.24);color:#fde68a}.tool-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.html-preview-frame{width:100%;height:580px;border:0;display:block;border-radius:8px}.html-code-area{min-height:420px;font-family:Courier New,Courier,monospace;font-size:13px;line-height:1.5;background:#f8fafc;border-radius:8px;padding:16px;resize:vertical;width:100%}.dashboard-dark .html-code-area{background:#0f1d1a;color:#f7f9f6;border-color:rgba(233,241,235,.16)}.marketing-shell{min-height:100vh;background:#f7f9f6;color:#18211f}.marketing-nav{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px clamp(18px,5vw,72px);border-bottom:1px solid rgba(24,33,31,.1);background:rgba(247,249,246,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand-mark{gap:10px;font-weight:800}.brand-icon,.brand-mark{display:inline-flex;align-items:center}.brand-icon{justify-content:center;width:34px;height:34px;border-radius:8px;background:#184c45;color:#fff}.marketing-nav nav{display:flex;align-items:center;gap:18px;color:#3d4c49;font-size:14px;font-weight:700}.nav-cta{border-radius:8px;padding:10px 14px;background:#d95f3d;color:#fff}.sales-hero{position:relative;overflow:hidden;min-height:680px;display:grid;grid-template-columns:minmax(0,700px) minmax(360px,620px);justify-content:space-between;grid-gap:clamp(32px,5vw,80px);gap:clamp(32px,5vw,80px);align-items:center;padding:76px clamp(18px,5vw,72px) 56px;border-bottom:1px solid rgba(24,33,31,.1);background:#e9f1eb}.sales-hero-content{position:relative;z-index:2;max-width:720px}.eyebrow{display:inline-flex;align-items:center;margin-bottom:12px;color:#b24b31;font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.sales-hero h1{max-width:760px;margin-bottom:18px;color:#10201d;font-size:clamp(42px,6vw,76px);line-height:.96}.sales-hero p{max-width:650px;margin:0;color:#39514d;font-size:19px;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.marketing-primary,.marketing-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;min-height:46px}.marketing-primary{background:#184c45;color:#fff}.marketing-secondary{background:#fff;color:#184c45;border:1px solid rgba(24,76,69,.24)}.hero-proof{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px;color:#2d4742;font-size:14px;font-weight:700}.auth-benefits li,.hero-proof span,.pricing-card li{display:inline-flex;align-items:center;gap:8px}.hero-product-visual{position:relative;right:auto;bottom:auto;width:min(100%,680px);justify-self:end;opacity:.96}.mock-browser{border:1px solid rgba(24,33,31,.16);border-radius:8px;padding:14px;background:#fff;box-shadow:0 28px 70px rgba(24,33,31,.22)}.mock-dots{display:flex;gap:7px;margin-bottom:14px}.mock-dots span{width:10px;height:10px;border-radius:999px;background:#d95f3d}.mock-dots span:nth-child(2){background:#f0b85a}.mock-dots span:nth-child(3){background:#36a388}.mock-grid{display:grid;grid-template-columns:minmax(150px,190px) minmax(0,1fr);grid-gap:12px;gap:12px}.mock-output,.mock-sidebar{border-radius:8px;background:#f4f6f3;padding:16px}.mock-sidebar{display:grid;align-content:start;grid-gap:8px;gap:8px;color:#586562;font-size:12px}.mock-sidebar strong{margin-bottom:10px;color:#152420;font-size:14px}.mock-tag{display:inline-flex;margin-bottom:12px;border-radius:999px;padding:6px 10px;background:#f4d8cc;color:#763522;font-size:12px;font-weight:800}.mock-output h3{max-width:380px;margin-bottom:12px;font-size:clamp(20px,2vw,28px);line-height:1.08}.mock-output p{color:#42524f;font-size:15px}.mock-actions{display:flex;gap:8px;margin-top:18px}.mock-actions span{border-radius:8px;padding:8px 10px;background:#184c45;color:#fff;font-size:12px;font-weight:800}.metric-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1px;gap:1px;max-width:1120px;margin:-26px auto 0;padding:0 18px;position:relative;z-index:3}.metric-strip div{border:1px solid rgba(24,33,31,.1);border-radius:8px;padding:20px;background:#fff}.metric-strip strong{display:block;font-size:32px}.metric-strip span{color:#4c5e5a}.final-cta,.marketing-footer,.marketing-section,.workflow-band{max-width:1120px;margin:0 auto;padding:72px 18px}.section-heading{max-width:760px;margin-bottom:28px}.final-cta h2,.section-heading h2,.workflow-band h2{color:#10201d;font-size:clamp(30px,4vw,48px);line-height:1.08}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:14px;gap:14px}.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.auth-card,.feature-card,.pricing-card{border:1px solid rgba(24,33,31,.1);border-radius:8px;background:#fff;box-shadow:0 14px 34px rgba(24,33,31,.08)}.feature-card{padding:22px}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;margin-bottom:18px;border-radius:8px;background:#e3f2ee;color:#184c45}.feature-card p,.final-cta p,.pricing-card p,.workflow-band p{color:#4c5e5a}.workflow-band{display:grid;grid-template-columns:.85fr 1fr;grid-gap:32px;gap:32px;align-items:start;border-top:1px solid rgba(24,33,31,.1);border-bottom:1px solid rgba(24,33,31,.1)}.workflow-list{display:grid;grid-gap:12px;gap:12px;margin:0;padding:0;list-style:none;counter-reset:steps}.workflow-list li{counter-increment:steps;display:grid;grid-template-columns:42px 1fr;grid-gap:14px;gap:14px;align-items:center;border-radius:8px;padding:16px;background:#fff;font-weight:800}.workflow-list li:before{content:counter(steps);display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#d95f3d;color:#fff}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pricing-card{display:flex;flex-direction:column;gap:16px;padding:24px}.plan-limits{display:grid;grid-gap:8px;gap:8px;color:#184c45;font-size:13px;font-weight:800}.price-row{display:flex;align-items:flex-end;gap:8px}.price-row strong{font-size:42px;line-height:1}.auth-benefits,.pricing-card ul{display:grid;grid-gap:10px;gap:10px;margin:0;padding:0;list-style:none}.pricing-card li{color:#304743}.pricing-card .btn{margin-top:auto}.final-cta{text-align:center}.final-cta p{max-width:620px;margin:0 auto 24px}.marketing-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid rgba(24,33,31,.1);color:#4c5e5a}.marketing-footer div{display:flex;gap:16px}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#e9f1eb}.compact-auth{grid-template-columns:minmax(320px,560px);justify-content:center}.auth-panel{display:flex;align-items:center;justify-content:center;padding:clamp(24px,5vw,72px)}.auth-copy{align-items:flex-start;flex-direction:column;background:#184c45;color:#fff}.auth-copy h1{max-width:600px;margin-top:64px;font-size:clamp(38px,5vw,62px);line-height:1}.auth-copy p{max-width:560px;color:#d9ebe7;font-size:18px}.auth-copy .brand-icon{background:#fff;color:#184c45}.auth-benefits{margin-top:20px}.auth-card{width:min(100%,460px);display:grid;grid-gap:24px;gap:24px;padding:28px}.auth-card h1,.auth-card h2{margin:0 0 8px;color:#10201d;font-size:34px;line-height:1.08}.auth-form{display:grid;grid-gap:16px;gap:16px}.signup-plan-grid{display:grid;grid-gap:8px;gap:8px}.signup-plan-option{display:flex;align-items:center;gap:10px;border:1px solid rgba(24,33,31,.12);border-radius:8px;padding:12px;cursor:pointer}.signup-plan-option span{display:flex;justify-content:space-between;gap:12px;width:100%}.signup-plan-option small{color:#d95f3d;font-weight:800}.auth-switch,.login-links{color:#4c5e5a;font-size:14px}.auth-switch a,.login-links a{color:#184c45;font-weight:800}.checkout-success-card{width:min(100%,560px)}.checkout-steps{display:inline-flex;align-items:center;gap:9px}.checkout-success-card .details-card{display:grid;grid-gap:12px;gap:12px}.checkout-success-card .details-card p{margin:0}.login-links{display:flex;justify-content:space-between;gap:12px}.login-links a{display:inline-flex;align-items:center;gap:6px}@media (max-width:980px){.marketing-nav{align-items:flex-start;flex-direction:column}.marketing-nav nav{width:100%;overflow-x:auto;padding-bottom:4px}.sales-hero{min-height:auto;padding-top:52px}.hero-product-visual{position:relative;right:auto;bottom:auto;width:100%;margin-top:36px}.sales-hero{display:block}.auth-shell,.feature-grid,.pricing-grid,.workflow-band{grid-template-columns:1fr}.auth-copy h1{margin-top:36px}.form-grid{grid-template-columns:1fr}}@media (max-width:720px){.container{padding:16px}.auth-card,.copy-card,.feature-card,.panel,.pricing-card{padding:18px}.hero{gap:14px}.dashboard-topbar{align-items:flex-start;flex-direction:column;padding:14px 16px}.dashboard-topbar .actions,.dashboard-topbar .btn,.dashboard-topbar form{width:100%}.dashboard-topbar .btn{min-height:42px}.actions,.badges,.hero-proof,.provider-toggle{gap:8px}.badge{max-width:100%;white-space:normal}.btn,.marketing-primary,.marketing-secondary{width:100%}.admin-top,.copy-head,.pagination-row{align-items:stretch;flex-direction:column}.admin-top .actions,.copy-head .actions,.pagination-row .actions{width:100%}.admin-top .actions .btn,.copy-head .actions .btn,.pagination-row .actions .btn{flex:1 1 140px}.row,.stats-grid,.status-grid{grid-template-columns:1fr}.copy-editor{min-height:180px}td,th{padding:10px 8px;font-size:13px}.output-preview{width:calc(100vw - 56px)}.marketing-nav{padding:14px 16px}.marketing-nav nav{gap:12px}.nav-cta{white-space:nowrap}.sales-hero{padding:36px 16px 34px}.sales-hero h1{font-size:40px;line-height:1}.auth-copy p,.sales-hero p{font-size:16px}.metric-strip,.mock-grid{grid-template-columns:1fr}.mock-browser{padding:10px}.mock-output,.mock-sidebar{padding:12px}.mock-output p{font-size:14px}.mock-actions{flex-wrap:wrap}.metric-strip{margin-top:0;padding-top:18px}.final-cta,.marketing-footer,.marketing-section,.workflow-band{padding-top:48px;padding-bottom:48px}.login-links,.marketing-footer{align-items:flex-start;flex-direction:column}.marketing-footer div{flex-wrap:wrap}.auth-panel{padding:20px 16px}.auth-copy{min-height:auto}.auth-card h1,.auth-card h2,.auth-copy h1{font-size:32px}}@media (min-width:981px) and (max-width:1220px){.sales-hero{grid-template-columns:minmax(0,1fr) minmax(320px,480px)}.sales-hero h1{font-size:clamp(44px,5vw,62px)}.mock-sidebar{display:none}.mock-grid{grid-template-columns:1fr}}@media (min-width:1440px){.sales-hero{padding-left:max(72px,calc((100vw - 1500px) / 2));padding-right:max(72px,calc((100vw - 1500px) / 2))}}