:root { --ink:#13251e; --green:#176b49; --green-dark:#0d4932; --lime:#bce784; --cream:#f5f4ee; --muted:#66726c; --line:#dfe3dd; --white:#fff; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--cream); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color: inherit; }
.skip-link { position: fixed; left: 12px; top: 12px; z-index: 100; transform: translateY(-150%); border-radius: 8px; padding: 9px 12px; color: white; background: var(--ink); }
.skip-link:focus { transform: translateY(0); }
:focus-visible { outline: 3px solid rgba(23,107,73,.35); outline-offset: 3px; }
.landing-header { max-width: 1180px; margin: auto; padding: 22px 24px; display: flex; align-items: center; justify-content: space-between; }
.landing-brand { display: inline-flex; align-items: center; gap: 9px; color: var(--ink); text-decoration: none; font: 800 19px "Manrope", sans-serif; }
.landing-brand span { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; color: var(--lime); background: var(--ink); }
.pilot-link { color: var(--green-dark); font-size: 13px; font-weight: 700; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.hero { max-width: 1180px; min-height: 630px; margin: auto; padding: 80px 24px 100px; display: grid; grid-template-columns: 1.28fr .72fr; gap: 80px; align-items: center; }
.kicker { display: block; color: var(--green); font-size: 10px; font-weight: 800; letter-spacing: 1.4px; }
.kicker.light { color: var(--lime); }
h1,h2,h3 { font-family: "Manrope", sans-serif; }
h1 { max-width: 770px; margin: 18px 0; font-size: clamp(43px, 6.3vw, 76px); line-height: .99; letter-spacing: -3.7px; }
.hero-copy > p { max-width: 650px; margin: 0 0 30px; color: var(--muted); font-size: 18px; line-height: 1.65; }
.primary-cta { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; border: 0; border-radius: 10px; padding: 0 22px; color: white; background: var(--green); font: 700 13px "DM Sans", sans-serif; text-decoration: none; cursor: pointer; }
.primary-cta:hover { background: var(--green-dark); }
.hero-copy > small { display: block; margin-top: 12px; color: var(--muted); font-size: 11px; }
.result-card { padding: 31px; border-radius: 22px; color: white; background: var(--ink); box-shadow: 0 24px 60px rgba(19,37,30,.18); transform: rotate(1deg); }
.result-card > span { color: var(--lime); font-size: 10px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; }
.result-card > strong { display: block; margin-top: 21px; font: 800 44px "Manrope", sans-serif; letter-spacing: -2px; }
.result-card > p { margin: 0 0 25px; color: #c9d2ce; }
.result-card ul { list-style: none; padding: 18px 0; margin: 0; border-top: 1px solid #34483f; border-bottom: 1px solid #34483f; }
.result-card li { display: flex; gap: 9px; padding: 7px 0; font-size: 13px; }
.result-card li b { color: var(--lime); }
.result-card > small { display: block; margin-top: 18px; color: #9cada5; font-size: 9px; line-height: 1.5; }
.section-shell { max-width: 1180px; margin: 0 auto; padding: 92px 24px; }
.section-heading { max-width: 760px; }
.section-heading.centered { margin: auto; text-align: center; }
.section-heading h2, .pilot h2, .request h2 { margin: 13px 0 0; font-size: clamp(31px, 4.3vw, 51px); line-height: 1.08; letter-spacing: -2px; }
.problem-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin-top: 45px; }
.problem-grid article { padding: 26px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.66); }
.problem-grid article > span { color: var(--green); font: 800 11px "Manrope", sans-serif; }
.problem-grid h3 { margin: 35px 0 8px; font-size: 18px; }
.problem-grid p, .steps-grid p, .privacy-grid p, .request > div > p { color: var(--muted); font-size: 13px; line-height: 1.65; }
.steps { border-top: 1px solid var(--line); }
.steps-grid { list-style: none; padding: 0; margin: 50px 0 0; display: grid; gap: 12px; }
.steps-grid li { display: grid; grid-template-columns: 68px 1fr; align-items: center; gap: 20px; padding: 22px; border-radius: 14px; background: white; }
.steps-grid li > span { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50%; color: var(--lime); background: var(--ink); font-weight: 800; }
.steps-grid h3, .steps-grid p { margin: 0; }
.steps-grid p { margin-top: 5px; }
.pilot { max-width: 1132px; display: grid; grid-template-columns: 1fr 1fr; gap: 65px; padding: 58px; border-radius: 25px; color: white; background: var(--green-dark); }
.pilot > div > p { color: #cbd9d2; line-height: 1.65; }
.pilot-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0; }
.pilot-facts div { padding: 18px; border-radius: 13px; background: rgba(255,255,255,.08); }
.pilot-facts dt { color: #b6c9c0; font-size: 10px; }
.pilot-facts dd { margin: 8px 0 0; font: 700 18px "Manrope", sans-serif; }
.privacy-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-top: 35px; }
.faq { border-top: 1px solid var(--line); }
.faq-list { margin-top: 35px; border-top: 1px solid var(--line); }
details { border-bottom: 1px solid var(--line); padding: 19px 3px; }
summary { cursor: pointer; font: 700 15px "Manrope", sans-serif; }
details p { max-width: 760px; color: var(--muted); line-height: 1.65; }
.request { display: grid; grid-template-columns: .8fr 1.2fr; gap: 60px; margin-bottom: 80px; border-radius: 24px; background: white; box-shadow: 0 16px 60px rgba(19,37,30,.07); }
.pilot-form { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.pilot-form label { display: grid; gap: 6px; color: var(--muted); font-size: 10px; font-weight: 700; }
.pilot-form input, .pilot-form select, .pilot-form textarea { width: 100%; border: 1px solid var(--line); border-radius: 9px; padding: 11px 12px; color: var(--ink); background: #fbfcfa; font: 12px "DM Sans", sans-serif; }
.pilot-form input:focus, .pilot-form select:focus, .pilot-form textarea:focus { outline: 3px solid rgba(23,107,73,.13); border-color: var(--green); }
.pilot-form .wide { grid-column: 1/-1; }
.consent { grid-template-columns: auto 1fr !important; align-items: start; font-weight: 400 !important; line-height: 1.45; }
.consent input { width: auto; margin: 2px 0 0; }
.form-message { min-height: 16px; margin: 0; color: #a34332; font-size: 11px; }
.landing-footer { max-width: 1180px; margin: auto; padding: 30px 24px 45px; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid var(--line); }
.landing-footer p { color: var(--muted); font-size: 11px; }
.landing-footer nav { display: flex; gap: 14px; flex-wrap: wrap; }
.landing-footer nav a { color: var(--muted); font-size: 10px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; } }
@media (max-width: 800px) {
  .hero, .pilot, .request { grid-template-columns: 1fr; }
  .hero { min-height: auto; padding-top: 55px; gap: 45px; }
  h1 { letter-spacing: -2.4px; }
  .result-card { transform: none; }
  .problem-grid, .privacy-grid { grid-template-columns: 1fr; }
  .pilot { border-radius: 0; padding: 50px 24px; }
  .request { margin-bottom: 35px; border-radius: 0; }
}
@media (max-width: 520px) {
  .pilot-link { font-size: 11px; }
  .hero { padding-bottom: 70px; }
  .section-shell { padding: 70px 18px; }
  .problem-grid { gap: 10px; }
  .pilot-facts, .pilot-form { grid-template-columns: 1fr; }
  .pilot-form .wide { grid-column: auto; }
  .steps-grid li { grid-template-columns: 46px 1fr; gap: 12px; padding: 17px; }
  .steps-grid li > span { width: 40px; height: 40px; }
  .landing-footer { display: grid; gap: 15px; }
}

.calculator { border-top: 1px solid var(--line); }
.calculator .section-heading > p { color: var(--muted); line-height: 1.65; max-width: 650px; }
.calculator-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-top: 36px; }
.calculator-form { display: grid; gap: 18px; padding: 28px; border: 1px solid var(--line); border-radius: 18px; background: white; }
.calculator-form label { display: grid; gap: 9px; font-size: 13px; font-weight: 700; }
.calculator-form input { width: 100%; padding: 13px; border: 1px solid #cbd6cf; border-radius: 9px; font: inherit; }
.calculator-result { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 30px; border-radius: 18px; background: var(--ink); color: white; }
.calculator-result > span { color: var(--lime); font-size: 12px; font-weight: 700; }
.calculator-result strong { font-size: clamp(24px,3.6vw,40px); line-height: 1.15; }
.calculator-result p { margin: 0; font-size: 17px; }
.calculator-result small { color: #c9d2ce; line-height: 1.6; }
.calculator-result .primary-cta { margin-top: auto; background: var(--lime); color: var(--ink); }
.calculator-result .primary-cta:hover { background: white; }
@media(max-width:800px) { .calculator-grid { grid-template-columns: 1fr; } }

.header-nav,.hero-actions {display:flex;align-items:center;flex-wrap:wrap;gap:20px}
.hero-actions {gap:14px}
.demo-link,.secondary-cta {font-size:13px;font-weight:750;color:var(--green-dark);text-decoration:none}
.secondary-cta {display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 16px;border:1px solid #b7cbc0;border-radius:10px;background:transparent;cursor:pointer;font-family:inherit}
.secondary-cta:hover,.demo-link:hover {background:#e6efe7}
.demo-section {border-top:1px solid var(--line)}
.demo-section .section-heading p {color:var(--muted);line-height:1.7}
.demo-grid {display:grid;grid-template-columns:1.35fr .65fr;gap:24px;margin-top:38px}
.sample-report {background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 14px 38px #13251e0a}
.report-head {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px;border-bottom:1px solid var(--line)}
.report-head span {color:var(--green);font-weight:800;font-size:10px;letter-spacing:.09em}
.sample-item {display:flex;justify-content:space-between;gap:14px;padding:20px 22px;border-bottom:1px solid var(--line)}
.sample-item > div {display:flex;flex-direction:column;gap:7px}
.sample-item > div:last-child {text-align:right}
.sample-item strong,.sample-item b {font-size:14px}
.sample-item b {color:var(--green-dark)}
.sample-item small,.report-foot small {font-size:11px;color:var(--muted)}
.report-foot {padding:22px;display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:13px}
.report-foot strong {font-size:23px;color:var(--green-dark)}
.report-foot small {width:100%}
.report-steps {display:grid;gap:13px}
.report-steps > div {padding:16px;border:1px solid var(--line);border-radius:13px}
.report-steps span {font-size:10px;color:var(--green);font-weight:800}
.report-steps h3 {font-size:16px;margin:5px 0}
.report-steps p {margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.form-explainer {margin:0;color:var(--muted);font-size:11px;line-height:1.6}
@media(max-width:800px) {.demo-grid {grid-template-columns:1fr}.landing-header {gap:15px}.header-nav {gap:12px}}
@media(max-width:520px) {.demo-link {font-size:11px}.hero-actions > * {width:100%}.sample-item {padding:16px 12px}.sample-item strong,.sample-item b {font-size:12px}.report-head {padding:16px 12px}}

.clear-warning {padding:14px 16px;border-left:4px solid var(--green);background:#e9f1e9;color:var(--ink)!important;font-size:13px!important;line-height:1.6!important;margin-bottom:22px!important}
.demo-cta {text-align:center;padding-top:25px;padding-bottom:35px}.demo-main-cta {font-size:16px;min-height:62px;padding:14px 30px}.demo-cta p {font-size:12px;color:var(--muted)}.contact-placeholder {font-size:12px!important;color:var(--green-dark)!important}.contact-placeholder strong{overflow-wrap:anywhere}
.hero {min-height:auto;padding-top:64px;padding-bottom:65px}.hero-copy h1 {font-size:clamp(33px,4.5vw,58px);letter-spacing:-2px;line-height:1.08}.result-card {transform:none}
@media(max-width:520px){.demo-main-cta {width:100%;font-size:14px}.hero-copy h1{font-size:34px}.section-shell{padding-top:55px;padding-bottom:55px}}

/* Pantallas estrechas: evitar desbordes de tarjetas y permitir scroll solo en tablas. */
html,body {max-width:100%}
.landing-header,.hero,.section-shell,.landing-footer {min-width:0}
.hero > *, .demo-grid > *, .calculator-grid > *, .request > *, .pilot > * {min-width:0}
.pilot-form input,.pilot-form select,.pilot-form textarea,.calculator-form input {min-width:0;max-width:100%}
.sample-report {max-width:100%;overflow-x:auto}
.sample-item {min-width:0}
.sample-item > div {min-width:0;overflow-wrap:anywhere}
.demo-section table,.table-wrap table {min-width:580px}
.demo-section .table-wrap,.table-wrap {max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
@media (max-width:420px) {
 .landing-header {padding:16px;align-items:flex-start}
 .landing-brand {flex-shrink:0}
 .header-nav {justify-content:flex-end;gap:8px}
 .header-nav a {min-height:44px;display:inline-flex;align-items:center}
 .hero {padding:35px 16px 42px}
 .hero-copy h1 {font-size:clamp(29px,8vw,34px);letter-spacing:-1px;overflow-wrap:anywhere}
 .hero-actions {display:grid;grid-template-columns:1fr}
 .primary-cta,.secondary-cta,.pilot-link,.demo-link {min-height:44px}
 .hero-actions .primary-cta,.hero-actions .secondary-cta {width:100%;text-align:center}
 .section-shell {padding-left:16px;padding-right:16px}
 .sample-item {flex-wrap:wrap}
 .sample-item > div:last-child {text-align:left}
 .request,.pilot {padding-left:16px;padding-right:16px}
 .pilot-form {grid-template-columns:minmax(0,1fr)}
 .calculator-form {padding:18px}
 .calculator-result {padding:20px}
}

.connectivity-strip{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 20px;background:#e5f2eb;color:#0f5137;font:12px/1.5 system-ui}.connectivity-strip.is-offline{background:#fff0e6;color:#8b4115}.connectivity-strip>div{display:flex;gap:10px;flex-wrap:wrap}.connectivity-strip button,.install-help button{font:inherit;border:1px solid currentColor;background:transparent;color:inherit;border-radius:7px;padding:5px 9px;cursor:pointer}.install-help{border:0;border-radius:14px;padding:24px;max-width:min(480px,calc(100vw - 28px));color:#17221d;font:14px/1.6 system-ui}.install-help::backdrop{background:#0007}.install-help h2{font-size:22px}.install-help button{margin-top:12px}[hidden]{display:none!important}@media(max-width:700px){.connectivity-strip{align-items:flex-start;flex-direction:column;padding:10px 18px}}

/* Acceso al panel visible también al final de la presentación. */
.workspace-nav{position:sticky;top:0;z-index:30;display:flex;justify-content:center;gap:10px;padding:10px 18px;background:#f5f4eefa;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.workspace-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 20px;border:1px solid #c8d8ce;border-radius:10px;color:var(--green-dark);background:white;font-size:14px;font-weight:700;text-decoration:none;line-height:1.3;text-align:center}
.workspace-nav a:hover{background:#e5f2eb}.tool-launcher{max-width:1180px;margin:0 auto;padding:34px 24px 18px}.tool-launcher h2{margin:10px 0 20px;font-size:clamp(25px,4vw,36px);line-height:1.2;letter-spacing:-1px}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tool-grid>a{display:flex;flex-direction:column;gap:12px;padding:22px;border:1px solid #c8d8ce;border-radius:14px;background:white;text-decoration:none;min-width:0}.tool-grid strong{display:flex;justify-content:space-between;gap:10px;font-size:17px;line-height:1.35}.tool-grid>a>span{font-size:14px;line-height:1.6;color:var(--muted)}.tool-grid>a:hover{border-color:var(--green);background:#eef6ef}
@media(max-width:760px){body{padding-bottom:calc(98px + env(safe-area-inset-bottom,0px))}.workspace-nav{position:fixed;top:auto;bottom:0;left:0;right:0;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));gap:7px;box-shadow:0 -4px 22px #13251e12}.workspace-nav a{flex:1;min-width:0;min-height:48px;padding:8px 5px;font-size:13px}.tool-launcher{padding:24px 18px 12px}.tool-grid{grid-template-columns:1fr}.tool-grid>a{padding:18px;gap:6px}}
.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:960px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.workspace-nav a{font-size:12px;padding:8px 3px}}
@media(max-width:520px){.tool-grid{grid-template-columns:1fr}}

/* Preparación transparente de solicitudes de piloto, adaptable a móvil. */
.pilot-contact-notice{margin:0;padding:12px 15px;border:1px solid #d4dcd6;border-radius:10px;background:#f5f8f5;color:var(--ink);font-size:13px;line-height:1.55}
.pilot-preview{min-width:0;padding:18px;border:1px solid #b9d4c3;border-radius:12px;background:#f4f9f6}
.pilot-preview>strong{display:block;font-size:16px;color:var(--green-dark)}
.pilot-preview>p{font-size:12px;line-height:1.65;color:var(--muted)}
.pilot-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:340px;overflow:auto;padding:14px;background:white;border:1px solid var(--line);border-radius:9px;font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}
.pilot-preview[hidden],#pilotEmailButton[hidden]{display:none!important}
.pilot-form input,.pilot-form textarea,.pilot-form select{min-height:44px;min-width:0;font-size:16px}
.pilot-form .primary-cta,.pilot-form .secondary-cta{min-height:48px;white-space:normal;line-height:1.4;text-align:center}
@media(max-width:520px){.pilot-preview{padding:12px}.pilot-preview pre{font-size:12px;padding:10px}.pilot-contact-notice{font-size:12px}}


/* ZARVIQO INTELLIGENCE — hero WebGL2 con fallback CSS, sin bloquear la página. */
.landing-header{max-width:none;padding:20px max(24px,calc((100vw - 1240px)/2));background:#071d18;color:#effff3}
.landing-header .landing-brand{color:#f0fff5;letter-spacing:.07em}
.landing-header .landing-brand span{background:#bde887;color:#09251b}
.landing-header .demo-link{color:#d2f6df}
.landing-header .pilot-link{color:#a9f5b9;text-decoration:none;border:1px solid #426455;border-radius:9px;padding:12px 16px}
.landing-header .pilot-link:hover{background:#163a2d}
.workspace-nav{background:#0a241c;position:relative;z-index:3;border:0;border-top:1px solid #ffffff15;padding:9px 18px}
.workspace-nav a{background:#14392c;color:#d6f8df;border:1px solid #2b5a45;font-size:12px;min-height:40px}
.workspace-nav a:hover{background:#20543e}
.hero.hero-experience{position:relative;isolation:isolate;max-width:none;margin:0;min-height:700px;padding:68px max(24px,calc((100vw - 1240px)/2)) 88px;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);align-items:center;gap:clamp(28px,4vw,74px);background:radial-gradient(ellipse 65% 90% at 78% 38%,#194a37 0%,transparent 72%),linear-gradient(125deg,#071d18 3%,#0c3024 52%,#051913 100%);overflow:hidden;color:#f0fff4}
.hero.hero-experience::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent 15%,#000 100%);pointer-events:none}
.hero-experience .hero-copy{position:relative;z-index:2}
.hero-experience .hero-kicker{display:flex;align-items:center;gap:10px;color:#a9f4c4;font-size:11px;letter-spacing:.17em;line-height:1.5}
.hero-live-dot{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:#b2f29b;box-shadow:0 0 0 5px #b2f29b19,0 0 20px #a8f5b8}
.hero-experience .hero-copy h1{max-width:700px;margin:24px 0 25px;color:#f2fff7;font-size:clamp(38px,4.1vw,66px);line-height:1.08;letter-spacing:-.048em;font-weight:800;overflow-wrap:normal}
.hero-gradient{display:block;color:#bde98f;background:linear-gradient(110deg,#f0ffdc,#b7ef9e 50%,#79cfa7);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-experience .hero-copy>p:not(.hero-legal){max-width:590px;margin:0 0 30px;color:#b8d2c6;font-size:clamp(15px,1.5vw,18px);line-height:1.75}
.hero-experience .hero-actions{gap:12px;align-items:stretch}
.hero-experience .hero-primary{background:#bde98f;color:#0c291b;border-radius:12px;min-height:54px;font-size:14px;font-weight:800;gap:18px}
.hero-experience .hero-primary:hover{background:#d5ffb6}
.hero-experience .hero-secondary{border-color:#527764;color:#e7fff0;background:#ffffff08;border-radius:12px;min-height:54px;gap:14px}
.hero-experience .hero-secondary:hover{background:#ffffff18}
.hero-trust{display:flex;flex-wrap:wrap;gap:12px 22px;margin:32px 0 15px;color:#d0e6d7;font-size:11px;font-weight:600;line-height:1.5}
.hero-trust>span{display:inline-flex;align-items:center;gap:7px}
.hero-trust>span>span{color:#bce98d}
.hero-experience .hero-copy>.hero-legal{margin:0;max-width:560px;font-size:11px;line-height:1.7;color:#a4b9ad}
.hero-stage{position:relative;width:100%;height:clamp(410px,41vw,555px);min-width:0;overflow:hidden;isolation:isolate;border:1px solid #9ddab236;border-radius:30px;background:radial-gradient(ellipse at 50% 42%,#205e45 0%,#10382b 32%,#08231b 70%,#051a15 100%);box-shadow:inset 0 0 100px #001d1360,0 32px 100px #00000033}
.hero-stage::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:repeating-linear-gradient(0deg,transparent 0 53px,#9dc5ae0a 54px),repeating-linear-gradient(90deg,transparent 0 53px,#9dc5ae0a 54px);mask-image:radial-gradient(ellipse at 50% 60%,#000,transparent 76%)}
.hero-stage-aura{position:absolute;z-index:0;width:90%;aspect-ratio:1;top:3%;left:5%;border-radius:50%;background:radial-gradient(circle,#9fffbd25,transparent 67%);filter:blur(24px)}
.hero-orb-fallback{position:absolute;z-index:1;left:50%;top:48%;width:min(68%,320px);aspect-ratio:1;transform:translate(-50%,-50%);filter:drop-shadow(0 0 50px #84efab3a)}
.orb-core{position:absolute;inset:16%;border-radius:50%;background:radial-gradient(circle at 30% 24%,#d7ffdbb0,#73dfb263 21%,#18664e 55%,#0b3329 76%,#b3f6b03b 98%);border:1px solid #a6ffc160;box-shadow:inset -23px -22px 44px #042e27, inset 18px 14px 38px #c7ffd045,0 0 70px #65d99a25}
.orb-ring{position:absolute;inset:4%;border:2px solid #c1ffc28c;border-radius:50%;box-shadow:0 0 16px #a3f5bd42,inset 0 0 15px #a3f5bd30;transform:rotateX(68deg) rotateZ(28deg)}
.orb-ring-two{inset:0;border-color:#78b9ef8c;transform:rotateY(66deg) rotateZ(40deg)}
.orb-ring-three{inset:1%;border-color:#c5ffca5a;transform:rotateX(32deg) rotateY(46deg)}
#heroCanvas{position:absolute;z-index:2;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .45s ease;touch-action:pan-y;pointer-events:none}
.hero-stage.is-webgl #heroCanvas{opacity:1}
.hero-stage.is-webgl .hero-orb-fallback{opacity:0}
.hero-stage-label{position:absolute;z-index:3;left:24px;right:24px;display:flex;align-items:center;gap:9px;pointer-events:none;color:#d2f5df;font:700 10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.15em}
.hero-stage-label-top{top:24px}
.hero-stage-label-bottom{bottom:26px;justify-content:center;font-size:9px;color:#a8d7bb;letter-spacing:.12em}
.hero-stage-label-bottom span{color:#b9f3a6}
.hero-label-index{margin-left:auto;color:#89b69b}
.hero-signal{width:7px;height:7px;border-radius:50%;background:#bde98f;box-shadow:0 0 14px #bde98f}
.hero-stage-chip{position:absolute;z-index:3;max-width:70%;padding:11px 14px;border:1px solid #b2f9bd52;border-radius:10px;background:#0b3328b8;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);box-shadow:0 8px 22px #0003;color:#e3ffeb;font:700 9px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.07em;pointer-events:none}
.hero-stage-chip span{color:#b7f397;font-size:15px;margin-right:6px}
.hero-chip-one{top:26%;left:4%}
.hero-chip-two{bottom:23%;right:4%}
#heroMotionToggle{position:absolute;z-index:5;right:18px;top:55px;min-height:36px;padding:8px 11px;background:#09271fce;color:#e8ffed;border:1px solid #6a9d7c;border-radius:8px;font-size:11px;cursor:pointer}
#heroMotionToggle:focus-visible{outline:3px solid #c9ff9a}
.hero-proof{background:#e7f2e8;border-bottom:1px solid #d4e3d7}
.hero-proof-inner{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.1fr 1.25fr auto;align-items:center;gap:24px;padding:24px}
.hero-proof-inner>div:first-child{display:flex;flex-direction:column;gap:6px}
.hero-proof-inner>div:first-child>strong{font-size:clamp(15px,1.8vw,21px);line-height:1.3}
.hero-proof-equation{display:grid;grid-template-columns:auto auto;align-items:center;gap:3px 15px}
.hero-proof-equation>span{font-size:15px;font-weight:700}
.hero-proof-equation>span b{color:#2b8e55;margin:0 7px}
.hero-proof-equation>strong{color:#176b49;font-size:24px;white-space:nowrap}
.hero-proof-equation>small{grid-column:1/-1;color:#4b6354;font-size:10px;line-height:1.4}
.hero-proof-inner>a{font-size:12px;font-weight:800;color:#0b5636;text-decoration:none;white-space:nowrap}
.hero-proof-inner>a:hover{text-decoration:underline}
.tool-launcher{padding-top:62px;padding-bottom:30px}
@media(max-width:1040px){
  .hero.hero-experience{gap:24px;padding-left:26px;padding-right:26px}
  .hero-experience .hero-copy h1{font-size:clamp(36px,4.2vw,54px)}
  .hero-stage{height:460px}
  .hero-stage-chip{font-size:8px}
  .hero-proof-inner{grid-template-columns:1fr 1fr}
  .hero-proof-inner>a{grid-column:1/-1}
}
@media(max-width:800px){
  .hero.hero-experience{grid-template-columns:minmax(0,1fr);gap:30px;padding:45px 22px 42px;min-height:0}
  .hero-experience .hero-copy h1{max-width:680px;font-size:clamp(37px,7vw,56px);letter-spacing:-.04em}
  .hero-stage{height:min(65vw,460px);min-height:330px;max-width:650px;margin:0 auto}
  .hero-proof-inner{grid-template-columns:1fr;gap:15px;padding:24px 22px}
  .hero-proof-inner>a{grid-column:auto}
}
@media(max-width:520px){
  .landing-header{padding:16px}
  .landing-header .pilot-link{padding:7px 9px}
  .hero.hero-experience{padding:38px 16px 38px;gap:28px}
  .hero-experience .hero-kicker{font-size:9px}
  .hero-experience .hero-copy h1{font-size:clamp(35px,9vw,46px);letter-spacing:-.04em}
  .hero-experience .hero-copy>p:not(.hero-legal){font-size:15px}
  .hero-experience .hero-actions{display:grid;grid-template-columns:1fr}
  .hero-experience .hero-actions>*{width:100%}
  .hero-trust{gap:10px 14px;font-size:10px;margin-top:25px}
  .hero-stage{height:365px;min-height:0;border-radius:20px}
  .hero-stage-label{left:14px;right:14px;font-size:8px}
  .hero-stage-label-top{top:17px}
  .hero-stage-label-bottom{bottom:17px;font-size:7px;letter-spacing:.07em}
  .hero-stage-chip{font-size:7px;padding:8px;max-width:73%}
  .hero-chip-one{top:24%}
  .hero-chip-two{bottom:24%}
  #heroMotionToggle{right:10px;top:46px;font-size:10px}
  .hero-proof-equation{grid-template-columns:1fr auto}
  .hero-proof-equation>span{font-size:13px}
  .hero-proof-equation>strong{font-size:22px}
  .tool-launcher{padding-top:40px}
}
@media(prefers-reduced-motion:reduce){
  .hero-stage.is-webgl #heroCanvas{display:none}
  .hero-stage .hero-orb-fallback{opacity:1}
  .hero-stage #heroMotionToggle{display:none}
}

/* Mantener la navegación inferior móvil ya existente. */
@media(max-width:760px){
  .workspace-nav{position:fixed;top:auto;bottom:0;left:0;right:0;z-index:40;display:flex;justify-content:center;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));gap:7px;background:#0a241cf7;border-top:1px solid #37634c;box-shadow:0 -4px 22px #06190f40}
  .workspace-nav a{flex:1;min-width:0;min-height:48px;padding:8px 3px;font-size:12px}
}