:root{
  --bg:#000;--bg2:#0a0a0a;--panel:#111;--line:#222;
  --text:#f5f5f5;--muted:#9a9a9a;
  --pink:#ff4da6;--sun:#ff7a3d;--gold:#e8c547;--cyan:#5ce1ff;
  --display:'Bebas Neue',Impact,Haettenschweiler,sans-serif;
  --body:'Barlow Condensed',Arial Narrow,sans-serif;
  --textfont:'Barlow',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:var(--textfont);line-height:1.5;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img,video{display:block;max-width:100%}

/* Rockstar-like top bar */
.rs-top{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:linear-gradient(180deg,rgba(0,0,0,.85),rgba(0,0,0,0));}
.rs-logo{font-family:var(--display);font-size:28px;letter-spacing:.08em;color:#fff}
.rs-logo span{color:var(--pink)}
.rs-nav{display:flex;gap:22px;flex-wrap:wrap;align-items:center}
.rs-nav a{font-family:var(--body);font-size:15px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#ddd}
.rs-nav a:hover{color:var(--pink)}
.rs-cta{background:var(--pink);color:#000!important;padding:8px 14px;font-weight:700}

/* Full-bleed hero like Rockstar VI */
.hero{
  position:relative;min-height:100vh;min-height:100svh;
  display:flex;align-items:flex-end;justify-content:center;
  background:#000 center/cover no-repeat;
  background-image:
    linear-gradient(180deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,.15) 40%,rgba(0,0,0,.92) 100%),
    url('/media/stills/hero.jpg');
}
.hero-inner{width:min(1100px,92vw);padding:0 0 64px;text-align:center}
.hero-kicker{font-family:var(--body);letter-spacing:.35em;text-transform:uppercase;font-size:13px;color:var(--gold);margin-bottom:14px}
.hero h1{
  font-family:var(--display);font-weight:400;font-size:clamp(56px,12vw,140px);
  line-height:.9;letter-spacing:.02em;text-transform:uppercase;
  background:linear-gradient(180deg,#fff 20%,var(--pink) 70%,var(--sun) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  margin-bottom:12px;text-shadow:0 0 40px rgba(255,77,166,.15);
}
.hero-sub{font-family:var(--body);font-size:clamp(18px,3vw,28px);letter-spacing:.18em;text-transform:uppercase;color:#eee;margin-bottom:10px}
.hero-date{font-family:var(--body);font-size:14px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin-bottom:28px}
.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn{
  font-family:var(--body);font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  padding:14px 22px;border:1px solid transparent;display:inline-block;font-size:15px;
}
.btn-pink{background:var(--pink);color:#000}
.btn-outline{border-color:#fff;color:#fff;background:transparent}
.btn:hover{filter:brightness(1.08)}
.scroll-hint{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font-family:var(--body);letter-spacing:.2em;text-transform:uppercase;font-size:11px;color:#777}

section{padding:72px 0}
.wrap{width:min(1180px,92vw);margin:0 auto}
.sec-label{font-family:var(--body);letter-spacing:.28em;text-transform:uppercase;font-size:12px;color:var(--pink);margin-bottom:10px}
.sec-title{font-family:var(--display);font-size:clamp(36px,7vw,72px);line-height:.95;letter-spacing:.03em;text-transform:uppercase;margin-bottom:18px}
.sec-lead{max-width:640px;color:var(--muted);font-size:17px;margin-bottom:28px}

/* Trailer / media rows like Rockstar */
.media-row{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
@media(max-width:900px){.media-row{grid-template-columns:1fr}}
.feature-card{position:relative;overflow:hidden;background:#111;border:1px solid #1c1c1c;min-height:280px}
.feature-card video,.feature-card img{width:100%;height:100%;object-fit:cover;min-height:280px}
.feature-card .cap{
  position:absolute;left:0;right:0;bottom:0;padding:18px 16px;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.88));
  font-family:var(--body);letter-spacing:.14em;text-transform:uppercase;font-size:16px;
}
.play-badge{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:64px;height:64px;border:2px solid #fff;border-radius:50%;
  display:grid;place-items:center;background:rgba(0,0,0,.35);backdrop-filter:blur(4px);
}
.play-badge:after{content:"";border-style:solid;border-width:10px 0 10px 16px;border-color:transparent transparent transparent #fff;margin-left:3px}

/* Screenshot gallery — Rockstar media grid */
.shot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
@media(max-width:900px){.shot-grid{grid-template-columns:repeat(2,1fr)}}
.shot{position:relative;overflow:hidden;aspect-ratio:16/10;background:#111;border:1px solid #1a1a1a}
.shot img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.shot:hover img{transform:scale(1.06)}
.shot span{position:absolute;left:10px;bottom:8px;font-family:var(--body);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#fff;text-shadow:0 1px 8px #000}

/* Full-bleed map band */
.map-band{
  position:relative;min-height:70vh;display:flex;align-items:flex-end;
  background:#000 center/cover no-repeat;
  background-image:
    linear-gradient(90deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.35) 55%,rgba(0,0,0,.7) 100%),
    url('/media/map_full.png');
  border-top:1px solid #1a1a1a;border-bottom:1px solid #1a1a1a;
}
.map-band .wrap{padding:64px 0}
.map-band .sec-title{max-width:520px}

/* Story strip */
.story{
  background:
    linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.75)),
    url('/media/stills/hero2.jpg') center/cover;
  min-height:520px;display:flex;align-items:center;border-top:1px solid #1a1a1a;
}
.story-box{max-width:560px;background:rgba(0,0,0,.55);border:1px solid #2a2a2a;padding:28px;backdrop-filter:blur(6px)}
.story-box p{color:#ccc;margin:12px 0 0;font-size:16px}

/* Dual video */
.dual{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:800px){.dual{grid-template-columns:1fr}}
.dual article{background:#0d0d0d;border:1px solid #1c1c1c}
.dual video{width:100%;aspect-ratio:16/9;object-fit:cover;background:#000}
.dual .meta{padding:14px 14px 18px;font-family:var(--body);letter-spacing:.1em;text-transform:uppercase;font-size:14px;color:#ccc}

/* Stats like Rockstar info chips — not pills full rounded */
.info-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:28px}
@media(max-width:800px){.info-row{grid-template-columns:repeat(2,1fr)}}
.info{border:1px solid #2a2a2a;background:#0d0d0d;padding:16px}
.info b{display:block;font-family:var(--display);font-size:34px;color:#fff;line-height:1.08}
.info span{font-family:var(--body);letter-spacing:.14em;text-transform:uppercase;font-size:12px;color:var(--muted)}

/* Download strip */
.dl-strip{background:linear-gradient(90deg,#1a0510,#000 40%,#001018);border-top:1px solid #2a2a2a;border-bottom:1px solid #2a2a2a;padding:48px 0;text-align:center}
.dl-strip .sec-title{margin-bottom:10px}
.kw{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:18px 0}
.kw a{border:1px solid #333;padding:6px 10px;font-family:var(--body);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#aaa}
.kw a:hover{border-color:var(--pink);color:#fff}

footer{padding:36px 0 48px;border-top:1px solid #1a1a1a;color:#777;font-size:13px}
footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
footer a{color:#999;margin-right:12px;font-family:var(--body);letter-spacing:.08em;text-transform:uppercase;font-size:12px}


/* Inner pages shared with homepage gta.css */
.page-hero{
  position:relative;min-height:42vh;display:flex;align-items:flex-end;
  background:#000 center/cover no-repeat;padding:120px 0 48px;
  border-bottom:1px solid #1a1a1a;
}
.page-hero .wrap{width:min(1180px,92vw);margin:0 auto}
.page-hero h1{
  font-family:var(--display);font-size:clamp(42px,9vw,88px);line-height:.92;
  letter-spacing:.02em;text-transform:uppercase;margin:8px 0 12px;
  background:linear-gradient(180deg,#fff 10%,var(--pink) 75%,var(--sun));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.bread{font-family:var(--body);letter-spacing:.14em;text-transform:uppercase;font-size:12px;color:#888;margin-bottom:8px}
.bread a{color:#aaa}
.bread a:hover{color:var(--pink)}
.content{padding:56px 0 72px}
/* base panel/prose superseded by spacing fix */
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:860px){.grid-2,.grid-3{grid-template-columns:1fr}}
table{width:100%;border-collapse:collapse;font-size:14px}
th,td{padding:14px 10px;border-bottom:1px solid #1c1c1c;text-align:left;vertical-align:top}
th{font-family:var(--body);letter-spacing:.12em;text-transform:uppercase;font-size:12px;color:#888}
/* base timeline superseded by spacing fix */
.faq details{background:#0d0d0d;border:1px solid #1c1c1c;padding:14px 16px;margin:0 0 10px}
.faq summary{cursor:pointer;font-family:var(--body);letter-spacing:.08em;text-transform:uppercase;font-weight:700}
.faq details p{color:#aaa;margin-top:10px;font-size:14px}
.warn{border-left:3px solid var(--sun);background:#140e08;padding:14px 16px;margin:18px 0;color:#ccc;font-size:14px}
.warn strong{color:#fff}
.shot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
@media(max-width:900px){.shot-grid{grid-template-columns:repeat(2,1fr)}}
.shot{position:relative;overflow:hidden;aspect-ratio:16/10;background:#111;border:1px solid #1a1a1a}
.shot img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
.shot:hover img{transform:scale(1.05)}
.shot span{position:absolute;left:10px;bottom:8px;font-family:var(--body);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#fff;text-shadow:0 1px 8px #000}
.dual{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:800px){.dual{grid-template-columns:1fr}}
.dual article{background:#0d0d0d;border:1px solid #1c1c1c}
.dual video{width:100%;aspect-ratio:16/9;object-fit:cover;background:#000}
.dual .meta{padding:12px 14px 16px;font-family:var(--body);letter-spacing:.1em;text-transform:uppercase;font-size:13px;color:#bbb}
.map-full{border:1px solid #1c1c1c;background:#000;padding:8px;margin:18px 0}
.map-full img{width:100%}
/* steps title superseded */


/* === Breathable spacing fix (inner pages + shared bits) === */
.rs-nav{gap:28px}
.rs-nav a{letter-spacing:.14em}
.rs-cta{padding:10px 18px;white-space:nowrap}

.info{padding:22px 20px}
.info b{line-height:1.08;margin-bottom:8px}
.info span{display:block;margin-top:8px;line-height:1.45}

footer{padding:48px 0 60px}
footer .wrap{gap:24px;align-items:center}
footer a{margin-right:22px;letter-spacing:.12em}

.page-hero{padding:132px 0 60px;min-height:46vh}
.page-hero h1{
  line-height:1.05;
  margin:14px 0 20px;
}
.bread{margin-bottom:14px;line-height:1.5}
.page-hero .sec-lead,
.page-hero p.sec-lead{
  line-height:1.7 !important;
  max-width:640px;
  margin-top:4px !important;
}

.content{padding:68px 0 96px}
.panel{
  background:#0d0d0d;
  border:1px solid #1c1c1c;
  padding:28px 26px;
  margin:0 0 0;
  min-height:118px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:12px;
}
.panel h3{
  font-family:var(--display);
  font-size:clamp(26px,3vw,34px);
  letter-spacing:.06em;
  text-transform:uppercase;
  margin:0;
  line-height:1.12;
  color:#fff;
}
.panel .prose{
  margin:0;
  line-height:1.65;
  font-size:15px;
  color:#b8b8b8;
}

.prose{color:#c2c2c2;font-size:17px;line-height:1.8}
.prose p{margin:0 0 18px;line-height:1.8}
.prose ul,.prose ol{margin:0 0 18px 22px}
.prose li{margin:10px 0;line-height:1.75}

.grid-2{gap:20px}
.grid-3{gap:18px;margin-top:22px !important}

.timeline{
  border-left:2px solid #2a2a2a;
  margin:20px 0 8px 8px;
  padding-left:30px;
}
.tl{
  position:relative;
  margin:0 0 42px;
  padding-bottom:6px;
}
.tl:before{
  content:"";
  position:absolute;
  left:-37px;
  top:8px;
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--pink);
}
.tl .d{
  font-family:var(--body);
  letter-spacing:.18em;
  text-transform:uppercase;
  font-size:13px;
  color:var(--gold);
  display:block;
  margin:0 0 12px;
  line-height:1.4;
}
.tl h3{
  font-family:var(--display);
  font-size:clamp(24px,3.2vw,32px);
  letter-spacing:.05em;
  text-transform:uppercase;
  margin:0 0 14px;
  line-height:1.15;
  color:#fff;
}
.tl p{
  color:#b3b3b3;
  font-size:16px;
  line-height:1.75;
  max-width:720px;
  margin:0;
}

.steps .tl{margin:0 0 38px}
.steps .tl h3{font-size:clamp(22px,2.8vw,28px);margin:0 0 12px;line-height:1.15}
.steps .tl .d{margin-bottom:10px}

.faq details{padding:18px 20px;margin:0 0 14px}
.faq details p{margin-top:14px;line-height:1.7;font-size:15px}
.warn{padding:18px 20px;margin:28px 0;line-height:1.7;font-size:15px}

.shot-grid{gap:14px;margin-top:36px}
.dual{gap:18px}
.dual .meta{padding:18px 18px 22px;line-height:1.55;letter-spacing:.12em}
.map-full{margin:22px 0 28px;padding:10px}

.sec-title{
  font-family:var(--display);
  font-size:clamp(28px,4vw,42px);
  letter-spacing:.04em;
  text-transform:uppercase;
  line-height:1.12;
  margin:8px 0 18px;
}
.sec-label{margin-bottom:10px;display:block;line-height:1.4}

th,td{padding:18px 12px;line-height:1.55}

/* SEO hub — visible, Rockstar-like, no hidden text */
.seo-hub{
  background:#050505;
  border-top:1px solid #1a1a1a;
  padding:88px 0 96px;
}
.seo-hub .sec-title{max-width:920px}
.seo-hub-grid{
  display:grid;
  grid-template-columns:minmax(0,1.7fr) minmax(240px,.7fr);
  gap:36px;
  margin:28px 0 48px;
  align-items:start;
}
@media(max-width:860px){
  .seo-hub-grid{grid-template-columns:1fr;gap:24px}
}
.seo-prose{color:#c8c8c8;font-size:16px;line-height:1.75}
.seo-prose p{margin:0 0 16px}
.seo-prose h3{
  font-family:var(--body);
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#fff;
  font-size:15px;
  margin:22px 0 10px;
}
.seo-prose a{color:var(--pink);text-decoration:underline;text-underline-offset:3px}
.seo-prose code{color:#eee;font-size:13px}
.seo-aside{
  background:#0d0d0d;
  border:1px solid #1c1c1c;
  padding:22px 20px;
}
.seo-aside h3{
  font-family:var(--body);
  letter-spacing:.14em;
  text-transform:uppercase;
  font-size:13px;
  color:var(--cyan);
  margin:0 0 14px;
}
.seo-list{margin:0;padding:0 0 0 18px;color:#bbb;line-height:1.7}
.seo-list a{color:#ddd}
.seo-list a:hover{color:var(--pink)}
.seo-faq-title{
  font-family:var(--body);
  letter-spacing:.14em;
  text-transform:uppercase;
  font-size:16px;
  color:#fff;
  margin:0 0 16px;
}
.seo-faq details{
  background:#0d0d0d;
  border:1px solid #1c1c1c;
  padding:14px 16px;
  margin:0 0 10px;
}
.seo-faq summary{
  cursor:pointer;
  font-family:var(--body);
  letter-spacing:.06em;
  text-transform:uppercase;
  font-weight:700;
  color:#fff;
}
.seo-faq details p{color:#aaa;margin:12px 0 0;line-height:1.7;font-size:15px}
.seo-faq details a{color:var(--pink)}
.seo-tags{margin-top:28px;justify-content:flex-start}

/* EN launcher page — filled layout + motion */
.ln-page{position:relative;background:#000}
.ln-orbs{pointer-events:none;position:fixed;inset:0;z-index:0;overflow:hidden}
.ln-orbs span{
  position:absolute;border-radius:50%;filter:blur(40px);opacity:.35;
  animation:lnDrift 18s ease-in-out infinite;
}
.ln-orbs span:nth-child(1){width:420px;height:420px;left:-80px;top:12%;background:rgba(255,77,166,.28)}
.ln-orbs span:nth-child(2){width:360px;height:360px;right:-60px;top:40%;background:rgba(92,225,255,.18);animation-delay:-6s}
.ln-orbs span:nth-child(3){width:280px;height:280px;left:35%;bottom:-40px;background:rgba(255,122,61,.16);animation-delay:-11s}
@keyframes lnDrift{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(40px,-30px,0) scale(1.12)}
}
.ln-page header,.ln-page footer,.ln-page main,.ln-page .ln-stats,.ln-page .ln-support,.ln-page .ln-hero{position:relative;z-index:1}

.ln-hero{overflow:hidden;min-height:78vh;align-items:flex-end}
.ln-hero-bg{
  position:absolute;inset:-8%;
  background:
    linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.55) 45%,rgba(0,0,0,.94) 100%),
    url('/media/stills/still7.jpg') center/cover no-repeat;
  animation:lnKen 22s ease-in-out infinite alternate;
  transform:scale(1.08);
}
@keyframes lnKen{
  from{transform:scale(1.08) translate3d(0,0,0)}
  to{transform:scale(1.18) translate3d(-2%,1%,0)}
}
.ln-scan{
  position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(180deg,transparent 0 2px,rgba(0,0,0,.12) 2px 4px);
  opacity:.25;mix-blend-mode:overlay;
  animation:lnScan 7s linear infinite;
}
@keyframes lnScan{
  from{background-position:0 0}
  to{background-position:0 120px}
}
.ln-hero-copy{position:relative;padding-bottom:12px}
.ln-hero-copy h1{
  animation:lnTitleIn .9s cubic-bezier(.2,.7,.2,1) both;
}
@keyframes lnTitleIn{
  from{opacity:0;transform:translateY(18px) scale(.98);filter:blur(6px)}
  to{opacity:1;transform:none;filter:none}
}

.ln-pulse{
  box-shadow:0 0 0 0 rgba(255,77,166,.55);
  animation:lnPulse 2.4s ease-out infinite;
}
@keyframes lnPulse{
  0%{box-shadow:0 0 0 0 rgba(255,77,166,.5)}
  70%{box-shadow:0 0 0 16px rgba(255,77,166,0)}
  100%{box-shadow:0 0 0 0 rgba(255,77,166,0)}
}

.ln-stats{padding:28px 0 8px;border-bottom:1px solid #1a1a1a;background:linear-gradient(180deg,#0a0508,#000)}
.ln-stats .info{transition:transform .35s ease,border-color .35s ease}
.ln-stats .info:hover{transform:translateY(-4px);border-color:var(--pink)}

.ln-dock{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr);
  gap:28px;
  align-items:stretch;
  margin:0 0 40px;
  padding:32px 28px;
  background:linear-gradient(135deg,#12030c 0%,#0a0a0a 45%,#041016 100%);
  border:1px solid #2a1a22;
  position:relative;
  overflow:hidden;
}
.ln-dock.ln-glow{animation:lnDockFlash 2.4s ease-in-out}
@keyframes lnDockFlash{
  0%,100%{box-shadow:0 0 0 0 transparent}
  20%{box-shadow:0 0 40px 8px rgba(255,32,32,.35)}
  50%{box-shadow:0 0 48px 10px rgba(42,123,255,.4)}
  80%{box-shadow:0 0 36px 8px rgba(255,77,166,.35)}
}
@media(max-width:860px){.ln-dock{grid-template-columns:1fr;padding:24px 18px}}
.ln-dock-meta .sec-title{font-size:clamp(28px,5vw,48px);word-break:break-word}
.ln-dock-meta code{color:var(--cyan);font-size:13px}

.ln-fakeui{
  background:#070707;
  border:1px solid #222;
  min-height:220px;
  display:flex;flex-direction:column;
}
.ln-fakeui-bar{
  display:flex;align-items:center;gap:6px;
  padding:10px 12px;border-bottom:1px solid #1c1c1c;background:#0e0e0e;
}
.ln-fakeui-bar span{width:8px;height:8px;border-radius:50%}
.ln-fakeui-bar span:nth-child(1){background:#ff4d6d}
.ln-fakeui-bar span:nth-child(2){background:#e8c547}
.ln-fakeui-bar span:nth-child(3){background:#3dd68c}
.ln-fakeui-bar em{margin-left:10px;font-style:normal;font-family:var(--body);letter-spacing:.16em;font-size:11px;color:#888}
.ln-fakeui-body{padding:22px 18px 18px;flex:1;display:flex;flex-direction:column;justify-content:center;gap:16px}
.ln-eq{display:flex;align-items:flex-end;gap:5px;height:64px}
.ln-eq i{
  display:block;width:8px;background:linear-gradient(180deg,var(--pink),var(--cyan));
  animation:lnEq 1.1s ease-in-out infinite;
  transform-origin:bottom;
}
.ln-eq i:nth-child(1){height:30%;animation-delay:0s}
.ln-eq i:nth-child(2){height:70%;animation-delay:.1s}
.ln-eq i:nth-child(3){height:45%;animation-delay:.2s}
.ln-eq i:nth-child(4){height:90%;animation-delay:.15s}
.ln-eq i:nth-child(5){height:55%;animation-delay:.25s}
.ln-eq i:nth-child(6){height:80%;animation-delay:.05s}
.ln-eq i:nth-child(7){height:40%;animation-delay:.3s}
.ln-eq i:nth-child(8){height:65%;animation-delay:.18s}
@keyframes lnEq{
  0%,100%{transform:scaleY(.45)}
  50%{transform:scaleY(1)}
}
.ln-progress{height:6px;background:#1a1a1a;overflow:hidden}
.ln-progress span{
  display:block;height:100%;width:40%;
  background:linear-gradient(90deg,var(--pink),var(--cyan));
  animation:lnBar 2.2s ease-in-out infinite;
}
@keyframes lnBar{
  0%{transform:translateX(-100%);width:30%}
  50%{width:70%}
  100%{transform:translateX(280%);width:40%}
}
.ln-fakeui-status{font-family:var(--body);letter-spacing:.14em;text-transform:uppercase;font-size:12px;color:var(--gold)}

.ln-cards{margin:0 0 56px}
.ln-cards .panel{transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.ln-cards .panel:hover{transform:translateY(-5px);border-color:#ff4da6;box-shadow:0 12px 40px rgba(255,77,166,.12)}

.ln-steps-head{margin:8px 0 22px}
.ln-steps{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin:0 0 64px;
}
@media(max-width:900px){.ln-steps{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.ln-steps{grid-template-columns:1fr}}
.ln-step{
  background:#0d0d0d;
  border:1px solid #1c1c1c;
  padding:22px 20px 24px;
  min-height:200px;
  transition:transform .35s ease,border-color .35s ease;
}
.ln-step:hover{transform:translateY(-6px);border-color:var(--cyan)}
.ln-step-n{
  font-family:var(--display);
  font-size:42px;
  color:transparent;
  background:linear-gradient(180deg,#fff,var(--pink));
  -webkit-background-clip:text;background-clip:text;
  line-height:1;
  margin-bottom:10px;
}
.ln-step h3{
  font-family:var(--display);
  letter-spacing:.06em;
  text-transform:uppercase;
  font-size:28px;
  margin:0 0 10px;
}
.ln-step p{color:#aaa;font-size:15px;line-height:1.7;margin:0}
.ln-step a{color:var(--pink)}

.ln-media{margin:0 0 56px}
.ln-faq-wrap{margin:0 0 24px}
.ln-faq-wrap .faq details{transition:border-color .25s ease}
.ln-faq-wrap .faq details[open]{border-color:var(--pink)}

.ln-support{
  background:linear-gradient(135deg,#0E0E0E 0%,#1a0514 100%);
  border-top:1px solid #2a2a2a;
  padding:72px 0 80px;
}

.ln-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.ln-reveal.on{opacity:1;transform:none}

@media (prefers-reduced-motion: reduce){
  .ln-orbs span,.ln-hero-bg,.ln-scan,.ln-pulse,.ln-eq i,.ln-progress span,.ln-hero-copy h1{animation:none}
  .ln-reveal{opacity:1;transform:none}
  .ln-dock.ln-glow{animation:none}
}

.ln-hero--build .ln-hero-bg{
  background:
    linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.55) 45%,rgba(0,0,0,.94) 100%),
    url('/media/stills/hero.jpg') center/cover no-repeat;
}
.ln-compare{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin:0 0 56px;
}
@media(max-width:900px){.ln-compare{grid-template-columns:1fr}}
.ln-compare article{
  background:#0d0d0d;
  border:1px solid #1c1c1c;
  padding:24px 22px;
  min-height:220px;
  transition:transform .35s ease,border-color .35s ease;
}
.ln-compare article:hover{transform:translateY(-6px)}
.ln-compare article:nth-child(1):hover{border-color:var(--pink)}
.ln-compare article:nth-child(2):hover{border-color:var(--sun)}
.ln-compare article:nth-child(3):hover{border-color:var(--cyan)}
.ln-compare .tag{
  font-family:var(--body);
  letter-spacing:.16em;
  text-transform:uppercase;
  font-size:11px;
  margin-bottom:10px;
  color:var(--gold);
}
.ln-compare h3{
  font-family:var(--display);
  letter-spacing:.05em;
  text-transform:uppercase;
  font-size:28px;
  margin:0 0 12px;
}
.ln-compare p{color:#aaa;font-size:15px;line-height:1.7;margin:0}
.ln-prose-block{margin:0 0 48px}
.ln-prose-block .prose p{margin:0 0 16px}