:root{--bg:#f7f3eb;--card:#fffefc;--sunk:#f2ece1;--line:rgba(60,40,15,0.09);--ink:#221f1a;--dim:#7e766a;--tang:#ff4a17;--tangInk:#c93a0c;--tangSoft:#fff1e9;--peach:#ffd9c4;--disp:"Bricolage Grotesque",Helvetica,sans-serif;--sans:"Instrument Sans",-apple-system,sans-serif;--verse:"Newsreader",Georgia,serif}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
a{color:var(--tangInk);text-decoration:none}
a:hover{color:var(--ink)}
.wrap{width:100%;max-width:1160px;margin:0 auto;padding:0 30px}
.lp-nav{position:sticky;top:0;z-index:30;background:rgba(247,243,235,0.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.lp-nav-in{display:flex;align-items:center;justify-content:space-between;gap:22px;height:76px}
.lp-mark{display:flex;align-items:center;gap:11px;font-family:var(--disp);font-weight:800;font-size:19px;letter-spacing:-0.03em;color:var(--ink)}
.lp-mark img{display:block;border-radius:9px}
.lp-links{display:flex;gap:28px}
.lp-links a{font-size:14.5px;font-weight:500;color:var(--dim)}
.lp-links a:hover{color:var(--ink)}
.lp-store{display:inline-flex;align-items:center;gap:10px;border-radius:16px;padding:12px 18px;background:var(--ink);color:#fff;font-size:10.5px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;white-space:nowrap;transition:transform .16s ease}
.lp-store:hover{color:#fff;transform:translateY(-1px)}
/* document */
.doc-head{padding:68px 0 40px;border-bottom:1px solid var(--line)}
.doc-head .kick{font-size:11px;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--tangInk);margin-bottom:18px}
.doc-head h1{font-family:var(--disp);font-weight:800;font-size:clamp(38px,5vw,62px);line-height:0.92;letter-spacing:-0.042em;margin:0 0 18px;text-wrap:balance}
.doc-head p{margin:0;max-width:52ch;font-size:clamp(15.5px,1.2vw,17.5px);line-height:1.55;color:var(--dim);text-wrap:pretty}
.doc-meta{margin-top:26px;font-size:12.5px;font-weight:600;letter-spacing:0.13em;text-transform:uppercase;color:var(--dim)}
.doc{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:64px;padding-block:56px 30px;align-items:start}
.doc-toc{position:sticky;top:112px;display:flex;flex-direction:column;gap:11px}
.doc-toc span{font-size:10px;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--dim);margin-bottom:3px}
.doc-toc a{font-size:14px;font-weight:500;color:var(--dim);line-height:1.35}
.doc-toc a:hover{color:var(--ink)}
.doc-body{max-width:70ch}
.doc-body section{padding-bottom:44px}
.doc-body h2{font-family:var(--disp);font-weight:800;font-size:clamp(24px,2.4vw,31px);line-height:1;letter-spacing:-0.032em;margin:0 0 16px;scroll-margin-top:110px}
.doc-body h3{font-family:var(--sans);font-weight:600;font-size:15px;letter-spacing:-0.005em;margin:26px 0 8px}
.doc-body p{margin:0 0 15px;font-size:16px;line-height:1.62;color:var(--ink);text-wrap:pretty}
.doc-body ul{margin:0 0 15px;padding:0;list-style:none;display:flex;flex-direction:column;gap:11px}
.doc-body li{display:flex;gap:12px;font-size:15.5px;line-height:1.5}
.doc-body li:before{content:"";flex:0 0 auto;width:7px;height:7px;border-radius:99px;background:var(--peach);margin-top:8px}
.doc-note{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:24px 26px;margin:0 0 8px}
.doc-note p{margin:0;font-size:15px;color:var(--dim)}
.doc-note p strong{color:var(--ink);font-weight:600}
.doc-cta{border-top:1px solid var(--line);padding:44px 0 8px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.doc-cta p{margin:0;font-size:15.5px;color:var(--dim);max-width:44ch;line-height:1.55}
.lp-foot{border-top:1px solid var(--line);padding:36px 0 44px;margin-top:52px}
.lp-foot-in{display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap}
.lp-foot .lp-mark{font-size:16px}
.lp-foot-links{display:flex;flex-wrap:wrap;gap:22px}
.lp-foot-links a{font-size:13.5px;color:var(--dim)}
.lp-foot-links a:hover{color:var(--ink)}
.lp-copy{font-size:13px;color:var(--dim)}
@media(max-width:940px){.doc{grid-template-columns:minmax(0,1fr);gap:36px;padding-block:40px 20px}.doc-toc{position:static;flex-flow:row wrap;gap:16px}.doc-toc span{display:none}.doc-head{padding:44px 0 32px}}
@media(max-width:760px){.lp-links{display:none}}
@media(max-width:430px){.wrap{padding:0 18px}}