@font-face{font-family:'OpenSauceOne';src:url('/assets/fonts/OpenSauceOne-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'OpenSauceOne';src:url('/assets/fonts/OpenSauceOne-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
:root{--bg:#0A0A0A;--card:#111111;--gold:#C9A84C;--gold-light:#E8C96A;--gold-dim:rgba(201,168,76,.15);--gold-border:rgba(201,168,76,.3);--white:#F5F0E8;--gray:#8F8A84;--line:rgba(255,255,255,.08);--purple:#6F5A9F;--cyan:#00B8D4;--shadow:0 18px 55px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 100% 0%, rgba(111,90,159,.08), transparent 28%),radial-gradient(circle at 0% 15%, rgba(0,184,212,.08), transparent 22%),linear-gradient(180deg,#0A0A0A 0%,#111 100%);color:var(--white);font-family:'OpenSauceOne',Arial,sans-serif;min-height:100vh;overflow-x:hidden;cursor:none}
/* ── Cursor dorado ── */
#cursor{position:fixed;width:8px;height:8px;background:var(--gold);border-radius:50%;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);transition:transform .18s cubic-bezier(.16,1,.3,1),opacity .18s ease}
#cursor.hover{transform:translate(-50%,-50%) scale(3.5);opacity:.45}
#cursor-ring{position:fixed;width:34px;height:34px;border:1px solid rgba(201,168,76,.4);border-radius:50%;pointer-events:none;z-index:99998;transform:translate(-50%,-50%);transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .2s ease}
#cursor-ring.hover{transform:translate(-50%,-50%) scale(0);opacity:0}
@media(max-width:760px){#cursor,#cursor-ring{display:none}body{cursor:auto}}
body::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.035'/%3E%3C/svg%3E");pointer-events:none;opacity:.5}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{width:min(1180px, calc(100% - 40px));margin:0 auto}
.nav{position:sticky;top:0;z-index:60;background:rgba(10,10,10,.90);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav-inner{min-height:76px;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center}.brand{display:flex;gap:14px;align-items:center}.brand-lines{display:flex;gap:4px;height:24px}.brand-lines span{width:3px;border-radius:999px}.brand-lines span:nth-child(1){background:var(--purple)}.brand-lines span:nth-child(2){background:var(--cyan)}.brand-lines span:nth-child(3){background:var(--gold)}.brand-name{font-size:22px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.nav-links{display:flex;gap:18px;justify-content:center;align-items:center;overflow:auto;white-space:nowrap;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.nav-links a{font-size:13px;color:var(--gray);padding:6px 0;position:relative;transition:color .2s ease}
.nav-links a::after{content:'';position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:50%;background:var(--gold);opacity:0;transition:opacity .2s ease}
.nav-links a:hover{color:var(--white)}
.nav-links a.active{color:var(--white)}
.nav-links a.active::after{opacity:1}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;border:1px solid transparent;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;transition:all .25s cubic-bezier(.16,1,.3,1)}.btn:hover{transform:translateY(-2px)}.btn-gold{background:var(--gold);color:#0A0A0A}.btn-outline{border-color:var(--line);background:rgba(255,255,255,.02)}.btn-purple{background:rgba(111,90,159,.14);border-color:rgba(111,90,159,.25)}.btn-cyan{background:rgba(0,184,212,.14);border-color:rgba(0,184,212,.25)}
header,section{padding:82px 0}h1,h2,h3{margin:0 0 18px;font-weight:700;line-height:1.03;letter-spacing:-.03em}h1{font-size:clamp(36px,4.8vw,54px)}h2{font-size:clamp(28px,3.6vw,42px)}h3{font-size:clamp(20px,2.2vw,26px)}
/* ── Hero slideUp: líneas del h1 en index ── */
.hero-grid h1 .line{overflow:hidden;display:block;padding-top:0.12em}
.hero-grid h1 .line+.line{margin-top:10px}
.hero-grid h1 .line span{display:block;animation:slideUp .9s cubic-bezier(.16,1,.3,1) both}
.hero-grid h1 .line:nth-child(1) span{animation-delay:80ms}
.hero-grid h1 .line:nth-child(2) span{animation-delay:220ms}
@keyframes slideUp{from{transform:translateY(105%);opacity:0}to{transform:translateY(0);opacity:1}}
/* ── Entrada hero: eyebrow, h1, h2, lead en páginas internas ── */
@keyframes heroFadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
header .eyebrow{animation:heroFadeUp .7s cubic-bezier(.16,1,.3,1) both;animation-delay:60ms}
header h1:not(.hero-grid h1){animation:heroFadeUp .75s cubic-bezier(.16,1,.3,1) both;animation-delay:160ms}
header h2{animation:heroFadeUp .75s cubic-bezier(.16,1,.3,1) both;animation-delay:280ms}
header .lead,header .copy.lead{animation:heroFadeUp .7s cubic-bezier(.16,1,.3,1) both;animation-delay:380ms}
header .badges{animation:heroFadeUp .7s cubic-bezier(.16,1,.3,1) both;animation-delay:320ms}
header .hero-actions{animation:heroFadeUp .7s cubic-bezier(.16,1,.3,1) both;animation-delay:460ms}
/* index hero: eyebrow no aplica, pero sí los botones */
.hero-grid .hero-actions{animation:heroFadeUp .7s cubic-bezier(.16,1,.3,1) both;animation-delay:380ms}
.hero-grid.reveal,.hero-grid .reveal{animation:none}.line{display:block}.line+.line{margin-top:10px}.text-gold{color:var(--gold)}.text-cyan{color:var(--cyan)}.copy{font-size:15px;line-height:1.82;color:rgba(245,240,232,.75)}.copy p{margin:0 0 14px}.lead{max-width:760px;font-size:clamp(16px,1.6vw,19px);line-height:1.72;color:rgba(245,240,232,.75)}.eyebrow{display:inline-block;margin-bottom:18px;font-size:12px;letter-spacing:.18em;color:var(--gray);text-transform:uppercase}
.hero-grid,.two-col,.cards-2,.cards-3,.stats-grid{display:grid;gap:30px}.hero-grid{grid-template-columns:1fr .88fr;align-items:center}.two-col{grid-template-columns:1fr 1fr;align-items:start}.cards-2{grid-template-columns:repeat(2,1fr)}.cards-3{grid-template-columns:repeat(3,1fr)}.stats-grid{grid-template-columns:repeat(5,1fr)}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.hero-visual{min-height:380px;position:relative;overflow:hidden;border-radius:28px;border:1px solid var(--gold-border);background:radial-gradient(circle at 25% 20%, rgba(111,90,159,.22), transparent 26%),radial-gradient(circle at 76% 30%, rgba(0,184,212,.18), transparent 20%),radial-gradient(circle at 72% 82%, rgba(201,168,76,.14), transparent 26%),linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));box-shadow:var(--shadow)}.visual-lines{position:absolute;right:34px;top:34px;display:flex;gap:7px}.visual-lines span{width:3px;border-radius:999px}.visual-lines span:nth-child(1){height:120px;background:var(--purple)}.visual-lines span:nth-child(2){height:170px;background:var(--cyan)}.visual-lines span:nth-child(3){height:98px;background:var(--gold)}.visual-copy{position:absolute;left:16px;right:16px;bottom:16px;z-index:2}.visual-copy strong{display:block;font-size:clamp(17px,2.2vw,26px);font-weight:700;color:#F5F0E8;letter-spacing:.04em;margin-bottom:4px;line-height:1.22}.visual-copy span{display:block;font-size:clamp(14px,1.3vw,17px);color:rgba(245,240,232,.6);line-height:1.5}
.card{border:1px solid var(--gold-border);background:linear-gradient(180deg,#111 0%, #0d0d0d 100%);border-radius:28px;box-shadow:var(--shadow);transition:border-color .25s ease,box-shadow .25s ease,transform .25s cubic-bezier(.16,1,.3,1)}.card:hover{border-color:rgba(201,168,76,.5);box-shadow:0 28px 80px rgba(0,0,0,.55),0 0 0 1px rgba(201,168,76,.1);transform:translateY(-3px)}.card.pad{padding:28px;border-radius:28px}.stat{text-align:center;border-radius:28px;min-height:180px;display:flex;flex-direction:column;justify-content:center;padding:28px}
.stat-number{font-size:clamp(28px,4vw,46px);font-weight:700;line-height:1;margin-bottom:8px;color:var(--gold-light);font-variant-numeric:tabular-nums}
.stat-label{font-size:13px;color:var(--gray);line-height:1.55}.notice{margin-top:18px;padding:16px 18px;border-radius:18px;border:1px dashed var(--gold-border);color:rgba(245,240,232,.75);line-height:1.75}.divider{width:min(1180px, calc(100% - 40px));height:1px;margin:0 auto;background:linear-gradient(90deg, transparent, var(--line), transparent)}.profile-wrap{position:relative;overflow:hidden;border-radius:24px;border:1px solid var(--gold-border);box-shadow:var(--shadow)}.profile-wrap img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top}.badges{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 22px}.badge{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:999px;font-size:12px;color:var(--gold-light);background:var(--gold-dim);border:1px solid var(--gold-border)}.video-frame{width:100%;aspect-ratio:16/9;border:0;border-radius:22px;box-shadow:var(--shadow)}.footer{padding:36px 0 62px;text-align:center;color:var(--gray);font-size:12px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:none}
/* ── Stagger escalonado en grids ── */
.stats-grid .reveal:nth-child(1),.cards-3 .reveal:nth-child(1),.cards-2 .reveal:nth-child(1){transition-delay:0ms}
.stats-grid .reveal:nth-child(2),.cards-3 .reveal:nth-child(2),.cards-2 .reveal:nth-child(2){transition-delay:80ms}
.stats-grid .reveal:nth-child(3),.cards-3 .reveal:nth-child(3){transition-delay:160ms}
.stats-grid .reveal:nth-child(4){transition-delay:240ms}
.stats-grid .reveal:nth-child(5){transition-delay:320ms}
@media (max-width:1024px){.hero-grid,.two-col,.cards-2,.cards-3,.stats-grid{grid-template-columns:1fr}}
@media (max-width:760px){.container{width:min(100% - 28px, 1180px)}.nav-inner{grid-template-columns:1fr;gap:10px;padding:12px 0}.brand{justify-content:center}.nav-links{justify-content:flex-start}.nav .btn{width:100%}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}h1{font-size:34px;overflow:visible;word-wrap:break-word}h2{font-size:30px}header,section{padding:58px 0}.index-hero{padding:40px 0 30px}.hero-grid{grid-template-columns:1fr}}


.page-hero-title{max-width:980px;font-size:clamp(34px,5.1vw,64px);line-height:1.05}
.page-hero-title.compact{max-width:900px;font-size:clamp(30px,4.2vw,54px)}
.section-intro{max-width:760px}
.section-intro .copy{font-size:18px;line-height:1.85}
.social-strip{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}
.social-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:54px;min-height:54px;padding:0 18px;border-radius:999px;border:1px solid var(--gold-border);background:rgba(255,255,255,.02);color:var(--white);transition:all .22s ease;box-shadow:0 10px 28px rgba(0,0,0,.16)}
.social-link:hover{transform:translateY(-2px);border-color:rgba(201,168,76,.55);background:var(--gold-dim);color:var(--gold-light)}
.social-link svg{width:18px;height:18px;fill:currentColor;display:block}
.social-link span{font-size:13px;font-weight:700;letter-spacing:.02em}
.social-link.icon-only{width:54px;min-width:54px;padding:0}
.social-panel{display:flex;flex-direction:column;gap:16px}
.social-panel .copy{max-width:720px}
.footer{padding:56px 0 64px;text-align:left;color:var(--gray);font-size:13px;border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.01),rgba(0,0,0,.04))}
.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .9fr;gap:28px;align-items:start}
.footer-brand{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.footer-title{font-size:18px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--white)}
.footer-copy{max-width:430px;line-height:1.8;color:rgba(245,240,232,.66)}
.footer-group-title{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gray);margin-bottom:14px}
.footer-links{display:grid;gap:10px}
.footer-links a{color:rgba(245,240,232,.82);transition:color .18s ease}
.footer-links a:hover{color:var(--gold-light)}
.footer-cta{padding:22px;border-radius:22px;border:1px solid var(--gold-border);background:linear-gradient(180deg,rgba(201,168,76,.08),rgba(255,255,255,.02));box-shadow:var(--shadow)}
.footer-cta p{margin:0 0 16px;line-height:1.7;color:rgba(245,240,232,.72)}
.footer-bottom{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:34px;padding-top:18px;border-top:1px solid var(--line);font-size:12px}
.footer-bottom span:last-child{color:rgba(245,240,232,.5)}
.footer-socials{display:flex;flex-wrap:wrap;gap:12px}
@media (max-width:1024px){.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:flex-start}.social-link span{display:none}.social-link{padding:0}.social-link:not(.icon-only){width:54px;min-width:54px}}

.photo-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:end}
.photo-card{position:relative;overflow:hidden;min-height:260px;border-radius:28px;border:1px solid rgba(201,168,76,.18);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));box-shadow:var(--shadow);transform-style:preserve-3d;transition:transform .22s ease,border-color .22s ease}
.photo-card:hover{border-color:var(--gold-border)}
.photo-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.02)}
.photo-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(0,0,0,.58) 100%)}
.photo-card:nth-child(1) img{object-position:center 18%}
.photo-card:nth-child(2) img{object-position:center 8%}
.photo-card:nth-child(3) img{object-position:center 30%}
.photo-card.featured{min-height:340px}
.photo-tag{position:absolute;left:18px;bottom:18px;z-index:2;display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.09);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);color:var(--white);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
@media (max-width:1024px){.photo-showcase{grid-template-columns:1fr 1fr}.photo-card.featured{grid-column:span 2}}
@media (max-width:760px){.photo-showcase{grid-template-columns:1fr}.photo-card.featured{grid-column:auto;min-height:300px}}


.authority-carousel{position:relative;overflow:hidden}
.authority-track{display:flex;gap:18px;overflow:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:6px;-ms-overflow-style:none;scrollbar-width:none}
.authority-track::-webkit-scrollbar{display:none}
.authority-slide{min-width:min(78vw,340px);scroll-snap-align:start;position:relative;overflow:hidden;min-height:360px;border-radius:28px;border:1px solid rgba(201,168,76,.18);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));box-shadow:var(--shadow)}
.authority-slide img{width:100%;height:100%;object-fit:cover;object-position:center 18%}
.authority-slide::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 28%,rgba(0,0,0,.68) 100%)}
.authority-copy{position:absolute;left:18px;right:18px;bottom:18px;z-index:2}
.authority-kicker{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.09);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);color:var(--white);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}
.authority-copy h3{font-size:clamp(20px,2.6vw,30px);margin-bottom:8px}
.authority-copy p{margin:0;color:rgba(245,240,232,.82);line-height:1.7;font-size:clamp(14px,1.3vw,17px)}
.carousel-controls{display:flex;gap:10px;align-items:center;margin-top:18px;flex-wrap:wrap}
.carousel-btn{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:1px solid var(--gold-border);background:rgba(255,255,255,.02);color:var(--white);font-size:18px;cursor:pointer;transition:all .18s ease}
.carousel-btn:hover{background:var(--gold-dim);color:var(--gold-light)}
.carousel-note{color:rgba(245,240,232,.58);font-size:13px;line-height:1.7}
@media (max-width:760px){.authority-slide{min-width:84vw;min-height:320px}}

.authority-section{align-items:center}
.authority-section .copy{max-width:620px}
.authority-slide:nth-child(1) img{object-position:center 18%}
.authority-slide:nth-child(2) img{object-position:center 12%}
.authority-slide:nth-child(3) img{object-position:center 28%}
.authority-slide:nth-child(4) img{object-position:center 18%}
.social-cta-section{padding-top:70px;padding-bottom:70px}
.social-cta{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;padding:34px;border:1px solid var(--gold-border);border-radius:30px;background:radial-gradient(circle at 0% 0%, rgba(0,184,212,.08), transparent 28%),radial-gradient(circle at 100% 0%, rgba(111,90,159,.12), transparent 24%),linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));box-shadow:var(--shadow)}
.social-cta-title{max-width:640px}
.social-cta-side{display:flex;flex-direction:column;gap:18px;align-items:flex-start;justify-self:end}
.premium-socials{gap:12px}
.premium-socials .social-link{background:rgba(255,255,255,.035);box-shadow:0 14px 30px rgba(0,0,0,.25)}
.premium-socials .social-link:hover{transform:translateY(-3px) scale(1.02)}
@media (max-width:1024px){.social-cta{grid-template-columns:1fr}.social-cta-side{justify-self:start}}

.interest-form{margin-top:24px}
.interest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.interest-form .field-group{margin-bottom:14px}
.interest-form .field-group label{display:block;font-size:11px;letter-spacing:.18em;color:var(--gold);text-transform:uppercase;margin-bottom:8px}
.interest-form .field-group input{width:100%;background:rgba(255,255,255,.03);border:1px solid var(--gold-border);color:var(--white);padding:14px 16px;border-radius:14px;font-family:'OpenSauceOne',Arial,sans-serif;font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}
.interest-form .field-group input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,168,76,.12)}
.interest-form .field-group input::placeholder{color:rgba(245,240,232,.32)}
.interest-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:8px}
.interest-note{margin:0;color:rgba(245,240,232,.6);font-size:14px;line-height:1.6;max-width:360px}
@media (max-width:760px){.interest-grid{grid-template-columns:1fr}.interest-actions{align-items:flex-start;flex-direction:column}}


