:root{color-scheme:dark;--bg:#07090d;--panel:#0d1119;--panel-2:#111824;--line:#253044;--text:#f4f7fb;--muted:#98a5b7;--cyan:#39c6ff;--violet:#a65cff;--orange:#ff623d}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% -10%,#17243a 0,transparent 32rem),var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif}
button,a{font:inherit}
.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 clamp(18px,4vw,64px);border-bottom:1px solid #1b2432;background:rgba(7,9,13,.92);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none}.brand img{border-radius:12px;box-shadow:0 8px 24px #0008}.brand span{display:grid;line-height:1}.brand strong{letter-spacing:.13em;font-size:.95rem}.brand small{color:var(--muted);margin-top:7px}
.download-header,.primary-download{color:#fff;text-decoration:none;background:linear-gradient(135deg,#6847e8,#9948e6);border:1px solid #c983ff;box-shadow:0 10px 28px #7c43de33}.download-header{border-radius:10px;padding:11px 18px;font-weight:700}.download-header:hover{filter:brightness(1.12)}
.tabs{display:flex;gap:9px;padding:18px clamp(14px,3vw,48px);overflow-x:auto;position:sticky;top:78px;z-index:15;background:rgba(7,9,13,.95);border-bottom:1px solid #182130;scrollbar-width:thin}
.tab{white-space:nowrap;border:1px solid #8648ae;background:#0d1118;color:#dfe5ee;border-radius:8px;padding:10px 16px;cursor:pointer;font-weight:650;transition:.18s ease}.tab:hover{border-color:#c369ef;background:#171324}.tab.active{border-color:var(--orange);background:#241512;box-shadow:inset 0 0 0 1px #ff623d44;color:#fff}
main{width:min(1500px,calc(100% - 28px));margin:0 auto;padding:34px 0 70px}.panel{display:none}.panel.active{display:block;animation:show .22s ease}@keyframes show{from{opacity:.35;transform:translateY(5px)}}
.home-card{min-height:520px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#111825,#090c12 65%);overflow:hidden;box-shadow:0 30px 80px #0007}.home-copy{min-height:520px;padding:clamp(32px,6vw,82px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.eyebrow{color:var(--cyan);letter-spacing:.19em;font-size:.78rem;font-weight:800;margin:0 0 18px}.home-copy h1{font-size:clamp(2.8rem,7vw,6.5rem);letter-spacing:-.06em;line-height:.9;margin:0 0 28px}.home-copy>p:not(.eyebrow){font-size:1.08rem;line-height:1.75;color:#b4bfce;max-width:720px;margin:0 0 32px}
.home-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.primary-download,.buy-key{min-height:84px;display:grid;align-items:center;gap:15px;padding:14px;border-radius:14px}.primary-download{width:min(100%,370px);grid-template-columns:56px 1fr auto}.buy-key{width:min(100%,250px);grid-template-columns:1fr auto;color:#fff;text-decoration:none;background:#111a28;border:1px solid #3a4a61;box-shadow:0 10px 28px #0005}.primary-download img{border-radius:12px}.primary-download span,.buy-key span{display:grid;text-align:left}.primary-download small{color:#e1d8f2;font-size:.75rem}.buy-key small{color:#94a4ba;font-size:.75rem}.primary-download strong,.buy-key strong{font-size:1.12rem;margin-top:3px}.primary-download b,.buy-key b{font-size:1.5rem;padding:0 10px}.buy-key:hover{border-color:#667b99;background:#172235}
.guide-list{display:grid;gap:28px}.image-card{width:max-content;max-width:100%;margin:0 auto;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 18px 50px #0005}.guide-image{display:block;width:auto;max-width:100%;height:auto;margin:0 auto;background:#fff;-webkit-user-drag:none;-webkit-touch-callout:none;user-select:none}
#bot .image-card,#map-settings .image-card{width:min(100%,1450px)}
#bot .guide-image,#map-settings .guide-image{width:100%;height:auto}
footer{text-align:center;color:#657287;border-top:1px solid #182130;padding:24px}
@media(max-width:780px){
  .site-header{height:62px;padding:0 12px;gap:10px}
  .brand{gap:9px}.brand img{width:38px;height:38px;border-radius:10px}.brand strong{font-size:.82rem}.brand small{display:none}
  .download-header{padding:8px 10px;font-size:.78rem;white-space:nowrap}
  .tabs{top:62px;padding:9px 10px;gap:7px;scrollbar-width:none;scroll-snap-type:x proximity}
  .tabs::-webkit-scrollbar{display:none}
  .tab{padding:8px 11px;font-size:.86rem;scroll-snap-align:center}
  main{width:100%;padding:9px 0 42px;overflow:hidden}
  .home-card{min-height:0;margin:0 8px;border-radius:16px}
  .home-copy{min-height:0;padding:42px 20px 46px}
  .eyebrow{font-size:.68rem;margin-bottom:14px}
  .home-copy h1{font-size:clamp(2.15rem,10vw,3.2rem);line-height:1;margin-bottom:20px}
  .home-copy>p:not(.eyebrow){font-size:.94rem;line-height:1.6;margin-bottom:25px}
  .home-actions{width:100%;display:grid;gap:10px}
  .primary-download,.buy-key{width:100%;min-height:70px}
  .primary-download{grid-template-columns:48px 1fr auto}.primary-download img{width:48px;height:48px}
  .guide-list{display:block;width:100%;gap:0}
  .image-card,#bot .image-card,#map-settings .image-card{display:block;width:100%!important;max-width:100%!important;margin:0 0 12px;border-radius:0;border-left:0;border-right:0;overflow:visible}
  .guide-image,#bot .guide-image,#map-settings .guide-image{display:block;width:100%!important;max-width:100%!important;height:auto!important;margin:0 auto;object-fit:contain;object-position:center top}
  footer{padding:18px;font-size:.8rem}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}