.landing-page{--navy:var(--color-primary);--charcoal:var(--color-heading);--gray:var(--color-body);--white:var(--color-surface);--surface:var(--color-background);--text-primary:var(--color-heading);--text-muted:var(--color-muted-foreground);--landing-topbar-h:2.25rem;--landing-navbar-h:4rem;--landing-header-h:calc(var(--landing-topbar-h) + var(--landing-navbar-h));isolation:isolate;background:var(--color-background);width:100%;max-width:100vw;min-height:100vh;color:var(--color-heading);font-family:var(--font-family-body), Inter, system-ui, sans-serif;position:relative;overflow-x:clip}.landing-page>header,.landing-page>main,.landing-page>footer{z-index:1;position:relative}.landing-font-display{font-family:var(--font-family-landing-display), "Space Grotesk", system-ui, sans-serif}.landing-container{width:100%;max-width:var(--container-max-width);margin-inline:auto;padding-inline:1rem}@media (min-width:640px){.landing-container{padding-inline:1.5rem}}@media (min-width:1024px){.landing-container{padding-inline:2.5rem}}.landing-section-base{background:var(--white)}.landing-section-alt{background:var(--surface)}.landing-section-label{letter-spacing:.16em;text-transform:uppercase;color:var(--navy);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.6875rem;font-weight:600}.landing-section-title{font-family:var(--font-family-landing-display), "Space Grotesk", system-ui, sans-serif;color:var(--charcoal);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:700;line-height:1.15}.landing-body{color:var(--gray);font-size:1.0625rem;line-height:1.65}.landing-card{background:var(--white);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:0 1px 2px #0f172a0a,0 8px 28px #0b4f4712}.landing-card-hover,.landing-elite-card{will-change:transform;transition:border-color .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1),transform .4s cubic-bezier(.22,1,.36,1)}.landing-card-hover:hover,.landing-elite-card:hover{border-color:#0b4f4747;transform:translateY(-6px);box-shadow:0 4px 12px #0f172a0f,0 20px 48px #0b4f4724}.landing-reveal-card{transition:transform .45s cubic-bezier(.22,1,.36,1),border-color .35s,box-shadow .45s}.landing-reveal-card:hover{border-color:#0b4f4738;transform:translateY(-5px);box-shadow:0 20px 48px #0b4f471c}.landing-section-premium{position:relative}.landing-section-premium:before{content:"";pointer-events:none;background:radial-gradient(60% 40% at 50% 0,#0b4f470d,#0000 70%);position:absolute;inset:0}.landing-bento-card{border:1px solid var(--color-border);background:var(--white);box-shadow:var(--shadow-card);border-radius:20px;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s,border-color .35s}.landing-bento-card:hover{border-color:#0b4f4733;transform:translateY(-4px);box-shadow:0 24px 56px #0b4f471a}.landing-editorial-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--navy);font-size:.75rem;font-weight:600}.landing-editorial-marker{width:2.5rem;font-family:var(--font-family-brand), "Syne", system-ui, sans-serif;color:var(--navy);opacity:.45;flex-shrink:0;font-size:.875rem;font-weight:700;line-height:1.2}.landing-editorial-moment:not(:last-child) .min-w-0{border-bottom:1px solid #e4e1dbe6}.landing-problem-card{border-radius:var(--radius-panel,1rem);border:1px solid var(--color-border);background:var(--color-surface);padding:1.5rem 1.25rem;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s,border-color .35s,background-color .35s;position:relative;overflow:hidden;box-shadow:0 1px 2px #0f172a0a}@media (min-width:640px){.landing-problem-card{padding:1.75rem 1.5rem}}.landing-problem-card:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:linear-gradient(135deg,#0b4f470f 0%,#0000 55%);transition:opacity .4s;position:absolute;inset:0}.landing-problem-card:hover{border-color:color-mix(in srgb, var(--color-primary) 28%, transparent);transform:translateY(-6px);box-shadow:0 4px 12px #0b4f470f,0 20px 48px #0b4f471a}.landing-problem-card:hover:before{opacity:1}.landing-problem-marker{border:1px solid color-mix(in srgb, var(--color-primary) 18%, transparent);background:var(--color-accent-muted);width:2.75rem;height:2.75rem;font-family:var(--font-family-brand), "Syne", system-ui, sans-serif;color:var(--color-primary);border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;font-size:.8125rem;font-weight:700;transition:transform .45s cubic-bezier(.22,1,.36,1),background-color .35s,border-color .35s,box-shadow .35s;display:flex}.landing-problem-card:hover .landing-problem-marker{border-color:color-mix(in srgb, var(--color-primary) 35%, transparent);background:color-mix(in srgb, var(--color-primary) 12%, var(--color-surface));transform:scale(1.08);box-shadow:0 4px 16px #0b4f4726}.landing-editorial-stat-card{transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s,border-color .35s}.landing-editorial-stat-card:hover{border-color:#0b4f4733;transform:translateY(-4px);box-shadow:0 16px 40px #0b4f4714}.landing-editorial-timeline-step{padding-bottom:3.5rem;position:relative}.landing-editorial-timeline-step:not(:last-child):before{content:"";background:linear-gradient(#0b4f4759,#e4e1db80);width:1px;position:absolute;top:0;bottom:0;left:.75rem}@media (min-width:1024px){.landing-editorial-timeline-step:not(:last-child):before{display:none}}.landing-editorial-visual{transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s}.landing-editorial-visual:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0b4f4714}.landing-editorial-worker-card{transition:transform .4s cubic-bezier(.22,1,.36,1),border-color .35s,box-shadow .4s}.landing-editorial-worker-card:hover{border-color:#0b4f4738;transform:translateY(-3px);box-shadow:0 12px 28px #0b4f4714}.landing-card-shine{position:relative;overflow:hidden}.landing-card-shine:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 42%,#ffffff73 50%,#0000 58%);transition:transform .6s;position:absolute;inset:0;transform:translate(-120%)}.landing-card-shine:hover:after{transform:translate(120%)}.landing-btn-primary{background:var(--navy);color:var(--white);border-radius:var(--radius-button);box-shadow:var(--shadow-glow);font-family:var(--font-family-display), "Space Grotesk", system-ui, sans-serif;transition:background var(--motion-hover) var(--motion-easing), transform var(--motion-hover) var(--motion-easing), box-shadow var(--motion-hover) var(--motion-easing)}.landing-btn-primary.rounded-pill,.landing-header-btn,.landing-navbar-shell .landing-btn-primary,.landing-navbar-shell .landing-btn-ghost,.landing-mobile-menu .landing-btn-primary,.landing-mobile-menu .landing-btn-ghost{border-radius:100px}.landing-btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 8px 28px #0b4f4752}.landing-btn-primary:active{transform:translateY(0)}.landing-btn-shine{position:relative;overflow:hidden}.landing-btn-shine:before{content:"";background:linear-gradient(105deg,#0000 40%,#ffffff38 50%,#0000 60%);transition:transform .55s;position:absolute;inset:0;transform:translate(-130%)}.landing-btn-shine:hover:before{transform:translate(130%)}.landing-btn-ghost{color:var(--gray);transition:color .2s}.landing-btn-ghost:hover{color:var(--navy);background:var(--color-accent-muted)}.landing-hero-grid{background-image:linear-gradient(#0b4f470d 1px,#0000 1px),linear-gradient(90deg,#0b4f470d 1px,#0000 1px);background-size:60px 60px}.landing-hero-radial{background:radial-gradient(85% 65% at 50% 35%,#0b4f471a,#0000 68%)}.landing-hero-orb{filter:blur(90px);pointer-events:none;border-radius:50%;animation:14s ease-in-out infinite landing-orb-float;position:absolute}.landing-hero-orb-1{background:#0b4f471f;width:200px;height:200px;top:8%;left:12%}.landing-hero-orb-2{background:#0f172a14;width:180px;height:180px;animation-delay:-4s;top:28%;right:8%}.landing-hero-orb-3{background:#0b4f4714;width:140px;height:140px;animation-delay:-8s;bottom:18%;left:38%}@media (min-width:640px){.landing-hero-orb-1{width:280px;height:280px}.landing-hero-orb-2{width:260px;height:260px}.landing-hero-orb-3{width:200px;height:200px}}@media (min-width:1024px){.landing-hero-orb-1{width:340px;height:340px}.landing-hero-orb-2{width:300px;height:300px}.landing-hero-orb-3{width:220px;height:220px}}@keyframes landing-orb-float{0%,to{transform:translate(0)}33%{transform:translate(18px,-12px)}66%{transform:translate(-12px,8px)}}.landing-hero-mockup{border:1px solid #0f172a24;border-radius:16px;box-shadow:0 2px 4px #0f172a0a,0 20px 60px #0b4f4724}.landing-hero-accent{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-hover) 52%, var(--color-secondary) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.landing-cursor-blink{vertical-align:text-bottom;background:var(--navy);width:2px;height:1em;margin-left:2px;animation:1s step-end infinite landing-blink;display:inline-block}@keyframes landing-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes landing-marquee-ltr{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes landing-marquee-rtl{0%{transform:translate(-50%)}to{transform:translate(0)}}.landing-ticker-track{gap:.75rem;width:max-content;display:flex}.landing-ticker-ltr{animation:40s linear infinite landing-marquee-ltr}.landing-ticker-rtl{animation:40s linear infinite landing-marquee-rtl}.landing-ticker-track:hover{animation-play-state:paused}.landing-countdown-flip{animation:.35s landing-flip}@keyframes landing-flip{0%{opacity:1;transform:rotateX(0)}50%{opacity:.4;transform:rotateX(90deg)}to{opacity:1;transform:rotateX(0)}}.landing-locked-card{background:#f8f8f7cc;border:1px dashed #0f172a40;position:relative}.landing-locked-overlay{border-radius:inherit;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff8c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.landing-input{background:var(--white);color:var(--charcoal);border:1px solid #0f172a33;border-radius:8px;transition:border-color .2s,box-shadow .2s}.landing-input::placeholder{color:var(--gray)}.landing-input:focus{border-color:var(--navy);outline:none;box-shadow:0 0 0 3px #0b4f471f}[data-navbar]{box-shadow:none!important;background:0 0!important;border-bottom:none!important}.landing-navbar-shell{top:var(--landing-topbar-h);z-index:50;padding:.625rem 1rem .75rem;transition:padding .35s cubic-bezier(.22,1,.36,1);position:fixed;left:0;right:0}.landing-navbar-shell--scrolled{padding-top:.375rem;padding-bottom:.5rem}.landing-navbar-pill{-webkit-backdrop-filter:blur(24px);background:#fdfcfa94;border:1px solid #e4e1dbd9;border-radius:100px;max-width:72rem;min-height:3.25rem;margin-inline:auto;padding:.375rem .5rem .375rem 1rem;transition:box-shadow .35s cubic-bezier(.22,1,.36,1),background .35s;box-shadow:inset 0 1px #ffffffbf,0 8px 32px -12px #0f172a2e}.landing-navbar-shell--scrolled .landing-navbar-pill{background:#fdfcfab8;box-shadow:inset 0 1px #ffffffd9,0 12px 40px -14px #0f172a38}.landing-nav-pill-link{color:var(--gray);border-radius:100px;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;transition:color .25s,background .25s;display:inline-block;position:relative}.landing-nav-pill-link:after{content:"";background:var(--navy);width:60%;height:2px;transition:transform .3s cubic-bezier(.22,1,.36,1);position:absolute;bottom:.35rem;left:50%;transform:translate(-50%)scaleX(0)}.landing-nav-pill-link:hover{color:var(--navy);background:#0b4f470f}.landing-nav-pill-link:hover:after{transform:translate(-50%)scaleX(1)}.landing-mobile-overlay{-webkit-backdrop-filter:blur(4px);background:#0f172a40}.landing-mobile-menu{-webkit-backdrop-filter:blur(20px);background:#fdfcfaeb;border:1px solid #e4e1dbe6;transition:opacity .35s cubic-bezier(.22,1,.36,1),visibility .35s;box-shadow:0 24px 64px -24px #0f172a59}.landing-btn-outline{color:var(--charcoal);border:1px solid var(--color-border-strong);background:0 0;transition:color .25s,border-color .25s,background .25s,transform .25s}.landing-btn-outline:hover{color:var(--navy);background:var(--color-accent-muted);border-color:#0b4f4759;transform:translateY(-1px)}.landing-topbar{min-height:var(--landing-topbar-h);background:var(--color-primary);border-bottom-color:#ffffff1f}@media (min-width:640px){.landing-page{--landing-topbar-h:2.5rem}}.landing-footer-light{background:linear-gradient(180deg, var(--color-background) 0%, #fdfcfa 100%)}.landing-footer-label-light{letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary);font-size:.6875rem;font-weight:600}.landing-footer-link-light{color:var(--gray);font-size:.875rem;transition:color .25s,transform .25s}.landing-footer-link-light:hover{color:var(--navy);transform:translate(2px)}.landing-footer-bar-light{border-color:var(--color-border)}.landing-footer-band{color:#f5f0e8;background:#0f172a;margin-top:0}.landing-footer-band .landing-footer-cta{background:linear-gradient(135deg,#0b4f4759 0%,#0f172af2 55%,#0f172a 100%);border-color:#ffffff14!important}.landing-footer-label{letter-spacing:.12em;text-transform:uppercase;color:#a89f92;font-size:.6875rem;font-weight:600}.landing-footer-link{color:#d9d0c4;font-size:.875rem;transition:color .25s}.landing-footer-link:hover{color:#fff}.landing-footer-cta-btn{color:#0f172a;background:#f5f0e8;transition:background .25s,transform .25s}.landing-footer-cta-btn:hover{background:#fff;transform:translateY(-1px)}.landing-footer-outline-btn{color:#f5f0e8;border:1px solid #4a453d;transition:background .25s,border-color .25s}.landing-footer-outline-btn:hover{background:#2a2722;border-color:#6b6358}.landing-footer-bar{border-color:#2f2b25}.landing-footer-cta{background:linear-gradient(135deg,#0b4f4714 0%,#fff 55%,#f8f8f7 100%);transition:box-shadow .45s,border-color .45s,transform .45s cubic-bezier(.22,1,.36,1);box-shadow:inset 0 1px #fffc,0 12px 40px #0b4f471a}.landing-elite-glow:hover{border-color:#0b4f4747;box-shadow:inset 0 1px #ffffffe6,0 20px 56px #0b4f4729}.landing-faq-item{transition:border-color .35s,box-shadow .35s,transform .35s cubic-bezier(.22,1,.36,1)}.landing-faq-item:hover{border-color:#0b4f4738;box-shadow:0 2px 8px #0f172a0a,0 12px 32px #0b4f4714}.landing-faq-item[data-open=true]{border-color:#0b4f474d;box-shadow:0 4px 12px #0f172a0d,0 16px 40px #0b4f471a}.landing-faq-toggle{transition:transform .35s cubic-bezier(.22,1,.36,1)}.landing-faq-toggle[data-open=true]{transform:rotate(45deg)}.landing-faq-answer-grid{grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.22,1,.36,1);display:grid}.landing-faq-answer-grid[data-open=true]{grid-template-rows:1fr}.landing-faq-answer-inner{overflow:hidden}.landing-integration-pill{transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .35s}.landing-integration-pill:hover{border-color:#0b4f4747;transform:translateY(-3px)scale(1.02);box-shadow:0 4px 12px #0f172a0f,0 12px 28px #0b4f471a}.landing-locked-card{transition:transform .4s cubic-bezier(.22,1,.36,1),border-color .35s,box-shadow .35s}.landing-locked-card:hover{border-color:#0b4f4740;transform:translateY(-4px);box-shadow:0 12px 32px #0b4f4714}.landing-nav-link{position:relative}.landing-nav-link:after{content:"";background:var(--navy);transform-origin:100%;width:100%;height:2px;transition:transform .3s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.landing-nav-link:hover:after{transform-origin:0;transform:scaleX(1)}.landing-brand-slot{flex-shrink:0;width:auto;min-width:10.5rem}@media (min-width:640px){.landing-brand-slot{min-width:11.75rem}}.landing-headline-rule{background:linear-gradient(90deg, var(--charcoal), #0f172a26);transform-origin:0;border-radius:999px;width:4.5rem;height:3px;transition:width .5s cubic-bezier(.22,1,.36,1)}.landing-headline-rule--navy{background:linear-gradient(90deg, var(--navy), #0b4f4726)}.landing-premium-head:hover .landing-headline-rule,[data-problem-header]:hover .landing-headline-rule,[data-solution-header]:hover .landing-headline-rule{width:6.5rem}.landing-narrative-card{background:linear-gradient(145deg,#fff 0%,#f8f8f7d9 100%);border:1px solid #0f172a1a;border-radius:14px;grid-template-columns:auto 1fr;align-items:start;gap:1rem 1.25rem;padding:1.25rem 1.5rem;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s,border-color .35s;display:grid;position:relative;overflow:hidden;box-shadow:0 1px 2px #0f172a0a,0 8px 24px #0b4f470d}.landing-narrative-card--solution{background:linear-gradient(145deg,#fff 0%,#eff6ff59 100%)}.landing-narrative-card:hover{border-color:#0b4f4738;transform:translateY(-6px);box-shadow:0 4px 12px #0f172a0f,0 20px 48px #0b4f471f}.landing-narrative-card--accent{background:linear-gradient(145deg,#fff 0%,#0b4f470f 100%);border-color:#0b4f472e}.landing-narrative-index{letter-spacing:.08em;color:#0f172a59;padding-top:.2rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;font-weight:700;transition:color .3s,transform .3s}.landing-narrative-index--navy{color:#0b4f4773}.landing-narrative-card:hover .landing-narrative-index{color:var(--navy);transform:scale(1.08)}@media (prefers-reduced-motion:reduce){.landing-hero-orb,.landing-ticker-ltr,.landing-ticker-rtl,.landing-countdown-flip,.landing-card-hover,.landing-elite-card,.landing-integration-pill,.landing-locked-card,.landing-footer-cta,.landing-faq-item,.landing-narrative-card{transition:none}.landing-card-hover:hover,.landing-elite-card:hover,.landing-integration-pill:hover,.landing-locked-card:hover,.landing-elite-glow:hover,.landing-narrative-card:hover,.pro-feature-card:hover{transform:none}.landing-btn-shine:before,.landing-card-shine:after{display:none}}@media (max-width:639px){.landing-integration-pill{padding:.5rem .875rem;font-size:.8125rem}}.landing-page .pricing-card{background:linear-gradient(#fffffff2 0%,#f8f8f7e6 100%);border:1px solid #0f172a1a;box-shadow:0 1px 2px #0f172a0a,0 12px 32px #0b4f4714}.landing-page .pricing-card-popular{background:linear-gradient(165deg,#fff 0%,#eff6ffd9 45%,#fffffff2 100%)}.landing-page .pricing-range{appearance:none;background:linear-gradient(90deg,#0b4f4759,#0b4f471f);border-radius:999px;height:6px}.landing-page .pricing-range::-webkit-slider-thumb{appearance:none;background:var(--navy);cursor:pointer;border-radius:50%;width:18px;height:18px;transition:transform .15s;box-shadow:0 2px 8px #0b4f4759}.landing-page .pricing-range::-webkit-slider-thumb:hover{transform:scale(1.1)}.landing-page .pricing-range::-moz-range-thumb{background:var(--navy);cursor:pointer;border:none;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 8px #0b4f4759}.pro-feature-card{will-change:transform;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .35s}.pro-feature-card:hover{border-color:color-mix(in srgb, var(--color-primary) 32%, transparent);transform:translateY(-8px)scale(1.02);box-shadow:0 8px 16px #0b4f470f,0 28px 56px #0b4f4724}.pro-feature-card:hover .pro-feature-emoji{transform:scale(1.12)rotate(-3deg)}.pro-feature-card:hover .pro-zapier-chip{border-color:color-mix(in srgb, var(--color-primary) 28%, transparent);transform:translateY(-2px);box-shadow:0 8px 20px #0b4f471a}.pro-feature-card--featured{background:linear-gradient(145deg,#fff 0%,#e6f1efbf 55%,#fff 100%)}.pro-feature-card--zapier:hover .pro-zapier-grid{border-color:color-mix(in srgb, var(--color-primary) 22%, transparent)}.pro-feature-voice-panel{transition:border-color .35s,box-shadow .35s}.pro-feature-card:hover .pro-feature-voice-panel{border-color:color-mix(in srgb, var(--color-primary) 28%, transparent);box-shadow:0 8px 24px #0b4f4714}.pro-feature-shine{background:linear-gradient(105deg,#0000 40%,#ffffff8c 50%,#0000 60%);transform:translate(-100%)}.pro-feature-card:hover .pro-feature-shine{animation:.85s forwards pro-shine-sweep}@keyframes pro-shine-sweep{to{transform:translate(100%)}}.pro-feature-badge{z-index:2;position:absolute;top:1rem;right:1rem}.pro-voice-bar{height:calc(var(--bar-h,.5) * 2.5rem);animation:1.2s ease-in-out infinite alternate pro-voice-pulse}@keyframes pro-voice-pulse{0%{opacity:.65;transform:scaleY(.45)}to{opacity:1;transform:scaleY(1)}}.pro-feature-card--zapier{background:linear-gradient(135deg,#fff 0%,#fffbeb80 50%,#fff 100%)}@media (prefers-reduced-motion:reduce){.pro-voice-bar,.pro-feature-card:hover .pro-feature-shine{animation:none}.pro-feature-card:hover,.landing-problem-card:hover,.landing-problem-card:hover .landing-problem-marker{transform:none}}.brain-visual{--brain-fill:0%;width:100%;margin-inline:auto}.brain-visual--hero{max-width:28rem}.brain-visual--onboarding{max-width:20rem}.brain-visual-stage{aspect-ratio:1;width:100%;position:relative}.brain-visual-wires{width:100%;height:100%;color:var(--color-primary);pointer-events:none;position:absolute;inset:0}.brain-visual-dot{transform-box:fill-box;transform-origin:50%;transform:translate(var(--dot-from-x), var(--dot-from-y))}.brain-visual-source{left:var(--source-x);top:var(--source-y);z-index:2;border:1px solid var(--color-border);background:#fff;border-radius:9999px;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0b4f4714}.brain-visual-source-ring{background:color-mix(in srgb, var(--source-color) 18%, transparent);border-radius:9999px;position:absolute;inset:3px}.brain-visual-source-label{z-index:1;color:var(--source-color);font-size:.625rem;font-weight:700;position:relative}.brain-visual-core{z-index:1;width:58%;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.brain-visual--hero .brain-visual-core{width:62%}.brain-visual-glow{opacity:.85;background:radial-gradient(circle,#3b82f647,#0000 68%);border-radius:9999px;position:absolute;inset:-12%}.brain-visual-brain{aspect-ratio:1;width:100%;position:relative}.brain-visual-base,.brain-visual-colored{object-fit:contain;width:100%;height:auto;display:block}.brain-visual-fill-layer{clip-path:inset(calc(100% - var(--brain-fill)) 0 0 0);transition:clip-path .8s;position:absolute;inset:0;overflow:hidden}.brain-visual-colored{filter:brightness(.92)sepia()saturate(4.5)hue-rotate(186deg)brightness(1.05)}.brain-visual-percent{z-index:3;color:#fff;text-shadow:0 2px 12px #0000008c;pointer-events:none;font-size:1.25rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.brain-visual-caption{text-align:center;color:var(--gray);margin-top:.5rem;font-size:.75rem}.brain-visual--complete .brain-visual-glow{background:radial-gradient(circle,#3b82f68c,#0000 70%)}.brain-visual--complete .brain-visual-brain{filter:drop-shadow(0 0 22px #3b82f6a6);transition:filter 1s}@media (prefers-reduced-motion:no-preference){.brain-visual--auto .brain-visual-fill-layer{animation:5s ease-in-out infinite brain-visual-fill-cycle}.brain-visual--auto .brain-visual-glow{animation:3s ease-in-out infinite brain-visual-glow-pulse}.brain-visual-dot{animation:2.6s ease-in infinite brain-visual-dot-travel}.brain-visual-dot--delay-1{animation-delay:.4s}.brain-visual-dot--delay-2{animation-delay:.8s}.brain-visual--complete .brain-visual-brain{animation:.7s ease-out forwards brain-visual-complete-pop}}@keyframes brain-visual-fill-cycle{0%,8%{clip-path:inset(100% 0 0)}55%,88%{clip-path:inset(0)}to{clip-path:inset(100% 0 0)}}@keyframes brain-visual-glow-pulse{0%,to{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@keyframes brain-visual-dot-travel{0%{transform:translate(var(--dot-from-x), var(--dot-from-y));opacity:.35}15%{opacity:1}85%{opacity:1}to{transform:translate(var(--dot-to-x), var(--dot-to-y));opacity:.2}}@keyframes brain-visual-complete-pop{0%{transform:scale(1)}45%{transform:scale(1.06)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.brain-visual--auto .brain-visual-fill-layer{clip-path:inset(35% 0 0);animation:none}.brain-visual-dot{opacity:.35;transform:translate(calc((var(--dot-from-x) + var(--dot-to-x)) / 2), calc((var(--dot-from-y) + var(--dot-to-y)) / 2));animation:none}.brain-visual--auto .brain-visual-glow{animation:none}}.hero-dashboard{perspective:1200px}@media (prefers-reduced-motion:no-preference){.hero-dashboard-shell{transform-style:preserve-3d;animation:6s ease-in-out infinite hero-dashboard-float}.hero-dashboard-shine{background:linear-gradient(105deg,#0000 40%,#ffffff12 50%,#0000 60%);animation:4.5s ease-in-out infinite hero-dashboard-shine}.hero-dashboard-live{animation:1.8s ease-in-out infinite hero-dashboard-live-pulse}.hero-dashboard-panel,.hero-dashboard-worker{animation:.45s ease-out both hero-dashboard-panel-in}.hero-dashboard-activity{animation:.4s ease-out both hero-dashboard-activity-in}.hero-dashboard-cursor{animation:1s step-end infinite hero-dashboard-cursor}.hero-dashboard-action{animation:.35s ease-out both hero-dashboard-panel-in}.hero-dashboard-shell button{transition:transform .22s,background-color .22s,box-shadow .22s,color .22s}.hero-dashboard-shell button:hover{transform:translateY(-1px)}.hero-dashboard-worker:hover{border-color:#38bdf859;transform:translateY(-2px)scale(1.02);box-shadow:0 8px 20px #0b4f4733}}.hero-dashboard-aura{background:radial-gradient(at 50% 30%,#0b4f4738,#0000 65%)}.hero-dashboard-toast{opacity:0;transition:opacity .35s,transform .35s;transform:translateY(12px)}.hero-dashboard-toast--visible{opacity:1;transform:translateY(0)}@keyframes hero-dashboard-float{0%,to{transform:translateY(0)rotateX(0)rotateY(0)}50%{transform:translateY(-6px)rotateX(1.5deg)rotateY(-1deg)}}@keyframes hero-dashboard-shine{0%,to{transform:translate(-120%)}50%{transform:translate(120%)}}@keyframes hero-dashboard-live-pulse{0%,to{opacity:.45;box-shadow:0 0 #34d39980}50%{opacity:1;box-shadow:0 0 0 4px #34d39900}}@keyframes hero-dashboard-panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-dashboard-activity-in{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:translate(0)}}@keyframes hero-dashboard-cursor{0%,49%{opacity:1}50%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.hero-dashboard-shell,.hero-dashboard-shine,.hero-dashboard-live,.hero-dashboard-panel,.hero-dashboard-worker,.hero-dashboard-activity,.hero-dashboard-cursor,.hero-dashboard-action{animation:none}.hero-dashboard-shell button:hover,.hero-dashboard-worker:hover{transform:none}}.demo-banner{width:100%}.demo-banner--auth .demo-browser{box-shadow:0 20px 64px -32px #0f172a59}.demo-browser{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;overflow:hidden;box-shadow:0 1px 2px #0f172a0a,0 32px 96px -40px #0f172a66}.demo-browser-chrome{border-bottom:1px solid var(--color-border);background:#ebe6de;align-items:center;gap:1rem;padding:.625rem 1rem;display:flex}.demo-traffic{border-radius:50%;width:10px;height:10px;display:inline-block}.demo-traffic-red{background:#ff5f57}.demo-traffic-yellow{background:#febc2e}.demo-traffic-green{background:#28c840}.demo-browser-url{background:#ffffffa6;border:1px solid #0f172a0f;border-radius:6px;flex:1;align-items:center;gap:.5rem;min-width:0;padding:.35rem .75rem;display:flex}.demo-browser-url-live{background:#22c55e;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s ease-in-out infinite demo-url-pulse;box-shadow:0 0 0 3px #22c55e40}@keyframes demo-url-pulse{0%,to{opacity:.7}50%{opacity:1}}.demo-browser-body{background:var(--color-background);overflow:hidden}.demo-browser-footer{border-top:1px solid var(--color-border);background:var(--color-surface-raised);align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.demo-screen-enter{animation:.45s cubic-bezier(.22,1,.36,1) both demo-screen-in}@keyframes demo-screen-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.demo-field{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-heading);border-radius:4px;padding:.5rem .75rem;font-size:.875rem;transition:border-color .3s,background .3s,box-shadow .3s}.demo-field--filled{background:var(--color-accent-muted);border-color:#0b4f4740}.demo-btn-primary{background:var(--color-primary);color:var(--color-surface);border-radius:8px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:background .25s,transform .25s,box-shadow .25s}.demo-btn-primary:hover{background:var(--color-primary-hover)}.demo-btn-ghost{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-body);border-radius:8px;font-size:.875rem;font-weight:500;transition:background .25s}.demo-source-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;padding:1rem;transition:border-color .35s,box-shadow .35s,transform .35s cubic-bezier(.22,1,.36,1)}.demo-source-card--connected{background:var(--color-accent-muted);border-color:#0b4f4759;box-shadow:0 4px 16px #0b4f471a}.demo-source-code{background:var(--color-accent-muted);width:2rem;height:2rem;color:var(--color-primary);border-radius:8px;justify-content:center;align-items:center;font-size:.6875rem;font-weight:700;display:inline-flex}.demo-target-highlight{outline-offset:3px;border-radius:8px;outline:2px solid #0b4f4773;transition:outline-color .25s}.demo-cursor{will-change:left, top;transition:left .85s cubic-bezier(.22,1,.36,1),top .85s cubic-bezier(.22,1,.36,1),opacity .3s,transform .15s}.demo-cursor--clicking{transform:scale(.92)}.demo-cursor-ripple{pointer-events:none;border:2px solid #0b4f4780;border-radius:50%;width:28px;height:28px;margin:-14px 0 0 -14px;animation:.6s ease-out forwards demo-cursor-ripple;position:absolute;top:50%;left:50%}.demo-cursor-ripple-2{animation-delay:.12s}@keyframes demo-cursor-ripple{0%{opacity:.8;transform:scale(.4)}to{opacity:0;transform:scale(2.2)}}.demo-sidebar-tab{width:100%;color:var(--color-body);border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;transition:background .25s,color .25s;display:flex}.demo-sidebar-tab--active{background:var(--color-accent-muted);color:var(--color-primary);font-weight:600}.demo-nav-item{width:100%;color:var(--color-body);border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .625rem;font-size:.75rem;font-weight:500;transition:background .25s,color .25s;display:flex}.demo-nav-item--active{background:var(--color-accent-muted);color:var(--color-primary);font-weight:600}.demo-source-pill{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-heading);border-radius:100px;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;display:inline-flex}.demo-doc-preview{animation:.45s cubic-bezier(.22,1,.36,1) both demo-screen-in}.demo-action-approved{animation:.5s cubic-bezier(.22,1,.36,1) both demo-approved-pop}@keyframes demo-approved-pop{0%{opacity:.6;transform:scale(.95)}60%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.demo-banner--auth .demo-browser{min-height:24rem}@media (max-width:639px){.demo-browser{border-radius:16px}.demo-browser-chrome{padding:.5rem .75rem}.demo-browser-url span.truncate{max-width:10rem}.demo-browser-footer{flex-direction:column;align-items:flex-start;gap:.5rem}.demo-mobile-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none}.demo-mobile-tabs::-webkit-scrollbar{display:none}.demo-mobile-tabs [data-tab-key]{scroll-snap-align:center}.auth-split-demo{padding:1.25rem}}@media (max-width:1023px){.demo-banner .demo-browser-body{font-size:.9375rem}}@media (prefers-reduced-motion:reduce){.demo-screen-enter,.demo-cursor,.demo-cursor-ripple,.demo-browser-url-live,.demo-action-approved{transition:none!important;animation:none!important}}