/* --- v12 additions --- */
.clean-list{list-style:none;padding:0;margin:18px 0;display:grid;gap:10px}.clean-list li{position:relative;padding-left:18px;color:rgba(245,240,232,.74);line-height:1.7}.clean-list li::before{content:"•";position:absolute;left:0;top:0;color:var(--gold)}
.service-card,.story-card{display:flex;flex-direction:column;gap:18px}.service-top h3,.story-card h3{margin-bottom:0}.featured-service{background:linear-gradient(180deg,rgba(201,168,76,.12),rgba(255,255,255,.02));}
.mini-process{margin-top:18px;padding:16px 18px;border-radius:16px;border:1px solid var(--gold-border);background:rgba(255,255,255,.02);display:grid;gap:6px}.mini-process strong{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}.mini-process span{color:rgba(245,240,232,.68);line-height:1.7}
.capability-grid .card{min-height:160px}.split-points{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px}.align-start{align-items:start}
.native-form .field-group{margin-bottom:16px}.native-form label{display:block;font-size:11px;letter-spacing:.18em;color:var(--gold);text-transform:uppercase;margin-bottom:8px}.native-form input,.native-form textarea,.native-form select{width:100%;background:rgba(255,255,255,.03);border:1px solid var(--gold-border);color:var(--white);padding:14px 16px;border-radius:14px;font-family:'OpenSauceOne',Arial,sans-serif;font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.native-form textarea{resize:vertical;min-height:110px}.native-form input:focus,.native-form textarea:focus,.native-form select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,168,76,.12)}
.gating-message{display:none;padding:18px;border-radius:16px;border:1px dashed var(--gold-border);background:rgba(255,255,255,.02);color:rgba(245,240,232,.75);line-height:1.7}.gating-message.active{display:grid;gap:14px}.form-conditional.hidden{display:none}.form-success{margin-top:18px;padding:16px 18px;border-radius:16px;background:rgba(201,168,76,.12);border:1px solid var(--gold-border);color:rgba(245,240,232,.82);line-height:1.7}
.modal-shell{position:fixed;inset:0;display:none;z-index:120}.modal-shell.open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(8px)}.modal-panel{position:relative;width:min(720px,calc(100% - 32px));margin:8vh auto 0;background:linear-gradient(180deg,#131313,#0c0c0c);border:1px solid var(--gold-border);border-radius:28px;padding:32px;box-shadow:var(--shadow);max-height:84vh;overflow:auto}.modal-close{position:absolute;right:18px;top:18px}.trigger-card{text-align:left;cursor:pointer}.expand-link{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-light)}
@media (max-width:1024px){.split-points{grid-template-columns:1fr}}
@media (max-width:760px){.modal-panel{padding:24px;margin-top:5vh}.native-form textarea{min-height:96px}}

.card-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:20px;background:rgba(201,168,76,.18);border:1.5px solid var(--gold-border);font-size:28px;margin-bottom:14px}
.card-icon.small{width:48px;height:48px;font-size:22px;border-radius:16px}
.system-step .card-icon{width:56px;height:56px;font-size:28px;border-radius:16px}
.highlight-card{background:linear-gradient(180deg,rgba(201,168,76,.1),rgba(255,255,255,.025));border-color:rgba(201,168,76,.4)}
.highlight-card h3{color:var(--white)}
.highlight-card .copy{color:rgba(245,240,232,.78)!important}


/* --- v15 typography + brand system refinements --- */
.page-hero-title{font-size:clamp(34px,4vw,48px)!important;line-height:1.06;letter-spacing:-.032em;max-width:860px;margin-bottom:16px}
.page-hero-title.compact{max-width:860px}
.page-hero-lead,.section-intro{max-width:760px}
header .copy.lead.page-hero-lead, header .copy.lead.section-intro{font-size:clamp(16px,1.5vw,18px);line-height:1.7}
@media (max-width:760px){.page-hero-title{font-size:31px!important;max-width:none}.page-hero-lead,.section-intro{max-width:none}.copy{font-size:14px;line-height:1.75}}
.persona-accent{color:var(--purple)}
.brand-persona .eyebrow{color:rgba(111,90,159,.85)}
.brand-persona .badge{border-color:rgba(111,90,159,.32);background:rgba(111,90,159,.12);color:#b7a7db}
.brand-persona .btn-primary{background:var(--purple);border-color:rgba(111,90,159,.35);color:var(--white)}
.brand-persona .btn-secondary{background:rgba(111,90,159,.12);border-color:rgba(111,90,159,.28)}
.brand-company .eyebrow{color:rgba(0,184,212,.9)}
.brand-company .btn-primary{background:rgba(0,184,212,.18);border-color:rgba(0,184,212,.38);color:var(--white)}
.brand-company .card-icon{background:rgba(0,184,212,.14);border-color:rgba(0,184,212,.28)}
.brand-beta .eyebrow{color:var(--gold-light)}
.brand-beta .btn-primary{background:var(--gold);color:#0A0A0A}
.brand-beta .btn-secondary{background:rgba(201,168,76,.12);border-color:rgba(201,168,76,.32)}
.brand-beta .card-icon{background:rgba(201,168,76,.14);border-color:rgba(201,168,76,.3)}
.brand-persona .text-gold,.brand-persona .text-cyan{color:#8E78C4}.brand-persona h2 .text-gold,.brand-persona h2 .text-cyan{color:#8E78C4}
.brand-persona .card-icon{background:rgba(111,90,159,.14);border-color:rgba(111,90,159,.28)}
.brand-persona .featured-service{background:linear-gradient(180deg,rgba(111,90,159,.12),rgba(255,255,255,.025));border-color:rgba(111,90,159,.35)}
.brand-company .text-gold,.brand-company .text-cyan{color:#55D9EB}.brand-company h2 .text-gold,.brand-company h2 .text-cyan{color:#55D9EB}
.brand-company .badge{border-color:rgba(0,184,212,.3);background:rgba(0,184,212,.12);color:#8ceaf5}
.brand-company .btn-secondary,.brand-company .btn-outline{border-color:rgba(0,184,212,.26);background:rgba(0,184,212,.08)}
.brand-company .highlight-card,.brand-company .featured-service{background:linear-gradient(180deg,rgba(0,184,212,.12),rgba(255,255,255,.025));border-color:rgba(0,184,212,.3)}
.brand-company .card,.brand-company .modal-panel{border-color:rgba(0,184,212,.22)}
.brand-beta .text-gold,.brand-beta .text-cyan{color:var(--gold-light)}
.brand-beta .card,.brand-beta .muted-panel,.brand-beta .result-card,.brand-beta .betascan-question-card{border-color:rgba(201,168,76,.26)}
.brand-mixed .eyebrow{background:linear-gradient(90deg,var(--purple),var(--cyan),var(--gold-light));-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-mixed .badge:nth-child(1){border-color:rgba(111,90,159,.32);background:rgba(111,90,159,.12);color:#b7a7db}
.brand-mixed .badge:nth-child(2){border-color:rgba(0,184,212,.32);background:rgba(0,184,212,.12);color:#8ceaf5}
.brand-mixed .badge:nth-child(3),.brand-mixed .badge:nth-child(4){border-color:rgba(201,168,76,.32);background:rgba(201,168,76,.12);color:var(--gold-light)}
.mixed-accent{background:linear-gradient(90deg,#8E78C4 0%, #55D9EB 48%, #E8C96A 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-mixed .mixed-accent{background:linear-gradient(90deg,#8E78C4 0%, #55D9EB 48%, #E8C96A 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.index-hero h1{font-size:clamp(34px,4.7vw,50px)}
.index-hero .line+.line{margin-top:8px}

.muted-panel{border:1px solid var(--line);background:rgba(255,255,255,.02);border-radius:22px;padding:22px}
.micro-points{display:grid;gap:10px;margin:18px 0 0;padding:0;list-style:none}.micro-points li{position:relative;padding-left:18px;color:rgba(245,240,232,.75);line-height:1.65}.micro-points li::before{content:"•";position:absolute;left:0;top:0;color:var(--gold)}
.betascan-shell{display:grid;gap:22px}.betascan-stage{display:none}.betascan-stage.active{display:block}.betascan-hero{display:grid;grid-template-columns:1.08fr .92fr;gap:26px;align-items:stretch}.betascan-side{display:grid;gap:14px}.betascan-promise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.betascan-promise{padding:16px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(201,168,76,.2)}.betascan-promise strong{display:block;font-size:13px;color:var(--gold-light);margin-bottom:6px}.betascan-promise span{display:block;color:rgba(245,240,232,.66);font-size:13px;line-height:1.55}.betascan-note{padding:16px 18px;border-radius:18px;border:1px dashed rgba(201,168,76,.26);background:rgba(255,255,255,.02);color:rgba(245,240,232,.68);line-height:1.65}
.betascan-question-card{padding:28px;border-radius:24px;border:1px solid rgba(201,168,76,.25);background:linear-gradient(180deg,#111,#0d0d0d)}
.betascan-question-text{font-size:clamp(22px,3vw,30px);font-weight:700;line-height:1.38;letter-spacing:-.02em;margin:0 0 16px}.betascan-question-meta{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:14px}.betascan-progress-caption{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:rgba(245,240,232,.58)}.betascan-progress-topic{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-light);font-weight:700}
.option-btn{width:100%;background:rgba(255,255,255,.03);border:1px solid rgba(201,168,76,.24);padding:18px 18px 18px 20px;text-align:left;color:rgba(245,240,232,.78);font-family:'OpenSauceOne',Arial,sans-serif;font-size:14px;cursor:pointer;transition:all .2s ease;line-height:1.58;border-radius:16px}.option-btn strong{display:inline-block;color:var(--gold);margin-right:8px}.option-btn:hover,.option-btn.selected{background:rgba(201,168,76,.12);border-color:rgba(201,168,76,.55);color:var(--white);transform:translateY(-1px)}
.betascan-result-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:20px}.score-tile{display:flex;gap:18px;align-items:center}.score-disc{width:112px;height:112px;border-radius:50%;border:2px solid rgba(201,168,76,.55);display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;background:radial-gradient(circle at 50% 40%, rgba(201,168,76,.12), transparent 70%)}.score-disc strong{font-size:34px;color:var(--gold-light);line-height:1}.score-disc span{font-size:12px;color:rgba(245,240,232,.58)}
.meter-list{display:grid;gap:12px}.meter-item{display:grid;gap:6px}.meter-head{display:flex;justify-content:space-between;gap:12px;font-size:12px}.meter-head strong{font-size:12px;letter-spacing:.02em}.meter-head span{color:var(--gold-light);font-weight:700}.meter-bg{height:6px;border-radius:999px;background:rgba(201,168,76,.12)}.meter-fill{height:6px;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--gold-light))}
.result-card{padding:22px;border-radius:22px;border:1px solid rgba(201,168,76,.25);background:rgba(255,255,255,.02)}.result-tag{display:inline-flex;padding:7px 12px;border-radius:999px;background:rgba(201,168,76,.12);color:var(--gold-light);font-size:11px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px}.result-list{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px}.result-list li{position:relative;padding-left:18px;color:rgba(245,240,232,.74);line-height:1.6}.result-list li::before{content:"✓";position:absolute;left:0;color:var(--gold)}
.capture-inline{margin-top:18px;display:grid;gap:14px}.capture-inline .capture-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.capture-inline input,.capture-inline textarea,.capture-inline select{width:100%;background:rgba(255,255,255,.03);border:1px solid rgba(201,168,76,.26);color:var(--white);padding:14px 16px;border-radius:14px;font-family:'OpenSauceOne',Arial,sans-serif;font-size:14px;outline:none}.capture-inline input:focus,.capture-inline textarea:focus,.capture-inline select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,168,76,.12)}
.consent-row{display:flex;align-items:flex-start;gap:10px;color:rgba(245,240,232,.7);font-size:14px;line-height:1.55}.consent-row input{margin-top:3px;width:auto}
@media (max-width:920px){.betascan-hero,.betascan-result-grid,.capture-inline .capture-grid,.betascan-promise-grid{grid-template-columns:1fr}}

.betascan-intro-clean{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:start}.betascan-mini{display:grid;gap:12px}.how-panel{display:none}.how-panel.open{display:block}.intro-points{display:grid;gap:10px;margin-top:16px}.intro-point{padding:14px 16px;border:1px solid rgba(201,168,76,.2);border-radius:16px;background:rgba(255,255,255,.02)}.intro-point strong{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-light);margin-bottom:5px}.betascan-floating-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}@media (max-width:920px){.betascan-intro-clean{grid-template-columns:1fr}}


/* --- v17 unified sizing + page color system --- */
h1{font-size:clamp(34px,4.2vw,48px)}
h2{font-size:clamp(26px,3.2vw,38px)}
h3{font-size:clamp(19px,2vw,24px)}
.page-hero-title{font-size:clamp(32px,3.8vw,44px)!important;line-height:1.08}
.index-hero h1{font-size:clamp(32px,4.1vw,44px)}
.lead,.page-hero-lead{font-size:clamp(15px,1.4vw,18px)!important}
.copy{font-size:14px;line-height:1.78}
@media (max-width:760px){h1{font-size:31px}h2{font-size:25px}h3{font-size:18px}.page-hero-title{font-size:29px!important}.index-hero h1{font-size:31px}}

/* Page-wide accents */
.page-persona .btn-gold,.page-persona .btn-outline,.page-persona .btn-primary,.page-persona .btn-secondary{border-color:rgba(111,90,159,.32)!important;background:rgba(111,90,159,.14)!important;color:var(--white)!important}
.page-persona .btn-gold:hover,.page-persona .btn-outline:hover{box-shadow:0 0 0 1px rgba(111,90,159,.15),0 14px 40px rgba(111,90,159,.14)}
.page-persona .card,.page-persona .modal-panel,.page-persona .muted-panel,.page-persona .notice,.page-persona .featured-service{border-color:rgba(111,90,159,.28)!important}
.page-persona .featured-service{background:linear-gradient(180deg,rgba(111,90,159,.12),rgba(255,255,255,.025))!important}
.page-persona .card-icon,.page-persona .badge,.page-persona .result-tag,.page-persona .social-link{border-color:rgba(111,90,159,.28)!important;background:rgba(111,90,159,.12)!important;color:#c3b5e7!important}
.page-persona .eyebrow,.page-persona .persona-accent,.page-persona .text-gold,.page-persona .text-cyan{color:#9f89d3!important}
.page-persona .clean-list li::before,.page-persona .result-list li::before,.page-persona .micro-points li::before{color:#9f89d3!important}
.page-persona .footer .btn-gold{border-color:rgba(111,90,159,.32)!important;background:rgba(111,90,159,.14)!important}

.page-company .btn-gold,.page-company .btn-outline,.page-company .btn-primary,.page-company .btn-secondary{border-color:rgba(0,184,212,.34)!important;background:rgba(0,184,212,.14)!important;color:var(--white)!important}
.page-company .btn-gold:hover,.page-company .btn-outline:hover{box-shadow:0 0 0 1px rgba(0,184,212,.15),0 14px 40px rgba(0,184,212,.12)}
.page-company .card,.page-company .muted-panel,.page-company .notice,.page-company .featured-service,.page-company .accordion-card{border-color:rgba(0,184,212,.26)!important}
.page-company .highlight-card,.page-company .featured-service,.page-company .accordion-card{background:linear-gradient(180deg,rgba(0,184,212,.12),rgba(255,255,255,.025))!important}
.page-company .card-icon,.page-company .badge,.page-company .result-tag,.page-company .social-link{border-color:rgba(0,184,212,.28)!important;background:rgba(0,184,212,.12)!important;color:#8ceaf5!important}
.page-company .eyebrow,.page-company .text-gold,.page-company .text-cyan{color:#66dceb!important}
.page-company .clean-list li::before,.page-company .result-list li::before,.page-company .micro-points li::before{color:#66dceb!important}
.page-company .footer .btn-gold{border-color:rgba(0,184,212,.34)!important;background:rgba(0,184,212,.14)!important}

.page-beta .btn-gold,.page-beta .btn-primary{background:var(--gold)!important;border-color:rgba(201,168,76,.34)!important;color:#0A0A0A!important}
.page-beta .btn-outline,.page-beta .btn-secondary{border-color:rgba(201,168,76,.32)!important;background:rgba(201,168,76,.11)!important;color:var(--white)!important}
.page-beta .eyebrow,.page-beta .text-gold,.page-beta .text-cyan{color:var(--gold-light)!important}
.page-beta .footer .btn-gold{background:var(--gold)!important}

.page-mixed .btn-gold,.page-mixed .btn-primary{background:linear-gradient(90deg,#8E78C4 0%, #55D9EB 48%, #E8C96A 100%)!important;color:#0A0A0A!important;border:0!important}
.page-mixed .btn-outline,.page-mixed .btn-secondary{border-color:rgba(255,255,255,.18)!important;background:rgba(255,255,255,.04)!important}
.page-mixed .eyebrow,.page-mixed .text-gold,.page-mixed .text-cyan,.page-mixed .mixed-accent{background:linear-gradient(90deg,#8E78C4 0%, #55D9EB 48%, #E8C96A 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.page-mixed .card{border-image:linear-gradient(90deg,rgba(111,90,159,.45),rgba(0,184,212,.45),rgba(201,168,76,.45)) 1}
.page-mixed .card-icon,.page-mixed .badge,.page-mixed .social-link{background:linear-gradient(180deg,rgba(111,90,159,.10),rgba(0,184,212,.08),rgba(201,168,76,.10))!important;border-color:rgba(255,255,255,.16)!important;color:var(--white)!important}
.page-mixed .footer .btn-gold{background:linear-gradient(90deg,#8E78C4 0%, #55D9EB 48%, #E8C96A 100%)!important}

/* Company accordion */
.accordion-list{display:grid;gap:14px}
.accordion-card{border:1px solid var(--line);border-radius:22px;padding:0;overflow:hidden;box-shadow:var(--shadow)}
.accordion-card summary{list-style:none;cursor:pointer;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-weight:700}
.accordion-card summary::-webkit-details-marker{display:none}
.accordion-card .summary-left{display:flex;align-items:center;gap:14px}
.accordion-card .summary-copy{color:rgba(245,240,232,.7);font-size:14px;font-weight:400;line-height:1.6;margin-top:6px}
.accordion-card .accordion-body{padding:0 24px 24px;color:rgba(245,240,232,.78)}
.accordion-card .accordion-toggle{font-size:20px;color:currentColor;opacity:.8;transition:transform .2s ease}
.accordion-card[open] .accordion-toggle{transform:rotate(45deg)}

/* Betascan clean flow */
.page-betascan header .eyebrow{display:none}
.page-betascan .betascan-shell{gap:18px}
.page-betascan .betascan-stage{display:none}
.page-betascan .betascan-stage.active{display:block}
.page-betascan .betascan-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.page-betascan .betascan-stage.card{padding:26px}
.page-betascan .betascan-question-card{padding:24px}
.page-betascan .betascan-question-text{font-size:clamp(20px,2.4vw,26px);line-height:1.34}
.page-betascan .how-panel{display:none}.page-betascan .how-panel.open{display:block}
.page-betascan .stage-welcome-title{font-size:clamp(26px,3vw,34px);margin-bottom:12px}
.page-betascan .intro-point{padding:12px 14px}
.page-betascan .betascan-result-grid{gap:16px}


/* Company boxes */
.company-interest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.company-interest-card{display:flex;flex-direction:column;gap:14px}
.company-interest-card .service-top{display:grid;gap:12px}
.company-expand{display:none;padding-top:8px;border-top:1px solid rgba(0,184,212,.18)}
.company-expand.open{display:block;animation:fadeIn .22s ease}
.company-toggle.active{box-shadow:0 0 0 1px rgba(0,184,212,.14),0 14px 40px rgba(0,184,212,.12)}
@media (max-width:920px){.company-interest-grid{grid-template-columns:1fr}}

/* BetaScan flow mode */

.page-persona .mini-process{border-color:rgba(111,90,159,.28)!important;background:rgba(111,90,159,.08)!important}
.page-persona .mini-process strong{color:#9f89d3!important}
.page-home .btn-gold,.page-home .btn-primary{background:linear-gradient(90deg,#8E78C4 0%, #55D9EB 48%, #E8C96A 100%)!important;color:#0A0A0A!important;border:0!important}
.page-home .btn-outline,.page-home .btn-secondary{border-color:rgba(255,255,255,.18)!important;background:rgba(255,255,255,.04)!important}
.page-home .eyebrow,.page-home .text-gold,.page-home .text-cyan,.page-home .mixed-accent{background:linear-gradient(90deg,#8E78C4 0%, #55D9EB 48%, #E8C96A 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.page-home .card{border-image:linear-gradient(90deg,rgba(111,90,159,.45),rgba(0,184,212,.45),rgba(201,168,76,.45)) 1}
.page-home .card-icon,.page-home .badge,.page-home .social-link{background:linear-gradient(180deg,rgba(111,90,159,.10),rgba(0,184,212,.08),rgba(201,168,76,.10))!important;border-color:rgba(255,255,255,.16)!important;color:var(--white)!important}
.page-home .footer .btn-gold{background:linear-gradient(90deg,#8E78C4 0%, #55D9EB 48%, #E8C96A 100%)!important}
.page-betascan #betascanShell{display:none}
.page-betascan.betascan-flow-mode #betascanShell{display:grid!important;padding-top:28px}
.page-betascan .betascan-shell .betascan-stage{display:none!important}
.page-betascan .betascan-shell .betascan-stage.active{display:block!important}
.page-betascan .betascan-shell.flow-open .betascan-stage.active{display:block!important}
.page-betascan .betascan-shell.flow-open .betascan-stage:not(.active){display:none!important}
.page-betascan:not(.betascan-flow-mode) #stageQuestion,.page-betascan:not(.betascan-flow-mode) #stageResult{display:none!important}
.page-betascan .stage-welcome-title{font-size:clamp(24px,2.6vw,30px);margin-bottom:12px}


/* v22 fixes */
.index-hero .reveal{opacity:1!important;transform:none!important}
.page-betascan.betascan-flow-mode > header.brand-beta,
.page-betascan.betascan-flow-mode > .divider:first-of-type{display:none!important}
.page-betascan .betascan-shell{min-height:0}
.page-betascan.betascan-flow-mode .betascan-shell{padding-top:10px}


/* v23 betascan compact intro */
.page-betascan .betascan-intro-card{padding:18px 20px!important;max-width:760px;margin:0 auto}
.page-betascan .betascan-intro-card .stage-welcome-title{font-size:clamp(20px,2.2vw,24px)!important;margin-bottom:8px;line-height:1.2}
.page-betascan .betascan-intro-card .copy{font-size:14px;line-height:1.6;margin-bottom:0}
.page-betascan .betascan-intro-card .intro-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.page-betascan .betascan-intro-card .intro-point{padding:10px 12px;border-radius:14px}
.page-betascan .betascan-intro-card .intro-point strong{font-size:11px;margin-bottom:4px}
.page-betascan .betascan-intro-card .capture-inline{margin-top:14px}
.page-betascan .betascan-intro-card .capture-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.page-betascan .betascan-intro-card input{padding:12px 14px;font-size:14px}
.page-betascan .betascan-intro-card .betascan-floating-actions{margin-top:14px}
.page-betascan .betascan-intro-card .btn{min-height:44px;padding:0 18px}
@media (max-width:920px){.page-betascan .betascan-intro-card .intro-points,.page-betascan .betascan-intro-card .capture-grid{grid-template-columns:1fr}}


/* v25 empresa + betagym widgets */
.align-start{align-items:start}.align-center{align-items:center}
.stack-grid{display:grid;gap:12px}.stack-chip{padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);font-size:14px;color:rgba(245,240,232,.82)}.note-inline{padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.02);border:1px dashed rgba(255,255,255,.12);color:rgba(245,240,232,.75);line-height:1.65}
.system-panel{padding:34px;border-radius:28px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));box-shadow:var(--shadow)}
.system-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}.system-step{padding:24px;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}.system-step h3{margin:10px 0 10px;font-size:20px}.system-step .card-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:16px;font-size:28px}.system-bridge{margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);display:grid;gap:6px;color:rgba(245,240,232,.74)}
.case-columns{grid-template-columns:repeat(3,1fr)}.cases-grid{display:grid;gap:18px}.case-card{padding:22px;border-radius:24px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));box-shadow:var(--shadow)}.case-head{display:grid;gap:10px;margin-bottom:8px}.case-head h3{font-size:22px;line-height:1.18}.case-tone{width:58px;height:4px;border-radius:999px;display:block}.case-red{background:#ec6a6a}.case-blue{background:#67d8f3}.case-gold{background:#e2c26f}.case-intervention{margin:16px 0 14px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08)}.pill-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.pill{padding:8px 12px;border-radius:999px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12)}.metrics-columns{display:grid;gap:12px;margin-top:14px}.metric-box{padding:14px;border-radius:16px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.08)}.metric-title{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(245,240,232,.58);margin-bottom:10px}.metric-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.metric-list li{position:relative;padding-left:18px;line-height:1.55;color:rgba(245,240,232,.82)}.metric-list li::before{content:'•';position:absolute;left:0;top:0;color:currentColor}.metric-list li strong{color:var(--white)}.qualitative li::before{content:'↗'}.metric-box blockquote{margin:0;font-size:16px;line-height:1.6;color:var(--white)}.quote-role{display:block;margin-top:10px;color:rgba(245,240,232,.58);font-size:13px}
.problem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.problem-chip{padding:18px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));display:grid;gap:8px}.problem-chip strong{font-size:18px}.problem-chip span{color:rgba(245,240,232,.72);line-height:1.55}
.beta-identity-grid{grid-template-columns:repeat(3,1fr)}.project-widget{padding:24px;border-radius:24px;border:1px solid rgba(201,168,76,.26);background:linear-gradient(180deg,rgba(201,168,76,.12),rgba(255,255,255,.02));box-shadow:var(--shadow)}.project-badge{display:inline-flex;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-light)}.project-top h3{margin:12px 0 16px}.project-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mini-widget{padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);display:grid;gap:6px}.mini-widget strong{font-size:14px}.mini-widget span{color:rgba(245,240,232,.68);line-height:1.5}.cards-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;width:100%;margin:0 auto}
.capability-tile{padding:18px 16px;border-radius:20px;border:1px solid rgba(201,168,76,.22);background:rgba(255,255,255,.03);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:110px;font-weight:700;line-height:1.35;transition:all .25s ease}
.capability-tile:hover{border-color:rgba(201,168,76,.4);background:rgba(201,168,76,.08)}
@media(max-width:1280px){.cards-4{grid-template-columns:repeat(3,1fr);gap:18px}}
@media(max-width:1024px){.cards-4{grid-template-columns:repeat(2,1fr);gap:16px}}
@media(max-width:768px){.cards-4{grid-template-columns:repeat(2,1fr);gap:14px}.capability-tile{padding:20px;min-height:120px}}
@media(max-width:480px){.cards-4{grid-template-columns:1fr;gap:12px}.capability-tile{padding:18px;min-height:100px}}.flow-panel{padding:30px;border-radius:28px;border:1px solid rgba(201,168,76,.22);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));box-shadow:var(--shadow)}.process-track{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:22px}.process-step{padding:18px 16px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);display:grid;gap:8px}.process-step strong{font-size:14px;line-height:1.4}.process-step span{color:rgba(245,240,232,.66);font-size:13px;line-height:1.5}.process-num{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(201,168,76,.16);border:1px solid rgba(201,168,76,.34);color:var(--gold-light);font-weight:700}
@media (max-width:1024px){.system-steps,.case-columns,.problem-grid,.beta-identity-grid,.cards-4,.process-track,.project-cards{grid-template-columns:1fr 1fr}.metrics-columns{grid-template-columns:1fr}}
@media (max-width:760px){.system-steps,.case-columns,.problem-grid,.beta-identity-grid,.process-track,.project-cards{grid-template-columns:1fr}.cards-4{grid-template-columns:repeat(2,1fr)}.system-panel,.flow-panel,.project-widget{padding:22px}.case-card{padding:18px}.case-head h3{font-size:20px}}

/* v25 empresa widgets */
.stack-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.stack-chip{padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
.note-inline{grid-column:1/-1;margin-top:8px}
.system-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}
.system-step{padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
.case-columns{grid-template-columns:repeat(3,1fr)}
.metrics-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.metric-box{padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
.company-interest-grid{grid-template-columns:repeat(3,1fr)}
.company-expand{display:none}
.company-expand.open{display:block}
.company-toggle.active+ .company-expand{display:block}
@media(max-width:900px){.case-columns,.metrics-columns,.system-steps,.company-interest-grid,.stack-grid{grid-template-columns:1fr}}


/* v27 refinements */
.page-company .problem-grid{grid-template-columns:repeat(4,1fr);align-items:stretch}
.page-company .problem-chip{min-height:138px;border-color:rgba(102,220,235,.22);background:linear-gradient(180deg,rgba(102,220,235,.10),rgba(255,255,255,.02));box-shadow:0 18px 38px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.05)}
.page-company .problem-chip strong{font-size:17px;line-height:1.25}
.page-company .problem-chip span{font-size:14px}
.page-company .system-step{position:relative;overflow:hidden;min-height:188px}
.page-company .system-step::after{content:"";position:absolute;inset:auto -30% -48% auto;width:160px;height:160px;border-radius:50%;filter:blur(0);opacity:.14}
.page-company .system-step.purple{border-color:rgba(142,120,196,.35);background:linear-gradient(180deg,rgba(142,120,196,.18),rgba(255,255,255,.03))}
.page-company .system-step.purple .card-icon{background:rgba(142,120,196,.18);border:1px solid rgba(142,120,196,.34);color:#cabcf0}
.page-company .system-step.purple::after{background:radial-gradient(circle,#8E78C4 0%,rgba(142,120,196,0) 68%)}
.page-company .system-step.cyan{border-color:rgba(102,220,235,.35);background:linear-gradient(180deg,rgba(102,220,235,.16),rgba(255,255,255,.03))}
.page-company .system-step.cyan .card-icon{background:rgba(102,220,235,.18);border:1px solid rgba(102,220,235,.34);color:#c8f6ff}
.page-company .system-step.cyan::after{background:radial-gradient(circle,#66dceb 0%,rgba(102,220,235,0) 68%)}
.page-company .system-step.gold{border-color:rgba(226,194,111,.35);background:linear-gradient(180deg,rgba(226,194,111,.16),rgba(255,255,255,.03))}
.page-company .system-step.gold .card-icon{background:rgba(226,194,111,.18);border:1px solid rgba(226,194,111,.34);color:#f1dfab}
.page-company .system-step.gold::after{background:radial-gradient(circle,#e2c26f 0%,rgba(226,194,111,0) 68%)}
.page-company .cases-frame{padding:24px;border-radius:30px;border:1px solid rgba(102,220,235,.20);background:linear-gradient(180deg,rgba(102,220,235,.06),rgba(255,255,255,.02));box-shadow:var(--shadow)}
.page-company .cases-frame-header{display:grid;gap:8px;margin-bottom:18px}
.page-company .cases-frame-header .eyebrow{margin-bottom:0}
.page-company .case-card.purple{border-color:rgba(142,120,196,.28);background:linear-gradient(180deg,rgba(142,120,196,.12),rgba(255,255,255,.02))}
.page-company .case-card.cyan{border-color:rgba(102,220,235,.28);background:linear-gradient(180deg,rgba(102,220,235,.12),rgba(255,255,255,.02))}
.page-company .case-card.gold{border-color:rgba(226,194,111,.28);background:linear-gradient(180deg,rgba(226,194,111,.12),rgba(255,255,255,.02))}
.page-company .case-card .metric-box{min-height:100%}
.page-company .case-card .metric-box:nth-child(1){background:rgba(255,255,255,.035)}
.page-company .case-card .metric-box:nth-child(2){background:rgba(255,255,255,.028)}
.page-company .case-card .metric-box:nth-child(3){background:rgba(255,255,255,.022)}
.page-company .case-card.purple .pill{border-color:rgba(142,120,196,.26);background:rgba(142,120,196,.12)}
.page-company .case-card.cyan .pill{border-color:rgba(102,220,235,.26);background:rgba(102,220,235,.12)}
.page-company .case-card.gold .pill{border-color:rgba(226,194,111,.26);background:rgba(226,194,111,.12)}
.page-company .system-bridge{margin-top:20px;padding:16px 18px;border-radius:18px;border:1px solid rgba(102,220,235,.22);background:linear-gradient(90deg,rgba(142,120,196,.10),rgba(102,220,235,.08),rgba(226,194,111,.10))}
.page-company .system-bridge strong{font-size:16px;color:#fff}
.page-beta .problem-grid.beta-wow{grid-template-columns:repeat(4,1fr)}
.page-beta .problem-grid.beta-wow .problem-chip{position:relative;overflow:hidden;min-height:150px;border-color:rgba(226,194,111,.22);background:linear-gradient(180deg,rgba(226,194,111,.12),rgba(255,255,255,.02));box-shadow:0 14px 34px rgba(0,0,0,.16)}
.page-beta .problem-grid.beta-wow .problem-chip::after{content:"";position:absolute;right:-26px;top:-26px;width:86px;height:86px;border-radius:50%;background:radial-gradient(circle,rgba(226,194,111,.26),rgba(226,194,111,0) 72%);animation:floatGlow 4.8s ease-in-out infinite}
.page-beta .problem-grid.beta-wow .chip-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(226,194,111,.24);font-size:20px}
@keyframes floatGlow{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}
.page-beta .beta-identity-grid .card{min-height:218px}
.page-beta .project-widget .project-cards{grid-template-columns:repeat(3,1fr)}
.page-beta .project-widget .intro-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0 16px}
.page-beta .project-widget .intro-list .mini-widget{background:rgba(255,255,255,.05)}
.page-beta .capability-grid{grid-template-columns:repeat(4,1fr)}
.page-beta .capability-tile{gap:8px;display:grid;align-content:center;justify-items:center;padding:16px 12px;min-height:108px}
.page-beta .capability-tile .cap-icon{font-size:22px;line-height:1}
.page-beta .flow-panel .process-track{position:relative;grid-template-columns:repeat(6,1fr)}
.page-beta .flow-panel .process-track::before{content:"";position:absolute;left:32px;right:32px;top:34px;height:2px;background:linear-gradient(90deg,rgba(226,194,111,.18),rgba(226,194,111,.55),rgba(226,194,111,.18));z-index:0}
.page-beta .flow-panel .process-step{position:relative;z-index:1;min-height:164px}
.page-beta .flow-panel .process-step:nth-child(odd){transform:translateY(-4px)}
.page-beta .flow-panel .process-step:nth-child(even){transform:translateY(8px)}
.page-beta .flow-panel .process-num{box-shadow:0 0 0 8px rgba(201,168,76,.08)}
@media (max-width:1024px){.page-beta .problem-grid.beta-wow,.page-beta .capability-grid,.page-beta .project-widget .intro-list{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.page-company .problem-grid,.page-beta .problem-grid.beta-wow,.page-beta .capability-grid,.page-beta .project-widget .intro-list,.page-beta .project-widget .project-cards{grid-template-columns:1fr}.page-beta .flow-panel .process-track::before{display:none}.page-beta .flow-panel .process-step:nth-child(odd),.page-beta .flow-panel .process-step:nth-child(even){transform:none}.page-company .cases-frame{padding:18px}}


/* v28 refinements */
.page-company .stack-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.page-company .stack-chip{min-height:132px;border-color:rgba(115,214,255,.16);background:linear-gradient(180deg,rgba(115,214,255,.08),rgba(255,255,255,.02));box-shadow:0 12px 28px rgba(0,0,0,.14)}
.page-company .stack-chip strong,.page-company .stack-chip span{display:block}
.page-company .note-inline{grid-column:1/-1;padding:18px 20px;border-radius:18px;background:rgba(115,214,255,.08);border:1px solid rgba(115,214,255,.16);font-size:16px;line-height:1.55;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.page-company .note-inline span,.page-company .note-inline strong,.page-company .note-inline em{font-size:inherit}
.page-company .note-inline em{font-style:normal;color:rgba(245,240,232,.74)}
.page-company .system-step .system-orb{width:42px;height:42px;border-radius:999px;display:grid;place-items:center;font-weight:800;font-size:15px}
.page-company .system-step.purple .system-orb{background:rgba(145,110,255,.18);border:1px solid rgba(145,110,255,.35);color:#c7b6ff}
.page-company .system-step.cyan .system-orb{background:rgba(115,214,255,.16);border:1px solid rgba(115,214,255,.34);color:#8de5ff}
.page-company .system-step.gold .system-orb{background:rgba(226,194,111,.16);border:1px solid rgba(226,194,111,.34);color:#f2d382}
.page-company .cases-frame{padding:28px;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));border:1px solid rgba(115,214,255,.12)}
.page-company .cases-frame-header{margin-bottom:18px}
.page-company .cases-intro{max-width:760px;color:rgba(245,240,232,.72)}
.page-company .case-columns{align-items:start}
.page-company .case-card{height:auto;display:flex;flex-direction:column;gap:16px}
.page-company .case-head{display:grid;gap:10px}
.page-company .case-tone{height:4px;border-radius:999px;width:84px;display:block}
.page-company .case-tone.case-purple{background:linear-gradient(90deg,#9068ff,#b79cff)}
.page-company .case-tone.case-blue{background:linear-gradient(90deg,#3fd7ff,#7ee6ff)}
.page-company .case-tone.case-gold{background:linear-gradient(90deg,#dfbe69,#f0d592)}
.page-company .case-red{background:linear-gradient(90deg,#9068ff,#b79cff)!important}
.page-company .metrics-columns{display:grid;grid-template-columns:1fr;gap:12px}
.page-company .metric-box{min-height:unset}
.page-company .company-interest-grid{margin-top:10px}
.page-company .company-interest-card{border-color:rgba(115,214,255,.14)}
.page-company .company-interest-card .btn-outline{border-color:rgba(115,214,255,.22);color:#8de5ff}

.page-beta .beta-identity-shell{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:stretch}
.page-beta .identity-main-card{padding:28px;border-radius:28px;border:1px solid rgba(226,194,111,.22);background:linear-gradient(180deg,rgba(226,194,111,.12),rgba(255,255,255,.02));box-shadow:0 16px 40px rgba(0,0,0,.16)}
.page-beta .identity-main-card h2{font-size:36px;line-height:1.08;margin:8px 0 12px}
.page-beta .identity-badge{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(226,194,111,.14);border:1px solid rgba(226,194,111,.28);color:#e2c26f;font-weight:700;font-size:13px}
.page-beta .identity-side{display:grid;grid-template-rows:1fr 1fr;gap:18px}
.page-beta .identity-side-card{display:grid;align-content:start;gap:10px}
.page-beta .project-widget .project-top{display:grid;gap:12px}
.page-beta .project-widget .project-top h3{margin:0}
.page-beta .flow-panel .journey-path{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:14px;align-items:end;position:relative;padding-top:20px}
.page-beta .flow-panel .journey-path::before{content:"";position:absolute;left:3%;right:3%;top:42px;height:2px;background:linear-gradient(90deg,rgba(226,194,111,.12),rgba(226,194,111,.45),rgba(226,194,111,.12));}
.page-beta .flow-panel .journey-path .process-step{position:relative;z-index:1;min-height:150px;padding:18px 16px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));border:1px solid rgba(226,194,111,.14);display:grid;gap:8px;align-content:start}
.page-beta .flow-panel .journey-path .process-step:nth-child(1){transform:translateY(22px) scale(.92)}
.page-beta .flow-panel .journey-path .process-step:nth-child(2){transform:translateY(14px) scale(.95)}
.page-beta .flow-panel .journey-path .process-step:nth-child(3){transform:translateY(8px) scale(.98)}
.page-beta .flow-panel .journey-path .process-step:nth-child(4){transform:translateY(0) scale(1)}
.page-beta .flow-panel .journey-path .process-step:nth-child(5){transform:translateY(-8px) scale(1.02)}
.page-beta .flow-panel .journey-path .process-step:nth-child(6){transform:translateY(-16px) scale(1.04);background:linear-gradient(180deg,rgba(226,194,111,.16),rgba(255,255,255,.03));box-shadow:0 18px 38px rgba(0,0,0,.18)}
.page-beta .flow-panel .journey-path .process-num{background:rgba(226,194,111,.16);border:1px solid rgba(226,194,111,.34)}
@media (max-width:1024px){
  .page-company .stack-grid{grid-template-columns:1fr 1fr}
  .page-beta .beta-identity-shell{grid-template-columns:1fr}
  .page-beta .identity-side{grid-template-columns:1fr 1fr;grid-template-rows:none}
  .page-beta .flow-panel .journey-path{grid-template-columns:repeat(3,1fr)}
  .page-beta .flow-panel .journey-path::before{display:none}
}
@media (max-width:760px){
  .page-company .stack-grid{grid-template-columns:1fr}
  .page-beta .identity-side{grid-template-columns:1fr}
  .page-beta .flow-panel .journey-path{grid-template-columns:1fr}
  .page-beta .flow-panel .journey-path .process-step{transform:none !important}
  .page-beta .identity-main-card h2{font-size:30px}
}


/* v29 company and betagym refinements */
.page-company .stack-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:stretch}
.page-company .problem-summary{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.page-company .problem-summary span{padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(102,220,235,.16);font-size:14px;color:rgba(245,240,232,.82)}
.page-company .problem-summary span:nth-child(2){color:#fff;font-weight:700}
.page-company .system-step{padding-top:18px}
.page-company .system-step h3{margin-top:12px}
.page-company .system-step .system-orb{font-size:20px;line-height:1}
.page-company .cases-frame{padding:28px;border:1px solid rgba(102,220,235,.16);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015))}
.page-company .cases-frame-header{margin-bottom:18px;padding:0 4px 8px;border-bottom:1px solid rgba(255,255,255,.08)}
.page-company .cases-grid.case-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.page-company .case-card{display:grid;gap:14px;height:100%;min-width:0}
.page-company .case-head{display:grid;gap:10px}
.page-company .case-card .copy{min-height:88px}
.page-company .metrics-columns{display:grid;grid-template-columns:1fr;gap:10px}
.page-company .metric-box{min-width:0}
.page-company .case-tone{height:4px;border-radius:999px;width:72px}
.page-company .case-purple{background:linear-gradient(90deg,#8E78C4,#b7a4e2)}
.page-company .case-blue{background:linear-gradient(90deg,#66dceb,#a8f0ff)}
.page-company .case-gold{background:linear-gradient(90deg,#dcb85c,#f0dd9a)}

.page-beta .beta-insight-wrap{display:grid;gap:18px}
.page-beta .beta-insight-copy{max-width:860px}
.page-beta .beta-insight-copy h2{margin-bottom:10px}
.page-beta .problem-grid.beta-wow{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:4px}
.page-beta .problem-grid.beta-wow .problem-chip.emphasis{border-color:rgba(226,194,111,.34);background:linear-gradient(180deg,rgba(226,194,111,.18),rgba(255,255,255,.03))}
.page-beta .beta-identity-shell{display:grid;grid-template-columns:1.4fr .9fr;gap:18px;align-items:stretch}
.page-beta .identity-main-card{padding:30px;border-radius:24px;border:1px solid rgba(226,194,111,.24);background:linear-gradient(180deg,rgba(226,194,111,.10),rgba(255,255,255,.02));display:grid;gap:10px}
.page-beta .identity-main-card h2{font-size:clamp(30px,3.2vw,42px);line-height:1.08;margin:0}
.page-beta .identity-side{display:grid;gap:14px}
.page-beta .identity-side-card.compact{padding:18px;gap:8px}
.page-beta .identity-side-card.compact h3{font-size:18px;margin:0}
.page-beta .project-widget{padding:24px 24px 22px}
.page-beta .project-widget .intro-list,.page-beta .project-widget .project-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.page-beta .flow-panel{overflow:hidden}
.page-beta .journey-path{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;position:relative}
.page-beta .journey-path::before{display:none !important}
.page-beta .journey-path .process-step{position:relative;padding:18px 14px 18px 18px;min-height:122px}
.page-beta .journey-path .process-step:not(:last-child)::after{content:'➜';position:absolute;right:-10px;top:50%;transform:translateY(-50%);color:rgba(226,194,111,.55);font-size:20px;z-index:2}
.page-beta .journey-path .process-step strong{font-size:14px}
.page-beta .journey-path .process-step span{font-size:13px}
@media (max-width:1024px){.page-company .stack-grid,.page-company .cases-grid.case-columns,.page-beta .problem-grid.beta-wow,.page-beta .beta-identity-shell,.page-beta .project-widget .intro-list,.page-beta .project-widget .project-cards,.page-beta .journey-path{grid-template-columns:1fr 1fr}.page-beta .journey-path .process-step:nth-child(2n)::after{display:none}}
@media (max-width:760px){.page-company .stack-grid,.page-company .cases-grid.case-columns,.page-beta .problem-grid.beta-wow,.page-beta .beta-identity-shell,.page-beta .project-widget .intro-list,.page-beta .project-widget .project-cards,.page-beta .journey-path{grid-template-columns:1fr}.page-beta .journey-path .process-step::after{display:none}.page-beta .identity-main-card h2{font-size:30px}.page-company .problem-summary{display:grid;grid-template-columns:1fr}.page-company .case-card .copy{min-height:auto}}

/* v30 design refinement */
.page-company .problem-summary-note{grid-column:1/-1;padding:16px 18px;border-radius:18px;border:1px solid rgba(102,220,235,.18);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));display:grid;gap:6px;box-shadow:0 10px 24px rgba(0,0,0,.12)}
.page-company .summary-kicker{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan-light)}
.page-company .problem-summary-note p{margin:0;font-size:16px;line-height:1.6;color:rgba(245,240,232,.9)}
.page-company .system-steps{align-items:stretch}
.page-company .system-step{padding:22px 18px 18px;position:relative;overflow:hidden}
.page-company .system-orb{width:66px;height:66px;border-radius:50%;display:block;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);margin-bottom:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.page-company .system-step.purple .system-orb{background:conic-gradient(var(--purple) 0 25%, rgba(255,255,255,.06) 25% 100%);border-color:rgba(163,124,255,.32)}
.page-company .system-step.cyan .system-orb{background:conic-gradient(var(--cyan) 0 50%, rgba(255,255,255,.06) 50% 100%);border-color:rgba(102,220,235,.32)}
.page-company .system-step.gold .system-orb{background:conic-gradient(var(--gold) 0 100%, rgba(255,255,255,.06) 100%);border-color:rgba(226,194,111,.35)}
.page-company .system-step h3{margin:0 0 8px}
.page-company .cases-frame-header{display:grid;gap:10px;margin-bottom:20px;padding:18px 18px 0}
.page-company .cases-intro{max-width:760px}
.page-company .case-columns{align-items:start}
.page-company .case-card{height:auto;display:grid;gap:16px;align-content:start}
.page-company .case-head{display:grid;gap:10px}
.page-company .case-tone{display:block;width:100%;height:3px;border-radius:999px}
.page-company .metrics-columns{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.page-company .metric-box{min-height:100%;display:grid;gap:10px;align-content:start}
.page-company .company-interest-card .btn-outline{border-color:rgba(102,220,235,.26);color:var(--cyan-light)}

.page-beta .beta-identity-board{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:16px;align-items:stretch}
.page-beta .compact-main{padding:24px 24px 22px;border-radius:24px;border:1px solid rgba(226,194,111,.22);background:linear-gradient(180deg,rgba(226,194,111,.10),rgba(255,255,255,.03));box-shadow:var(--shadow)}
.page-beta .compact-main h2{font-size:38px;line-height:1.08;margin:10px 0 10px}
.page-beta .identity-side-card{display:flex;gap:14px;align-items:flex-start;min-height:100%}
.page-beta .identity-side-card .card-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(226,194,111,.1);border:1px solid rgba(226,194,111,.22);font-size:20px;flex:0 0 auto}
.page-beta .identity-side-card h3{margin:0 0 6px}
.page-beta .identity-side-card .copy{margin:0}

.page-beta .beta-project-shell{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px;align-items:start}
.page-beta .beta-project-copy{position:sticky;top:110px}
.page-beta .project-widget{padding:22px;border-radius:24px}
.page-beta .compact-top{display:grid;gap:10px}
.page-beta .compact-top h3{margin:0;font-size:28px;line-height:1.15}
.page-beta .goal-list,.page-beta .benefit-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.page-beta .project-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(226,194,111,.24),transparent);margin:14px 0}
.page-beta .goal-list .mini-widget,.page-beta .benefit-list .mini-widget{background:rgba(255,255,255,.045)}

.page-beta .journey-track{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;align-items:stretch;margin-top:22px}
.page-beta .journey-step{position:relative;padding:18px 16px;border-radius:20px;border:1px solid rgba(226,194,111,.18);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));display:grid;gap:8px;align-content:start;box-shadow:0 10px 24px rgba(0,0,0,.12)}
.page-beta .journey-step:not(:last-child)::after{content:'➜';position:absolute;right:-15px;top:50%;transform:translateY(-50%);color:rgba(226,194,111,.65);font-size:18px}
.page-beta .journey-mini{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-light)}
.page-beta .journey-step strong{font-size:14px;line-height:1.35}
.page-beta .journey-step span{font-size:13px;line-height:1.5;color:rgba(245,240,232,.68)}
.page-beta .journey-step.final-step{background:linear-gradient(180deg,rgba(226,194,111,.14),rgba(255,255,255,.04));border-color:rgba(226,194,111,.28)}

@media (max-width:1100px){
  .page-company .metrics-columns{grid-template-columns:1fr}
  .page-beta .beta-identity-board{grid-template-columns:1fr}
  .page-beta .beta-project-shell{grid-template-columns:1fr}
  .page-beta .beta-project-copy{position:static}
  .page-beta .journey-track{grid-template-columns:repeat(3,1fr)}
  .page-beta .journey-step:nth-child(3n)::after{display:none}
}
@media (max-width:760px){
  .page-company .problem-summary-note p{font-size:15px}
  .page-company .system-orb{width:58px;height:58px}
  .page-beta .compact-main h2{font-size:30px}
  .page-beta .goal-list,.page-beta .benefit-list,.page-beta .journey-track{grid-template-columns:1fr}
  .page-beta .journey-step::after{display:none}
}

/* ===== v32 enterprise + betagym rebuild ===== */
.company-hero-grid,.beta-hero-grid{display:grid;grid-template-columns:1fr .95fr;gap:26px;align-items:stretch}
.company-hero-visual,.beta-hero-visual{position:relative;overflow:hidden;border-radius:28px;min-height:420px;border:1px solid rgba(255,255,255,.1);background:transparent}
.company-hero-visual img,.beta-hero-visual img{width:100%;height:100%;object-fit:cover;filter:brightness(1.1) contrast(1.05)}
.company-hero-overlay,.beta-hero-overlay{position:absolute;left:24px;right:24px;bottom:24px;display:grid;gap:10px;padding:18px 20px;border-radius:22px;background:linear-gradient(180deg,rgba(10,10,10,.2),rgba(10,10,10,.78));border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px)}
.hero-chip{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);width:max-content}
.hero-chip.gold{color:var(--gold-light)}
.company-hero-overlay strong,.beta-hero-overlay strong{font-size:24px;line-height:1.18}

.company-problem-panel{padding:34px;border-radius:30px;border:1px solid rgba(102,220,235,.14);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));box-shadow:var(--shadow)}
.company-problem-intro{max-width:760px}
.problem-product-list{display:grid;gap:14px;margin-top:20px}
.problem-product-item{padding:18px 20px;border-radius:20px;border:1px solid rgba(102,220,235,.12);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.02));display:grid;gap:4px}
.problem-kicker{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgba(115,214,255,.78)}
.problem-product-item h3{margin:0;font-size:30px;line-height:1}
.problem-product-item p{margin:0;color:rgba(245,240,232,.68);line-height:1.6}
.problem-closing-banner{margin-top:18px;padding:18px 20px;border-radius:20px;border:1px solid rgba(102,220,235,.18);background:rgba(102,220,235,.05);display:grid;gap:5px}
.problem-closing-banner strong{font-size:18px}
.problem-closing-banner span{color:rgba(245,240,232,.72);line-height:1.6}

.company-system-shell,.company-validation-shell,.beta-validation-shell{display:grid;gap:18px;padding:34px;border-radius:30px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));box-shadow:var(--shadow)}
.company-system-intro{max-width:860px}
.company-system-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.highlight-box{padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);display:grid;gap:6px}
.highlight-box strong{font-size:14px}
.highlight-box span{color:rgba(245,240,232,.68);line-height:1.6}
.company-system-steps{margin-top:6px}
.page-company .company-system-steps .system-step{min-height:220px}
.page-company .company-system-steps .system-step .system-orb{width:54px;height:54px;border-radius:50%;position:relative}
.page-company .company-system-steps .system-step .system-orb::after{content:"";position:absolute;inset:11px;border-radius:50%;background:rgba(10,10,10,.72);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.company-system-bridge{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;color:rgba(245,240,232,.74);font-size:14px;text-transform:uppercase;letter-spacing:.08em;margin-top:6px}
.company-system-bridge span{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}

.company-validation-shell,.beta-validation-shell{grid-template-columns:1fr 1fr;align-items:center;gap:24px}
.validation-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:10px 0 6px}
.validation-stat{padding:16px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);display:grid;gap:6px}
.validation-stat strong{font-size:24px;line-height:1;color:var(--white)}
.validation-stat span{font-size:13px;color:rgba(245,240,232,.68);line-height:1.5}
.validation-note{max-width:720px}
.validation-visual-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.validation-visual-grid img,.beta-gallery-grid img{width:100%;height:260px;object-fit:cover;border-radius:22px;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow)}
.beta-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}

.company-case-columns{align-items:stretch}
.page-company .cases-frame-header{padding:0 0 6px;border-bottom:1px solid rgba(255,255,255,.08)}
.page-company .case-head h3{font-size:26px;line-height:1.12}
.page-company .case-card .copy{min-height:132px}
.metrics-columns.three-col{grid-template-columns:repeat(3,1fr)}
.metrics-columns.three-col .metric-box{display:grid;align-content:start;gap:8px;min-width:0}
.metric-box blockquote{font-size:15px;line-height:1.65}
.company-interest-grid .company-interest-card{min-height:100%}

.beta-insight-shell{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px;align-items:center}
.beta-kicker{font-size:clamp(36px,4.4vw,54px);line-height:.9;color:rgba(245,240,232,.92)}
.page-beta .problem-grid.beta-wow.deluxe{grid-template-columns:repeat(2,1fr)}
.page-beta .problem-grid.beta-wow.deluxe .problem-chip{min-height:140px;border-radius:22px;display:grid;gap:8px;align-content:start;padding:18px 18px 16px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(201,168,76,.16)}
.page-beta .problem-grid.beta-wow.deluxe .problem-chip.emphasis{background:linear-gradient(180deg,rgba(201,168,76,.18),rgba(255,255,255,.03));border-color:rgba(201,168,76,.32)}
.chip-icon.pulse{animation:pulseGlow 2.4s ease-in-out infinite}
@keyframes pulseGlow{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(201,168,76,.0)}50%{transform:scale(1.06);box-shadow:0 0 0 10px rgba(201,168,76,.0)}}

.beta-definition-shell{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:stretch}
.definition-main,.definition-side{display:grid;gap:16px}
.definition-main{padding:28px;border-radius:28px;border:1px solid rgba(201,168,76,.24);background:linear-gradient(180deg,rgba(201,168,76,.12),rgba(255,255,255,.02));box-shadow:var(--shadow)}
.definition-main h2{font-size:clamp(32px,3.5vw,44px);line-height:1.05}
.definition-side .mini-fact{display:grid;gap:8px;align-content:start;border-color:rgba(201,168,76,.2)}
.definition-side .mini-fact h3{margin:0}

.beta-project-shell-v2{display:grid;grid-template-columns:.92fr 1.08fr;gap:22px;align-items:start}
.beta-project-shell-v2 .project-widget.v2{padding:24px 24px 22px}
.beta-project-shell-v2 .goal-list,.beta-project-shell-v2 .benefit-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}

.capability-grid.deluxe .capability-tile{display:grid;gap:8px;align-content:start;text-align:left;min-height:132px;justify-content:start;padding:18px}
.capability-grid.deluxe .capability-tile strong{font-size:15px}
.capability-grid.deluxe .capability-tile span{font-size:13px;color:rgba(245,240,232,.66);line-height:1.55}

.beta-process-shell{padding:34px}
.journey-ladder{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;align-items:end;margin-top:22px}
.journey-node{position:relative;padding:18px 16px;border-radius:20px;border:1px solid rgba(201,168,76,.22);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));display:grid;gap:8px;min-height:150px}
.journey-node strong{font-size:15px;line-height:1.35}.journey-node span:last-child{color:rgba(245,240,232,.66);font-size:13px;line-height:1.55}.journey-mini{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(201,168,76,.14);border:1px solid rgba(201,168,76,.34);color:var(--gold-light);font-weight:700}
.journey-node.small{min-height:138px}.journey-node.medium{min-height:164px}.journey-node.large{min-height:190px}.journey-node.xlarge{min-height:218px;background:linear-gradient(180deg,rgba(201,168,76,.18),rgba(255,255,255,.03));border-color:rgba(201,168,76,.34)}
.journey-node::after{content:"";position:absolute;top:50%;right:-14px;width:28px;height:2px;background:linear-gradient(90deg,rgba(201,168,76,.4),rgba(201,168,76,0));transform:translateY(-50%)}
.journey-node:last-child::after{display:none}

.beta-final-cta{border-color:rgba(201,168,76,.28)!important;background:linear-gradient(180deg,rgba(201,168,76,.14),rgba(255,255,255,.025))!important}

@media (max-width:1100px){.company-hero-grid,.beta-hero-grid,.company-validation-shell,.beta-validation-shell,.beta-insight-shell,.beta-definition-shell,.beta-project-shell-v2{grid-template-columns:1fr}.company-system-highlights,.validation-stats-grid,.validation-visual-grid,.beta-gallery-grid,.metrics-columns.three-col,.journey-ladder{grid-template-columns:1fr 1fr}.beta-project-shell-v2 .goal-list,.beta-project-shell-v2 .benefit-list{grid-template-columns:1fr 1fr}.company-hero-visual,.beta-hero-visual{min-height:340px}}
@media (max-width:760px){.problem-product-item h3{font-size:24px}.company-system-highlights,.validation-stats-grid,.validation-visual-grid,.beta-gallery-grid,.metrics-columns.three-col,.journey-ladder,.page-beta .problem-grid.beta-wow.deluxe,.beta-project-shell-v2 .goal-list,.beta-project-shell-v2 .benefit-list{grid-template-columns:1fr}.page-company .case-card .copy{min-height:auto}.company-hero-overlay strong,.beta-hero-overlay strong{font-size:20px}.definition-main h2{font-size:30px}.beta-kicker{font-size:32px}.journey-node,.journey-node.small,.journey-node.medium,.journey-node.large,.journey-node.xlarge{min-height:auto}.journey-node::after{display:none}}


/* v33 refinements */
.company-hero-note{display:grid;place-items:center;min-height:420px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));}
.company-hero-note-inner{max-width:420px;display:grid;gap:14px;padding:28px;border-radius:26px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);box-shadow:var(--shadow)}
.company-hero-note .hero-chip{justify-self:start}
.company-hero-note strong{font-size:30px;line-height:1.12}
.page-company .company-system-steps .system-step{min-height:240px;display:grid;align-content:start;gap:12px}
.page-company .company-system-steps .system-step .system-orb{width:64px;height:64px;margin-inline:auto;margin-bottom:6px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08), 0 8px 24px rgba(0,0,0,.18)}
.page-company .company-system-steps .system-step .system-orb::before{content:'';position:absolute;inset:18px;border-radius:50%;background:rgba(245,240,232,.9);mix-blend-mode:screen;opacity:.16}
.page-company .company-system-steps .system-step h3{text-align:center}
.page-company .company-system-steps .system-step p{text-align:center}
.page-company .metrics-columns.three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
.page-company .metrics-columns.three-col .metric-box{display:flex;flex-direction:column;justify-content:flex-start;min-height:220px}
.page-company .metrics-columns.three-col .metric-box .metric-list{margin-top:2px}
.page-company .metrics-columns.three-col .metric-box blockquote{margin-top:2px}
.page-company .metrics-columns.three-col .metric-box .quote-role{margin-top:auto;padding-top:12px}
.page-company .validation-visual-grid{grid-template-columns:repeat(2,1fr)}
.page-company .validation-visual-grid img:nth-child(1){grid-column:1;grid-row:1}
.page-company .validation-visual-grid img:nth-child(2){grid-column:2;grid-row:1}
@media (max-width:1100px){.company-hero-note{min-height:320px}.company-hero-note strong{font-size:24px}}
@media (max-width:760px){.page-company .metrics-columns.three-col{grid-template-columns:1fr}.page-company .metrics-columns.three-col .metric-box{min-height:auto}.company-hero-note{min-height:auto}.company-hero-note-inner{max-width:none}}


/* v34 refinements */

.page-company .problem-closing-banner{margin-top:20px;padding:16px 18px;border-radius:18px;border:1px solid rgba(102,220,235,.16);background:linear-gradient(90deg,rgba(102,220,235,.08),rgba(255,255,255,.02));}
.page-company .problem-closing-banner p{margin:0;font-size:16px;line-height:1.6;color:rgba(245,240,232,.82)}
.page-company .problem-closing-banner strong{font-size:16px;color:var(--white)}
.page-company .company-system-steps{align-items:stretch}
.page-company .company-system-steps .system-step{padding:22px 18px 20px;text-align:center;display:grid;justify-items:center;gap:10px}
.page-company .company-system-steps .system-step h3{margin:0;font-size:20px}
.page-company .company-system-steps .system-step .copy{max-width:28ch;margin:0 auto}
.page-company .company-system-steps .system-step .system-orb{width:72px;height:72px;position:relative;margin:0 auto 8px}
.page-company .company-system-steps .system-step .system-orb::after{content:'';position:absolute;inset:14px;border-radius:50%;background:rgba(12,12,12,.88)}
.page-company .company-system-steps .system-step .system-orb::before{content:'';position:absolute;inset:26px;border-radius:50%;background:rgba(255,255,255,.16);z-index:2}
.page-company .company-system-steps .system-step.purple .system-orb{background:conic-gradient(var(--purple) 0 25%, rgba(255,255,255,.08) 25% 100%);box-shadow:0 10px 28px rgba(142,120,196,.18)}
.page-company .company-system-steps .system-step.cyan .system-orb{background:conic-gradient(var(--cyan) 0 50%, rgba(255,255,255,.08) 50% 100%);box-shadow:0 10px 28px rgba(102,220,235,.18)}
.page-company .company-system-steps .system-step.gold .system-orb{background:conic-gradient(var(--gold) 0 100%, rgba(255,255,255,.08) 100%);box-shadow:0 10px 28px rgba(226,194,111,.18)}
.page-company .cases-frame{padding:28px;border-radius:28px;border:1px solid rgba(102,220,235,.12);background:linear-gradient(180deg,rgba(18,20,24,.92),rgba(12,12,12,.96))}
.page-company .cases-frame-header{margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.08)}
.page-company .cases-grid.case-columns{align-items:start}
.page-company .case-card{padding:20px 18px 18px;overflow:hidden}
.page-company .case-card .copy{min-height:auto}
.page-company .metrics-columns.three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:stretch}
.page-company .metrics-columns.three-col .metric-box{min-height:238px;padding:14px;display:flex;flex-direction:column;justify-content:flex-start}
.page-company .metrics-columns.three-col .metric-box .metric-title{min-height:32px}
.page-company .metrics-columns.three-col .metric-box blockquote{font-size:14px;line-height:1.55}
.page-company .metrics-columns.three-col .metric-box .quote-role{margin-top:auto;padding-top:12px}
.page-company .metrics-columns.three-col .metric-list li{padding-left:14px;font-size:14px;line-height:1.45}
.page-company .metrics-columns.three-col .metric-list li::before{top:0}
.page-beta .beta-definition-shell{grid-template-columns:1.15fr .85fr;gap:16px;align-items:start}
.page-beta .definition-main{padding:26px 24px}
.page-beta .definition-main h2{font-size:clamp(34px,3vw,42px)}
.page-beta .definition-side{grid-template-columns:1fr;align-content:start}
.page-beta .mini-fact{padding:18px}
.page-beta .beta-project-shell-v2{grid-template-columns:1fr;gap:16px}
.page-beta .beta-project-copy{max-width:820px}
.page-beta .project-widget.v2{padding:20px}
.page-beta .project-top.compact h3{font-size:24px;line-height:1.15;margin:0}
.page-beta .goal-list,.page-beta .benefit-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.page-beta .mini-widget{padding:16px 14px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(226,194,111,.18)}
.page-beta .journey-ladder.uniform{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:stretch}
.page-beta .journey-ladder.uniform .journey-node{min-height:180px;padding:18px 14px;border-radius:22px;border:1px solid rgba(226,194,111,.18);background:linear-gradient(180deg,rgba(226,194,111,.12),rgba(255,255,255,.02));display:grid;align-content:start;gap:10px}
.page-beta .journey-ladder.uniform .journey-node::after{display:none}
.page-beta .journey-ladder.uniform .journey-mini{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:rgba(10,10,10,.68);border:1px solid rgba(255,255,255,.1)}
@media (max-width:1100px){
  .page-company .metrics-columns.three-col,.page-beta .journey-ladder.uniform,.page-beta .goal-list,.page-beta .benefit-list{grid-template-columns:1fr 1fr}
  .page-beta .beta-definition-shell{grid-template-columns:1fr}
}
@media (max-width:760px){
  .page-company .metrics-columns.three-col,.page-beta .journey-ladder.uniform,.page-beta .goal-list,.page-beta .benefit-list{grid-template-columns:1fr}
  .page-company .metrics-columns.three-col .metric-box{min-height:auto}
}


/* v35 final refinements */
.page-company .metrics-columns.three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
.page-company .metric-box{display:flex;flex-direction:column;justify-content:flex-start;min-height:100%;padding:16px}
.page-company .metric-title{min-height:30px;display:flex;align-items:flex-end}
.page-company .metric-list{flex:1;align-content:start}
.page-company .metric-box blockquote{flex:1;font-size:15px;line-height:1.55}
.page-company .quote-role{margin-top:12px}
.page-company .case-card .metrics-columns{margin-top:10px}
.page-company .case-card .copy{min-height:auto}
.page-company .system-steps.company-system-steps{align-items:stretch}
.page-company .company-system-steps .system-step{padding:24px 18px 20px;display:grid;justify-items:center;gap:12px;min-height:228px}
.page-company .company-system-steps .system-step .system-orb{width:74px;height:74px;border-radius:24px;position:relative;overflow:hidden;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 30px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.06)}
.page-company .company-system-steps .system-step .system-orb::before{content:'';position:absolute;left:18px;right:18px;top:16px;bottom:16px;border-radius:14px;background:linear-gradient(180deg,rgba(8,8,8,.9),rgba(20,20,20,.78));border:1px solid rgba(255,255,255,.06);z-index:2}
.page-company .company-system-steps .system-step .system-orb::after{content:'';position:absolute;left:12px;right:12px;bottom:12px;border-radius:12px 12px 10px 10px;z-index:1;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.page-company .company-system-steps .system-step.purple .system-orb::after{top:46px;background:linear-gradient(180deg,rgba(145,110,255,.92),rgba(145,110,255,.28))}
.page-company .company-system-steps .system-step.cyan .system-orb::after{top:30px;background:linear-gradient(180deg,rgba(115,214,255,.92),rgba(115,214,255,.28))}
.page-company .company-system-steps .system-step.gold .system-orb::after{top:12px;background:linear-gradient(180deg,rgba(226,194,111,.96),rgba(226,194,111,.34))}
.page-company .company-system-steps .system-step .system-orb span{display:none}
.page-company .company-system-steps .system-step h3{font-size:20px;line-height:1.15;margin:0}
.page-company .company-system-steps .system-step .copy{max-width:28ch;margin:0 auto;text-align:center}
.page-beta .beta-hero-grid{align-items:start}
.page-beta .beta-hero-visual{min-height:0;aspect-ratio:1.02/1;max-height:420px;height:100%;align-self:start}
.page-beta .beta-hero-visual img{height:100%;object-fit:cover}
.page-beta .beta-project-shell-v2{grid-template-columns:1fr;gap:18px;align-items:start}
.page-beta .beta-project-copy{max-width:760px}
.page-beta .project-widget.v2{padding:20px 20px 18px}
.page-beta .project-top.compact{display:grid;gap:8px}
.page-beta .project-top.compact h3{font-size:22px;line-height:1.15}
.page-beta .goal-list,.page-beta .benefit-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.page-beta .mini-widget{min-height:110px;align-content:start}
@media (max-width:1100px){
  .page-company .metrics-columns.three-col,.page-beta .goal-list,.page-beta .benefit-list{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .page-company .metrics-columns.three-col,.page-beta .goal-list,.page-beta .benefit-list{grid-template-columns:1fr}
  .page-beta .beta-hero-visual{aspect-ratio:1.2/1;max-height:none}
  .page-company .company-system-steps .system-step{min-height:auto}
}

/* v36 final requested fixes */
.home-photo-visual{position:relative;overflow:hidden;min-height:420px;border-radius:32px;border:1px solid rgba(255,255,255,.08);background:#0f0f11}
.home-photo-rotator{position:absolute;inset:0}
.home-photo-rotator img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease, transform 2s ease;transform:scale(1.03)}
.home-photo-rotator img.active{opacity:.9;transform:scale(1)}
.home-photo-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,8,10,.25),rgba(8,8,10,.55) 50%, rgba(8,8,10,.82));}
/* neutralizado-791 */
.page-company .problem-closing-banner{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:18px 20px;background:rgba(255,255,255,.025);border:1px solid rgba(102,220,235,.18)}
.page-company .problem-closing-banner::before{content:'↗';display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:rgba(102,220,235,.12);color:var(--cyan);font-weight:800}
.page-company .problem-closing-banner p{font-size:15px;line-height:1.55}
.page-company .company-system-steps .system-step{min-height:236px;padding:24px 18px 20px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));}
.page-company .company-system-steps .system-step .system-orb{width:72px;height:72px;border-radius:22px;position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 24px rgba(0,0,0,.16)}
.page-company .company-system-steps .system-step .system-orb::before{content:'';position:absolute;inset:12px;border-radius:14px;background:rgba(10,10,10,.78);border:1px solid rgba(255,255,255,.08)}
.page-company .company-system-steps .system-step .system-orb::after{content:'';position:absolute;left:16px;right:16px;bottom:16px;border-radius:10px 10px 8px 8px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.page-company .company-system-steps .system-step.purple .system-orb::after{top:44px;background:linear-gradient(180deg,rgba(145,110,255,.96),rgba(145,110,255,.32))}
.page-company .company-system-steps .system-step.cyan .system-orb::after{top:30px;background:linear-gradient(180deg,rgba(115,214,255,.96),rgba(115,214,255,.32))}
.page-company .company-system-steps .system-step.gold .system-orb::after{top:16px;background:linear-gradient(180deg,rgba(226,194,111,.98),rgba(226,194,111,.36))}
.page-company .company-system-steps .system-step h3{font-size:19px}
.page-company .company-system-steps .system-step .copy{font-size:14px;line-height:1.5;max-width:26ch}
.page-company .cases-frame{padding:30px 28px 28px}
.page-company .case-card{display:grid;gap:14px;align-content:start}
.page-company .case-card .copy{line-height:1.58}
.page-company details.case-metrics{margin-top:4px;border-top:1px solid rgba(255,255,255,.08);padding-top:12px}
.page-company details.case-metrics summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(245,240,232,.82)}
.page-company details.case-metrics summary::-webkit-details-marker{display:none}
.page-company details.case-metrics summary::after{content:'+';font-size:16px;line-height:1;color:rgba(245,240,232,.7)}
.page-company details.case-metrics[open] summary::after{content:'−'}
.page-company details.case-metrics .metrics-columns{margin-top:14px}
.page-company .metrics-columns.three-col{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
.page-company .metrics-columns.three-col .metric-box{min-height:212px;padding:15px 14px 14px;display:flex;flex-direction:column;justify-content:flex-start}
.page-company .metrics-columns.three-col .metric-box .metric-title{min-height:28px}
.page-company .metrics-columns.three-col .metric-box blockquote{font-size:14px;line-height:1.55}
.page-company .metrics-columns.three-col .metric-list li{font-size:13.5px;line-height:1.42}
.page-company .metrics-columns.three-col .quote-role{margin-top:auto;padding-top:10px}
.page-beta .beta-hero-grid{grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.page-beta .beta-hero-visual{aspect-ratio:1/1;max-height:440px}
.page-beta .beta-hero-visual img{width:100%;height:100%;object-fit:cover}
.page-beta .beta-project-shell-v2{grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.page-beta .beta-project-copy{position:static;max-width:none;padding:22px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015))}
.page-beta .beta-project-copy h2{display:grid;gap:6px}
.page-beta .beta-project-copy .copy{max-width:50ch}
.page-beta .project-widget.v2{padding:22px 22px 20px}
.page-beta .goal-list,.page-beta .benefit-list{grid-template-columns:1fr;gap:10px}
.page-beta .mini-widget{min-height:auto}
.page-beta .beta-definition-shell{grid-template-columns:1.25fr .75fr;gap:18px;align-items:stretch}
.page-beta .definition-main{display:grid;align-content:start;gap:14px;padding:26px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015))}
.page-beta .definition-main h2{font-size:clamp(38px,4vw,50px);line-height:1.06}
.page-beta .definition-side{display:grid;gap:14px;align-content:start}
.page-beta .mini-fact{min-height:178px;display:grid;align-content:start;gap:10px}
.page-beta .journey-ladder.uniform{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.page-beta .journey-ladder.uniform .journey-node{min-height:190px}
@media (max-width:1100px){
  .home-photo-visual{min-height:360px}
  .page-beta .beta-hero-grid,.page-beta .beta-project-shell-v2,.page-beta .beta-definition-shell{grid-template-columns:1fr}
  .page-beta .goal-list,.page-beta .benefit-list,.page-beta .journey-ladder.uniform{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .home-photo-visual{min-height:300px}
  
  .page-company .metrics-columns.three-col,.page-beta .goal-list,.page-beta .benefit-list,.page-beta .journey-ladder.uniform{grid-template-columns:1fr}
  .page-company .company-system-steps .system-step{min-height:auto}
}

/* v37 final fixes */
.home-photo-rotator img{object-position:center center}
.page-company .company-hero-note{position:relative;isolation:isolate;background:#101216}
.page-company .company-hero-note .hero-blur-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;filter:blur(8px) saturate(.92);transform:scale(1.08);opacity:.38;z-index:0}
.page-company .company-hero-note::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,14,18,.45),rgba(12,14,18,.86));z-index:0}
.page-company .company-hero-note-inner{position:relative;z-index:1;backdrop-filter:blur(2px)}

