/* Upranke Index — public pages (home, privacy, terms, bot). Same fonts as the app. */
:root{
  --bg:#F6F5F1; --surface:#FFFFFF; --line:#E6E4DD; --ink:#17171C; --ink-2:#4F4E56; --ink-3:#6B6A72;
  --lime:#D7F75B; --blue:#1F5FD6; --teal:#0F8F6E; --violet:#7A4DE0; --clay:#B84F29;
  --sans:'Geist',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; --mono:'Geist Mono',ui-monospace,Menlo,monospace;
}
@media (prefers-color-scheme: dark){
  :root{ --bg:#0E0E11; --surface:#16161B; --line:#26262D; --ink:#EDEDF0; --ink-2:#B4B3BC; --ink-3:#8E8D97; --blue:#7FA6F5; --teal:#4CC3A2; --violet:#A98BF0; --clay:#E08A63; }
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;}
a{color:var(--ink);text-underline-offset:3px;}
a:hover{color:var(--blue);}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px;}
.narrow{max-width:760px;}

/* header / footer */
.top{border-bottom:1px solid var(--line);}
.top .wrap{height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:650;font-size:18px;letter-spacing:-.02em;}
.mark{width:32px;height:32px;border-radius:9px;background:var(--lime);display:grid;place-items:center;}
.mark svg{width:17px;height:17px;stroke:#17171C;}
.top nav{display:flex;align-items:center;gap:20px;font-size:14.5px;}
.top nav a{text-decoration:none;color:var(--ink-2);}
.top nav a:hover{color:var(--ink);}
.top nav a.btn-ink,.top nav a.btn-ink:hover{color:var(--bg);}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 20px;border-radius:12px;font-weight:600;font-size:15px;text-decoration:none;border:1px solid var(--line);background:var(--surface);color:var(--ink);}
.btn:hover{color:var(--ink);border-color:var(--ink-3);}
.btn-ink{background:var(--ink);color:var(--bg);border-color:var(--ink);}
.btn-ink:hover{color:var(--bg);opacity:.92;}
.btn svg{width:18px;height:18px;}
.foot{border-top:1px solid var(--line);margin-top:96px;padding:36px 0 48px;font-size:14px;color:var(--ink-3);}
.foot .wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.foot nav{display:flex;gap:18px;flex-wrap:wrap;}
.foot a{color:var(--ink-2);}

/* home */
.hero{padding:88px 0 56px;}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);}
.chip{display:inline-block;padding:4px 10px;border-radius:999px;background:var(--lime);color:#17171C;font-size:12.5px;font-weight:650;letter-spacing:0;text-transform:none;}
.hero h1{margin:18px 0 18px;font-size:clamp(38px,6vw,64px);line-height:1.04;letter-spacing:-.04em;font-weight:700;max-width:860px;}
.hero p.lead{margin:0 0 32px;font-size:clamp(17px,2.2vw,20px);color:var(--ink-2);max-width:680px;}
.cta{display:flex;gap:12px;flex-wrap:wrap;}
.fine{margin-top:16px;font-size:13.5px;color:var(--ink-3);max-width:640px;}
.section{padding:56px 0 8px;}
.section h2{margin:0 0 10px;font-size:clamp(26px,3.4vw,34px);letter-spacing:-.03em;line-height:1.15;}
.section p.sub{margin:0 0 28px;color:var(--ink-2);max-width:680px;}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.step{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:22px;}
.step .n{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;font-weight:700;font-size:14px;color:#fff;margin-bottom:14px;}
.n-1{background:var(--teal);} .n-2{background:var(--blue);} .n-3{background:var(--violet);} .n-4{background:var(--clay);}
.step h3{margin:0 0 6px;font-size:17px;letter-spacing:-.01em;}
.step p{margin:0;font-size:14.5px;color:var(--ink-2);}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:26px;}
.card h3{margin:0 0 12px;font-size:18px;}
.ticks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:15px;color:var(--ink-2);}
.ticks li{display:flex;gap:10px;align-items:flex-start;}
.ticks svg{flex-shrink:0;width:18px;height:18px;margin-top:3px;}
.ok svg{stroke:var(--teal);} .no svg{stroke:var(--clay);}
.note{background:var(--surface);border:1px solid var(--line);border-left-width:1px;border-radius:20px;padding:26px;font-size:15px;color:var(--ink-2);}
.note b{color:var(--ink);}

/* legal */
.legal{padding:64px 0 0;}
.legal h1{font-size:clamp(32px,5vw,44px);letter-spacing:-.03em;line-height:1.1;margin:0 0 8px;}
.legal .meta{color:var(--ink-3);font-size:14px;margin:0 0 36px;}
.legal h2{font-size:21px;letter-spacing:-.02em;margin:40px 0 10px;}
.legal h3{font-size:17px;margin:24px 0 8px;}
.legal p,.legal li{color:var(--ink-2);}
.legal ul{padding-left:22px;}
.legal li{margin-bottom:6px;}
.legal code{font-family:var(--mono);font-size:13.5px;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:1px 6px;word-break:break-all;}
.legal table{width:100%;border-collapse:collapse;margin:12px 0 8px;font-size:14.5px;}
.legal th,.legal td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--line);}
.legal th{color:var(--ink);font-weight:600;background:var(--surface);}
.legal .callout{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin:16px 0;}
.legal .callout p{margin:0;color:var(--ink);}
.tbl-scroll{overflow-x:auto;}

@media (max-width:900px){
  .steps{grid-template-columns:repeat(2,minmax(0,1fr));}
  .two{grid-template-columns:1fr;}
}
@media (max-width:560px){
  .wrap{padding:0 16px;}
  .top nav a.hide-sm{display:none;}
  .steps{grid-template-columns:1fr;}
  .hero{padding:56px 0 32px;}
}