:root{--paper:#f5f1e8;--ink:#15241f;--accent:#1d6b53;--road:#f2b632;--mist:#dfe8df;--button-text:#fff;--display:'Gabarito',sans-serif;--mono:'Azeret Mono',monospace;--input-bg:#fff;--field-radius:8px;--button-radius:8px}
body{background:var(--paper);color:var(--ink);font:400 1.02rem/1.62 'Hanken Grotesk',sans-serif}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{font-family:var(--display);letter-spacing:-.035em;line-height:1}
.hd-label{font:500 .68rem/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.site-header{border-bottom:1px solid rgba(21,36,31,.14)}.brand{font:700 1.08rem var(--display);letter-spacing:-.02em;white-space:nowrap}.site-nav .nav-join{background:var(--ink);border-radius:8px;white-space:nowrap}
.hd-optin{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100dvh - 84px)}
.hd-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,6vw,6.5rem)}
.hd-copy h1{font-size:clamp(3.2rem,6.4vw,6.6rem);font-weight:700;margin:1.1rem 0 1.3rem;max-width:11ch}.hd-copy h1 em{font-style:normal;color:var(--accent)}
.hd-copy>p{max-width:42ch;font-size:clamp(1.02rem,1.3vw,1.18rem);margin-bottom:1.8rem}
.hd-copy .signup-shell{max-width:470px}.signup-form>label:first-child{font:500 .68rem var(--mono);text-transform:uppercase;letter-spacing:.06em}.signup-form button{width:100%}.signup-consent{font-size:.78rem}
.hd-author{display:flex;align-items:center;gap:.9rem;margin-top:1.8rem;padding-top:1.2rem;border-top:1px solid rgba(21,36,31,.16);max-width:470px}.hd-author img{width:52px;height:52px;border-radius:50%;object-fit:cover}.hd-author p{margin:0;font-size:.92rem;line-height:1.4}.hd-author strong{display:block}
.hd-route{position:relative;background:var(--ink);color:#f5f1e8;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(1.5rem,4vw,3.5rem)}
.hd-route svg{position:absolute;inset:0;width:100%;height:100%}.hd-road{fill:none;stroke:#2c3d37;stroke-width:34;stroke-linecap:round}.hd-line{fill:none;stroke:var(--road);stroke-width:4;stroke-linecap:round;stroke-dasharray:14 16}
.hd-stops{position:relative;z-index:1;list-style:none;margin:0;padding:0;display:grid;gap:clamp(1.4rem,4vh,3rem);max-width:340px;margin-left:auto}
.hd-stop{display:grid;grid-template-columns:44px 1fr;gap:1rem;align-items:start;padding:1rem;background:rgba(245,241,232,.07);border:1px solid rgba(245,241,232,.14);border-radius:14px;backdrop-filter:blur(3px);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.hd-stop b{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--road);color:var(--ink);font:600 .8rem var(--mono)}.hd-stop h3{font-size:1.25rem;margin:.15rem 0 .3rem}.hd-stop p{margin:0;font-size:.9rem;color:#cfd8d2;line-height:1.5}
.hd-route-foot{position:relative;z-index:1;display:flex;justify-content:space-between;gap:1rem;color:#aebdb5}
.hd-strip{background:var(--mist);padding-block:clamp(4.5rem,9vw,8rem)}.hd-strip-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2.5rem,7vw,7rem);align-items:start}
.hd-strip h2{font-size:clamp(2.4rem,4.6vw,4.6rem);margin:1rem 0;max-width:13ch}.hd-strip p{max-width:44ch}
.hd-habits{list-style:none;margin:0;padding:0;border-top:1px solid rgba(21,36,31,.2)}.hd-habits li{display:grid;grid-template-columns:8rem 1fr;gap:1rem;padding:1.3rem 0;border-bottom:1px solid rgba(21,36,31,.2)}.hd-habits span{font:500 .7rem/2 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--accent)}
.hd-writer{padding-block:clamp(4.5rem,9vw,8rem)}.hd-writer-grid{display:grid;grid-template-columns:.4fr 1fr;gap:clamp(2rem,6vw,6rem);align-items:center}
.hd-writer img{width:100%;max-width:300px;aspect-ratio:1;object-fit:cover;border-radius:18px;box-shadow:0 1px 2px rgba(21,36,31,.1),0 24px 50px -24px rgba(21,36,31,.45)}.hd-writer h2{font-size:clamp(2.2rem,4vw,3.8rem);margin:1rem 0 1.2rem;max-width:16ch}.hd-writer p{max-width:52ch}
.hd-writer a{min-height:48px;display:inline-flex;align-items:center;gap:.6rem;margin-top:.8rem;padding:0 1.2rem;background:var(--accent);color:#fff;border-radius:8px;text-decoration:none;font-weight:600}
.site-footer{background:var(--ink);color:#f5f1e8;border:0}.site-footer .brand{color:#f5f1e8}
@media(max-width:900px){.hd-optin{grid-template-columns:1fr;min-height:0}.hd-route{min-height:520px}.hd-stops{margin:0 auto 0 0}.hd-strip-grid,.hd-writer-grid{grid-template-columns:1fr}.hd-writer img{max-width:220px}}
@media(max-width:600px){.hd-copy{padding:2.2rem 1rem 2.6rem}.hd-copy h1{font-size:clamp(2.8rem,12.5vw,3.8rem)}.hd-route{min-height:0;padding:2rem 1rem}.hd-route-foot{margin-top:2rem;font-size:.6rem}.hd-habits li{grid-template-columns:1fr;gap:.2rem}.site-nav .nav-join{font-size:.8rem;padding:.55rem .75rem}.site-nav a:not(.nav-join){display:none}}
@media(max-width:359px){.brand{font-size:.92rem}.brand img{width:26px;height:26px}.site-nav .nav-join{padding:.5rem .6rem;font-size:.74rem}}