/* company case dialogs */
.page-company .case-open-btn{margin-top:14px;padding:11px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:var(--white);cursor:pointer;font:inherit}
.page-company .case-open-btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.08)}
.page-company .case-dialog{width:min(1100px,calc(100% - 32px));border:none;padding:0;background:transparent}
.page-company .case-dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(3px)}
.page-company .case-dialog-card{padding:26px;border-radius:28px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#13161a,#0d0f12);box-shadow:var(--shadow);display:grid;gap:16px}
.page-company .case-dialog-card.purple{box-shadow:0 22px 60px rgba(123,92,208,.18)}
.page-company .case-dialog-card.cyan{box-shadow:0 22px 60px rgba(92,197,222,.18)}
.page-company .case-dialog-card.gold{box-shadow:0 22px 60px rgba(226,194,111,.14)}
.page-company .case-dialog-close{justify-self:end;width:40px;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:var(--white);font-size:24px;line-height:1;cursor:pointer}
.page-company .case-dialog .metrics-columns.three-col{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.page-company .case-card .copy{min-height:9.8em}

/* better company system icons */
.page-company .company-system-steps .system-step .system-orb{width:82px;height:82px;border-radius:26px;position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 34px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.06)}
.page-company .company-system-steps .system-step .system-orb::before{content:'';position:absolute;left:18px;right:18px;top:14px;bottom:14px;border-radius:16px;background:linear-gradient(180deg,rgba(10,12,16,.98),rgba(22,24,28,.86));border:1px solid rgba(255,255,255,.06);z-index:2}
.page-company .company-system-steps .system-step .system-orb::after{content:'';position:absolute;left:18px;right:18px;border-radius:12px 12px 14px 14px;z-index:3;bottom:18px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)}
.page-company .company-system-steps .system-step.purple .system-orb::after{top:50px;background:linear-gradient(180deg,rgba(145,110,255,.98),rgba(145,110,255,.36))}
.page-company .company-system-steps .system-step.cyan .system-orb::after{top:38px;background:linear-gradient(180deg,rgba(115,214,255,.98),rgba(115,214,255,.34))}
.page-company .company-system-steps .system-step.gold .system-orb::after{top:18px;background:linear-gradient(180deg,rgba(226,194,111,.98),rgba(226,194,111,.34))}
.page-company .company-system-steps .system-step .system-orb .orb-frame{display:none}

