@font-face{font-family:"Instrument Serif";src:url(/assets/instrument-serif.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url(/assets/hanken-grotesk.woff2) format("woff2");font-weight:400 600;font-display:swap}
:root{--bg:#F5F0E6;--sf:#FBF8F0;--ink:#1B1815;--ink2:#5E574C;--rule:rgba(27,24,21,.16);--fill:rgba(27,24,21,.07);--ac:#14B56A;--act:#0A7A45;--on:#0E1A12;--yl:#FFC61A;--pv:#1B1815;--stf:none;--serif:"Instrument Serif",Georgia,serif;--sans:"Hanken Grotesk",system-ui,sans-serif;--pad:clamp(20px,5vw,72px);--body:clamp(17px,1.4vw,20px);--h1:clamp(44px,5.6vw,88px);--h2:clamp(32px,3.4vw,52px)}
@media (prefers-color-scheme:dark){:root{--bg:#1B1815;--sf:#26221E;--ink:#F3EDE0;--ink2:#B8AE9D;--rule:rgba(243,237,224,.18);--fill:rgba(243,237,224,.09);--act:#3FD88F;--pv:#0E0C0A;--stf:brightness(1.5) saturate(1.1)}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 var(--body)/1.5 var(--sans);min-height:100vh;display:flex;flex-direction:column}
main{flex:1;display:flex;flex-direction:column;width:100%;max-width:1600px;margin:0 auto}
img{display:block;max-width:100%}
a{color:var(--act)}
a:hover{color:var(--ink)}
h1,h2,h3,p{margin:0}
a:focus-visible{outline:2px solid var(--act);outline-offset:2px}
.eyebrow{font:600 13px/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink2)}
.center{text-align:center}
.nav,.foot{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px var(--pad)}
.nav{border-bottom:1px solid var(--rule)}
.foot{flex-wrap:wrap;border-top:1px solid var(--ink);padding-block:24px;font-size:15px;color:var(--ink2)}
.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font:400 30px/1 var(--serif)}
.nav-icon{width:40px;height:40px;border-radius:10px}
.nav nav,.foot nav{display:flex;gap:4px}
.nav nav a,.foot nav a{min-height:44px;min-width:44px;padding:0 12px;display:flex;align-items:center;text-decoration:none}
.nav nav a{color:var(--ink);font-size:16px}
.nav nav a[aria-current]{font-weight:600}
.foot nav a{color:var(--ink2)}
.hero{display:flex;flex-wrap:wrap;gap:48px;align-items:center;padding:48px var(--pad) 64px;overflow:hidden}
.hero-text{flex:1 1 520px;min-width:0}
.hero-icon{width:clamp(112px,11vw,160px);height:auto;aspect-ratio:1;border-radius:28%;box-shadow:0 24px 40px -16px rgba(10,80,45,.45)}
.hero h1{font:400 var(--h1)/1.02 var(--serif);letter-spacing:-.01em;margin:32px 0 20px;text-wrap:balance}
.lead{max-width:520px;margin-bottom:32px;color:var(--ink2);text-wrap:pretty}
.store{display:inline-block}
.store img{height:60px;width:auto}
.hero-art{flex:0 0 auto;margin:0 auto;position:relative;padding:24px 40px 0}
.hero-art::before{content:"";position:absolute;inset:0;background:radial-gradient(closest-side,rgba(20,181,106,.22),transparent)}
.phone{position:relative;width:300px;padding:8px;border-radius:46px;background:#0b0b0b;box-shadow:0 40px 60px -24px rgba(27,24,21,.5),0 0 0 2px #2a2a2a}
.phone img{width:100%;height:auto;border-radius:38px}
.hero-stamp{position:absolute;left:-8px;bottom:56px;width:190px;height:190px;transform:rotate(-10deg);filter:var(--stf) drop-shadow(0 18px 14px rgba(10,60,35,.35))}
.sheet{padding:0 var(--pad)}
.sheet-head{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:2px solid var(--ink);border-bottom:1px solid var(--rule);font:600 13px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink2)}
.step{display:flex;flex-wrap:wrap;gap:40px;padding:48px 0;border-bottom:1px solid var(--rule)}
.step.last{border-bottom:0}
.step-text,.step-art{flex:1 1 380px;min-width:0}
.step-art{display:flex;flex-direction:column;gap:12px}
.step-head{display:flex;align-items:baseline;gap:16px}
.num{font:400 64px/1 var(--serif);color:var(--act)}
.step h2,.faq h2{font:400 var(--h2)/1.08 var(--serif);text-wrap:balance}
.step h2{margin:16px 0 24px}
.rows{border-top:1px solid var(--rule)}
.rows p{padding:12px 0;border-bottom:1px solid var(--rule)}
.rows b{font-weight:600}
.rows span{color:var(--ink2)}
.card{background:var(--sf);border:1px solid var(--rule);border-radius:14px;padding:20px;box-shadow:0 18px 30px -22px rgba(27,24,21,.4)}
.card.tight{padding:16px;display:flex;flex-direction:column;gap:8px}
.client{font-size:15px;color:var(--ink2)}
.job{font:400 36px/1.1 var(--serif)}
.seg{display:flex;padding:3px;border-radius:10px;background:var(--fill);margin:16px 0;font-size:15px}
.seg span{flex:1;min-height:44px;display:flex;align-items:center;justify-content:center}
.seg .on{font-weight:600;background:var(--bg);border-radius:8px}
.lines{margin:0;font-size:15px;border-top:1px solid var(--rule)}
.lines div{padding:10px 0;border-bottom:1px solid var(--rule);display:flex;justify-content:space-between;gap:12px}
.lines div:last-child{border-bottom:0}
.lines dd{margin:0;color:var(--ink2)}
.private{background:var(--pv);border:1px solid var(--rule);border-radius:10px;padding:12px 16px;color:#F3EDE0;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.tag,.chip{background:var(--yl);color:#1B1815;font:600 13px var(--sans);border-radius:6px}
.tag{letter-spacing:.08em;padding:2px 8px}
.chip{align-self:flex-start;padding:4px 10px}
.private s{font-size:15px;color:#B8AE9D}
.pick{padding:12px;border:1px solid var(--rule);border-radius:10px;display:flex;align-items:center;gap:12px;font:600 18px var(--sans)}
.pick.on{border:1.5px solid var(--ink);background:var(--bg)}
.dot{width:22px;height:22px;border-radius:11px;border:1.5px solid var(--ink2);flex:none;display:flex;align-items:center;justify-content:center;font-size:13px}
.pick.on .dot{background:var(--ac);border-color:var(--ac);color:var(--on)}
.sign{margin-top:4px;height:80px;border:1px solid var(--ink2);border-radius:10px;background:var(--bg);display:flex;align-items:flex-end;justify-content:flex-end;padding:8px 12px;position:relative;font-size:14px;color:var(--ink2)}
.sign svg{position:absolute;left:28px;top:4px;width:170px;height:70px}
.sign path{fill:none;stroke:var(--ink);stroke-width:2.6;stroke-linecap:round}
.file{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.pdf{position:relative;flex:none;width:132px;height:172px;background:#FBF8F0;border:1px solid rgba(27,24,21,.16);border-radius:6px;padding:12px;box-shadow:0 14px 24px -12px rgba(0,0,0,.45)}
.pdf i{display:block;height:3px;margin-bottom:6px;background:#1B1815;opacity:.25}
.pdf i:first-child{height:5px;width:60%;opacity:.8}
.pdf i:nth-child(2){height:9px;width:80%;opacity:1;margin-bottom:12px}
.pdf img{position:absolute;right:4px;bottom:4px;width:82px;height:82px;transform:rotate(-8deg);mix-blend-mode:multiply}
.meta{flex:1 1 160px;display:flex;flex-direction:column;gap:12px;font-size:15px}
.name{font:600 17px var(--sans)}
.where{color:var(--ink2)}
.faq{padding:0 var(--pad) 64px}
.faq,.support{display:flex;flex-wrap:wrap;gap:32px}
.faq{margin-top:0}
.faq::before{content:"";flex:0 0 100%;border-top:2px solid var(--ink);margin:0 0 0}
.faq h2{flex:0 1 280px}
.faq-list{flex:1 1 380px;min-width:0}
.q{padding:20px 0;border-bottom:1px solid var(--rule)}
.faq-list .q:first-child{padding-top:0}
.q h2,.q h3{font:600 19px var(--sans)}
.q p{color:var(--ink2);margin-top:4px;max-width:640px}
.title{padding:64px var(--pad) 32px}
.title h1{font:400 var(--h1)/1.02 var(--serif);margin-top:12px;max-width:900px;text-wrap:balance}
.legal{margin:0 var(--pad) 64px;border-top:2px solid var(--ink)}
.legal div{display:flex;flex-wrap:wrap;gap:8px 32px;padding:24px 0;border-bottom:1px solid var(--rule)}
.legal h2{flex:0 0 200px;font:600 13px/1.6 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink2)}
.legal p{flex:1 1 320px;max-width:720px;font-size:20px;overflow-wrap:anywhere}
.support{padding:0 var(--pad) 64px;align-items:flex-start;gap:48px}
.support-list{flex:2 1 420px;min-width:0;border-top:2px solid var(--ink)}
.support aside{flex:1 1 300px;min-width:0;border-top:2px solid var(--ink);padding-top:20px}
.mail{margin-top:12px;min-height:64px;border:1px solid var(--rule);border-radius:10px;display:flex;align-items:center;padding:0 16px;overflow-wrap:anywhere}
.hint{margin-top:12px;color:var(--ink2);font-size:15px}
.lost{flex:1;display:flex;align-items:center;justify-content:center;padding:48px var(--pad)}
.lost-card{width:100%;max-width:560px;position:relative;background:var(--sf);border:1px solid var(--rule);border-radius:14px;padding:48px 32px 32px;box-shadow:0 24px 36px -26px rgba(27,24,21,.45)}
.lost-card::before{content:"";position:absolute;top:-10px;left:32px;width:80px;height:20px;background:var(--yl);transform:rotate(-3deg);border-radius:2px}
.lost h1{font:400 clamp(36px,4.4vw,56px)/1.05 var(--serif);margin:8px 0 24px;text-wrap:balance}
.back{display:inline-flex;align-items:center;height:54px;padding:0 24px;border-radius:10px;background:var(--ac);color:var(--on);font:600 17px var(--sans);text-decoration:none}
.back:hover{color:var(--on)}
@media (max-width:480px){.hero-art{padding-inline:12px}.phone{width:min(300px,calc(100vw - 64px))}.hero-stamp{left:-4px;width:150px;height:150px}}