:root{color-scheme:dark;--bg:#080f1e;--bg2:#0b182b;--card:#101d33;--line:#293954;--ink:#f5f8ff;--muted:#a5b5cf;--blue:#3d73ff;--violet:#8757ff;--pink:#c24dff;--cyan:#58dafa;--green:#3fe2ac;--shadow:0 28px 80px rgba(1,5,17,.5);--grad:linear-gradient(110deg,#61adff 2%,#7871ff 49%,#cf62fc 95%)}
    *,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;min-width:320px;color:var(--ink);background:var(--bg);font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:clip}button,input{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}img,svg{display:block}svg{max-width:100%}.container{width:min(1184px,calc(100% - 48px));margin-inline:auto}.grad-text{background:var(--grad);background-clip:text;-webkit-background-clip:text;color:transparent}.eyebrow{display:inline-flex;gap:10px;align-items:center;font-size:.71rem;letter-spacing:.19em;text-transform:uppercase;font-weight:850;color:#b3d0ff}.eyebrow::before{content:"";width:20px;height:2px;border-radius:3px;background:var(--grad)}.section-h{font-size:clamp(2.1rem,4.3vw,4rem);line-height:1.06;letter-spacing:-.057em;margin:.55rem 0 1rem}.section-lead{max-width:57ch;margin:0;color:var(--muted);font-size:1.03rem}.section{padding:112px 0;position:relative}.section::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.23;background-image:linear-gradient(rgba(109,140,200,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(109,140,200,.055) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent)}.section>*{position:relative}.glow{position:absolute;pointer-events:none;width:600px;height:600px;border-radius:50%;filter:blur(95px);opacity:.3;background:radial-gradient(circle,#3854e5 0%,#7839d7 35%,transparent 71%);transform:translate3d(0,var(--parallax,0px),0)}.btn{border:1px solid rgba(255,255,255,.12);display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:49px;border-radius:15px;padding:12px 20px;font-size:.88rem;font-weight:800;color:var(--ink);background:#141e31;transition:transform .22s,box-shadow .22s,background .22s}.btn:hover{transform:translateY(-2px);border-color:#6475a7}.btn.primary{border:0;background:linear-gradient(115deg,#3c72ff,#9852f7);box-shadow:0 14px 36px #5751f532}.btn.primary:hover{box-shadow:0 17px 42px #7452fa65}.btn.wa{border:1px solid #66f0bf50;background:linear-gradient(100deg,#087d61,#21bc94);box-shadow:0 13px 30px #09b28a25}.btn.wa:hover{box-shadow:0 14px 34px #10c99f58}.btn svg{width:17px;height:17px}.mini-dot{width:7px;height:7px;border-radius:50%;background:white;box-shadow:0 0 12px #fff9}
    /* sticky header */
    .site-header{position:sticky;top:0;z-index:100;background:#080f1ce3;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid #c7d7ff12}.header-inner{height:77px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-size:1.32rem;font-weight:900;letter-spacing:-.045em}.brand-logo{width:34px;height:36px;object-fit:contain;filter:drop-shadow(0 0 10px #5c55ff35)}.header-nav{display:flex;align-items:center;gap:29px;color:#b8c7dd;font-size:.83rem}.header-nav a:hover{color:#fff}.header-inner>.btn{white-space:nowrap}
    /* hero */
    .hero{position:relative;padding:74px 0 104px;overflow:hidden;isolation:isolate}.hero>.glow.a{left:-320px;top:-230px}.hero>.glow.b{right:-180px;top:100px;opacity:.42}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(540px,1.08fr);align-items:center;gap:22px}.hero-copy{position:relative;z-index:2}.hero-title{font-size:clamp(3.05rem,5.5vw,5.45rem);line-height:.985;letter-spacing:-.07em;margin:17px 0 26px;max-width:690px}.hero-title .grad-text{display:block}.hero-copy>p{max-width:54ch;color:var(--muted);font-size:1.09rem;line-height:1.65;margin:0}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.hero-tags{display:flex;gap:15px;flex-wrap:wrap;margin-top:24px;color:#b1c0d7;font-size:.78rem}.hero-tags span{display:flex;align-items:center;gap:7px}.hero-tags i{font-style:normal;color:var(--green);display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#29bd8f24}.scroll-cue{display:inline-flex;gap:14px;align-items:center;margin-top:54px;font-size:.61rem;letter-spacing:.27em;font-weight:800;color:#91a4c7}.scroll-cue::after{content:"";height:32px;width:1px;background:linear-gradient(transparent,#91c6ff,transparent);animation:cue 1.9s ease-in-out infinite;transform-origin:top}@keyframes cue{0%,100%{opacity:.35;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}
    /* hero stage: svg connectors generated from actual node positions */
    .hero-stage{position:relative;min-width:0;height:674px;isolation:isolate}.hero-stage::before{content:"";position:absolute;inset:13% 12%;border-radius:50%;background:radial-gradient(circle,#3b4fca34,transparent 68%);filter:blur(37px);z-index:-1}.hero-connectors{position:absolute;inset:0;width:100%;height:100%;z-index:0;overflow:visible;pointer-events:none}.wire-path{fill:none;stroke:var(--wire,#658ff8);stroke-width:1.8;opacity:.72;filter:drop-shadow(0 0 5px var(--wire,#577bf9));transition:stroke .4s}.wire-dot{fill:var(--wire,#658ff8);filter:drop-shadow(0 0 5px currentColor)}.hero-stage.is-running .wire-path{stroke:#9474ff;stroke-width:2.3;stroke-dasharray:9 8;animation:wireflow 1s linear infinite;opacity:1}.hero-stage.is-running .wire-dot{fill:var(--green)}@keyframes wireflow{to{stroke-dashoffset:-34}}.widget{--widget:#6699ff;position:absolute;z-index:2;width:115px;min-height:75px;border:1px solid var(--widget);border-radius:20px;background:#0a1427e9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 8px 32px #05091855,0 0 19px color-mix(in srgb,var(--widget) 12%,transparent);transition:border-color .35s,box-shadow .35s,transform .35s}.widget:hover{transform:translateY(-3px)}.widget .wi{width:31px;height:31px;border-radius:10px;background:color-mix(in srgb,var(--widget) 14%,#111b30);color:var(--widget);display:grid;place-items:center;font-weight:900;font-size:.79rem;border:1px solid color-mix(in srgb,var(--widget) 25%,transparent)}.widget span{font-size:.72rem;font-weight:800}.widget[data-node="meta"]{left:0;top:60px;--widget:#6c9eff}.widget[data-node="google"]{left:0;top:295px;--widget:#e7ae4e}.widget[data-node="ia"]{left:0;bottom:55px;--widget:#aa7cf9}.widget[data-node="whatsapp"]{right:0;top:60px;--widget:#3fe2ac}.widget[data-node="crm"]{right:0;top:295px;--widget:#58dafa}.widget[data-node="ventas"]{right:0;bottom:55px;--widget:#ae78fe}.hero-stage.is-running .widget{--widget:#9d83ff;box-shadow:0 0 23px #8b63ff34}.hero-stage.is-running .widget.complete{--widget:#3fe2ac;box-shadow:0 0 23px #19e3a053}
    /* phone deliberately escapes its luminous backplate */
    .phone-backplate{position:absolute;z-index:1;left:23%;right:23%;top:69px;bottom:38px;border:1px solid #7da1ff38;border-radius:45px;background:radial-gradient(circle at 50% 18%,#7693ff35,transparent 42%),linear-gradient(135deg,#3758d844,#16284a1c 46%,#14253f08 100%);box-shadow:inset 0 0 64px #90a4ff1f,inset 0 1px 0 #ffffff18,0 30px 100px #050a1b3a;filter:saturate(calc(1 + var(--hero-phone-light,.22) * .18)) brightness(calc(.96 + var(--hero-phone-light,.22) * .15))}.phone{position:absolute;z-index:3;top:12px;left:50%;transform:translateX(-50%);height:650px;width:336px;border:10px solid transparent;border-radius:50px;padding:0;background:linear-gradient(155deg,#9aa7bc 0%,#404e64 10%,#1a273b 26%,#101c2d 62%,#4f5d70 88%,#bcc9da 100%) border-box,linear-gradient(160deg,#15233e,#071724) padding-box;box-shadow:0 58px 125px #020610c4,0 30px 90px #4b63ff33,0 0 95px #656ff042,inset 0 1px 0 #f7fbff26,inset 0 -18px 30px #00000042;overflow:hidden;transform-style:preserve-3d;filter:brightness(calc(.94 + var(--hero-phone-light,.22) * .35)) saturate(calc(1 + var(--hero-phone-light,.22) * .22))}.phone::before,.phone::after{content:"";position:absolute;z-index:5;left:-12px;top:165px;width:4px;height:69px;background:linear-gradient(180deg,#7f8ca0,#57657b);border-radius:4px;box-shadow:0 1px 0 #d7e2f22e,inset 0 -1px 0 #0000004f}.phone::after{top:252px;height:55px}.phone-inner{position:relative;height:100%;display:flex;flex-direction:column;background:linear-gradient(163deg,#162441 0%,#0e1d34 56%,#091824 100%);border-radius:39px;overflow:hidden}.phone-inner::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(118deg,#ffffff20 0%,#ffffff08 9%,transparent 24%),radial-gradient(circle at 20% 10%,#6c88ff33,transparent 32%),radial-gradient(circle at 80% 14%,#5fe7d31c,transparent 24%);mix-blend-mode:screen;opacity:calc(.3 + var(--hero-phone-light,.22) * .65)}.phone-inner::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px 0 #ffffff0f,inset 0 -28px 40px #020a1514,inset 0 0 0 1px #ffffff05}.phone-status{height:36px;padding:7px 17px 0;display:flex;align-items:flex-start;justify-content:space-between;font-size:.76rem;font-weight:850}.island{height:22px;width:102px;border-radius:20px;background:#02050b;position:absolute;left:50%;top:8px;transform:translateX(-50%)}.status-bars{display:flex;gap:4px;margin-top:5px}.status-bars i{display:block;background:#cad5e7;border-radius:6px;height:8px;width:14px;opacity:.9}.status-bars i:nth-child(2){width:11px;opacity:.6}.status-bars i:nth-child(3){width:18px;opacity:.6}.phone-top{display:flex;align-items:center;gap:9px;padding:13px 13px 12px;border-bottom:1px solid #8ea8d625}.phone-top img{width:34px;height:34px;object-fit:contain;padding:3px;border:1px solid #6987ff40;background:#6987ff17;border-radius:12px}.phone-top strong{font-size:1rem;display:block;line-height:1.2}.online{color:#78f3c9;font-size:.68rem}.online::before{content:"";width:6px;height:6px;border-radius:50%;display:inline-block;background:#3fe2ac;margin-right:5px}.phone-badge{font-size:.57rem;letter-spacing:.12em;font-weight:900;text-transform:uppercase;margin-left:auto;padding:8px;border:1px solid #667aaa42;border-radius:30px;color:#adbcdb;white-space:nowrap}.phone-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:11px 12px}.phone-tab{position:relative;isolation:isolate;overflow:hidden;min-height:46px;border-radius:14px;border:1px solid #7485aa33;background:#0c1425;color:#acbfd9;font-size:.83rem;font-weight:850;transition:background .25s}.phone-tab.active{color:#fff;background:linear-gradient(112deg,#2858c3,#5145bc);border-color:#889cff75}.phone-tab.flow-attention:not(.active){animation:flow-breathe 4.2s ease-in-out infinite;background-image:linear-gradient(104deg,transparent 13%,#4c72ff08 29%,#558fff60 40%,#ac5efe8c 50%,#5cd9fc5f 60%,transparent 72%);background-size:290% 100%;background-position:100% 0;box-shadow:0 0 0 #4c65ff00}.phone-tab.flow-attention:not(.active)::after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid #9581ff36;pointer-events:none}@keyframes flow-breathe{0%,62%,100%{transform:scale(1);background-position:100% 0;box-shadow:0 0 0 #4c65ff00}73%{transform:scale(1.048);background-position:60% 0;box-shadow:0 0 22px #7564ff6b}86%{transform:scale(1.018);background-position:0% 0;box-shadow:0 0 13px #6ca2ff37}}.phone-pane{display:none;min-height:0;flex:1;flex-direction:column;padding:3px 12px 13px}.phone-pane.active{display:flex}.chat-scroll{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#345078 transparent;display:flex;flex-direction:column;gap:10px;padding:5px 1px 12px}.bubble{padding:12px 13px;border-radius:14px;line-height:1.42;font-size:.76rem;max-width:96%}.bubble.assistant{background:#eff5ff;color:#15243d;border-top-left-radius:5px;align-self:flex-start}.bubble.user{background:#1c3f62;color:#f0f6ff;border:1px solid #619ed43b;border-top-right-radius:5px;align-self:flex-end}.quick-options{display:grid;gap:7px}.quick-options button{border:1px solid #4975ad66;background:#1c3858;color:#e7f0ff;border-radius:12px;text-align:left;padding:10px 11px;min-height:40px;font-size:.7rem;line-height:1.3}.quick-options button:hover{border-color:#79bcff;background:#264770}.chat-form{display:flex;gap:7px;border:1px solid #6c8cbd40;background:#0c192b;border-radius:15px;padding:7px}.chat-form input{min-width:0;flex:1;border:0;background:transparent;padding:5px;color:#f5faff;outline:0;font-size:.77rem}.chat-form button{width:34px;min-width:34px;border:0;border-radius:10px;background:#5967f5;color:#fff;font-weight:900}.phone-intro{font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;color:#71eac5;font-weight:850;display:flex;align-items:center;gap:7px;margin:0 2px 8px}.phone-intro::before{content:"";width:7px;height:7px;background:#3fe2ac;border-radius:50%;box-shadow:0 0 10px #3fe2ac}.flow-scroll{overflow-y:auto;min-height:0;flex:1;scrollbar-width:none}.flow-scroll::-webkit-scrollbar{display:none}.flow-scroll h3{font-size:1rem;letter-spacing:-.02em;margin:0 0 3px}.flow-scroll>p{color:#afc0d8;font-size:.7rem;margin:0 0 12px}.flow-step{display:flex;align-items:center;gap:10px;background:#0c1b2e;border:1px solid #3e6c954e;border-radius:15px;padding:10px;margin:0 0 7px;min-height:69px;opacity:.55;transform:scale(.984);transition:opacity .35s,transform .35s,border-color .35s,box-shadow .35s}.flow-step.current,.flow-step.done{opacity:1;transform:scale(1);border-color:#5a9cd185}.flow-step.current{box-shadow:0 0 20px #447aff30}.flow-step .step-icon{display:grid;place-items:center;width:38px;height:38px;flex:none;background:#2b5b9b;border-radius:12px;font-size:.73rem;font-weight:900}.flow-step:nth-child(2n) .step-icon{background:#6254db}.flow-step strong{display:block;font-size:.75rem}.flow-step small{display:block;color:#aebed6;font-size:.62rem}.step-check{margin-left:auto;display:grid;place-items:center;background:#244138;border-radius:50%;width:24px;height:24px;color:transparent}.flow-step.done .step-check{background:var(--green);color:#073626;box-shadow:0 0 14px #3fe2ac5e;font-weight:900}.flow-result{display:none;flex:1;min-height:0;overflow:auto;animation:result-in .6s ease both}.flow-result.show{display:block}@keyframes result-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.result-bubble{background:#f0f5ff;color:#142238;border-radius:18px;border-top-left-radius:6px;padding:17px 14px}.result-bubble h3{font-size:1.05rem;line-height:1.25;margin:0 0 10px;letter-spacing:-.025em}.result-bubble p{font-size:.76rem;line-height:1.5;margin:0 0 12px}.result-point{display:flex;gap:7px;align-items:center;font-size:.74rem;font-weight:750;margin:9px 0}.result-point b{background:var(--green);color:#063a28;display:grid;place-items:center;border-radius:50%;width:19px;height:19px;flex:none}.result-bubble .btn{width:100%;font-size:.7rem;min-height:42px;padding:9px 8px;margin-top:10px}.result-note{font-size:.63rem;color:#63748f;text-align:center;margin-top:9px}
    /* story / pinned scrollytelling */
    .story{height:260vh;position:relative;background:linear-gradient(180deg,#0c1930,#091522 62%,#08111e);border-top:1px solid #a8bdff0b;border-bottom:1px solid #a8bdff0d}.story-sticky{position:sticky;top:77px;height:calc(100svh - 77px);min-height:610px;display:grid;align-items:center;overflow:hidden}.story-sticky>.glow{right:-130px;top:0}.story-grid{display:grid;grid-template-columns:.96fr 1fr;align-items:center;gap:70px}.story-info h2{font-size:clamp(2rem,4.3vw,4rem);line-height:1.08;letter-spacing:-.055em;max-width:620px;margin:14px 0 15px}.story-info>p{color:var(--muted);max-width:48ch}.story-number{color:#8fa8d8;letter-spacing:.18em;font-size:.75rem;font-weight:800}.story-bar{height:3px;max-width:360px;border-radius:8px;background:#263953;margin-top:28px;overflow:hidden}.story-bar>i{display:block;height:100%;width:0;background:var(--grad);transition:width .15s}.story-visual{position:relative;height:420px;border:1px solid #6c7bca40;border-radius:34px;background:linear-gradient(155deg,#131e38,#0b1729);box-shadow:var(--shadow);display:grid;place-items:center;overflow:hidden}.story-visual::before{content:"";position:absolute;inset:-35%;border:1px solid #6578b218;border-radius:50%;animation:orbit 22s linear infinite}.story-visual::after{content:"";position:absolute;inset:16%;border:1px dashed #7485be38;border-radius:50%;animation:orbit 18s linear infinite reverse}@keyframes orbit{to{transform:rotate(360deg)}}.story-scene{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;gap:20px;padding:35px;opacity:0;transform:translateY(25px) scale(.94);transition:opacity .5s,transform .65s;pointer-events:none}.story-scene.active{opacity:1;transform:translateY(0) scale(1)}.story-scene svg{width:185px;height:150px;overflow:visible;filter:drop-shadow(0 0 19px #6f6fff43)}.story-scene h3{font-size:1.35rem;letter-spacing:-.03em;text-align:center;margin:0}.story-scene p{color:#b4c3dd;text-align:center;margin:0;font-size:.88rem;max-width:34ch}.story-step-icons{display:flex;align-items:center;justify-content:center;gap:14px}.story-step-icons i{font-style:normal;background:#213354;border:1px solid #5476ba79;border-radius:16px;display:grid;place-items:center;width:62px;height:62px;font-weight:900;font-size:1.1rem;color:#9dd2ff}.story-step-icons em{color:var(--green);font-style:normal;font-size:1.3rem}
    /* modules + clickable accordion */
    .module-section{overflow:hidden}.section-head{display:flex;justify-content:space-between;gap:22px;align-items:end;margin-bottom:32px}.small-cap{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:#8ca5cc}.slider-hint{white-space:nowrap;font-size:.72rem;color:#7991b6}.carousel-shell{position:relative;margin-bottom:25px;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0%,#000 4%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 4%,#000 94%,transparent)}.auto-strip{display:flex;align-items:stretch;gap:10px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x;padding:6px 14px 11px;scroll-behavior:auto}.auto-strip::-webkit-scrollbar{display:none}.strip-pill{flex:0 0 auto;border:1px solid #465e845e;background:#15233a;color:#d7e3f5;border-radius:12px;padding:10px 14px;font-size:.8rem;font-weight:800;min-height:44px}.strip-pill:hover,.strip-pill.active{border-color:#7d82ff;background:#263666}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.module-card{border:1px solid #536a8b4b;background:linear-gradient(160deg,#15243a,#0e1b2f);border-radius:23px;overflow:hidden;box-shadow:0 16px 30px #03091818;transition:border-color .3s,transform .3s,box-shadow .3s}.module-card:hover{transform:translateY(-3px);border-color:#7a81dc75}.module-card.open{border-color:#8b79f3a3;box-shadow:0 15px 35px #6855ff13}.module-trigger{display:flex;align-items:center;gap:11px;width:100%;text-align:left;background:none;border:0;color:var(--ink);min-height:91px;padding:18px}.module-trigger .m-icon{flex:none;display:grid;place-items:center;width:47px;height:47px;border-radius:15px;background:linear-gradient(135deg,#3455a970,#653bcf5c);color:#99ceff;font-weight:900}.m-text{min-width:0;flex:1}.m-text strong{display:block;font-size:.95rem}.m-text small{display:block;color:#8ea5c5;font-size:.72rem;margin-top:3px}.plus{font-size:1.5rem;font-weight:300;color:#9fbcf4;transition:transform .25s}.module-card.open .plus{transform:rotate(45deg)}.module-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .33s ease}.module-card.open .module-body{grid-template-rows:1fr}.module-body-inner{overflow:hidden}.module-body-inner p{border-top:1px solid #7193c128;color:#bed0e9;font-size:.81rem;line-height:1.6;padding:13px 20px 20px;margin:0}
    /* industry */
    .industries{background:linear-gradient(180deg,#0b1628,#101c31 56%,#0a1627)}.industry-panel{display:grid;grid-template-columns:1fr .95fr;gap:20px;margin-top:20px;border:1px solid #7185b044;padding:27px;background:#101d32;border-radius:30px;min-height:300px;align-items:center}.industry-panel h3{font-size:clamp(1.6rem,3vw,2.7rem);letter-spacing:-.05em;margin:6px 0}.industry-panel p{color:#b9c9de;max-width:47ch}.industry-panel .btn{margin-top:13px}.industry-art{height:230px;border-radius:24px;position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 65% 38%,#6069fe3a,transparent 39%),radial-gradient(circle at 26% 68%,#4a9ff938,transparent 37%),#13233c;border:1px solid #5877ad40}.industry-art::before{content:"";position:absolute;inset:0;background-image:radial-gradient(#4d89cf7d 1px,transparent 1px);background-size:14px 14px;mask-image:linear-gradient(transparent 30%,#000)}.industry-art svg{position:relative;width:130px;height:130px;stroke:#88cbff;stroke-width:2.4;fill:none;filter:drop-shadow(0 0 16px #548fff7f)}.industry-art .art-tag{position:absolute;bottom:16px;left:16px;right:16px;font-size:.73rem;font-weight:850;letter-spacing:.075em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#c6dbfa}
    /* numbers */
    .numbers{padding-top:99px;padding-bottom:99px}.numbers .section-head{margin-bottom:33px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stat-card{border-radius:25px;padding:29px;border:1px solid #5c719d52;background:linear-gradient(160deg,#15243c,#0c172a);position:relative;overflow:hidden}.stat-card::after{content:"";position:absolute;width:150px;height:150px;right:-65px;top:-80px;border-radius:50%;background:#5151ff4b;filter:blur(50px)}.stat-value{font-size:clamp(3rem,6vw,5rem);font-weight:900;line-height:1;letter-spacing:-.075em;margin:8px 0 17px}.stat-card h3{font-size:1.02rem;margin:0 0 7px}.stat-card p{color:#afc1dc;font-size:.81rem;margin:0}.stat-icon{width:38px;height:38px;border-radius:11px;border:1px solid #708bd055;background:#21395b;color:#91d0ff;display:grid;place-items:center}.stat-icon svg{width:20px;height:20px}
    /* technology */
    .tech-section{padding:90px 0 75px;background:linear-gradient(180deg,#0b182b,#081323)}.tech-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:10px;margin-top:30px}.tech-chip{--chip:#779eff;min-height:82px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:13px 6px;border-radius:17px;border:1px solid #6984b743;background:#132137;position:relative;overflow:hidden;font-size:.76rem;font-weight:800;white-space:nowrap}.tech-chip::after{content:"";position:absolute;left:12%;right:12%;bottom:0;height:2px;background:var(--chip);box-shadow:0 0 10px var(--chip)}.tech-icon{display:grid;place-items:center;width:25px;height:25px;color:var(--chip);font-size:1rem;font-weight:950}
    /* close */
    .close-section{isolation:isolate;overflow:hidden;padding:68px 0 107px}.close-section>.glow{left:calc(50% - 280px);top:-220px;opacity:.5}.close-card{position:relative;overflow:hidden;border:1px solid #6b80c478;background:linear-gradient(122deg,#11223b,#1a2250 65%,#142048);border-radius:36px;padding:72px 30px;text-align:center;box-shadow:var(--shadow)}.close-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 12%,#7c54fb50,transparent 48%)}.close-card>*{position:relative}.close-card h2{font-size:clamp(2.2rem,5vw,4.8rem);line-height:1.05;letter-spacing:-.057em;max-width:850px;margin:12px auto 18px}.close-card p{max-width:59ch;margin:0 auto 28px;color:#c0ccea}.close-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.closing-signature{display:flex;align-items:center;justify-content:center;gap:11px;margin-top:31px;color:#9fc0e8;font-size:.73rem;letter-spacing:.12em;text-transform:uppercase}.footer{padding:26px 0;border-top:1px solid #647fac2a}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#8397ba;font-size:.75rem}.footer .brand{color:#fff;font-size:1rem}.footer .brand img{width:27px;height:29px}
    /* reveal + stagger */
    .js .reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--delay,0ms)}.js .reveal.in{opacity:1;transform:translateY(0)}.js .module-card.reveal:hover{transform:translateY(-3px)}
    @media (max-width:1100px){.header-nav{gap:14px}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(505px,1.1fr);gap:0}.hero-title{font-size:clamp(2.7rem,5.1vw,4.5rem)}.widget{width:102px}.phone{width:317px}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tech-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
    @media (max-width:880px){.header-nav{display:none}.hero-grid{grid-template-columns:1fr;gap:28px}.hero-copy{max-width:720px}.hero-title{max-width:720px}.hero-stage{width:min(620px,100%);margin:auto}.story-grid{gap:30px}.story-info h2{font-size:clamp(2rem,5vw,3rem)}.story-visual{height:370px}.industry-panel{grid-template-columns:1fr .8fr}}
    @media (max-width:700px){html{scroll-padding-top:78px}.container{width:min(100% - 32px,520px)}.header-inner{height:69px}.header-inner>.btn{font-size:.75rem;min-height:42px;padding:10px 12px;border-radius:12px}.brand{font-size:1.12rem}.brand-logo{width:30px;height:32px}.hero{padding:43px 0 74px}.hero-title{font-size:clamp(2.75rem,10.1vw,4.2rem);line-height:.99;max-width:620px;margin:12px 0 19px}.hero-copy>p{font-size:.96rem;line-height:1.55}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.hero-actions>.btn:first-child{grid-column:1/-1}.hero-actions>.btn{font-size:.72rem;padding:10px 8px;min-height:48px}.hero-tags{gap:9px;font-size:.67rem}.scroll-cue{margin-top:29px}.hero-stage{height:835px;width:100%;margin:0 auto}.hero-stage::before{inset:12% -6%}.widget{width:calc((100% - 14px)/3);height:48px;min-height:48px;border-radius:13px;flex-direction:row;gap:6px;padding:5px 3px;justify-content:center}.widget .wi{width:27px;height:27px;border-radius:8px;flex:none;font-size:.67rem}.widget span{font-size:.62rem;white-space:nowrap}.widget[data-node="meta"]{left:0;top:0}.widget[data-node="google"]{left:calc((100% - 14px)/3 + 7px);top:0}.widget[data-node="whatsapp"]{right:0;top:0}.widget[data-node="ia"]{left:0;top:58px;bottom:auto}.widget[data-node="crm"]{left:calc((100% - 14px)/3 + 7px);top:58px}.widget[data-node="ventas"]{right:0;top:58px;bottom:auto}.phone-backplate{top:146px;bottom:45px;left:5%;right:5%;border-radius:44px}.phone{top:135px;width:min(346px,calc(100% - 24px));height:653px}.story{height:auto;padding:65px 0}.story-sticky{position:relative;top:auto;height:auto;min-height:0;overflow:visible}.story-grid{grid-template-columns:1fr;gap:29px}.story-info h2{font-size:2.45rem}.story-visual{height:320px}.story-scene svg{width:135px;height:115px}.story-scene h3{font-size:1.1rem}.section{padding:77px 0}.section-h{font-size:clamp(2.1rem,8.2vw,3.2rem)}.section-head{display:block}.slider-hint{display:inline-block;margin-top:12px}.module-grid{grid-template-columns:1fr;gap:10px}.module-trigger{min-height:75px;padding:12px 14px}.module-trigger .m-icon{width:42px;height:42px}.module-body-inner p{padding:11px 14px 15px}.industries{overflow:hidden}.industry-panel{grid-template-columns:1fr;padding:18px;gap:15px}.industry-art{height:165px;order:-1}.industry-art svg{height:90px;width:90px}.industry-art .art-tag{font-size:.65rem}.stat-grid{grid-template-columns:1fr;gap:12px}.stat-card{padding:22px;display:grid;grid-template-columns:47px 1fr;gap:2px 15px}.stat-icon{grid-row:1/3}.stat-value{font-size:3.5rem;margin:0}.stat-card h3,.stat-card p{grid-column:2}.tech-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tech-chip{min-height:67px;padding:8px 3px;font-size:clamp(.57rem,2.45vw,.73rem)}.close-section{padding:35px 0 72px}.close-card{padding:43px 17px;border-radius:26px}.close-card h2{font-size:clamp(2rem,8vw,3.25rem)}.close-actions{display:grid}.close-actions .btn{width:100%}.footer-inner{flex-direction:column;text-align:center}.js .reveal{transition-delay:0ms!important}}
    @media (max-width:370px){.container{width:calc(100% - 24px)}.hero-title{font-size:2.6rem}.widget{gap:4px;padding:4px 1px}.widget .wi{width:23px;height:23px}.widget span{font-size:.56rem}.phone{width:calc(100% - 10px);height:646px}.phone-tab{min-height:43px}.phone-top{padding-left:10px;padding-right:10px}.phone-badge{font-size:.52rem;padding:6px}}
    @media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.js .reveal{opacity:1;transform:none}.story-scene{transition:none}}

    /* Mobile story: same three scenes, stacked so none overlap and the page never slides sideways. */
    @media (max-width:700px){
      .story{overflow-x:clip}
      .close-section>.glow{left:0!important;right:0!important;width:100%!important}
      .story-sticky{overflow:hidden}
      .story-visual{display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;height:auto;padding:12px;gap:10px}
      .story-visual::before,.story-visual::after{display:none}
      .story-scene,.story-scene.active{position:relative;inset:auto;width:100%;min-height:202px;padding:18px 12px;opacity:1;transform:none;border:1px solid #5477a34a;background:#12233c99;border-radius:17px;display:grid;gap:7px;align-content:center;justify-items:center}
      .story-scene p{font-size:.78rem}
      .story-scene svg{height:86px;width:108px}
      .story-step-icons i{height:45px;width:45px;border-radius:12px;font-size:.9rem}
    }
  
/* =======================================================
   FLOMATE V9 · HERO CINEMÁTICO CON SCROLLYTELLING
   La demo original, módulos, industrias, cifras y cierre se conservan.
   ======================================================= */
.hero-cinematic{height:375svh;min-height:2200px;padding:0!important;margin:0;overflow:visible;isolation:isolate;background:radial-gradient(ellipse at 50% 15%,#172b512d,transparent 55%),#080f1e}
.hero-cinematic>.glow.a{top:13svh;left:0;width:min(600px,100vw);position:absolute;pointer-events:none}
.hero-cinematic>.glow.b{top:130svh;right:0;width:min(600px,100vw);position:absolute;pointer-events:none}
.hero-sticky-shell{--hero-rise:620px;position:sticky;top:77px;height:calc(100svh - 77px);min-height:635px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse 57% 58% at 50% 54%,#13274a46,transparent 72%)}
.hero-sticky-shell::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 58%,#4b70ff20,transparent 40%),radial-gradient(circle at 50% 63%,#6b56ff18,transparent 57%);opacity:var(--hero-glow-alpha,.3);transition:opacity .25s}
.hero-intro{position:absolute;z-index:10;top:clamp(58px,11svh,122px);left:50%;width:min(1180px,calc(100% - 48px));text-align:center;transform:translateX(-50%) translateY(var(--intro-shift,0px)) scale(var(--intro-scale,1));opacity:var(--intro-opacity,1);pointer-events:none;will-change:transform,opacity}
.hero-intro .eyebrow{letter-spacing:.17em;margin:0 0 21px;justify-content:center;display:flex;gap:8px;color:#abc7ff;font-size:clamp(.63rem,1.2vw,.8rem)}
.hero-intro .hero-title{font-size:clamp(3.5rem,7.3vw,8.5rem);line-height:.985;letter-spacing:-.071em;max-width:1100px;margin:0 auto 29px;text-wrap:balance}
.hero-intro .hero-title .grad-text{display:inline-block}
.hero-intro p{font-size:clamp(1rem,1.35vw,1.26rem);line-height:1.55;max-width:780px;color:#b3c3dd;margin:0 auto;text-wrap:pretty}
.hero-intro-cue{display:flex;align-items:center;justify-content:center;gap:13px;color:#a9bee1;letter-spacing:.29em;font-weight:850;font-size:.66rem;margin-top:39px}
.hero-cue-line{height:33px;width:1px;display:inline-block;background:linear-gradient(transparent,#72a6ff,#bc7bfa,transparent);animation:cue 1.9s infinite}
.hero-stage.story-stage{position:absolute;top:50%;left:50%;width:min(865px,calc(100% - 70px));height:674px;min-width:0;margin:0!important;transform:translate(-50%,calc(-50% + var(--hero-rise,620px)));pointer-events:none;z-index:5;will-change:transform}
.story-stage .phone{transform:translateX(-50%) perspective(1700px) rotateX(var(--hero-phone-tilt-x,7deg)) rotateY(var(--hero-phone-tilt-y,-14deg)) rotateZ(var(--hero-phone-tilt,-19deg)) scale(var(--hero-phone-scale,.88)) translateY(var(--hero-phone-float,0px));transform-origin:center 26%;will-change:transform,filter;transition:box-shadow .3s,filter .3s}
.story-stage.is-interactive{pointer-events:auto}
.story-stage .widget{opacity:0;transform:translateY(20px) scale(.9);pointer-events:none;transition:opacity .46s ease,transform .5s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s}
.story-stage .widget.story-visible{opacity:1;transform:translateY(0) scale(1)}
.story-stage .hero-connectors{opacity:var(--hero-wire-opacity,0);transition:opacity .35s}
.story-stage .phone-backplate{opacity:var(--hero-backplate,.15);transition:opacity .35s}
.hero-story-note{position:absolute;z-index:6;width:min(242px,19.5vw);padding:22px;border:1px solid #6d81bc51;border-radius:24px;background:linear-gradient(143deg,#182947eb,#0c182de6);box-shadow:0 21px 55px #05091844,inset 0 1px 0 #ffffff0e;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;transform:translateY(17px) scale(.97);transition:opacity .37s,transform .5s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.hero-story-note.visible{opacity:1;transform:translateY(0) scale(1)}
.hero-story-note .note-number{display:block;color:#62eac5;font-size:.66rem;font-weight:850;letter-spacing:.16em;margin-bottom:13px}
.hero-story-note h2{font-size:clamp(1.13rem,1.75vw,1.56rem);line-height:1.12;letter-spacing:-.04em;margin:0 0 10px;text-wrap:balance}
.hero-story-note p{font-size:clamp(.75rem,.88vw,.86rem);line-height:1.52;color:#b7c6de;margin:0}
.note-agent{left:max(20px,calc(50% - 725px));top:16%}.note-flow{right:max(20px,calc(50% - 725px));top:26%}.note-follow{left:max(20px,calc(50% - 725px));top:52%}
.note-finale{right:max(20px,calc(50% - 725px));top:29%;width:min(260px,20vw)}
.note-finale .note-cta-row{margin-top:16px;display:grid;gap:9px}.note-finale .btn{font-size:.72rem;padding:10px 9px;min-height:43px;justify-content:center}
.hero-story-progress{position:absolute;z-index:9;bottom:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:15px;color:#95acd0;opacity:var(--progress-opacity,.45);font-size:.62rem;letter-spacing:.16em;font-weight:850;white-space:nowrap;pointer-events:none}
.hero-story-track{width:148px;max-width:20vw;display:block;height:3px;background:#283d5c;border-radius:4px;overflow:hidden}
.hero-story-track i{display:block;background:var(--grad);width:0%;height:100%;border-radius:4px}
.hero-skip{z-index:12;position:absolute;right:clamp(14px,3vw,55px);bottom:19px;background:transparent;border:1px solid #7288ab3b;border-radius:999px;color:#adc1e2;font-size:.67rem;letter-spacing:.02em;padding:9px 12px;opacity:var(--skip-opacity,1);cursor:pointer}
.hero-skip:hover{border-color:#8daaff;color:#fff}
.hero-followup{background:linear-gradient(#0b1729,#0b1729);border-top:1px solid #6f92db24;padding:38px 0 46px}
.followup-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}
.followup-inner h2{font-size:clamp(1.65rem,2.65vw,2.6rem);letter-spacing:-.05em;line-height:1.05;margin:10px 0}.followup-inner p{color:var(--muted);margin:0;max-width:48ch;font-size:.88rem}
.followup-inner .hero-actions{margin:0;justify-content:flex-end;max-width:390px}.followup-inner .btn{font-size:.75rem;min-height:45px}
/* recognizable WhatsApp pictogram in every WhatsApp button */
.btn.wa{display:inline-flex;align-items:center;justify-content:center;gap:9px}
.wa-mark{display:inline-flex;flex:0 0 auto;width:19px;height:19px;align-items:center;justify-content:center}
.wa-mark svg{width:100%;height:100%;display:block;overflow:visible}
.note-finale .wa-mark{width:17px;height:17px}
@media(min-width:1700px){.hero-stage.story-stage{width:900px}.hero-story-note{width:285px}.note-finale{width:295px}}
@media(max-width:1260px) and (min-width:951px){.hero-stage.story-stage{width:min(730px,calc(100% - 300px))}.hero-story-note{width:155px;padding:14px;border-radius:18px}.hero-story-note h2{font-size:1.05rem}.hero-story-note p{font-size:.71rem}.note-agent,.note-follow{left:10px}.note-flow,.note-finale{right:10px}.note-finale{top:18%}.note-finale .btn{font-size:.64rem}}
@media(max-width:950px){
 .hero-cinematic{height:365svh;min-height:2180px}
 .hero-sticky-shell{min-height:610px}
 .hero-intro{top:clamp(49px,9svh,112px)}
 .hero-intro .hero-title{font-size:clamp(3.7rem,8.5vw,6.2rem)}
 .hero-stage.story-stage{width:min(510px,calc(100% - 36px));height:705px}
 .story-stage .widget{width:calc((100% - 14px)/3);height:48px;min-height:48px;border-radius:13px;flex-direction:row;gap:5px;padding:5px 3px;justify-content:center}
 .story-stage .widget .wi{width:27px;height:27px;border-radius:8px;flex:none;font-size:.64rem}
 .story-stage .widget span{font-size:.62rem;white-space:nowrap}
 .story-stage .widget[data-node="meta"]{left:0;top:78px;bottom:auto}
 .story-stage .widget[data-node="google"]{left:calc((100% - 14px)/3 + 7px);top:78px;bottom:auto}
 .story-stage .widget[data-node="whatsapp"]{right:0;top:78px;bottom:auto}
 .story-stage .widget[data-node="ia"]{left:0;top:133px;bottom:auto}
 .story-stage .widget[data-node="crm"]{left:calc((100% - 14px)/3 + 7px);top:133px;bottom:auto}
 .story-stage .widget[data-node="ventas"]{right:0;top:133px;bottom:auto}
 .story-stage .phone{top:196px;width:min(344px,calc(100% - 20px));height:495px}
 .story-stage .phone-backplate{left:5%;right:5%;top:203px;bottom:0}
 .hero-story-note{top:4px!important;left:50%!important;right:auto!important;width:min(470px,calc(100% - 30px));max-height:76px;padding:9px 14px;display:grid;grid-template-columns:1fr;align-content:center;text-align:center;border-radius:15px;transform:translate(-50%,10px) scale(.97);border-color:#6675bc3d}
 .hero-story-note.visible{transform:translate(-50%,0) scale(1)}
 .hero-story-note .note-number{margin:0 0 3px;font-size:.55rem}
 .hero-story-note h2{font-size:1rem;line-height:1.08;margin:0 0 3px}
 .hero-story-note p{font-size:.65rem;line-height:1.18}
 .note-finale .note-cta-row{display:none}
 .hero-skip{bottom:10px;right:9px;font-size:.6rem;padding:8px}
 .followup-inner{display:block}.followup-inner .hero-actions{justify-content:flex-start;margin-top:19px}
}
@media(max-width:700px){
 html{scroll-padding-top:70px}
 .hero-cinematic{height:360svh;min-height:2000px}
 .hero-sticky-shell{top:69px;height:calc(100svh - 69px);min-height:570px}
 .hero-intro{width:calc(100% - 28px);top:clamp(48px,9svh,83px)}
 .hero-intro .eyebrow{font-size:.58rem;letter-spacing:.085em;margin-bottom:18px}
 .hero-intro .hero-title{font-size:clamp(2.8rem,11.3vw,4.65rem);line-height:1.01;letter-spacing:-.067em;margin-bottom:19px}
 .hero-intro .hero-title .grad-text{display:block}
 .hero-intro p{font-size:clamp(.89rem,3.45vw,1.02rem);line-height:1.49;max-width:370px}
 .hero-intro-cue{margin-top:27px;font-size:.58rem}
 .hero-stage.story-stage{height:665px;width:calc(100% - 24px)}
 .story-stage .phone{top:163px;height:clamp(460px,calc(100svh - 270px),490px);width:min(344px,calc(100% - 10px));border-width:9px;border-radius:43px}
 .story-stage .phone-inner{border-radius:34px}
 .story-stage .phone-backplate{top:174px;bottom:10px;border-radius:35px}
 .story-stage .widget[data-node="meta"],.story-stage .widget[data-node="google"],.story-stage .widget[data-node="whatsapp"]{top:67px}
 .story-stage .widget[data-node="ia"],.story-stage .widget[data-node="crm"],.story-stage .widget[data-node="ventas"]{top:117px}
 .story-stage .widget{min-height:44px;height:44px;padding:3px 2px}
 .story-stage .widget .wi{width:24px;height:24px;font-size:.59rem}
 .story-stage .widget span{font-size:clamp(.53rem,2.2vw,.66rem)}
 .hero-story-note{max-height:77px;top:0!important;padding:9px 10px;width:calc(100% - 8px)}
 .hero-story-note .note-number{font-size:.5rem;margin-bottom:2px}
 .hero-story-note h2{font-size:.98rem;margin:0 0 2px}
 .hero-story-note p{font-size:.67rem;line-height:1.23}
 .hero-story-progress{bottom:9px;gap:8px;font-size:.55rem;left:33%}.hero-story-track{width:66px}
 .hero-skip{bottom:6px;right:6px;max-width:130px;line-height:1.1}
 .hero-followup{padding:30px 0}.followup-inner h2{font-size:1.85rem}.followup-inner .hero-actions{display:grid;grid-template-columns:1fr 1fr;max-width:none}
 .followup-inner .hero-actions .btn{font-size:.69rem;padding:10px 6px;min-height:46px}
 .followup-inner .hero-actions .btn.wa{grid-column:1/-1}
}
@media(max-width:370px){.hero-intro .hero-title{font-size:2.65rem}.story-stage .widget span{font-size:.52rem}.story-stage .widget .wi{width:21px;height:21px}.hero-story-note p{font-size:.60rem}}
@media(prefers-reduced-motion:reduce){.hero-cue-line{animation:none}.hero-story-note,.story-stage .widget{transition:none}}

/* ====================== FLOMATE V9.5: ajustes y proceso conectado ====================== */
/* Header realmente opaco para evitar texto fantasma y stacking al cruzar secciones. */
.site-header{position:sticky!important;top:0!important;z-index:99999!important;background:#080f1e!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;isolation:isolate;transform:translateZ(0);box-shadow:0 9px 24px #02071235}
.site-header::before{content:"";position:absolute;inset:0;z-index:-1;background:#080f1e;pointer-events:none}
/* El primer CTA forma parte del hero antes de que comience la historia. */
.hero-intro{pointer-events:auto}
.hero-first-actions{margin:24px auto 0;display:flex;justify-content:center;gap:11px;align-items:center;position:relative;z-index:18;pointer-events:auto}
.hero-first-actions .btn{min-height:50px;padding:12px 19px;font-size:.82rem;box-shadow:0 14px 36px #07122b60;white-space:nowrap}
.hero-first-actions .btn.wa{background:linear-gradient(115deg,#445bea,#7a5af9);border-color:#aabbff50}
.hero-intro-cue{margin-top:21px}
/* Contener el movimiento del hero en menos recorrido sin cortar la secuencia. */
.hero-cinematic{height:295svh;min-height:1750px}
.hero-cinematic>.glow{pointer-events:none}
/* Nueva historia: una misma tarjeta se transforma en tres etapas controladas por scroll. */
.process-story{--p:0;position:relative;height:245svh;min-height:1420px;background:linear-gradient(180deg,#0a162a 0%,#0e1b30 47%,#091221 100%);border-top:1px solid #7897e023;border-bottom:1px solid #7897e016;isolation:isolate}
.process-sticky{position:sticky;top:77px;height:calc(100svh - 77px);min-height:615px;display:grid;place-items:center;overflow:hidden;isolation:isolate}
.process-ambient{position:absolute;inset:0;background:radial-gradient(circle at 74% 45%,#5146d034,transparent 44%),radial-gradient(circle at 14% 70%,#266aab27,transparent 37%);pointer-events:none}
.process-layout{position:relative;display:grid;grid-template-columns:minmax(0,.90fr) minmax(0,1.1fr);gap:clamp(20px,5vw,72px);align-items:center;padding-block:12px}
.process-copy{position:relative;z-index:2}
.process-copy>.eyebrow{color:#80b9ff;font-size:.69rem;letter-spacing:.15em}
.process-copy h2{font-size:clamp(2.25rem,4.25vw,4.5rem);letter-spacing:-.058em;line-height:1.025;margin:16px 0 16px;max-width:600px;text-wrap:balance}
.process-lead{font-size:clamp(.88rem,1.15vw,1rem);line-height:1.62;color:#aabed9;max-width:51ch;margin:0}
.process-current{position:relative;min-height:142px;margin-top:30px}
.process-current-item{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .45s,transform .55s,visibility .45s;pointer-events:none}
.process-current-item.is-current{opacity:1;visibility:visible;transform:translateY(0)}
.process-current-item>span{font-size:.66rem;font-weight:850;letter-spacing:.14em;color:#52e3c1;display:block;margin-bottom:9px}
.process-current-item strong{display:block;font-size:clamp(1.07rem,1.65vw,1.45rem);letter-spacing:-.03em;line-height:1.2}
.process-current-item p{margin:9px 0 0;color:#abc0d9;line-height:1.48;font-size:.84rem;max-width:50ch}
.process-stepper{display:flex;align-items:center;gap:14px;color:#93add5;font-size:.64rem;font-weight:800;letter-spacing:.15em;margin-top:13px}
.process-stepper-line{height:3px;flex:1;max-width:160px;background:#273a58;border-radius:5px;overflow:hidden}
.process-stepper-line>i{display:block;width:0;height:100%;border-radius:4px;background:var(--grad)}
.process-stepper-label{color:#81a8da}
.process-display{position:relative;min-width:0;max-width:640px;width:100%;min-height:500px;display:grid;place-items:center;perspective:1700px}
.process-display::before{content:"";position:absolute;inset:6% 0;border-radius:50%;background:radial-gradient(circle,#465df15b 0%,#744fe436 30%,transparent 67%);filter:blur(30px);pointer-events:none}
.process-card{position:relative;width:min(100%,560px);height:385px;border:1px solid #92adff5e;border-radius:29px;overflow:hidden;background:linear-gradient(150deg,#192b49,#0b1527 82%);box-shadow:0 38px 110px #030816c7,0 18px 56px #586eff22,0 0 70px #768dff18,inset 0 1px 0 #f4f7ff21,inset 0 -18px 28px #0000002f;transform-style:preserve-3d;transform:translateY(calc(12px * (1 - var(--p)))) rotateX(calc((1 - var(--p)) * 7deg)) rotateY(calc((.5 - var(--p)) * -5deg)) scale(calc(.965 + .035 * var(--p)));transition:border-color .3s,box-shadow .3s,transform .35s}
.process-card::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(118deg,#ffffff12 0%,#ffffff08 8%,transparent 24%),radial-gradient(circle at 19% 11%,#7293ff2c,transparent 26%),radial-gradient(circle at 78% 15%,#56e0cf1a,transparent 18%);mix-blend-mode:screen}
.process-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 20%,#abbaff0b 50%,transparent 76%)}
.process-screen{position:absolute;inset:0;padding:25px 24px;display:flex;flex-direction:column;gap:16px;visibility:hidden;opacity:0;transform:translateY(17px) scale(.975);transition:opacity .45s ease,transform .58s cubic-bezier(.16,.7,.3,1),visibility .45s;pointer-events:none}
.process-screen.is-current{visibility:visible;opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
.process-screen-head{display:flex;align-items:center;gap:10px;min-height:43px}
.process-round-mark{height:41px;width:41px;display:grid;place-items:center;flex:0 0 41px;border-radius:14px;color:#c7ffee;background:#0d664f;border:1px solid #32bd986b;font-weight:900;font-size:1.05rem}
.process-round-mark.agent{color:#e7d6ff;background:#453391;border-color:#936fffa9;font-size:.84rem}.process-round-mark.crm{font-size:.65rem;color:#e8ebff;background:#364c8e;border-color:#7fa1ff80}
.process-screen-head>div{min-width:0;display:grid;gap:2px}.process-screen-head strong{font-size:.89rem}.process-screen-head small{font-size:.68rem;color:#a3b9d5}
.process-status{font-size:.51rem;letter-spacing:.04em;font-weight:850;white-space:nowrap;padding:6px 8px;border:1px solid;border-radius:7px;margin-left:auto}.process-status.waiting{color:#ffc393;border-color:#ffc3934f;background:#ae7a2522}.process-status.online,.process-status.ready{color:#69f4c5;border-color:#69f4c55e;background:#267c5c29}
.process-client-bubble{align-self:flex-end;max-width:91%;border-radius:17px 17px 5px 17px;background:linear-gradient(145deg,#294d86,#28426d);border:1px solid #6986c54c;padding:17px;color:#f4f8ff;font-size:.93rem;line-height:1.5;box-shadow:0 12px 26px #040b1f44}
.process-client-bubble.short{font-size:.81rem;padding:11px 13px;max-width:82%}
.process-dotted-answer{border:1px dashed #7489b45e;border-radius:14px;background:#12233b7a;color:#9bb3d3;padding:13px 14px;font-size:.79rem;display:flex;align-items:center;gap:8px}.process-clock-icon{font-size:1.25rem;color:#dfb073}
.process-mini-summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;color:#91a7c6;font-size:.69rem}.process-mini-summary b{color:#62789c}
.process-agent-bubble{align-self:flex-start;max-width:91%;border-radius:17px 17px 17px 5px;background:#eaf2ff;color:#16243b;padding:13px 15px;line-height:1.46;font-size:.85rem;box-shadow:0 8px 25px #060b1c5b}
.process-screen.is-current .process-agent-bubble{animation:storyBubble .66s .18s both}@keyframes storyBubble{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
.process-transit{display:flex;align-items:center;gap:9px;color:#b7ccef;font-size:.67rem;letter-spacing:.02em;white-space:nowrap;margin-top:auto}.process-transit span{border:1px solid #5a80cd58;border-radius:9px;background:#172d4d;padding:7px 9px}.process-transit i{height:2px;background:linear-gradient(90deg,#3689ff,#ac70ff,#57e8d1);flex:1;position:relative;box-shadow:0 0 9px #916bff70}.process-screen.is-current .process-transit i{background-size:200% 100%;animation:storyCurrent 1.7s linear infinite}@keyframes storyCurrent{to{background-position:200% 0}}
.process-minicheck{display:flex;flex-wrap:wrap;gap:12px;color:#75f2c3;font-size:.71rem;font-weight:650}
.process-crm-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #7399cb3b;background:#172a45;padding:11px 13px;border-radius:12px;color:#e3edfa;font-size:.81rem}
.process-crm-row>b{display:grid;place-items:center;flex:0 0 23px;width:23px;height:23px;border-radius:50%;background:#2fd3a9;color:#083629;box-shadow:0 0 14px #27e0b346}
.process-screen.is-current .process-crm-row{animation:storyBubble .46s both}.process-screen.is-current .process-crm-row:nth-of-type(2){animation-delay:.16s}.process-screen.is-current .process-crm-row:nth-of-type(3){animation-delay:.22s}.process-screen.is-current .process-crm-row:nth-of-type(4){animation-delay:.30s}
.process-crm-alert{margin-top:auto;display:flex;align-items:center;gap:10px;border:1px solid #3abf9b70;border-radius:14px;background:#1a4e4d53;padding:10px 13px}.process-crm-alert>span{color:#64f3cb;font-size:1.25rem}.process-crm-alert strong,.process-crm-alert small{display:block}.process-crm-alert strong{font-size:.78rem}.process-crm-alert small{font-size:.68rem;color:#aecbd0;margin-top:3px}
.process-rail{position:absolute;z-index:0;display:grid;gap:7px;color:#8aadd5;font-size:.61rem;letter-spacing:.12em;font-weight:850;transition:opacity .4s;white-space:nowrap}.process-rail i{display:block;height:2px;background:linear-gradient(90deg,#4787f7,#925aff,#66e7d2);box-shadow:0 0 14px #8a6aff99}.rail-left{left:-4%;top:16%}.rail-right{right:-3%;bottom:14%}.rail-left i{width:100px}.rail-right i{width:116px}
.process-display-bottom{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);color:#9bb5d7;font-weight:800;font-size:.6rem;letter-spacing:.12em;display:flex;align-items:center;gap:9px;white-space:nowrap}.process-pulse{width:7px;height:7px;border-radius:50%;background:#50ecc2;box-shadow:0 0 14px #39e6ac}
.process-scroll-tip{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#809bbc;letter-spacing:.14em;font-size:.58rem;font-weight:800;opacity:calc(1 - var(--p));pointer-events:none}.process-scroll-tip span{margin-left:6px;color:#83d7f6}
@media(max-width:950px){.process-layout{grid-template-columns:minmax(0,.92fr) minmax(0,1fr);gap:20px}.process-screen{padding:19px}.process-card{height:390px}.process-rail{display:none}.process-copy h2{font-size:clamp(2.1rem,5vw,3.2rem)}}
@media(max-width:700px){
 .hero-cinematic{height:280svh;min-height:1560px}
 .hero-intro{top:clamp(14px,3.5svh,32px);text-align:left}
 .hero-intro .eyebrow{justify-content:flex-start;font-size:.55rem;letter-spacing:.055em;margin-bottom:10px}
 .hero-intro .hero-title{font-size:clamp(2.15rem,8.9vw,3.5rem);max-width:480px;line-height:1.03;margin:0 0 12px;text-wrap:initial}
 .hero-intro .hero-title .grad-text{display:inline}
 .hero-intro p{margin:0;text-align:left;font-size:clamp(.82rem,3.23vw,.96rem);line-height:1.42;max-width:440px}
 .hero-first-actions{justify-content:flex-start;margin-top:14px;gap:8px}
 .hero-first-actions .btn{min-height:44px;padding:9px 11px;font-size:.68rem}
 .hero-first-actions .hero-first-discover{font-size:.65rem}
 .hero-intro-cue{margin-top:12px;justify-content:flex-start;font-size:.51rem}
 .process-story{height:235svh;min-height:1420px}
 .process-sticky{top:69px;height:calc(100svh - 69px);min-height:0;display:flex;align-items:stretch;justify-content:center;padding:10px 0 22px}
 .process-layout{display:flex;flex-direction:column;justify-content:space-around;gap:8px;padding-block:8px;width:calc(100% - 28px)}
 .process-copy{width:100%;flex:0 0 auto}
 .process-copy>.eyebrow{font-size:.55rem;letter-spacing:.095em}
 .process-copy h2{font-size:clamp(1.8rem,7.75vw,2.45rem);line-height:1.03;margin:7px 0 9px;max-width:480px}
 .process-lead{font-size:.78rem;line-height:1.37;max-width:46ch}
 .process-current{min-height:78px;margin-top:10px}
 .process-current-item>span{font-size:.54rem;margin-bottom:4px}
 .process-current-item strong{font-size:.93rem;line-height:1.12}
 .process-current-item p{font-size:.71rem;line-height:1.3;margin-top:4px}
 .process-stepper{margin-top:8px;font-size:.53rem;gap:8px}.process-stepper-line{max-width:72px}
 .process-display{min-height:0;flex:1 1 auto;max-width:520px;width:100%;display:flex;align-items:center;justify-content:center;padding:0 0 18px}
 .process-card{height:min(340px,45svh);min-height:258px;width:100%;border-radius:22px}
 .process-screen{padding:12px 13px;gap:10px}
 .process-screen-head{min-height:34px;gap:7px}
 .process-round-mark{width:32px;height:32px;flex-basis:32px;border-radius:10px;font-size:.83rem}
 .process-screen-head strong{font-size:.74rem}.process-screen-head small{font-size:.59rem}
 .process-status{font-size:.43rem;padding:5px}
 .process-client-bubble{font-size:.78rem;line-height:1.36;padding:11px;max-width:94%}
 .process-client-bubble.short{font-size:.71rem;padding:8px 10px}
 .process-dotted-answer{font-size:.66rem;padding:9px}
 .process-mini-summary{font-size:.56rem;gap:5px}
 .process-agent-bubble{font-size:.73rem;line-height:1.35;padding:10px 11px;max-width:96%}
 .process-transit{font-size:.56rem;gap:5px}.process-transit span{padding:5px 6px}
 .process-minicheck{font-size:.59rem;gap:6px}
 .process-crm-row{font-size:.67rem;padding:8px 10px}
 .process-crm-row>b{flex-basis:19px;width:19px;height:19px}
 .process-crm-alert{padding:8px 9px;gap:7px}.process-crm-alert strong{font-size:.67rem}.process-crm-alert small{font-size:.57rem}
 .process-display-bottom{font-size:.49rem;bottom:1px;letter-spacing:.065em}
 .process-scroll-tip{bottom:5px;font-size:.48rem}
}
@media(max-width:370px){.hero-intro .hero-title{font-size:2.13rem}.hero-first-actions .btn{padding:8px;font-size:.61rem}.process-copy h2{font-size:1.77rem}.process-current{min-height:91px}}
@media(max-height:670px) and (max-width:700px){.process-copy h2{font-size:1.72rem}.process-current-item p{display:none}.process-current{min-height:47px}.process-card{height:245px;min-height:245px}.process-lead{font-size:.70rem}.process-sticky{padding-block:5px}.hero-intro .hero-title{font-size:clamp(1.96rem,8.1vw,2.7rem)}}
@media(prefers-reduced-motion:reduce){.process-screen,.process-current-item,.process-screen.is-current .process-crm-row,.process-screen.is-current .process-agent-bubble{animation:none!important;transition:none!important}}


/* ================= FLOMATE V9.5 — APLICADOS LOS CAMBIOS ================= */
/* Titulares display de alto impacto; cuerpo limpio. No cambia logotipo ni interfaces internas. */
:root{--type-display:"Barlow Condensed","Arial Narrow",Impact,"DejaVu Sans Condensed",sans-serif;--type-body:"Manrope",Inter,ui-sans-serif,system-ui,sans-serif}
body{font-family:var(--type-body);letter-spacing:-.012em}
.hero-intro .hero-title,.section-h,.process-copy h2,.story-info h2,.close-card h2,.industry-panel h3,.story-scene h3{
  font-family:var(--type-display);font-weight:900;letter-spacing:-.016em;line-height:.98;font-stretch:condensed;
}
.hero-intro .hero-title{line-height:.91;letter-spacing:-.012em;font-size:clamp(4.2rem,8.7vw,9.5rem);max-width:1150px}
.section-h{font-size:clamp(2.8rem,5.6vw,5.2rem);line-height:.96}
.process-copy h2{font-size:clamp(2.65rem,4.9vw,5.2rem);line-height:.97}
.industry-panel h3{font-size:clamp(2.1rem,3.25vw,3.2rem)}
.story-info h2{font-size:clamp(2.65rem,5vw,5.2rem)}
.close-card h2{font-size:clamp(3.05rem,6.1vw,6.25rem)}
.hero-intro p,.section-lead,.process-lead,.process-current-item p,.industry-panel p,.close-card p,.story-info>p{
  font-family:var(--type-body);letter-spacing:-.015em;line-height:1.61;
}
/* Los nombres del recorrido no pueden quedar tapados por la conversación */
.process-rail{display:none!important}
.process-display{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:520px;perspective:1600px}
.process-card{flex:none;max-width:100%;height:380px;margin:0;transform-origin:center center}
.process-route{position:relative;z-index:6;width:min(100%,560px);flex:none;display:flex;align-items:center;justify-content:space-between;gap:5px;padding:3px 2px;min-height:43px}
.process-route-node{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:none;padding:7px 9px;min-height:35px;border:1px solid #6887cf75;background:linear-gradient(130deg,#1b3354,#16223c);box-shadow:inset 0 1px #ffffff18,0 6px 18px #050c1c3b;border-radius:10px;font-size:.72rem;font-weight:850;letter-spacing:-.01em;color:#deebff;white-space:nowrap}
.process-route-node b{font-size:.79rem;color:#91bbff}
.route-wa b,.route-follow b{color:#67eed0}
.process-route-link{height:2px;min-width:3px;flex:1 1 auto;background:linear-gradient(90deg,#4d8dff,#9c71ff,#5ddcc6);box-shadow:0 0 12px #7867ff55;position:relative}
.process-story .process-route{opacity:calc(.67 + .33 * var(--p,0));}
.process-display-bottom{position:static;bottom:auto;left:auto;transform:none;margin-top:2px;text-align:center;white-space:normal;font-size:.56rem;letter-spacing:.12em}
/* El arte de cada nicho usa ilustración completa, no solo icono, con neblina azul-violeta animada. */
.industry-panel{position:relative;isolation:isolate;overflow:visible;background:linear-gradient(135deg,#142640,#111b35 61%,#1a1743);box-shadow:0 25px 76px #03081760,inset 0 1px #ffffff0c}
.industry-panel::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at 84% 25%,#4b7aff24,transparent 38%),radial-gradient(ellipse at 52% 85%,#9b51f51a,transparent 56%);z-index:0}
.industry-panel>*{position:relative;z-index:1}
.industry-art{height:260px;display:block;border-radius:24px;isolation:isolate;background:#111b31;box-shadow:0 22px 46px #03091585,inset 0 0 0 1px #ffffff24;overflow:hidden;transform:translateZ(0)}
.industry-art::before{content:"";position:absolute;z-index:3;inset:0;background:linear-gradient(180deg,#070e2200 51%,#060d22d4 100%);mask-image:none;pointer-events:none}
.industry-art::after{content:"";position:absolute;z-index:4;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px #9eb6ff38,inset 0 1px 0 #ffffff2b}
.industry-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.24) contrast(1.05);transform:scale(1.075);transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter 1s;opacity:1}
.industry-panel.reveal.in .industry-image{transform:scale(1)}
.industry-image.scene-swap{animation:industrySceneEnter .85s cubic-bezier(.2,.8,.2,1) both}
@keyframes industrySceneEnter{from{opacity:.36;transform:scale(1.11) translateY(9px);filter:saturate(.65)}to{opacity:1;transform:scale(1);filter:saturate(1.24) contrast(1.05)}}
.industry-fog{position:absolute;z-index:2;inset:-44%;pointer-events:none;mix-blend-mode:screen;opacity:.62;filter:blur(37px);border-radius:50%;animation:flomateFog 13s ease-in-out infinite alternate}
.fog-one{background:radial-gradient(ellipse at 30% 64%,#1e94f073 0%,#6364ff56 25%,transparent 62%);animation-duration:15s}
.fog-two{background:radial-gradient(ellipse at 74% 25%,#ba5bff80 0%,#536bff4e 28%,transparent 58%);animation-direction:alternate-reverse;animation-delay:-6s}
@keyframes flomateFog{0%{transform:translate3d(-4%,-2%,0) rotate(-12deg) scale(.95)}100%{transform:translate3d(5%,4%,0) rotate(13deg) scale(1.16)}}
.industry-art-orbit{position:absolute;z-index:3;width:145px;height:145px;border:1px solid #a4bcff39;border-radius:50%;right:-63px;top:-69px;box-shadow:0 0 30px #6a73ff36;pointer-events:none}
.industry-art .art-tag{z-index:5;left:16px;bottom:15px;right:16px;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.25;letter-spacing:.065em;color:#e0e9ff;text-shadow:0 2px 9px #030711}
/* Cristal, reflejos y marco metálico del teléfono: profundidad sin imagen 2D. */
.story-stage .phone{backface-visibility:hidden;transform-style:preserve-3d;box-shadow:0 55px 120px #030817c9,20px 22px 80px #4556ff4a,-10px 16px 50px #537fff22,0 0 0 1px #ffffff3b,inset 0 2px 1px #f5faff35;filter:brightness(calc(.94 + var(--hero-phone-light,.24) * .21)) saturate(calc(1 + var(--hero-phone-light,.24) * .15))}
.story-stage .phone-inner::after{z-index:8;background:linear-gradient(116deg,#ffffff20 0%,transparent 19%,transparent 69%,#7aa9ff0d 91%,transparent 100%);opacity:calc(.29 + var(--hero-phone-light,.24) * .35);pointer-events:none}
.story-stage .phone-backplate{box-shadow:inset 0 0 72px #7b85ff25,0 20px 70px #5164ff25;filter:brightness(calc(.95 + var(--hero-phone-light,.24) * .1))}
@media(max-width:950px){.process-route-node{font-size:.65rem;padding:7px 6px}.process-route-link{min-width:2px}}
@media(max-width:700px){
 .hero-intro .hero-title{font-size:clamp(2.9rem,11vw,4.55rem);line-height:.93;letter-spacing:-.017em}
 .hero-intro p{font-size:clamp(.82rem,3.18vw,.98rem);line-height:1.48}
 .section-h{font-size:clamp(2.7rem,10.9vw,4rem);line-height:.94}
 .process-copy h2{font-size:clamp(2.45rem,9.4vw,3.5rem);line-height:.95}
 .process-display{min-height:0;flex:1 1 auto;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:0 0 3px}
 .process-card{width:100%;height:min(320px,42svh);min-height:233px;max-width:100%;border-radius:20px;flex-shrink:1}
 .process-route{width:100%;gap:3px;min-height:31px;padding:0}
 .process-route-node{min-height:29px;padding:5px 5px;font-size:clamp(.51rem,2.23vw,.65rem);border-radius:8px;gap:3px}
 .process-route-node b{font-size:.66rem}
 .process-route-link{min-width:1px}
 .process-display-bottom{font-size:.45rem;line-height:1.3;margin:0;letter-spacing:.09em}
 .industry-art{height:205px;order:-1}
 .industry-art .art-tag{font-size:.6rem;bottom:12px}
 .industry-panel h3{font-size:clamp(2.05rem,8.45vw,3.1rem);line-height:.95}
 .close-card h2{font-size:clamp(2.8rem,10vw,4.5rem)}
}
@media(max-width:390px){.process-route-node{font-size:.50rem;padding:5px 3px}.process-route-node b{font-size:.55rem}.process-route-link{min-width:1px}.hero-intro .hero-title{font-size:clamp(2.55rem,10.2vw,3.1rem)}}
@media(max-height:670px) and (max-width:700px){.process-card{height:min(245px,36svh);min-height:205px}.process-route-node{min-height:24px;padding:3px 4px}.process-route{min-height:25px}.process-display-bottom{font-size:.40rem}}
@media(prefers-reduced-motion:reduce){.industry-fog,.industry-image.scene-swap{animation:none!important}.industry-image{transition:none!important}}


/* ===== V9.5: jerarquía tipográfica — misma familia, pesos diferentes =====
   El hero conserva el impacto de la V9.3; las demás secciones respiran. */
.hero-intro .hero-title{
  font-family:var(--type-display);font-weight:900;
}
/* Scrollytelling: jerarquía intermedia sin competir con el gancho. */
.process-copy h2{
  font-family:var(--type-display);font-weight:700;
  font-size:clamp(2.5rem,4.5vw,4.55rem);
  line-height:1.02;letter-spacing:-.01em;
}
/* Títulos de sección: mismo carácter gráfico, trazo más ligero. */
.section-h{
  font-family:var(--type-display);font-weight:600;
  font-size:clamp(2.55rem,4.75vw,4.2rem);
  line-height:1.055;letter-spacing:-.005em;
}
/* Subtítulos en tarjetas y textos explicativos. */
.hero-story-note h2,.story-scene h3,.industry-panel h3{
  font-family:var(--type-display);font-weight:600;
  letter-spacing:0;line-height:1.10;
}
.industry-panel h3{font-size:clamp(1.9rem,2.85vw,2.75rem)}
.story-info h2{
  font-family:var(--type-display);font-weight:700;
  font-size:clamp(2.4rem,4.35vw,4.25rem);
  line-height:1.035;letter-spacing:-.01em;
}
/* Cierre: todavía relevante, pero no se impone sobre el hero principal. */
.close-card h2{
  font-family:var(--type-display);font-weight:700;
  font-size:clamp(2.75rem,5.2vw,5.15rem);
  line-height:1.035;letter-spacing:-.01em;
}
@media(max-width:700px){
  .process-copy h2{font-size:clamp(2.16rem,8.55vw,3.15rem);line-height:1.04}
  .section-h{font-size:clamp(2.35rem,9.25vw,3.4rem);line-height:1.055}
  .industry-panel h3{font-size:clamp(1.82rem,7.3vw,2.45rem)}
  .story-info h2{font-size:clamp(2.1rem,8.45vw,3.1rem)}
  .close-card h2{font-size:clamp(2.5rem,9.3vw,3.65rem);line-height:1.045}
}
@media(max-width:370px){
  .process-copy h2{font-size:2.03rem}
  .section-h{font-size:2.21rem}
}
@media(max-height:670px) and (max-width:700px){
  .process-copy h2{font-size:1.91rem}
}


/* FLOMATE V9.5 — LUZ QUE VIAJA ENTRE SECCIONES
   Un sistema continuo de veladuras: cada salida comparte el color de entrada
   con la siguiente, evitando cortes sólidos y sin alterar el layout. */
.ambient-section{position:relative;isolation:isolate}
.ambient-section::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse min(77vw,980px) 330px at 50% 0%,var(--ambient-entry),transparent 83%),
    radial-gradient(ellipse min(78vw,1000px) 360px at 50% 100%,var(--ambient-exit),transparent 83%),
    radial-gradient(ellipse min(54vw,720px) 440px at var(--ambient-x,39%) var(--ambient-y,51%),var(--ambient-core),transparent 84%);
  opacity:var(--ambient-opacity,.72);
  transition:opacity .32s ease;
}
/* Las luces quedan detrás del contenido y del área interactiva. */
.ambient-section > .container,
.ambient-section > .hero-sticky-shell,
.ambient-section > .process-sticky{z-index:1}
/* Gradientes vinculados: la salida de una zona es la entrada de la siguiente. */
.hero-cinematic{--ambient-entry:#3e6cfa29;--ambient-core:#596bfa1a;--ambient-exit:#8163f441}
.process-story{--ambient-entry:#8163f441;--ambient-core:#316eec22;--ambient-exit:#38bce334}
.module-section{--ambient-entry:#38bce334;--ambient-core:#7255e52b;--ambient-exit:#9151e43b}
.industries{--ambient-entry:#9151e43b;--ambient-core:#b35be522;--ambient-exit:#4976f539}
.numbers{--ambient-entry:#4976f539;--ambient-core:#247bbd20;--ambient-exit:#35b7d52c}
.tech-section{--ambient-entry:#35b7d52c;--ambient-core:#386fbf23;--ambient-exit:#7659f13d}
.close-section{--ambient-entry:#7659f13d;--ambient-core:#b754e32a;--ambient-exit:#6b62ef24}
/* Una neblina viaja por el eje vertical en los puntos de transición, sin tapar
   elementos clicables ni convertir el fondo en otro color distinto a Flomate. */
.ambient-section:not(.hero-cinematic):not(.process-story) > .container{position:relative}
.ambient-section .ambient-trail{position:absolute;z-index:0;inset:0;pointer-events:none;overflow:hidden}
.ambient-section .ambient-trail::before{
  content:"";position:absolute;left:var(--trail-x,25%);top:var(--trail-y,36%);
  width:clamp(280px,40vw,700px);height:clamp(240px,28vw,440px);
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(ellipse at center,var(--ambient-core),transparent 70%);
  opacity:var(--trail-opacity,.5);
  filter:blur(clamp(22px,3vw,42px));
  will-change:transform,opacity;
}
/* Recorrido algo más luminoso dentro de los lienzos de industria, sin competir
   con las imágenes ni el texto de sus tarjetas. */
.industries .industry-panel{background:linear-gradient(130deg,#111e35 0%,#171e3b 52%,#101d35 100%);box-shadow:0 22px 55px #0307144a,0 0 35px #8c59e413}
.module-section .module-card{box-shadow:0 14px 34px #04091640,0 0 28px #7757fa0b}
.tech-section .tech-chip{box-shadow:0 10px 30px #04081635,0 0 18px #328bd30a}
.close-section .close-card{box-shadow:0 32px 88px #02061883,0 0 65px #7c50fb2c,inset 0 1px 0 #c8bbff19}
@media(max-width:700px){
  .ambient-section::after{background:
    radial-gradient(ellipse 110vw 220px at 50% 0%,var(--ambient-entry),transparent 86%),
    radial-gradient(ellipse 110vw 230px at 50% 100%,var(--ambient-exit),transparent 86%),
    radial-gradient(ellipse 100vw 280px at var(--ambient-x,39%) var(--ambient-y,51%),var(--ambient-core),transparent 84%);
  }
  .ambient-section .ambient-trail::before{width:78vw;height:260px;filter:blur(22px)}
}
@media(prefers-reduced-motion:reduce){
  .ambient-section::after{transition:none;opacity:.6}
  .ambient-section .ambient-trail::before{will-change:auto;filter:blur(18px)}
}

/* WordPress canvas compatibility. No design modifications to the V9.5 page. */
html,body.flomate-canvas-body{margin:0!important;padding:0!important;background:#080f1e!important;}
body.flomate-canvas-body{overflow-x:clip;}
body.flomate-canvas-body #wpadminbar{z-index:999999;}
body.admin-bar .site-header{top:32px;}
@media(max-width:782px){body.admin-bar .site-header{top:46px;}}