@charset "UTF-8";
:root{color-scheme:dark;--bg:#08080b;--panel:#101014;--text:#efedf4;--muted:#a3a0af;--line:#28252f;--purple:#a97aff;--bright:#c9a5ff;--max:1280px;font-family:Inter,"Segoe UI",Arial,sans-serif;font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:100px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.6}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--bright);outline-offset:5px}img{display:block;max-width:100%}button{border:0}svg{fill:none;stroke:currentColor;stroke-width:1.5}::selection{background:#7242ad;color:white}.section-wrap{max-width:var(--max);padding-left:48px;padding-right:48px;margin:auto}.site-header{height:100px;max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:700;line-height:1.15;letter-spacing:1.8px}.brand small{display:block;letter-spacing:7px;font-size:9px;font-weight:500;margin-top:6px}.brand-emblem{height:46px;width:50px;overflow:hidden;background:black;position:relative}.brand-emblem img{max-width:none;width:70px;position:absolute;left:-10px;top:-4px}.site-header nav{display:flex;gap:35px;color:#b8b5c1;font-size:13px}.site-header nav a:hover{color:#fff}.private-badge{border:1px solid #393142;border-radius:20px;padding:5px 12px;display:flex;align-items:center;gap:7px;color:#c7b7de;font-size:11px;white-space:nowrap}.private-badge svg{width:12px;height:12px}.hero{position:relative;min-height:720px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:12px;padding-top:65px;padding-bottom:110px;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 70% 45%,#23133355,transparent 60%);pointer-events:none}.eyebrow{font-family:Consolas,"Courier New",monospace;letter-spacing:2.1px;font-size:10px;font-weight:500;color:#b7acc9;display:flex;align-items:center;gap:9px;margin:0 0 30px}.eyebrow>span{height:5px;width:5px;background:#a976ff;box-shadow:0 0 10px #a976ff}h1,h2,h3,h4,p{margin-top:0}h1{font-weight:600;font-size:clamp(50px,6.7vw,88px);line-height:1.02;letter-spacing:-4.8px;margin-bottom:27px}em{font-style:normal}h1 em{background:linear-gradient(105deg,#eee7fa 0%,#b794e9 50%,#9558ed 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-description{font-size:15px;color:var(--muted);line-height:1.8;margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:23px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:14px 21px;font-weight:600;font-size:12px;line-height:1.5;border:1px solid transparent;border-radius:4px;transition:background .2s,transform .2s}.primary{background:linear-gradient(110deg,#9760e1,#7947c4);color:#fff;border-color:#ad83e04d;box-shadow:inset 0 1px 0 #d8b8ff30}.primary:hover{background:linear-gradient(110deg,#b080f0,#8c58d6);transform:translateY(-1px)}.text-button{display:flex;align-items:center;gap:8px;background:transparent;padding:10px 0;color:#c1bbcc;font-size:12px;white-space:nowrap}.text-button:hover{color:white}.play-icon{width:26px;height:26px;border:1px solid #50425e;border-radius:50%;display:grid;place-items:center;font-size:8px;padding-left:2px}.hero-art{position:relative;background:transparent;aspect-ratio:1;width:100%;isolation:auto;box-shadow:0 0 65px 55px #08080b inset;border-radius:50%}.hero-logo{position:relative;z-index:1;width:100%;mix-blend-mode:screen;border-radius:50%;mask-image:radial-gradient(ellipse,#000 58%,transparent 76%)}.orbit{position:absolute;border:1px solid #8e59cb40;border-radius:50%;inset:30px -14px;transform:rotate(-28deg) scaleY(.72);z-index:2;pointer-events:none}.orbit-two{inset:0 30px;transform:rotate(35deg) scaleY(.9);border-color:#857b921f}.orbit-one:before{content:"";position:absolute;height:5px;width:5px;background:#cdb1ff;box-shadow:0 0 20px 4px #9759ff;border-radius:50%;top:13%;left:17%}.crosshair{position:absolute;color:#805baa;font:18px Consolas,monospace;z-index:3}.crosshair-a{top:10%;right:16%}.crosshair-b{bottom:18%;left:3%}.art-caption{position:absolute;bottom:1%;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:12px;color:#91889f;font:9px Consolas,monospace;letter-spacing:2px;z-index:3}.tiny-line{display:inline-block;width:25px;height:1px;background:#9e6fe2}.hero-foot{position:absolute;bottom:30px;left:48px;right:48px;display:flex;justify-content:space-between;align-items:center;font:9px Consolas,monospace;letter-spacing:1.6px;color:#716c7f}.hero-foot a{color:#b5abbf;display:flex;gap:20px}.hero-foot a span{color:#cda9ff;font-size:18px}.games{padding-top:80px;padding-bottom:105px;border-top:1px solid var(--line)}.section-heading{margin-bottom:40px}.section-heading .eyebrow{margin-bottom:16px}h2{font-size:40px;letter-spacing:-1.4px;line-height:1.2;font-weight:500;margin-bottom:14px}.section-heading>p:last-child{color:var(--muted);font-size:14px;margin-bottom:0}.game-showcase{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid #38303e;border-radius:8px;overflow:hidden;background:linear-gradient(120deg,#17111f,#111015)}.game-art{position:relative;min-width:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#10081e}.game-art>img{width:100%;height:100%;max-height:620px;object-fit:cover;position:relative}.game-art-caption{position:absolute;bottom:20px;left:0;right:0;text-align:center;font:9px Consolas,monospace;letter-spacing:2px;color:#bcaecf}.game-detail{padding:42px 42px 30px}.game-meta{display:flex;align-items:center;gap:12px;margin-bottom:24px}.game-meta img{width:44px;height:44px;border-radius:10px}.game-meta>span{font:9px Consolas,monospace;letter-spacing:1.5px;color:#b5acbe}.game-meta b{font-weight:400;display:flex;align-items:center;gap:7px;margin-top:8px;color:#bfa6df}.game-meta i{width:4px;height:4px;background:#b28adb;border-radius:50%}h3{font-size:44px;font-weight:600;letter-spacing:-1.8px;line-height:1.1;margin-bottom:22px}h3 span{font-weight:400;color:#c7b4e4}.game-lead{font-size:17px;color:#ddd5e8;margin-bottom:12px}.game-detail>p:not(.game-lead){font-size:13px;line-height:1.85;color:#a8a0b2;margin-bottom:24px}.game-tabs{display:flex;border-bottom:1px solid #38313f;gap:27px}.game-tabs button{background:none;padding:8px 0 12px;font-size:11px;color:#8f879a;border-bottom:2px solid transparent}.game-tabs button[aria-selected=true]{color:#c9a4fb;border-bottom-color:#b986ff}.feature-copy{display:flex;gap:16px;padding:18px 0 20px;min-height:122px}.feature-symbol{color:#b991e9;font-size:13px;white-space:nowrap;padding-top:5px}.feature-copy h4{font-size:12px;margin:0 0 5px;font-weight:500}.feature-copy p{font-size:11px;color:#9d93aa;line-height:1.7;margin:0}.silver{background:#ddd6e8;color:#21172d}.silver:hover{background:white}.game-actions{display:flex;align-items:center;gap:18px}.game-actions>span{font-size:10px;color:#8c8397}.experience{padding-top:10px;padding-bottom:110px}.experience-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.experience-heading h2{margin-bottom:0}.experience-heading>p{font-size:12px!important;line-height:1.8}.demo-shell{border:1px solid #38303f;border-radius:8px;background:#101014;overflow:hidden;box-shadow:0 30px 100px #0004}.demo-toolbar{height:59px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 24px;border-bottom:1px solid #29242f}.demo-toolbar>span{display:flex;align-items:center;gap:8px;font:9px Consolas,monospace;letter-spacing:1.6px;color:#b9acc9}.status-dot{width:5px;height:5px;background:#b083ea;border-radius:50%;box-shadow:0 0 8px #9858e9}.view-toggle{display:flex;padding:3px;background:#1a171f;border:1px solid #2f2838;border-radius:4px;gap:3px}.view-toggle button{padding:4px 14px;font-size:10px;color:#a89ab7;background:transparent;border-radius:2px}.view-toggle button[aria-pressed=true]{background:#3b2b4d;color:#e4d7f6}.fullscreen-button{width:27px;height:27px;padding:4px;background:none;color:#bcb0cb}.fullscreen-button svg{width:100%;height:100%}.stage-surround{display:flex;justify-content:center;align-items:center;padding:26px;background:radial-gradient(ellipse,#1d1428 0%,#0c0b0f 72%);min-height:450px}.startup-stage{width:100%;aspect-ratio:16/8;max-height:530px;background:#000;position:relative;overflow:hidden;border:1px solid #27202f;isolation:isolate;transition:width .35s,aspect-ratio .35s;border-radius:4px}.startup-stage[data-view=iphone]{width:245px;aspect-ratio:9/16;max-height:none;border-radius:22px;border:5px solid #342c40;box-shadow:0 0 0 1px #6b5b7d,0 20px 50px #0006}.stage-grid{position:absolute;inset:0;background-image:radial-gradient(#a980df18 .5px,transparent .5px);background-size:25px 25px;mask-image:linear-gradient(transparent,#000);opacity:.7;pointer-events:none}.stage-company,.stage-game{position:absolute;display:grid;place-items:center;inset:0 0 19%;transition:opacity .5s,transform .7s;z-index:1;pointer-events:none}.stage-company img{height:100%;width:100%;object-fit:contain;max-height:360px}.stage-game{opacity:0;transform:scale(.94);inset:0;background:#10071f}.stage-game img{width:100%;height:100%;object-fit:contain;max-height:100%;min-height:0}.startup-stage[data-stage=game] .stage-company{opacity:0;transform:scale(1.03)}.startup-stage[data-stage=game] .stage-game{opacity:1;transform:none}.loading-group{position:absolute;bottom:8%;left:13%;right:13%;z-index:2;transition:opacity .4s}.startup-stage[data-stage=game] .loading-group{opacity:0;pointer-events:none}.loading-heading{display:flex;justify-content:space-between;font:8px Consolas,monospace;letter-spacing:1.5px;margin-bottom:9px;color:#a795bf}.loading-bar{height:30px;background:linear-gradient(#17121e,#241a30,#0e0b12);border:1px solid #766184;border-radius:3px;position:relative;overflow:hidden;box-shadow:0 0 0 3px #1e1726,inset 0 2px 5px #000a,0 0 22px #7d31b718}.loading-fill{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(#d7a9ff 0%,#9350d0 15%,#ae65ed 45%,#6a2da7 50%,#9a50d4 90%,#e3b9ff 100%);box-shadow:2px 0 10px #c180ff;transition:width .08s linear}.loading-percent{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:600 12px Consolas,monospace;color:white;text-shadow:0 1px 3px black}.loading-group>p{font:7px Consolas,monospace;letter-spacing:2px;color:#6d5d7d;text-align:center;margin:14px 0 0}.stage-play{position:absolute;z-index:4;left:50%;top:44%;transform:translate(-50%,-50%);background:#16101fd6;border:1px solid #a274c7aa;width:56px;height:56px;border-radius:50%;color:#e7ceff;display:grid;place-items:center;font-size:14px;box-shadow:0 0 35px #a458ea44;backdrop-filter:blur(5px)}.stage-play span{padding-left:3px}.stage-play[hidden]{display:none}.demo-watermark{position:absolute;bottom:12px;right:14px;color:#6d5d7d;font:7px Consolas,monospace;letter-spacing:1px;z-index:4}.startup-stage[data-view=iphone] .stage-company{inset:14% 0 24%}.startup-stage[data-view=iphone] .loading-group{left:10%;right:10%;bottom:15%}.startup-stage[data-view=iphone] .loading-heading{font-size:6px;letter-spacing:.6px}.startup-stage[data-view=iphone] .loading-bar{height:26px}.startup-stage[data-view=iphone] .stage-play{top:45%;width:45px;height:45px}.startup-stage[data-view=iphone] .stage-game img{object-fit:contain}.startup-stage[data-view=iphone] .demo-watermark{font-size:5px}.demo-controls{padding:22px 24px 18px;border-top:1px solid #2b2532}.playback-row{display:flex;align-items:center;gap:12px}.compact{padding:10px 14px;font-size:11px;gap:9px;min-width:136px}.compact>span{font-size:9px}.icon-button{background:#211a2b;border:1px solid #3a2e48;border-radius:4px;font-size:22px;line-height:1;width:38px;height:38px;color:#bd9ce4}.scrubber-wrap{display:flex;align-items:center;gap:13px;flex:1;margin:0 8px;min-width:0}input[type=range]{accent-color:#b583ef;cursor:pointer;width:100%;min-width:30px;height:18px}.scrubber-wrap>span{white-space:nowrap;font:9px Consolas,monospace;color:#8c7c9d;min-width:69px}.speed-control{display:flex;align-items:center;gap:8px;font-size:10px;color:#b4a6c2;white-space:nowrap}.speed-control select{border:1px solid #3b2f46;background:#201a29;border-radius:4px;color:#d4c2e9;padding:7px;font-size:11px}.sequence-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.sequence-steps button{text-align:left;background:#17121e;border:1px solid #322939;border-radius:4px;padding:13px;display:grid;grid-template-columns:24px 1fr;column-gap:10px;transition:background .2s}.sequence-steps button>span{grid-row:1/3;font:10px Consolas,monospace;color:#8a719e;padding-top:2px}.sequence-steps b{font-size:11px;font-weight:500;color:#a99ab6}.sequence-steps small{font:9px Consolas,monospace;color:#6d5b7e;margin-top:5px}.sequence-steps .active{border-color:#9264bc;background:#281c35}.sequence-steps .active b,.sequence-steps .active>span{color:#d7b1ff}.demo-note{display:flex;justify-content:space-between;gap:16px;font-size:9px;color:#7f718e;margin-top:16px}.live-status{color:#a99ab9}.stage-surround:fullscreen{width:100%;height:100%;background:#000;padding:24px}.stage-surround:fullscreen .startup-stage{max-height:90vh;max-width:150vh}.stage-surround:fullscreen .startup-stage[data-view=iphone]{width:min(48vh,90vw);max-width:100%}.studio{border-top:1px solid var(--line);padding-top:75px;padding-bottom:85px;display:grid;grid-template-columns:1.15fr 1fr;gap:70px}.studio h2{font-size:32px;line-height:1.4;letter-spacing:-1px}.studio h2 em{color:#a895bf}.studio-copy{font-size:13px;color:#a69eaf;line-height:1.9;padding-top:40px}.studio-copy p{margin-bottom:16px}.studio-signoff{display:flex;align-items:center;gap:12px;font:9px Consolas,monospace;letter-spacing:2px;color:#a38bbf;margin-top:27px}.site-footer{border-top:1px solid var(--line);padding-top:28px;padding-bottom:32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{font-size:12px;font-weight:600;letter-spacing:1.5px}.footer-brand span{color:#8d7e9e;font-size:9px;letter-spacing:3px;margin-left:5px}.site-footer p{font-size:10px;color:#655d70;margin:0}.site-footer>a:last-child{font:8px Consolas,monospace;letter-spacing:1.3px;color:#a495b5}.site-footer>a:last-child span{margin-left:15px;color:#bb92f1}.skip-link{position:fixed;left:16px;top:-70px;background:white;color:black;padding:10px;z-index:100}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1440px){.hero{min-height:760px}}@media(max-width:1050px){.section-wrap{padding-left:32px;padding-right:32px}.site-header{padding:0 32px;height:85px}.site-header nav{gap:22px}.hero{min-height:620px;padding-top:50px}.hero-foot{left:32px;right:32px}h1{font-size:66px;letter-spacing:-3.7px}.hero-actions{gap:16px;flex-wrap:wrap}.game-detail{padding:30px 28px}.game-art>img{object-fit:contain}.game-actions{flex-wrap:wrap;gap:10px}.experience-heading>p{max-width:270px}.studio{gap:35px}.stage-surround{min-height:390px}.game-showcase{grid-template-columns:.95fr 1.05fr}}
@media(max-width:760px){.site-header{height:78px;padding:0 22px}.brand{font-size:12px;gap:7px;letter-spacing:1.1px}.brand small{font-size:7px;letter-spacing:5px}.brand-emblem{width:37px;height:37px}.brand-emblem img{width:55px;left:-9px;top:-3px}.site-header nav{display:none}.private-badge{font-size:9px;padding:4px 8px}.private-badge svg{width:10px;height:10px}.section-wrap{padding-left:24px;padding-right:24px}.hero{display:grid;grid-template-columns:1fr;padding-top:48px;padding-bottom:80px;gap:15px;min-height:0}.hero:before{inset:0}.hero .eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:24px}h1{font-size:clamp(48px,10.3vw,74px);letter-spacing:-3.3px}.hero-description{font-size:13px;margin-bottom:24px}.hero-actions{gap:18px}.button{font-size:11px;padding:12px 17px;gap:16px}.text-button{font-size:11px}.hero-art{max-width:390px;justify-self:center;width:90%;margin-top:-8px}.art-caption{font-size:7px;letter-spacing:1.5px}.hero-foot{left:24px;right:24px;bottom:22px;font-size:7px;letter-spacing:1px}.hero-foot>span{max-width:155px}.hero-foot a{font-size:7px;gap:8px}.games{padding-top:56px;padding-bottom:65px}.eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:20px}h2{font-size:30px;letter-spacing:-1px}.section-heading{margin-bottom:26px}.section-heading>p:last-child{font-size:12px}.game-showcase{grid-template-columns:1fr}.game-art{height:420px}.game-art>img{width:100%;height:100%;object-fit:contain}.game-art-caption{font-size:7px;bottom:12px}.game-detail{padding:30px 26px}.game-meta{margin-bottom:24px}h3{font-size:39px}.game-lead{font-size:15px}.game-detail>p:not(.game-lead){font-size:12px}.game-tabs{gap:25px}.feature-copy{min-height:114px}.feature-copy p{font-size:11px}.game-actions{gap:15px}.experience{padding-top:0;padding-bottom:65px}.experience-heading{display:block}.experience-heading h2{margin-bottom:16px}.experience-heading>p{font-size:11px!important;max-width:none}.demo-toolbar{padding:0 12px;gap:8px;height:52px}.demo-toolbar>span{font-size:7px;letter-spacing:.7px;gap:5px}.view-toggle button{padding:4px 9px;font-size:9px}.fullscreen-button{width:24px}.stage-surround{padding:13px;min-height:0}.startup-stage{aspect-ratio:4/3}.startup-stage[data-view=iphone]{width:230px;aspect-ratio:9/16}.stage-company{inset:0 0 22%}.stage-company img{max-height:260px}.loading-group{left:9%;right:9%;bottom:10%}.loading-heading{font-size:6px;letter-spacing:.6px}.loading-bar{height:25px}.loading-group>p{font-size:5px;letter-spacing:1.2px;margin-top:10px}.loading-percent{font-size:10px}.demo-watermark{font-size:5px;bottom:7px;right:8px}.stage-play{width:42px;height:42px;font-size:11px;top:39%}.demo-controls{padding:16px 13px 14px}.playback-row{gap:8px;flex-wrap:wrap}.compact{font-size:10px;min-width:125px;padding:9px 11px}.icon-button{height:35px;width:35px}.speed-control{margin-left:auto;font-size:9px}.speed-control select{font-size:10px;padding:6px}.scrubber-wrap{order:4;flex-basis:100%;margin:5px 0 0}.sequence-steps{margin-top:16px;gap:6px}.sequence-steps button{padding:10px 7px;display:block}.sequence-steps button>span{display:block;font-size:8px;padding:0;margin-bottom:6px}.sequence-steps b{display:block;font-size:9px;line-height:1.4}.sequence-steps small{display:block;font-size:8px}.demo-note{font-size:8px;line-height:1.5;margin-top:13px;gap:13px}.demo-note>span{flex:1}.demo-note>span:last-child{text-align:right}.studio{padding-top:50px;padding-bottom:55px;grid-template-columns:1fr;gap:14px}.studio h2{font-size:27px}.studio-copy{padding-top:0;font-size:12px}.site-footer{padding-top:25px;padding-bottom:25px;flex-wrap:wrap;gap:12px}.footer-brand{font-size:10px}.footer-brand span{font-size:7px}.site-footer p{order:3;width:100%;font-size:9px}.site-footer>a:last-child{font-size:7px}.desktop-br{display:none}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Retain only the monogram in compact brand lockups. */
.brand-emblem img{clip-path:inset(0 0 36% 0)}

