:root{color-scheme:dark;--ink:#071829;--ink-2:#0b1e33;--ink-3:#163050;--navy:#0a223e;--paper:#ebe7de;--muted:#a9b3bf;--gold:#b8925a;--gold-2:#d6b47e;
  --f-display:"Raleway",system-ui,sans-serif;--f-body:"Onest",system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}[hidden]{display:none!important}
html:lang(ka){--f-display:"Noto Sans Georgian","Raleway",sans-serif;--f-body:"Noto Sans Georgian","Onest",sans-serif}
body{margin:0;min-height:100dvh;background:var(--ink);color:var(--paper);font-family:var(--f-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit}:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px;border-radius:6px}
.num{font-variant-numeric:tabular-nums}
.hero{position:fixed;inset:0 0 auto 0;height:62vh;z-index:-1;background:url(/assets/img/hero.webp) center 30%/cover no-repeat}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,24,41,.55) 0%,rgba(7,24,41,.82) 55%,var(--ink) 100%)}
body.q .hero{opacity:.25}
.qtop{display:flex;align-items:center;justify-content:space-between;max-width:620px;margin:0 auto;padding:14px 16px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo img{width:36px;height:36px;display:block}
.logo span{font:600 15px/1.1 "Raleway",sans-serif;letter-spacing:.22em;text-transform:uppercase}
.logo small{display:block;font-size:10px;letter-spacing:.42em;color:var(--gold-2);margin-top:3px}
.qtop nav{display:flex;gap:4px}.qtop .lang{font-weight:600;font-size:13px;text-decoration:none;padding:7px 10px;border-radius:999px;color:var(--muted)}
.qtop .lang[aria-current]{background:rgba(255,255,255,.1);color:var(--paper)}
.qwrap{max-width:620px;margin:0 auto;padding:8px 16px 40px}
.scr{display:none;animation:in .35s ease}.scr.on{display:block}
@keyframes in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.scr{animation:none}}
.kick{display:inline-block;margin:9vh 0 14px;font:600 11px/1 var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-2);border:1px solid rgba(214,180,126,.5);padding:8px 12px;border-radius:999px;background:rgba(7,24,41,.4)}
h1 .nw{white-space:nowrap}
h1{font:500 clamp(30px,8vw,44px)/1.1 var(--f-display);margin:0 0 16px;letter-spacing:.005em}
h2{font:500 clamp(22px,5.6vw,29px)/1.2 var(--f-display);margin:0 0 18px}
.lede,.sub{color:#c9d0d8;font-size:17px;margin:0 0 20px}
.pts{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-wrap:wrap;gap:8px}
.pts li{border:1px solid var(--ink-3);background:rgba(11,30,51,.75);border-radius:999px;padding:8px 14px;font-weight:600;font-size:14px}
.pts li::before{content:"✓ ";color:var(--gold-2)}
.stats{display:flex;gap:8px;margin:0 0 22px}.stats span{flex:1;background:rgba(11,30,51,.8);border:1px solid var(--ink-3);border-radius:14px;padding:10px 8px;text-align:center;color:var(--muted);font-size:12px;letter-spacing:.04em}
.stats b{display:block;font:600 28px/1.1 var(--f-display);color:var(--paper)}
.btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:58px;padding:0 22px;border:0;border-radius:14px;cursor:pointer;text-decoration:none;
  font:600 17px/1.2 var(--f-body);color:#0b1a2b;background:linear-gradient(90deg,var(--gold),var(--gold-2))}
.btn:hover{filter:brightness(1.06)}.btn:disabled{opacity:.6;cursor:wait}
.btn.ghost{background:transparent;color:var(--paper);border:1px solid #2b4566;margin-top:10px}
.btn.wa{background:#25d366;color:#06210f}
.bar{height:5px;background:var(--ink-3);border-radius:99px;overflow:hidden;margin:6px 0 14px}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-2));transition:width .3s}
.stepn{margin:24px 0 6px;color:var(--muted);font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.opts{display:grid;gap:10px}
.opt{all:unset;box-sizing:border-box;display:flex;align-items:center;min-height:58px;padding:14px 18px;border:1px solid var(--ink-3);background:var(--ink-2);border-radius:14px;font-weight:600;font-size:17px;cursor:pointer;transition:border-color .15s,background .15s}
.opt::after{content:"→";margin-left:auto;padding-left:12px;color:var(--muted)}
.opt:hover,.opt:focus-visible{border-color:var(--gold)}.opt.sel{border-color:var(--gold);background:#1a2a3a}
.back{all:unset;cursor:pointer;margin-top:18px;color:var(--muted);font-weight:600;font-size:14px}
#s-res h2{margin-top:24px}
.picks{display:grid;gap:10px;margin:0 0 10px}
.pk{display:flex;gap:12px;align-items:stretch;background:var(--ink-2);border:1px solid var(--ink-3);border-radius:14px;padding:8px}
.pk .pl{width:96px;flex:none;border-radius:10px;background:#f4f2ee;display:flex;align-items:center;justify-content:center;overflow:hidden}
.pk .pl img{width:100%;height:100%;max-height:120px;object-fit:contain;padding:4px}
.pk .tx{min-width:0;display:flex;flex-direction:column;gap:2px;padding:2px 0}
.pk b{font:600 16px/1.25 var(--f-display)}
.pk .meta{color:var(--muted);font-size:14px}
.pk .pr{font:600 19px/1.2 var(--f-body);color:var(--gold-2);margin-top:2px}
.pk .pay{font-size:13px;color:#c9d0d8}
.more,.upd{margin:2px 0 0;color:var(--muted);font-size:13px}
.upd{margin:0 0 16px}
form{display:grid;gap:10px}
input{width:100%;min-height:56px;background:var(--ink-2);border:1px solid var(--ink-3);color:var(--paper);border-radius:14px;padding:0 16px;font:500 17px var(--f-body)}
input:focus{outline:none;border-color:var(--gold)}
input.bad{border-color:#c0453b}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.agree{margin:2px 0 0;font-size:12px;color:var(--muted)}
.msg{margin:0;color:#ff9c86;font-weight:600}
#s-ok h2{margin-top:24px}
.qfoot{max-width:620px;margin:0 auto;padding:0 16px 40px;font-size:12px;color:var(--muted)}.qfoot a{color:var(--muted)}
.qfoot p{margin:0 0 6px}