:root{--bg:#020817;--surface:#0a1b35;--surface-hover:#0d2645;--text:#f4f8ff;--muted:#a9bdd8;--line:#203957;--cyan:#00e5ff;--violet:#8a4dff;--header:rgba(2,8,23,.82);--motion-ease:cubic-bezier(.16,1,.3,1)}
body{font-family:Inter,"Segoe UI",Tahoma,Arial,sans-serif}h1,h2,h3,.brand,.button{font-family:"Plus Jakarta Sans",Inter,"Segoe UI",Arial,sans-serif}header{backdrop-filter:blur(22px)}.brand img{border-radius:0;width:42px;height:42px}.brand{font-size:23px}.nav{gap:20px}.nav-links{gap:24px}.nav-links a{font-size:13px}.nav-contact{font-size:12px;padding:10px 16px;gap:10px}.nav-links a:after{transition:width .25s var(--motion-ease)}.nav-links a:hover:before{content:"";position:absolute;bottom:18px;left:0;width:100%;height:1px;background:var(--cyan)}.nav-actions{gap:10px}.language-control select{width:118px;font-size:12px}.container{width:min(1280px,calc(100% - 80px))}
.cinematic{position:relative;isolation:isolate;background:#020817;min-height:760px;color:#f4f8ff;overflow:hidden}.cinematic .scene-backdrop{position:absolute;inset:0;aspect-ratio:auto;height:100%;z-index:-3;pointer-events:none}.cinematic .scene-backdrop img{width:100%;height:100%;object-fit:cover;object-position:center bottom;margin:0;max-width:none;transform:none}.cinematic .scene-backdrop:after{inset:0;background:linear-gradient(180deg,rgba(2,8,23,.15),transparent 65%,#020817)}.star-field{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.hero-layout{position:relative;max-width:1700px;width:calc(100% - 80px);margin:auto;display:grid;grid-template-columns:1fr 1.65fr 1.08fr;gap:24px;min-height:660px;padding-top:65px;align-items:start;direction:ltr}.left-stage,.right-stage{position:relative;min-width:0;height:570px}.hero-center{padding-top:90px;text-align:center;min-width:0;position:relative;z-index:3}.hero-wordmark{margin:0 0 20px;display:flex;justify-content:center;align-items:center;gap:12px;white-space:nowrap;font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(36px,4.55vw,82px);font-weight:700;letter-spacing:-.04em;line-height:1.1;text-shadow:0 8px 35px #0006}.hero-wordmark img{width:clamp(48px,5vw,84px);height:auto}.hero-wordmark em{font-style:normal;color:#00caff;background:linear-gradient(110deg,#00e5ff,#008cff 55%,#ad69ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cinematic .hero-copy{max-width:100%;margin:auto}.cinematic .hero-copy h2{font-size:clamp(20px,1.85vw,30px);font-weight:500;letter-spacing:-.015em;line-height:1.4;text-wrap:balance;margin:0 0 18px;color:#e4efff}.cinematic .hero-copy h2 br{display:none}.cinematic .hero-copy h2 br:after{content:" "}.cinematic .hero-copy p{font-size:14px;line-height:1.8;color:#aec2df;max-width:52ch;margin:0 auto;text-wrap:pretty}.cinematic .hero-actions{justify-content:center;flex-direction:row;flex-wrap:wrap;margin-top:28px;gap:12px}.cinematic .button{background:rgba(5,20,43,.8);border-color:#3a5b81;color:#f4f8ff;backdrop-filter:blur(10px);gap:12px;padding:12px 18px;font-size:12px;min-height:48px}.cinematic .button.primary{color:#00111e;background:#00d9f8;border-color:#00e5ff;box-shadow:0 12px 35px #00aaff25}.cinematic .button.primary:hover{background:#91f4ff}.cinematic .button:hover{border-color:#00e5ff}.phone-orbit{position:absolute;left:0;top:140px;animation:phone-float 7s ease-in-out infinite}.smartphone{width:175px;height:350px;padding:8px;border-radius:31px;background:linear-gradient(120deg,#779de0,#081326 8%,#010611 80%,#37c9ff);box-shadow:8px 23px 36px #0009,inset 0 0 0 1px #5c8ddd;transform:perspective(900px) rotateY(12deg) rotateZ(-10deg);transition:transform .4s var(--motion-ease);position:relative}.phone-screen{height:100%;border-radius:25px;overflow:hidden;background:#020c20 url('assets/environment.webp') center bottom/auto 100%;position:relative;padding:35px 17px 20px;display:flex;flex-direction:column}.phone-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,#fff1,transparent 45%);pointer-events:none}.phone-notch{position:absolute;width:78px;height:18px;left:50%;top:0;transform:translateX(-50%);background:#02050c;border-radius:0 0 14px 14px}.phone-brand{font-family:"Space Grotesk",sans-serif;font-size:11px;font-weight:600;white-space:nowrap;color:white}.phone-brand b{color:#4bdcff}.phone-words{font-family:"Plus Jakarta Sans",sans-serif;font-size:25px;font-weight:700;line-height:1.3;margin:27px 0 0;max-width:6ch;color:white}.phone-apps{display:flex;gap:6px;margin-top:auto;margin-bottom:10px}.phone-apps a{width:35px;height:36px;background:#132257c7;border:1px solid #5a6dec;border-radius:9px;display:grid;place-items:center}.phone-apps svg{width:22px;height:22px;stroke:#93d2ff;fill:none;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.phone-home{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:55px;height:3px;border-radius:3px;background:#eff7ff}.floating-services{position:absolute;inset:0}.floating-service{position:absolute;left:82px;top:0;display:flex;align-items:center;gap:12px;padding:17px;width:230px;min-height:94px;border:1px solid #428dbd;border-radius:14px;background:linear-gradient(135deg,#133b6b8c,#07172de6);backdrop-filter:blur(12px);box-shadow:6px 18px 26px #02081766;transform:perspective(900px) rotateY(-12deg) rotateZ(6deg);animation:panel-float 9s ease-in-out infinite;transition:border-color .3s,background .3s}.floating-service:nth-child(2){top:135px;left:112px;animation-delay:-3s}.floating-service:nth-child(3){top:273px;left:142px;animation-delay:-6s}.floating-service:hover{border-color:#00e5ff;background:#143d68e6}.service-icon{height:48px;width:42px;flex-shrink:0;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#3868d2,#544ab3)}.service-icon svg{width:26px;height:26px;fill:none;stroke:#cbeaff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.floating-service strong{display:block;font-size:13px;line-height:1.4;font-weight:600;color:white}.floating-service small{display:block;font-size:10px;color:#abc6e8;margin-top:5px;line-height:1.5}.service-arrow{margin-left:auto;color:#41d8ff;font-size:24px;line-height:1}
.right-stage{padding-top:20px;z-index:2}.code-editor{border:1px solid #347bab;border-radius:14px;background:#061326eb;box-shadow:12px 24px 45px #0007;overflow:hidden;transform:perspective(1200px) rotateY(-7deg) rotateZ(-3deg);backdrop-filter:blur(12px);direction:ltr;color:#d5e6ff}.editor-chrome{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #244364;padding:12px 14px;font-family:"JetBrains Mono",monospace;font-size:10px;color:#91aacc}.window-dots{display:flex;gap:5px}.window-dots i{height:6px;width:6px;border-radius:100%;background:#ff687c}.window-dots i:nth-child(2){background:#ffc66c}.window-dots i:nth-child(3){background:#23d8c1}.editor-dot{width:5px;height:5px;border-radius:100%;background:#00e5ff}.code-tabs{display:flex;gap:0;padding:0 12px;border-bottom:1px solid #203957}.code-tabs button{font-family:Inter,"Segoe UI",sans-serif;border:0;background:transparent;font-size:11px;min-height:40px;padding:10px 12px;position:relative;color:#9ab1cf;flex:1}.code-tabs button[aria-selected="true"]{color:#74e8ff}.code-tabs button[aria-selected="true"]:after{content:"";position:absolute;bottom:0;height:2px;left:10px;right:10px;background:#00e5ff}.code-editor pre{height:185px;overflow:auto;margin:0;padding:18px 14px;font-family:"JetBrains Mono",monospace;font-size:10px;line-height:1.9;tab-size:2;text-align:left;scrollbar-width:thin}.code-editor code{font:inherit;white-space:pre}.code-editor .token-keyword{color:#ba9aff}.code-editor .token-string{color:#ffcd87}.code-editor .token-comment{color:#48a9b4}.code-editor .token-function{color:#5edaff}.editor-footer{display:flex;justify-content:space-between;border-top:1px solid #203957;padding:6px 12px;font-family:"JetBrains Mono",monospace;font-size:9px;color:#82a0bd}.game-preview{position:relative;margin:26px 24px 0 5px;display:grid;grid-template-columns:42% 58%;border:1px solid #3f70ad;border-radius:14px;background:#06172cea;overflow:hidden;transform:perspective(1000px) rotateY(-5deg) rotateZ(-3deg);box-shadow:10px 24px 35px #0006}.game-shot-wrap{position:relative;background:#080f29;min-width:0}.game-shot-wrap>img{width:100%;height:196px;object-fit:cover;object-position:top}.game-shot-controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;background:#020817d9;color:#dceaff;font:9px Inter,sans-serif}.game-shot-controls button{border:0;background:transparent;width:33px;height:30px;color:#b9e8ff;font:22px Inter}.game-preview-copy{padding:14px;min-width:0}.game-preview-copy>img{width:32px;height:32px;border-radius:7px}.game-preview-copy h3{font-family:"Space Grotesk",sans-serif;font-size:15px;margin:9px 0 0;line-height:1.2;color:white}.game-preview-copy>p{font-size:10px;color:#a4bfdf;margin:5px 0 10px}.game-thumbnails{display:flex;gap:5px}.game-thumbnails button{border:1px solid #345583;padding:0;background:#0a1730;border-radius:4px;overflow:hidden}.game-thumbnails button[aria-pressed="true"]{border-color:#00e5ff}.game-thumbnails img{width:25px;height:32px;object-fit:cover;object-position:top}.game-preview-copy>a{display:flex;align-items:center;gap:6px;color:#74e8ff;font-size:10px;margin-top:10px;line-height:1.5}.game-preview-copy>a svg{width:14px;height:14px;fill:currentColor}.game-controller{position:absolute;right:-30px;bottom:-20px;width:230px;height:auto;filter:drop-shadow(0 15px 15px #0009);pointer-events:none;animation:controller-float 8s ease-in-out infinite;z-index:3}.orbital-ring{position:absolute;width:710px;height:140px;border:1px solid #34dfff;border-top-color:transparent;border-left-color:#a177ff;border-radius:50%;left:50%;bottom:100px;transform:translateX(-50%) rotate(-15deg);z-index:-2;box-shadow:0 2px 12px #00aaff4d;animation:orbit 12s ease-in-out infinite;pointer-events:none}.water-shimmer{position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(100deg,transparent 20%,#03baff15 40%,#ac62ff15 60%,transparent 80%);background-size:200% 100%;animation:water-drift 14s ease-in-out infinite;pointer-events:none}.scene-fog{position:absolute;inset:55% -10% 8%;background:radial-gradient(ellipse at 50% 80%,#8491ef18,transparent 55%);animation:fog-drift 18s ease-in-out infinite;z-index:-1;pointer-events:none}.hero-bottom{display:flex;justify-content:center;align-items:center;position:relative;min-height:90px;max-width:1600px;margin:auto}.scroll-cue{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#b3c9ea}.mouse-outline{width:18px;height:29px;border:1px solid #86b9e6;border-radius:10px;display:flex;justify-content:center;padding-top:6px}.mouse-outline i{width:2px;height:5px;background:#d7f7ff;border-radius:2px;animation:scroll-hint 2s ease-in-out infinite}.motion-toggle{position:absolute;right:40px;bottom:29px;border:1px solid #304d70;border-radius:8px;padding:6px 10px;display:flex;align-items:center;gap:6px;background:#051329b3;color:#a7c1e1;font-size:10px}.motion-toggle svg{width:14px;height:14px}
.channels{margin-top:0;background:var(--bg)}.app-card{position:relative;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .35s var(--motion-ease),background .25s,border-color .25s}.app-card:hover{border-color:#007fab}.app-card.is-entering{animation:card-appear .45s var(--motion-ease) both}.solution-section{border-block:1px solid var(--line);background:var(--surface)}.solution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:40px}.solution-item svg{width:34px;height:34px;stroke:var(--cyan);fill:none;stroke-width:1.5;stroke-linejoin:round}.solution-item h3{font-size:22px;margin:22px 0 12px}.solution-item p{font-size:14px;line-height:1.85;color:var(--muted);margin:0 0 24px}.solution-item>a{font-size:13px;display:inline-flex;gap:12px;align-items:center;color:var(--cyan)}.solution-item>a svg{width:18px;height:18px}.footer-socials{display:flex;gap:18px;align-items:center}.footer-content{flex-wrap:wrap}.footer-socials a{font-size:11px}.section.entered .section-heading h2{animation:section-appear .7s var(--motion-ease) both}
@keyframes phone-float{50%{transform:translate3d(0,-12px,0)}}@keyframes panel-float{50%{translate:0 -8px}}@keyframes controller-float{50%{transform:translate3d(0,-8px,0) rotate(2deg)}}@keyframes orbit{50%{transform:translateX(-50%) rotate(-9deg) scale(1.03)}}@keyframes water-drift{50%{background-position:100% 50%;opacity:.6}}@keyframes fog-drift{50%{transform:translateX(3%);opacity:.6}}@keyframes scroll-hint{50%{transform:translateY(8px);opacity:.3}}@keyframes card-appear{from{opacity:.4;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@keyframes section-appear{from{opacity:.7;transform:translateY(12px);filter:blur(2px)}to{opacity:1;transform:none;filter:blur(0)}}
.motion-paused .cinematic *,.motion-paused .cinematic *:before,.motion-paused .cinematic *:after,.page-hidden .cinematic *,.hero-inactive .cinematic *{animation-play-state:paused!important}.motion-paused .app-card{transform:none!important}.motion-paused .is-entering{animation:none!important}
body.light .cinematic{color:#f4f8ff}body.light .cinematic .hero-copy h2{color:#e4efff}body.light .cinematic .hero-copy p{color:#aec2df}body.light .cinematic .button{color:#f4f8ff;background:#06142be6}body.light .cinematic .button.primary{background:#00d9f8;color:#00111e}
html[dir="rtl"] .hero-center{direction:rtl}html[dir="rtl"] .cinematic .hero-copy{text-align:center}html[dir="rtl"] .floating-service{direction:rtl}html[dir="rtl"] .floating-service .service-arrow{margin-left:0;margin-inline-start:auto;transform:scaleX(-1)}html[dir="rtl"] .hero-wordmark{direction:ltr}html[lang="ar"] .hero-wordmark{font-family:"Space Grotesk",Inter,sans-serif;letter-spacing:-.04em}.phone-brand{direction:ltr}.phone-words{direction:auto}.code-tabs button{overflow-wrap:anywhere}
@media(min-width:1800px){.hero-layout{min-height:720px;padding-top:80px}.cinematic{min-height:820px}.hero-center{padding-top:90px}.smartphone{width:205px;height:400px}.phone-words{font-size:30px}.floating-service{left:125px;width:260px;min-height:110px}.floating-service:nth-child(2){left:145px;top:150px}.floating-service:nth-child(3){left:165px;top:300px}.floating-service strong{font-size:15px}.floating-service small{font-size:12px}.code-editor pre{font-size:12px;height:200px}.game-preview{margin-right:35px}.game-preview-copy h3{font-size:18px}.game-preview-copy>p,.game-preview-copy>a{font-size:12px}.game-controller{width:260px;bottom:-40px}.right-stage{padding-top:40px}}
@media(max-width:1250px){.hero-layout{width:calc(100% - 48px);grid-template-columns:.85fr 1.55fr 1fr;gap:15px;min-height:635px}.hero-wordmark{font-size:48px;gap:8px}.hero-wordmark img{width:50px}.hero-center{padding-top:95px}.hero-copy{max-width:100%}.cinematic .hero-actions{flex-direction:column;align-items:center}.cinematic .hero-actions .button{min-width:190px}.smartphone{width:145px;height:300px;border-radius:25px}.phone-screen{border-radius:19px;padding:30px 12px 20px}.phone-words{font-size:23px}.phone-apps a{width:30px;height:32px}.floating-service{width:180px;left:40px;padding:12px;gap:9px;min-height:82px}.floating-service:nth-child(2){left:55px;top:128px}.floating-service:nth-child(3){left:75px;top:256px}.floating-service strong{font-size:11px}.service-icon{width:34px;height:40px}.floating-service small{font-size:9px}.code-tabs button{font-size:10px;padding-inline:5px}.code-editor pre{font-size:9px;height:170px;padding:12px}.game-preview{margin-right:0;grid-template-columns:42% 58%;margin-top:24px}.game-preview-copy{padding:10px}.game-preview-copy h3{font-size:13px}.game-thumbnails img{width:20px;height:28px}.game-shot-wrap>img{height:190px}.game-preview-copy>a{font-size:10px}.game-controller{width:190px;right:-12px;bottom:0}.cinematic{min-height:730px}.solution-grid{gap:28px}.nav-links{gap:17px}.nav-contact{display:none}}
@media(max-width:1000px) and (min-width:761px){.hero-layout{grid-template-columns:1fr 1.6fr;gap:28px;padding-top:35px;min-height:675px}.hero-center{grid-column:1 / -1;grid-row:1;padding-top:0;max-width:650px;margin:auto}.hero-wordmark{font-size:60px;margin-bottom:12px}.cinematic .hero-copy h2{font-size:22px;margin-bottom:10px}.cinematic .hero-copy p{max-width:58ch;font-size:13px}.cinematic .hero-actions{flex-direction:row;margin-top:18px}.left-stage{grid-row:2;height:335px;max-width:340px;width:100%;margin:auto}.phone-orbit{top:12px;left:10px}.floating-service{left:115px;top:0;width:190px;min-height:76px}.floating-service:nth-child(2){left:130px;top:100px}.floating-service:nth-child(3){left:145px;top:200px}.right-stage{grid-row:2;height:335px;display:grid;grid-template-columns:1fr 150px;gap:16px;align-items:center;padding-top:0}.code-editor pre{height:170px}.game-preview{margin:0;display:block;transform:rotate(-3deg)}.game-shot-wrap>img{height:150px;object-fit:cover;object-position:top}.game-preview-copy>img,.game-preview-copy>p,.game-thumbnails{display:none}.game-preview-copy h3{margin:0}.game-preview-copy>a{margin-top:8px}.game-controller{width:150px;right:-5px;bottom:-12px}.cinematic{min-height:800px}.hero-bottom{min-height:80px}.orbital-ring{bottom:115px;width:600px}.nav-links{gap:14px}.nav-links a{font-size:11px}.brand{font-size:20px}.brand img{width:34px;height:34px}.language-control select{width:100px}.nav-actions{gap:7px}}
@media(max-width:760px){.container{width:calc(100% - 36px)}.nav-links{gap:0}.nav-links a{font-size:14px}.nav{gap:10px}.nav-contact{display:none}.brand{font-size:20px}.brand img{width:32px;height:32px}.language-control select{width:96px}.nav-links a:hover:before{display:none}.cinematic{min-height:0}.hero-layout{width:calc(100% - 36px);display:grid;grid-template-columns:1fr 1fr;gap:22px 16px;padding-top:34px;min-height:0}.hero-center{grid-column:1 / -1;grid-row:1;padding-top:0}.hero-wordmark{font-size:clamp(34px,7.5vw,56px);gap:8px;margin-bottom:18px}.hero-wordmark img{width:42px}.cinematic .hero-copy h2{font-size:22px;line-height:1.45;margin-bottom:14px}.cinematic .hero-copy p{font-size:13px;line-height:1.85;max-width:50ch}.cinematic .hero-actions{flex-direction:row;gap:10px;margin-top:20px}.cinematic .hero-actions .button{min-width:0;font-size:11px;flex:1 1 130px;max-width:220px;padding:11px 12px}.left-stage{grid-row:2;height:300px}.phone-orbit{top:15px;left:0;animation:none}.smartphone{width:130px;height:270px;border-radius:23px;transform:perspective(900px) rotateY(8deg) rotateZ(-5deg)}.phone-screen{padding-inline:11px;border-radius:17px}.phone-brand{font-size:10px}.phone-words{font-size:21px;margin-top:22px}.phone-apps{gap:4px}.phone-apps a{width:28px;height:30px}.floating-services{display:none}.right-stage{grid-row:2;height:300px;padding-top:12px}.code-editor{transform:rotate(-2deg);border-radius:10px}.editor-chrome{padding:10px;font-size:8px}.window-dots{gap:3px}.window-dots i{height:4px;width:4px}.code-tabs{padding:0 5px}.code-tabs button{font-size:9px;min-height:36px;padding:8px 3px}.code-editor pre{height:140px;font-size:8px;line-height:1.9;padding:10px 8px}.editor-footer{font-size:7px;padding-inline:8px}.right-stage .game-preview{display:none}.game-controller{width:140px;right:-5px;bottom:-4px;animation:none}.hero-bottom{min-height:88px;justify-content:flex-start;padding-left:18px;gap:14px}.scroll-cue{font-size:8px;letter-spacing:.05em;gap:8px;max-width:45%}.motion-toggle{right:18px;bottom:26px;font-size:9px;max-width:48%;padding:7px 8px;text-align:start;line-height:1.5}.motion-toggle svg{flex-shrink:0}.orbital-ring{width:430px;bottom:130px;height:85px}.scene-backdrop img{object-position:50% bottom}.water-shimmer{height:70px}.solution-grid{grid-template-columns:1fr;gap:32px}.solution-item h3{margin-top:16px;font-size:22px}.solution-item p{margin-bottom:18px}.footer-socials{flex-wrap:wrap;gap:12px}.footer-content{row-gap:18px}.footer-socials a{font-size:11px}.solution-grid{margin-top:30px}}
@media(max-width:420px){.nav{gap:6px}.brand{font-size:18px;gap:6px}.brand img{width:28px;height:28px}.nav-actions{gap:5px}.language-control select{width:75px}.cinematic .hero-wordmark{font-size:32px;gap:6px}.hero-wordmark img{width:34px}.cinematic .hero-copy h2{font-size:20px}.hero-layout{column-gap:12px}.cinematic .hero-copy p{font-size:12px}.hero-center .hero-actions .button{font-size:11px}.phone-orbit{left:8px}.smartphone{width:135px;height:275px}.code-editor pre{font-size:7px}.code-tabs button{font-size:8px}.game-controller{width:130px}.hero-bottom{min-height:94px}.scroll-cue{font-size:8px}.motion-toggle{font-size:8px;bottom:27px}.scene-backdrop{opacity:.85}.code-editor pre{overflow-x:auto}}
@media(max-width:360px){.brand img{display:none}.hero-wordmark img{width:30px}.cinematic .hero-wordmark{font-size:29px}.smartphone{width:116px;height:252px}.phone-brand{font-size:8px}.phone-words{font-size:18px}.phone-apps a{width:24px;height:28px}.phone-apps svg{width:18px}.code-tabs button{font-size:7px}.code-editor pre{font-size:6px}.right-stage{min-width:0}.game-controller{width:118px}.left-stage,.right-stage{height:280px}}
@media(prefers-reduced-motion:reduce){.cinematic *,.cinematic *:before,.cinematic *:after,.app-card,.section.entered .section-heading h2{animation:none!important;transition:none!important}.app-card{transform:none!important}.star-field{opacity:.5}}
.cinematic .scene-backdrop img{translate:var(--scene-x,0px) var(--scene-y,0px);scale:1.015}.smartphone{rotate:var(--tilt-y,0deg)}
.cinematic .hero-copy h2 br{display:initial}
.cinematic .scene-backdrop img{position:absolute;inset:0;left:0;top:0;margin:0}
@media(min-width:1001px){.right-stage{height:auto;min-height:570px}.right-stage .game-controller{position:relative;display:block;right:auto;bottom:auto;width:180px;margin:18px 0 0 auto}}
@media(min-width:761px) and (max-width:1000px){.right-stage{height:390px;align-items:start}.right-stage .code-editor,.right-stage .game-preview{margin-top:10px}.right-stage .game-controller{bottom:0;right:5px;width:140px}}
@media(max-width:760px){.hero-bottom{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:16px;padding:18px;min-height:90px}.hero-bottom .scroll-cue{max-width:none;min-width:0}.hero-bottom .motion-toggle{position:static;max-width:none;justify-self:end;min-width:0;text-align:start}}
@media(max-width:760px){.right-stage{display:contents}.right-stage .code-editor{grid-row:2;grid-column:2;align-self:start;margin-top:14px;max-width:100%}.right-stage .game-preview{display:grid;grid-row:3;grid-column:1/-1;grid-template-columns:110px 1fr;margin:0 0 10px;transform:none;max-width:100%}.game-shot-wrap>img{height:210px;object-fit:cover}.game-preview-copy{padding:20px}.game-preview-copy h3{font-size:19px;margin-top:10px}.game-preview-copy>p{font-size:12px}.game-preview-copy>a{font-size:12px;margin-top:14px}.game-thumbnails img{width:28px;height:36px}.game-controller{right:0;bottom:240px;width:135px}.game-shot-controls button{width:40px;height:36px}.editor-footer{font-size:8px}.phone-words{overflow-wrap:anywhere}.hero-bottom{padding-bottom:5px}}
.phone-screen{background-image:url(assets/environment-mobile.webp)}