:root{--cream:#f4ead9;--card:#fbf5e9;--ink:#221f1a;--ink-soft:#5c554a;--ink-faint:#948b7a;--orange:#c65a1e;--green:#55743a;--line:#221f1a1f;color:var(--ink);background-color:var(--cream);-webkit-font-smoothing:antialiased;font-family:Archivo,system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh}body{background:var(--cream)}.page{flex-direction:column;width:min(760px,100% - 3rem);min-height:100vh;margin:0 auto;display:flex}.nav{justify-content:space-between;align-items:center;padding:1.5rem 0;animation:.8s both fade-in;display:flex}.wordmark{text-transform:uppercase;letter-spacing:.08em;font-family:Oswald,sans-serif;font-size:1rem;font-weight:600}.nav-link{color:var(--ink-soft);border-bottom:1px solid #0000;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .25s,border-color .25s}.nav-link:hover{color:var(--orange);border-color:var(--orange)}.hero{padding:5rem 0 3.5rem}.hero-title{text-transform:uppercase;letter-spacing:.01em;font-family:Oswald,sans-serif;font-size:clamp(2.5rem,7vw,4rem);font-weight:700;line-height:1.04}.hero-title .line{animation:.9s cubic-bezier(.2,.65,.25,1) both rise;display:block;overflow:hidden}.hero-title .line:nth-child(2){animation-delay:.12s}.hero-lede{max-width:34rem;color:var(--ink-soft);margin-top:1.75rem;font-size:1.05rem;line-height:1.65;animation:.9s cubic-bezier(.2,.65,.25,1) .28s both rise}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:.7rem 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.ticker-track{width:max-content;animation:28s linear infinite ticker;display:flex}.ticker-item{letter-spacing:.28em;text-transform:uppercase;color:var(--ink-faint);padding-right:3.5rem;font-family:Oswald,sans-serif;font-size:.8rem;font-weight:500}.demo{background:var(--card);border:1px solid var(--line);border-radius:16px;justify-content:space-between;align-items:center;gap:2rem;margin-top:3.5rem;padding:2rem 2.25rem;transition:transform .4s,box-shadow .4s;display:flex}.demo:hover{transform:translateY(-3px);box-shadow:0 14px 34px #221f1a1a}.demo-title{text-transform:uppercase;letter-spacing:.02em;font-family:Oswald,sans-serif;font-size:1.35rem;font-weight:600}.demo-body{max-width:26rem;color:var(--ink-soft);margin-top:.6rem;font-size:.92rem;line-height:1.55}.demo-status{color:var(--green);background:#55743a1a;border-radius:999px;flex-shrink:0;align-items:center;gap:.6rem;padding:.55rem 1.1rem;font-size:.82rem;font-weight:600;display:flex}.status-dot{background:var(--green);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}.steps{grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:3.5rem;display:grid}.step{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1.5rem 1.6rem;transition:transform .35s,box-shadow .35s}.step:hover{transform:translateY(-3px);box-shadow:0 10px 26px #221f1a17}.step-number{color:var(--orange);font-family:Oswald,sans-serif;font-size:.8rem;font-weight:600}.step-title{text-transform:uppercase;letter-spacing:.03em;margin-top:.35rem;font-family:Oswald,sans-serif;font-size:1.15rem;font-weight:600}.step-body{color:var(--ink-soft);margin-top:.5rem;font-size:.9rem;line-height:1.55}.footer{border-top:1px solid var(--line);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);justify-content:space-between;margin-top:4rem;padding:1.4rem 0 1.6rem;font-size:.72rem;font-weight:600;display:flex}.footer-link{color:var(--ink-faint);text-decoration:none;transition:color .25s}.footer-link:hover{color:var(--orange)}.reveal{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.65,.25,1);transform:translateY(20px)}.reveal.is-visible{opacity:1;transform:none}@keyframes rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes pulse{0%,to{box-shadow:0 0 #55743a73}50%{box-shadow:0 0 0 6px #55743a00}}@media (prefers-reduced-motion:reduce){.hero-title .line,.hero-lede,.nav,.reveal{opacity:1;transition:none;animation:none;transform:none}.ticker-track,.status-dot{animation:none}}@media (width<=620px){.hero{padding-top:3.5rem}.demo{flex-direction:column;align-items:flex-start;gap:1.25rem}.steps{grid-template-columns:1fr}}