*{box-sizing:border-box}body{margin:0}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}a,button{-webkit-tap-highlight-color:transparent}button{border:0}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3{font-family:var(--font-display);font-weight:600;font-variation-settings:'opsz' 96;letter-spacing:-.045em;text-wrap:balance}h1{font-size:var(--type-h1);line-height:1.04}h2{font-size:var(--type-h2);line-height:1.08;font-weight:650}h3{font-size:var(--type-h3);line-height:1.2;letter-spacing:-.025em}h1 span,h2 span{display:block}p{line-height:1.6}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--focus-color);outline-offset:4px}.stage,.feature-global,.global-hero,.closing,.site-footer,.related{--focus-color:var(--brand-yellow);--tick-color:var(--brand-yellow)}p{text-wrap:pretty}::selection{background:var(--surface-accent);color:var(--text-primary)}[hidden]{display:none!important}.skip{position:fixed;top:8px;left:24px;z-index:100;background:var(--surface-accent);color:var(--text-primary);padding:16px;transform:translateY(-150%)}.skip:focus{transform:none}main{padding-top:var(--header-height)}.section-pad{padding:var(--space-24) var(--gutter)}.eyebrow,.product-name{font-size:var(--type-label);font-weight:500;line-height:1.4;margin-bottom:var(--space-6)}.eyebrow{font-family:var(--font-mono);font-size:var(--type-index);font-weight:500;letter-spacing:var(--tracking-index);text-transform:uppercase;display:flex;align-items:center;gap:var(--space-4)}.eyebrow:before{content:'';width:28px;height:1px;background:currentColor;opacity:.5;flex-shrink:0}.product-name{font-family:var(--font-display);font-size:24px;letter-spacing:-.025em}
/* Shared interface kit */
.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-4);min-height:52px;padding:var(--space-3) var(--space-6);border:1px solid transparent;border-radius:var(--radius-control);font-size:var(--type-label);font-weight:500;line-height:1.4;transition:background var(--duration-fast),border-color var(--duration-fast),color var(--duration-fast);text-align:center}.button svg{width:20px;height:20px;transition:transform var(--duration-fast) var(--ease)}.button:hover svg{transform:translateX(3px)}.button:active{transform:translateY(1px)}.button--primary{background:var(--action-bg);color:var(--action-text)}.button--primary:hover{background:var(--action-hover)}.button--dark{background:var(--action-dark);color:var(--text-inverse)}.button--dark:hover{background:var(--action-dark-hover)}.button--outline{border-color:currentColor;background:transparent;color:inherit}.button--outline:hover{background:var(--surface-page);color:var(--text-primary);border-color:var(--surface-page)}.button--small{min-height:44px;padding:var(--space-2) var(--space-4)}.icon-button{display:grid;place-items:center;width:44px;height:44px;background:transparent;border-radius:var(--radius-control)}.icon-button:hover{background:var(--surface-soft)}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}
/* Full site navigation */
.site-header{height:var(--header-height);position:fixed;inset:0 0 auto;z-index:40;background:var(--header-bg);-webkit-backdrop-filter:blur(var(--header-blur)) saturate(1.5);backdrop-filter:blur(var(--header-blur)) saturate(1.5);border-bottom:1px solid var(--border-header);display:flex;justify-content:space-between;align-items:center;padding:0 var(--gutter);gap:var(--space-6);transition:box-shadow var(--duration-ui) var(--ease),background var(--duration-ui) var(--ease)}.site-header.scrolled{background:color-mix(in srgb,var(--white) 94%,transparent);box-shadow:var(--shadow-header)}.brand{display:flex;align-items:center;gap:var(--space-4);min-height:52px;flex-shrink:0;font-size:19px;font-family:var(--font-display);font-weight:700;line-height:1.1;letter-spacing:-.025em}.brand img{width:44px;height:52px;object-fit:contain}.brand-tech{display:inline-block;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-top:5px;margin-left:8px;font-family:var(--font-display);font-weight:700;color:var(--action-text);background:var(--surface-accent);padding:3px 8px;border-radius:6px;line-height:1.3}.desktop-nav{display:flex;gap:var(--space-2)}.desktop-nav a{position:relative;min-height:44px;display:flex;align-items:center;padding:var(--space-3) var(--space-4);font-size:var(--type-label);border-radius:var(--radius-control);transition:background var(--duration-fast)}.desktop-nav a:after{content:'';position:absolute;left:var(--space-4);right:var(--space-4);bottom:8px;height:2px;border-radius:1px;background:var(--text-link);transform:scaleX(0);transform-origin:left;transition:transform var(--duration-ui) var(--ease-out)}.desktop-nav a:hover{background:var(--surface-soft)}.desktop-nav a[aria-current=page]{font-weight:600}.desktop-nav a[aria-current=page]:after{transform:scaleX(1)}.header-tools{display:flex;gap:var(--space-6);align-items:center}.header-tools>.button{min-height:44px;padding:var(--space-2) var(--space-4)}.language-switch{display:flex;gap:2px;font-size:12px;background:var(--surface-soft);border-radius:var(--radius-pill);padding:2px}.language-switch a{display:grid;place-items:center;width:44px;height:44px;color:var(--text-secondary);border-radius:var(--radius-pill);transition:background var(--duration-fast),color var(--duration-fast)}.language-switch a[aria-current=true]{color:var(--text-primary);font-weight:600;background:var(--surface-page);box-shadow:var(--shadow-segment)}.language-switch a:not([aria-current=true]):hover{color:var(--text-primary);background:color-mix(in srgb,var(--surface-page) 55%,transparent)}.menu-toggle{display:none}.mobile-menu{position:fixed;inset:var(--header-height) 0 0;z-index:39;background:var(--surface-page);padding:var(--space-8) var(--gutter);display:flex;flex-direction:column;gap:var(--space-4);overflow:auto}.mobile-menu>a:not(.button){font-family:var(--font-display);font-size:32px;letter-spacing:-.04em;padding:var(--space-6) 0;border-bottom:1px solid var(--border-default);display:flex;justify-content:space-between;align-items:center}.mobile-menu>a[aria-current=page]{color:var(--text-link)}.mobile-menu>.button{margin-top:var(--space-6)}.mobile-menu p{margin-top:auto;padding-top:var(--space-10);max-width:300px;color:var(--text-secondary);font-size:var(--type-label)}body.menu-open{overflow:hidden}.js .mobile-menu:not([hidden])>*{animation:menu-in var(--duration-reveal) var(--ease-out) backwards}.mobile-menu>*:nth-child(2){animation-delay:50ms}.mobile-menu>*:nth-child(3){animation-delay:100ms}.mobile-menu>*:nth-child(4){animation-delay:150ms}.mobile-menu>*:nth-child(5){animation-delay:200ms}@keyframes menu-in{from{opacity:0;transform:translateY(16px)}}
/* Tech: type and object own separate planes. */
.journey{height:calc(100svh - var(--header-height));color:var(--text-inverse);--progress:0}.js .journey{height:190svh}.stage{position:sticky;top:var(--header-height);height:calc(100svh - var(--header-height));min-height:660px;background:var(--surface-hero);overflow:hidden;isolation:isolate}.hero-layout{position:relative;height:100%;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;padding:var(--space-16) var(--gutter) var(--space-20);z-index:4;pointer-events:none}.hero-copy{position:relative;z-index:3;max-width:none;will-change:transform,opacity}.hero-copy .eyebrow{margin-bottom:var(--space-6)}.hero-copy h1{font-size:min(6.4vw,9.4vh,6rem);max-width:min(46vw,15ch);letter-spacing:-.055em;line-height:1}.hero-description{font-size:var(--type-lead);max-width:520px;line-height:1.6;margin:var(--space-6) 0 var(--space-8)}.hero-copy .hero-description{max-width:480px}.hero-division{font-family:var(--font-mono);font-size:var(--type-index);letter-spacing:.06em;max-width:420px;margin-top:var(--space-10);padding-top:var(--space-5);border-top:1px solid var(--rule-inverse);color:var(--text-inverse-muted)}.scene{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.scene img,.scene video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.scene video{opacity:0;transition:opacity 600ms var(--ease)}.scene.playing video{opacity:1}html.js:not(.no-motion) .scene img{animation:kenburns 26s ease-in-out infinite alternate}@keyframes kenburns{from{transform:scale(1)}to{transform:scale(1.055)}}.scene-scrim{position:absolute;inset:0;background:linear-gradient(100deg,color-mix(in srgb,var(--surface-deep) 82%,transparent) 0%,color-mix(in srgb,var(--surface-deep) 34%,transparent) 46%,transparent 70%),linear-gradient(to top,color-mix(in srgb,var(--surface-deep) 72%,transparent),transparent 42%)}.stage .scene{transform:translateY(calc(var(--progress) * 7%))}.sculpture{position:absolute;left:24%;right:-14%;top:-10%;bottom:11vh;height:auto;z-index:2;pointer-events:none;transform:translateX(calc(var(--progress) * -72%)) scale(calc(1 - var(--progress) * .3));will-change:transform}.sculpture canvas{width:100%;height:100%;display:block}.ribbon-fallback{position:absolute;width:100%;height:100%;inset:0;transform:rotate(-12deg)}.webgl-ready .ribbon-fallback{visibility:hidden}.no-webgl .ribbon-fallback{visibility:visible}[data-scene=world] .scene img,[data-scene=world] .scene video{object-position:70% 34%}[data-scene=signal] .scene img,[data-scene=signal] .scene video{object-position:64% center}[data-scene=people] .scene img,[data-scene=people] .scene video{object-position:76% center}.scroll-cue{position:absolute;bottom:24px;left:var(--gutter);display:inline-flex;align-items:center;gap:var(--space-5);min-height:44px;font-family:var(--font-mono);font-size:var(--type-index);letter-spacing:var(--tracking-index);text-transform:uppercase;z-index:4}.scroll-cue svg{transform:rotate(90deg);width:20px;height:20px;animation:cue-nudge 2.6s var(--ease) infinite}@keyframes cue-nudge{50%{transform:rotate(90deg) translateX(6px)}}.connection-copy{position:absolute;left:52%;right:var(--gutter);top:20%;opacity:0;visibility:hidden;z-index:5}.connection-copy h2{font-size:clamp(2.8rem,5.4vw,5.5rem);letter-spacing:-.06em;line-height:1}.connection-copy>p:last-child{max-width:420px;font-size:var(--type-lead);margin-top:var(--space-6)}.journey-progress{position:absolute;inset:auto 0 0;height:3px;background:var(--border-inverse)}.journey-progress>span{display:block;height:100%;background:var(--surface-accent);transform:scaleX(var(--progress));transform-origin:left}.vision-section{background:var(--surface-accent);display:grid;grid-template-columns:3fr 1fr;gap:var(--space-16);align-items:end}.vision-section h2{max-width:1000px;font-size:clamp(3rem,5.2vw,5.5rem)}.vision-section p{max-width:260px;font-size:var(--type-lead)}
/* Distinct product chapters */
.product-feature{min-height:740px;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--space-16);overflow:hidden;isolation:isolate}.feature-copy{position:relative;z-index:2;max-width:600px}.feature-copy h2{font-size:clamp(3rem,5.1vw,5.25rem)}.feature-copy>p:not(.product-name){max-width:460px;font-size:var(--type-lead);margin:var(--space-6) 0 var(--space-8)}.feature-global,.global-hero{background:var(--surface-deep);color:var(--text-inverse)}.feature-inbound{background:var(--surface-page);min-height:760px}.feature-demo{position:relative;isolation:isolate;padding:var(--space-8) 0}.feature-demo:before{content:'';position:absolute;inset:5% -5%;border:1px solid var(--border-default);border-radius:50%;transform:rotate(-20deg);z-index:-1}.principles{background:var(--surface-soft);display:grid;grid-template-columns:1.1fr 1fr;gap:var(--space-24)}.principles>div>p{font-size:var(--type-lead);max-width:480px;margin-top:var(--space-6);color:var(--text-secondary)}.principle-list{display:grid;gap:var(--space-8)}.principle-list article{border-bottom:1px solid var(--border-default);padding-bottom:var(--space-8)}.principle-list article:last-child{border-bottom:0;padding-bottom:0}.principle-list p{margin-top:var(--space-3);color:var(--text-secondary)}.closing{background:var(--surface-hero);color:var(--text-inverse)}.closing>p{font-size:var(--type-lead);margin-top:var(--space-4)}.product-choices{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);margin-top:var(--space-12)}.product-choices>a{border-top:1px solid var(--border-inverse);padding:var(--space-8) var(--space-12) var(--space-8) 0;position:relative;transition:color var(--duration-fast),border-top-color var(--duration-fast)}.product-choices>a:hover{color:var(--surface-accent);border-top-color:var(--surface-accent)}.product-choices>a:hover svg{transform:translateX(6px)}.product-choices span{display:block;font-size:var(--type-label);margin-bottom:var(--space-4)}.product-choices strong{font-family:var(--font-display);font-size:40px;font-weight:600;letter-spacing:-.04em}.product-choices svg{position:absolute;right:0;bottom:var(--space-10);width:32px;height:32px;transition:transform var(--duration-fast) var(--ease)}
/* Shared conversation component — no simulated live state. */
.conversation-demo{width:100%;max-width:500px;margin-inline:auto}.conversation-shell{border-radius:var(--radius-panel);background:var(--surface-page);box-shadow:var(--shadow-panel);border:1px solid var(--border-default);color:var(--text-primary);overflow:hidden}.conversation-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-6);border-bottom:1px solid var(--border-default)}.assistant-mark{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--surface-hero);color:var(--surface-accent);flex-shrink:0}.assistant-mark svg{width:28px;height:28px;stroke-width:2}.conversation-header strong{display:block;font-size:var(--type-label);font-weight:600}.conversation-header div>span{display:block;font-size:12px;margin-top:4px;color:var(--text-secondary)}.demo-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);border:1px solid var(--border-default);border-radius:4px;padding:5px 8px;line-height:1.4;white-space:nowrap;margin-left:auto}.messages{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);min-height:260px}.message{max-width:92%;padding:var(--space-4);font-size:var(--type-label);line-height:1.6;border-radius:16px;background:var(--surface-message)}.message.incoming{align-self:flex-end;background:var(--surface-hero);color:var(--text-inverse);border-bottom-right-radius:4px}.message.response{border-top-left-radius:4px}.conversation-status{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--text-secondary);min-height:24px}.conversation-status strong{font-weight:500;color:var(--text-primary)}.conversation-actions{display:flex;justify-content:end;padding:var(--space-4) var(--space-6) var(--space-6)}.demo-disclaimer{font-size:12px;color:var(--text-secondary);line-height:1.6;margin-top:var(--space-4);max-width:480px}.conversation-demo>.demo-disclaimer{text-align:center;padding-inline:var(--space-2)}
/* Product pages */
.product-hero{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100svh - var(--header-height));padding:var(--space-20) var(--gutter);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--space-12)}.product-hero-copy{position:relative;z-index:2}.crumb{margin-bottom:var(--space-8)}.parent-link{font-family:var(--font-mono);font-size:var(--type-index);letter-spacing:var(--tracking-index);text-transform:uppercase;display:inline-flex;align-items:center;min-height:44px;text-decoration:none;border-bottom:1px solid color-mix(in srgb,currentColor 45%,transparent);padding-bottom:2px;opacity:.85;transition:opacity var(--duration-fast)}.parent-link:hover{opacity:1}.product-hero .product-name{font-size:20px;margin-bottom:var(--space-4)}.product-hero h1{font-size:min(4.4vw,9.5vh,4.4rem);max-width:18ch}.product-hero .hero-description{max-width:500px}.inbound-hero{background:var(--surface-deep);color:var(--text-inverse)}.inbound-hero .channel-note,.inbound-hero .demo-disclaimer{color:var(--text-inverse-muted)}.inbound-hero .hero-conversation{position:relative;padding:var(--space-4)}.channel-note{font-size:12px;color:var(--text-secondary);margin-top:var(--space-6);max-width:420px}.how-section{background:var(--surface-page)}.section-heading{display:grid;grid-template-columns:200px minmax(0,1fr);column-gap:var(--space-12);row-gap:0;align-items:start;border-top:1px solid var(--rule);padding-top:var(--space-8)}.section-heading>.eyebrow{margin:0;color:var(--text-secondary);padding-top:var(--space-3)}.section-heading .lead{margin-top:var(--space-8)}.section-heading>:not(.eyebrow){grid-column:2}.section-heading h2{max-width:16ch}.section-heading>p:last-child{color:var(--text-secondary);font-size:var(--type-lead);margin-top:var(--space-6)}.section-heading .lead{color:var(--text-secondary)}.story-band .lead,.control-copy p,.feature-copy>p:not(.product-name),.vision-section p,.closing>p{font-family:var(--font-display);font-weight:500;letter-spacing:-.015em}.process-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-12);margin-top:var(--space-16)}.process-steps article{border-top:1px solid var(--border-default);padding-top:var(--space-6)}.process-number{display:block;color:var(--text-link);font-family:var(--font-display);font-size:24px;margin-bottom:var(--space-8)}.process-steps p{color:var(--text-secondary);margin-top:var(--space-4);max-width:340px}.research-section{background:var(--surface-soft);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-24);align-items:center}.research-explanation h2{max-width:560px}.discovery-tabs{display:flex;gap:var(--space-3);margin-top:var(--space-10);border-bottom:1px solid var(--border-default)}.discovery-tabs button{background:transparent;padding:var(--space-3);min-height:48px;font-size:var(--type-label);color:var(--text-secondary);border-bottom:2px solid transparent}.discovery-tabs button[aria-selected=true]{color:var(--text-link);border-color:var(--text-link);font-weight:500}.discovery-tabs button:hover{color:var(--text-primary)}.discovery-panel{min-height:180px;padding-top:var(--space-6)}.discovery-panel h3{font-size:22px}.discovery-panel p{margin-top:var(--space-4);max-width:420px;color:var(--text-secondary)}.research-demo{background:var(--surface-page);border:1px solid var(--border-default);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);overflow:hidden}.research-title{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-6);border-bottom:1px solid var(--border-default);font-size:var(--type-label)}.research-title>svg{color:var(--text-link)}.research-body{padding:var(--space-8)}.company-symbol{width:64px;height:64px;background:var(--surface-soft);display:grid;place-items:center;border-radius:var(--radius-control);color:var(--text-link);margin-bottom:var(--space-6)}.company-symbol svg{width:36px;height:36px}.research-body>p{color:var(--text-secondary);margin-top:var(--space-2)}dl{margin:var(--space-8) 0 0}dl>div{border-top:1px solid var(--border-default);padding:var(--space-5) 0;display:grid;grid-template-columns:1fr auto;gap:var(--space-4);align-items:baseline}dl>div dt{margin-bottom:0}dl>div dd{text-align:right;font-weight:500}dt{font-family:var(--font-mono);font-size:var(--type-index);letter-spacing:var(--tracking-index);text-transform:uppercase;color:var(--text-secondary);margin-bottom:var(--space-3)}dd{margin:0;line-height:1.5;font-size:var(--type-label)}.research-demo>.demo-disclaimer{padding:0 var(--space-8) var(--space-8);margin:0}.ownership{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-24);background:var(--surface-accent);align-items:center}.ownership p{font-size:var(--type-lead);max-width:520px}.control-section{position:relative;isolation:isolate;min-height:640px;display:flex;align-items:center;background:var(--surface-deep);color:var(--text-inverse)}.control-copy{position:relative;z-index:2;max-width:560px}.control-copy p{font-size:var(--type-lead);max-width:520px;margin-top:var(--space-6)}.faq-section{display:grid;grid-template-columns:1fr 1.15fr;gap:var(--space-24)}.faq-section h2{max-width:400px}.faq-section details{border-bottom:1px solid var(--border-default)}.faq-section details:first-child{border-top:1px solid var(--border-default)}summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);cursor:pointer;padding:var(--space-6) 0;min-height:64px;font-size:var(--type-lead);line-height:1.4}summary::-webkit-details-marker{display:none}summary svg{width:20px;height:20px;transition:transform var(--duration-fast)}details[open] summary svg{transform:rotate(45deg)}details>p{padding-bottom:var(--space-6);color:var(--text-secondary);max-width:600px}details[open]>p{animation:fade-up .35s var(--ease-out)}@keyframes fade-up{from{opacity:0;transform:translateY(8px)}}.ready-section{background:var(--surface-soft);display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-16);align-items:center}.ready-section>div>p{font-size:var(--type-lead);max-width:540px;margin-top:var(--space-6);color:var(--text-secondary)}.ready-section .hero-actions{justify-content:end}.related{background:var(--surface-hero);color:var(--text-inverse);padding-block:var(--space-12)}.related>p{font-size:var(--type-label);margin-bottom:var(--space-4)}.related>a{display:flex;align-items:center;justify-content:space-between;font-size:var(--type-h2);font-family:var(--font-display);letter-spacing:-.045em;min-height:64px}.related>a:hover{color:var(--surface-accent)}.related svg{width:48px;height:48px}
/* Complete institutional footer */
.site-footer{position:relative;isolation:isolate;background:var(--surface-deep);color:var(--text-inverse);padding:var(--space-20) var(--gutter) var(--space-8);overflow:hidden}.site-footer:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(110% 75% at 88% 100%,color-mix(in srgb,var(--brand-cobalt) 38%,transparent),transparent 62%),radial-gradient(70% 45% at 8% 0%,color-mix(in srgb,var(--brand-cobalt) 16%,transparent),transparent 60%);pointer-events:none}.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:var(--space-12)}.footer-brand>p{font-size:var(--type-label);max-width:240px;margin-top:var(--space-6);color:var(--text-inverse-muted)}.footer-top nav h2{font-family:var(--font-mono);font-weight:500;font-size:var(--type-index);letter-spacing:var(--tracking-index);text-transform:uppercase;color:var(--text-inverse-muted);margin-bottom:var(--space-4);line-height:1.6}.footer-top nav a{display:flex;align-items:center;min-height:44px;font-size:var(--type-label);color:var(--text-inverse-muted);transition:color var(--duration-fast),transform var(--duration-fast)}.footer-top nav a:hover{color:var(--surface-accent);transform:translateX(3px)}.footer-signature{font-family:var(--font-display);font-weight:600;font-size:13.3vw;line-height:1;letter-spacing:-.065em;color:var(--surface-accent);background:linear-gradient(100deg,var(--surface-accent) 24%,var(--brand-yellow-light) 52%,var(--surface-accent) 78%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap;margin:var(--space-16) 0 var(--space-8)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:var(--space-8);border-top:1px solid var(--rule-inverse);padding-top:var(--space-6);font-family:var(--font-mono);font-size:var(--type-index);letter-spacing:.05em;color:var(--text-inverse-muted)}.footer-bottom>p:nth-child(2){max-width:300px}.back-top{display:flex;align-items:center;gap:var(--space-3);min-height:44px;padding:0 var(--space-4);border:1px solid var(--border-inverse);border-radius:var(--radius-pill);transition:background var(--duration-fast),border-color var(--duration-fast)}.back-top:hover{background:var(--hover-inverse);border-color:var(--text-inverse-muted)}.back-top svg{width:16px;height:16px}
@media(min-width:701px) and (max-height:780px){.stage{min-height:0}.hero-intro{top:var(--space-8)}.hero-bottom{bottom:min(calc(var(--space-20) + var(--space-4)),11vh)}.scroll-cue{bottom:6px}}
/* Tablet */
@media(max-width:1100px){.hero-layout{grid-template-columns:1fr;align-content:start;padding-top:var(--space-12)}.hero-copy{max-width:560px}.hero-copy h1{font-size:clamp(2.8rem,6.6vw,4.4rem)}.sculpture{left:-4%;right:-4%;top:30%;bottom:auto;height:38%;transform:translateX(calc(var(--progress) * -60%)) scale(calc(1 - var(--progress) * .25))}.connection-copy{left:var(--gutter);right:var(--gutter);top:16%}.desktop-nav a{padding:12px}.header-tools{gap:8px}.site-header{gap:16px}.hero-copy h1{font-size:5.8vw}.hero-actions .button{padding:12px 16px}.hero-copy .hero-actions{align-items:stretch;flex-direction:column;max-width:300px}.product-feature{gap:32px;min-height:700px}.conversation-header{padding:20px 16px;gap:8px}.demo-label{font-size:10px;padding:4px}.conversation-header strong{font-size:13px}.conversation-header div>span{font-size:11px}.product-hero{gap:32px;padding-block:64px}.product-hero h1{font-size:5.6vw}.principles,.research-section,.ownership,.control-section,.faq-section{gap:48px}.footer-top{gap:32px}.footer-bottom{flex-wrap:wrap;row-gap:var(--space-4)}.ready-section{grid-template-columns:1fr}.ready-section .hero-actions{justify-content:start}}
@media(max-width:850px){.desktop-nav{display:none}.menu-toggle{display:grid}.header-tools>.button{display:none}.hero-copy h1{font-size:5.4vw}.hero-description{font-size:16px}.hero-copy .hero-division{max-width:270px}.product-hero{grid-template-columns:1fr 1fr;gap:24px}.product-hero h1{font-size:6vw}.product-hero .hero-actions{flex-direction:column;align-items:start}.product-feature{grid-template-columns:1fr 1fr;gap:24px}.feature-copy h2{font-size:5.5vw}.feature-copy>p:not(.product-name){font-size:16px}.vision-section{grid-template-columns:1fr;gap:32px}.vision-section p{max-width:460px}.process-steps{gap:24px}.process-steps h3{font-size:22px}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-top nav:last-child{grid-column:1/-1}.footer-top nav:last-child{display:flex;flex-wrap:wrap;column-gap:24px}.footer-top nav:last-child h2{width:100%;margin-bottom:0}.product-choices{gap:32px}.product-choices strong{font-size:32px}}
/* Mobile has its own composition. */
@media(max-width:700px){.section-pad{padding:64px var(--gutter)}.site-header{gap:8px}.brand{font-size:15px;gap:8px}.brand img{width:32px;height:40px}.brand-tech{font-size:12px}.header-tools{gap:4px}.language-switch a{width:44px;min-height:44px}.menu-toggle{margin-left:4px}.stage{height:calc(100svh - var(--header-height));min-height:720px}.js .journey{height:180svh;min-height:1250px}.journey{min-height:720px}.hero-layout{display:block;padding:calc(var(--space-16) + var(--space-2)) var(--gutter) 24px}.hero-copy{position:static;max-width:none;will-change:auto}.sculpture{left:-6%;right:-6%;top:28%;height:29%;transform:translateX(calc(var(--progress) * -58%)) scale(calc(1 - var(--progress) * .22))}.hero-copy .eyebrow{font-size:13px;margin-bottom:16px}.hero-copy h1{font-size:clamp(2rem,8.6vw,2.75rem);line-height:1.08;letter-spacing:-.045em;max-width:470px}.hero-copy .hero-description{font-size:15px;line-height:1.5;margin:20px 0 0;max-width:430px}.hero-copy .hero-actions{position:absolute;left:var(--gutter);right:var(--gutter);bottom:64px;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:12px}.hero-copy .hero-actions .button{padding:12px;min-height:56px;font-size:13px;gap:8px}.hero-copy .hero-actions .button svg{width:16px;height:16px}.hero-division{display:none}.scroll-cue{bottom:12px;left:var(--gutter);font-size:12px;gap:12px}.connection-copy{left:var(--gutter);right:var(--gutter);top:20%}.connection-copy h2{font-size:var(--type-h1)}.connection-copy>p:last-child{font-size:17px;max-width:320px}.connection-copy .eyebrow{font-size:13px;margin-bottom:24px}.vision-section{gap:24px}.vision-section h2{font-size:36px}.vision-section p{font-size:16px}.product-feature{display:block;min-height:0}.feature-copy h2{font-size:var(--type-h2)}.feature-copy>p:not(.product-name){font-size:16px;margin-top:20px}.feature-copy .button{min-height:52px}.feature-global{min-height:560px;display:flex;align-items:end;padding-bottom:64px}.feature-demo{margin-top:48px;padding:0}.feature-demo:before{inset:0 -20%}.principles{grid-template-columns:1fr;gap:40px}.principles>div>p{font-size:16px}.principle-list{gap:24px}.principle-list article{padding-bottom:24px}.principle-list p{font-size:15px}.closing>p{font-size:16px}.product-choices{grid-template-columns:1fr;gap:8px;margin-top:32px}.product-choices>a{padding:24px 40px 24px 0}.product-choices strong{font-size:32px}.product-choices span{font-size:13px;margin-bottom:12px}.product-choices svg{bottom:28px;width:28px;height:28px}.conversation-header{padding:16px;gap:8px;flex-wrap:wrap}.conversation-header .demo-label{margin-left:0;width:100%;text-align:center;border:0;padding:0;font-size:11px}.conversation-header .assistant-mark{width:40px;height:40px}.conversation-header strong{font-size:14px}.conversation-header div>span{font-size:12px}.messages{padding:20px;min-height:272px;gap:16px}.message{padding:16px;font-size:14px;max-width:96%}.conversation-status{padding-inline:20px}.conversation-actions{padding:16px 20px 20px}.demo-disclaimer{font-size:12px}.product-hero{display:block;min-height:0;padding:40px var(--gutter) 56px}.product-hero .parent-link{margin-bottom:16px;font-size:13px}.product-hero .product-name{font-size:20px;margin-bottom:20px}.product-hero h1{font-size:var(--type-h1);max-width:500px}.product-hero .hero-description{font-size:16px;margin-block:24px}.product-hero .hero-actions{flex-direction:row;align-items:stretch;gap:12px}.product-hero .hero-actions .button{font-size:13px;padding:12px 16px}.global-hero{min-height:calc(100svh - var(--header-height))}.hero-conversation{margin-top:40px;padding:0!important}.channel-note{font-size:12px;line-height:1.6}.process-steps{grid-template-columns:1fr;gap:32px;margin-top:40px}.process-steps article{display:grid;grid-template-columns:40px 1fr;column-gap:16px;padding-top:24px}.process-number{grid-row:1/3;margin:0;font-size:20px}.process-steps h3{font-size:24px}.process-steps p{margin-top:12px;max-width:420px}.section-heading>p:last-child{font-size:16px}.research-section{grid-template-columns:1fr;gap:24px}.discovery-tabs{margin-top:32px;gap:4px;justify-content:space-between}.discovery-tabs button{padding:12px 8px;font-size:14px}.discovery-panel{min-height:172px}.research-title{padding:20px;gap:8px;flex-wrap:wrap}.research-title .demo-label{width:100%;margin-left:0;border:0;text-align:left;padding:0}.research-body{padding:24px}.research-demo>.demo-disclaimer{padding:0 24px 24px}.ownership,.control-section{grid-template-columns:1fr;gap:32px}.ownership p,.control-section p{font-size:16px}.control-section{min-height:600px;align-items:flex-end;padding-bottom:56px}[data-scene=people] .scene img,[data-scene=people] .scene video{object-position:70% 10%}[data-scene=people] .scene-scrim{background:linear-gradient(to top,color-mix(in srgb,var(--surface-deep) 90%,transparent) 0%,color-mix(in srgb,var(--surface-deep) 58%,transparent) 40%,transparent 70%)}.faq-section{grid-template-columns:1fr;gap:32px}summary{font-size:16px;gap:20px;padding:24px 0}details>p{font-size:15px}.ready-section{gap:32px}.ready-section>div>p{font-size:16px;margin-top:20px}.ready-section .hero-actions{align-items:stretch;flex-direction:column}.related{padding-block:40px}.related>a{font-size:36px}.related svg{width:32px;height:32px}.site-footer{padding:48px var(--gutter) 80px}.footer-top{gap:32px 20px}.footer-brand>p{font-size:14px;max-width:280px;margin-top:20px}.footer-top nav a{font-size:14px}.footer-top nav h2{font-size:14px;margin-bottom:12px}.footer-signature{font-size:13.3vw;margin-block:40px 24px}.footer-bottom{flex-direction:column;align-items:start;gap:8px;font-size:12px}.footer-bottom .back-top{margin-top:8px}}
@media(max-width:359px){:root{--gutter:20px}.hero-copy h1{font-size:30px}.hero-copy .hero-description{font-size:14px}.hero-copy .hero-actions{gap:8px}.hero-copy .hero-actions .button{font-size:12px;padding:12px 8px}.hero-copy .hero-actions .button svg{display:none}.stage{min-height:700px}.journey{min-height:700px}.brand{font-size:14px}.site-header{padding-inline:16px}.product-hero h1{font-size:40px}.conversation-header{padding:16px}.messages{padding:16px}.related>a{font-size:32px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .journey{height:auto;min-height:0}.stage{position:relative;top:0}.connection-copy{display:none}.hero-copy,.sculpture{will-change:auto}}
.no-motion{scroll-behavior:auto}html:not(.js) .connection-copy,html:not(.js) .menu-toggle,html:not(.js) .conversation-next{display:none}html:not(.js) .stage{position:relative;top:0}html:not(.js) .journey{height:auto}html:not(.js) .discovery-tabs{display:none}
/* Compact-height phones keep both product choices in the first viewport. */
@media(max-width:700px) and (max-height:740px){.stage{min-height:calc(100svh - var(--header-height))}.journey{min-height:0}.hero-layout{padding-top:var(--space-10);align-content:start}.sculpture{display:none}.hero-copy .eyebrow{margin-bottom:12px;font-size:12px}.hero-copy .hero-description{font-size:13px;margin-top:12px;line-height:1.5;max-width:420px}.hero-copy .hero-actions{bottom:60px;gap:8px}.hero-copy .hero-actions .button{min-height:48px;padding:8px;font-size:12px}.scroll-cue{bottom:0;font-size:11px}}

.stage:before{content:"";position:absolute;inset:0;z-index:1;background:var(--surface-deep);opacity:var(--progress);pointer-events:none}
/* Hero por esquinas (composición del mockup aprobado) + piezas ricas */
.stage-grid{position:absolute;inset:0;z-index:0;opacity:.5;background-image:linear-gradient(to right,var(--rule-inverse) 1px,transparent 1px);background-size:25% 100%;pointer-events:none}
.hero-intro{position:absolute;top:calc(var(--space-12) + 4px);left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:var(--space-8);z-index:5;font-family:var(--font-mono);font-size:var(--type-index);letter-spacing:var(--tracking-index);text-transform:uppercase;color:var(--text-inverse-muted)}
.scene-cue{display:flex;align-items:center;gap:var(--space-3)}.scene-cue>span{width:7px;height:7px;border-radius:50%;background:var(--surface-accent);animation:pulse 2.4s var(--ease) infinite}@keyframes pulse{50%{opacity:.35;transform:scale(.7)}}
.hero-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:min(calc(var(--space-20) + var(--space-4)),9vh);display:flex;align-items:end;justify-content:space-between;gap:var(--space-16);z-index:5}
.hero-claim{font-family:var(--font-display);font-weight:500;font-size:min(1.55vw,2.5vh,1.5rem);line-height:1.35;letter-spacing:-.02em;max-width:30ch}
.product-jumps{display:flex;gap:var(--space-10);flex-shrink:0}
.product-jumps a{position:relative;min-width:230px;padding:var(--space-5) var(--space-10) var(--space-4) 0;border-top:1px solid var(--rule-inverse);transition:border-color var(--duration-ui) var(--ease),color var(--duration-ui) var(--ease)}
.product-jumps a:hover{border-top-color:var(--surface-accent);color:var(--surface-accent)}.product-jumps a:hover svg{transform:translate(4px,-4px)}
.product-jumps span{display:block;font-family:var(--font-mono);font-size:var(--type-index);letter-spacing:var(--tracking-index);text-transform:uppercase;color:var(--text-inverse-muted);margin-bottom:var(--space-4)}
.product-jumps strong{font-family:var(--font-display);font-weight:600;font-size:min(2vw,3.4vh,2rem);letter-spacing:-.035em}
.product-jumps svg{position:absolute;right:0;top:var(--space-6);width:22px;height:22px;transition:transform var(--duration-ui) var(--ease)}
.text-link{display:inline-flex;align-items:center;gap:var(--space-3);min-height:44px;margin-top:var(--space-8);font-family:var(--font-mono);font-size:var(--type-index);letter-spacing:var(--tracking-index);text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:2px}
.text-link svg{width:16px;height:16px;transition:transform var(--duration-fast) var(--ease)}.text-link:hover svg{transform:translateX(4px)}
/* Manifiesto amarillo con el subrayado dibujado */
.manifesto{background:var(--surface-accent);color:var(--text-primary);padding:var(--space-16) var(--gutter) var(--space-12);overflow:hidden;--tick-color:var(--brand-ink)}
.manifesto-top{display:flex;justify-content:space-between;align-items:start;gap:var(--space-12)}.manifesto-top p{max-width:34ch;font-family:var(--font-display);font-weight:500;font-size:var(--type-lead);letter-spacing:-.02em;text-align:right}
.manifesto h2{font-size:clamp(3rem,8.6vw,8.5rem);font-weight:600;line-height:1;letter-spacing:-.065em;margin:var(--space-20) 0 var(--space-16);max-width:16ch}
.together{position:relative;display:inline-block!important;white-space:nowrap}.together svg{position:absolute;bottom:-.16em;left:0;width:100%;height:.42em;stroke:var(--brand-ink);stroke-width:4;fill:none;overflow:visible}
.manifesto-bottom{display:flex;justify-content:space-between;align-items:end;gap:var(--space-8);padding-right:150px;border-top:1px solid color-mix(in srgb,var(--brand-ink) 22%,transparent);padding-top:var(--space-6)}
.manifesto-bottom p{font-family:var(--font-display);font-weight:500;font-size:var(--type-lead);letter-spacing:-.015em;line-height:1.45;max-width:52ch}
.manifesto-bottom a{display:grid;place-items:center;width:72px;height:72px;flex-shrink:0;transition:transform var(--duration-ui) var(--ease)}.manifesto-bottom a:hover{transform:translate(6px,-6px)}.manifesto-bottom svg{width:52px;height:52px;stroke-width:3}
/* Wordmark de producto, enlace circular, escucha */
.product-wordmark{font-family:var(--font-display);font-weight:600;font-size:max(1.125rem,min(2.3vw,3.6vh,2.2rem));letter-spacing:-.045em;display:inline-flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}
.wordmark-dot{width:10px;height:10px;border-radius:50%;background:var(--surface-accent)}
.product-kicker{font-family:var(--font-mono);font-size:var(--type-index);letter-spacing:var(--tracking-index);text-transform:uppercase;color:var(--text-inverse-muted);margin-bottom:var(--space-8);max-width:34ch}
.discovery-symbol{display:block;color:var(--text-link);margin-bottom:var(--space-5)}.discovery-symbol svg{width:38px;height:38px;transform:rotate(-45deg)}
.discovery-count{display:block;margin-top:var(--space-6);font-family:var(--font-mono);font-size:var(--type-index);letter-spacing:var(--tracking-index);color:var(--text-secondary)}
.inbound-ending{display:flex;justify-content:space-between;align-items:center;gap:var(--space-8);background:var(--surface-page);border-top:1px solid var(--rule);padding-block:var(--space-16)}
.inbound-ending p{font-family:var(--font-display);font-weight:600;font-size:clamp(1.5rem,3vw,2.5rem);letter-spacing:-.04em}
.listening-mark{display:flex;align-items:center;gap:6px;height:48px}.listening-mark i{display:block;width:5px;border-radius:4px;background:var(--text-link);height:16px}
html.js:not(.no-motion) .listening-mark i{animation:listen 1.5s var(--ease) infinite}.listening-mark i:nth-child(2){animation-delay:.1s}.listening-mark i:nth-child(3){animation-delay:.2s}.listening-mark i:nth-child(4){animation-delay:.3s}.listening-mark i:nth-child(5){animation-delay:.4s}.listening-mark i:nth-child(6){animation-delay:.5s}.listening-mark i:nth-child(7){animation-delay:.6s}
@keyframes listen{50%{height:46px}}
/* Cierre: la pregunta grande */
.next-section{background:var(--surface-hero);color:var(--text-inverse)}.next-section h2{font-size:clamp(2.8rem,7vw,7rem);font-weight:600;letter-spacing:-.06em;line-height:.98;margin-top:var(--space-8)}
@media(max-width:900px){.hero-bottom{display:block;bottom:calc(var(--space-16) + var(--space-2))}.hero-claim{max-width:none}.product-jumps{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-top:var(--space-8)}.product-jumps a{min-width:0;padding-right:var(--space-8)}.manifesto-top{display:block}.manifesto-top p{text-align:left;margin-top:var(--space-5)}.manifesto h2{margin:var(--space-12) 0 var(--space-10)}.inbound-ending{display:block}.inbound-ending p{margin-top:var(--space-6)}}
@media(max-width:700px){.hero-intro{top:var(--space-5);font-size:9px;letter-spacing:.12em}.scene-cue{display:none}.scroll-cue{display:none}.hero-bottom{bottom:var(--space-10)}.hero-claim{font-size:1.05rem;line-height:1.4}.product-jumps{grid-template-columns:1fr;gap:0}.product-jumps a{padding-block:var(--space-4)}.product-jumps strong{font-size:1.35rem}.stage-grid{background-size:50% 100%}.manifesto{padding-block:var(--space-12)}.manifesto-bottom a{width:52px;height:52px}.manifesto-bottom svg{width:38px;height:38px}}
/* Secondary type: the lead is Bricolage in ink — never washed-out grey filler. */
.lead{font-family:var(--font-body);font-weight:400;font-size:clamp(1.1rem,1.35vw,1.35rem);line-height:1.55;letter-spacing:-.012em;color:var(--text-secondary);max-width:640px;margin-top:var(--space-6)}
.statement-kicker{font-family:var(--font-mono);font-weight:500;font-size:var(--type-index);letter-spacing:var(--tracking-index);text-transform:uppercase;color:var(--text-link);margin-bottom:var(--space-8)}
.stat-band{background:var(--surface-deep);color:var(--text-inverse);padding:var(--space-24) var(--gutter)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;max-width:1180px;margin-inline:auto;border-top:1px solid var(--rule-inverse)}.stats article{padding:var(--space-12) var(--space-8) 0;border-right:1px solid var(--rule-inverse)}.stats article:last-child{border-right:0}.stat-num{display:block;font-family:var(--font-display);font-weight:800;font-size:clamp(4.5rem,8vw,8rem);line-height:.9;letter-spacing:-.06em;color:var(--surface-accent);font-variant-numeric:tabular-nums}.stats span{display:block;margin-top:var(--space-6);font-family:var(--font-mono);font-size:var(--type-index);letter-spacing:var(--tracking-index);text-transform:uppercase;color:var(--text-inverse-muted)}
@media(max-width:850px){.stats{grid-template-columns:1fr;gap:var(--space-12)}}
/* Keynote sections: statements, motions, journeys, story, capabilities */
.statement-band{background:var(--surface-page);padding-block:calc(var(--space-24) * 1.2);border-top:1px solid var(--rule);position:relative}.statement-band:before{content:'';position:absolute;left:var(--gutter);top:0;width:96px;height:3px;background:var(--surface-accent)}.statement-band h2{font-size:clamp(3rem,6.6vw,6.75rem);font-weight:700;letter-spacing:-.062em;max-width:15ch;line-height:.98}.statement-band h2 em{font-style:normal;color:var(--text-link)}.statement-band .lead{margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--rule);max-width:520px}
.motions-section{background:var(--surface-soft)}.motions-section h2{max-width:700px}.motions{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:var(--space-16);border-top:1px solid var(--rule)}.motions article{padding:var(--space-10) var(--space-10) var(--space-12) 0;border-right:1px solid var(--rule)}.motions article:last-child{border-right:0;padding-left:var(--space-10)}.motions h3{font-size:32px;letter-spacing:-.035em}.motions p{margin-top:var(--space-4);color:var(--text-secondary)}
.journey-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:var(--space-20);border-top:1px solid var(--rule)}.journey-steps article{padding:var(--space-8) var(--space-8) 0 0;border-right:1px solid var(--rule)}.journey-steps article:last-child{border-right:0}.journey-steps article{padding-left:var(--space-8)}.journey-steps article:first-child{padding-left:0}.step-numeral{display:block;font-family:var(--font-mono);font-weight:500;font-size:var(--type-index);letter-spacing:var(--tracking-index);color:var(--text-link);margin-bottom:var(--space-16)}.journey-steps h3{font-size:26px;letter-spacing:-.03em}.journey-steps p{margin-top:var(--space-4);color:var(--text-secondary);font-size:var(--type-label);line-height:1.6;padding-bottom:var(--space-8)}
.story-band{background:var(--surface-deep);color:var(--text-inverse);position:relative;isolation:isolate}.story-band:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(90% 70% at 80% 8%,color-mix(in srgb,var(--brand-cobalt) 36%,transparent),transparent 62%)}.story-band .section-heading>p:last-child{color:var(--text-inverse-muted)}.story-band .journey-steps{grid-template-columns:repeat(3,1fr);border-top-color:var(--rule-inverse)}.story-band .journey-steps article{border-right-color:var(--rule-inverse)}.story-band .step-numeral{color:var(--surface-accent)}.story-band .journey-steps p{color:var(--text-inverse-muted)}.story-band .section-heading{border-top-color:var(--rule-inverse)}
.cap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:0;margin-top:var(--space-20);border-top:1px solid var(--rule);border-left:1px solid var(--rule)}.cap-grid article{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:var(--space-8);background:var(--surface-page);transition:background var(--duration-ui) var(--ease)}.cap-grid article:hover{background:var(--surface-soft)}.cap-chip{display:inline-block;font-family:var(--font-mono);font-size:var(--type-index);font-weight:500;letter-spacing:var(--tracking-index);text-transform:uppercase;color:var(--text-link);margin-bottom:var(--space-5)}.cap-grid h3{font-size:24px;letter-spacing:-.03em}.cap-grid p{margin-top:var(--space-3);color:var(--text-secondary);font-size:var(--type-label);line-height:1.65}.ba{margin-top:var(--space-6);border-top:1px solid var(--rule);padding-top:var(--space-5);display:grid;gap:var(--space-4)}.ba p{margin:0;font-size:13px;line-height:1.55;display:flex;gap:var(--space-3);align-items:baseline}.ba .ba-tag{flex-shrink:0;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;border-radius:4px;padding:2px 6px;line-height:1.5}.ba-antes{color:var(--text-secondary)}.ba p{align-items:start}.ba .ba-tag{margin-top:1px}.ba-antes .ba-tag{background:var(--surface-soft);color:var(--text-secondary)}.ba-despues{color:var(--text-primary)!important;font-weight:500;background:color-mix(in srgb,var(--surface-accent) 16%,transparent);margin:0 calc(var(--space-4) * -1);padding:var(--space-3) var(--space-4);border-radius:var(--radius-control)}.ba-despues .ba-tag{background:var(--surface-accent);color:var(--action-text)}html.js:not(.no-motion) .cap-grid article.in .ba-antes{animation:fade-up .4s var(--ease-out) .12s backwards}html.js:not(.no-motion) .cap-grid article.in .ba-despues{animation:fade-up .4s var(--ease-out) .28s backwards}
@media(max-width:850px){.section-heading{grid-template-columns:1fr;gap:var(--space-6)}.section-heading>:not(.eyebrow){grid-column:1}.journey-steps{grid-template-columns:1fr 1fr}.journey-steps article:nth-child(2n){border-right:0}.journey-steps article:nth-child(n+3){border-top:1px solid var(--rule)}.story-band .journey-steps{grid-template-columns:1fr}.motions{grid-template-columns:1fr}.cap-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.statement-band{padding-block:72px}.statement-band h2{max-width:none}.journey-steps,.story-band .journey-steps{grid-template-columns:1fr}.journey-steps article{border-right:0;border-top:1px solid var(--rule);padding-left:0!important;padding-right:0}.journey-steps article:first-child{border-top:0}.story-band .journey-steps article{border-top-color:var(--rule-inverse)}.motions{grid-template-columns:1fr}.motions article{border-right:0;padding:32px 0;border-bottom:1px solid var(--rule)}.motions article:last-child{padding-left:0;border-bottom:0}.stats article{border-right:0;border-bottom:1px solid var(--rule-inverse);padding-inline:0;padding-bottom:32px}.stats article:last-child{border-bottom:0}.statement-band h2{font-size:clamp(2.2rem,9.4vw,3rem)}.lead{font-size:1.15rem}.stat-band{padding-block:64px}.journey-steps{grid-template-columns:1fr;gap:24px;margin-top:40px}.step-numeral{font-size:56px;margin-bottom:12px}.cap-grid{grid-template-columns:1fr;gap:16px;margin-top:40px}.cap-grid article{padding:20px}.motions{gap:16px;margin-top:32px}.motions article{padding:24px}.motions h3{font-size:22px}.journey-steps p{max-width:none}}
.magia-band{background:var(--surface-soft)}.magia-steps{grid-template-columns:repeat(3,1fr)}.stat-band .magia-note{color:var(--text-inverse-muted);border-top-color:var(--rule-inverse);margin-inline:auto;max-width:1180px}.magia-note{margin-top:var(--space-12);padding-top:var(--space-5);border-top:1px solid var(--rule);font-family:var(--font-mono);font-size:var(--type-index);letter-spacing:.05em;color:var(--text-secondary);max-width:70ch}
@media(max-width:850px){.magia-steps{grid-template-columns:1fr}}
.proof-band{background:var(--surface-page)}.proof-items{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin-top:var(--space-12);border-top:1px solid var(--rule)}.proof-items article{padding:var(--space-8) var(--space-10) var(--space-6) 0;border-right:1px solid var(--rule)}.proof-items article:last-child{border-right:0;padding-left:var(--space-10)}.proof-items h3{font-size:26px;letter-spacing:-.03em}.proof-items p{margin-top:var(--space-3);color:var(--text-secondary)}
.next-ask{font-family:var(--font-display);font-weight:500;font-size:var(--type-lead);margin-top:var(--space-8);max-width:46ch}
.feature-copy .eyebrow{margin-bottom:var(--space-5)}
@media(max-width:850px){.proof-items{grid-template-columns:1fr}.proof-items article{border-right:0;border-bottom:1px solid var(--rule);padding:var(--space-6) 0}.proof-items article:last-child{padding-left:0;border-bottom:0}}
/* Reveal on scroll — solo con JS y sin reduced-motion; el estado final siempre es visible. */
.reveal{opacity:0;transform:translateY(22px)}.reveal.in{opacity:1;transform:none;transition:opacity var(--duration-reveal) var(--ease-out),transform var(--duration-reveal) var(--ease-out);transition-delay:var(--reveal-delay,0ms)}html:not(.js) .reveal{opacity:1;transform:none}

