/* NizBot v0.2.1: the consumer face. Very few words, very big, centred; one idea per screen; a lit object instead of a product shot.
   The look follows the visitor's own system setting: light by default, dark under prefers-color-scheme: dark. No script, no clock. */
:root{
  --ground:#F5F5F7; --ground2:#FFFFFF; --text:#1D1D1F; --muted:#6E6E73; --hairline:#D2D2D7; --accent:#0A84A8;
  --body1:#E9EBEF; --body2:#B8BEC8; --body3:#7D8592; --visor:#0A84A8; --glow:rgba(10,132,168,.35); --shadow:rgba(29,29,31,.16); --rim:#FFFFFF;
  --display:"Archivo","Helvetica Neue",Arial,sans-serif;
  color-scheme:light dark;
}
@media (prefers-color-scheme:dark){
  :root{
  --ground:#000000; --ground2:#0B0D12; --text:#F5F5F7; --muted:#86868B; --hairline:#2A2C33; --accent:#3FF0FF;
  --body1:#3A404C; --body2:#1C2029; --body3:#0C0E13; --visor:#3FF0FF; --glow:rgba(63,240,255,.45); --shadow:rgba(63,240,255,.10); --rim:#A9B3C4;
  }
}
*{box-sizing:border-box}
html{background:var(--ground);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
body{margin:0;background:radial-gradient(120% 70% at 50% 0%,var(--ground2) 0%,var(--ground) 60%);color:var(--text);font:400 1.0625rem/1.5 var(--display);text-align:center}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:4px}
:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}
.screen{min-height:86vh;min-height:86svh;display:grid;place-content:center;justify-items:center;gap:18px;padding:64px max(20px,env(safe-area-inset-left,0px)) 64px max(20px,env(safe-area-inset-right,0px))}
.hero{min-height:100vh;min-height:100svh;gap:10px}
.object{height:min(44vh,400px);width:auto;max-width:72vw;margin-bottom:6px}
h1{margin:0;font:700 clamp(3.4rem,13vw,9.5rem)/.95 var(--display);letter-spacing:-.045em}
.line{margin:0;font:500 clamp(1.25rem,3.4vw,2.2rem)/1.2 var(--display);letter-spacing:-.015em;color:var(--muted)}
.big{margin:0;max-width:16ch;font:700 clamp(2.4rem,8vw,6rem)/1 var(--display);letter-spacing:-.04em;text-wrap:balance}
.soft{margin:0;font:400 clamp(1.1rem,2.4vw,1.5rem)/1.3 var(--display);color:var(--muted)}
.last{min-height:46vh;min-height:46svh}
.links{margin:0;display:flex;gap:12px 40px;flex-wrap:wrap;justify-content:center;font:500 clamp(1.15rem,2.6vw,1.6rem)/1 var(--display)}
.links a{display:inline-flex;align-items:center;gap:6px;min-height:44px}
.links .go{font-weight:600}
.foot{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 20px 36px;border-top:1px solid var(--hairline);font:400 .78rem/1.6 var(--display);color:var(--muted)}
.foot a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}
@media (prefers-reduced-motion:no-preference){
  .object{animation:float 1.6s cubic-bezier(.2,.7,.1,1) both}
  .rise{animation:rise 1.2s cubic-bezier(.2,.7,.1,1) both}
  .r1{animation-delay:.5s} .r2{animation-delay:.9s}
  @keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
  @keyframes float{from{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:none}}
}