/* XENO APPS LLC — production visual direction using only user-provided app media */
:root{
  --bg:#05060b;
  --panel:#0a0d15;
  --panel2:#0e111c;
  --line:rgba(255,255,255,.09);
  --text:#f7f8fc;
  --muted:#9198aa;
  --purple:#9b5cff;
  --violet:#6e59ff;
  --blue:#4aaeff;
  --pink:#d84eff;
  --green:#72ff8f;
  --gold:#f2c55f;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit}
.container{width:min(1200px,calc(100% - 48px));margin:0 auto;position:relative;z-index:2}
.space-bg{position:fixed;inset:0;z-index:-5;overflow:hidden;background:linear-gradient(180deg,#05060b 0%,#080915 45%,#05060b 100%)}
.stars{position:absolute;inset:-20%;opacity:.48}
.stars-a{background-image:radial-gradient(circle,#fff 0 1px,transparent 1.3px);background-size:115px 115px}
.stars-b{background-image:radial-gradient(circle,#8b6cff 0 1px,transparent 1.4px);background-size:177px 177px;transform:translate(50px,30px)}
.nebula{position:absolute;border-radius:50%;filter:blur(90px)}
.n1{width:700px;height:700px;background:rgba(92,51,220,.14);right:-220px;top:120px}
.n2{width:600px;height:600px;background:rgba(35,128,255,.08);left:-250px;top:900px}
.cursor-glow{position:fixed;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(115,79,255,.11),transparent 68%);pointer-events:none;z-index:-1;transform:translate(-50%,-50%);opacity:0}

.site-header{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(5,6,11,.72);backdrop-filter:blur(22px);border-bottom:1px solid var(--line)}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;gap:12px;align-items:center}
.x-mark{font:900 34px/1 Orbitron,sans-serif;background:linear-gradient(135deg,#b66cff,#715cff,#4ebaff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(120,80,255,.36))}
.x-mark.small{font-size:24px}
.brand-words{display:flex;align-items:baseline;gap:7px}
.brand-words strong{font:700 16px Orbitron,sans-serif;letter-spacing:.09em}
.brand-words small{font-size:8px;color:#6d7382;letter-spacing:.16em}
.nav-links{display:flex;gap:34px}
.nav-links a{font-size:11px;font-weight:700;color:#aeb4c2;text-transform:uppercase;letter-spacing:.06em}
.nav-links a:hover{color:#fff}
.contact-btn{border:1px solid rgba(159,93,255,.45);border-radius:11px;padding:12px 16px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.contact-btn span{margin-left:8px;color:#a76aff}
.menu-btn{display:none;background:none;border:0;color:#fff;font-size:24px}
.mobile-menu{display:none}

.hero{min-height:970px;padding:145px 0 65px;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;right:-260px;top:60px;width:950px;height:950px;border-radius:50%;border:1px solid rgba(137,95,255,.10);box-shadow:inset 0 0 120px rgba(83,48,185,.08)}
.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:30px;align-items:center}
.badge{display:inline-flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid rgba(163,97,255,.38);border-radius:999px;color:#bd84ff;font-size:9px;font-weight:800;letter-spacing:.12em}
.badge span{width:6px;height:6px;border-radius:50%;background:#ac67ff;box-shadow:0 0 14px #ac67ff}
.hero h1{font:800 clamp(58px,6vw,88px)/.94 Orbitron,sans-serif;letter-spacing:-.05em;margin:27px 0 23px;max-width:760px}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,#ae66ff 0%,#7466ff 50%,#54bbff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy>p{max-width:620px;color:#a0a7b7;line-height:1.82;font-size:15px}
.hero-actions{display:flex;gap:13px;margin-top:30px;flex-wrap:wrap}
.primary,.secondary{min-height:54px;padding:0 19px;border-radius:11px;display:inline-flex;align-items:center;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;transition:.25s}
.primary{background:linear-gradient(90deg,#7e4dff,#5c6dff);box-shadow:0 18px 55px rgba(83,64,255,.22);gap:46px}
.primary:hover{transform:translateY(-2px)}
.secondary{border:1px solid var(--line);color:#bdc2ce}
.hero-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:54px}
.hero-meta div{border-left:1px solid var(--line);padding-left:14px;display:grid;gap:5px}
.hero-meta b{font:700 21px Orbitron,sans-serif}
.hero-meta span{color:#707787;font-size:9px}

.hero-showcase{min-height:690px;position:relative;display:grid;place-items:center;perspective:1800px}
.orbit{position:absolute;border-radius:50%;border:1px solid rgba(135,94,255,.16)}
.orbit-1{width:590px;height:590px}
.orbit-2{width:470px;height:470px;border-style:dashed;animation:spin 25s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.phone{position:relative;border:1px solid rgba(255,255,255,.18);background:#090a0e;border-radius:42px;padding:9px;box-shadow:0 28px 90px rgba(0,0,0,.62),inset 0 0 0 1px rgba(255,255,255,.03);overflow:hidden}
.phone img{width:100%;height:100%;object-fit:cover;border-radius:33px}
.phone-notch{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:92px;height:24px;background:#050507;border-radius:0 0 17px 17px;z-index:4}
.phone-main{width:260px;height:570px;z-index:4;transform:translateY(-5px)}
.phone-left{width:210px;height:465px;position:absolute;left:6%;top:18%;transform:rotate(-11deg);z-index:2}
.phone-right{width:205px;height:455px;position:absolute;right:3%;top:16%;transform:rotate(10deg);z-index:2}
.floating-tile{position:absolute;z-index:5;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 70px rgba(0,0,0,.55)}
.reel-tile{width:155px;aspect-ratio:.56;left:4%;bottom:0;transform:rotate(-4deg)}
.floating-pill{position:absolute;right:4%;bottom:16%;font-size:8px;font-weight:800;letter-spacing:.12em;border:1px solid var(--line);background:rgba(8,10,17,.82);backdrop-filter:blur(12px);padding:8px 10px;border-radius:7px;color:#b9bfcd;z-index:8}
.pill-two{right:auto;left:14%;top:11%;bottom:auto}

.status-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(8,9,15,.78)}
.status-grid{min-height:100px;display:grid;grid-template-columns:repeat(5,1fr)}
.status-grid>div{border-right:1px solid var(--line);padding:23px 18px;display:grid;grid-template-columns:14px 1fr;grid-template-rows:auto auto;align-content:center}
.status-grid>div:last-child{border-right:0}
.dot{width:7px;height:7px;border-radius:50%;grid-row:1/3;margin-top:4px}
.dot.live{background:#73ff91;box-shadow:0 0 14px rgba(115,255,145,.5)}
.dot.soon{background:#bd7bff;box-shadow:0 0 14px rgba(189,123,255,.5)}
.status-grid b{font-size:10px;letter-spacing:.02em}
.status-grid small{color:#6f7686;font-size:7px;letter-spacing:.09em;margin-top:4px}

.section{padding:130px 0;position:relative}
.section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:90px;align-items:end;margin-bottom:60px}
.eyebrow{font-size:9px;font-weight:800;color:#aa68ff;letter-spacing:.15em;margin-bottom:15px}
.eyebrow.dark{color:#704add}
.section h2{font:700 clamp(44px,5vw,66px)/.98 Orbitron,sans-serif;letter-spacing:-.045em;margin:0}
.section h2 span{background:linear-gradient(90deg,#a764ff,#55b9ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.section-head>p{color:#949baa;line-height:1.75;font-size:14px}

.feature-card{min-height:650px;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:linear-gradient(135deg,#0d1019,#080a10);display:grid;grid-template-columns:1.15fr .85fr;margin-bottom:26px;box-shadow:0 30px 90px rgba(0,0,0,.24)}
.feature-card.reverse{grid-template-columns:.95fr 1.05fr}
.feature-card.reverse .feature-media{order:2}
.feature-media{position:relative;overflow:hidden;display:grid;place-items:center;min-height:650px}
.art-media img{width:100%;height:100%;object-fit:cover}
.art-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 54%,rgba(8,10,16,.62))}
.feature-copy{padding:58px;align-self:center;position:relative;z-index:2}
.app-topline{display:flex;justify-content:space-between;align-items:center;color:#646b7a;font-size:9px;font-weight:800;letter-spacing:.11em}
.availability{border-radius:999px;padding:7px 9px;border:1px solid}
.live-tag{color:#91ffa5;border-color:rgba(115,255,145,.25);background:rgba(115,255,145,.05)}
.soon-tag{color:#d2a3ff;border-color:rgba(187,113,255,.28);background:rgba(187,113,255,.06)}
.type{font-size:9px;letter-spacing:.14em;color:#727989;font-weight:800;margin-top:46px}
.feature-copy h3,.mini-copy h3{font:700 clamp(40px,4vw,58px)/1 Orbitron,sans-serif;letter-spacing:-.05em;margin:10px 0 16px}
.desc,.mini-copy>p{color:#949baa;line-height:1.75;font-size:13px}
.chip-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
.chip-row span{font-size:8px;letter-spacing:.09em;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:#989eac;padding:7px 9px;border-radius:7px}
.learn-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:18px;margin-top:36px;font-size:10px;font-weight:700;color:#b8bcff}

.split-media{background:radial-gradient(circle at 60% 40%,rgba(69,118,255,.18),transparent 35%),linear-gradient(145deg,#0d1830,#08101f)}
.feature-banner{position:absolute;left:6%;top:8%;width:88%;border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.simple-phone{width:235px;height:510px;z-index:3;transform:translate(18%,18%) rotate(5deg)}
.strength-icon{position:absolute;left:8%;bottom:8%;width:112px;border-radius:26px;box-shadow:0 22px 60px rgba(0,0,0,.42)}

.dual-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;margin-bottom:26px}
.mini-app{border:1px solid var(--line);border-radius:28px;overflow:hidden;background:linear-gradient(180deg,#0c0e16,#080a10);min-height:760px;display:grid;grid-template-rows:440px 1fr}
.mini-media{position:relative;display:grid;place-items:center;overflow:hidden}
.chess .mini-media{background:radial-gradient(circle,#513b1e 0%,#16130d 42%,#08090b 72%)}
.poker .mini-media{background:radial-gradient(circle,#163323 0%,#0b1611 38%,#070909 72%)}
.mini-phone{width:230px;height:500px;transform:translateY(65px)}
.mini-copy{padding:34px}
.mini-copy .type{margin-top:34px}
.mini-copy h3{font-size:36px}
.mini-copy>p{min-height:72px}

.dragon{background:radial-gradient(circle at 30% 50%,rgba(171,65,255,.16),transparent 28%),linear-gradient(135deg,#18102d,#090a12)}
.dragon-media{background:linear-gradient(160deg,#17194d,#5a41b5 58%,#ad45dc)}
.dragon-halo{position:absolute;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(221,76,255,.27),transparent 65%);filter:blur(8px)}
.dragon-phone{width:280px;height:610px;z-index:2;transform:rotate(-3deg)}

.puzzle{background:radial-gradient(circle at 70% 45%,rgba(255,143,92,.16),transparent 30%),linear-gradient(135deg,#18102d,#090a12)}
.puzzle-media{background:linear-gradient(160deg,#1c1440,#6b3fa0 55%,#ff8f5c)}
.puzzle-halo{position:absolute;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(255,143,92,.27),transparent 65%);filter:blur(8px)}
.puzzle-phone{width:280px;height:610px;z-index:2;transform:rotate(3deg)}

.crimescene{background:radial-gradient(circle at 30% 40%,rgba(255,64,64,.14),transparent 30%),linear-gradient(135deg,#150b0f,#090a12)}
.crimescene-media{background:linear-gradient(160deg,#101322,#3a1420 60%,#ff4040)}
.crimescene-halo{position:absolute;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(255,64,64,.24),transparent 65%);filter:blur(8px)}
.crimescene-phone{width:280px;height:610px;z-index:2;transform:rotate(-3deg)}

.studio{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,#080a12,#0a0b13)}
.studio-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:95px;align-items:center}
.studio-copy>p{color:#959cab;line-height:1.85;max-width:560px}
.studio-values{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line);border-radius:24px;overflow:hidden}
.studio-values>div{padding:28px;min-height:205px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.studio-values>div:nth-child(2n){border-right:0}.studio-values>div:nth-last-child(-n+2){border-bottom:0}
.studio-values span{color:#675f89;font:700 9px Orbitron,sans-serif}.studio-values b{display:block;margin-top:25px;font:700 13px Orbitron,sans-serif}.studio-values p{color:#777f90;font-size:11px;line-height:1.7}

.labs-panel{border:1px solid rgba(146,93,255,.28);border-radius:30px;min-height:500px;display:grid;grid-template-columns:.8fr 1.2fr;overflow:hidden;background:radial-gradient(circle at 20% 50%,rgba(130,73,255,.22),transparent 28%),linear-gradient(120deg,#171027,#080a12 62%)}
.labs-mark{display:grid;place-items:center;font:900 175px Orbitron,sans-serif;background:linear-gradient(135deg,#c275ff,#7763ff,#59c4ff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 40px rgba(127,83,255,.26))}
.labs-copy{padding:72px 70px;align-self:center}
.labs-copy>p{color:#9ba1b0;line-height:1.8}
.lab-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.lab-tags span{font-size:8px;letter-spacing:.1em;border:1px solid var(--line);border-radius:999px;padding:8px 10px;color:#a5abba}

.contact-panel{min-height:390px;border-radius:30px;background:#f1f3f7;color:#090b10;padding:50px;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end}
.contact-panel h2{font-size:54px}
.contact-side{display:grid;gap:16px}.contact-side p{color:#747a85;font-size:12px;line-height:1.7}.contact-side a{font:700 clamp(16px,2vw,25px) Orbitron,sans-serif;border-bottom:1px solid #c6c9cf;padding:14px 0;display:flex;justify-content:space-between;gap:20px}.contact-side small{color:#7b818c}

footer{border-top:1px solid var(--line)}
.footer-inner{min-height:130px;display:flex;align-items:center;justify-content:space-between;color:#676e7d;font-size:9px}
.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand div{display:grid;gap:3px}.footer-brand b{color:#d6d9e1;font-size:10px;letter-spacing:.1em}.footer-brand small{font-size:8px}

@media(max-width:1020px){
  .nav-links,.contact-btn{display:none}.menu-btn{display:block}.mobile-menu.open{display:grid;padding:12px 24px 22px;background:#07080e;border-top:1px solid var(--line)}.mobile-menu a{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:12px}
  .hero-grid,.section-head,.studio-grid{grid-template-columns:1fr}.hero{padding-top:115px}.hero-showcase{min-height:680px}
  .status-grid{grid-template-columns:repeat(2,1fr)}.status-grid>div{border-bottom:1px solid var(--line)}.status-grid>div:nth-child(2n){border-right:0}
  .feature-card,.feature-card.reverse{grid-template-columns:1fr}.feature-card.reverse .feature-media{order:0}.feature-media{min-height:580px}.art-media:after{background:linear-gradient(180deg,transparent 60%,rgba(8,10,16,.7))}
  .dual-grid{grid-template-columns:1fr}.labs-panel{grid-template-columns:1fr}.labs-mark{min-height:260px}.labs-copy{padding:45px}.contact-panel{grid-template-columns:1fr}
}
@media(max-width:700px){
  .container{width:min(100% - 28px,1200px)}.nav{height:68px}.brand-words strong{font-size:13px}
  .hero{min-height:auto;padding-bottom:45px}.hero h1{font-size:47px}.hero-showcase{min-height:560px;transform:scale(.92);margin:0 -30px}
  .phone-main{width:220px;height:485px}.phone-left{width:165px;height:365px;left:0}.phone-right{width:160px;height:355px;right:0}.reel-tile{width:110px;left:3%}.floating-pill{display:none}
  .hero-meta{grid-template-columns:1fr}.status-grid{grid-template-columns:1fr}.status-grid>div{border-right:0}
  .section{padding:90px 0}.section h2{font-size:39px}.feature-card{min-height:auto}.feature-media{min-height:450px}.feature-copy{padding:31px 24px}.type{margin-top:32px}
  .art-media{min-height:540px}.simple-phone{width:190px;height:420px}.strength-icon{width:85px}.feature-banner{top:5%}
  .mini-app{min-height:680px;grid-template-rows:390px 1fr}.mini-phone{width:190px;height:420px}.mini-copy{padding:27px 23px}
  .dragon-media{min-height:550px}.dragon-phone{width:230px;height:505px}
  .puzzle-media{min-height:550px}.puzzle-phone{width:230px;height:505px}
  .crimescene-media{min-height:550px}.crimescene-phone{width:230px;height:505px}
  .studio-values{grid-template-columns:1fr}.studio-values>div{border-right:0!important;border-bottom:1px solid var(--line)!important}.studio-values>div:last-child{border-bottom:0!important}
  .labs-copy{padding:32px 24px 38px}.labs-mark{font-size:120px}.contact-panel{padding:32px 24px}.contact-panel h2{font-size:39px}.contact-side a{font-size:14px;word-break:break-word}
  .footer-inner{min-height:170px;flex-direction:column;justify-content:center;gap:18px;text-align:center}
}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}


/* Reel Riches — real lobby screenshot presentation */
.reel-screen-media{
  background:
    radial-gradient(circle at 50% 42%, rgba(255,200,42,.16), transparent 23%),
    radial-gradient(circle at 32% 35%, rgba(147,55,255,.24), transparent 30%),
    radial-gradient(circle at 68% 72%, rgba(255,50,87,.12), transparent 28%),
    linear-gradient(145deg,#130a1f,#07080e 72%);
}
.reel-backdrop{
  position:absolute;
  width:520px;
  height:520px;
  border-radius:50%;
  border:1px solid rgba(255,202,56,.18);
  box-shadow:
    0 0 100px rgba(137,55,255,.16),
    inset 0 0 80px rgba(255,191,35,.06);
}
.reel-backdrop::before,
.reel-backdrop::after{
  content:"";
  position:absolute;
  border-radius:50%;
  border:1px dashed rgba(164,86,255,.16);
}
.reel-backdrop::before{inset:42px}
.reel-backdrop::after{inset:92px;border-color:rgba(255,206,69,.12)}
.reel-phone{
  width:290px;
  height:625px;
  z-index:3;
  transform:rotate(-2.5deg);
  border-color:rgba(255,208,69,.22);
  box-shadow:
    0 38px 100px rgba(0,0,0,.7),
    0 0 65px rgba(123,57,255,.18),
    0 0 35px rgba(255,191,44,.08);
}
.reel-phone img{
  object-position:center top;
}
.reel-tile{
  aspect-ratio:auto;
  height:275px;
}
.reel-tile img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
}

@media(max-width:700px){
  .reel-phone{width:235px;height:510px}
  .reel-backdrop{width:390px;height:390px}
}

/* ===== MULTI-PAGE PUBLISHER EDITION ===== */
.inner-page{padding-top:78px}
.footer-nav{display:flex;gap:18px}
.footer-nav a{color:#777e8d}.footer-nav a:hover{color:#fff}
.publisher-showcase .reel-hero-phone{width:300px;height:645px;z-index:6;transform:translateY(-10px) rotate(-1deg);border-color:rgba(255,208,69,.25);box-shadow:0 42px 110px rgba(0,0,0,.72),0 0 72px rgba(129,61,255,.18),0 0 36px rgba(255,197,46,.09)}
.publisher-showcase .publisher-left{width:190px;height:425px;left:1%;top:20%;opacity:.85}
.publisher-showcase .publisher-right{width:185px;height:415px;right:1%;top:19%;opacity:.85}
.hero-title-pill{right:3%;bottom:12%}
.publisher-feature{padding:110px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,#080a12,#0b0d16)}
.publisher-feature-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:80px;align-items:center}
.publisher-feature h2,.preview-head h2,.page-hero h1,.publisher-panel h2{font:700 clamp(42px,5vw,66px)/.98 Orbitron,sans-serif;letter-spacing:-.045em;margin:0}
.publisher-feature p,.publisher-panel p{color:#969dac;line-height:1.8;max-width:590px}
.publisher-feature-media{height:570px;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.10);background:radial-gradient(circle at 50% 36%,rgba(166,78,255,.20),transparent 30%),radial-gradient(circle at 50% 65%,rgba(255,195,35,.08),transparent 28%),#08090f;display:grid;place-items:center}
.publisher-feature-media img{height:100%;width:auto;object-fit:contain;filter:drop-shadow(0 30px 65px rgba(0,0,0,.62))}
.portfolio-preview{padding:110px 0}
.preview-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}
.preview-head>a{font-size:10px;color:#b4b8ff}
.preview-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.preview-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#0b0d14;transition:.25s ease}
.preview-card:hover{transform:translateY(-5px);border-color:rgba(155,92,255,.38);box-shadow:0 20px 60px rgba(0,0,0,.28)}
.preview-card img{width:100%;height:260px;object-fit:cover;object-position:center top}
.preview-card div{padding:17px;display:grid;gap:5px}.preview-card b{font:700 13px Orbitron,sans-serif}.preview-card span{font-size:9px;color:#737b8b}
.publisher-callout{padding:0 0 120px}
.publisher-panel{border:1px solid rgba(147,92,255,.26);border-radius:30px;padding:70px;background:radial-gradient(circle at 10% 50%,rgba(132,77,255,.17),transparent 25%),linear-gradient(120deg,#151026,#080a12 68%)}
.publisher-panel p{max-width:760px;margin:20px 0 26px}
.page-hero{padding:120px 0 72px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 75% 20%,rgba(106,66,255,.15),transparent 30%)}
.page-hero h1{font-size:clamp(54px,6vw,84px)}
.page-hero p{max-width:760px;color:#969dac;line-height:1.8;font-size:15px}
.support-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:40px}
.support-card{border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#0d1018,#090b11);padding:38px;min-height:290px}
.support-card>span{font:700 9px Orbitron,sans-serif;color:#7559c8}
.support-card h2{font:700 28px Orbitron,sans-serif;margin:32px 0 14px}
.support-card p{color:#8f97a8;line-height:1.75;font-size:13px}
.support-card a{display:inline-block;margin-top:22px;color:#b3b6ff;font-size:10px;font-weight:700}
@media(max-width:1020px){.publisher-feature-grid{grid-template-columns:1fr}.preview-grid{grid-template-columns:repeat(2,1fr)}.support-grid{grid-template-columns:1fr}}
@media(max-width:700px){.publisher-showcase .reel-hero-phone{width:235px;height:510px}.publisher-showcase .publisher-left{width:145px;height:325px;left:-2%}.publisher-showcase .publisher-right{width:140px;height:315px;right:-2%}.publisher-feature{padding:80px 0}.publisher-feature-media{height:480px}.portfolio-preview{padding:80px 0}.preview-head{display:grid;gap:18px}.preview-grid{grid-template-columns:1fr 1fr}.preview-card img{height:190px}.publisher-panel{padding:38px 24px}.publisher-callout{padding-bottom:80px}.page-hero{padding:90px 0 55px}.page-hero h1{font-size:48px}.footer-nav{flex-wrap:wrap;justify-content:center}}


/* ===== XENO PUBLISHER PRO PASS ===== */
.scroll-progress{
  position:fixed;top:0;left:0;height:2px;width:0;
  z-index:100;background:linear-gradient(90deg,#a963ff,#5b7cff,#4dc9ff);
  box-shadow:0 0 14px rgba(112,92,255,.65)
}

.release-ribbon{
  overflow:hidden;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:rgba(8,9,15,.90)
}
.release-ribbon-track{
  width:max-content;min-width:200%;
  height:58px;display:flex;align-items:center;gap:26px;
  color:#7f8797;font-size:9px;font-weight:800;letter-spacing:.11em;
  animation:xenoTicker 32s linear infinite
}
.release-ribbon-track span{display:flex;align-items:center;gap:8px}
.release-ribbon-track b{color:#7a55c7;font-size:8px}
.signal{width:6px;height:6px;border-radius:50%}
.signal.live{background:#72ff8f;box-shadow:0 0 12px rgba(114,255,143,.55)}
.signal.soon{background:#bc76ff;box-shadow:0 0 12px rgba(188,118,255,.5)}
@keyframes xenoTicker{to{transform:translateX(-50%)}}

.publisher-standard{
  padding:115px 0;
  border-top:1px solid var(--line);
  background:
    radial-gradient(circle at 75% 20%,rgba(75,124,255,.08),transparent 30%),
    linear-gradient(180deg,#070910,#090b13)
}
.standard-head{
  display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:end;margin-bottom:42px
}
.standard-head h2{
  font:700 clamp(42px,5vw,64px)/.98 Orbitron,sans-serif;
  letter-spacing:-.045em;margin:0
}
.standard-head>p{color:#929aaa;line-height:1.8;font-size:14px}
.standard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.standard-card{
  min-height:310px;border:1px solid var(--line);border-radius:24px;padding:28px;
  background:linear-gradient(145deg,rgba(17,20,32,.9),rgba(8,10,17,.88));
  position:relative;overflow:hidden;transition:.3s ease
}
.standard-card:after{
  content:"";position:absolute;width:220px;height:220px;border-radius:50%;
  background:radial-gradient(circle,rgba(139,83,255,.15),transparent 67%);
  right:-80px;top:-90px;transition:.35s
}
.standard-card:hover{transform:translateY(-6px);border-color:rgba(155,92,255,.32)}
.standard-card:hover:after{transform:scale(1.25)}
.standard-card>span{font:700 9px Orbitron,sans-serif;color:#5f6675}
.standard-icon{font-size:38px;color:#a66aff;margin:55px 0 26px;filter:drop-shadow(0 0 20px rgba(157,92,255,.25))}
.standard-card:nth-child(2) .standard-icon{color:#5ab8ff}
.standard-card:nth-child(3) .standard-icon{color:#7cff9a}
.standard-card h3{font:700 14px Orbitron,sans-serif;letter-spacing:.03em}
.standard-card p{color:#858d9d;line-height:1.75;font-size:11px;max-width:300px}

.contact-cta{padding:0 0 120px}
.contact-cta-panel{
  min-height:365px;border:1px solid rgba(155,92,255,.25);border-radius:30px;padding:55px;
  display:grid;grid-template-columns:1.15fr .85fr;align-items:end;gap:70px;
  background:
    radial-gradient(circle at 20% 20%,rgba(155,82,255,.18),transparent 28%),
    radial-gradient(circle at 85% 80%,rgba(66,157,255,.10),transparent 28%),
    #0a0c14
}
.contact-cta-panel h2{
  font:700 clamp(42px,5vw,64px)/.98 Orbitron,sans-serif;
  letter-spacing:-.045em;margin:0
}
.contact-cta-side{display:grid;gap:20px;justify-items:start}
.contact-cta-side p{color:#929aaa;line-height:1.75;font-size:13px}

/* Actual Netlify contact form */
.publisher-contact-wrap{
  scroll-margin-top:105px;
  display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;
  padding:55px;border:1px solid rgba(155,92,255,.22);border-radius:28px;
  background:linear-gradient(145deg,#0d1019,#080a11);
  box-shadow:0 30px 90px rgba(0,0,0,.24)
}
.contact-form-intro h2{
  font:700 clamp(38px,4vw,54px)/1 Orbitron,sans-serif;
  letter-spacing:-.04em;margin:0 0 20px
}
.contact-form-intro p{color:#929aaa;line-height:1.8;font-size:13px}
.contact-form-intro a{color:#b7a0ff}
.xeno-form{display:grid;gap:18px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.xeno-form label{display:grid;gap:8px}
.xeno-form label>span{
  font-size:9px;font-weight:800;letter-spacing:.1em;color:#969dad;text-transform:uppercase
}
.xeno-form input,.xeno-form select,.xeno-form textarea{
  width:100%;border:1px solid rgba(255,255,255,.10);border-radius:12px;
  background:#090b12;color:#f5f6fa;padding:14px 15px;
  font:500 13px Inter,sans-serif;outline:none;transition:.2s
}
.xeno-form textarea{resize:vertical;min-height:150px}
.xeno-form input:focus,.xeno-form select:focus,.xeno-form textarea:focus{
  border-color:rgba(156,91,255,.58);box-shadow:0 0 0 3px rgba(129,79,255,.08)
}
.xeno-form input::placeholder,.xeno-form textarea::placeholder{color:#565e6d}
.form-submit{
  border:0;border-radius:12px;min-height:55px;padding:0 18px;
  display:flex;align-items:center;justify-content:space-between;
  color:#fff;background:linear-gradient(90deg,#7d4eff,#586eff);
  font:800 10px Inter,sans-serif;letter-spacing:.09em;text-transform:uppercase;
  cursor:pointer;box-shadow:0 16px 45px rgba(91,70,255,.24);transition:.25s
}
.form-submit:hover{transform:translateY(-2px);box-shadow:0 20px 55px rgba(91,70,255,.34)}
.hidden-field{
  position:absolute!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;
  height:1px!important;width:1px!important;margin:-1px!important;padding:0!important;border:0!important
}

/* Thank-you page */
.thanks-page{min-height:100vh;display:grid;place-items:center;padding:120px 0 50px}
.thanks-card{text-align:center;max-width:760px}
.thanks-check{
  width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:0 auto 30px;
  border:1px solid rgba(112,255,150,.30);background:rgba(112,255,150,.06);
  color:#72ff96;font-size:31px;box-shadow:0 0 40px rgba(112,255,150,.10)
}
.thanks-card h1{font:800 clamp(58px,8vw,100px)/.9 Orbitron,sans-serif;margin:12px 0 20px}
.thanks-card p{color:#929aaa;margin-bottom:30px}

/* active nav state */
.nav-links a.active{color:#fff;position:relative}
.nav-links a.active:after{
  content:"";position:absolute;left:0;right:0;bottom:-28px;height:2px;
  background:linear-gradient(90deg,#9a5cff,#55baff)
}

/* Slight motion on hero products */
.publisher-showcase .phone{transition:transform .16s ease-out}

@media(max-width:1020px){
  .standard-head,.contact-cta-panel,.publisher-contact-wrap{grid-template-columns:1fr}
  .standard-grid{grid-template-columns:1fr}
  .standard-card{min-height:240px}
  .standard-icon{margin:35px 0 20px}
}
@media(max-width:700px){
  .release-ribbon-track{height:52px}
  .publisher-standard{padding:85px 0}
  .standard-head{gap:28px}
  .contact-cta{padding-bottom:85px}
  .contact-cta-panel{padding:34px 24px;gap:35px}
  .publisher-contact-wrap{padding:30px 22px;gap:34px}
  .form-grid{grid-template-columns:1fr}
  .nav-links a.active:after{display:none}
}

/* ===== AAA PUBLISHER / FLAGSHIP PASS ===== */
.jackpot-aurora{position:absolute;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle at 50% 40%,rgba(255,196,40,.16),transparent 23%),radial-gradient(circle at 55% 48%,rgba(145,52,255,.26),transparent 42%),radial-gradient(circle at 45% 58%,rgba(57,157,255,.12),transparent 58%);filter:blur(8px);z-index:0}
.flagship-phone{border-color:rgba(255,209,62,.30)!important;box-shadow:0 48px 120px rgba(0,0,0,.75),0 0 90px rgba(139,58,255,.24),0 0 40px rgba(255,190,40,.12)!important}
.flagship-label{position:absolute;top:7%;left:50%;transform:translateX(-50%);display:grid;text-align:center;z-index:7}
.flagship-label small{font-size:8px;letter-spacing:.16em;color:#b7a8d9}
.flagship-label b{margin-top:4px;font:800 18px Orbitron,sans-serif;letter-spacing:.06em;background:linear-gradient(90deg,#ffd35b,#fff2b0,#ac6dff);-webkit-background-clip:text;background-clip:text;color:transparent}

.casino-particle{position:absolute;z-index:1;color:#ffd65d;font:800 16px Orbitron,sans-serif;opacity:.55;filter:drop-shadow(0 0 12px rgba(255,204,65,.3))}
.p1{left:13%;top:13%;animation:floatCasino 5.5s ease-in-out infinite}.p2{right:11%;bottom:25%;color:#b971ff;animation:floatCasino 6.2s ease-in-out infinite .6s}.p3{left:10%;bottom:27%;font-size:24px;animation:floatCasino 5.8s ease-in-out infinite 1.1s}.p4{right:16%;top:34%;color:#68bcff;animation:floatCasino 6.6s ease-in-out infinite .3s}
@keyframes floatCasino{50%{transform:translateY(-12px) rotate(10deg)}}
.publisher-cred{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#080a10}.publisher-cred-grid{display:grid;grid-template-columns:repeat(4,1fr)}.publisher-cred-grid>div{min-height:120px;padding:25px;border-right:1px solid var(--line);display:grid;align-content:center;gap:5px}.publisher-cred-grid>div:last-child{border-right:0}.publisher-cred-grid span{font-size:7px;letter-spacing:.14em;color:#5f6675;font-weight:800}.publisher-cred-grid b{font:700 13px Orbitron,sans-serif}.publisher-cred-grid small{font-size:8px;color:#747c8c}
.learn-link{display:flex;justify-content:space-between;align-items:center;margin-top:28px;padding-top:18px;border-top:1px solid var(--line);color:#b7b9ff;font-size:10px;font-weight:700}

/* Individual title pages */
.title-page-body{--title-accent:#9b5cff;--title-accent-soft:rgba(155,92,255,.16)}
.accent-reel{--title-accent:#ffd059;--title-accent-soft:rgba(255,208,89,.16)}
.accent-strength{--title-accent:#5d9cff;--title-accent-soft:rgba(93,156,255,.16)}
.accent-chess{--title-accent:#e1b856;--title-accent-soft:rgba(225,184,86,.15)}
.accent-poker{--title-accent:#46d57d;--title-accent-soft:rgba(70,213,125,.15)}
.accent-dragon{--title-accent:#d34fff;--title-accent-soft:rgba(211,79,255,.16)}
.accent-puzzle{--title-accent:#ff8f5c;--title-accent-soft:rgba(255,143,92,.16)}
.accent-crimescene{--title-accent:#ff4040;--title-accent-soft:rgba(255,64,64,.16)}
.title-hero{min-height:820px;padding:125px 0 80px;position:relative;overflow:hidden;background:radial-gradient(circle at 72% 35%,var(--title-accent-soft),transparent 30%),linear-gradient(180deg,#06070c,#080a13)}
.title-hero-glow{position:absolute;right:-260px;top:70px;width:820px;height:820px;border-radius:50%;border:1px solid var(--title-accent-soft);box-shadow:inset 0 0 120px var(--title-accent-soft)}
.title-hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:center}
.title-status-row{display:flex;gap:14px;align-items:center}.title-status-row>span:last-child{font-size:8px;letter-spacing:.12em;color:#6f7787;font-weight:800}
.title-copy h1{font:800 clamp(58px,7vw,96px)/.92 Orbitron,sans-serif;letter-spacing:-.055em;margin:24px 0}.title-copy p{color:#a0a7b6;line-height:1.82;font-size:15px;max-width:650px}
.title-store-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.store-placeholder{min-width:190px;padding:12px 14px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(9,10,16,.75);display:flex;gap:12px;align-items:center;opacity:.72}.store-placeholder>span{font-size:24px}.store-placeholder div{display:grid}.store-placeholder small{font-size:7px;color:#858c9b}.store-placeholder b{font-size:11px}.store-placeholder.store-live{opacity:1;text-decoration:none;cursor:pointer;transition:.2s}.store-placeholder.store-live:hover{border-color:rgba(255,255,255,.35);background:rgba(9,10,16,.95)}.launch-note{border:1px solid var(--title-accent-soft);border-radius:12px;padding:14px 16px;color:#aeb4c2;font-size:11px}
.title-support-row{display:flex;gap:22px;margin-top:24px}.title-support-row a{font-size:10px;color:#aeb4c4}
.title-media-stage{position:relative;min-height:650px;display:grid;place-items:center}.title-orbit{position:absolute;border-radius:50%;border:1px solid var(--title-accent-soft)}.title-orbit.one{width:560px;height:560px}.title-orbit.two{width:450px;height:450px;border-style:dashed;animation:spin 28s linear infinite}
.title-phone{width:300px;height:640px;z-index:3;border-color:var(--title-accent-soft);box-shadow:0 42px 110px rgba(0,0,0,.7),0 0 70px var(--title-accent-soft)}
.title-secondary-shot{position:absolute;left:2%;bottom:4%;width:250px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.11);box-shadow:0 28px 65px rgba(0,0,0,.45);transform:rotate(-5deg);z-index:4}
.title-overview{padding:90px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#090b12}.title-overview-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:end}.title-overview h2,.title-features-head h2,.title-publisher-panel h2{font:700 clamp(40px,5vw,62px)/1 Orbitron,sans-serif;letter-spacing:-.045em;margin:0}.title-overview p{color:#929aaa;line-height:1.85;font-size:14px}
.title-features{padding:110px 0}.title-features-head{margin-bottom:40px}.title-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.title-feature-card{border:1px solid var(--line);border-radius:23px;min-height:300px;padding:28px;background:linear-gradient(145deg,#0d1018,#080a11)}.title-feature-card>span{font:700 9px Orbitron,sans-serif;color:var(--title-accent)}.title-feature-card h3{font:700 14px Orbitron,sans-serif;margin:55px 0 14px}.title-feature-card p{color:#858d9e;line-height:1.75;font-size:11px}
.title-publisher-link{padding:0 0 110px}.title-publisher-panel{min-height:300px;border:1px solid var(--title-accent-soft);border-radius:28px;padding:48px;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;background:radial-gradient(circle at 15% 25%,var(--title-accent-soft),transparent 30%),#0b0d15}.title-publisher-panel p{color:#929aaa;line-height:1.7}
.legal-section{padding:90px 0 120px}.legal-grid{display:grid;grid-template-columns:220px 1fr;gap:70px}.legal-grid aside{display:grid;align-content:start;gap:12px;position:sticky;top:110px;height:max-content}.legal-grid aside a{font-size:10px;color:#888f9f}.legal-grid article{max-width:820px}.legal-grid h2{font:700 27px Orbitron,sans-serif;margin:0 0 16px}.legal-grid p{color:#929aaa;line-height:1.9;font-size:13px;margin-bottom:30px}.legal-grid a{color:#b6a0ff}.legal-note{border-left:2px solid #8d5bff;padding-left:18px}

@media(max-width:1020px){.publisher-cred-grid{grid-template-columns:repeat(2,1fr)}.title-hero-grid,.title-overview-grid,.title-publisher-panel{grid-template-columns:1fr}.title-feature-grid{grid-template-columns:1fr}.legal-grid{grid-template-columns:1fr}.legal-grid aside{position:static}}
@media(max-width:700px){.jackpot-card{right:0;top:21%;width:145px}.flagship-label{top:4%}.publisher-cred-grid{grid-template-columns:1fr}.publisher-cred-grid>div{border-right:0;border-bottom:1px solid var(--line)}.publisher-cred-grid>div:last-child{border-bottom:0}.title-hero{min-height:auto;padding:100px 0 70px}.title-copy h1{font-size:50px}.title-media-stage{min-height:560px}.title-phone{width:240px;height:520px}.title-secondary-shot{width:170px}.title-overview{padding:70px 0}.title-features{padding:80px 0}.title-publisher-panel{padding:32px 24px;gap:35px}}


/* ===== ABOUT PAGE V2 ===== */
.about-v2-body{
  background:
    radial-gradient(circle at 80% 10%,rgba(87,63,210,.08),transparent 30%),
    #05060b
}

.about-hero-v2{
  min-height:850px;
  padding:135px 0 90px;
  position:relative;
  overflow:hidden;
}
.about-hero-orb{
  position:absolute;
  width:900px;
  height:900px;
  border-radius:50%;
  right:-420px;
  top:40px;
  border:1px solid rgba(143,93,255,.12);
  background:
    radial-gradient(circle at 35% 35%,rgba(132,84,255,.14),transparent 32%),
    radial-gradient(circle at 60% 60%,rgba(68,158,255,.07),transparent 38%);
}
.about-hero-v2-grid{
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:70px;
  align-items:center;
}
.about-hero-v2-copy h1{
  margin:0 0 27px;
  font:800 clamp(58px,6.7vw,92px)/.92 Orbitron,sans-serif;
  letter-spacing:-.055em;
}
.about-hero-v2-copy h1 span{
  background:linear-gradient(90deg,#aa66ff,#7663ff,#56bcff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.about-hero-v2-copy>p{
  max-width:620px;
  color:#9ba2b2;
  line-height:1.85;
  font-size:15px;
}
.about-manifesto-line{
  display:flex;
  flex-wrap:wrap;
  gap:11px;
  align-items:center;
  margin-top:34px;
  color:#71798a;
  font-size:8px;
  font-weight:800;
  letter-spacing:.12em;
}
.about-manifesto-line b{color:#9d5eff;font-size:8px}

.about-collage{
  min-height:600px;
  position:relative;
  display:grid;
  place-items:center;
  perspective:1500px;
}
.about-shot{
  position:absolute;
  overflow:hidden;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.12);
  background:#090b11;
  box-shadow:0 35px 95px rgba(0,0,0,.58);
}
.about-shot img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
}
.shot-reel{
  width:250px;
  height:535px;
  z-index:4;
  transform:translateY(-12px) rotate(-2deg);
  border-color:rgba(255,208,71,.20);
}
.shot-strength{
  width:190px;
  height:420px;
  left:2%;
  top:17%;
  transform:rotate(-11deg);
  z-index:2;
}
.shot-chess{
  width:185px;
  height:410px;
  right:2%;
  top:18%;
  transform:rotate(10deg);
  z-index:2;
}
.about-x-core{
  position:absolute;
  z-index:1;
  font:900 260px/1 Orbitron,sans-serif;
  background:linear-gradient(135deg,rgba(191,119,255,.22),rgba(85,190,255,.10));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  filter:drop-shadow(0 0 45px rgba(110,72,255,.12));
}

.about-statement{
  padding:110px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,#090b13,#080a11);
}
.about-statement blockquote{
  max-width:1050px;
  margin:0;
  font:600 clamp(42px,5.8vw,72px)/1.02 Orbitron,sans-serif;
  letter-spacing:-.05em;
}
.about-statement blockquote em{
  font-style:normal;
  background:linear-gradient(90deg,#ad69ff,#60baff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.about-model{
  padding:120px 0;
}
.about-model-grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:90px;
  align-items:start;
}
.about-model-copy h2{
  margin:0 0 22px;
  font:700 clamp(42px,5vw,64px)/1 Orbitron,sans-serif;
  letter-spacing:-.045em;
}
.about-model-copy p{
  color:#9199aa;
  line-height:1.85;
  font-size:14px;
  max-width:570px;
}
.about-model-cards{
  display:grid;
  gap:14px;
}
.about-model-cards article{
  min-height:155px;
  border:1px solid var(--line);
  border-radius:20px;
  padding:23px;
  display:grid;
  grid-template-columns:55px 1fr;
  align-items:center;
  background:linear-gradient(145deg,#0d1018,#090b12);
}
.about-model-cards article span{
  color:#6c5b94;
  font:700 9px Orbitron,sans-serif;
}
.about-model-cards article h3{
  margin:0;
  font:700 15px Orbitron,sans-serif;
}
.about-model-cards article p{
  grid-column:2;
  margin:7px 0 0;
  color:#7f8798;
  line-height:1.65;
  font-size:11px;
}

.about-portfolio-wall{
  padding:0 0 120px;
}
.about-wall-head{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:30px;
  margin-bottom:35px;
}
.about-wall-head h2{
  margin:0;
  font:700 clamp(42px,5vw,62px)/1 Orbitron,sans-serif;
  letter-spacing:-.045em;
}
.about-wall-head>a{
  color:#b7b9ff;
  font-size:10px;
}
.about-wall-grid{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:14px;
}
.about-wall-card{
  border-radius:18px;
  overflow:hidden;
  border:1px solid var(--line);
  background:#0a0c13;
  transition:.28s ease;
}
.about-wall-card:hover{
  transform:translateY(-6px);
  border-color:rgba(159,96,255,.34);
}
.about-wall-card img{
  width:100%;
  height:250px;
  object-fit:cover;
  object-position:center top;
}
.about-wall-card div{
  padding:15px;
  display:grid;
  gap:4px;
}
.about-wall-card b{
  font:700 11px Orbitron,sans-serif;
}
.about-wall-card span{
  color:#727a8b;
  font-size:8px;
}

.about-endcap{
  padding:0 0 120px;
}
.about-endcap-panel{
  min-height:390px;
  border-radius:30px;
  padding:52px;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:70px;
  align-items:end;
  border:1px solid rgba(155,92,255,.24);
  background:
    radial-gradient(circle at 15% 20%,rgba(145,80,255,.18),transparent 30%),
    radial-gradient(circle at 85% 80%,rgba(67,162,255,.09),transparent 25%),
    #0a0c14;
}
.about-endcap-panel h2{
  margin:0;
  font:700 clamp(42px,5vw,62px)/1 Orbitron,sans-serif;
  letter-spacing:-.045em;
}
.about-endcap-side p{
  color:#929aaa;
  line-height:1.8;
  font-size:13px;
}
.about-endcap-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:22px;
}

@media(max-width:1050px){
  .about-hero-v2-grid,
  .about-model-grid,
  .about-endcap-panel{
    grid-template-columns:1fr;
  }
  .about-collage{min-height:620px}
  .about-wall-grid{grid-template-columns:repeat(3,1fr)}
}

@media(max-width:700px){
  .about-hero-v2{
    min-height:auto;
    padding:100px 0 70px;
  }
  .about-hero-v2-copy h1{font-size:49px}
  .about-collage{
    min-height:500px;
    transform:scale(.92);
    margin:0 -25px;
  }
  .shot-reel{width:210px;height:450px}
  .shot-strength{width:145px;height:325px;left:0}
  .shot-chess{width:140px;height:315px;right:0}
  .about-statement{padding:80px 0}
  .about-model{padding:85px 0}
  .about-wall-head{
    display:grid;
    gap:18px;
  }
  .about-wall-grid{grid-template-columns:1fr 1fr}
  .about-wall-card img{height:195px}
  .about-endcap-panel{
    padding:34px 24px;
    gap:35px;
  }
}


/* ===== OFFICIAL XENO LOGO INTEGRATION ===== */
.brand-logo-link{
  display:flex;
  align-items:center;
  flex:0 0 auto;
}
.brand-logo-img{
  display:block;
  height:46px;
  width:auto;
  max-width:100%;
  object-fit:contain;
  mix-blend-mode:screen;
  filter:drop-shadow(0 0 12px rgba(59,153,255,.16));
}
.footer-logo-brand{
  display:flex;
  align-items:center;
}
.footer-logo-brand img{
  display:block;
  height:38px;
  width:auto;
  max-width:100%;
  object-fit:contain;
  mix-blend-mode:screen;
  opacity:.86;
}

.about-brand-lockup{
  padding:95px 0 110px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(circle at 18% 45%,rgba(40,118,255,.10),transparent 28%),
    linear-gradient(180deg,#070910,#090b12);
}
.about-brand-lockup-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:80px;
  align-items:center;
}
.about-brand-art{
  border:1px solid rgba(68,163,255,.18);
  border-radius:26px;
  overflow:hidden;
  background:#000;
  box-shadow:0 35px 90px rgba(0,0,0,.45),0 0 55px rgba(49,132,255,.08);
}
.about-brand-art img{
  width:100%;
  height:auto;
  display:block;
}
.about-brand-copy h2{
  margin:0 0 20px;
  font:700 clamp(40px,5vw,62px)/1 Orbitron,sans-serif;
  letter-spacing:-.045em;
}
.about-brand-copy p{
  color:#929aaa;
  line-height:1.85;
  font-size:14px;
  max-width:560px;
}

@media(max-width:1020px){
  .about-brand-lockup-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .brand-logo-img{height:38px}
  .footer-logo-brand img{height:32px}
  .about-brand-lockup{padding:75px 0}
}