:root{--ink:#1A1A1A;--paper:#FAFAF7;--line:rgba(26,26,26,.13);--muted:#6B6965;--acid:#F2A73B;--violet:#C0316E;--panel:#20201F;--max:1380px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,.brand{font-family:'Manrope',sans-serif}.nav{height:76px;padding:0 max(28px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.04em}.brand-mark{width:35px;height:35px;background:var(--ink);color:#fff;border-radius:10px;display:grid;place-items:center;font-size:12px;letter-spacing:-.04em}.nav nav{display:flex;gap:30px;align-items:center;font-size:14px}.nav-cta{padding:10px 17px;border:1px solid var(--ink);border-radius:999px}.hero{max-width:var(--max);margin:auto;min-height:780px;padding:90px 28px 70px;display:grid;grid-template-columns:.94fr 1.06fr;gap:70px;align-items:center;position:relative}.hero-glow{position:absolute;width:480px;height:480px;background:var(--acid);filter:blur(130px);opacity:.16;right:4%;top:13%;pointer-events:none}.kicker{display:flex;gap:10px;align-items:center;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.kicker span{width:8px;height:8px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 4px rgba(242,167,59,.22)}h1{font-size:clamp(52px,6vw,91px);line-height:.98;letter-spacing:-.065em;margin:28px 0 32px;font-weight:600}h1 em,h2 em{font-style:normal;color:var(--violet)}.hero-lead{font-size:20px;line-height:1.5;color:#4c4e53;max-width:650px}.actions{display:flex;gap:24px;align-items:center;margin:38px 0 58px}.button.primary{background:var(--ink);color:white;padding:15px 19px;border-radius:9px;font-weight:600}.button.primary b{color:var(--acid);margin-left:14px}.button.text{font-size:14px;border-bottom:1px solid var(--ink)}.not-crm{display:grid;grid-template-columns:38px 1fr;gap:15px;border-top:1px solid var(--line);padding-top:22px;max-width:580px}.not-crm span{font:600 11px 'Manrope';color:var(--violet)}.not-crm p{font-size:14px;color:var(--muted);margin:0}.not-crm b{color:var(--ink)}.hero-product{position:relative}.window{background:#171717;border-radius:20px;padding:1px;box-shadow:0 35px 90px rgba(0,0,0,.22);transform:perspective(1200px) rotateY(-3deg) rotateX(1deg)}.window-bar{height:52px;border-bottom:1px solid #2b2d32;color:#8f9299;display:flex;align-items:center;padding:0 18px;font-size:11px}.dots{display:flex;gap:6px;margin-right:20px}.dots i{width:7px;height:7px;border-radius:50%;background:#44474e}.window-bar span{flex:1}.window-bar small{color:var(--acid);font-size:9px;border:1px solid rgba(242,167,59,.3);padding:4px 7px;border-radius:99px}.flow-ui{padding:34px}.flow-head small{font-size:9px;color:#70737a;letter-spacing:.15em}.flow-head strong{display:block;color:#f5f5f1;font:600 22px 'Manrope';margin:5px 0 30px}.flow-list{border:1px solid #292c31;border-radius:13px;padding:18px}.flow{display:grid;grid-template-columns:38px 1fr auto;gap:14px;align-items:center;padding:12px;border-radius:9px;color:#f2f2ef}.flow.active{background:#1e211b;outline:1px solid rgba(242,167,59,.18)}.flow-num{font:600 10px 'Manrope';color:#777a81}.flow b{display:block;font-size:13px}.flow small{display:block;color:#74777f;font-size:10px}.flow i{font-style:normal;font-size:9px;color:#9da0a6;background:#24272c;padding:5px 7px;border-radius:99px}.active i{color:var(--acid)}.connector{height:17px;border-left:1px dashed #3c3f45;margin-left:30px}.manifest{background:var(--ink);color:white;padding:120px max(28px,calc((100vw - 1100px)/2));text-align:center}.manifest p{color:#888c94;font-size:15px}.manifest h2{font-size:clamp(38px,5vw,68px);line-height:1.08;letter-spacing:-.05em;font-weight:500;margin:20px 0}.manifest em{color:var(--acid)}.journey,.modes{max-width:var(--max);margin:auto;padding:120px 28px}.section-label{font:600 10px 'Manrope';letter-spacing:.16em;margin-bottom:32px;color:#777}.section-label.light{color:#8a8d94}.section-title{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:end;margin-bottom:65px}.section-title h2,.product-intro h2,.contact h2,.statement h2{font-size:clamp(40px,5vw,68px);line-height:1.06;letter-spacing:-.05em;font-weight:550;margin:0}.section-title p{color:var(--muted);font-size:18px;margin:0}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.journey-grid article{min-height:280px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative}.journey-grid article>span{position:absolute;right:25px;top:24px;font:500 11px 'Manrope';color:#aaa}.journey-grid small{font-size:9px;letter-spacing:.15em;color:#888}.journey-grid h3{font-size:27px;letter-spacing:-.04em;margin:70px 0 12px}.journey-grid p{color:var(--muted);font-size:14px}.journey-grid .signal{background:var(--acid)}.signal small,.signal p{color:#525a25}.signal h3{max-width:270px}.pulse{width:12px;height:12px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 8px rgba(26,26,26,.08);position:absolute;right:30px;top:30px}.product-show{background:var(--ink);color:white;padding:120px max(28px,calc((100vw - var(--max))/2))}.product-intro{display:flex;justify-content:space-between;align-items:end;gap:80px;margin-bottom:70px}.product-intro p{color:#92959c;max-width:400px}.product-feature{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:center;padding:70px 0;border-top:1px solid #2a2c31}.feature-copy>span{color:var(--acid);font-size:10px;letter-spacing:.15em}.feature-copy h3{font-size:38px;line-height:1.1;letter-spacing:-.04em;margin:20px 0}.feature-copy p,.feature-copy li{color:#999ca3}.feature-copy ul{padding-left:18px}.screen{background:#202228;border:1px solid #33363c;border-radius:18px;padding:12px;box-shadow:0 35px 80px rgba(0,0,0,.35)}.screen img,.mini-products img{width:100%;display:block;border-radius:9px}.mini-products{display:grid;grid-template-columns:1fr 1fr;gap:25px}.mini-products>div{background:#20201F;border:1px solid #292c31;border-radius:15px;padding:12px}.mini-products h4{font:600 17px 'Manrope';margin:18px 10px 5px}.mini-products p{color:#85888f;font-size:13px;margin:0 10px 12px}.mode-grid{display:grid;grid-template-columns:1fr 1fr}.mode-grid article{padding:50px;border:1px solid var(--line);min-height:370px;display:flex;flex-direction:column}.mode-grid article.dark{background:var(--ink);color:white}.mode-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.14em}.mode-grid h3{font-size:36px;letter-spacing:-.045em;line-height:1.1;margin:85px 0 15px;max-width:500px}.mode-grid p{color:var(--muted);max-width:500px}.dark p{color:#92959c}.mode-grid a{margin-top:auto;font-weight:600;font-size:14px}.dark a{color:var(--acid)}.integration-note{text-align:center;color:#777;margin:38px 0 0;font-size:13px}.integration-note b{color:var(--ink);font-weight:500}.statement{padding:140px 28px;max-width:var(--max);margin:auto;border-top:1px solid var(--line)}.statement>span{font:600 10px 'Manrope';letter-spacing:.15em;color:var(--violet)}.statement h2{margin-top:30px}.contact{background:#171717;color:white;padding:120px max(28px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.contact-copy>p{font-size:18px;color:#979aa1;max-width:520px;margin:28px 0 60px}.contact-detail{border-top:1px solid #303238;padding-top:20px;display:flex;gap:15px;color:#a0a3aa;font-size:13px}.contact-detail span{color:var(--acid)}form{background:#20201F;border:1px solid #303238;border-radius:18px;padding:35px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;color:#999ca3;font-size:11px;margin-bottom:18px}input,select{width:100%;margin-top:8px;background:#171717;border:1px solid #35383f;color:white;padding:14px;border-radius:8px;font:14px 'DM Sans'}input:focus,select:focus{outline:1px solid var(--acid);border-color:var(--acid)}.submit{width:100%;border:0;background:var(--acid);color:var(--ink);border-radius:8px;padding:16px 18px;font:600 14px 'Manrope';display:flex;justify-content:space-between;margin-top:8px;cursor:pointer}form>small{display:block;color:#686b72;font-size:10px;margin-top:12px}.hp{position:absolute;left:-9999px}.form-status{font-size:12px;margin:12px 0 0}.form-status.success{color:var(--acid)}.form-status.error{color:#ff8d8d}footer{max-width:var(--max);margin:auto;padding:55px 28px;display:grid;grid-template-columns:1fr 1fr;gap:25px;border-top:1px solid var(--line);font-size:12px;color:#777}footer .brand{color:var(--ink);font-size:15px}footer p{margin:8px 0}footer div{display:flex;justify-content:flex-end;gap:20px}footer>small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px}@media(max-width:900px){.nav nav a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;padding-top:60px}.hero-product{margin-top:10px}.section-title,.product-feature,.contact{grid-template-columns:1fr;gap:40px}.journey-grid{grid-template-columns:1fr 1fr}.product-intro{display:block}.product-intro p{margin-top:25px}.mode-grid{grid-template-columns:1fr}.contact{padding-left:28px;padding-right:28px}.window{transform:none}}@media(max-width:600px){h1{font-size:49px}.hero{padding-left:20px;padding-right:20px}.journey,.modes{padding:85px 20px}.journey-grid{grid-template-columns:1fr}.flow-ui{padding:18px}.flow i{display:none}.product-show{padding:85px 20px}.mini-products,.form-row{grid-template-columns:1fr}.mode-grid article{padding:30px}.statement{padding:90px 20px}.contact{padding:85px 20px}form{padding:22px}.nav{padding:0 20px}.nav-cta{font-size:12px}footer{grid-template-columns:1fr}footer div{justify-content:flex-start;flex-wrap:wrap}}
/* Brand asset — production-ready */
.brand{display:inline-flex;align-items:center;min-width:170px}
.brand-logo-wrap{display:flex;align-items:center;background:var(--ink);border-radius:11px;padding:8px 12px;height:44px}
.brand-logo{display:block;width:148px;height:auto;max-height:30px;object-fit:contain}
footer .brand-logo-wrap{height:42px}
footer .brand-logo{width:142px}
@media(max-width:600px){.brand{min-width:140px}.brand-logo-wrap{height:40px;padding:7px 10px}.brand-logo{width:128px}}

/* V2.2 — interaction + product polish */
.nav{position:sticky;top:0;background:rgba(244,243,239,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.nav-toggle{display:none;border:1px solid var(--line);background:transparent;border-radius:10px;width:42px;height:42px;font-size:18px;cursor:pointer}.nav-overlay{display:none}
.hero-product{perspective:1400px}.window{transition:transform .35s ease,box-shadow .35s ease;box-shadow:0 35px 80px rgba(26,26,26,.16)}.hero-product:hover .window{transform:rotateY(-1.5deg) rotateX(1deg) translateY(-4px);box-shadow:0 45px 100px rgba(26,26,26,.22)}
.flow{position:relative;transition:background .35s ease,border-color .35s ease,transform .35s ease}.flow::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 1px transparent;transition:.35s}.flow.is-live{background:rgba(242,167,59,.08);border-color:rgba(242,167,59,.35);transform:translateX(5px)}.flow.is-live::after{box-shadow:0 0 28px rgba(242,167,59,.10)}.flow.is-live .flow-num{color:var(--acid)}.connector{overflow:hidden;position:relative}.connector::after{content:"";position:absolute;top:0;left:50%;width:1px;height:0;background:var(--acid);transition:height .32s ease}.connector.is-live::after{height:100%}
.product-feature,.mini-products>div{transition:transform .35s ease,box-shadow .35s ease}.product-feature:hover{transform:translateY(-3px)}.screen{overflow:hidden}.screen img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}.product-feature:hover .screen img{transform:scale(1.018)}.mini-products>div:hover{transform:translateY(-4px)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}
footer .brand{width:max-content}footer .brand-logo-wrap{background:var(--ink)}
@media(max-width:900px){.nav-toggle{display:grid;place-items:center;z-index:32}.nav nav{position:fixed;top:0;right:0;width:min(360px,88vw);height:100vh;background:#1A1A1A;color:white;padding:100px 28px 30px;display:flex;flex-direction:column;align-items:stretch;gap:8px;transform:translateX(105%);transition:transform .3s ease;z-index:31}.nav nav.open{transform:none}.nav nav a,.nav nav a:not(.nav-cta){display:block;padding:15px 4px;border-bottom:1px solid #2a2d32}.nav nav .nav-cta{margin-top:14px;text-align:center;background:var(--acid);color:var(--ink);border:0;border-radius:10px}.nav-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:30}.nav-overlay.open{display:block}.nav-open{overflow:hidden}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.window,.flow,.screen img{transition:none}}

/* V2.3 — logo libre + mapa de ecosistema */
.nav{height:88px;background:rgba(26,26,26,.94);border-bottom:1px solid rgba(255,255,255,.09);color:#fff}
.nav .brand{min-width:0;line-height:0}
.nav .brand-logo{width:205px;max-height:58px;height:auto;object-fit:contain;object-position:left center}
.nav .nav-cta{border-color:rgba(255,255,255,.5)}
.nav .nav-cta:hover{background:#fff;color:var(--ink)}
.brand-logo{display:block}
footer{max-width:none;margin:0;padding:60px max(28px,calc((100vw - var(--max))/2));background:var(--ink);color:#8f9299;border-top:0}
footer .brand{min-width:0;width:max-content;line-height:0}
footer .brand-logo{width:220px;max-height:72px;height:auto;object-fit:contain;object-position:left center}
footer div a:hover{color:#fff}
footer>small{border-color:#2a2c31}

.ecosystem{max-width:var(--max);margin:auto;padding:35px 28px 130px}
.ecosystem-head{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:end;margin-bottom:70px}
.ecosystem-head h2{font:550 clamp(40px,5vw,68px)/1.06 'Manrope';letter-spacing:-.05em;margin:0;max-width:900px}
.ecosystem-head p{color:var(--muted);font-size:18px;margin:0;max-width:500px}
.ecosystem-map{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding-top:28px}
.ecosystem-line{position:absolute;left:8%;right:8%;top:51px;height:1px;background:linear-gradient(90deg,transparent,var(--violet) 10%,var(--acid) 50%,var(--violet) 90%,transparent);opacity:.65}
.ecosystem-map article{position:relative;min-height:205px;padding:62px 20px 24px;border:1px solid var(--line);background:rgba(255,255,255,.32);backdrop-filter:blur(10px);transition:transform .3s ease,border-color .3s ease,background .3s ease}
.ecosystem-map article:hover{transform:translateY(-5px);border-color:rgba(192,49,110,.45);background:rgba(255,255,255,.7)}
.ecosystem-map article>span{position:absolute;top:13px;left:50%;transform:translateX(-50%);width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font:600 8px 'Manrope';z-index:2;box-shadow:0 0 0 7px var(--paper)}
.ecosystem-map b{display:block;font:600 9px 'Manrope';letter-spacing:.15em;color:var(--violet);margin-bottom:12px}
.ecosystem-map strong{display:block;font:600 18px/1.2 'Manrope';letter-spacing:-.025em}
.ecosystem-map small{display:block;color:var(--muted);margin-top:10px;font-size:12px}
.ecosystem-core{margin-top:12px;background:var(--ink);color:#fff;padding:28px 32px;display:grid;grid-template-columns:.45fr 1fr 1.25fr;gap:30px;align-items:center;border-radius:2px}
.ecosystem-core>span{color:var(--acid);font:700 11px 'Manrope';letter-spacing:.14em}.ecosystem-core p{margin:0;color:#c6c8cc;font-size:14px}.ecosystem-core>div{color:#777b82;font-size:12px;text-align:right}.ecosystem-core i{font-style:normal;color:var(--acid);padding:0 5px}

@media(max-width:900px){.nav{height:78px}.nav .brand-logo{width:178px;max-height:50px}.nav-toggle{border-color:rgba(255,255,255,.2);color:#fff}.ecosystem-head{grid-template-columns:1fr;gap:25px}.ecosystem-map{grid-template-columns:1fr 1fr}.ecosystem-line{display:none}.ecosystem-map article>span{left:20px;transform:none;box-shadow:none}.ecosystem-core{grid-template-columns:1fr}.ecosystem-core>div{text-align:left}}
@media(max-width:600px){.nav .brand-logo{width:160px;max-height:46px}.ecosystem{padding:20px 20px 90px}.ecosystem-map{grid-template-columns:1fr}.ecosystem-map article{min-height:160px}.ecosystem-core{padding:24px}footer .brand-logo{width:190px}}

/* V2.4 — official palette + premium polish */
::selection{background:var(--acid);color:var(--ink)}
body{background:var(--paper)}
.hero-glow{background:radial-gradient(circle,var(--acid) 0%,rgba(242,167,59,.35) 34%,rgba(192,49,110,.12) 62%,transparent 72%);filter:blur(95px);opacity:.28}
h1 em,h2 em{color:var(--violet)}
.kicker span{background:var(--acid);box-shadow:0 0 0 4px rgba(242,167,59,.18)}
.button.primary{transition:transform .25s ease,background .25s ease,box-shadow .25s ease}.button.primary:hover{background:#000;transform:translateY(-2px);box-shadow:0 12px 30px rgba(26,26,26,.16)}
.nav-cta{transition:.25s ease}.nav .nav-cta:hover{background:var(--acid);border-color:var(--acid);color:var(--ink)}
.window{border:1px solid rgba(242,167,59,.12)}.window-bar small{color:var(--acid);border-color:rgba(242,167,59,.32)}
.flow.is-live{background:rgba(242,167,59,.09);border-color:rgba(242,167,59,.36)}.flow.is-live::after{box-shadow:0 0 30px rgba(242,167,59,.11)}
.journey-grid .signal{background:var(--acid)}.signal small,.signal p{color:#5c431b}
.ecosystem-line{background:linear-gradient(90deg,transparent,var(--magenta,var(--violet)) 10%,var(--acid) 48%,var(--acid) 64%,var(--violet) 90%,transparent)}
.ecosystem-map article:hover{border-color:rgba(192,49,110,.42);background:#fff}
.ecosystem-map article:nth-of-type(4) b{color:var(--violet)}.ecosystem-map article:nth-of-type(4)>span{background:var(--violet)}
.ecosystem-core{box-shadow:0 26px 70px rgba(26,26,26,.12)}
.screen{border-color:rgba(242,167,59,.18);box-shadow:0 38px 90px rgba(0,0,0,.30)}
.product-show em{color:var(--acid)}
.feature-copy>span{color:var(--acid)}
.statement>span{color:var(--violet)}
.submit{background:var(--acid);transition:transform .25s ease,box-shadow .25s ease}.submit:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(242,167,59,.18)}
input:focus,select:focus{outline:1px solid var(--acid);border-color:var(--acid)}
.contact-detail span,.dark a,.ecosystem-core>span,.ecosystem-core i{color:var(--acid)}
/* Magenta is intentionally scarce: conversion / emphasis only. */
.form-status.success{color:var(--acid)}

/* V2.5 — product cockpit */
.product-console{border:1px solid #30312f;border-radius:22px;overflow:hidden;background:#1d1d1c;box-shadow:0 45px 110px rgba(0,0,0,.28)}
.product-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #30312f;background:#181817}
.product-tab{appearance:none;border:0;border-right:1px solid #30312f;background:transparent;color:#777b7e;padding:22px 24px;text-align:left;font:600 13px 'Manrope';cursor:pointer;transition:.3s ease}.product-tab:last-child{border-right:0}.product-tab span{display:block;font-size:9px;letter-spacing:.12em;margin-bottom:7px;color:#555}.product-tab:hover{color:#fafaf7;background:#20201f}.product-tab.active{color:#fafaf7;background:#232321;box-shadow:inset 0 -2px 0 var(--acid)}.product-tab.active span{color:var(--acid)}
.product-stage{display:grid;grid-template-columns:.72fr 1.28fr;min-height:570px}.product-stage-copy{padding:64px 46px;display:flex;flex-direction:column}.product-stage-copy>small{font:600 10px 'Manrope';letter-spacing:.15em;color:var(--acid)}.product-stage-copy h3{font-size:clamp(32px,3.3vw,48px);line-height:1.05;letter-spacing:-.045em;margin:24px 0 18px}.product-stage-copy>p{color:#92959c;font-size:16px;max-width:470px}.product-points{display:grid;gap:0;margin-top:28px;border-top:1px solid #30312f}.product-points span{padding:13px 0;border-bottom:1px solid #30312f;color:#b2b3af;font-size:12px}.product-points span:before{content:'↳';color:var(--acid);margin-right:10px}.stage-status{margin-top:auto;display:flex;align-items:center;gap:9px;color:#696d70;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.stage-status i{width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 5px rgba(242,167,59,.08)}
.product-viewport{margin:34px 34px 34px 0;border:1px solid #363835;border-radius:16px;background:#111;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.38);align-self:stretch}.viewport-top{height:44px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;color:#686b6e;font-size:10px;border-bottom:1px solid #292b29}.viewport-top b{color:#b3b5b1;font-weight:500}.viewport-top>div{display:flex;gap:5px}.viewport-top i{width:6px;height:6px;border-radius:50%;background:#343633}.viewport-image{height:calc(100% - 44px);position:relative;overflow:hidden;background:#171717}.viewport-image img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:opacity .18s ease,transform .65s cubic-bezier(.2,.8,.2,1)}.product-console.switching .viewport-image img{opacity:.18;transform:scale(.985)}.scanline{position:absolute;inset:-30% 0 auto;height:26%;background:linear-gradient(180deg,transparent,rgba(242,167,59,.035),transparent);pointer-events:none;animation:scanProduct 7s linear infinite}@keyframes scanProduct{to{transform:translateY(520%)}}
.product-console.switching .product-stage-copy{opacity:.7}.product-stage-copy{transition:opacity .2s ease}
@media(max-width:900px){.product-stage{grid-template-columns:1fr}.product-viewport{margin:0 24px 24px;min-height:440px}.product-stage-copy{padding:44px 28px}.stage-status{margin-top:30px}}
@media(max-width:600px){.product-tabs{grid-template-columns:1fr}.product-tab{border-right:0;border-bottom:1px solid #30312f;padding:14px 18px}.product-tab span{display:inline;margin-right:10px}.product-stage-copy{padding:34px 20px}.product-viewport{margin:0 14px 14px;min-height:310px}.scanline{display:none}}
@media(prefers-reduced-motion:reduce){.scanline{animation:none}.viewport-image img{transition:none}}
/* V2.6 — producto más evidente + capa de confianza */
.explore-hint{display:flex;align-items:center;gap:14px;margin-top:24px;font-size:11px;letter-spacing:.14em;text-transform:uppercase}.explore-hint span{background:#F2A73B;color:#1A1A1A;padding:9px 12px;border-radius:999px;font-weight:800}.explore-hint i{font-style:normal;color:rgba(250,250,247,.62)}
.product-tabs{position:relative}.product-tabs:before{content:'INTERACTIVO';position:absolute;right:18px;top:-27px;font-size:9px;letter-spacing:.18em;color:#F2A73B;font-weight:800}.product-tab{cursor:pointer}.product-tab.active{box-shadow:inset 0 -2px 0 #F2A73B}.product-tab:focus-visible{outline:2px solid #F2A73B;outline-offset:-4px}
.trust-layer{background:#FAFAF7;color:#1A1A1A;padding:110px max(6vw,28px)}.trust-head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:60px;align-items:end;margin:30px 0 56px}.trust-head h2{font-size:clamp(42px,6vw,82px);line-height:.95;letter-spacing:-.055em;margin:0}.trust-head h2 em{font-style:normal;color:#C0316E}.trust-head p{font-size:18px;line-height:1.55;color:#5c5a56;margin:0}.trust-steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d9d7d0;border-bottom:1px solid #d9d7d0}.trust-steps article{padding:34px 30px 38px 0}.trust-steps article+article{border-left:1px solid #d9d7d0;padding-left:30px}.trust-steps span{font-size:11px;letter-spacing:.14em;color:#C0316E;font-weight:800}.trust-steps b{display:block;font-size:25px;margin:20px 0 10px}.trust-steps p{color:#66635e;line-height:1.55;margin:0}.trust-callout{margin-top:36px;background:#1A1A1A;color:#FAFAF7;padding:24px 28px;display:flex;justify-content:space-between;gap:30px;align-items:center}.trust-callout strong{font-size:20px}.trust-callout span{color:#c8c5bd;max-width:590px}
@media(max-width:760px){.trust-layer{padding:76px 22px}.trust-head{grid-template-columns:1fr;gap:24px}.trust-steps{grid-template-columns:1fr}.trust-steps article,.trust-steps article+article{padding:26px 0;border-left:0;border-bottom:1px solid #d9d7d0}.trust-steps article:last-child{border-bottom:0}.trust-callout{align-items:flex-start;flex-direction:column}.explore-hint{align-items:flex-start;flex-direction:column;gap:8px}.product-tabs:before{display:none}}

/* V2.8 — cockpit unmistakable */
.product-console{position:relative}
.cockpit-badge{position:absolute;z-index:8;right:20px;top:18px;display:flex;align-items:center;gap:7px;font:800 9px 'Manrope';letter-spacing:.14em;color:#F2A73B;pointer-events:none}.cockpit-badge span{width:7px;height:7px;border-radius:50%;background:#F2A73B;box-shadow:0 0 0 5px rgba(242,167,59,.09);animation:livePulse 1.8s ease-in-out infinite}.cockpit-badge b{color:#555;font-weight:400}@keyframes livePulse{50%{box-shadow:0 0 0 9px rgba(242,167,59,0)}}
.product-tabs{padding-right:190px}.product-tab{position:relative}.product-tab:after{content:'ABRIR';position:absolute;right:22px;top:50%;transform:translateY(-50%);font:800 8px 'Manrope';letter-spacing:.12em;color:#5f615f;opacity:0;transition:.2s}.product-tab:hover:after,.product-tab:focus-visible:after{opacity:1}.product-tab.active:after{content:'EN PANTALLA';opacity:1;color:#F2A73B}
.product-viewport{position:relative}.viewport-image:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);pointer-events:none}.screen-callout{position:absolute;z-index:4;left:18px;bottom:18px;max-width:360px;display:flex;gap:12px;align-items:flex-start;padding:13px 15px;border:1px solid rgba(242,167,59,.3);border-radius:12px;background:rgba(26,26,26,.88);backdrop-filter:blur(12px);box-shadow:0 18px 45px rgba(0,0,0,.28);transition:opacity .18s ease,transform .35s ease}.screen-callout>span{display:grid;place-items:center;min-width:29px;height:29px;border-radius:50%;background:#F2A73B;color:#1A1A1A;font:800 10px 'Manrope'}.screen-callout div{display:grid;gap:3px}.screen-callout small{font:700 8px 'Manrope';letter-spacing:.13em;color:#F2A73B}.screen-callout b{font:600 11px/1.35 'Manrope';color:#FAFAF7}.product-console.switching .screen-callout{opacity:0;transform:translateY(8px)}
@media(max-width:900px){.product-tabs{padding-right:0;padding-top:42px}.cockpit-badge{left:20px;right:auto;top:17px}.product-tabs:before{display:none}}
@media(max-width:600px){.product-tabs{padding-top:40px}.product-tab:after{display:none}.screen-callout{left:10px;right:10px;bottom:10px;max-width:none}.screen-callout b{font-size:10px}}
@media(prefers-reduced-motion:reduce){.cockpit-badge span{animation:none}}

/* Real platform showcase */
.platforms-home{background:#efede8;color:#1a1a1a;padding:90px 28px}.platforms-home-inner{max-width:1180px;margin:0 auto}.platforms-home-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin:18px 0 32px}.platforms-home-head h2{font:800 clamp(30px,4vw,51px)/1.12 Manrope,sans-serif;letter-spacing:-.04em;max-width:650px;margin:0}.platforms-home-head p{max-width:360px;line-height:1.6;color:#5b5853}.platforms-home picture{display:block;background:#fafaf7;border:1px solid #dedbd3;box-shadow:0 22px 55px #1a1a1a12}.platforms-home img{display:block;width:100%;height:auto}.platforms-home a{display:inline-block;margin-top:24px;font:700 14px Manrope,sans-serif;text-decoration:none;border-bottom:2px solid #f2a73b;padding-bottom:6px}@media(max-width:760px){.platforms-home{padding:60px 20px}.platforms-home-head{display:block}.platforms-home-head p{margin-top:20px}}

/* SEO product navigation */
.seo-product-links{padding:95px 28px;background:#fafaf7}.seo-product-inner{max-width:1180px;margin:auto}.seo-eyebrow{font:800 11px Manrope,sans-serif;text-transform:uppercase;letter-spacing:.16em;color:#c0316e}.seo-product-inner h2{font:700 clamp(36px,5vw,60px)/1.12 Manrope,sans-serif;letter-spacing:-.05em;margin:18px 0}.seo-product-inner>p{max-width:660px;color:#66615c}.seo-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:35px;border-top:1px solid #d9d6d0;border-left:1px solid #d9d6d0}.seo-product-grid a{padding:30px;border-right:1px solid #d9d6d0;border-bottom:1px solid #d9d6d0;text-decoration:none;display:flex;flex-direction:column;gap:18px;transition:background .2s}.seo-product-grid a:hover{background:#eeeae3}.seo-product-grid span{color:#c0316e;font:800 11px Manrope,sans-serif}.seo-product-grid strong{font:700 24px Manrope,sans-serif;letter-spacing:-.04em}.seo-product-grid small{font-size:13px;color:#615d58}@media(max-width:760px){.seo-product-links{padding:65px 20px}.seo-product-grid{grid-template-columns:1fr}}

/* Commercial solution selection */
.cl-choice{background:#fafaf7;padding:82px 28px;color:#1a1a1a}.cl-choice-inner{max-width:1324px;margin:auto}.cl-choice-inner>span{font:800 11px Manrope,sans-serif;color:#c0316e;letter-spacing:.13em}.cl-choice h2{font:800 clamp(30px,4vw,54px)/1.13 Manrope,sans-serif;max-width:800px;margin:15px 0}.cl-choice-inner>p{max-width:800px;color:#68645d}.cl-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:32px}.cl-choice-grid article{border:1px solid #dedbd5;padding:25px 20px;display:flex;flex-direction:column;min-height:245px}.cl-choice-grid strong{font:800 19px/1.3 Manrope,sans-serif}.cl-choice-grid p{font-size:14px;color:#666;line-height:1.6}.cl-choice-grid a{margin-top:auto;font:800 13px Manrope,sans-serif;border-bottom:2px solid #f2a73b;align-self:flex-start;padding-bottom:5px}.cl-choice-last{margin-top:25px!important}.cl-choice-last a{font-weight:800;text-decoration:underline;text-decoration-color:#f2a73b;text-underline-offset:5px}@media(max-width:1000px){.cl-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.cl-choice{padding:58px 20px}.cl-choice-grid{grid-template-columns:1fr}.cl-choice-grid article{min-height:0}.cl-choice-grid a{margin-top:18px}}

/* Custom software expansion — home */
.cl-custom{margin-top:18px;background:#20201f;color:#fafaf7;padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.cl-custom span{display:block;font:800 10px Manrope,sans-serif;letter-spacing:.13em;color:#f2a73b;margin-bottom:8px}
.cl-custom h3{font:800 clamp(20px,2.3vw,28px)/1.2 Manrope,sans-serif;margin:0 0 8px}
.cl-custom p{font-size:14px;color:#d0ceca;margin:0;max-width:680px}
.cl-custom>a{flex-shrink:0;border-bottom:2px solid #f2a73b;padding-bottom:7px;font:800 13px Manrope,sans-serif}
@media(max-width:720px){.cl-custom{flex-direction:column;align-items:flex-start;padding:25px 20px}}
