@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-display:"Outfit", sans-serif;--bg-base:#0e0e0e;--bg-panel:#141414;--bg-card:#ffffff0d;--bg-card-hover:#ffffff14;--accent-blue:#06f;--accent-blue-hover:#0052cc;--accent-blue-glow:#0066ff26;--accent-blue-border:#0066ff4d;--gradient-cyan:#00b2ff;--gradient-purple:#8c52ff;--gradient-pink:#ff1f9f;--accent-jade:#10b981;--accent-jade-glow:#10b9811f;--accent-jade-border:#10b98140;--text-primary:#fff;--text-secondary:#d4d4d8;--text-muted:#71717a;--line-color:#ffffff1a;--card-border:#00b2ff26;--line-color-focus:#06f;--glow-radius:40px;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg-base);height:100%;min-height:100svh;color:var(--text-primary);overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Plus Jakarta Sans,sans-serif;line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--line-color);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--accent-blue-border)}a{color:inherit;text-decoration:none}button,input,textarea{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}button{cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}button:disabled{cursor:not-allowed;opacity:.4}.appShell{isolation:isolate;background:radial-gradient(circle at 50% -20%,#0066ff1f,#0000 50%),radial-gradient(circle at 90% 80%,#8c52ff0f,#0000 45%),linear-gradient(#0e0e0e 0%,#050505 100%);flex-direction:column;justify-content:space-between;min-height:100svh;display:flex;position:relative}.gridGlow{z-index:-1;opacity:.04;pointer-events:none;background-image:linear-gradient(#ffffff1a 1px,#0000 1px),linear-gradient(90deg,#ffffff1a 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 90%);mask-image:radial-gradient(circle,#000 30%,#0000 90%)}.topbar{border-bottom:1px solid var(--line-color);z-index:10;justify-content:space-between;align-items:center;width:calc(100% - 40px);max-width:1560px;height:80px;margin:0 auto;display:flex}.brand{align-items:center;gap:12px;text-decoration:none;display:flex}.brand .logoBrand{letter-spacing:-.05em;color:#fff;text-transform:uppercase;font-family:Plus Jakarta Sans,sans-serif;font-size:1.5rem;font-weight:900}.brand .logoBrand .dot{color:var(--accent-blue)}.brand .logoSub{letter-spacing:.05em;text-transform:uppercase;color:#6da6ff;border:1px solid var(--accent-blue-border);background:var(--accent-blue-glow);border-radius:99px;padding:2px 8px;font-size:.75rem;font-weight:700}.topbarMeta{align-items:center;gap:24px;display:flex}.metaText{color:var(--text-muted);font-size:.85rem;font-weight:500}.headerCta{color:var(--text-primary);border:1px solid var(--line-color);background:#ffffff0d;border-radius:999px;padding:8px 18px;font-size:.85rem;font-weight:700;transition:all .25s}.headerCta:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.stage{flex-direction:column;flex:1;gap:32px;width:calc(100% - 48px);max-width:1560px;margin:0 auto;padding:30px 0 50px;display:flex}.heroCopy{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:800px;margin:0 auto;display:flex}.eyebrowBadge{border:1px solid var(--accent-blue-border);color:#6da6ff;text-transform:uppercase;letter-spacing:.1em;background:#0066ff1a;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:.75rem;font-weight:800;display:inline-flex}.eyebrowBadge span{background:var(--accent-blue);width:6px;height:6px;box-shadow:0 0 10px var(--accent-blue);border-radius:50%}.heroCopy h1{font-family:var(--font-display);letter-spacing:-.04em;color:var(--text-primary);text-wrap:balance;font-size:clamp(2rem,4.5vw,3.25rem);font-weight:900;line-height:1.1}.heroCopy p{color:var(--text-secondary);max-width:680px;font-size:clamp(1rem,1.2vw,1.15rem);font-weight:400;line-height:1.45}.heroCopy .subText{color:var(--text-muted);margin-top:2px;font-size:.85rem;font-style:italic}.workspaceGrid{grid-template-columns:minmax(260px,1fr) minmax(440px,1.5fr) minmax(320px,1.2fr);align-items:stretch;gap:24px;display:grid}.bentoCard{background:var(--bg-card);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(20px);border-radius:28px;flex-direction:column;padding:24px;transition:border-color .3s,box-shadow .3s;display:flex;box-shadow:0 10px 30px #00000073,inset 0 1px #ffffff0d}.bentoCard:hover{border-color:#ffffff1f}.narrativeCol{justify-content:flex-start;gap:24px}.narrativeHeader h3{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);margin-bottom:8px;font-size:1.35rem;font-weight:800}.narrativeHeader p{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.narrativeDivider{background:var(--line-color);width:100%;height:1px}.narrativeText{color:var(--text-secondary);font-size:.88rem;line-height:1.55}.narrativeCallout{border-left:2px solid var(--accent-blue);color:var(--text-primary);padding-left:14px;font-style:italic;font-weight:600}.narrativeBullets{flex-direction:column;gap:12px;list-style:none;display:flex}.narrativeBullets li{color:var(--text-secondary);align-items:flex-start;gap:10px;font-size:.88rem;font-weight:500;display:flex}.narrativeBullets li svg{color:var(--accent-blue);flex-shrink:0;margin-top:3px}.formCol{padding:0;overflow:hidden}.formHeader{border-bottom:1px solid var(--line-color);background:#ffffff03;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.formHeader .formTitle{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:8px;font-size:.75rem;font-weight:800;display:flex}.formHeader .stepCounter{color:var(--accent-blue);font-size:.8rem;font-weight:700}.stepIndicatorBar{background:var(--line-color);width:100%;height:3px;display:flex}.stepIndicatorBar .progressFill{background:linear-gradient(90deg, var(--gradient-cyan), var(--gradient-purple), var(--gradient-pink));height:100%;transition:width .3s cubic-bezier(.16,1,.3,1);box-shadow:0 0 10px #00b2ff66}.formBody{flex-direction:column;flex:1;padding:24px;display:flex}.stepPane{flex-direction:column;gap:20px;height:100%;animation:.3s cubic-bezier(.16,1,.3,1) both stepEnter;display:flex}.stepQuestion{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.35rem;font-weight:800;line-height:1.25}.painGrid{grid-template-columns:1fr;gap:10px;display:grid}.optionCard{border:1px solid var(--line-color);text-align:left;background:#ffffff05;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.optionCard:hover:not(:disabled){background:var(--bg-card-hover);border-color:#ffffff26;transform:translateY(-1px)}.optionCard.selected{border-color:var(--accent-blue-border);background:#0066ff14;box-shadow:0 4px 20px #0066ff26,inset 0 1px #0066ff26}.optionContent{align-items:center;gap:12px;font-size:.95rem;font-weight:600;display:flex}.optionContent svg{color:var(--accent-blue);flex-shrink:0}.checkIndicator{border:2px solid var(--line-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.optionCard.selected .checkIndicator{border-color:var(--accent-blue);background:var(--accent-blue);color:#fff}.channelsGrid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.channelChip{border:1px solid var(--line-color);text-align:center;background:#ffffff05;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px 8px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.channelChip:hover{background:var(--bg-card-hover);border-color:#ffffff1f}.channelChip.selected{border-color:var(--accent-blue-border);color:var(--text-primary);background:#0066ff14}.channelChip svg{color:var(--text-muted);transition:color .2s}.channelChip.selected svg{color:var(--accent-blue)}.stepMicrocopy{color:var(--text-muted);text-align:center;margin-top:4px;font-size:.8rem;font-style:italic}.outcomesContainer{flex-direction:column;gap:8px;display:flex}.serviceLevelGrid{flex-direction:column;gap:10px;display:flex}.serviceCard{border:1px solid var(--line-color);text-align:left;background:#ffffff05;border-radius:16px;align-items:flex-start;gap:14px;padding:14px 18px;transition:all .2s;display:flex}.serviceCard:hover{background:var(--bg-card-hover);border-color:#ffffff26}.serviceCard.selected{border-color:var(--accent-blue-border);background:#0066ff14}.serviceDetails{flex-direction:column;flex:1;gap:3px;display:flex}.serviceDetails strong{font-size:.95rem;font-weight:700}.serviceDetails p{color:var(--text-muted);font-size:.82rem;line-height:1.4}.contactForm{grid-template-columns:1fr 1fr;gap:14px;display:grid}.inputGroup{flex-direction:column;gap:6px;display:flex}.inputGroup.fullWidth{grid-column:span 2}.inputLabel{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem;font-weight:700}.inputWrapper{align-items:center;display:flex;position:relative}.inputWrapper svg{color:var(--text-muted);pointer-events:none;flex-shrink:0;position:absolute;left:14px}.inputWrapper input{border:1px solid var(--line-color);background:#0003;border-radius:14px;outline:none;width:100%;height:48px;padding:0 14px 0 42px;font-size:.92rem;font-weight:500;transition:all .2s}.inputWrapper input:focus{border-color:var(--accent-blue);background:#0000004d;box-shadow:0 0 0 3px #0066ff26}.textareaField{border:1px solid var(--line-color);resize:vertical;width:100%;min-height:96px;color:var(--text-primary);background:#0003;border-radius:16px;outline:none;margin-top:12px;padding:14px;font-size:.9rem;line-height:1.45}.textareaField:focus{border-color:var(--accent-blue);background:#0000004d;box-shadow:0 0 0 3px #0066ff26}.formFooter{border-top:1px solid var(--line-color);background:#ffffff03;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.formFooter .actionBtns{gap:10px;width:100%;display:flex}.btnBack{border:1px solid var(--line-color);color:var(--text-secondary);background:0 0;border-radius:99px;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:600;display:flex}.btnBack:hover{background:#ffffff0d;border-color:#ffffff26}.btnNext{background:var(--accent-blue);color:#fff;border:none;border-radius:99px;justify-content:center;align-items:center;gap:8px;margin-left:auto;padding:12px 24px;font-size:.9rem;font-weight:700;display:flex;box-shadow:0 4px 15px #0066ff59}.btnNext:hover:not(:disabled){transform:scale(1.03);box-shadow:0 6px 20px #0066ff80}.btnNext:disabled{box-shadow:none}.previewCol{justify-content:flex-start;gap:20px;position:relative;overflow:hidden}.previewCol:before{content:"";filter:blur(20px);pointer-events:none;opacity:.5;background:radial-gradient(circle,#00b2ff26 0%,#0000 70%);border-radius:50%;width:180px;height:180px;position:absolute;top:-10%;right:-10%}.previewHeader{border-bottom:1px solid var(--line-color);justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.previewHeader span{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.75rem;font-weight:800}.previewTip{color:var(--text-muted);background:#0066ff0a;border:1px solid #0066ff1f;border-radius:16px;align-items:flex-start;gap:10px;padding:12px;font-size:.78rem;line-height:1.4;display:flex}.liveBadge{text-transform:uppercase;color:var(--accent-jade);background:var(--accent-jade-glow);border:1px solid var(--accent-jade-border);border-radius:99px;align-items:center;gap:6px;padding:2px 8px;font-size:.7rem;font-weight:800;display:flex}.liveBadge .pulseDot{background:var(--accent-jade);border-radius:50%;width:5px;height:5px;animation:1.6s infinite alternate pulseGlow}.previewEmptyState{text-align:center;color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:40px 10px;display:flex}.previewEmptyIcon{border:1px dashed var(--line-color);width:56px;height:56px;color:var(--text-muted);background:#ffffff03;border-radius:20px;justify-content:center;align-items:center;animation:15s linear infinite spinSlow;display:flex}.previewEmptyState p{max-width:220px;font-size:.85rem;line-height:1.45}.previewContent{flex-direction:column;flex:1;gap:20px;animation:.3s cubic-bezier(.16,1,.3,1) both stepEnter;display:flex}.agentHeader{align-items:center;gap:16px;display:flex}.agentAvatar{border:1px solid var(--accent-blue-border);width:60px;height:60px;color:var(--accent-blue);background:linear-gradient(135deg,#1f2230,#0e0e0e);border-radius:20px;justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:0 8px 24px #0000004d}.agentAvatarImg{object-fit:cover;object-position:top;width:100%;height:100%}.agentTitleBlock{flex-direction:column;gap:2px;display:flex}.agentTitleBlock .kicker{text-transform:uppercase;color:var(--accent-blue);letter-spacing:.05em;font-size:.72rem;font-weight:800}.agentTitleBlock h4{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.6rem;font-weight:900;line-height:1.1}.agentDescription{color:var(--text-secondary);border-left:2px solid var(--accent-blue);background:#ffffff03;border-radius:14px;padding:12px 14px;font-size:.85rem;line-height:1.5}.previewSubTitle{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-bottom:6px;font-size:.72rem;font-weight:800;display:block}.agentRolesList{flex-direction:column;gap:6px;list-style:none;display:flex}.agentRolesList li{color:var(--text-secondary);align-items:center;gap:8px;font-size:.82rem;font-weight:500;display:flex}.agentRolesList li svg{color:var(--accent-blue);flex-shrink:0}.channelTags{flex-wrap:wrap;gap:6px;display:flex}.channelTag{border:1px solid var(--line-color);background:#ffffff0a;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:flex}.channelTag svg{color:var(--accent-blue)}.deliverableCard{border:1px solid var(--accent-blue-border);background:#0066ff08;border-radius:16px;padding:14px}.deliverableCard ul{flex-direction:column;gap:6px;margin-top:6px;list-style:none;display:flex}.deliverableCard li{color:var(--text-secondary);align-items:flex-start;gap:8px;font-size:.8rem;line-height:1.4;display:flex}.deliverableCard li svg{color:var(--accent-jade);flex-shrink:0;margin-top:2px}.resultScreen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100%;padding:30px 10px;display:flex}.successIconGlow{background:var(--accent-jade-glow);border:1px solid var(--accent-jade-border);width:64px;height:64px;color:var(--accent-jade);border-radius:22px;justify-content:center;align-items:center;margin-bottom:8px;display:flex;box-shadow:0 0 20px #10b98133}.resultScreen h2{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.6rem;font-weight:800}.resultScreen p{color:var(--text-secondary);max-width:380px;font-size:.92rem;line-height:1.5}.statusNotice{border-radius:12px;width:100%;padding:12px 14px;font-size:.8rem;font-weight:600}.statusNotice.success{background:var(--accent-jade-glow);border:1px solid var(--accent-jade-border);color:var(--accent-jade)}.statusNotice.error{color:#f87171;background:#ef444414;border:1px solid #ef444433}.statusNotice.saving{border:1px solid var(--accent-blue-border);color:var(--accent-blue);background:#0066ff14}.btnReset{border:1px solid var(--line-color);color:var(--text-muted);background:0 0;border-radius:99px;margin-top:10px;padding:10px 20px;font-size:.85rem;font-weight:600}.btnReset:hover{color:var(--text-primary);background:#ffffff0a}.screenFooter{border-top:1px solid var(--line-color);width:calc(100% - 40px);max-width:1560px;height:60px;color:var(--text-muted);justify-content:space-between;align-items:center;margin:0 auto;font-size:.78rem;font-weight:500;display:flex}@keyframes stepEnter{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pulseGlow{0%{box-shadow:0 0 4px var(--accent-jade);opacity:.6}to{box-shadow:0 0 12px var(--accent-jade);opacity:1}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.workspaceCol{flex-direction:column;align-items:stretch;gap:16px;display:flex;position:relative}.workspaceCol .bentoCard{flex:1}.schematicHeader{z-index:2;justify-content:space-between;align-items:center;width:100%;padding:0 4px;display:flex;position:relative}.schematicBadge{letter-spacing:.08em;color:var(--gradient-cyan);text-transform:uppercase;background:#00b2ff0d;border:1px dashed #00b2ff33;border-radius:99px;align-items:center;gap:8px;width:fit-content;padding:4px 12px;font-family:monospace;font-size:.68rem;display:inline-flex;box-shadow:0 2px 8px #0003}.schematicDot{background:var(--gradient-cyan);border-radius:50%;width:6px;height:6px;display:inline-block}.schematicDot.pulse{background:var(--gradient-cyan);box-shadow:0 0 8px var(--gradient-cyan);animation:2s infinite alternate schematic-pulse-glow}@keyframes schematic-pulse-glow{0%{opacity:.5;box-shadow:0 0 4px var(--gradient-cyan);transform:scale(.85)}to{opacity:1;box-shadow:0 0 10px var(--gradient-cyan);transform:scale(1.25)}}.schematicArrow{color:var(--accent-blue);margin-left:2px;font-weight:800}.schematicNode{color:var(--text-muted);letter-spacing:.08em;border:1px solid var(--line-color);text-transform:uppercase;background:#ffffff05;border-radius:4px;padding:3px 8px;font-family:monospace;font-size:.65rem}@media (width>=993px){.workspaceGrid{position:relative}.workspaceGrid:before{content:"";z-index:0;pointer-events:none;background:repeating-linear-gradient(90deg,#00b2ff26 0 6px,#0000 6px 12px);width:80%;height:1px;position:absolute;top:14px;left:10%}.workspaceCol:after{content:"";z-index:1;pointer-events:none;border-left:1px dashed #00b2ff59;width:1px;height:30px;position:absolute;top:14px;left:26px}}@media (width<=1120px){.workspaceGrid{grid-template-columns:minmax(220px,1fr) minmax(380px,1.4fr) minmax(280px,1.1fr);gap:16px}}.mobileNavTabs,.mobileFormLivePreview{display:none!important}@media (width<=992px){.stage{gap:24px;padding:20px 0 30px}.heroCopy h1{font-size:2.25rem}.workspaceGrid{scrollbar-width:none;-ms-overflow-style:none;padding-bottom:12px;scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important;flex-flow:row!important;gap:0!important;width:100%!important;display:flex!important;overflow-x:auto!important}.workspaceGrid::-webkit-scrollbar{display:none!important}.workspaceCol{scroll-snap-align:center!important;box-sizing:border-box!important;flex-direction:column!important;flex:0 0 100%!important;order:unset!important;width:100%!important;max-width:100%!important;padding:0 12px!important;display:flex!important}.narrativeColContainer,.formColContainer,.previewColContainer{display:flex!important}.mobileNavTabs{-webkit-backdrop-filter:blur(20px);z-index:10;background:#ffffff05;border:1px solid #ffffff0f;border-radius:99px;justify-content:center;align-items:center;gap:6px;width:calc(100% - 24px);max-width:380px;margin:0 auto 20px;padding:4px;box-shadow:0 8px 32px #0000004d;display:flex!important}.mobileNavTabs .tabItem{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:99px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:8px 10px;transition:all .25s ease-out;display:flex}.mobileNavTabs .tabItem .tabNum{opacity:.5;font-family:monospace;font-size:.65rem;font-weight:800}.mobileNavTabs .tabItem .tabText{font-size:.75rem;font-weight:700}.mobileNavTabs .tabItem.active{color:#fff;background:#ffffff14;border-color:#ffffff26;box-shadow:inset 0 1px #ffffff1a,0 4px 12px #0003}.mobileNavTabs .tabItem.active .tabNum{color:var(--accent-blue);opacity:1}.mobileFormLivePreview{text-align:left;background:#00b2ff0a;border:1px dashed #00b2ff40;border-radius:16px;flex-direction:column;gap:6px;margin:16px 0;padding:12px 16px;transition:all .3s;display:flex!important}.mobileFormLivePreview .livePreviewTitle{color:var(--accent-blue);letter-spacing:.1em;align-items:center;gap:6px;font-size:.68rem;font-weight:800;display:flex}.mobileFormLivePreview .liveDot{background-color:var(--accent-blue);width:6px;height:6px;box-shadow:0 0 8px var(--accent-blue);border-radius:50%;animation:1.5s infinite alternate previewPulse}.mobileFormLivePreview .livePreviewVal{color:var(--text-secondary);font-size:.82rem;line-height:1.45}.mobileFormLivePreview .livePreviewVal strong{color:var(--text-primary);font-weight:700}.workspaceCol .bentoCard{min-height:max(560px,100vh - 240px)!important;padding:20px!important}.formHeader{padding:16px 20px!important}.formBody{padding:20px!important}}@keyframes previewPulse{0%{opacity:.4;transform:scale(.9)}to{opacity:1;transform:scale(1.1)}}@media (width<=768px){.appShell{min-height:auto;overflow-y:auto}.topbar{height:70px}.topbarMeta{display:none}.stage{gap:20px;width:calc(100% - 24px);padding:10px 0 40px}.heroCopy h1{font-size:1.85rem}.contactForm{grid-template-columns:1fr}.inputGroup.fullWidth{grid-column:span 1}.channelsGrid{grid-template-columns:repeat(2,1fr)}.screenFooter{text-align:center;border-top:1px solid var(--line-color);flex-direction:column;gap:8px;height:auto;padding:16px 0}}