/* KiwiSurf public pages (today, privacy, terms). Tokens and type follow the homepage (kiwisurf-site/assets/site.css). */
@font-face{font-family:'Fraunces';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/Fraunces.woff2) format('woff2')}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:200 1000;font-display:swap;src:url(fonts/NunitoSans.woff2) format('woff2')}
:root{
  --surface-50:#fdfdfa;--surface-300:#f8f7f2;--surface-500:#f5f3ea;
  --ink-200:#edeae4;--ink-300:#d8d6ce;--ink-500:#99978f;--ink-600:#7a7974;--ink-700:#43423e;--ink-800:#2c2b29;--ink-900:#1d1d1c;--ink-100:#f2f1ec;
  --night:#190922;--kiwi:#1f8a4c;--flesh:#8cc63f;--coral:#eb6928;--glow:#ff9147;--berry:#e85854;
  --serif:'Fraunces',Georgia,'Times New Roman',serif;--sans:'Nunito Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --shadow:0 0 0 1px var(--ink-200),0 1px 1px rgba(29,29,28,.02),0 3px 3px rgba(29,29,28,.02),0 6px 6px rgba(29,29,28,.03),0 12px 12px rgba(29,29,28,.03);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--surface-300);color:var(--ink-900);font:400 16px/24px var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}
img{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:500;margin:0;letter-spacing:-.015em}
h1{font-size:44px;line-height:1.1}
h2{font-size:28px;line-height:1.2;margin:0 0 16px}
h3{font-size:22px;line-height:1.2}
p{margin:0}
small{font-size:.78em;color:var(--ink-600);font-weight:600}
.wrap{max-width:1040px;margin:0 auto;padding:0 24px}
main>section.wrap{margin-top:48px}

/* header */
.hdr{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;background:rgba(253,253,250,.88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--ink-200)}
.logo{display:flex;align-items:center;gap:8px;text-decoration:none;font:600 21px/1 var(--serif);letter-spacing:-.02em}
.logo img{border-radius:50%}
.hdr nav{display:flex;align-items:center;gap:6px}
.lang{font:600 14px/20px var(--sans);text-decoration:none;padding:8px 10px;border-radius:8px;color:var(--ink-700)}
.lang:hover{background:var(--surface-500)}
.btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 16px;border-radius:12px;font:700 15px/1 var(--sans);text-decoration:none;white-space:nowrap}
.btn.dark{background:linear-gradient(0deg,var(--ink-800),var(--ink-700));color:var(--ink-100)}
.btn.coral{background:var(--coral);color:#fff;height:48px;padding:0 22px;font-size:16px;margin-top:18px;box-shadow:0 8px 20px -8px rgba(235,105,40,.6)}
.btn.coral:hover{background:#d95c1e}

/* hero */
.hero{background:radial-gradient(120% 90% at 80% 0%,#3a1640 0%,var(--night) 55%);color:var(--ink-100);padding:40px 0 48px;border-radius:0 0 16px 16px}
.eyebrow{font:700 12px/16px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--glow);margin-bottom:12px}
.legal .eyebrow{color:var(--coral)}
.hero h1{color:#fff;margin-bottom:18px}
.hero .sub{color:var(--ink-300);margin:-8px 0 18px}
.herogrid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:center}
.mascot{width:300px;height:auto;filter:drop-shadow(0 18px 30px rgba(0,0,0,.45))}
.headrow{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.mascot-sm{display:none}
.upd{margin-top:14px;font:500 13px/18px var(--sans);color:var(--ink-300)}
.stale{margin:0 0 16px;padding:10px 14px;border-radius:10px;background:var(--berry);color:#fff;font:700 14px/20px var(--sans)}

/* cards */
.card{background:var(--surface-50);color:var(--ink-900);border-radius:14px;box-shadow:var(--shadow);padding:18px 20px}
.card.big{box-shadow:0 0 0 1px rgba(255,255,255,.12),0 24px 48px -16px rgba(0,0,0,.6)}
.card .top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.card.big h3{font-size:28px}
.score{display:flex;align-items:center;gap:10px}
.score b{font:600 28px/1 var(--serif)}
.score b small{font:600 14px/1 var(--sans)}
.kr{display:inline-flex;gap:3px}
.kr img{width:26px;height:26px}
.kr.sm img{width:16px;height:16px}
.facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:16px 0 0}
.facts div{min-width:0}
.facts dt{font:700 11px/16px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-500)}
.facts dd{margin:2px 0 0;font:700 16px/22px var(--sans)}
.line{margin-top:14px;font:500 italic 16px/24px var(--sans);color:var(--ink-700)}
.haz{margin-top:8px;font:600 13px/19px var(--sans);color:var(--berry)}

/* lists */
.list{list-style:none;margin:0;padding:0;background:var(--surface-50);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}
.list li{display:grid;grid-template-columns:minmax(0,1fr) auto 32px;grid-template-areas:"n k r" "m m m";gap:2px 10px;align-items:center;padding:12px 16px;border-top:1px solid var(--ink-200)}
.list li:first-child{border-top:0}
.list .n{grid-area:n;font:700 16px/22px var(--sans)}
.list .kr{grid-area:k}
.list .r{grid-area:r;font:600 18px/1 var(--serif);text-align:right}
.list .m{grid-area:m;font:500 14px/20px var(--sans);color:var(--ink-600)}
.list.nd li{grid-template-columns:72px minmax(0,1fr) auto;grid-template-areas:"d n k" "d m m"}
.list.nd b{grid-area:d;font:700 14px/20px var(--sans);color:var(--coral)}
.ov{width:100%;max-width:540px;height:auto;border-radius:14px;box-shadow:var(--shadow)}
.acc p{font:500 14px/20px var(--sans);color:var(--ink-600)}

/* legal */
.legal{padding-top:40px;padding-bottom:24px;max-width:760px}
.legal h1{margin-bottom:12px}
.legal .sub{font:500 18px/28px var(--sans);color:var(--ink-700)}
.legal section{margin-top:32px}
.legal h2{font-size:24px;margin-bottom:10px}
.legal p,.legal li{font:400 16px/26px var(--sans);color:var(--ink-800)}
.legal p+p{margin-top:10px}
.legal ul{padding-left:20px;margin:0}
.legal li+li{margin-top:6px}
.legal ul+p{margin-top:12px}
.short{margin-top:28px}
.short h2{font-size:20px}
.data{width:100%;border-collapse:collapse;background:var(--surface-50);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;font:400 14px/21px var(--sans)}
.data th{text-align:left;font:700 11px/16px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-500);padding:12px 14px;background:var(--surface-500)}
.data td{padding:12px 14px;border-top:1px solid var(--ink-200);vertical-align:top}
.data td:first-child{width:46%}
.hub li{margin:8px 0;font:600 17px/26px var(--sans)}

/* footer */
.ft{margin-top:64px;background:var(--night);color:var(--ink-300);padding:32px 0 40px;border-radius:16px 16px 0 0}
.ft .in{max-width:1040px;margin:0 auto;padding:0 24px}
.ft p{font:400 13px/20px var(--sans);margin-top:8px}
.ft p:first-child{margin-top:0;font-size:15px;color:var(--ink-100)}

@media (max-width:760px){
  h1{font-size:34px}
  h2{font-size:24px}
  .wrap,.ft .in{padding:0 16px}
  .hdr{padding:8px 12px}
  .hdr .btn{height:36px;padding:0 12px;font-size:14px}
  .hero{padding:24px 0 32px}
  .herogrid{grid-template-columns:1fr;gap:0}
  .mascot{display:none}
  .mascot-sm{display:block;width:96px;height:auto;margin:-18px -6px 4px 0;flex:none;filter:drop-shadow(0 10px 16px rgba(0,0,0,.45))}
  .hero h1{margin-bottom:14px}
  .card.big h3{font-size:24px}
  .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .facts div:first-child{grid-column:1/-1}
  .btn.coral{width:100%}
  .data thead{display:none}
  .data,.data tbody,.data tr,.data td{display:block;width:100%!important}
  .data tr{border-top:1px solid var(--ink-200);padding:6px 0}
  .data tr:first-child{border-top:0}
  .data td{border:0;padding:4px 14px}
  .data td::before{content:attr(data-h);display:block;font:700 10px/14px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-500)}
}
@media (max-width:400px){.hdr .btn{display:none}}