/* betagym hero sizing and project spacing */
.page-beta .beta-hero-grid{align-items:stretch}
.page-beta .beta-hero-visual{aspect-ratio:auto;min-height:100%;max-height:none;height:auto}
.page-beta .beta-hero-visual img{height:100%;min-height:100%;object-fit:cover;object-position:center center}
.page-beta .beta-project-shell-v2{gap:26px;align-items:start}
.page-beta .beta-project-copy{position:static !important;padding:24px;border-radius:24px}
.page-beta .beta-project-copy h2{font-size:clamp(34px,3.2vw,44px);line-height:1.06}
.page-beta .beta-project-copy .copy{margin-top:8px;max-width:56ch}
.page-beta .project-widget.v2{margin-top:2px;padding:24px 24px 22px;display:grid;gap:16px}
.page-beta .project-top.compact{display:grid;gap:8px}
.page-beta .project-top.compact h3{margin:0;font-size:24px;line-height:1.18}
.page-beta .project-divider{margin:2px 0 0}
.page-beta .goal-list,.page-beta .benefit-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.page-beta .mini-widget{padding:16px 14px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);display:grid;gap:6px}
.page-beta .journey-ladder.uniform{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;align-items:stretch}
.page-beta .journey-ladder.uniform .journey-node{min-height:168px}

