:root{--ink:#0B0B0C;--lift:#17171A;--paper:#F4F2EC;--muted:#8E8E96;--volt:var(--accent);--line:rgba(244,242,236,.12)}
*{box-sizing:border-box;margin:0}
html{background:var(--ink)}
body{min-height:100svh;display:flex;flex-direction:column;color:var(--paper);
  font-family:Inter,ui-sans-serif,-apple-system,"SF Pro Text","Helvetica Neue",Arial,sans-serif;
  background:radial-gradient(900px 560px at 70% 18%,var(--lift),var(--ink) 70%);
  padding:max(24px,env(safe-area-inset-top)) 24px max(20px,env(safe-area-inset-bottom));-webkit-font-smoothing:antialiased}
header,main,footer{width:100%;max-width:960px;margin-inline:auto}
header .logo{height:34px;width:auto;display:block}
main{flex:1;display:flex;flex-direction:column;justify-content:center;padding-block:56px}
h1{font-size:clamp(44px,9vw,92px);line-height:.98;font-weight:800;letter-spacing:-.035em;max-width:11ch}
h1 em{font-style:normal;color:var(--volt)}
.lede{margin-top:24px;font-size:clamp(17px,2.4vw,21px);line-height:1.5;color:var(--muted);max-width:34ch}
.loop{margin-top:36px;display:flex;flex-wrap:wrap;gap:10px}
.loop span{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:9px 14px;border:1px solid var(--line);border-radius:999px;color:var(--paper)}
.soon{margin-top:28px;font-size:15px;color:var(--muted)}
footer{display:flex;justify-content:center;padding-top:16px;border-top:1px solid var(--line)}
.pade-xo0{display:inline-flex;align-items:center;gap:6px;font-size:12px;letter-spacing:.02em;color:var(--muted);text-decoration:none;padding:12px 8px;min-height:44px}
.pade-xo0:hover{color:var(--paper)}
.pade-xo0:focus-visible{outline:2px solid var(--volt);outline-offset:2px;border-radius:6px}
.pade-xo0__zenklas{display:inline-flex;align-items:center;font-weight:700;color:var(--paper)}
.pade-xo0__nulis{height:1.15em;width:auto;margin-left:1px}
:focus-visible{outline:2px solid var(--volt);outline-offset:3px}
.wm{color:#F4F2EC}
.ltheart{filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.28));flex-shrink:0}
  .bar,.chev{transform-box:fill-box;transform-origin:center}    .chev{animation:rise 1.15s cubic-bezier(.2,.8,.2,1) both}    .bar{animation:bump 1.15s cubic-bezier(.2,.8,.2,1) both}    .word{animation:fade .9s .35s ease-out both}    @keyframes rise{0%{transform:translateY(46px);opacity:0}55%{opacity:1;transform:translateY(-6px)}100%{transform:translateY(0)}}    @keyframes bump{0%,50%{transform:translateY(0)}62%{transform:translateY(-4px)}100%{transform:translateY(0)}}    @keyframes fade{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}    @media (prefers-reduced-motion:reduce){.chev,.bar,.word{animation:none}}  

.motif{position:fixed;right:-10vw;bottom:-4vh;width:min(96vw,540px);height:auto;pointer-events:none;z-index:0;opacity:.35;-webkit-mask-image:linear-gradient(to top,#000 40%,transparent 100%);mask-image:linear-gradient(to top,#000 40%,transparent 100%)}
header,main,footer{position:relative;z-index:1}
.loop span{display:inline-flex;align-items:center;gap:8px;box-shadow:0 0 18px rgba(200,240,49,.06)}
.loop svg{width:16px;height:16px;fill:none;stroke:var(--volt);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.waitlist{margin-top:32px;max-width:440px}
.waitlist label{display:block;font-size:14px;font-weight:600;margin-bottom:10px}
.waitlist .row{display:flex;gap:8px}
.waitlist input[type=email]{flex:1;min-width:0;height:48px;padding:0 16px;font:inherit;font-size:16px;color:var(--paper);background:rgba(244,242,236,.06);border:1px solid var(--line);border-radius:12px}
.waitlist input[type=email]::placeholder{color:var(--muted)}
.waitlist input[type=email]:focus{outline:2px solid var(--volt);outline-offset:1px;border-color:transparent}
.waitlist button{height:48px;padding:0 22px;font:inherit;font-size:16px;font-weight:700;color:#0B0B0C;background:var(--accent-gradient);border:0;border-radius:12px;cursor:pointer}
.waitlist button:active{transform:scale(.98)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.fine{margin-top:12px;font-size:13px;color:var(--muted)}
.status{margin-top:28px;max-width:440px;padding:14px 16px;border-radius:12px;font-size:15px;border:1px solid var(--line);background:rgba(244,242,236,.05)}
.status[data-kind=ok]{border-color:rgba(200,240,49,.4)}
.status[data-kind=bad]{border-color:rgba(255,120,100,.45)}
@media (prefers-reduced-motion:no-preference){.motif{animation:drift 14s ease-in-out infinite alternate}@keyframes drift{to{transform:translateY(-14px)}}}

h1{text-wrap:balance}
h1 em{white-space:nowrap}
/* 3) pills: tidy 2x2 grid on phones, one row on wider screens */
.loop{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:440px}
.loop span{justify-content:center;min-height:44px}
@media (min-width:560px){.loop{display:flex;flex-wrap:wrap;max-width:none}.loop span{justify-content:flex-start}}
/* 4) calmer vertical rhythm */
main{padding-block:40px 56px}
.lede{max-width:30ch}