:root{
  --lime:#b8ef00;--lime2:#8fcb00;--lime3:#d4ff38;
  --bg:#02090d;--bg2:#071117;--panel:#071017;--panel2:#0a151d;
  --text:#f4f6f5;--muted:#95a2a8;--line:rgba(217,240,244,.13);
  --shadow:0 30px 90px rgba(0,0,0,.45);
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;overflow-x:hidden}body.locked{overflow:hidden}
a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{color:inherit}.shell{width:min(1540px,calc(100% - 96px));margin:auto;position:relative}
.noise{position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.035;background-image:url('../img/xfame-bg-texture.jpg');background-size:360px 225px;mix-blend-mode:screen}

/* HEADER */
.xf-header{position:fixed;left:50%;top:0;transform:translateX(-50%);z-index:300;width:100%;height:116px;padding:0 max(48px,calc((100vw - 1540px)/2));display:grid;grid-template-columns:260px 1fr 250px;align-items:center;transition:.32s ease;border-bottom:1px solid transparent}
.xf-header.is-scrolled{height:78px;background:rgba(2,9,13,.82);backdrop-filter:blur(18px);border-bottom-color:rgba(184,239,0,.11);box-shadow:0 18px 50px rgba(0,0,0,.25)}
.xf-brand{width:170px;display:block}.xf-brand img{display:block;width:100%;height:auto}.xf-nav{display:flex;justify-content:center;gap:58px}.xf-nav a{font-size:15px;color:#d8dddf;position:relative;padding:18px 0;transition:.2s}.xf-nav a:after{content:"";position:absolute;left:50%;bottom:7px;width:0;height:2px;background:var(--lime);transform:translateX(-50%);box-shadow:0 0 10px rgba(184,239,0,.65);transition:.25s}.xf-nav a:hover,.xf-nav a.active{color:#fff}.xf-nav a:hover:after,.xf-nav a.active:after{width:28px}
.xf-contact{justify-self:end;width:220px;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 24px 0 29px;background:linear-gradient(110deg,#ccff26,var(--lime2));color:#071005;font-weight:700;clip-path:polygon(9% 0,100% 0,100% 72%,91% 100%,0 100%,0 29%);position:relative;overflow:hidden;transition:filter .2s,transform .2s,box-shadow .2s}.xf-contact:before,.xf-btn--lime:before{content:"";position:absolute;top:-60%;left:-35%;width:28%;height:220%;background:rgba(255,255,255,.42);transform:rotate(22deg);transition:.45s}.xf-contact:hover:before,.xf-btn--lime:hover:before{left:125%}.xf-contact:hover{box-shadow:0 0 40px rgba(184,239,0,.25)}.xf-contact b{font-size:22px}.xf-menu{display:none}

/* MOBILE MENU */
.xf-mobile-panel{display:none;position:fixed;inset:0;z-index:500;background:rgba(2,9,13,.98);backdrop-filter:blur(22px);padding:24px}.xf-mobile-panel.open{display:block}.xf-mobile-panel__head{display:flex;justify-content:space-between;align-items:center;color:var(--lime);font-size:11px;letter-spacing:.18em;border-bottom:1px solid var(--line);padding-bottom:20px}.xf-mobile-panel__head button{border:0;background:none;font-size:34px;cursor:pointer}.xf-mobile-panel nav{display:grid;margin-top:20px}.xf-mobile-panel nav a{display:grid;grid-template-columns:46px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid var(--line);font-size:12px;color:#64747b}.xf-mobile-panel nav a span{font-size:26px;color:#eef2f3;font-weight:800;letter-spacing:-.03em}

/* HERO */
.hero{height:100svh;min-height:720px;max-height:1080px;position:relative;overflow:hidden;background:
linear-gradient(90deg,rgba(0,8,13,.98) 0%,rgba(0,8,13,.92) 42%,rgba(0,8,13,.18) 68%,rgba(0,8,13,.34) 100%),
url('../img/xfame-bg-texture.jpg') center/cover no-repeat,#02090d}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 48%,rgba(184,239,0,.055),transparent 31%),linear-gradient(180deg,rgba(255,255,255,.01),transparent 18%,transparent 80%,rgba(0,0,0,.38));pointer-events:none}
.hero-grid{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(184,239,0,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(184,239,0,.028) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent 0,#000 45%,#000 100%)}
.hero-scan{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,transparent 0,transparent 3px,rgba(255,255,255,.014) 4px);opacity:.2}
.hero-lime-shape{position:absolute;z-index:1;right:-4vw;top:8%;width:57vw;height:88%;background:linear-gradient(130deg,#a7db05,#78b600);clip-path:polygon(46% 0,100% 0,100% 42%,86% 57%,86% 100%,0 100%,24% 72%,24% 27%);filter:saturate(1.08);box-shadow:0 0 90px rgba(184,239,0,.14)}
.hero-lime-shape:before{content:"";position:absolute;inset:0;opacity:.16;background:linear-gradient(145deg,transparent 0 38%,rgba(255,255,255,.45) 38.1% 38.3%,transparent 38.4% 100%),repeating-linear-gradient(90deg,transparent 0 42px,rgba(9,25,8,.28) 43px,transparent 44px);mix-blend-mode:overlay}
.circuit{position:absolute;border:1px solid rgba(8,32,11,.36);border-left:0;height:42px;transform:skewX(-34deg)}.c1{width:42%;right:5%;top:25%}.c2{width:48%;right:11%;top:38%}.c3{width:28%;right:6%;top:53%}.spark{position:absolute;width:5px;height:5px;border-radius:50%;background:#efffae;box-shadow:0 0 12px 4px rgba(233,255,136,.6);animation:spark 2.8s ease-in-out infinite}.s1{right:22%;top:28%}.s2{right:42%;top:42%;animation-delay:.6s}.s3{right:14%;top:55%;animation-delay:1.2s}.s4{right:58%;top:67%;animation-delay:1.8s}@keyframes spark{50%{opacity:.2;transform:scale(.55)}}
.hero-platform{position:absolute;z-index:2;right:-4%;bottom:-4%;width:68%;height:25%;background:linear-gradient(180deg,#0a1014,#020608);clip-path:polygon(18% 0,100% 0,100% 100%,0 100%,0 35%);box-shadow:0 -30px 80px rgba(0,0,0,.52)}.hero-platform:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 109px,rgba(210,225,230,.08) 110px,transparent 111px),linear-gradient(rgba(210,225,230,.08) 1px,transparent 1px);background-size:auto,100% 56px;transform:skewX(-17deg);transform-origin:bottom}.hero-platform i{position:absolute;width:1px;height:150%;bottom:-10%;background:rgba(255,255,255,.035);transform:rotate(37deg)}.hero-platform i:nth-child(1){left:16%}.hero-platform i:nth-child(2){left:32%}.hero-platform i:nth-child(3){left:48%}.hero-platform i:nth-child(4){left:64%}.hero-platform i:nth-child(5){left:80%}
.hero-content{height:100%;display:flex;align-items:center}.hero-copy{position:relative;z-index:20;width:56%;padding-top:92px}.hero-eyebrow{display:flex;align-items:center;gap:28px;color:var(--lime);font-size:13px;font-weight:700;letter-spacing:.18em}.hero-eyebrow i{width:66px;height:2px;background:var(--lime);box-shadow:0 0 14px rgba(184,239,0,.6)}
.hero h1{margin:58px 0 33px;font-family:Impact,"Arial Black","Segoe UI Black",sans-serif;font-size:clamp(54px,4.2vw,82px);line-height:1.03;letter-spacing:.015em;font-weight:900}.hero h1 span,.hero h1 em{display:block}.hero h1 em{font-style:normal;color:var(--lime);text-shadow:0 0 22px rgba(184,239,0,.12)}.hero-lead{margin:0;color:#a8b0b4;font-size:20px;line-height:1.72;font-weight:300}.hero-actions{display:flex;gap:30px;margin-top:52px}.xf-btn{height:76px;min-width:315px;padding:0 34px;border:0;display:flex;align-items:center;justify-content:space-between;font-size:18px;cursor:pointer;position:relative;overflow:hidden;transition:.22s;clip-path:polygon(7% 0,100% 0,100% 71%,92% 100%,0 100%,0 27%)}.xf-btn--lime{background:linear-gradient(110deg,#c9ff22,#9bd500);color:#071005}.xf-btn--lime:hover{filter:brightness(1.07);box-shadow:0 0 42px rgba(184,239,0,.22)}.xf-btn b{font-size:28px;transition:.2s}.xf-btn:hover b{transform:translate(4px,-4px)}.xf-btn--outline{background:rgba(2,9,13,.42);border:1px solid rgba(221,230,233,.55);color:#f4f6f6;clip-path:polygon(7% 0,100% 0,100% 71%,92% 100%,0 100%,0 27%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}.xf-btn--outline:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(184,239,0,.1),transparent 70%);transform:translateX(-120%);transition:.45s}.xf-btn--outline:hover{border-color:var(--lime);color:var(--lime);box-shadow:0 0 30px rgba(184,239,0,.08)}.xf-btn--outline:hover:after{transform:translateX(120%)}
.scroll-cue{position:absolute;left:0;bottom:6.2%;display:flex;align-items:center;gap:14px;color:var(--lime);font-size:12px;letter-spacing:.05em}.scroll-cue em{font-style:normal;font-weight:700}.mouse{width:23px;height:43px;border:2px solid var(--lime);border-radius:16px;display:grid;place-items:start center;padding-top:8px}.mouse i{width:2px;height:9px;background:var(--lime);animation:wheel 1.6s ease infinite}@keyframes wheel{0%{opacity:0;transform:translateY(-3px)}40%{opacity:1}100%{opacity:0;transform:translateY(9px)}}
.hero-visual{position:absolute;z-index:9;right:-1%;top:9%;width:56%;height:91%;pointer-events:none;transform:translate3d(var(--px,0),var(--py,0),0);transition:transform .15s ease-out}.hero-glow{position:absolute;width:45%;height:40%;left:35%;top:22%;background:rgba(184,239,0,.11);filter:blur(80px);border-radius:50%}.hero-girl{position:absolute;z-index:2;height:116%;width:auto;left:0;top:-3%;filter:drop-shadow(0 34px 38px rgba(0,0,0,.42))}.hero-case{position:absolute;z-index:5;width:48%;right:0;bottom:6%;filter:drop-shadow(0 25px 32px rgba(0,0,0,.5))}.visual-tag{position:absolute;z-index:8;padding:10px 14px;border-left:2px solid var(--lime);background:rgba(2,9,13,.78);backdrop-filter:blur(8px);opacity:.72}.visual-tag small{display:block;color:#617177;font-size:7px;letter-spacing:.18em}.visual-tag b{font-size:10px;color:var(--lime);letter-spacing:.12em}.tag-a{right:8%;top:21%}.tag-b{right:2%;top:53%}.hero-side-index{position:absolute;right:24px;top:50%;z-index:25;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:18px;color:#789000;font-size:8px;letter-spacing:.2em;writing-mode:vertical-rl}.hero-side-index i{height:70px;width:1px;background:linear-gradient(var(--lime),transparent)}
.reveal-now{animation:heroIn .78s both}.reveal-now:nth-child(2){animation-delay:.08s}.reveal-now:nth-child(3){animation-delay:.14s}.reveal-now:nth-child(4){animation-delay:.2s}@keyframes heroIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}

/* SECTIONS */
.xf-section{position:relative;padding:132px 0;border-top:1px solid rgba(255,255,255,.035);background:#02090d}.xf-section:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 88% 12%,rgba(184,239,0,.045),transparent 22%)}.section-head{margin-bottom:72px}.section-kicker{display:flex;align-items:center;gap:22px;color:var(--lime);font-size:10px;font-weight:800;letter-spacing:.2em;margin-bottom:36px}.section-kicker i{width:42px;height:2px;background:var(--lime);box-shadow:0 0 10px rgba(184,239,0,.45)}.section-title-row{display:grid;grid-template-columns:1.35fr .65fr;gap:110px;align-items:end}.section-title-row h2,.clubs-copy h2,.about-layout h2,.connect-copy h2{margin:0;font-family:Impact,"Arial Black","Segoe UI Black",sans-serif;font-size:clamp(50px,5vw,84px);line-height:.99;letter-spacing:.02em}.section-title-row h2 em,.clubs-copy h2 em,.about-layout h2 em,.connect-copy h2 em{font-style:normal;color:var(--lime)}.section-title-row p,.clubs-copy>p,.about-copy p,.connect-copy>p{margin:0;color:var(--muted);font-size:16px;line-height:1.85}.text-link{display:inline-flex;gap:24px;margin-top:25px;color:var(--lime);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.text-link b{font-size:18px;transition:.2s}.text-link:hover b{transform:translate(4px,4px)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}

/* PRODUCT CONSOLE */
.platform{background:linear-gradient(180deg,#02090d,#030b10)}.product-console{border:1px solid rgba(184,239,0,.18);background:#040c11;box-shadow:var(--shadow);overflow:hidden;transform-style:preserve-3d}.console-top{height:56px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:.17em;color:#66757b}.console-top>div{display:flex;gap:8px}.console-top>div i{width:7px;height:7px;border-radius:50%;background:#25333a}.console-top span{color:#9bacb2}.console-top b{color:var(--lime);font-weight:700}.console-body{display:grid;grid-template-columns:82px 1fr;min-height:545px}.console-rail{border-right:1px solid var(--line);padding:24px 0;display:flex;flex-direction:column;align-items:center;gap:24px}.console-rail strong{display:grid;place-items:center;width:40px;height:40px;background:var(--lime);color:#071005;font-size:22px;clip-path:polygon(22% 0,100% 0,100% 78%,78% 100%,0 100%,0 22%)}.console-rail button{width:25px;height:6px;border:0;background:#26343a;cursor:pointer;transition:.2s}.console-rail button:hover,.console-rail button.active{background:var(--lime);box-shadow:0 0 14px rgba(184,239,0,.45)}.console-main{padding:42px}.console-welcome{display:flex;justify-content:space-between;align-items:end}.console-welcome small{color:#6e7d83;letter-spacing:.14em}.console-welcome h3{font-size:29px;margin:8px 0 0}.console-balance{text-align:right}.console-balance span{display:block;font-size:8px;color:#6e7d83;letter-spacing:.17em}.console-balance b{display:block;color:var(--lime);font-size:24px;margin-top:8px}.console-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:13px;margin-top:32px}.console-card{position:relative;min-height:160px;padding:22px;border:1px solid var(--line);background:linear-gradient(145deg,#0a151c,#071017);overflow:hidden}.console-card--wide{grid-row:span 2;min-height:333px}.console-card span{font-size:8px;color:#74848a;letter-spacing:.17em}.console-card h4{font-size:26px;margin:55px 0 9px}.console-card--wide h4{font-size:40px;margin-top:86px}.console-card small{color:#65747a}.console-card:before{content:"";position:absolute;width:120px;height:120px;border:1px solid rgba(184,239,0,.13);right:-42px;top:-42px;transform:rotate(45deg)}.xp{height:5px;margin:24px 0 12px;background:#1b292f}.xp i{display:block;width:72%;height:100%;background:var(--lime);box-shadow:0 0 16px rgba(184,239,0,.48)}.orb{position:absolute;width:170px;height:170px;border:1px solid rgba(184,239,0,.14);border-radius:50%;right:-55px;bottom:-65px;box-shadow:inset 0 0 50px rgba(184,239,0,.035)}.live-pill{position:absolute;right:16px;bottom:16px;color:#081006;background:var(--lime);font-size:8px;padding:7px 9px}.console-bottom{display:flex;gap:9px;margin-top:13px}.console-bottom span{flex:1;text-align:center;padding:14px 6px;border:1px solid var(--line);font-size:8px;color:#718087;letter-spacing:.1em;transition:.2s}.console-bottom span:hover{color:var(--lime);border-color:rgba(184,239,0,.35);background:rgba(184,239,0,.035)}

/* FEATURES */
.features{background:#030b10}.feature-deck{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.feature-card{min-height:360px;background:#050d12;padding:34px;position:relative;overflow:hidden;transition:.3s;transform-style:preserve-3d}.feature-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 42%,rgba(184,239,0,.05));opacity:0;transition:.3s}.feature-card:hover:before{opacity:1}.feature-card:hover{background:#071218}.feature-id{position:absolute;right:28px;top:28px;color:#3f5057;font-size:12px}.feature-card small{font-size:8px;letter-spacing:.19em;color:var(--lime)}.feature-card h3{font-size:29px;margin:84px 0 17px;max-width:270px;line-height:1.08}.feature-card p{font-size:13px;line-height:1.7;color:#839199;max-width:310px}.feature-arrow{position:absolute;bottom:28px;right:28px;font-style:normal;font-size:24px;color:#53636a;transition:.2s}.feature-card:hover .feature-arrow{color:var(--lime);transform:translate(4px,-4px)}.feature-line{position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--lime);box-shadow:0 0 15px rgba(184,239,0,.5);transition:.4s}.feature-card:hover .feature-line{width:100%}.feature-card--accent{background:linear-gradient(135deg,#8ec800,#b8ef00);color:#061004}.feature-card--accent small,.feature-card--accent .feature-id{color:#305000}.feature-card--accent p{color:#213409}.feature-card--accent button{position:absolute;left:34px;bottom:31px;border:0;background:#061004;color:#dfff77;padding:13px 18px;font-weight:700;cursor:pointer}.feature-card--accent .feature-line{background:#061004}.feature-card--accent:hover{background:linear-gradient(135deg,#9dd800,#c7ff12)}

/* CLUBS */
.clubs{background:linear-gradient(180deg,#02090d,#030b10)}.clubs-layout{display:grid;grid-template-columns:.84fr 1.16fr;gap:90px;align-items:center}.clubs-copy>p{margin-top:30px;max-width:650px}.club-list{display:grid;margin-top:42px}.club-list span{display:grid;grid-template-columns:50px 1fr;padding:17px 0;border-top:1px solid var(--line);font-size:13px}.club-list span b{color:var(--lime);font-size:9px;letter-spacing:.12em}.domain-stage{height:620px;position:relative;perspective:1200px}.domain-beam{position:absolute;inset:20px 0;background:linear-gradient(140deg,rgba(184,239,0,.18),rgba(184,239,0,.015));clip-path:polygon(25% 0,100% 0,78% 100%,0 100%)}.domain-window{position:absolute;z-index:3;right:3%;top:12%;width:78%;height:56%;background:#071118;border:1px solid rgba(184,239,0,.23);box-shadow:0 38px 90px rgba(0,0,0,.45);transform:rotateY(-9deg) rotateX(2deg)}.domain-window__bar{height:47px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:100px 1fr 90px;align-items:center;padding:0 16px;font-size:8px;color:#637279}.domain-window__bar b{text-align:center;color:#aab6ba}.domain-window__bar small{text-align:right;color:var(--lime)}.domain-window__screen{height:calc(100% - 47px);display:flex;flex-direction:column;justify-content:center;padding-left:12%;background:radial-gradient(circle at 65% 50%,rgba(184,239,0,.11),transparent 30%),repeating-linear-gradient(90deg,transparent 0 48px,rgba(255,255,255,.018) 49px)}.mini-logo{font-family:Impact,sans-serif;font-size:54px;line-height:.82;color:#fff}.mini-logo b{color:var(--lime)}.domain-window__screen p{font-size:12px;letter-spacing:.14em;margin:22px 0 7px;color:#a8b4b8}.domain-window__screen span{font-size:8px;color:#607178;letter-spacing:.14em}.stack-card{position:absolute;z-index:4;width:47%;padding:23px 25px;background:#071118;border:1px solid var(--line);box-shadow:0 22px 55px rgba(0,0,0,.28)}.stack-card small{display:block;color:var(--lime);font-size:8px;letter-spacing:.14em;margin-bottom:10px}.stack-card b{font-size:14px}.stack-one{left:0;bottom:25%}.stack-two{left:8%;bottom:12%}.stack-three{left:16%;bottom:-1%}
.langame{margin-top:96px;padding:54px;border:1px solid rgba(184,239,0,.2);background:linear-gradient(110deg,#061017,#08131a);display:grid;grid-template-columns:1.1fr .85fr .65fr;gap:60px;align-items:center;position:relative;overflow:hidden}.langame:after{content:"";position:absolute;width:350px;height:350px;border-radius:50%;background:rgba(184,239,0,.08);filter:blur(85px);right:-150px;top:-170px}.langame-copy small{color:var(--lime);font-size:8px;letter-spacing:.18em}.langame-copy h3{font-size:39px;margin:12px 0}.langame-copy h3 em{color:var(--lime);font-style:normal}.langame-copy p{color:#85949a;line-height:1.7;font-size:13px;margin:0}.langame-link{display:flex;align-items:center;justify-content:center}.node{width:78px;height:78px;display:grid;place-items:center;border:1px solid rgba(184,239,0,.25);background:#061015;font-size:21px;font-weight:900;position:relative;z-index:2}.node.xf{background:var(--lime);color:#061004}.pulse-line{width:120px;height:1px;background:#2a3a40;position:relative}.pulse-line i{position:absolute;left:0;top:-1px;width:35px;height:3px;background:var(--lime);box-shadow:0 0 13px rgba(184,239,0,.65);animation:pulse 2.2s linear infinite}.pulse-line b{position:absolute;top:12px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:7px;color:#56666c;letter-spacing:.16em}@keyframes pulse{to{left:calc(100% - 35px)}}.langame ul{list-style:none;padding:0;margin:0}.langame li{padding:11px 0;border-bottom:1px solid var(--line);font-size:12px;color:#9caaaf}.langame li:before{content:"+";color:var(--lime);margin-right:12px}

/* DEMO */
.demo{background:#02090d}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.demo-panel{min-height:520px;padding:35px;border:1px solid var(--line);background:linear-gradient(145deg,#071117,#030b10);position:relative;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.25);transform-style:preserve-3d}.demo-panel:before{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(184,239,0,.12);border-radius:50%;right:-220px;bottom:-220px;transition:.5s}.demo-panel:hover:before{transform:scale(1.18);border-color:rgba(184,239,0,.24)}.demo-top{display:flex;justify-content:space-between;color:var(--lime);font-size:9px;letter-spacing:.17em}.demo-top b{font-size:25px}.demo-panel h3{font-size:42px;margin:70px 0 16px}.demo-panel p{max-width:520px;color:#87969c;line-height:1.7;font-size:14px}.demo-ui{position:absolute;left:35px;right:35px;bottom:75px;height:120px;border:1px solid var(--line);background:#061017;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:15px;align-items:end}.demo-ui i{display:block;background:#17252b;height:52px}.demo-ui i:nth-child(2){height:80px;background:rgba(184,239,0,.18)}.demo-ui i:nth-child(3){height:65px}.demo-ui i:nth-child(4){height:90px;background:rgba(184,239,0,.12)}.demo-ui strong{position:absolute;left:15px;top:14px;color:#6c7d84;font-size:8px;letter-spacing:.16em}.demo-ui.owner i:nth-child(1){height:80px}.demo-ui.owner i:nth-child(2){height:45px}.demo-ui.owner i:nth-child(3){height:92px}.demo-ui.owner i:nth-child(4){height:62px}.demo-open{position:absolute;left:35px;bottom:30px;color:var(--lime);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.demo-panel--owner{background:linear-gradient(145deg,#08120d,#030b10)}

/* PRICING */
.pricing{background:#030b10}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.price-card{min-height:520px;padding:34px;border:1px solid var(--line);background:#050d12;position:relative;transition:.28s}.price-card:hover{transform:translateY(-8px);border-color:rgba(184,239,0,.28);box-shadow:0 25px 70px rgba(0,0,0,.32)}.price-code{font-size:8px;color:var(--lime);letter-spacing:.17em;display:flex;justify-content:space-between}.price-code span{background:var(--lime);color:#061004;padding:5px 8px}.price-card h3{font-size:27px;margin:70px 0 14px}.price-card strong{display:block;color:#7e8d93;font-size:18px}.price-card ul{list-style:none;padding:0;margin:50px 0 0}.price-card li{padding:13px 0;border-top:1px solid var(--line);font-size:12px;color:#a4b0b4}.price-card li:before{content:"+";color:var(--lime);margin-right:12px}.price-card>a{position:absolute;left:34px;right:34px;bottom:30px;height:54px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(184,239,0,.24);color:var(--lime);font-size:12px;font-weight:700}.price-card>a b{font-size:22px}.price-card--hot{background:linear-gradient(160deg,rgba(184,239,0,.16),#071017 45%);border-color:rgba(184,239,0,.31)}

/* ABOUT */
.about{background:linear-gradient(135deg,#07120d,#02090d 58%)}.about-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:110px;align-items:end}.about-copy p+p{margin-top:20px}

/* FORM */
.connect{background:#02090d}.connect-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:110px;align-items:start}.connect-copy{position:sticky;top:120px}.connect-copy>p{margin-top:30px;max-width:560px}.connect-copy ol{list-style:none;padding:0;margin:44px 0 0}.connect-copy li{display:grid;grid-template-columns:52px 1fr;padding:15px 0;border-top:1px solid var(--line);font-size:13px}.connect-copy li b{color:var(--lime);font-size:9px;letter-spacing:.15em}.xf-form{padding:38px;border:1px solid rgba(184,239,0,.17);background:linear-gradient(145deg,#071118,#040c11);box-shadow:var(--shadow)}.form-top{display:flex;justify-content:space-between;padding-bottom:25px;margin-bottom:30px;border-bottom:1px solid var(--line);font-size:8px;letter-spacing:.17em;color:#708087}.form-top span{color:var(--lime)}.fields{display:grid;gap:14px;margin-bottom:14px}.fields.two{grid-template-columns:1fr 1fr}.fields label{display:grid;gap:8px}.fields label>span{font-size:9px;color:#75858b;letter-spacing:.08em;text-transform:uppercase}.fields input,.fields textarea,.fields select{width:100%;border:1px solid #1b2a31;background:#030b10;color:#f1f4f4;padding:16px 17px;outline:none;transition:.2s}.fields select{appearance:none;-webkit-appearance:none;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,#b8ef00 50%),linear-gradient(135deg,#b8ef00 50%,transparent 50%);background-position:calc(100% - 20px) calc(50% - 3px),calc(100% - 14px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:44px}.fields select option{background:#030b10;color:#f1f4f4}.fields textarea{resize:vertical;min-height:115px}.fields input:focus,.fields textarea:focus,.fields select:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(184,239,0,.035)}.form-button{width:100%;margin-top:11px;min-width:0;height:66px}.form-button:disabled{opacity:.55;cursor:wait}.form-status{min-height:20px;margin:14px 0 0;color:#7f8e94;font-size:12px}

/* FOOTER */
.xf-footer{padding:65px 0;background:#010609;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.2fr .7fr .7fr .8fr;gap:50px;align-items:start}.footer-logo img{width:160px}.footer-grid>div{display:grid;gap:10px}.footer-grid small{color:var(--lime);font-size:8px;letter-spacing:.16em;margin-bottom:7px}.footer-grid a{font-size:12px;color:#8c9aa0;transition:.2s}.footer-grid a:hover{color:#fff}.footer-grid p{margin:0;text-align:right;color:#53636a;font-size:10px;line-height:1.8}

/* MODAL / TOAST */
.demo-modal{position:fixed;inset:0;z-index:700;display:none;place-items:center;padding:20px}.demo-modal.open{display:grid}.demo-backdrop{position:absolute;inset:0;background:rgba(0,5,8,.82);backdrop-filter:blur(15px)}.demo-dialog{position:relative;width:min(760px,100%);padding:46px;background:#061017;border:1px solid rgba(184,239,0,.25);box-shadow:0 45px 120px rgba(0,0,0,.58)}.demo-close{position:absolute;right:22px;top:18px;border:0;background:none;color:#829198;font-size:30px;cursor:pointer}.demo-dialog>small{color:var(--lime);font-size:8px;letter-spacing:.18em}.demo-dialog h2{font-family:Impact,sans-serif;font-size:48px;margin:18px 0 10px;letter-spacing:.02em}.demo-dialog>p{color:#87969c}.dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:32px}.dialog-grid a{min-height:150px;padding:22px;border:1px solid var(--line);background:#040c11;position:relative;transition:.22s}.dialog-grid a:hover{border-color:var(--lime);transform:translateY(-4px)}.dialog-grid span{display:block;color:var(--lime);font-size:8px;letter-spacing:.15em}.dialog-grid strong{display:block;margin-top:40px;font-size:20px}.dialog-grid b{position:absolute;right:20px;top:18px;font-size:22px;color:var(--lime)}.xf-toast{position:fixed;z-index:800;right:25px;bottom:25px;max-width:360px;padding:15px 18px;background:#071117;border-left:3px solid var(--lime);box-shadow:0 22px 50px rgba(0,0,0,.4);font-size:12px;transform:translateY(30px);opacity:0;pointer-events:none;transition:.25s}.xf-toast.show{opacity:1;transform:none}.xf-toast.error{border-left-color:#ff6347}

/* RESPONSIVE */
@media(max-width:1350px){
  .xf-header{padding:0 34px;grid-template-columns:210px 1fr 210px}.xf-nav{gap:34px}.xf-contact{width:195px}.shell{width:calc(100% - 68px)}
  .hero-copy{width:57%}.hero h1{font-size:clamp(52px,4.35vw,70px)}.hero-lead{font-size:17px}.xf-btn{min-width:260px;height:68px;font-size:16px}.hero-visual{right:-7%;width:61%}.hero-girl{height:112%}.hero-case{right:4%;width:45%}
}
@media(max-width:1080px){
  .xf-header{height:82px;padding:0 24px;grid-template-columns:170px 1fr}.xf-nav,.xf-contact{display:none}.xf-menu{display:grid;justify-self:end;width:48px;height:48px;place-content:center;gap:8px;border:1px solid rgba(184,239,0,.2);background:#071117;cursor:pointer}.xf-menu span{display:block;width:21px;height:1px;background:var(--lime)}
  .shell{width:calc(100% - 44px)}.hero{min-height:760px;height:auto;padding:120px 0 70px}.hero-content{min-height:640px;align-items:flex-start}.hero-copy{width:100%;padding-top:35px}.hero h1{font-size:clamp(48px,8vw,76px);max-width:780px}.hero-lead{max-width:560px}.hero-actions{position:relative;z-index:30}.hero-visual{opacity:.5;right:-21%;top:16%;width:74%}.hero-lime-shape{right:-21%;width:74vw}.hero-platform{width:76%;right:-18%}.scroll-cue{bottom:0}.hero-side-index{display:none}
  .section-title-row,.clubs-layout,.about-layout,.connect-layout{grid-template-columns:1fr;gap:35px}.section-title-row>div{max-width:720px}.connect-copy{position:static}.feature-deck{grid-template-columns:1fr 1fr}.langame{grid-template-columns:1fr;gap:36px}.langame-link{justify-content:flex-start}.pricing-grid{grid-template-columns:1fr}.price-card{min-height:430px}.domain-stage{height:540px}.demo-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr 1fr}.footer-grid>p{grid-column:1/-1;text-align:left}
}
@media(max-width:720px){
  .shell{width:calc(100% - 30px)}.xf-header{padding:0 15px}.xf-brand{width:145px}.hero{min-height:820px;padding-top:84px}.hero-grid{background-size:48px 48px}.hero-copy{padding-top:45px}.hero-eyebrow{gap:14px;font-size:8px}.hero-eyebrow i{width:34px}.hero h1{font-size:clamp(42px,12vw,62px);margin:34px 0 22px;line-height:1.0}.hero-lead{font-size:14px;line-height:1.65}.desktop-br{display:none}.hero-actions{display:grid;gap:10px;margin-top:30px;width:min(100%,390px)}.xf-btn{width:100%;min-width:0;height:60px;padding:0 22px;font-size:14px}.xf-btn b{font-size:22px}.hero-lime-shape{right:-58%;top:40%;width:130vw;height:58%;opacity:.82}.hero-platform{right:-37%;width:115%;height:20%;bottom:-2%}.hero-visual{top:40%;right:-48%;width:124%;height:62%;opacity:.78}.hero-girl{height:106%;left:0;top:3%}.hero-case{width:43%;right:7%;bottom:2%}.visual-tag{display:none}.scroll-cue{bottom:13px;font-size:9px}.mouse{width:18px;height:34px}.hero-side-index{display:none}
  .xf-section{padding:82px 0}.section-head{margin-bottom:45px}.section-kicker{margin-bottom:25px}.section-title-row h2,.clubs-copy h2,.about-layout h2,.connect-copy h2{font-size:clamp(40px,12vw,58px)}.section-title-row p,.clubs-copy>p,.about-copy p,.connect-copy>p{font-size:14px;line-height:1.72}
  .console-body{grid-template-columns:47px 1fr;min-height:470px}.console-rail{gap:20px}.console-rail strong{width:30px;height:30px;font-size:17px}.console-rail button{width:18px}.console-main{padding:20px 13px}.console-welcome h3{font-size:20px}.console-balance{display:none}.console-grid{grid-template-columns:1fr 1fr}.console-card--wide{grid-column:1/-1;grid-row:auto;min-height:185px}.console-card{min-height:130px;padding:15px}.console-card h4{font-size:18px;margin-top:34px}.console-card--wide h4{font-size:28px;margin-top:35px}.console-bottom{overflow-x:auto}.console-bottom span{min-width:92px}.feature-deck{grid-template-columns:1fr}.feature-card{min-height:300px}.feature-card h3{margin-top:58px}.domain-stage{height:450px}.domain-window{width:90%;right:0}.domain-window__screen{padding-left:8%}.mini-logo{font-size:40px}.stack-card{width:67%;padding:17px}.stack-one{bottom:25%}.stack-two{bottom:12%}.stack-three{bottom:-1%}.langame{padding:28px 20px;margin-top:70px}.langame-copy h3{font-size:31px}.node{width:64px;height:64px}.pulse-line{width:80px}.demo-panel{min-height:440px;padding:25px}.demo-panel h3{font-size:34px;margin-top:50px}.demo-ui{left:25px;right:25px;bottom:68px}.demo-open{left:25px}.price-card{min-height:440px;padding:26px}.price-card>a{left:26px;right:26px}.fields.two{grid-template-columns:1fr}.xf-form{padding:24px 17px}.dialog-grid{grid-template-columns:1fr}.demo-dialog{padding:32px 20px}.demo-dialog h2{font-size:38px}.footer-grid{grid-template-columns:1fr 1fr}.footer-logo{grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.reveal-now{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}.spark,.pulse-line i,.mouse i{animation:none!important}.hero-visual{transform:none!important}}

/* ========================================================================== */
/* XFAME / INTERACTIVE REWORK 20260724                                       */
/* ========================================================================== */
:root{--cursor-x:50vw;--cursor-y:50vh;--scroll-progress:0}

/* larger, more confident header mark */
.xf-header{grid-template-columns:315px 1fr 250px}
.xf-brand{width:224px;transition:width .28s ease,filter .28s ease,transform .28s ease}
.xf-brand img{filter:drop-shadow(0 0 16px rgba(184,239,0,.10))}
.xf-brand:hover{transform:translateY(-1px) scale(1.018)}
.xf-brand:hover img{filter:drop-shadow(0 0 19px rgba(184,239,0,.22))}
.xf-header.is-scrolled .xf-brand{width:190px}

/* pointer atmosphere */
.xf-site:before{content:"";position:fixed;z-index:2;left:var(--cursor-x);top:var(--cursor-y);width:560px;height:560px;transform:translate(-50%,-50%);pointer-events:none;background:radial-gradient(circle,rgba(184,239,0,.038),rgba(184,239,0,.012) 34%,transparent 70%);mix-blend-mode:screen;transition:opacity .25s}
.xf-scroll-progress{position:fixed;z-index:460;right:0;top:0;width:3px;height:100vh;background:rgba(255,255,255,.035);pointer-events:none}.xf-scroll-progress i{display:block;width:100%;height:calc(var(--scroll-progress)*1%);background:linear-gradient(180deg,var(--lime3),var(--lime2));box-shadow:0 0 15px rgba(184,239,0,.65);transition:height .08s linear}
.xf-cursor,.xf-cursor-dot{position:fixed;z-index:12000;left:0;top:0;pointer-events:none;border-radius:50%;opacity:0;will-change:transform}.xf-cursor{width:34px;height:34px;border:1px solid rgba(184,239,0,.58);box-shadow:0 0 25px rgba(184,239,0,.08);transition:width .18s,height .18s,border-color .18s,opacity .2s}.xf-cursor-dot{width:5px;height:5px;background:var(--lime);box-shadow:0 0 9px rgba(184,239,0,.9);transition:opacity .2s}.xf-site.cursor-ready .xf-cursor,.xf-site.cursor-ready .xf-cursor-dot{opacity:1}.xf-site.cursor-hover .xf-cursor{width:52px;height:52px;border-color:rgba(184,239,0,.92);background:rgba(184,239,0,.045)}

/* Hero: rebuild the lime architecture to echo the reference instead of a rectangle. */
.hero{background:linear-gradient(90deg,rgba(0,8,13,.995) 0%,rgba(0,8,13,.97) 41%,rgba(0,8,13,.48) 64%,rgba(0,8,13,.24) 78%,rgba(0,8,13,.32) 100%),url('../img/xfame-bg-texture.jpg') center/cover no-repeat,#02090d}
.hero-lime-shape{right:-2.5vw;top:7%;width:61vw;height:89%;background:linear-gradient(137deg,#b5e72a 0%,#93c70d 44%,#6f9f06 100%);clip-path:polygon(73% 0,100% 0,100% 49%,84% 65%,84% 100%,0 100%,23% 76%,23% 57%,47% 36%,47% 20%);box-shadow:none;filter:saturate(.94) contrast(1.02);transform-origin:65% 50%;animation:limeBreath 8s ease-in-out infinite alternate}
.hero-lime-shape:before{opacity:.28;background:linear-gradient(137deg,transparent 0 37.7%,rgba(255,255,255,.30) 37.9% 38.05%,transparent 38.25% 100%),repeating-linear-gradient(0deg,transparent 0 63px,rgba(12,49,4,.22) 64px,transparent 65px),repeating-linear-gradient(90deg,transparent 0 88px,rgba(20,55,9,.12) 89px,transparent 90px);mix-blend-mode:overlay}
.hero-lime-shape:after{content:"";position:absolute;inset:8% 5% 7% 15%;opacity:.28;background:linear-gradient(90deg,transparent 0 49%,rgba(8,43,5,.72) 49.15% 49.28%,transparent 49.45%),linear-gradient(180deg,transparent 0 34%,rgba(8,43,5,.62) 34.15% 34.27%,transparent 34.4%);clip-path:polygon(8% 28%,44% 28%,48% 23%,72% 23%,78% 17%,100% 17%,100% 75%,78% 75%,72% 69%,42% 69%,36% 75%,8% 75%)}
@keyframes limeBreath{from{filter:saturate(.90) brightness(.96)}to{filter:saturate(1.01) brightness(1.025)}}

/* character and case become one composition: case is the seat, girl sits above it */
.hero-visual{right:-1.3%;top:8.5%;width:57.5%;height:91.5%}
.hero-girl{z-index:6;height:112%;left:-2%;top:-2.5%;filter:drop-shadow(0 30px 36px rgba(0,0,0,.50)) saturate(.98);animation:girlFloat 6.4s ease-in-out infinite alternate}
.hero-case{z-index:4;width:52%;right:1.2%;bottom:10.6%;filter:drop-shadow(0 28px 35px rgba(0,0,0,.58));transform-origin:55% 85%;animation:casePulse 6.4s ease-in-out infinite alternate}
.hero-glow{z-index:1;width:52%;height:50%;left:34%;top:23%;background:rgba(184,239,0,.12);filter:blur(95px)}
@keyframes girlFloat{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-5px,0)}}
@keyframes casePulse{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(0,2px,0) scale(1.006)}}
.visual-tag{animation:tagPulse 3.6s ease-in-out infinite alternate}.tag-b{animation-delay:1.3s}@keyframes tagPulse{from{opacity:.46;transform:translateY(0)}to{opacity:.88;transform:translateY(-4px)}}

/* darker base platform, narrower like the reference */
.hero-platform{right:-4%;bottom:-5%;width:75%;height:25%;background:linear-gradient(180deg,#0c1115,#020608 65%);clip-path:polygon(18% 0,100% 0,100% 100%,0 100%,0 40%)}

/* richer button motion across the whole site */
.xf-btn,.xf-contact,.feature-card--accent button,.price-card>a,.demo-open,.text-link,.dialog-grid a{will-change:transform}
.xf-btn:before,.xf-contact:before{transition:left .58s cubic-bezier(.2,.75,.2,1)}
.xf-btn:active,.xf-contact:active{transform:translateY(1px) scale(.985)!important}
.xf-btn--outline:hover{background:rgba(184,239,0,.035)}
.click-ripple{position:absolute!important;z-index:20!important;width:10px;height:10px;border-radius:50%;pointer-events:none;background:rgba(226,255,126,.55);transform:translate(-50%,-50%) scale(0);animation:xfRipple .66s ease-out forwards}@keyframes xfRipple{to{opacity:0;transform:translate(-50%,-50%) scale(26)}}

/* reactive cards: radial sheen follows the cursor */
.product-console,.feature-card,.domain-stage,.langame,.demo-panel,.price-card,.about-layout,.xf-form,.dialog-grid a{--mx:50%;--my:50%}
.product-console:after,.feature-card:after,.demo-panel:after,.price-card:after,.xf-form:after,.dialog-grid a:after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(184,239,0,.085),transparent 38%);opacity:0;transition:opacity .35s ease}
.product-console:hover:after,.feature-card:hover:after,.demo-panel:hover:after,.price-card:hover:after,.xf-form:hover:after,.dialog-grid a:hover:after{opacity:1}
.product-console>* ,.feature-card>* ,.demo-panel>* ,.price-card>* ,.xf-form>* ,.dialog-grid a>*{position:relative;z-index:2}

/* Section reveal: materialize from blur/offset, with multiple directions. */
.reveal{opacity:0;filter:blur(13px);transform:translate3d(0,46px,0) scale(.975);clip-path:inset(0 0 14% 0);transition:none;will-change:transform,opacity,filter,clip-path}
.reveal.reveal-left{transform:translate3d(-58px,22px,0) scale(.98)}
.reveal.reveal-right{transform:translate3d(58px,22px,0) scale(.98)}
.reveal.reveal-scale{transform:translate3d(0,28px,0) scale(.92)}
.reveal.visible{animation:xfMaterialize .96s cubic-bezier(.16,.72,.18,1) forwards}
@keyframes xfMaterialize{0%{opacity:0;filter:blur(16px);clip-path:inset(0 0 35% 0)}42%{opacity:.86;filter:blur(4px);clip-path:inset(0 0 0 0)}72%{transform:translate3d(0,-5px,0) scale(1.006);filter:blur(0)}100%{opacity:1;transform:none;filter:none;clip-path:inset(0)}}

/* reverse-dispersion particles: fragments fly inward while each block assembles */
.dispersion-field{position:absolute!important;z-index:12!important;inset:-36px!important;pointer-events:none!important;overflow:visible!important}.dispersion-particle{position:absolute!important;z-index:12!important;left:var(--x)!important;top:var(--y)!important;width:var(--s)!important;height:var(--s)!important;background:var(--lime)!important;box-shadow:0 0 11px rgba(184,239,0,.75)!important;opacity:0;transform:translate3d(var(--dx),var(--dy),0) rotate(var(--rot)) scale(.2);clip-path:polygon(20% 0,100% 0,78% 100%,0 72%)}
.reveal.visible>.dispersion-field>.dispersion-particle{animation:reverseDispersion var(--dur) cubic-bezier(.18,.75,.18,1) var(--delay) both}@keyframes reverseDispersion{0%{opacity:0;transform:translate3d(var(--dx),var(--dy),0) rotate(var(--rot)) scale(.15)}18%{opacity:.92}72%{opacity:.48;transform:translate3d(0,0,0) rotate(0) scale(1)}100%{opacity:0;transform:translate3d(0,0,0) rotate(0) scale(.15)}}

/* animated separators and headings */
.section-kicker i,.hero-eyebrow i{position:relative;overflow:hidden}.section-kicker i:after,.hero-eyebrow i:after{content:"";position:absolute;inset:0;background:#fff;transform:translateX(-120%);animation:lineScanner 3.8s ease-in-out infinite}@keyframes lineScanner{0%,58%{transform:translateX(-120%)}78%,100%{transform:translateX(120%)}}
.section-title-row h2 em,.clubs-copy h2 em,.about-layout h2 em,.connect-copy h2 em{background:linear-gradient(90deg,var(--lime2),var(--lime3),var(--lime2));background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:limeText 7s linear infinite}@keyframes limeText{to{background-position:220% 0}}

/* interactive section atmosphere */
.xf-section{overflow:hidden}.xf-section:after{content:"";position:absolute;z-index:0;left:-20%;right:-20%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(184,239,0,.42),transparent);transform:translateX(-45%);opacity:.24;animation:sectionTrace 9s linear infinite}.xf-section>.shell{z-index:1}.xf-section.is-inview:before{animation:sectionAura 2.4s ease both}@keyframes sectionTrace{to{transform:translateX(45%)}}@keyframes sectionAura{0%{opacity:.18}45%{opacity:1}100%{opacity:.62}}

/* small live motion inside demo/product UI */
.console-card,.demo-ui i,.stack-card,.node,.club-list span,.connect-copy li{transition:transform .28s ease,border-color .28s ease,background .28s ease,color .28s ease,box-shadow .28s ease}.console-card:hover,.club-list span:hover,.connect-copy li:hover{transform:translateX(5px);border-color:rgba(184,239,0,.28)}.demo-panel:hover .demo-ui i:nth-child(1){transform:scaleY(1.16)}.demo-panel:hover .demo-ui i:nth-child(2){transform:scaleY(.86)}.demo-panel:hover .demo-ui i:nth-child(3){transform:scaleY(1.23)}.demo-panel:hover .demo-ui i:nth-child(4){transform:scaleY(.92)}
.stack-card:hover{transform:translateX(-7px)}

/* responsive corrections for the new hero composition */
@media(max-width:1350px){.xf-header{grid-template-columns:260px 1fr 210px}.xf-brand{width:205px}.xf-header.is-scrolled .xf-brand{width:176px}.hero-lime-shape{right:-6vw;width:64vw}.hero-visual{right:-7%;width:63%}.hero-girl{height:109%;left:-2%}.hero-case{width:49%;right:5%;bottom:11%}}
@media(max-width:1080px){.xf-header{grid-template-columns:220px 1fr}.xf-brand{width:188px}.xf-header.is-scrolled .xf-brand{width:168px}.hero-lime-shape{right:-25%;width:82vw;top:18%;height:77%;clip-path:polygon(71% 0,100% 0,100% 49%,84% 65%,84% 100%,0 100%,23% 76%,23% 57%,47% 36%,47% 20%)}.hero-visual{right:-21%;top:18%;width:78%;height:81%}.hero-girl{height:108%;left:-1%;top:-1%}.hero-case{width:48%;right:7%;bottom:10%}}
@media(max-width:720px){.xf-site:before,.xf-cursor,.xf-cursor-dot,.xf-scroll-progress{display:none}.xf-brand{width:168px}.xf-header.is-scrolled .xf-brand{width:150px}.hero-lime-shape{right:-66%;top:42%;width:138vw;height:55%;clip-path:polygon(68% 0,100% 0,100% 50%,84% 68%,84% 100%,0 100%,22% 76%,22% 56%,46% 36%,46% 18%)}.hero-visual{top:41%;right:-48%;width:126%;height:61%}.hero-girl{height:103%;left:-2%;top:0}.hero-case{width:45%;right:8%;bottom:10%}.dispersion-field{display:none!important}}
@media(prefers-reduced-motion:reduce){.hero-lime-shape,.hero-girl,.hero-case,.visual-tag,.section-kicker i:after,.hero-eyebrow i:after,.section-title-row h2 em,.clubs-copy h2 em,.about-layout h2 em,.connect-copy h2 em,.xf-section:after{animation:none!important}.xf-cursor,.xf-cursor-dot{display:none!important}.reveal{opacity:1!important;filter:none!important;clip-path:none!important;transform:none!important}.dispersion-field{display:none!important}}
/* final hero seating alignment */
.hero-case{right:7%;bottom:10.6%}
.visual-tag{display:none!important}
@media(max-width:1350px){.hero-case{right:7%;bottom:11%}}
@media(max-width:1080px){.hero-case{right:9%;bottom:10%}}
@media(max-width:720px){.hero-case{right:10%;bottom:10%}}
/* logo artwork is now tightly cropped, so these widths are true visible widths */
.xf-header{grid-template-columns:280px 1fr 250px}
.xf-brand{width:190px}.xf-header.is-scrolled .xf-brand{width:168px}
.scroll-cue{left:max(48px,calc((100vw - 1540px)/2));bottom:6.2%}
@media(max-width:1350px){.xf-header{grid-template-columns:235px 1fr 210px}.xf-brand{width:180px}.xf-header.is-scrolled .xf-brand{width:158px}.scroll-cue{left:34px}}
@media(max-width:1080px){.xf-header{grid-template-columns:205px 1fr}.xf-brand{width:170px}.xf-header.is-scrolled .xf-brand{width:154px}.scroll-cue{left:22px;bottom:20px}}
@media(max-width:720px){
  .xf-header{grid-template-columns:180px 1fr}.xf-brand{width:154px}.xf-header.is-scrolled .xf-brand{width:142px}
  .hero{min-height:1040px;padding-bottom:0}.hero-content{min-height:760px}.hero-copy{padding-top:44px}
  .hero-lime-shape{right:-72%;top:60%;width:150vw;height:39%;opacity:.9}
  .hero-visual{top:59%;right:-38%;width:116%;height:39%;opacity:.96}
  .hero-girl{height:113%;left:-11%;top:-6%}.hero-case{width:47%;right:5%;bottom:5%}
  .hero-platform{right:-28%;width:116%;height:17%;bottom:-1%}
  .scroll-cue{left:15px;bottom:18px;font-size:9px;z-index:35}
}
/* seat the character physically on the case lid */
.hero-case{width:55%;right:13%;bottom:10.6%}
@media(max-width:1350px){.hero-case{width:54%;right:12%;bottom:11%}}
@media(max-width:1080px){.hero-case{width:53%;right:14%;bottom:9%}}
@media(max-width:720px){.hero-case{width:52%;right:20%;bottom:4%}}

/* ========================================================================
   2026-07-24 PERFORMANCE / HERO COMPOSITE PATCH
   One raster layer for girl + case. No cursor tracking, glow trail, tilt,
   particle dispersion, perpetual parallax or blur-heavy scroll effects.
   ======================================================================== */
.xf-site:before,.xf-scroll-progress,.xf-cursor,.xf-cursor-dot,.dispersion-field,.hero-glow,.visual-tag{display:none!important}
.noise{display:none!important}
.xf-header.is-scrolled,.xf-mobile-panel{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

.hero-lime-shape,.section-kicker i:after,.hero-eyebrow i:after,
.section-title-row h2 em,.clubs-copy h2 em,.about-layout h2 em,.connect-copy h2 em,
.xf-section:after,.mouse i{animation:none!important}
.hero-lime-shape{filter:none!important;box-shadow:none!important}

/* Girl and case are physically merged in one transparent asset. */
.hero-visual{
  position:absolute;z-index:9;right:1.2%;top:8.4%;width:55%;height:91.6%;
  pointer-events:none;transform:none!important;transition:none!important
}
.hero-composite{
  position:absolute;z-index:4;right:0;bottom:-1.5%;width:100%;height:100%;
  display:block;object-fit:contain;object-position:right bottom;
  filter:none!important;transform:none!important;will-change:auto!important
}
.hero-girl,.hero-case{display:none!important}

/* One-time reveal only: transform + opacity are compositor-friendly. */
.reveal{
  opacity:0!important;filter:none!important;clip-path:none!important;
  transform:translate3d(0,28px,0)!important;
  transition:opacity .5s ease,transform .58s cubic-bezier(.2,.72,.2,1)!important;
  will-change:auto!important
}
.reveal.visible{
  opacity:1!important;transform:translate3d(0,0,0)!important;
  filter:none!important;clip-path:none!important;animation:none!important
}
.reveal-left,.reveal-right,.reveal-scale{transform:translate3d(0,28px,0)!important}

/* No pointer-following radial layers or expensive GPU hints. */
.product-console:after,.feature-card:after,.demo-panel:after,.price-card:after,.xf-form:after,.dialog-grid a:after{display:none!important}
.xf-btn,.xf-contact,.feature-card--accent button,.price-card>a,.demo-open,.text-link,.dialog-grid a{will-change:auto!important}
[data-tilt]{transform:none!important;will-change:auto!important}

/* Keep interaction crisp but lightweight. */
.xf-btn,.xf-contact,.price-card>a,.demo-open,.feature-card,.product-console,.domain-stage,.langame,.demo-panel{
  transition:transform .18s ease,border-color .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease!important
}
.xf-btn:hover,.xf-contact:hover{transform:translateY(-2px)}
.xf-btn.is-pressed,.xf-contact.is-pressed,.price-card>a.is-pressed,.demo-open.is-pressed{transform:translateY(1px) scale(.99)!important}
.feature-card:hover,.demo-panel:hover,.price-card:hover{transform:translateY(-4px)!important}

/* Skip layout/paint work for sections far below the viewport. */
.xf-section{content-visibility:auto;contain-intrinsic-size:900px;contain:layout paint style}
.hero{contain:layout paint style}

@media(max-width:1350px){
  .hero-visual{right:-3%;top:9%;width:61%;height:91%}
}
@media(max-width:1080px){
  .hero-visual{right:-15%;top:20%;width:77%;height:79%}
}
@media(max-width:720px){
  .hero-visual{right:-30%;top:58%;width:108%;height:42%}
  .hero-composite{bottom:0;object-position:right bottom}
}
@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1!important;transform:none!important;transition:none!important}
}
.hero-composite-wrap{position:absolute;inset:0;display:block}


/* ========================================================================
   2026-07-24 visual cleanup + larger type patch
   ======================================================================== */
.xf-header{min-height:88px;align-items:center;padding-top:10px;padding-bottom:10px;overflow:visible}
.xf-brand{width:214px;display:flex;align-items:center;align-self:center;overflow:visible}
.xf-brand img{display:block;width:100%;height:auto;transform:translateY(-1px)}
.xf-header.is-scrolled .xf-brand{width:194px}
.xf-nav a{font-size:17px;padding:20px 0}
.xf-contact{width:242px;height:58px;font-size:18px;padding:0 24px 0 30px}
.xf-contact b{font-size:24px}

.hero-copy{width:57%;padding-top:102px}
.hero h1{font-size:clamp(68px,4.7vw,96px);line-height:1.01;letter-spacing:.01em;margin:56px 0 30px}
.hero-lead{font-size:24px;line-height:1.62;max-width:700px}
.xf-btn{height:80px;min-width:330px;font-size:21px;padding:0 36px}
.xf-btn b{font-size:30px}
.hero-actions{gap:26px;margin-top:46px}
.hero-visual{right:-2.8%;top:8.5%;width:57%;height:91.8%}
.hero-composite{bottom:-0.6%;object-position:right bottom}

.section-kicker{font-size:12px;margin-bottom:38px}
.section-title-row h2,.clubs-copy h2,.about-layout h2,.connect-copy h2{font-size:clamp(58px,5.15vw,94px)}
.section-title-row p,.clubs-copy>p,.about-copy p,.connect-copy>p{font-size:18px;line-height:1.86}
.text-link{font-size:14px}
.text-link b{font-size:20px}

.console-welcome h3{font-size:34px}
.console-balance b{font-size:27px}
.console-card h4{font-size:30px}.console-card--wide h4{font-size:44px}
.console-card small,.console-card span,.console-bottom span{font-size:11px}

.feature-card h3{font-size:34px}.feature-card p{font-size:17px;line-height:1.8}.feature-card small{font-size:11px}.feature-id{font-size:15px}
.langame-copy h3{font-size:56px}.langame-copy p{font-size:18px}.langame-list li{font-size:17px}
.demo-panel h3{font-size:54px}.demo-panel p{font-size:18px}.price-card strong{font-size:68px}.price-card p,.price-card li{font-size:17px}.price-card small{font-size:11px}
.about-copy .about-note{font-size:18px}.connect-copy li{font-size:15px}.fields input,.fields textarea{font-size:17px}.form-status{font-size:14px}
.footer-grid a{font-size:14px}.footer-grid p{font-size:12px}.footer-logo img{width:182px}

@media(max-width:1350px){
  .xf-header{grid-template-columns:250px 1fr 220px}
  .xf-brand{width:198px}.xf-header.is-scrolled .xf-brand{width:180px}
  .hero-copy{width:57%;padding-top:94px}
  .hero h1{font-size:clamp(62px,4.7vw,84px)}
  .hero-lead{font-size:21px}
  .xf-btn{min-width:290px;height:74px;font-size:19px}
  .hero-visual{right:-5%;top:9%;width:61%;height:91%}
}
@media(max-width:1080px){
  .xf-header{grid-template-columns:220px 1fr}
  .xf-brand{width:186px}.xf-header.is-scrolled .xf-brand{width:172px}
  .xf-nav a{font-size:16px}
  .hero h1{font-size:clamp(56px,6vw,76px)}
  .hero-lead{font-size:19px}
  .hero-visual{right:-12%;top:18%;width:78%;height:80%}
  .section-title-row h2,.clubs-copy h2,.about-layout h2,.connect-copy h2{font-size:clamp(50px,5.8vw,78px)}
}
@media(max-width:720px){
  .xf-header{grid-template-columns:176px 1fr;min-height:74px;padding-top:8px;padding-bottom:8px}
  .xf-brand{width:150px}.xf-header.is-scrolled .xf-brand{width:142px}
  .hero-copy{padding-top:34px}
  .hero h1{font-size:clamp(44px,12vw,64px)}
  .hero-lead{font-size:15px}
  .xf-btn{height:62px;font-size:15px}
  .hero-visual{right:-25%;top:58%;width:110%;height:42%}
  .section-kicker{font-size:10px;margin-bottom:24px}
  .section-title-row h2,.clubs-copy h2,.about-layout h2,.connect-copy h2{font-size:clamp(42px,11vw,60px)}
  .section-title-row p,.clubs-copy>p,.about-copy p,.connect-copy>p,.feature-card p,.langame-copy p,.demo-panel p,.price-card p,.price-card li{font-size:15px}
  .feature-card h3{font-size:28px}.langame-copy h3{font-size:34px}.demo-panel h3{font-size:36px}.price-card strong{font-size:56px}
}


/* 2026-07-24 foot/white-gap cleanup */
.hero-visual{overflow:hidden}
.hero-composite{clip-path:polygon(0 0,100% 0,100% 100%,22% 100%,22% 90.5%,0 90.5%)}
@media(max-width:1080px){.hero-composite{clip-path:polygon(0 0,100% 0,100% 100%,20% 100%,20% 89.5%,0 89.5%)}}
@media(max-width:720px){.hero-composite{clip-path:polygon(0 0,100% 0,100% 100%,18% 100%,18% 88.5%,0 88.5%)}}


/* 2026-07-24 exact horizontal cut fix: hide all hero-composite content below one line */
.hero-visual{overflow:hidden}
.hero-composite{clip-path:inset(0 0 9.7% 0)!important}
@media(max-width:1350px){.hero-composite{clip-path:inset(0 0 10.2% 0)!important}}
@media(max-width:1080px){.hero-composite{clip-path:inset(0 0 10.8% 0)!important}}
@media(max-width:720px){.hero-composite{clip-path:inset(0 0 11.5% 0)!important}}


/* 2026-07-24 header raise + exact leg cut fix */
.xf-brand{transform:translateY(-7px)!important}
.xf-contact{transform:translateY(-7px)!important}
.xf-brand:hover,.xf-contact:hover{transform:translateY(-8px)!important}
.xf-header.is-scrolled .xf-brand{transform:translateY(-6px)!important}
.hero-composite{clip-path:none!important}
@media(max-width:720px){.xf-brand{transform:translateY(-4px)!important}.xf-contact{transform:translateY(-4px)!important}}


/* 2026-07-24 restore full legs + fix tariffs layout */
.xf-brand{transform:translateY(-9px)!important}
.xf-contact{transform:translateY(-9px)!important}
.xf-brand:hover,.xf-contact:hover{transform:translateY(-10px)!important}
.xf-header.is-scrolled .xf-brand{transform:translateY(-7px)!important}

.hero-composite{clip-path:none!important}
.hero-visual{overflow:visible!important}

.pricing > .shell{width:min(1680px,calc(100% - 96px))}
.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.price-card{min-height:560px;padding:34px 32px 96px}
.price-card h3{font-size:34px;line-height:1.18;margin:64px 0 18px;max-width:92%}
.price-card strong{display:block;color:#94a1a6;font-size:56px;line-height:.98;letter-spacing:-.02em;max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.price-card ul{margin:36px 0 0}
.price-card li{padding:14px 0;font-size:16px;line-height:1.5}
.price-card>a{left:32px;right:32px;bottom:28px;height:58px;font-size:14px}
.price-card>a b{font-size:24px}

@media(max-width:1350px){
  .pricing > .shell{width:calc(100% - 70px)}
  .price-card{min-height:540px;padding:30px 26px 88px}
  .price-card h3{font-size:30px;margin-top:54px}
  .price-card strong{font-size:48px}
}
@media(max-width:1080px){
  .pricing > .shell{width:calc(100% - 44px)}
  .price-card h3{font-size:28px}
  .price-card strong{font-size:42px}
}
@media(max-width:720px){
  .xf-brand{transform:translateY(-5px)!important}
  .xf-contact{transform:translateY(-5px)!important}
  .pricing > .shell{width:calc(100% - 30px)}
  .pricing-grid{grid-template-columns:1fr;gap:14px}
  .price-card{min-height:470px;padding:26px 22px 84px}
  .price-card h3{font-size:26px;margin-top:44px}
  .price-card strong{font-size:38px}
  .price-card li{font-size:15px}
}


/* 2026-07-24 hero reference-match rebuild */
.hero-visual{right:-1.2%!important;top:7.8%!important;width:57.2%!important;height:92.2%!important;overflow:visible!important}
.hero-composite{right:0!important;bottom:-0.2%!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:right bottom!important;clip-path:none!important}
.hero-platform{right:-5.2%!important;bottom:-4.6%!important;width:69.5%!important;height:24.8%!important}
.hero-lime-shape{right:-3.3vw!important;top:7.4%!important;width:59.5vw!important;height:88.8%!important}
@media(max-width:1350px){.hero-visual{right:-4.8%!important;top:8.8%!important;width:62.5%!important;height:91.4%!important}.hero-platform{right:-7%!important;width:73%!important}.hero-lime-shape{right:-7vw!important;width:64vw!important}}
@media(max-width:1080px){.hero-visual{right:-15%!important;top:18%!important;width:78%!important;height:81%!important}.hero-platform{right:-18%!important;width:76%!important}.hero-lime-shape{right:-25%!important;top:18%!important;width:82vw!important;height:77%!important}}
@media(max-width:720px){.hero-visual{top:41%!important;right:-48%!important;width:126%!important;height:61%!important}.hero-platform{right:-28%!important;width:116%!important;height:17%!important;bottom:-1%!important}.hero-lime-shape{right:-66%!important;top:42%!important;width:138vw!important;height:55%!important}}


/* 2026-07-24 custom user-provided hero composite */
.hero-visual{right:-1.2%!important;top:11.2%!important;width:54.5%!important;height:80.5%!important;overflow:visible!important}
.hero-composite{right:0!important;bottom:-1.1%!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:right bottom!important;clip-path:none!important}
.hero-platform{right:-4.8%!important;bottom:-3.5%!important;width:67%!important;height:22.5%!important}
@media(max-width:1350px){.hero-visual{right:-4.2%!important;top:12.2%!important;width:58%!important;height:77.5%!important}.hero-platform{right:-8%!important;width:72%!important}}
@media(max-width:1080px){.hero-visual{right:-15%!important;top:19%!important;width:77%!important;height:72%!important}.hero-platform{right:-16%!important;width:78%!important;height:20%!important}}
@media(max-width:720px){.hero-visual{top:43%!important;right:-46%!important;width:124%!important;height:54%!important}.hero-platform{right:-30%!important;width:116%!important;height:15%!important;bottom:-0.5%!important}}


/* 2026-07-24 new user hero image aligned to green seam */
.hero-visual{right:-1.2%!important;top:10.4%!important;width:55.2%!important;height:67.8%!important;overflow:visible!important}
.hero-composite{right:0!important;bottom:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:right bottom!important;clip-path:none!important}
.hero-platform{right:-4.8%!important;bottom:-3.5%!important;width:67%!important;height:22.5%!important}
@media(max-width:1350px){.hero-visual{right:-4.2%!important;top:11.5%!important;width:58.5%!important;height:66%!important}.hero-platform{right:-8%!important;width:72%!important}}
@media(max-width:1080px){.hero-visual{right:-15%!important;top:18%!important;width:77%!important;height:59%!important}.hero-platform{right:-16%!important;width:78%!important;height:20%!important}}
@media(max-width:720px){.hero-visual{top:44%!important;right:-47%!important;width:124%!important;height:41%!important}.hero-platform{right:-30%!important;width:116%!important;height:15%!important;bottom:-0.5%!important}}


/* 2026-07-24 lower hero composite exactly to green/dark seam */
.hero-visual{top:13.9%!important}
@media(max-width:1350px){.hero-visual{top:15.0%!important}}
@media(max-width:1080px){.hero-visual{top:21.2%!important}}
@media(max-width:720px){.hero-visual{top:46.2%!important}}


/* 2026-07-24 glow outline around hero composite to smooth contour */
.hero-composite{
  filter:
    drop-shadow(0 0 1px rgba(196,255,54,.96))
    drop-shadow(0 0 2px rgba(196,255,54,.82))
    drop-shadow(0 0 8px rgba(196,255,54,.34))
    drop-shadow(0 0 16px rgba(196,255,54,.18));
}
@media(max-width:1080px){
  .hero-composite{
    filter:
      drop-shadow(0 0 1px rgba(196,255,54,.94))
      drop-shadow(0 0 2px rgba(196,255,54,.75))
      drop-shadow(0 0 6px rgba(196,255,54,.28))
      drop-shadow(0 0 12px rgba(196,255,54,.14));
  }
}


/* 2026-07-24 stronger visible contour around hero composite */
.hero-composite{
  filter:
    drop-shadow(1px 0 0 rgba(196,255,54,.98))
    drop-shadow(-1px 0 0 rgba(196,255,54,.98))
    drop-shadow(0 1px 0 rgba(196,255,54,.98))
    drop-shadow(0 -1px 0 rgba(196,255,54,.98))
    drop-shadow(1px 1px 0 rgba(196,255,54,.9))
    drop-shadow(-1px 1px 0 rgba(196,255,54,.9))
    drop-shadow(1px -1px 0 rgba(196,255,54,.9))
    drop-shadow(-1px -1px 0 rgba(196,255,54,.9))
    drop-shadow(0 0 3px rgba(196,255,54,.8))
    drop-shadow(0 0 10px rgba(196,255,54,.42))
    drop-shadow(0 0 18px rgba(196,255,54,.22));
}
@media(max-width:1080px){
  .hero-composite{
    filter:
      drop-shadow(1px 0 0 rgba(196,255,54,.95))
      drop-shadow(-1px 0 0 rgba(196,255,54,.95))
      drop-shadow(0 1px 0 rgba(196,255,54,.95))
      drop-shadow(0 -1px 0 rgba(196,255,54,.95))
      drop-shadow(0 0 2px rgba(196,255,54,.72))
      drop-shadow(0 0 8px rgba(196,255,54,.32))
      drop-shadow(0 0 14px rgba(196,255,54,.18));
  }
}

/* ========================================================================
   2026-07-26 STREAMING PLATFORM marketing section
   ======================================================================== */
.xf-nav{gap:44px}
.streaming{background:linear-gradient(180deg,#02090d,#030c0a 58%,#02090d)}
.streaming-showcase{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:stretch}

/* 2026-08-12 streaming hero artwork — replaces the old control mockup */
.stream-hero-art{position:relative;min-height:700px;display:flex;align-items:flex-end;justify-content:center;overflow:visible;isolation:isolate}
.stream-hero-art__glow{position:absolute;left:50%;bottom:8%;width:76%;height:58%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(184,239,0,.18) 0%,rgba(184,239,0,.08) 34%,rgba(184,239,0,0) 72%);filter:blur(18px);z-index:0;pointer-events:none}
.stream-hero-art__title{position:absolute;left:50%;top:8%;z-index:1;transform:translateX(-50%);font-family:Impact,"Arial Black",sans-serif;font-size:clamp(84px,10vw,164px);line-height:.88;letter-spacing:.14em;text-transform:uppercase;color:rgba(223,255,37,.08);-webkit-text-stroke:1px rgba(184,239,0,.22);text-shadow:0 0 30px rgba(184,239,0,.06),0 0 80px rgba(184,239,0,.03);white-space:nowrap;pointer-events:none}
.stream-hero-art__girl{position:relative;z-index:2;display:block;width:min(122%,920px);max-width:none;height:auto;object-fit:contain;transform:translateY(20px) translateX(-2%);filter:drop-shadow(0 30px 50px rgba(0,0,0,.5)) drop-shadow(0 0 26px rgba(184,239,0,.14))}
.stream-hero-x{position:absolute;z-index:3;display:flex;align-items:center;justify-content:center;width:72px;height:72px;color:var(--lime);font-family:Impact,"Arial Black",sans-serif;font-size:52px;font-style:normal;line-height:1;text-shadow:0 0 18px rgba(184,239,0,.42);opacity:.92;pointer-events:none;will-change:transform}
.stream-hero-x--one{left:5%;top:18%;transform:rotate(-11deg);animation:streamHeroXOne 5.4s ease-in-out infinite}
.stream-hero-x--two{right:4%;top:35%;transform:rotate(9deg);animation:streamHeroXTwo 6.2s ease-in-out infinite}
@keyframes streamHeroXOne{0%,100%{transform:translate3d(0,0,0) rotate(-11deg)}50%{transform:translate3d(8px,-14px,0) rotate(-4deg)}}
@keyframes streamHeroXTwo{0%,100%{transform:translate3d(0,0,0) rotate(9deg)}50%{transform:translate3d(-7px,13px,0) rotate(3deg)}}
@media(max-width:1080px){.stream-hero-art{min-height:620px}.stream-hero-art__title{top:8%;font-size:clamp(74px,11vw,128px)}.stream-hero-art__girl{width:min(104%,820px);transform:translateY(16px)}.stream-hero-x--one{left:12%}.stream-hero-x--two{right:12%}}
@media(max-width:720px){.stream-hero-art{min-height:360px;margin:0 -10px}.stream-hero-art__title{top:5%;font-size:clamp(42px,12vw,68px);letter-spacing:.12em}.stream-hero-art__girl{width:min(118%,680px);transform:translateY(0)}.stream-hero-x{width:52px;height:52px;font-size:38px}.stream-hero-x--one{left:4%;top:12%}.stream-hero-x--two{right:3%;top:28%}}
.stream-control{min-height:620px;border:1px solid rgba(184,239,0,.22);background:#040c11;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.32)}
.stream-control__top{height:58px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);font-size:10px;letter-spacing:.15em;color:#89979c}
.stream-control__top span{color:#dce3e5}.stream-control__top span i{display:inline-block;width:7px;height:7px;margin-right:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px rgba(184,239,0,.65)}
.stream-control__top b{color:var(--lime);font-size:9px}
.stream-control__body{display:grid;grid-template-columns:1.55fr .65fr;min-height:560px}
.stream-preview{padding:24px;border-right:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;gap:14px}
.stream-preview__screen{position:relative;flex:1;min-height:380px;border:1px solid rgba(184,239,0,.17);background:radial-gradient(circle at 60% 34%,rgba(184,239,0,.18),transparent 28%),linear-gradient(145deg,#08151b,#020709);display:flex;align-items:flex-end;justify-content:center;overflow:hidden;padding:24px}
.stream-preview__screen:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(184,239,0,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(184,239,0,.035) 1px,transparent 1px);background-size:42px 42px;pointer-events:none}
.stream-preview__screen:after{content:"XFAME LIVE";position:absolute;left:4%;bottom:20%;font-family:Impact,"Arial Black",sans-serif;font-size:clamp(62px,7vw,120px);color:rgba(184,239,0,.04);transform:rotate(-13deg);pointer-events:none}
.stream-preview__ambient{position:absolute;inset:auto 18% 18% 18%;height:44%;border-radius:50%;background:radial-gradient(circle,rgba(184,239,0,.18) 0%,rgba(184,239,0,.08) 34%,rgba(184,239,0,0) 72%);filter:blur(8px);z-index:1;pointer-events:none}
.stream-preview__label{position:absolute;left:20px;top:20px;z-index:4;padding:9px 14px;background:#dfff25;color:#071005;font-size:9px;font-weight:900;letter-spacing:.16em;line-height:1;border-radius:0}
.stream-preview__girl{position:relative;z-index:3;display:block;width:min(78%,560px);max-width:none;height:auto;object-fit:contain;filter:drop-shadow(0 20px 42px rgba(0,0,0,.42)) drop-shadow(0 0 28px rgba(184,239,0,.16));transform:translateY(18px) translateX(-16px)}
.stream-preview__title{position:absolute;left:50%;bottom:18px;z-index:4;display:flex;flex-direction:column;align-items:center;gap:8px;transform:translateX(-50%);text-align:center}
.stream-preview__title strong,.stream-preview__title small{position:relative;z-index:4}
.stream-preview__title strong{font-family:Impact,"Arial Black",sans-serif;font-size:78px;letter-spacing:.04em;color:#fff;line-height:.9;text-shadow:0 3px 20px rgba(0,0,0,.35)}
.stream-preview__title small{color:var(--lime);letter-spacing:.18em;font-size:14px}
.stream-float-x{position:absolute;z-index:4;display:flex;align-items:center;justify-content:center;width:58px;height:58px;border:1px solid rgba(184,239,0,.28);background:rgba(4,12,17,.58);backdrop-filter:blur(4px);color:var(--lime);font-size:34px;font-weight:900;line-height:1;text-shadow:0 0 16px rgba(184,239,0,.35);box-shadow:0 14px 26px rgba(0,0,0,.28),0 0 20px rgba(184,239,0,.1);pointer-events:none}
.stream-float-x--one{top:18%;left:13%;animation:streamFloatXOne 5.2s ease-in-out infinite}
.stream-float-x--two{right:10%;top:28%;animation:streamFloatXTwo 6s ease-in-out infinite}
@keyframes streamFloatXOne{0%,100%{transform:translateY(0) rotate(-10deg)}50%{transform:translateY(-10px) rotate(-3deg)}}
@keyframes streamFloatXTwo{0%,100%{transform:translateY(0) rotate(11deg)}50%{transform:translateY(12px) rotate(4deg)}}
.stream-scenes{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.stream-scenes span{padding:13px 7px;border:1px solid rgba(255,255,255,.08);font-size:8px;text-align:center;color:#68777d;letter-spacing:.08em}.stream-scenes span.active{border-color:rgba(184,239,0,.55);color:var(--lime);background:rgba(184,239,0,.06)}
.stream-panel{padding:26px 20px;display:flex;flex-direction:column}.stream-panel>small{font-size:8px;letter-spacing:.15em;color:#63747a}.stream-pc{margin-top:13px;border:1px solid rgba(184,239,0,.22);padding:17px;background:rgba(184,239,0,.035)}.stream-pc b{display:block;font-size:28px;color:#f5f7f7}.stream-pc span{display:block;margin-top:5px;color:var(--lime);font-size:8px;letter-spacing:.13em}
.stream-actions{display:grid;gap:8px;margin:22px 0}.stream-actions span,.stream-actions b{padding:15px;border:1px solid rgba(255,255,255,.09);font-size:9px;letter-spacing:.08em}.stream-actions b{background:var(--lime);color:#071005;border-color:var(--lime)}
.stream-meter{display:flex;align-items:end;gap:4px;height:54px;margin:12px 0 18px}.stream-meter i{flex:1;background:linear-gradient(180deg,var(--lime),#4f7900);min-height:12px}.stream-meter i:nth-child(1){height:25%}.stream-meter i:nth-child(2){height:48%}.stream-meter i:nth-child(3){height:74%}.stream-meter i:nth-child(4){height:91%}.stream-meter i:nth-child(5){height:58%}.stream-meter i:nth-child(6){height:36%}
.streaming-copy{border:1px solid rgba(255,255,255,.07);background:#050d12;padding:18px 30px 28px}.streaming-copy article{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.07)}.streaming-copy article>b{color:var(--lime);font-size:10px;letter-spacing:.12em;padding-top:5px}.streaming-copy h3{margin:0;font-size:21px}.streaming-copy article p{margin:8px 0 0;color:#89979c;font-size:14px;line-height:1.65}
.streaming-ctas{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.streaming-ctas .xf-btn{min-width:0;width:100%;height:60px;padding:0 18px;font-size:14px}.streaming-ctas .xf-btn b{font-size:21px}.streaming-note{margin:18px 0 0!important;color:#66767c!important;font-size:11px!important;line-height:1.6!important}
@media(max-width:1080px){.xf-nav{gap:28px}.streaming-showcase{grid-template-columns:1fr}.stream-control{min-height:570px}.streaming-copy{padding:12px 24px 25px}}
@media(max-width:720px){.stream-control{min-height:0}.stream-control__top{font-size:8px}.stream-control__top b{display:none}.stream-control__body{grid-template-columns:1fr;min-height:0}.stream-preview{border-right:0;border-bottom:1px solid rgba(255,255,255,.07);padding:14px}.stream-preview__screen{min-height:260px;padding:14px}.stream-preview__girl{width:min(88%,420px);transform:translateY(10px) translateX(-4px)}.stream-preview__title{bottom:14px;gap:5px}.stream-preview__title strong{font-size:54px}.stream-preview__title small{font-size:11px;letter-spacing:.14em}.stream-preview__label{left:12px;top:12px;padding:7px 10px}.stream-float-x{width:42px;height:42px;font-size:26px}.stream-float-x--one{left:7%;top:18%}.stream-float-x--two{right:7%;top:26%}.stream-scenes{grid-template-columns:1fr 1fr}.stream-panel{padding:20px 16px}.streaming-copy{padding:8px 18px 22px}.streaming-copy h3{font-size:19px}.streaming-copy article p{font-size:14px}.streaming-ctas{grid-template-columns:1fr}}


/* ========================================================================
   2026-07-27 demo cards + current tariffs + header logo alignment
   ======================================================================== */
.xf-header{overflow:visible!important}
.xf-brand{transform:translateY(-17px)!important;overflow:visible!important}
.xf-brand img{transform:none!important;overflow:visible!important}
.xf-brand:hover{transform:translateY(-18px) scale(1.012)!important}
.xf-header.is-scrolled .xf-brand{transform:translateY(-11px)!important}

.demo-grid--clean{gap:22px;align-items:stretch}
.demo-panel--clean{min-height:430px;padding:34px 38px 30px;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(145deg,#071117 0%,#030b10 78%);border-color:rgba(217,240,244,.16)}
.demo-panel--clean.demo-panel--owner{background:linear-gradient(145deg,#08130d 0%,#030b10 78%)}
.demo-panel--clean:before{width:360px;height:360px;right:-210px;bottom:-230px}
.demo-panel--clean .demo-top{font-size:10px}
.demo-panel--clean .demo-card-copy{padding-top:54px;max-width:690px}
.demo-panel--clean .demo-card-copy h3{margin:0 0 18px;font-size:48px;line-height:1.02}
.demo-panel--clean .demo-card-copy p{margin:0;max-width:680px;font-size:17px;line-height:1.72;color:#98a6ac}
.demo-feature-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:34px}
.demo-feature-row span{border:1px solid rgba(184,239,0,.18);background:rgba(184,239,0,.045);padding:9px 12px;color:#a8b4b8;font-size:9px;letter-spacing:.15em}
.demo-card-footer{margin-top:auto;padding-top:30px;border-top:1px solid rgba(217,240,244,.12);display:flex;align-items:center;justify-content:space-between;color:var(--lime);font-size:13px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.demo-card-footer b{font-size:26px;transition:transform .22s ease}
.demo-panel--clean:hover .demo-card-footer b{transform:translate(4px,-4px)}
.demo-panel--clean .demo-ui,.demo-panel--clean .demo-open{display:none!important}

.pricing-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important;max-width:1400px;margin:0 auto}
.pricing-grid--two .price-card{min-height:650px;padding:38px 38px 100px}
.pricing-grid--two .price-card h3{font-size:39px;margin:62px 0 20px}
.pricing-grid--two .price-value{font-size:62px!important;line-height:1!important;color:#f3f6f5!important;letter-spacing:-.035em!important;overflow-wrap:normal!important;word-break:normal!important}
.pricing-grid--two .price-value small{display:inline-block;margin-left:10px;font-size:18px;font-weight:600;color:#8d9aa0;letter-spacing:0}
.pricing-grid--two .price-value--custom{font-size:48px!important;color:#a3afb3!important}
.price-summary{margin:20px 0 0;max-width:650px;color:#96a4aa;font-size:16px;line-height:1.65}
.pricing-grid--two .price-card ul{margin-top:34px}
.pricing-grid--two .price-card li{font-size:16px;line-height:1.48;padding:13px 0}
.pricing-grid--two .price-card>a{font-size:14px}

@media(max-width:1080px){
  .xf-brand{transform:translateY(-12px)!important}.xf-header.is-scrolled .xf-brand{transform:translateY(-8px)!important}
  .demo-grid--clean{grid-template-columns:1fr}
  .demo-panel--clean{min-height:390px}
  .pricing-grid--two{grid-template-columns:1fr!important}
  .pricing-grid--two .price-card{min-height:590px}
}
@media(max-width:720px){
  .xf-brand{transform:translateY(-6px)!important}.xf-header.is-scrolled .xf-brand{transform:translateY(-5px)!important}
  .demo-panel--clean{min-height:365px;padding:26px 22px 24px}
  .demo-panel--clean .demo-card-copy{padding-top:38px}
  .demo-panel--clean .demo-card-copy h3{font-size:36px}
  .demo-panel--clean .demo-card-copy p{font-size:15px}
  .pricing-grid--two .price-card{min-height:560px;padding:28px 24px 88px}
  .pricing-grid--two .price-card h3{font-size:30px}
  .pricing-grid--two .price-value{font-size:44px!important}
  .pricing-grid--two .price-value small{display:block;margin:8px 0 0;font-size:15px}
  .pricing-grid--two .price-value--custom{font-size:36px!important}
}


/* ========================================================================
   2026-07-27 visual pass: lower scroll cue, lift logo, restore contour glow,
   remove white fringe in hair, and raise hero image slightly
   ======================================================================== */
.scroll-cue{bottom:2.9%!important}
.xf-brand{transform:translateY(-24px)!important}
.xf-brand:hover{transform:translateY(-25px) scale(1.012)!important}
.xf-header.is-scrolled .xf-brand{transform:translateY(-16px)!important}
.xf-contact{transform:translateY(-3px)!important}
.xf-contact:hover{transform:translateY(-4px)!important}
.hero-visual{top:12.8%!important}
.hero-composite{
  transform:translateY(-10px)!important;
  filter:
    drop-shadow(1px 0 0 rgba(196,255,54,.98))
    drop-shadow(-1px 0 0 rgba(196,255,54,.98))
    drop-shadow(0 1px 0 rgba(196,255,54,.98))
    drop-shadow(0 -1px 0 rgba(196,255,54,.98))
    drop-shadow(2px 2px 0 rgba(196,255,54,.85))
    drop-shadow(-2px 2px 0 rgba(196,255,54,.85))
    drop-shadow(2px -2px 0 rgba(196,255,54,.85))
    drop-shadow(-2px -2px 0 rgba(196,255,54,.85))
    drop-shadow(0 0 4px rgba(196,255,54,.78))
    drop-shadow(0 0 10px rgba(196,255,54,.42))
    drop-shadow(0 0 20px rgba(196,255,54,.24))!important;
}
@media(max-width:1350px){
  .xf-brand{transform:translateY(-20px)!important}
  .xf-header.is-scrolled .xf-brand{transform:translateY(-14px)!important}
  .hero-visual{top:13.6%!important}
  .hero-composite{transform:translateY(-8px)!important}
}
@media(max-width:1080px){
  .scroll-cue{bottom:14px!important}
  .xf-brand{transform:translateY(-14px)!important}
  .xf-header.is-scrolled .xf-brand{transform:translateY(-10px)!important}
  .xf-contact{transform:translateY(-2px)!important}
  .hero-visual{top:19.8%!important}
  .hero-composite{
    transform:translateY(-6px)!important;
    filter:
      drop-shadow(1px 0 0 rgba(196,255,54,.96))
      drop-shadow(-1px 0 0 rgba(196,255,54,.96))
      drop-shadow(0 1px 0 rgba(196,255,54,.96))
      drop-shadow(0 -1px 0 rgba(196,255,54,.96))
      drop-shadow(0 0 3px rgba(196,255,54,.72))
      drop-shadow(0 0 8px rgba(196,255,54,.34))
      drop-shadow(0 0 14px rgba(196,255,54,.18))!important;
  }
}
@media(max-width:720px){
  .scroll-cue{bottom:8px!important}
  .xf-brand{transform:translateY(-9px)!important}
  .xf-header.is-scrolled .xf-brand{transform:translateY(-7px)!important}
  .xf-contact{transform:none!important}
  .hero-visual{top:43.8%!important}
  .hero-composite{transform:translateY(-3px)!important}
}


/* ========================================================================
   2026-07-27 exact hero-to-seam alignment
   Lower the existing composite without changing scale or glow.
   ======================================================================== */
.hero-composite{transform:translateY(4px)!important}
@media(max-width:1350px){.hero-composite{transform:translateY(4px)!important}}
@media(max-width:1080px){.hero-composite{transform:translateY(3px)!important}}
@media(max-width:720px){.hero-composite{transform:translateY(2px)!important}}

/* ========================================================================
   2026-07-27 platform account entry in public header
   ======================================================================== */
.xf-header{grid-template-columns:250px 1fr auto!important}
.xf-header-actions{justify-self:end;display:flex;align-items:center;gap:12px}
.xf-account-entry{height:46px;padding:0 16px;display:flex;align-items:center;border:1px solid rgba(217,240,244,.18);background:rgba(4,13,18,.76);color:#dbe3e5;font-size:12px;font-weight:700;white-space:nowrap;transition:.2s}
.xf-account-entry:hover{border-color:rgba(184,239,0,.55);color:var(--lime);background:rgba(184,239,0,.035)}
.xf-header-actions .xf-contact{justify-self:auto}
@media(max-width:1350px){.xf-header{grid-template-columns:220px 1fr auto!important}.xf-account-entry{display:none}.xf-header-actions{gap:0}}
@media(max-width:1080px){.xf-header{grid-template-columns:205px 1fr!important}.xf-header-actions{display:none}}


/* ========================================================================
   2026-07-27 readability + typography pass
   Lower scroll cue, lift logo, thinner headline style, and faulty neon text.
   ======================================================================== */
.scroll-cue{bottom:-4px!important}
@media(max-width:1080px){.scroll-cue{bottom:4px!important}}
@media(max-width:720px){.scroll-cue{bottom:2px!important}}

.xf-brand{transform:translateY(-34px)!important}
.xf-brand:hover{transform:translateY(-35px) scale(1.012)!important}
.xf-header.is-scrolled .xf-brand{transform:translateY(-22px)!important}
@media(max-width:1350px){
  .xf-brand{transform:translateY(-28px)!important}
  .xf-header.is-scrolled .xf-brand{transform:translateY(-18px)!important}
}
@media(max-width:1080px){
  .xf-brand{transform:translateY(-19px)!important}
  .xf-header.is-scrolled .xf-brand{transform:translateY(-13px)!important}
}
@media(max-width:720px){
  .xf-brand{transform:translateY(-12px)!important}
  .xf-brand:hover{transform:translateY(-13px) scale(1.01)!important}
  .xf-header.is-scrolled .xf-brand{transform:translateY(-9px)!important}
}

.hero h1,
.section-title-row h2,
.clubs-copy h2,
.about-layout h2,
.connect-copy h2,
.demo-dialog h2,
.demo-panel--clean .demo-card-copy h3,
.langame-copy h3,
.price-card h3{
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
  font-weight:900!important;
  letter-spacing:-.055em!important;
  line-height:.94!important;
}
.hero h1{font-size:clamp(66px,4.7vw,92px)!important}
.section-title-row h2,.clubs-copy h2,.about-layout h2,.connect-copy h2{font-size:clamp(56px,5vw,86px)!important}
.demo-dialog h2{font-size:44px!important}
.demo-panel--clean .demo-card-copy h3,.langame-copy h3,.price-card h3{letter-spacing:-.04em!important}
@media(max-width:1080px){
  .hero h1{font-size:clamp(54px,6.2vw,76px)!important}
  .section-title-row h2,.clubs-copy h2,.about-layout h2,.connect-copy h2{font-size:clamp(48px,6.1vw,68px)!important}
}
@media(max-width:720px){
  .hero h1{font-size:clamp(42px,12vw,60px)!important}
  .section-title-row h2,.clubs-copy h2,.about-layout h2,.connect-copy h2{font-size:clamp(40px,10.5vw,54px)!important}
  .demo-dialog h2{font-size:34px!important}
}

.hero h1 em{
  position:relative;
  display:inline-block;
  color:#c6ff20!important;
  text-shadow:
    0 0 6px rgba(198,255,32,.72),
    0 0 14px rgba(198,255,32,.52),
    0 0 28px rgba(198,255,32,.28);
  animation:xfameNeonFault 4.8s infinite steps(1,end);
}
@keyframes xfameNeonFault{
  0%,9%,12%,18%,20%,23%,25%,54%,57%,60%,100%{
    opacity:1;
    text-shadow:
      0 0 6px rgba(198,255,32,.82),
      0 0 14px rgba(198,255,32,.62),
      0 0 28px rgba(198,255,32,.36),
      0 0 44px rgba(198,255,32,.18);
    filter:brightness(1.02);
  }
  10%,19%,24%,55%{
    opacity:.28;
    text-shadow:
      0 0 2px rgba(198,255,32,.28),
      0 0 4px rgba(198,255,32,.14);
    filter:brightness(.84);
  }
  11%,21%,56%{
    opacity:.82;
    text-shadow:
      0 0 4px rgba(198,255,32,.46),
      0 0 10px rgba(198,255,32,.24);
  }
}
@media(prefers-reduced-motion:reduce){
  .hero h1 em{animation:none!important}
}


/* ========================================================================
   2026-07-27 FIRST PAINT PERFORMANCE PASS
   Keep the visible contour, but cut the hero GPU filter stack to 3 passes.
   ======================================================================== */
.hero-composite{
  filter:
    drop-shadow(0 0 1px rgba(198,255,32,.96))
    drop-shadow(0 0 5px rgba(198,255,32,.52))
    drop-shadow(0 0 12px rgba(198,255,32,.22))!important;
  will-change:auto!important;
}
.hero-composite-wrap{contain:layout paint style}
.hero-grid,.hero-scan{will-change:auto!important}
@media(max-width:720px){
  .hero-composite{
    filter:
      drop-shadow(0 0 1px rgba(198,255,32,.92))
      drop-shadow(0 0 4px rgba(198,255,32,.42))!important;
  }
}


/* ========================================================================
   2026-07-27 subtle hero visibility tweak
   Slightly stronger contour glow + lower composite by a few pixels.
   ======================================================================== */
.hero-composite{
  filter:
    drop-shadow(0 0 1px rgba(198,255,32,.98))
    drop-shadow(0 0 7px rgba(198,255,32,.64))
    drop-shadow(0 0 16px rgba(198,255,32,.30))!important;
  transform:translateY(7px)!important;
}
@media(max-width:1350px){.hero-composite{transform:translateY(7px)!important}}
@media(max-width:1080px){.hero-composite{transform:translateY(6px)!important}}
@media(max-width:720px){
  .hero-composite{
    filter:
      drop-shadow(0 0 1px rgba(198,255,32,.95))
      drop-shadow(0 0 6px rgba(198,255,32,.56))
      drop-shadow(0 0 12px rgba(198,255,32,.24))!important;
    transform:translateY(4px)!important;
  }
}


/* ========================================================================
   2026-07-27 hero lower + stronger contour glow (follow-up)
   ======================================================================== */
.hero-composite{
  filter:
    drop-shadow(0 0 2px rgba(198,255,32,.99))
    drop-shadow(0 0 10px rgba(198,255,32,.74))
    drop-shadow(0 0 22px rgba(198,255,32,.42))
    drop-shadow(0 0 36px rgba(198,255,32,.18))!important;
  transform:translateY(12px)!important;
}
@media(max-width:1350px){.hero-composite{transform:translateY(12px)!important}}
@media(max-width:1080px){.hero-composite{transform:translateY(10px)!important}}
@media(max-width:720px){
  .hero-composite{
    filter:
      drop-shadow(0 0 2px rgba(198,255,32,.98))
      drop-shadow(0 0 9px rgba(198,255,32,.70))
      drop-shadow(0 0 18px rgba(198,255,32,.34))!important;
    transform:translateY(8px)!important;
  }
}


/* ========================================================================
   2026-07-27 ACTUAL HERO DOWN POSITION FIX
   Move the whole responsive hero container down. Previous inner-image
   translate was too small and was visually neutralized on <=1080px layouts.
   ======================================================================== */
.hero-visual{top:15.5%!important}
.hero-composite{transform:translateY(0)!important}
@media(max-width:1350px){
  .hero-visual{top:16.4%!important}
  .hero-composite{transform:translateY(0)!important}
}
@media(max-width:1080px){
  .hero-visual{top:23.1%!important}
  .hero-composite{transform:translateY(0)!important}
}
@media(max-width:720px){
  .hero-visual{top:46.7%!important}
  .hero-composite{transform:translateY(0)!important}
}

/* ========================================================================
   2026-07-27 precise hero alignment + unclipped contour glow
   Final tuning after visual review:
   - move composite a bit upward so the lowest leg edge lands exactly on the
     seam between the dark floor and lime shape
   - pull the visual slightly left so the right-side case glow is not clipped
   - keep a clean, visible contour glow around the whole silhouette
   ======================================================================== */
.hero-composite{
  filter:
    drop-shadow(0 0 2px rgba(198,255,32,.98))
    drop-shadow(0 0 9px rgba(198,255,32,.74))
    drop-shadow(0 0 18px rgba(198,255,32,.42))
    drop-shadow(0 0 30px rgba(198,255,32,.20))!important;
  transform:translateY(0)!important;
}
.hero-visual{
  overflow:visible!important;
}
@media(min-width:1081px){
  .hero-visual{
    top:15.0%!important;
    right:-2.2%!important;
    width:55.0%!important;
    height:68.5%!important;
  }
}
@media(max-width:1080px){
  .hero-visual{
    top:21.6%!important;
    right:-11.5%!important;
    width:75.5%!important;
    height:59.8%!important;
    overflow:visible!important;
  }
  .hero-composite{
    filter:
      drop-shadow(0 0 2px rgba(198,255,32,.98))
      drop-shadow(0 0 10px rgba(198,255,32,.78))
      drop-shadow(0 0 20px rgba(198,255,32,.44))
      drop-shadow(0 0 34px rgba(198,255,32,.22))!important;
    transform:translateY(0)!important;
  }
}
@media(max-width:720px){
  .hero-visual{
    top:45.7%!important;
    right:-44%!important;
    width:123%!important;
    height:42.5%!important;
  }
  .hero-composite{
    filter:
      drop-shadow(0 0 2px rgba(198,255,32,.96))
      drop-shadow(0 0 8px rgba(198,255,32,.68))
      drop-shadow(0 0 16px rgba(198,255,32,.30))!important;
  }
}

/* ========================================================================
   2026-07-27 PRECISE HERO SEAM + UNCLIPPED CONTOUR
   Fixes the actual cause of the clipped glow: paint containment on picture.
   ======================================================================== */
.hero-composite-wrap{
  contain:layout style!important;
  overflow:visible!important;
}
.hero-visual{
  overflow:visible!important;
}
.hero-composite{
  transform:translateY(1px)!important;
  filter:
    drop-shadow(0 0 2px rgba(198,255,32,.98))
    drop-shadow(0 0 8px rgba(198,255,32,.70))
    drop-shadow(0 0 18px rgba(198,255,32,.34))!important;
}
@media(max-width:1350px){
  .hero-composite{transform:translateY(1px)!important}
}
@media(max-width:1080px){
  .hero-composite{
    transform:translateY(1px)!important;
    filter:
      drop-shadow(0 0 2px rgba(198,255,32,.98))
      drop-shadow(0 0 8px rgba(198,255,32,.72))
      drop-shadow(0 0 17px rgba(198,255,32,.33))!important;
  }
}
@media(max-width:720px){
  .hero-composite{
    transform:translateY(1px)!important;
    filter:
      drop-shadow(0 0 2px rgba(198,255,32,.96))
      drop-shadow(0 0 7px rgba(198,255,32,.64))
      drop-shadow(0 0 14px rgba(198,255,32,.28))!important;
  }
}

/* ========================================================================
   2026-07-27 HERO SEAM EXACT HOTFIX v2
   - make the visible lower edge of the composite land exactly on the seam
   - keep the right-side case glow fully visible
   - use one last override block only, so previous experiments cannot win
   ======================================================================== */
.hero-content,
.hero-visual,
.hero-composite-wrap{
  overflow:visible!important;
}
.hero-composite-wrap{
  contain:layout style!important;
}
.hero-composite{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:right bottom!important;
  clip-path:inset(0 0 14px 0)!important;
  transform:translateY(-2px)!important;
  filter:
    drop-shadow(0 0 2px rgba(198,255,32,.98))
    drop-shadow(0 0 9px rgba(198,255,32,.72))
    drop-shadow(0 0 18px rgba(198,255,32,.38))!important;
}
@media(min-width:1081px){
  .hero-visual{
    top:14.8%!important;
    right:-0.8%!important;
    width:55.3%!important;
    height:67.6%!important;
  }
  .hero-composite{
    clip-path:inset(0 0 15px 0)!important;
    transform:translateY(-2px)!important;
  }
}
@media(max-width:1080px){
  .hero-visual{
    top:20.8%!important;
    right:-8.3%!important;
    width:73.4%!important;
    height:59.0%!important;
  }
  .hero-composite{
    clip-path:inset(0 0 12px 0)!important;
    transform:translateY(-2px)!important;
    filter:
      drop-shadow(0 0 2px rgba(198,255,32,.98))
      drop-shadow(0 0 9px rgba(198,255,32,.74))
      drop-shadow(0 0 18px rgba(198,255,32,.40))!important;
  }
}
@media(max-width:720px){
  .hero-visual{
    top:45.2%!important;
    right:-41%!important;
    width:119%!important;
    height:42.8%!important;
  }
  .hero-composite{
    clip-path:inset(0 0 10px 0)!important;
    transform:translateY(-1px)!important;
    filter:
      drop-shadow(0 0 2px rgba(198,255,32,.96))
      drop-shadow(0 0 8px rgba(198,255,32,.66))
      drop-shadow(0 0 15px rgba(198,255,32,.30))!important;
  }
}

/* ========================================================================
   2026-07-27 measured seam correction
   Screenshot measurement: seam begins at y=638, visible leg ended at y=628.
   Current transform was -2px, so +7px gives an exact +9px visual shift.
   ======================================================================== */
.hero-composite{transform:translateY(7px)!important}
@media(max-width:1350px){.hero-composite{transform:translateY(7px)!important}}
@media(max-width:1080px){.hero-composite{transform:translateY(7px)!important}}
@media(max-width:720px){.hero-composite{transform:translateY(7px)!important}}

/* ========================================================================
   2026-07-27 HERO GLOW ONLY — FINAL
   Only the contour glow is changed. Geometry/position/scale remain untouched.
   ======================================================================== */
.hero-composite{
  filter:
    drop-shadow(1px 0 0 rgba(215,255,56,.98))
    drop-shadow(-1px 0 0 rgba(215,255,56,.98))
    drop-shadow(0 1px 0 rgba(215,255,56,.98))
    drop-shadow(0 -1px 0 rgba(215,255,56,.98))
    drop-shadow(0 0 4px rgba(198,255,32,.92))
    drop-shadow(0 0 9px rgba(184,239,0,.58))
    drop-shadow(0 0 14px rgba(184,239,0,.28))!important;
}
@media(max-width:720px){
  .hero-composite{
    filter:
      drop-shadow(1px 0 0 rgba(215,255,56,.96))
      drop-shadow(-1px 0 0 rgba(215,255,56,.96))
      drop-shadow(0 1px 0 rgba(215,255,56,.96))
      drop-shadow(0 -1px 0 rgba(215,255,56,.96))
      drop-shadow(0 0 4px rgba(198,255,32,.84))
      drop-shadow(0 0 8px rgba(184,239,0,.48))
      drop-shadow(0 0 12px rgba(184,239,0,.22))!important;
  }
}

/* ========================================================================
   2026-07-28 contour glow unclipped hotfix
   Only adjusts the hero glow paint room and glow visibility.
   Keeps the actual image position/scale visually unchanged.
   ======================================================================== */
.hero-composite-wrap{
  overflow:visible!important;
  contain:layout style!important;
}
.hero-composite{
  filter:
    drop-shadow(1px 0 0 rgba(215,255,56,.99))
    drop-shadow(-1px 0 0 rgba(215,255,56,.99))
    drop-shadow(0 1px 0 rgba(215,255,56,.99))
    drop-shadow(0 -1px 0 rgba(215,255,56,.99))
    drop-shadow(0 0 5px rgba(198,255,32,.96))
    drop-shadow(0 0 11px rgba(184,239,0,.72))
    drop-shadow(0 0 18px rgba(184,239,0,.40))!important;
}
@media(min-width:1081px){
  .hero-visual{
    top:calc(14.8% - 18px)!important;
    right:calc(-0.8% - 22px)!important;
    width:calc(55.3% + 22px)!important;
    height:calc(67.6% + 18px)!important;
    overflow:visible!important;
  }
  .hero-composite-wrap{inset:18px 22px 0 0!important;}
}
@media(max-width:1080px){
  .hero-visual{
    top:calc(20.8% - 16px)!important;
    right:calc(-8.3% - 18px)!important;
    width:calc(73.4% + 18px)!important;
    height:calc(59.0% + 16px)!important;
    overflow:visible!important;
  }
  .hero-composite-wrap{inset:16px 18px 0 0!important;}
  .hero-composite{
    filter:
      drop-shadow(1px 0 0 rgba(215,255,56,.99))
      drop-shadow(-1px 0 0 rgba(215,255,56,.99))
      drop-shadow(0 1px 0 rgba(215,255,56,.99))
      drop-shadow(0 -1px 0 rgba(215,255,56,.99))
      drop-shadow(0 0 5px rgba(198,255,32,.94))
      drop-shadow(0 0 10px rgba(184,239,0,.70))
      drop-shadow(0 0 16px rgba(184,239,0,.36))!important;
  }
}
@media(max-width:720px){
  .hero-visual{
    top:calc(45.2% - 10px)!important;
    right:calc(-41% - 12px)!important;
    width:calc(119% + 12px)!important;
    height:calc(42.8% + 10px)!important;
    overflow:visible!important;
  }
  .hero-composite-wrap{inset:10px 12px 0 0!important;}
  .hero-composite{
    filter:
      drop-shadow(1px 0 0 rgba(215,255,56,.98))
      drop-shadow(-1px 0 0 rgba(215,255,56,.98))
      drop-shadow(0 1px 0 rgba(215,255,56,.98))
      drop-shadow(0 -1px 0 rgba(215,255,56,.98))
      drop-shadow(0 0 4px rgba(198,255,32,.90))
      drop-shadow(0 0 9px rgba(184,239,0,.60))
      drop-shadow(0 0 14px rgba(184,239,0,.30))!important;
  }
}


/* ========================================================================
   2026-07-28 MOBILE LAYOUT PRECISION FIX
   Mobile-only corrections for xfame.ru. Desktop geometry is untouched.
   ======================================================================== */
@media(max-width:1080px){
  .xf-mobile-panel{
    height:100dvh;
    max-height:100dvh;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-y;
  }
  body.locked{
    position:fixed;
    left:0;
    right:0;
    width:100%;
    overflow:hidden!important;
  }
}

@media(max-width:720px){
  html,.xf-site{max-width:100%;overflow-x:clip}
  .xf-site main{max-width:100%;overflow-x:clip}
  .shell{width:calc(100% - 30px)!important;max-width:100%;min-width:0}
  .shell>*{min-width:0}
  .hero,.xf-section{scroll-margin-top:78px}

  /* compact opaque mobile header: content no longer shows through it */
  .xf-header,
  .xf-header.is-scrolled{
    top:0!important;
    width:100%!important;
    height:76px!important;
    min-height:76px!important;
    padding:0 15px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    background:rgba(2,9,13,.97)!important;
    border-bottom:1px solid rgba(184,239,0,.18)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.28)!important;
    overflow:visible!important;
  }
  .xf-brand,
  .xf-header.is-scrolled .xf-brand,
  .xf-brand:hover{
    width:148px!important;
    max-width:148px!important;
    transform:none!important;
    align-self:center!important;
  }
  .xf-brand img{width:100%!important;height:auto!important;transform:none!important}
  .xf-menu{
    display:grid!important;
    width:46px!important;
    height:46px!important;
    margin:0!important;
    place-content:center!important;
    justify-self:end!important;
    flex:0 0 46px!important;
  }

  /* xFame full-screen menu owns its scroll and never scrolls the page below */
  .xf-mobile-panel{
    inset:0!important;
    padding:max(18px,env(safe-area-inset-top)) 18px max(24px,env(safe-area-inset-bottom))!important;
    background:#02090d!important;
  }
  .xf-mobile-panel__head{padding-bottom:14px!important}
  .xf-mobile-panel nav{margin-top:8px!important;padding-bottom:18px!important}
  .xf-mobile-panel nav a{
    grid-template-columns:34px minmax(0,1fr)!important;
    gap:10px!important;
    padding:14px 0!important;
    min-width:0!important;
  }
  .xf-mobile-panel nav a span{
    min-width:0!important;
    font-size:clamp(25px,8vw,34px)!important;
    line-height:1.08!important;
    overflow-wrap:anywhere;
  }

  /* sections */
  .xf-section{padding:72px 0!important}
  .section-head{margin-bottom:38px!important}
  .section-kicker{margin-bottom:22px!important;font-size:9px!important;gap:14px!important}
  .section-kicker i{width:30px!important}
  .section-title-row,.clubs-layout,.about-layout,.connect-layout{gap:28px!important}
  .section-title-row h2,.clubs-copy h2,.about-layout h2,.connect-copy h2{
    max-width:100%!important;
    font-size:clamp(36px,10.4vw,48px)!important;
    line-height:1.02!important;
    overflow-wrap:normal!important;
  }
  .section-title-row p,.clubs-copy>p,.about-copy p,.connect-copy>p{
    max-width:100%!important;
    font-size:14px!important;
    line-height:1.68!important;
  }
  .text-link{font-size:12px!important;gap:14px!important}

  /* Player OS mockup: remove fixed desktop type widths that caused clipping */
  .product-console{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important}
  .console-top{
    height:48px!important;
    padding:0 10px!important;
    gap:8px!important;
    font-size:7px!important;
    letter-spacing:.10em!important;
  }
  .console-top>div{gap:5px!important;flex:0 0 auto}
  .console-top>div i{width:6px!important;height:6px!important}
  .console-top span{
    min-width:0!important;
    flex:1 1 auto!important;
    text-align:center!important;
    line-height:1.25!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  .console-top b{flex:0 0 auto!important;font-size:7px!important;white-space:nowrap!important}
  .console-body{grid-template-columns:42px minmax(0,1fr)!important;min-height:0!important}
  .console-rail{padding:16px 0!important;gap:17px!important;min-width:0!important}
  .console-rail strong{width:29px!important;height:29px!important;font-size:16px!important}
  .console-rail button{width:18px!important;height:5px!important}
  .console-main{min-width:0!important;padding:17px 10px 14px!important;overflow:hidden!important}
  .console-welcome{display:block!important;min-width:0!important}
  .console-welcome>div{min-width:0!important}
  .console-welcome small{display:block!important;font-size:7px!important;letter-spacing:.09em!important;overflow-wrap:anywhere!important}
  .console-welcome h3{
    max-width:100%!important;
    margin-top:7px!important;
    font-size:clamp(18px,5.7vw,23px)!important;
    line-height:1.12!important;
    overflow-wrap:anywhere!important;
  }
  .console-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:20px!important}
  .console-card{min-width:0!important;min-height:112px!important;padding:12px!important;overflow:hidden!important}
  .console-card--wide{grid-column:1/-1!important;grid-row:auto!important;min-height:170px!important}
  .console-card span,.console-card small{font-size:8px!important;letter-spacing:.09em!important}
  .console-card h4{
    max-width:100%!important;
    margin:28px 0 7px!important;
    font-size:18px!important;
    line-height:1!important;
    overflow-wrap:anywhere!important;
  }
  .console-card--wide h4{margin-top:34px!important;font-size:clamp(27px,9vw,35px)!important;white-space:normal!important}
  .console-card--wide .xp{margin:18px 0 10px!important}
  .orb{width:110px!important;height:110px!important;right:-45px!important;bottom:-50px!important}
  .console-bottom{gap:6px!important;margin-top:9px!important;overflow-x:auto!important;overscroll-behavior-x:contain!important}
  .console-bottom span{flex:0 0 88px!important;min-width:88px!important;padding:10px 5px!important;font-size:7px!important}

  /* Club-brand mockup */
  .domain-stage{width:100%!important;max-width:100%!important;height:430px!important;overflow:hidden!important;perspective:none!important}
  .domain-beam{inset:14px 0!important}
  .domain-window{
    top:8%!important;
    right:0!important;
    width:100%!important;
    max-width:100%!important;
    height:56%!important;
    transform:none!important;
  }
  .domain-window__bar{
    height:42px!important;
    grid-template-columns:48px minmax(0,1fr) 52px!important;
    gap:4px!important;
    padding:0 9px!important;
    font-size:6.5px!important;
    overflow:hidden!important;
  }
  .domain-window__bar b{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .domain-window__bar small{font-size:6px!important;white-space:nowrap!important;overflow:hidden!important}
  .domain-window__screen{height:calc(100% - 42px)!important;padding-left:8%!important;padding-right:8%!important}
  .mini-logo{font-size:38px!important}
  .domain-window__screen p{font-size:10px!important;letter-spacing:.10em!important}
  .stack-card{width:72%!important;max-width:calc(100% - 12px)!important;padding:14px 15px!important}
  .stack-card small{font-size:7px!important;margin-bottom:7px!important}
  .stack-card b{font-size:14px!important;line-height:1.25!important}
  .stack-one{left:0!important;bottom:25%!important}.stack-two{left:8%!important;bottom:12%!important}.stack-three{left:16%!important;bottom:0!important}

  /* Streaming stays inside viewport */
  .streaming-showcase,.stream-control,.stream-control__body,.stream-preview,.streaming-copy{min-width:0!important;max-width:100%!important}
  .stream-preview__screen{min-height:220px!important}
  .stream-preview__screen strong{font-size:46px!important}
  .stream-scenes span{min-width:0!important;padding:11px 5px!important;font-size:7px!important}
  .streaming-copy article{grid-template-columns:30px minmax(0,1fr)!important;gap:10px!important;padding:18px 0!important}
  .streaming-copy h3{font-size:18px!important;line-height:1.2!important;overflow-wrap:anywhere!important}

  /* Demo cards */
  .demo-panel--clean{min-height:330px!important;padding:22px 18px 20px!important}
  .demo-panel--clean .demo-card-copy{padding-top:30px!important}
  .demo-panel--clean .demo-card-copy h3{font-size:32px!important;line-height:1.04!important}
  .demo-panel--clean .demo-card-copy p{font-size:14px!important;line-height:1.6!important}
  .demo-feature-row{margin-top:24px!important;gap:6px!important}
  .demo-feature-row span{padding:7px 8px!important;font-size:7px!important}
  .demo-card-footer{padding-top:20px!important;font-size:11px!important}

  /* Tariffs: keep typography readable without forcing the card wider than screen */
  .pricing>.shell{width:calc(100% - 30px)!important;max-width:100%!important}
  .pricing-grid--two{grid-template-columns:1fr!important;gap:14px!important}
  .pricing-grid--two .price-card{
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    padding:24px 20px 78px!important;
    overflow:hidden!important;
  }
  .pricing-grid--two .price-card h3{margin:34px 0 14px!important;font-size:28px!important;max-width:100%!important}
  .pricing-grid--two .price-value{
    max-width:100%!important;
    font-size:clamp(36px,10.8vw,44px)!important;
    line-height:1.04!important;
    letter-spacing:-.025em!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .pricing-grid--two .price-value small{margin-top:6px!important;font-size:14px!important}
  .pricing-grid--two .price-value--custom{font-size:32px!important;overflow-wrap:anywhere!important}
  .price-summary{margin-top:14px!important;font-size:14px!important;line-height:1.55!important}
  .pricing-grid--two .price-card ul{margin-top:24px!important}
  .pricing-grid--two .price-card li{padding:10px 0!important;font-size:14px!important;line-height:1.42!important}
  .pricing-grid--two .price-card>a{left:20px!important;right:20px!important;bottom:18px!important;height:52px!important;font-size:12px!important}

  /* Connection form: compact mobile rhythm */
  .connect-layout{gap:28px!important}
  .connect-copy ol{margin-top:28px!important}
  .connect-copy li{grid-template-columns:38px minmax(0,1fr)!important;padding:11px 0!important;font-size:13px!important}
  .xf-form{width:100%!important;min-width:0!important;padding:20px 14px!important;overflow:hidden!important}
  .form-top{gap:10px!important;padding-bottom:16px!important;margin-bottom:18px!important;font-size:7px!important}
  .form-top b{text-align:right;white-space:nowrap}
  .fields,.fields.two{grid-template-columns:1fr!important;gap:10px!important;margin-bottom:10px!important}
  .fields label{min-width:0!important;gap:6px!important}
  .fields label>span{font-size:8px!important}
  .fields input,.fields textarea{
    min-width:0!important;
    width:100%!important;
    padding:12px 13px!important;
    font-size:15px!important;
  }
  .fields textarea{min-height:96px!important}
  .form-button{height:56px!important;margin-top:8px!important;font-size:13px!important}

  /* Mobile footer */
  .footer-grid{grid-template-columns:1fr!important;gap:24px!important}
  .footer-logo{grid-column:auto!important}.footer-grid>p{text-align:left!important}
}

/* XFAME_MOBILE_HEADER_STACK_V3_START */
@media(max-width:720px){
  /* Keep the restored transparent xFame header behaviour unchanged. */
  .xf-header{
    background:transparent!important;
    box-shadow:none!important;
  }
  .xf-header.is-scrolled{
    background:rgba(2,9,13,.82)!important;
    border-bottom-color:rgba(184,239,0,.11)!important;
    box-shadow:0 18px 50px rgba(0,0,0,.25)!important;
  }

  /*
   * Mobile club-brand composition:
   * reserve real space for the YOUR CLUB window, then place the three
   * supporting cards in normal document flow. This preserves the stagger
   * without covering the window copy or another card.
   */
  .domain-stage{
    height:auto!important;
    min-height:0!important;
    padding-top:calc(clamp(270px,72vw,310px) + 16px)!important;
    padding-bottom:12px!important;
    overflow:hidden!important;
  }
  .domain-window{
    top:0!important;
    height:clamp(270px,72vw,310px)!important;
  }
  .stack-card{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    margin-top:12px!important;
    margin-bottom:0!important;
  }
  .stack-one{
    left:0!important;
    z-index:4!important;
  }
  .stack-two{
    left:8%!important;
    z-index:5!important;
  }
  .stack-three{
    left:16%!important;
    z-index:6!important;
  }
}
/* XFAME_MOBILE_HEADER_STACK_V3_END */

/* XFAME_COMMERCIAL_TERMS_20260809 */
.pricing-launch-note{margin:22px auto 0;max-width:1400px;padding:24px 28px;border:1px solid rgba(184,239,0,.22);background:linear-gradient(135deg,rgba(184,239,0,.07),rgba(5,13,18,.94));display:grid;grid-template-columns:220px minmax(260px,.8fr) minmax(360px,1.4fr);gap:28px;align-items:center}
.pricing-launch-note small{font-size:9px;letter-spacing:.17em;color:var(--lime)}
.pricing-launch-note b{font-size:20px;line-height:1.35;color:#f3f6f5}
.pricing-launch-note p{margin:0;color:#98a5aa;font-size:15px;line-height:1.6}
@media(max-width:900px){.pricing-launch-note{grid-template-columns:1fr;gap:12px;padding:22px}.pricing-launch-note b{font-size:18px}.pricing-launch-note p{font-size:14px}}


/* XFAME_CONTACT_MODAL_20260812_START */
.contact-modal{position:fixed;inset:0;z-index:760;display:none;place-items:center;padding:20px}
.contact-modal.open{display:grid}
.contact-backdrop{position:absolute;inset:0;background:rgba(0,5,8,.86);backdrop-filter:blur(16px)}
.contact-dialog{position:relative;width:min(650px,100%);padding:44px;background:linear-gradient(145deg,#071219,#03090d 72%);border:1px solid rgba(184,239,0,.32);box-shadow:0 45px 120px rgba(0,0,0,.65),0 0 70px rgba(184,239,0,.07);overflow:hidden}
.contact-dialog:before{content:"";position:absolute;left:0;top:0;width:120px;height:3px;background:var(--lime);box-shadow:0 0 24px rgba(184,239,0,.5)}
.contact-close{position:absolute;right:20px;top:15px;width:42px;height:42px;border:1px solid rgba(217,240,244,.12);background:#061017;color:#8e9da3;font-size:27px;line-height:1;cursor:pointer;transition:.2s}
.contact-close:hover{border-color:var(--lime);color:#fff}
.contact-dialog>small{display:block;color:var(--lime);font-size:9px;letter-spacing:.18em}
.contact-dialog h2{font-family:Impact,"Arial Black",sans-serif;font-size:46px;line-height:1;margin:18px 0 12px;letter-spacing:.02em;text-transform:uppercase}
.contact-dialog>p{margin:0;color:#84939a;font-size:14px}
.contact-list{display:grid;gap:10px;margin-top:30px}
.contact-row{min-height:88px;padding:18px 20px;display:grid;grid-template-columns:110px 1fr 26px;gap:18px;align-items:center;border:1px solid var(--line);background:#040c11;transition:border-color .2s,transform .2s,background .2s}
a.contact-row:hover{border-color:rgba(184,239,0,.72);background:#07120f;transform:translateY(-2px)}
.contact-row span{color:var(--lime);font-size:9px;font-weight:700;letter-spacing:.16em}
.contact-row strong{font-size:19px;line-height:1.3;overflow-wrap:anywhere}
.contact-row b{font-size:22px;color:var(--lime);text-align:right}
.contact-row--telegram{border-color:rgba(184,239,0,.25)}
.footer-grid{grid-template-columns:1.1fr .65fr .65fr .9fr .65fr}
.footer-contacts span{font-size:14px;color:#8c9aa0;line-height:1.45}
.footer-contacts a{overflow-wrap:anywhere}
@media(max-width:1080px){
  .footer-grid{grid-template-columns:1fr 1fr 1fr}
  .footer-grid>p{grid-column:1/-1}
}
@media(max-width:720px){
  .contact-modal{padding:14px}
  .contact-dialog{padding:34px 18px 22px}
  .contact-dialog h2{font-size:36px;padding-right:34px}
  .contact-dialog>p{font-size:13px}
  .contact-list{margin-top:22px}
  .contact-row{min-height:78px;grid-template-columns:82px minmax(0,1fr) 22px;gap:10px;padding:14px}
  .contact-row strong{font-size:15px}
  .contact-row span{font-size:8px}
  .footer-grid{grid-template-columns:1fr!important}
}
/* XFAME_CONTACT_MODAL_20260812_END */

/* 2026-08-13 FOR CLUBS — owner artwork replaces the old browser/card mockup */
.domain-stage--owner{height:700px;display:flex;align-items:flex-end;justify-content:center;perspective:none;overflow:visible;isolation:isolate}
.clubs-owner-glow{position:absolute;z-index:0;left:50%;bottom:2%;width:76%;height:66%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(184,239,0,.16) 0%,rgba(184,239,0,.07) 38%,rgba(184,239,0,0) 74%);filter:blur(24px);pointer-events:none}
.clubs-owner-art{position:relative;z-index:2;display:block;width:auto;max-width:100%;height:min(700px,100%);object-fit:contain;object-position:center bottom;transform:translateY(56px);filter:drop-shadow(0 30px 52px rgba(0,0,0,.48)) drop-shadow(0 0 24px rgba(184,239,0,.12))}
@media(max-width:1080px){.domain-stage--owner{height:650px}.clubs-owner-art{height:min(650px,100%);transform:translateY(44px)}}
@media(max-width:720px){.domain-stage--owner{height:470px!important;min-height:470px!important;padding-top:0!important;padding-bottom:0!important;margin-top:-8px;overflow:hidden!important}.clubs-owner-art{height:460px;max-width:112%;object-position:center bottom;transform:translateY(26px)}.clubs-owner-glow{width:92%;height:62%;bottom:1%;filter:blur(18px)}}


/* XFAME_SUPPORT_CHAT_V1 */
.xf-support{position:fixed;right:22px;bottom:18px;z-index:1200;font-family:Inter,"Segoe UI",Arial,sans-serif}.xf-support-launcher{position:relative;width:108px;height:144px;padding:0;border:0;background:transparent;cursor:pointer;filter:drop-shadow(0 16px 26px rgba(0,0,0,.45));transition:transform .22s ease,filter .22s ease}.xf-support-launcher:hover{transform:translateY(-4px);filter:drop-shadow(0 18px 30px rgba(0,0,0,.52)) drop-shadow(0 0 15px rgba(184,239,0,.18))}.xf-support-launcher__agent{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;background:transparent;border:0;outline:0;pointer-events:none;filter:drop-shadow(0 6px 12px rgba(0,0,0,.34)) drop-shadow(0 0 9px rgba(184,239,0,.10))}.xf-support-launcher__pulse{position:absolute;z-index:3;right:-2px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(184,239,0,.1),0 0 16px rgba(184,239,0,.85);animation:xfSupportPulse 2.4s ease-in-out infinite}.xf-support-launcher__label{position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);white-space:nowrap;padding:5px 9px;background:#071015;border:1px solid rgba(184,239,0,.25);color:#d7e0e2;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.xf-support-panel{position:absolute;right:0;bottom:154px;width:min(390px,calc(100vw - 28px));height:min(610px,72vh);display:flex;flex-direction:column;background:rgba(3,11,15,.985);border:1px solid rgba(184,239,0,.28);box-shadow:0 28px 80px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.025),0 0 45px rgba(184,239,0,.08);backdrop-filter:blur(18px);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));opacity:0;visibility:hidden;transform:translateY(14px) scale(.985);transform-origin:100% 100%;transition:.2s ease;overflow:hidden}.xf-support-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,rgba(184,239,0,.045),transparent 28%),repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0 1px,transparent 1px 46px)}.xf-support-panel.open{opacity:1;visibility:visible;transform:none}.xf-support-head{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 18px 15px;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(90deg,rgba(184,239,0,.06),transparent)}.xf-support-head>div{display:grid;gap:3px}.xf-support-head small{color:var(--lime);font-size:9px;font-weight:900;letter-spacing:.16em}.xf-support-head strong{font-size:17px;color:#f5f8f8}.xf-support-head span{font-size:10px;color:#75878d}.xf-support-head button{width:34px;height:34px;border:1px solid rgba(255,255,255,.1);background:#061016;color:#bdc9cc;font-size:24px;cursor:pointer}.xf-support-feed{position:relative;z-index:2;flex:1;min-height:0;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:11px;scrollbar-width:thin;scrollbar-color:rgba(184,239,0,.25) transparent}.xf-support-msg{max-width:88%;padding:12px 13px;border:1px solid rgba(255,255,255,.07);background:#071219;color:#d8e1e3;font-size:13px;line-height:1.55}.xf-support-msg p{margin:5px 0 0;color:#91a0a5}.xf-support-msg--user{align-self:flex-end;background:rgba(184,239,0,.09);border-color:rgba(184,239,0,.22);color:#f1f6f5}.xf-support-msg--operator{align-self:flex-start;border-color:rgba(184,239,0,.25);box-shadow:inset 3px 0 0 var(--lime)}.xf-support-msg--system{align-self:center;max-width:96%;padding:8px 10px;background:transparent;border-style:dashed;color:#94a4a8;text-align:center;font-size:11px}.xf-support-suggestions{position:relative;z-index:2;padding:0 16px 10px;display:grid;gap:7px}.xf-support-topic{display:grid;grid-template-columns:28px 1fr 18px;align-items:center;gap:8px;width:100%;padding:10px 10px;border:1px solid rgba(184,239,0,.14);background:#061016;color:#dce5e6;text-align:left;cursor:pointer;transition:.18s}.xf-support-topic:hover{border-color:rgba(184,239,0,.38);background:rgba(184,239,0,.055)}.xf-support-topic b{color:var(--lime);font-size:10px}.xf-support-topic span{font-size:12px;line-height:1.3}.xf-support-topic i{font-style:normal;color:var(--lime)}.xf-support-actions{position:relative;z-index:2;padding:0 16px 10px}.xf-support-operator{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid rgba(255,255,255,.09);background:transparent;color:#9eacb0;font-size:11px;font-weight:800;letter-spacing:.04em;cursor:pointer}.xf-support-operator:hover{color:#fff;border-color:rgba(184,239,0,.28)}.xf-support-operator.is-waiting{color:var(--lime);border-color:rgba(184,239,0,.25)}.xf-support-hours{padding:7px 2px 0;color:#62757b;font-size:9px;line-height:1.35;text-align:center;letter-spacing:.02em}.xf-support-hours b{color:#8ea0a5;font-weight:700}.xf-support-form{position:relative;z-index:2;display:grid;grid-template-columns:1fr 46px;gap:8px;padding:12px 14px;border-top:1px solid rgba(255,255,255,.07);background:#030b0f}.xf-support-form textarea{width:100%;min-height:50px;max-height:110px;resize:none;padding:10px 11px;border:1px solid rgba(255,255,255,.1);background:#071116;color:#f2f5f5;outline:none;font:inherit;font-size:12px}.xf-support-form textarea:focus{border-color:rgba(184,239,0,.45);box-shadow:0 0 0 2px rgba(184,239,0,.05)}.xf-support-form button{border:0;background:var(--lime);color:#061005;font-size:19px;font-weight:900;cursor:pointer}.xf-support-form button:disabled{opacity:.45;cursor:default}.xf-support-foot{position:relative;z-index:2;padding:0 14px 11px;background:#030b0f;color:#53656b;font-size:9px;line-height:1.4}.xf-support-typing{display:inline-flex;gap:4px;padding:9px 11px;border:1px solid rgba(255,255,255,.07);background:#071219;align-self:flex-start}.xf-support-typing i{width:5px;height:5px;border-radius:50%;background:#829399;animation:xfSupportDot 1.2s infinite}.xf-support-typing i:nth-child(2){animation-delay:.15s}.xf-support-typing i:nth-child(3){animation-delay:.3s}@keyframes xfSupportPulse{50%{box-shadow:0 0 0 8px rgba(184,239,0,0),0 0 20px rgba(184,239,0,.95)}}@keyframes xfSupportDot{50%{transform:translateY(-3px);background:var(--lime)}}
@media(max-width:720px){.xf-support{right:12px;bottom:18px}.xf-support-launcher{width:62px;height:82px}.xf-support-launcher__agent{background:transparent!important}.xf-support-launcher__label{display:block;font-size:8px;padding:4px 7px;bottom:-8px}.xf-support-panel{position:fixed;right:10px;bottom:104px;width:calc(100vw - 20px);height:min(560px,72vh);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}.xf-support-head{padding:14px}.xf-support-feed{padding:13px}.xf-support-suggestions,.xf-support-actions{padding-left:13px;padding-right:13px}.xf-support-msg{max-width:92%}}
@media(prefers-reduced-motion:reduce){.xf-support-launcher__pulse,.xf-support-typing i{animation:none!important}.xf-support-launcher,.xf-support-panel{transition:none!important}}

/* XFAME_SUPPORT_WORKFLOW_V4 */
.xf-support-rating{align-self:flex-start;max-width:92%;padding:12px 13px;border:1px solid rgba(184,239,0,.22);background:rgba(184,239,0,.055);color:#dce6e8}.xf-support-rating p{margin:0 0 9px;color:#a6b5b9;font-size:12px;line-height:1.5}.xf-support-rating__stars{display:flex;gap:5px}.xf-support-rating__stars button{width:36px;height:34px;border:1px solid rgba(255,255,255,.1);background:#061016;color:#526168;font-size:21px;line-height:1;cursor:pointer;transition:.16s}.xf-support-rating__stars button:hover,.xf-support-rating__stars button.is-active{border-color:rgba(184,239,0,.55);color:var(--lime);background:rgba(184,239,0,.09)}.xf-support-rating__done{color:var(--lime);font-size:11px;font-weight:800;letter-spacing:.03em}
.xf-platform-rating{position:fixed;inset:0;z-index:1500;display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;transition:.2s ease}.xf-platform-rating.open{opacity:1;visibility:visible}.xf-platform-rating__backdrop{position:absolute;inset:0;background:rgba(0,4,7,.76);backdrop-filter:blur(12px)}.xf-platform-rating__dialog{position:relative;width:min(520px,100%);padding:30px;background:linear-gradient(145deg,rgba(7,18,24,.99),rgba(2,9,13,.99));border:1px solid rgba(184,239,0,.3);box-shadow:0 30px 90px rgba(0,0,0,.66),0 0 45px rgba(184,239,0,.08);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px))}.xf-platform-rating__dialog:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(184,239,0,.07),transparent 30%)}.xf-platform-rating__dialog>small{position:relative;color:var(--lime);font-size:10px;font-weight:900;letter-spacing:.16em}.xf-platform-rating__dialog h2{position:relative;margin:8px 0 8px;font-size:clamp(28px,4vw,42px);line-height:1;color:#f5f8f8}.xf-platform-rating__dialog>p{position:relative;margin:0 0 20px;color:#8ea0a5;line-height:1.55}.xf-platform-rating__close{position:absolute;z-index:2;right:16px;top:14px;width:38px;height:38px;border:1px solid rgba(255,255,255,.11);background:#061016;color:#c7d1d3;font-size:25px;cursor:pointer}.xf-platform-rating__stars{position:relative;display:flex;gap:8px;margin:4px 0 18px}.xf-platform-rating__stars button{width:52px;height:48px;border:1px solid rgba(255,255,255,.11);background:#061016;color:#4e5c61;font-size:28px;cursor:pointer;transition:.17s}.xf-platform-rating__stars button:hover,.xf-platform-rating__stars button.is-active{color:var(--lime);border-color:rgba(184,239,0,.55);background:rgba(184,239,0,.08);transform:translateY(-2px)}.xf-platform-rating textarea{position:relative;width:100%;padding:12px 13px;border:1px solid rgba(255,255,255,.1);background:#061016;color:#edf2f2;outline:none;resize:vertical;font:inherit;font-size:13px}.xf-platform-rating textarea:focus{border-color:rgba(184,239,0,.42)}.xf-platform-rating__actions{position:relative;display:flex;align-items:center;gap:14px;margin-top:16px}.xf-platform-rating__actions .xf-btn{min-width:220px}.xf-platform-rating__actions .xf-btn:disabled{opacity:.45;cursor:not-allowed}.xf-platform-rating__later{border:0;background:transparent;color:#7f9095;cursor:pointer;font-size:12px}.xf-platform-rating__later:hover{color:#fff}.xf-platform-rating__status{position:relative;display:block;min-height:18px;margin-top:10px;color:var(--lime);font-size:11px}
@media(max-width:620px){.xf-platform-rating{padding:12px}.xf-platform-rating__dialog{padding:24px 18px}.xf-platform-rating__stars{gap:5px}.xf-platform-rating__stars button{flex:1;width:auto;height:44px;font-size:24px}.xf-platform-rating__actions{align-items:stretch;flex-direction:column}.xf-platform-rating__actions .xf-btn{width:100%;min-width:0}.xf-platform-rating__later{padding:8px}.xf-support-rating__stars button{width:34px;height:32px}}

/* XFAME_MOBILE_ANCHOR_RECOVERY_START */
#platform,#features,#clubs,#streaming,#demo,#pricing,#about,#connect{scroll-margin-top:96px}
@media(max-width:1080px){#platform,#features,#clubs,#streaming,#demo,#pricing,#about,#connect{scroll-margin-top:88px}}
/* XFAME_MOBILE_ANCHOR_RECOVERY_END */

/* XFAME_VK_COMMUNITY_20260819_START */
.contact-row--vk{
  position:relative;
  overflow:hidden;
  border-color:rgba(0,119,255,.34);
  background:linear-gradient(110deg,rgba(0,119,255,.08),rgba(174,255,0,.025));
}
.contact-row--vk::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(100deg,rgba(0,119,255,.09),transparent 48%);
}
.contact-row--vk > *{position:relative;z-index:1}

.xf-vk-community{
  position:fixed;
  left:20px;
  bottom:max(20px,env(safe-area-inset-bottom));
  z-index:74;
  min-height:58px;
  display:flex;
  align-items:center;
  gap:11px;
  padding:8px 13px 8px 8px;
  color:#f6f7f8;
  text-decoration:none;
  background:rgba(5,12,15,.88);
  border:1px solid rgba(174,255,0,.30);
  box-shadow:0 16px 45px rgba(0,0,0,.36),0 0 24px rgba(0,119,255,.08);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.xf-vk-community::after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:2px;
  height:100%;
  background:linear-gradient(180deg,#aaff00,#0077ff);
  box-shadow:0 0 16px rgba(174,255,0,.35);
}
.xf-vk-community:hover{
  transform:translateY(-3px);
  border-color:rgba(174,255,0,.58);
  background:rgba(7,15,18,.96);
  box-shadow:0 20px 52px rgba(0,0,0,.42),0 0 30px rgba(0,119,255,.13);
}
.xf-vk-community__icon{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:#0077ff;
  color:#fff;
  font:800 14px/1 Arial,sans-serif;
  letter-spacing:-.04em;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 0 18px rgba(0,119,255,.18);
}
.xf-vk-community__text{
  display:flex;
  flex-direction:column;
  min-width:92px;
  line-height:1.05;
}
.xf-vk-community__text small{
  margin-bottom:5px;
  color:#8c9aa0;
  font-size:8px;
  font-weight:700;
  letter-spacing:.18em;
}
.xf-vk-community__text strong{
  color:#fff;
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
}
.xf-vk-community > b{
  color:#aaff00;
  font-size:17px;
  font-weight:500;
}
@media (max-width:720px){
  .xf-vk-community{
    left:10px;
    bottom:max(10px,env(safe-area-inset-bottom));
    min-height:48px;
    gap:8px;
    padding:6px 9px 6px 6px;
  }
  .xf-vk-community__icon{
    width:36px;
    height:36px;
    flex-basis:36px;
    border-radius:9px;
    font-size:12px;
  }
  .xf-vk-community__text{min-width:auto}
  .xf-vk-community__text small{display:none}
  .xf-vk-community__text strong{font-size:11px}
  .xf-vk-community > b{font-size:14px}
}
/* XFAME_VK_COMMUNITY_20260819_END */

/* XFAME_LEGAL_COOKIE_20260819_START */
.xf-legal-footer{
  grid-column:1/-1;
  display:flex!important;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 18px!important;
  margin-top:6px;
  padding-top:20px;
  border-top:1px solid rgba(150,171,177,.14);
  color:#66767c;
  font-size:10px;
  line-height:1.55;
  letter-spacing:.02em;
}
.xf-legal-footer strong{
  color:#9aa8ad;
  font-size:10px;
  font-weight:700;
}
.xf-legal-footer span{white-space:nowrap}

.xf-cookie-consent{
  position:fixed;
  left:50%;
  bottom:max(18px,env(safe-area-inset-bottom));
  z-index:140;
  width:min(920px,calc(100vw - 32px));
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:17px 18px 17px 20px;
  color:#f6f7f8;
  background:rgba(4,11,14,.95);
  border:1px solid rgba(174,255,0,.27);
  box-shadow:0 18px 60px rgba(0,0,0,.55),0 0 30px rgba(174,255,0,.05);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
  opacity:0;
  transform:translate(-50%,14px);
  transition:opacity .22s ease,transform .22s ease;
}
.xf-cookie-consent[hidden]{display:none!important}
.xf-cookie-consent.is-visible{opacity:1;transform:translate(-50%,0)}
.xf-cookie-consent::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:2px;
  background:#aaff00;
  box-shadow:0 0 16px rgba(174,255,0,.42);
}
.xf-cookie-consent__copy{min-width:0}
.xf-cookie-consent__copy strong{
  display:block;
  margin-bottom:5px;
  color:#fff;
  font-size:13px;
  line-height:1.2;
  letter-spacing:.03em;
}
.xf-cookie-consent__copy p{
  margin:0;
  max-width:590px;
  color:#8c9aa0;
  font-size:12px;
  line-height:1.5;
}
.xf-cookie-consent__actions{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  gap:9px;
}
.xf-cookie-consent__actions button{
  min-height:42px;
  padding:0 15px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:0;
  font:700 11px/1 inherit;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.xf-cookie-consent__actions button:hover{transform:translateY(-1px)}
.xf-cookie-consent__secondary{
  color:#c2cbce;
  background:rgba(255,255,255,.035);
}
.xf-cookie-consent__secondary:hover{
  color:#fff;
  border-color:rgba(255,255,255,.25);
  background:rgba(255,255,255,.065);
}
.xf-cookie-consent__primary{
  color:#071003;
  border-color:#aaff00!important;
  background:#aaff00;
}
.xf-cookie-consent__primary:hover{background:#bdff35}

@media (max-width:720px){
  .xf-legal-footer{
    display:grid!important;
    gap:5px!important;
    margin-top:2px;
    padding-top:17px;
    font-size:10px;
  }
  .xf-legal-footer strong{font-size:10px}
  .xf-legal-footer span{white-space:normal}

  .xf-cookie-consent{
    bottom:max(10px,env(safe-area-inset-bottom));
    width:calc(100vw - 20px);
    align-items:stretch;
    flex-direction:column;
    gap:14px;
    padding:16px 14px 14px 16px;
  }
  .xf-cookie-consent__copy strong{font-size:13px}
  .xf-cookie-consent__copy p{font-size:11px;line-height:1.48}
  .xf-cookie-consent__actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}
  .xf-cookie-consent__actions button{width:100%;padding:0 9px;font-size:10px}
}
/* XFAME_LEGAL_COOKIE_20260819_END */