body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-text-size-adjust:100%;margin:0;line-height:1.55;overflow-x:clip}*{box-sizing:border-box}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.home{max-width:1180px;padding:max(10px,env(safe-area-inset-top,0px)) 16px 0;margin:0 auto}.home img{-webkit-user-drag:none;max-width:100%;height:auto;display:block}.home h1,.home h2,.home h3{font-family:var(--font-display);text-wrap:balance;margin:0 0 .45em;font-weight:700;line-height:1.12}.home h1{letter-spacing:-.01em;font-size:clamp(34px,7.4vw,58px)}.home h2{font-size:clamp(26px,4.6vw,38px)}.home h3{align-items:center;gap:10px;font-size:22px;display:flex}.home p{margin:0 0 1em}.only-desk{display:none!important}@media (min-width:860px){.only-desk{display:revert!important}.only-mob{display:none!important}}.h-btn{background:var(--accent);min-height:46px;color:var(--accent-ink);border:2px solid var(--accent);touch-action:manipulation;white-space:nowrap;border-radius:14px;justify-content:center;align-items:center;gap:.4em;padding:9px 20px;font-size:16px;font-weight:800;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex;box-shadow:0 3px #00000040}@media (hover:hover){.h-btn:hover{transform:translateY(-1px);box-shadow:0 4px #00000040}.h-btn.ghost:hover{box-shadow:0 4px 0 var(--btn-edge)}}.h-btn:active{transform:translateY(2px);box-shadow:0 1px #00000040}.h-btn.big{min-height:58px;font-size:20px;font-family:var(--font-display);padding:12px 30px;font-weight:600}.h-btn.small{min-height:40px;padding:6px 16px;font-size:15px}.h-btn.ghost{background:var(--btn);color:var(--ink);border-color:var(--btn-edge);box-shadow:0 3px 0 var(--btn-edge)}.store-badges{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sb{border-radius:9px;line-height:0;display:inline-flex;position:relative}.home .sb-img{width:auto;height:52px}.home .sb[href] .sb-img{transition:transform .15s}@media (hover:hover){.home .sb[href]:hover .sb-img{transform:translateY(-1px)}}.sb.soon{cursor:default}.sb.soon .sb-img{opacity:.45;filter:grayscale()}.sb-soon{background:var(--accent);color:var(--accent-ink);font-family:var(--font-display);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600;line-height:1.2;position:absolute;top:-9px;right:-6px;box-shadow:0 2px #0003}.h-top{justify-content:space-between;align-items:center;gap:16px;padding:6px 0 18px;display:flex}.h-logo{font-family:var(--font-display);color:var(--accent);text-shadow:2px 0 #fff,-2px 0 #fff,0 2px #fff,0 -2px #fff,1.5px 1.5px #fff,-1.5px 1.5px #fff,1.5px -1.5px #fff,-1.5px -1.5px #fff,0 4px #3c230f2e;font-size:30px;font-weight:700;text-decoration:none;display:inline-block;transform:rotate(-3deg)}.h-logo.small{font-size:24px}.h-nav{gap:26px;margin-left:auto;margin-right:12px;display:none}.h-nav a{color:var(--ink);font-weight:700;text-decoration:none}.h-nav a:hover,.h-nav a.on{color:var(--accent)}@media (min-width:860px){.h-nav{display:flex}.h-top.sticky{z-index:30;background:var(--bg);box-shadow:0 0 0 100vmax var(--bg);clip-path:inset(0 -100vmax);margin-bottom:6px;padding:12px 0;position:sticky;top:0;transform:translateZ(0)}.h-top.sticky:after{content:"";background:var(--btn-edge);opacity:0;width:100vw;height:2px;margin-left:-50vw;transition:opacity .25s;position:absolute;bottom:0;left:50%}.h-top.sticky.scrolled:after{opacity:1}.sec{scroll-margin-top:84px}}.hero{text-align:center;align-items:center;gap:32px;padding:10px 0 48px;display:grid}.eyebrow{background:var(--accent-soft);color:var(--ink);border-radius:999px;padding:4px 12px;font-size:14px;font-weight:800;display:inline-block;margin:0 0 16px!important}.hl{color:var(--accent)}.lead{color:var(--ink-soft);max-width:32em;font-size:clamp(17px,2.2vw,20px);margin-left:auto!important;margin-right:auto!important}.hero-cta{flex-direction:column;align-items:stretch;gap:12px;margin-top:24px;display:flex}.hero-cta .store-badges{justify-content:center}.promises{color:var(--ink-soft);flex-wrap:wrap;justify-content:center;gap:8px 20px;margin:18px 0 0;padding:0;font-size:15px;font-weight:800;list-style:none;display:flex}.promises li{align-items:center;gap:7px;display:flex}.promises li:before{content:"";background:var(--leaf);border-radius:50%;width:8px;height:8px}@media (min-width:860px){.hero{text-align:left;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:56px;padding:40px 0 80px}.lead{margin-left:0!important}.hero-cta{flex-direction:row;align-items:center;gap:18px}.promises{justify-content:flex-start}}.carnet{background:var(--paper);box-shadow:0 1px 0 var(--paper-edge),0 3px 0 var(--paper-edge),0 5px 0 #d9cba9,0 24px 40px var(--paper-shadow);border-radius:6px 6px 12px 12px;margin:0;padding:30px 16px 16px;position:relative}.binding{pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='30'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%23777'/%3E%3Cstop offset='.45' stop-color='%23eee'/%3E%3Cstop offset='1' stop-color='%23888'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='13' cy='22' r='3.6' fill='%23000' fill-opacity='.35'/%3E%3Cpath d='M13 22 C13 8 9 2 13 2' fill='none' stroke='url(%23g)' stroke-width='3.4' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:space;background-size:26px 30px;height:30px;position:absolute;top:-10px;left:16px;right:16px}.carnet-scene{border-radius:2px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #00000014}.carnet-scene>img:first-child{width:100%}.st{filter:drop-shadow(0 1px 1px #00000026);height:auto;position:absolute}.rub-demo{height:auto;position:absolute}.rub-demo.inline{width:92px;position:relative}.rub-demo img{width:100%}.rd-ink{filter:drop-shadow(0 1px 1px #00000026);position:relative}.rd-ghost{opacity:0;filter:grayscale(.45)saturate(.6)brightness(1.08)contrast(.85);position:absolute;top:0;left:0}.rd-film{opacity:0;border:1.5px dashed var(--accent);background:linear-gradient(135deg,#ffffff52,#ffffff1a 45%,#ffffff38);border-radius:4px;position:absolute;inset:-9%;box-shadow:0 0 0 1px #0000001a,0 4px 10px #00000029}.rd-rubber{z-index:1;aspect-ratio:1;opacity:0;pointer-events:none;background:radial-gradient(circle at 35% 30%,#fff 0 12%,#d9dde2 30%,#9aa3ad 70%,#7d858f);border:2px solid #3c3c468c;border-radius:50%;width:48%;position:absolute;top:50%;left:50%;box-shadow:0 3px 8px #00000059}.rd-rubber:after{content:"";border:2px dotted #46465073;border-radius:50%;position:absolute;inset:20%}.motion [data-intro]{visibility:hidden}.phone{aspect-ratio:9/18.5;background:#1b1611;border-radius:42px;width:min(300px,78vw);margin:0 auto;padding:11px;position:relative;box-shadow:0 0 0 2px #3a3027,0 30px 50px #28190a59}.phone:before{content:"";z-index:2;background:#1b1611;border-radius:20px;width:30%;height:22px;margin-left:-15%;position:absolute;top:18px;left:50%}.phone-screen{background:#e8dcc5;border-radius:32px;flex-direction:column;gap:10px;height:100%;padding:48px 10px 10px;display:flex;overflow:hidden}.ph-top{justify-content:space-between;align-items:center;display:flex}.ph-logo{font-family:var(--font-display);color:#e2702a;text-shadow:1px 1px #fff,-1px -1px #fff,1px -1px #fff,-1px 1px #fff;font-size:20px;font-weight:700;transform:rotate(-3deg)}.ph-chip{font-family:var(--font-display);color:#3b2a1c;background:#fffaf0;border:2px solid #d8c6a6;border-radius:99px;padding:3px 10px;font-size:12px;font-weight:600}.ph-scene{background:#fbf6ea;border:6px solid #fbf6ea;border-radius:4px;flex:1;position:relative;overflow:hidden;box-shadow:0 6px 12px #462d1440}.ph-scene>img:first-child{object-fit:cover;object-position:30% 50%;width:100%;max-width:none;height:100%;position:absolute;inset:0}.ph-st{filter:drop-shadow(0 1px 1px #00000026);height:auto;position:absolute}.ph-scene .rd-rubber{border-width:1.5px;width:56%}.ph-sheet{background:#faf8f0b3;border:1px solid #fff;border-radius:14px;gap:6px;padding:8px;display:flex}.ph-slot{aspect-ratio:1;background:#fffaf0;border-radius:8px;flex:1;justify-content:center;align-items:center;padding:4px;display:flex}.ph-slot img{width:auto;max-height:100%}.sec{padding:56px 0}@media (min-width:860px){.sec{padding:84px 0}}.sec-head{max-width:640px;margin-bottom:28px}.sec-head h2{margin-bottom:.3em}.sec-lead{color:var(--ink-soft);font-size:18px;margin:0!important}.steps{gap:16px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:760px){.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}.steps li{background:var(--card);border:2px solid var(--btn-edge);border-radius:18px;padding:20px}.steps p{color:var(--ink-soft);margin:0}.num{background:var(--accent);width:34px;height:34px;color:var(--accent-ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:19px;display:inline-flex}.step-art{background:var(--accent-soft);border-radius:12px;justify-content:center;align-items:center;gap:10px;height:140px;margin-bottom:18px;display:flex}.mini-slot{background:var(--paper);width:70px;height:70px;box-shadow:0 2px 0 var(--paper-edge);border-radius:12px;justify-content:center;align-items:center;padding:8px;display:flex}.mini-slot img{width:auto;max-height:100%}.mini-slot.on{box-shadow:0 0 0 3px var(--accent),0 10px 16px var(--paper-shadow);transform:translateY(-10px)}.mini-film{border:1.5px dashed var(--accent);background:#ffffff4d;border-radius:6px;width:92px;padding:8px;position:relative}.mf-handle,.mf-flip{background:var(--accent);border:3px solid #fff;border-radius:50%;width:24px;height:24px;position:absolute;box-shadow:0 2px 5px #0000004d}.mf-handle{bottom:-12px;right:-12px}.mf-flip{bottom:-12px;left:-12px}.examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:860px){.examples{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}}.examples li{border:2px solid var(--btn-edge);background:var(--card);border-radius:16px;position:relative;overflow:hidden}.examples img{aspect-ratio:16/10;object-fit:cover;width:100%}.examples .ex-more{aspect-ratio:16/10;background:var(--card);text-align:center;border-style:dashed;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:10px;display:flex}.ex-stack{justify-content:center;align-items:flex-end;padding-left:12px;display:flex}.examples .ex-stack img{aspect-ratio:auto;object-fit:contain;filter:drop-shadow(0 2px 3px #0003);width:auto;height:clamp(40px,5vw,56px);margin-left:-12px}.examples .ex-stack img:nth-child(2){z-index:1;height:clamp(46px,5.8vw,64px);position:relative}.ex-more-txt{font-family:var(--font-display);color:var(--ink);font-size:clamp(15px,1.6vw,17px);font-weight:600}.ex-name{background:var(--float-bg);font-family:var(--font-display);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;padding:3px 11px;font-size:15px;font-weight:600;position:absolute;bottom:10px;left:10px}.split{align-items:center;gap:28px;display:grid}@media (min-width:860px){.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px}}.split p{color:var(--ink-soft);font-size:18px}.collect{background:var(--sheet-bg);border:1px solid var(--sheet-edge);box-shadow:inset 0 1px 0 var(--sheet-sheen);border-radius:18px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:16px;display:grid}.c-slot{aspect-ratio:1;background:var(--paper);box-shadow:0 2px 0 var(--paper-edge);border-radius:12px;justify-content:center;align-items:center;padding:10px;transition:background .3s,box-shadow .3s;display:flex;position:relative}.c-slot img{width:auto;max-height:100%}.c-slot.ghost{box-shadow:inset 0 0 0 2px var(--btn-edge);background:0 0}.c-slot.ghost img{filter:var(--ghost-filter);opacity:.28}.c-slot img.c-won{object-fit:contain;filter:none;opacity:0;visibility:hidden;width:calc(100% - 20px);height:calc(100% - 20px);position:absolute;top:10px;left:10px}.c-gift{aspect-ratio:1;text-align:center;background:var(--accent);color:var(--accent-ink);font-family:var(--font-display);border-radius:12px;justify-content:center;align-items:center;font-size:clamp(13px,2.4vw,17px);font-weight:700;display:flex;box-shadow:0 2px #0003}.app-phone{justify-content:center;display:flex}.ticks{gap:10px;margin:0 0 24px;padding:0;list-style:none;display:grid}.ticks li{padding-left:32px;font-weight:700;position:relative}.ticks li:before{content:"";background:var(--leaf);border-radius:50%;width:22px;height:22px;position:absolute;top:2px;left:0}.ticks li:after{content:"";border:3px solid #fff;border-width:0 3px 3px 0;width:6px;height:11px;position:absolute;top:6px;left:7px;transform:rotate(45deg)}@media (min-width:860px){.faq-sec{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:start}}.faq{gap:10px;display:grid}.faq details{background:var(--card);border:2px solid var(--btn-edge);border-radius:14px;padding:0 18px;transition:border-color .25s}.faq details[open]:not(.closing){border-color:var(--accent)}.faq summary{cursor:pointer;padding:16px 36px 16px 0;font-size:17px;font-weight:800;list-style:none;transition:color .2s;position:relative}.faq summary::-webkit-details-marker{display:none}@media (hover:hover){.faq summary:hover{color:var(--accent)}}.faq summary:before,.faq summary:after{content:"";background:var(--accent);border-radius:2px;width:16px;height:3px;margin-top:-1.5px;transition:transform .3s cubic-bezier(.3,1.4,.5,1);position:absolute;top:50%;right:2px}.faq summary:after{transform:rotate(90deg)}.faq details[open]:not(.closing) summary:after{transform:rotate(0)}.faq-a{overflow:hidden}.faq-a p{color:var(--ink-soft);margin:0;padding:0 0 18px}.end{text-align:center;background:var(--accent-soft);border-radius:24px;margin:0 0 56px;padding:44px 20px 48px}.end-sun{width:84px;margin:0 auto 8px}.end h2{margin-bottom:.6em}.h-foot{color:var(--ink-soft);background:var(--card);box-shadow:0 0 0 100vmax var(--card);clip-path:inset(0 -100vmax);margin-top:8px;padding:44px 0 28px;font-size:15px;position:relative}.h-foot.with-bar{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}@media (min-width:860px){.h-foot.with-bar{padding-bottom:28px}}.h-foot:before{content:"";border-top:2px dashed var(--btn-edge);width:100vw;margin-left:-50vw;position:absolute;top:0;left:50%}.h-foot a{color:var(--ink);font-weight:700;text-decoration:none}@media (hover:hover){.h-foot a:hover{color:var(--accent)}}.foot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;display:grid}.foot-brand{grid-column:1/-1;position:relative}.foot-brand .h-logo{color:var(--accent);margin-bottom:10px}.foot-brand p{max-width:22em;margin:0}.foot-deco{align-items:flex-end;gap:6px;margin-top:16px;display:flex}.home .foot-deco img{filter:drop-shadow(0 1px 1px #00000026);width:auto;height:40px}.foot-deco img:first-child{transform:rotate(-8deg)}.foot-deco img:nth-child(2){transform:rotate(4deg)translateY(-4px)}.foot-deco img:nth-child(3){transform:rotate(-3deg)}.home .foot-col h2{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 12px;font-size:15px}.foot-col ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.foot-soon{color:var(--ink-soft);font-weight:700}.foot-soon em{background:var(--accent-soft);color:var(--ink);border-radius:999px;margin-left:4px;padding:2px 8px;font-size:12px;font-style:normal;font-weight:800}.foot-bottom{border-top:1px solid var(--btn-edge);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:36px;padding-top:20px;font-size:14px;display:flex}@media (min-width:860px){.foot-grid{grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:40px}.foot-brand{grid-column:auto}}.legal{max-width:760px;padding:10px 0 50px}.legal h1{font-size:clamp(30px,6vw,44px)}.legal h2{margin-top:1.6em;font-size:24px}.legal p,.legal li{color:var(--ink-soft);font-size:17px}.legal a{color:var(--accent);font-weight:700}.legal .todo{background:var(--accent-soft);color:var(--ink);border-radius:6px;padding:0 6px;font-weight:800}.legal .updated{font-size:14px;font-weight:700}.m-bar{left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom,0px));z-index:20;background:var(--float-bg);border:2px solid var(--btn-edge);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:8px 8px 8px 16px;display:flex;position:fixed;box-shadow:0 10px 24px #28190a40}.m-bar-txt{font-size:15px}.m-bar-txt b{font-family:var(--font-display);color:var(--accent)}@media (min-width:860px){.m-bar{display:none}}@media (prefers-reduced-motion:reduce){.h-btn,.faq summary:after{transition:none}}