@media (max-width:1100px){
  .page-company .case-dialog .metrics-columns.three-col,.page-beta .goal-list,.page-beta .benefit-list,.page-beta .journey-ladder.uniform{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .page-company .case-dialog{width:min(100% - 20px,1100px)}
  .page-company .case-dialog .metrics-columns.three-col,.page-beta .goal-list,.page-beta .benefit-list,.page-beta .journey-ladder.uniform{grid-template-columns:1fr}
  .page-beta .beta-hero-visual{min-height:320px}
}

/* v38 final touch-ups */
.page-beta .beta-hero-visual{max-height:360px}
.page-beta .beta-hero-grid > div:first-child{max-width:720px}
.page-company .case-dialog-card .metrics-columns.three-col{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.page-company .case-dialog-card .metric-box{display:flex;flex-direction:column;gap:8px;min-height:220px}
.page-company .case-dialog-card .metric-title{min-height:28px}
.page-company .case-dialog-card blockquote{font-size:14px}
.home-photo-visual img{object-position:center center}

/* FIX empresa hero background */
.company-hero-note img.hero-blur-photo{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0.35;
  z-index:0;
}
.company-hero-note-inner{
  position:relative;
  z-index:1;
  background:rgba(0,0,0,0.45);
  backdrop-filter:blur(6px);
}


/* ===== v40 premium + spacing refinement ===== */
:root{
  --section-space: clamp(72px, 9vw, 120px);
  --section-space-tight: clamp(40px, 5vw, 72px);
  --content-max: 1220px;
  --card-bg-premium: linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.02));
  --card-border-premium: rgba(255,255,255,0.12);
  --soft-shadow: 0 24px 80px rgba(0,0,0,.28);
}

