/* Premium presentation layer. Existing routes, components and interactions remain. */
@font-face{font-family:Inter;src:url('/assets/fonts/inter.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--ink:#192d42;--muted:#526479;--green:#126550;--mint:#def6ee;--line:#cbd7e3;--paper:#edf3f8;--surface:#fff;--accent-blue:#235f92;--accent-purple:#7350a0}
:root[data-theme=dark]{--ink:#edf3fb;--muted:#afbed0;--green:#7ce9cf;--mint:#203c3c;--line:#394858;--paper:#19232f;--surface:#202b39;--accent-blue:#80c9fc;--accent-purple:#bf9afc;background:#151c25;color-scheme:dark}
html body{background:#f8fafc;color:var(--ink);font-family:Inter,Arial,sans-serif}
html[data-theme=dark] body{background:#151c25;color:var(--ink)}
html[data-theme] .site-header{background:#f8fafcee;border-color:var(--line)}
html[data-theme=dark] .site-header{background:#151c25eb}
.hero{padding-block:92px;gap:52px;position:relative;grid-template-columns:1fr 1.15fr}
.hero:before{content:'';position:absolute;inset:-20px -30px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 85% 30%,#80c9fc16,transparent 56%),radial-gradient(ellipse at 25% 25%,#7ce9cf12,transparent 55%)}
h1{font-size:clamp(48px,5.4vw,82px);letter-spacing:-.065em;line-height:1.03;font-weight:800}
h2{letter-spacing:-.045em;font-weight:700;line-height:1.16}
h3{letter-spacing:-.025em;font-weight:700}
.hero-subtitle{font-size:clamp(20px,2vw,27px);font-weight:500;line-height:1.4;margin-top:25px;max-width:440px}
.hero .lead{font-size:16px;margin-top:18px}.eyebrow{font-size:11px;letter-spacing:.13em;color:var(--muted)}
html[data-theme] .button{background:var(--green);color:#fff;border-radius:11px}
html[data-theme=dark] .button{background:#7ce9cf;color:#102e2b}
html[data-theme] .button:hover{background:#16765d}html[data-theme=dark] .button:hover{background:#a2f4e1}
html[data-theme] .hero-visual{background:linear-gradient(130deg,#7ce9cf12,#80c9fc0c 55%,#bf9afc16);border:1px solid var(--line);box-shadow:0 24px 80px -50px #80c9fc66;padding:28px 22px;border-radius:24px}
html[data-theme] .visual-caption>span,html[data-theme] .visual-foot p,html[data-theme] .fiction{color:var(--muted)}html[data-theme] .visual-foot b{color:var(--ink)}
html[data-theme] .product{background:var(--surface);border-color:var(--line);box-shadow:0 20px 60px -30px #0008}
html[data-theme] .product-top,html[data-theme] .product-main{background:var(--paper);border-color:var(--line);color:var(--muted)}
html[data-theme] .product-aside{background:#122d39;color:#98c9d4}html[data-theme] .product-aside .selected{background:#285f60}
html[data-theme] .mini-column{background:var(--paper);border-color:var(--line)}html[data-theme] .mini-card{background:var(--surface);border-color:var(--line)}
html[data-theme] .mini-card p{color:var(--ink)}html[data-theme] .mini-card small,html[data-theme] .product-bottom{color:var(--muted)}
html[data-theme] .mini-filters span,html[data-theme] .product-title>span,html[data-theme] .demo-pill{background:var(--surface);border-color:var(--line);color:var(--muted)}
html[data-theme] .mini-filters .active,html[data-theme] .col-title b,html[data-theme] .product-tag{background:var(--mint);color:var(--green);border-color:var(--line)}
html[data-theme] .product-tag.neutral{background:var(--paper);color:var(--muted)}html[data-theme] .ghost-mini{border-color:var(--line);color:var(--muted)}
html[data-theme] .strip{background:var(--paper);border-color:var(--line)}
.section{padding-block:100px}.section-head>p{font-size:15px;line-height:1.8}.feature p{font-size:14px}
.before-after{display:grid;grid-template-columns:1fr 60px 1fr;align-items:stretch;gap:24px}
.before-panel,.after-panel{padding:38px;border:1px solid var(--line);border-radius:22px;background:var(--surface)}
.before-panel{background:linear-gradient(135deg,#bf9afc09,var(--surface))}.after-panel{background:linear-gradient(135deg,#7ce9cf15,var(--surface));border-color:var(--green)}
.panel-label{font-size:11px;letter-spacing:.18em;color:var(--muted)}.after-panel .panel-label{color:var(--green)}
.before-after h3{font-size:25px;margin-top:20px;line-height:1.3}.before-after ul{list-style:none;padding:0;margin:25px 0 0}.before-after li{font-size:14px;color:var(--muted);padding:12px 0;border-top:1px solid var(--line)}
.change-arrow{display:grid;place-items:center;font-size:40px;color:var(--green)}
.journey-section{padding-block:78px;background:linear-gradient(110deg,#80c9fc0b,#bf9afc0d);border-block:1px solid var(--line)}
.journey{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px;padding:0;margin:50px 0 0}
.journey li{position:relative}.journey li:after{content:'→';position:absolute;right:-15px;top:8px;color:var(--muted)}.journey li:last-child:after{display:none}
.journey span{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--line);border-radius:14px;color:var(--accent-blue);background:var(--surface);font-size:13px}
.journey b,.journey small{display:block}.journey b{font-size:18px;margin-top:20px}.journey small{font-size:13px;color:var(--muted);line-height:1.7;margin-top:8px}
.feature-num{color:var(--accent-blue)!important}.feature{position:relative}.feature:nth-child(3n) .feature-num{color:var(--accent-purple)!important}
html[data-theme] .workspace{background:var(--paper)}html[data-theme] .workspace-tabs{border-color:var(--line)}html[data-theme] .workspace-tabs button[aria-selected=true]{background:var(--green);color:#fff}html[data-theme=dark] .workspace-tabs button[aria-selected=true]{color:#102e2b}
html[data-theme] .chat-demo,html[data-theme] .analytics-demo,html[data-theme] .stock-demo{background:var(--surface);border-color:var(--line)}html[data-theme] .chat-head,html[data-theme] .stock-row{border-color:var(--line)}
html[data-theme] .bubble,html[data-theme] .metric-grid>div{background:var(--paper);color:var(--ink)}html[data-theme] .bubble.out{background:var(--mint)}html[data-theme] .bubble small,html[data-theme] .chart-note,html[data-theme] .sync-note{color:var(--muted)}
html[data-theme] .context-note{background:var(--paper);border-color:var(--green)}html[data-theme] .context-note b,html[data-theme] .screen-copy ul{color:var(--muted)}html[data-theme] .fake-input{border-color:var(--line);color:var(--muted)}
html[data-theme] .tag{background:var(--mint);color:var(--green)}html[data-theme] .amber{background:#83602022;color:var(--ink)}
html[data-theme] .scenario{background:var(--surface);border-color:var(--line);padding:32px}html[data-theme] .scenario:hover{background:var(--paper)}
html[data-theme] .scenario-symbol{background:var(--mint);color:var(--green)}html[data-theme] .scenario:nth-child(2) .scenario-symbol{background:#80c9fc22;color:var(--accent-blue)}html[data-theme] .scenario:nth-child(3) .scenario-symbol{background:#bf9afc22;color:var(--accent-purple)}
html[data-theme] .intelligence{background:linear-gradient(120deg,#142636,#24233a);color:#edf3fb;border-block:1px solid #536176}
html[data-theme] .intelligence p{color:#bdcadd}html[data-theme] .intelligence em{color:#bf9afc}html[data-theme] .intelligence .eyebrow{color:#bdcadd}html[data-theme] .intelligence .button.light{background:#7ce9cf;color:#102e2b}
.contour-map{display:grid;grid-template-columns:1fr 1.2fr;gap:100px;align-items:center}
.catalog-core{border:1px solid var(--green);padding:50px 35px;border-radius:28px;background:radial-gradient(ellipse at top,#7ce9cf18,transparent 80%),var(--surface);text-align:center;position:relative}
.core-orbit{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 24px;border:1px solid var(--line);border-radius:21px;color:var(--green);font-size:35px}
.catalog-core h3{font-size:32px}.catalog-core p{color:var(--muted);font-size:14px;margin-top:20px}
.contour-branches{display:grid;gap:18px;position:relative}.contour-branches:before{content:'';position:absolute;left:-50px;top:16%;bottom:16%;width:1px;background:var(--line)}
.contour-branches article{border:1px solid var(--line);border-radius:17px;background:var(--surface);padding:23px 28px;position:relative}
.contour-branches article:before{content:'';position:absolute;left:-50px;width:50px;top:50%;height:1px;background:var(--line)}
.catalog-core:after{content:'';position:absolute;left:100%;top:50%;height:1px;width:50px;background:var(--line)}
.contour-branches span{font-size:10px;letter-spacing:.1em;color:var(--accent-blue)}.contour-branches h3{font-size:23px;margin-top:7px}.contour-branches p,.contour-note{font-size:13px;color:var(--muted);margin-top:9px}.contour-note{margin-top:30px;max-width:750px}
html[data-theme] .process-section{background:var(--paper);border-color:var(--line)}html[data-theme] .process li{border-color:var(--line)}html[data-theme] .process p,html[data-theme] .process li>span{color:var(--muted)}
html[data-theme] .contact,html[data-theme] .article-cta{background:linear-gradient(120deg,#7ce9cf14,#80c9fc10,#bf9afc18);border-color:var(--line)}html[data-theme] .contact p,html[data-theme] .contact-actions small{color:var(--muted)}
html[data-theme] .cookie-banner{background:var(--surface);border-color:var(--line);box-shadow:0 14px 60px #0005}html[data-theme] .cookie-actions .cookie-accept{background:var(--green);border-color:var(--green);color:#fff}html[data-theme=dark] .cookie-actions .cookie-accept{color:#102e2b}
html[data-theme] .site-header.menu-open nav{background:var(--surface)}html[data-theme] .menu-toggle{background:var(--surface);border-color:var(--line)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent-purple);outline-offset:5px}
@media(max-width:1100px){.hero{gap:30px}.hero-subtitle{font-size:22px}.before-after{gap:14px;grid-template-columns:1fr 36px 1fr}.before-panel,.after-panel{padding:25px}}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-block:55px}.hero-copy{max-width:650px}.hero-visual{max-width:750px}.hero-subtitle{max-width:500px}.section{padding-block:65px}.journey{gap:18px}.journey b{font-size:15px}.journey small{font-size:12px}.contour-map{gap:55px}.contour-branches:before,.contour-branches article:before{left:-28px}.contour-branches article:before{width:28px}.catalog-core:after{width:28px}}
@media(max-width:600px){h1{font-size:clamp(43px,11vw,65px)}.hero .eyebrow{font-size:9px}.hero-subtitle{font-size:22px}.before-after{grid-template-columns:1fr}.change-arrow{height:28px;transform:rotate(45deg);font-size:30px}.before-panel,.after-panel{padding:25px}.journey{grid-template-columns:1fr;margin-top:35px;gap:0}.journey li{padding:0 0 30px 67px;min-height:85px}.journey span{position:absolute;left:0;top:0}.journey b{font-size:18px;margin:0}.journey small{font-size:13px}.journey li:after{content:'';left:23px;top:48px;bottom:6px;width:1px;height:auto;background:var(--line)}.journey-section{padding-block:55px}.contour-map{grid-template-columns:1fr;gap:25px}.catalog-core{padding:35px 20px}.catalog-core:after,.contour-branches:before,.contour-branches article:before{display:none}.contour-branches article{padding:23px}.hero-visual{padding:20px 12px!important}.visual-caption{gap:10px}.visual-caption>span{font-size:8px}.visual-caption b{font-size:17px}.hero-actions{gap:20px}.hero .lead{font-size:15px}.journey-section h2{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Keep decorative glows inside the content box at every viewport width. */
.hero:before{inset:0}
/* v4: concise commercial overview; one non-interactive example. */
.demo-label{font-size:11px;color:var(--muted);margin-bottom:20px;line-height:1.7}
.demo-caption{display:block;font-size:8px;color:var(--muted);padding:8px 0}
.benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;border-block:1px solid var(--line)}
.benefits h2{font-size:26px;line-height:1.3;letter-spacing:-.03em}
.benefits p{color:var(--muted);font-size:14px;line-height:1.8;margin-top:15px;max-width:350px}
.compact-modules .features{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 60px}
.compact-modules .feature p{max-width:500px}.compact-modules .section-head{margin-bottom:25px}
.module-note{margin-top:18px;padding:24px 0 0;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}
.module-note p+p{margin-top:10px}.module-note a{color:var(--green);text-decoration:underline;text-underline-offset:4px}
.module-note small{display:block;font-size:12px;margin-top:16px;max-width:900px;line-height:1.8}
#workspace .journey{grid-template-columns:repeat(4,minmax(0,1fr))}
.compact-process .process{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}
.compact-process .process h3{font-size:22px}.compact-process .process li{padding-top:22px}
.compact-process .process p{font-size:14px;line-height:1.8}
.faq-section{padding-top:35px}.faq-section .section-head{margin-bottom:25px}
@media(max-width:900px){.benefits{gap:25px}.benefits h2{font-size:22px}.compact-process .process{gap:25px}.compact-process .process h3{font-size:20px}.compact-modules .features{gap:0 30px}}
@media(max-width:600px){.benefits{grid-template-columns:1fr;gap:30px}.benefits h2{font-size:25px}.benefits h2 br{display:none}.benefits h2 br:after{content:' '}.compact-modules .features,.compact-process .process,#workspace .journey{grid-template-columns:1fr}.benefits article+article{border-top:1px solid var(--line);padding-top:28px}.faq-section{padding-top:15px}.module-note p{line-height:1.9}}