:root{--bg:#0b0c0e;--fg:#f2f3f5;--muted:#a0a4ad;--line:#292c33;--panel:#13161b;--raised:#1c2027;--glass:rgba(11,12,14,.76);--display:'Segoe UI',Arial,sans-serif}:root[data-theme=light]{--bg:#f5f6f8;--fg:#191d24;--muted:#59616e;--line:#d9dde4;--panel:#fff;--raised:#e9ecf1;--glass:rgba(245,246,248,.8)}body{font-family:'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}.wrap{width:min(1180px,calc(100% - 64px))}.topbar{background:var(--glass);backdrop-filter:blur(20px)}.topbar-inner{min-height:80px}.nav a{font-weight:400;text-transform:none;letter-spacing:0;font-size:13px;color:var(--muted)}.theme-toggle{border-radius:8px;font-size:11px;font-weight:400;letter-spacing:0;text-transform:none}.hero{padding:35px 0 65px;position:relative;background:radial-gradient(ellipse at 85% 40%,#8593b012,transparent 55%)}.hero h1{font:500 clamp(52px,7.8vw,106px)/1.12 'Segoe UI',Arial,sans-serif;letter-spacing:-3px;margin:75px 0 30px;text-transform:none}.hero h1 .outline{color:var(--muted);-webkit-text-stroke:0}.hero-bottom p{font-size:clamp(19px,2.3vw,27px);font-weight:400;line-height:1.5;letter-spacing:-.5px;max-width:560px}.back{font-size:12px;letter-spacing:0;text-transform:none;font-weight:400;border:1px solid var(--line);border-radius:8px;padding:12px 17px}.eyebrow{font-size:10px;color:var(--muted);font-weight:500}.section{padding:65px 0;scroll-margin-top:80px}.section-heading{grid-template-columns:1fr 2fr;gap:30px}.section h2{font:500 clamp(30px,4vw,50px)/1.2 'Segoe UI',Arial,sans-serif;letter-spacing:-1.4px;text-transform:none}.section-heading p{font-size:15px;line-height:1.7}.steps{border:0;gap:16px}.step{border:1px solid var(--line);border-radius:15px;background:linear-gradient(135deg,var(--raised),var(--panel));padding:25px;min-height:230px;gap:24px}.step:last-child{border:1px solid var(--line)}.step strong{font:500 clamp(24px,2.8vw,34px)/1.2 'Segoe UI',Arial,sans-serif;letter-spacing:-.6px;text-transform:none}.step p{font-size:13px;line-height:1.65}.selector{border:0;gap:12px}.term{border:1px solid var(--line)!important;border-radius:12px;background:var(--panel);padding:18px;min-height:185px;transition:background .2s,transform .2s}.term:hover{transform:translateY(-3px)}.term strong{font:500 clamp(25px,3.5vw,43px)/1.15 'Segoe UI',Arial,sans-serif;letter-spacing:-1px;text-transform:none}.term small{font-size:9px;letter-spacing:.6px}.quote{border:1px solid var(--line);border-radius:14px;padding:26px;background:var(--panel)}.quote strong{font:500 clamp(23px,3vw,35px)/1.2 'Segoe UI',Arial,sans-serif;text-transform:none;letter-spacing:-.8px}.quote p{font-size:13px}.event-panel{border-radius:15px;background:var(--panel);padding:30px}.event-panel strong{font:500 clamp(26px,3.5vw,42px)/1.2 'Segoe UI',Arial,sans-serif;text-transform:none;letter-spacing:-1px}.event-panel p{font-size:14px}.button{font-size:12px;letter-spacing:0;font-weight:400;text-transform:none;border-color:var(--line);border-radius:8px}.empty{border-radius:16px;background:radial-gradient(ellipse at 50% 0%,var(--raised),var(--panel));min-height:340px}.empty .zero{font:400 clamp(70px,12vw,150px)/1 Michroma,sans-serif;color:var(--muted)}.empty h2{font:500 clamp(25px,3vw,37px)/1.3 'Segoe UI',Arial,sans-serif;text-transform:none;letter-spacing:-.8px}.empty p{font-size:14px;line-height:1.7}.footer{padding:40px 0 25px}.footer-title{font:400 clamp(28px,6vw,65px)/1.2 Michroma,sans-serif;letter-spacing:.2em;margin:35px 0}.footer-bottom{font-size:10px;letter-spacing:0;text-transform:none}.footer-links{gap:25px}.soft-enter{animation:soft-enter .65s ease both}@keyframes soft-enter{from{opacity:0;filter:blur(4px);transform:translateY(14px)}to{opacity:1;filter:none;transform:none}}@media(max-width:850px){.section-heading{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.step{min-height:175px}.selector{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.wrap{width:calc(100% - 36px)}.topbar-inner{flex-wrap:wrap;gap:12px;padding:12px 0}.nav{order:3;flex-basis:100%;gap:20px;flex-wrap:wrap}.nav a{font-size:12px}.theme-toggle{margin-left:auto}.hero h1{font-size:clamp(43px,11vw,65px);letter-spacing:-2px;margin:55px 0 25px}.hero-bottom p{font-size:20px}.section{padding:45px 0}.section-heading{gap:15px}.selector{grid-template-columns:repeat(2,1fr)}.term{min-height:155px}.term strong{font-size:32px}.quote{gap:18px;padding:22px}.event-panel{padding:23px}.footer-bottom{flex-wrap:wrap}.section h2{font-size:32px}.eyebrow{font-size:9px}.hero-meta{gap:12px}.nav a:first-child{display:block}}@media(prefers-reduced-motion:reduce){.soft-enter{animation:none}.term{transition:none}.term:hover{transform:none}}

.hero h1 .product-brand{font:400 clamp(24px,3.6vw,43px)/1.5 Michroma,sans-serif;letter-spacing:.17em;margin-bottom:12px}

/* Wider desktop composition, with compact mobile gutters. */
@media(min-width:900px){.wrap{width:calc(100% - 80px);max-width:1800px}}

.theme-toggle{width:42px;height:42px;min-width:42px;padding:0;font-size:23px;display:grid;place-items:center}
.theme-toggle:after{content:none}

/* Tres duraciones del mismo plan. */
.selector{grid-template-columns:repeat(3,minmax(0,1fr))}
.quote .button{margin-top:20px;white-space:normal;text-align:center}
@media(max-width:640px){.selector{grid-template-columns:1fr}.term{min-height:125px}.term strong{font-size:34px}.quote .button{width:100%}}