:root{--bg:#f6f6f7;--surface:#fff;--text:#1a1a1a;--muted:#5c5f62;--line:#e1e3e5;--brand:#008060;--brand-dark:#006e52;--dark:#262626;--dark-text:#d7d7d7;--max:1100px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.55;font-size:17px}
a{color:var(--brand)}img,video{max-width:100%;height:auto;display:block}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
header.top{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;gap:16px}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;text-decoration:none;color:var(--text)}.logo img{width:32px;height:32px;border-radius:8px}
nav.main a{color:var(--muted);text-decoration:none;margin-left:22px;font-size:15px}nav.main a:hover{color:var(--text)}
.btn{display:inline-block;background:var(--brand);color:#fff;text-decoration:none;padding:12px 22px;border-radius:8px;font-weight:600;border:0;font-size:16px}.btn:hover{background:var(--brand-dark)}
.btn.secondary{background:transparent;color:var(--text);border:1px solid var(--line)}.btn.secondary:hover{background:#f1f1f1}
.hero{padding:72px 0 40px}.hero h1{font-size:44px;line-height:1.15;margin:0 0 18px;letter-spacing:-.5px}.hero p.lead{font-size:20px;color:var(--muted);max-width:720px;margin:0 0 28px}
.hero .cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.hero .note{font-size:14px;color:var(--muted);margin-top:14px}
.shot{border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.12);background:#000}
section{padding:56px 0}section h2{font-size:32px;margin:0 0 10px;letter-spacing:-.3px}section p.sub{color:var(--muted);font-size:18px;margin:0 0 32px;max-width:720px}
.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px}.card h3{margin:0 0 8px;font-size:19px}.card p{margin:0;color:var(--muted);font-size:15.5px}.card kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f1f1f1;border:1px solid var(--line);border-radius:4px;padding:1px 6px;font-size:13px}
.feature{display:grid;gap:36px;align-items:center;grid-template-columns:1fr 1fr;margin-bottom:64px}.feature:nth-child(even) .text{order:2}.feature h3{font-size:26px;margin:0 0 10px}.feature p{color:var(--muted);margin:0 0 10px}
@media (max-width:820px){.feature{grid-template-columns:1fr}.feature:nth-child(even) .text{order:0}.hero h1{font-size:34px}}
.steps{counter-reset:s}.steps .card{position:relative;padding-left:64px}.steps .card:before{counter-increment:s;content:counter(s);position:absolute;left:20px;top:20px;width:30px;height:30px;border-radius:50%;background:var(--brand);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:15px}
.faq details{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:16px 20px;margin-bottom:10px}.faq summary{cursor:pointer;font-weight:600;font-size:17px}.faq details p{color:var(--muted);margin:10px 0 0}
.honest{background:#fff8e6;border:1px solid #f0d9a0;border-radius:10px;padding:16px 20px;font-size:15px;color:#6b4e00}
.dark-band{background:var(--dark);color:var(--dark-text)}.dark-band h2{color:#eee}.dark-band p.sub{color:#b5b5b5}
footer{border-top:1px solid var(--line);padding:36px 0;color:var(--muted);font-size:14px}footer .cols{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between}footer a{color:var(--muted)}footer ul{list-style:none;padding:0;margin:0}footer li{margin-bottom:6px}
article.post{max-width:760px;margin:0 auto;padding:48px 20px}article.post h1{font-size:38px;line-height:1.15;letter-spacing:-.4px}article.post h2{font-size:26px;margin-top:40px}article.post p,article.post li{font-size:17.5px}article.post .meta{color:var(--muted);font-size:14px}article.post img{border:1px solid var(--line);border-radius:10px;margin:20px 0}article.post table{border-collapse:collapse;width:100%}article.post td,article.post th{border:1px solid var(--line);padding:8px 10px;text-align:left;font-size:15px}article.post .cta-box{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px;margin-top:40px}
.post-list .card h3 a{text-decoration:none;color:var(--text)}
.page{max-width:760px;margin:0 auto;padding:48px 20px}.page h1{font-size:36px}.page h2{font-size:24px;margin-top:34px}