/* Presentation only. Original DOM, gameplay, tracking and links are retained. */
:root{--surface:var(--panel);--soft:var(--panel);--accent-soft:var(--panel);--on-accent:var(--bg);--shadow:0 24px 64px #0002;--radius:24px;--track:var(--line)}
body{min-height:100vh;background:var(--bg)}
.site-header{position:relative;z-index:1}
.brand small,.header-link,.hero-prompt,.site-footer,.site-footer>span:first-child{color:var(--muted)}
.header-link .icon,.try-link .icon{color:var(--cyan)}
.hero-intro{position:relative}
.hero-art img{border-color:var(--line)}
.try-link{border-color:var(--cyan);color:var(--text)}
.site-footer{border-top:1px solid var(--line)}
@media(max-width:760px){
 .page-width{width:min(520px,calc(100% - 32px))}
 .hero{display:flex;gap:0;padding-top:28px}
 .hero-intro{width:100%;margin-bottom:25px}
 .hero-art{order:3;margin-top:28px;width:100%}
 .demo-column{order:2;width:100%}
 .hero-art img{height:auto;aspect-ratio:1.65;object-fit:cover}
 .site-header{min-height:78px}
 .header-link{font-size:11px;gap:6px}
}
@media(max-width:360px){.brand{font-size:15px}.header-link{font-size:10px}}


:root{font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;--line:#00000012;font-synthesis:none}
.site-header{min-height:92px;border:0}.brand{font-size:18px;font-weight:650;letter-spacing:-.6px}.brand small{font-size:7px;letter-spacing:2.5px;margin-top:6px}.brand img{width:34px;height:34px}
.header-link{font-size:12px;font-weight:500;border:1px solid var(--line);border-radius:99px;padding:11px 18px;gap:9px}.header-link .icon{width:15px}.header-link>span:last-child{margin-left:5px}
.hero-prompt{font-weight:400;letter-spacing:-.25px;line-height:1.5}.try-link{border:0;border-radius:99px;padding:14px 22px;font-size:12px;font-weight:550;gap:19px;letter-spacing:0}
.hero-art img{border:0;box-shadow:none}.site-footer{border-top:1px solid var(--line);font-size:10px;letter-spacing:.1px}
@media(max-width:760px){.site-header{min-height:79px}.brand{font-size:15px;gap:7px}.brand img{width:29px;height:29px}.brand small{font-size:6px;letter-spacing:1.9px}.header-link{font-size:10px;padding:10px 12px;gap:6px}.try-link{font-size:11px;padding:12px 19px}.hero-prompt{font-size:14px}.hero-art{transform:none}}

:root{color-scheme:dark;--bg:#060607;--text:#f5f5f7;--muted:#a1a1a6;--cyan:#76b9ff;--line:#ffffff1c}
body{background:radial-gradient(ellipse at 87% 47%,#1b293c 0,transparent 47%),#060607}.page-width{max-width:1240px}.site-header{border-bottom:1px solid var(--line)}.brand small{color:#a1a1a6}.header-link{color:#f5f5f7;background:#ffffff06}
.hero{grid-template-columns:minmax(0,1fr) 410px;gap:32px 82px;padding-top:58px;padding-bottom:60px}.hero-intro{grid-column:1;grid-row:1;padding-top:9px}.hero-intro::before{content:'INTERACTIVE DEMO · AU';display:block;color:#919197;font-size:9px;font-weight:650;letter-spacing:2.5px;margin-bottom:24px}
h1{font-size:clamp(70px,7.2vw,101px);line-height:.99;letter-spacing:-5.6px;font-weight:550;margin-bottom:25px}h1 span{color:#b9c3d1;background:linear-gradient(110deg,#fff 0,#a9b8cc 65%,#737d93);background-clip:text;-webkit-background-clip:text;color:transparent}h1 br{display:block}
.hero-prompt{font-size:17px;margin-bottom:19px}.try-link{background:#f5f5f7;color:#111114}.try-link .icon{color:#111114}
.demo-column{grid-column:2;grid-row:1/3}.hero-art{grid-column:1;grid-row:2;border-radius:22px;overflow:hidden;align-self:end;box-shadow:0 1px 0 #ffffff22}.hero-art img{border-radius:22px;filter:saturate(.72)}
.site-footer{color:#909095}.site-footer>span:first-child{color:#909095}
@media(max-width:1050px) and (min-width:761px){.hero{grid-template-columns:minmax(0,1fr) 360px;gap:28px 34px}h1{font-size:71px;letter-spacing:-4px}}
@media(max-width:760px){.hero{padding-top:31px}.hero-intro{padding:0;margin-bottom:33px}.hero-intro::before{font-size:8px;margin-bottom:20px;letter-spacing:2px}h1{font-size:62px;letter-spacing:-3.4px;margin-bottom:20px}.hero-prompt{font-size:14px}.hero-art{margin-top:35px;border-radius:17px}.hero-art img{border-radius:17px}}

/* Preserve the entire source photograph, including its embedded heading. */
.hero-art{height:auto;min-height:0}
.hero-art img{height:auto;min-height:0;aspect-ratio:auto;object-fit:contain}


/* Original bot palette and typography. Component rules remain in source style.css. */
.mini-app{color-scheme:dark;--bg:#080d14;--panel:#101923;--text:#f4f7fa;--muted:#98a6b5;--cyan:#56e3ef;--line:rgba(173,205,228,.13);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}
@media(max-width:760px){.page-width{width:min(520px,calc(100% - 36px))}}
@media(max-width:360px){.page-width{width:calc(100% - 28px)}}