:root{color-scheme:light;--ink:#251737;--muted:#60546d;--accent:#7627a8;--line:#eadff1;--bg:#fbf8ff;font:16px/1.6 system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 85% 0,#f6e5ff,transparent 34rem),var(--bg)}
a{color:var(--accent);text-underline-offset:.22em}a:hover{color:#4f146f}a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.wrap{width:min(100% - 3rem,68rem);margin-inline:auto}.top,.footer{display:flex;align-items:center;justify-content:space-between;gap:1rem}.top{min-height:5.5rem;border-bottom:1px solid var(--line)}.brand{width:7rem;height:auto;display:block}
.hero{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:3rem;padding:clamp(3rem,9vw,7rem) 0}.eyebrow,.step{color:var(--accent);letter-spacing:.13em;font-weight:750;font-size:.75rem}.eyebrow{margin:0 0 1rem}
h1{font-size:clamp(2.6rem,7vw,5rem);line-height:1.03;letter-spacing:-.058em;margin:0}h1 em{color:var(--accent);font-style:normal}.intro{font-size:clamp(1.05rem,2vw,1.25rem);color:var(--muted);max-width:33rem;margin:1.3rem 0 0}
.demo{padding:1.3rem;border:1px solid var(--line);border-radius:1.7rem;background:#ffffffaf;box-shadow:0 18px 60px #702a9315;display:grid;gap:.75rem}.demo-row{display:flex;align-items:center;gap:.9rem;padding:1rem;background:#f7eefc;border-radius:1rem}.step,strong{display:block}.tile{display:grid;place-items:center;width:2.8rem;aspect-ratio:1;background:#eed9fb;border-radius:.8rem;color:var(--accent);flex:none}.tile svg{width:1.4rem}
.details{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;border-block:1px solid var(--line);padding:2rem 0}.details h2,.policy h2{font-size:1.2rem;margin:0}.details p,.policy p{color:var(--muted)}.details p{margin:.4rem 0 0}
.footer{min-height:5.5rem;font-size:.9rem;color:var(--muted);flex-wrap:wrap}.footer nav{display:flex;gap:1.25rem}.policy{max-width:46rem;padding:3.5rem 0 2rem}.policy h1{font-size:clamp(2.6rem,7vw,4rem)}.policy h2{margin-top:1.7rem}.policy p{margin:.55rem 0 0}.policy .eyebrow{margin-bottom:.75rem}.policy .intro{margin-top:1rem}.policy a{overflow-wrap:anywhere}
@media(max-width:690px){.hero,.details{grid-template-columns:1fr;gap:1.5rem}.wrap{width:min(100% - 2rem,68rem)}.hero{padding-block:3rem}.policy{padding-top:2.5rem}}