:root{--ink:#092625;--deep:#0d302f;--panel:#123b39;--lime:#d8f26b;--mint:#9dd2c8;--paper:#f4f6ef;--line:rgba(255,255,255,.16);--muted:#b9cbc7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--ink);color:#fff;font-family:"DM Sans",Arial,sans-serif}.page-shell{position:relative;isolation:isolate;min-height:100vh;overflow:hidden;background:linear-gradient(90deg,rgba(7,32,31,.98) 0%,rgba(8,36,35,.94) 48%,rgba(8,35,34,.72) 100%),url("fondo.jpg") center/cover fixed}.page-shell:before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(216,242,107,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(216,242,107,.055) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,#000,transparent 78%)}.page-shell:after{content:"";position:absolute;z-index:-1;width:680px;height:680px;border:1px solid rgba(216,242,107,.12);border-radius:50%;right:-300px;top:-280px;box-shadow:0 0 0 90px rgba(216,242,107,.025),0 0 0 180px rgba(216,242,107,.018)}.topbar{width:min(1240px,calc(100% - 64px));height:104px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:block}.brand img{display:block;width:185px;height:auto}.home-link{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:600;font-size:14px;transition:color .2s ease}.home-link span{color:var(--lime);font-size:19px}.home-link:hover,.home-link:focus-visible{color:var(--lime)}main{width:min(1240px,calc(100% - 64px));margin:0 auto;padding:70px 0 54px}.intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.7fr);gap:70px;align-items:end;margin-bottom:46px}.eyebrow{grid-column:1/-1;color:var(--lime);text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:700;display:flex;align-items:center;gap:12px}.eyebrow span{width:30px;height:1px;background:var(--lime)}h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(40px,5.3vw,70px);line-height:1.02;letter-spacing:-.045em;margin:0;max-width:820px}h1 em{font-style:normal;color:var(--lime)}.intro-copy{margin:0 0 5px;color:#d2dfdc;font-size:17px;line-height:1.75;max-width:510px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.mode-card{position:relative;overflow:hidden;min-height:485px;padding:30px;background:linear-gradient(145deg,rgba(22,65,62,.95),rgba(13,47,46,.94));border:1px solid rgba(255,255,255,.17);display:flex;flex-direction:column;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.mode-card:hover{transform:translateY(-4px);border-color:rgba(216,242,107,.58);box-shadow:0 22px 55px rgba(0,0,0,.25)}.mode-card:after{content:"";position:absolute;width:210px;height:210px;border:1px solid rgba(216,242,107,.12);border-radius:50%;right:-100px;top:65px}.card-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.mode-number{font-family:Manrope,sans-serif;color:var(--lime);font-size:13px;font-weight:800;letter-spacing:.12em}.status{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.status i{display:block;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(216,242,107,.1)}.mode-symbol{position:relative;width:82px;height:75px;margin:37px 0 23px}.mode-symbol span{position:absolute;display:block;border:1px solid var(--mint);width:58px;height:39px;transform:skewY(-20deg)}.mode-symbol span:nth-child(1){left:0;top:27px}.mode-symbol span:nth-child(2){left:11px;top:17px;opacity:.7}.mode-symbol span:nth-child(3){left:22px;top:7px;opacity:.4}.mode-symbol.cube span:nth-child(1){transform:rotate(30deg) skewY(-30deg) scaleY(.86);left:4px;top:22px}.mode-symbol.cube span:nth-child(2){transform:rotate(-30deg) skewY(30deg) scaleY(.86);left:35px;top:22px}.mode-symbol.cube span:nth-child(3){width:58px;height:58px;transform:rotate(30deg) skewY(-30deg) scaleY(.86);left:19px;top:-7px;opacity:.45}.mode-label{margin:0 0 7px;color:var(--lime);font-weight:700;font-size:11px;letter-spacing:.15em}.mode-card h2{font-family:Manrope,sans-serif;font-size:31px;letter-spacing:-.03em;margin:0 0 12px}.mode-description{color:#cad9d6;line-height:1.65;margin:0 0 22px;max-width:530px}.mode-card ul{list-style:none;padding:0;margin:0 0 27px;border-top:1px solid var(--line)}.mode-card li{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.mode-card li span{color:var(--muted)}.mode-card li strong{font-weight:600;text-align:right}.primary-action{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:var(--lime);color:var(--ink);text-decoration:none;font-weight:800;transition:background .2s ease,transform .2s ease}.primary-action span{font-size:21px}.primary-action:hover,.primary-action:focus-visible{background:#edff9e;transform:translateX(2px)}.scope-note{margin-top:22px;display:flex;gap:18px;align-items:flex-start;padding:22px 24px;background:rgba(7,30,29,.76);border:1px solid var(--line);border-left:3px solid var(--lime)}.note-icon{flex:0 0 25px;height:25px;border:1px solid var(--lime);border-radius:50%;display:grid;place-items:center;color:var(--lime);font-family:serif;font-weight:700}.scope-note strong{display:block;margin-bottom:3px;font-family:Manrope,sans-serif}.scope-note p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}footer{width:min(1240px,calc(100% - 64px));margin:auto;padding:24px 0 30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#8fa8a3;font-size:12px;letter-spacing:.05em}@media (max-width:900px){.intro{grid-template-columns:1fr;gap:22px}.mode-card{min-height:510px}}@media (max-width:720px){.topbar,main,footer{width:min(100% - 36px,1240px)}.topbar{height:84px}.brand img{width:150px}.home-link{font-size:0}.home-link span{font-size:24px}main{padding:50px 0 38px}.intro{margin-bottom:34px}.intro-copy{font-size:16px}.mode-grid{grid-template-columns:1fr}.mode-card{min-height:0;padding:24px}.mode-symbol{margin:28px 0 20px}.scope-note{padding:19px}.page-shell{background-attachment:scroll}footer{gap:20px;flex-direction:column}}@media (max-width:420px){h1{font-size:36px}.mode-card li{flex-direction:column;gap:3px}.mode-card li strong{text-align:left}}