@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{color:#1a2333;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--surface:#ffffffd9;--surface-strong:#fffffff5;--border:#17203314;--border-focus:#2563eb4d;--text-soft:#5e6c84;--text-muted:#8994a5;--brand:#2563eb;--brand-deep:#1d4ed8;--brand-light:#2563eb14;--warm:#d97706;--shadow-sm:0 4px 12px #0f172a08;--shadow:0 20px 60px #0f172a14;--shadow-glow:0 0 20px #2563eb26;--radius-xl:24px;--radius-lg:16px;--radius-md:12px;background:radial-gradient(circle at 0 0,#2563eb14 0%,#0000 40%),radial-gradient(circle at 100% 0,#f3b85a0d 0%,#0000 40%),#f8fafc;font-family:Inter,sans-serif;font-weight:500;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}#root{min-height:100vh}.app-logo{background:var(--brand);color:#fff;border-radius:var(--radius-md);justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 8px 16px #2563eb33}.brand-lockup .eyebrow{color:var(--text-muted);background:0 0;margin:0;padding:0;font-size:11px;font-weight:800}.user-actions{align-items:center;gap:12px;display:flex}.user-avatar,.user-avatar-placeholder{border:1px solid var(--border);width:40px;height:40px;color:var(--brand);box-shadow:var(--shadow-sm);background:#fff;border-radius:999px;justify-content:center;align-items:center;font-weight:700;display:flex}.user-avatar-placeholder{background:var(--surface-strong)}.app-shell{width:min(1440px,100vw - 40px);margin:0 auto;padding:40px 0 80px}.workspace-topbar{background:var(--surface-strong);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;gap:32px;margin-bottom:32px;padding:16px 24px;display:flex}.brand-lockup{align-items:center;gap:16px;display:flex}.brand-lockup strong{letter-spacing:-.04em;font-family:Outfit,sans-serif;font-size:24px;display:block}.stage-nav{flex:1;gap:12px;display:flex}.stage-button{text-align:left;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-soft);background:0 0;flex-direction:column;gap:2px;min-width:140px;padding:10px 16px;transition:all .2s;display:flex}.stage-button strong{color:#1a2333;font-size:14px}.stage-button span{opacity:.8;font-size:11px}.stage-button:not(.stage-button-active):hover{background:#fff6;border-color:#2563eb26}.stage-button-active{background:var(--brand-light);border-color:#2563eb4d;box-shadow:0 4px 12px #2563eb0d}.hero{grid-template-columns:minmax(0,1.5fr) minmax(320px,.9fr);align-items:stretch;gap:24px;display:grid}.hero-card,.workspace-card,.rail-card,.auth-card,.stats-card,.draft-card,.step-card{background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);box-shadow:var(--shadow)}.hero-card{border-radius:32px;padding:28px;position:relative;overflow:hidden}.hero-card:after{content:"";background:linear-gradient(135deg,#2563eb29,#cb7a1d1f);border-radius:999px;width:220px;height:220px;position:absolute;inset:auto -90px -90px auto}.eyebrow{color:var(--brand-deep);letter-spacing:.06em;text-transform:uppercase;background:#ffffffad;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:inline-flex}.hero-title{letter-spacing:-.04em;margin:18px 0 12px;font-family:Outfit,sans-serif;font-size:clamp(42px,5vw,74px);line-height:.96}.hero-copy{max-width:62ch;color:var(--text-soft);font-size:17px}.hero-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:26px;display:grid}.hero-pillars{gap:14px;display:grid}.page-intro-card{margin-bottom:24px}.hero-pillar{background:var(--surface-strong);border-radius:24px;padding:22px}.hero-pillar strong{margin-bottom:6px;font-size:16px;display:block}.hero-pillar p{color:var(--text-soft);margin:0;font-size:14px}.content-grid{grid-template-columns:minmax(0,1fr) 360px;gap:32px;display:grid}.workspace-card,.rail-card,.auth-card{background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:var(--radius-xl);padding:32px}.section-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.section-header h2,.section-header h3,.rail-title{letter-spacing:-.03em;margin:0;font-family:Outfit,sans-serif}.section-header p,.rail-copy,.field-hint,.muted-copy{color:var(--text-soft);margin:6px 0 0}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.field-group{gap:8px;display:grid}.field-group.full-width{grid-column:1/-1}.field-label{color:#243049;align-items:center;gap:8px;font-size:14px;display:flex}.field-input,.field-select{color:#172033;background:#ffffffdb;border:1px solid #1720331f;border-radius:16px;width:100%;padding:14px 16px}.field-input:focus,.field-select:focus,.keyword-chip-input:focus{border-color:#2563eb66;outline:2px solid #2563eb2e}.chip-box{background:#ffffffdb;border:1px solid #1720331f;border-radius:20px;flex-wrap:wrap;align-content:flex-start;gap:10px;min-height:132px;padding:14px;display:flex}.keyword-chip{color:var(--brand-deep);background:#2563eb1a;border-radius:999px;align-items:center;gap:8px;padding:9px 12px;font-size:14px;display:inline-flex}.keyword-chip button,.icon-button{color:inherit;background:0 0;border:none;padding:0}.keyword-chip-input{background:0 0;border:none;flex:220px;min-width:220px;padding:10px 6px}.toolbar{flex-wrap:wrap;justify-content:space-between;gap:14px;margin-top:20px;display:flex}.toolbar-group{flex-wrap:wrap;gap:10px;display:flex}.primary-button,.secondary-button,.ghost-button,.inline-button{border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:13px 18px;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex}.primary-button{background:linear-gradient(135deg, var(--brand) 0%, #2e8ff7 100%);color:#fff;box-shadow:0 18px 32px #2563eb38}.secondary-button{color:#172033;background:#ffffffeb;border:1px solid #1720331f}.ghost-button,.inline-button{color:var(--text-soft);background:0 0;padding-inline:0}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled{opacity:.46;cursor:not-allowed;transform:none}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px;display:grid}.media-plan-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stats-card{border-radius:22px;padding:18px 20px}.stats-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:12px}.stats-value{letter-spacing:-.04em;margin-top:10px;font-size:30px;font-weight:800}.stats-caption{color:var(--text-soft);margin-top:8px;font-size:13px}.results-shell{margin-top:24px}.ad-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.ad-preview-card{background:#ffffffe6;border:1px solid #17203314;border-radius:20px;gap:12px;padding:18px;display:grid}.ad-copy-list{gap:10px;display:grid}.media-plan-scenarios{grid-template-columns:repeat(3,minmax(0,1fr))}.insight-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.offer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.route-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.route-card{box-shadow:var(--shadow);background:#ffffffe0;border:1px solid #17203314;border-radius:24px;gap:14px;padding:20px;display:grid}.route-card-head{align-items:center;gap:10px;display:flex}.route-card p{color:var(--text-soft);margin:0}.keywords-stage{gap:32px;display:grid}.keywords-stage-header{margin-bottom:24px}.keywords-stage-title{letter-spacing:-.04em;color:#1a2333;margin:0;font-family:Space Grotesk,sans-serif;font-size:32px;line-height:1.1}.keywords-stage-copy{color:var(--text-soft);margin:8px 0 0;font-size:16px}.keywords-search-actions{border-top:1px solid var(--border);justify-content:flex-start;margin-top:32px;padding-top:24px;display:flex}.keywords-metrics-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.keywords-metrics-grid .stats-card{background:var(--surface-strong);border:1px solid var(--border)}.keyword-competition-pill{color:#c2410c;background:#fff7ed;border:1px solid #c2410c1a;border-radius:8px;align-items:center;padding:4px 12px;font-size:14px;font-weight:700;display:inline-flex}.keywords-results-topline{border-bottom:1px solid var(--border);margin-bottom:32px;padding-bottom:24px}.results-table-wrap{border-radius:var(--radius-lg);border:1px solid var(--border);background:#fff;overflow:hidden}.results-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);background:#f8fafc;padding:16px;font-size:11px;font-weight:700}.results-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:16px}.results-table tr:last-child td{border-bottom:none}.results-table tr:hover{background:#fcfdfe}.keyword-sidebar-stat{background:var(--surface-strong);border-radius:var(--radius-md);border:1px solid var(--border);padding:12px}.keyword-sidebar-stat strong{font-size:16px;display:block}.keyword-sidebar-empty{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:16px;padding:40px 20px;display:flex}.empty-icon-small{opacity:.3;color:var(--brand)}.utility-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.full-width{width:100%}.secondary-cta{color:var(--brand);border:1px solid var(--border-focus);box-shadow:var(--shadow-sm);background:#fff}.field-group-keywords .chip-box{border-radius:var(--radius-md);background:#fff;border-color:#cfdced;min-height:80px;padding:12px}.field-group-keywords .keyword-chip{color:#1b56c5;background:#eaf2ff;border:1px solid #cfe0ff;border-radius:8px;padding:8px 10px;font-size:13px}.field-group-keywords .keyword-chip-input{min-width:120px;padding:8px 6px}.app-shell[data-stage=keywords] .field-label{color:#223454;font-size:13px;font-weight:700}.app-shell[data-stage=keywords] .field-input,.app-shell[data-stage=keywords] .field-select{background:#fff;border-color:#cfdced;border-radius:10px;padding:12px 14px}.app-shell[data-stage=keywords] .field-hint{color:#92a3ba;font-size:12px}.app-shell[data-stage=keywords] .primary-button{border-radius:10px;padding:12px 22px}.keywords-inline-note{color:#92a3ba;text-align:center;margin-top:14px;font-size:12px}.checkout-shell{gap:20px;display:grid}.checkout-hero-card{margin-bottom:0}.checkout-summary-strip{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.checkout-layout{grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);align-items:start;gap:20px;display:grid}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.pricing-card{box-shadow:var(--shadow);background:#ffffffe6;border:1px solid #17203314;border-radius:26px;gap:16px;padding:20px;display:grid}.pricing-card-selected{background:linear-gradient(#2563eb14,#fffffff0);border-color:#2563eb3d}.pricing-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.pricing-card-head strong,.checkout-summary-card h3{letter-spacing:-.04em;font-family:Space Grotesk,sans-serif;font-size:28px}.pricing-feature-list{gap:10px;display:grid}.checkout-sidebar{display:grid}.checkout-summary-card{gap:16px;display:grid;position:sticky;top:24px}.checkout-note{color:#0b5a80;background:#f1f9fff5;border:1px solid #0b5a8029;border-radius:18px;align-items:center;gap:10px;padding:14px 16px;display:flex}.results-table-wrap{border:1px solid #dfe8f1;border-radius:18px;overflow-x:auto}.results-table{border-collapse:collapse;width:100%;min-width:760px}.results-table th,.results-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #17203312;padding:14px 16px}.results-table th{color:#6580a3;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;font-size:12px}.results-table tbody tr:hover{background:#f7fbff}.results-row-selected{background:#edf4ff}.sortable-header{color:inherit;background:0 0;border:none;align-items:center;gap:6px;padding:0;display:inline-flex}.keyword-cell{gap:4px;display:grid}.keyword-cell strong{color:#172033;font-size:15px}.keyword-subline{color:var(--text-soft);flex-wrap:wrap;gap:8px;font-size:13px;display:flex}.tag,.source-badge,.group-badge,.status-badge{border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex}.source-badge{color:var(--brand-deep);background:#2563eb14}.group-badge{color:#87500f;background:#cb7a1d1f}.tag{color:var(--text-soft);background:#1720330f}.status-badge{color:#0b5a80;background:#0284c717}.trend-pill,.competition-pill{border-radius:8px;justify-content:center;align-items:center;min-width:64px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.trend-pill-up{color:#14804a;background:#dcfce7}.trend-pill-down{color:#c03d30;background:#fee2e2}.trend-pill-flat{color:#5f7ea7;background:#eff6ff}.competition-pill-low{color:#3370b8;background:#e8f4ff}.competition-pill-medium{color:#be7a00;background:#fff0c8}.competition-pill-high{color:#d43c3c;background:#ffe0e0}.competition-pill-no_data{color:#6b7e96;background:#eef2f7}.rail-stack{gap:18px;display:grid}.auth-head,.rail-section{gap:12px;display:grid}.auth-mode-row,.rail-summary-grid,.billing-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.rail-summary-box{background:#ffffffeb;border:1px solid #17203312;border-radius:18px;padding:14px}.rail-summary-box strong{letter-spacing:-.04em;font-family:Outfit,sans-serif;font-size:24px;display:block}.selection-list,.draft-list,.step-list,.billing-usage-list,.billing-plan-list{gap:12px;display:grid}.selection-item,.draft-card,.step-card{border-radius:18px;padding:16px}.selection-item{background:#ffffffe0;border:1px solid #17203314;gap:8px;display:grid}.selection-meta,.draft-meta{color:var(--text-soft);flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.billing-usage-item{border-bottom:1px solid #17203314;gap:8px;padding:14px 0;display:grid}.billing-usage-item:last-child{border-bottom:none}.billing-usage-head,.billing-plan-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.billing-progress-track{background:#17203314;border-radius:999px;width:100%;height:10px;overflow:hidden}.billing-progress-fill{background:linear-gradient(135deg, var(--brand) 0%, #2e8ff7 100%);border-radius:999px;height:100%}.tiny-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:10px;font-weight:700}.trend-up{color:#10b981}.trend-down{color:#ef4444}.keyword-selection-rail{background:var(--surface-strong);border-left:1px solid var(--border)}.keyword-selection-rail-compact{height:min-content;position:sticky;top:40px}.keyword-sidebar-head{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.keyword-sidebar-close{color:#ef4444;background:#fee2e2;border:none;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.keyword-sidebar-close:hover{background:#fecaca;transform:scale(1.1)}.keyword-sidebar-stats{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;display:grid}.keyword-sidebar-stat{border-radius:var(--radius-md);border:1px solid var(--border);background:#fff;flex-direction:column;gap:4px;padding:12px;display:flex}.keyword-sidebar-stat strong{letter-spacing:-.02em;font-size:15px}.keyword-sidebar-stat .tiny-label{color:var(--text-muted);text-transform:uppercase;font-size:10px;font-weight:700}.keyword-sidebar-grouping{margin-bottom:24px}.keyword-chip-list{gap:12px;max-height:480px;padding-right:8px;display:grid;overflow-y:auto}.keyword-chip-card{border-radius:var(--radius-md);border:1px solid var(--border);background:#fff;gap:8px;padding:14px;transition:all .2s;display:grid}.keyword-chip-card:hover{border-color:var(--brand-focus);box-shadow:var(--shadow-sm)}.keyword-chip-card-head{justify-content:space-between;align-items:center;display:flex}.keyword-chip-card-head strong{font-size:14px}.keyword-sidebar-empty{text-align:center;color:var(--text-muted);border:2px dashed var(--border);border-radius:var(--radius-lg);justify-items:center;gap:16px;padding:48px 24px;display:grid}.keyword-sidebar-actions{border-top:1px solid var(--border);gap:16px;margin-top:24px;padding-top:24px;display:grid}.main-actions{gap:10px;display:grid}.utility-actions{gap:10px;display:flex}.utility-actions button{flex:1}@media (width<=1200px){.content-grid{grid-template-columns:1fr}.keyword-selection-rail-compact{position:static}}@media (width<=768px){.app-shell{padding:20px 0 40px}.workspace-topbar{flex-direction:column;align-items:stretch;gap:16px}.stage-nav{padding-bottom:8px;overflow-x:auto}.stage-button{min-width:160px}.toolbar,.keywords-results-topline,.section-header,.inline-input-row{flex-direction:column;align-items:stretch;gap:16px}.field-grid,.stats-grid,.hero-grid{grid-template-columns:1fr}}.app-footer{border-top:1px solid var(--border);margin-top:80px;padding:40px 0}.footer-content{justify-content:space-between;align-items:center;gap:32px;display:flex}@media (width<=768px){.footer-content{text-align:center;flex-direction:column;gap:20px}.footer-legal{flex-direction:column;gap:12px}}.footer-legal{gap:24px;display:flex}.footer-link{color:var(--text-soft);font-size:13px;transition:color .15s}.footer-link:hover{color:var(--brand)}.footer-copyright{color:var(--text-muted);font-size:13px}