@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{--bg-1:#07111f;--bg-2:#111a33;--bg-3:#1a2550;--accent:#7c6cff;--accent-2:#21d4fd;--accent-3:#ff8a4c;--success:#6ee7b7;--warning:#fbbf24;--danger:#fb7185;--text:#f8fbff;--text-soft:#f8fbffb8;--text-muted:#f8fbff8a;--card-bg:#0a1226b8;--card-border:#ffffff1a;--card-border-strong:#ffffff2e;--card-shadow:0 20px 50px #00000059;--soft-bg:#ffffff0f;--surface:#fffffff2;--surface-text:#0f172a;--surface-soft:#64748b;--surface-border:#e2e8f0;--radius-xl:30px;--radius-lg:22px;--radius-md:16px;--radius-sm:12px;--radius-xs:10px;--transition:.22s ease}[data-theme=light]{--bg-1:#f4f8ff;--bg-2:#e8eefb;--bg-3:#d8e2f8;--text:#0f172a;--text-soft:#0f172ab8;--text-muted:#0f172a85;--card-bg:#fffc;--card-border:#0f172a14;--card-border-strong:#7c6cff40;--card-shadow:0 18px 40px #0f172a1a;--soft-bg:#0f172a0a;--surface:#fff;--surface-text:#0f172a;--surface-soft:#64748b;--surface-border:#e2e8f0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at top left, #21d4fd2e, transparent 30%), radial-gradient(circle at top right, #7c6cff38, transparent 34%), linear-gradient(180deg, var(--bg-1), var(--bg-2) 48%, var(--bg-3));min-height:100vh;margin:0;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;opacity:.35;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:38px 38px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000e6,#0000 90%);mask-image:linear-gradient(#000000e6,#0000 90%)}button,input{font:inherit}button{border:0}#root{width:100%;max-width:1500px;margin:0 auto;padding:clamp(16px,2vw,28px)}.app-shell{gap:18px;display:grid}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(18px)}.card-soft{background:var(--soft-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg)}.hero{justify-content:space-between;align-items:flex-end;gap:18px;padding:clamp(20px,4vw,34px);display:flex}.eyebrow,.section-kicker,.control-label{text-transform:uppercase;letter-spacing:.14em;color:var(--accent-2);margin:0 0 10px;font-size:.72rem;font-weight:700}.hero h1{margin:0;font-family:Outfit,sans-serif;font-size:clamp(2rem,4vw,4rem);line-height:.98}.hero-copy,.section-copy,.control-copy,.intro-aside p,.package-card p,.quote-package p,.empty-state p{color:var(--text-soft);margin:12px 0 0;line-height:1.6}.hero-actions,.quote-actions,.package-top,.quote-head,.plan-toggle,.summary-row,.service-price,.package-price-row,.package-meta{align-items:center;gap:10px;display:flex}.hero-actions{flex-wrap:wrap;justify-content:flex-end}.chip-button{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;cursor:pointer;letter-spacing:.01em;transition:transform var(--transition), opacity var(--transition), box-shadow var(--transition);border-radius:999px;padding:.9rem 1.2rem;font-weight:700;box-shadow:0 10px 24px #21d4fd2e}.chip-button:hover{transform:translateY(-1px);box-shadow:0 14px 32px #7c6cff3d}.chip-button.ghost{background:var(--soft-bg);color:var(--text);border:1px solid var(--card-border-strong);box-shadow:none}.chip-button.small{padding:.7rem .95rem;font-size:.9rem}.workflow-card{grid-template-columns:1.2fr 1fr .9fr;align-items:stretch;gap:16px;padding:18px;display:grid}.workflow-step{border-radius:var(--radius-lg);border:1px solid var(--card-border);background:#ffffff08;align-items:flex-start;gap:12px;padding:16px;display:flex}.workflow-summary-note{background:linear-gradient(135deg,#21d4fd14,#7c6cff14)}.step-index{width:30px;height:30px;color:var(--text);background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:999px;flex:0 0 30px;place-items:center;font-family:Outfit,sans-serif;font-weight:800;display:grid;box-shadow:0 8px 18px #21d4fd2e}.workflow-step .control-label{margin-bottom:8px}.workflow-step .control-copy{margin-top:8px}.compact-copy{margin-top:8px;font-size:.92rem}.control-bar{grid-template-columns:1fr auto;align-items:center;gap:18px;padding:18px;display:grid}.segmented{background:var(--soft-bg);border:1px solid var(--card-border);border-radius:999px;padding:6px;display:inline-flex}.segmented-btn{color:var(--text-soft);cursor:pointer;transition:background var(--transition), color var(--transition), transform var(--transition);background:0 0;border-radius:999px;padding:.85rem 1.15rem;font-weight:700}.segmented-btn.active{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;box-shadow:0 8px 18px #7c6cff2e}.plan-toggle{justify-content:space-between;gap:18px}.switch{width:64px;min-width:64px;height:36px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;transition:var(--transition);border:1px solid var(--card-border);background:#94a3b859;border-radius:999px;position:absolute;inset:0}.slider:before{content:"";width:28px;height:28px;transition:var(--transition);background:#fff;border-radius:50%;position:absolute;top:3px;left:4px;box-shadow:0 5px 15px #0003}.switch input:checked+.slider{background:linear-gradient(135deg, var(--accent), var(--accent-3))}.switch input:checked+.slider:before{transform:translate(28px)}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.stat{padding:18px}.stat-kicker{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;display:block}.stat strong{margin-top:10px;font-family:Outfit,sans-serif;font-size:clamp(1.2rem,2vw,1.8rem);line-height:1.1;display:block}.stat-note{color:var(--text-soft);margin-top:8px;display:block}.workspace{grid-template-columns:minmax(0,1.45fr) minmax(320px,.95fr);align-items:start;gap:18px;display:grid}.left-column{gap:18px;display:grid}.intro-card,.section-block,.quote-panel{padding:clamp(18px,2.8vw,28px)}.intro-card{justify-content:space-between;gap:18px;display:flex}.intro-card h2,.section-head h2,.quote-head h2,.quote-package h3,.package-card h3{margin:0;font-family:Outfit,sans-serif}.intro-aside{border-radius:var(--radius-lg);border:1px solid var(--card-border);background:linear-gradient(135deg,#7c6cff24,#21d4fd14);max-width:360px;padding:18px}.package-badge,.package-label,.active-dot,.info-pill{letter-spacing:.02em;border-radius:999px;justify-content:center;align-items:center;padding:.3rem .7rem;font-size:.76rem;font-weight:800;display:inline-flex}.package-badge,.active-dot{color:var(--text);border:1px solid var(--card-border);background:linear-gradient(135deg,#21d4fd2e,#7c6cff2e)}.section-block{gap:18px;display:grid}.section-head{justify-content:space-between;align-items:end;gap:16px;display:flex}.package-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.package-card{text-align:left;border-radius:var(--radius-lg);border:1px solid var(--card-border);width:100%;color:var(--text);cursor:pointer;transition:transform var(--transition), border-color var(--transition), background var(--transition), box-shadow var(--transition);background:linear-gradient(#ffffff0d,#ffffff05);padding:18px}.package-card:hover{border-color:var(--card-border-strong);transform:translateY(-2px);box-shadow:0 14px 34px #0000002e}.package-card.active{background:linear-gradient(#21d4fd1f,#7c6cff0f);border-color:#21d4fd73}.package-card p,.package-meta,.package-price-row span,.package-chips span,.quote-package-list span,.quote-item span,.service-desc,.service-inclusion,.empty-state{color:var(--text-soft)}.package-label.from-branding{color:#c4b5fd;background:#7c6cff2e}.package-label.from-social{color:#67e8f9;background:#21d4fd29}.package-label.from-event{color:#fde68a;background:#fbbf242e}.package-label.from-podcast{color:#a7f3d0;background:#6ee7b729}.package-meta,.package-price-row{justify-content:space-between;margin-top:14px;font-size:.92rem}.package-chips,.quote-package-list{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.package-chips span,.quote-package-list span{border:1px solid var(--card-border);background:#ffffff0f;border-radius:999px;padding:.45rem .68rem;font-size:.8rem}.catalog-grid{gap:22px;display:grid}.category-block h3{margin:0 0 12px;font-family:Outfit,sans-serif;font-size:1.2rem}.services-list{gap:12px;display:grid}.service-item{text-align:left;border-radius:var(--radius-lg);border:1px solid var(--card-border);width:100%;color:var(--text);cursor:pointer;transition:transform var(--transition), border-color var(--transition), background var(--transition), box-shadow var(--transition);background:#ffffff08;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:14px;padding:16px;display:grid}.service-item:hover{border-color:var(--card-border-strong);transform:translateY(-1px);box-shadow:0 10px 22px #0000001f}.service-item.selected{background:linear-gradient(#21d4fd14,#7c6cff0f);border-color:#21d4fd6b}.service-checkbox{appearance:none;cursor:pointer;width:22px;height:22px;transition:var(--transition);background:#ffffff08;border:2px solid #ffffff59;border-radius:6px;place-content:center;margin-top:3px;display:grid}.service-checkbox:before{content:"";clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);background:#fff;border-radius:3px;width:11px;height:11px;transform:scale(0)}.service-checkbox:checked{border-color:var(--accent-2);background:linear-gradient(135deg, var(--accent), var(--accent-2))}.service-checkbox:checked:before{transform:scale(1)}.service-info{min-width:0}.service-name-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.service-name{font-family:Outfit,sans-serif;font-size:1rem;font-weight:700}.info-pill{width:22px;height:22px;color:var(--text);border:1px solid var(--card-border);cursor:help;background:#21d4fd29;padding:0}.service-desc{font-size:.92rem;line-height:1.55}.service-inclusion{margin-top:8px;font-size:.84rem;font-style:italic}.service-price{white-space:nowrap;color:#d8f8ff;flex-direction:column;align-items:flex-end;min-width:92px;font-family:Outfit,sans-serif;font-weight:800}.price-original{color:var(--text-muted);font-size:.8rem;text-decoration:line-through}.qty-control{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:inline-flex}.qty-btn{width:34px;height:34px;color:var(--text);cursor:pointer;border:1px solid var(--card-border);transition:var(--transition);background:#ffffff14;border-radius:50%}.qty-btn:hover{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff}.qty-display{text-align:center;min-width:24px;font-weight:800}.qty-unit{color:var(--text-muted);font-size:.84rem}.quote-panel{gap:14px;display:grid;position:sticky;top:18px}.quote-head,.summary-row{justify-content:space-between}.quote-package,.quote-breakdown,.quote-notes{padding:16px}.quote-package h3,.quote-notes h3,.quote-package p{margin-top:10px}.empty-state{text-align:center;border-radius:var(--radius-lg);border:1px dashed var(--card-border-strong);padding:18px}.quote-items{gap:10px;display:grid}.quote-item{border-bottom:1px solid #ffffff14;justify-content:space-between;gap:14px;padding:12px 0;display:flex}.quote-item strong,.summary-row strong,.total-row strong{font-family:Outfit,sans-serif}.quote-item span{margin-top:4px;font-size:.84rem;display:block}.quote-breakdown{gap:10px;display:grid}.total-row{border-top:1px solid var(--card-border-strong);margin-top:6px;padding-top:12px;font-size:1.08rem}.quote-notes ul{color:var(--text-soft);gap:10px;margin:12px 0 0;padding-left:18px;line-height:1.55;display:grid}@media (width<=1120px){.workflow-card{grid-template-columns:1fr}}@media (width<=1180px){.workspace{grid-template-columns:1fr}.quote-panel{position:static}}@media (width<=920px){.hero,.workflow-card,.control-bar,.intro-card{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.stats-grid,.package-grid,.control-bar{grid-template-columns:1fr}.section-head{align-items:flex-start}}@media (width<=640px){#root{padding:12px}.hero,.workflow-card,.control-bar,.intro-card,.section-block,.quote-panel{padding:16px}.service-item{grid-template-columns:auto 1fr;grid-template-areas:"checkbox info""price price"}.service-checkbox{grid-area:checkbox}.service-info{grid-area:info}.service-price{grid-area:price;align-items:flex-start;padding-left:36px}.service-item{position:relative}.service-item .service-checkbox{position:absolute;top:16px;left:16px}.service-info{padding-left:34px}.quote-item{flex-direction:column}}@media print{body{color:#000;background:#fff}body:before,.hero-actions,.workflow-card,.control-bar,.quote-actions{display:none!important}.card{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}}