/* Extension of the approved cream / forest-green v1 design. */
.annotated .pin{transform:translate(-50%,-150%)}
.annotated .pin:after{content:'';position:absolute;top:100%;left:50%;height:24px;border-left:2px solid var(--focus);pointer-events:none}
header{max-width:1440px}nav{gap:9px 18px}.hero{grid-template-columns:.82fr 1.18fr;align-items:start;gap:38px}.hero h1{font-size:clamp(38px,4.1vw,60px)}.hero-figure{padding-top:7px}.hero-figure img{min-height:280px;object-fit:contain;background:var(--ink)}.hero-copy>p:not(.eyebrow){max-width:540px}.hero-copy .lead{font-size:22px}.proof-caption{display:flex;gap:18px;justify-content:space-between;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--accent);line-height:1.7}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.story-grid article{min-width:0}.story-grid h3{line-height:1.55}.story-grid p{font-size:15px}.chapter{display:block;font-size:12px;color:var(--accent);margin-bottom:16px;letter-spacing:.1em}.wide-proof{max-width:1050px;margin:auto}.compact-feature{padding-top:40px}.pro-feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;background:var(--soft);padding:48px;margin-top:65px;border-top:4px solid var(--accent)}.pro-feature h2{font-size:40px}.price-display{font-size:44px;font-weight:750;margin:15px 0 0;line-height:1.2}.price-display span{font-size:17px;font-weight:400}.proposal{display:block;font-size:11px;color:var(--focus);white-space:normal}.job-limits{font-size:15px}.distinction dt{font-weight:700;margin-top:20px}.distinction dd{margin:8px 0 20px;line-height:1.8;color:var(--muted)}.spaced{margin-top:45px}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.download-grid article{border:1px solid var(--line);padding:28px;background:var(--surface)}.install-steps{display:flex;gap:36px;flex-wrap:wrap;padding-left:20px;font-size:15px;line-height:1.8}.tutorial-intro{padding:65px 0 35px}.tutorial-intro h1{font-size:clamp(34px,4vw,54px)}.tutorial-intro .lead{max-width:880px}.lesson-nav{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.lesson-nav a{padding:9px 14px;border:1px solid var(--line);text-decoration:none;font-size:14px;background:var(--surface)}.guide-step{padding:30px 0 55px;border-bottom:1px solid var(--line);scroll-margin-top:20px}.guide-step:last-child{border:0}.step-heading{display:flex;gap:22px;align-items:start;margin:10px 0 32px}.step-heading>span{font-size:46px;color:var(--accent);font-weight:700;line-height:1.2}.step-heading h2{font-size:34px}.step-heading .eyebrow{margin-bottom:7px}.lesson{grid-template-columns:.95fr 1.05fr;align-items:start}.lesson li{line-height:1.9;padding:5px 0}.lesson ol{padding-left:22px}.lesson h3{font-size:20px;margin-top:20px}.lesson h3:first-child{margin-top:0}.success-check{color:var(--accent)!important;font-weight:650}.plan-note{padding:16px;background:var(--soft);font-size:14px;line-height:1.8;color:var(--ink)!important}.annotated-figure{max-width:1060px;margin:0 auto 25px}.annotated{position:relative}.pin{position:absolute;width:34px;height:34px;display:grid;place-items:center;background:var(--focus);color:white;border:2px solid white;border-radius:50%;text-decoration:none;box-shadow:0 1px 5px #0008;font-weight:750;transform:translate(-50%,-50%)}.pin-bind{left:49.2%;top:69.9%}.pin-window{left:54.5%;top:69.9%}.pin-cursor{left:64.8%;top:61.9%}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.video-frame{background:#0b1423;display:flex;justify-content:center;padding:18px;min-height:540px}.video-frame video{height:520px;width:100%;max-width:510px;object-fit:contain}.video-frame video::cue{font-size:17px;color:white;background:#102222e8}.video-card h3{margin-top:20px}.video-card>p{font-size:14px;color:var(--muted)}.transcript{padding:0;list-style:none}.transcript li{display:flex;gap:14px;align-items:start;line-height:1.8;margin:14px 0;font-size:14px}.transcript button{font-size:12px;padding:6px 10px;min-height:36px;flex-shrink:0}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 32px}.gallery-grid figure{border-bottom:1px solid var(--line);padding-bottom:24px}.gallery-grid .image-button{height:260px;background:var(--ink)}.gallery-grid img{height:100%;object-fit:contain}.gallery-grid figcaption{font-size:15px}.gallery-grid figcaption strong{display:inline-block;color:var(--ink);font-size:18px;margin:8px 0}.tutorial-section{padding-top:30px}.note{border:1px solid var(--line)}
@media(max-width:1050px){header{flex-direction:column;gap:8px}nav{justify-content:flex-start}.hero{grid-template-columns:1fr 1.2fr;gap:25px}.hero h1{font-size:42px}.pro-feature{padding:32px;gap:32px}.pro-feature h2{font-size:34px}.story-grid{gap:22px}.video-frame{padding:10px}}
@media(max-width:720px){.hero,[data-layout=image] .hero,.pro-feature,.story-grid,.download-grid,.video-grid,.gallery-grid,.lesson{grid-template-columns:1fr}.hero h1{font-size:40px}.hero-figure img{min-height:0}.hero-copy .lead{font-size:19px}.proof-caption{display:grid;gap:6px}.pro-feature{padding:26px 20px;margin-top:35px}.pro-feature h2{font-size:32px}.story-grid{gap:26px}.story-grid article{border-bottom:1px solid var(--line);padding-bottom:18px}.gallery-grid .image-button{height:auto}.gallery-grid img{height:auto}.video-frame{min-height:0}.video-frame video{height:470px}.pin{width:27px;height:27px;font-size:12px}.pin-bind{transform:translate(-65%,-100%)}.pin-window{transform:translate(-20%,0)}.tutorial-intro{padding-top:40px}.step-heading>span{font-size:34px}.step-heading h2{font-size:28px}.lesson-nav{gap:8px}.lesson-nav a{font-size:12px}.guide-step{padding-bottom:30px}.install-steps{display:block}.install-steps li{padding-bottom:10px}.preview-strip>a{white-space:nowrap}.download-grid article{padding:22px}}