/* Fiero Ads landing page. Ported from the Playable Alive template (styles, theme, refinement, player, spotlight), English only. */
@font-face{font-family:Rubik;src:url('/assets/marketing/fonts/rubik-latin.woff2?v=ed7be0f9e8') format('woff2');font-weight:300 900;font-style:normal;font-display:swap}
:root{--paper:#fff;--soft:#f5f4f0;--line:#e7e5df;--ink:#111;--muted:#6b6b6b;--button:#1f1f1f;--orange:#ff5a1f;--orange-text:#c2410c;--font:Rubik,Arial,sans-serif;--header:88px;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 24px)}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{background:none;border:0}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.08}h1,h2{font-weight:900;letter-spacing:-.025em}em,i{font-style:normal}em{color:var(--orange)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--orange-text);outline-offset:5px}button:disabled{cursor:wait;opacity:.55}[hidden]{display:none!important}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.narrow{max-width:780px}.section{padding-block:136px}.soft{background:var(--soft)}.center{text-align:center}.eyebrow{font-size:14px;font-weight:500;letter-spacing:.06em;text-align:center;color:var(--muted);margin-bottom:28px}.tiny-label{font-size:12px;font-weight:500;letter-spacing:.1em}.section-title{font-size:clamp(38px,4.8vw,64px);text-align:center;line-height:1.05}.section-sub{font-size:18px;max-width:610px;text-align:center;margin:24px auto 0;color:var(--muted);line-height:1.65}.button{min-height:56px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 28px;border-radius:999px;font-size:15px;font-weight:500;line-height:1.3;transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease;border:1.5px solid transparent;white-space:nowrap}.button-dark{color:white;background:var(--button);border-color:var(--button)}.button-dark:hover{background:#000;transform:translateY(-2px);box-shadow:0 6px 16px #11111112}.button-outline{border-color:var(--ink)}.button-outline:hover{background:var(--soft);transform:translateY(-2px)}.text-link{display:inline;padding:2px 0;text-decoration:underline;text-underline-offset:4px;font-size:inherit;line-height:inherit}.fine-print{font-size:12px;line-height:1.7;color:var(--muted);margin-top:20px;text-align:center}.icon-button{min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:50%;font-size:29px;line-height:1;display:inline-grid;place-items:center}.icon-button:hover{background:var(--soft)}.tag{font-size:10px;line-height:1.4;font-weight:500;color:#666;background:#eeede9;padding:3px 6px;border-radius:4px;vertical-align:middle;white-space:nowrap}.skip-link{position:fixed;inset-block-start:8px;inset-inline-start:8px;background:var(--ink);color:white;padding:12px 20px;z-index:1000;border-radius:8px;transform:translateY(-150%)}.skip-link:focus{transform:none}
.site-header{height:var(--header);position:sticky;inset-block-start:0;background:#fffffff5;z-index:40;border-bottom:1px solid transparent;transition:border-color .2s;backdrop-filter:blur(12px)}.site-header.scrolled{border-color:var(--line)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.wordmark{font-weight:900;font-size:35px;letter-spacing:-.07em;line-height:1;display:inline-block;direction:ltr}.wordmark-period{margin-inline-start:1px}.desktop-nav{display:flex;align-items:center;gap:25px}.desktop-nav>a,.desktop-nav>button{font-size:13px;min-height:44px;display:flex;align-items:center;white-space:nowrap;transition:opacity .2s;padding:0}.desktop-nav>a:hover,.desktop-nav>button:hover{opacity:.55}.nav-soon{gap:6px}.nav-actions{display:flex;align-items:center;gap:20px}.language-toggle{display:flex;gap:7px;align-items:center;font-size:12px;font-weight:500;padding:10px 0;min-width:54px;min-height:44px;direction:ltr}.language-divider{color:#999}.lang-ar{font-size:18px;color:#777}.lang-en{color:var(--ink)}.nav-join{min-height:46px;padding:12px 24px;font-size:13px}.menu-toggle{display:none;width:44px;height:44px;padding:10px}.menu-toggle span{display:block;height:2px;width:24px;background:var(--ink);margin:6px 0}.mobile-menu{max-width:none;max-height:none;width:100%;height:100dvh;inset:0;margin:0;border:0;padding:24px}.mobile-menu-top{display:flex;justify-content:space-between;align-items:center}.mobile-menu nav{display:flex;flex-direction:column;gap:20px;padding-block:50px}.mobile-menu nav a,.mobile-menu nav>button{font-size:32px;font-weight:800;text-align:start;line-height:1.2;min-height:44px;padding:0}.mobile-menu .tag{font-size:14px}
.hero{padding-top:66px;padding-bottom:92px;overflow:clip}.hero-copy{text-align:center}.hero .eyebrow{margin-bottom:27px;font-size:13px}.hero h1{font-size:clamp(44px,6.65vw,86px);line-height:1.02;max-width:1030px;margin:0 auto;letter-spacing:-.022em}.hero h1>span{display:block}.hero-sub{max-width:565px;font-size:17px;line-height:1.65;margin:25px auto 0;color:var(--muted)}.hero-actions{display:flex;justify-content:center;gap:12px;margin-top:28px}.hero .fine-print{margin-top:15px}.hero-stage{position:relative;display:flex;justify-content:center;margin-top:68px;align-items:center;isolation:isolate}.hero-stage:before{content:"";position:absolute;width:840px;max-width:100%;height:440px;inset-block-end:32px;border-radius:50%;background:var(--soft);z-index:-1}.phone{width:300px;height:620px;border:7px solid #202020;border-radius:45px;background:#202020;padding:0;position:relative;overflow:hidden;box-shadow:0 25px 50px -18px #1c1c1c36,0 3px 8px #11111114;flex-shrink:0}.phone:after{content:"";position:absolute;bottom:7px;left:calc(50% - 42px);width:84px;height:4px;border-radius:6px;background:#202020;pointer-events:none;z-index:3}.phone-camera{position:absolute;top:9px;left:calc(50% - 37px);width:74px;height:20px;border-radius:20px;background:#202020;z-index:5;pointer-events:none}.phone-poster{position:relative;display:flex;flex-direction:column;align-items:stretch;height:100%;width:100%;text-align:start;border:0;padding:44px 24px 20px;border-radius:35px;overflow:hidden}.poster-burger{background:#e5eed8;color:#283b26}.poster-sneaker{background:#e9e2f2;color:#452b51}.poster-pharmacy{background:#e0ebe7;color:#183f35}.poster-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;gap:8px}.sample-label{font-size:11px;border:1px solid currentColor;border-radius:30px;padding:4px 9px;line-height:1.2;font-weight:500;display:inline-block}.poster-edition{font-size:10px;letter-spacing:.09em;font-weight:500}.poster-copy{position:relative;z-index:2;margin-top:28px}.poster-kicker{font-size:10px;letter-spacing:.16em;font-weight:500;display:block;margin-bottom:12px}.poster-copy strong{font-size:40px;line-height:.98;font-weight:900;letter-spacing:-.05em;display:block}.poster-copy i{font-style:italic}.poster-art{width:245px;height:245px;object-fit:contain;position:absolute;inset-inline-end:-12px;top:263px;pointer-events:none}.poster-play{position:absolute;bottom:55px;left:22px;right:22px;display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border-radius:40px;color:#fff;background:#283b26;font-size:14px;font-weight:500;transition:transform .2s}.poster-sneaker .poster-play{background:#452b51}.poster-pharmacy .poster-play{background:#183f35}.phone-poster:hover .poster-play{transform:translateY(-3px)}.play-triangle{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-inline-start:8px solid currentColor}.poster-fine{position:absolute;bottom:26px;left:14px;right:14px;font-size:9px;line-height:1.3;text-align:center}.stage-note{width:235px;position:absolute;text-align:start;color:var(--muted)}.stage-note p{font-size:20px;line-height:1.35;font-weight:500;letter-spacing:-.025em;color:#41413e;margin-top:12px}.stage-note-left{inset-inline-start:7%;top:165px}.stage-note-right{inset-inline-end:3%;top:330px}.stage-note .tiny-label{font-size:10px}.note-rule{display:block;width:60px;height:1px;background:#aaa99f;margin-top:24px}.stage-note-right .note-rule{width:30px}.hero-caption{font-size:13px;color:var(--muted);text-align:center;margin-top:29px}.brands-section{text-align:center;padding-bottom:104px}.brands-section>.tiny-label{color:var(--muted);font-size:11px}.client-row:empty{display:none}.your-logo{padding:17px 31px;margin-top:27px;border:1px dashed #bbb9b2;border-radius:12px;display:inline-flex;align-items:center;gap:12px;min-height:64px;font-size:14px;transition:background .2s}.your-logo:hover{background:var(--soft)}.your-logo-mark{font-size:25px;font-weight:300}.your-logo strong{font-weight:500}.your-logo>span:last-child{color:var(--muted)}.brands-section .fine-print{margin-top:14px}
.statement{min-height:90vh;display:flex;align-items:center;text-align:center;padding-block:120px}.statement h2{font-size:clamp(46px,8.6vw,124px);line-height:1.03}.statement p:not(.section-index):not(.statement-pre){color:var(--muted);font-size:18px;line-height:1.5;margin-top:35px}.statement-one{background:var(--soft)}.section-index{font-size:11px;font-weight:500;letter-spacing:.13em;color:var(--muted);margin-bottom:48px}.statement-two{min-height:100vh}.statement-two h2{font-size:clamp(43px,6.9vw,100px);line-height:1.12}.big-a{display:inline-block;font-size:1em}.big-b{display:inline-block;font-size:1.15em}.big-c{display:inline-block;font-size:1.3em}.statement-three{padding-block:130px 170px}.statement-pre{font-size:24px;font-weight:500;margin-bottom:22px}.statement-three h2{font-size:clamp(46px,7.5vw,105px)}.statement-three em{font-size:1.55em;letter-spacing:-.06em;line-height:1}.grow-word{display:inline-block}.statement.active .grow-word{animation:grow-word .5s ease both}@keyframes grow-word{from{transform:scale(.92)}to{transform:scale(1)}}.case-intro .case-note{border-top:1px solid var(--line);margin:40px auto 0;padding-top:25px;font-size:13px;color:var(--muted);text-align:center;max-width:450px}.contrast-grid{display:grid;grid-template-columns:1fr 1fr;max-width:950px;margin:72px auto 0;gap:60px}.contrast-grid>div+div{border-inline-start:1px solid var(--line);padding-inline-start:60px}.contrast-grid h3{font-size:30px;letter-spacing:-.04em;font-weight:800;margin-top:14px}.contrast-wait{color:var(--muted)}.contrast-wait h3{color:#777}.contrast-grid ul{list-style:none;padding:0;margin:34px 0 0}.contrast-grid li{font-size:17px;padding-block:17px;border-bottom:1px solid var(--line);line-height:1.6;min-height:90px}.contrast-play li{padding-inline-start:23px;position:relative}.contrast-play li:before{content:"";width:6px;height:6px;background:var(--orange);position:absolute;inset-inline-start:0;top:29px;border-radius:50%}.products-section{padding-top:50px}.products-list{margin-top:65px;border-top:1px solid var(--line)}.product-row{border-bottom:1px solid var(--line);border-radius:0;transition:background .2s}.product-trigger{display:grid;grid-template-columns:1fr 1.12fr 28px;gap:42px;width:100%;padding:32px 20px;align-items:center;text-align:start}.product-row:hover,.product-row.open{background:var(--soft)}.product-name{font-size:28px;font-weight:800;letter-spacing:-.035em;line-height:1.15;display:block}.product-small{font-size:14px;font-weight:400;line-height:1.5;color:var(--muted);display:block;margin-top:9px}.product-description{font-size:16px;line-height:1.65;color:#595954;display:block}.row-plus{font-size:25px;font-weight:300;line-height:1;transition:transform .2s}.product-trigger[aria-expanded="true"] .row-plus{transform:rotate(45deg)}.product-preview{padding:0 24px 28px;display:grid;grid-template-columns:1fr 1.12fr;gap:42px;align-items:center}.product-preview>.preview-caption{color:var(--muted);font-size:14px;line-height:1.7;max-width:310px}.preview-window{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:22px;min-height:150px;position:relative;overflow:hidden}.preview-window .sample-label{color:var(--muted);margin-bottom:16px}.preview-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.preview-tags span{padding:8px 12px;border:1px solid var(--line);border-radius:7px;font-size:12px}.chat-head{font-size:16px;font-weight:800;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between}.chat-head .sample-label{margin:0}.chat-bubble{font-size:13px;line-height:1.55;background:var(--soft);padding:12px 15px;border-radius:14px;max-width:90%;margin-block:10px}.chat-bubble.question{background:#1f1f1f;color:white;margin-inline-start:auto}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;margin-top:70px}.step-number{font-size:58px;line-height:1;font-weight:900;letter-spacing:-.05em;color:#b6b5ad;border-bottom:1px solid #d9d7cf;display:block;padding-bottom:26px;margin-bottom:25px}.step h3{font-size:23px;line-height:1.15;letter-spacing:-.04em;font-weight:800;max-width:190px}.step p{font-size:15px;color:var(--muted);line-height:1.8;margin-top:18px}.prompt-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:36px}.prompt-tabs button,.filter-pill{border:1px solid var(--line);border-radius:999px;min-height:44px;padding:11px 20px;font-size:14px;line-height:1.3;transition:background .2s,color .2s}.prompt-tabs button[aria-selected="true"],.filter-pill[aria-pressed="true"]{background:var(--button);color:white;border-color:var(--button)}.prompt-tabs button:hover,.filter-pill:hover{border-color:var(--ink)}.prompt-panel{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;max-width:920px;margin:60px auto}.prompt-story{max-width:390px}.prompt-story .tiny-label{color:var(--muted)}.prompt-quote{font-size:31px;font-weight:800;letter-spacing:-.035em;line-height:1.25;margin-top:20px}.prompt-note{font-size:14px;line-height:1.75;color:var(--muted);margin-top:26px}.prompt-story .sample-label{margin-top:26px;color:var(--muted)}.prompt-panel .phone{justify-self:center}.play-one .center{margin-top:12px}.faq-section{padding-top:65px}.faq-list{margin-top:45px;border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;gap:30px;text-align:start;padding:25px 0;font-size:17px;font-weight:500;min-height:78px;line-height:1.5}.faq-trigger .row-plus{flex-shrink:0}.faq-trigger[aria-expanded="true"] .row-plus{transform:rotate(45deg)}.faq-answer{font-size:16px;line-height:1.8;color:var(--muted);padding:0 40px 25px 0}.faq-answer .text-link{color:var(--ink)}.faq-contact{text-align:center;margin-top:30px;font-size:14px;color:var(--muted)}.join-title{text-align:center;font-size:clamp(47px,7vw,94px);line-height:1.03}.inline-form{margin-top:46px}.form-fields{display:grid;grid-template-columns:1fr 1.25fr 1fr auto;gap:14px;align-items:end}.form-fields label{display:block}.lead-form label>span:first-child{display:block;font-size:12px;line-height:1.5;margin-bottom:9px;font-weight:500}.lead-form input:not([type="checkbox"]):not([type="hidden"]),.lead-form select{width:100%;height:56px;padding:0 17px;border:1px solid #d9d7cf;border-radius:10px;background:white;color:var(--ink);font-size:14px;min-width:0}.lead-form input::placeholder{color:#7d7c76}.form-fields>.button{font-size:13px;padding:16px 22px}.lead-form .consent{display:flex;gap:10px;align-items:flex-start;justify-content:center;font-size:12px;color:var(--muted);line-height:1.6;margin-top:19px}.consent input{width:18px;height:18px;accent-color:var(--ink);margin-top:1px;flex-shrink:0}.consent>span{display:inline!important;margin:0!important;font-size:12px!important;font-weight:400!important}.consent>span>span{display:inline!important}.form-status{font-size:14px;max-width:760px;text-align:center;line-height:1.6;margin:14px auto 0}.form-status:empty{display:none}.form-status.error{color:#9b271c}.form-status.success{color:#235439}.form-status a{display:block;text-decoration:underline;text-underline-offset:4px;margin-top:6px}.honey{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(100%);white-space:nowrap}.demo-aside{text-align:center;font-size:14px;color:var(--muted);margin-top:26px}.demo-aside .text-link{color:var(--ink)}.join-section .fine-print{margin-top:13px}.site-footer{padding-top:83px;overflow:clip}.footer-top{display:grid;grid-template-columns:1.1fr 2fr;gap:105px}.founder-note p{max-width:340px;font-size:15px;line-height:1.7;color:var(--muted);margin-top:23px}.founder-note .footer-aside{font-size:12px;line-height:1.8}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.footer-links h3{font-size:12px;font-weight:500;margin-bottom:23px}.footer-links a,.footer-links button{display:block;font-size:12px;color:var(--muted);margin-block:8px;min-height:30px;padding:5px 0;text-align:start;line-height:1.6}.footer-links a:hover,.footer-links button:hover{text-decoration:underline;text-underline-offset:4px}.footer-links .tag{font-size:9px;margin-inline-start:2px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:65px;padding-top:25px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.footer-bottom .language-toggle{margin-inline-start:auto;margin-inline-end:30px}.footer-bigmark{font-size:clamp(90px,22vw,306px);font-weight:900;line-height:.88;letter-spacing:-.078em;color:#1111110f;direction:ltr;white-space:nowrap;text-align:center;margin:35px 0 -10px;user-select:none}
dialog{border:0;color:var(--ink);background:var(--paper);box-shadow:0 20px 100px #11111130}dialog::backdrop{background:#11111160;backdrop-filter:blur(5px)}.info-dialog,.lead-dialog{width:min(590px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:48px;border-radius:26px;overflow:auto}.dialog-close{position:absolute;top:16px;inset-inline-end:16px;border:0}.info-dialog h2,.lead-dialog h2{font-size:36px;letter-spacing:-.025em;margin-top:12px;line-height:1.05}.info-dialog h3{font-size:17px;margin-top:25px}.info-dialog p,.lead-dialog .dialog-sub{font-size:15px;color:var(--muted);line-height:1.8;margin-top:20px}.info-dialog .button{margin-top:24px}.lead-dialog .lead-form{margin-top:25px}.lead-dialog .form-fields{grid-template-columns:1fr;gap:16px}.lead-dialog .button[type=submit]{width:100%;margin-top:3px;font-size:15px}.lead-dialog .lead-form .consent{justify-content:flex-start}.lead-dialog .fine-print{text-align:start}.lead-dialog .form-status{text-align:start}.game-dialog{inset:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;padding:0;background:var(--soft);overflow:hidden}.game-toolbar{height:80px;background:var(--paper);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;padding-inline:32px}.game-toolbar .wordmark{font-size:26px}.game-toolbar>span{font-size:14px}.game-toolbar .button{margin-inline-start:auto;min-height:44px;padding:10px 20px;font-size:13px}.game-toolbar .sample-label{font-size:10px;color:var(--muted)}.game-stage{height:calc(100% - 80px);display:flex;align-items:center;justify-content:center;padding:20px}.game-stage iframe{height:100%;width:min(100%,430px);max-height:850px;border:0;border-radius:26px;background:white;box-shadow:0 15px 60px #11111115}.game-load-error{max-width:400px;font-size:18px;text-align:center}
.gallery-hero{padding-block:88px 55px}.gallery-hero h1{font-size:clamp(45px,7vw,96px);line-height:1.02;text-align:center;max-width:920px;margin:auto}.gallery-grid-section{padding-bottom:120px}.filters{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:45px}.games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.game-card{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--paper);transition:transform .2s,box-shadow .2s}.game-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px -20px #11111140}.game-card-visual{height:385px;position:relative;overflow:hidden;display:block;width:100%;text-align:start;padding:30px}.game-card-visual .poster-copy{margin-top:22px}.game-card-visual .poster-copy strong{font-size:42px}.game-card-visual .poster-art{top:146px;inset-inline-end:-5px;width:230px;height:230px}.game-card .poster-play{min-height:44px;width:44px;left:auto;right:20px;bottom:20px}.game-card-info{padding:24px;display:flex;justify-content:space-between;align-items:center;gap:15px}.game-card-info h2{font-size:22px;letter-spacing:-.04em;font-weight:800;line-height:1.2}.game-card-info p{font-size:12px;color:var(--muted);margin-top:6px}.game-card-info button{min-height:44px;padding:12px 21px;font-size:13px}.empty-state{text-align:center;min-height:240px;padding:65px 20px;border:1px dashed var(--line);border-radius:24px;grid-column:1/-1}.empty-state h2{font-size:32px}.empty-state p{margin-top:14px;font-size:16px;color:var(--muted)}.empty-state .button{margin-top:22px}.gallery-cta{text-align:center;border-top:1px solid var(--line);padding-top:70px;margin-top:75px}.gallery-cta h2{font-size:36px}.gallery-cta p{color:var(--muted);margin-top:15px}.gallery-cta .button{margin-top:26px}.gallery-cta .fine-print{font-size:12px;margin-top:16px}.carousel{margin:20px auto 55px;max-width:100%;overflow:hidden}.carousel-track{display:flex;gap:24px;align-items:center;justify-content:center;min-height:380px}.carousel-card{width:160px;height:320px;border-radius:25px;border:4px solid var(--ink);overflow:hidden;flex-shrink:0}.carousel-card.is-current{width:190px;height:380px}.carousel-card button{width:100%;height:100%;position:relative;overflow:hidden;padding:20px;text-align:start}.carousel-card img{position:absolute;top:110px;left:0;width:100%}.carousel-card strong{font-size:26px;line-height:1;display:block;position:relative;z-index:1}.carousel-controls{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px}.carousel-controls button{min-width:44px;min-height:44px}.carousel-caption{text-align:center;margin-top:18px;font-size:14px}.carousel-dots{display:flex;gap:5px}.carousel-dots button{font-size:0;width:32px;min-width:32px;position:relative}.carousel-dots button:after{content:"";width:6px;height:6px;border-radius:50%;background:#bbb;position:absolute;left:13px;top:19px}.carousel-dots button[aria-current="true"]:after{background:var(--ink)}
.section.reveal-ready{transition:opacity .4s,transform .4s}.section.reveal-ready:not(.revealed){opacity:.01;transform:translateY(12px)}.hero.reveal-ready{opacity:1!important;transform:none!important}
[dir=rtl] body{letter-spacing:0}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] .product-name,[dir=rtl] .prompt-quote{letter-spacing:0}[dir=rtl] .eyebrow,[dir=rtl] .tiny-label,[dir=rtl] .section-index{letter-spacing:0}[dir=rtl] .hero h1{line-height:1.2;font-size:clamp(40px,6.2vw,84px)}[dir=rtl] .hero h1>span{display:block}[dir=rtl] .lang-en{color:#777}[dir=rtl] .lang-ar{color:var(--ink);font-weight:700}[dir=rtl] .faq-answer{padding:0 0 25px 40px}[dir=rtl] .poster-copy strong{line-height:1.1;font-size:35px;letter-spacing:0}[dir=rtl] .poster-kicker,[dir=rtl] .poster-edition{letter-spacing:0}[dir=rtl] .poster-art{inset-inline-end:-12px}[dir=rtl] .game-card-visual .poster-copy strong{font-size:37px}[dir=rtl] .hero-stage .stage-note p{line-height:1.6}[dir=rtl] .statement h2{line-height:1.3}[dir=rtl] .footer-bigmark,[dir=rtl] .wordmark{letter-spacing:-.07em}[dir=rtl] .step h3{line-height:1.5}
@media(min-width:1600px){.hero{padding-top:90px}.hero-stage{margin-top:74px}}
@media(max-width:1199px){.wrap{width:calc(100% - 64px)}.desktop-nav{gap:17px}.desktop-nav>a,.desktop-nav>button{font-size:12px}.nav{gap:20px}.nav-actions{gap:16px}.stage-note-left{inset-inline-start:2%}.stage-note-right{inset-inline-end:0;width:190px}.form-fields{grid-template-columns:1fr 1fr}.form-fields>.button{height:56px}.footer-top{gap:65px}.product-trigger{gap:24px}.product-preview{gap:24px}.game-card-visual{height:360px;padding:25px}.game-card-visual .poster-copy strong{font-size:36px}.game-card-visual .poster-art{top:140px;width:210px;height:210px}}
@media(max-width:1000px){.desktop-nav{display:none}.nav-join{display:none}.menu-toggle{display:block}.nav-actions{gap:16px}.hero h1{font-size:clamp(44px,7.8vw,79px)}.stage-note{display:none}.hero-stage:before{width:650px}.footer-top{grid-template-columns:1fr;gap:45px}.founder-note{display:grid;grid-template-columns:120px 1fr;gap:16px}.founder-note p{margin:0;max-width:450px}.founder-note .footer-aside{grid-column:2}.footer-links{max-width:850px}.games-grid{gap:18px}.game-card-info{padding:20px;flex-wrap:wrap}.game-card-info h2{font-size:20px}.game-card-info button{min-height:44px}.game-card-visual .poster-copy strong{font-size:32px}.game-card-visual .poster-art{top:145px;inset-inline-end:-20px;width:205px;height:205px}}
@media(max-width:767px){:root{--header:76px}.wrap{width:calc(100% - 48px)}.section{padding-block:82px}.wordmark{font-size:31px}.hero{padding-top:38px;padding-bottom:64px}.hero .eyebrow{font-size:11px;max-width:260px;line-height:1.7;margin:0 auto 24px;letter-spacing:.02em}.hero h1{font-size:clamp(39px,7.7vw,59px);line-height:1.05;letter-spacing:-.025em;max-width:560px}.hero-sub{font-size:15px;line-height:1.7;max-width:420px;margin-top:24px}.hero-actions{margin:25px auto 0;flex-direction:column;max-width:320px;gap:10px}.hero-actions .button{width:100%}.fine-print{font-size:12px}.hero .fine-print{font-size:11px;margin-top:15px}.hero-stage{margin-top:42px;width:100%}.hero-stage:before{width:96%;height:340px;bottom:30px}.phone{width:270px;height:558px;border-width:6px;border-radius:40px}.phone-poster{padding:42px 21px 18px;border-radius:33px}.poster-copy{margin-top:24px}.poster-copy strong{font-size:37px}.poster-art{top:233px;width:222px;height:222px}.poster-play{bottom:50px;left:18px;right:18px;min-height:46px}.poster-fine{bottom:22px;font-size:8px}.hero-caption{font-size:12px;margin-top:25px}.brands-section{padding-bottom:66px}.your-logo{padding:16px 19px;gap:9px;font-size:12px}.your-logo>span:last-child{font-size:11px}.statement{min-height:70svh;padding-block:90px}.statement h2{font-size:clamp(45px,9vw,70px);letter-spacing:-.025em;line-height:1.1}.section-index{font-size:10px;margin-bottom:32px}.statement p:not(.section-index):not(.statement-pre){font-size:15px;max-width:280px;margin:30px auto 0;line-height:1.7}.statement-two{min-height:85svh}.statement-two h2{font-size:clamp(40px,8.3vw,65px);line-height:1.2}.statement-three{min-height:75svh;padding-block:90px}.statement-three h2{font-size:clamp(44px,8.2vw,64px)}.statement-three em{font-size:1.43em}.statement-pre{font-size:19px;margin-bottom:20px}.section-title{font-size:clamp(35px,8vw,48px);line-height:1.08}.section-sub{font-size:16px;margin-top:21px}.eyebrow{font-size:11px;margin-bottom:23px}.case-intro .case-note{font-size:12px;margin-top:27px;padding-top:23px}.contrast-grid{grid-template-columns:1fr;gap:40px;margin-top:42px}.contrast-grid>div+div{border-inline-start:0;border-top:1px solid var(--line);padding-inline-start:0;padding-top:34px}.contrast-grid h3{font-size:28px}.contrast-grid .tiny-label{font-size:10px}.contrast-grid ul{margin-top:17px}.contrast-grid li{font-size:16px;min-height:0;padding-block:16px}.contrast-play li:before{top:27px}.products-section{padding-top:20px}.products-list{margin-top:42px}.product-trigger{grid-template-columns:1fr 22px;gap:20px;padding:24px 10px}.product-heading{grid-column:1}.product-description{grid-column:1;font-size:15px;line-height:1.7}.product-trigger>.row-plus{grid-column:2;grid-row:1;align-self:center}.product-name{font-size:27px}.product-small{font-size:13px;margin-top:7px}.product-preview{grid-template-columns:1fr;gap:18px;padding:0 10px 25px}.preview-window{padding:18px}.product-preview>.preview-caption{max-width:none;font-size:13px}.steps{grid-template-columns:1fr;gap:30px;margin-top:45px}.step{display:grid;grid-template-columns:50px 1fr;column-gap:24px}.step-number{font-size:35px;grid-row:1/3;padding:0;border:0;margin:0;line-height:1.2}.step h3{font-size:23px;max-width:none}.step p{font-size:15px;margin-top:12px;line-height:1.7}.prompt-tabs{gap:7px;margin-top:30px}.prompt-tabs button{font-size:12px;padding:11px 14px;flex-grow:1}.prompt-panel{grid-template-columns:1fr;gap:35px;margin:35px auto 40px}.prompt-story{max-width:400px;margin:auto}.prompt-quote{font-size:28px;line-height:1.3}.prompt-story .tiny-label{font-size:10px}.prompt-note{margin-top:19px;font-size:13px}.prompt-story .sample-label{margin-top:16px}.play-one .center .button{font-size:13px;padding-inline:22px}.faq-section{padding-top:20px}.faq-trigger{font-size:16px;gap:20px;padding-block:21px}.faq-answer{font-size:15px;padding-inline-end:0}.faq-contact{font-size:13px;line-height:1.7}.join-title{font-size:clamp(41px,9vw,68px);line-height:1.1}.inline-form{margin-top:32px}.form-fields{grid-template-columns:1fr;gap:17px}.form-fields>.button{margin-top:4px;font-size:14px}.lead-form label>span:first-child{font-size:13px}.lead-form .consent{justify-content:flex-start;margin-top:19px}.consent input{min-width:20px;min-height:20px}.demo-aside{margin-top:24px;font-size:13px}.site-footer{padding-top:56px}.footer-top{gap:38px}.founder-note{display:block}.founder-note p{margin-top:20px;max-width:340px;font-size:14px}.founder-note .footer-aside{font-size:12px}.footer-links{grid-template-columns:1fr 1fr;gap:26px 24px}.footer-links a,.footer-links button{font-size:13px;min-height:44px;margin-block:0;padding:10px 0}.footer-links h3{font-size:12px;margin-bottom:15px}.footer-bottom{display:grid;grid-template-columns:1fr auto;margin-top:35px;gap:14px;font-size:11px;line-height:1.8;padding-top:20px}.footer-bottom>p:first-child{grid-column:1/-1;max-width:255px}.footer-bottom .language-toggle{grid-column:2;grid-row:2;margin:0}.footer-bottom>p:last-child{grid-column:1;grid-row:2}.footer-bigmark{font-size:24vw;margin-top:25px}.info-dialog,.lead-dialog{padding:38px 25px 28px;border-radius:22px}.info-dialog h2,.lead-dialog h2{font-size:31px;margin-top:17px}.info-dialog p,.lead-dialog .dialog-sub{font-size:14px}.game-toolbar{height:72px;padding-inline:16px;gap:10px}.game-toolbar .wordmark{font-size:23px}.game-toolbar>#game-dialog-title{display:none}.game-toolbar .sample-label{font-size:9px;padding:4px 6px}.game-toolbar .button{font-size:11px;padding:10px 13px}.game-toolbar .icon-button{min-width:38px;min-height:44px;border:0}.game-stage{height:calc(100% - 72px);padding:12px}.game-stage iframe{border-radius:20px}.gallery-hero{padding-block:50px 32px}.gallery-hero h1{font-size:clamp(45px,9vw,70px)}.gallery-grid-section{padding-bottom:70px}.filters{justify-content:flex-start;gap:7px;margin-bottom:30px}.filter-pill{font-size:12px;padding:11px 15px}.games-grid{grid-template-columns:1fr;gap:24px;max-width:440px;margin:auto}.game-card-visual{height:380px;padding:30px}.game-card-visual .poster-copy strong{font-size:43px}.game-card-visual .poster-art{width:260px;height:260px;top:115px;inset-inline-end:-3px}.game-card-info{padding:22px;flex-wrap:nowrap}.game-card-info h2{font-size:23px}.gallery-cta{margin-top:45px;padding-top:45px}.gallery-cta h2{font-size:31px}.gallery-cta p{font-size:15px}.carousel-track{justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;min-height:340px;padding-inline:25px}.carousel-card{scroll-snap-align:center}.carousel-card.is-current{width:170px;height:340px}.carousel-card{width:150px;height:300px}[dir=rtl] .hero h1{font-size:clamp(37px,8.3vw,59px);line-height:1.3}[dir=rtl] .hero h1>span{display:inline}[dir=rtl] .statement h2{font-size:clamp(43px,8.4vw,65px);line-height:1.4}[dir=rtl] .statement-three em{font-size:1.5em}[dir=rtl] .join-title{line-height:1.35}[dir=rtl] .faq-answer{padding-inline-end:0}[dir=rtl] .step h3{line-height:1.4}}
@media(min-width:768px) and (max-width:1000px){.steps{grid-template-columns:repeat(2,1fr);gap:45px}.prompt-panel{gap:45px}.prompt-quote{font-size:28px}.contrast-grid{gap:35px}.contrast-grid>div+div{padding-inline-start:35px}}
@media(max-width:380px){.wrap{width:calc(100% - 48px)}.hero h1{font-size:37px}.hero-sub{font-size:14px}.hero .eyebrow{font-size:10px}.hero-actions .button{font-size:14px}.phone{width:240px;height:500px;border-radius:36px}.phone-poster{padding:39px 17px 16px;border-radius:29px}.poster-copy{margin-top:20px}.poster-copy strong{font-size:33px}.poster-kicker{font-size:9px}.poster-edition{font-size:9px}.poster-art{top:210px;width:195px;height:195px}.poster-play{bottom:45px;min-height:43px;font-size:13px}.poster-fine{bottom:20px;font-size:7px}.poster-top .sample-label{font-size:9px}.hero-caption{font-size:11px}.prompt-tabs button{font-size:11px;padding-inline:12px}.your-logo{padding-inline:13px;font-size:11px;gap:8px}.your-logo>span:last-child{font-size:10px}.join-title{font-size:39px}.game-toolbar .wordmark{font-size:20px}.game-toolbar .button{font-size:10px;padding-inline:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.section.reveal-ready:not(.revealed){opacity:1;transform:none}}

/* Final optical spacing and legible interactive artwork. */
.hero h1{word-spacing:.025em}.wordmark{letter-spacing:-.045em}.poster-copy{display:block}.phone .poster-copy strong{font-size:38px;line-height:1.04;letter-spacing:-.02em}.game-card-visual{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.game-card-visual .poster-copy{margin-top:23px}.game-card-visual .poster-kicker{font-size:11px}.game-card-visual .poster-copy strong{font-size:34px;line-height:1.06;letter-spacing:-.025em;max-width:205px}.game-card-visual .poster-art{width:205px;height:205px;top:auto;bottom:7px;inset-inline-end:8px}.game-card-visual .poster-top{width:100%}.sample-label,.poster-edition,.poster-kicker,.poster-fine{font-size:12px}.poster-edition{letter-spacing:.02em}.poster-fine{bottom:17px;line-height:1.35}.phone .poster-play{bottom:60px}.tag{font-size:12px}.desktop-nav>a,.desktop-nav>button{font-size:14px}.footer-links a,.footer-links button{min-height:44px;font-size:13px}.stage-note .tiny-label,.section-index,.hero .eyebrow,.brands-section>.tiny-label{font-size:12px}
@media(max-width:1199px){.desktop-nav>a,.desktop-nav>button{font-size:13px}}
@media(max-width:767px){.hero h1>span:first-child{font-size:.94em}.phone .poster-copy strong{font-size:34px}.poster-copy{margin-top:20px}.poster-kicker{font-size:11px}.poster-top .sample-label,.poster-edition{font-size:11px}.phone .poster-play{bottom:58px}.poster-fine{font-size:11px;bottom:16px}.game-card-visual .poster-copy strong{font-size:35px}.game-card-visual .poster-art{width:220px;height:220px;inset-inline-end:16px;bottom:4px}.stage-note .tiny-label,.section-index,.hero .eyebrow,.brands-section>.tiny-label{font-size:12px}[dir=rtl] .hero h1>span:first-child{font-size:1em}[dir=rtl] .phone .poster-copy strong{font-size:33px}}
@media(max-width:380px){.hero h1{font-size:34px}.phone .poster-copy strong{font-size:30px}.phone .poster-copy{margin-top:17px}.poster-kicker{font-size:10px}.poster-fine{font-size:10px}.phone .poster-play{bottom:52px}}

.phone-teaser{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:3;opacity:0;pointer-events:none;border-radius:32px;background:#e5eed8}.teaser-playing .phone-teaser{opacity:1}.phone .poster-play{z-index:6}.teaser-toggle{position:absolute;z-index:8;top:48px;inset-inline-end:14px;min-width:48px;min-height:44px;padding:6px 9px;border-radius:999px;background:#fff;border:1px solid #0002;font-size:11px;font-weight:500;box-shadow:0 2px 8px #1111}.phone:not(.teaser-playing) .teaser-toggle{top:auto;bottom:123px;inset-inline-end:22px}.preview-window.with-video{display:grid;grid-template-columns:1fr 140px;gap:12px 20px;align-items:start}.with-video .sample-label{grid-column:1;justify-self:start}.with-video h3{grid-column:1;line-height:1.3}.with-video .preview-tags{grid-column:1;margin:0}.product-loop{grid-column:2;grid-row:1/4;width:140px;height:289px;background:var(--soft);border-radius:18px;border:3px solid var(--ink)}
@media(max-width:767px){.teaser-toggle{top:43px;inset-inline-end:12px;font-size:11px}.preview-window.with-video{grid-template-columns:1fr 125px;gap:12px}.product-loop{width:125px;height:258px}.with-video h3{font-size:17px}.with-video .preview-tags span{font-size:11px;padding:5px 7px}}
@media(prefers-reduced-motion:reduce){.phone-teaser,.teaser-toggle{display:none!important}}

.client-logo{min-height:64px}.client-logo img{height:40px;width:140px;object-fit:contain;filter:grayscale(1);opacity:.55;transition:filter .2s,opacity .2s}.client-logo:hover img,.client-logo:focus-visible img{filter:none;opacity:1}.client-row-pause{margin-top:20px}
/* v3 — white space, warm sparks, two dark stages. */
:root{--stage:#0b0b0d;--stage-text:#f5f3ee;--glow:#ffd9c7;--header:88px;color-scheme:light}
body{font-size:18px;-webkit-font-smoothing:antialiased}
::selection{background:#ff5a1f;color:#fff}
.wrap{max-width:1200px;width:calc(100% - 96px);position:relative;z-index:2}
.section{padding-block:140px}
.section-title{font-size:clamp(38px,4.65vw,66px);line-height:1.08;font-weight:900;letter-spacing:-.047em}
.section-sub{font-size:18px;line-height:1.7;max-width:610px;margin-inline:auto;color:var(--muted)}
.eyebrow,.tiny-label{font-size:13px;font-weight:500;letter-spacing:.08em;line-height:1.5}
.fine-print{font-size:13px;line-height:1.6}.text-link{font-size:inherit;text-underline-offset:5px;text-decoration-thickness:1px}
.button{min-height:56px;border-radius:100px;font-weight:500;font-size:15px;padding:15px 28px;transition:background .2s,color .2s,transform .3s cubic-bezier(.2,.9,.2,1),box-shadow .25s}
.button-dark:hover{box-shadow:0 8px 20px #11111116;background:#333}
.button-outline{border:1px solid #d7d5d0;background:#fff;color:var(--ink)}
.button-outline:hover{background:var(--soft);border-color:var(--ink)}
button,a,input{touch-action:manipulation}
:focus-visible{outline:3px solid var(--orange);outline-offset:5px}
.site-header{border-bottom:1px solid transparent;background:#ffffffd9;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:background .3s,color .3s,border-color .3s}
.site-header.scrolled{border-bottom-color:#1111110c}
.nav.wrap{max-width:1500px;width:calc(100% - 80px);gap:30px}
.wordmark{font-size:31px;line-height:1;font-weight:900;letter-spacing:-.07em;display:inline-flex;align-items:center;gap:3px;color:inherit}
.wordmark-period{font-size:23px;color:var(--orange);line-height:1;display:inline-block;transform:translateY(-3px);letter-spacing:0}
.desktop-nav{gap:25px}.desktop-nav>a,.desktop-nav>button{font-size:13px;font-weight:500;color:inherit;white-space:nowrap}
.nav-actions{gap:12px}.nav-join{font-size:14px;padding-inline:23px;min-height:48px}
.tag{font-size:11px;font-weight:500;background:var(--soft);color:#626262;padding:3px 6px;letter-spacing:0}
.language-toggle{font-size:13px;min-height:44px;min-width:55px;color:inherit}
.motion-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:999px;padding:10px 9px;min-height:44px;min-width:44px;font-size:12px;font-weight:400;color:inherit;background:none;white-space:nowrap}
.motion-toggle:hover{background:#77777712}.motion-toggle:disabled{opacity:.7;cursor:default}
.motion-icon{position:relative;display:block;width:12px;height:12px;flex-shrink:0;color:inherit}
.motion-icon:before,.motion-icon:after{content:"";position:absolute;top:1px;width:2px;height:10px;border-radius:1px;background:currentColor}
.motion-icon:before{left:2px}.motion-icon:after{right:2px}
html[data-motion-paused=true] .motion-icon:before{left:3px;top:1px;width:0;height:0;border:5px solid transparent;border-left:8px solid currentColor;border-right:0;background:transparent}
html[data-motion-paused=true] .motion-icon:after{display:none}
.site-header.on-dark{background:#0b0b0de8;color:var(--stage-text);border-color:#ffffff0c}
.on-dark .nav-join{background:var(--stage-text);color:var(--ink);border-color:var(--stage-text)}
.on-dark .tag{background:#ffffff15;color:#c8c8c8}.on-dark .menu-toggle span{background:var(--stage-text)}
#spark-field{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:1;pointer-events:none;opacity:0;transition:opacity .8s;contain:strict}
.sparks-ready #spark-field{opacity:1}.sparks-static #spark-field,.motion-reduced #spark-field{display:none}
main,footer{position:relative}
.hero{padding-top:48px;padding-bottom:64px;position:relative}
.hero .eyebrow{font-size:14px;margin-bottom:25px;color:#666;letter-spacing:0}
.hero h1{max-width:1110px;font-size:clamp(44px,6.65vw,96px);line-height:1.035;letter-spacing:-.052em;word-spacing:0;font-weight:900;font-variation-settings:'wght' 800;transition:font-variation-settings .25s;margin-inline:auto}
.hero h1>span{display:block}.hero h1 em{font-style:normal;color:var(--orange);font-weight:900}
.hero h1 small{display:block;font-size:clamp(25px,2.7vw,40px);line-height:1.35;margin-top:14px;font-weight:700;letter-spacing:-.035em}
.hero-sub{font-size:17px;line-height:1.7;max-width:545px;margin:22px auto 24px;color:var(--muted)}
.hero-actions{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:0}
.hero .fine-print{margin-top:17px;font-size:12px;color:#727272}
.hero-stage{height:420px;margin:21px auto 0;padding:0;display:block;max-width:1280px;position:relative}
.static-hero-word{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#111;transition:opacity .6s;pointer-events:none}
.static-hero-word svg{display:block;width:min(100%,1000px);height:auto;max-height:100%;fill:currentColor}
.sparks-ready .static-hero-word{opacity:0}
.hero-stage[data-hero-phase=building] .static-hero-word,.hero-stage[data-hero-phase=phone] .static-hero-word{opacity:0}
.stage-side-note{position:absolute;inset-inline-start:0;top:47%;font-size:12px;line-height:1.7;text-align:start;color:#767676;font-weight:400;max-width:125px}
.stage-interact{position:absolute;inset-inline-end:0;bottom:30px;font-size:12px;color:#6b6b6b;letter-spacing:0}
.brand-lab{text-align:center;margin-top:6px}
.brand-input{border:1px solid #deddd8;display:flex;align-items:center;border-radius:100px;max-width:398px;margin:auto;padding:6px;background:#ffffffed;box-shadow:0 8px 40px -24px #11111142;transition:border-color .2s,box-shadow .2s}
.brand-input:focus-within{border-color:var(--orange);box-shadow:0 0 0 3px #ff5a1f0d}
.brand-input input{border:0;background:none;outline:0;width:100%;min-width:0;color:var(--ink);font-size:16px;font-weight:400;padding:12px 19px;text-align:start;height:46px;border-radius:100px}
.brand-input input::placeholder{color:#6b6b6b;opacity:1}
.brand-go{background:var(--button);color:white;border:0;flex:0 0 46px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;transition:background .2s,transform .3s}
.brand-go:hover{background:var(--orange)}
.brand-status{height:22px;margin:13px auto 0;font-size:12px;color:#717171;line-height:1.6}
.hero-demo{position:absolute;width:252px;height:390px;left:50%;top:8px;transform:translateX(-50%);text-align:center}
.hero-demo-frame{width:252px;height:361px;overflow:hidden;background:var(--soft);border:1px solid #ddd9d2;border-radius:30px;box-shadow:0 25px 60px -30px #11111155;animation:phone-appear .65s both}
.hero-game-iframe{width:100%;height:100%;display:block;border:0}
.demo-caption{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:12px;font-size:12px}
.demo-caption .sample-label{font-size:11px;line-height:1.3}.demo-caption .text-link{font-size:13px;font-weight:500}.restart-brand{font-size:22px;width:30px;min-height:30px;padding:0;border:0;line-height:1;background:none}
.tilt-chip{display:inline-flex;margin-top:12px;font-size:12px;background:var(--soft);border:0;padding:9px 14px;border-radius:50px}
@keyframes phone-appear{from{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}
.brands-section{padding-block:50px 80px;min-height:225px;text-align:center}
.brands-section .tiny-label{font-size:13px;letter-spacing:0;font-weight:400;color:#727272}
.your-logo{display:inline-flex;justify-content:center;align-items:center;gap:11px;border:1px dashed #c6c2ba;border-radius:12px;padding:17px 25px;margin-top:25px;background:#ffffffdc;min-height:66px;transition:border-color .2s}
.your-logo strong{font-size:16px;font-weight:500}.your-logo>span:last-child{font-size:13px;color:var(--muted)}.your-logo-mark{width:auto;height:auto;display:inline-block;font-size:24px;background:none;color:var(--muted);font-weight:300}
.your-logo:hover{border-color:var(--orange)}
.dark-stage{background:var(--stage);color:var(--stage-text);position:relative}
.statement{min-height:90vh;padding-block:100px;overflow:clip;position:relative}
.statement .wrap{max-width:1280px;isolation:isolate}
.statement .wrap:before{content:"";position:absolute;inset:-30px -60px;z-index:-1;background:radial-gradient(ellipse,#0b0b0ded 35%,#0b0b0d85 66%,transparent 76%);pointer-events:none}
.statement h2{font-size:clamp(50px,8.7vw,128px);line-height:1.04;letter-spacing:-.054em;color:var(--stage-text);font-weight:900}
.statement p:not(.section-index){font-size:17px;line-height:1.7;color:#c0bebd;margin-top:30px}
.statement-one{background:linear-gradient(to bottom,#fff 0%,#0b0b0d min(40vh,350px));padding-top:150px;padding-bottom:170px}
.statement-one .grow-word{color:var(--stage-text);text-decoration:none}
.statement-two{min-height:100vh}
.statement-two h2{font-size:clamp(50px,7vw,102px);line-height:1.24}
.statement-two .big-a,.statement-two .big-b,.statement-two .big-c{display:inline-block;color:var(--orange);line-height:1.1;font-weight:900}
.statement-two .big-a{font-size:1em}.statement-two .big-b{font-size:1.15em}.statement-two .big-c{font-size:1.3em}
.statement-three{min-height:95vh}
.statement-three .statement-pre{font-size:35px!important;color:var(--stage-text)!important;letter-spacing:-.03em;margin-top:0!important;margin-bottom:24px;font-weight:500}
.statement-three h2{font-size:clamp(54px,7.7vw,112px)}
.statement-three h2 em{display:inline-block;font-size:1.7em;font-style:normal;color:var(--orange);line-height:1.0;letter-spacing:-.055em}
.statement-three h2 .grow-word{transform:none;animation:none}
.shape-fallback{position:absolute;width:min(75vw,850px);height:90%;left:50%;top:50%;transform:translate(-50%,-50%);opacity:.18;color:var(--orange);pointer-events:none}
.statement-one .shape-fallback{width:180px;height:180px;top:81%;opacity:.9}
.sparks-ready .shape-fallback{opacity:0}
.case-intro{padding-top:140px;padding-bottom:180px;text-align:center;border-top:1px solid #ffffff12;min-height:720px}
.case-intro:after{content:"";position:absolute;bottom:0;left:0;right:0;height:140px;background:linear-gradient(transparent,#fff);pointer-events:none;z-index:0}
.case-intro .narrow{max-width:800px}
.case-intro .eyebrow{color:#ffa379;letter-spacing:.12em}
.case-intro .section-title{font-size:clamp(48px,6.4vw,90px);line-height:1.04;color:var(--stage-text);margin-top:25px}
.case-intro .section-sub{color:#bcbbb9;max-width:525px;margin-top:27px}
.case-note{font-size:16px;line-height:1.7;color:#d5d1ce;margin-top:50px;padding-top:25px;border-top:1px solid #ffffff21;display:inline-block}
.contrast-section{padding-top:120px}
.contrast-grid{margin-top:72px;display:grid;grid-template-columns:1fr 1fr;gap:0;text-align:start}
.contrast-grid>div{padding:10px 54px}.contrast-grid>div:first-child{border-inline-end:1px solid var(--line)}
.contrast-grid .tiny-label{font-size:12px;letter-spacing:.11em}.contrast-wait .tiny-label{color:#777}.contrast-play .tiny-label{color:var(--orange-text)}
.contrast-grid h3{font-size:31px;letter-spacing:-.035em;margin-top:12px;font-weight:700}
.contrast-wait{color:#727272}.contrast-play{color:var(--ink)}
.contrast-grid ul{list-style:none;padding:0;margin-top:33px}.contrast-grid li{font-size:17px;line-height:1.65;margin-bottom:23px;padding-inline-start:23px;position:relative;max-width:425px}
.contrast-wait li:before{content:"—";position:absolute;inset-inline-start:0;color:#aaa}
.contrast-play li:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--orange);position:absolute;inset-inline-start:0;top:12px}
.products-section{padding-top:40px;padding-bottom:145px}
.products-section .section-title{max-width:850px;margin-inline:auto}
.products-section .section-title br:nth-of-type(2){display:none}
.products-section .section-sub{margin-top:24px}
.products-list{margin-top:75px;border-top:1px solid var(--line)}
.product-row{position:relative;border-bottom:1px solid var(--line);transition:background .3s;border-radius:0}
.product-row:hover,.product-row:focus-within,.product-row.open{background:var(--soft)}
.product-trigger{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(240px,1.3fr) 110px 28px;gap:28px;width:100%;padding:31px 22px;align-items:center;text-align:start;position:relative;min-height:164px}
.product-heading{display:flex;flex-direction:column;gap:10px}.product-name{font-size:28px;font-weight:800;letter-spacing:-.035em;line-height:1.2}.product-small{font-size:14px;line-height:1.5;color:var(--muted)}
.product-description{font-size:17px;color:#5c5c5c;line-height:1.65;max-width:460px}
.product-icon-slot{width:110px;height:100px;display:grid;place-items:center;position:relative;pointer-events:none}
.static-product-icon{width:70px;height:70px;color:#999;transition:color .2s,opacity .3s}
.product-row:hover .static-product-icon,.product-row:focus-within .static-product-icon{color:var(--orange-text)}
.sparks-ready .product-row:hover .static-product-icon,.sparks-ready .product-row:focus-within .static-product-icon{opacity:0}
.row-plus{font-size:27px;font-weight:300;color:#777;line-height:1;transition:transform .2s;display:block}
.product-trigger[aria-expanded=true]>.row-plus{transform:rotate(45deg)}
.product-preview{padding:0 30px 36px 40%;font-size:14px;text-align:start}
.preview-caption{font-size:13px;line-height:1.6;color:var(--muted)}
.preview-window{margin-top:16px;border:1px solid #dad8d0;border-radius:20px;box-shadow:none;background:#fff;min-height:240px;padding:24px}
.preview-window>h3{font-size:28px}.preview-tags span{font-size:12px}.preview-window.with-video{grid-template-columns:1fr 155px}.product-loop{width:155px;height:260px;border-radius:17px}
.chat-head{font-size:17px}.chat-bubble{font-size:15px;line-height:1.6}.sample-label{font-size:12px;line-height:1.4}
.how-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:130px 140px}
.how-section .section-title{max-width:830px;margin-inline:auto}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:45px;margin-top:80px;position:relative}
.step{position:relative}.step-number{font-size:78px;line-height:1;letter-spacing:-.08em;color:var(--orange);font-weight:900;display:inline-block;margin-bottom:35px}
.step h3{font-size:22px;line-height:1.3;font-weight:700;letter-spacing:-.035em;max-width:215px}.step p{font-size:16px;line-height:1.75;margin-top:18px;color:#696969}
.lunch-icon{position:absolute;right:0;top:20px;width:50px;height:50px;color:#b1aba3}.sparks-ready .lunch-icon{opacity:.25}
.play-one .section-title{font-size:clamp(44px,5.8vw,78px)}
.prompt-tabs{gap:10px;margin-top:35px;margin-bottom:55px}
.prompt-tabs button{min-height:46px;font-size:14px;padding:11px 21px;border:1px solid var(--line);border-radius:100px}
.prompt-tabs button[aria-selected=true]{background:var(--button);color:white;border-color:var(--button)}
.prompt-panel{max-width:960px;min-height:570px;margin:0 auto 52px;display:grid;grid-template-columns:1fr 310px;gap:90px;align-items:center}
.prompt-quote{font-size:38px;line-height:1.2;letter-spacing:-.035em;font-weight:800;margin-top:24px;max-width:510px}
.prompt-note{font-size:17px;line-height:1.75;margin-top:25px;color:var(--muted)}
.prompt-story .fine-print{margin-top:15px}.prompt-story .sample-label{display:inline-block;margin-top:22px}
.phone{width:290px;height:565px;border:6px solid #202020;border-radius:44px;box-shadow:0 30px 65px -35px #11111155;background:#202020;isolation:isolate;position:relative}
.phone-camera{width:75px;height:15px;top:10px;border-radius:15px;background:#202020;z-index:5}
.phone-poster{border-radius:36px;overflow:hidden}
.phone .poster-copy strong{font-size:40px;letter-spacing:-.035em;line-height:1.03}
.poster-kicker{font-size:12px}.poster-fine{font-size:12px;line-height:1.45}.poster-top .sample-label{font-size:11px}
.phone-teaser{border-radius:35px}.teaser-toggle{font-size:12px;min-height:32px}
.faq-section{padding-top:50px;padding-bottom:140px}.narrow{max-width:810px}
.faq-section .section-sub{margin-top:24px}.faq-list{margin-top:65px}
.faq-trigger{padding:28px 0;font-size:18px;font-weight:500;line-height:1.5;gap:25px;min-height:80px}
.faq-answer{font-size:17px;line-height:1.8;color:var(--muted);padding-bottom:30px;padding-inline-end:40px}
.faq-trigger[aria-expanded=true] .row-plus{font-size:0}.faq-trigger[aria-expanded=true] .row-plus:after{content:"−";font-size:26px}
.faq-contact{font-size:15px;color:var(--muted);margin-top:35px}
.join-section{padding-block:130px 120px;background:var(--soft)}
.join-title{font-size:clamp(50px,7.2vw,102px);line-height:1.04;letter-spacing:-.055em;font-weight:900;transition:font-variation-settings .3s}
.join-title em{font-style:normal;color:var(--orange)}
.join-section .section-sub{max-width:540px;font-size:17px;margin-top:30px}
.lead-form{margin-top:48px}.form-fields{gap:13px}.form-fields>label>span{font-size:13px;font-weight:500;display:block;text-align:start;margin-bottom:10px}
.form-fields input{height:56px;border:1px solid #d8d6cf;border-radius:12px;font-size:15px;background:#fffffff2;padding:15px 17px}
.form-fields input:focus{border-color:var(--orange);outline:none;box-shadow:0 0 0 3px #ff5a1f12}
.form-fields>.button{font-size:14px;min-width:200px}
.consent{font-size:13px;line-height:1.6;margin-top:25px}.consent input{accent-color:var(--orange-text);width:18px;height:18px}
.form-status{font-size:15px;margin-top:20px;line-height:1.7}.form-status.error{color:#a13e16}.form-status.success{color:#28533a}
.demo-aside{font-size:14px;margin-top:28px}.join-section .fine-print{margin-top:20px}
.site-footer{padding-top:90px;padding-bottom:15px;background:var(--paper);overflow:clip}
.footer-top{gap:70px}.founder-note{max-width:345px}.founder-note>p{font-size:16px;line-height:1.75;color:var(--muted);margin-top:24px}.founder-note .footer-aside{font-size:14px}
.footer-links{gap:38px}.footer-links h3{font-size:14px;font-weight:500;margin-bottom:25px}.footer-links a,.footer-links button{font-size:13px;line-height:1.6;color:#686868;margin-bottom:15px;min-height:22px}
.footer-links a:hover,.footer-links button:hover{color:var(--orange-text)}
.footer-bottom{margin-top:60px;padding-top:24px;font-size:12px;line-height:1.7;flex-wrap:wrap;gap:16px}.footer-bottom>p:first-child{max-width:510px}.footer-bottom .language-toggle{margin-inline-end:0}.footer-bottom .motion-toggle{font-size:12px}.footer-motion{margin-inline-start:0}
.footer-spark-stage{height:clamp(180px,26vw,350px);position:relative;margin-top:25px}
.footer-bigmark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(100px,25vw,340px);font-weight:900;letter-spacing:-.08em;line-height:1;color:var(--ink);margin:0;transition:opacity .7s}
.sparks-ready .footer-bigmark{opacity:0}
.info-dialog,.lead-dialog{padding:50px;border-radius:24px;width:min(590px,calc(100% - 32px))}
.info-dialog h2,.lead-dialog h2{font-size:39px;font-weight:900;line-height:1.12;letter-spacing:-.04em;margin-top:15px}
.info-dialog p,.lead-dialog .dialog-sub{font-size:16px;line-height:1.75}
.dialog-close{min-width:44px;min-height:44px;color:#777;font-size:30px}
.game-toolbar{height:82px}.game-toolbar .button{min-height:46px}.game-stage{height:calc(100% - 82px)}
.game-toolbar>span{font-size:14px}.game-stage iframe{border-radius:25px}
.gallery-hero{position:relative;padding-block:74px 62px}.gallery-hero h1{font-size:clamp(48px,7vw,96px);font-weight:900;letter-spacing:-.05em;line-height:1.02}.gallery-hero .section-sub{margin-top:26px}
.gallery-grid-section{position:relative;z-index:2}.gallery-grid-section .wrap{z-index:auto}
.gallery-note{font-size:13px}.filters{gap:9px;margin-bottom:40px}.filter-pill{font-size:14px;min-height:46px;padding:11px 20px;border:1px solid var(--line);border-radius:100px}
.games-grid{gap:28px}.game-card{border-radius:22px;transition:transform .3s,box-shadow .3s;background:var(--paper)}.game-card-visual{height:420px;padding:30px}.game-card-visual .poster-copy strong{font-size:42px;line-height:1.05;letter-spacing:-.025em}.game-card-visual .poster-art{top:178px;width:250px;height:250px;inset-inline-end:-5px}.game-card-info{padding:26px 23px;gap:16px}.game-card-info h2{font-size:22px}.game-card-info p{font-size:12px;line-height:1.5}.game-card-info .button{min-height:44px;min-width:68px;font-size:13px;padding:10px 20px}
.gallery-cta{padding-top:85px;margin-top:90px}.gallery-cta h2{font-size:44px;font-weight:800;letter-spacing:-.04em}.gallery-cta p{font-size:17px;line-height:1.65}.gallery-cta .fine-print{font-size:13px}
.mobile-menu{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border-radius:0;padding:24px;background:#fff}
.mobile-menu nav{display:flex;flex-direction:column;align-items:flex-start;gap:22px;margin-top:60px}.mobile-menu nav>a,.mobile-menu nav>button{font-size:32px;line-height:1.3;letter-spacing:-.035em;font-weight:700;text-align:start}
[dir=rtl] .hero h1,[dir=rtl] .statement h2,[dir=rtl] .section-title,[dir=rtl] .join-title,[dir=rtl] .gallery-hero h1{letter-spacing:0;line-height:1.25}
[dir=rtl] .hero h1 small{font-size:.41em;letter-spacing:0;margin-top:15px}
[dir=rtl] .hero-sub{line-height:1.85}[dir=rtl] .eyebrow,[dir=rtl] .tiny-label{letter-spacing:0}
[dir=rtl] .brand-go svg{transform:scaleX(-1)}[dir=rtl] .wordmark{direction:ltr}
[dir=rtl] .product-name,[dir=rtl] .prompt-quote,[dir=rtl] .step h3,[dir=rtl] .game-card-info h2{letter-spacing:0;line-height:1.5}
[dir=rtl] .product-preview{padding:0 40% 36px 30px}[dir=rtl] .lunch-icon{left:0;right:auto}
@media(min-width:1600px){.hero{padding-top:66px}.hero-stage{margin-top:25px}.hero h1{font-size:102px}.wrap{max-width:1250px}}
@media(max-width:1279px){.nav.wrap{width:calc(100% - 48px);gap:20px}.desktop-nav{gap:17px}.desktop-nav>a,.desktop-nav>button{font-size:12px}.nav-actions{gap:7px}.motion-toggle{font-size:11px}.nav-join{padding-inline:19px}.wrap{width:calc(100% - 72px)}.product-trigger{grid-template-columns:240px 1fr 85px 23px;gap:20px}.product-icon-slot{width:85px;height:90px}.footer-top{gap:45px}.footer-links{gap:25px}.stage-side-note{display:none}}
@media(max-width:1100px){.desktop-nav{display:none}.nav-join{display:inline-flex}.menu-toggle{display:block}.nav-actions{gap:16px}.nav .wordmark{font-size:32px}.product-trigger{grid-template-columns:220px 1fr 70px 24px;gap:20px}.product-icon-slot{width:70px;height:80px}.product-name{font-size:25px}.contrast-grid>div{padding-inline:35px}.form-fields{grid-template-columns:1fr 1fr}.form-fields>.button{align-self:end}.steps{gap:28px}.step h3{font-size:20px}.footer-top{grid-template-columns:1fr}.footer-links{gap:45px}.founder-note{max-width:580px}.gallery-grid-section .wrap{width:calc(100% - 60px)}}
@media(max-width:767px){
 :root{--header:76px}.wrap{width:calc(100% - 44px)}.section{padding-block:85px}.site-header{height:76px}.nav.wrap{width:calc(100% - 38px);gap:10px}.nav-actions{gap:10px}.nav-join{display:none}.nav .wordmark{font-size:29px}.wordmark-period{font-size:21px}.language-toggle{min-width:42px;font-size:12px}.motion-toggle{padding-inline:2px;gap:5px;font-size:11px}.motion-label{display:inline}.menu-toggle{width:32px;min-width:32px;margin-inline-start:3px}.menu-toggle span{width:21px}.hero{padding-top:37px;padding-bottom:42px}.hero .eyebrow{font-size:12px;max-width:315px;margin:0 auto 27px;line-height:1.7}.hero h1{font-size:clamp(43px,11.5vw,66px);letter-spacing:-.055em;line-height:1.03}.hero h1>span:first-child{font-size:.74em}.hero h1 small{font-size:24px;margin-top:18px;letter-spacing:-.035em}.hero-sub{font-size:15px;line-height:1.7;max-width:330px;margin-top:22px;margin-bottom:23px}.hero-actions{flex-direction:column;gap:10px;max-width:320px;margin-inline:auto}.hero-actions .button{width:100%;font-size:14px;min-height:53px}.hero .fine-print{font-size:11px;margin-top:15px}.hero-stage{height:300px;margin:8px auto 0;width:100%}.stage-interact{inset-inline-end:24px;bottom:15px;font-size:10px}.brand-lab{margin-top:15px}.brand-input{width:min(100%,365px);padding:5px}.brand-input input{font-size:15px;height:43px;padding-inline:18px}.brand-go{width:43px;height:43px;flex-basis:43px}.brand-status{height:auto;min-height:21px;font-size:11px}.hero-demo{width:211px;height:285px;top:0}.hero-demo-frame{width:211px;height:271px;border-radius:23px}.demo-caption{margin-top:8px;gap:15px;font-size:11px}.demo-caption .text-link{font-size:12px}.demo-caption .sample-label{font-size:10px}.restart-brand{font-size:18px;min-height:24px}.brands-section{padding-block:37px 48px;min-height:160px}.brands-section .tiny-label{font-size:12px}.your-logo{padding:16px 20px;gap:10px;margin-top:22px}.your-logo strong{font-size:14px}.your-logo>span:last-child{font-size:12px}.statement{min-height:85svh;padding-block:95px}.statement .wrap{width:calc(100% - 40px)}.statement .wrap:before{inset:-25px -20px}.statement h2{font-size:clamp(44px,11.3vw,70px);letter-spacing:-.05em;line-height:1.08}.statement p:not(.section-index){font-size:15px;line-height:1.8;max-width:300px;margin:27px auto 0}.statement-one{padding-top:130px;padding-bottom:170px;min-height:85svh}.statement-one .shape-fallback{width:125px;height:125px;top:83%}.statement-two{min-height:90svh}.statement-two h2{font-size:clamp(40px,10.8vw,67px);line-height:1.4}.statement-three .statement-pre{font-size:24px!important;margin-bottom:24px}.statement-three h2{font-size:clamp(42px,10.8vw,66px)}.statement-three h2 em{font-size:1.65em}.case-intro{padding-block:100px 140px;min-height:650px}.case-intro .section-title{font-size:50px;line-height:1.08}.case-intro .section-sub{font-size:16px}.case-note{font-size:14px;line-height:1.8;margin-top:35px}.section-title{font-size:40px;line-height:1.09;letter-spacing:-.045em}.section-sub{font-size:16px;line-height:1.75}.contrast-section{padding-top:75px}.contrast-grid{grid-template-columns:1fr;gap:38px;margin-top:50px}.contrast-grid>div{padding:0 10px 0 10px}.contrast-grid>div:first-child{border-inline-end:0;border-bottom:1px solid var(--line);padding-bottom:24px}.contrast-grid h3{font-size:28px;margin-top:12px}.contrast-grid li{font-size:16px;margin-bottom:18px;padding-inline-start:22px}.contrast-grid ul{margin-top:25px}.products-section{padding-top:0;padding-bottom:85px}.products-section .section-title{font-size:38px}.products-list{margin-top:45px}.product-trigger{grid-template-columns:1fr 56px;grid-template-areas:'heading icon' 'description description';padding:26px 10px;gap:15px 16px;min-height:185px}.product-heading{grid-area:heading;gap:8px;padding-inline-end:15px}.product-description{grid-area:description;font-size:16px;max-width:100%;line-height:1.65;padding-inline-end:24px}.product-icon-slot{grid-area:icon;width:56px;height:60px;align-self:start}.static-product-icon{width:48px;height:48px}.product-trigger>.row-plus{position:absolute;inset-inline-end:8px;bottom:27px;font-size:25px}.product-name{font-size:25px}.product-small{font-size:13px}.product-preview,[dir=rtl] .product-preview{padding:0 12px 28px}.preview-window{padding:21px;border-radius:15px}.preview-window.with-video{grid-template-columns:1fr 125px}.preview-window>h3{font-size:24px}.product-loop{width:125px;height:222px}.preview-caption{font-size:12px}.how-section{padding-block:80px}.steps{grid-template-columns:1fr;gap:38px;margin-top:52px;padding-inline-start:45px}.step{padding-inline-start:22px;padding-bottom:30px;border-bottom:1px solid var(--line)}.step:last-child{padding-bottom:0;border-bottom:0}.step-number{font-size:60px;margin-bottom:20px}.step h3{font-size:24px;max-width:100%}.step p{font-size:16px;max-width:420px;margin-top:13px}.lunch-icon{width:45px;height:45px;top:11px;right:8px}.play-one .section-title{font-size:45px}.prompt-tabs{flex-wrap:wrap;gap:7px;margin-top:29px;margin-bottom:40px}.prompt-tabs button{font-size:12px;min-height:44px;padding:10px 14px}.prompt-panel{display:flex;flex-direction:column;gap:42px;min-height:0;margin-bottom:39px}.prompt-story{text-align:start;width:100%}.prompt-quote{font-size:29px;line-height:1.26;max-width:450px;margin-top:17px}.prompt-note{font-size:16px;margin-top:19px}.phone{width:268px;height:520px;border-width:5px;border-radius:40px}.phone-poster,.phone-teaser{border-radius:34px}.phone .poster-copy strong{font-size:37px}.phone .poster-copy{margin-top:23px}.phone .poster-art{width:220px;height:220px}.phone .poster-fine{font-size:11px;line-height:1.5}.faq-section{padding-top:0}.faq-list{margin-top:40px}.faq-trigger{font-size:16px;padding-block:24px;min-height:75px;gap:18px}.faq-answer{font-size:16px;line-height:1.75;padding-inline-end:18px}.faq-contact{font-size:14px}.join-section{padding-block:80px}.join-title{font-size:clamp(45px,12vw,70px);line-height:1.06}.join-section .section-sub{font-size:16px;line-height:1.7;max-width:335px;margin-top:26px}.lead-form{margin-top:35px}.form-fields{grid-template-columns:1fr;gap:18px}.form-fields input{height:55px;border-radius:10px;font-size:16px}.form-fields>.button{font-size:15px;width:100%;margin-top:5px}.consent{font-size:12px;gap:9px;text-align:start}.form-status{font-size:14px}.demo-aside{font-size:13px}.site-footer{padding-top:60px}.footer-top{gap:44px}.founder-note>p{font-size:15px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:30px 25px}.footer-links h3{font-size:14px;margin-bottom:21px}.footer-links a,.footer-links button{font-size:13px;margin-bottom:13px;min-height:25px}.footer-bottom{margin-top:35px;gap:12px;font-size:11px;justify-content:flex-start}.footer-bottom>p:first-child{width:100%;font-size:12px}.footer-bottom .language-toggle{margin-inline-start:0}.footer-bottom>p:last-child{margin-inline-start:auto}.footer-spark-stage{height:150px;margin-top:13px}.footer-bigmark{font-size:26vw}.info-dialog,.lead-dialog{padding:48px 25px 30px}.info-dialog h2,.lead-dialog h2{font-size:32px}.info-dialog p,.lead-dialog .dialog-sub{font-size:15px}.game-toolbar{padding-inline:15px;height:72px;gap:10px}.game-toolbar .wordmark{font-size:24px}.game-toolbar .sample-label{display:none}.game-toolbar>span{font-size:12px}.game-toolbar .button{font-size:11px;min-height:42px;padding:10px 14px}.game-stage{height:calc(100% - 72px);padding:12px}.game-stage iframe{max-width:430px}.gallery-hero{padding-block:45px 40px}.gallery-hero h1{font-size:55px}.gallery-hero .section-sub{font-size:16px}.gallery-grid-section .wrap{width:calc(100% - 44px)}.filters{gap:7px;margin-bottom:32px}.filter-pill{font-size:12px;min-height:42px;padding:10px 14px}.games-grid{grid-template-columns:1fr;gap:25px;max-width:430px;margin-inline:auto}.game-card-visual{height:385px;padding:28px}.game-card-visual .poster-copy strong{font-size:42px}.game-card-visual .poster-art{top:138px;width:250px;height:250px}.game-card-info{padding:25px}.game-card-info h2{font-size:23px}.game-card-info p{font-size:13px}.game-card-info .button{font-size:14px;min-width:74px}.gallery-cta{padding-top:65px;margin-top:65px}.gallery-cta h2{font-size:34px}.gallery-cta p{font-size:16px}.gallery-cta .fine-print{font-size:12px}.gallery-grid-section{padding-bottom:80px}
 [dir=rtl] .hero h1{font-size:44px;line-height:1.4}[dir=rtl] .hero h1>span:first-child{font-size:.85em}[dir=rtl] .hero h1 small{font-size:22px;line-height:1.6;margin-top:10px}[dir=rtl] .hero .eyebrow{font-size:12px}[dir=rtl] .hero-sub{font-size:15px}[dir=rtl] .statement h2{line-height:1.5}[dir=rtl] .statement-three h2 em{font-size:1.55em}[dir=rtl] .products-section .section-title{font-size:36px;line-height:1.5}[dir=rtl] .join-title{font-size:47px;line-height:1.35}[dir=rtl] .product-name{font-size:24px}[dir=rtl] .product-description{line-height:1.85}[dir=rtl] .step h3{font-size:22px}[dir=rtl] .prompt-quote{font-size:28px;line-height:1.6}
}
@media(max-width:370px){.nav-actions{gap:6px}.nav.wrap{width:calc(100% - 30px)}.nav .wordmark{font-size:26px}.motion-toggle{font-size:10px}.hero h1{font-size:42px}.hero h1>span:first-child{font-size:.74em}.hero h1 small{font-size:22px}.hero-sub{font-size:14px}.hero-actions .button{font-size:14px}.wrap{width:calc(100% - 36px)}.product-name{font-size:22px}.prompt-tabs button{font-size:11px;padding:10px 12px}.footer-spark-stage{height:130px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-toggle{display:inline-flex!important}.static-hero-word,.footer-bigmark{opacity:1!important}.hero-stage[data-hero-phase=phone] .static-hero-word{opacity:0!important}.shape-fallback{opacity:.2}.statement-one .shape-fallback{opacity:.8}.static-product-icon{opacity:1!important}}

/* Keep the v3 spark stage clear; no surface from the previous phone layout. */
.hero-stage::before,.hero-stage::after{content:none!important;display:none!important}
.hero h1{word-spacing:.015em;letter-spacing:-.04em}.hero h1 small{font-variation-settings:'wght' 650;letter-spacing:-.025em}
.hero .hero-sub{margin-top:22px;margin-bottom:24px;font-size:17px;max-width:590px;line-height:1.7}
.statement p:not(.section-index){opacity:1;color:#c0bebd}.statement-three .wrap>p:last-child{color:#c0bebd!important}
.on-dark .language-toggle .lang-en,.on-dark .language-toggle .lang-ar{color:#f5f3ee!important}
@media(max-width:767px){.hero .hero-sub{font-size:15px;max-width:330px;margin-top:22px;margin-bottom:23px}.hero h1{letter-spacing:-.05em;word-spacing:0}.hero h1>span:first-child{font-size:.74em}.hero h1 small{letter-spacing:-.025em}}
[dir=rtl] .hero h1{letter-spacing:0;word-spacing:0}

/* Protect reading areas as the single field travels between sections. */
.hero-copy{position:relative;background:#fff;box-shadow:0 14px 24px 12px #fff}
.gallery-hero .wrap{position:relative;background:radial-gradient(ellipse at center,#fff 58%,#ffffffea 77%,#ffffff00 100%)}
[dir=rtl] .hero h1>span{display:block}
.hero-stage[data-hero-phase=phone] .stage-interact,.hero-stage[data-hero-phase=building] .stage-interact{visibility:hidden}
.filter-pill[aria-pressed=true]{background:var(--button);color:#fff;border-color:var(--button)}
.game-card-visual .poster-copy strong{font-size:38px;max-width:250px;line-height:1.04}
.game-card-visual .poster-copy strong{word-spacing:.08em}
.hero h1>span:first-child{word-spacing:.08em;letter-spacing:-.035em}
[dir=rtl] .hero h1>span:first-child{word-spacing:0;letter-spacing:0}
.game-card-visual .poster-art{top:auto;bottom:-8px;width:235px;height:235px;inset-inline-end:-4px}
.contact-destinations{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.proof-method{max-width:800px;margin:32px auto 0;text-align:start;font-size:14px;line-height:1.7;color:#bdbdbd}.proof-method summary{cursor:pointer;min-height:44px;color:#fff}.proof-method>div{padding:20px 0;border-top:1px solid #ffffff25}.proof-method h3{color:#fff;font-size:17px}.proof-method p{margin-top:10px}
@media(max-width:767px){[dir=rtl] .hero h1>span:first-child{font-size:.70em}.game-card-visual .poster-copy strong{font-size:35px;max-width:260px}.game-card-visual .poster-art{top:auto;bottom:-9px;width:220px;height:220px}}

.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.sparks-ready .product-row:hover .static-product-icon,.sparks-ready .product-row:focus-within .static-product-icon{opacity:1}.sparks-ready .product-row[data-spark-active=true] .static-product-icon{opacity:0}
.preview-window.with-sequence{background:none;border:0;min-height:0;display:flex;flex-direction:column;align-items:center;padding:0;overflow:visible;gap:15px;box-shadow:none}
.sequence-phone{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:190px;height:295px;background:#fff;border:1px solid #ddd9d0;border-radius:25px;padding:23px;text-align:center;overflow:hidden}
.sequence-phone>.sample-label{position:absolute;top:17px;left:17px;font-size:10px}.sequence-copy{font-size:23px;line-height:1.2;font-weight:800;letter-spacing:-.03em;position:relative;z-index:1;max-width:100%}
.sequence-phone>img{max-width:125px;max-height:100px;object-fit:contain;margin-top:15px}.sequence-video{background:#eee4f3}.sequence-shop{background:#ecf0e3}.sequence-progress{display:flex;gap:4px;position:absolute;bottom:16px;left:25px;right:25px}.sequence-progress span{height:2px;background:#0002;flex:1}.sequence-progress .lit{background:var(--ink)}.sequence-pause{font-size:12px;color:var(--muted);min-height:35px}
.preview-players{display:flex;gap:12px;margin-top:23px;margin-bottom:12px}.preview-players span{padding:8px 13px;border:1px solid var(--line);border-radius:30px;font-size:12px}.preview-players span:first-child{background:var(--ink);color:white}.preview-scope{font-size:11px;color:var(--muted);margin-bottom:20px}.preview-workflow{display:flex;flex-direction:column;gap:5px;margin-top:22px;margin-bottom:15px;width:100%}.preview-workflow span{border:1px solid var(--line);border-radius:8px;padding:6px;font-size:12px}.preview-workflow .lit{border-color:var(--orange);color:var(--orange-text);background:#ff5a1f06}.sequence-name{font-size:13px;margin-bottom:20px}.sequence-abas .sequence-copy{font-size:17px;line-height:1.55;font-weight:500;border:1px solid var(--line);border-radius:15px;padding:14px}.sequence-abas[data-phase='0'] .sequence-copy{background:var(--soft)}
.proof-grid{display:grid;grid-template-columns:1fr 1fr;text-align:start;margin-top:80px}.proof-tile{padding:50px 40px;border-top:1px solid #ffffff20}.proof-tile:nth-child(odd){border-inline-end:1px solid #ffffff20}.proof-tile strong{font-size:clamp(70px,10vw,140px);letter-spacing:-.06em;font-weight:900;display:block;font-variant-numeric:tabular-nums;line-height:1.1}.proof-tile p{font-size:17px;line-height:1.7;color:#c6c3bf;max-width:420px;margin-top:20px}.proof-disclaimer{font-size:13px;line-height:1.7;color:#c6c3bf;margin:30px auto}.proof-tile:has([data-proof-number^="Under"]) strong{font-size:clamp(55px,7vw,110px)}
@media(max-width:767px){.sequence-phone{width:175px;height:280px}.sequence-copy{font-size:22px}.proof-grid{grid-template-columns:1fr}.proof-tile{padding:40px 0}.proof-tile:nth-child(odd){border-inline-end:0}.proof-tile strong{font-size:90px}.proof-tile p{font-size:16px}.proof-disclaimer{font-size:12px}}
[dir=rtl] .sequence-copy{letter-spacing:0;line-height:1.65}

/* Only brand/integration additions; the supplied styles.css stays unchanged. */
.theme-toggle{font-size:24px;min-width:36px;min-height:40px}.fa-signin{font-size:12px;font-weight:600;white-space:nowrap}.wordmark{font-size:25px}.nav{padding-inline-start:32px}.nav-actions{gap:12px}.desktop-nav{gap:18px}.fa-build{margin-top:24px}.upload-product{display:block;margin:20px auto 0}.real-game-poster{width:100%;height:100%;object-fit:cover!important;position:absolute;inset:0}.real-game-label{position:absolute;top:16px;left:16px;background:#111d;color:#fff;padding:5px 12px;border-radius:99px;font-size:11px;z-index:1}.poster-real{background:#171717;overflow:hidden}.poster-real .poster-play{z-index:1;background:#ff5a1f;color:white}.carousel-card .poster-real img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72}.carousel-card .poster-real strong,.carousel-card .poster-real>.sample-label{position:relative;z-index:1;color:#fff;text-shadow:0 2px 12px #000}.gallery-grid-section>.wrap>.section-title{margin-bottom:65px}
html[data-theme=dark]{--paper:#111;--soft:#1b1a18;--line:#37332f;--ink:#f5f3ee;--muted:#b7b1ab;--button:#f5f3ee;--orange-text:#ff946b;color-scheme:dark}
html[data-theme=dark] .site-header:not(.on-dark){background:rgba(17,17,17,.92);color:var(--ink)}
html[data-theme=dark] .button-dark{background:#f5f3ee;color:#171717}html[data-theme=dark] .button-outline{background:transparent;color:var(--ink);border-color:var(--line)}html[data-theme=dark] input,html[data-theme=dark] .brand-input{background:transparent;color:var(--ink)}html[data-theme=dark] input::placeholder{color:var(--muted)}html[data-theme=dark] dialog{background:var(--paper);color:var(--ink)}html[data-theme=dark] .static-hero-word text{fill:var(--ink)}html[data-theme=dark] .game-card-info{color:var(--ink)}html[data-theme=dark] .tag{background:#37332f;color:#e4ddd5}html[data-theme=dark] .mobile-menu{background:var(--paper)}html[data-theme=dark] .preview-window{background:#211f1c;color:var(--ink)}html[data-theme=dark] .chat-bubble{background:#36312a;color:#fff}html[data-theme=dark] .contrast-wait{background:#201e1c}html[data-theme=dark] .contrast-play{background:#312119}html[data-theme=dark] .form-fields input{border-color:var(--line)}
@media(max-width:1100px){.desktop-nav{gap:12px}.nav-actions{gap:8px}.nav-join{padding-inline:16px}.wordmark{font-size:23px}}
@media(max-width:767px){.nav{padding-inline-start:28px}.wordmark{font-size:20px}.fa-signin{font-size:10px}.theme-toggle{min-width:28px}.nav-actions{gap:5px}.nav-join{display:none}.motion-toggle{min-width:25px}}
html[data-theme=dark] .hero-copy{background:var(--paper);box-shadow:0 14px 24px 12px var(--paper)}html[data-theme=dark] .gallery-hero .wrap{background:radial-gradient(ellipse at center,#111 58%,#111111ea 77%,#1110 100%)}html[data-theme=dark] .statement-one{background:linear-gradient(to bottom,#111 0%,#0b0b0d min(40vh,350px))}html[data-theme=dark] .case-intro:after{background:linear-gradient(transparent,#111)}html[data-theme=dark] .your-logo{background:var(--soft)}html[data-theme=dark] .brand-go,html[data-theme=dark] .filter-pill[aria-pressed=true],html[data-theme=dark] .prompt-tabs button[aria-selected=true]{color:#111}html[data-theme=dark] .teaser-toggle{background:#222;color:#eee}html[data-theme=dark] .footer-bigmark{color:#ffffff15}html[data-theme=dark] .sequence-phone{color:#171717}html[data-theme=dark] .sequence-abas{background:var(--soft);color:var(--ink)}html[data-theme=dark] .sequence-progress .lit{background:#111}
.fa-chat{font-size:12px;font-weight:600;white-space:nowrap}@media(max-width:767px){.fa-chat{display:none}}
html[data-theme=dark] .hero .eyebrow,html[data-theme=dark] .product-description,html[data-theme=dark] .fine-print,html[data-theme=dark] .brand-status,html[data-theme=dark] .stage-side-note,html[data-theme=dark] .stage-interact{color:var(--muted)}
@media(max-width:767px){.nav .wordmark{font-size:20px}.motion-label{display:none}.nav-actions{gap:6px}.nav.wrap{gap:6px}.language-toggle{min-width:35px}}
.game-toolbar{padding-inline-start:55px}
@media(max-width:767px){.nav{padding-inline-start:42px}[dir=rtl] .nav{padding-inline-start:0;padding-inline-end:42px}}

/* Studio art direction. Original template sections, real published game artwork. */
:root{--paper:#f7f5ef;--soft:#efede6;--ink:#191b19;--muted:#686962;--line:#deded4;--orange:#e8572a;--orange-text:#bd401b}
html[data-theme=dark]{--paper:#111311;--soft:#1c201c;--ink:#f3f1e8;--muted:#a8aea3;--line:#343a32;--orange:#ff784b;--orange-text:#ff946b}
.site-header{height:76px;background:color-mix(in srgb,var(--paper) 92%,transparent)!important;border-bottom:1px solid var(--line);color:var(--ink)!important;backdrop-filter:blur(18px)}
.nav{height:76px}.nav.wrap{width:calc(100% - 56px);max-width:1480px;padding-inline-start:32px}.nav .wordmark{font-size:24px;letter-spacing:-1.3px}.wordmark-period{display:inline-flex;margin-inline-start:5px;color:var(--orange);vertical-align:middle}.wordmark-period svg{width:21px;height:21px;stroke:currentColor;stroke-width:2}.theme-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}.desktop-nav a,.desktop-nav button{font-size:12px}.nav .motion-label{display:none}.nav-join{min-height:42px;font-size:12px;padding:10px 20px}
.hero{padding:38px 0 0;overflow:hidden}.hero-editorial{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;max-width:1360px;width:calc(100% - 88px);min-height:460px}.hero .hero-copy{text-align:start;background:transparent!important;box-shadow:none!important;z-index:2}.hero .eyebrow{text-align:start;font-size:10px;letter-spacing:2px;font-weight:600;margin-bottom:24px;color:var(--muted)}
.hero h1{font-size:clamp(54px,6.5vw,96px);line-height:.94;letter-spacing:-.065em;font-weight:800;font-variation-settings:'wght' 800;margin:0}.hero h1>span:first-child{font-size:1em}.hero h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;letter-spacing:-.065em;color:var(--orange);line-height:1.06}.hero .hero-sub{max-width:395px;margin:23px 0 22px;font-size:14px;line-height:1.65}.hero-actions{justify-content:flex-start;gap:20px}.hero-actions .button{font-size:12px;min-height:48px;padding:14px 22px}.hero-explore{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:500;white-space:nowrap}.hero .fine-print{text-align:start;font-size:10px;margin-top:17px}.hero .button-dark{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.hero-exhibit{position:relative;isolation:isolate;height:450px;min-width:0}.hero-exhibit:before{content:'';position:absolute;inset:15px -60px;background:radial-gradient(ellipse at 50% 70%,#e8752838,transparent 65%);z-index:-1}.exhibit-card{position:absolute;overflow:hidden;padding:0;text-align:start;background:#161b17;box-shadow:0 28px 48px -28px #0009;border:1px solid #ffffff28;border-radius:18px;color:white;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s;will-change:transform}.exhibit-card>img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.exhibit-card:hover>img{transform:scale(1.045)}.exhibit-card:hover{box-shadow:0 32px 60px -20px #0008}.exhibit-front{width:65%;height:91%;left:17%;top:3%;z-index:3;transform:rotate(-4deg)}.exhibit-front:hover{transform:rotate(-1deg) translateY(-8px)}.exhibit-front>img{object-position:50% 65%;filter:brightness(.8)}.exhibit-front:after{content:'';position:absolute;inset:0;background:linear-gradient(#0008,transparent 40%,#000b);pointer-events:none}.exhibit-label{position:absolute;top:22px;inset-inline-start:20px;z-index:1;font-size:8px;letter-spacing:1.3px;display:flex;gap:7px;align-items:center}.exhibit-label i{width:5px;height:5px;background:#c5e39b;border-radius:50%}.exhibit-heading{position:absolute;inset-inline-start:21px;top:53px;z-index:1;font-size:clamp(25px,3vw,42px);font-weight:700;line-height:1;letter-spacing:-1.6px}.exhibit-heading em{font-family:Georgia,serif;font-weight:400;font-style:italic;color:#ffd295}.exhibit-play{position:absolute;bottom:19px;left:18px;right:18px;border-radius:40px;background:#f8f3e8;color:#20201b;min-height:43px;display:flex;align-items:center;justify-content:center;gap:10px;z-index:2;font-size:11px;font-weight:500}.exhibit-play b{margin-inline-start:8px;font-size:20px;font-weight:400}.exhibit-back{width:44%;height:73%;left:-3%;top:16%;transform:rotate(-13deg);z-index:1}.exhibit-side{width:42%;height:77%;right:-3%;top:14%;transform:rotate(12deg);z-index:2}.exhibit-back:hover{transform:rotate(-9deg) translate(-12px,-12px);z-index:4}.exhibit-side:hover{transform:rotate(7deg) translate(12px,-12px);z-index:4}.exhibit-back>img,.exhibit-side>img{object-fit:cover}.exhibit-back>span,.exhibit-side>span{position:absolute;bottom:15px;inset-inline:12px;font-size:8px;letter-spacing:1px;text-align:center;background:#101710d9;border:1px solid #fff3;padding:9px;border-radius:30px}.exhibit-caption{position:absolute;bottom:0;inset-inline:0;text-align:center;font-size:8px;letter-spacing:1.5px;color:var(--muted)}
.studio-strip{display:flex;justify-content:space-between;gap:20px;align-items:center;border-block:1px solid var(--line);padding:18px 0;margin-top:28px;font-size:9px;letter-spacing:1.3px;font-weight:500;color:var(--muted)}.studio-strip b{margin-inline-start:20px;font-size:17px;font-weight:400;color:var(--orange)}
.hero-stage{height:210px;width:calc(100% - 88px);max-width:1060px;margin:4px auto 0}.static-hero-word svg{max-height:190px}.stage-side-note{display:none}.stage-interact{bottom:6px;inset-inline-end:0;font-size:9px}.brand-lab{margin-top:0;padding-bottom:32px}.brand-input{max-width:300px;padding:4px;background:transparent}.brand-input input{height:35px;font-size:12px}.brand-go{flex-basis:35px;width:35px;height:35px}.brand-status{font-size:10px}.brand-lab .tilt-chip{display:none}
.gallery-grid-section{padding:74px 0 90px;background:var(--soft);border-block:1px solid var(--line);position:relative;z-index:2}.gallery-grid-section>.wrap>.eyebrow{text-align:start;font-size:10px;letter-spacing:2px;margin-bottom:18px}.gallery-grid-section>.wrap>.section-title{text-align:start;margin-bottom:40px;font-size:clamp(38px,4.5vw,64px);letter-spacing:-.055em;line-height:1.02}.section-title em{font-family:Georgia,serif;font-weight:400;font-style:italic;color:var(--orange)}.filters{justify-content:flex-start;gap:8px;margin-bottom:28px}.filter-pill{font-size:11px;min-height:38px;padding:8px 18px;border:1px solid var(--line);background:transparent}.filter-pill[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.games-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}.game-card{border-radius:0;background:transparent;box-shadow:none!important}.game-card:hover{transform:none}.game-card-visual{height:350px;border-radius:14px;padding:0;isolation:isolate;transition:transform .4s}.game-card-visual:hover{transform:translateY(-6px)}.real-game-poster{opacity:1}.game-object{position:absolute;width:88%;height:78%;object-fit:contain;left:6%;top:10%;z-index:1;transition:transform .5s}.game-card-visual:hover .game-object{transform:rotate(-5deg) scale(1.05)}.real-game-label{top:14px;left:14px;border:1px solid #fff3;background:#151a17ba;backdrop-filter:blur(8px);font-size:9px;letter-spacing:.5px;padding:6px 11px}.poster-real .poster-play{left:auto;right:14px;bottom:14px;width:42px;height:42px;min-height:42px;background:#f5f0e8;color:#131713;box-shadow:0 4px 15px #0003}.game-card-info{padding:17px 0 0;align-items:flex-start}.game-card-info h2{font-size:17px;font-weight:600;line-height:1.2;letter-spacing:-.5px;text-transform:none}.game-card-info p{font-size:10px;margin-top:7px;color:var(--muted)}.game-card-info .button{min-width:40px;min-height:32px;padding:6px 12px;font-size:10px;background:transparent!important;color:var(--ink)!important;border:1px solid var(--line)}.gallery-cta{margin-top:60px;padding-top:48px}.gallery-cta h2{font-size:42px;letter-spacing:-2px}.gallery-cta p{font-size:15px}.gallery-grid-section>.wrap>.fine-print{text-align:start;font-size:10px}.gallery-cta .fine-print{text-align:center}
.brands-section{padding:44px 0;min-height:auto}.statement{min-height:580px}.statement-two{min-height:660px}.statement h2{letter-spacing:-.06em}.statement-one h2{font-size:clamp(52px,8vw,110px)}.statement-three h2 em{font-family:Georgia,serif;font-weight:400;font-style:italic}.how-section .steps{border-top:1px solid var(--line);padding-top:35px}.step-number{font-family:Georgia,serif;font-weight:400;font-style:italic}.play-one .prompt-play{margin-top:25px;font-size:12px}.prompt-story .sample-label{margin-top:20px}.phone .real-game-label{top:38px}.phone .game-object{top:16%}.phone .poster-play{bottom:24px;right:24px}.play-one .phone{border-radius:24px;border-width:4px;width:280px;height:520px}.play-one .phone-poster{border-radius:20px}.play-one .phone-camera,.play-one .phone:after{display:none}.game-dialog{background:#0d110e!important;color:#fff!important}.game-toolbar{background:#151a16;border-color:#ffffff20}.game-toolbar .button-dark{background:#f5efe5!important;color:#141813!important}.game-stage{background:radial-gradient(ellipse at top,#293323,#101310)}.game-stage iframe{border-radius:14px;box-shadow:0 20px 65px #0008}.game-toolbar .icon-button{border-color:#fff4;color:#fff}.game-toolbar .wordmark{color:white}.prompt-tabs button{font-size:12px}.join-title em{font-family:Georgia,serif;font-weight:400;font-style:italic}
@media(min-width:1500px){.hero-editorial{min-height:560px}.hero-exhibit{height:530px}.hero h1{font-size:104px}.game-card-visual{height:420px}}
@media(max-width:1050px){.hero-editorial{width:calc(100% - 56px);gap:18px;min-height:420px}.hero h1{font-size:64px}.hero-exhibit{height:390px}.hero-actions{gap:12px}.hero-actions .button{padding:12px 15px;font-size:11px}.hero-explore{font-size:10px}.exhibit-heading{font-size:30px}.exhibit-label{font-size:7px;letter-spacing:.6px}.exhibit-play{font-size:9px;gap:6px;left:12px;right:12px}.game-card-visual{height:290px}}
@media(max-width:767px){.nav.wrap{width:calc(100% - 28px);padding-inline-start:35px}.nav .wordmark{font-size:20px}.wordmark-period svg{width:16px;height:16px}.nav .fa-chat,.nav .motion-toggle{display:none}.hero{padding-top:29px}.hero-editorial{grid-template-columns:1fr;gap:17px;width:calc(100% - 40px);min-height:0}.hero .eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:18px}.hero h1{font-size:clamp(49px,13.8vw,88px);line-height:.93;letter-spacing:-.06em}.hero h1>span{display:inline}.hero h1>span:after{content:' '}.hero h1>span:last-child{display:block}.hero .hero-sub{font-size:13px;max-width:330px;margin:17px 0}.hero-actions{flex-direction:row;max-width:none;margin:0;gap:17px}.hero-actions .button{width:auto;min-height:44px;padding:12px 18px;font-size:11px}.hero-explore{font-size:10px}.hero .fine-print{font-size:9px;margin:12px 0 0}.hero-exhibit{height:355px;width:95%;max-width:420px;margin:0 auto}.exhibit-front{width:60%;left:20%;height:92%}.exhibit-back{left:0;width:41%;height:77%;top:13%}.exhibit-side{right:0;width:40%;height:76%;top:13%}.exhibit-heading{font-size:28px;top:49px;left:16px}.exhibit-label{font-size:6px;letter-spacing:.7px;top:20px;left:15px}.exhibit-play{font-size:9px;left:10px;right:10px;bottom:14px;min-height:36px}.exhibit-play b{display:none}.exhibit-caption{font-size:6px;letter-spacing:1px;bottom:-5px}.studio-strip{width:calc(100% - 40px);margin-top:24px;padding:15px 0;font-size:7px;gap:14px;line-height:1.7}.studio-strip>span{max-width:48%}.studio-strip b{margin-inline-start:5px}.hero-stage{width:calc(100% - 32px);height:150px}.stage-interact{font-size:8px;bottom:0}.brand-lab{padding-bottom:24px}.brand-input{max-width:260px}.brand-status{font-size:9px}.gallery-grid-section{padding:48px 0}.gallery-grid-section .wrap{width:calc(100% - 40px)}.gallery-grid-section>.wrap>.eyebrow{font-size:8px;margin-bottom:16px}.gallery-grid-section>.wrap>.section-title{font-size:37px;margin-bottom:27px}.filters{gap:6px;flex-wrap:wrap;margin-bottom:22px}.filter-pill{font-size:9px;padding:7px 11px;min-height:33px}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px;max-width:none}.game-card-visual{height:240px;border-radius:10px}.game-card:first-child{grid-column:1/-1}.game-card:first-child .game-card-visual{height:350px}.game-card:first-child .real-game-poster{object-position:50% 63%}.game-card-info{padding:12px 0 0;gap:4px}.game-card-info h2{font-size:13px;letter-spacing:-.3px}.game-card-info p{font-size:9px;margin-top:5px}.game-card-info .button{display:none}.real-game-label{font-size:7px;padding:5px 7px;left:9px;top:10px}.poster-real .poster-play{width:32px;height:32px;min-height:32px;right:9px;bottom:9px}.gallery-cta h2{font-size:34px}.gallery-cta p{font-size:14px}.statement{min-height:500px}.statement-two{min-height:580px}.statement .wrap h2{font-size:clamp(42px,11vw,70px)}.brand-lab .brand-input input{font-size:12px}.game-toolbar{padding-inline:15px}.game-toolbar .wordmark{display:none}.game-toolbar #game-dialog-title{font-size:11px}.game-stage{padding:8px}.game-stage iframe{max-width:430px}}
@media(prefers-reduced-motion:reduce){.exhibit-card,.exhibit-card>img,.game-object{transition:none;will-change:auto}}
[dir=rtl] .hero h1{font-family:var(--font);font-size:clamp(52px,6vw,88px);line-height:1.2;letter-spacing:0}[dir=rtl] .hero h1 em{font-family:var(--font);font-style:normal;letter-spacing:0}[dir=rtl] .hero-exhibit{direction:ltr}
@keyframes studio-arrive{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:studio-arrive .8s both}.exhibit-front{animation:studio-arrive 1s .12s both}.exhibit-back{animation:studio-arrive 1.1s .25s both}.exhibit-side{animation:studio-arrive 1.1s .38s both}}
.game-source-link{font-size:10px;margin-inline-start:auto;color:#c3c6bc;white-space:nowrap}.game-toolbar #make-similar{margin-inline-start:12px}@media(max-width:767px){.game-source-link{font-size:8px}.game-toolbar{gap:8px}.game-toolbar #make-similar{margin-inline-start:0;padding:8px 10px;font-size:9px}.game-toolbar #game-dialog-title{max-width:95px;white-space:normal;line-height:1.3}}
.game-object[src$="pull-pizza.webp"]{height:auto;aspect-ratio:1;top:14%;clip-path:circle(43% at 50% 50%);filter:drop-shadow(0 16px 18px #0009)}
@media(max-width:767px){.game-toolbar>#game-dialog-title{display:block;max-width:100px;font-size:10px;margin-inline-end:auto}.game-source-link{margin-inline-start:0}.game-stage{height:calc(100% - 72px)}}
.exhibit-card:focus-visible{z-index:5;outline:3px solid var(--orange);outline-offset:5px}

/* Keep the original message; show the real games in motion. */
.hero-editorial{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero-copy{min-width:0}
.hero h1{font-size:clamp(42px,4.25vw,64px);line-height:1.04;letter-spacing:-.045em}
.hero h1>span:first-child{font-size:.94em}.hero h1 em{font-family:var(--font);font-style:normal;font-weight:800;letter-spacing:inherit}.hero h1 small{font-size:clamp(20px,2vw,28px);font-weight:600;letter-spacing:-.025em;margin-top:16px;line-height:1.25}
.exhibit-game{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;pointer-events:none;opacity:0;transition:opacity .45s}
.exhibit-card[data-demo-ready=true] .exhibit-game{opacity:1}.exhibit-card[data-demo-ready=true]>img{opacity:0}
.exhibit-front:after{background:linear-gradient(transparent 75%,#0006)}.exhibit-front>img{filter:none}.exhibit-front .exhibit-play{opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}.exhibit-front:hover .exhibit-play,.exhibit-front:focus-visible .exhibit-play{opacity:1;transform:none}
.exhibit-back>.exhibit-game,.exhibit-side>.exhibit-game{z-index:0}.exhibit-card>.exhibit-game-name{z-index:1}.exhibit-game-name{pointer-events:none}
.exhibit-caption{display:flex;align-items:center;justify-content:center;gap:7px;bottom:-8px;letter-spacing:1px;text-transform:uppercase}.exhibit-caption button{font-size:9px;letter-spacing:0;text-transform:none;text-decoration:underline;text-underline-offset:3px;padding:8px;margin-inline-start:8px;min-height:32px}
.exhibit-live-dot{width:5px;height:5px;border-radius:50%;background:#91a87a}.hero-exhibit[data-playing=false] .exhibit-live-dot{background:var(--muted)}
@media(max-width:767px){.hero-editorial{grid-template-columns:minmax(0,1fr)}.hero h1{font-size:clamp(37px,10.5vw,52px);line-height:1.07}.hero h1>span{display:block}.hero h1>span:first-child{font-size:.93em}.hero h1>span:last-child{display:block}.hero h1 small{font-size:21px;margin-top:12px}.hero-exhibit{margin-bottom:12px}.exhibit-caption{font-size:7px;letter-spacing:.5px}.exhibit-caption button{font-size:8px}.exhibit-front .exhibit-play{opacity:1;transform:none;min-height:29px;bottom:8px;left:10px;right:10px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.exhibit-game{transition:none}}

/* September refinement: predictable navigation, branded games, room to breathe. */
:root{--header:72px}
html{scroll-padding-top:92px}body{overflow-x:clip;padding-bottom:120px}
.site-header,.nav{height:72px}
.nav.wrap{width:100%;max-width:none;padding:0 24px 0 76px;gap:24px}
.nav .wordmark{flex:none;font-size:24px;white-space:nowrap;display:inline-flex;align-items:center;gap:3px}
.desktop-nav{gap:22px;margin-inline:auto}.desktop-nav>a{min-height:44px;display:flex;align-items:center;white-space:nowrap}
.nav-actions{gap:8px;flex:none}.nav-actions>button{min-width:40px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.nav-actions .fa-chat,.nav-actions .fa-signin{padding:0 8px;font-size:12px}
.nav .nav-join{font-size:12px;min-height:42px}.nav .motion-toggle{display:none}.nav .menu-toggle{display:none}
.nav a:hover,.nav-actions>button:hover{color:var(--orange-text)}
.mobile-menu{position:fixed;inset:12px;margin:0;width:calc(100% - 24px);max-width:none;max-height:calc(100dvh - 24px);height:auto;padding:24px;border:1px solid var(--line);border-radius:24px;background:var(--paper);color:var(--ink);box-shadow:0 20px 90px #0003}
.mobile-menu::backdrop{background:#10151066;backdrop-filter:blur(12px)}
.mobile-menu-top{display:flex;align-items:center;justify-content:space-between;margin:0 0 24px}.mobile-menu nav{display:flex;flex-direction:column;gap:0}.mobile-menu nav>a,.mobile-menu nav>button{display:flex;align-items:center;text-align:start;padding:14px 4px;min-height:48px;font-size:18px;border-bottom:1px solid var(--line)}.mobile-menu nav>.button{justify-content:center;margin-top:22px;font-size:14px;border:0;padding:14px}
.hero-editorial{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:40px;min-height:480px}
.hero-exhibit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:12px;height:430px;padding-bottom:36px}
.hero-exhibit .exhibit-card{position:relative;inset:auto!important;width:100%;height:330px;border-radius:17px;overflow:hidden;transform:none;box-shadow:0 16px 35px #0002;border:1px solid #ffffff30}
.hero-exhibit .exhibit-front{height:382px;transform:translateY(-10px)}
.hero-exhibit .exhibit-back{transform:rotate(-3deg)}.hero-exhibit .exhibit-side{transform:rotate(3deg)}
.hero-exhibit .exhibit-card:hover{z-index:5;transform:translateY(-12px);box-shadow:0 22px 40px #0003}
.hero-exhibit .exhibit-game{top:49px;height:calc(100% - 49px)}
.hero-exhibit .exhibit-card>img{top:49px;height:calc(100% - 49px);object-fit:cover}
.game-business{position:absolute;inset:0 0 auto;display:flex;align-items:center;gap:8px;height:49px;padding:8px 10px;background:#faf8f1;color:#171b17;z-index:4;text-align:start;border-bottom:1px solid #0001;pointer-events:none}
.game-business>img{position:static!important;inset:auto!important;width:30px!important;height:30px!important;object-fit:contain!important;border-radius:7px;background:#111;flex:none;opacity:1!important;filter:none!important}
.game-business>span{display:grid;gap:2px;min-width:0}.game-business strong{font-size:10px;line-height:1.2;font-weight:600;white-space:nowrap}.game-business small{font-size:8px;line-height:1.2;color:#6a7067}
.hero-exhibit .exhibit-caption{bottom:0;left:0;right:0;min-height:36px;font-size:8px}.hero-exhibit .exhibit-game-name{display:none}
.hero-exhibit .exhibit-front:after{pointer-events:none}.hero-exhibit .exhibit-play{font-size:10px;left:8px;right:8px;min-height:32px}
.gallery-grid-section{overflow:hidden}.gallery-motion-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 18px;font-size:11px;color:var(--muted)}.gallery-motion-controls button{border:1px solid var(--line);border-radius:99px;min-height:40px;padding:8px 16px;color:var(--ink);font-size:11px}
#games-grid.game-river{display:flex;flex-direction:column;gap:26px;width:100vw;max-width:none;margin-inline:calc((100% - 100vw)/2);direction:ltr}
.game-lane{width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:6px 0 14px;touch-action:pan-x pan-y;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}.game-lane::-webkit-scrollbar{display:none}.game-lane-track{display:flex;width:max-content}.game-lane-set{display:flex;gap:20px;padding-right:20px}
.game-river .game-card{flex:0 0 290px;width:290px;min-width:0;background:var(--soft);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .25s,box-shadow .25s}.game-river .game-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0002}
.game-river .game-card-visual,.game-river .game-card:first-child .game-card-visual{width:100%;height:300px;border-radius:0;padding:0;display:block}.game-river .real-game-poster{top:49px;height:calc(100% - 49px)}.game-river .game-object{top:24%;height:65%}.game-river .real-game-label{display:none}.game-river .game-card-info{padding:17px 16px;align-items:center;gap:10px}.game-river .game-card-info h2{font-size:16px;letter-spacing:-.3px;line-height:1.2}.game-river .game-card-info p{font-size:10px;margin-top:6px}.game-river .game-card-info .button{display:inline-flex;padding:6px 13px;min-width:0;min-height:36px;font-size:10px}.game-river .game-business strong{font-size:12px}.game-river .game-business small{font-size:9px}
.site-footer{padding-bottom:310px}
@media(max-width:1150px){.desktop-nav{display:none}.nav .menu-toggle{display:inline-flex}.nav-actions{margin-inline-start:auto}.hero-editorial{gap:28px}.hero h1{font-size:clamp(36px,4.1vw,54px)}.hero-exhibit{gap:9px}.hero-exhibit .exhibit-card{height:300px}.hero-exhibit .exhibit-front{height:345px}.game-business{gap:5px;padding:8px 6px}.game-business>img{width:24px!important;height:24px!important}.game-business strong{font-size:9px}}
@media(max-width:767px){
 :root{--header:64px}html{scroll-padding-top:82px}.site-header,.nav{height:64px}.nav.wrap{padding:0 12px 0 62px;gap:8px}.nav .wordmark{font-size:21px;letter-spacing:-1px}.nav .wordmark-period svg{width:16px;height:16px}.nav-actions{gap:3px}.nav .nav-actions>.language-toggle,.nav .nav-actions>.fa-chat,.nav .nav-actions>.fa-signin,.nav .nav-actions>.nav-join{display:none}.nav .nav-actions>.theme-toggle,.nav .nav-actions>.menu-toggle{display:inline-flex;min-width:40px;min-height:44px}.nav .menu-toggle{flex-direction:column;gap:6px;padding:10px}.menu-toggle span{width:20px}
 .hero-editorial{grid-template-columns:minmax(0,1fr);width:calc(100% - 40px);gap:28px}.hero h1{font-size:clamp(34px,9.7vw,52px)}.hero h1>span:first-child{font-size:.96em}.hero .hero-sub{font-size:14px;line-height:1.65}.hero .eyebrow{font-size:9px;letter-spacing:1px;line-height:1.5}.hero .fine-print{font-size:11px}.hero-actions{flex-wrap:wrap;gap:14px}.hero-actions .button{min-height:46px;font-size:12px}.hero-explore{font-size:11px}
 .hero-exhibit{width:100%;height:320px;gap:7px;max-width:470px;margin:0 auto 10px;padding-bottom:36px}.hero-exhibit .exhibit-card{height:238px;border-radius:12px}.hero-exhibit .exhibit-front{height:275px;transform:translateY(-5px)}.hero-exhibit .exhibit-game{top:45px;height:calc(100% - 45px)}.hero-exhibit .exhibit-card>img{top:45px;height:calc(100% - 45px)}.hero-exhibit .game-business{height:45px;padding:6px 5px;gap:4px}.hero-exhibit .game-business>img{width:20px!important;height:24px!important}.hero-exhibit .game-business strong{white-space:normal;font-size:8px;line-height:1.12}.hero-exhibit .game-business small{font-size:7px}.hero-exhibit .exhibit-caption{font-size:8px}.hero-exhibit .exhibit-caption button{font-size:10px;min-height:40px}.hero-exhibit .exhibit-play{font-size:9px;min-height:28px;left:5px;right:5px}
 .game-river .game-card{width:235px;flex-basis:235px}.game-river .game-card-visual,.game-river .game-card:first-child .game-card-visual{height:255px}.game-lane-set{gap:14px;padding-right:14px}.game-river .game-card-info h2{font-size:14px}.gallery-motion-controls{font-size:10px;gap:8px}.gallery-motion-controls button{font-size:10px}.gallery-grid-section .filters{gap:7px}.filter-pill{min-height:42px;font-size:11px;padding:9px 12px}.gallery-grid-section>.wrap>.section-title{font-size:39px}.site-footer{padding-bottom:340px}
 .game-toolbar{padding:10px 12px;height:auto;min-height:72px;flex-wrap:wrap}.game-toolbar .game-source-link{font-size:10px}.game-toolbar>#game-dialog-title{font-size:11px;max-width:125px}.game-stage{height:calc(100dvh - 88px)}
}
@media(max-width:360px){.nav .wordmark{font-size:18px}.nav.wrap{padding-inline-start:55px;padding-inline-end:8px}.nav-actions{gap:0}.nav .nav-actions>button{min-width:36px}.hero-actions{gap:10px}.hero-explore{font-size:10px}}
[dir=rtl] .nav.wrap{padding:0 24px 0 76px}[dir=rtl] .hero-exhibit{direction:ltr}
@media(max-width:767px){[dir=rtl] .nav.wrap{padding:0 12px 0 62px}}
@media(prefers-reduced-motion:reduce){.hero-exhibit .exhibit-card,.game-river .game-card{transition:none}.game-lane-set[aria-hidden=true]{display:none}}
.hero-exhibit .exhibit-card>.game-business{inset:0 0 auto;height:49px;border-radius:0;border:0;border-bottom:1px solid #0001;background:#faf8f1;color:#171b17;padding:8px 10px;letter-spacing:0;text-align:start}
@media(max-width:767px){.hero-exhibit .exhibit-card>.game-business{height:45px;padding:6px 5px}}
.embedded-page #join .inline-form{display:none}.embedded-create{margin-top:30px}.join-title{font-size:clamp(45px,6vw,82px);line-height:1.08}.join-section{padding-block:90px 240px}
@media(max-width:767px){.join-title{font-size:48px}.join-section{padding-block:70px 180px}}
.nav .menu-toggle{flex-direction:column;gap:6px;justify-content:center;padding:10px}.nav .menu-toggle span{display:block;flex:none;width:20px;height:2px;min-height:2px;background:currentColor}
.mobile-menu{inset-block-end:auto;height:fit-content;overflow:auto}.mobile-menu nav{margin:0;padding:0;align-items:stretch;height:auto}.mobile-menu nav>a,.mobile-menu nav>button{width:100%;font-weight:500}.mobile-menu nav>[hidden]{display:none!important}

/* A quiet control bar, with the same warm materials as the playable studio. */
.site-header,.mobile-menu{--control-surface:#eeece6;--control-raised:#fffefa;--control-ink:#292822;--control-muted:#858279;--control-line:#26231b12;--control-accent:#b84a23;--control-tint:#f8e7dc}
html[data-theme=dark] .site-header,.site-header.on-dark,html[data-theme=dark] .mobile-menu{--control-surface:#ffffff09;--control-raised:#302e28;--control-ink:#f6f1e8;--control-muted:#aaa49a;--control-line:#ffffff14;--control-accent:#ffb28a;--control-tint:#ef8e5220}
.nav-actions{gap:12px}.header-preferences{display:flex;align-items:center;gap:5px;padding:4px;height:44px;border:1px solid var(--control-line);border-radius:99px;background:var(--control-surface);color:var(--control-ink)}
.theme-switch{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-around;flex:none;width:68px;height:34px;padding:0;border:0;border-radius:99px;color:var(--control-muted);direction:ltr;cursor:pointer;-webkit-tap-highlight-color:transparent}
.theme-switch::before{content:"";position:absolute;z-index:-1;inset:2px auto 2px 2px;width:30px;border-radius:50%;background:var(--control-raised);box-shadow:0 1px 4px #00000012,0 0 0 1px var(--control-line);transition:transform .32s cubic-bezier(.22,1,.36,1)}
.theme-switch[aria-checked=true]::before{transform:translateX(34px)}.theme-switch>span{width:32px;height:32px;display:grid;place-items:center;transition:color .2s,transform .3s}.theme-switch svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.theme-switch[aria-checked=false] .theme-sun{color:var(--control-accent)}.theme-switch[aria-checked=true] .theme-moon{color:var(--control-ink)}.theme-switch:hover .theme-sun{transform:rotate(35deg)}.theme-switch:hover .theme-moon{transform:rotate(-12deg)}
.header-language{position:relative;flex:none;border-inline-start:1px solid var(--control-line);padding-inline-start:4px}.header-language summary{display:flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:0 9px;font-size:11px;font-weight:650;letter-spacing:.02em;border-radius:99px;cursor:pointer;list-style:none;transition:background .2s}.header-language summary::-webkit-details-marker{display:none}.header-language summary:hover,.header-language[open] summary{background:var(--control-raised)}.header-language svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.header-language .language-chevron{width:12px;height:12px;color:var(--control-muted);transition:transform .2s}.header-language[open] .language-chevron{transform:rotate(180deg)}
.language-options{position:absolute;inset-block-start:calc(100% + 16px);inset-inline-end:-5px;z-index:10;width:208px;padding:9px;border:1px solid var(--control-line);border-radius:19px;background:var(--control-raised);box-shadow:0 14px 45px #00000018,0 3px 8px #00000008;color:var(--control-ink);animation:header-reveal .18s ease-out;transform-origin:top right}.language-options>p{padding:8px 10px 9px;margin:0;color:var(--control-muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:600}.language-options>button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:44px;padding:10px 12px;border-radius:11px;font-size:13px;text-align:start;color:var(--control-ink);transition:background .15s}.language-options>button:hover{background:var(--control-surface)}.language-options>button[aria-pressed=true]{background:var(--control-tint);color:var(--control-accent)}.language-options>button svg{opacity:0;width:17px;height:17px}.language-options>button[aria-pressed=true] svg{opacity:1}
.nav-actions>.header-chat,.mobile-menu nav>.header-chat{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 15px;min-height:44px;border:1px solid color-mix(in srgb,var(--control-accent) 17%,transparent);border-radius:99px;background:var(--control-tint);color:var(--control-accent);font-size:12px;font-weight:650;white-space:nowrap;transition:background .2s,box-shadow .2s,transform .2s}.header-chat svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.header-chat .chat-arrow{width:13px;height:13px;opacity:.7;transition:transform .2s}.header-chat:hover .chat-arrow{transform:translate(2px,-2px)}.nav-actions>.header-chat:hover{color:var(--control-accent);box-shadow:0 4px 12px #b84a2310;transform:translateY(-1px)}
.nav-actions>.fa-signin{color:var(--control-ink);font-size:11px;padding:0 5px}.nav-actions>.fa-signin[hidden]{display:none}.nav .nav-join{min-height:44px;padding-inline:20px}.nav .menu-toggle{border:1px solid var(--control-line);border-radius:50%;color:var(--control-ink);background:var(--control-surface);width:44px;height:44px}
.theme-switch:focus-visible,.header-language summary:focus-visible,.language-options button:focus-visible,.header-chat:focus-visible{outline:2px solid var(--control-accent);outline-offset:4px}.mobile-menu nav>.mobile-chat{justify-content:flex-start;margin-top:18px;min-height:52px;padding:0 18px;border-radius:15px;font-size:15px}.mobile-chat .chat-arrow{margin-inline-start:auto}.mobile-preferences{display:flex;align-items:center;justify-content:space-between;padding:18px 4px 0;color:var(--control-muted);font-size:13px}.mobile-preferences .theme-switch{background:var(--control-surface)}
@keyframes header-reveal{from{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:767px){.nav-actions{gap:8px}.header-preferences{height:40px;padding:3px;gap:1px}.header-preferences .theme-switch{width:32px;height:32px}.header-preferences .theme-switch::before{width:28px;inset:2px;transform:none}.header-preferences .theme-switch>span{position:absolute;inset:0}.header-preferences .theme-switch[aria-checked=false] .theme-moon,.header-preferences .theme-switch[aria-checked=true] .theme-sun{display:none}.header-language{padding-inline-start:2px}.header-language summary{min-height:32px;padding-inline:6px;gap:4px}.header-language .language-globe{display:none}.header-language .language-chevron{width:10px}.nav .nav-actions>.header-chat{display:none}.nav .nav-actions>.menu-toggle{width:40px;height:40px;min-width:40px;min-height:40px}.language-options{inset-inline-end:-45px;width:192px}.mobile-menu .theme-switch{width:68px;height:34px}.nav.wrap{gap:8px}.nav .wordmark{font-size:21px}}
@media(max-width:360px){.nav-actions{gap:5px}.nav .wordmark{font-size:18px}.nav .nav-actions>.menu-toggle{width:36px;min-width:36px}.nav .menu-toggle span{width:16px}}
@media(prefers-reduced-motion:reduce){.theme-switch::before,.theme-switch>span,.header-language summary,.header-language .language-chevron,.header-chat,.header-chat .chat-arrow{transition:none}.language-options{animation:none}}

.gallery-motion-controls[hidden]{display:none}

/* A playable case study: a real game on one side, the business behind it on the other. */
#game-dialog{width:min(1120px,calc(100vw - 48px));height:min(850px,calc(100dvh - 48px));max-width:none;max-height:none;margin:auto;padding:0;border:1px solid var(--line);border-radius:26px;background:var(--paper)!important;color:var(--ink)!important;overflow:hidden;box-shadow:0 40px 140px #0006}
#game-dialog::backdrop{background:#111510a8;backdrop-filter:blur(16px)}
#game-dialog .game-toolbar{height:64px;min-height:64px;padding:0 24px;display:flex;flex-wrap:nowrap;gap:16px;background:var(--paper);border-bottom:1px solid var(--line);color:var(--ink)}
.game-viewer-label{font-size:16px!important;font-weight:800;letter-spacing:-.5px}.game-viewer-label>span{font-size:9px;letter-spacing:2px;margin-inline-start:8px;font-weight:500;color:var(--muted)}
#game-dialog .game-toolbar .sample-label{font-size:10px;color:var(--muted);margin-inline-start:auto}
#game-dialog .game-toolbar .icon-button{position:static;display:grid;place-items:center;width:36px;height:36px;min-height:36px;border-radius:50%;background:var(--ink);color:var(--paper);border:0;margin-inline-start:auto;flex:none}
#game-dialog .game-toolbar .sample-label+.icon-button{margin-inline-start:0}
.game-experience{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);height:calc(100% - 64px);min-height:0}
.game-play-area{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;padding:24px;background:radial-gradient(ellipse at 50% 30%,#474332,#161b16 80%);overflow:hidden}
#game-dialog .game-stage{background:none;display:flex;justify-content:center;align-items:center;padding:0;height:auto;aspect-ratio:9/16;width:auto;max-width:100%;flex:1;min-height:0}
#game-dialog .game-stage iframe{height:100%;width:auto;aspect-ratio:9/16;max-width:100%;border:0;border-radius:16px;box-shadow:0 18px 45px #0006;background:#101510}
.game-play-hint{font-size:10px;color:#d2d0c4;text-align:center;padding-top:15px;flex:none;margin:0}
.game-story{padding:30px 34px;overflow-y:auto;overscroll-behavior:contain;min-width:0;text-align:start}
.game-merchant{display:flex;align-items:center;gap:12px;margin-bottom:30px}.game-merchant img{width:46px;height:46px;object-fit:contain;border:1px solid var(--line);border-radius:12px;background:#171a15}.game-merchant>div{display:grid;gap:4px}.game-merchant strong{font-size:14px}.game-merchant span{font-size:11px;color:var(--muted)}
.game-story-kicker{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:var(--orange-text);margin-bottom:12px}
#game-dialog-title{font-size:clamp(25px,3vw,38px);line-height:1.08;letter-spacing:-1.3px;font-weight:700;margin:0 0 15px}
.game-description{font-size:16px;line-height:1.55;margin:0 0 12px}.game-purpose{font-size:12px;line-height:1.8;color:var(--muted);margin:0}
.game-create-guide{margin-top:26px;border-top:1px solid var(--line);padding-top:24px}.game-create-guide h3{font-size:24px;letter-spacing:-.7px;margin:0 0 20px}.game-create-guide ol{padding:0;list-style:none;display:grid;gap:16px;margin:0 0 25px}.game-create-guide li{display:flex;gap:12px;align-items:start}.game-create-guide li>span{color:var(--orange-text);font-size:11px;padding-top:2px;font-variant-numeric:tabular-nums}.game-create-guide li strong{font-size:12px;font-weight:600}.game-create-guide li p{font-size:11px;line-height:1.65;color:var(--muted);margin:4px 0 0}
#game-dialog #make-similar{width:100%;font-size:13px;min-height:48px;background:var(--ink);color:var(--paper);border-radius:12px;justify-content:center}
#game-create-note{font-size:10px;text-align:center;color:var(--muted);line-height:1.5;margin:10px 0 16px}#game-dialog .game-source-link{display:inline-block;font-size:11px;color:var(--muted);margin:0;text-underline-offset:4px;text-decoration:underline}#game-dialog .game-source-link[hidden]{display:none}
#game-dialog.is-full-game{width:min(1320px,calc(100vw - 48px))}#game-dialog.is-full-game .game-experience{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr)}#game-dialog.is-full-game .game-stage,#game-dialog.is-full-game .game-stage iframe{width:100%;aspect-ratio:auto}
@media(max-width:767px){
 #game-dialog,#game-dialog.is-full-game{width:100%;height:100dvh;max-height:100dvh;border-radius:0;border:0}
 #game-dialog .game-toolbar{height:56px;min-height:56px;padding:0 16px;position:sticky;top:0;z-index:2}.game-viewer-label{font-size:14px!important}
 .game-experience,#game-dialog.is-full-game .game-experience{display:flex;flex-direction:column;height:calc(100% - 56px);overflow-y:auto;overscroll-behavior:contain}
 .game-play-area{flex:none;padding:18px 20px 14px;height:min(660px,calc(100dvh - 112px));min-height:360px}
 #game-dialog .game-stage{height:calc(100% - 30px);flex:none}#game-dialog .game-stage iframe{border-radius:12px}
 .game-play-hint{font-size:10px;padding-top:12px}.game-story{padding:26px 24px 32px;overflow:visible;flex:none}.game-merchant{margin-bottom:24px}#game-dialog-title{font-size:32px}
 .game-create-guide{margin-top:22px}.game-create-guide li strong{font-size:13px}.game-create-guide li p{font-size:12px}
}
@media(min-width:768px) and (max-height:800px){.game-story{padding:22px 30px}.game-merchant{margin-bottom:20px}.game-create-guide{margin-top:18px;padding-top:18px}.game-create-guide h3{font-size:22px;margin-bottom:16px}.game-create-guide ol{gap:12px;margin-bottom:18px}.game-description{font-size:14px}.game-purpose{font-size:11px}.game-create-guide li p{font-size:10px}#game-dialog-title{font-size:32px}}

#game-dialog .game-load-error,#game-dialog .game-stage>p{color:#e6e2d5;text-align:center;font-size:13px;padding:20px}#game-dialog .game-load-error .button{background:#faf6ee;color:#171b16;margin-top:16px}
@media(max-width:767px){#game-dialog .game-toolbar .icon-button{margin-inline-start:auto}}
@media(max-width:767px){#game-dialog .game-toolbar .sample-label+.icon-button{margin-inline-start:auto}}

/* One outer footprint in every gallery; one uncropped 9:16 game viewport. */
.ap-shell{position:relative;display:block;width:100%;aspect-ratio:9/19.5;container-type:inline-size;flex:none;min-width:0;isolation:isolate}
.ap-device{position:absolute;inset:0;padding:5px;border:3px solid #838580;border-radius:15cqw;background:#080a08;box-shadow:inset 0 0 0 1px #c2c3b566,0 12px 28px #0002}
.ap-display{display:flex;flex-direction:column;overflow:hidden;border-radius:calc(15cqw - 8px);height:100%;background:#101610;color:#f7f7f5}
.ap-status{position:relative;flex:none;height:12cqw;display:flex;align-items:center;justify-content:space-between;padding:0 6cqw;font:600 3.8cqw/1 Arial,sans-serif;direction:ltr}
.ap-island{position:absolute;left:50%;top:2.5cqw;transform:translateX(-50%);width:27cqw;height:7.3cqw;border-radius:10cqw;background:#020302;box-shadow:0 0 0 1px #242923}
.ap-island:after{content:'';position:absolute;right:3cqw;top:2.4cqw;width:2.5cqw;height:2.5cqw;border-radius:50%;background:radial-gradient(circle at 35% 30%,#234156,#071119 65%,#000)}
.ap-signals{display:flex;gap:1cqw;align-items:center}.ap-signals svg{width:4cqw;height:4cqw}
.ap-viewport{position:relative;flex:none;width:100%;aspect-ratio:9/16;overflow:hidden;background:#111;display:grid;place-items:center;direction:ltr}
.ap-viewport>iframe{position:absolute!important;inset:0!important;width:360px!important;height:640px!important;max-width:none!important;max-height:none!important;border:0!important;border-radius:0!important;margin:0!important;transform-origin:top left;align-self:start;justify-self:start;display:block;opacity:1!important;pointer-events:auto!important}
.ap-viewport>[role=alert]{padding:15px;color:#fff;font:13px/1.5 Arial;text-align:center}.ap-viewport>[role=alert] button{color:#111;background:#fff;padding:8px 12px;border-radius:8px}
.ap-browser{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:space-evenly;gap:2cqw;padding:3cqw 6cqw 2cqw;background:#e6e7e3;color:#30372f;direction:ltr}
.ap-address{display:flex;align-items:center;justify-content:center;gap:1.5cqw;border-radius:3cqw;background:#d0d3cc;font:400 3.5cqw/1.5 Arial,sans-serif;padding:2cqw 0;white-space:nowrap}
.ap-address svg{width:4cqw;height:4cqw;flex:none}
.ap-browser-tools{display:flex;justify-content:space-between;align-items:center;padding:0 1cqw}.ap-browser-tools svg{width:4.6cqw;height:4.6cqw}.ap-home{height:1cqw;width:32cqw;background:#1a1d19;border-radius:4px;align-self:center;flex:none}
.ap-hardware{position:absolute;inset:0;pointer-events:none}.ap-hardware i{position:absolute;width:3px;background:linear-gradient(90deg,#32352e,#93978c,#3f443a);border-radius:3px;left:-2px;top:14%;height:3%}.ap-hardware i:nth-child(2){top:21%;height:6%}.ap-hardware i:nth-child(3){top:29%;height:6%}.ap-hardware i:nth-child(4){left:auto;right:-2px;top:24%;height:10%}
.ap-shell> .ap-poster{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;border-radius:15cqw!important;margin:0!important;transform:none!important;border:0!important;overflow:hidden!important;padding:0!important}
.ap-shell>.ap-poster>img.real-game-poster,.ap-shell>.ap-poster>img:not(.game-object){inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important}
.ap-shell>.ap-poster>.exhibit-game{inset:0!important;width:100%!important;height:100%!important;transform:none!important;pointer-events:none!important}
.ap-shell>.ap-poster .game-business,.ap-shell>.ap-poster .real-game-label{display:none!important}
.ap-shell.ap-active>.ap-poster{visibility:hidden;pointer-events:none}
.ap-item{min-width:0;position:relative}.ap-brand{position:static!important;inset:auto!important;border:0!important;background:transparent!important;color:var(--ink,inherit)!important;display:flex;align-items:center;gap:8px;height:49px!important;padding:5px 0 10px!important;border-radius:0!important;letter-spacing:0!important;text-align:start;overflow:hidden}
.ap-brand>img{width:30px!important;height:30px!important;object-fit:contain!important;border-radius:7px}.ap-brand>span{min-width:0;display:grid;gap:2px}.ap-brand strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ap-brand small{font-size:10px;opacity:.7}
.ap-close{position:absolute;right:8px;top:8px;z-index:8;border:1px solid #fff6;border-radius:99px;background:#171c16;color:#fff;font:500 12px/1 Arial;padding:10px;min-width:40px;min-height:40px;cursor:pointer;box-shadow:0 3px 12px #0003}
.ap-item>.ap-close{top:52px;right:4px;transform:translate(25%,-25%)}
.hero-exhibit{height:auto!important;align-items:start!important;gap:16px!important;padding-bottom:40px!important}.hero-exhibit .ap-item{width:100%}.hero-exhibit .exhibit-caption{position:absolute}.hero-exhibit .exhibit-card:hover{transform:none!important}
.game-river .game-card,.game-card{min-width:0}.game-river .game-card{width:260px!important;flex-basis:260px!important;overflow:visible!important}.game-river .game-lane{padding-top:12px;padding-bottom:20px}.game-card>.ap-brand{padding-inline:10px!important}.game-card .ap-shell{width:100%;margin:0}.game-card-visual{height:auto}.game-card .ap-close{top:50px}
.phone.ap-item{width:min(100%,290px)!important;height:auto!important;aspect-ratio:auto!important;max-height:none!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;border-radius:0!important;transform:none!important}.phone.ap-item>.phone-camera,.phone.ap-item>.teaser-toggle{display:none}.phone.ap-item .phone-poster{background:var(--soft)}
.ap-item .ap-shell{transition:filter .2s}.ap-item:has(.ap-active){z-index:5}
.pd-grid{max-width:920px;margin-inline:auto}
.games-grid:not(.game-river) .game-card:first-child{grid-column:auto}
.carousel-card.ap-item,.carousel-card.ap-item.is-current{width:220px;height:auto;aspect-ratio:9/19.5;border:0;border-radius:0;overflow:visible;background:transparent}.carousel-card.ap-item .ap-poster>strong,.carousel-card.ap-item .ap-poster>.sample-label{display:none}.carousel-card.ap-item .ap-close{top:4px}
.hero-demo{width:252px!important;height:auto!important}.hero-demo-frame{width:100%!important;height:auto!important;border:0!important;border-radius:0!important;overflow:visible!important;background:transparent!important}.hero-demo-frame>.ap-shell{width:100%}.hero-stage:has(.hero-demo:not([hidden])){min-height:640px!important}#game-stage:has(>.ap-shell){display:block;height:auto;padding:0;background:transparent}#game-stage>.ap-shell{width:min(100%,290px);margin-inline:auto}
.playable-preview>.ap-shell,.playable-room .playable-preview>.ap-shell{width:min(100%,290px);margin:0 auto}.playable-preview-toolbar .ap-format{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--p-muted,inherit)}
.pd-art{height:auto!important;aspect-ratio:9/19.5;overflow:visible!important;background:transparent!important}.pd-cover{border-radius:24px}.pd-mini-device{width:100%!important;height:100%!important;transform:none!important;border-radius:24px!important}.pd-mini-device iframe{width:360px;height:780px;transform-origin:top left}.pd-project{display:block}.pd-project-preview{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;display:block;background:transparent;color:inherit;text-align:inherit;cursor:pointer}.pd-project-info{width:100%;border:0;background:transparent;text-align:inherit;color:inherit;cursor:pointer}.pd-project:has(.ap-active):hover{transform:none}.pd-art>.ap-shell{width:100%;height:100%}.pd-art .ap-close{top:8px;right:8px}.pd-art .pd-status{z-index:3;pointer-events:none}.pd-project:has(.ap-active) .pd-status{display:none}.pd-inline-note{position:absolute;inset:0;display:grid;place-content:center;padding:20px;text-align:center;font-size:13px;background:var(--p-soft);border-radius:24px;z-index:4}.pd-inline-note button{margin-top:12px}
.playable-ready>.ap-shell{width:min(100%,300px);margin:auto}.playable-ready .ap-viewport iframe{min-height:0!important}
@media(max-width:600px){.hero-exhibit{gap:10px!important}.game-river .game-card{width:230px!important;flex-basis:230px!important}.ap-brand strong{font-size:11px}.ap-brand small{font-size:10px}.hero-exhibit .ap-brand{height:54px!important;gap:4px;flex-direction:column;justify-content:center}.hero-exhibit .ap-brand>img{width:24px!important;height:24px!important}.hero-exhibit .ap-brand small{display:none}.hero-exhibit .ap-brand strong{font-size:9px}.ap-item>.ap-close{padding:4px;min-width:32px;min-height:32px;font-size:11px}.hero-exhibit:has(.ap-active){grid-template-columns:repeat(2,minmax(0,1fr))!important}.hero-exhibit:has(.ap-active) .ap-item:has(.ap-active){grid-column:1/-1;grid-row:1;width:min(100%,280px);justify-self:center}.hero-exhibit:has(.ap-active) .ap-item:has(.ap-active) .ap-brand{flex-direction:row}}
@media(prefers-reduced-motion:reduce){.ap-item .ap-shell{transition:none}}
@media(max-width:600px){.games-grid:not(.game-river){grid-template-columns:minmax(0,1fr);max-width:300px;margin-inline:auto}}

/* Spotlight uses the existing landing actions, with the approved quiet hero. */
@font-face{font-family:PlayableManrope;src:url('/assets/marketing/fonts/manrope-latin.woff2?v=b11ce306f8') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
body[data-page=home]{--paper:#f7f5f0;--soft:#eeeae0;--ink:#262923;--muted:#71766b;--line:#dedfd5;--orange:#cd4a2a;--orange-text:#b34328}
[data-theme=dark] body[data-page=home]{--paper:#171816;--soft:#2b2d25;--ink:#f3f2e9;--muted:#aaada0;--line:#383b32;--orange:#f2815e;--orange-text:#f2815e}
body[data-page=home] .site-header{background:var(--paper)}
.hero{overflow:visible}
.hero .hero-editorial{grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:1080px;min-height:640px;gap:60px;align-items:center;padding-top:28px;padding-bottom:42px}
.hero .hero-copy{background:transparent!important;box-shadow:none!important;animation:none}
.hero .hero-copy .eyebrow{font-size:10px;letter-spacing:1.8px;line-height:1.7;color:var(--orange-text);max-width:340px;font-weight:600;margin-bottom:20px}
.hero .hero-copy h1{font-family:var(--font);font-size:clamp(48px,5.3vw,76px);font-weight:800;font-variation-settings:"wght" 800;letter-spacing:-.055em;line-height:1.02;margin:0 0 23px;max-width:540px}
.hero .hero-copy h1>span:first-child{font-size:1em}.hero .hero-copy h1 em{font:inherit;color:var(--orange)}
.hero .hero-copy h1 small{font-size:19px;font-weight:500;font-variation-settings:normal;letter-spacing:-.03em;margin-top:20px}
.hero .hero-copy .hero-sub{font-size:15px;line-height:1.8;max-width:345px;color:var(--muted);margin:0 0 26px}
.hero .hero-actions{gap:20px}.hero .hero-actions .button{font-family:PlayableManrope,var(--font);background:var(--orange);color:#fff;border:0;border-radius:11px;font-size:13px;font-weight:650;min-height:48px;padding:14px 20px;box-shadow:none}
[data-theme=dark] .hero .hero-actions .button{color:#21140c}
.hero .hero-explore{font-size:12px;font-weight:450;color:var(--muted)}.hero .hero-copy .fine-print{font-size:11px;line-height:1.6;color:var(--muted);margin-top:16px}
.spotlight-stage{min-width:0;position:relative;isolation:isolate;padding:10px 0 32px;direction:ltr;overflow:visible}
/* A separate, fully transparent-edged glow; never crop it to the phone stage. */
.spotlight-stage:before{content:'';position:absolute;inset:12% -18% -10%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse closest-side at 50% 57%,#cdbb953e 0%,#cdbb951c 45%,#cdbb9500 100%)}
[data-theme=dark] .spotlight-stage:before{background:radial-gradient(ellipse closest-side at 50% 57%,#b7864140 0%,#b786411c 45%,#b7864100 100%)}
#spotlight-deck{position:relative;width:100%;max-width:440px;height:510px;margin:auto;isolation:isolate;touch-action:pan-y}
.sp-phone{position:absolute;top:14px;left:50%;width:min(223px,56%);padding:0;background:none;text-align:left;transform-origin:50% 60%;will-change:transform;backface-visibility:hidden}
.sp-phone .ap-device{position:relative;inset:auto;padding:4px;border:0;border-radius:33px;background:linear-gradient(115deg,#bbc0bc,#626762 17%,#242925 38%,#757b74 70%,#3b413c);box-shadow:inset 0 0 0 1px #c7ccc16e,0 20px 34px #0004}
.sp-phone .ap-display{height:auto;aspect-ratio:1179/2556;display:grid;grid-template-rows:minmax(0,1fr) auto minmax(0,1.35fr);position:relative;border-radius:29px;container-type:inline-size;background:#101110;box-shadow:0 0 0 1.5px #090a09}
.sp-phone .ap-status{height:auto;min-height:0;padding:0 8.8%;font:600 4.3cqw/1 -apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;letter-spacing:-.15px;color:#f7f8f5;background:#101110;position:static}
.sp-phone .ap-status>span:first-child{padding-left:3%;font-variant-numeric:tabular-nums}
.sp-phone .ap-island{top:1.95%;width:30%;height:3.7%;background:#020302;box-shadow:inset 0 0 0 .5px #24292480}
.sp-phone .ap-island:after{right:9%;top:28%;width:11%;height:auto;aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#193342,#080e16 50%,#020405 80%);box-shadow:0 0 0 1px #111713}
.sp-phone .ap-signals{gap:1.5cqw}.sp-phone .ap-signals svg{width:4.5cqw;height:4.5cqw;stroke-width:2.4}.sp-phone .ap-signals svg:last-child{width:6.8cqw;height:6.8cqw;stroke-width:1.9}
.sp-phone .ap-viewport{aspect-ratio:9/16;width:100%;display:block;min-width:0;background:#0c0e0c}
.sp-poster{width:100%;height:100%;object-fit:cover;display:block}.sp-phone:first-child .sp-poster{object-fit:contain;background:#0a0b08}
.sp-phone .ap-viewport>iframe{visibility:hidden;pointer-events:none!important}.sp-loaded .ap-viewport>iframe{visibility:visible}
.sp-play{position:absolute;inset:0;z-index:2;display:flex;align-items:flex-end;justify-content:center;padding:0 12px 20px;color:white;background:linear-gradient(transparent 75%,#0007);font-size:12px;font-weight:600;text-shadow:0 1px 6px #0009}
.sp-phone[data-current=false] .sp-play{color:transparent;text-shadow:none;background:transparent}
.sp-playing .sp-phone[data-current=true] .ap-viewport>iframe{pointer-events:auto!important}
.sp-error{position:absolute;z-index:3;inset:38% 10px auto;background:#151815ed;color:#fff;padding:12px;border-radius:10px;font-size:12px;text-align:center;pointer-events:none}
.sp-phone .ap-browser{justify-content:center;min-height:0;gap:0;padding:2.3cqw 4.5cqw 6.2cqw;background:linear-gradient(#222522,#151715);color:#eff1ec}
.sp-brand{display:flex;align-items:center;gap:3cqw;min-width:0;width:100%;padding:2.1cqw 3.5cqw;border-radius:5cqw;background:linear-gradient(135deg,#353a35,#272c27);box-shadow:inset 0 .5px 0 #ffffff17,0 1px 3px #0002;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif}
.sp-brand img{width:10.5cqw;height:10.5cqw;flex:none;object-fit:contain;border-radius:50%;background:#fff}.sp-brand>span{display:flex;flex-direction:column;gap:1.1cqw;min-width:0;line-height:1.1}
.sp-brand strong{font-size:4.7cqw;font-weight:600;letter-spacing:-.15px;color:#f5f6f0;white-space:nowrap}.sp-brand small{font-size:3.6cqw;color:#b7bfb5;white-space:nowrap}
.sp-phone .ap-home{position:absolute;bottom:1.05%;height:1.3cqw;width:33%;left:33.5%;background:#f5f5f2;border-radius:10px}
.sp-controls{display:flex;align-items:center;justify-content:center;gap:6px;margin:14px auto 0;direction:ltr;position:relative}
.sp-controls button{display:grid;place-items:center;min-height:40px;min-width:40px;padding:0;border:0;border-radius:50%;color:var(--ink);background:transparent;font-size:22px;line-height:1}
.sp-controls button:hover{background:var(--soft)}.sp-controls button:disabled{opacity:.4;cursor:default}.sp-dots{display:flex;align-items:center}
.sp-controls .sp-dots button{width:26px;min-width:26px;font-size:0}.sp-dots button:after{content:'';width:5px;height:5px;border-radius:5px;background:var(--muted);transition:width .25s,background .25s}.sp-dots button[aria-pressed=true]:after{width:18px;background:var(--orange)}
[data-sp-pause]:after{content:'';width:9px;height:12px;border-left:2px solid currentColor;border-right:2px solid currentColor}[data-sp-pause][data-paused=true]:after{width:0;height:0;border:6px solid transparent;border-right:0;border-left:9px solid currentColor}
.sp-controls [data-sp-stop]{font-size:12px;padding:9px 14px;width:auto;border-radius:20px;background:var(--soft)}
.sp-hint{text-align:center;font-size:11px;line-height:1.6;color:var(--muted);margin-top:8px;min-height:18px}
.sp-playing .sp-phone[data-current=true]{z-index:120!important}
[dir=rtl] .hero .hero-copy h1{font-family:var(--font);font-size:clamp(40px,4.5vw,62px);letter-spacing:0;line-height:1.2}
@media(max-width:1050px){.hero .hero-editorial{gap:30px;width:calc(100% - 56px)}.hero .hero-copy h1{font-size:52px}.hero .hero-actions{flex-wrap:wrap;gap:15px}}
@media(max-width:700px){.hero .hero-editorial{grid-template-columns:minmax(0,1fr);width:calc(100% - 40px);padding-top:25px;padding-bottom:16px;gap:24px;min-height:0}.hero .hero-copy h1{font-size:clamp(40px,11vw,54px)}.hero .hero-copy .hero-sub{font-size:14px;max-width:380px}.hero .hero-copy h1 small{font-size:17px}.hero .hero-copy .eyebrow{font-size:10px}.spotlight-stage{padding-bottom:24px;max-width:390px;width:100%;margin:auto}#spotlight-deck{max-width:345px;height:420px}.sp-phone{width:min(175px,56%)}.sp-phone .ap-device{border-radius:26px}.sp-phone .ap-display{border-radius:22px}.sp-controls button{min-height:44px;min-width:44px}.sp-controls .sp-dots button{min-width:30px;width:30px}.sp-hint{font-size:11px}.spotlight-stage:before{inset:0 -5% -6%}}
@media(prefers-reduced-motion:reduce){.sp-phone{will-change:auto}.sp-dots button:after{transition:none}}

html[data-theme=dark] .hero .hero-copy .eyebrow{color:var(--orange-text)}
/* The inherited footer used a fixed light-theme gray on dark backgrounds. */
html[data-theme=dark] .footer-links a,html[data-theme=dark] .footer-links button{color:var(--muted)}
html[data-theme=dark] .footer-links a:hover,html[data-theme=dark] .footer-links button:hover{color:var(--orange-text)}
/* Keep carousel controls above the floating creator on shorter laptops. */
@media(min-width:701px) and (max-height:850px){
 .hero{padding-top:14px}
 .hero .hero-editorial{min-height:0;padding-top:0;padding-bottom:24px}
 .sp-phone{width:min(200px,56%)}
}

/* Let the single particle field travel across the gallery's background.
   Cards and copy remain above it, with the canvas never intercepting input. */
#real-games{z-index:auto}
#real-games>.wrap{position:relative;z-index:2}
.statement .wrap:before{background:radial-gradient(ellipse,#0b0b0dc4 20%,#0b0b0d55 55%,transparent 76%)}
/* Header controls keep readable contrast while crossing dark story sections. */
html:not([data-theme=dark]) .site-header.on-dark{--control-surface:#eeece6;--control-raised:#fffefa;--control-ink:#292822;--control-muted:#858279;--control-line:#26231b12;--control-accent:#b84a23;--control-tint:#f8e7dc}
html:not([data-theme=dark]) .site-header.on-dark .nav-join{background:var(--ink);color:var(--paper);border-color:var(--ink)}


/* Fiero Ads: the footer word is longer than the template's, so it is drawn smaller. */
.site-footer .footer-bigmark{font-size:clamp(56px,14vw,200px)}

/* Legal pages (/privacy, /terms, /data-deletion): one readable column. */
.legal{padding-block:72px 120px}
.legal .legal-wrap{max-width:760px}
.legal .eyebrow{text-align:start;margin:0}
.legal h1{font-size:clamp(38px,5vw,60px);line-height:1.05;font-weight:900;letter-spacing:-.04em;margin-block:8px 12px;text-wrap:balance}
.legal h2{font-size:clamp(21px,2.4vw,25px);line-height:1.25;font-weight:700;letter-spacing:-.02em;margin-block:52px 12px;scroll-margin-top:calc(var(--header) + 16px);text-wrap:balance}
.legal p,.legal li{font-size:17px;line-height:1.7;color:var(--ink)}
.legal p{margin-block:0 14px}
.legal ul,.legal ol{margin-block:0 16px;padding-inline-start:22px;display:grid;gap:8px}
.legal a{color:var(--orange-text);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.legal code{font-size:.88em;background:var(--soft);border:1px solid var(--line);padding:1px 5px;border-radius:5px;overflow-wrap:anywhere}
.legal .legal-updated{font-size:14px;color:var(--muted)}
.legal .legal-lede{font-size:clamp(18px,2vw,20px);line-height:1.6;margin-block:20px 0}
.legal-toc{border:1px solid var(--line);border-radius:14px;padding:18px 22px;margin-block:36px 8px;background:var(--soft)}
.legal-toc ol{display:block;columns:2;column-gap:36px;margin:0}
.legal-toc li{font-size:15px;line-height:1.5;margin-block-end:6px;break-inside:avoid}
@media(max-width:640px){.legal{padding-block:48px 88px}.legal-toc ol{columns:1}}
.legal-table{overflow-x:auto;margin-block:8px 18px;border:1px solid var(--line);border-radius:12px}
.legal-table table{width:100%;border-collapse:collapse;min-width:560px}
.legal-table th,.legal-table td{text-align:start;vertical-align:top;padding:10px 14px;font-size:15px;line-height:1.5;border-top:1px solid var(--line);color:var(--ink)}
.legal-table thead th{border-top:0;background:var(--soft);font-weight:600}
