@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#06060a;--bg2:#0c0912;--surface:rgba(255,255,255,.055);--surface2:rgba(255,255,255,.085);--line:rgba(255,255,255,.13);--line2:rgba(255,255,255,.08);--text:#f8f7ff;--muted:#aaa6b6;--muted2:#7f7a8b;--purple:#a855f7;--purple2:#c084fc;--pink:#ec4899;--pink2:#f472b6;--cyan:#67e8f9;--green:#67e8a7;--red:#fb7185;--max:1800px;--r:28px;--blur:26px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--text);background:radial-gradient(circle at 12% -5%,rgba(168,85,247,.17),transparent 30%),radial-gradient(circle at 92% 12%,rgba(236,72,153,.12),transparent 28%),linear-gradient(180deg,#07060b 0%,#08070d 48%,#050509 100%);font:16px/1.55 "DM Sans",sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-3;background:linear-gradient(120deg,transparent 0 43%,rgba(255,255,255,.018) 50%,transparent 57%)}
a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.wrap{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#neural{position:fixed;inset:0;width:100%;height:100%;z-index:-2;opacity:.46;pointer-events:none;transform:none!important}.noise{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}
.glass{position:relative;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border:1px solid var(--line);box-shadow:0 25px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.13);backdrop-filter:blur(var(--blur)) saturate(150%);-webkit-backdrop-filter:blur(var(--blur)) saturate(150%)}.glass:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.09),transparent 28%,transparent 72%,rgba(255,255,255,.025));opacity:.75}.glass>*{position:relative;z-index:1}
.nav{position:fixed;top:16px;left:50%;transform:translateX(-50%);width:min(1800px,calc(100% - 48px));z-index:100;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:22px;transition:.3s}.nav.scrolled{background:rgba(9,7,14,.82);box-shadow:0 18px 70px rgba(0,0,0,.5)}.logo{display:flex;align-items:center;gap:6px;font:700 19px/1 "Space Grotesk";letter-spacing:-.045em;padding:9px 10px;margin-right:auto}.logoMark{width:12px;height:12px;border-radius:4px 8px 5px 7px;background:linear-gradient(135deg,var(--purple),var(--pink));box-shadow:0 0 22px rgba(236,72,153,.7);transform:rotate(20deg)}.navlinks{display:flex;gap:2px}.navlinks a,.navAction{min-height:44px;padding:11px 13px;border-radius:14px;color:var(--muted);font-size:13px;display:flex;align-items:center;gap:7px;transition:.2s}.navlinks a:hover,.navlinks a.active{color:#fff;background:rgba(255,255,255,.07)}.navAction{border:1px solid var(--line2);background:rgba(255,255,255,.035);color:#fff;cursor:pointer}.menu{display:none;min-width:44px;min-height:44px;align-items:center;justify-content:center;border:1px solid var(--line2);background:rgba(255,255,255,.045);color:#fff;border-radius:14px;cursor:pointer}
.icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(168,85,247,.18),rgba(236,72,153,.09));border:1px solid var(--line);color:#e9d5ff}.icon svg{width:20px;height:20px}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:rgba(255,255,255,.04);padding:7px 11px;border-radius:999px;color:#d9d3e5;font-size:11px;letter-spacing:.11em;text-transform:uppercase}.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--pink);box-shadow:0 0 13px var(--pink)}
h1,h2,h3,h4{font-family:"Space Grotesk",sans-serif;letter-spacing:-.055em}h1{font-size:clamp(58px,8vw,106px);line-height:.88;margin:22px 0}h2{font-size:clamp(38px,5vw,62px);line-height:.95;margin:0}h3{font-size:23px;line-height:1.05;margin:0 0 9px}.gradient{background:linear-gradient(110deg,#fff 15%,#dbc8ff 43%,#f1a7d0 72%,#8ceaf5);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{max-width:670px;color:var(--muted);font-size:18px;line-height:1.7}.muted{color:var(--muted)}.tiny{font-size:12px;color:var(--muted2)}.kicker{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#c9c1d4}
.btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 18px;border-radius:16px;border:1px solid var(--line);font-weight:700;cursor:pointer;position:relative;overflow:hidden;transition:transform .22s,box-shadow .22s,background .22s}.btn:after{content:"";position:absolute;inset:-80% -25%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:translateX(-110%) rotate(12deg);transition:.7s}.btn:hover:after{transform:translateX(110%) rotate(12deg)}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(135deg,rgba(168,85,247,.85),rgba(236,72,153,.72));box-shadow:0 15px 40px rgba(168,85,247,.2)}.btn.secondary{background:rgba(255,255,255,.045)}.btn.ghost{background:transparent;color:#d8d2df}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}
.hero{min-height:880px;display:grid;align-items:center;padding:155px 0 90px;position:relative}.heroGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(35px,5vw,100px);align-items:center}.heroCopy{position:relative;z-index:2}.heroCopy .pillRow{margin-top:20px}.pillRow{display:flex;flex-wrap:wrap;gap:7px}.pill{padding:7px 10px;border-radius:999px;border:1px solid var(--line2);background:rgba(255,255,255,.035);font-size:12px;color:#c9c3d0}.heroVisual{min-height:560px;position:relative;display:grid;place-items:center}.heroVisual:before{content:"";position:absolute;width:78%;height:72%;border-radius:50%;background:conic-gradient(from 90deg,transparent,var(--purple),transparent,var(--pink),transparent);filter:blur(75px);opacity:.14;animation:spin 18s linear infinite}.heroVisual .orbGlow{position:absolute;width:410px;height:410px;border-radius:50%;background:radial-gradient(circle,rgba(168,85,247,.28),rgba(236,72,153,.10) 43%,transparent 70%);filter:blur(7px);animation:float 7s ease-in-out infinite}.heroVisual img{position:relative;width:min(100%,620px);filter:drop-shadow(0 35px 90px rgba(168,85,247,.23));animation:float 8s ease-in-out infinite}.orbit{position:absolute;width:91%;height:66%;border:1px solid rgba(255,255,255,.07);border-radius:50%;transform:rotate(-18deg);animation:spin 28s linear infinite}.orbit:before,.orbit:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 18px var(--pink)}.orbit:before{left:10%;top:18%}.orbit:after{right:12%;bottom:13%;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}.floatCard{position:absolute;min-width:185px;padding:15px 16px;border-radius:19px;animation:float 6s ease-in-out infinite}.floatCard.a{top:13%;right:-1%}.floatCard.b{bottom:12%;left:-1%;animation-delay:-2s}.metric{font:700 25px "Space Grotesk"}.statStrip{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:32px}.stat{padding:15px;border-radius:18px}.statNum{font:700 24px "Space Grotesk"}.statLabel{font-size:11px;color:var(--muted2);margin-top:3px}
section{padding:105px 0}.sectionHead{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}.sectionHead p{max-width:510px;color:var(--muted);line-height:1.65;margin:0}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.card{border-radius:25px;padding:24px;position:relative;overflow:hidden;transition:transform .28s,border-color .28s,background .28s}.card:hover{transform:translateY(-6px);border-color:rgba(236,72,153,.32);background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.03))}.card:before{content:"";position:absolute;width:180px;height:180px;right:-90px;top:-90px;border-radius:50%;background:radial-gradient(circle,rgba(168,85,247,.2),transparent 68%);transition:.4s}.card:hover:before{transform:scale(1.4)}.card .arrow{position:absolute;right:17px;bottom:17px;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:#dcd5e5;transition:.25s}.card:hover .arrow{transform:translate(3px,-3px);background:rgba(168,85,247,.12)}.cardMedia{height:145px;margin:-4px -4px 18px;border-radius:19px;overflow:hidden;border:1px solid var(--line2);background:rgba(255,255,255,.025)}.cardMedia img{width:100%;height:100%;object-fit:cover}.card p{color:var(--muted);font-size:14px;line-height:1.6;margin:0}.meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:18px;color:#c7c1d2;font-size:11px}.tag{padding:5px 8px;border:1px solid var(--line2);border-radius:999px;background:rgba(255,255,255,.03)}
.marquee{overflow:hidden;border-block:1px solid var(--line2);padding:14px 0}.marqueeTrack{display:flex;width:max-content;gap:48px;animation:marquee 30s linear infinite;color:#817b8c;font-size:11px;text-transform:uppercase;letter-spacing:.16em}.marqueeTrack span:before{content:"✦";color:var(--pink);margin-right:15px}
.bento{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:220px 220px;gap:14px}.bento .big{grid-row:span 2}.bento .wide{grid-column:span 2}.bentoCard{padding:27px;border-radius:25px;overflow:hidden;position:relative}.bentoCard img{position:absolute;right:-8%;bottom:-18%;width:65%;opacity:.72}.bentoCard .content{position:relative;z-index:2;max-width:70%}
.feature{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.featurePanel{min-height:430px;padding:32px;border-radius:30px;position:relative;overflow:hidden}.featurePanel img{position:absolute;right:-5%;bottom:-12%;width:62%;opacity:.58}.steps{display:grid;gap:10px}.step{display:flex;gap:13px;padding:16px;border-radius:17px;background:rgba(255,255,255,.035);border:1px solid var(--line2)}.stepNum{font:700 12px "Space Grotesk";color:#d7b9ff}.step strong{display:block;margin-bottom:3px}.step span{font-size:12px;color:var(--muted);line-height:1.5}
.pageHero{padding:165px 0 65px}.pageHero h1{font-size:clamp(50px,7vw,86px);margin:18px 0}.pageHero .lead{max-width:700px}.toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:0 0 25px;flex-wrap:wrap}.searchWrap{position:relative;flex:1;min-width:240px}.searchWrap svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--muted2);width:18px}.search{width:100%;height:50px;padding:0 16px 0 44px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.045);color:#fff;outline:0}.search:focus{border-color:rgba(168,85,247,.6);box-shadow:0 0 0 4px rgba(168,85,247,.08)}.filters{display:flex;gap:7px;flex-wrap:wrap}.filter{min-height:42px;padding:9px 13px;border-radius:999px;border:1px solid var(--line2);background:rgba(255,255,255,.035);color:var(--muted);cursor:pointer}.filter:hover,.filter.active{background:rgba(168,85,247,.14);border-color:rgba(168,85,247,.38);color:#fff}
.topicGrid{display:grid;grid-template-columns:280px 1fr;gap:18px}.toc{position:sticky;top:105px;align-self:start;padding:18px;border-radius:22px}.tocTitle{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted2);margin:0 0 8px}.toc a{display:block;padding:11px 12px;border-radius:11px;color:var(--muted);font-size:13px}.toc a:hover,.toc a.active{background:rgba(255,255,255,.06);color:#fff}.article{padding:34px;border-radius:30px}.article h2{font-size:34px;margin:30px 0 12px}.article h2:first-child{margin-top:0}.article p,.article li{color:#c7c2cf;line-height:1.75}.article ul{padding-left:20px}.callout{padding:18px 19px;border-left:2px solid var(--pink);background:rgba(236,72,153,.06);border-radius:0 16px 16px 0;margin:24px 0}.specGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.spec{padding:16px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid var(--line2)}.spec b{display:block;font:700 19px "Space Grotesk"}.spec span{font-size:11px;color:var(--muted2)}
.videoLayout{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.videoFrame{border-radius:28px;overflow:hidden;min-height:500px;background:#000}.videoFrame iframe{width:100%;height:100%;min-height:500px;border:0}.videoInfo{padding:27px;border-radius:28px}.line{padding:15px 0;border-bottom:1px solid var(--line2)}.line:last-child{border:0}.line strong{display:block;margin-bottom:3px}.line span{font-size:12px;color:var(--muted)}
.practiceShell{display:grid;grid-template-columns:260px 1fr;gap:18px}.practiceNav{padding:20px;border-radius:24px;align-self:start;position:sticky;top:105px}.practiceMain{padding:30px;border-radius:30px}.questionTop{display:flex;justify-content:space-between;gap:15px;align-items:center}.progressLine{height:7px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden;margin:18px 0 30px}.progressLine i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--purple),var(--pink),var(--cyan));border-radius:inherit;transition:.35s}.option{width:100%;text-align:left;padding:16px 17px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.035);color:#fff;cursor:pointer;display:flex;gap:12px;align-items:flex-start;transition:.2s;margin-top:9px}.option:hover{background:rgba(168,85,247,.11);border-color:rgba(168,85,247,.34)}.option.selected{border-color:rgba(168,85,247,.72);background:rgba(168,85,247,.13)}.option.correct{border-color:rgba(103,232,167,.55);background:rgba(103,232,167,.08)}.option.wrong{border-color:rgba(251,113,133,.55);background:rgba(251,113,133,.08)}.optionKey{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.06);font:700 12px "Space Grotesk";flex:0 0 auto}.feedback{padding:15px;border-radius:16px;margin-top:15px;background:rgba(255,255,255,.04);border:1px solid var(--line2);color:#d9d4df}.result{padding:28px;border-radius:24px;text-align:center;background:radial-gradient(circle at 50% 0%,rgba(168,85,247,.18),transparent 55%),rgba(255,255,255,.035);border:1px solid var(--line)}.resultScore{font:700 68px "Space Grotesk";background:linear-gradient(135deg,#fff,#c084fc,#f472b6);-webkit-background-clip:text;color:transparent}
.progressHero{display:grid;grid-template-columns:1fr 260px;gap:16px}.progressMain{padding:28px;border-radius:28px}.scoreRing{width:170px;height:170px;border-radius:50%;display:grid;place-items:center;margin:auto;background:conic-gradient(var(--pink) var(--p,0%),rgba(255,255,255,.07) 0);position:relative}.scoreRing:after{content:"";position:absolute;inset:10px;border-radius:50%;background:#0b0911;border:1px solid var(--line2)}.scoreRing b{position:relative;z-index:1;font:700 38px "Space Grotesk"}.bars{display:grid;gap:13px;margin-top:25px}.barRow{display:grid;grid-template-columns:120px 1fr 40px;gap:10px;align-items:center}.bar{height:8px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--purple),var(--pink));border-radius:inherit}.achievements{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px}.achievement{padding:17px;border-radius:18px;border:1px solid var(--line2);background:rgba(255,255,255,.035)}.achievement b{display:block;margin-bottom:4px}.achievement span{font-size:11px;color:var(--muted2)}
.glossary{display:grid;grid-template-columns:1fr 1fr;gap:12px}.term{padding:20px;border-radius:21px}.term h3{font-size:20px}.term p{color:var(--muted);font-size:13px;line-height:1.65}.related{display:flex;gap:6px;flex-wrap:wrap}.related span{font-size:10px;padding:5px 7px;border:1px solid var(--line2);border-radius:999px;color:#cfc8d8}
.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:12px;color:#d6d0dc}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.045);color:#fff;border-radius:15px;padding:13px 14px;outline:0}.field textarea{min-height:145px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:rgba(168,85,247,.58);box-shadow:0 0 0 4px rgba(168,85,247,.07)}.formCard{padding:27px;border-radius:28px}.rating{display:flex;gap:7px}.star{width:42px;height:42px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#777;cursor:pointer;border-radius:12px}.star.active{color:#ffd7f0;border-color:rgba(236,72,153,.45);background:rgba(236,72,153,.11)}.review{padding:20px;border-radius:22px}.reviewHead{display:flex;justify-content:space-between;gap:12px}.stars{color:#f4a7cf;letter-spacing:2px}
footer{padding:65px 0 30px;border-top:1px solid var(--line2);color:var(--muted)}.footerGrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px}.footerGrid h4{color:#fff;margin:0 0 12px}.footerGrid a{display:block;margin:9px 0;font-size:13px}.copyright{border-top:1px solid var(--line2);margin-top:42px;padding-top:19px;font-size:11px;display:flex;justify-content:space-between;gap:15px}
.toast{position:fixed;right:20px;bottom:20px;z-index:200;padding:14px 17px;border-radius:16px;transform:translateY(130%);opacity:0;transition:.3s}.toast.show{transform:none;opacity:1}.mobilePanel{position:fixed;z-index:99;top:76px;left:12px;right:12px;padding:12px;border-radius:22px;display:grid;gap:3px;animation:menuIn .22s ease}.mobilePanel a{padding:14px;border-radius:13px;color:#d6d0dc}.mobilePanel a:hover{background:rgba(255,255,255,.07);color:#fff}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.empty{padding:35px;border-radius:23px;text-align:center;color:var(--muted);border:1px dashed var(--line)}.hidden{display:none!important}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes menuIn{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:980px){.navlinks{display:none}.menu{display:flex}.heroGrid,.feature,.videoLayout,.topicGrid,.practiceShell,.progressHero{grid-template-columns:1fr}.hero{min-height:auto;padding-top:145px}.heroVisual{min-height:450px}.grid4{grid-template-columns:repeat(2,1fr)}.grid3{grid-template-columns:repeat(2,1fr)}.bento{grid-template-columns:1fr 1fr;grid-template-rows:auto}.bento .big{grid-row:auto}.bento .wide{grid-column:span 2}.toc,.practiceNav{position:relative;top:auto}.footerGrid{grid-template-columns:2fr 1fr 1fr}.videoFrame,.videoFrame iframe{min-height:400px}}
@media(max-width:620px){.wrap{width:calc(100% - 24px);max-width:none}.nav{top:9px}.hero{padding-top:125px}.heroVisual{min-height:340px}.heroVisual .orbGlow{width:280px;height:280px}.floatCard{display:none}.statStrip{grid-template-columns:1fr}.grid4,.grid3,.grid2,.glossary,.formGrid,.achievements{grid-template-columns:1fr}.bento{grid-template-columns:1fr}.bento .wide{grid-column:auto}.bentoCard .content{max-width:85%}.pageHero{padding-top:125px}.pageHero h1,h1{font-size:54px}.lead{font-size:16px}.sectionHead{align-items:start;flex-direction:column}.article,.practiceMain,.progressMain,.formCard{padding:22px}.specGrid{grid-template-columns:1fr}.barRow{grid-template-columns:95px 1fr 34px}.footerGrid{grid-template-columns:1fr 1fr}.copyright{display:block}.copyright span{display:block;margin-top:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* ---------- FINAL CORSATEC EXPERIENCE ---------- */
body{position:relative;background:#06060a;isolation:isolate}
body:after{content:"";position:fixed;inset:0;z-index:-4;pointer-events:none;background:radial-gradient(55vw 55vw at 12% 12%,rgba(168,85,247,.16),transparent 65%),radial-gradient(50vw 50vw at 88% 28%,rgba(236,72,153,.13),transparent 65%),radial-gradient(55vw 55vw at 50% 95%,rgba(103,232,249,.06),transparent 65%)}
#neural{z-index:0!important;opacity:.72!important;mix-blend-mode:screen;pointer-events:none}
.noise{z-index:1!important}
.nav,main,footer{position:relative;z-index:2}
.nav{backdrop-filter:blur(24px) saturate(170%)}
.hero{min-height:900px}
.homeHero{padding-top:145px}
.heroVisual{isolation:isolate}
.heroTech{position:relative;width:min(100%,650px);height:auto;filter:drop-shadow(0 35px 90px rgba(168,85,247,.22));animation:heroDrift 9s ease-in-out infinite;z-index:1}
.heroVisual:after{content:"";position:absolute;width:65%;height:65%;border-radius:50%;background:radial-gradient(circle,rgba(236,72,153,.12),transparent 68%);filter:blur(28px);z-index:-1}
@keyframes heroDrift{0%,100%{transform:translate3d(0,0,0) rotate(-.5deg)}50%{transform:translate3d(0,-10px,0) rotate(.5deg)}}
.card,.serviceCard,.flowCard,.bentoCard,.videoPreviewCard,.topicMini{--mx:50%;--my:50%;--rx:0deg;--ry:0deg;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(var(--lift,0));transform-style:preserve-3d;will-change:transform;transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s,background .28s,box-shadow .28s}
.card:hover,.serviceCard:hover,.flowCard:hover,.bentoCard:hover,.videoPreviewCard:hover,.topicMini:hover{--lift:-6px;box-shadow:0 30px 90px rgba(0,0,0,.28),0 0 45px rgba(168,85,247,.08)}
.card:before,.serviceCard:before,.flowCard:before,.videoPreviewCard:before,.topicMini:before{background:radial-gradient(circle at var(--mx) var(--my),rgba(236,72,153,.14),transparent 35%);opacity:1}
.serviceGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.serviceGridLarge{grid-template-columns:repeat(3,1fr)}
.serviceCard{display:block;padding:0;border-radius:27px;overflow:hidden;position:relative}
.serviceCard .serviceVisual{height:165px;position:relative;overflow:hidden;border-bottom:1px solid var(--line2);background:radial-gradient(circle at 50% 50%,rgba(168,85,247,.18),transparent 60%),rgba(255,255,255,.025)}
.serviceCard .serviceVisual img{width:100%;height:100%;object-fit:cover;opacity:.9;transition:transform .6s ease,opacity .35s}
.serviceCard:hover .serviceVisual img{transform:scale(1.05);opacity:1}
.serviceCardBody{padding:22px 22px 24px}
.serviceCard h3{margin-top:8px}
.serviceCard p{color:var(--muted);font-size:14px;line-height:1.6}
.serviceCardFooter{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:14px;border-top:1px solid var(--line2);font-size:12px;color:#d8d2df}
.serviceArrow{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;transition:.25s}
.serviceCard:hover .serviceArrow{transform:translate(3px,-3px);background:rgba(168,85,247,.14)}
.serviceIconSmall{position:absolute;left:16px;top:16px;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(8,7,13,.46);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(15px);color:#fff;z-index:2}
.serviceIconSmall svg{width:21px;height:21px}
.serviceHero{padding-bottom:25px}
.backLink{display:inline-flex;gap:8px;color:#bdb6c8;font-size:13px;margin-bottom:28px}
.backLink:hover{color:#fff}
.serviceHeroGrid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}
.serviceHeroGrid h1{max-width:760px}
.serviceHeroArt{min-height:330px;border-radius:32px;display:grid;place-items:center;overflow:hidden;position:relative}
.serviceHalo{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(168,85,247,.32),rgba(236,72,153,.1) 45%,transparent 70%);filter:blur(8px);animation:float 8s ease-in-out infinite}
.serviceIconBig{position:relative;width:125px;height:125px;border-radius:36px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(168,85,247,.22),rgba(236,72,153,.12));border:1px solid rgba(255,255,255,.17);box-shadow:0 30px 80px rgba(168,85,247,.2),inset 0 1px 0 rgba(255,255,255,.15)}
.serviceIconBig svg{width:58px;height:58px;color:#f8f7ff}
.largeMeta{margin-top:22px}
.serviceDetailGrid{display:grid;grid-template-columns:1fr 330px;gap:18px}
.serviceDetailGrid>div:first-child{display:grid;gap:18px}
.article h2{margin:12px 0 14px}
.article>p{color:#c2bdc9;font-size:17px;line-height:1.8}
.serviceFacts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px}
.serviceFacts div{padding:15px;border:1px solid var(--line2);border-radius:17px;background:rgba(255,255,255,.025)}
.serviceFacts span{display:block;font-size:11px;color:var(--muted2);text-transform:uppercase;letter-spacing:.12em}
.serviceFacts strong{display:block;margin-top:5px;font-size:13px}
.videoServicePanel{padding:22px;border-radius:28px}
.sectionMini{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}
.serviceVideoFrame{aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:#020205;border:1px solid var(--line2)}
.serviceVideoFrame iframe{width:100%;height:100%;border:0;display:block}
.videoSkeleton{height:100%;display:grid;place-items:center;color:var(--muted)}
.serviceAside{display:grid;gap:18px;align-content:start}
.sideCard{padding:23px;border-radius:25px}
.sideCard h3{margin-top:8px}
.sideCard p{font-size:13px;line-height:1.65}
.relatedList{display:grid;gap:7px;margin-top:12px}
.relatedList a{padding:12px;border:1px solid var(--line2);border-radius:14px;background:rgba(255,255,255,.025);font-size:13px}
.relatedList a:hover{background:rgba(168,85,247,.1);border-color:rgba(168,85,247,.3)}
.learningIntro{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px;border-radius:25px;margin-bottom:24px}
.learningIntro h3{margin-top:7px}
.learningIntro p{color:var(--muted);max-width:730px;margin:5px 0 0}
.sectionLabel{display:flex;align-items:end;justify-content:space-between;margin:34px 0 15px;padding-bottom:10px;border-bottom:1px solid var(--line2)}
.sectionLabel span{font:600 18px "Space Grotesk"}
.sectionLabel small{color:var(--muted2)}
.sectionLabel.second{margin-top:55px}
.topicMini{display:block;padding:22px;border-radius:23px}
.topicMini p{color:var(--muted);font-size:13px}
.topicMini .meta{margin-top:13px}
.centerAction{text-align:center;margin-top:25px}
.textLink{display:inline-flex;color:#e7dcff;font-size:13px;font-weight:600;margin-top:14px}
.textLink:hover{color:#fff}
.flowGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.flowCard{padding:22px;border-radius:23px}
.flowCard>span{font:700 12px "Space Grotesk";color:#d8b8ff}
.flowCard strong{display:block;font-size:19px;margin:18px 0 6px}
.flowCard p{margin:0;color:var(--muted);font-size:13px}
.videoPreviewGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.videoPreviewCard{display:block;padding:0;border-radius:25px;overflow:hidden}
.videoThumb{aspect-ratio:16/9;overflow:hidden;position:relative;background:#050507}
.videoThumb img{width:100%;height:100%;object-fit:cover;filter:saturate(.85);transition:.5s}
.videoPreviewCard:hover .videoThumb img{transform:scale(1.05);filter:saturate(1)}
.playBadge{position:absolute;left:16px;bottom:15px;width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:rgba(8,7,13,.62);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(15px)}
.playBadge svg{width:19px}
.videoPreviewBody{padding:18px}
.videoPreviewBody h3{font-size:18px}
.videoPreviewBody p{font-size:13px;color:var(--muted);line-height:1.55}
.videoNotice{display:flex;align-items:center;gap:15px;padding:18px 20px;border-radius:22px;margin-bottom:24px}
.videoNotice .icon{flex:0 0 auto}
.videoNotice p{margin:3px 0 0;color:var(--muted);font-size:13px}
.serviceCTA{padding-top:30px}
.ctaPanel{padding:32px;border-radius:30px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.ctaPanel h2{margin:8px 0}
.ctaPanel p{max-width:650px}
.icon{position:relative;z-index:1}
@media(max-width:980px){.serviceGrid,.serviceGridLarge,.videoPreviewGrid{grid-template-columns:repeat(2,1fr)}.serviceHeroGrid,.serviceDetailGrid{grid-template-columns:1fr}.serviceAside{grid-template-columns:1fr 1fr}.flowGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.serviceGrid,.serviceGridLarge,.videoPreviewGrid,.flowGrid{grid-template-columns:1fr}.serviceHeroGrid{gap:18px}.serviceHeroArt{min-height:250px}.serviceFacts{grid-template-columns:1fr}.serviceAside{grid-template-columns:1fr}.learningIntro,.ctaPanel{display:block}.learningIntro .btn,.ctaPanel .btn{margin-top:18px}.videoNotice{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.heroTech{animation:none}}

/* ---------- ÁREA DE ENTRENAMIENTO · REFINAMIENTO FINAL ---------- */
:root{--max:1900px}
html{overflow-x:hidden}
body{overflow-x:hidden}
.wrap{width:min(var(--max),calc(100% - 40px));max-width:none}
.nav{width:min(var(--max),calc(100% - 40px));max-width:none}
.logo{font-size:clamp(14px,1.1vw,18px);white-space:nowrap;gap:9px}
.navlinks{gap:3px}
.navlinks a,.navAction{padding-inline:14px}
.hero{width:100%;min-height:min(940px,100vh);padding-top:150px}
.heroGrid{width:100%;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:clamp(35px,6vw,110px)}
.heroCopy{max-width:880px}
.heroCopy .lead{max-width:760px}
section{padding-block:115px}
.sectionHead{margin-bottom:42px}
.sectionHead>div{min-width:0}
.sectionHead p{max-width:620px;line-height:1.8}
.bento{gap:18px}
.bentoCard{padding:34px}
.bentoCard .content{max-width:76%}
.flowGrid,.serviceGrid,.videoPreviewGrid,.grid3,.grid4,.grid2{gap:18px}
.card{padding:28px}
.cardMedia{height:170px;margin:-2px -2px 24px}
.card h3{margin:0 0 12px}
.card p{line-height:1.75}
.meta{margin-top:22px;gap:10px}
.serviceCardBody{padding:28px 28px 30px}
.serviceCard h3{margin:11px 0 12px;line-height:1.15}
.serviceCard p{line-height:1.72;margin:0;max-width:52ch}
.serviceCardFooter{margin-top:24px;padding-top:18px;gap:18px}
.serviceVisual{min-height:185px}
.topicMini{padding:28px}
.topicMini h3{margin:11px 0 12px;line-height:1.15}
.topicMini p{line-height:1.7;margin:0}
.learningIntro{padding:30px 32px;margin-bottom:34px;gap:35px}
.learningIntro h3{margin:10px 0 8px}
.learningIntro p{line-height:1.75}
.sectionLabel{margin:48px 0 20px;padding-bottom:14px}
.sectionLabel.second{margin-top:72px}
.toolbar{gap:14px;margin-bottom:30px}
.search{height:54px;padding-left:48px}
.filter{min-height:44px;padding-inline:15px}
.videoPreviewBody{padding:24px 26px 27px}
.videoPreviewBody h3{margin:10px 0 12px;line-height:1.18}
.videoPreviewBody p{line-height:1.7;margin:0}
.videoNotice{padding:23px 26px;margin-bottom:30px;gap:18px}
.videoNotice p{line-height:1.65}
.ctaPanel{padding:38px 40px}
footer{padding-top:82px}
.footerGrid{gap:50px}
.footerGrid h4{margin-bottom:17px}
.footerGrid a{margin:11px 0}
.practiceMain{padding:38px}
.practiceNav{padding:28px}
.option{padding:19px 20px;margin-top:11px;gap:15px;line-height:1.55}
.optionKey{width:34px;height:34px}
.feedback{padding:18px 20px;line-height:1.65}
.article{padding:38px}
.article h2{margin-top:30px;margin-bottom:16px}
.article>p{line-height:1.85}
.serviceDetailGrid{gap:26px}
.serviceAside{gap:24px}
.sideCard{padding:28px}
.videoServicePanel{padding:28px}


.reveal{transition:opacity .65s ease}
.tiltCard,.serviceCard,.flowCard,.bentoCard,.videoPreviewCard,.topicMini{--rx:0deg;--ry:0deg;--lift:0px;transform:perspective(1100px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(var(--lift));transform-origin:center center}
.tiltCard:hover,.serviceCard:hover,.flowCard:hover,.bentoCard:hover,.videoPreviewCard:hover,.topicMini:hover{--lift:-4px}
@media(max-width:1200px){.heroGrid{grid-template-columns:1fr 1fr}.navlinks a,.navAction{padding-inline:10px;font-size:12px}.logo{font-size:14px}.bento{grid-template-columns:1fr 1fr}.bento .wide{grid-column:span 2}}
@media(max-width:980px){.wrap,.nav{width:calc(100% - 32px)}.hero{min-height:auto;padding-top:140px}.heroGrid{grid-template-columns:1fr}.heroVisual{min-height:500px}.sectionHead{align-items:flex-start}.footerGrid{gap:28px}}
@media(max-width:620px){.wrap,.nav{width:calc(100% - 24px)}.hero{padding-top:125px}.heroVisual{min-height:370px}.heroCopy .lead{font-size:16px}.sectionHead{margin-bottom:30px}.sectionHead p{line-height:1.7}.bentoCard{padding:25px}.bentoCard .content{max-width:90%}.serviceCardBody{padding:24px}.serviceVisual{min-height:165px}.learningIntro{padding:24px}.ctaPanel{padding:27px}.practiceMain{padding:24px}.article{padding:24px}.nav{border-radius:19px}.logo{max-width:52vw;overflow:hidden;text-overflow:ellipsis}.footerGrid{gap:20px}}

/* ===== FINAL REFINEMENT: spatial hierarchy, React interactions, institutional identity ===== */
:root{--max:1760px;--space-1:8px;--space-2:14px;--space-3:20px;--space-4:28px;--space-5:40px;--space-6:56px;--space-7:80px}
html{scroll-behavior:smooth;overflow-x:hidden}body{overflow-x:hidden}
.wrap{width:min(var(--max),calc(100% - 64px));margin-inline:auto}
.nav{width:min(1760px,calc(100% - 64px));padding:10px 12px}
.navlinks a,.navAction{transition:background .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease}
.navlinks a.active{color:#fff;background:rgba(168,85,247,.13);border:1px solid rgba(192,132,252,.18);box-shadow:inset 0 1px rgba(255,255,255,.08)}
.navAction:not(.is-active){color:var(--muted);background:rgba(255,255,255,.025);border-color:var(--line2)}
.navAction.is-active{background:rgba(168,85,247,.13);border-color:rgba(192,132,252,.3);box-shadow:0 0 28px rgba(168,85,247,.12)}
.hero{padding-left:0;padding-right:0}.homeHero{min-height:clamp(760px,92vh,980px)}
.heroGrid{gap:clamp(45px,6vw,120px)}.heroCopy{padding-left:8px}.heroCopy .lead{max-width:760px;line-height:1.9}
.heroCopy h1{letter-spacing:-.065em}.heroVisual{min-height:620px}
section{padding:clamp(95px,9vw,145px) 0}.sectionHead{gap:clamp(40px,7vw,120px);margin-bottom:52px}.sectionHead h2{max-width:800px}.sectionHead p{max-width:650px;line-height:1.9}
.bento{gap:20px;grid-template-rows:minmax(245px,auto) minmax(245px,auto)}.bentoCard{padding:38px}.bentoCard .content{max-width:78%}.bentoCard h3{margin:12px 0 18px;line-height:1.15}.bentoCard p{line-height:1.82}.bentoCard .icon{margin-bottom:18px}
.institutionSection{padding-top:45px}.institutionPanel{display:grid;grid-template-columns:280px 1fr;gap:clamp(38px,6vw,90px);align-items:center;padding:clamp(38px,5vw,68px);border-radius:34px;position:relative;overflow:hidden}.institutionPanel:after{content:"";position:absolute;inset:auto -10% -55% 30%;height:300px;background:radial-gradient(circle,rgba(103,232,249,.11),transparent 65%);filter:blur(25px);pointer-events:none}.institutionLogoWrap{width:230px;height:230px;margin:auto;display:grid;place-items:center;border-radius:48px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px rgba(255,255,255,.14),0 30px 90px rgba(0,0,0,.25);backdrop-filter:blur(22px)}.institutionLogo{width:180px;height:180px;object-fit:contain;filter:drop-shadow(0 20px 45px rgba(0,0,0,.35))}.institutionCopy{position:relative;z-index:1}.institutionCopy h2{margin:18px 0 22px}.institutionCopy p{max-width:760px;font-size:17px;line-height:1.9;color:var(--muted)}.institutionTags{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.serviceGrid,.serviceGridLarge{gap:22px}.serviceCard{border-radius:30px}.serviceCard .serviceVisual{height:205px;background:#090811}.serviceCard .serviceVisual img{object-fit:cover;opacity:1}.serviceIconSmall{left:20px;top:20px;width:48px;height:48px}.serviceCardBody{padding:30px 30px 32px}.serviceCard h3{margin:13px 0 15px;line-height:1.18}.serviceCard p{line-height:1.78;margin:0;min-height:50px}.serviceCardFooter{margin-top:27px;padding-top:20px;min-height:48px}
.pageHero{padding-top:190px;padding-bottom:82px}.pageHero .lead{line-height:1.9}.toolbar{gap:16px;margin-bottom:34px}.search{height:56px}.filters{gap:9px}.filter{min-height:44px;padding:10px 15px}
.serviceHero{padding-bottom:58px}.backLink{margin-bottom:40px}.serviceHeroGrid{gap:clamp(40px,7vw,110px)}.serviceHeroGrid h1{margin:20px 0 20px;line-height:1.02}.serviceHeroArt{min-height:390px;border-radius:36px}.serviceHeroImage{width:100%;height:100%;min-height:390px;object-fit:cover;display:block;filter:saturate(1.08) contrast(1.02);transition:transform .7s cubic-bezier(.2,.8,.2,1)}.serviceHeroArt:hover .serviceHeroImage{transform:scale(1.025)}
.serviceDetailGrid{grid-template-columns:minmax(0,1fr) 360px;gap:30px}.serviceDetailGrid>div:first-child{gap:28px}.article{padding:48px;border-radius:32px}.article h2{font-size:36px;margin:16px 0 20px}.article>p{font-size:18px;line-height:1.95;max-width:78ch}.serviceFacts{gap:14px;margin-top:34px}.serviceFacts div{padding:20px}.videoServicePanel{padding:30px;border-radius:32px}.sectionMini{margin-bottom:22px}.serviceVideoFrame{border-radius:24px}.sideCard{padding:30px;border-radius:28px}.sideCard h3{margin:13px 0 17px;line-height:1.2}.sideCard p{line-height:1.8;margin-bottom:24px}.relatedList{gap:10px;margin-top:18px}.relatedList a{padding:15px}
.card,.serviceCard,.flowCard,.bentoCard,.videoPreviewCard,.topicMini{transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--lift,0));transition:transform .35s cubic-bezier(.2,.75,.2,1),box-shadow .35s,border-color .35s,background .35s}.card:after,.serviceCard:after,.flowCard:after,.bentoCard:after,.videoPreviewCard:after,.topicMini:after{content:"";position:absolute;inset:0;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.09),transparent 65%);opacity:0;transition:opacity .35s;pointer-events:none}.card:hover:after,.serviceCard:hover:after,.flowCard:hover:after,.bentoCard:hover:after,.videoPreviewCard:hover:after,.topicMini:hover:after{opacity:1}
.btn{min-height:50px;padding:14px 20px}.actions{gap:14px;margin-top:34px}.pillRow{gap:9px;margin-top:24px}.pill{padding:8px 12px}
.flowGrid{gap:20px}.flowCard{padding:30px}.flowCard strong{display:block;margin:12px 0 10px;font-size:20px}.flowCard p{line-height:1.75}.videoPreviewGrid{gap:22px}.videoPreviewBody{padding:27px}.videoPreviewBody h3{margin:12px 0 14px;line-height:1.2}.videoPreviewBody p{line-height:1.75}
footer{margin-top:30px}.footerGrid{gap:45px;padding-top:80px;padding-bottom:52px}.footerGrid>div{display:flex;flex-direction:column;gap:10px}.footerGrid h4{margin-bottom:7px}.copyright{padding-block:20px}
@media(max-width:1100px){.wrap,.nav{width:calc(100% - 40px)}.institutionPanel{grid-template-columns:210px 1fr}.institutionLogoWrap{width:190px;height:190px}.institutionLogo{width:145px;height:145px}.serviceDetailGrid{grid-template-columns:1fr 320px}}
@media(max-width:980px){.wrap,.nav{width:calc(100% - 32px)}.heroGrid{gap:20px}.heroVisual{min-height:480px}.institutionPanel{grid-template-columns:1fr}.institutionLogoWrap{margin:0}.serviceDetailGrid{grid-template-columns:1fr}.serviceAside{grid-template-columns:1fr 1fr}.pageHero{padding-top:155px}}
@media(max-width:620px){.wrap,.nav{width:calc(100% - 24px)}section{padding:82px 0}.homeHero{min-height:auto;padding-top:125px}.heroCopy{padding-left:0}.heroVisual{min-height:360px}.sectionHead{margin-bottom:36px}.bento{grid-template-columns:1fr;gap:16px}.bento .wide{grid-column:auto}.bentoCard{padding:29px}.bentoCard .content{max-width:100%}.institutionPanel{padding:28px}.institutionLogoWrap{width:160px;height:160px;border-radius:34px}.institutionLogo{width:125px;height:125px}.institutionCopy p{font-size:16px;line-height:1.8}.serviceCard .serviceVisual{height:190px}.serviceCardBody{padding:26px 24px 28px}.serviceCard p{min-height:auto}.pageHero{padding-top:125px;padding-bottom:55px}.pageHero h1{font-size:clamp(48px,14vw,62px)}.serviceHeroArt,.serviceHeroImage{min-height:260px}.serviceDetailGrid{gap:18px}.article{padding:28px}.article h2{font-size:30px}.article>p{font-size:16px}.videoServicePanel{padding:22px}.serviceFacts{grid-template-columns:1fr}.footerGrid{gap:28px}}

/* Final refinement layer */
:root{--space-section:clamp(92px,9vw,150px);--space-card:clamp(28px,2.5vw,42px)}
section{padding-block:var(--space-section)}
.wrap{width:min(94vw,1560px);max-width:1560px}
.nav{width:min(94vw,1560px)}
.sectionLabel{margin-top:54px;margin-bottom:24px;padding-bottom:16px}
.sectionLabel.second{margin-top:76px}
.learningIntro{padding:clamp(30px,4vw,48px);margin-bottom:34px;gap:42px}
.learningIntro h3{margin:12px 0 18px;line-height:1.12;max-width:24ch}
.learningIntro p{max-width:68ch;line-height:1.8}
.toolbar{margin-top:30px;gap:18px}
.topicMini{padding:30px 30px 32px;min-height:245px}
.topicMini h3{margin:16px 0 14px;line-height:1.15}
.topicMini p{line-height:1.75;max-width:46ch}
.topicMini .meta{margin-top:28px}
.serviceCard{min-height:100%;}
.serviceCard .serviceVisual{height:225px}
.serviceCard .serviceVisual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,6,11,.04),rgba(7,6,11,.42));pointer-events:none}
.serviceCard .serviceVisual img{position:relative;z-index:0}
.serviceCard .serviceVisual img.imageFallback{display:block;background:radial-gradient(circle at 50% 45%,rgba(168,85,247,.42),transparent 55%),linear-gradient(135deg,#171021,#0b0b11);object-fit:cover}
.serviceCardBody{padding:34px 34px 36px}
.serviceCard h3{margin:16px 0 16px;font-size:clamp(22px,2vw,29px)}
.serviceCard p{line-height:1.8;max-width:48ch}
.serviceCardFooter{margin-top:30px;padding-top:20px}
.serviceHero{padding-bottom:78px}
.serviceHeroGrid{align-items:center;gap:clamp(50px,7vw,120px)}
.serviceHeroGrid h1{max-width:12ch}
.serviceHeroActions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.serviceHeroArt{min-height:440px;box-shadow:0 40px 120px rgba(168,85,247,.12)}
.serviceHeroImage{min-height:440px;object-fit:cover}
.serviceDetailGrid{gap:30px}
.article{padding:clamp(34px,4vw,54px);margin-bottom:30px}
.article h2{margin:14px 0 22px}
.article>p,.article>div>p,.article li{line-height:1.9}
.article h2+ p{margin-top:0}
.serviceIncludes ul{margin:0;padding-left:1.2rem}.serviceIncludes li{margin:12px 0}
.serviceResult{margin-top:34px;padding:22px 24px;border:1px solid var(--line2);border-radius:20px;background:rgba(255,255,255,.035);display:grid;gap:8px}.serviceResult span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.serviceResult strong{line-height:1.6}
.videoServicePanel{padding:30px;margin-bottom:30px}.videoServicePanel h3{margin:24px 0 10px;font-size:26px}.videoServicePanel>p{line-height:1.75}
.sideCard{padding:32px;margin-bottom:22px}.sideCard h3{margin:14px 0 14px;line-height:1.2}.sideCard p{line-height:1.75}.relatedList{display:grid;gap:12px}.relatedList a{display:grid;gap:5px;padding:16px 0;border-bottom:1px solid var(--line2)}.relatedList a:last-child{border-bottom:0}.relatedList .tiny{color:var(--muted)}
.practiceModes{padding-top:35px!important;padding-bottom:20px!important}.practiceModeGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.practiceMode{padding:28px;border-radius:24px;display:grid;gap:12px;min-height:180px}.practiceMode .modeNumber{font-size:12px;color:#e9c8ff;letter-spacing:.16em}.practiceMode strong{font:600 23px/1.15 'Space Grotesk'}.practiceMode p{color:var(--muted);line-height:1.65}
.practiceShell{gap:28px}.practiceNav{padding:32px}.practiceMain{padding:clamp(32px,4vw,54px)}.practiceMain #qText{margin-top:28px;line-height:1.35!important}.option{min-height:62px!important;padding:16px 18px!important;margin-bottom:12px!important}.feedback{margin-top:22px;padding:20px 22px!important;line-height:1.7!important}
.progressHero{gap:30px}.progressMain{padding:clamp(34px,4vw,54px)}.progressMain .specGrid{margin-top:30px}.progressBottom{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;margin-top:28px}.historyPanel,.goalsPanel{padding:32px;border-radius:28px}.historyRow{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid var(--line2)}.historyRow div{display:grid;gap:5px}.historyRow span{font-size:12px;color:var(--muted)}.historyRow>b{font-size:20px}.goal{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--line2)}.goal:last-child{border-bottom:0}.goal>span{font-size:11px;color:#e9c8ff;letter-spacing:.15em}.goal div{display:grid;gap:5px}.goal small{color:var(--muted);line-height:1.55}
.contactGrid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:28px}.contactSide{display:grid;gap:24px}.contactInfo{padding:32px;border-radius:28px}.contactInfo h3{margin:12px 0 10px;font-size:29px}.contactInfo p{line-height:1.75}.socialGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.socialCard{padding:17px;border-radius:18px;display:flex;align-items:center;gap:13px}.socialCard>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(168,85,247,.15);border:1px solid var(--line)}.socialCard div{display:grid;gap:4px}.socialCard small{color:var(--muted)}.contactSubmit{width:max-content!important;min-width:180px!important;justify-content:center!important;padding-inline:22px!important}
.field label span{color:var(--muted);font-weight:400}.formCard h3{font-size:clamp(30px,3vw,42px);margin:14px 0 10px}.formCard>p{max-width:60ch;line-height:1.75;margin-bottom:30px}.formGrid{gap:18px}.field{gap:9px}.field input,.field textarea,.field select{padding:15px 16px}.field textarea{min-height:165px}

@media(max-width:980px){.practiceModeGrid{grid-template-columns:1fr 1fr}.progressBottom,.contactGrid{grid-template-columns:1fr}.serviceHeroGrid{gap:30px}.serviceHeroArt,.serviceHeroImage{min-height:360px}}
@media(max-width:620px){section{padding-block:82px}.wrap,.nav{width:calc(100% - 24px)}.practiceModeGrid,.socialGrid{grid-template-columns:1fr}.serviceHeroActions{flex-direction:column}.serviceHeroActions .btn{width:100%}.serviceHeroArt,.serviceHeroImage{min-height:280px}.serviceCardBody{padding:28px 25px 30px}.article{padding:29px}.sideCard,.historyPanel,.goalsPanel,.contactInfo{padding:26px}.contactSubmit{width:100%!important}}

/* FINAL SERVICE DETAIL: no decorative image placeholder */
.serviceHeroGrid{grid-template-columns:minmax(0,1fr);max-width:1180px;gap:0}.serviceHeroGrid>div:first-child{max-width:1050px}.serviceHeroActions{margin-top:28px;display:flex;gap:12px;flex-wrap:wrap}.serviceHero{padding-bottom:72px}.serviceHeroArt,.serviceHeroImage{display:none!important}.serviceDetailGrid{align-items:start}.article{margin-bottom:0}.serviceVideoPanel{margin-top:0}
@media(max-width:620px){.serviceHeroGrid>div:first-child{max-width:none}.serviceHeroActions{gap:10px}}


/* MOBILE NAVIGATION — high contrast, touch-first */
@media (max-width: 980px){
  .nav{top:10px;min-height:64px;padding:8px 9px;border-radius:22px;backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);background:rgba(10,8,17,.94);border-color:rgba(255,255,255,.13);box-shadow:0 18px 55px rgba(0,0,0,.42)}
  .navAction{min-height:46px;padding:10px 15px;font-size:14px;background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14)}
  .menu{width:48px;height:48px;min-width:48px;min-height:48px;background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.16);box-shadow:0 8px 25px rgba(0,0,0,.28)}
  .mobilePanel{position:fixed;top:82px;left:12px;right:12px;z-index:500;padding:14px;border-radius:24px;background:rgba(9,7,15,.975)!important;border:1px solid rgba(255,255,255,.15);box-shadow:0 28px 90px rgba(0,0,0,.62),0 0 45px rgba(168,85,247,.10);backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%);gap:6px;max-height:calc(100dvh - 100px);overflow:auto}
  .mobilePanel a{min-height:52px;padding:15px 16px;border:1px solid transparent;color:#eee9f3;font-size:17px;font-weight:500;display:flex;align-items:center;background:rgba(255,255,255,.035)}
  .mobilePanel a:hover,.mobilePanel a:focus-visible{background:linear-gradient(90deg,rgba(168,85,247,.17),rgba(236,72,153,.10));border-color:rgba(168,85,247,.28);color:#fff}
}
@media (max-width:620px){
  .logo{font-size:17px;max-width:calc(100vw - 170px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .navAction{font-size:13px;padding-inline:13px}
  .mobilePanel{top:80px;left:10px;right:10px;border-radius:22px;padding:12px}
  .mobilePanel a{min-height:54px;font-size:16px}
}

@media (max-width:980px){.mobilePanel a.active{background:linear-gradient(90deg,rgba(168,85,247,.22),rgba(236,72,153,.12));border-color:rgba(168,85,247,.34);color:#fff;box-shadow:inset 3px 0 0 #c084fc}}


/* HERO CAROUSEL — compact Liquid Glass institutional gallery */
.heroVisual{overflow:visible}
.heroCarousel{position:relative;z-index:4;width:min(100%,600px);aspect-ratio:16/10;border-radius:28px;overflow:hidden;padding:0;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018) 42%,rgba(168,85,247,.055));border:1px solid rgba(255,255,255,.13);box-shadow:0 30px 90px rgba(0,0,0,.48),0 0 65px rgba(168,85,247,.12),inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(192,132,252,.08);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);isolation:isolate}
.heroCarousel:before{content:"";position:absolute;inset:0;z-index:7;pointer-events:none;border-radius:inherit;background:linear-gradient(120deg,rgba(255,255,255,.07),transparent 23%,transparent 72%,rgba(236,72,153,.08));mix-blend-mode:screen}
.heroCarousel:after{content:"";position:absolute;inset:1px;z-index:10;pointer-events:none;border-radius:27px;border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 0 0 1px rgba(168,85,247,.045),inset 0 1px 0 rgba(255,255,255,.12)}
.heroCarouselMedia{position:absolute;inset:0;overflow:hidden;border-radius:inherit;background:#09070f}
.heroCarouselMedia:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(7,6,11,.02) 35%,rgba(7,6,11,.72) 100%);pointer-events:none}
.heroCarouselShade{position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(circle at 82% 12%,rgba(192,132,252,.16),transparent 34%),linear-gradient(120deg,rgba(168,85,247,.08),transparent 48%,rgba(236,72,153,.08))}
#homeCarouselImage{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.94) contrast(1.03);transform:scale(1.015);opacity:1;transition:opacity .56s cubic-bezier(.22,1,.36,1),transform 4s cubic-bezier(.22,1,.36,1),filter .56s ease;will-change:opacity,transform}
#homeCarouselImage.is-changing{opacity:.12;transform:scale(1.035);filter:saturate(.82) contrast(1.01)}
#homeCarouselImage.contain{object-fit:contain;padding:48px;background:radial-gradient(circle at 50% 45%,rgba(168,85,247,.12),rgba(7,6,11,.96) 72%)}
.heroCarouselCaption{position:absolute;z-index:6;left:18px;right:18px;bottom:18px;display:grid;gap:4px;max-width:min(78%,440px);padding:11px 14px;border:1px solid rgba(255,255,255,.12);border-radius:17px;background:linear-gradient(135deg,rgba(9,7,15,.62),rgba(168,85,247,.12));backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);box-shadow:0 12px 35px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.11);text-shadow:0 2px 18px rgba(0,0,0,.7)}
.carouselIndex{font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:#e7dff0}
.heroCarouselCaption strong{font:600 clamp(16px,1.8vw,22px)/1.08 "Space Grotesk";letter-spacing:-.045em;color:#fff}
.heroCarouselCaption small{font-size:10px;color:#d8d1df;line-height:1.4}
.carouselArrow{position:absolute;z-index:11;top:50%;width:38px;height:38px;padding:0;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(168,85,247,.08));backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);color:rgba(255,255,255,.92);display:grid;place-items:center;cursor:pointer;transform:translateY(-50%);transition:background .22s ease,border-color .22s ease,transform .22s ease,box-shadow .22s ease,color .22s ease;box-shadow:0 10px 30px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.14)}
.carouselArrow svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.carouselArrow:hover,.carouselArrow:focus-visible{background:linear-gradient(145deg,rgba(168,85,247,.25),rgba(236,72,153,.13));border-color:rgba(255,255,255,.32);color:#fff;transform:translateY(-50%) scale(1.06);box-shadow:0 12px 35px rgba(168,85,247,.2),inset 0 1px 0 rgba(255,255,255,.2);outline:none}
.carouselArrow:active{transform:translateY(-50%) scale(.97)}
.carouselArrow.prev{left:12px}.carouselArrow.next{right:12px}
.carouselControls{position:absolute;z-index:12;left:18px;right:18px;bottom:10px;display:flex;align-items:center;gap:9px;pointer-events:none}
.carouselDots{display:flex;gap:5px;align-items:center;pointer-events:auto;padding:6px 8px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(9,7,15,.38);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.carouselDot{width:12px;height:3px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.24);cursor:pointer;transition:width .3s ease,background .3s ease,box-shadow .3s ease}
.carouselDot.active{width:24px;background:linear-gradient(90deg,#c084fc,#f472b6,#67e8f9);box-shadow:0 0 12px rgba(192,132,252,.32)}
.carouselTimer{display:block;flex:1;height:2px;border-radius:99px;background:rgba(255,255,255,.11);overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.carouselTimer i{display:block;width:100%;height:100%;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,var(--purple2),var(--pink2),var(--cyan));animation:none}
.heroVisual .heroTech{position:absolute;width:112%;max-width:none;opacity:.14;z-index:1;pointer-events:none;filter:drop-shadow(0 35px 90px rgba(168,85,247,.2));animation:heroDrift 9s ease-in-out infinite}
.heroVisual .orbGlow{z-index:0}.heroVisual .orbit{z-index:0}.heroVisual .floatCard{z-index:13}
@keyframes carouselTimer{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* DEFINITIVE CUSTOM CURSOR — independent from React, frameworks and external assets */
.customCursor{position:fixed;left:0;top:0;width:1px;height:1px;z-index:2147483647;pointer-events:none!important;opacity:0;visibility:hidden;--cx:-100px;--cy:-100px;transform:translate3d(var(--cx),var(--cy),0);will-change:transform}
.customCursorRing{position:absolute;left:0;top:0;width:30px;height:30px;margin:-15px;border-radius:50%;border:1px solid rgba(255,255,255,.86);background:rgba(168,85,247,.025);box-shadow:0 0 0 1px rgba(192,132,252,.07),0 0 26px rgba(192,132,252,.18),inset 0 0 14px rgba(255,255,255,.025);transition:width .2s ease,height .2s ease,margin .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}
.customCursorCore{position:absolute;left:0;top:0;width:5px;height:5px;margin:-2.5px;border-radius:50%;background:#fff;box-shadow:0 0 10px rgba(255,255,255,.95),0 0 20px rgba(192,132,252,.55)}
.customCursor.is-visible{opacity:1;visibility:visible}
.customCursor.is-hover .customCursorRing{width:46px;height:46px;margin:-23px;background:linear-gradient(145deg,rgba(168,85,247,.12),rgba(236,72,153,.07));border-color:rgba(255,255,255,.95);box-shadow:0 0 32px rgba(192,132,252,.25),inset 0 0 18px rgba(255,255,255,.045)}
html.custom-cursor-enabled,html.custom-cursor-enabled body,html.custom-cursor-enabled *{cursor:none!important}

@media(max-width:980px){
  .heroCarousel{width:min(100%,620px);border-radius:27px}.heroCarousel:after{border-radius:26px}.heroCarouselCaption{left:16px;right:16px;bottom:17px}.carouselControls{left:16px;right:16px}.heroVisual .heroTech{width:125%;opacity:.1}.carouselArrow{width:36px;height:36px}
}
@media(max-width:620px){
  .heroCarousel{width:100%;aspect-ratio:4/3;border-radius:24px}.heroCarousel:after{border-radius:23px}.heroCarouselCaption{left:13px;right:13px;bottom:14px;max-width:82%;padding:9px 11px;border-radius:15px}.carouselIndex{font-size:7px}.heroCarouselCaption strong{font-size:15px}.heroCarouselCaption small{font-size:9px}.carouselControls{left:13px;right:13px;bottom:8px}.carouselDots{padding:5px 7px}.carouselDot{width:10px}.carouselDot.active{width:20px}.carouselArrow{width:34px;height:34px;border-radius:12px}.carouselArrow svg{width:14px;height:14px}.carouselArrow.prev{left:8px}.carouselArrow.next{right:8px}.heroVisual .heroTech{width:145%;opacity:.07}.heroCarouselMedia:before{background:linear-gradient(180deg,rgba(7,6,11,.02) 24%,rgba(7,6,11,.82) 100%)}
}
@media(prefers-reduced-motion:reduce){#homeCarouselImage{transition:none}.heroVisual .heroTech,.heroVisual .orbGlow,.heroVisual .orbit,.floatCard{animation:none}.carouselTimer i{animation:none!important}.customCursorRing{transition:none}}



/* ============================================================
   Área de entrenamiento — presentation personalization layer
   Additive only: preserves the existing visual system and motion.
   ============================================================ */
:root{
  --theme-bg:#06060a;
  --theme-bg2:#0c0912;
  --theme-text:#f8f7ff;
  --theme-muted:#aaa6b6;
  --theme-muted2:#7f7a8b;
  --theme-surface:rgba(255,255,255,.055);
  --theme-surface2:rgba(255,255,255,.085);
  --theme-line:rgba(255,255,255,.13);
  --theme-line2:rgba(255,255,255,.08);
  --theme-purple:#a855f7;
  --theme-purple2:#c084fc;
  --theme-pink:#ec4899;
  --theme-pink2:#f472b6;
  --theme-cyan:#67e8f9;
}

[data-theme="light"]{
  --theme-bg:#f5f4f8;
  --theme-bg2:#ffffff;
  --theme-text:#17131f;
  --theme-muted:#5f5a68;
  --theme-muted2:#777181;
  --theme-surface:rgba(255,255,255,.78);
  --theme-surface2:rgba(255,255,255,.94);
  --theme-line:rgba(28,21,39,.14);
  --theme-line2:rgba(28,21,39,.09);
  --theme-purple:#7c3aed;
  --theme-purple2:#8b5cf6;
  --theme-pink:#db2777;
  --theme-pink2:#ec4899;
  --theme-cyan:#0891b2;
  --bg:#f5f4f8;--bg2:#ffffff;--text:#17131f;--muted:#5f5a68;--muted2:#777181;--surface:rgba(28,21,39,.045);--surface2:rgba(28,21,39,.075);--line:rgba(28,21,39,.14);--line2:rgba(28,21,39,.09);--purple:#7c3aed;--purple2:#8b5cf6;--pink:#db2777;--pink2:#ec4899;--cyan:#0891b2;
}
/* Theme the existing visual primitives rather than rebuilding them. */
body{
  color:var(--theme-text);
  background:
    radial-gradient(circle at 12% -5%,color-mix(in srgb,var(--theme-purple) 17%,transparent),transparent 30%),
    radial-gradient(circle at 92% 12%,color-mix(in srgb,var(--theme-pink) 12%,transparent),transparent 28%),
    linear-gradient(180deg,var(--theme-bg2) 0%,var(--theme-bg) 48%,var(--theme-bg) 100%);
}
body:after{
  background:
    radial-gradient(55vw 55vw at 12% 12%,color-mix(in srgb,var(--theme-purple) 16%,transparent),transparent 65%),
    radial-gradient(50vw 50vw at 88% 28%,color-mix(in srgb,var(--theme-pink) 13%,transparent),transparent 65%),
    radial-gradient(55vw 55vw at 50% 95%,color-mix(in srgb,var(--theme-cyan) 6%,transparent),transparent 65%);
}
.glass{
  background:linear-gradient(145deg,var(--theme-surface2),var(--theme-surface));
  border-color:var(--theme-line);
}
.nav.scrolled{background:color-mix(in srgb,var(--theme-bg2) 82%,transparent)}
.navlinks a:hover,.navlinks a.active{color:var(--theme-text)}
.navAction,.menu{color:var(--theme-text)}
.gradient{background:linear-gradient(110deg,var(--theme-text) 15%,var(--theme-purple2) 43%,var(--theme-pink2) 72%,var(--theme-cyan))}
.eyebrow,.kicker{color:var(--theme-muted)}
.lead,.muted{color:var(--theme-muted)}
.tiny{color:var(--theme-muted2)}

[data-theme="light"] .glass:after{background:linear-gradient(120deg,rgba(255,255,255,.55),transparent 28%,transparent 72%,rgba(28,21,39,.025))}
[data-theme="light"] body:before{background:linear-gradient(120deg,transparent 0 43%,rgba(28,21,39,.018) 50%,transparent 57%)}
[data-theme="light"] #neural{opacity:.22}
[data-theme="light"] .nav.scrolled{box-shadow:0 18px 70px rgba(28,21,39,.14)}
[data-theme="light"] .navlinks a:hover,[data-theme="light"] .navlinks a.active{background:rgba(28,21,39,.06)}
[data-theme="light"] .navAction,[data-theme="light"] .menu{background:rgba(28,21,39,.035)}
[data-theme="light"] .search,[data-theme="light"] .field input,[data-theme="light"] .field textarea,[data-theme="light"] .field select{color:var(--theme-text);background:rgba(255,255,255,.72)}
[data-theme="light"] .article p,[data-theme="light"] .article li,[data-theme="light"] .field label,[data-theme="light"] .option,[data-theme="light"] .feedback{color:#494452}
[data-theme="light"] .optionKey{background:rgba(28,21,39,.06)}
[data-theme="light"] .progressLine{background:rgba(28,21,39,.08)}
[data-theme="light"] .copyright{color:var(--theme-muted)}
[data-theme="light"] .mobilePanel{background:rgba(255,255,255,.97)!important;box-shadow:0 28px 90px rgba(28,21,39,.20)}
[data-theme="light"] .mobilePanel a{color:#494452;background:rgba(28,21,39,.025)}
[data-theme="light"] .mobilePanel a:hover,[data-theme="light"] .mobilePanel a:focus-visible{color:#17131f;background:linear-gradient(90deg,rgba(124,58,237,.12),rgba(219,39,119,.07))}

/* Theme picker / language picker — intentionally uses the site's glass language. */
.aet-tools{display:flex;align-items:center;gap:6px;margin-left:2px;flex:0 0 auto;position:relative}.aet-desktop-tools{display:flex!important}.aet-desktop-tools .aet-tool>button{min-width:44px}
.aet-tool{position:relative}
.aet-tool>button{height:44px;min-width:44px;padding:0 12px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line2);border-radius:14px;background:rgba(255,255,255,.035);color:var(--text);cursor:pointer;transition:.22s;white-space:nowrap}
.aet-tool>button:hover,.aet-tool>button[aria-expanded="true"]{background:rgba(255,255,255,.075);border-color:var(--line);box-shadow:0 10px 28px rgba(0,0,0,.12)}
.aet-tool>button svg{width:17px;height:17px;flex:0 0 auto}
.aet-popover{position:absolute;right:0;top:calc(100% + 9px);width:190px;padding:7px;border-radius:18px;background:linear-gradient(145deg,var(--theme-surface2),var(--theme-surface));border:1px solid var(--line);box-shadow:0 25px 70px rgba(0,0,0,.32);backdrop-filter:blur(26px) saturate(150%);-webkit-backdrop-filter:blur(26px) saturate(150%);z-index:600;animation:aetPop .18s ease}
.aet-popover[hidden]{display:none}
.aet-choice{width:100%;display:flex;align-items:center;gap:10px;padding:10px;border:0;border-radius:12px;background:transparent;color:var(--text);text-align:left;cursor:pointer;font-size:13px;transition:.18s}
.aet-choice:hover{background:rgba(255,255,255,.075)}
.aet-choice.is-selected{background:linear-gradient(90deg,color-mix(in srgb,var(--theme-purple) 18%,transparent),color-mix(in srgb,var(--theme-pink) 9%,transparent));box-shadow:inset 2px 0 var(--theme-purple2)}
.aet-swatch{width:20px;height:20px;border-radius:7px;flex:0 0 auto;border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px rgba(255,255,255,.25)}
.aet-swatch.dark{background:linear-gradient(135deg,#a855f7,#ec4899)}
.aet-swatch.light{background:linear-gradient(135deg,#fff,#ddd6fe)}
.aet-choice small{margin-left:auto;color:var(--muted2);font-size:11px}
.aet-mobile-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 2px 2px}
.aet-mobile-tools .aet-tool>button{width:100%;height:48px}
@keyframes aetPop{from{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:1100px){.aet-tool>button{padding-inline:10px}.aet-tool .aet-label{display:none}}
@media(max-width:980px){.aet-desktop-tools{display:none!important}.aet-mobile-tools{display:grid}.mobilePanel .aet-popover{position:relative;top:auto;right:auto;width:100%;margin-top:5px}}
@media(min-width:981px){.aet-mobile-tools{display:none}}
@media(max-width:620px){.aet-mobile-tools{grid-template-columns:1fr 1fr}.aet-tool>button{min-width:0}}
@media(min-width:981px){.navlinks{min-width:0;flex:1;justify-content:center}.aet-desktop-tools{margin-left:4px}.navAction{flex:0 0 auto}}


/* ============================================================
   APPEARANCE CONTROLS — desktop/mobile access fix
   The controls are part of the existing navigation; no other
   navigation elements or interactions are replaced.
   ============================================================ */
@media (min-width:981px){
  .nav{overflow:visible;}
  .nav .logo{margin-right:0;flex:0 0 auto;}
  .nav .navlinks{flex:1 1 auto;min-width:0;justify-content:center;overflow:visible;}
  .nav .navlinks a{flex:0 1 auto;white-space:nowrap;}
  .nav .aet-desktop-tools{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative;
    z-index:1001;
    flex:0 0 auto;
    align-items:center;
    margin-left:4px;
  }
  .nav .aet-desktop-tools .aet-tool{display:block!important;visibility:visible!important;opacity:1!important;}
  .nav .aet-desktop-tools .aet-tool>button{display:flex!important;visibility:visible!important;opacity:1!important;}
  .nav .navAction{flex:0 0 auto;}
}
@media (min-width:981px) and (max-width:1200px){
  .nav .logo{font-size:13px;}
  .nav .navlinks a{padding-inline:8px;font-size:11px;}
  .nav .aet-desktop-tools{gap:4px;margin-left:2px;}
  .nav .aet-desktop-tools .aet-tool>button{width:40px;min-width:40px;padding:0;border-radius:12px;}
  .nav .navAction{padding-inline:9px;font-size:11px;}
}
@media (max-width:980px){
  .nav .aet-desktop-tools{display:none!important;}
  .mobilePanel .aet-mobile-tools{display:grid!important;visibility:visible!important;opacity:1!important;}
}

/* Final appearance layer: one Liquid Glass system, two coordinated palettes. */
body:after{content:none!important;display:none!important}
.nav{position:fixed!important;z-index:100!important}
html{background:var(--theme-bg,#06060a)}
body{color:var(--theme-text,var(--text));background:radial-gradient(circle at 12% -5%,color-mix(in srgb,var(--theme-purple,#a855f7) 17%,transparent),transparent 30%),radial-gradient(circle at 92% 12%,color-mix(in srgb,var(--theme-pink,#ec4899) 12%,transparent),transparent 28%),linear-gradient(180deg,var(--theme-bg2,#0c0912) 0%,var(--theme-bg,#06060a) 48%,var(--theme-bg,#06060a) 100%)}
.glass{background:linear-gradient(145deg,var(--theme-surface2),var(--theme-surface));border-color:var(--theme-line);box-shadow:0 25px 90px color-mix(in srgb,var(--theme-bg) 55%,transparent),inset 0 1px 0 color-mix(in srgb,var(--theme-text) 15%,transparent)}
.nav.scrolled{background:color-mix(in srgb,var(--theme-bg2) 82%,transparent)}
.navlinks a:hover,.navlinks a.active{color:var(--theme-text);background:color-mix(in srgb,var(--theme-text) 8%,transparent)}
.navAction,.menu{color:var(--theme-text);background:color-mix(in srgb,var(--theme-text) 4%,transparent)}
.eyebrow,.kicker,.pill,.meta{color:var(--theme-muted)}
.lead,.muted,.sectionHead p,.card p,.article p,.article li,.step span{color:var(--theme-muted)}
.search,.field input,.field textarea,.field select{color:var(--theme-text);background:color-mix(in srgb,var(--theme-surface2) 75%,transparent);border-color:var(--theme-line)}
.search::placeholder,.field input::placeholder,.field textarea::placeholder{color:var(--theme-muted2)}
.filter,.tag,.spec,.step,.achievement,.term,.feedback,.option{color:var(--theme-text);background:color-mix(in srgb,var(--theme-surface) 85%,transparent)}
.optionKey{background:color-mix(in srgb,var(--theme-text) 8%,transparent)}
.aet-static-fallback{display:flex!important;visibility:visible!important;opacity:1!important}
.aet-static-fallback .aet-tool>button{color:var(--theme-text)}
.heroVisual .heroTech{filter:drop-shadow(0 35px 90px color-mix(in srgb,var(--theme-purple) 26%,transparent))}
.heroCarousel{background:linear-gradient(145deg,var(--theme-surface2),var(--theme-surface));border-color:var(--theme-line)}
.heroCarouselCaption{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-bg2) 72%,transparent),color-mix(in srgb,var(--theme-purple) 12%,transparent));border-color:var(--theme-line)}
.gradient{background:linear-gradient(110deg,var(--theme-text) 15%,var(--theme-purple2) 43%,var(--theme-pink2) 72%,var(--theme-cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.scoreRing:after{background:var(--theme-bg2)}

[data-theme="light"]{--theme-bg:#eef0f5;--theme-bg2:#ffffff;--theme-text:#211b2b;--theme-muted:#5e5968;--theme-muted2:#777080;--theme-surface:rgba(255,255,255,.48);--theme-surface2:rgba(255,255,255,.78);--theme-line:rgba(51,39,70,.16);--theme-line2:rgba(51,39,70,.10);--theme-purple:#7250c8;--theme-purple2:#9674e8;--theme-pink:#c64d91;--theme-pink2:#e17ab1;--theme-cyan:#168ca8;--bg:#eef0f5;--bg2:#fff;--text:#211b2b;--muted:#5e5968;--muted2:#777080;--surface:rgba(51,39,70,.045);--surface2:rgba(51,39,70,.075);--line:rgba(51,39,70,.16);--line2:rgba(51,39,70,.10);--purple:#7250c8;--purple2:#9674e8;--pink:#c64d91;--pink2:#e17ab1;--cyan:#168ca8;color-scheme:light}

[data-theme="light"] .heroVisual .heroTech{opacity:.10;filter:grayscale(.12) saturate(.72) brightness(.78) drop-shadow(0 30px 75px rgba(114,80,200,.16))}
[data-theme="light"] .heroCarouselMedia:before{background:linear-gradient(180deg,rgba(255,255,255,.02) 35%,rgba(31,24,45,.58) 100%)}
[data-theme="light"] .heroCarouselShade{background:radial-gradient(circle at 82% 12%,rgba(150,116,232,.14),transparent 34%),linear-gradient(120deg,rgba(114,80,200,.06),transparent 48%,rgba(198,77,145,.06))}
@media(max-width:980px){.aet-static-fallback{display:none!important}}

/* Final polish: high-contrast light glass + responsive neural field. */
#neural{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;z-index:1!important;opacity:.54!important;mix-blend-mode:normal!important;pointer-events:none!important}
[data-theme="light"]{--theme-bg:#e8edf7;--theme-bg2:#fbfcff;--theme-text:#1b2440;--theme-muted:#4b5872;--theme-muted2:#68758d;--theme-surface:rgba(255,255,255,.64);--theme-surface2:rgba(255,255,255,.9);--theme-line:rgba(38,53,91,.2);--theme-line2:rgba(38,53,91,.12);--theme-purple:#5b3fb3;--theme-purple2:#7659d4;--theme-pink:#c43d79;--theme-pink2:#dc629f;--theme-cyan:#087f9d;--bg:#e8edf7;--bg2:#fbfcff;--text:#1b2440;--muted:#4b5872;--muted2:#68758d;--surface:rgba(255,255,255,.64);--surface2:rgba(255,255,255,.9);--line:rgba(38,53,91,.2);--line2:rgba(38,53,91,.12);--purple:#5b3fb3;--purple2:#7659d4;--pink:#c43d79;--pink2:#dc629f;--cyan:#087f9d;color-scheme:light}
[data-theme="light"] #neural{opacity:.7!important}
[data-theme="light"] .nav{background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(238,233,255,.78))!important;border-color:rgba(38,53,91,.2)!important;box-shadow:0 18px 55px rgba(53,47,99,.18)!important}
[data-theme="light"] .glass{box-shadow:0 22px 65px rgba(54,65,105,.16),inset 0 1px 0 rgba(255,255,255,.9)}
[data-theme="light"] .navlinks a.active,[data-theme="light"] .navlinks a:hover{color:#1b2440;background:rgba(91,63,179,.12)!important}
[data-theme="light"] .navAction,[data-theme="light"] .aet-tool>button,[data-theme="light"] .menu{color:#1b2440;border-color:rgba(38,53,91,.18);background:rgba(255,255,255,.58)}
[data-theme="light"] .btn.primary{color:#fff;background:linear-gradient(110deg,#5b3fb3,#c43d79);box-shadow:0 12px 28px rgba(91,63,179,.25)}
[data-theme="light"] .btn.secondary{color:#263352;background:rgba(255,255,255,.66);border-color:rgba(38,53,91,.2)}
[data-theme="light"] .card p,[data-theme="light"] .bentoCard p,[data-theme="light"] .serviceCard p,[data-theme="light"] .lead{color:#4b5872}
[data-theme="light"] .heroCarouselCaption{background:linear-gradient(135deg,rgba(24,30,57,.78),rgba(91,63,179,.54));color:#fff;border-color:rgba(255,255,255,.3)}
[data-theme="light"] .heroCarouselCaption .tiny,[data-theme="light"] .heroCarouselCaption .carouselIndex{color:rgba(255,255,255,.75)}
[data-theme="light"] .aet-popover{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,235,255,.96));border-color:rgba(38,53,91,.2);box-shadow:0 24px 70px rgba(42,50,87,.24)}
[data-theme="light"] .aet-choice{color:#1b2440}
[data-theme="light"] .aet-choice:hover{background:rgba(91,63,179,.1)}
[data-theme="light"] .aet-choice.is-selected{background:linear-gradient(90deg,rgba(91,63,179,.16),rgba(196,61,121,.1))}

/* Final contrast pass: cards and controls must separate from the light background. */
[data-theme="light"]{
  --theme-surface:rgba(42,55,94,.12);
  --theme-surface2:rgba(255,255,255,.94);
  --theme-line:rgba(31,44,79,.24);
  --theme-line2:rgba(31,44,79,.16);
}
[data-theme="light"] .glass{background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(218,224,240,.72));border-color:rgba(31,44,79,.24);box-shadow:0 18px 52px rgba(39,53,91,.16),inset 0 1px 0 rgba(255,255,255,.96)}
[data-theme="light"] .card,[data-theme="light"] .bentoCard,[data-theme="light"] .serviceCard,[data-theme="light"] .videoPreviewCard,[data-theme="light"] .step,[data-theme="light"] .filter,[data-theme="light"] .tag{border-color:rgba(31,44,79,.22)}
[data-theme="light"] .kicker,[data-theme="light"] .eyebrow,[data-theme="light"] .meta{color:#4f3d91}
[data-theme="light"] .card h3,[data-theme="light"] .bentoCard h3,[data-theme="light"] .serviceCard h3,[data-theme="light"] .step strong{color:#202945}
[data-theme="light"] .pill,[data-theme="light"] .tag,[data-theme="light"] .filter{background:rgba(255,255,255,.6);color:#34405e}
[data-theme="light"] .filter.active{background:rgba(91,63,179,.16);color:#35256f;border-color:rgba(91,63,179,.35)}
[data-theme="light"] #neural{opacity:.76!important}

/* Subtle extra contrast for the light glass theme. */
[data-theme="light"]{--theme-bg:#e4e9f4;--theme-text:#18213b;--theme-muted:#45516b;--theme-muted2:#5f6b83;--theme-surface:rgba(43,56,94,.15);--theme-surface2:rgba(255,255,255,.92);--theme-line:rgba(28,41,75,.28);--theme-line2:rgba(28,41,75,.19);--bg:#e4e9f4;--text:#18213b;--muted:#45516b;--muted2:#5f6b83;--surface:rgba(43,56,94,.15);--surface2:rgba(255,255,255,.92);--line:rgba(28,41,75,.28);--line2:rgba(28,41,75,.19)}
[data-theme="light"] .glass{background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(211,219,236,.78));border-color:rgba(28,41,75,.28)}
[data-theme="light"] .card h3,[data-theme="light"] .bentoCard h3,[data-theme="light"] .serviceCard h3,[data-theme="light"] .step strong{color:#18213b}
[data-theme="light"] .card p,[data-theme="light"] .bentoCard p,[data-theme="light"] .serviceCard p,[data-theme="light"] .lead{color:#45516b}
[data-theme="light"] .kicker,[data-theme="light"] .eyebrow,[data-theme="light"] .meta{color:#493783}
[data-theme="light"] .pill,[data-theme="light"] .tag,[data-theme="light"] .filter{background:rgba(255,255,255,.54);border-color:rgba(28,41,75,.22);color:#2f3a56}
[data-theme="light"] #neural{opacity:.78!important}

/* Final light-theme contrast adjustment. */
[data-theme="light"]{--theme-bg:#dfe5f1;--theme-text:#151d35;--theme-muted:#3f4b65;--theme-muted2:#596680;--theme-surface:rgba(38,51,89,.18);--theme-line:rgba(24,36,69,.32);--theme-line2:rgba(24,36,69,.22);--bg:#dfe5f1;--text:#151d35;--muted:#3f4b65;--muted2:#596680;--surface:rgba(38,51,89,.18);--line:rgba(24,36,69,.32);--line2:rgba(24,36,69,.22)}
[data-theme="light"] .glass{background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(204,214,234,.82));border-color:rgba(24,36,69,.32);box-shadow:0 18px 50px rgba(35,48,86,.2),inset 0 1px 0 rgba(255,255,255,.95)}
[data-theme="light"] .navlinks a,[data-theme="light"] .navAction,[data-theme="light"] .aet-tool>button{color:#26314d}
[data-theme="light"] .navlinks a.active,[data-theme="light"] .navlinks a:hover{color:#151d35;background:rgba(73,52,131,.15)!important}
[data-theme="light"] .card h3,[data-theme="light"] .bentoCard h3,[data-theme="light"] .serviceCard h3,[data-theme="light"] .step strong{color:#151d35}
[data-theme="light"] .card p,[data-theme="light"] .bentoCard p,[data-theme="light"] .serviceCard p,[data-theme="light"] .lead{color:#3f4b65}
[data-theme="light"] .pill,[data-theme="light"] .tag,[data-theme="light"] .filter{background:rgba(255,255,255,.48);border-color:rgba(24,36,69,.25);color:#283450}
[data-theme="light"] #neural{opacity:.8!important}