.landing{--bg:#030304;--muted:#a1a1aa;background:var(--bg);overflow-x:clip;isolation:isolate}
.wrap{width:100%;max-width:1200px;padding-inline:36px;margin-inline:auto}
.site-atmosphere{position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 22% 24%,#334c6b0c,transparent 52%),radial-gradient(ellipse at 80% 55%,#78492109,transparent 45%)}
.site-header{position:sticky;top:0;z-index:30;background:#080809b8;border-bottom:1px solid #ffffff0b;backdrop-filter:blur(24px) saturate(115%);-webkit-backdrop-filter:blur(24px) saturate(115%);padding-top:env(safe-area-inset-top,0px)}
.site-nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:26px}.site-nav .brand{font-size:24px}.site-links{display:flex;gap:34px;font-size:14px;color:#b2b2bb}.site-links a{padding-block:15px}.site-nav .button{font-size:14px;min-height:40px;border-color:#ffffff24}
.site-hero{position:relative;text-align:center;padding-top:90px;isolation:isolate}.hero-category{color:#a7a7b0;font-size:15px;font-weight:500;letter-spacing:.03em;margin-bottom:25px}.site-hero h1{font-size:clamp(2.6rem,6.4vw,5.8rem);letter-spacing:-.065em;font-weight:600;line-height:1.07;position:relative}.site-hero h1 span{display:block;color:#a6a6ae;background:linear-gradient(175deg,#f0f0f2 10%,#92929c 82%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-description{font-size:clamp(1.1rem,1.65vw,1.3rem);color:#a3a3ae;line-height:1.55;margin:25px auto 29px;max-width:600px}.hero-actions{display:flex;gap:28px;align-items:center;justify-content:center;flex-wrap:wrap}.hero-actions .button{padding:15px 24px;min-height:52px;font-size:16px;background:#f1f1f3}.hero-actions .text-link{font-size:16px;color:#bcbcc6}
/* Glows extend past section bounds; their transparent edges never meet a clipped box. */
.ambient{position:absolute;inset:-160px 0 -180px;pointer-events:none;z-index:-1;overflow:visible}.ambient span{position:absolute;width:min(100vw,950px);height:800px;border-radius:50%;background:radial-gradient(ellipse,#8da4cc0d 0%,#6c83ad08 28%,transparent 70%);animation:ambient-drift 24s var(--ease-in-out) infinite alternate;left:calc(50% - min(60vw,650px));top:0}.ambient span+span{left:40%;top:100px;background:radial-gradient(ellipse,#a2764b09 0%,transparent 70%);animation-delay:-12s}.ambient.is-paused span,.tab-hidden .ambient span{animation-play-state:paused}@keyframes ambient-drift{from{transform:translate3d(-20px,-10px,0) scale(.96)}to{transform:translate3d(22px,18px,0) scale(1.04)}}
.cursor-aura{position:fixed;left:0;top:0;width:580px;height:580px;z-index:-1;pointer-events:none;opacity:0;transition:opacity 250ms ease;contain:layout style paint}.cursor-aura span{display:block;width:100%;height:100%;background:radial-gradient(circle,#92abc912,transparent 64%);border-radius:50%}.cursor-aura.is-visible{opacity:1}
.hero-object{position:relative;height:342px;max-width:850px;margin:40px auto 0;perspective:1200px;isolation:isolate}.object-orbit{position:absolute;left:50%;top:54%;width:520px;height:145px;transform:translate(-50%,-50%) rotate(-9deg);border:1px solid #c3ccd116;border-radius:50%}.orbit-outer{width:720px;height:230px;transform:translate(-50%,-50%) rotate(8deg);border-color:#ffffff07}.object-assembly{width:360px;height:190px;position:absolute;left:calc(50% - 180px);top:40px;transform:rotateX(15deg) rotateY(-13deg) rotateZ(-6deg);transform-style:preserve-3d}.object-base{position:absolute;inset:20px -20px -20px;border:1px solid #dce0eb28;border-radius:30px;background:linear-gradient(135deg,#303136c4,#101114e6 58%,#070708f0);box-shadow:inset 0 1px 0 #ffffff38,0 35px 60px #0009;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}.object-wordmark{font-size:34px;font-weight:550;letter-spacing:.2em;padding-left:.2em;color:#aaaab2;text-shadow:0 1px #ffffff33}.object-line{height:1px;width:45px;background:#79798144}.object-detail{font-size:10px;letter-spacing:.25em;color:#7d7d88}.platform-token{position:absolute;display:grid;place-items:center;width:108px;height:110px;border-radius:25px;border:1px solid #c7c7d238;background:linear-gradient(145deg,#37383fce,#121317ec);box-shadow:inset 0 1px 0 #ffffff2c,0 20px 50px #0009;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transform-style:preserve-3d}.platform-token img{object-fit:contain;transform:translateZ(15px)}.token-fivem{left:-14px;top:-12px;transform:translateZ(55px) rotate(-11deg)}.token-minecraft{left:124px;top:-42px;transform:translateZ(75px) rotate(5deg);background:linear-gradient(145deg,#343a33cf,#141713ec)}.token-discord{right:-22px;top:7px;transform:translateZ(65px) rotate(12deg)}.object-caption{position:absolute;bottom:0;left:0;right:0;font-size:14px;color:#74747f}.scroll-cue{display:flex;flex-direction:column;align-items:center;gap:12px;font-size:14px;color:#85858f;min-height:64px;margin-top:24px}.scroll-cue span{display:block;width:1px;height:29px;background:linear-gradient(transparent,#ababba)}
.services-section{padding-top:130px;padding-bottom:130px}.section-intro{max-width:760px;margin-bottom:49px}.section-label{font-size:16px;font-weight:500;color:#93939f;margin-bottom:19px}.section-intro h2,.principles-grid h2{font-size:clamp(2.3rem,4.6vw,4rem);line-height:1.08;letter-spacing:-.055em}.section-intro>p:last-child:not(.section-label){font-size:18px;color:#a3a3ae;margin-top:24px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;perspective:1200px}.service-reveal{min-width:0;perspective:1000px}.service-card{height:100%;position:relative;background:linear-gradient(155deg,#18181bc9,#09090be8 70%);border:1px solid #ffffff1b;border-radius:26px;overflow:hidden;transform-style:preserve-3d;isolation:isolate;box-shadow:0 15px 35px #0004,inset 0 1px 0 #ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.card-shine{position:absolute;left:0;top:0;width:430px;height:430px;pointer-events:none;opacity:0;background:radial-gradient(circle,#eff2ff0d,transparent 65%);transition:opacity 200ms ease;z-index:2}.service-visual{height:230px;position:relative;display:grid;place-items:center;isolation:isolate}.service-visual>img{position:relative;object-fit:contain;filter:drop-shadow(0 18px 25px #0006)}.platform-disc{position:absolute;left:calc(50% - 88px);top:calc(50% - 88px);width:176px;height:176px;border:1px solid #ffffff0c;border-radius:50%;background:radial-gradient(circle,#ffffff04,transparent 70%)}.visual-fivem{background:radial-gradient(ellipse at center,#c1632012,transparent 68%)}.visual-minecraft{background:radial-gradient(ellipse at center,#73944713,transparent 68%)}.visual-discord{background:radial-gradient(ellipse at center,#646bcd13,transparent 68%)}.service-copy{padding:12px 29px 31px}.service-copy h3{font-size:27px;letter-spacing:-.04em}.service-copy p{font-size:16px;line-height:1.6;color:#a2a2ad;margin-top:15px;min-height:78px}.service-copy .text-link{margin-top:20px;font-size:15px;color:#d5d5de;min-height:44px}
.journey{position:relative;padding-block:40px 80px}.journey-sticky{padding-top:35px;padding-bottom:45px}.journey-intro{text-align:center;margin-bottom:40px}.journey-intro .section-label{margin-bottom:14px}.journey-intro h2{font-size:clamp(2.2rem,4vw,3.5rem);letter-spacing:-.055em}.journey-hint{color:#7f7f8b;font-size:14px;margin-top:13px}.journey-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center;max-width:1040px;margin:auto}.journey-copy{position:relative}.journey-chapter+.journey-chapter{margin-top:32px}.chapter-index{font-size:14px;color:#9898a4;display:block;margin-bottom:21px}.journey-chapter h3{font-size:clamp(2rem,3.2vw,2.9rem);line-height:1.08;letter-spacing:-.05em}.journey-chapter p{color:#a1a1ad;font-size:17px;line-height:1.6;max-width:350px;margin-top:23px}.journey-perspective{perspective:1300px;min-width:0}.journey-display{position:relative;border-radius:24px;background:linear-gradient(145deg,#202125b8,#0a0b0ee8 68%);border:1px solid #d6d8e52b;box-shadow:inset 0 1px 0 #ffffff14,0 35px 100px #0009;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);overflow:hidden}.display-chrome{display:flex;align-items:center;gap:10px;padding:20px 23px;border-bottom:1px solid #ffffff0d;font-size:14px;color:#b4b4bf}.display-chrome img{border-radius:8px}.display-indicator{width:6px;height:6px;background:#b3d6bd;border-radius:50%;margin-left:auto;box-shadow:0 0 14px #88b79545}.display-stage{position:relative;min-height:330px}.journey-scene{padding:30px 31px;min-height:330px}.journey-scene+.journey-scene{border-top:1px solid #ffffff10}.scene-eyebrow{font-size:14px;color:#a0a0ac}.scene-title{font-size:33px;line-height:1.12;letter-spacing:-.045em;font-weight:550;margin:17px 0 25px}.brief-row{display:flex;flex-direction:column;gap:5px;padding:12px 0;border-top:1px solid #ffffff0c;font-size:14px;color:#868693}.brief-row strong{font-weight:500;color:#cacad2;font-size:15px;display:flex;gap:9px;align-items:center}.brief-row .icon{width:16px;height:16px}.scene-timeline{display:grid;gap:25px;margin-top:32px}.scene-timeline>div{display:flex;align-items:center;gap:13px;font-size:15px;position:relative}.scene-timeline>div:not(:last-child):after{position:absolute;content:'';width:1px;height:26px;left:11px;top:25px;background:#ffffff21}.timeline-dot{flex:none;width:23px;height:23px;border:1px solid #ffffff24;border-radius:50%;display:grid;place-items:center}.timeline-dot.done{border-color:#b3d6bd38;background:#5d916129;color:#b3d6bd}.timeline-dot.done .icon{width:13px;height:13px}.timeline-dot.current{border-color:#c5c9dd8c;box-shadow:0 0 16px #9fa8c51a}.timeline-dot.current:after{content:'';width:7px;height:7px;background:#c5c9dd;border-radius:50%}.scene-timeline b{margin-left:auto;font-size:14px;font-weight:400;color:#a9a9b5}.development-line{height:3px;border-radius:99px;margin-top:34px;background:#ffffff0d;overflow:hidden}.development-line span{height:100%;width:66%;display:block;background:linear-gradient(90deg,#5e697f,#ced3df);transform-origin:left}.delivery-seal{display:grid;place-items:center;width:63px;height:63px;border:1px solid #d4e7d933;border-radius:50%;color:#cae0d0;background:radial-gradient(circle,#6687721c,transparent);margin:6px 0 22px}.delivery-seal .icon{width:29px;height:29px}.delivery-text{font-size:18px;color:#ababba}.delivery-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.delivery-tags span{font-size:14px;color:#aaaab5;padding:7px 10px;border:1px solid #ffffff12;border-radius:99px}.display-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #ffffff0d;font-size:14px;color:#7e7e8b;padding:17px 23px}.display-footer a{display:flex;gap:5px;align-items:center;color:#b6b6c2;min-height:30px}.display-footer .icon{width:14px;height:14px}.journey-progress{display:none;align-items:center;gap:20px;max-width:540px;margin:45px auto 0;font-size:14px;color:#81818e}.journey-progress>div{height:2px;background:#ffffff12;flex:1;overflow:hidden}.journey-progress i{display:block;height:100%;background:#c5c7d0;transform-origin:left;transform:scaleX(0)}
/* Progressive enhancement: every chapter stays readable without JS or with reduced motion. */
.journey.is-enhanced{height:320svh;padding:0}.is-enhanced .journey-sticky{position:sticky;top:76px;height:calc(100svh - 76px);min-height:660px;display:flex;flex-direction:column;justify-content:center;padding-block:28px}.is-enhanced .journey-grid{width:100%;margin-block:0}.is-enhanced .journey-copy{height:300px}.is-enhanced .journey-chapter{position:absolute;inset:0;opacity:0;transform:translateY(24px);pointer-events:none}.is-enhanced .journey-chapter:first-child{opacity:1;transform:none}.is-enhanced .journey-chapter+.journey-chapter{margin-top:0}.is-enhanced .display-stage{height:365px}.is-enhanced .journey-scene{position:absolute;inset:0;opacity:0;border:0;pointer-events:none}.is-enhanced .journey-scene:first-child{opacity:1}.is-enhanced .journey-progress{display:flex;width:100%}
.principles-section{padding-top:120px;padding-bottom:145px}.principles-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:100px;align-items:start}.principles-grid h2{font-size:clamp(2rem,3.7vw,3.2rem)}.principles-grid p{font-size:18px;color:#a5a5b0;line-height:1.6}.principles-grid .text-link{margin-top:22px;color:#d0d0dc}.faq-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;padding-bottom:125px}.faq-section h2{font-size:clamp(2.3rem,3.5vw,3.1rem)}.faq-list details{border-bottom:1px solid #ffffff1c;padding-block:4px}.faq-list summary{min-height:74px;font-size:17px;font-weight:500;gap:24px;letter-spacing:-.015em}.faq-list details p{font-size:16px;color:#a5a5b1;padding:0 30px 23px 0;max-width:520px}.closing-section{position:relative;text-align:center;padding-top:80px;padding-bottom:125px;isolation:isolate}.closing-section h2{font-size:clamp(2.8rem,5.4vw,4.8rem);letter-spacing:-.055em;line-height:1.08}.closing-section>.button{margin-top:36px;padding:15px 24px;min-height:54px;font-size:16px}.button-discord{border-radius:6px}.closing-ambient span{background:radial-gradient(ellipse,#8395b30e,transparent 70%);top:-100px}.site-footer{display:flex;align-items:center;gap:26px;flex-wrap:wrap;padding-top:30px;padding-bottom:35px;border-top:1px solid #ffffff12;font-size:14px;color:#81818e}.site-footer .brand{color:#d4d4dd;font-size:21px}.site-footer .brand img{width:30px;height:30px}.site-footer>div{margin-left:auto;display:flex;gap:28px}.site-footer>div a{display:flex;align-items:center;gap:6px;min-height:44px}.site-footer .icon{width:16px;height:16px}.landing .button:focus-visible,.landing a:focus-visible{outline-offset:6px}
.landing .service-reveal.reveal-pending{transform:perspective(1000px) translateY(36px) rotateX(9deg);transform-origin:center bottom}.landing .service-reveal:nth-child(2){transition-delay:60ms}.landing .service-reveal:nth-child(3){transition-delay:120ms}
.ambient span{width:min(65vw,750px);left:40px}.ambient span+span{left:auto;right:40px}.object-orbit{max-width:90vw}.cursor-aura{width:100%;height:100%;overflow:hidden;contain:strict}.cursor-aura span{position:absolute;left:0;top:0;width:580px;height:580px}
@media(hover:hover) and (pointer:fine){.site-links a:hover,.site-footer a:hover{color:#fff}.service-card:hover .text-link{color:#fff}.service-card:hover .card-shine{opacity:1}.landing .button.primary:hover{background:#fff}}
@media(max-width:1000px){.wrap{padding-inline:28px}.service-grid{gap:16px}.service-copy{padding:10px 23px 26px}.service-copy p{min-height:105px}.service-copy .text-link{font-size:14px}.journey-grid{gap:45px}.journey-intro{margin-bottom:32px}.principles-grid{gap:50px}.faq-section{gap:45px}.site-links{gap:23px}}
@media(max-width:760px){.wrap{padding-inline:22px}.site-nav{height:68px;gap:14px}.site-nav .brand{font-size:22px}.site-nav .brand img{width:30px;height:30px}.site-links{display:none}.site-nav .button{padding-inline:14px;font-size:14px;min-height:42px}.site-hero{padding-top:63px}.hero-category{font-size:14px;margin-bottom:23px}.site-hero h1{font-size:clamp(2.6rem,7.9vw,3.7rem);letter-spacing:-.055em}.hero-description{font-size:18px;margin:25px auto;max-width:340px}.hero-actions{flex-direction:column;gap:12px}.hero-actions .button{font-size:16px;padding-inline:22px}.hero-actions .text-link{min-height:44px}.hero-object{height:290px;margin-top:38px}.object-assembly{transform:rotateX(15deg) rotateY(-13deg) rotateZ(-6deg) scale(.8)}.object-orbit{width:430px;height:140px}.orbit-outer{width:550px;height:190px}.object-caption{font-size:14px}.scroll-cue{margin-top:20px}.ambient span{height:720px;top:0}.services-section{padding-top:85px;padding-bottom:65px}.section-intro h2{font-size:40px;letter-spacing:-.045em}.section-intro>p:last-child:not(.section-label){font-size:17px;margin-top:20px}.section-label{font-size:15px;margin-bottom:16px}.section-intro{margin-bottom:33px}.service-grid{grid-template-columns:1fr;gap:22px}.service-card{display:grid;grid-template-columns:.7fr 1.3fr;border-radius:23px}.service-visual{height:auto;min-height:225px}.service-visual>img{width:95px;max-height:112px}.platform-disc{width:140px;height:140px;left:calc(50% - 70px);top:calc(50% - 70px)}.service-copy{padding:27px 23px 26px 10px}.service-copy p{min-height:0;font-size:16px}.service-copy .text-link{font-size:15px;margin-top:16px;line-height:1.5}.service-copy h3{font-size:25px}.journey{padding-block:55px 35px}.journey-intro h2{font-size:34px}.journey-grid{grid-template-columns:1fr;gap:25px}.journey-chapter h3{font-size:30px;line-height:1.1}.journey-chapter h3 br{display:none}.chapter-index{font-size:14px;margin-bottom:11px}.journey-chapter p{font-size:16px;max-width:100%;margin-top:12px}.journey-display{border-radius:20px;max-width:480px;margin:auto}.display-chrome{padding:15px 20px}.journey-scene{padding:24px;min-height:300px}.scene-title{font-size:29px;margin-top:12px}.scene-timeline{gap:23px}.delivery-seal{width:53px;height:53px;margin-top:0;margin-bottom:16px}.delivery-tags{margin-top:23px}.display-footer{padding:12px 20px}.is-enhanced .journey-sticky{top:68px;height:calc(100svh - 68px);min-height:680px;padding-block:22px}.is-enhanced .journey-intro{margin-bottom:24px}.is-enhanced .journey-hint{display:none}.is-enhanced .journey-copy{height:150px}.is-enhanced .display-stage{height:310px;min-height:310px}.is-enhanced .journey-progress{margin-top:26px;max-width:480px;gap:16px}.principles-section{padding-top:95px;padding-bottom:95px}.principles-grid{grid-template-columns:1fr;gap:25px}.principles-grid h2{font-size:36px}.principles-grid p{font-size:17px}.faq-section{grid-template-columns:1fr;gap:0;padding-bottom:70px}.faq-section .section-intro{margin-bottom:22px}.faq-section h2{font-size:36px}.closing-section{padding-top:65px;padding-bottom:90px}.closing-section h2{font-size:clamp(2.55rem,8.4vw,3.5rem)}.closing-section>.button{margin-top:30px}.site-footer{gap:12px 18px;padding-top:25px;padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))}.site-footer>div{margin-left:0;flex-basis:100%;gap:25px}}
@media(max-width:420px){.site-hero h1{font-size:41px}.site-nav .button{padding-inline:12px}.site-nav .brand{font-size:21px}.hero-object{height:270px}.object-assembly{transform:rotateX(15deg) rotateY(-13deg) rotateZ(-6deg) scale(.7);top:30px}.object-caption{bottom:10px}.service-card{display:block}.service-visual{height:205px;min-height:0}.service-visual>img{width:117px;max-height:130px}.service-copy{padding:0 26px 27px}.service-copy p{max-width:280px}.service-copy h3{font-size:27px}.section-intro h2{font-size:37px}.is-enhanced .journey-intro{margin-bottom:23px}.is-enhanced .journey-copy{height:165px}.journey-grid{gap:18px}.is-enhanced .display-stage{height:300px;min-height:300px}.journey-scene{padding:22px}.scene-timeline>div{font-size:14px;gap:10px}.scene-timeline b{font-size:14px}.scene-title{font-size:28px}.display-footer{font-size:14px;padding:10px 18px}.is-enhanced .journey-progress{margin-top:22px}}
@media(max-width:350px){.wrap{padding-inline:18px}.site-hero h1{font-size:35px}.site-nav .brand{font-size:20px}.site-nav .brand img{width:27px;height:27px}.site-nav .button{padding-inline:10px}.hero-actions .button{font-size:15px}.object-assembly{transform:rotateX(15deg) rotateY(-13deg) rotateZ(-6deg) scale(.6)}.section-intro h2{font-size:33px}.journey-chapter h3{font-size:28px}.display-footer{gap:4px}.delivery-tags{gap:5px}.delivery-tags span{padding:6px 8px}.scene-timeline b{font-size:14px}}
@media(prefers-reduced-motion:reduce){.ambient span{animation:none}.cursor-aura{display:none}.object-assembly{transform:none}.service-card,.journey-display{transform:none!important}.landing .reveal,.landing .reveal.reveal-pending{opacity:1;transform:none}.landing .service-reveal{transition-delay:0ms}.journey-hint{display:none}.hero-object{perspective:none}.object-assembly{transform:scale(.85)}.journey-copy{margin-bottom:15px}}
@media(prefers-reduced-transparency:reduce){.site-header,.service-card,.journey-display,.platform-token,.object-base{background:#101013;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-contrast:more){.landing{--muted:#c5c5cf}.section-label,.hero-category,.journey-hint,.chapter-index,.object-caption{color:#b8b8c5}.service-card,.journey-display{border-color:#777783}.site-header{background:#080809}.site-atmosphere,.cursor-aura,.ambient{display:none}}