/* Correcciones de la auditoría de UI (A1-A5, B1-B5, C1-C3, D1-D4, E1) */
.stage .lead,.connection-copy .lead{color:var(--text-inverse-muted)}
.story-band .section-heading>.eyebrow{color:var(--text-inverse-muted)}
.story-band .step-numeral{color:var(--text-inverse)}
.principles>div>p.statement-kicker{font-size:var(--type-index);color:var(--text-link);margin-top:0}
.site-header{border-bottom-color:color-mix(in srgb,var(--brand-ink) 8%,transparent)}
.stats{max-width:none;margin-inline:0}.stats article{padding-inline:0 var(--space-8)}.stats article:not(:first-child){padding-left:var(--space-8)}
.stat-band .magia-note{max-width:none;margin-inline:0}
.journey-steps,.motions,.story-band .journey-steps{align-items:stretch}
.journey-steps article,.motions article{padding-bottom:var(--space-12)}
.journey-steps,.motions{border-bottom:1px solid var(--rule)}
.story-band .journey-steps{border-bottom-color:var(--rule-inverse)}
.cap-grid{grid-template-columns:repeat(auto-fit,minmax(330px,1fr))}
@media(min-width:1760px){.cap-grid{grid-template-columns:repeat(5,1fr)}}
.step-numeral{margin-bottom:var(--space-6)}
.stat-band{padding-block:var(--space-16);border-top:1px solid var(--rule-inverse)}
.story-band+.stat-band{padding-top:var(--space-12)}
.manifesto-top{align-items:end}
.hero-claim{font-size:clamp(1rem,min(1.55vw,2.9vh),1.5rem)}
.product-jumps strong{font-size:clamp(1.25rem,min(2vw,4vh),2rem)}
.cap-grid p,.ba p{font-size:var(--type-label)}.ba .ba-tag{font-size:var(--type-index)}
@media(max-width:700px){
 .cap-grid{border:0;gap:var(--space-3)}
 .cap-grid article{border:1px solid var(--rule);border-radius:var(--radius-control)}
 .motions article,.motions article:last-child{padding:var(--space-6) 0}
 .step-numeral{font-size:32px;letter-spacing:.04em;margin-bottom:var(--space-4)}
 .hero-copy h1{font-size:min(11.5vw,10.5vh,3.25rem);line-height:1.02}
 .manifesto-bottom{padding-right:0}
 .journey-steps article,.motions article{padding-bottom:var(--space-8)}
}
@media(min-width:851px){.faq-section>h2{position:sticky;top:calc(var(--header-height) + var(--space-16))}}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.proof-band h2.eyebrow,.inbound-ending h2{font-family:var(--font-mono)}
.inbound-ending h2{font-family:var(--font-display);font-weight:600;font-size:clamp(1.5rem,3vw,2.5rem);letter-spacing:-.04em}
.proof-band h2.eyebrow{font-size:var(--type-index);font-weight:500;letter-spacing:var(--tracking-index)}
/* Correcciones de la auditoría de móvil (graves 1-6) */
/* 1 · en horizontal el titular cede altura y el pie sube */
@media(max-height:520px) and (orientation:landscape){
 .stage{min-height:0;height:calc(100svh - var(--header-height))}
 .hero-copy h1{font-size:min(5.4vw,11vh,3rem);line-height:1}
 .hero-layout{padding-block:var(--space-8)}
 .hero-intro{top:var(--space-4)}
 .hero-bottom{bottom:var(--space-5)}
 .hero-claim{display:none}
 .product-jumps{display:flex;gap:var(--space-8)}
 .product-jumps a{padding-block:var(--space-3)}
 .sculpture{display:none}
 .scroll-cue{display:none}
 .product-jumps{margin-left:auto}
 .connection-copy{top:14%}
}
/* 3 · con movimiento reducido la escena de conexión se lee en flujo, no desaparece */
@media(prefers-reduced-motion:reduce){
 .connection-copy{display:block;position:static;opacity:1!important;visibility:visible!important;transform:none!important;padding:var(--space-16) var(--gutter);background:var(--surface-deep);color:var(--text-inverse)}
 .journey{height:auto}
 .stage{height:auto;min-height:0;display:flex;flex-direction:column;position:relative}
 .hero-intro{order:0}.hero-layout{order:1}.hero-bottom{order:2}.sculpture{order:3}.connection-copy{order:4}.journey-progress{display:none}
 .hero-layout{position:relative;height:auto;min-height:0;padding-block:var(--space-16) var(--space-8)}
 .hero-intro{position:static;margin-bottom:var(--space-8)}
 .hero-bottom{position:static;margin-top:var(--space-8);padding:0 var(--gutter)}
 .sculpture{position:relative;left:0;right:0;top:0;bottom:auto;height:30svh;transform:none;margin:var(--space-8) var(--gutter) 0}
 .scroll-cue{display:none}
}
/* 4 · el anillo de foco es amarillo sobre CUALQUIER superficie de marca */
.stage,.feature-global,.global-hero,.closing,.site-footer,.related,.next-section,.story-band,.stat-band,.control-section,.inbound-hero{--focus-color:var(--brand-yellow)}
.product-hero .button:focus-visible{--focus-color:var(--brand-yellow)}
/* 5 · encuadres propios en móvil para que el sujeto sobreviva */
@media(max-width:700px){
 [data-scene=world] .scene img,[data-scene=world] .scene video{object-position:62% 40%}
 [data-scene=signal] .scene img,[data-scene=signal] .scene video{object-position:58% 55%}
 [data-scene=people] .scene img,[data-scene=people] .scene video{object-position:66% 12%}
 .global-hero,.inbound-hero{min-height:0}
}
/* Escalas de pantalla corta, declaradas al final para que no las pise ningún bloque añadido después */
@media(max-width:700px) and (max-height:740px){.hero-copy h1{font-size:min(8.6vw,7.6vh,2rem)}}
@media(max-width:359px){.hero-copy h1{font-size:min(8.6vw,7.6vh,1.9rem)}}
@media(max-width:700px){.sculpture{top:36%;height:20%}}
/* Banner promocional sobre la cabecera */
.promo-banner{position:fixed;inset:0 0 auto;z-index:45;height:var(--promo-height);display:flex;align-items:center;justify-content:center;gap:var(--space-4);background:var(--surface-accent);color:var(--action-text);font-family:var(--font-mono);font-size:var(--type-index);letter-spacing:var(--tracking-index);text-transform:uppercase;--focus-color:var(--brand-ink)}
.promo-banner strong{font-weight:500}
.promo-dot{width:7px;height:7px;border-radius:50%;background:var(--action-text);flex-shrink:0}
html.js:not(.no-motion) .promo-dot{animation:pulse 2.4s var(--ease) infinite}
.promo-cta{display:inline-flex;align-items:center;gap:var(--space-2);border-bottom:1px solid color-mix(in srgb,var(--action-text) 45%,transparent);padding-bottom:1px}
.promo-cta svg{width:14px;height:14px;transition:transform var(--duration-fast) var(--ease)}
.promo-banner:hover .promo-cta svg{transform:translateX(3px)}
:root{--promo-height:40px}
.site-header{top:var(--promo-height)}
main{padding-top:calc(var(--header-height) + var(--promo-height))}
.mobile-menu{inset:calc(var(--header-height) + var(--promo-height)) 0 0}
.stage{top:calc(var(--header-height) + var(--promo-height))}
.skip{top:8px;z-index:60;transform:translateY(-220%)}.skip:focus{top:calc(var(--promo-height) + 8px);transform:none}
@media(max-width:700px){:root{--promo-height:36px}.promo-banner{font-size:9px;gap:var(--space-3)}.promo-cta{display:none}}
@media(max-height:520px) and (orientation:landscape){:root{--promo-height:32px}}
/* El escenario descuenta también la altura del banner */
.journey{height:calc(100svh - var(--header-height) - var(--promo-height))}
.stage{height:calc(100svh - var(--header-height) - var(--promo-height))}
.product-hero,.global-hero{min-height:calc(100svh - var(--header-height) - var(--promo-height))}
@media(max-width:700px){.stage{height:calc(100svh - var(--header-height) - var(--promo-height))}.global-hero{min-height:calc(100svh - var(--header-height) - var(--promo-height))}}
@media(max-width:700px) and (max-height:740px){.stage{min-height:calc(100svh - var(--header-height) - var(--promo-height))}}
@media(max-height:520px) and (orientation:landscape){.stage{height:calc(100svh - var(--header-height) - var(--promo-height))}}
html{scroll-padding-top:calc(var(--header-height) + var(--promo-height) + 24px)}
/* En movimiento reducido el escenario crece con su contenido y nada se comprime */
@media(prefers-reduced-motion:reduce){.journey{height:auto}.stage{height:auto;min-height:0}.stage>*{flex:0 0 auto}
 @media(max-width:700px){.product-jumps{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.product-jumps a{padding-right:var(--space-6)}.hero-copy h1{font-size:min(9.5vw,8vh,2.4rem)}}}
/* Truly Global · lo que la landing anterior sí comunicaba */
.privacy-band{background:var(--surface-page)}
.privacy-split{margin-top:var(--space-12)}
.privacy-split h3{font-size:22px;letter-spacing:-.02em}
.privacy-split ul{list-style:none;margin:var(--space-6) 0 0;padding:0;display:grid;gap:var(--space-4)}
.privacy-split li{position:relative;padding-left:var(--space-6);color:var(--text-secondary);font-size:var(--type-label);line-height:1.6}
.privacy-split li:before{content:'';position:absolute;left:0;top:.62em;width:8px;height:1px;background:var(--text-link)}
.privacy-split article:last-child li:before{background:var(--brand-yellow-deep)}
.memory-line{margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid var(--rule);font-family:var(--font-display);font-weight:500;font-size:clamp(1.25rem,2.2vw,1.9rem);letter-spacing:-.025em;line-height:1.35;max-width:44ch}
.modules-band{background:var(--surface-soft)}
.modules{list-style:none;margin:var(--space-10) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--rule)}
.modules li{display:flex;align-items:baseline;gap:var(--space-4);padding:var(--space-6) var(--space-6) var(--space-6) 0;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);font-family:var(--font-display);font-weight:600;font-size:clamp(1.25rem,1.9vw,1.6rem);letter-spacing:-.03em}
.modules li:nth-child(3n){border-right:0}
.modules li span{font-family:var(--font-mono);font-weight:500;font-size:var(--type-index);letter-spacing:var(--tracking-index);color:var(--text-link)}
@media(max-width:850px){.modules{grid-template-columns:1fr 1fr}.modules li:nth-child(3n){border-right:1px solid var(--rule)}.modules li:nth-child(2n){border-right:0}}
@media(max-width:700px){.modules{grid-template-columns:1fr}.modules li{border-right:0!important;padding-right:0}.privacy-split{margin-top:var(--space-8)}.memory-line{margin-top:var(--space-8);max-width:none}}
.made-by{color:var(--text-inverse)}

