@import url("./tokens.css");
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Avenir Next",Avenir,"Trebuchet MS",sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-underline-offset:5px}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}header,main,footer{max-width:1180px;margin:auto;padding:0 32px}header{height:106px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:24px;font-weight:700;letter-spacing:-1px}.brand img{width:44px;height:44px;border-radius:12px}nav{display:flex;gap:24px;align-items:center;font-size:14px}nav a{text-decoration:none}.language{border:1px solid var(--line);padding:5px 12px;border-radius:30px}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:80px;padding:70px 0 100px}.eyebrow{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase}h1{font-family:Baskerville,"Palatino Linotype",Palatino,Georgia,serif;font-size:clamp(52px,6.9vw,92px);font-weight:400;line-height:1.02;letter-spacing:-3px;margin:24px 0}h1 em{color:var(--accent);font-weight:400}.lead{max-width:440px;font-size:19px;color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);padding:7px 13px;border-radius:30px;font-size:13px}.dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}.cta{display:inline-block;background:var(--accent);color:white;text-decoration:none;padding:13px 24px;border-radius:9px;font-weight:600;margin:18px 0}.small{font-size:13px;color:var(--muted)}.demo{position:relative;border:1px solid var(--line);padding:24px;background:#fff;border-radius:24px;box-shadow:0 30px 60px #163d3010;transform:rotate(2deg)}.demo-top{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}.objects{background:#f0eee6;border-radius:14px;margin-top:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:28px}.object{position:relative;aspect-ratio:1;border:1.5px solid var(--accent);border-radius:6px;background:transparent;cursor:pointer}.object:before{content:"";display:block;margin:12%;width:76%;height:76%;background:radial-gradient(circle at 30% 27%,#f3ca80,#d7a24e 68%,#be8742);border-radius:45% 52% 43% 48%;box-shadow:3px 5px 5px #67522a22}.object:after{content:attr(data-index);position:absolute;left:-1px;top:-9px;font-size:10px;background:var(--accent);color:#fff;padding:0 5px;border-radius:3px}.object[aria-pressed=false]{border-color:transparent;opacity:.35}.object[aria-pressed=false]:after{display:none}.total{display:flex;align-items:baseline;gap:14px;margin-top:20px}.total strong{font-size:66px;line-height:1.2;font-weight:500;letter-spacing:-4px}.total span{color:var(--muted)}.demo-note{font-size:12px;color:var(--muted);margin:8px 0 0}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:28px 0;gap:24px}.strip strong{display:block;font-size:16px}.strip span{font-size:14px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;padding:70px 0}.step-number{font-family:Georgia,serif;font-size:32px;color:var(--accent)}h2{font-size:26px;line-height:1.25;font-weight:500;letter-spacing:-.6px}h3{font-size:19px;font-weight:600}.steps p{color:var(--muted);font-size:16px}.closing{padding:44px;border-radius:16px;background:var(--soft);display:flex;justify-content:space-between;gap:32px;align-items:center;margin-bottom:80px}.closing h2{margin:0 0 12px}.closing p{margin:0;max-width:610px}footer{border-top:1px solid var(--line);padding-top:28px;padding-bottom:35px;display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}footer div{display:flex;gap:20px}.legal{max-width:770px;padding-top:54px;padding-bottom:90px}.legal h1{font-size:58px;letter-spacing:-2px}.legal h2{margin-top:36px}.legal p,.legal li{color:var(--muted)}.back{font-size:14px;color:var(--accent)}.notice{padding:20px 24px;background:var(--soft);border-radius:12px} @media(max-width:760px){header,main,footer{padding-left:22px;padding-right:22px}header{height:88px}nav{gap:14px}nav .home-link{display:none}.hero{grid-template-columns:1fr;gap:34px;padding:28px 0 55px}h1{max-width:480px}.lead{font-size:17px}.demo{max-width:440px;width:100%;margin:auto;transform:none}.strip,.steps{grid-template-columns:1fr;gap:26px}.strip{padding:28px 0}.steps{padding:40px 0}.step-number{float:left;margin-right:18px}.steps h2{margin-top:5px}.closing{padding:26px;display:block;margin-bottom:45px}.closing .pill{margin-top:24px}footer{display:block}footer div{margin-top:15px;flex-wrap:wrap}.legal{padding-top:28px}.legal h1{font-size:46px}.objects{gap:18px;padding:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}