/* LA2AGE / modern Interlude. Loaded after the legacy bundle. */
.landing-page{--landing-bg:#f0f1f3;--landing-surface:#fff;--landing-text:#171c25;--landing-muted:#576171;--landing-border:#d9dde4;--landing-radius:16px;--landing-accent:#e72840;--landing-accent-glow:transparent;background:var(--landing-bg)}
.dark .landing-page{--landing-bg:#0c1016;--landing-surface:#131922;--landing-text:#f0f2f6;--landing-muted:#a0aabb;--landing-border:#28313e;--landing-accent:#ff4055;--landing-accent-soft:rgba(255,64,85,.1);--landing-dark:#090c11}
.landing-header,.dark .landing-header{background:var(--landing-bg);border-bottom:1px solid var(--landing-border);box-shadow:none;animation:none}
.landing-header.is-scrolled{background:var(--landing-bg)}
.landing-header>div,.landing-page .max-w-7xl{max-width:1280px}
.landing-btn-primary,.landing-btn-launcher,.landing-btn-ghost{border-radius:8px;box-shadow:none;min-height:48px}
.landing-btn-launcher{background:#e72840;padding:16px 25px}
.landing-btn-launcher:hover{box-shadow:0 8px 28px #e7284026}
.landing-btn-primary--sm,.landing-btn-launcher--sm{min-height:40px}
.landing-btn-ghost{background:#10172280;border-color:#ffffff30;padding:16px 23px}
.landing-hero{min-height:740px;align-items:center;background:#0c1016;isolation:isolate}
.landing-hero__bg{inset:0;animation:none!important;transform:none!important}
.landing-hero__bg img{object-position:70% 32%;animation:none!important;transform:none!important;opacity:.85}
.landing-hero__overlay{background:linear-gradient(90deg,#0c1016 0%,#0c1016ed 25%,#0c10168a 53%,#0c101610 85%),linear-gradient(0deg,#0c1016 0%,transparent 30%)}
.landing-hero__noise{display:none}
.landing-hero__content{max-width:1280px;padding:80px 32px 38px;text-align:left}
.landing-hero__badge{padding:0;border:0;border-radius:0;background:none;box-shadow:none;animation:none;backdrop-filter:none;color:#b8c3d3;font-size:11px;letter-spacing:.2em;text-shadow:none}
.landing-hero__badge-dot{display:none}
.landing-hero__title{font-size:clamp(64px,8vw,112px);letter-spacing:-.07em;line-height:1.04;margin-top:22px;max-width:790px;text-wrap:initial}
.modern-rate{color:#ff4055}
.modern-hero-line{display:block;font-size:clamp(27px,3.6vw,48px);letter-spacing:-.045em;line-height:1.2;margin-top:14px;font-weight:600}
.landing-hero__subtitle{margin:24px 0 0;max-width:430px;font-size:16px;line-height:1.75;text-wrap:initial;color:#b4becc}
.modern-launch{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:26px;color:#acb9ca;font-size:12px}
.modern-launch>span{width:6px;height:6px;border-radius:50%;background:#67d9ab}
.modern-launch b{font-weight:500;border-left:1px solid #ffffff30;padding-left:10px;color:#edf1f7}
.landing-hero__actions{justify-content:flex-start;margin-top:25px}
.landing-hero__servers{max-width:650px;margin:52px 0 0;gap:12px}
.landing-server-card{background:#121a25a6;border-color:#ffffff18;border-radius:10px;padding:16px 18px;box-shadow:none}
.landing-server-card:hover{background:#182130;transform:none}
.landing-server-card__online-value{font-size:19px;font-weight:600}
.landing-server-card__status.is-active{animation:none;box-shadow:none}
.landing-server-card__meta{color:#a5b1c1}
.landing-server-card__online-label{color:#a5b1c1}
.landing-hero__anchors{display:none}
.modern-intro{max-width:1216px;margin:auto;padding:72px 0 60px;display:grid;grid-template-columns:1fr 1fr;gap:36px 64px;border-bottom:1px solid var(--landing-border)}
.modern-intro h2{font-size:clamp(30px,3.5vw,46px);letter-spacing:-.045em;line-height:1.15;font-weight:600;margin-top:16px}
.modern-intro>div:nth-child(2){align-self:center;max-width:490px;color:var(--landing-muted);line-height:1.8;font-size:15px}
.modern-intro__facts{grid-column:1/-1;display:flex;gap:64px;margin-top:10px}
.modern-intro__facts span{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--landing-muted)}
.modern-intro__facts b{font-size:24px;font-weight:500;color:var(--landing-text);letter-spacing:-.04em}
#features,#rates,#start,#faq{padding-top:72px;padding-bottom:72px}
.landing-section-head{text-align:left;max-width:780px;margin-left:0;margin-right:0}
.landing-section-head h2{font-size:clamp(28px,3.5vw,42px);font-weight:600;letter-spacing:-.045em;line-height:1.18}
.landing-section-head>p:last-child{max-width:650px;font-size:15px}
.landing-section-label{letter-spacing:.17em;font-size:10px;font-weight:600;color:var(--landing-accent)}
.landing-card{border-radius:14px;background:var(--landing-surface);border-color:var(--landing-border);box-shadow:none;transition:border-color .2s,background .2s}
.landing-card:hover{transform:none;box-shadow:none;border-color:var(--landing-accent-border-hover)}
#features .grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-top:32px}
#features .landing-card{grid-column:span 2;padding:26px;position:relative;overflow:hidden;min-height:230px}
#features .landing-card:first-child{grid-column:span 3;background:linear-gradient(120deg,#172333,#24364a);color:#f0f2f6}
#features .landing-card:nth-child(2){grid-column:span 3}
#features .landing-card:first-child .landing-text-muted{color:#b7c6d9;max-width:330px}
.landing-card__icon{background:transparent;border:1px solid var(--landing-border);border-radius:10px;color:var(--landing-accent);width:40px;height:40px;box-shadow:none}
.landing-card h3{font-size:19px;font-weight:600;letter-spacing:-.025em}
.landing-advantage-card__link{font-size:13px;font-weight:500}
#rates{background:var(--landing-surface);border-block:1px solid var(--landing-border)}
#rates .landing-card{background:var(--landing-bg);padding:32px}
#rates .landing-card:first-child{border-top:2px solid var(--landing-accent)}
#rates .landing-card h3{font-size:30px;letter-spacing:-.045em}
.landing-rate-pill{border-radius:5px;font-size:11px;background:var(--landing-accent-soft);color:var(--landing-text);padding:6px 10px}
.landing-info-item{border-color:var(--landing-border)}
#start ol{gap:0;border-top:1px solid var(--landing-border);margin-top:36px}
#start .landing-card{border:0;background:none;border-radius:0;padding:28px 32px 16px 0}
.landing-howto-step{background:none;color:var(--landing-muted);font-size:32px;font-weight:400;width:auto;height:auto;justify-content:flex-start;box-shadow:none}
#start li:nth-child(1) .landing-howto-step:before,#start li:nth-child(2) .landing-howto-step:before,#start li:nth-child(3) .landing-howto-step:before{content:'0'}
.landing-faq-item{border-radius:0;background:none;border:0;border-bottom:1px solid var(--landing-border);padding:0;box-shadow:none}
.landing-faq-item__q{padding:22px 0;font-size:15px;display:flex;justify-content:space-between;gap:16px}
.landing-faq-item__q:after{content:'+';font-size:22px;font-weight:400;color:var(--landing-accent)}
.landing-faq-item[open] .landing-faq-item__q:after{content:'−'}
.landing-faq-item__a{padding:0 24px 22px 0;color:var(--landing-muted)}
.landing-cta-band{background:#101722;border-block:1px solid #28313e}
.landing-cta-band__bg{opacity:.2;animation:none}
.landing-cta-band__overlay{background:linear-gradient(90deg,#101722e8,#101722c0)}
.landing-cta-band__content h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.045em;font-weight:600}
.landing-footer{background:#090d13;color:#94a1b2}
.landing-page a:focus-visible,.landing-page button:focus-visible,.landing-page summary:focus-visible{outline:2px solid var(--landing-accent);outline-offset:5px}
@media(min-width:1600px){.landing-hero{min-height:800px}.landing-hero__bg img{object-position:center 35%}}
@media(max-width:1279px){.modern-intro{margin-inline:32px}.landing-hero__content{padding-top:64px}}
@media(max-width:767px){.landing-hero{min-height:0}.landing-hero__content{padding:64px 20px 32px}.landing-hero__title{font-size:72px}.modern-hero-line{font-size:30px;max-width:320px}.landing-hero__bg img{object-position:63% center;opacity:.55}.landing-hero__overlay{background:linear-gradient(90deg,#0c1016eb,#0c10165c),linear-gradient(0deg,#0c1016,transparent 70%)}.landing-hero__subtitle{font-size:14px;max-width:340px}.landing-hero__servers{margin-top:36px}.landing-hero__badge{font-size:10px;letter-spacing:.12em}.landing-hero__actions{gap:10px}.landing-hero__actions>a{font-size:13px;padding:14px 17px}.landing-hero__actions .text-sm{font-size:11px}.modern-intro{margin-inline:20px;padding:48px 0;grid-template-columns:1fr;gap:24px}.modern-intro__facts{gap:30px;flex-wrap:wrap}.modern-intro__facts b{font-size:21px}.modern-intro__facts span{font-size:10px}.modern-intro h2 br{display:none}#features,#rates,#start,#faq{padding-block:48px}#features .grid{grid-template-columns:repeat(2,minmax(0,1fr))}#features .landing-card,#features .landing-card:first-child,#features .landing-card:nth-child(2){grid-column:span 1;padding:22px;min-height:0}#features .landing-card:first-child{grid-column:1/-1}#rates .landing-card{padding:24px}#start ol{grid-template-columns:1fr}#start .landing-card{padding:24px 0;border-bottom:1px solid var(--landing-border)}.landing-faq-item__q{font-size:14px}.landing-section-head h2{font-size:30px}}
@media(max-width:479px){#features .grid{grid-template-columns:1fr}.landing-hero__servers{grid-template-columns:1fr}.landing-hero__title{font-size:64px}.modern-launch{font-size:11px}.landing-hero__actions{align-items:stretch;flex-direction:column;max-width:340px}.modern-intro__facts{gap:26px}.landing-section-head h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.landing-page *, .landing-page *:before,.landing-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}