:root {
  --bg: #07090d;
  --bg-soft: #0b0e14;
  --surface: #10141c;
  --surface-2: #151a24;
  --gold: #d6a63c;
  --gold-light: #f2c866;
  --gold-dark: #936517;
  --blue: #4c78ff;
  --cyan: #66d9e8;
  --white: #f4f1e9;
  --text: rgba(244, 241, 233, .72);
  --muted: rgba(244, 241, 233, .44);
  --line: rgba(255, 255, 255, .09);
  --line-gold: rgba(214, 166, 60, .3);
  --shell: 1180px;
  --radius: 24px;
  --ease: cubic-bezier(.2, .8, .2, 1);
  font-family: Inter, system-ui, sans-serif;
  color-scheme: dark;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); }
body { margin: 0; overflow-x: hidden; background: var(--bg); color: var(--white); -webkit-font-smoothing: antialiased; }
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
button { color: inherit; }
img { max-width: 100%; display: block; }
::selection { background: rgba(214, 166, 60, .32); color: white; }

.shell { width: min(var(--shell), calc(100% - 32px)); margin-inline: auto; }
.section { position: relative; padding: clamp(88px, 10vw, 148px) 0; overflow: clip; }
.section-heading { max-width: 820px; margin-bottom: clamp(44px, 6vw, 76px); }
.split-heading { max-width: none; display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(280px, .72fr); gap: 64px; align-items: end; }
.section-heading h2, .method-sticky h2, .footer-cta h2, .insights-card h2 { margin: 18px 0 0; font: 800 clamp(34px, 5vw, 62px)/1.02 'Space Grotesk', sans-serif; letter-spacing: -.045em; }
.section-heading h2 em, .method-sticky h2 em, .footer-cta h2 em, .insights-card h2 em, .hero h1 em { font-style: normal; background: linear-gradient(120deg, var(--gold-light), var(--gold), #fff0ba); -webkit-background-clip: text; color: transparent; }
.section-heading > p, .split-heading > p, .method-sticky > p, .footer-cta > p, .insights-card > div > p { margin: 22px 0 0; color: var(--text); font-size: clamp(1rem, 1.35vw, 1.12rem); line-height: 1.75; }
.eyebrow { display: inline-flex; align-items: center; gap: 10px; color: var(--gold-light); font-size: .72rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.eyebrow span { width: 7px; height: 7px; border-radius: 50%; background: var(--gold-light); box-shadow: 0 0 18px rgba(242, 200, 102, .75); animation: blink 2.6s ease-in-out infinite; }

.site-header { position: fixed; inset: 0 0 auto; z-index: 1000; border-bottom: 1px solid transparent; background: rgba(7, 9, 13, .38); backdrop-filter: blur(18px); transition: .3s var(--ease); }
.site-header.is-scrolled { background: rgba(7, 9, 13, .9); border-color: var(--line); box-shadow: 0 18px 60px rgba(0, 0, 0, .35); }
.header-inner { height: 74px; display: flex; align-items: center; justify-content: space-between; }
.brand { display: inline-flex; align-items: center; gap: 10px; font: 700 1.03rem/1 'Space Grotesk', sans-serif; }
.brand img { width: 36px; height: 36px; object-fit: contain; }
.brand strong { color: var(--gold-light); }
.desktop-nav { display: flex; align-items: center; gap: 3px; }
.desktop-nav a { padding: 10px 12px; border-radius: 999px; color: rgba(255, 255, 255, .7); font-size: .86rem; font-weight: 600; transition: .2s ease; }
.desktop-nav a:hover { color: white; background: rgba(255, 255, 255, .055); }
.nav-cta { margin-left: 8px; color: #090909 !important; background: linear-gradient(145deg, var(--gold-light), var(--gold) 58%, var(--gold-dark)); box-shadow: 0 12px 34px rgba(214, 166, 60, .24); }
.nav-cta:hover { background: linear-gradient(145deg, #ffe09a, var(--gold-light) 58%, var(--gold)); transform: translateY(-1px); }
.menu-button { display: none; width: 42px; height: 42px; padding: 0; border: 1px solid var(--line); border-radius: 13px; background: rgba(255, 255, 255, .035); align-items: center; justify-content: center; flex-direction: column; gap: 6px; }
.menu-button span { width: 18px; height: 1px; background: white; transition: .25s ease; }
.menu-button[aria-expanded="true"] span:first-child { transform: translateY(3.5px) rotate(45deg); }
.menu-button[aria-expanded="true"] span:last-child { transform: translateY(-3.5px) rotate(-45deg); }
.mobile-menu, .mobile-overlay { display: none; }

.hero { min-height: 100svh; position: relative; display: grid; align-items: center; overflow: clip; padding: 122px 0 70px; background: radial-gradient(circle at 50% 110%, rgba(76, 120, 255, .09), transparent 38%), var(--bg); }
.hero-grid-bg { position: absolute; inset: 0; opacity: .45; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 54px 54px; mask-image: radial-gradient(circle at 64% 44%, black, transparent 72%); }
.hero-grid-bg::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(7,9,13,.22), var(--bg) 95%); }
.hero-aurora { position: absolute; width: 42vw; aspect-ratio: 1; border-radius: 50%; filter: blur(90px); opacity: .16; pointer-events: none; }
.hero-aurora-gold { top: -14%; left: -18%; background: var(--gold); }
.hero-aurora-blue { right: -16%; bottom: -20%; background: var(--blue); }
.hero-layout { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(500px, .95fr); gap: clamp(28px, 6vw, 90px); align-items: center; }
.hero-copy { padding: 40px 0; }
.hero h1 { margin: 24px 0 0; max-width: 760px; font: 800 clamp(47px, 6.3vw, 82px)/.98 'Space Grotesk', sans-serif; letter-spacing: -.058em; }
.hero-copy > p { max-width: 680px; margin: 28px 0 0; color: var(--text); font-size: clamp(1.06rem, 1.5vw, 1.23rem); line-height: 1.72; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.button { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; padding: 0 22px; border: 1px solid transparent; border-radius: 999px; font-weight: 700; font-size: .91rem; transition: .25s var(--ease); }
.button-primary { color: #090909; background: linear-gradient(145deg, var(--gold-light), var(--gold) 58%, var(--gold-dark)); box-shadow: 0 16px 46px rgba(214, 166, 60, .25); }
.button-primary:hover { box-shadow: 0 20px 60px rgba(214, 166, 60, .38); transform: translateY(-2px); }
.button-ghost { color: white; border-color: var(--line); background: rgba(255, 255, 255, .035); backdrop-filter: blur(12px); }
.button-ghost:hover { border-color: var(--line-gold); background: rgba(214, 166, 60, .07); color: var(--gold-light); transform: translateY(-2px); }
.hero-proof { margin-top: 42px; display: flex; flex-wrap: wrap; gap: 10px 22px; color: var(--muted); font-size: .77rem; font-weight: 600; }
.hero-proof span { display: inline-flex; align-items: center; gap: 8px; }
.hero-proof span::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: rgba(242, 200, 102, .66); }

.system-orbit { --orbit-x: 0px; --orbit-y: 0px; --spot-x: 50%; --spot-y: 50%; position: relative; aspect-ratio: 1; max-width: 610px; margin-inline: auto; border: 1px solid var(--line); border-radius: 50%; background: radial-gradient(circle at 50% 50%, rgba(214,166,60,.10), transparent 23%), rgba(11,14,20,.56); box-shadow: inset 0 0 70px rgba(255,255,255,.025), 0 50px 120px rgba(0,0,0,.48); transform: translate(var(--orbit-x), var(--orbit-y)); transition: transform .7s var(--ease); }
.system-orbit::before, .system-orbit::after { content: ''; position: absolute; border: 1px solid rgba(255,255,255,.06); border-radius: 50%; inset: 12%; }
.system-orbit::after { inset: 27%; border-style: dashed; animation: spin 28s linear infinite; }
.orbit-spotlight { position: absolute; inset: 0; border-radius: inherit; background: radial-gradient(220px circle at var(--spot-x) var(--spot-y), rgba(242,200,102,.13), transparent 64%); pointer-events: none; }
.orbit-lines { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.orbit-paths path { fill: none; stroke: url(#lineGold); stroke-width: 1.3; stroke-dasharray: 5 10; animation: dash 18s linear infinite; }
.pulse-dot { fill: var(--gold-light); filter: drop-shadow(0 0 8px rgba(242,200,102,.9)); animation: pulseDot 3.6s ease-in-out infinite; }
.p2 { animation-delay: .5s; } .p3 { animation-delay: 1s; } .p4 { animation-delay: 1.5s; } .p5 { animation-delay: 2s; } .p6 { animation-delay: 2.5s; }
.orbit-core { position: absolute; inset: 50% auto auto 50%; width: 154px; aspect-ratio: 1; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid var(--line-gold); border-radius: 50%; background: radial-gradient(circle at 35% 25%, rgba(242,200,102,.18), rgba(12,15,21,.96) 60%); box-shadow: 0 0 60px rgba(214,166,60,.14), inset 0 0 24px rgba(255,255,255,.04); text-align: center; }
.orbit-core small { color: var(--muted); font-size: .6rem; letter-spacing: .22em; }
.orbit-core strong { margin-top: 5px; font: 800 1.42rem/1 'Space Grotesk'; letter-spacing: -.03em; color: var(--gold-light); }
.orbit-core span { margin-top: 7px; width: 90px; color: var(--muted); font-size: .61rem; line-height: 1.3; }
.orbit-node { position: absolute; width: 136px; min-height: 76px; padding: 13px 14px; border: 1px solid var(--line); border-radius: 17px; background: rgba(14,18,26,.78); backdrop-filter: blur(14px); text-align: left; box-shadow: 0 16px 40px rgba(0,0,0,.3); transition: .3s var(--ease); }
.orbit-node:hover { border-color: var(--line-gold); transform: translateY(-4px); background: rgba(18,22,31,.94); }
.orbit-node span { display: block; color: var(--gold-light); font-size: .58rem; letter-spacing: .16em; }
.orbit-node strong { display: block; margin-top: 5px; font: 700 .78rem/1 'Space Grotesk'; letter-spacing: .08em; }
.orbit-node small { display: block; margin-top: 6px; color: var(--muted); font-size: .62rem; line-height: 1.3; }
.n-web { left: 50%; top: 0; transform: translate(-50%, -12%); }
.n-web:hover { transform: translate(-50%, calc(-12% - 4px)); }
.n-ads { right: -2%; top: 26%; }
.n-content { right: -2%; bottom: 18%; }
.n-crm { left: 50%; bottom: 0; transform: translate(-50%, 12%); }
.n-crm:hover { transform: translate(-50%, calc(12% - 4px)); }
.n-ai { left: -2%; bottom: 18%; }
.n-data { left: -2%; top: 26%; }
.scroll-cue { position: absolute; z-index: 3; left: 50%; bottom: 22px; width: 28px; height: 44px; border: 1px solid var(--line); border-radius: 999px; transform: translateX(-50%); }
.scroll-cue span { position: absolute; top: 8px; left: 50%; width: 4px; height: 8px; border-radius: 99px; background: var(--gold-light); transform: translateX(-50%); animation: scrollCue 2s ease-in-out infinite; }

.section-system { background: linear-gradient(180deg, var(--bg), #0a0d13 50%, var(--bg-soft)); }
.transform-stage { border: 1px solid var(--line); border-radius: 30px; background: rgba(15,19,27,.72); box-shadow: 0 40px 100px rgba(0,0,0,.35); overflow: hidden; }
.transform-toolbar { display: flex; gap: 6px; padding: 14px; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.018); }
.transform-tab { min-height: 40px; padding: 0 16px; border: 1px solid transparent; border-radius: 999px; background: transparent; color: var(--muted); font-weight: 700; cursor: pointer; }
.transform-tab.is-active { color: var(--gold-light); background: rgba(214,166,60,.08); border-color: var(--line-gold); }
.transform-canvas { position: relative; min-height: 580px; overflow: hidden; background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: 46px 46px; }
.transform-canvas::after { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 50% 50%, rgba(214,166,60,.08), transparent 32%); pointer-events: none; }
.floating-module { position: absolute; width: 190px; padding: 18px; border: 1px solid var(--line); border-radius: 18px; background: rgba(14,18,25,.88); box-shadow: 0 20px 55px rgba(0,0,0,.34); transition: 1s var(--ease); z-index: 2; }
.floating-module span { display: block; color: var(--gold-light); font: 700 .72rem/1 'Space Grotesk'; letter-spacing: .1em; }
.floating-module small { display: block; margin-top: 8px; color: var(--muted); font-size: .72rem; }
.m-web { left: 6%; top: 12%; transform: rotate(-3deg); }
.m-ads { right: 10%; top: 9%; transform: rotate(4deg); }
.m-wa { right: 4%; top: 48%; transform: rotate(-2deg); }
.m-content { left: 12%; top: 53%; transform: rotate(4deg); }
.m-data { left: 39%; bottom: 6%; transform: rotate(-4deg); }
.m-follow { right: 29%; top: 28%; transform: rotate(3deg); }
.transform-core { position: absolute; z-index: 1; top: 50%; left: 50%; width: 240px; min-height: 126px; transform: translate(-50%, -50%) scale(.72); opacity: .12; border: 1px solid var(--line-gold); border-radius: 24px; background: radial-gradient(circle at 50% 20%, rgba(242,200,102,.16), rgba(13,17,24,.95)); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; transition: 1s var(--ease); box-shadow: 0 0 100px rgba(214,166,60,.16); }
.transform-core small { color: var(--gold-light); letter-spacing: .17em; font-size: .62rem; }
.transform-core strong { max-width: 180px; margin-top: 10px; font: 700 1.15rem/1.25 'Space Grotesk'; }
.transform-canvas.is-system .transform-core { transform: translate(-50%, -50%) scale(1); opacity: 1; }
.transform-canvas.is-system .floating-module { width: 170px; transform: none; }
.transform-canvas.is-system .m-web { left: 7%; top: 18%; }
.transform-canvas.is-system .m-ads { right: 7%; top: 18%; }
.transform-canvas.is-system .m-wa { right: 7%; top: 60%; }
.transform-canvas.is-system .m-content { left: 7%; top: 60%; }
.transform-canvas.is-system .m-data { left: calc(50% - 85px); bottom: 4%; }
.transform-canvas.is-system .m-follow { right: calc(50% - 85px); top: 6%; }
.transform-lines { position: absolute; inset: 0; opacity: 0; transition: .7s ease; background: radial-gradient(circle at 50% 50%, transparent 0 13%, rgba(214,166,60,.15) 13.2% 13.4%, transparent 13.6%), conic-gradient(from 0deg at 50% 50%, transparent 0 8%, rgba(76,120,255,.18) 8.1% 8.3%, transparent 8.4% 24%, rgba(214,166,60,.18) 24.1% 24.3%, transparent 24.4% 41%, rgba(76,120,255,.18) 41.1% 41.3%, transparent 41.4% 58%, rgba(214,166,60,.18) 58.1% 58.3%, transparent 58.4% 75%, rgba(76,120,255,.18) 75.1% 75.3%, transparent 75.4%); }
.transform-canvas.is-system .transform-lines { opacity: 1; }
.transform-caption { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); }
.transform-caption > div { padding: 24px; border-right: 1px solid var(--line); }
.transform-caption > div:last-child { border-right: 0; }
.transform-caption span { color: var(--gold-light); font-size: .66rem; font-weight: 700; }
.transform-caption strong { display: block; margin-top: 10px; font: 700 1rem/1.2 'Space Grotesk'; }
.transform-caption small { display: block; margin-top: 7px; color: var(--muted); line-height: 1.5; }

.section-ecosystem { background: var(--bg-soft); }
.bento-grid { display: grid; grid-template-columns: repeat(12, 1fr); grid-auto-rows: 190px; gap: 16px; }
.bento-card { position: relative; overflow: hidden; padding: 26px; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(145deg, rgba(255,255,255,.035), rgba(255,255,255,.012)); box-shadow: 0 22px 60px rgba(0,0,0,.25); }
.bento-card::before { content: ''; position: absolute; inset: 0; background: radial-gradient(480px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(242,200,102,.10), transparent 42%); opacity: 0; transition: opacity .25s ease; }
.bento-card:hover::before { opacity: 1; }
.bento-card:hover { border-color: var(--line-gold); transform: translateY(-4px); transition: .3s var(--ease); }
.card-spotlight { position: absolute; inset: 0; pointer-events: none; background: radial-gradient(220px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(255,255,255,.08), transparent 64%); opacity: 0; transition: opacity .25s; }
[data-spotlight-card]:hover .card-spotlight { opacity: 1; }
.bento-1 { grid-column: span 7; grid-row: span 2; }
.bento-2 { grid-column: span 5; grid-row: span 2; }
.bento-3, .bento-4, .bento-5 { grid-column: span 4; grid-row: span 2; }
.bento-6 { grid-column: span 12; grid-row: span 1; }
.bento-top { position: relative; z-index: 2; display: flex; justify-content: space-between; color: var(--muted); font-size: .67rem; letter-spacing: .14em; }
.bento-top i { font-style: normal; font-size: 1.1rem; transition: .25s ease; }
.bento-card:hover .bento-top i { color: var(--gold-light); transform: translate(3px, -3px); }
.bento-card h3 { position: relative; z-index: 2; margin: 38px 0 0; font: 700 clamp(1.3rem, 2.3vw, 2rem)/1.05 'Space Grotesk'; letter-spacing: -.035em; }
.bento-card p { position: relative; z-index: 2; max-width: 520px; margin: 14px 0 0; color: var(--text); line-height: 1.65; }
.tag-row { position: relative; z-index: 2; display: flex; flex-wrap: wrap; gap: 7px; margin-top: 22px; }
.tag-row span { padding: 6px 9px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-size: .66rem; }
.bento-visual { position: absolute; right: -20px; bottom: -18px; width: 230px; height: 150px; opacity: .38; transform: perspective(500px) rotateX(60deg) rotateZ(-16deg); }
.bento-visual span { position: absolute; border: 1px solid currentColor; border-radius: 16px; background: rgba(255,255,255,.02); }
.bento-visual span:nth-child(1) { inset: 0; }
.bento-visual span:nth-child(2) { inset: 18px 24px; }
.bento-visual span:nth-child(3) { inset: 38px 52px; }
.bento-visual span:nth-child(4) { inset: 62px 80px; }
.accent-gold .bento-visual { color: rgba(214,166,60,.7); }
.accent-blue .bento-visual { color: rgba(76,120,255,.75); }

.section-cases { background: linear-gradient(180deg, var(--bg-soft), var(--bg)); }
.cases-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.case-card { position: relative; min-height: 360px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); transition: .35s var(--ease); }
.case-featured { grid-column: span 2; min-height: 500px; }
.case-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--ease), filter .5s ease; }
.case-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(7,9,13,.06), rgba(7,9,13,.95) 86%); }
.case-card::after { content: ''; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px transparent; transition: .35s ease; }
.case-card:hover { border-color: var(--line-gold); transform: translateY(-5px); box-shadow: 0 34px 86px rgba(0,0,0,.42); }
.case-card:hover img { transform: scale(1.045); filter: saturate(1.08); }
.case-copy { position: absolute; z-index: 2; left: 28px; right: 70px; bottom: 26px; }
.case-copy span { color: var(--gold-light); font-size: .67rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.case-copy h3 { margin: 10px 0 0; font: 700 clamp(1.45rem, 2.8vw, 2.35rem)/1 'Space Grotesk'; letter-spacing: -.035em; }
.case-copy p { max-width: 660px; margin: 13px 0 0; color: var(--text); line-height: 1.58; }
.case-arrow { position: absolute; z-index: 2; right: 24px; top: 24px; width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: rgba(7,9,13,.62); transition: .25s ease; }
.case-card:hover .case-arrow { color: #080808; border-color: transparent; background: var(--gold-light); transform: translate(3px, -3px); }

.section-method { background: var(--bg); }
.method-layout { display: grid; grid-template-columns: minmax(300px, .8fr) minmax(0, 1.2fr); gap: clamp(50px, 9vw, 130px); align-items: start; }
.method-sticky { position: sticky; top: 120px; }
.method-steps { border-top: 1px solid var(--line); }
.method-step { display: grid; grid-template-columns: 80px 1fr; gap: 24px; padding: 32px 0; border-bottom: 1px solid var(--line); transition: .25s ease; }
.method-step:hover { padding-left: 14px; border-color: var(--line-gold); }
.method-step > span { color: var(--gold-light); font-size: .7rem; font-weight: 700; letter-spacing: .16em; }
.method-step h3 { margin: 0; font: 700 clamp(1.25rem, 2.2vw, 1.7rem)/1.05 'Space Grotesk'; }
.method-step p { margin: 10px 0 0; color: var(--text); line-height: 1.65; }

.section-insights { padding-top: 40px; }
.insights-card { padding: clamp(30px, 5vw, 64px); border: 1px solid var(--line); border-radius: 32px; background: radial-gradient(circle at 12% 10%, rgba(214,166,60,.12), transparent 32%), radial-gradient(circle at 88% 80%, rgba(76,120,255,.1), transparent 30%), var(--surface); display: grid; grid-template-columns: 1fr .78fr; gap: 56px; align-items: center; box-shadow: 0 36px 100px rgba(0,0,0,.32); }
.insights-preview { display: grid; gap: 10px; }
.insights-preview article { padding: 18px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.025); transition: .25s ease; }
.insights-preview article:hover { transform: translateX(-6px); border-color: var(--line-gold); }
.insights-preview small { display: block; color: var(--gold-light); font-size: .62rem; letter-spacing: .13em; }
.insights-preview strong { display: block; margin-top: 8px; font: 700 .95rem/1.3 'Space Grotesk'; }
.insights-preview span { display: block; margin-top: 9px; color: var(--muted); font-size: .68rem; }

.site-footer { position: relative; padding: clamp(100px, 12vw, 170px) 0 24px; overflow: hidden; background: #05070a; border-top: 1px solid var(--line); }
.footer-glow { position: absolute; top: -220px; left: 50%; width: 720px; aspect-ratio: 1; border-radius: 50%; transform: translateX(-50%); background: rgba(214,166,60,.12); filter: blur(120px); }
.footer-cta { position: relative; z-index: 1; max-width: 900px; }
.footer-cta h2 { font-size: clamp(40px, 6vw, 76px); }
.footer-cta > p { max-width: 720px; }
.footer-grid { position: relative; z-index: 1; margin-top: 100px; padding: 38px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 40px; }
.footer-grid > div { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.footer-grid > div > strong { margin-bottom: 8px; color: white; font: 700 .83rem/1 'Space Grotesk'; }
.footer-grid a:not(.brand) { color: var(--muted); font-size: .82rem; }
.footer-grid a:hover { color: var(--gold-light); }
.footer-brand p { max-width: 300px; margin: 6px 0 0; color: var(--muted); line-height: 1.6; }
.footer-bottom { position: relative; z-index: 1; padding-top: 24px; display: flex; justify-content: space-between; color: rgba(255,255,255,.32); font-size: .72rem; }
.whatsapp-float { position: fixed; z-index: 900; right: 20px; bottom: 20px; width: 52px; height: 52px; display: grid; place-items: center; border: 1px solid rgba(37,211,102,.3); border-radius: 50%; background: rgba(20,25,22,.86); color: #25d366; backdrop-filter: blur(12px); box-shadow: 0 14px 45px rgba(0,0,0,.38); transition: .25s ease; }
.whatsapp-float:hover { transform: translateY(-4px) scale(1.04); background: #25d366; color: #07100a; }
.whatsapp-float svg { width: 24px; }

.reveal { opacity: 0; transform: translateY(28px); transition: opacity .9s var(--ease), transform .9s var(--ease); }
.reveal.delay-1 { transition-delay: .12s; }
.reveal.is-visible { opacity: 1; transform: none; }

@keyframes blink { 0%,100% { opacity: .45; transform: scale(.8); } 50% { opacity: 1; transform: scale(1.15); } }
@keyframes spin { to { transform: rotate(360deg); } }
@keyframes dash { to { stroke-dashoffset: -150; } }
@keyframes pulseDot { 0%,100% { opacity: .3; r: 3; } 50% { opacity: 1; r: 5; } }
@keyframes scrollCue { 0% { opacity: 0; transform: translate(-50%, 0); } 40% { opacity: 1; } 100% { opacity: 0; transform: translate(-50%, 15px); } }

@media (max-width: 1040px) {
  .hero-layout { grid-template-columns: 1fr; }
  .hero-copy { max-width: 850px; text-align: center; margin-inline: auto; }
  .hero-copy > p { margin-inline: auto; }
  .hero-actions, .hero-proof { justify-content: center; }
  .system-orbit { width: min(620px, 88vw); margin-top: 40px; }
  .split-heading { grid-template-columns: 1fr; gap: 0; }
  .split-heading > p { max-width: 700px; }
  .bento-1, .bento-2 { grid-column: span 6; }
  .bento-3, .bento-4, .bento-5 { grid-column: span 6; }
  .bento-6 { grid-column: span 6; grid-row: span 2; }
}

@media (max-width: 820px) {
  .desktop-nav { display: none; }
  .menu-button { display: flex; }
  .mobile-overlay { display: block; position: fixed; inset: 0; opacity: 0; visibility: hidden; background: rgba(0,0,0,.62); transition: .25s ease; }
  .mobile-overlay.is-open { opacity: 1; visibility: visible; }
  .mobile-menu { display: flex; position: fixed; right: 0; top: 0; bottom: 0; width: min(330px, 88vw); padding: 96px 24px 30px; flex-direction: column; gap: 5px; background: rgba(9,12,17,.98); border-left: 1px solid var(--line); transform: translateX(102%); transition: .3s var(--ease); box-shadow: -25px 0 80px rgba(0,0,0,.45); }
  .mobile-menu.is-open { transform: none; }
  .mobile-menu-label { margin-bottom: 22px; color: var(--muted); font-size: .65rem; letter-spacing: .2em; }
  .mobile-menu a { padding: 13px 14px; border-radius: 12px; color: var(--text); font-weight: 600; }
  .mobile-menu a:hover { background: rgba(255,255,255,.04); color: white; }
  .mobile-menu .nav-cta { margin: 14px 0 0; text-align: center; }
  .transform-canvas { min-height: 640px; }
  .floating-module { width: 150px; }
  .transform-caption { grid-template-columns: repeat(2, 1fr); }
  .transform-caption > div:nth-child(2) { border-right: 0; }
  .transform-caption > div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .bento-grid { grid-template-columns: 1fr; grid-auto-rows: auto; }
  .bento-card, .bento-1, .bento-2, .bento-3, .bento-4, .bento-5, .bento-6 { grid-column: auto; grid-row: auto; min-height: 320px; }
  .cases-grid { grid-template-columns: 1fr; }
  .case-featured { grid-column: auto; min-height: 420px; }
  .method-layout { grid-template-columns: 1fr; }
  .method-sticky { position: relative; top: auto; }
  .insights-card { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 620px) {
  .shell { width: min(100% - 24px, var(--shell)); }
  .section { padding: 86px 0; }
  .hero { padding-top: 104px; }
  .hero h1 { font-size: clamp(42px, 13vw, 58px); }
  .hero-actions .button { width: 100%; }
  .system-orbit { width: 92vw; transform: scale(.92); margin-block: 12px -20px; }
  .orbit-node { width: 112px; min-height: 68px; padding: 11px; }
  .orbit-node small { display: none; }
  .orbit-core { width: 128px; }
  .transform-canvas { min-height: 700px; }
  .floating-module { width: 134px; padding: 14px; }
  .transform-canvas.is-system .floating-module { width: 132px; }
  .transform-canvas.is-system .m-web { left: 3%; top: 18%; }
  .transform-canvas.is-system .m-ads { right: 3%; top: 18%; }
  .transform-canvas.is-system .m-wa { right: 3%; top: 62%; }
  .transform-canvas.is-system .m-content { left: 3%; top: 62%; }
  .transform-core { width: 190px; }
  .transform-caption { grid-template-columns: 1fr; }
  .transform-caption > div { border-right: 0; border-bottom: 1px solid var(--line); }
  .transform-caption > div:last-child { border-bottom: 0; }
  .case-card, .case-featured { min-height: 390px; }
  .case-copy { left: 20px; right: 20px; bottom: 20px; }
  .case-copy p { font-size: .88rem; }
  .case-arrow { right: 18px; top: 18px; }
  .method-step { grid-template-columns: 54px 1fr; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-bottom { flex-direction: column; gap: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}

/* =========================================================
   DAMAY DIGITAL — V2 EXPERIENCE LAYER
   Hero Command Center + Connected System Map
   ========================================================= */
.hero-v2 { min-height: 100svh; padding: 112px 0 96px; background:
  radial-gradient(circle at 70% 43%, rgba(76,120,255,.10), transparent 34%),
  radial-gradient(circle at 28% 22%, rgba(214,166,60,.09), transparent 29%),
  linear-gradient(180deg,#07090d 0%,#090c12 66%,#07090d 100%); }
.hero-v2::before { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,rgba(255,255,255,.018),transparent 22%,transparent 78%,rgba(255,255,255,.018)); }
.hero-scan { position:absolute; z-index:1; inset:-20% 0 auto; height:45%; pointer-events:none; opacity:.32; background:linear-gradient(180deg,transparent,rgba(242,200,102,.055),transparent); animation:heroScan 9s ease-in-out infinite; }
.hero-layout-v2 { grid-template-columns:minmax(0,.94fr) minmax(560px,1.06fr); gap:clamp(34px,5vw,76px); }
.hero-v2 .hero-copy { padding:28px 0 56px; }
.hero-status { width:max-content; max-width:100%; margin-bottom:22px; padding:8px 12px; display:flex; align-items:center; gap:8px; border:1px solid rgba(102,217,232,.16); border-radius:10px; background:rgba(10,15,22,.62); box-shadow:inset 0 0 22px rgba(102,217,232,.025); color:rgba(255,255,255,.78); font-size:.64rem; letter-spacing:.09em; }
.hero-status b { font:700 .64rem/1 'Space Grotesk'; color:#dce6ff; }
.hero-status small { color:var(--muted); letter-spacing:.02em; }
.status-live { width:7px; height:7px; border-radius:50%; background:#69e6ad; box-shadow:0 0 14px rgba(105,230,173,.8); animation:statusLive 2s ease-in-out infinite; }
.hero-v2 h1 { max-width:730px; font-size:clamp(48px,5.8vw,79px); }
.hero-v2 .hero-copy > p { max-width:650px; }
.hero-flow { margin-top:36px; padding-top:20px; display:flex; flex-wrap:wrap; align-items:center; gap:7px 10px; border-top:1px solid var(--line); color:rgba(255,255,255,.43); font:700 .62rem/1 'Space Grotesk'; letter-spacing:.12em; }
.hero-flow span { transition:.25s ease; }
.hero-flow span:nth-of-type(3) { color:var(--gold-light); }
.hero-flow i { color:rgba(242,200,102,.35); font-style:normal; }

.command-center { --cmd-x:0px; --cmd-y:0px; --cmd-spot-x:50%; --cmd-spot-y:45%; position:relative; min-height:650px; border:1px solid rgba(255,255,255,.105); border-radius:30px; overflow:hidden; background:
  radial-gradient(420px circle at var(--cmd-spot-x) var(--cmd-spot-y),rgba(242,200,102,.095),transparent 56%),
  linear-gradient(145deg,rgba(17,22,31,.92),rgba(8,11,17,.9));
  box-shadow:0 56px 140px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.045); transform:translate(var(--cmd-x),var(--cmd-y)); transition:transform .65s var(--ease); }
.command-center::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.42; background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:38px 38px; mask-image:linear-gradient(180deg,black 0 76%,transparent); }
.command-center::after { content:""; position:absolute; inset:0; pointer-events:none; border-radius:inherit; box-shadow:inset 0 0 0 1px rgba(242,200,102,.04),inset 0 -100px 130px rgba(0,0,0,.27); }
.command-glow { position:absolute; left:50%; top:39%; width:360px; aspect-ratio:1; border-radius:50%; transform:translate(-50%,-50%); background:rgba(214,166,60,.12); filter:blur(85px); pointer-events:none; animation:commandBreath 5.2s ease-in-out infinite; }
.command-topbar { position:relative; z-index:4; height:54px; padding:0 18px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); background:rgba(255,255,255,.018); color:var(--muted); font-size:.62rem; letter-spacing:.12em; }
.command-topbar span { display:flex; align-items:center; gap:8px; color:rgba(255,255,255,.62); font-weight:700; }
.command-topbar i { width:6px; height:6px; border-radius:50%; background:#69e6ad; box-shadow:0 0 12px rgba(105,230,173,.7); }
.command-topbar small { font-size:.58rem; }
.command-stage { position:relative; z-index:2; height:470px; }
.command-radar { position:absolute; inset:50% auto auto 50%; width:330px; aspect-ratio:1; transform:translate(-50%,-50%); border-radius:50%; pointer-events:none; }
.radar-ring { position:absolute; border:1px solid rgba(255,255,255,.055); border-radius:50%; }
.radar-ring.r1 { inset:0; }.radar-ring.r2 { inset:19%; border-style:dashed; animation:spin 32s linear infinite reverse; }.radar-ring.r3 { inset:38%; }
.radar-sweep { position:absolute; inset:0; border-radius:50%; background:conic-gradient(from 0deg,transparent 0 83%,rgba(242,200,102,.16) 94%,transparent 100%); animation:spin 8s linear infinite; mask-image:radial-gradient(circle,transparent 0 12%,black 13% 100%); }
.command-links { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
.command-links path { fill:none; stroke:url(#commandGold); stroke-width:1.2; stroke-dasharray:6 9; opacity:.72; animation:dash 16s linear infinite; }
.command-core { position:absolute; left:50%; top:50%; width:160px; aspect-ratio:1; transform:translate(-50%,-50%); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; border:1px solid rgba(242,200,102,.38); border-radius:50%; background:radial-gradient(circle at 34% 24%,rgba(255,232,172,.22),rgba(19,19,19,.98) 62%); box-shadow:0 0 0 10px rgba(214,166,60,.025),0 0 70px rgba(214,166,60,.21),inset 0 0 38px rgba(255,255,255,.05); }
.command-core::before,.command-core::after { content:""; position:absolute; border-radius:50%; border:1px solid rgba(242,200,102,.1); animation:coreRipple 3.8s ease-out infinite; }
.command-core::before { inset:-14px; }.command-core::after { inset:-34px; animation-delay:1.3s; }
.core-pulse { position:absolute; inset:16px; border-radius:50%; background:conic-gradient(from 0deg,transparent,rgba(242,200,102,.18),transparent 35%); animation:spin 7s linear infinite; }
.command-core small,.command-core strong,.command-core em { position:relative; z-index:1; }
.command-core small { color:var(--muted); font-size:.55rem; letter-spacing:.18em; }
.command-core strong { margin-top:7px; color:var(--gold-light); font:800 .86rem/1 'Space Grotesk'; letter-spacing:.08em; }
.command-core em { margin-top:8px; color:rgba(255,255,255,.5); font-style:normal; font-size:.58rem; line-height:1.35; }
.command-node { position:absolute; z-index:3; width:142px; min-height:73px; padding:12px 14px; border:1px solid rgba(255,255,255,.09); border-radius:16px; background:rgba(13,17,24,.84); backdrop-filter:blur(13px); text-align:left; cursor:pointer; box-shadow:0 18px 42px rgba(0,0,0,.32); transition:.32s var(--ease); }
.command-node::after { content:""; position:absolute; left:-1px; top:15px; bottom:15px; width:2px; border-radius:9px; background:transparent; transition:.25s ease; }
.command-node:hover,.command-node.is-active { border-color:rgba(242,200,102,.38); background:rgba(19,23,32,.96); transform:translateY(-4px); box-shadow:0 24px 58px rgba(0,0,0,.42),0 0 32px rgba(214,166,60,.07); }
.command-node.is-active::after { background:var(--gold-light); box-shadow:0 0 14px rgba(242,200,102,.75); }
.command-node span { display:block; color:var(--gold-light); font-size:.52rem; letter-spacing:.16em; }
.command-node strong { display:block; margin-top:5px; font:700 .72rem/1 'Space Grotesk'; letter-spacing:.075em; }
.command-node small { display:block; margin-top:6px; color:var(--muted); font-size:.57rem; line-height:1.25; }
.node-web { left:50%; top:8px; transform:translateX(-50%); }.node-web:hover,.node-web.is-active { transform:translateX(-50%) translateY(-4px); }
.node-ads { right:17px; top:104px; }.node-content { right:17px; bottom:62px; }.node-crm { left:50%; bottom:3px; transform:translateX(-50%); }.node-crm:hover,.node-crm.is-active { transform:translateX(-50%) translateY(-4px); }
.node-ai { left:17px; bottom:62px; }.node-data { left:17px; top:104px; }
.command-detail { position:relative; z-index:5; min-height:125px; padding:18px 20px 20px; display:grid; grid-template-columns:170px minmax(0,1fr); column-gap:18px; border-top:1px solid var(--line); background:linear-gradient(180deg,rgba(7,10,15,.72),rgba(7,10,15,.96)); }
.command-detail > div:first-child { display:flex; flex-direction:column; gap:9px; }
.command-detail > div:first-child span { color:var(--gold-light); font:700 .56rem/1 'Space Grotesk'; letter-spacing:.15em; }
.command-detail > div:first-child strong { font:700 .74rem/1.25 'Space Grotesk'; letter-spacing:.05em; }
.command-detail p { margin:0; color:var(--text); font-size:.73rem; line-height:1.52; }
.command-results { grid-column:2; margin-top:13px; display:flex; flex-wrap:wrap; gap:6px; }
.command-results span { padding:5px 8px; border:1px solid rgba(102,217,232,.13); border-radius:999px; color:rgba(215,230,255,.55); background:rgba(76,120,255,.035); font-size:.56rem; }
.hero-outcome-rail { position:absolute; z-index:4; left:0; right:0; bottom:0; border-top:1px solid var(--line); background:rgba(6,8,12,.78); backdrop-filter:blur(12px); }
.hero-outcome-rail .shell { min-height:54px; display:grid; grid-template-columns:repeat(4,1fr); align-items:center; }
.hero-outcome-rail span { padding:0 18px; border-right:1px solid var(--line); color:rgba(255,255,255,.48); font-size:.65rem; }
.hero-outcome-rail span:first-child { padding-left:0; }.hero-outcome-rail span:last-child { border-right:0; }
.hero-outcome-rail b { margin-right:7px; color:var(--gold-light); font-size:.55rem; }
.hero-v2 .scroll-cue { bottom:66px; }

.system-v2 { padding-top:clamp(105px,12vw,172px); background:
  radial-gradient(circle at 50% 30%,rgba(76,120,255,.055),transparent 34%),
  linear-gradient(180deg,#07090d,#0a0d13 48%,#080b10); }
.system-console { border:1px solid rgba(255,255,255,.095); border-radius:30px; overflow:hidden; background:rgba(12,16,23,.9); box-shadow:0 48px 130px rgba(0,0,0,.42); }
.system-console-head { min-height:62px; padding:10px 14px 10px 20px; display:flex; align-items:center; justify-content:space-between; gap:18px; border-bottom:1px solid var(--line); background:rgba(255,255,255,.018); }
.console-identity { display:flex; align-items:center; gap:9px; color:rgba(255,255,255,.68); }
.console-identity i { width:7px; height:7px; border-radius:50%; background:#69e6ad; box-shadow:0 0 14px rgba(105,230,173,.7); }
.console-identity span { font:700 .65rem/1 'Space Grotesk'; letter-spacing:.13em; }
.console-identity small { color:var(--muted); font-size:.59rem; }
.system-view-switch { display:flex; padding:4px; border:1px solid var(--line); border-radius:999px; background:rgba(0,0,0,.18); }
.system-view-button { min-height:36px; padding:0 14px; border:0; border-radius:999px; background:transparent; color:var(--muted); font-size:.66rem; font-weight:700; cursor:pointer; transition:.25s ease; }
.system-view-button.is-active { color:#090909; background:linear-gradient(145deg,var(--gold-light),var(--gold)); box-shadow:0 8px 24px rgba(214,166,60,.18); }
.system-map { position:relative; min-height:650px; overflow:hidden; display:grid; grid-template-columns:190px minmax(480px,1fr) 210px; gap:34px; align-items:center; padding:58px 34px 92px; transition:.8s var(--ease); }
.map-background { position:absolute; inset:0; opacity:.45; background-image:linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px); background-size:44px 44px; mask-image:linear-gradient(180deg,black,transparent 92%); }
.system-map::before { content:""; position:absolute; left:50%; top:48%; width:560px; height:280px; transform:translate(-50%,-50%); border-radius:50%; background:rgba(214,166,60,.08); filter:blur(100px); transition:.8s ease; }
.system-flow-lines { position:absolute; z-index:1; inset:0; width:100%; height:100%; pointer-events:none; }
.flow-paths path { fill:none; stroke:url(#flowGradient); stroke-width:1.5; stroke-dasharray:8 10; opacity:.52; filter:url(#flowGlow); animation:flowDash 13s linear infinite; transition:.7s ease; }
.flow-paths .feedback-path { stroke-width:1; opacity:.24; stroke-dasharray:4 10; }
.data-packets circle { fill:var(--gold-light); filter:drop-shadow(0 0 7px rgba(242,200,102,.9)); opacity:.8; }
.data-packets circle:nth-child(1) { animation:packetOne 5.5s linear infinite; }.data-packets circle:nth-child(2) { animation:packetTwo 6.2s linear infinite 1.1s; }.data-packets circle:nth-child(3) { animation:packetThree 6.8s linear infinite 2.2s; }
.system-column,.system-pipeline { position:relative; z-index:3; }
.system-column { display:flex; flex-direction:column; gap:12px; }
.system-column-label { margin-bottom:3px; color:var(--muted); font:700 .57rem/1 'Space Grotesk'; letter-spacing:.17em; }
.system-unit,.pipeline-unit { position:relative; border:1px solid var(--line); background:rgba(13,18,26,.89); box-shadow:0 16px 42px rgba(0,0,0,.26); transition:.55s var(--ease); }
.system-unit { min-height:91px; padding:14px 14px 14px 44px; border-radius:16px; text-align:left; }
.system-unit i { position:absolute; left:14px; top:15px; width:20px; height:20px; display:grid; place-items:center; border:1px solid rgba(242,200,102,.2); border-radius:7px; color:var(--gold-light); background:rgba(214,166,60,.04); font-style:normal; font-size:.52rem; }
.system-unit strong,.pipeline-unit strong { display:block; font:700 .72rem/1.2 'Space Grotesk'; }
.system-unit small,.pipeline-unit small { display:block; margin-top:7px; color:var(--muted); font-size:.61rem; line-height:1.35; }
.input-unit { cursor:pointer; }
.input-unit:hover,.pipeline-unit:hover,.pipeline-unit.is-active { border-color:rgba(242,200,102,.35); background:rgba(18,23,32,.98); box-shadow:0 22px 55px rgba(0,0,0,.34),0 0 28px rgba(214,166,60,.055); }
.system-pipeline { min-width:0; display:grid; grid-template-columns:repeat(4,minmax(105px,1fr)); gap:12px; align-items:center; }
.pipeline-unit { min-height:135px; padding:17px; border-radius:18px; text-align:left; cursor:pointer; }
.pipeline-unit::after { content:""; position:absolute; left:17px; right:17px; bottom:-1px; height:2px; border-radius:99px; background:transparent; transition:.25s ease; }
.pipeline-unit.is-active::after { background:linear-gradient(90deg,var(--gold),var(--cyan)); box-shadow:0 0 15px rgba(242,200,102,.45); }
.pipeline-unit span { display:block; color:var(--gold-light); font-size:.53rem; letter-spacing:.14em; }
.pipeline-unit strong { margin-top:22px; font-size:.68rem; letter-spacing:.04em; }
.output-unit { background:linear-gradient(145deg,rgba(17,27,27,.84),rgba(13,18,26,.9)); }
.output-unit i { color:#72e4b2; border-color:rgba(105,230,173,.18); background:rgba(105,230,173,.04); }
.system-feedback { position:absolute; z-index:3; left:244px; right:278px; bottom:24px; min-height:64px; padding:13px 18px; display:grid; grid-template-columns:110px 1fr; column-gap:14px; align-items:center; border:1px solid rgba(102,217,232,.12); border-radius:15px; background:rgba(8,14,20,.8); }
.system-feedback span { grid-row:span 2; color:var(--cyan); font:700 .55rem/1 'Space Grotesk'; letter-spacing:.14em; }
.system-feedback strong { color:rgba(221,233,255,.75); font:700 .67rem/1 'Space Grotesk'; letter-spacing:.08em; }
.system-feedback small { margin-top:5px; color:var(--muted); font-size:.59rem; }
.chaos-warning { position:absolute; z-index:8; left:50%; top:50%; width:min(430px,80%); padding:22px; transform:translate(-50%,-50%) scale(.9); opacity:0; visibility:hidden; text-align:center; border:1px solid rgba(255,102,102,.22); border-radius:20px; background:rgba(29,12,15,.9); box-shadow:0 30px 90px rgba(0,0,0,.5); transition:.55s var(--ease); }
.chaos-warning strong { display:block; color:#ffb4ae; font:700 1rem/1 'Space Grotesk'; }.chaos-warning span { display:block; margin-top:10px; color:rgba(255,208,203,.55); font-size:.7rem; line-height:1.45; }
.system-map.is-chaos .system-flow-lines,.system-map.is-chaos .system-feedback { opacity:0; }
.system-map.is-chaos::before { background:rgba(255,80,80,.055); }
.system-map.is-chaos .chaos-warning { opacity:1; visibility:visible; transform:translate(-50%,-50%) scale(1); }
.system-map.is-chaos .system-unit,.system-map.is-chaos .pipeline-unit { filter:saturate(.4); border-color:rgba(255,255,255,.06); }
.system-map.is-chaos .system-inputs .system-unit:nth-child(2) { transform:translate(34px,-10px) rotate(-3deg); }.system-map.is-chaos .system-inputs .system-unit:nth-child(3) { transform:translate(-10px,20px) rotate(4deg); }.system-map.is-chaos .system-inputs .system-unit:nth-child(4) { transform:translate(24px,36px) rotate(-4deg); }
.system-map.is-chaos .pipeline-unit:nth-child(1) { transform:translate(-10px,-100px) rotate(3deg); }.system-map.is-chaos .pipeline-unit:nth-child(2) { transform:translate(20px,100px) rotate(-5deg); }.system-map.is-chaos .pipeline-unit:nth-child(3) { transform:translate(15px,-70px) rotate(4deg); }.system-map.is-chaos .pipeline-unit:nth-child(4) { transform:translate(-20px,92px) rotate(-3deg); }
.system-map.is-chaos .system-outputs .system-unit:nth-child(2) { transform:translate(-30px,-5px) rotate(4deg); }.system-map.is-chaos .system-outputs .system-unit:nth-child(3) { transform:translate(12px,24px) rotate(-4deg); }.system-map.is-chaos .system-outputs .system-unit:nth-child(4) { transform:translate(-18px,48px) rotate(3deg); }
.system-insight { min-height:150px; padding:24px; display:grid; grid-template-columns:74px minmax(0,1fr) 190px; gap:22px; align-items:center; border-top:1px solid var(--line); background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(0,0,0,.16)); }
.system-insight-index { color:rgba(242,200,102,.22); font:800 3.1rem/1 'Space Grotesk'; }
.system-insight small { color:var(--gold-light); font-size:.56rem; letter-spacing:.15em; }
.system-insight h3 { margin:8px 0 0; max-width:690px; font:700 clamp(1.08rem,1.8vw,1.45rem)/1.18 'Space Grotesk'; letter-spacing:-.025em; }
.system-insight p { margin:9px 0 0; max-width:760px; color:var(--text); font-size:.72rem; line-height:1.55; }
.system-insight-tags { display:flex; flex-direction:column; gap:7px; }
.system-insight-tags span { padding:7px 9px; border:1px solid var(--line); border-radius:999px; color:var(--muted); text-align:center; font-size:.58rem; }
.system-principles { margin-top:20px; display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.system-principles article { padding:24px; border:1px solid var(--line); border-radius:20px; background:rgba(255,255,255,.018); }
.system-principles span { color:var(--gold-light); font-size:.58rem; font-weight:700; }.system-principles strong { display:block; margin-top:20px; font:700 1rem/1.1 'Space Grotesk'; }.system-principles p { margin:10px 0 0; color:var(--muted); font-size:.75rem; line-height:1.55; }

@keyframes heroScan { 0%,100% { transform:translateY(-30%); opacity:.05; } 50% { transform:translateY(240%); opacity:.32; } }
@keyframes statusLive { 0%,100% { opacity:.55; transform:scale(.8); } 50% { opacity:1; transform:scale(1.15); } }
@keyframes commandBreath { 0%,100% { opacity:.55; transform:translate(-50%,-50%) scale(.85); } 50% { opacity:1; transform:translate(-50%,-50%) scale(1.1); } }
@keyframes coreRipple { 0% { transform:scale(.82); opacity:.45; } 100% { transform:scale(1.18); opacity:0; } }
@keyframes flowDash { to { stroke-dashoffset:-180; } }
@keyframes packetOne { 0% { cx:125px; cy:155px; opacity:0; } 15% { opacity:1; } 45% { cx:510px; cy:280px; } 75% { cx:910px; cy:280px; } 100% { cx:1130px; cy:175px; opacity:0; } }
@keyframes packetTwo { 0% { cx:125px; cy:325px; opacity:0; } 15% { opacity:1; } 45% { cx:510px; cy:280px; } 75% { cx:910px; cy:280px; } 100% { cx:1130px; cy:325px; opacity:0; } }
@keyframes packetThree { 0% { cx:125px; cy:495px; opacity:0; } 15% { opacity:1; } 45% { cx:510px; cy:280px; } 75% { cx:910px; cy:280px; } 100% { cx:1130px; cy:475px; opacity:0; } }

@media (max-width:1120px) {
  .hero-layout-v2 { grid-template-columns:1fr; }
  .hero-v2 .hero-copy { max-width:900px; margin-inline:auto; text-align:center; }
  .hero-status { margin-inline:auto; }.hero-v2 .hero-copy > p { margin-inline:auto; }.hero-flow,.hero-actions { justify-content:center; }
  .command-center { width:min(720px,94vw); margin-inline:auto; }
  .system-map { grid-template-columns:170px minmax(400px,1fr) 185px; gap:20px; padding-inline:22px; }
  .system-feedback { left:212px; right:227px; }
}
@media (max-width:900px) {
  .hero-v2 { padding-bottom:120px; }.command-center { min-height:630px; }
  .hero-outcome-rail .shell { grid-template-columns:repeat(2,1fr); }.hero-outcome-rail span { min-height:40px; display:flex; align-items:center; }.hero-outcome-rail span:nth-child(2) { border-right:0; }.hero-outcome-rail span:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .system-map { min-height:920px; grid-template-columns:1fr 1fr; gap:20px; align-content:start; padding:42px 22px 110px; }
  .system-inputs,.system-outputs { display:grid; grid-template-columns:repeat(3,1fr); grid-column:1/-1; }.system-inputs { order:1; }.system-pipeline { order:2; grid-column:1/-1; }.system-outputs { order:3; grid-column:1/-1; }
  .system-column-label { grid-column:1/-1; }.system-flow-lines { display:none; }.system-feedback { left:22px; right:22px; bottom:22px; }
  .system-map.is-chaos .system-unit,.system-map.is-chaos .pipeline-unit { transform:rotate(0deg) translateY(0) !important; opacity:.34; }
  .system-insight { grid-template-columns:60px 1fr; }.system-insight-tags { grid-column:2; flex-direction:row; flex-wrap:wrap; }.system-insight-tags span { flex:1; min-width:110px; }
}
@media (max-width:680px) {
  .hero-status small { display:none; }.hero-v2 h1 { font-size:clamp(42px,12vw,58px); }.hero-flow { justify-content:flex-start; row-gap:12px; }.hero-flow i { display:none; }.hero-flow span { width:calc(50% - 5px); padding:9px; border:1px solid var(--line); border-radius:10px; text-align:center; }
  .command-center { width:100%; min-height:720px; border-radius:24px; }.command-stage { height:520px; }.command-radar { width:260px; }.command-links { opacity:.62; }.command-core { width:134px; }.command-node { width:112px; min-height:64px; padding:10px; }.command-node small { display:none; }.node-ads,.node-content { right:8px; }.node-ai,.node-data { left:8px; }.command-detail { min-height:145px; grid-template-columns:1fr; }.command-detail > div:first-child { flex-direction:row; align-items:center; }.command-results { grid-column:1; }.command-results span { flex:1; text-align:center; }
  .hero-outcome-rail span { padding-inline:8px; font-size:.57rem; }.hero-outcome-rail b { display:none; }.hero-v2 .scroll-cue { display:none; }
  .system-console-head { align-items:flex-start; flex-direction:column; }.system-view-switch { width:100%; }.system-view-button { flex:1; }
  .system-map { min-height:1120px; display:flex; flex-direction:column; align-items:stretch; padding:34px 14px 118px; }.system-inputs,.system-outputs { display:grid; grid-template-columns:1fr; }.system-pipeline { display:grid; grid-template-columns:repeat(2,1fr); }.pipeline-unit { min-height:125px; }.system-feedback { left:14px; right:14px; grid-template-columns:1fr; text-align:center; }.system-feedback span { grid-row:auto; }.system-feedback small { display:none; }
  .system-insight { grid-template-columns:1fr; }.system-insight-index { font-size:2.2rem; }.system-insight-tags { grid-column:1; }.system-principles { grid-template-columns:1fr; }
}


/* ─── V3 · PRUEBA, ARQUITECTURA Y CONVERSIÓN ─────────── */
.client-signal { position:relative; overflow:hidden; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:rgba(255,255,255,.018); }
.client-signal::before,.client-signal::after { content:''; position:absolute; z-index:2; top:0; bottom:0; width:120px; pointer-events:none; }
.client-signal::before { left:0; background:linear-gradient(90deg,var(--bg),transparent); }
.client-signal::after { right:0; background:linear-gradient(-90deg,var(--bg),transparent); }
.client-signal-track { width:max-content; display:flex; align-items:center; gap:16px; padding:17px 0; animation:clientRail 42s linear infinite; }
.client-signal:hover .client-signal-track { animation-play-state:paused; }
.client-chip { display:flex; align-items:center; gap:10px; white-space:nowrap; padding:9px 14px; border:1px solid var(--line); border-radius:999px; color:rgba(244,241,233,.66); background:rgba(255,255,255,.018); font:600 .74rem/1 'Space Grotesk'; }
.client-chip::before { content:''; width:6px; height:6px; border-radius:50%; background:var(--gold); box-shadow:0 0 12px rgba(214,166,60,.5); }
@keyframes clientRail { to { transform:translateX(-50%); } }

.section-architecture {
  position:relative;
  background:
    radial-gradient(circle at 12% 20%,rgba(214,166,60,.075),transparent 30%),
    radial-gradient(circle at 88% 72%,rgba(76,120,255,.075),transparent 32%),
    linear-gradient(180deg,#080b10,#07090d);
}
.section-architecture::before {
  content:'';position:absolute;inset:0;pointer-events:none;opacity:.3;
  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:54px 54px;
  mask-image:linear-gradient(90deg,transparent,black 22%,black 78%,transparent);
}
.architecture-shell { position:relative;z-index:1;display:grid;grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr);gap:clamp(38px,7vw,96px);align-items:center; }
.architecture-copy { position:sticky;top:118px;align-self:start; }
.architecture-copy h2 { margin:18px 0 0;font:800 clamp(37px,5.25vw,68px)/.99 'Space Grotesk';letter-spacing:-.052em;text-wrap:balance; }
.architecture-copy h2 em { font-style:normal;background:linear-gradient(120deg,var(--gold-light),var(--gold),#fff0ba);-webkit-background-clip:text;color:transparent; }
.architecture-copy > p { margin:24px 0 0;max-width:55ch;color:var(--text);font-size:1.04rem;line-height:1.72;text-wrap:pretty; }
.architecture-tabs { display:grid;gap:10px;margin-top:32px; }
.architecture-tab { width:100%;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;padding:15px 16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.018);text-align:left;cursor:pointer;transition:.28s var(--ease); }
.architecture-tab > span { display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:11px;color:var(--muted);font:700 .67rem 'Space Grotesk'; }
.architecture-tab strong { display:block;font:700 .94rem/1.16 'Space Grotesk'; }
.architecture-tab small { display:block;margin-top:5px;color:var(--muted);font-size:.72rem;line-height:1.35; }
.architecture-tab i { font-style:normal;color:var(--muted);transition:.25s ease; }
.architecture-tab:hover,.architecture-tab.is-active { border-color:var(--line-gold);background:linear-gradient(90deg,rgba(214,166,60,.075),rgba(255,255,255,.018));transform:translateX(4px); }
.architecture-tab.is-active > span { color:#080808;border-color:transparent;background:linear-gradient(145deg,var(--gold-light),var(--gold));box-shadow:0 8px 24px rgba(214,166,60,.22); }
.architecture-tab.is-active i { color:var(--gold-light);transform:translateX(3px); }

.architecture-visual { position:relative;min-height:620px;border:1px solid rgba(255,255,255,.105);border-radius:30px;overflow:hidden;background:linear-gradient(155deg,rgba(18,23,32,.96),rgba(7,10,16,.98));box-shadow:0 50px 120px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.035); }
.architecture-grid { position:absolute;inset:0;opacity:.36;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(circle at 54% 42%,black,transparent 88%); }
.architecture-visual::before { content:'';position:absolute;inset:-25% 35% 40% -15%;background:radial-gradient(circle,rgba(214,166,60,.16),transparent 64%);filter:blur(55px);animation:blueprintGlow 8s ease-in-out infinite alternate; }
.architecture-visual::after { content:'';position:absolute;left:0;right:0;top:-15%;height:28%;background:linear-gradient(180deg,transparent,rgba(102,217,232,.045),transparent);animation:blueprintScan 9s linear infinite;pointer-events:none; }
.architecture-label { position:absolute;z-index:3;top:22px;left:24px;display:flex;align-items:center;gap:9px;color:var(--muted);font:700 .63rem 'Space Grotesk';letter-spacing:.14em; }
.architecture-label::before { content:'';width:7px;height:7px;border-radius:50%;background:#63e6be;box-shadow:0 0 14px rgba(99,230,190,.68);animation:statusLive 2.3s ease-in-out infinite; }

.blueprint-stage { position:absolute;z-index:2;inset:70px 22px 22px;display:grid;grid-template-rows:1fr auto;gap:17px; }
.blueprint-modules { position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;align-items:stretch; }
.blueprint-modules::before { content:'';position:absolute;left:10%;right:10%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(242,200,102,.38),rgba(102,217,232,.35),transparent);box-shadow:0 0 18px rgba(214,166,60,.14); }
.blueprint-packet { position:absolute;z-index:5;top:calc(50% - 4px);left:10%;width:8px;height:8px;border-radius:50%;background:var(--gold-light);box-shadow:0 0 18px rgba(242,200,102,.9);animation:blueprintPacket 6.8s ease-in-out infinite; }
.blueprint-module { position:relative;z-index:2;min-height:335px;padding:24px 20px 20px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(18,23,32,.94),rgba(9,13,20,.96));text-align:left;color:inherit;cursor:pointer;overflow:hidden;transition:.42s var(--ease); }
.blueprint-module::before { content:'';position:absolute;inset:0;background:radial-gradient(240px circle at 50% -5%,var(--module-glow),transparent 65%);opacity:.42;transition:.35s ease; }
.blueprint-module::after { content:'';position:absolute;left:20px;right:20px;bottom:0;height:2px;border-radius:99px;background:transparent;transition:.35s ease; }
.blueprint-module:nth-of-type(1){--module-glow:rgba(214,166,60,.23)}
.blueprint-module:nth-of-type(2){--module-glow:rgba(76,120,255,.23)}
.blueprint-module:nth-of-type(3){--module-glow:rgba(102,217,232,.20)}
.blueprint-module:hover,.blueprint-module.is-active { transform:translateY(-9px);border-color:rgba(242,200,102,.35);box-shadow:0 24px 54px rgba(0,0,0,.36),0 0 38px rgba(214,166,60,.055); }
.blueprint-module.is-active::before { opacity:.92; }
.blueprint-module.is-active::after { background:linear-gradient(90deg,var(--gold),var(--cyan));box-shadow:0 0 16px rgba(242,200,102,.48); }
.blueprint-number { display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;color:var(--gold-light);font:700 .6rem 'Space Grotesk';letter-spacing:.14em; }
.blueprint-number i { width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 13px currentColor;opacity:.62; }
.blueprint-module strong { position:relative;z-index:1;display:block;margin-top:36px;font:700 clamp(1.05rem,1.4vw,1.28rem)/1.08 'Space Grotesk';letter-spacing:-.025em; }
.blueprint-module p { position:relative;z-index:1;margin:12px 0 0;color:var(--muted);font-size:.73rem;line-height:1.52; }
.blueprint-chips { position:absolute;z-index:1;left:20px;right:20px;bottom:22px;display:flex;flex-wrap:wrap;gap:7px; }
.blueprint-chips span { padding:6px 8px;border:1px solid rgba(255,255,255,.075);border-radius:999px;color:rgba(255,255,255,.52);background:rgba(255,255,255,.02);font-size:.55rem; }
.blueprint-result { display:grid;grid-template-columns:58px 1fr;gap:17px;align-items:center;padding:18px 20px;border:1px solid rgba(102,217,232,.12);border-radius:18px;background:rgba(6,10,16,.86);backdrop-filter:blur(16px); }
.blueprint-result-index { color:rgba(242,200,102,.44);font:800 2rem/1 'Space Grotesk'; }
.blueprint-result small { color:var(--gold-light);font:700 .58rem 'Space Grotesk';letter-spacing:.13em; }
.blueprint-result strong { display:block;margin-top:6px;font:700 1.03rem/1.2 'Space Grotesk'; }
.blueprint-result p { margin:7px 0 0;color:var(--muted);font-size:.72rem;line-height:1.5; }

@keyframes blueprintPacket { 0%{left:10%;opacity:0} 12%{opacity:1} 88%{opacity:1} 100%{left:89%;opacity:0} }
@keyframes blueprintScan { from{transform:translateY(-30%)} to{transform:translateY(520%)} }
@keyframes blueprintGlow { from{transform:translate(-4%,-2%) scale(.94);opacity:.55} to{transform:translate(7%,6%) scale(1.08);opacity:1} }

.section-lab { background:var(--bg-soft); }
.lab-shell { border:1px solid var(--line); border-radius:32px; overflow:hidden; background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.008)); box-shadow:0 42px 110px rgba(0,0,0,.34); }
.lab-head { min-height:72px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:16px 20px; border-bottom:1px solid var(--line); }
.lab-head-id { display:flex; align-items:center; gap:10px; color:var(--muted); font-size:.64rem; letter-spacing:.14em; }
.lab-head-id i { width:8px; height:8px; border-radius:50%; background:var(--gold-light); box-shadow:0 0 14px rgba(242,200,102,.65); }
.lab-tabs { display:flex; gap:6px; padding:5px; border:1px solid var(--line); border-radius:999px; background:rgba(255,255,255,.018); }
.lab-tab { padding:9px 14px; border:0; border-radius:999px; color:var(--muted); background:transparent; font-size:.7rem; font-weight:700; cursor:pointer; transition:.22s ease; }
.lab-tab.is-active { color:#080808; background:var(--gold-light); }
.lab-body { display:grid; grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr); min-height:610px; }
.lab-copy { padding:clamp(30px,5vw,62px); border-right:1px solid var(--line); }
.lab-copy > span { color:var(--gold-light); font-size:.67rem; font-weight:700; letter-spacing:.14em; }
.lab-copy h3 { margin:18px 0 0; font:800 clamp(30px,4vw,50px)/1.02 'Space Grotesk'; letter-spacing:-.045em; }
.lab-copy p { margin:20px 0 0; color:var(--text); line-height:1.72; }
.lab-features { display:grid; gap:10px; margin-top:30px; }
.lab-feature { display:grid; grid-template-columns:30px 1fr; gap:12px; align-items:start; padding:13px 0; border-bottom:1px solid var(--line); }
.lab-feature i { display:grid; place-items:center; width:26px; height:26px; border:1px solid var(--line-gold); border-radius:8px; color:var(--gold-light); font-style:normal; font-size:.67rem; }
.lab-feature strong { font:700 .9rem/1.2 'Space Grotesk'; }
.lab-feature small { display:block; margin-top:5px; color:var(--muted); line-height:1.45; }
.lab-visual { position:relative; overflow:hidden; padding:42px; background:radial-gradient(circle at 74% 24%,rgba(76,120,255,.12),transparent 34%),radial-gradient(circle at 22% 82%,rgba(214,166,60,.1),transparent 30%),#090c12; }
.lab-window { position:absolute; inset:58px 42px 46px; border:1px solid var(--line); border-radius:24px; overflow:hidden; background:#0d1119; box-shadow:0 36px 90px rgba(0,0,0,.48); transform:perspective(1000px) rotateY(-4deg) rotateX(2deg); transition:.5s var(--ease); }
.lab-visual:hover .lab-window { transform:none; }
.lab-window-bar { height:48px; display:flex; align-items:center; gap:7px; padding:0 16px; border-bottom:1px solid var(--line); background:rgba(255,255,255,.018); }
.lab-window-bar i { width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,.18); }
.lab-window-bar span { margin-left:auto; color:var(--muted); font-size:.61rem; letter-spacing:.12em; }
.lab-dashboard { display:grid; grid-template-columns:150px 1fr; height:calc(100% - 48px); }
.lab-sidebar { padding:18px 12px; border-right:1px solid var(--line); }
.lab-side-brand { height:28px; border-radius:8px; background:linear-gradient(90deg,rgba(242,200,102,.24),rgba(242,200,102,.05)); }
.lab-side-line { height:9px; margin-top:13px; border-radius:999px; background:rgba(255,255,255,.055); }
.lab-side-line:nth-child(3){width:76%}.lab-side-line:nth-child(4){width:86%}.lab-side-line:nth-child(5){width:64%}.lab-side-line:nth-child(6){width:72%}
.lab-main { padding:20px; }
.lab-main-top { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.lab-kpi { min-height:74px; padding:13px; border:1px solid var(--line); border-radius:13px; background:rgba(255,255,255,.018); }
.lab-kpi small { color:var(--muted); font-size:.56rem; }.lab-kpi strong { display:block; margin-top:10px; color:var(--gold-light); font:700 1.08rem/1 'Space Grotesk'; }
.lab-chart { position:relative; height:150px; margin-top:12px; border:1px solid var(--line); border-radius:15px; overflow:hidden; background:linear-gradient(180deg,rgba(76,120,255,.045),transparent); }
.lab-chart::before { content:''; position:absolute; inset:18px; background:linear-gradient(165deg,transparent 15%,rgba(76,120,255,.72) 15.5% 16%,transparent 16.5% 31%,rgba(242,200,102,.82) 31.5% 32.3%,transparent 32.8% 48%,rgba(102,217,232,.68) 48.5% 49.2%,transparent 49.7% 64%,rgba(242,200,102,.9) 64.5% 65.3%,transparent 65.8%); filter:drop-shadow(0 0 8px rgba(242,200,102,.22)); }
.lab-table { display:grid; gap:7px; margin-top:12px; }
.lab-row { height:28px; display:grid; grid-template-columns:1.3fr .7fr .5fr; gap:8px; align-items:center; padding:0 10px; border:1px solid var(--line); border-radius:9px; }
.lab-row span { height:6px; border-radius:999px; background:rgba(255,255,255,.07); }.lab-row span:nth-child(2){background:rgba(76,120,255,.18)}.lab-row span:nth-child(3){background:rgba(214,166,60,.22)}

.section-diagnostic { background:radial-gradient(circle at 50% 0,rgba(214,166,60,.11),transparent 32%),var(--bg); }
.diagnostic-shell { display:grid; grid-template-columns:minmax(280px,.62fr) minmax(0,1.38fr); gap:clamp(32px,7vw,92px); align-items:start; }
.diagnostic-intro { position:sticky; top:110px; }
.diagnostic-intro h2 { margin:18px 0 0; font:800 clamp(34px,5vw,62px)/1.02 'Space Grotesk'; letter-spacing:-.045em; }
.diagnostic-intro h2 em { font-style:normal; background:linear-gradient(120deg,var(--gold-light),var(--gold),#fff0ba); -webkit-background-clip:text; color:transparent; }
.diagnostic-intro > p { margin:21px 0 0; color:var(--text); line-height:1.72; }
.diagnostic-note { margin-top:22px; padding:15px; border:1px solid var(--line); border-radius:14px; color:var(--muted); font-size:.75rem; line-height:1.55; background:rgba(255,255,255,.018); }
.diagnostic-card { overflow:hidden; border:1px solid var(--line); border-radius:30px; background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012)); box-shadow:0 36px 100px rgba(0,0,0,.32); }
.diagnostic-progress { display:grid; grid-template-columns:repeat(3,1fr); border-bottom:1px solid var(--line); }
.diagnostic-progress span { position:relative; padding:20px; color:var(--muted); font-size:.65rem; letter-spacing:.1em; text-align:center; }
.diagnostic-progress span::after { content:''; position:absolute; left:0; right:0; bottom:-1px; height:2px; background:transparent; }
.diagnostic-progress span.is-active { color:var(--gold-light); }.diagnostic-progress span.is-active::after { background:var(--gold-light); box-shadow:0 0 16px rgba(242,200,102,.5); }
.diagnostic-step { display:none; padding:clamp(26px,5vw,52px); }
.diagnostic-step.is-active { display:block; animation:diagIn .45s var(--ease); }
.diagnostic-step > small { color:var(--gold-light); font-size:.64rem; letter-spacing:.14em; }
.diagnostic-step h3 { margin:12px 0 0; font:700 clamp(25px,3vw,35px)/1.08 'Space Grotesk'; letter-spacing:-.035em; }
.diagnostic-options { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin-top:28px; }
.diagnostic-option { min-height:94px; padding:17px; border:1px solid var(--line); border-radius:16px; background:rgba(255,255,255,.018); text-align:left; cursor:pointer; transition:.24s ease; }
.diagnostic-option strong { display:block; font:700 .93rem/1.2 'Space Grotesk'; }.diagnostic-option small { display:block; margin-top:7px; color:var(--muted); line-height:1.4; }
.diagnostic-option:hover,.diagnostic-option.is-selected { border-color:var(--line-gold); background:rgba(214,166,60,.06); transform:translateY(-2px); }
.diagnostic-option.is-selected { box-shadow:inset 0 0 0 1px rgba(242,200,102,.22); }
.diagnostic-actions { display:flex; justify-content:space-between; gap:12px; margin-top:30px; }
.diagnostic-result { padding:clamp(26px,5vw,52px); }
.diagnostic-result-grid { display:grid; grid-template-columns:100px 1fr; gap:22px; align-items:start; }
.diagnostic-score { display:grid; place-items:center; aspect-ratio:1; border:1px solid var(--line-gold); border-radius:26px; background:radial-gradient(circle,rgba(214,166,60,.16),rgba(255,255,255,.018)); color:var(--gold-light); font:800 2.1rem/1 'Space Grotesk'; }
.diagnostic-result h3 { margin:0; font:700 clamp(25px,3vw,38px)/1.05 'Space Grotesk'; letter-spacing:-.04em; }
.diagnostic-result p { margin:14px 0 0; color:var(--text); line-height:1.68; }
.diagnostic-plan { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:26px; }
.diagnostic-plan div { padding:15px; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.018); }
.diagnostic-plan span { color:var(--gold-light); font-size:.6rem; letter-spacing:.12em; }.diagnostic-plan strong { display:block; margin-top:8px; font:700 .82rem/1.25 'Space Grotesk'; }
@keyframes diagIn { from{opacity:0;transform:translateY(12px)} to{opacity:1;transform:none} }

.section-fit { padding-top:38px; background:var(--bg); }
.fit-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.fit-card { padding:clamp(28px,4vw,48px); border:1px solid var(--line); border-radius:28px; background:rgba(255,255,255,.018); }
.fit-card.is-positive { background:radial-gradient(circle at 10% 0,rgba(214,166,60,.1),transparent 40%),rgba(255,255,255,.018); }
.fit-card > span { color:var(--gold-light); font-size:.66rem; font-weight:700; letter-spacing:.14em; }
.fit-card h3 { margin:16px 0 0; font:700 clamp(25px,3vw,38px)/1.05 'Space Grotesk'; letter-spacing:-.04em; }
.fit-list { display:grid; gap:12px; margin-top:25px; }
.fit-list div { display:grid; grid-template-columns:26px 1fr; gap:11px; align-items:start; color:var(--text); line-height:1.55; }
.fit-list i { display:grid; place-items:center; width:24px; height:24px; border:1px solid var(--line-gold); border-radius:8px; color:var(--gold-light); font-style:normal; font-size:.7rem; }
.fit-card:not(.is-positive) .fit-list i { border-color:rgba(255,255,255,.1); color:var(--muted); }

.section-faq { background:var(--bg-soft); }
.faq-layout { display:grid; grid-template-columns:minmax(280px,.58fr) minmax(0,1.42fr); gap:clamp(38px,8vw,110px); }
.faq-intro h2 { margin:18px 0 0; font:800 clamp(34px,5vw,60px)/1.02 'Space Grotesk'; letter-spacing:-.045em; }
.faq-intro p { margin:21px 0 0; color:var(--text); line-height:1.7; }
.faq-list { border-top:1px solid var(--line); }
.faq-item { border-bottom:1px solid var(--line); }
.faq-question { width:100%; display:grid; grid-template-columns:1fr 38px; gap:20px; align-items:center; padding:24px 0; border:0; background:transparent; text-align:left; cursor:pointer; }
.faq-question strong { font:700 clamp(1rem,1.7vw,1.24rem)/1.25 'Space Grotesk'; }
.faq-question span { display:grid; place-items:center; width:34px; height:34px; border:1px solid var(--line); border-radius:50%; color:var(--gold-light); transition:.24s ease; }
.faq-answer { max-height:0; overflow:hidden; transition:max-height .38s var(--ease); }
.faq-answer p { margin:0; padding:0 60px 24px 0; color:var(--text); line-height:1.72; }
.faq-item.is-open .faq-question span { transform:rotate(45deg); border-color:var(--line-gold); background:rgba(214,166,60,.06); }

.section-progress { position:fixed; z-index:850; right:18px; top:50%; transform:translateY(-50%); display:grid; gap:9px; }
.section-progress a { position:relative; width:9px; height:9px; border:1px solid rgba(255,255,255,.22); border-radius:50%; background:rgba(7,9,13,.65); transition:.2s ease; }
.section-progress a::after { content:attr(aria-label); position:absolute; top:50%; right:18px; transform:translateY(-50%) translateX(6px); width:max-content; padding:6px 9px; border:1px solid var(--line); border-radius:8px; color:var(--muted); background:rgba(7,9,13,.92); font-size:.61rem; opacity:0; pointer-events:none; transition:.2s ease; }
.section-progress a:hover::after { opacity:1; transform:translateY(-50%); }
.section-progress a.is-active { border-color:var(--gold-light); background:var(--gold-light); box-shadow:0 0 14px rgba(242,200,102,.5); transform:scale(1.22); }

@media(max-width:1040px){
  .architecture-shell,.diagnostic-shell,.faq-layout { grid-template-columns:1fr; }
  .architecture-copy,.diagnostic-intro { position:static; }
  .architecture-visual { min-height:620px; }
  .lab-body { grid-template-columns:1fr; }.lab-copy { border-right:0;border-bottom:1px solid var(--line); }.lab-visual { min-height:600px; }
  .section-progress { display:none; }
}
@media(max-width:760px){
  .client-signal::before,.client-signal::after{width:50px}.client-signal-track{animation-duration:32s}
  .architecture-visual { min-height:565px; border-radius:24px; }.stack-stage { inset:84px 10px 125px; }.stack-plane { height:145px; }.stack-plane:nth-child(2){top:100px}.stack-plane:nth-child(3){top:180px}.stack-plane-copy{inset:22px}.stack-plane-copy small{display:none}.architecture-output{grid-template-columns:54px 1fr;}.architecture-output-index{font-size:1.8rem}
  .lab-head { align-items:flex-start; flex-direction:column; }.lab-tabs { width:100%; overflow:auto; }.lab-tab{flex:1;white-space:nowrap}.lab-visual{min-height:520px;padding:20px}.lab-window{inset:28px 14px}.lab-dashboard{grid-template-columns:92px 1fr}.lab-main{padding:12px}.lab-main-top{grid-template-columns:1fr}.lab-kpi:nth-child(n+2){display:none}
  .diagnostic-options,.diagnostic-plan,.fit-grid { grid-template-columns:1fr; }.diagnostic-result-grid{grid-template-columns:70px 1fr}.diagnostic-score{border-radius:18px;font-size:1.5rem}.diagnostic-actions{flex-direction:column-reverse}.diagnostic-actions .button{width:100%}
  .faq-answer p{padding-right:0}.faq-question{grid-template-columns:1fr 34px}
}
@media(prefers-reduced-motion:reduce){.client-signal-track{animation:none}}


/* =========================================================
   DAMAY DIGITAL — V4 IMPACT LAYER
   Kinetic type · interactive mark · mobile system story
   ========================================================= */
.kinetic-title { text-wrap:balance; }
.kinetic-title .letter { display:inline-block; position:relative; will-change:transform,filter,text-shadow; animation:letterSignal 6.4s ease-in-out infinite; animation-delay:calc(var(--letter-index) * 54ms); }
.kinetic-title .letter.space { width:.26em; }
.kinetic-title em .letter { background:linear-gradient(120deg,var(--gold-light),var(--gold),#fff0ba); -webkit-background-clip:text; color:transparent; }
.kinetic-title .letter::after { content:''; position:absolute; left:50%; bottom:-.04em; width:70%; height:.06em; border-radius:999px; background:var(--gold-light); transform:translateX(-50%) scaleX(0); opacity:0; filter:blur(3px); animation:letterTrace 6.4s ease-in-out infinite; animation-delay:calc(var(--letter-index) * 54ms); }

.command-core { width:176px; }
.logo-3d { --logo-rx:-7deg; --logo-ry:10deg; position:relative; z-index:2; width:74px; height:74px; margin-bottom:8px; transform-style:preserve-3d; perspective:700px; transform:rotateX(var(--logo-rx)) rotateY(var(--logo-ry)); transition:transform .42s var(--ease); }
.logo-3d-face { position:absolute; inset:7px; display:grid; place-items:center; border:1px solid rgba(242,200,102,.28); border-radius:20px; background:linear-gradient(145deg,rgba(255,241,199,.12),rgba(7,9,13,.94)); box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 18px 35px rgba(0,0,0,.42); transform:translateZ(22px); overflow:hidden; }
.logo-3d-face img { width:54px; height:54px; object-fit:contain; filter:drop-shadow(0 8px 12px rgba(0,0,0,.45)); }
.logo-3d-shadow { position:absolute; left:10px; right:10px; bottom:-14px; height:18px; border-radius:50%; background:rgba(0,0,0,.7); filter:blur(9px); transform:translateZ(-30px) rotateX(76deg); }
.logo-3d-ring { position:absolute; inset:-8px; border:1px solid rgba(242,200,102,.18); border-radius:26px; transform:translateZ(4px); animation:logoRing 5s ease-in-out infinite; }
.logo-3d-glint { position:absolute; z-index:4; inset:8px; border-radius:18px; background:linear-gradient(120deg,transparent 24%,rgba(255,255,255,.35) 42%,transparent 57%); transform:translateX(-150%) translateZ(30px); animation:logoGlint 4.8s ease-in-out infinite; mix-blend-mode:screen; pointer-events:none; }
.command-core > small { margin-top:0; }
.command-core > strong { font-size:.7rem; }
.command-core > em { margin-top:5px; font-size:.52rem; }

.system-map { --map-x:50%; --map-y:50%; --grid-x:0px; --grid-y:0px; }
.map-background { transform:translate(var(--grid-x),var(--grid-y)) scale(1.035); transition:transform .75s var(--ease); }
.system-map::after { content:''; position:absolute; z-index:2; inset:0; pointer-events:none; background:radial-gradient(310px circle at var(--map-x) var(--map-y),rgba(102,217,232,.075),rgba(242,200,102,.025) 35%,transparent 68%); opacity:.85; }
.map-interactive-field { position:absolute; z-index:2; inset:0; pointer-events:none; overflow:hidden; }
.map-interactive-field span { --size:4px; position:absolute; width:var(--size); height:var(--size); border-radius:50%; background:rgba(102,217,232,.55); box-shadow:0 0 14px rgba(102,217,232,.48); animation:dataDrift 8s ease-in-out infinite; }
.map-interactive-field span:nth-child(1){left:8%;top:18%;animation-delay:-1s}.map-interactive-field span:nth-child(2){left:19%;top:74%;--size:3px;animation-delay:-5s}.map-interactive-field span:nth-child(3){left:30%;top:29%;background:rgba(242,200,102,.55);animation-delay:-3s}.map-interactive-field span:nth-child(4){left:43%;top:83%;--size:3px;animation-delay:-6s}.map-interactive-field span:nth-child(5){left:54%;top:14%;background:rgba(242,200,102,.7);animation-delay:-4s}.map-interactive-field span:nth-child(6){left:67%;top:63%;--size:3px;animation-delay:-2s}.map-interactive-field span:nth-child(7){left:78%;top:25%;animation-delay:-7s}.map-interactive-field span:nth-child(8){left:91%;top:76%;background:rgba(242,200,102,.56);animation-delay:-3.5s}.map-interactive-field span:nth-child(9){left:13%;top:48%;--size:2px;animation-delay:-4.5s}.map-interactive-field span:nth-child(10){left:37%;top:51%;--size:2px;animation-delay:-1.5s}.map-interactive-field span:nth-child(11){left:62%;top:39%;--size:2px;animation-delay:-5.5s}.map-interactive-field span:nth-child(12){left:84%;top:49%;--size:2px;animation-delay:-2.5s}
.map-scanline { position:absolute; z-index:2; left:0; right:0; top:-12%; height:22%; pointer-events:none; background:linear-gradient(180deg,transparent,rgba(102,217,232,.035),rgba(242,200,102,.035),transparent); animation:mapScan 8s linear infinite; }
.mobile-system-story { display:none; }

@keyframes letterSignal { 0%,72%,100%{transform:translateY(0);filter:none;text-shadow:0 0 0 transparent} 78%{transform:translateY(-.035em);filter:brightness(1.28);text-shadow:0 0 18px rgba(242,200,102,.26)} 84%{transform:translateY(0);filter:none;text-shadow:0 0 0 transparent} }
@keyframes letterTrace { 0%,72%,100%{transform:translateX(-50%) scaleX(0);opacity:0} 78%{transform:translateX(-50%) scaleX(1);opacity:.55} 86%{transform:translateX(-50%) scaleX(.2);opacity:0} }
@keyframes logoRing { 0%,100%{transform:translateZ(4px) scale(.96);opacity:.35} 50%{transform:translateZ(4px) scale(1.08);opacity:.85} }
@keyframes logoGlint { 0%,60%,100%{transform:translateX(-150%) translateZ(30px);opacity:0} 72%{opacity:.65} 88%{transform:translateX(150%) translateZ(30px);opacity:0} }
@keyframes dataDrift { 0%,100%{transform:translate(0,0);opacity:.25} 50%{transform:translate(10px,-14px);opacity:.9} }
@keyframes mapScan { from{transform:translateY(-40%)} to{transform:translateY(560%)} }
@keyframes mobilePacket { 0%{top:2%;opacity:0} 8%{opacity:1} 90%{opacity:1} 100%{top:96%;opacity:0} }
@keyframes lostPulse { 0%,100%{border-color:rgba(255,112,112,.14);box-shadow:0 16px 34px rgba(0,0,0,.25)} 50%{border-color:rgba(255,112,112,.34);box-shadow:0 18px 42px rgba(74,7,13,.32)} }

@media(max-width:680px){
  .kinetic-title .letter { animation-duration:7.4s; animation-delay:calc(var(--letter-index) * 46ms); }
  .command-core { width:146px; }
  .logo-3d { width:62px;height:62px;margin-bottom:5px; }
  .logo-3d-face img { width:44px;height:44px; }
  .system-map { min-height:650px !important; display:block !important; padding:0 !important; background:radial-gradient(circle at 50% 30%,rgba(214,166,60,.07),transparent 34%),#090d14; }
  .system-map > .system-flow-lines,.system-map > .system-column,.system-map > .system-pipeline,.system-map > .system-feedback,.system-map > .chaos-warning { display:none !important; }
  .map-background { opacity:.34; background-size:30px 30px; }
  .map-interactive-field { opacity:.7; }
  .mobile-system-story { position:relative; z-index:5; display:block; min-height:650px; padding:20px 15px 22px; }
  .mobile-compare-hint { height:34px; display:flex; align-items:center; justify-content:center; gap:8px; color:rgba(255,255,255,.38); font-size:.54rem; font-weight:700; letter-spacing:.13em; }
  .mobile-compare-hint i { width:26px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-light));animation:statusLive 2s ease-in-out infinite; }
  .mobile-system-state { position:absolute; inset:54px 15px 20px; opacity:0; visibility:hidden; transform:translateY(22px) scale(.97); transition:opacity .55s ease,transform .65s var(--ease),visibility .55s; }
  .system-map.is-chaos .mobile-state-chaos,.system-map.is-connected .mobile-state-connected { opacity:1;visibility:visible;transform:translateY(0) scale(1); }
  .mobile-chaos-header,.mobile-connected-header { padding:14px 4px 18px; }
  .mobile-chaos-header small,.mobile-connected-header small { color:var(--gold-light);font-size:.56rem;letter-spacing:.14em; }
  .mobile-chaos-header strong,.mobile-connected-header strong { display:block;margin-top:8px;font:700 1.18rem/1.18 'Space Grotesk';letter-spacing:-.025em; }
  .lost-consultations { position:relative; height:330px; margin-top:6px; }
  .lost-card { position:absolute; width:78%; padding:16px; border:1px solid rgba(255,112,112,.18); border-radius:17px; background:linear-gradient(145deg,rgba(42,15,20,.9),rgba(14,16,23,.95)); box-shadow:0 18px 42px rgba(0,0,0,.32); animation:lostPulse 3.6s ease-in-out infinite; }
  .lost-card span { color:#ff9f98;font-size:.52rem;letter-spacing:.13em; }.lost-card strong { display:block;margin-top:8px;font:700 .95rem/1.2 'Space Grotesk'; }.lost-card small { display:block;margin-top:7px;color:rgba(255,214,211,.5);font-size:.65rem; }
  .lost-one { left:0;top:6px;transform:rotate(-3deg); }.lost-two { right:0;top:112px;transform:rotate(3deg);animation-delay:-1.2s; }.lost-three { left:7%;top:226px;transform:rotate(-1deg);animation-delay:-2.3s; }
  .mobile-chaos-metrics { display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px; }
  .mobile-chaos-metrics span { padding:10px 5px;border:1px solid rgba(255,112,112,.12);border-radius:12px;background:rgba(75,15,20,.16);color:rgba(255,214,211,.54);text-align:center;font-size:.57rem; }
  .mobile-chaos-metrics b { display:block;margin-bottom:5px;color:#ff9f98;font:800 1.15rem/1 'Space Grotesk'; }
  .mobile-flow-timeline { position:relative;margin-top:5px;padding-left:18px;display:grid;gap:10px; }
  .mobile-flow-track { position:absolute;left:34px;top:17px;bottom:17px;width:2px;background:linear-gradient(180deg,var(--blue),var(--gold-light),var(--cyan));box-shadow:0 0 13px rgba(242,200,102,.2); }
  .mobile-flow-track i { position:absolute;left:50%;top:2%;width:9px;height:9px;border-radius:50%;background:var(--gold-light);box-shadow:0 0 18px rgba(242,200,102,.95);transform:translate(-50%,-50%);animation:mobilePacket 4.7s linear infinite; }
  .mobile-flow-timeline article { position:relative;z-index:2;min-height:68px;display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;padding:11px 13px;border:1px solid var(--line);border-radius:15px;background:rgba(13,18,26,.93);box-shadow:0 14px 32px rgba(0,0,0,.23); }
  .mobile-flow-timeline article b { width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(242,200,102,.3);border-radius:11px;background:#0b0f16;color:var(--gold-light);font-size:.57rem; }
  .mobile-flow-timeline article strong { font:700 .84rem/1.1 'Space Grotesk'; }.mobile-flow-timeline article small { display:block;margin-top:5px;color:var(--muted);font-size:.61rem; }
  .mobile-weekly-report { margin-top:12px;padding:14px 45px 14px 15px;position:relative;border:1px solid rgba(105,230,173,.2);border-radius:15px;background:linear-gradient(145deg,rgba(20,40,34,.65),rgba(10,15,21,.94)); }
  .mobile-weekly-report span { color:#72e4b2;font-size:.52rem;letter-spacing:.13em; }.mobile-weekly-report strong { display:block;margin-top:6px;font:700 .78rem/1.2 'Space Grotesk'; }.mobile-weekly-report i { position:absolute;right:15px;top:50%;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:rgba(105,230,173,.1);color:#72e4b2;transform:translateY(-50%);font-style:normal; }
  .system-insight { grid-template-columns:48px 1fr;padding:20px 16px; }.system-insight-index { font-size:2.2rem; }.system-insight-tags { display:none; }.system-insight p { font-size:.68rem; }
}

@media(prefers-reduced-motion:reduce){
  .kinetic-title .letter,.kinetic-title .letter::after,.logo-3d-ring,.logo-3d-glint,.map-interactive-field span,.map-scanline,.mobile-flow-track i,.lost-card { animation:none !important; }
}


/* V5 · PRUEBA INTERNA DAMAY OS */
.section-proof{background:linear-gradient(180deg,#090c12 0%,#07090d 100%);isolation:isolate}
.section-proof::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,transparent,black 22%,black 78%,transparent);z-index:-2}
.proof-orbit{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none;z-index:-1}.proof-orbit-a{width:520px;height:520px;right:-170px;top:10%;background:radial-gradient(circle,rgba(76,120,255,.14),transparent 68%)}.proof-orbit-b{width:420px;height:420px;left:-150px;bottom:-80px;background:radial-gradient(circle,rgba(214,166,60,.14),transparent 68%)}
.proof-layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);gap:clamp(42px,6vw,88px);align-items:center}.proof-copy h2{margin:18px 0 24px;font:800 clamp(34px,5vw,60px)/1.03 'Space Grotesk',sans-serif;letter-spacing:-.045em;text-wrap:balance}.proof-copy h2 em{font-style:normal;background:linear-gradient(120deg,var(--gold-light),var(--gold),#fff0ba);-webkit-background-clip:text;color:transparent}.proof-copy>p{max-width:62ch;color:var(--text);line-height:1.75;margin:0 0 16px;text-wrap:pretty}.proof-points{display:grid;gap:10px;margin-top:32px}.proof-point{display:grid;grid-template-columns:42px 1fr;gap:12px;text-align:left;padding:15px 16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025);cursor:pointer;transition:.25s var(--ease)}.proof-point:hover,.proof-point.is-active{transform:translateX(5px);border-color:rgba(214,166,60,.35);background:rgba(214,166,60,.075)}.proof-point>span{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:rgba(214,166,60,.1);color:var(--gold-light);font:700 .72rem 'Space Grotesk'}.proof-point strong{display:block;font-size:.92rem}.proof-point small{display:block;color:var(--muted);margin-top:4px;line-height:1.4}
.os-showcase{perspective:1200px}.os-window{position:relative;border:1px solid rgba(255,255,255,.11);border-radius:26px;background:linear-gradient(145deg,rgba(20,25,35,.98),rgba(8,11,17,.98));box-shadow:0 50px 110px rgba(0,0,0,.52),0 0 80px rgba(76,120,255,.07);overflow:hidden;transform:rotateY(-3deg) rotateX(1deg);transition:.5s var(--ease)}.os-window:hover{transform:rotateY(0) rotateX(0) translateY(-4px)}.os-window::before{content:"";position:absolute;inset:-1px;background:linear-gradient(115deg,transparent 15%,rgba(242,200,102,.16),transparent 40%);transform:translateX(-100%);animation:osShine 7s ease-in-out infinite;pointer-events:none}.os-window-top{height:48px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font:700 .68rem 'Space Grotesk';letter-spacing:.12em;color:rgba(255,255,255,.66)}.os-window-top span{display:flex;align-items:center;gap:9px}.os-window-top i,.os-live i{width:7px;height:7px;border-radius:50%;background:#63e6be;box-shadow:0 0 13px rgba(99,230,190,.7)}.os-window-top small{color:var(--muted)}.os-frame{min-height:460px;display:grid;grid-template-columns:68px 1fr}.os-sidebar{padding:18px 14px;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:18px;background:rgba(0,0,0,.18)}.os-mini-logo{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,var(--gold-light),var(--gold));color:#080808;font:800 .9rem 'Space Grotesk';margin-bottom:10px}.os-sidebar span{width:28px;height:7px;border-radius:999px;background:rgba(255,255,255,.08)}.os-sidebar span.is-active{background:linear-gradient(90deg,var(--gold),var(--cyan));box-shadow:0 0 14px rgba(214,166,60,.25)}.os-workspace{padding:24px}.os-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.os-title-row small{color:var(--gold-light);font:700 .62rem 'Space Grotesk';letter-spacing:.14em}.os-title-row strong{display:block;margin-top:8px;font:700 1.32rem 'Space Grotesk'}.os-live{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(99,230,190,.18);border-radius:999px;color:#8ce9cc;font-size:.6rem;letter-spacing:.12em}.os-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.os-kpis article{padding:15px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025)}.os-kpis small{color:var(--muted);font-size:.58rem;letter-spacing:.1em}.os-kpis strong{display:block;margin:10px 0 4px;font:700 .9rem 'Space Grotesk';color:var(--white)}.os-kpis span{font-size:.64rem;color:var(--muted)}.os-board{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:rgba(0,0,0,.14)}.os-board-head,.os-task{display:grid;grid-template-columns:1fr auto;align-items:center}.os-board-head{padding:13px 15px;border-bottom:1px solid var(--line);font-size:.66rem}.os-board-head span{color:var(--muted);letter-spacing:.1em}.os-task{grid-template-columns:12px 1fr auto;gap:11px;padding:14px 15px;border-bottom:1px solid rgba(255,255,255,.055)}.os-task:last-child{border-bottom:0}.os-task>i{width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px rgba(214,166,60,.5)}.os-task>i.done{background:#63e6be;box-shadow:0 0 12px rgba(99,230,190,.45)}.os-task strong{display:block;font-size:.76rem}.os-task small{display:block;color:var(--muted);font-size:.64rem;margin-top:4px}.os-task>span{padding:5px 7px;border-radius:999px;background:rgba(255,255,255,.045);font-size:.54rem;color:rgba(255,255,255,.55);letter-spacing:.08em}.os-footer-line{display:flex;align-items:center;justify-content:space-between;margin-top:14px;color:var(--muted);font-size:.6rem}.os-footer-line i{width:80px;height:2px;background:linear-gradient(90deg,var(--gold),var(--cyan));animation:osPulse 2.4s ease-in-out infinite}.os-reflection{height:32px;background:linear-gradient(to bottom,rgba(214,166,60,.06),transparent);filter:blur(9px)}
@keyframes osShine{0%,45%{transform:translateX(-110%)}65%,100%{transform:translateX(110%)}}@keyframes osPulse{50%{opacity:.35;transform:scaleX(.65)}}
@media(max-width:980px){.proof-layout{grid-template-columns:1fr}.os-showcase{max-width:760px;width:100%;margin-inline:auto}.os-window{transform:none}}
.proof-refresh .os-workspace{animation:proofRefresh .45s ease}@keyframes proofRefresh{from{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:640px){.section-proof{padding-top:82px}.proof-copy h2{font-size:clamp(34px,11vw,49px)}.proof-layout{gap:34px}.proof-point{grid-template-columns:38px 1fr}.os-window{border-radius:20px}.os-window-top{padding:0 13px;font-size:.57rem}.os-window-top small{display:none}.os-frame{grid-template-columns:44px 1fr;min-height:400px}.os-sidebar{padding:14px 8px;gap:15px}.os-mini-logo{width:29px;height:29px}.os-sidebar span{width:20px}.os-workspace{padding:15px}.os-title-row strong{font-size:1.04rem}.os-live{display:none}.os-kpis{grid-template-columns:1fr;gap:7px;margin:18px 0}.os-kpis article{padding:11px 12px;display:grid;grid-template-columns:1fr auto;align-items:center}.os-kpis strong{margin:0}.os-kpis span{display:none}.os-task{padding:12px 11px}.os-task>span{display:none}}



/* =========================================================
   DAMAY DIGITAL — V6 POLISH
   Visible interactive logo · active map background · blueprint responsive
   ========================================================= */
.logo-3d { width:86px;height:86px;perspective:980px;cursor:grab;touch-action:manipulation;outline:none; }
.logo-3d:active { cursor:grabbing; }
.logo-3d:focus-visible { outline:2px solid var(--gold-light);outline-offset:8px;border-radius:24px; }
.logo-3d-float { position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:logoFloatV6 4.8s ease-in-out infinite; }
.logo-3d-rotor { position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--logo-rx,-8deg)) rotateY(var(--logo-ry,12deg)) rotateZ(var(--logo-rz,0deg));transition:transform .18s ease-out;will-change:transform; }
.logo-3d-face { inset:8px;border-radius:23px;transform:translateZ(28px);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 22px 38px rgba(0,0,0,.5),0 0 32px rgba(214,166,60,.08); }
.logo-3d-face img { width:62px;height:62px;filter:drop-shadow(0 9px 13px rgba(0,0,0,.55)); }
.logo-3d-depth { position:absolute;inset:12px;border-radius:21px;border:1px solid rgba(214,166,60,.14);background:rgba(214,166,60,.035);transform:translateZ(10px); }
.logo-3d-ring--outer { inset:-18px;border-radius:33px;border-style:dashed;opacity:.35;animation:logoOuterSpin 13s linear infinite; }
.logo-3d.is-spinning .logo-3d-rotor { animation:logoTapSpin .95s cubic-bezier(.2,.8,.2,1); }
.logo-3d::after { content:'TOCÁ';position:absolute;left:50%;bottom:-25px;transform:translateX(-50%);color:rgba(255,255,255,.28);font:700 .45rem 'Space Grotesk';letter-spacing:.17em;opacity:0;transition:.25s ease; }
.logo-3d:hover::after,.logo-3d:focus-visible::after { opacity:1; }
.command-core { width:192px; }
.command-core > em { margin-top:15px; }

.map-background { opacity:.72;background-size:40px 40px; }
.map-background::before { content:'';position:absolute;inset:-20%;background:repeating-radial-gradient(circle at 50% 50%,transparent 0 52px,rgba(102,217,232,.035) 53px 54px,transparent 55px 92px);animation:mapOrbitGrid 16s linear infinite; }
.map-background::after { content:'';position:absolute;inset:0;background:linear-gradient(112deg,transparent 15%,rgba(214,166,60,.055) 38%,transparent 55%,rgba(102,217,232,.045) 75%,transparent);background-size:220% 100%;animation:mapEnergySweep 9s ease-in-out infinite; }
.map-orbits { position:absolute;z-index:1;left:50%;top:48%;width:min(520px,55vw);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;opacity:.68; }
.map-orbits span { position:absolute;inset:var(--orbit-inset);border:1px solid rgba(102,217,232,.10);border-radius:50%;box-shadow:inset 0 0 35px rgba(76,120,255,.025);animation:mapOrbitSpin var(--orbit-speed) linear infinite; }
.map-orbits span::before { content:'';position:absolute;left:50%;top:-4px;width:8px;height:8px;border-radius:50%;background:var(--orbit-color);box-shadow:0 0 17px var(--orbit-color); }
.map-orbits span:nth-child(1){--orbit-inset:0;--orbit-speed:18s;--orbit-color:#66D9E8}.map-orbits span:nth-child(2){--orbit-inset:15%;--orbit-speed:13s;--orbit-color:#F2C866;animation-direction:reverse}.map-orbits span:nth-child(3){--orbit-inset:31%;--orbit-speed:9s;--orbit-color:#4C78FF}
.map-orbits i { position:absolute;inset:42%;border-radius:50%;background:radial-gradient(circle,rgba(242,200,102,.16),rgba(76,120,255,.06) 45%,transparent 72%);filter:blur(5px);animation:commandBreath 4s ease-in-out infinite; }
.system-map:hover .map-background { opacity:.9; }
.system-map:hover .flow-paths path { opacity:.78;stroke-width:1.8; }
.data-packets circle { filter:drop-shadow(0 0 10px rgba(242,200,102,1)); }

@keyframes logoFloatV6 { 0%,100%{transform:translateY(0) rotateZ(-1.4deg)} 50%{transform:translateY(-8px) rotateZ(1.5deg)} }
@keyframes logoOuterSpin { to{transform:translateZ(2px) rotate(360deg)} }
@keyframes logoTapSpin { 0%{transform:rotateX(var(--logo-rx)) rotateY(var(--logo-ry)) rotateZ(0)} 55%{transform:rotateX(-22deg) rotateY(210deg) rotateZ(8deg) scale(1.08)} 100%{transform:rotateX(var(--logo-rx)) rotateY(var(--logo-ry)) rotateZ(0)} }
@keyframes mapOrbitGrid { to{transform:rotate(360deg) scale(1.04)} }
@keyframes mapEnergySweep { 0%,100%{background-position:120% 0;opacity:.28} 50%{background-position:-90% 0;opacity:.75} }
@keyframes mapOrbitSpin { to{transform:rotate(360deg)} }

@media(max-width:1040px){
  .architecture-copy{position:static}.blueprint-module{min-height:290px}.architecture-visual{min-height:575px}
}
@media(max-width:760px){
  .logo-3d{width:72px;height:72px}.logo-3d-face img{width:52px;height:52px}.command-core{width:160px}
  .architecture-visual{min-height:800px;border-radius:24px}.blueprint-stage{inset:64px 14px 14px}.blueprint-modules{grid-template-columns:1fr;gap:10px}.blueprint-modules::before{left:31px;right:auto;top:8%;bottom:8%;width:1px;height:auto;background:linear-gradient(180deg,transparent,rgba(242,200,102,.4),rgba(102,217,232,.32),transparent)}.blueprint-packet{left:27px!important;top:8%;animation:blueprintPacketMobile 6.8s ease-in-out infinite}.blueprint-module{min-height:175px;padding:18px 17px 18px 58px}.blueprint-module:hover,.blueprint-module.is-active{transform:translateX(4px)}.blueprint-module strong{margin-top:19px}.blueprint-chips{position:static;margin-top:17px}.blueprint-result{grid-template-columns:46px 1fr;padding:15px}.blueprint-result p{display:none}
  .map-orbits{width:88vw;opacity:.42}
}
@keyframes blueprintPacketMobile { 0%{top:8%;opacity:0} 12%{opacity:1} 88%{opacity:1} 100%{top:88%;opacity:0} }
@media(prefers-reduced-motion:reduce){.logo-3d-float,.logo-3d-ring--outer,.map-background::before,.map-background::after,.map-orbits span,.map-orbits i,.architecture-visual::after,.architecture-visual::before,.blueprint-packet{animation:none!important}}


/* V7 · concrete communication + launch polish */
:where(h1,h2,h3,strong){text-wrap:balance}
:where(p){text-wrap:pretty}
.skip-link{position:fixed;z-index:2000;left:16px;top:12px;padding:10px 14px;border-radius:10px;background:var(--gold-light);color:#080808;font-weight:800;transform:translateY(-150%);transition:.2s ease}.skip-link:focus{transform:none}
.section-problem{background:radial-gradient(circle at 50% 0,rgba(214,166,60,.08),transparent 31%),#080a0f}
.problem-scenes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.problem-scene{position:relative;min-height:350px;padding:28px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:linear-gradient(150deg,rgba(255,255,255,.035),rgba(255,255,255,.012));box-shadow:0 25px 70px rgba(0,0,0,.25);transition:.32s var(--ease)}
.problem-scene::after{content:'';position:absolute;left:28px;right:28px;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),var(--cyan),transparent);transform:scaleX(.18);opacity:.35;transition:.45s var(--ease)}
.problem-scene:hover{transform:translateY(-7px);border-color:var(--line-gold);box-shadow:0 34px 90px rgba(0,0,0,.38)}
.problem-scene:hover::after{transform:scaleX(1);opacity:.9}
.problem-time{position:relative;z-index:2;color:var(--gold-light);font:700 .65rem 'Space Grotesk';letter-spacing:.14em}
.problem-icon{position:relative;z-index:2;width:68px;height:68px;margin-top:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.025);font:700 1.75rem 'Space Grotesk';color:var(--gold-light);box-shadow:inset 0 0 22px rgba(214,166,60,.045)}
.problem-scene h3{position:relative;z-index:2;margin:28px 0 0;font:700 clamp(1.3rem,2.2vw,1.9rem)/1.06 'Space Grotesk';letter-spacing:-.035em}
.problem-scene p{position:relative;z-index:2;margin:14px 0 0;color:var(--text);line-height:1.62}
.problem-scene small{position:absolute;z-index:2;left:28px;right:28px;bottom:27px;color:var(--muted);font-size:.69rem;line-height:1.45}
.problem-resolution{margin-top:16px;padding:22px 26px;display:grid;grid-template-columns:auto auto auto 1fr;align-items:center;gap:16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.018)}
.problem-resolution span{color:var(--muted);font:700 .67rem 'Space Grotesk';letter-spacing:.13em}.problem-resolution i{font-style:normal;color:var(--gold-light);font-size:1.3rem}.problem-resolution strong{font:700 .82rem 'Space Grotesk';letter-spacing:.1em}.problem-resolution p{margin:0 0 0 auto;color:var(--text);font-size:.82rem}
.section-inline-cta{margin-top:22px;padding:25px 28px;display:flex;align-items:center;justify-content:space-between;gap:22px;border:1px solid var(--line-gold);border-radius:22px;background:linear-gradient(110deg,rgba(214,166,60,.08),rgba(76,120,255,.035));box-shadow:0 22px 70px rgba(0,0,0,.25)}
.section-inline-cta small{display:block;color:var(--gold-light);font:700 .64rem 'Space Grotesk';letter-spacing:.13em}.section-inline-cta strong{display:block;max-width:720px;margin-top:8px;font:700 clamp(1rem,1.8vw,1.3rem)/1.25 'Space Grotesk'}
.logo-3d-rotor{filter:drop-shadow(0 22px 28px rgba(0,0,0,.42))}.logo-3d-face{backface-visibility:hidden}.map-orbits{filter:drop-shadow(0 0 13px rgba(102,217,232,.10))}
@media(max-width:900px){.problem-scenes{grid-template-columns:1fr}.problem-scene{min-height:290px}.problem-icon{margin-top:28px}.problem-resolution{grid-template-columns:auto auto 1fr}.problem-resolution p{grid-column:1/-1;margin:0}.section-inline-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.problem-scene{padding:23px}.problem-scene small{left:23px;right:23px;bottom:23px}.problem-resolution{padding:18px}.problem-resolution strong{letter-spacing:.05em}.section-inline-cta .button{width:100%}}


/* =========================================================
   DAMAY DIGITAL — V8 LAUNCH COMPLETION
   Desktop motion control · spacing fix · about · Instagram
   ========================================================= */
.problem-scene{display:flex;flex-direction:column;min-height:390px}
.problem-scene small{position:static;left:auto;right:auto;bottom:auto;margin-top:auto;padding-top:20px;border-top:1px solid rgba(255,255,255,.055)}
.problem-scene p{padding-bottom:18px}

.motion-toggle{position:fixed;z-index:920;left:18px;bottom:18px;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(7,9,13,.82);backdrop-filter:blur(14px);color:rgba(255,255,255,.62);font:600 .64rem 'Space Grotesk';cursor:pointer;box-shadow:0 12px 35px rgba(0,0,0,.35);transition:.2s ease}
.motion-toggle:hover{border-color:var(--line-gold);color:var(--gold-light);transform:translateY(-2px)}
.motion-toggle span{color:var(--gold-light);filter:drop-shadow(0 0 7px rgba(242,200,102,.45))}
.motion-toggle.is-reduced{border-color:rgba(242,200,102,.28);color:var(--gold-light)}
html[data-motion="reduced"] .motion-toggle span{animation:none}
html[data-motion="full"] .motion-toggle span{animation:statusLive 1.8s ease-in-out infinite}

/* Explicit user override: restores motion even when Windows reports reduced motion. */
html[data-motion="full"] .kinetic-title .letter{animation:letterSignal 5.2s ease-in-out infinite!important;animation-delay:calc(var(--letter-index) * 46ms)!important}
html[data-motion="full"] .kinetic-title .letter::after{animation:letterTrace 5.2s ease-in-out infinite!important;animation-delay:calc(var(--letter-index) * 46ms)!important}
html[data-motion="full"] .logo-3d-float{animation:logoFloatV6 4.8s ease-in-out infinite!important}
html[data-motion="full"] .logo-3d-ring{animation:logoRing 5s ease-in-out infinite!important}
html[data-motion="full"] .logo-3d-ring--outer{animation:logoOuterSpin 13s linear infinite!important}
html[data-motion="full"] .logo-3d-glint{animation:logoGlint 4.8s ease-in-out infinite!important}
html[data-motion="full"] .map-background::before{animation:mapOrbitGrid 16s linear infinite!important}
html[data-motion="full"] .map-background::after{animation:mapEnergySweep 9s ease-in-out infinite!important}
html[data-motion="full"] .map-orbits span{animation:mapOrbitSpin var(--orbit-speed) linear infinite!important}
html[data-motion="full"] .map-orbits span:nth-child(2){animation-direction:reverse!important}
html[data-motion="full"] .map-orbits i{animation:commandBreath 4s ease-in-out infinite!important}
html[data-motion="full"] .map-interactive-field span{animation:dataDrift 8s ease-in-out infinite!important}
html[data-motion="full"] .map-scanline{animation:mapScan 8s linear infinite!important}
html[data-motion="full"] .blueprint-packet{animation:blueprintPacket 7s ease-in-out infinite!important}

.section-about{overflow:hidden;background:radial-gradient(circle at 18% 40%,rgba(214,166,60,.1),transparent 31%),linear-gradient(180deg,#090b10,#080a0f)}
.about-layout{display:grid;grid-template-columns:minmax(330px,.82fr) 1.18fr;gap:clamp(48px,7vw,96px);align-items:center}
.about-visual{position:relative;min-height:620px;display:grid;place-items:center}
.about-photo-frame{position:relative;z-index:2;width:min(430px,92%);aspect-ratio:4/5;border:1px solid var(--line-gold);border-radius:30px;overflow:hidden;background:#0b0d12;box-shadow:0 45px 110px rgba(0,0,0,.48),0 0 80px rgba(214,166,60,.08);transform:rotateY(4deg) rotateX(1deg);transition:.45s var(--ease)}
.about-photo-frame:hover{transform:rotateY(0) rotateX(0) translateY(-6px)}
.about-photo-frame::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(7,9,13,.96));pointer-events:none}
.about-photo-frame img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;filter:saturate(.86) contrast(1.03)}
.about-photo-meta{position:absolute;z-index:3;left:28px;right:28px;bottom:26px}
.about-photo-meta small{display:block;color:var(--gold-light);font:700 .58rem 'Space Grotesk';letter-spacing:.14em}
.about-photo-meta strong{display:block;margin-top:9px;font:700 1.5rem 'Space Grotesk'}
.about-photo-meta span{display:block;margin-top:5px;color:var(--muted);font-size:.76rem}
.about-orbit{position:absolute;left:50%;top:50%;width:510px;aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none}
.about-orbit span{position:absolute;inset:var(--inset);border:1px solid rgba(214,166,60,.09);border-radius:50%;animation:mapOrbitSpin var(--speed) linear infinite}.about-orbit span:first-child{--inset:0;--speed:24s}.about-orbit span:nth-child(2){--inset:18%;--speed:17s;animation-direction:reverse}.about-orbit span::after{content:'';position:absolute;left:50%;top:-4px;width:8px;height:8px;border-radius:50%;background:var(--gold-light);box-shadow:0 0 16px rgba(242,200,102,.65)}.about-orbit i{position:absolute;inset:35%;border-radius:50%;background:rgba(76,120,255,.06);filter:blur(18px)}
.about-copy h2{margin:18px 0 24px;font:700 clamp(2.5rem,5vw,5rem)/.98 'Space Grotesk';letter-spacing:-.055em}.about-copy h2 em{font-style:normal;color:var(--gold-light)}
.about-copy>p{max-width:66ch;margin:0 0 17px;color:var(--text);font-size:1.03rem;line-height:1.72}
.about-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:30px 0}.about-facts article{padding:17px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.022)}.about-facts strong{display:block;color:var(--gold-light);font:700 1.05rem 'Space Grotesk'}.about-facts span{display:block;margin-top:6px;color:var(--muted);font-size:.68rem;line-height:1.35}

.section-instagram{background:radial-gradient(circle at 75% 15%,rgba(131,58,180,.11),transparent 28%),radial-gradient(circle at 84% 70%,rgba(253,29,29,.065),transparent 27%),#0a0c11}
.instagram-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(34px,5vw,72px);align-items:stretch}
.instagram-profile{padding:34px;border:1px solid rgba(255,255,255,.1);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));box-shadow:0 30px 90px rgba(0,0,0,.3)}
.instagram-profile-top{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:14px}.instagram-avatar{width:56px;height:56px;padding:2px;border-radius:18px;background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}.instagram-avatar img{width:100%;height:100%;object-fit:contain;border-radius:16px;background:#080a0f;padding:7px}.instagram-profile-top small{display:block;color:var(--muted);font:700 .56rem 'Space Grotesk';letter-spacing:.14em}.instagram-profile-top strong{display:block;margin-top:5px;font:700 1rem 'Space Grotesk'}.instagram-live{padding:6px 8px;border:1px solid rgba(99,230,190,.2);border-radius:999px;color:#8ce9cc;font:700 .5rem 'Space Grotesk';letter-spacing:.12em}.instagram-profile h2{margin:36px 0 20px;font:700 clamp(2.2rem,4.3vw,4.2rem)/1 'Space Grotesk';letter-spacing:-.05em}.instagram-profile h2 em{font-style:normal;background:linear-gradient(90deg,#fcb045,#fd1d1d,#833ab4);-webkit-background-clip:text;color:transparent}.instagram-profile p{max-width:52ch;color:var(--text);line-height:1.7}.button-instagram{margin-top:26px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg,#833ab4,#fd1d1d 58%,#fcb045);color:#fff;box-shadow:0 12px 38px rgba(131,58,180,.22)}
.instagram-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.ig-card{position:relative;min-height:290px;padding:22px;border:1px solid var(--line);border-radius:23px;overflow:hidden;background:linear-gradient(150deg,rgba(255,255,255,.04),rgba(255,255,255,.014));transition:.32s var(--ease)}.ig-card:first-child{grid-column:1/-1;min-height:265px}.ig-card:hover{transform:translateY(-6px);border-color:rgba(252,176,69,.32);box-shadow:0 32px 80px rgba(0,0,0,.38)}.ig-card-head{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center}.ig-card-head span{font:700 .62rem 'Space Grotesk';letter-spacing:.15em;color:#fcb045}.ig-card-head i{font-style:normal;color:rgba(255,255,255,.35)}.ig-card h3{position:absolute;z-index:3;left:22px;right:22px;bottom:49px;margin:0;font:700 1.22rem/1.08 'Space Grotesk'}.ig-card p{position:absolute;z-index:3;left:22px;right:22px;bottom:20px;margin:0;color:var(--muted);font-size:.7rem}.ig-browser{position:absolute;right:24px;top:52px;width:55%;height:120px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:#0c1018;box-shadow:0 18px 45px rgba(0,0,0,.4);transform:rotateY(-8deg) rotateX(3deg)}.ig-browser b{position:absolute;top:11px;width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.25)}.ig-browser b:first-child{left:12px}.ig-browser b:nth-child(2){left:22px}.ig-browser b:nth-child(3){left:32px}.ig-browser em{position:absolute;left:14px;top:34px;width:36%;height:9px;border-radius:9px;background:linear-gradient(90deg,var(--gold),var(--gold-light))}.ig-browser strong{position:absolute;left:14px;top:54px;width:62%;height:27px;border-radius:8px;background:rgba(255,255,255,.07)}.ig-browser small{position:absolute;right:14px;bottom:13px;width:26%;height:18px;border-radius:8px;background:rgba(76,120,255,.18)}.ig-chart{position:absolute;inset:54px 22px 92px;display:flex;align-items:flex-end;gap:9px}.ig-chart span{flex:1;height:var(--h);border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#fd1d1d,#833ab4);opacity:.62}.ig-chart span:nth-child(1){--h:34%}.ig-chart span:nth-child(2){--h:61%}.ig-chart span:nth-child(3){--h:47%}.ig-chart span:nth-child(4){--h:86%}.ig-chart i{position:absolute;left:0;right:0;top:30%;height:1px;background:linear-gradient(90deg,#fcb045,transparent);transform:rotate(-11deg)}.ig-nodes{position:absolute;inset:58px 25px 94px}.ig-nodes span{position:absolute;width:34px;height:34px;border:1px solid rgba(102,217,232,.24);border-radius:11px;background:rgba(76,120,255,.08);box-shadow:0 0 25px rgba(76,120,255,.08)}.ig-nodes span:nth-child(1){left:4%;top:32%}.ig-nodes span:nth-child(2){left:42%;top:2%;border-color:rgba(252,176,69,.35)}.ig-nodes span:nth-child(3){right:5%;top:36%}.ig-nodes span:nth-child(4){left:42%;bottom:0}.ig-nodes i{position:absolute;height:1px;background:linear-gradient(90deg,rgba(252,176,69,.5),rgba(102,217,232,.28));transform-origin:left}.ig-nodes i:nth-of-type(1){left:18%;top:42%;width:31%;transform:rotate(-30deg)}.ig-nodes i:nth-of-type(2){left:54%;top:24%;width:31%;transform:rotate(30deg)}.ig-nodes i:nth-of-type(3){left:51%;top:45%;width:30%;transform:rotate(90deg)}

@media(max-width:980px){.about-layout,.instagram-layout{grid-template-columns:1fr}.about-visual{min-height:520px}.about-photo-frame{width:min(390px,86%)}.instagram-profile{padding:28px}}
@media(max-width:680px){.motion-toggle{display:none}.problem-scene{min-height:auto}.problem-scene small{margin-top:20px}.about-visual{min-height:450px}.about-orbit{width:110vw}.about-copy h2{font-size:clamp(2.25rem,12vw,3.5rem)}.about-facts{grid-template-columns:1fr}.instagram-grid{grid-template-columns:1fr}.ig-card:first-child{grid-column:auto}.instagram-profile{padding:23px}.instagram-profile-top{grid-template-columns:50px 1fr}.instagram-live{display:none}.instagram-profile h2{font-size:clamp(2.2rem,11vw,3.4rem)}}
html[data-motion="reduced"] .about-orbit span{animation:none!important}



/* ===== V9 · PÁGINAS INTERNAS ===== */
.page-hero{position:relative;padding:150px 0 92px;overflow:hidden;background:radial-gradient(circle at 12% 12%,rgba(214,166,60,.14),transparent 34%),radial-gradient(circle at 88% 80%,rgba(76,120,255,.09),transparent 30%),var(--bg)}
.page-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(180deg,#000,transparent 92%)}
.page-hero-inner{position:relative;z-index:1;max-width:930px}
.page-hero h1{margin:22px 0 0;font:800 clamp(46px,7vw,88px)/.98 'Space Grotesk';letter-spacing:-.058em;text-wrap:balance}
.page-hero h1 em{font-style:normal;background:linear-gradient(120deg,var(--gold-light),var(--gold),#fff0ba);-webkit-background-clip:text;color:transparent}
.page-hero p{max-width:760px;margin:28px 0 0;color:var(--text);font-size:clamp(1.05rem,1.5vw,1.22rem);line-height:1.72;text-wrap:pretty}
.breadcrumb{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.76rem}.breadcrumb a:hover{color:var(--gold-light)}
.page-intro-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(44px,8vw,110px);align-items:start}
.sticky-copy{position:sticky;top:118px}.sticky-copy h2{margin:16px 0 0;font:800 clamp(32px,4.5vw,56px)/1.02 'Space Grotesk';letter-spacing:-.045em;text-wrap:balance}.sticky-copy p{color:var(--text);line-height:1.75}
.story-stack{display:grid;gap:14px}.story-card{position:relative;padding:28px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));overflow:hidden;transition:.3s var(--ease)}.story-card:hover{transform:translateY(-4px);border-color:var(--line-gold)}.story-card b{display:block;color:var(--gold-light);font-size:.69rem;letter-spacing:.12em}.story-card h3{margin:14px 0 0;font:700 clamp(1.25rem,2vw,1.65rem)/1.08 'Space Grotesk'}.story-card p{margin:12px 0 0;color:var(--text);line-height:1.65}.story-card small{display:block;margin-top:15px;color:var(--muted)}
.service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.service-detail{min-height:330px;padding:30px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at 100% 0,rgba(214,166,60,.08),transparent 38%),var(--surface);transition:.3s var(--ease)}.service-detail:hover{border-color:var(--line-gold);transform:translateY(-4px)}.service-detail .num{color:var(--gold-light);font:700 .68rem/1 'Space Grotesk';letter-spacing:.15em}.service-detail h3{margin:30px 0 0;font:700 clamp(1.45rem,2.5vw,2rem)/1.03 'Space Grotesk';letter-spacing:-.035em}.service-detail p{margin:15px 0 0;color:var(--text);line-height:1.7}.service-detail ul{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:10px;color:var(--muted);font-size:.88rem}.service-detail li{display:flex;gap:9px}.service-detail li::before{content:"→";color:var(--gold-light)}
.flow-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:26px;overflow:hidden;background:var(--surface)}.flow-strip article{position:relative;padding:30px 24px;border-right:1px solid var(--line)}.flow-strip article:last-child{border-right:0}.flow-strip article::after{content:"→";position:absolute;right:-10px;top:38px;z-index:2;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:#080808;font-weight:800}.flow-strip article:last-child::after{display:none}.flow-strip span{color:var(--gold-light);font-size:.65rem;font-weight:700;letter-spacing:.13em}.flow-strip h3{margin:13px 0 0;font:700 1.12rem/1.2 'Space Grotesk'}.flow-strip p{margin:10px 0 0;color:var(--muted);font-size:.82rem;line-height:1.55}
.fit-grid-page{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fit-panel{padding:32px;border:1px solid var(--line);border-radius:24px;background:var(--surface)}.fit-panel.good{border-color:rgba(38,200,150,.22);background:linear-gradient(145deg,rgba(38,200,150,.06),var(--surface))}.fit-panel h3{margin:0;font:700 1.45rem/1.1 'Space Grotesk'}.fit-panel ul{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:13px;color:var(--text)}.fit-panel li{display:flex;gap:10px;line-height:1.5}.fit-panel.good li::before{content:"✓";color:#70e2bd}.fit-panel.bad li::before{content:"×";color:#f5a7a7}
.inner-cta{padding:clamp(40px,6vw,72px);border:1px solid var(--line);border-radius:32px;background:radial-gradient(circle at 10% 10%,rgba(214,166,60,.13),transparent 34%),radial-gradient(circle at 90% 80%,rgba(76,120,255,.1),transparent 30%),var(--surface);text-align:center}.inner-cta h2{max-width:800px;margin:0 auto;font:800 clamp(34px,5vw,62px)/1.02 'Space Grotesk';letter-spacing:-.045em}.inner-cta p{max-width:700px;margin:22px auto 0;color:var(--text);line-height:1.7}.inner-cta .hero-actions{justify-content:center}

/* Projects */
.project-tools{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}.project-filter{padding:10px 15px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);color:var(--text);font-weight:650;cursor:pointer;transition:.2s}.project-filter:hover,.project-filter.is-active{border-color:var(--line-gold);background:rgba(214,166,60,.1);color:var(--gold-light)}
.projects-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.project-tile{position:relative;min-height:315px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--surface);transition:.32s var(--ease)}.project-tile[hidden]{display:none}.project-tile:hover{transform:translateY(-5px);border-color:var(--line-gold);box-shadow:0 28px 80px rgba(0,0,0,.4)}.project-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.7s var(--ease)}.project-tile:hover img{transform:scale(1.045)}.project-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,9,13,.08),rgba(7,9,13,.96) 88%)}.project-tile-copy{position:absolute;z-index:2;left:22px;right:22px;bottom:21px}.project-tile-copy small{color:var(--gold-light);font-size:.64rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.project-tile-copy h3{margin:9px 0 0;font:700 1.35rem/1.04 'Space Grotesk'}.project-tile-copy p{margin:9px 0 0;color:var(--text);font-size:.82rem;line-height:1.5}.project-count{margin-left:auto;color:var(--muted);font-size:.82rem;align-self:center}
.project-note{margin-top:30px;padding:20px 22px;border:1px solid var(--line);border-radius:18px;color:var(--muted);line-height:1.6;background:rgba(255,255,255,.02)}

/* About */
.founder-grid{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);gap:clamp(44px,8vw,110px);align-items:center}.founder-photo{position:relative;min-height:610px;border:1px solid var(--line);border-radius:30px;overflow:hidden;background:var(--surface)}.founder-photo img{width:100%;height:100%;object-fit:cover;object-position:top}.founder-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(7,9,13,.78))}.founder-badge{position:absolute;z-index:2;left:24px;right:24px;bottom:24px;padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(7,9,13,.72);backdrop-filter:blur(16px)}.founder-badge small{color:var(--gold-light);font-size:.64rem;letter-spacing:.13em}.founder-badge strong{display:block;margin-top:8px;font:700 1.1rem/1.2 'Space Grotesk'}.founder-copy h2{margin:17px 0 0;font:800 clamp(38px,5.4vw,68px)/1 'Space Grotesk';letter-spacing:-.05em}.founder-copy p{color:var(--text);line-height:1.78}.quote-block{margin-top:28px;padding:24px;border-left:2px solid var(--gold);background:rgba(214,166,60,.045);color:var(--white);font:600 1.08rem/1.65 'Space Grotesk'}
.values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.value-card{padding:28px;border:1px solid var(--line);border-radius:22px;background:var(--surface)}.value-card span{color:var(--gold-light);font:700 .67rem/1 'Space Grotesk';letter-spacing:.13em}.value-card h3{margin:18px 0 0;font:700 1.35rem/1.05 'Space Grotesk'}.value-card p{margin:12px 0 0;color:var(--text);line-height:1.65}
.proof-inside{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}.os-card{padding:32px;border:1px solid var(--line);border-radius:26px;background:radial-gradient(circle at 20% 10%,rgba(76,120,255,.1),transparent 36%),var(--surface)}.os-card h3{margin:15px 0 0;font:700 clamp(1.55rem,2.8vw,2.2rem)/1.05 'Space Grotesk'}.os-card p{color:var(--text);line-height:1.7}.os-list{display:grid;gap:10px;margin-top:24px}.os-list div{display:flex;align-items:center;justify-content:space-between;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.os-list span{color:var(--muted);font-size:.78rem}.os-list b{font-size:.82rem}

/* Diagnostic */
.diag-page{padding-top:130px}.diag-shell{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr);gap:clamp(40px,7vw,90px);align-items:start}.diag-aside{position:sticky;top:112px}.diag-aside h1{margin:18px 0 0;font:800 clamp(42px,5.5vw,68px)/1 'Space Grotesk';letter-spacing:-.05em}.diag-aside p{color:var(--text);line-height:1.75}.diag-progress{display:grid;gap:10px;margin-top:30px}.diag-progress div{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.8rem}.diag-progress i{width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-style:normal}.diag-progress div.is-active{color:var(--white)}.diag-progress div.is-active i{border-color:var(--gold);background:var(--gold);color:#080808}
.diag-card{min-height:560px;padding:clamp(28px,5vw,52px);border:1px solid var(--line);border-radius:30px;background:radial-gradient(circle at 100% 0,rgba(214,166,60,.08),transparent 35%),var(--surface);box-shadow:0 35px 100px rgba(0,0,0,.32)}.diag-step{display:none}.diag-step.is-active{display:block;animation:fadeUp .45s var(--ease)}.diag-step small{color:var(--gold-light);font-size:.67rem;font-weight:700;letter-spacing:.13em}.diag-step h2{margin:16px 0 0;font:700 clamp(1.8rem,3.5vw,2.7rem)/1.05 'Space Grotesk';letter-spacing:-.04em}.diag-step>p{margin:13px 0 0;color:var(--text);line-height:1.65}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}.field{display:grid;gap:8px}.field.full{grid-column:1/-1}.field label{color:var(--text);font-size:.82rem;font-weight:650}.field input,.field textarea,.field select{width:100%;padding:15px;border:1px solid var(--line);border-radius:14px;background:rgba(7,9,13,.72);color:var(--white);outline:none}.field textarea{min-height:150px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(214,166,60,.1)}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px}.choice{padding:18px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.022);cursor:pointer;transition:.22s}.choice:hover,.choice.is-selected{border-color:var(--line-gold);background:rgba(214,166,60,.08)}.choice input{position:absolute;opacity:0}.choice strong{display:block;font:700 1rem/1.2 'Space Grotesk'}.choice span{display:block;margin-top:7px;color:var(--muted);font-size:.78rem;line-height:1.45}.diag-actions{display:flex;justify-content:space-between;gap:12px;margin-top:34px}.diag-result{padding:24px;border:1px solid var(--line-gold);border-radius:18px;background:rgba(214,166,60,.055);margin-top:28px}.diag-result h3{margin:0;font:700 1.35rem/1.1 'Space Grotesk'}.diag-result p{color:var(--text);line-height:1.65}.privacy-note{margin-top:20px;color:var(--muted);font-size:.72rem;line-height:1.55}

.page-footer-spacer{padding-bottom:40px}
@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:980px){.page-intro-grid,.founder-grid,.proof-inside,.diag-shell{grid-template-columns:1fr}.sticky-copy,.diag-aside{position:relative;top:auto}.service-list,.projects-page-grid{grid-template-columns:repeat(2,1fr)}.flow-strip{grid-template-columns:repeat(2,1fr)}.flow-strip article:nth-child(2){border-right:0}.flow-strip article:nth-child(-n+2){border-bottom:1px solid var(--line)}.founder-photo{min-height:520px}.diag-progress{display:flex;flex-wrap:wrap}.diag-card{min-height:auto}}
@media(max-width:680px){.page-hero{padding:122px 0 72px}.service-list,.projects-page-grid,.fit-grid-page,.values-grid,.field-grid,.choice-grid{grid-template-columns:1fr}.flow-strip{grid-template-columns:1fr}.flow-strip article{border-right:0;border-bottom:1px solid var(--line)}.flow-strip article:last-child{border-bottom:0}.flow-strip article::after{content:"↓";right:auto;left:28px;top:auto;bottom:-10px}.founder-photo{min-height:470px}.project-count{width:100%;margin-left:0}.diag-card{padding:26px 18px}.diag-actions{flex-direction:column-reverse}.diag-actions .button{width:100%}}

/* ==========================================================
   DAMAY DIGITAL · HEADER + MOBILE MENU FINAL · V11
   ========================================================== */

/* El CTA conserva contraste en todos sus estados. Estas reglas
   superan la especificidad de los hovers genéricos del menú. */
.desktop-nav a.nav-cta,
.desktop-nav a.nav-cta:visited,
.mobile-menu a.nav-cta,
.mobile-menu a.nav-cta:visited {
  color: #07090d !important;
  background: linear-gradient(145deg, #f7d779 0%, var(--gold-light) 34%, var(--gold) 70%, #a87118 100%) !important;
  border: 1px solid rgba(255, 227, 154, .58) !important;
  box-shadow:
    0 12px 34px rgba(214, 166, 60, .28),
    inset 0 1px 0 rgba(255,255,255,.5) !important;
  text-shadow: none !important;
}

.desktop-nav a.nav-cta:hover,
.desktop-nav a.nav-cta:focus-visible,
.mobile-menu a.nav-cta:hover,
.mobile-menu a.nav-cta:focus-visible {
  color: #050608 !important;
  background: linear-gradient(145deg, #fff0b7 0%, #f7d779 36%, var(--gold-light) 68%, var(--gold) 100%) !important;
  border-color: rgba(255, 244, 203, .86) !important;
  box-shadow:
    0 16px 46px rgba(214, 166, 60, .44),
    0 0 0 4px rgba(214, 166, 60, .10),
    inset 0 1px 0 rgba(255,255,255,.64) !important;
  transform: translateY(-2px);
}

.desktop-nav a.nav-cta:active,
.mobile-menu a.nav-cta:active {
  transform: translateY(0) scale(.985);
}

.menu-button {
  position: relative;
  z-index: 1010;
  cursor: pointer;
  overflow: hidden;
  border-color: rgba(242, 200, 102, .22);
  background:
    radial-gradient(circle at 25% 20%, rgba(242,200,102,.13), transparent 48%),
    #10141c;
  box-shadow: 0 12px 34px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.05);
}

.menu-button::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(135deg, rgba(242,200,102,.16), transparent 46%);
  opacity: 0;
  transition: opacity .22s ease;
}

.menu-button:hover::before,
.menu-button:focus-visible::before,
.menu-button[aria-expanded="true"]::before { opacity: 1; }

.menu-button:hover,
.menu-button:focus-visible,
.menu-button[aria-expanded="true"] {
  border-color: rgba(242, 200, 102, .48);
  background-color: #151a24;
  box-shadow: 0 14px 40px rgba(0,0,0,.45), 0 0 0 4px rgba(214,166,60,.07);
  outline: none;
}

.menu-button span {
  position: relative;
  z-index: 1;
  width: 19px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, #fff7dd, var(--gold-light));
  box-shadow: 0 0 12px rgba(242,200,102,.18);
}

@media (max-width: 820px) {
  .site-header {
    background: rgba(7,9,13,.94);
    border-bottom-color: rgba(255,255,255,.065);
    backdrop-filter: blur(20px) saturate(135%);
    -webkit-backdrop-filter: blur(20px) saturate(135%);
  }

  body.menu-open .site-header {
    background: #080b11;
    border-bottom-color: rgba(214,166,60,.18);
  }

  .mobile-overlay {
    z-index: 1001;
    background: rgba(2,4,8,.76);
    backdrop-filter: blur(9px) saturate(80%);
    -webkit-backdrop-filter: blur(9px) saturate(80%);
  }

  .mobile-menu {
    z-index: 1002;
    width: min(390px, 92vw);
    padding: 102px 22px max(30px, env(safe-area-inset-bottom));
    gap: 8px;
    overflow-y: auto;
    overscroll-behavior: contain;
    visibility: hidden;
    pointer-events: none;
    isolation: isolate;
    border-left: 1px solid rgba(214,166,60,.24);
    background:
      radial-gradient(circle at 92% 4%, rgba(214,166,60,.20), transparent 30%),
      radial-gradient(circle at 10% 84%, rgba(76,120,255,.12), transparent 34%),
      linear-gradient(160deg, #0f131b 0%, #090c12 48%, #07090d 100%);
    box-shadow:
      -30px 0 100px rgba(0,0,0,.72),
      inset 1px 0 0 rgba(255,255,255,.025);
    transform: translateX(104%);
    transition:
      transform .38s var(--ease),
      visibility 0s linear .38s;
  }

  .mobile-menu::before {
    content: '';
    position: absolute;
    z-index: -1;
    inset: 0;
    pointer-events: none;
    opacity: .36;
    background-image:
      linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,.028) 1px, transparent 1px);
    background-size: 38px 38px;
    mask-image: linear-gradient(to bottom, #000 0%, transparent 72%);
    -webkit-mask-image: linear-gradient(to bottom, #000 0%, transparent 72%);
  }

  .mobile-menu::after {
    content: '';
    position: absolute;
    top: 74px;
    left: 22px;
    right: 22px;
    height: 1px;
    background: linear-gradient(90deg, var(--gold-light), rgba(214,166,60,.16), transparent);
    box-shadow: 0 0 22px rgba(214,166,60,.18);
  }

  .mobile-menu.is-open {
    visibility: visible;
    pointer-events: auto;
    transform: translateX(0);
    transition:
      transform .38s var(--ease),
      visibility 0s linear 0s;
  }

  .mobile-menu-label {
    position: relative;
    margin: 0 0 22px;
    padding: 0 2px 18px;
    color: var(--gold-light);
    font: 800 .68rem/1 'Space Grotesk', sans-serif;
    letter-spacing: .22em;
  }

  .mobile-menu-label::after {
    content: 'ESTRATEGIA · WEB · PUBLICIDAD';
    display: block;
    margin-top: 10px;
    color: rgba(244,241,233,.42);
    font: 600 .56rem/1.3 Inter, sans-serif;
    letter-spacing: .13em;
  }

  .mobile-menu a:not(.nav-cta) {
    position: relative;
    min-height: 55px;
    display: flex;
    align-items: center;
    padding: 0 48px 0 16px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.065);
    border-radius: 16px;
    background: rgba(255,255,255,.025);
    color: rgba(244,241,233,.82);
    font: 650 .98rem/1.2 'Space Grotesk', sans-serif;
    letter-spacing: -.015em;
    transition: border-color .22s ease, background .22s ease, color .22s ease, transform .22s ease;
  }

  .mobile-menu a:not(.nav-cta)::before {
    content: '';
    position: absolute;
    left: 16px;
    bottom: 10px;
    width: 0;
    height: 1px;
    background: linear-gradient(90deg, var(--gold-light), transparent);
    transition: width .28s var(--ease);
  }

  .mobile-menu a:not(.nav-cta)::after {
    content: '↗';
    position: absolute;
    right: 17px;
    top: 50%;
    color: rgba(242,200,102,.58);
    font-size: .88rem;
    transform: translateY(-50%);
    transition: transform .22s var(--ease), color .22s ease;
  }

  .mobile-menu a:not(.nav-cta):hover,
  .mobile-menu a:not(.nav-cta):focus-visible,
  .mobile-menu a:not(.nav-cta).is-active {
    border-color: rgba(214,166,60,.30);
    background: linear-gradient(100deg, rgba(214,166,60,.11), rgba(255,255,255,.03));
    color: #fff8df;
    transform: translateX(-3px);
    outline: none;
  }

  .mobile-menu a:not(.nav-cta):hover::before,
  .mobile-menu a:not(.nav-cta):focus-visible::before,
  .mobile-menu a:not(.nav-cta).is-active::before { width: 54px; }

  .mobile-menu a:not(.nav-cta):hover::after,
  .mobile-menu a:not(.nav-cta):focus-visible::after { color: var(--gold-light); transform: translate(2px,-50%); }

  .mobile-menu .nav-cta {
    min-height: 57px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 16px 0 0;
    padding: 0 20px;
    border-radius: 16px;
    font: 800 .96rem/1 'Space Grotesk', sans-serif;
    letter-spacing: -.01em;
  }

  body.menu-open .menu-button {
    position: fixed;
    top: 16px;
    right: max(16px, calc((100vw - min(100vw - 32px, var(--shell))) / 2));
  }
}

@media (max-width: 520px) {
  .mobile-menu {
    width: 100vw;
    border-left: 0;
    padding-inline: 18px;
  }

  .mobile-menu::after { left: 18px; right: 18px; }
  .mobile-menu a:not(.nav-cta) { min-height: 58px; }
}