body{
  letter-spacing: 0.01em;
}

section{
  scroll-margin-top: 92px;
}

.container,
.wrap,
.inner,
.section-inner{
  max-width: var(--content-max);
}

.section,
.section-block,
.page-section{
  padding-top: var(--section-space);
  padding-bottom: var(--section-space);
}

.hero,
.page-hero{
  padding-top: clamp(88px, 11vw, 132px);
  padding-bottom: clamp(72px, 9vw, 108px);
}

.hero .subtitle,
.page-hero .subtitle,
.lead,
.eyebrow + h2 + p{
  max-width: 820px;
}

h1, .hero h1{
  line-height: .95;
  letter-spacing: -0.03em;
}
h2{
  line-height: 1.02;
  letter-spacing: -0.028em;
}
h3{
  line-height: 1.08;
  letter-spacing: -0.02em;
}
p, li{
  line-height: 1.58;
}

.card,
.metric-card,
.feature-card,
.case-card,
.system-card,
.validation-card,
.pill-card,
.info-card,
.step-card{
  background: var(--card-bg-premium);
  border: 1px solid var(--card-border-premium);
  box-shadow: var(--soft-shadow);
  backdrop-filter: blur(10px);
  border-radius: 26px;
}

.card:hover,
.metric-card:hover,
.feature-card:hover,
.case-card:hover,
.system-card:hover,
.validation-card:hover,
.pill-card:hover,
.info-card:hover,
.step-card:hover{
  transform: translateY(-2px);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  box-shadow: 0 28px 90px rgba(0,0,0,.34);
  border-color: rgba(255,255,255,.18);
}

.metric-card,
.feature-card,
.system-card,
.case-card,
.validation-card,
.step-card{
  padding: clamp(20px, 2.6vw, 30px);
}

.hero .cta-row,
.button-row,
.actions,
.cta-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top: 26px;
}

.hero-media img,
.page-hero img,
.hero-photo img{
  border-radius: 28px;
  box-shadow: 0 30px 90px rgba(0,0,0,.35);
}

.eyebrow{
  letter-spacing: .22em !important;
  opacity: .82;
  margin-bottom: 16px;
}

.validation-section .validation-grid,
.system-grid,
.cases-grid,
.cards-grid,
.features-grid{
  gap: 26px !important;
}

.cases-grid,
.case-grid{
  align-items: stretch;
}

.case-card .case-title,
.case-card h3{
  margin-bottom: 16px;
}
.case-card .story,
.case-card .case-story,
.case-card p{
  margin-bottom: 18px;
}

.case-dialog::backdrop{
  background: rgba(0,0,0,.72);
  backdrop-filter: blur(7px);
}
dialog.case-dialog{
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 28px;
  box-shadow: 0 38px 120px rgba(0,0,0,.5);
  padding: 0;
  overflow: hidden;
}
.case-dialog .dialog-inner,
.case-dialog .modal-body{
  padding: 28px 28px 26px;
}
.case-dialog .metrics-grid,
.case-dialog .results-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.case-dialog .metric-box,
.case-dialog .result-box{
  min-height: 100%;
  background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02));
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 20px;
  padding: 18px;
}

.company-hero-note{
  overflow:hidden;
  border-radius: 28px;
  box-shadow: 0 28px 80px rgba(0,0,0,.34);
  border: 1px solid rgba(255,255,255,.1);
}
.company-hero-note-inner{
  padding: clamp(28px, 4vw, 42px);
}

.system-card .icon,
.system-card .system-icon,
.system-card svg{
  width: 72px !important;
  height: 72px !important;
  display:block;
  margin-bottom: 16px;
  filter: drop-shadow(0 8px 20px rgba(0,0,0,.18));
}

.company-page .problem-stack,
.company-page .problem-cards{
  display:grid;
  gap: 18px;
}
.company-page .problem-item,
.company-page .problem-card{
  padding: 20px 22px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  border: 1px solid rgba(255,255,255,.1);
}
.company-page .problem-item h4,
.company-page .problem-card h4{
  margin-bottom: 8px;
}

.betagym-page .hero-grid,
.betagym-page .intro-grid,
.betagym-page .differential-grid{
  align-items: start;
  gap: 28px !important;
}
.betagym-page .hero-photo,
.betagym-page .betagym-hero-photo{
  align-self: stretch;
}
.betagym-page .hero-photo img,
.betagym-page .betagym-hero-photo img{
  height: 100%;
  max-height: 620px;
  object-fit: cover;
}

.betagym-page .what-is-grid{
  display:grid;
  grid-template-columns: 1.35fr .85fr .85fr;
  gap: 22px;
}
.betagym-page .what-is-main{
  min-height: 100%;
}
.betagym-page .what-is-side{
  display:grid;
  gap: 18px;
}

.betagym-page .project-grid,
.betagym-page .differential-grid{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 24px;
}
.betagym-page .project-grid .project-copy,
.betagym-page .project-grid .project-boxes{
  min-width:0;
}
.betagym-page .project-boxes{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap:16px;
}

.betagym-page .process-steps,
.betagym-page .journey-steps{
  display:grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 14px;
}
.betagym-page .process-step,
.betagym-page .journey-step{
  position:relative;
  padding:18px 16px 16px;
  min-height: 158px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.022));
  border:1px solid rgba(255,255,255,.1);
}
.betagym-page .process-step:after,
.betagym-page .journey-step:after{
  content:"";
  position:absolute;
  right:-10px;
  top:50%;
  transform:translateY(-50%);
  width:20px;
  height:2px;
  background: rgba(255,255,255,.22);
}
.betagym-page .process-step:last-child:after,
.betagym-page .journey-step:last-child:after{
  display:none;
}
.betagym-page .process-step .step-num,
.betagym-page .journey-step .step-num{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:999px;
  font-weight:700;
  margin-bottom:12px;
  background: rgba(226,194,111,.18);
  color:#f1d88c;
  border:1px solid rgba(226,194,111,.35);
}

.home-page .hero-photo,
.home-page .hero-media{
  overflow:hidden;
  border-radius: 30px;
}
.home-page .hero-photo img,
.home-page .hero-media img{
  object-position:center 36%;
}

@media (max-width: 1024px){
  .betagym-page .what-is-grid,
  .betagym-page .project-grid,
  .betagym-page .differential-grid,
  .case-dialog .metrics-grid,
  .case-dialog .results-grid{
    grid-template-columns: 1fr 1fr;
  }
  .betagym-page .process-steps,
  .betagym-page .journey-steps{
    grid-template-columns: repeat(3, minmax(0,1fr));
  }
}
@media (max-width: 768px){
  .section, .section-block, .page-section{
    padding-top: var(--section-space-tight);
    padding-bottom: var(--section-space-tight);
  }
  .validation-section .validation-grid,
  .system-grid,
  .cases-grid,
  .cards-grid,
  .features-grid,
  .betagym-page .what-is-grid,
  .betagym-page .project-grid,
  .betagym-page .differential-grid,
  .betagym-page .process-steps,
  .betagym-page .journey-steps,
  .case-dialog .metrics-grid,
  .case-dialog .results-grid{
    grid-template-columns: 1fr !important;
  }
  .betagym-page .process-step:after,
  .betagym-page .journey-step:after{
    display:none;
  }
  .betagym-page .project-boxes{
    grid-template-columns: 1fr;
  }
  .company-hero-note-inner{
    padding: 22px;
  }
}


/* ===== v41 targeted fixes ===== */

/* Company hero image clarity */
.company-hero-note img.hero-blur-photo{
  opacity: .52 !important;
  filter: blur(1.6px) saturate(1.05) brightness(.92);
  object-position: center 28%;
}
.company-hero-note-inner{
  background: linear-gradient(180deg, rgba(4,8,12,.26), rgba(4,8,12,.58)) !important;
  border-color: rgba(255,255,255,.14) !important;
}

/* Company case slider */
.company-cases-slider-shell{
  padding: 34px;
}
.case-slider{
  display:grid;
  grid-template-columns: 52px 1fr 52px;
  gap: 18px;
  align-items:center;
  margin-top: 18px;
}
.case-slider-nav{
  width: 52px;
  height: 52px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.04);
  color: var(--white);
  font-size: 32px;
  line-height: 1;
  display:grid;
  place-items:center;
  cursor:pointer;
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}
.case-slider-nav:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.22);
}
.case-slider-viewport{
  position:relative;
  min-height: 430px;
}
.case-slide{
  position:absolute;
  inset:0;
  opacity:0;
  pointer-events:none;
  transform: translateX(30px);
  transition: opacity .3s ease, transform .3s ease;
  padding: 28px;
  border-radius: 28px;
  border: 1px solid rgba(255,255,255,.1);
  background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
  box-shadow: 0 24px 80px rgba(0,0,0,.32);
}
.case-slide.is-active{
  opacity:1;
  pointer-events:auto;
  transform: translateX(0);
}
.case-slide.purple{ box-shadow: 0 24px 80px rgba(111,90,159,.14); }
.case-slide.cyan{ box-shadow: 0 24px 80px rgba(0,184,212,.16); }
.case-slide.gold{ box-shadow: 0 24px 80px rgba(201,168,76,.14); }
.case-slide-head{ display:grid; gap:10px; margin-bottom: 16px; }
.case-slide-head h3{ font-size: clamp(28px, 3vw, 38px); line-height: 1.02; max-width: 16ch; margin: 0; }
.case-slide-body{
  display:grid;
  grid-template-columns: .82fr 1.18fr;
  gap: 22px;
  align-items:start;
}
.case-story-col .copy{ font-size: 17px; max-width: 34ch; }
.case-metrics-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 14px;
}
.case-metrics-grid .metric-box{
  min-height: 100%;
  padding: 18px;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  border: 1px solid rgba(255,255,255,.1);
}
.case-slider-footer{
  display:flex;
  justify-content:center;
  margin-top: 20px;
}
.case-slider-dots{
  display:flex;
  gap:10px;
}
.case-slider-dots button{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  border: none;
  padding:0;
  background: rgba(255,255,255,.2);
  cursor:pointer;
}
.case-slider-dots button.is-active{ background: var(--cyan); }

/* hide old dialogs if any remain */
.case-dialog{ display:none !important; }

/* Betagym hero image height to CTA level */
.page-beta .beta-hero-grid{
  align-items:start !important;
}
.page-beta .beta-hero-visual{
  min-height: 0 !important;
  height: 410px !important;
  max-height: 410px !important;
  align-self:start;
}
.page-beta .beta-hero-visual img{
  height: 100% !important;
  min-height: 0 !important;
  object-fit: cover;
  object-position: center 42%;
}
@media (max-width: 1024px){
  .case-slider{
    grid-template-columns: 44px 1fr 44px;
  }
  .case-slider-nav{
    width:44px;height:44px;font-size:28px;
  }
  .case-slide{
    padding: 22px;
  }
  .case-slide-body{
    grid-template-columns: 1fr;
  }
  .case-metrics-grid{
    grid-template-columns: 1fr;
  }
  .case-slider-viewport{
    min-height: 760px;
  }
}
@media (max-width: 768px){
  .company-cases-slider-shell{
    padding: 22px;
  }
  .case-slider{
    grid-template-columns: 1fr;
  }
  .case-slider-nav{
    display:none;
  }
  .case-slide-head h3{
    max-width: none;
  }
  .case-slider-viewport{
    min-height: 820px;
  }
  .page-beta .beta-hero-visual{
    height: 320px !important;
    max-height: 320px !important;
  }
}


/* ===== v42 mobile UX overhaul ===== */

/* ── 1. HAMBURGER NAV ── */
.nav-hamburger{display:none;width:44px;height:44px;border:none;background:none;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;border-radius:10px;transition:background .18s}
.nav-hamburger:hover{background:rgba(255,255,255,.06)}
.nav-hamburger span{display:block;width:22px;height:2px;border-radius:999px;background:var(--white);transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .18s ease}
.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.nav-drawer{position:fixed;inset:0;z-index:58;pointer-events:none}
.nav-drawer-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.58);opacity:0;transition:opacity .28s ease;backdrop-filter:blur(4px)}
.nav-drawer-panel{position:absolute;top:0;right:0;width:min(280px,80vw);height:100%;background:rgba(12,12,14,.97);border-left:1px solid var(--line);padding:88px 28px 36px;display:flex;flex-direction:column;gap:6px;transform:translateX(100%);transition:transform .32s cubic-bezier(.16,1,.3,1)}
.nav-drawer.open{pointer-events:auto}
.nav-drawer.open .nav-drawer-backdrop{opacity:1}
.nav-drawer.open .nav-drawer-panel{transform:translateX(0)}
.nav-drawer-panel a{display:flex;align-items:center;min-height:52px;padding:0 16px;border-radius:14px;font-size:16px;font-weight:700;letter-spacing:.04em;color:rgba(245,240,232,.75);transition:color .18s,background .18s}
.nav-drawer-panel a:hover,.nav-drawer-panel a.active{color:var(--white);background:rgba(255,255,255,.06)}
.nav-drawer-panel a.active{color:var(--gold-light)}
.nav-drawer-cta{margin-top:auto;padding-top:20px;border-top:1px solid var(--line)}
.nav-drawer-cta .btn{width:100%;justify-content:center;min-height:52px;font-size:14px}

/* ── 2. NAV MOBILE LAYOUT ── */
@media(max-width:760px){
  .nav-inner{grid-template-columns:1fr auto;min-height:64px;padding:0}
  .nav-links{display:none}
  .nav > .container > a.btn{display:none}
  .nav-hamburger{display:flex}
}

