/* ============================================================
   KUSHIM · HERRAMIENTAS VS ECOSISTEMA
   Página estratégica / comparativa · 2026-09
   ============================================================ */

.hvx-page { position: relative; z-index: 1; overflow: clip; }
.hvx-page section { position: relative; }
.hvx-page strong { color: var(--white); }
.hvx-btn-ghost { border: 1px solid rgba(240,239,234,.16); background: rgba(255,255,255,.02); }
.hvx-btn-ghost:hover { border-color: rgba(0,184,148,.46); background: rgba(0,184,148,.08); color: var(--white); }
.hvx-kicker { display:inline-flex; align-items:center; gap:.65rem; font:500 .75rem/1 var(--font-mono); letter-spacing:.13em; text-transform:uppercase; color:var(--fire-soft); }
.hvx-kicker i { width:8px; height:8px; border-radius:50%; background:var(--fire); box-shadow:0 0 16px rgba(0,184,148,.9); }

/* HERO */
.hvx-hero {
    min-height: 100svh;
    display:flex;
    align-items:center;
    padding: 8.4rem 0 5.6rem;
    isolation:isolate;
    background:
        radial-gradient(circle at 80% 22%, rgba(0,184,148,.10), transparent 28%),
        radial-gradient(circle at 12% 80%, rgba(201,168,76,.06), transparent 28%),
        linear-gradient(180deg, #0b0e10 0%, var(--ink) 72%, var(--ink) 100%);
}
.hvx-hero-grid { position:absolute; inset:0; opacity:.14; pointer-events:none; background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px); background-size:56px 56px; mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.75) 60%,transparent 100%); }
.hvx-hero-glow { position:absolute; border-radius:50%; filter:blur(90px); pointer-events:none; opacity:.42; }
.hvx-hero-glow-a { width:380px; height:380px; right:5%; top:12%; background:rgba(0,184,148,.13); }
.hvx-hero-glow-b { width:310px; height:310px; left:-8%; bottom:0; background:rgba(201,168,76,.08); }
.hvx-hero-layout { display:grid; grid-template-columns:minmax(0,.9fr) minmax(540px,1.1fr); gap:clamp(3rem,6vw,7rem); align-items:center; width:100%; }
.hvx-hero-copy h1 { margin:1.2rem 0 1.5rem; max-width:820px; font-family:var(--font-display); font-size:clamp(3rem,5.8vw,6.45rem); font-weight:900; line-height:.91; letter-spacing:-.065em; }
.hvx-hero-copy h1 span { color:var(--fire); font-weight:300; font-style:italic; }
.hvx-hero-lead { max-width:760px; color:#89949f; font-size:clamp(1rem,1.25vw,1.16rem); line-height:1.8; }
.hvx-hero-actions { display:flex; flex-wrap:wrap; gap:.8rem; margin-top:2rem; }
.hvx-proof-row { display:flex; flex-wrap:wrap; gap:1.35rem; margin-top:2.35rem; color:#6f7b86; font:500 .72rem/1 var(--font-mono); text-transform:uppercase; letter-spacing:.08em; }
.hvx-proof-row span { display:flex; align-items:center; gap:.45rem; }
.hvx-proof-row i { width:5px; height:5px; background:var(--fire); border-radius:50%; box-shadow:0 0 10px rgba(0,184,148,.75); }

.hvx-hero-system { position:relative; display:grid; grid-template-columns:1fr 42px 1fr; align-items:stretch; min-height:590px; border:1px solid rgba(255,255,255,.08); border-radius:32px; padding:1.15rem; background:linear-gradient(145deg,rgba(18,22,24,.93),rgba(10,13,15,.98)); box-shadow:0 40px 100px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.03); overflow:hidden; }
.hvx-hero-system::before { content:''; position:absolute; inset:0; background:linear-gradient(120deg,transparent 0 43%,rgba(0,184,148,.035) 50%,transparent 57%); transform:translateX(-120%); animation:hvxScan 8s ease-in-out infinite; pointer-events:none; }
@keyframes hvxScan { 0%,34%{transform:translateX(-120%)} 70%,100%{transform:translateX(120%)} }
.hvx-system-col { position:relative; display:flex; flex-direction:column; min-width:0; padding:1.1rem; }
.hvx-system-label { display:flex; align-items:center; gap:.6rem; color:#66717d; font:500 .67rem/1 var(--font-mono); letter-spacing:.1em; }
.hvx-system-label span { color:var(--fire-soft); }
.hvx-system-col > p { margin-top:auto; color:#68737e; font-size:.78rem; line-height:1.65; }
.hvx-system-divider { display:flex; align-items:center; justify-content:center; position:relative; }
.hvx-system-divider::before { content:''; position:absolute; top:4%; bottom:4%; width:1px; background:linear-gradient(transparent,rgba(255,255,255,.1),transparent); }
.hvx-system-divider span { z-index:1; display:grid; place-items:center; width:34px; height:34px; border:1px solid rgba(255,255,255,.11); border-radius:50%; background:#101417; color:#58636e; font:500 .62rem var(--font-mono); }

.hvx-tool-cloud { position:relative; flex:1; min-height:430px; }
.hvx-person-core { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:145px; height:145px; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.25rem; background:radial-gradient(circle,rgba(255,255,255,.045),rgba(255,255,255,.015)); border:1px solid rgba(255,255,255,.11); box-shadow:0 16px 50px rgba(0,0,0,.3); }
.hvx-person-core small { color:#66727c; font:500 .62rem var(--font-mono); letter-spacing:.12em; }
.hvx-person-core strong { font:700 .78rem var(--font-display); letter-spacing:.04em; }
.hvx-person-core b { color:#46505a; font-weight:300; font-size:.7rem; }
.hvx-tool { position:absolute; display:inline-flex; align-items:center; justify-content:center; min-width:76px; height:34px; padding:0 .7rem; border:1px solid rgba(255,255,255,.08); border-radius:8px; background:rgba(255,255,255,.025); color:#78838d; font:500 .6rem var(--font-mono); letter-spacing:.08em; box-shadow:0 10px 25px rgba(0,0,0,.2); animation:hvxFloat 5s ease-in-out infinite; }
.hvx-tool::after { content:''; position:absolute; width:1px; height:70px; background:linear-gradient(rgba(255,255,255,.08),transparent); transform-origin:top; }
.hvx-tool-1 { left:7%; top:17%; animation-delay:-1s; }
.hvx-tool-2 { right:4%; top:22%; animation-delay:-2.8s; }
.hvx-tool-3 { left:1%; bottom:22%; animation-delay:-4s; }
.hvx-tool-4 { right:0; bottom:18%; animation-delay:-.7s; }
.hvx-tool-5 { left:50%; top:7%; transform:translateX(-50%); animation-delay:-2s; }
.hvx-tool-6 { left:50%; bottom:5%; transform:translateX(-50%); animation-delay:-3.4s; }
@keyframes hvxFloat { 0%,100%{translate:0 0} 50%{translate:0 -8px} }

.hvx-orchestrator { position:relative; flex:1; min-height:430px; }
.hvx-k-core { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:3; width:150px; height:150px; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; background:radial-gradient(circle at 50% 30%,rgba(0,184,148,.19),rgba(0,184,148,.04) 48%,rgba(8,12,13,.96) 72%); border:1px solid rgba(0,184,148,.42); box-shadow:0 0 0 10px rgba(0,184,148,.025),0 0 70px rgba(0,184,148,.14); }
.hvx-k-core b { font:900 3rem/1 var(--font-display); color:var(--fire); }
.hvx-k-core span { font:700 .78rem/1 var(--font-display); letter-spacing:.12em; }
.hvx-k-core small { margin-top:.28rem; color:#668379; font:500 .56rem var(--font-mono); letter-spacing:.12em; }
.hvx-flow-node { position:absolute; z-index:2; display:flex; align-items:center; gap:.45rem; color:#94a099; font:500 .62rem var(--font-mono); letter-spacing:.09em; }
.hvx-flow-node i { width:8px; height:8px; border:1px solid var(--fire); border-radius:50%; background:#101714; box-shadow:0 0 0 0 rgba(0,184,148,.35); animation:hvxPulse 3s ease-out infinite; }
.hvx-flow-1 { left:2%; top:24%; }
.hvx-flow-2 { left:1%; bottom:27%; }
.hvx-flow-3 { right:4%; top:23%; }
.hvx-flow-4 { right:1%; bottom:28%; }
.hvx-flow-5 { left:50%; bottom:4%; transform:translateX(-50%); }
.hvx-flow-1 i { animation-delay:0s }.hvx-flow-2 i{animation-delay:.5s}.hvx-flow-3 i{animation-delay:1s}.hvx-flow-4 i{animation-delay:1.5s}.hvx-flow-5 i{animation-delay:2s}
@keyframes hvxPulse { 0%{box-shadow:0 0 0 0 rgba(0,184,148,.35)} 70%,100%{box-shadow:0 0 0 9px rgba(0,184,148,0)} }
.hvx-orbit-lines { position:absolute; inset:8% 0 6%; width:100%; height:86%; overflow:visible; }
.hvx-orbit-lines path { fill:none; stroke:rgba(0,184,148,.18); stroke-width:1; stroke-dasharray:4 6; animation:hvxDash 12s linear infinite; }
@keyframes hvxDash { to{stroke-dashoffset:-80} }
.hvx-scroll-cue { position:absolute; left:50%; bottom:1.6rem; transform:translateX(-50%); display:flex; align-items:center; gap:.7rem; color:#56616b; font:500 .58rem var(--font-mono); letter-spacing:.12em; z-index:3; }
.hvx-scroll-cue i { position:relative; width:32px; height:1px; background:#394148; overflow:hidden; }
.hvx-scroll-cue i::after { content:''; position:absolute; inset:0; background:var(--fire); transform:translateX(-100%); animation:hvxCue 2s ease-in-out infinite; }
@keyframes hvxCue { 0%{transform:translateX(-100%)} 60%,100%{transform:translateX(100%)} }

/* PRINCIPLE */
.hvx-principle { min-height:88svh; display:flex; align-items:center; padding:8rem 0; background:linear-gradient(180deg,var(--ink),#0f1214); }
.hvx-principle-grid { display:grid; grid-template-columns:minmax(0,.85fr) minmax(520px,1.15fr); gap:clamp(3rem,7vw,8rem); align-items:center; }
.hvx-principle-copy p { max-width:720px; color:#77838e; font-size:1rem; line-height:1.82; margin-top:1rem; }
.hvx-vendor-board { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; padding:1rem; border:1px solid rgba(255,255,255,.07); border-radius:28px; background:rgba(255,255,255,.018); }
.hvx-vendor-board article { min-height:150px; padding:1.4rem; border:1px solid rgba(255,255,255,.075); border-radius:18px; background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.008)); transition:transform .35s,border-color .35s,background .35s; }
.hvx-vendor-board article:hover { transform:translateY(-4px); border-color:rgba(0,184,148,.32); background:rgba(0,184,148,.035); }
.hvx-vendor-board article > span { color:#56616c; font:500 .58rem var(--font-mono); letter-spacing:.11em; }
.hvx-vendor-board article strong { display:block; margin:.8rem 0 .35rem; font:700 1.45rem var(--font-display); }
.hvx-vendor-board article small { color:#68737d; font-size:.76rem; }
.hvx-vendor-note { grid-column:1/-1; display:flex; align-items:flex-start; gap:.85rem; padding:1.15rem 1.3rem; border-radius:14px; background:rgba(0,184,148,.055); border:1px solid rgba(0,184,148,.14); color:#7c8882; }
.hvx-vendor-note i { flex:0 0 8px; height:8px; margin-top:.45rem; border-radius:50%; background:var(--fire); box-shadow:0 0 14px rgba(0,184,148,.8); }
.hvx-vendor-note p { font-size:.8rem; line-height:1.65; }

/* MODELS */
.hvx-models { padding:9rem 0; background:#0d1012; }
.hvx-model-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:3.6rem; }
.hvx-model { position:relative; min-height:650px; display:flex; flex-direction:column; padding:2rem; border:1px solid rgba(255,255,255,.075); border-radius:26px; background:linear-gradient(155deg,rgba(25,29,32,.96),rgba(14,17,19,.98)); overflow:hidden; transition:transform .4s,border-color .4s,box-shadow .4s; }
.hvx-model:hover { transform:translateY(-7px); border-color:rgba(255,255,255,.14); box-shadow:0 28px 70px rgba(0,0,0,.3); }
.hvx-model-kushim { border-color:rgba(0,184,148,.32); background:linear-gradient(155deg,rgba(0,184,148,.065),rgba(14,17,19,.98) 48%); }
.hvx-model-kushim:hover { border-color:rgba(0,184,148,.58); box-shadow:0 28px 80px rgba(0,0,0,.35),0 0 70px rgba(0,184,148,.08); }
.hvx-model-glow { position:absolute; width:260px; height:260px; right:-70px; top:-80px; border-radius:50%; background:rgba(0,184,148,.09); filter:blur(50px); }
.hvx-model-top { position:relative; display:flex; justify-content:space-between; align-items:center; color:#5b6670; font:500 .65rem var(--font-mono); letter-spacing:.1em; }
.hvx-model-top span { color:var(--fire-soft); }
.hvx-model h3 { margin:3rem 0 1rem; font:700 clamp(1.9rem,2.6vw,2.8rem)/1 var(--font-display); letter-spacing:-.04em; }
.hvx-model > p { color:#737e88; font-size:.88rem; line-height:1.75; min-height:94px; }
.hvx-mini-stack { display:grid; grid-template-columns:repeat(3,1fr); gap:.45rem; margin:2rem 0; }
.hvx-mini-stack span { display:grid; place-items:center; height:44px; border:1px solid rgba(255,255,255,.075); border-radius:8px; color:#68727b; font:500 .57rem var(--font-mono); background:rgba(255,255,255,.018); }
.hvx-suite-core { position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:.35rem; margin:2rem 0; padding:1rem; border:1px solid rgba(255,255,255,.075); border-radius:13px; background:rgba(255,255,255,.018); }
.hvx-suite-core b { grid-column:1/-1; text-align:center; padding:.65rem; color:#a9b1b7; font:700 .68rem var(--font-mono); letter-spacing:.12em; border-bottom:1px solid rgba(255,255,255,.07); }
.hvx-suite-core span { padding:.55rem .2rem; text-align:center; color:#68737c; font:500 .53rem var(--font-mono); }
.hvx-kushim-cycle { display:flex; align-items:center; justify-content:space-between; gap:.3rem; margin:2rem 0; padding:1rem; border:1px solid rgba(0,184,148,.18); border-radius:13px; background:rgba(0,184,148,.035); }
.hvx-kushim-cycle span { color:#98b7ac; font:500 .53rem var(--font-mono); letter-spacing:.06em; }
.hvx-kushim-cycle i { color:var(--fire); font-style:normal; }
.hvx-model dl { display:flex; flex-direction:column; gap:.85rem; margin-top:auto; }
.hvx-model dl div { padding-top:.9rem; border-top:1px solid rgba(255,255,255,.06); }
.hvx-model dt { margin-bottom:.3rem; color:#58636e; font:500 .56rem var(--font-mono); letter-spacing:.1em; text-transform:uppercase; }
.hvx-model dd { color:#858f97; font-size:.78rem; line-height:1.6; }
.hvx-model-badge { margin-top:1.4rem; color:var(--fire); font:500 .58rem var(--font-mono); letter-spacing:.12em; }

/* JOURNEY */
.hvx-journey { padding:9rem 0; background:linear-gradient(180deg,#0d1012,#0a0d0f); }
.hvx-journey-head { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr); align-items:end; gap:3rem; margin-bottom:3rem; }
.hvx-journey-head > p { max-width:520px; color:#737e88; line-height:1.8; font-size:.9rem; }
.hvx-journey-shell { position:relative; border:1px solid rgba(255,255,255,.08); border-radius:28px; background:linear-gradient(160deg,rgba(21,25,27,.97),rgba(10,13,15,.99)); box-shadow:0 40px 110px rgba(0,0,0,.3); overflow:hidden; }
.hvx-journey-columns { display:grid; grid-template-columns:repeat(3,1fr); margin-left:290px; border-bottom:1px solid rgba(255,255,255,.07); }
.hvx-journey-columns > div { padding:1.1rem 1.25rem; border-left:1px solid rgba(255,255,255,.055); }
.hvx-journey-columns span { display:block; color:#747f88; font:500 .62rem var(--font-mono); letter-spacing:.09em; }
.hvx-journey-columns small { color:#4d5760; font-size:.65rem; }
.hvx-journey-columns .is-kushim { background:rgba(0,184,148,.035); }
.hvx-journey-columns .is-kushim span { color:var(--fire); }
.hvx-journey-step { display:none; grid-template-columns:70px 220px repeat(3,1fr); min-height:390px; opacity:0; transform:translateY(15px); }
.hvx-journey-step.is-active { display:grid; animation:hvxJourneyIn .48s cubic-bezier(.2,.8,.2,1) forwards; }
@keyframes hvxJourneyIn { to{opacity:1;transform:none} }
.hvx-step-number { display:flex; align-items:flex-start; justify-content:center; padding-top:2.3rem; color:#39444d; font:700 2rem var(--font-display); border-right:1px solid rgba(255,255,255,.055); }
.hvx-step-question { padding:2.25rem 1.4rem; border-right:1px solid rgba(255,255,255,.055); }
.hvx-step-question span { color:var(--fire-soft); font:500 .58rem var(--font-mono); letter-spacing:.11em; }
.hvx-step-question strong { display:block; margin-top:.8rem; font:700 1.45rem/1.14 var(--font-display); letter-spacing:-.025em; }
.hvx-journey-step article { position:relative; padding:2.25rem 1.35rem; border-right:1px solid rgba(255,255,255,.055); }
.hvx-journey-step article:last-child { border-right:0; }
.hvx-journey-step article b { color:#aab1b5; font:700 .92rem var(--font-display); }
.hvx-journey-step article p { margin-top:1rem; color:#69747e; font-size:.77rem; line-height:1.68; }
.hvx-journey-step article em { position:absolute; left:1.35rem; bottom:2rem; color:#4f5a64; font:500 .56rem var(--font-mono); font-style:normal; letter-spacing:.06em; }
.hvx-journey-step article.is-kushim { background:linear-gradient(180deg,rgba(0,184,148,.045),rgba(0,184,148,.018)); }
.hvx-journey-step article.is-kushim b { color:var(--fire-soft); }
.hvx-journey-step article.is-kushim em { color:var(--fire); }
.hvx-journey-progress { height:2px; background:rgba(255,255,255,.04); }
.hvx-journey-progress span { display:block; width:20%; height:100%; background:var(--fire); box-shadow:0 0 14px rgba(0,184,148,.55); transition:width .45s cubic-bezier(.2,.8,.2,1); }
.hvx-journey-controls { display:flex; align-items:center; justify-content:center; gap:1rem; padding:1rem; }
.hvx-journey-controls > button { width:38px; height:38px; border:1px solid rgba(255,255,255,.08); border-radius:50%; color:#6f7a83; transition:.25s; }
.hvx-journey-controls > button:hover { color:var(--white); border-color:rgba(0,184,148,.38); background:rgba(0,184,148,.06); }
.hvx-journey-dots { display:flex; gap:.45rem; }
.hvx-journey-dots button { width:22px; height:4px; border-radius:999px; background:#2b3237; transition:.3s; }
.hvx-journey-dots button.is-active { width:40px; background:var(--fire); box-shadow:0 0 12px rgba(0,184,148,.4); }
.hvx-journey-conclusion { margin-top:4rem; text-align:center; }
.hvx-journey-conclusion > span { color:#55616b; font:500 .62rem var(--font-mono); letter-spacing:.13em; }
.hvx-journey-conclusion h3 { margin-top:1rem; font:300 clamp(2rem,4vw,4rem)/1.05 var(--font-display); letter-spacing:-.045em; color:#8c969d; }
.hvx-journey-conclusion h3 strong { color:var(--fire); font-weight:700; }

/* MATRIX */
.hvx-matrix { padding:9rem 0; background:#0a0d0f; }
.hvx-table-wrap { margin-top:3.5rem; overflow:auto; border:1px solid rgba(255,255,255,.08); border-radius:24px; box-shadow:0 30px 80px rgba(0,0,0,.22); }
.hvx-table { width:100%; min-width:930px; border-collapse:collapse; background:#111517; }
.hvx-table th,.hvx-table td { padding:1.25rem 1.3rem; border-bottom:1px solid rgba(255,255,255,.055); border-right:1px solid rgba(255,255,255,.045); text-align:left; vertical-align:middle; }
.hvx-table thead th { position:sticky; top:0; z-index:2; background:#15191c; color:#69757e; font:500 .63rem var(--font-mono); letter-spacing:.08em; text-transform:uppercase; }
.hvx-table thead th:first-child { width:21%; }
.hvx-table tbody th { color:#a6adb1; font:600 .8rem var(--font-body); }
.hvx-table tbody td { color:#6e7982; font-size:.75rem; line-height:1.55; }
.hvx-table .is-kushim { background:rgba(0,184,148,.038); border-right-color:rgba(0,184,148,.10); }
.hvx-table thead .is-kushim { color:var(--fire); background:linear-gradient(180deg,rgba(0,184,148,.10),rgba(0,184,148,.045)); }
.hvx-table tr:hover td,.hvx-table tr:hover th { background-color:rgba(255,255,255,.018); }
.hvx-table tr:hover .is-kushim { background-color:rgba(0,184,148,.065); }
.hvx-check { color:var(--fire); margin-right:.35rem; }
.hvx-user,.hvx-k { display:inline-flex; padding:.3rem .45rem; border-radius:6px; font:500 .55rem var(--font-mono); letter-spacing:.07em; }
.hvx-user { color:#7f8991; background:rgba(255,255,255,.035); }
.hvx-k { color:var(--fire); background:rgba(0,184,148,.08); border:1px solid rgba(0,184,148,.12); }
.hvx-table-note { max-width:880px; margin:1.15rem auto 0; text-align:center; color:#4f5962; font-size:.67rem; line-height:1.6; }

/* PLATFORM CARDS */
.hvx-platforms { padding:9rem 0; background:linear-gradient(180deg,#0a0d0f,#0f1214); }
.hvx-platforms-head { max-width:900px; margin-bottom:3.5rem; }
.hvx-platform-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; }
.hvx-platform-card { min-height:570px; padding:2rem; border:1px solid rgba(255,255,255,.075); border-radius:24px; background:linear-gradient(150deg,rgba(25,29,31,.92),rgba(14,17,19,.98)); transition:.4s; }
.hvx-platform-card:hover { transform:translateY(-5px); border-color:rgba(0,184,148,.25); box-shadow:0 24px 60px rgba(0,0,0,.26); }
.hvx-platform-code { color:#53606a; font:500 .58rem var(--font-mono); letter-spacing:.1em; }
.hvx-platform-card h3 { margin:1.3rem 0 1.2rem; font:700 clamp(2rem,3vw,3rem)/1 var(--font-display); letter-spacing:-.045em; }
.hvx-platform-summary { color:#75808a; font-size:.86rem; line-height:1.75; min-height:102px; }
.hvx-platform-split { display:grid; grid-template-columns:1fr 1fr; gap:.7rem; margin:2rem 0; }
.hvx-platform-split > div { min-height:170px; padding:1rem; border:1px solid rgba(255,255,255,.065); border-radius:13px; background:rgba(255,255,255,.015); }
.hvx-platform-split > div > span { display:block; margin-bottom:.8rem; color:#59646e; font:500 .52rem var(--font-mono); letter-spacing:.08em; }
.hvx-platform-split > div p { color:#707a83; font-size:.73rem; line-height:1.6; }
.hvx-platform-split > div.is-kushim { border-color:rgba(0,184,148,.15); background:rgba(0,184,148,.032); }
.hvx-platform-split > div.is-kushim > span { color:var(--fire); }
.hvx-platform-fit { padding-top:1.2rem; border-top:1px solid rgba(255,255,255,.06); color:#606b75; font-size:.75rem; line-height:1.7; }

/* COEXIST */
.hvx-coexist { min-height:90svh; display:flex; align-items:center; padding:8rem 0; background:#0f1214; }
.hvx-coexist-grid { display:grid; grid-template-columns:minmax(480px,1fr) minmax(0,1fr); gap:clamp(4rem,8vw,9rem); align-items:center; }
.hvx-coexist-visual { position:relative; height:560px; }
.hvx-coexist-core { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:3; width:150px; height:150px; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid rgba(0,184,148,.42); background:radial-gradient(circle at 50% 30%,rgba(0,184,148,.18),#0d1311 67%); box-shadow:0 0 80px rgba(0,184,148,.12); }
.hvx-coexist-core b { color:var(--fire); font:900 3.1rem var(--font-display); }
.hvx-coexist-core span { color:#78978c; font:500 .55rem var(--font-mono); letter-spacing:.12em; }
.hvx-coexist-ring { position:absolute; left:50%; top:50%; border:1px solid rgba(0,184,148,.13); border-radius:50%; transform:translate(-50%,-50%); }
.hvx-ring-a { width:340px; height:340px; animation:hvxRotate 24s linear infinite; }
.hvx-ring-b { width:500px; height:500px; border-style:dashed; border-color:rgba(255,255,255,.07); animation:hvxRotate 38s linear infinite reverse; }
@keyframes hvxRotate { to{transform:translate(-50%,-50%) rotate(360deg)} }
.hvx-coexist-node { position:absolute; z-index:2; min-width:104px; padding:.75rem .9rem; text-align:center; border:1px solid rgba(255,255,255,.075); border-radius:10px; background:#15191b; color:#78838b; font:600 .63rem var(--font-body); box-shadow:0 14px 35px rgba(0,0,0,.24); }
.hvx-coexist-node::after { content:''; position:absolute; inset:-1px; border-radius:10px; box-shadow:0 0 0 0 rgba(0,184,148,.16); animation:hvxNodePulse 5s ease-out infinite; }
@keyframes hvxNodePulse { 0%,70%,100%{box-shadow:0 0 0 0 rgba(0,184,148,0)} 12%{box-shadow:0 0 0 7px rgba(0,184,148,.05)} }
.hvx-coexist-node.n1{left:2%;top:18%}.hvx-coexist-node.n2{right:0;top:17%}.hvx-coexist-node.n3{left:0;bottom:19%}.hvx-coexist-node.n4{right:3%;bottom:17%}.hvx-coexist-node.n5{left:50%;top:2%;transform:translateX(-50%)}.hvx-coexist-node.n6{left:50%;bottom:1%;transform:translateX(-50%)}
.hvx-coexist-copy p { color:#77828b; line-height:1.8; margin-top:1rem; }
.hvx-coexist-actions { display:flex; align-items:center; flex-wrap:wrap; gap:1.2rem; margin-top:2rem; }
.hvx-text-link { color:#849089; font-size:.8rem; transition:.25s; }
.hvx-text-link:hover { color:var(--fire); }

/* MANIFESTO */
.hvx-manifesto { min-height:72svh; display:flex; align-items:center; text-align:center; isolation:isolate; overflow:hidden; background:radial-gradient(circle at 50% 50%,rgba(0,184,148,.07),transparent 37%),#0a0d0f; }
.hvx-manifesto-grid { position:absolute; inset:-20%; transform:perspective(700px) rotateX(66deg) translateY(20%); transform-origin:center; background-image:linear-gradient(rgba(0,184,148,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,184,148,.06) 1px,transparent 1px); background-size:62px 62px; mask-image:radial-gradient(circle,#000 0%,transparent 67%); }
.hvx-manifesto-inner { max-width:1050px; }
.hvx-manifesto-inner > span { color:#5b6862; font:500 .63rem var(--font-mono); letter-spacing:.14em; }
.hvx-manifesto-inner h2 { margin:1.5rem 0 1.4rem; font:300 clamp(2.6rem,5.4vw,5.7rem)/.98 var(--font-display); letter-spacing:-.055em; color:#7f8a91; }
.hvx-manifesto-inner h2 strong { display:inline-block; color:var(--fire); font-weight:800; }
.hvx-manifesto-inner p { max-width:760px; margin:0 auto; color:#69747d; line-height:1.8; }

/* FAQ */
.hvx-faq { padding:8rem 0; background:#0c0f11; }
.hvx-faq-grid { max-width:1000px; margin:3rem auto 0; display:grid; gap:.75rem; }
.hvx-faq details { border:1px solid rgba(255,255,255,.075); border-radius:15px; background:rgba(255,255,255,.018); overflow:hidden; }
.hvx-faq summary { list-style:none; display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1.25rem 1.4rem; cursor:pointer; color:#a7afb3; font:600 .9rem var(--font-body); }
.hvx-faq summary::-webkit-details-marker{display:none}.hvx-faq summary::after{content:'+';color:var(--fire);font:300 1.4rem var(--font-display);transition:transform .25s}.hvx-faq details[open] summary::after{transform:rotate(45deg)}
.hvx-faq details p { padding:0 1.4rem 1.4rem; color:#6e7982; font-size:.8rem; line-height:1.75; max-width:880px; }
.hvx-faq details[open] { border-color:rgba(0,184,148,.18); background:rgba(0,184,148,.025); }

/* FINAL */
.hvx-final { min-height:88svh; display:flex; align-items:center; text-align:center; padding:8rem 0; background:radial-gradient(circle at 50% 20%,rgba(0,184,148,.09),transparent 30%),linear-gradient(180deg,#0c0f11,#090b0c); }
.hvx-final-inner { max-width:1100px; }
.hvx-final h2 { margin:1.3rem 0 1.4rem; font:300 clamp(2.7rem,5.7vw,6rem)/.96 var(--font-display); letter-spacing:-.06em; color:#858f95; }
.hvx-final h2 strong { color:var(--white); font-weight:800; }
.hvx-final p { max-width:730px; margin:0 auto; color:#707b84; line-height:1.8; }
.hvx-final-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:.8rem; margin-top:2rem; }
.hvx-final small { display:block; max-width:900px; margin:2.5rem auto 0; color:#414b54; font-size:.61rem; line-height:1.6; }

/* LIGHT MODE */
html[data-theme="light"] .hvx-page { color:#1a2323; }
html[data-theme="light"] .hvx-page strong { color:#13201c; }
html[data-theme="light"] .hvx-hero,
html[data-theme="light"] .hvx-principle,
html[data-theme="light"] .hvx-models,
html[data-theme="light"] .hvx-journey,
html[data-theme="light"] .hvx-matrix,
html[data-theme="light"] .hvx-platforms,
html[data-theme="light"] .hvx-coexist,
html[data-theme="light"] .hvx-manifesto,
html[data-theme="light"] .hvx-faq,
html[data-theme="light"] .hvx-final { background-color:#f3f5f2; background-image:none; }
html[data-theme="light"] .hvx-hero-system,
html[data-theme="light"] .hvx-model,
html[data-theme="light"] .hvx-journey-shell,
html[data-theme="light"] .hvx-platform-card,
html[data-theme="light"] .hvx-vendor-board { background:#fff; border-color:rgba(13,32,26,.10); box-shadow:0 22px 65px rgba(26,50,42,.08); }
html[data-theme="light"] .hvx-vendor-board article,
html[data-theme="light"] .hvx-platform-split>div,
html[data-theme="light"] .hvx-mini-stack span,
html[data-theme="light"] .hvx-suite-core,
html[data-theme="light"] .hvx-faq details,
html[data-theme="light"] .hvx-coexist-node { background:#f7f9f6; border-color:rgba(13,32,26,.09); }
html[data-theme="light"] .hvx-table { background:#fff; }
html[data-theme="light"] .hvx-table thead th { background:#eef2ee; }
html[data-theme="light"] .hvx-table th,html[data-theme="light"] .hvx-table td { border-color:rgba(13,32,26,.075); }
html[data-theme="light"] .hvx-person-core,html[data-theme="light"] .hvx-k-core,html[data-theme="light"] .hvx-coexist-core { background:#fff; }
html[data-theme="light"] .hvx-hero-copy h1,html[data-theme="light"] .hvx-model h3,html[data-theme="light"] .hvx-platform-card h3 { color:#16231f; }
html[data-theme="light"] .hvx-hero-lead,html[data-theme="light"] .hvx-principle-copy p,html[data-theme="light"] .hvx-model>p,html[data-theme="light"] .hvx-platform-summary,html[data-theme="light"] .hvx-coexist-copy p,html[data-theme="light"] .hvx-final p { color:#62706a; }

/* RESPONSIVE */
@media (max-width:1180px) {
    .hvx-hero-layout { grid-template-columns:1fr; }
    .hvx-hero-copy { max-width:900px; }
    .hvx-hero-system { min-height:560px; }
    .hvx-principle-grid,.hvx-coexist-grid { grid-template-columns:1fr; }
    .hvx-vendor-board { max-width:820px; }
    .hvx-model-grid { grid-template-columns:1fr; }
    .hvx-model { min-height:unset; }
    .hvx-model > p { min-height:0; }
    .hvx-platform-grid { grid-template-columns:1fr; }
    .hvx-platform-card { min-height:0; }
    .hvx-platform-summary { min-height:0; }
    .hvx-journey-columns { margin-left:0; }
    .hvx-journey-step { grid-template-columns:60px 190px repeat(3,minmax(190px,1fr)); min-width:970px; }
    .hvx-journey-shell { overflow-x:auto; }
    .hvx-journey-controls,.hvx-journey-progress { position:sticky; left:0; width:100%; min-width:970px; }
    .hvx-coexist-visual { max-width:660px; width:100%; margin:0 auto; }
}
@media (max-width:760px) {
    .hvx-hero { min-height:auto; padding-top:7rem; }
    .hvx-hero-copy h1 { font-size:clamp(2.7rem,14vw,4.6rem); }
    .hvx-hero-system { display:block; min-height:0; padding:.75rem; }
    .hvx-system-col { min-height:470px; }
    .hvx-system-divider { height:52px; }
    .hvx-system-divider::before { left:5%; right:5%; top:50%; bottom:auto; width:auto; height:1px; background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent); }
    .hvx-principle,.hvx-models,.hvx-journey,.hvx-matrix,.hvx-platforms,.hvx-coexist,.hvx-faq,.hvx-final { padding:6rem 0; }
    .hvx-vendor-board { grid-template-columns:1fr; }
    .hvx-vendor-note { grid-column:auto; }
    .hvx-platform-split { grid-template-columns:1fr; }
    .hvx-journey-head { grid-template-columns:1fr; }
    .hvx-journey-columns { min-width:900px; }
    .hvx-journey-step { grid-template-columns:55px 180px repeat(3,220px); min-width:895px; }
    .hvx-coexist-visual { height:470px; transform:scale(.88); transform-origin:center; margin:-30px auto; }
    .hvx-final h2,.hvx-manifesto-inner h2 { font-size:clamp(2.5rem,12vw,4.8rem); }
}
@media (prefers-reduced-motion:reduce) {
    .hvx-page * { scroll-behavior:auto!important; }
    .hvx-tool,.hvx-flow-node i,.hvx-orbit-lines path,.hvx-hero-system::before,.hvx-scroll-cue i::after,.hvx-coexist-ring,.hvx-coexist-node::after { animation:none!important; }
}


/* ============================================================
   KUSHIM 3.9.1 · HERRAMIENTAS VS ECOSISTEMA · VISUAL WOW
   Hero full-width + fotografía + escenas diferenciadas + motion.
   ============================================================ */

/* HERO FULL WIDTH ------------------------------------------------ */
.hvx-hero{
    position:relative;
    min-height:100svh;
    overflow:hidden;
    display:flex;
    align-items:center;
    padding:clamp(5.9rem,7.4vh,7.2rem) 0 clamp(3rem,4.2vh,4.25rem);
    background:#07100e;
}
.hvx-hero-photo{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center 52%;
    z-index:0;
    filter:saturate(.82) contrast(1.04) brightness(.78);
    transform:scale(1.015);
    will-change:transform;
}
.hvx-hero-photo-veil{
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:
        linear-gradient(90deg,rgba(4,10,10,.97) 0%,rgba(4,12,11,.90) 34%,rgba(5,16,14,.67) 60%,rgba(4,10,10,.56) 100%),
        linear-gradient(180deg,rgba(2,7,7,.60) 0%,rgba(3,11,10,.15) 47%,rgba(5,12,11,.88) 100%),
        radial-gradient(circle at 72% 42%,rgba(0,214,162,.13),transparent 34%),
        radial-gradient(circle at 89% 14%,rgba(212,185,104,.09),transparent 24%);
}
.hvx-hero-grid{
    z-index:2;
    opacity:.095;
}
.hvx-hero-glow{
    z-index:2;
}
.hvx-hero-layout{
    position:relative;
    z-index:3;
    width:min(calc(100% - 2.5rem),2020px);
    max-width:none;
    margin-inline:auto;
    display:grid;
    grid-template-columns:minmax(0,1.17fr) minmax(500px,.83fr);
    gap:clamp(2.25rem,4.2vw,5.25rem);
    align-items:center;
}
.hvx-hero-copy{
    max-width:none;
}
.hvx-hero-copy h1{
    max-width:1220px;
    margin:1rem 0 1.2rem;
    font-size:clamp(3.35rem,5.15vw,6.75rem);
    line-height:.91;
    text-wrap:pretty;
}
.hvx-hero-copy h1 span{
    display:inline;
}
.hvx-hero-lead{
    max-width:940px;
    font-size:clamp(.98rem,1.06vw,1.13rem);
    line-height:1.68;
    color:rgba(222,234,230,.66);
}
.hvx-hero-actions{
    margin-top:1.55rem;
}
.hvx-proof-row{
    margin-top:1.55rem;
}
.hvx-hero-system{
    min-height:515px;
    border-color:rgba(0,214,162,.20);
    background:
        linear-gradient(145deg,rgba(6,14,13,.82),rgba(7,11,12,.94)),
        rgba(5,10,10,.86);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    box-shadow:0 36px 110px rgba(0,0,0,.42),0 0 70px rgba(0,214,162,.07),inset 0 1px 0 rgba(255,255,255,.035);
}
.hvx-tool-cloud,
.hvx-orchestrator{
    min-height:355px;
}
.hvx-scroll-cue{
    bottom:1rem;
}

/* Hero se conserva cinematográfico también en Light Mode */
html[data-theme="light"] .hvx-hero{
    color:#eef5f2;
    background:#07100e !important;
    background-image:none !important;
}
html[data-theme="light"] .hvx-hero-copy h1{
    color:#f3f6f4;
}
html[data-theme="light"] .hvx-hero-copy h1 span{
    color:var(--fire);
}
html[data-theme="light"] .hvx-hero-lead{
    color:rgba(226,238,234,.68);
}
html[data-theme="light"] .hvx-hero .hvx-hero-system{
    background:linear-gradient(145deg,rgba(6,14,13,.84),rgba(7,11,12,.95));
    border-color:rgba(0,214,162,.22);
    box-shadow:0 36px 110px rgba(0,0,0,.42),0 0 70px rgba(0,214,162,.07);
}
html[data-theme="light"] .hvx-hero .hvx-system-col > p,
html[data-theme="light"] .hvx-hero .hvx-system-label,
html[data-theme="light"] .hvx-hero .hvx-tool,
html[data-theme="light"] .hvx-hero .hvx-flow-node{
    color:#81928b;
}

/* SEO / INFO STRIP ----------------------------------------------- */
.hvx-signal-strip{
    position:relative;
    z-index:4;
    width:100%;
    overflow:hidden;
    border-top:1px solid rgba(0,214,162,.12);
    border-bottom:1px solid rgba(0,214,162,.12);
    background:linear-gradient(90deg,#08110f,#0a1714 42%,#08110f);
}
.hvx-signal-track{
    display:flex;
    width:max-content;
    animation:hvxSignalMove 34s linear infinite;
}
.hvx-signal-track span{
    flex:none;
    padding:1rem 2.6rem 1rem 0;
    color:rgba(190,211,204,.52);
    font:600 .67rem/1 var(--font-mono);
    letter-spacing:.12em;
    white-space:nowrap;
}
@keyframes hvxSignalMove{
    to{transform:translateX(-50%)}
}
html[data-theme="light"] .hvx-signal-strip{
    background:linear-gradient(90deg,#e9efeb,#eef5f1 42%,#e9efeb);
    border-color:rgba(0,166,126,.15);
}
html[data-theme="light"] .hvx-signal-track span{
    color:rgba(25,54,45,.54);
}

/* ESCENAS DIFERENCIADAS ------------------------------------------ */
.hvx-page section{
    overflow:hidden;
    isolation:isolate;
}
.hvx-page section > .wrap{
    position:relative;
    z-index:2;
}
.hvx-page section::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    opacity:.58;
}

/* 01 · modelo */
.hvx-principle{
    background:
        radial-gradient(circle at 12% 20%,rgba(0,214,162,.085),transparent 30%),
        linear-gradient(180deg,#08110f,#0e1513);
}
.hvx-principle::before{
    background-image:
        linear-gradient(115deg,rgba(255,255,255,.024) 1px,transparent 1px),
        linear-gradient(25deg,rgba(0,214,162,.018) 1px,transparent 1px);
    background-size:58px 58px,78px 78px;
    mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 90%);
}

/* 02 · tres caminos */
.hvx-models{
    background:
        radial-gradient(circle at 82% 12%,rgba(212,185,104,.07),transparent 26%),
        linear-gradient(180deg,#101412,#0c100f);
}
.hvx-models::before{
    background-image:radial-gradient(rgba(0,214,162,.14) .7px,transparent .7px);
    background-size:24px 24px;
    mask-image:linear-gradient(90deg,transparent,#000 30%,#000 72%,transparent);
    opacity:.18;
}

/* 03 · journey */
.hvx-journey{
    background:
        linear-gradient(180deg,#08100f,#0d1112);
}
.hvx-journey::before{
    background:
        repeating-linear-gradient(0deg,transparent 0 35px,rgba(255,255,255,.018) 36px),
        radial-gradient(circle at 18% 50%,rgba(0,214,162,.07),transparent 24%);
}

/* 04 · matrix */
.hvx-matrix{
    background:
        radial-gradient(circle at 75% 15%,rgba(0,214,162,.055),transparent 27%),
        #090d0e;
}
.hvx-matrix::before{
    background-image:
        linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);
    background-size:46px 46px;
    opacity:.28;
    mask-image:radial-gradient(circle at 50% 40%,#000,transparent 82%);
}

/* 05 · plataformas */
.hvx-platforms{
    background:
        radial-gradient(circle at 18% 18%,rgba(212,185,104,.06),transparent 23%),
        linear-gradient(180deg,#0d1112,#111513);
}
.hvx-platforms::before{
    background:
        radial-gradient(circle at center,rgba(0,214,162,.085) 0 1px,transparent 1.2px);
    background-size:34px 34px;
    opacity:.18;
}

/* 06 · coexist */
.hvx-coexist{
    background:
        radial-gradient(circle at 28% 55%,rgba(0,214,162,.09),transparent 29%),
        linear-gradient(145deg,#0f1513,#0b100f 58%,#101311);
}
.hvx-coexist::before{
    background:
        repeating-radial-gradient(circle at 28% 50%,transparent 0 58px,rgba(0,214,162,.028) 59px 60px);
    opacity:.72;
}

/* 07 · manifesto ya tenía grid: reforzamos contraste */
.hvx-manifesto{
    background:
        radial-gradient(circle at 50% 50%,rgba(0,214,162,.10),transparent 36%),
        linear-gradient(180deg,#09100e,#080c0c);
}

/* 08 · FAQ */
.hvx-faq{
    background:
        radial-gradient(circle at 86% 16%,rgba(0,214,162,.055),transparent 24%),
        #0c100f;
}
.hvx-faq::before{
    background:
        repeating-linear-gradient(0deg,transparent 0 54px,rgba(255,255,255,.018) 55px);
    opacity:.48;
}

/* 09 · final */
.hvx-final{
    background:
        radial-gradient(circle at 50% 20%,rgba(0,214,162,.12),transparent 28%),
        radial-gradient(circle at 18% 82%,rgba(212,185,104,.06),transparent 23%),
        linear-gradient(180deg,#0b100f,#070a0a);
}

/* Light mode conserva diferencias de escena */
html[data-theme="light"] .hvx-principle{
    background:radial-gradient(circle at 12% 20%,rgba(0,166,126,.08),transparent 30%),linear-gradient(180deg,#f4f7f4,#eef4f0) !important;
}
html[data-theme="light"] .hvx-models{
    background:radial-gradient(circle at 82% 12%,rgba(166,128,36,.07),transparent 26%),linear-gradient(180deg,#f0f4ef,#f7f8f5) !important;
}
html[data-theme="light"] .hvx-journey{
    background:linear-gradient(180deg,#eef5f1,#f7f8f6) !important;
}
html[data-theme="light"] .hvx-matrix{
    background:radial-gradient(circle at 75% 15%,rgba(0,166,126,.055),transparent 27%),#f2f6f3 !important;
}
html[data-theme="light"] .hvx-platforms{
    background:radial-gradient(circle at 18% 18%,rgba(166,128,36,.055),transparent 23%),linear-gradient(180deg,#f6f6f2,#edf4f0) !important;
}
html[data-theme="light"] .hvx-coexist{
    background:radial-gradient(circle at 28% 55%,rgba(0,166,126,.07),transparent 29%),linear-gradient(145deg,#eef5f1,#f8f8f5) !important;
}
html[data-theme="light"] .hvx-manifesto{
    background:radial-gradient(circle at 50% 50%,rgba(0,166,126,.065),transparent 36%),#eef4f0 !important;
}
html[data-theme="light"] .hvx-faq{
    background:radial-gradient(circle at 86% 16%,rgba(0,166,126,.05),transparent 24%),#f6f8f5 !important;
}
html[data-theme="light"] .hvx-final{
    background:radial-gradient(circle at 50% 20%,rgba(0,166,126,.08),transparent 28%),linear-gradient(180deg,#eef4f0,#f8f8f5) !important;
}

/* STAGGERED INTERSECTION MOTION ---------------------------------- */
html.hvx-motion-ready .hvx-stagger-item{
    opacity:0;
    transform:translate3d(0,22px,0) scale(.992);
    filter:blur(7px);
    transition:
        opacity .72s cubic-bezier(.2,.78,.2,1),
        transform .82s cubic-bezier(.2,.78,.2,1),
        filter .72s ease;
    transition-delay:var(--hvx-delay,0ms);
}
html.hvx-motion-ready .is-hvx-visible .hvx-stagger-item,
html.hvx-motion-ready .hvx-hero.is-hvx-visible .hvx-stagger-item{
    opacity:1;
    transform:none;
    filter:blur(0);
}
html.hvx-motion-ready .hvx-hero-system.hvx-stagger-item{
    transform:translate3d(26px,0,0) scale(.988);
}
html.hvx-motion-ready .hvx-hero.is-hvx-visible .hvx-hero-system.hvx-stagger-item{
    transform:none;
}

/* RESPONSIVE WOW ------------------------------------------------- */
@media (max-width:1380px){
    .hvx-hero-layout{
        grid-template-columns:minmax(0,1.08fr) minmax(460px,.92fr);
    }
    .hvx-hero-copy h1{
        font-size:clamp(3.15rem,5.25vw,5.9rem);
    }
    .hvx-hero-system{
        min-height:485px;
    }
    .hvx-tool-cloud,
    .hvx-orchestrator{
        min-height:325px;
    }
}
@media (max-width:1180px){
    .hvx-hero{
        min-height:auto;
        padding-top:7.3rem;
    }
    .hvx-hero-layout{
        width:min(calc(100% - 2rem),1120px);
        grid-template-columns:1fr;
    }
    .hvx-hero-copy{
        max-width:1000px;
    }
    .hvx-hero-copy h1{
        max-width:1050px;
    }
    .hvx-hero-system{
        min-height:520px;
    }
}
@media (max-width:760px){
    .hvx-hero{
        min-height:100svh;
        padding:6.6rem 0 3.5rem;
        align-items:center;
    }
    .hvx-hero-layout{
        width:calc(100% - 2rem);
    }
    .hvx-hero-copy h1{
        font-size:clamp(2.7rem,13.2vw,4.35rem);
        line-height:.92;
    }
    .hvx-hero-lead{
        font-size:.94rem;
        line-height:1.62;
    }
    .hvx-proof-row{
        gap:.75rem 1rem;
        font-size:.6rem;
    }
    .hvx-hero-system{
        display:none;
    }
    .hvx-scroll-cue{
        display:none;
    }
    .hvx-signal-track span{
        padding-top:.85rem;
        padding-bottom:.85rem;
        font-size:.6rem;
    }
}
@media (min-width:1181px) and (max-height:820px){
    .hvx-hero{
        padding-top:5.5rem;
        padding-bottom:2.5rem;
    }
    .hvx-hero-copy h1{
        margin:.8rem 0 1rem;
        font-size:clamp(3rem,4.8vw,5.7rem);
    }
    .hvx-hero-lead{
        line-height:1.55;
    }
    .hvx-hero-actions,
    .hvx-proof-row{
        margin-top:1.1rem;
    }
    .hvx-hero-system{
        min-height:455px;
    }
    .hvx-tool-cloud,
    .hvx-orchestrator{
        min-height:300px;
    }
}
@media (prefers-reduced-motion:reduce){
    .hvx-signal-track{
        animation:none;
    }
    html.hvx-motion-ready .hvx-stagger-item{
        opacity:1!important;
        transform:none!important;
        filter:none!important;
        transition:none!important;
    }
    .hvx-hero-photo{
        transform:none!important;
    }
}