.stage-company img{position:absolute;inset:0;max-height:none!important;min-height:0}
@media(max-width:760px){.startup-stage[data-view=ipad] .stage-company{inset:0 0 38%}.view-toggle button{min-height:30px}.fullscreen-button{width:30px;height:30px}.icon-button{width:40px;height:40px}}
/* Startup reference: current Gem Trail colorful intro, isolated to the demo. */
.colorful-intro{container-type:size;background:#0b0317}
.colorful-intro .stage-grid{display:none}
.colorful-intro .stage-company,.colorful-intro[data-view=iphone] .stage-company,.colorful-intro[data-view=ipad] .stage-company{inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,4cqh,48px);padding:12px;transition:opacity .4s ease;transform:none}
.colorful-intro .stage-company img{position:static;inset:auto;width:min(88cqw,55cqh,580px);height:auto;max-width:100%;max-height:none;mix-blend-mode:lighten;flex-shrink:0}
.colorful-intro .loading-group,.colorful-intro[data-view=iphone] .loading-group{position:relative;inset:auto;width:min(78cqw,46cqh,460px);flex-shrink:0}
.colorful-intro .loading-heading,.colorful-intro .loading-group>p{display:none}
.colorful-intro .loading-bar,.colorful-intro[data-view=iphone] .loading-bar{height:clamp(24px,7cqh,62px);border:0;border-radius:0;background:#fff9ff;clip-path:polygon(2% 0,97% 0,100% 26%,97.5% 100%,3% 100%,0 74%);filter:drop-shadow(2px 5px 0 #3b1459);box-shadow:none;overflow:hidden}
.colorful-intro .loading-track{position:absolute;inset:clamp(3px,.7cqh,5px);background:#10071e;clip-path:polygon(2% 0,97% 0,100% 26%,97.5% 100%,3% 100%,0 74%);overflow:hidden}
.colorful-intro .loading-fill{inset:0 auto 0 0;height:100%;background:linear-gradient(90deg,#ff146e,#ff3045 25%,#ff7700 50%,#ffcf00 75%,#fff8a6);background-size:min(calc(78cqw - 10px),calc(46cqh - 10px),450px) 100%;box-shadow:inset 0 9px 0 #ffffff55;transition:width .08s linear}
.colorful-intro .loading-percent{font:800 clamp(14px,3.5cqh,32px)/1 "Segoe UI",sans-serif;color:#fff;text-shadow:2px 0 #170b25,-2px 0 #170b25,0 2px #170b25,0 -2px #170b25}
.colorful-intro .stage-game{background:#0b0317;transform:none;transition:opacity .4s ease}
.colorful-intro .stage-game img,.colorful-intro[data-view=iphone] .stage-game img{object-fit:contain}
.colorful-intro .stage-play{top:50%;width:44px;height:44px}

@media(prefers-reduced-motion:reduce){.colorful-intro .stage-company,.colorful-intro .stage-game,.colorful-intro .loading-fill{transition:none!important}}

/* Use the approved colorful company identity throughout the site. */
.brand-emblem{width:56px;height:56px;background:transparent;overflow:visible;flex-shrink:0}
.brand-emblem img{position:static;width:100%;height:100%;max-width:100%;object-fit:contain;clip-path:none}
.hero-logo{mix-blend-mode:lighten;border-radius:0;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 95%,transparent);mask-composite:intersect}
@media(max-width:760px){.brand-emblem{width:42px;height:42px}.site-header{gap:12px}}

/* Device preview choices match the iOS game: iPhone and iPad. */
.startup-stage[data-view=ipad]{width:min(340px,100%);aspect-ratio:3/4;max-height:none;border-radius:22px;border:5px solid #342c40;box-shadow:0 0 0 1px #6b5b7d,0 20px 50px #0006}
.stage-surround:fullscreen .startup-stage[data-view=ipad]{width:min(65vh,90vw);max-width:100%;max-height:90vh}
.feedback-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;padding-top:80px;padding-bottom:100px;align-items:start}.feedback-intro{padding-top:18px}.feedback-intro h1{font-size:66px;letter-spacing:-3px;line-height:1.05}.feedback-intro>p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.85}.feedback-guide{border-top:1px solid #33293e;margin-top:42px;padding-top:28px}.feedback-guide>span,.feedback-card-heading>span{font:9px Consolas,monospace;letter-spacing:1.7px;color:#ac8cd2}.feedback-guide h2{font-size:20px;letter-spacing:-.5px;line-height:1.4;margin:14px 0}.feedback-guide p{font-size:12px;color:#998ba8;line-height:1.9;margin-bottom:13px}.feedback-guide .studio-signoff{font-size:7px;letter-spacing:1.2px;line-height:1.8}.feedback-card{padding:35px;border:1px solid #3d2d4e;border-radius:8px;background:linear-gradient(145deg,#1c1325,#101014 80%);box-shadow:0 25px 70px #0004}.feedback-card-heading{margin-bottom:28px}.feedback-card-heading h2{font-size:34px;margin:9px 0}.feedback-card-heading p{font-size:12px;color:#a595b5;margin:0}.feedback-fields-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.feedback-field{margin-bottom:21px;min-width:0}.feedback-field label{display:block;font-size:11px;color:#e0d7eb;margin-bottom:8px}.feedback-field label span{color:#8c7a9e;font-size:10px;margin-left:3px}.feedback-field input,.feedback-field select,.feedback-field textarea{width:100%;border:1px solid #45364f;border-radius:4px;background:#0d0b11;color:#ece5f5;font:12px/1.6 Inter,"Segoe UI",Arial,sans-serif;padding:12px;min-height:45px;outline-offset:3px}.feedback-field input::placeholder,.feedback-field textarea::placeholder{color:#80718e}.feedback-field textarea{resize:vertical;min-height:165px}.feedback-field input:focus,.feedback-field select:focus,.feedback-field textarea:focus{border-color:#b989f6}.message-length{display:flex;justify-content:space-between;gap:10px;color:#8c7a9e;font-size:9px;margin-top:5px}.feedback-honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.feedback-submit{width:100%;font-size:12px;min-height:47px}.feedback-submit:disabled{opacity:.6;cursor:wait;transform:none}.feedback-privacy{font-size:9px;color:#8d7b9d;line-height:1.8;margin:15px 0 0}.feedback-privacy a{text-decoration:underline;text-underline-offset:3px}.feedback-error{border:1px solid #ad576b55;background:#9e35481a;padding:12px;color:#edbbc5;font-size:11px;border-radius:4px;line-height:1.7}.feedback-success{text-align:center;padding:50px 5px}.feedback-success>span{display:grid;place-items:center;margin:0 auto 24px;width:65px;height:65px;border:1px solid #9c73c5;border-radius:50%;background:#5d347f44;color:#ceb1ed;font-size:30px}.feedback-success h3{font-size:30px;letter-spacing:-1px}.feedback-success p{font-size:13px;color:#ae9ebd;line-height:1.8}.feedback-success>button{margin-top:15px}.feedback-success>a{display:block;margin-top:25px;color:#a88ac8;font-size:11px}.back-studio{font-size:12px;color:#b4a3c8}.feedback-card [hidden]{display:none!important}
@media(max-width:1050px){.feedback-layout{gap:40px}.feedback-card{padding:28px}.feedback-intro h1{font-size:56px}.feedback-fields-row{grid-template-columns:1fr;gap:0}}
@media(max-width:760px){.feedback-layout{grid-template-columns:1fr;gap:30px;padding-top:42px;padding-bottom:55px}.feedback-intro{padding-top:0}.feedback-intro h1{font-size:48px}.feedback-intro h1 br{display:none}.feedback-intro h1 br:after{content:' '}.feedback-intro>p:not(.eyebrow){font-size:13px}.feedback-guide{display:none}.feedback-card{padding:25px 20px}.feedback-fields-row{grid-template-columns:1fr}.feedback-card-heading h2{font-size:30px}.feedback-field input,.feedback-field select,.feedback-field textarea{font-size:16px}.feedback-header .brand>span:last-child{display:none}.back-studio{font-size:11px}.feedback-privacy{font-size:9px}}
@media(max-width:760px){.feedback-intro h1 br{display:initial}}