/* ── 3. HERO MOBILE: foto como background ── */
@media(max-width:760px){
  .index-hero{padding:0 14px!important}
  .hero-grid{position:relative;grid-template-columns:1fr;min-height:500px;overflow:hidden;border-radius:24px;padding:0;display:grid;align-items:end}
  .hero-grid .hero-visual.home-photo-visual,
  .home-photo-visual{position:absolute!important;inset:0!important;min-height:100%!important;border-radius:24px!important;z-index:0}
  .home-photo-visual::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,8,10,.3) 0%,rgba(8,8,10,.58) 45%,rgba(8,8,10,.88) 100%);z-index:1;pointer-events:none}
  /* neutralizado-1498 */
  .hero-grid > div:first-child{position:relative;z-index:2;padding:24px 22px 28px;display:flex;flex-direction:column;gap:0}
  .hero-grid h1{font-size:clamp(26px,8vw,34px)!important;line-height:1.1;overflow:visible!important}
  .hero-grid h1 .line{overflow:hidden;padding-top:0.14em;padding-bottom:0.12em}
  .index-hero .hero-actions{flex-direction:row;flex-wrap:wrap;gap:10px;margin-top:18px;justify-content:flex-start}
  .index-hero .hero-actions .btn{width:auto;min-width:130px;min-height:44px;font-size:12px;flex:0 1 auto}
  .copy.lead{font-size:14px!important;line-height:1.65;margin-top:10px}
}

/* ── 4. SECTION PADDING REDUCIDO EN MOBILE ── */
@media(max-width:760px){
  header,section{padding:36px 0}
  .index-hero{padding:0!important}
}

/* ── 5. STATS GRID 2 COLUMNAS EN MOBILE ── */
@media(max-width:760px){
  .stats-grid{grid-template-columns:1fr 1fr;gap:12px}
  .stats-grid .stat:last-child{grid-column:1/-1}
  .stat-number{font-size:clamp(26px,8vw,40px)}
  .stat-label{font-size:12px}
}

/* ── 6. AUTHORITY CAROUSEL DOTS EN MOBILE ── */
.carousel-dots{display:none;gap:8px;justify-content:center;margin-top:14px}
.carousel-dot{width:8px;height:8px;border-radius:50%;border:none;padding:0;cursor:pointer;background:rgba(255,255,255,.22);transition:background .18s,transform .18s}
.carousel-dot.active{background:var(--gold);transform:scale(1.25)}
@media(max-width:760px){
  .carousel-dots{display:flex}
  .carousel-controls{display:none}
  .authority-track{gap:12px}
  .authority-slide{min-width:88vw}
}

/* ── 7. BETASCAN CASE SLIDER: altura dinámica ── */
@media(max-width:768px){
  .case-slider-viewport{min-height:0!important;height:auto!important;position:relative}
  .case-slide{position:relative!important;inset:auto!important;opacity:1!important;transform:none!important;pointer-events:auto!important;display:none}
  .case-slide.is-active{display:block}
  .case-slider{grid-template-columns:1fr;gap:0}
  .case-slider-nav{display:none}
  .case-slide-body{grid-template-columns:1fr;gap:16px}
  .case-metrics-grid{grid-template-columns:1fr 1fr;gap:10px}
  .case-slide-head h3{font-size:clamp(22px,6vw,30px);max-width:none}
}
@media(max-width:480px){
  .case-metrics-grid{grid-template-columns:1fr}
}

/* ── 8. BETASCAN INTRO-POINTS BREAKPOINT INTERMEDIO ── */
@media(max-width:920px) and (min-width:541px){
  .betascan-intro-card .intro-points,
  .page-betascan .betascan-intro-card .intro-points{grid-template-columns:1fr 1fr!important}
}
@media(max-width:540px){
  .betascan-intro-card .intro-points,
  .page-betascan .betascan-intro-card .intro-points{grid-template-columns:1fr!important}
}

/* ── 9. BODY COPY 15px EN MOBILE ── */
@media(max-width:760px){
  .copy{font-size:15px;line-height:1.72}
  .copy p{margin-bottom:12px}
}

/* ── 10. BOTÓN WHATSAPP FLOTANTE EN MOBILE ── */
.wa-fab{display:none}
@media(max-width:760px){
  .wa-fab{display:flex;align-items:center;gap:10px;position:fixed;bottom:22px;right:18px;z-index:999;background:var(--gold);color:#0A0A0A;border-radius:999px;padding:0 18px 0 14px;min-height:50px;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 8px 28px rgba(201,168,76,.38);transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease;text-decoration:none;border:none;cursor:pointer;white-space:nowrap}
  .wa-fab:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(201,168,76,.48)}
  .wa-fab svg{width:20px;height:20px;fill:#0A0A0A;flex-shrink:0}
  .wa-fab.hidden{opacity:0;pointer-events:none;transform:translateY(10px)}
  body{padding-bottom:80px}
}

/* ── 11. FOOTER SIMPLIFICADO EN MOBILE ── */
@media(max-width:760px){
  .footer-grid{grid-template-columns:1fr}
  .footer-grid > div:nth-child(2){display:none}
  .footer-cta{background:none;border:none;padding:0}
  .footer-cta p{display:none}
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:12px}
  .footer-bottom .footer-socials .social-link span{display:inline}
  .footer-socials{flex-wrap:wrap;gap:8px}
}

/* ── 12. TARGETS TÁCTILES MÍNIMO 44px ── */
@media(max-width:760px){
  .btn{min-height:50px;padding:0 20px}
  a,button{-webkit-tap-highlight-color:rgba(201,168,76,.18)}
  .social-link{min-height:50px;min-width:50px}
  .accordion-card summary{min-height:52px}
  .option-btn{padding:20px 18px}
  .company-toggle{min-height:50px}
}

/* ── 13. PROFILE IMAGE EN MOBILE (acerca-de) ── */
@media(max-width:760px){
  .profile-wrap{margin-top:6px;border-radius:20px}
  .profile-wrap img{aspect-ratio:3/2;object-position:center 15%}
}

/* ── 14. BETAGYM HERO ── */
@media(max-width:760px){
  .page-beta .beta-hero-grid{grid-template-columns:1fr}
  .page-beta .beta-hero-visual{height:240px!important;max-height:240px!important;min-height:0!important;border-radius:20px;overflow:hidden}
}

/* ── 15. BETASCAN CAPTURE GRID 1 COLUMNA SIEMPRE EN MOBILE ── */
@media(max-width:760px){
  .capture-grid,.interest-grid,.capture-inline .capture-grid{grid-template-columns:1fr!important}
  .betascan-result-grid{grid-template-columns:1fr!important}
}

/* ── 16. MODALES PANTALLA COMPLETA EN MOBILE ── */
@media(max-width:760px){
  .modal-panel{width:100%!important;margin:auto 0 0!important;border-radius:24px 24px 0 0;max-height:90vh;overflow:auto;padding:24px 20px 36px}
  .modal-backdrop{align-items:flex-end;display:flex}
}

/* ── 17. SWIPE HINT CAROUSEL ── */
@media(max-width:760px){
  .authority-track{padding-right:40px}
  .authority-carousel::after{content:'';position:absolute;right:0;top:0;bottom:0;width:48px;background:linear-gradient(90deg,transparent,rgba(10,10,10,.7));pointer-events:none;border-radius:0 28px 28px 0}
}

/* ── 18. COMPANY/PERSONA HERO MOBILE ── */
@media(max-width:760px){
  .company-hero-grid,.beta-hero-grid{grid-template-columns:1fr}
  .company-hero-note{min-height:220px}
  .company-hero-overlay,.beta-hero-overlay{padding:14px 16px}
  .company-hero-overlay strong,.beta-hero-overlay strong{font-size:18px}
}

/* ── SCROLL PADDING ACCOUNT FOR STICKY NAV ── */
html{scroll-padding-top:80px}


/* ── Touch action hints ── */
@media(max-width:760px){
  .case-slider-viewport{touch-action:pan-y;-webkit-user-select:none;user-select:none}
  .authority-track{touch-action:pan-x;-webkit-overflow-scrolling:touch}
  .betascan-question-card .options{touch-action:pan-y}
}

/* ── Reduce nav padding on very small screens ── */
@media(max-width:380px){
  .container{width:calc(100% - 20px)}
  .brand-name{font-size:18px}
}

/* ── Ensure hero-grid index does not clip on mobile ── */
@media(max-width:760px){
  .index-hero .reveal.visible{animation:none}
  .index-hero > .container{padding:0}
}


/* ===== v42b — fixes hero mobile + slider desktop ===== */

/* ── FIX 1: Hero home mobile — botones visibles sobre la foto ── */
@media(max-width:760px){
  /* Botones del hero sobre imagen necesitan colores sólidos legibles */
  .index-hero .hero-actions .btn-purple,
  .index-hero .hero-actions a[href*="persona"]{
    background:rgba(111,90,159,.82)!important;
    border:1px solid rgba(111,90,159,.6)!important;
    color:#fff!important;
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
  }
  .index-hero .hero-actions .btn-cyan,
  .index-hero .hero-actions a[href*="empresa"]{
    background:rgba(0,184,212,.82)!important;
    border:1px solid rgba(0,184,212,.6)!important;
    color:#fff!important;
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
  }
  /* Lead text legible sobre la foto */
  .index-hero .copy.lead{
    color:rgba(245,240,232,.95)!important;
    text-shadow:0 1px 8px rgba(0,0,0,.55);
  }
  /* H1 sobre la foto */
  .index-hero h1{
    text-shadow:0 2px 12px rgba(0,0,0,.4);
  }
  /* Más overlay oscuro en el hero para asegurar legibilidad */
  .home-photo-visual::before{
    background:linear-gradient(
      180deg,
      rgba(6,6,8,.32) 0%,
      rgba(6,6,8,.55) 40%,
      rgba(6,6,8,.88) 100%
    )!important;
  }
}

/* ── FIX 2: Case slider desktop — altura dinámica, sin recortes ── */

/* Reemplazar el sistema position:absolute por uno que respeta altura real */
.case-slider-viewport{
  position:relative;
  min-height:0;        /* eliminamos el min-height fijo */
}

/* El slide inactivo: fuera del flujo con position absolute SOLO cuando hay otro activo */
.case-slide{
  position:absolute;
  inset:0;
  opacity:0;
  pointer-events:none;
  transform:translateX(30px);
  transition:opacity .3s ease, transform .3s ease;
  padding:28px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.1);
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
  box-shadow:0 24px 80px rgba(0,0,0,.32);
  /* altura mínima para que el viewport no colapse */
  min-height:420px;
}

/* El slide ACTIVO: vuelve al flujo normal para dar altura real al viewport */
.case-slide.is-active{
  position:relative;   /* ← clave: sale del absolute, da su altura al padre */
  inset:auto;
  opacity:1;
  pointer-events:auto;
  transform:translateX(0);
  min-height:0;
}

/* El viewport toma la altura del slide activo */
.case-slider-viewport{
  overflow:hidden;
}

/* Los slides inactivos se superponen absolutamente al viewport para la transición */
/* Necesitamos un wrapper de posicionamiento */
.case-slider-inner{
  position:relative;
}
.case-slider-inner .case-slide:not(.is-active){
  position:absolute;
  inset:0;
  min-height:0;
}

/* Navegación alineada al centro vertical del viewport */
.case-slider{
  align-items:start;  /* en vez de center, para que el contenido largo no empuje las flechas */
}
.case-slider-nav{
  position:sticky;
  top:50%;
  margin-top:calc(50px);  /* offset para centrar visualmente */
}

