:root{--ground:#14170f;--ink:#f0ead9;--muted:#9a9280;--soft:#cfc8b6;--pill-rim:linear-gradient(#4467b0 0%, #2f4f94 30%, #0c2a6c 68%, #041849 100%);--pill-face:linear-gradient(#d6d4cf 0%, #eceae5 18%, #f2f0ea 38%, #ebe9e4 55%, #d2cfca 72%, #b4b1ad 90%, #a6a39f 100%);--pill-outline:#0a1a2a;--pill-ink:#1d1d1b;--pill-sub:#5c574f;--pill-navy:#1f3b73;--pill-red:#e0453a;--pill-lift:0 0 0 2px #e6e2dd, 0 0 0 3px #b7b2ab, 0 4px 6px 1px #00000073;--font:"M PLUS Rounded 1c", "Nunito", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ground);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-weight:500;line-height:1.5}h1,h2,h3,p,ul,ol{margin:0}img{max-width:100%;height:auto;display:block}a{color:inherit}.wrap{width:min(72rem,100% - 2rem);margin-inline:auto}.sheet{color:var(--pill-ink);border:3px solid var(--pill-navy);box-shadow:var(--pill-lift);background:repeating-linear-gradient(135deg,#ffffff73 0 2px,#0000 2px 7px),#dcdde2;border-radius:16px}.title{color:var(--pill-navy);border-bottom:4px solid #d8332f;padding-bottom:.45rem;font-weight:800;box-shadow:0 3px #f2a7a2}.help{color:#fff;box-shadow:0 0 0 2px #fff, 0 0 0 3.5px var(--pill-outline);background:linear-gradient(#4a5060,#262a36);border-radius:10px;padding:.6rem 1rem;font-weight:700}.pill{letter-spacing:.1em;text-transform:uppercase;width:max-content;color:var(--pill-navy);background:var(--pill-face) padding-box, var(--pill-rim) border-box;box-shadow:0 0 0 1.5px var(--pill-outline), 0 2px 3px #0000004d;border:2px solid #0000;border-radius:999px;justify-self:start;padding:.15rem .75rem;font-size:11px;font-weight:800}.go{font:800 1.05rem var(--font);color:#fff;box-shadow:0 0 0 1.5px var(--pill-outline), 0 3px 4px #0006;background:linear-gradient(#6aa0ea 0%,#3a7bd5 45%,#23559e 100%);border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;padding:.7rem 2.2rem;text-decoration:none;display:inline-flex}.go:hover{filter:brightness(1.08)}.go:focus-visible,.faq summary:focus-visible,.scroll:focus-visible,.logo:focus-visible{outline-offset:3px;outline:3px solid #f6c445}.go.big{padding:.9rem 3rem;font-size:1.25rem}.go.small{padding:.4rem 1.2rem;font-size:.9rem}kbd{font:800 11px var(--font);color:var(--pill-navy);box-shadow:0 0 0 1.5px var(--pill-outline);background:#fff;border-radius:5px;padding:.05rem .4rem}.shot{box-shadow:0 0 0 2px var(--pill-outline), 0 8px 18px #00000073;border:3px solid #fff;border-radius:12px}.cut{filter:drop-shadow(0 8px 14px #00000073);border-radius:16px;justify-self:center}.bar{z-index:2;position:absolute;inset:0 0 auto}.bar .wrap{justify-content:space-between;align-items:center;padding-block:1rem;display:flex}.logo{text-shadow:0 2px 4px #0009;font-size:1.2rem;font-weight:800;text-decoration:none}.hero{background:linear-gradient(#14170f59, #14170fd9 85%, var(--ground)), url(/landing/cafe.jpg) center 30% / cover;place-items:center;min-height:100svh;padding:5rem 1rem 3.5rem;display:grid;position:relative}.hero .sheet{gap:.9rem;width:min(34rem,100%);padding:1.4rem 1.6rem 1.6rem;display:grid}.hero h1{font-size:clamp(1.8rem,6vw,2.5rem);line-height:1.15}.hero .help{font-size:1.05rem}.hero .go{justify-self:stretch}.hero .aside{color:var(--pill-sub);text-align:center;border-top:2px dashed #b9bfcb;padding-top:.7rem;font-size:13px;font-weight:700}.open{align-items:center;gap:.4rem;display:inline-flex}.open:before{content:"";background:#2fa36b;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 2px #fff}.scroll{color:var(--muted);padding:.7rem 1rem;font-size:12px;text-decoration:none;position:absolute;bottom:.6rem;left:50%;translate:-50%}section{padding-block:4.5rem}.head{text-align:center;margin-bottom:2.2rem}.head h2{font-size:clamp(1.5rem,3.5vw,2rem);font-weight:800}.head p{color:var(--muted);margin-top:.3rem}.steps{grid-template-columns:repeat(3,1fr);gap:1.2rem;padding:0;list-style:none;display:grid}.steps .sheet{align-content:start;gap:.6rem;padding:1.2rem 1.3rem;display:grid}.steps h3{font-size:1.15rem}.steps p{color:var(--pill-sub);font-size:14px;font-weight:700}.feature{grid-template-columns:1.25fr 1fr;align-items:center;gap:2.5rem;display:grid}.feature+.feature{margin-top:4rem}.feature.flip{grid-template-columns:1fr 1.25fr}.feature.flip img{order:2}.feature .cut{width:min(100%,440px)}.feature h2{margin:.6rem 0;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:800;line-height:1.2}.feature p,.feature ul{color:var(--soft);font-size:1.05rem}.feature ul{margin-top:.8rem;padding-left:1.1rem}.grid{grid-template-columns:repeat(2,1fr);align-items:start;gap:1.2rem;display:grid}.grid .sheet{align-content:start;gap:.7rem;padding:1.1rem 1.2rem 1.3rem;display:grid}.grid h3{font-size:1.05rem}.grid p{color:var(--pill-sub);font-size:14px;font-weight:700}.cut.level{border-radius:999px;width:100%}.cut.friends{width:min(100%,300px)}.ranks{flex-wrap:wrap;gap:.5rem .4rem;padding:0;list-style:none;display:flex}.ranks li{justify-items:center;gap:.15rem;display:grid}.ranks span{color:#fff;background:var(--rank);box-shadow:0 0 0 1.5px var(--pill-outline);text-shadow:0 1px 2px #00000059;border:2px solid #fff;border-radius:999px;padding:.15rem .6rem;font-size:12px;font-weight:800}.ranks small{color:var(--pill-sub);font-size:11px;font-weight:800}.checks{gap:.35rem;padding:0;font-size:14px;font-weight:700;list-style:none;display:grid}.checks li:before{content:"✓";color:#2fa36b;margin-right:.5rem;font-weight:800}.tags{flex-wrap:wrap;gap:.4rem;padding:0;list-style:none;display:flex}.tags li{color:var(--pill-navy);background:#fff;border:2px solid #b9bfcb;border-radius:999px;padding:.2rem .75rem;font-size:13px;font-weight:700}.extras-band{padding-block:2rem}.extras{color:var(--soft);flex-wrap:wrap;justify-content:center;gap:.8rem 2rem;padding:0;font-size:14px;list-style:none;display:flex}.extras b{color:var(--ink)}.faq{width:min(44rem,100%);margin-inline:auto;padding:.4rem 1.2rem}.faq details{border-bottom:2px dashed #b9bfcb}.faq details:last-child{border-bottom:none}.faq summary{cursor:pointer;color:var(--pill-navy);justify-content:space-between;gap:1rem;padding:.8rem 0;font-weight:800;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"›";color:var(--pill-red);font-size:1.2rem;line-height:1;transition:rotate .15s}.faq details[open] summary:after{rotate:90deg}.faq details p{color:var(--pill-sub);padding-bottom:.9rem;font-size:14px;font-weight:700}.end{text-align:center;padding-inline:1rem}.end .sheet{gap:1rem;width:min(30rem,100%);padding:1.6rem 2rem;display:inline-grid}.end h2{font-size:1.5rem}footer{color:var(--muted);text-align:center;padding:2rem 1rem 3rem;font-size:13px}@media (max-width:760px){section{padding-block:3rem}.steps,.grid,.feature,.feature.flip{grid-template-columns:1fr}.feature,.feature.flip{gap:1.5rem}.feature.flip img{order:0}.feature+.feature{margin-top:3rem}.hero .sheet{padding:1.1rem 1.1rem 1.3rem}.go.big{padding-inline:2rem}.end .sheet{padding:1.3rem 1.2rem}.faq{padding-inline:1rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.faq summary:after{transition:none}}
