*{margin:0;padding:0;box-sizing:border-box}
:root{--y:#FFC300;--ink:#0A0A0A;--paper:#FAFAF7;--line:#E8E6E0;--mute:#6B6B6B;--faint:#A8A8A2;--ease:cubic-bezier(.2,.8,.2,1)}
html{overflow-x:clip;scroll-behavior:smooth}
body{overflow-x:clip;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI',system-ui,sans-serif;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{max-width:1180px;margin:0 auto;padding:0 40px}
/* nav: full-width header flush to top */
.nav{position:sticky;top:0;z-index:50;margin:0;width:100%;background:rgba(250,250,247,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(10,10,10,.08)}
.nav-in{display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:0 auto;padding:12px 24px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.3px;font-size:16px}
.brand img{width:34px;height:34px;border-radius:50%;object-fit:cover;object-position:top;border:2px solid var(--y)}
.nav-links{display:flex;gap:26px;font-size:14px;color:var(--mute)}
.nav-links a:hover{color:var(--ink)}
.pill{display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:var(--y);padding:11px 20px;border-radius:999px;font-weight:700;font-size:14px;transition:transform .4s var(--ease)}
.pill:hover{transform:translateY(-1px)}
/* phone frame */
.phone{width:300px;aspect-ratio:390/844;border-radius:46px;background:#111;padding:10px;box-shadow:0 0 0 1.5px #2a2a2a inset,0 40px 80px -30px rgba(10,10,10,.45),0 12px 24px -12px rgba(10,10,10,.25);position:relative;flex-shrink:0}
.phone img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:37px}
.phone::after{content:"";position:absolute;top:19px;left:50%;transform:translateX(-50%);width:84px;height:24px;border-radius:20px;background:#000}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
h1,h2,h3{letter-spacing:-.03em}
h2{font-size:clamp(34px,4.4vw,58px);line-height:1.02;font-weight:800}
.lede{font-size:19px;line-height:1.6;color:#3a3a38;max-width:560px}
.mark{background:linear-gradient(transparent 62%,var(--y) 62%)}
/* footer */
footer{background:var(--ink);color:#d9d7d0;padding:72px 0 40px;margin-top:0}
.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}
.foot h4{color:#fff;font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}
.foot a{display:block;color:#bdbab2;font-size:15px;margin:8px 0}
.foot a:hover{color:var(--y)}
.foot .brand{color:#fff;font-size:20px;margin-bottom:14px}
.fine{border-top:1px solid #222;margin-top:56px;padding-top:24px;font-size:13px;color:#7d7b75;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
/* faq */
details{border-top:1px solid var(--line);padding:24px 0}
details:last-child{border-bottom:1px solid var(--line)}
summary{list-style:none;cursor:pointer;font-size:20px;font-weight:700;letter-spacing:-.02em;display:flex;justify-content:space-between;gap:20px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-weight:400;font-size:26px;line-height:1;color:var(--mute);transition:transform .4s var(--ease)}
details[open] summary::after{transform:rotate(45deg)}
details p{margin-top:12px;font-size:16px;line-height:1.7;color:#3a3a38;max-width:720px}
@media(max-width:860px){.wrap{padding:0 20px}.nav-in{padding:10px 16px}.nav-links{display:none}.foot{grid-template-columns:1fr}.phone{width:250px;border-radius:40px}.phone img{border-radius:31px}}