/* Truly IA · el asistente de soporte. Hereda la composición de la banda de MAGIA
   —tres piezas y una nota— sobre la superficie profunda, para que cierre la página
   con el mismo peso visual que el resto y no parezca un añadido. */
.ia-band{background:var(--surface-deep);color:var(--text-inverse)}
.ia-band .section-heading h2,.ia-band .section-heading .lead{color:var(--text-inverse)}
.ia-band .section-heading .eyebrow{color:var(--surface-accent)}
.ia-band .ia-steps{grid-template-columns:repeat(3,1fr)}
.ia-band .ia-steps article{border-color:var(--rule-inverse)}
.ia-band .ia-steps h3{color:var(--text-inverse)}
.ia-band .ia-steps p,.ia-band .step-numeral{color:var(--text-inverse-muted)}
.ia-band .hero-actions{margin-top:var(--space-10)}
/* El botón oscuro desaparecía sobre la superficie profunda: acá va el amarillo de la marca. */
.ia-band .button{background:var(--surface-accent);color:var(--text-primary)}
.ia-band .button:hover{background:var(--brand-yellow-light)}
/* La nota gris sobre azul profundo no se leía. */
.ia-band .magia-note{color:var(--text-inverse)}
@media(max-width:900px){.ia-band .ia-steps{grid-template-columns:1fr}}

