
/* 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:light;--bg:#eceef3;--text:#24252b;--muted:#747781;--cyan:#5b51d8;--line:#5b63751c}
body{background:radial-gradient(ellipse at 12% 55%,#d8e2f9,transparent 45%),radial-gradient(ellipse at 91% 52%,#eee0ed,transparent 43%),#f5f5f7}.page-width{max-width:1320px;width:calc(100% - 64px)}.header-link{background:#ffffff80;color:#42434b;border-color:#fff;box-shadow:0 2px 9px #51556c06}
.hero{grid-template-columns:minmax(0,1fr) 410px minmax(0,.95fr);gap:38px;padding:62px 0 78px;align-items:center;position:relative}
.hero-intro{grid-column:1;grid-row:1;padding:0}.hero-intro::before{content:'Discover the demo.';display:block;font-size:13px;color:#777984;font-weight:550;margin-bottom:28px;letter-spacing:-.1px}
h1{font-size:clamp(64px,5.6vw,80px);font-weight:600;line-height:1.01;letter-spacing:-4.6px;margin-bottom:27px}h1 br{display:block}h1 span{color:#6d66b0;background:linear-gradient(130deg,#477cd3,#9366b4);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-prompt{font-size:16px;margin-bottom:22px;max-width:225px}.try-link{background:#24252b;color:#fff;font-size:11px;padding:13px 19px}.try-link .icon{color:#fff}
.demo-column{grid-column:2;grid-row:1}.hero-art{grid-column:3;grid-row:1;align-self:center;padding:7px;background:#ffffffaa;border:1px solid #fff;border-radius:24px;box-shadow:0 32px 80px #3c497329,0 2px 3px #ffffff;transform:translateY(42px)}.hero-art img{border-radius:18px}.hero-art::after{content:'Swyftx Privat Bot';display:block;padding:17px 10px 11px;font-size:11px;font-weight:550;color:#777984;letter-spacing:-.2px;text-align:center}
@media(max-width:1200px) and (min-width:761px){.hero{grid-template-columns:minmax(0,1fr) 410px;gap:30px 45px;padding-top:45px}.hero-intro{grid-column:1;grid-row:1}.demo-column{grid-column:2;grid-row:1/3}.hero-art{grid-column:1;grid-row:2;transform:none;max-width:440px}.hero-art::after{padding:13px 10px 8px}h1{font-size:80px}}
@media(max-width:1050px) and (min-width:761px){.hero{grid-template-columns:minmax(0,1fr) 360px;gap:25px 30px}h1{font-size:66px;letter-spacing:-3.5px}}
@media(max-width:760px){.hero{padding-top:29px;padding-bottom:35px}.hero-intro{padding:0 4px;text-align:center;margin-bottom:34px}.hero-intro::before{font-size:11px;margin-bottom:20px}h1{font-size:61px;letter-spacing:-3.5px;line-height:1.04;margin-bottom:20px}.hero-prompt{font-size:14px;max-width:none;margin-bottom:19px}.hero-art{transform:none;width:calc(100% - 12px);margin:38px auto 6px;padding:6px;border-radius:22px}.hero-art img{border-radius:17px}.hero-art::after{padding:14px 10px 8px;font-size:10px}}

/* 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)}}
