/* Landing-only design tokens; no dashboard/auth styles are shared here. */
:root{color-scheme:dark;--bg:#07090f;--surface:#10141e;--text:#f2f4fa;--muted:#a0aabd;--mint:#78ebcd;--violet:#b0a0ec;--line:rgba(181,197,226,.13);--radius:14px;--content:1280px;--header:68px;--space-xs:8px;--space-sm:12px;--space-md:24px;--space-lg:32px;--space-xl:64px;--space-2xl:96px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 24px)}
body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-family:"Space Grotesk",Manrope,sans-serif;font-weight:600;line-height:1.12;letter-spacing:-.035em}
h2{font-size:clamp(32px,3vw,44px)}h3{font-size:21px;letter-spacing:-.02em}p{color:var(--muted)}
a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent;transition:color .2s,background .2s,border-color .2s,transform .2s}a:active,button:active{transform:translateY(1px)}:focus-visible{outline:2px solid var(--mint);outline-offset:5px}
img{max-width:100%;object-fit:contain}svg{flex-shrink:0}[hidden]{display:none!important}
.icon-library{position:absolute;width:0;height:0;overflow:hidden}
.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.mint{color:var(--mint)}.violet{color:var(--violet)}
.section{width:100%;padding:var(--space-xl) clamp(24px,5vw,96px);margin:0}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;line-height:1.5;font-weight:700;letter-spacing:.14em;color:var(--mint)}
.status-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--mint)}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:46px;padding:11px 20px;border:1px solid transparent;border-radius:9px;font-size:14px;line-height:1.4;font-weight:700;white-space:nowrap}.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--mint);color:#08231d;border-color:var(--mint)}.btn-primary:hover{background:#9ef4dc;border-color:#9ef4dc;box-shadow:0 4px 20px #78ebcd1a}
.btn-outline{background:#ffffff03;border-color:var(--line)}.btn-outline:hover{background:#ffffff08;border-color:#a0aabd66}
.btn-quiet{background:transparent;color:var(--muted)}.btn-quiet:hover{color:var(--text);background:#ffffff06}
.btn-sm{min-height:38px;padding:9px 12px;font-size:12px}.btn-block{width:100%}
.text-link{display:inline-flex;gap:16px;align-items:center;font-weight:600;font-size:14px;color:var(--mint)}.text-link:hover{color:#c5ffef}
.skip-link{position:fixed;top:8px;left:16px;z-index:100;padding:8px 16px;background:var(--mint);color:var(--bg);border-radius:8px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
/* Header and text-only navigation */
.site-header{height:var(--header);position:sticky;top:0;z-index:30;background:#07090feb;border-bottom:1px solid transparent;transition:background .2s,border-color .2s}
.site-header.is-scrolled{background:#090c13ed;border-color:var(--line);backdrop-filter:blur(14px)}
.navbar{width:100%;height:100%;padding-inline:clamp(24px,4vw,80px);display:flex;align-items:center;gap:32px}
.brand{display:inline-flex;align-items:center;gap:9px;flex-shrink:0}.brand>span{font-size:16px;line-height:1.1;font-weight:700;letter-spacing:.09em}.brand small{display:block;font-size:8px;letter-spacing:.25em;color:var(--muted);margin-top:5px}
.nav-menu{display:flex;justify-content:space-between;align-items:center;gap:24px;flex:1}.nav-links,.nav-actions{display:flex;align-items:center;gap:20px}.nav-actions{gap:8px}
.nav-link{position:relative;font-size:12px;white-space:nowrap;color:var(--muted);padding-block:12px;background:none;border:0;border-radius:0}
.nav-link::after{content:"";position:absolute;bottom:4px;left:0;right:0;height:1px;background:var(--mint);transform:scaleX(0);transition:transform .2s}.nav-link:hover,.nav-link.is-active{color:var(--text)}.nav-link.is-active::after{transform:scaleX(1)}.nav-toggle{display:none}
/* Hero and clearly labeled illustrative product dashboard */
.hero{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;gap:32px;align-items:center;min-height:min(88vh,1080px);padding-block:64px;isolation:isolate}
.hero::before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(ellipse at 12% 28%,#6d41b214,transparent 55%),radial-gradient(ellipse at 92% 50%,#28bda217,transparent 58%);pointer-events:none}
.hero-texture{position:absolute;z-index:-1;inset:24px 0;overflow:hidden;pointer-events:none;color:#adc6e7;opacity:.045;font-size:24px;line-height:3;letter-spacing:24px;word-spacing:20px;mask-image:linear-gradient(transparent,#000,transparent);user-select:none}
.hero-copy{min-width:0}.hero-copy>.eyebrow{margin-bottom:24px}.hero h1{font-size:clamp(52px,5.5vw,88px);letter-spacing:-.055em;line-height:1.08;max-width:620px}.gradient-text{background:linear-gradient(105deg,#f0f4fc 4%,#97dcd3 80%);background-clip:text;color:transparent}
.hero-copy>p{max-width:510px;font-size:16px;line-height:1.85;margin-top:24px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hero-footnote{display:flex;align-items:center;gap:20px;margin-top:20px;font-size:12px;color:var(--muted)}.hero-footnote>span{padding-right:20px;border-right:1px solid var(--line)}.hero-footnote a:hover{color:var(--mint)}
.dashboard-preview{min-width:0;border:1px solid #90abc82b;border-radius:var(--radius);background:linear-gradient(135deg,#141927,#0b111a);box-shadow:0 24px 64px #0004;overflow:hidden}
.window-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line);gap:12px}.window-bar>span:first-child{display:flex;gap:5px}.window-bar i{width:5px;height:5px;border-radius:50%;background:#596171}.window-bar small{font-size:10px;color:var(--muted);letter-spacing:.05em}.demo-label{font-size:9px;letter-spacing:.12em;color:var(--muted);border:1px solid var(--line);padding:2px 6px;border-radius:4px}
.dashboard-body{display:grid;grid-template-columns:52px minmax(0,1fr)}.preview-rail{display:flex;flex-direction:column;align-items:center;gap:26px;padding:20px 0;border-right:1px solid var(--line);color:#8490a4}.preview-rail .icon{width:18px;height:18px}.preview-rail .selected{color:var(--mint)}
.preview-workspace{padding:22px;min-width:0}.preview-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.preview-heading small{font-size:9px;letter-spacing:.15em;color:var(--muted)}.preview-heading h2{font-size:24px;margin-top:4px}
.live-label{display:flex;align-items:center;gap:6px;font-size:9px;letter-spacing:.1em;color:var(--mint);background:#78ebcd0b;border:1px solid #78ebcd25;padding:4px 8px;border-radius:5px}.live-label .status-dot{animation:live-pulse 3s ease-in-out infinite}
.preview-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.preview-metrics>div{padding:12px;border:1px solid var(--line);border-radius:8px;background:#ffffff02;display:flex;flex-direction:column}.preview-metrics span{font-size:10px;color:var(--muted)}.preview-metrics strong{font-family:"Space Grotesk",sans-serif;font-weight:500;font-size:27px;line-height:1.5;font-variant-numeric:tabular-nums}.preview-metrics small{font-size:8px;color:var(--muted)}
.control-status-grid>div{min-height:116px;background:linear-gradient(145deg,#ffffff06,#78ebcd07)}.control-status-grid strong{font-size:22px!important;line-height:1.15!important;letter-spacing:-.03em}.control-status-grid small{margin-top:auto;line-height:1.45}
.control-flow{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr;align-items:center;gap:8px;margin:18px 0;padding:16px;border:1px solid var(--line);border-radius:12px;background:radial-gradient(ellipse at 20% 0,#78ebcd13,transparent 55%),#ffffff03}.control-flow>div{display:flex;align-items:center;gap:10px;min-width:0}.control-flow .icon{width:18px;height:18px}.control-flow span{font-size:11px;color:#d7deea}.control-flow>i{height:1px;background:linear-gradient(90deg,var(--violet),var(--mint));opacity:.7}
.activity-chart{padding:16px 0 12px}.chart-label,.chart-axis{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#b6c0d3}.chart-label small{font-size:9px;color:var(--muted)}
.chart-bars{height:88px;display:flex;align-items:end;gap:7px;padding-top:10px;background:repeating-linear-gradient(to top,transparent 0,transparent 28px,#ffffff06 29px,#ffffff06 30px);border-bottom:1px solid var(--line)}.chart-bars i{flex:1;height:var(--bar);background:linear-gradient(to top,#44677855,#7dddc8);border-radius:3px 3px 0 0;transform-origin:bottom}.chart-bars i:nth-child(3n){background:linear-gradient(to top,#64538e55,#ae9ade);animation:bar-pulse 4s ease-in-out infinite alternate}.chart-axis{font-size:8px;margin-top:5px;color:var(--muted)}
.preview-feed{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.preview-feed>div{padding:10px 0;display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);min-width:0}.preview-feed .icon{width:17px;height:17px}.preview-feed span{font-size:10px;line-height:1.6}.preview-feed small{display:block;color:var(--muted);font-size:8px}.preview-feed time{font-size:8px;color:var(--muted);margin-left:auto}
.dashboard-preview figcaption{padding:10px 16px;display:flex;justify-content:space-between;gap:8px;font-size:9px;border-top:1px solid var(--line);color:var(--muted)}.dashboard-preview figcaption .status-dot{width:4px;height:4px;margin-right:5px}
.capability-strip{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:22px clamp(24px,5vw,96px);border-block:1px solid var(--line);color:#b2bdd0;font-size:13px;font-weight:500}.capability-strip span{display:flex;gap:8px;align-items:center}.capability-strip span+span::before{content:"";height:4px;width:4px;background:#5b6373;border-radius:50%;margin-right:24px}
/* Product flow */
.product-section,.pricing-section{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(48px,7vw,140px)}.section-copy h2{margin-top:16px;max-width:490px}.section-copy>p{margin-top:20px;max-width:460px}
.check-list{list-style:none;margin:24px 0;padding:0;color:#bdc6d6;font-size:14px}.check-list li{position:relative;padding-left:24px;margin-block:12px}.check-list li::before{content:"✓";position:absolute;left:0;color:var(--mint)}
.event-routing{border:1px solid var(--line);border-radius:var(--radius);padding:24px;background:linear-gradient(130deg,#121722,#0d1119)}.routing-head{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.1em;color:var(--muted);gap:12px}.routing-head .icon{width:16px}
.routing-input{display:flex;align-items:center;gap:10px;margin-top:24px;padding-bottom:18px;font-size:13px;color:#c3cbd8}.routing-input>span{margin-left:auto;color:var(--muted)}
.routing-hub{display:flex;align-items:center;gap:12px;padding:16px;background:#b0a0ec07;border:1px solid #b0a0ec40;border-radius:10px}.routing-hub strong{font-size:20px;font-weight:600}.routing-hub small{display:block;font-size:11px;color:var(--muted)}.hub-state{margin-left:auto;font-size:8px;letter-spacing:.1em;color:var(--violet)}
.routing-line{height:24px;width:1px;background:var(--line);margin:auto}.routing-outputs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.routing-outputs>div{padding:14px 4px;display:flex;flex-direction:column;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;font-size:11px}.routing-outputs .icon{color:var(--mint);width:18px;height:18px}
.routing-footer{display:flex;align-items:center;gap:10px;font-size:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted)}.routing-footer span{margin-left:auto;font-size:10px}.routing-footer .icon{width:16px}
/* Stream illustration */
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:48px;margin-bottom:32px}.section-heading h2{margin-top:14px}.section-heading>p{max-width:370px;font-size:14px}
.overlay-demo{display:grid;grid-template-columns:1.6fr 1fr;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.stream-stage{position:relative;min-height:390px;background:radial-gradient(ellipse at 60% 35%,#40596a1f,transparent 65%),linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px),#0d111a;background-size:auto,32px 32px,32px 32px,auto;border-right:1px solid var(--line);overflow:hidden}
.stage-top{display:flex;justify-content:space-between;gap:12px;margin:18px 20px;font-size:9px;letter-spacing:.08em;color:var(--muted)}.stage-top .status-dot{width:4px;height:4px;margin-right:5px}
.scene-center{position:absolute;inset:86px 0 auto;display:flex;align-items:center;flex-direction:column;gap:10px;color:#7e8da2}.scene-center>.icon{width:32px;height:32px;margin-bottom:4px}.scene-center span{font-size:16px}.scene-center small{font-size:10px}
.sample-gift{position:absolute;left:24px;top:205px;display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid #ad95de55;border-radius:10px;background:linear-gradient(110deg,#252039,#171723);box-shadow:0 12px 30px #0003}
.event-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:#b0a0ec12;color:var(--violet)}
.sample-gift small,.sample-gift strong,.sample-gift div>span{display:block}.sample-gift small{font-size:8px;letter-spacing:.1em;color:var(--violet)}.sample-gift strong{font-size:14px}.sample-gift div>span{font-size:10px;color:var(--muted)}
.sample-follow{position:absolute;right:24px;top:65px;display:flex;align-items:center;gap:8px;border:1px solid #78ebcd30;border-radius:7px;padding:9px 12px;background:#0d211e;font-size:10px}.sample-follow .icon{width:14px;height:14px;color:var(--mint)}.sample-follow strong{color:var(--mint);font-weight:600}
.sample-chat{position:absolute;left:24px;bottom:34px;display:flex;align-items:center;gap:8px;font-size:10px;padding:8px 10px;background:#181d2c;border:1px solid var(--line);border-radius:8px}.avatar{border-radius:50%;background:#78ebcd16;color:var(--mint);height:24px;width:24px;display:grid;place-items:center;font-weight:700}.sample-chat p{color:#d0d7e5}.sample-chat strong{color:var(--mint);margin-right:6px}
.sample-goal{position:absolute;right:24px;bottom:34px;width:205px;padding:10px;border:1px solid var(--line);background:#111822;border-radius:8px}.sample-goal>div:first-child{display:flex;justify-content:space-between;font-size:8px;gap:8px;margin-bottom:8px}.sample-goal strong{color:var(--mint);font-weight:600}.goal-track{height:4px;background:#ffffff0c;border-radius:2px;overflow:hidden}.goal-track>span{display:block;width:75%;height:100%;background:var(--mint)}
.sample-likes{position:absolute;right:30px;top:236px;display:flex;align-items:center;gap:8px;color:var(--violet);font-size:12px}.sample-likes .icon{width:16px}
.overlay-notes{padding:32px;background:#10141c}.overlay-notes h3{font-size:26px;margin:12px 0 20px}.overlay-notes>div{display:flex;align-items:start;gap:12px;margin-top:18px}.overlay-notes>div>.icon{color:var(--mint);width:18px;height:18px;margin-top:3px}.overlay-notes p{font-size:13px;line-height:1.6}.overlay-notes strong{display:block;color:var(--text);font-weight:600;margin-bottom:3px}.overlay-notes .text-link{margin-top:24px}
/* Voice and feature bento */
.voice-section{border-block:1px solid var(--line);margin-block:32px;padding-block:40px}
.voice-sample{display:flex;align-items:center;gap:16px;padding:14px 20px;border:1px solid var(--line);border-radius:10px;background:#ffffff02}.voice-sample>.icon{color:var(--mint);width:32px;height:32px}.voice-sample span{font-size:14px}.voice-sample small{display:block;color:var(--muted);font-size:10px;margin-top:4px}
.voice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.voice-grid article{position:relative;padding-left:36px}.voice-grid .icon{position:absolute;left:0;top:1px;color:var(--violet);width:20px;height:20px}.voice-grid h3{font-size:19px;letter-spacing:-.02em}.voice-grid p{font-size:14px;margin-top:8px;max-width:310px}
.bento-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.bento-card{padding:24px;background:#10141d;border:1px solid var(--line);border-radius:12px;transition:border-color .2s,transform .2s}.bento-card:hover{border-color:#78ebcd44;transform:translateY(-3px)}
.bento-wide{grid-column:span 2;background:linear-gradient(120deg,#161b29,#10151d)}.bento-card>.icon{color:var(--mint);margin-bottom:20px}.bento-card h3{font-size:20px}.bento-card p{font-size:14px;margin-top:10px;max-width:390px}
.event-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.event-tags span{font-size:10px;padding:5px 9px;background:#ffffff03;border:1px solid var(--line);border-radius:5px;color:#b6c3d6}
.bento-custom{background:linear-gradient(120deg,#121821,#13231f)}.color-swatches{display:flex;align-items:center;gap:8px;margin-top:20px}.color-swatches i{width:18px;height:18px;border:3px solid #ffffff12;border-radius:50%;background:var(--mint)}.color-swatches i:nth-child(2){background:var(--violet)}.color-swatches i:nth-child(3){background:#d7e0ee}.color-swatches span{margin-left:8px;font-size:11px;color:var(--muted)}
.steps-section{padding-block:40px}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;list-style:none;padding:0;margin:0}.steps-grid li{position:relative}.step-number{display:flex;width:32px;height:32px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;font-size:11px;color:var(--mint);margin-bottom:20px}.steps-grid li:not(:last-child)::after{content:"";position:absolute;left:48px;right:0;top:16px;height:1px;background:var(--line)}.steps-grid h3{font-size:20px}.steps-grid p{font-size:14px;margin-top:10px;max-width:330px}
/* Pricing preserves all data-plan hooks used by planes.js */
.pricing-section{gap:128px}.approval-note{display:flex;gap:12px;margin:24px 0;max-width:430px;padding:16px 0;border-block:1px solid var(--line)}.approval-note>.icon{color:var(--violet);margin-top:4px}.approval-note strong{font-weight:600;color:#d5dceb;font-size:13px}.approval-note span{display:block;font-size:13px;margin-top:6px}
.pricing-card{background:linear-gradient(135deg,#15201f,#111620 65%);border:1px solid #78ebcd40;border-radius:var(--radius);padding:32px}.price-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.price-heading>span{font-size:9px;color:var(--mint);letter-spacing:.1em}
.price{display:flex;align-items:baseline;gap:8px;margin-top:20px;color:var(--muted)}.price>strong{color:var(--text);font:500 52px/1.2 "Space Grotesk",sans-serif;letter-spacing:-.04em}.price strong span{font-size:20px;letter-spacing:0}.price>span{font-size:14px}.pricing-card .check-list{padding-top:20px;border-top:1px solid var(--line)}
.plan-legal-note{font-size:11px;line-height:1.7;margin-top:16px}.plan-legal-note a{text-decoration:underline;text-underline-offset:3px}.plan-availability-pill{font-size:13px;padding:10px 12px;margin-top:16px;background:#b0a0ec12;border-radius:8px;color:var(--violet)}.plan-lock-foot{padding:16px 0;color:var(--muted);font-size:14px}.plan-lock-foot strong,.plan-lock-foot span{display:block}.plan-lock-foot strong{color:var(--text)}.plan-lock-art{display:none}
/* Support and compact footer */
.support-section{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;border-top:1px solid var(--line);padding-block:40px}.support-section h2{font-size:32px;margin-top:16px}.support-link{margin-top:20px}
.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{position:relative;padding:18px 28px 18px 0;font-size:14px;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";position:absolute;right:0;color:var(--mint);font-size:20px;top:12px}.faq-list details[open] summary::after{content:"−"}.faq-list details p{font-size:14px;padding:0 24px 20px 0}.faq-list summary:hover,.faq-list a{color:var(--mint)}
.final-section{padding-block:32px 56px}.cta-box{position:relative;text-align:center;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);padding:48px 24px;background:radial-gradient(ellipse at 50% 120%,#27483d66,transparent 65%),#10141c}.cta-box h2{margin-top:16px}.cta-box p{font-size:15px;margin-top:16px}.cta-box .hero-actions{justify-content:center;margin-top:24px}.cta-box>small{display:block;font-size:11px;color:var(--muted);margin-top:16px}
.site-footer{width:min(var(--content),calc(100% - 80px));margin:auto;padding:32px 0 24px;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.footer-brand p{font-size:13px;margin-top:12px;line-height:1.7}.footer-column{display:flex;align-items:start;flex-direction:column;gap:7px;font-size:12px;color:var(--muted)}.footer-column h3{font:600 13px/1.5 Manrope,sans-serif;color:var(--text);letter-spacing:0;margin-bottom:6px}.footer-column a:hover,.footer-bottom a:hover{color:var(--mint)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line);margin-top:28px;padding-top:20px;color:var(--muted);font-size:11px}.footer-bottom nav{display:flex;flex-wrap:wrap;gap:18px}
/* Shared cookie banner refinements are scoped by this landing-only stylesheet. */
.cookie-banner{border-radius:12px;background:#10151cf5;border-color:var(--line);max-width:850px;padding:14px 18px}.cookie-banner strong{font-size:12px}.cookie-banner p{font-size:11px}.cookie-actions button,.cookie-actions a{font:600 12px Manrope,sans-serif;border-radius:7px;min-height:36px;white-space:nowrap}.cookie-actions button:first-child{background:var(--mint);color:#08231d}
@keyframes live-pulse{50%{opacity:.4}}@keyframes bar-pulse{to{transform:scaleY(.96)}}
/* Responsive: desktop, compact desktop, tablet, mobile */
@media(min-width:1441px){
.hero h1{font-size:clamp(72px,5vw,88px)}.hero-copy>p{font-size:17px}
}
@media(max-width:1279px){
.navbar{gap:20px;padding-inline:24px}.nav-links{gap:12px}.nav-menu{gap:16px}.nav-actions{gap:5px}.nav-actions .btn{padding-inline:9px}.brand>span{font-size:14px}.brand img{width:32px;height:32px}
.hero{gap:32px;min-height:620px}.hero h1{font-size:clamp(42px,4.3vw,54px)}.preview-workspace{padding:18px}.product-section,.pricing-section{gap:48px}.sample-goal{width:170px;right:16px}.sample-chat{left:16px;font-size:9px}.overlay-notes{padding:24px}.capability-strip span+span::before{margin-right:12px}
}
@media(max-width:1100px){
.navbar{justify-content:space-between}.nav-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:42px;height:42px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:11px}.nav-toggle span{height:1px;width:100%;background:var(--text);transition:transform .2s}.navbar.is-open .nav-toggle span:first-child{transform:translateY(3.5px) rotate(45deg)}.navbar.is-open .nav-toggle span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.nav-menu{display:none;position:absolute;top:calc(var(--header) - 1px);left:0;right:0;max-height:calc(100dvh - var(--header));overflow-y:auto;padding:16px 24px 24px;background:#0d111a;border-bottom:1px solid var(--line);box-shadow:0 20px 40px #0005}.navbar.is-open .nav-menu{display:flex;flex-direction:column;align-items:stretch;gap:16px}.nav-links{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.nav-link{font-size:14px;padding:12px 0}.nav-link::after{right:auto;width:24px}.nav-actions{justify-content:start;border-top:1px solid var(--line);padding-top:16px;gap:8px}.nav-actions .btn{padding-inline:14px}
.hero{gap:28px;min-height:590px}.hero h1{font-size:44px}.hero-copy>p{font-size:15px}.preview-workspace{padding:16px}.dashboard-body{grid-template-columns:40px minmax(0,1fr)}.preview-metrics>div{padding:8px}.preview-metrics strong{font-size:24px}.preview-metrics small{display:none}.preview-feed{grid-template-columns:1fr}.preview-feed>div{padding:7px 0}.preview-feed small{display:inline;margin-left:8px}.chart-bars{height:68px}.hero-footnote{gap:12px;font-size:10px}.hero-footnote>span{padding-right:12px}
.capability-strip{font-size:11px;gap:12px}.capability-strip span+span::before{display:none}.section{padding-block:48px}.overlay-demo{grid-template-columns:1.4fr 1fr}.stream-stage{min-height:400px}.sample-gift{top:190px;left:16px}.sample-likes{top:280px;right:20px}.sample-chat{bottom:72px}.sample-goal{left:16px;right:16px;bottom:20px;width:auto}.bento-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bento-wide{grid-column:auto}.section-heading{gap:32px}.section-heading>p{max-width:300px}.footer-grid{gap:24px}.support-section{gap:32px}
}
@media(max-width:800px){
:root{--header:68px}.section{width:100%;padding-inline:24px}.site-footer{width:calc(100% - 48px)}.capability-strip{width:100%;padding-inline:24px}
.hero{grid-template-columns:1fr;gap:36px;padding-top:40px;min-height:0}.hero-copy{max-width:650px}.hero h1{font-size:52px;max-width:590px}.hero-copy>p{max-width:580px;font-size:16px}.hero-copy>.eyebrow{margin-bottom:20px}.hero-footnote{font-size:12px}
.dashboard-preview{width:100%;max-width:650px;justify-self:center}.dashboard-body{grid-template-columns:52px minmax(0,1fr)}.preview-workspace{padding:24px}.preview-feed{grid-template-columns:1fr 1fr;gap:0 20px}.preview-feed small{display:block;margin:0}.preview-feed>div{padding:10px 0}.preview-metrics>div{padding:12px}.preview-metrics small{display:block}.chart-bars{height:90px}
.capability-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;font-size:12px;padding-block:20px}
.product-section,.pricing-section{grid-template-columns:1fr;gap:28px}.section-copy h2{max-width:600px}.section-copy>p{max-width:580px}.section-heading{align-items:start;flex-direction:column;gap:20px}.section-heading>p{max-width:580px}.section-heading br{display:none}
.overlay-demo{grid-template-columns:1fr}.stream-stage{min-height:360px;border-right:0;border-bottom:1px solid var(--line)}.sample-gift{top:175px;left:24px}.sample-chat{bottom:30px;left:24px;font-size:10px}.sample-goal{left:auto;right:24px;bottom:30px;width:210px}.sample-likes{top:215px}.overlay-notes{padding:24px}.overlay-notes h3 br{display:none}.overlay-notes>div{max-width:530px}
.voice-grid{gap:20px}.voice-grid article{padding-left:0}.voice-grid .icon{position:static;margin-bottom:12px}.voice-grid h3{font-size:18px}.voice-grid p{font-size:13px}.steps-grid{gap:24px}.steps-grid h3{font-size:18px}.steps-grid p{font-size:13px}
.pricing-section{grid-template-columns:.9fr 1.1fr;gap:24px}.pricing-card{padding:24px}.price-heading{align-items:start;flex-direction:column;gap:8px}.pricing-card .check-list{font-size:12px}.support-section{grid-template-columns:1fr;gap:20px}
.footer-grid{grid-template-columns:1.5fr 1fr 1fr;gap:28px}.footer-brand{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:24px}.footer-brand p{margin:0}.footer-bottom{align-items:start;flex-direction:column;gap:12px}.cta-box{padding:36px 20px}
}
@media(max-width:540px){
.section{width:100%;padding-inline:20px}.site-footer{width:calc(100% - 40px)}.capability-strip{width:100%;padding-inline:20px}.navbar{padding-inline:20px}.section{padding-block:36px}h2{font-size:32px}.hero{padding-top:32px;gap:32px}.hero h1{font-size:42px;line-height:1.08;letter-spacing:-.05em}.hero-copy>.eyebrow{font-size:9px;margin-bottom:18px}.hero-copy>p{font-size:14px;line-height:1.8;margin-top:20px}.hero-actions{gap:10px;margin-top:24px}.hero-actions .btn{font-size:12px;min-height:44px;padding-inline:14px}.hero-footnote{gap:12px;font-size:10px}
.dashboard-body{grid-template-columns:34px minmax(0,1fr)}.preview-rail{gap:26px;padding-top:16px}.preview-rail img{width:23px;height:23px}.preview-rail .icon{width:14px;height:14px}.preview-workspace{padding:14px}.preview-heading{margin-bottom:14px}.preview-heading h2{font-size:22px}.preview-heading small{font-size:8px}.preview-metrics{gap:6px}.preview-metrics>div{padding:8px}.preview-metrics strong{font-size:23px}.preview-metrics small{display:none}.preview-metrics span{font-size:9px}.window-bar{padding:10px 12px}.window-bar small{font-size:8px}.preview-feed{grid-template-columns:1fr;gap:0}.preview-feed>div{padding:7px 0}.preview-feed small{display:inline;margin-left:6px;font-size:7px}.preview-feed span{font-size:9px}.preview-feed time{font-size:7px}.preview-feed .icon{width:14px;height:14px}.chart-bars{height:70px;gap:5px}.chart-label{font-size:9px}.chart-label small{font-size:7px}.dashboard-preview figcaption{font-size:8px;padding:8px 12px}.dashboard-preview figcaption>span:last-child{display:none}
.capability-strip{grid-template-columns:repeat(3,minmax(0,1fr));font-size:10px;gap:14px 8px}.capability-strip span:last-child{font-size:9px;gap:4px}.capability-strip .status-dot{width:4px;height:4px}
.section-copy>p{font-size:14px}.check-list{font-size:13px}.event-routing{padding:18px}.routing-head{font-size:8px}.routing-hub{padding:12px;gap:8px}.routing-hub img{width:36px;height:36px}.routing-hub strong{font-size:18px}.routing-hub small{font-size:9px}.hub-state{font-size:7px}.routing-outputs{gap:6px}.routing-outputs>div{font-size:9px}.routing-footer{font-size:11px}.routing-footer span{font-size:9px}
.section-heading{margin-bottom:24px}.section-heading>p{font-size:14px}.stream-stage{min-height:414px}.stage-top{font-size:7px;margin-inline:16px}.scene-center{top:96px}.scene-center span{font-size:15px}.scene-center small{font-size:9px}.sample-follow{top:52px;right:16px;font-size:9px}.sample-gift{top:208px;left:16px;padding:10px}.sample-likes{right:16px;top:228px;font-size:10px;gap:5px}.sample-likes .icon{width:14px}.sample-gift strong{font-size:12px}.sample-gift div>span{font-size:9px}.sample-gift .event-icon{width:28px;height:28px}.sample-chat{left:16px;bottom:76px;font-size:9px;gap:6px}.sample-goal{left:16px;right:16px;bottom:20px;width:auto}.overlay-notes h3{font-size:24px}
.voice-section{margin-block:12px;padding-block:28px}.voice-sample{padding:12px 16px}.voice-grid{grid-template-columns:1fr;gap:20px}.voice-grid article{padding-left:36px}.voice-grid .icon{position:absolute;top:1px;left:0}.voice-grid p{max-width:none}
.bento-grid{gap:12px}.bento-card{padding:20px;grid-column:1/-1}.bento-card>.icon{margin-bottom:14px}.bento-card p{font-size:13px}.bento-card h3{font-size:20px}.event-tags{margin-top:16px}
.steps-grid{grid-template-columns:1fr;gap:24px}.steps-grid li{padding-left:48px}.step-number{position:absolute;left:0;top:0;margin:0}.steps-grid li:not(:last-child)::after{left:16px;top:44px;right:auto;bottom:-12px;height:auto;width:1px}.steps-grid p{max-width:none}
.pricing-section{grid-template-columns:1fr;gap:24px}.price-heading{flex-direction:row;align-items:center}.pricing-card .check-list{font-size:13px}.approval-note{max-width:none}.support-section h2{font-size:30px}.faq-list summary{font-size:13px}.faq-list details p{font-size:13px}
.cta-box h2{font-size:30px}.cta-box h2 br{display:none}.cta-box .eyebrow{font-size:8px}.cta-box p{font-size:13px}.cta-box .hero-actions .btn{font-size:11px;padding-inline:12px;gap:8px}.cta-box .icon{width:16px}.cta-box>small{font-size:9px}
.site-footer{padding-top:24px}.footer-brand{display:block}.footer-brand p{margin-top:12px;font-size:12px}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.footer-column:last-child{grid-column:1/-1}.footer-column{font-size:12px}.footer-bottom{font-size:10px;margin-top:24px}.footer-bottom nav{gap:14px}.cookie-banner{padding:12px 14px;gap:10px}.cookie-banner p{font-size:10px}.nav-actions .btn{font-size:11px;padding-inline:10px}
}

.mini-ui{margin-top:24px;padding:16px;border:1px solid var(--line);border-radius:8px;background:#07090f80;font-size:11px}
.mini-ui>span{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}
.mini-ui b{font-size:9px;font-weight:500;color:var(--mint)}
.mini-ui small{font-size:10px;color:var(--muted)}
.mini-ui .goal-track{margin:14px 0}
.mini-wave{color:var(--violet);font-size:22px;letter-spacing:5px;line-height:2}
.btn:disabled{opacity:.65;cursor:wait;transform:none}
.nexora-mascot-ready .scene-core img{visibility:hidden}
/* Full-width stage compositions: each section owns its proportions. */
.nav-menu{justify-content:space-between}.nav-links{margin-inline:auto}
.nexora-scene{position:relative;min-height:560px;height:min(68vh,720px);isolation:isolate;overflow:hidden}
.nexora-scene::before{content:"";position:absolute;inset:7% 5% 3%;background:radial-gradient(circle at 50% 44%,#7b35ff30 0,#7b35ff14 24%,transparent 48%),radial-gradient(circle at 52% 61%,#38ff9c22 0,transparent 38%),linear-gradient(#73f7c80d 1px,transparent 1px),linear-gradient(90deg,#b394ff0d 1px,transparent 1px);background-size:auto,auto,44px 44px,44px 44px;mask-image:radial-gradient(ellipse at center,#000 28%,transparent 72%);pointer-events:none}
.nexora-scene::after{content:"";position:absolute;left:50%;bottom:12%;width:min(460px,62vw);height:86px;transform:translateX(-50%) perspective(260px) rotateX(64deg);border:1px solid #73f7c875;border-radius:50%;background:radial-gradient(ellipse,#73f7c838 0,#7b35ff24 46%,transparent 72%);box-shadow:0 0 28px #73f7c842,0 0 70px #7b35ff30;pointer-events:none}
.scene-connections{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:url(#nexora-scene-stroke);stroke-width:1.4;stroke-dasharray:7 11;filter:drop-shadow(0 0 8px #73f7c866)}
.scene-orbit{position:absolute;inset:13% 19%;border:1px solid #73f7c830;border-radius:50%;background:radial-gradient(ellipse,#7c5cff12 0,#73f7c80a 42%,transparent 70%);box-shadow:inset 0 0 38px #7c5cff20,0 0 50px #73f7c812}
.scene-core{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}
.scene-core img{width:clamp(280px,23vw,420px);height:auto;max-height:460px;object-fit:contain}
.scene-core>span{font-size:10px;letter-spacing:.28em;color:#cdbdff;margin-top:-30px;text-shadow:0 0 16px #7b35ff80}
.signal-card{position:absolute;display:flex;align-items:center;gap:14px;padding:15px 18px;border:1px solid #73f7c84d;background:linear-gradient(135deg,#130c23e8,#071913e8);border-radius:10px;box-shadow:0 12px 32px #0005,0 0 24px #7b35ff26}
.signal-card>.icon{color:var(--mint);filter:drop-shadow(0 0 8px #73f7c877)}.signal-card span{font-size:14px;font-weight:700}.signal-card small{display:block;font-size:8px;letter-spacing:.14em;color:#bba8ff;font-weight:700;margin-bottom:4px}
.signal-gift{left:0;top:24%}.signal-follow{right:8%;top:10%}.signal-overlay{right:0;bottom:27%;border-color:#73f7c833}.signal-voice{left:15%;bottom:13%}
.scene-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.18em;color:var(--mint)}.scene-caption small{display:block;letter-spacing:0;color:var(--muted);margin-top:8px}
.live-signal{background:#0d1219;font-size:12px;flex-wrap:wrap}.live-signal .signal-title{color:var(--mint);font-size:10px;letter-spacing:.12em}.signal-title small{font-size:8px;color:var(--muted)}.live-signal span+span::before{margin-right:8px}
.product-section{padding-right:clamp(24px,9vw,240px);background:linear-gradient(90deg,#07090f,#0c1119)}
#overlays{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;background:#0b0e15}
#overlays>.section-heading{grid-column:2;grid-row:1;display:block;max-width:550px}#overlays .section-heading>p{margin-top:24px;font-size:16px;max-width:460px}
.overlay-demo{grid-column:1;grid-row:1;display:block;max-width:420px;width:100%;justify-self:center;background:#0f141e;transform:rotate(-1deg)}
.stream-stage{aspect-ratio:9/16;min-height:0;border:0}.overlay-notes{display:none}.scene-center{top:28%}.sample-gift{top:49%;left:20px}.sample-follow{top:14%;right:20px}.sample-likes{top:69%;right:24px}.sample-chat{bottom:17%;left:20px;font-size:9px}.sample-goal{bottom:6%;left:20px;right:20px;width:auto}
.automation-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;align-items:center;min-height:660px;background:radial-gradient(ellipse at 70% 50%,#7c5cff09,transparent 50%)}
.automation-section .btn{margin-top:24px}.demo-status{font-size:12px!important;min-height:40px}
.node-editor{padding:24px 32px;border:1px solid var(--line);border-radius:14px;background:radial-gradient(#a0aabd20 1px,transparent 1px),#0e131d;background-size:20px 20px;min-height:490px}
.node-editor-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.13em;color:var(--muted)}
.automation-nodes{display:grid;grid-template-columns:1fr 1fr;gap:64px 40px;list-style:none;padding:54px 0;margin:0}
.automation-nodes li{position:relative;display:flex;gap:16px;align-items:center;border:1px solid #b394ff40;border-radius:10px;padding:20px;background:#141825;transition:border-color .25s,background .25s}
.automation-nodes li:nth-child(even){transform:translateY(32px)}.automation-nodes li>.icon{color:var(--violet)}.automation-nodes small{display:block;font-size:8px;letter-spacing:.08em;color:var(--muted);margin-bottom:6px}.automation-nodes span{font-size:13px}.automation-nodes li>i{margin-left:auto;width:5px;height:5px;border-radius:50%;background:#596171}
.automation-nodes li::after{content:"";position:absolute;left:50%;top:100%;height:64px;width:1px;background:linear-gradient(var(--violet),var(--mint))}.automation-nodes li:nth-child(n+3)::after{display:none}
.automation-nodes li.is-active{border-color:var(--mint);background:#142720}.automation-nodes li.is-active>i{background:var(--mint)}.node-editor-footer{font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:16px}
.control-section{display:grid;grid-template-columns:.4fr 1fr;gap:5vw;align-items:center;padding-right:0;background:linear-gradient(110deg,#10161e,#07090f)}
.control-section>.dashboard-preview{border-radius:14px 0 0 14px;width:100%;box-shadow:none}.control-section .preview-workspace{padding:32px 48px}.control-section .preview-feed span{font-size:13px}.control-section .preview-feed small{font-size:11px}.control-section .preview-heading h2{font-size:30px}
.control-tools{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;font-size:12px;color:var(--mint)}
.voice-section{margin:0;padding-block:48px;background:#0d1219}.bento-grid{grid-template-columns:1.4fr 1fr 1fr}.bento-card:first-child{grid-row:span 2;grid-column:auto;display:flex;flex-direction:column;justify-content:center}.bento-wide:last-child{grid-column:span 2}
.pricing-section{padding-inline:clamp(24px,12vw,340px);background:#0b1017}.support-section{padding-inline:clamp(24px,8vw,160px)}.final-section{padding-inline:0}.cta-box{border-radius:0;border-inline:0}.site-footer{width:100%;padding-inline:clamp(24px,5vw,96px)}
@media(min-width:2000px){.hero{grid-template-columns:.65fr 1.35fr;padding-left:7vw}.hero-copy{max-width:660px}.nexora-scene{height:800px;min-height:640px}.signal-gift{left:8%;top:20%}.signal-overlay{right:7%}.signal-follow{right:23%}.signal-voice{left:26%}.scene-core img{width:440px}.section-copy>p{font-size:18px;max-width:560px}.event-routing{padding:48px}.routing-hub{padding:32px}.routing-outputs>div{padding:32px}.bento-card{padding:40px}.bento-card h3{font-size:26px}.bento-card p{font-size:16px}.control-section{grid-template-columns:.3fr 1fr}.control-flow{padding:24px}.overlay-demo{max-width:460px}}
@media(max-width:1100px){.nav-links{margin:0}.hero{grid-template-columns:.9fr 1.1fr}.nexora-scene{min-height:480px;height:520px}.signal-card{padding:12px;gap:8px}.signal-card span{font-size:11px}.signal-card small{font-size:7px}.scene-core img{width:280px}.signal-gift{left:0;top:20%}.signal-follow{right:0}.signal-voice{left:0}.node-editor{padding:20px}.automation-nodes{gap:48px 16px}.automation-nodes li{padding:12px;gap:8px}.automation-nodes span{font-size:11px}.control-section .preview-workspace{padding:24px}.control-section .preview-feed{grid-template-columns:1fr 1fr}.control-section .preview-feed small{display:block;margin:0}.control-section .preview-feed span{font-size:10px}.control-section .preview-feed small{font-size:9px}.bento-grid{grid-template-columns:1fr 1fr}.bento-card:first-child{grid-row:auto}.bento-wide:last-child{grid-column:auto}}
@media(max-width:800px){.hero{grid-template-columns:1fr;min-height:0}.hero h1{font-size:64px}.hero h1 br{display:initial}.nexora-scene{height:460px;min-height:0}.scene-core img{width:340px}.signal-follow{right:12%}.signal-gift{left:4%}.signal-overlay{right:4%}.signal-voice{left:12%}.product-section{padding-right:24px}#overlays{gap:40px;grid-template-columns:1fr 1fr}.overlay-demo{max-width:360px}.sample-chat{font-size:8px;left:12px}.sample-gift{left:12px;padding:10px;gap:8px}.sample-gift strong{font-size:12px}.sample-follow{font-size:8px;right:12px}.sample-goal{left:12px;right:12px}.sample-likes{font-size:10px}.automation-section{grid-template-columns:1fr;gap:32px}.control-section{grid-template-columns:1fr;padding-right:0}.control-section .section-copy{padding-right:24px}.control-section>.dashboard-preview{max-width:none}.pricing-section{padding-inline:24px}.site-footer{width:100%}.support-section{padding-inline:24px}.bento-grid{grid-template-columns:1fr 1fr}.live-signal{display:flex;justify-content:start;gap:16px 24px}}
@media(max-width:540px){.hero h1{font-size:52px}.hero-copy>p{font-size:16px}.nexora-scene{height:380px}.scene-core img{width:260px}.scene-core>span{font-size:8px;margin-top:-24px}.signal-card{padding:10px;gap:8px}.signal-card>.icon{width:16px;height:16px}.signal-card span{font-size:10px}.signal-gift{left:0;top:19%}.signal-follow{right:0;top:2%}.signal-overlay{right:0;bottom:22%}.signal-voice{left:2%;bottom:10%}.scene-caption{font-size:7px;bottom:-12px}.scene-caption small{font-size:8px}.live-signal{font-size:10px}.live-signal span+span::before{display:none}#overlays{display:flex;flex-direction:column;gap:16px}.overlay-demo{width:min(100%,330px);transform:none}.stream-stage{min-height:0;aspect-ratio:9/16}.sample-chat{bottom:17%;font-size:9px}.sample-gift{top:49%}.sample-likes{top:70%}.sample-follow{top:14%}.scene-center{top:28%}.sample-goal{bottom:6%}.automation-nodes{grid-template-columns:1fr;padding:24px 0;gap:24px}.automation-nodes li:nth-child(even){transform:none}.automation-nodes li{padding:14px}.automation-nodes li::after{height:24px}.automation-nodes li:nth-child(3)::after{display:block}.node-editor{min-height:0}.control-section .preview-workspace{padding:14px}.control-status-grid{grid-template-columns:1fr}.control-status-grid>div{min-height:92px}.control-flow{grid-template-columns:1fr;gap:10px}.control-flow>i{height:18px;width:1px;justify-self:center;background:linear-gradient(var(--violet),var(--mint))}.control-section .preview-feed{grid-template-columns:1fr}.control-section .preview-feed small{display:inline;margin-left:6px;font-size:8px}.bento-grid{grid-template-columns:1fr}.bento-wide:last-child{grid-column:1}.pricing-section,.support-section{padding-inline:20px}.site-footer{padding-inline:20px}.final-section{padding-inline:0}}

@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.btn:hover,.bento-card:hover{transform:none}
}