/* ── Truly IA · el chat del sitio ───────────────────────────────────────────────
   Anatomía del widget de Cata (la que Pablo aprobó en Londri), vestida de Truly Nolen.
   Toda la ropa sale de los tokens: si cambia el cobalto, cambia el chat. */
.tia{position:fixed;right:clamp(16px,3vw,24px);bottom:clamp(16px,3vw,24px);z-index:40;display:flex;flex-direction:column;align-items:flex-end;gap:12px;font-family:var(--font-body)}
.tia-marca{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;width:var(--tia-px);height:var(--tia-px);border-radius:50%;isolation:isolate}
.tia-disco{position:absolute;inset:0;border-radius:50%;background:radial-gradient(120% 120% at 30% 25%,var(--brand-yellow-light) 0%,var(--surface-accent) 55%,var(--brand-yellow) 100%);box-shadow:var(--shadow-panel)}
.tia-marca svg{position:relative;width:58%;height:58%;color:var(--brand-ink);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tia-marca--saludo svg{animation:tia-bob 1.1s var(--ease-out) 2}
.tia-marca--pensando svg{animation:tia-tap 1.1s ease-in-out infinite}
.tia-marca--pensando .tia-disco{animation:tia-late 1.6s ease-in-out infinite}
.tia-marca--celebrando svg{animation:tia-pop .7s var(--ease-out) both}
@keyframes tia-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-12%)}}
@keyframes tia-tap{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}
@keyframes tia-late{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
@keyframes tia-pop{0%{transform:scale(.7)}60%{transform:scale(1.15)}100%{transform:scale(1)}}
/* El lanzador: muta a ✕ al abrir, y late hasta el primer contacto. */
.tia-fab{position:relative;width:56px;height:56px;border-radius:50%;border:0;cursor:pointer;padding:0;background:var(--surface-deep);color:var(--surface-accent);display:grid;place-items:center;box-shadow:var(--shadow-panel);transition:background var(--duration-fast),transform var(--duration-fast);--focus-color:var(--brand-yellow)}
.tia-fab:hover{transform:translateY(-2px)}
.tia-fab svg{grid-area:1/1;width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--duration-slow),opacity var(--duration-fast)}
.tia-fab .tia-fx{width:16px;height:16px;opacity:0;transform:rotate(-90deg) scale(.5)}
.tia--on .tia-fab>svg:first-of-type{opacity:0;transform:rotate(90deg) scale(.5)}
.tia--on .tia-fab .tia-fx{opacity:1;transform:none}
.tia:not(.tia--on):not(.tia--quieta) .tia-fab:before{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;box-shadow:0 0 0 0 color-mix(in srgb,var(--brand-yellow) 60%,transparent);animation:tia-pulso 3.4s var(--ease-out) 1.2s infinite}
@keyframes tia-pulso{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--brand-yellow) 55%,transparent)}70%{box-shadow:0 0 0 16px transparent}100%{box-shadow:0 0 0 0 transparent}}
.tia-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-pill);background:var(--surface-accent);color:var(--text-primary);font-family:var(--font-mono);font-size:11px;font-weight:600;display:grid;place-items:center;box-shadow:0 0 0 2px var(--surface-deep)}
/* La invitación, a los ~6 s y una sola vez. */
.tia-nudge{display:flex;align-items:center;gap:6px;background:var(--surface-page);border:1px solid var(--rule-subtle);border-radius:var(--radius-pill);padding:6px 6px 6px 10px;box-shadow:var(--shadow-panel);animation:tia-entra var(--duration-slow) var(--ease-out) both;max-width:min(84vw,320px)}
.tia-nudge-open{display:flex;align-items:center;gap:10px;border:0;background:none;cursor:pointer;text-align:left;font:inherit;color:var(--text-primary);padding:2px 4px}
.tia-nudge-open b{display:block;font-size:var(--type-label);font-weight:600}
.tia-nudge-open span span{display:block;font-size:var(--type-index);color:var(--text-muted)}
.tia-nudge-x{border:0;background:none;cursor:pointer;color:var(--text-muted);display:grid;place-items:center;width:24px;height:24px;border-radius:50%;order:2}
.tia-nudge-x:hover{background:var(--hover-subtle);color:var(--text-primary)}
.tia-nudge-x svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
@keyframes tia-entra{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
/* El panel. */
.tia-panel{width:min(92vw,380px);height:min(70vh,560px);display:none;flex-direction:column;background:var(--surface-page);border:1px solid var(--rule-subtle);border-radius:var(--radius-panel);overflow:hidden;box-shadow:var(--shadow-panel)}
.tia--on .tia-panel{display:flex;animation:tia-entra var(--duration-slow) var(--ease-out) both}
.tia-head{display:flex;align-items:center;gap:10px;padding:12px 12px 12px 14px;background:var(--surface-deep);color:var(--text-inverse)}
.tia-id{flex:1;min-width:0}
.tia-id b{display:block;font-family:var(--font-display);font-size:var(--type-label);font-weight:600}
.tia-stat{display:flex;align-items:center;gap:6px;font-size:var(--type-index);color:var(--text-inverse-muted)}
.tia-stat i{width:7px;height:7px;border-radius:50%;background:var(--surface-accent)}
.tia-x{border:0;background:none;cursor:pointer;color:var(--text-inverse-muted);width:30px;height:30px;display:grid;place-items:center;border-radius:50%;--focus-color:var(--brand-yellow)}
.tia-x:hover{background:var(--hover-inverse);color:var(--text-inverse)}
.tia-x svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.tia-body{flex:1;display:flex;flex-direction:column;min-height:0;background:var(--surface-soft)}
.tia-hilo{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px;scroll-behavior:smooth}
.tia-msg{max-width:86%;padding:9px 12px;border-radius:var(--radius-panel);font-size:var(--type-label);line-height:1.5;background:var(--surface-page);border:1px solid var(--rule-subtle);color:var(--text-primary);white-space:pre-wrap;overflow-wrap:anywhere}
.tia-msg--yo{align-self:flex-end;background:var(--surface-deep);color:var(--text-inverse);border-color:transparent}
.tia-puntos{align-self:flex-start;display:flex;gap:4px;padding:11px 13px}
.tia-puntos i{width:6px;height:6px;border-radius:50%;background:var(--text-muted);animation:tia-punto 1.2s ease-in-out infinite}
.tia-puntos i:nth-child(2){animation-delay:.15s}.tia-puntos i:nth-child(3){animation-delay:.3s}
@keyframes tia-punto{0%,60%,100%{opacity:.28;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.tia-atajos{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 12px}
.tia-atajo{border:1px solid var(--rule-subtle);background:var(--surface-page);border-radius:var(--radius-pill);padding:7px 12px;font:inherit;font-size:var(--type-index);color:var(--text-primary);cursor:pointer;transition:border-color var(--duration-fast),transform var(--duration-fast)}
.tia-atajo:hover{border-color:var(--brand-cobalt);transform:translateY(-1px)}
.tia-form{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--rule-subtle);background:var(--surface-page)}
.tia-campo{flex:1;min-width:0;border:1px solid var(--rule-subtle);border-radius:var(--radius-pill);padding:10px 14px;font:inherit;font-size:16px;color:var(--text-primary);background:var(--surface-soft)}
.tia-campo:focus-visible{outline:none;border-color:var(--brand-cobalt);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-cobalt) 22%,transparent)}
.tia-send{flex:0 0 auto;width:40px;height:40px;border:0;border-radius:50%;background:var(--brand-cobalt);color:var(--text-inverse);cursor:pointer;display:grid;place-items:center;transition:opacity var(--duration-fast)}
.tia-send[disabled]{opacity:.35;cursor:default}
.tia-send svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.tia-foot{display:flex;align-items:center;justify-content:center;padding:9px;border-top:1px solid var(--rule-subtle);background:var(--surface-page)}
.tia-wa{display:inline-flex;align-items:center;gap:7px;font-size:var(--type-index);color:var(--text-muted)}
.tia-wa:hover{color:var(--text-primary)}
.tia-wa svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}
@media(max-width:700px){.tia{right:12px;bottom:12px;gap:9px}.tia-panel{width:calc(100vw - 24px);height:min(74vh,540px)}}
html:not(.js) .tia{display:none}
@media(prefers-reduced-motion:reduce){.tia-fab:before,.tia-marca svg,.tia-disco,.tia-puntos i{animation:none!important}.tia-nudge,.tia--on .tia-panel{animation:none!important}}