:root{--field:#f4f3f1;--paper:#fbfaf7;--ink:#111113;--sub:#6b6b71;--body:#2c2c31;--well:#ecebe8;--card:#fff;--shadow:0 1px 2px #14100c0d, 0 10px 30px -10px #14100c29;--lift:0 1px 2px #14100c0d, 0 18px 40px -14px #14100c3d;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--spring:cubic-bezier(.34, 1.56, .64, 1);--out:cubic-bezier(.2, .8, .2, 1);--gap:72px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}body{background:var(--field);color:var(--ink);font:16px/1.45 var(--font);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;margin:0}a{color:inherit;text-decoration:none}h1,h2,p,ul{margin:0}.wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 16px}.btn{letter-spacing:-.01em;white-space:nowrap;height:52px;transition:transform .24s var(--spring), box-shadow .2s;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:16px;font-weight:700;display:inline-flex}.btn:active{transition-duration:90ms;transform:scale(.97)}.btn.primary{background:var(--ink);color:#fff}.btn.white{background:var(--card);box-shadow:var(--shadow)}.i{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px}.btn .i{width:20px;height:20px}:focus-visible{outline:2.5px solid var(--ink);outline-offset:3px}.bar{height:68px;margin-top:env(safe-area-inset-top);align-items:center;display:flex}.mark{letter-spacing:-.03em;font-size:17px;font-weight:800}.hero{grid-template-columns:minmax(0,1fr);gap:36px;padding-top:8px;display:grid}h1{letter-spacing:-.045em;max-width:10.5ch;font-size:42px;font-weight:800;line-height:1}.lead{color:var(--body);max-width:26em;margin-top:18px;font-size:18px;line-height:1.5}.acts{gap:10px;margin-top:28px;display:flex}.hero .acts .btn.primary{flex:1}.btn.round{background:var(--card);width:52px;box-shadow:var(--shadow);flex:none;padding:0;position:relative}.btn.round .i{width:22px;height:22px;transition:transform .3s var(--spring)}.btn.round:after{content:attr(data-tip);background:var(--card);box-shadow:var(--lift);white-space:nowrap;opacity:0;transition:opacity .16s, transform .22s var(--out);pointer-events:none;border-radius:12px;padding:7px 12px;font-size:13px;font-weight:700;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px)}.scan{align-items:center;gap:20px;width:-moz-fit-content;width:fit-content;margin:38px 0 0 9px;display:flex}.sticker{background:var(--card);width:92px;height:92px;box-shadow:var(--shadow);transition:transform .32s var(--spring), box-shadow .26s;border-radius:18px;flex:none;padding:10px;position:relative;transform:rotate(-3deg)}.sticker canvas{width:72px;height:72px;image-rendering:pixelated;display:block}.corners{fill:none;width:calc(100% + 18px);height:calc(100% + 18px);stroke:var(--ink);stroke-width:2.6px;stroke-linecap:round;animation:frame 2.6s var(--out) infinite;position:absolute;inset:-9px;overflow:visible}@keyframes frame{0%,to{transform:scale(1)}50%{transform:scale(.96)}}.words{flex-direction:column;gap:1px;display:flex}.words b{letter-spacing:-.015em;font-size:17px}.words small{color:var(--sub);font-size:15px}.words .near{display:none}@media (hover:none){.words .far{display:none}.words .near{display:inline}}.scan:active .sticker{transition-duration:90ms;transform:rotate(-3deg)scale(.95)}.manual{aspect-ratio:1/1.08;transform:perspective(1400px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .7s var(--out);margin:4px 10px 14px;display:block;position:relative}.sheet{background:var(--paper);border-radius:14px;position:absolute;inset:0}.sheet.under{box-shadow:0 1px 2px #14100c12,0 8px 18px -10px #14100c2e}.sheet.under.one{background:#f3f1ec;transform:rotate(-3.2deg)translate(-6px,8px)}.sheet.under.two{background:#ebe8e1;transform:rotate(2.6deg)translate(8px,12px)}.sheet.face{transition:transform .32s var(--spring);overflow:hidden;box-shadow:0 1px 2px #14100c0f,0 30px 60px -26px #14100c52}.manual:active .sheet.face{transition-duration:90ms;transform:scale(.985)}.sheet iframe{pointer-events:none;background:var(--paper);border:0;width:100%;height:100%;display:block}section.wrap+section.wrap{margin-top:var(--gap)}h2{letter-spacing:-.035em;font-size:30px;font-weight:800;line-height:1.06}.sub{color:var(--sub);max-width:30em;margin-top:10px;font-size:17px}.cards{gap:12px;margin-top:24px;display:grid}.card{background:var(--card);box-shadow:var(--shadow);transition:transform .26s var(--spring), box-shadow .26s;border-radius:26px;flex-direction:column;gap:12px;padding:10px;display:flex}.card:active{transition-duration:90ms;transform:scale(.985)}.tile{border-radius:18px;place-items:center;height:180px;display:grid;overflow:hidden}.tile img{width:140px;height:140px;transition:transform .46s var(--spring);display:block}.row{align-items:center;gap:12px;padding:0 6px 4px 10px;display:flex}.txt{flex-direction:column;flex:1;display:flex}.txt b{letter-spacing:-.025em;font-size:19px}.txt small{color:var(--sub);font-size:15px;font-weight:600}.go{background:var(--well);width:40px;height:40px;transition:background .2s, color .2s, transform .26s var(--spring);border-radius:50%;flex:none;place-items:center;display:grid}.go .i{width:20px;height:20px}.does ul{gap:24px;margin-top:26px;padding:0;list-style:none;display:grid}.does li{grid-template-columns:26px 1fr;gap:2px 16px;display:grid}.does li .i{grid-row:span 2;width:26px;height:26px;margin-top:1px}.does li b{letter-spacing:-.015em;font-size:17.5px}.does li span{color:var(--sub);grid-column:2;font-size:15.5px}.talk{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.talk h2{max-width:12ch;font-size:34px}.by{color:var(--sub);margin-top:30px;font-size:15px;font-weight:600}.reg{color:var(--sub);margin-top:2px;font-size:13px}.more{align-items:center;gap:6px;margin-top:12px;font-size:15px;font-weight:700;display:inline-flex}.more .i{width:18px;height:18px;transition:transform .26s var(--spring)}.rise{animation:rise .56s var(--out) backwards;animation-delay:var(--d,0s)}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}.manual.rise{animation:settle .82s var(--out) backwards;animation-delay:var(--d,0s)}@keyframes settle{0%{opacity:0;transform:translateY(28px)rotate(2.5deg)}}.js .reveal{opacity:0;transition:opacity .52s var(--out), transform .62s var(--out);transition-delay:var(--d,0s);transform:translateY(14px)}.js .reveal.in{opacity:1;transform:none}@media (hover:hover){.btn.white:hover,.card:hover{box-shadow:var(--lift)}.card:hover{transform:translateY(-3px)}.card:hover .tile img{transform:scale(1.06)rotate(-1.5deg)}.btn.round:hover{box-shadow:var(--lift)}.btn.round:hover .i{transform:rotate(-10deg)scale(1.1)}.btn.round:hover:after,.btn.round:focus-visible:after{opacity:1;transform:translate(-50%)}.scan:hover .sticker{box-shadow:var(--lift);transform:rotate(0)scale(1.05)}.more:hover .i{transform:translate(3px)}.card:hover .go{background:var(--ink);color:#fff;transform:translate(2px)}}@media (min-width:720px){:root{--gap:112px}.wrap{padding:0 32px}.bar{height:84px}h1{font-size:58px}.hero .acts .btn.primary{flex:none}h2{font-size:38px}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tile{height:210px}.tile img{width:156px;height:156px}.does ul{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:34px}.does li{grid-template-columns:1fr;row-gap:4px}.does li .i{grid-row:auto;margin-bottom:12px}.does li span{grid-column:1}.talk h2{font-size:46px}}@media (min-width:960px){.hero{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:64px;min-height:min(620px,100vh - 84px);padding-top:0}h1{font-size:66px}.manual{aspect-ratio:1.1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rise,.manual.rise{animation:none}.js .reveal{opacity:1;transition:none;transform:none}.btn,.card,.tile img,.go,.manual,.sticker,.sheet.face{transition:none}.corners{animation:none}}