/* Métricas: columnas con altura uniforme */
.case-metrics-grid{
  align-items:stretch;
}
.case-metrics-grid .metric-box{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.case-metrics-grid .metric-box .metric-list{
  flex:1;
}
.case-metrics-grid .metric-box blockquote{
  flex:1;
  font-size:15px;
  line-height:1.6;
  font-style:italic;
  color:rgba(245,240,232,.88);
}

/* ── FIX 3: Mobile arrow hint en el slider de casos ── */
@media(max-width:768px){
  /* El case-slider-viewport ya tiene display:block para slide activo */
  /* Agregar indicador de swipe */
  .case-slider-footer{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:10px;
    margin-top:16px;
  }
  .case-swipe-hint{
    display:flex;
    align-items:center;
    gap:6px;
    font-size:12px;
    letter-spacing:.1em;
    text-transform:uppercase;
    color:rgba(245,240,232,.45);
  }
  .case-swipe-hint svg{
    width:18px;height:18px;
    fill:none;
    stroke:rgba(245,240,232,.45);
    stroke-width:1.5;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
}
@media(min-width:769px){
  .case-swipe-hint{display:none}
}

/* ── FIX 4: Authority carousel — arrow hint más visible en mobile ── */
@media(max-width:760px){
  /* Fade de peek más pronunciado */
  .authority-carousel{
    position:relative;
  }
  .authority-carousel::after{
    content:'';
    position:absolute;
    right:0;top:0;bottom:0;
    width:60px;
    background:linear-gradient(90deg,transparent,rgba(10,10,10,.85));
    pointer-events:none;
    border-radius:0 28px 28px 0;
    z-index:2;
  }
  /* Flecha visual dentro del fade */
  .authority-carousel::before{
    content:'›';
    position:absolute;
    right:12px;
    top:50%;
    transform:translateY(-50%);
    z-index:3;
    font-size:28px;
    color:rgba(245,240,232,.7);
    pointer-events:none;
    animation:peekBounce 1.8s ease-in-out infinite;
  }
  @keyframes peekBounce{
    0%,100%{transform:translateY(-50%) translateX(0)}
    50%{transform:translateY(-50%) translateX(4px)}
  }
}


/* case-slider-inner: contiene slides con posicionamiento correcto */
.case-slider-inner{
  position:relative;
  /* altura = altura del slide activo (que está en flujo normal) */
}
.case-slider-inner .case-slide:not(.is-active){
  position:absolute;
  inset:0;
  min-height:0;
  height:100%;
}

/* Mobile: restablecer correctamente con inner wrapper */
@media(max-width:768px){
  .case-slider-viewport{min-height:0!important;height:auto!important}
  .case-slider-inner{position:relative}
  .case-slide{
    position:relative!important;
    inset:auto!important;
    opacity:1!important;
    transform:none!important;
    pointer-events:auto!important;
    display:none;
    min-height:0!important;
  }
  .case-slide.is-active{display:block!important;position:relative!important}
  .case-slider-inner .case-slide:not(.is-active){
    position:absolute!important;
    display:none!important;
  }
}


/* ===== v44 design fixes ===== */

/* ── 1. Slider text sizes ── */
.visual-copy strong{font-size:clamp(17px,2.2vw,26px)!important;line-height:1.25}
.visual-copy span{font-size:15px!important}
.authority-copy h3{font-size:clamp(22px,2.6vw,30px)}

/* ── 2. Brand lines — animación continua ── */
@keyframes barLift1{0%,100%{height:10px}50%{height:22px}}
@keyframes barLift2{0%,100%{height:22px}50%{height:7px}}
@keyframes barLift3{0%,100%{height:14px}50%{height:24px}}
.brand-lines{align-items:flex-end}
.brand-lines span:nth-child(1){height:10px;animation:barLift1 2.6s ease-in-out infinite}
.brand-lines span:nth-child(2){height:22px;animation:barLift2 2.2s ease-in-out infinite;animation-delay:.35s}
.brand-lines span:nth-child(3){height:14px;animation:barLift3 2.8s ease-in-out infinite;animation-delay:.7s}

/* ── 3. BetaMode / BetaGym hero visual — efectos en logo overlay ── */
.page-beta .visual-copy,.page-company .visual-copy{
  transition:transform .35s cubic-bezier(.16,1,.3,1);
}
.page-beta .home-photo-visual:hover .visual-copy,
.page-company .home-photo-visual:hover .visual-copy{
  transform:translateY(-6px);
}
@keyframes brandPulse{0%,100%{opacity:.88;filter:brightness(1)}50%{opacity:1;filter:brightness(1.22)}}
.page-beta .visual-copy strong,.page-company .visual-copy strong{
  animation:brandPulse 3.5s ease-in-out infinite;
}

/* ── 4. BetaScan gate box — mobile responsive ── */
.betascan-gate-box{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}
@media(max-width:560px){
  .betascan-gate-box{grid-template-columns:1fr!important}
  .betascan-gate-box .btn{width:100%;justify-content:center}
}

/* ── 5. Decision tree 3-column → 1-column on mobile ── */
@media(max-width:600px){
  #dt-step1{grid-template-columns:1fr!important}
}


/* ===== v42c — botones hero desktop + foto no cortada ===== */

/* ── Botones hero: restaurar colores purple/cyan en desktop ──
   .page-home sobreescribe .btn-gold y .btn-outline con !important
   pero no toca btn-purple ni btn-cyan — el problema viene de que
   el CSS base los define con muy poca opacidad (.14). Los hacemos
   más sólidos y visibles en el contexto del hero.                  */
.index-hero .hero-actions .btn-purple {
  background: rgba(111, 90, 159, .72) !important;
  border-color: rgba(111, 90, 159, .55) !important;
  color: #fff !important;
}
.index-hero .hero-actions .btn-purple:hover {
  background: rgba(111, 90, 159, .88) !important;
  box-shadow: 0 8px 28px rgba(111,90,159,.32) !important;
}
.index-hero .hero-actions .btn-cyan {
  background: rgba(0, 184, 212, .72) !important;
  border-color: rgba(0, 184, 212, .55) !important;
  color: #fff !important;
}
.index-hero .hero-actions .btn-cyan:hover {
  background: rgba(0, 184, 212, .88) !important;
  box-shadow: 0 8px 28px rgba(0,184,212,.32) !important;
}

/* ── Foto hero: mostrar cara, no el pecho ──
   authority-1.jpg es el primer slide activo — Angelo con micrófono.
   La cara está en la parte superior de la imagen.
   object-position: center top la muestra correctamente.             */
.home-photo-rotator img {
  object-position: center 8% !important;
}
/* Segundo slide (authority-1.jpg en el rotador) */
.home-photo-rotator img:nth-child(2) {
  object-position: center 12% !important;
}

/* En desktop el visual tiene min-height:380px con aspect-ratio variable.
   Asegurar que la imagen llene bien sin corte horizontal.            */
.home-photo-visual {
  min-height: 440px;
}
.home-photo-visual .home-photo-rotator img {
  object-fit: cover;
  object-position: center 8% !important;
}



/* ===== v42c patch 2 — encuadre correcto por imagen ===== */

/* authority-1 (primer slide): Angelo con micrófono en escenario
   La cara está aprox en el 20% superior de la imagen              */
.home-photo-rotator img:nth-child(1) {
  object-position: center 15% !important;
}
/* company-live-1 (segundo slide): Angelo frente a audiencia
   Imagen más horizontal, encuadre central funciona bien            */
.home-photo-rotator img:nth-child(2) {
  object-position: center 18% !important;
}




/* ═══════════════════════════════════════════════════════════
   v45 — TIPOGRAFÍA ESCANEABLE + PROPORCIONES GLOBALES
═══════════════════════════════════════════════════════════ */

/* Base copy — sube de 14px a 16px */
.copy {
  font-size: 16px;
  line-height: 1.82;
  color: rgba(245,240,232,.78);
}
.copy p { margin: 0 0 16px; }
.copy p:last-child { margin-bottom: 0; }

/* Lead — más presencia */
.lead,
.page-hero-lead {
  font-size: clamp(17px, 1.6vw, 20px) !important;
  line-height: 1.72;
  color: rgba(245,240,232,.80);
}
header .copy.lead {
  font-size: clamp(17px, 1.6vw, 20px) !important;
  line-height: 1.72;
}

/* H3 */
h3 {
  font-size: clamp(20px, 2.2vw, 26px);
  line-height: 1.2;
}

/* Stat label */
.stat-label { font-size: 15px; line-height: 1.6; }

/* Lists */
.clean-list li,
.result-list li,
.micro-points li { font-size: 15px; line-height: 1.72; }

/* Mini process */
.mini-process span { font-size: 15px; line-height: 1.7; }

/* Card copy */
.card .copy,
.card.pad .copy { font-size: 15px; }

/* Problem chips */
.problem-chip span { font-size: 15px; line-height: 1.6; }

/* Metrics */
.metric-list li { font-size: 15px; line-height: 1.6; }
.metric-box blockquote { font-size: 17px; line-height: 1.65; }
.quote-role { font-size: 14px; }

/* Section intro */
.section-intro .copy { font-size: 18px; line-height: 1.82; }

/* Footer */
.footer-copy { font-size: 15px; line-height: 1.8; }
.footer-cta p { font-size: 15px; }

/* Forms */
.capture-inline input,
.capture-inline textarea,
.capture-inline select,
.native-form input,
.native-form textarea,
.native-form select { font-size: 15px; }

/* Options */
.option-btn { font-size: 15px; line-height: 1.6; }

/* Result card */
.result-card .copy { font-size: 15px; }

/* Company cards */
.company-interest-card .copy { font-size: 15px; line-height: 1.72; }
.highlight-card .copy { font-size: 16px !important; }

/* Intro points */
.intro-point span.copy { font-size: 14px !important; }

/* Carousel */
.carousel-note { font-size: 14px; }

/* Case slider */
.case-story-col .copy { font-size: 16px; line-height: 1.78; }

/* Company problem intro / system intro */
.company-problem-intro,
.company-system-intro { font-size: clamp(16px, 1.5vw, 18px); }

/* Home section copy — proporciones iguales al hero */
.page-home section .copy p,
.page-mixed section .copy p {
  font-size: clamp(16px, 1.5vw, 18px);
  line-height: 1.82;
}

/* Responsive */
@media (max-width: 760px) {
  .copy { font-size: 15px; }
  .lead, .page-hero-lead, header .copy.lead { font-size: 16px !important; }
  .stat-label { font-size: 14px; }
  .section-intro .copy { font-size: 16px; }
  .page-home section .copy p,
  .page-mixed section .copy p { font-size: 16px; }
}


/* ═══════════════════════════════════════════════════════════
   v46b — SPACING + HERO FIXES
═══════════════════════════════════════════════════════════ */

/* 2. Hero: reducir espacio interno — copy y botones más cerca del H1 */
.index-hero {
  padding: 52px 0 44px;
}
.hero-grid {
  gap: 24px;
}
.hero-grid h1 {
  margin-bottom: 14px;
}
.index-hero .copy.lead {
  margin-top: 0;
  margin-bottom: 0;
}
.index-hero .hero-actions {
  margin-top: 20px;
}

/* 3. Reducir padding entre secciones — de 82px a 60px */
header, section {
  padding: 60px 0;
}
.index-hero {
  padding: 52px 0 40px;
}

/* 4. Divider gap — menos aire */
.divider {
  margin: 0 auto;
}

/* Mobile — ajustar también */
@media (max-width: 760px) {
  header, section { padding: 44px 0; }
  .index-hero { padding: 32px 0 28px; }
  .hero-grid h1 { margin-bottom: 10px; }
  .index-hero .hero-actions { margin-top: 16px; }
}

/* ═══════════════════════════════════════════════════════════
   BLOG / REFLEXIONES — estilos de artículo
═══════════════════════════════════════════════════════════ */

.article-hero { padding: 64px 0 48px; }
.article-meta { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; margin-bottom: 28px; }
.article-tag { display: inline-flex; padding: 6px 14px; border-radius: 999px; font-size: 11px; letter-spacing: .18em; text-transform: uppercase; font-weight: 700; }
.article-tag.tag-empresa { background: rgba(0,184,212,.12); border: 1px solid rgba(0,184,212,.28); color: #66dceb; }
.article-tag.tag-persona { background: rgba(111,90,159,.12); border: 1px solid rgba(111,90,159,.28); color: #b7a7db; }
.article-tag.tag-personal { background: rgba(201,168,76,.12); border: 1px solid rgba(201,168,76,.28); color: var(--gold-light); }
.article-read-time { font-size: 13px; color: var(--gray); }
.article-title { font-size: clamp(30px, 4.2vw, 52px); line-height: 1.08; letter-spacing: -.03em; max-width: 860px; margin-bottom: 20px; }
.article-lead { font-size: clamp(17px, 1.6vw, 20px); line-height: 1.72; color: rgba(245,240,232,.82); max-width: 720px; margin-bottom: 0; }

.article-body { max-width: 720px; margin: 0 auto; padding: 52px 0 64px; }
.article-body h2 { font-size: clamp(22px, 2.4vw, 30px); margin: 48px 0 16px; line-height: 1.15; }
.article-body h3 { font-size: clamp(18px, 1.8vw, 22px); margin: 32px 0 12px; color: rgba(245,240,232,.92); }
.article-body p { font-size: 17px; line-height: 1.85; color: rgba(245,240,232,.80); margin: 0 0 20px; }
.article-body p:last-child { margin-bottom: 0; }
.article-body strong { color: var(--white); font-weight: 700; }
.article-body em { color: rgba(245,240,232,.72); font-style: italic; }

.article-pullquote { margin: 40px 0; padding: 28px 32px; border-left: 3px solid var(--gold); background: rgba(201,168,76,.06); border-radius: 0 16px 16px 0; }
.article-pullquote p { font-size: 20px; line-height: 1.6; color: var(--white); font-weight: 700; margin: 0; letter-spacing: -.01em; }
.article-pullquote.cyan { border-left-color: var(--cyan); background: rgba(0,184,212,.06); }
.article-pullquote.purple { border-left-color: var(--purple); background: rgba(111,90,159,.06); }

.article-source { display: block; margin: -12px 0 24px; font-size: 13px; color: rgba(245,240,232,.45); font-style: italic; padding-left: 2px; }
.article-source a { color: rgba(245,240,232,.45); text-decoration: underline; text-underline-offset: 3px; }

.article-highlight { margin: 32px 0; padding: 24px 26px; border-radius: 18px; background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.08); }
.article-highlight .highlight-label { font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: var(--gray); margin-bottom: 10px; display: block; }
.article-highlight p { font-size: 16px; line-height: 1.72; margin: 0; color: rgba(245,240,232,.82); }

.article-list { list-style: none; padding: 0; margin: 0 0 24px; display: grid; gap: 12px; }
.article-list li { position: relative; padding-left: 22px; font-size: 17px; line-height: 1.72; color: rgba(245,240,232,.80); }
.article-list li::before { content: "→"; position: absolute; left: 0; color: var(--gold); font-weight: 700; }
.article-list.cyan li::before { color: var(--cyan); }
.article-list.purple li::before { color: var(--purple); }

.article-cta-block { margin: 52px 0 0; padding: 32px; border-radius: 24px; border: 1px solid var(--gold-border); background: linear-gradient(180deg, rgba(201,168,76,.08), rgba(255,255,255,.02)); }
.article-cta-block.cyan { border-color: rgba(0,184,212,.28); background: linear-gradient(180deg, rgba(0,184,212,.08), rgba(255,255,255,.02)); }
.article-cta-block .eyebrow { margin-bottom: 10px; }
.article-cta-block h3 { font-size: clamp(20px,2.2vw,26px); margin-bottom: 10px; }
.article-cta-block p { font-size: 16px; color: rgba(245,240,232,.75); margin: 0 0 20px; }

/* Blog index */
.blog-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.blog-card { display: flex; flex-direction: column; gap: 16px; padding: 28px; border-radius: 24px; border: 1px solid rgba(255,255,255,.08); background: linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015)); transition: border-color .22s ease, transform .22s ease; }
.blog-card:hover { border-color: rgba(201,168,76,.3); transform: translateY(-3px); }
.blog-card-meta { display: flex; gap: 12px; align-items: center; }
.blog-card h3 { font-size: clamp(18px,1.9vw,22px); line-height: 1.22; margin: 0 0 8px; }
.blog-card p { font-size: 15px; line-height: 1.7; color: rgba(245,240,232,.65); margin: 0; flex-grow: 1; }
.blog-card-link { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--gold-light); margin-top: 8px; }
.blog-card-link.cyan { color: #66dceb; }
.blog-card-link.purple { color: #b7a7db; }

@media (max-width: 760px) {
  .blog-grid { grid-template-columns: 1fr; }
  .article-body { padding: 36px 0 48px; }
  .article-pullquote { padding: 20px 22px; }
  .article-pullquote p { font-size: 17px; }
  .article-body p { font-size: 16px; }
}

/* ── LeaderScan CTA — más visible en páginas empresa ── */
.page-company .hero-actions .btn-outline,
.page-company .hero-actions a.btn-outline {
  border-color: rgba(0,184,212,.5) !important;
  color: #66dceb !important;
  background: rgba(0,184,212,.08) !important;
}
.page-company .hero-actions .btn-outline:hover {
  border-color: rgba(0,184,212,.8) !important;
  background: rgba(0,184,212,.15) !important;
}

/* ── BetaGym capacidades mobile ── */
@media(max-width:760px){
  .page-beta .cards-4{grid-template-columns:repeat(2,1fr);gap:10px}
  .page-beta .capability-tile{min-height:88px;padding:14px 12px;gap:6px}
  .page-beta .capability-tile .cap-icon{font-size:20px}
  .page-beta .capability-tile strong{font-size:14px}
  .page-beta .capability-tile span{font-size:12px}
  .capability-grid.deluxe .capability-tile{min-height:88px;padding:14px 12px}
}

/* ── BetaGym gallery fotos mobile ── */
@media(max-width:760px){
  .beta-gallery-grid{grid-template-columns:1fr!important;gap:12px!important}
  .beta-gallery-grid img{width:100%;height:220px;object-fit:cover;border-radius:16px;display:block}
}
@media(min-width:761px){
  .beta-gallery-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;display:block}
}

.text-purple{color:var(--purple)}

/* Empresa video section responsive */
@media(max-width:760px){
  .empresa-video-grid{grid-template-columns:1fr!important}
  .empresa-video-grid video{max-width:100%!important}
}

/* ── Hero fullscreen con foto de fondo — patrón común ── */
.hero-photo-bg{position:relative;overflow:hidden}
.hero-photo-bg .hero-photo-rotator{position:absolute;inset:0;z-index:0}
.hero-photo-bg .hero-photo-rotator img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;opacity:0;transition:opacity 1s ease,transform 2.5s ease;transform:scale(1.04);filter:blur(0px)}
.hero-photo-bg .hero-photo-rotator img.active{opacity:1;transform:scale(1)}
.hero-photo-bg::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(160deg,rgba(8,8,10,.55) 0%,rgba(8,8,10,.42) 40%,rgba(8,8,10,.68) 100%)}
.hero-photo-bg .hero-inner{position:relative;z-index:2}
@media(max-width:760px){
  .hero-photo-bg::after{background:linear-gradient(180deg,rgba(8,8,10,.45) 0%,rgba(8,8,10,.55) 50%,rgba(8,8,10,.82) 100%)}
}

/* ── Home hero fullscreen mobile (ahora usa hero-photo-bg) ── */
@media(max-width:760px){
  .index-hero.hero-photo-bg{min-height:100svh!important;padding-bottom:48px!important;padding-top:0!important}
  .index-hero.hero-photo-bg .hero-inner{padding-top:80px}
  .index-hero.hero-photo-bg h1{font-size:clamp(28px,9vw,38px)!important;line-height:1.08!important}
  .index-hero.hero-photo-bg .copy.lead{font-size:15px!important;margin-top:12px}
  .index-hero.hero-photo-bg .hero-actions{flex-direction:row!important;flex-wrap:wrap!important;gap:10px!important}
  .index-hero.hero-photo-bg .hero-actions .btn{width:auto!important;min-width:120px;flex:0 1 auto}
}

/* ── Logo carrusel mobile ── */
@media(max-width:760px){
  .logo-track{gap:32px!important}
  .logo-item{height:36px!important}
  .logo-item img{height:36px!important}
  .logo-carousel-wrap::before,.logo-carousel-wrap::after{width:40px!important}
}

/* ── Tipografía homologada — sistema global ── */
.section-eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgba(245,240,232,.45);font-weight:700;display:block;margin-bottom:12px}
.section-title{font-size:clamp(24px,3vw,36px);font-weight:700;line-height:1.15;color:#F5F0E8;margin:0 0 14px;letter-spacing:-.02em}
.section-lead{font-size:16px;line-height:1.78;color:rgba(245,240,232,.68);margin:0 0 24px;max-width:680px}
.card-title{font-size:16px;font-weight:700;color:#F5F0E8;line-height:1.25;margin:0 0 6px}
.card-detail{font-size:14px;line-height:1.65;color:rgba(245,240,232,.6);margin:0}

/* ══ SISTEMA TIPOGRÁFICO GLOBAL v73 ══ */
/* Display — solo hero h1 */
.index-hero h1,.page-hero-title{font-size:clamp(32px,4.5vw,52px)!important;font-weight:700;line-height:1.08;letter-spacing:-.03em}
/* Títulos de sección — h2 */
section h2{font-size:clamp(24px,2.8vw,36px)!important;font-weight:700;line-height:1.15;letter-spacing:-.02em;margin-bottom:12px}
/* Lead/subtítulo — siempre 16px */
.copy.lead,.section-intro,.page-hero-lead{font-size:16px!important;line-height:1.78;color:rgba(245,240,232,.75)}
/* Cuerpo */
.copy{font-size:15px;line-height:1.82}
/* Eyebrow — siempre igual */
.eyebrow{font-size:11px!important;letter-spacing:.18em;text-transform:uppercase;color:rgba(245,240,232,.45);font-weight:700}
/* Mobile adjustments */
@media(max-width:760px){
  .index-hero h1,.page-hero-title{font-size:clamp(28px,8vw,36px)!important}
  section h2{font-size:clamp(22px,6vw,30px)!important}
  .copy.lead,.section-intro,.page-hero-lead{font-size:15px!important}
}


/* ══════════════════════════════════════════
   VISUAL-COPY — SISTEMA DEFINITIVO v74
   Badge inferior del cuadro de foto.
   Desktop: visible abajo-izquierda, sin cuadro.
   Mobile: OCULTO — el hero-grid colapsa y el
   visual-copy quedaría encima del texto principal.
══════════════════════════════════════════ */

/* Desktop — badge visible */
.home-photo-visual .visual-copy {
  display: block !important;
  position: absolute !important;
  left: 20px !important;
  right: 20px !important;
  bottom: 20px !important;
  top: auto !important;
  inset: auto 20px 20px 20px !important;
  z-index: 3 !important;
  background: none !important;
  backdrop-filter: none !important;
  border: none !important;
  padding: 0 !important;
}

/* Texto principal del badge — degradé tricolor como "Se entrena." */
.home-photo-visual .visual-copy strong {
  display: block;
  font-size: clamp(19px, 2.2vw, 28px);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 6px;
  background: linear-gradient(90deg, #8E78C4 0%, #55D9EB 50%, #E8C96A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Subtexto del badge */
.home-photo-visual .visual-copy span {
  display: block;
  font-size: clamp(14px, 1.4vw, 17px);
  color: rgba(245, 240, 232, 0.72);
  line-height: 1.55;
}

/* Mobile — OCULTAR SIEMPRE */
@media (max-width: 760px) {
  .home-photo-visual .visual-copy {
    display: none !important;
  }
}

/* ══ HERO MOBILE — páginas internas (Persona, Empresa, BetaGym) ══ */
@media(max-width:760px){
  /* Todas las páginas: el hero-grid colapsa y la foto queda de fondo */
  .brand-persona .hero-grid,
  .brand-company .company-hero-grid,
  .brand-beta .hero-grid {
    position: relative;
    grid-template-columns: 1fr;
    min-height: 480px;
    overflow: hidden;
    border-radius: 22px;
    padding: 0;
    display: grid;
    align-items: end;
  }
  /* Foto como fondo absoluto */
  .brand-persona .hero-visual,
  .brand-company .company-hero-visual,
  .brand-beta .hero-visual {
    position: absolute !important;
    inset: 0 !important;
    min-height: 100% !important;
    border-radius: 22px !important;
    z-index: 0 !important;
  }
  /* Overlay oscuro */
  .brand-persona .hero-visual::before,
  .brand-company .company-hero-visual::before,
  .brand-beta .hero-visual::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(8,8,10,.25) 0%, rgba(8,8,10,.55) 45%, rgba(8,8,10,.88) 100%);
    z-index: 1;
    pointer-events: none;
  }
  /* Texto encima */
  .brand-persona .hero-grid > div:first-child,
  .brand-company .company-hero-grid > div:first-child,
  .brand-beta .hero-grid > div:first-child {
    position: relative;
    z-index: 2;
    padding: 22px 20px 28px;
  }
  /* Ocultar visual-copy en TODAS las páginas en mobile */
  .home-photo-visual .visual-copy {
    display: none !important;
  }
  /* Ajuste tipografía hero páginas internas */
  .brand-persona .page-hero-title,
  .brand-company .page-hero-title,
  .brand-beta .page-hero-title {
    font-size: clamp(26px, 8vw, 34px) !important;
    line-height: 1.1;
  }
  .brand-persona .page-hero-lead,
  .brand-company .page-hero-lead,
  .brand-beta .page-hero-lead {
    font-size: 14px !important;
    line-height: 1.65;
    margin-top: 10px;
  }
  /* Botones hero en mobile: wrap natural */
  .brand-persona .hero-actions,
  .brand-company .hero-actions,
  .brand-beta .hero-actions {
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
  }
  .brand-persona .hero-actions .btn,
  .brand-company .hero-actions .btn,
  .brand-beta .hero-actions .btn {
    flex: 1 1 auto;
    min-width: 140px;
    min-height: 44px;
    font-size: 12px;
  }
}

/* Fix persona mobile: ocultar .visual-copy duplicado en hero */
@media (max-width: 768px) {
  .page-persona .hero-visual .visual-copy {
    display: none !important;
  }
}