:root{--ink:#111716;--green:#087c58;--deep:#0d3429;--cream:#f7f4ed;--muted:#53615c;--line:#d9ded7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}.header{height:112px;display:flex;align-items:center;gap:42px;padding:0 3.5vw;position:absolute;top:0;left:0;right:0;z-index:5}.brand{align-items:center;color:var(--ink);display:flex;gap:12px;font-size:28px;font-weight:700;letter-spacing:-1.5px;text-decoration:none;white-space:nowrap}.brand-mark{color:var(--green);font-size:41px;font-weight:400;line-height:1;transform:rotate(-35deg)}.nav{display:flex;gap:38px;margin-left:auto}.nav a,.login{color:var(--ink);font-size:15px;text-decoration:none;white-space:nowrap}.header-actions{display:flex;align-items:center;gap:32px}.button{align-items:center;border:0;border-radius:7px;cursor:pointer;display:inline-flex;font:600 16px 'DM Sans',Arial,sans-serif;gap:16px;justify-content:center;padding:16px 27px;text-decoration:none;white-space:nowrap}.button-dark{background:var(--deep);color:#fff}.button-green{background:var(--green);color:#fff}.button-light{background:#fff;color:var(--ink);box-shadow:0 5px 18px #18392d15}.hero{min-height:1000px;position:relative;overflow:hidden;padding:164px 3.5vw 64px;display:flex;align-items:flex-start}.hero-copy{position:relative;z-index:2;width:43%;padding-top:8px}.hero h1{font-size:clamp(58px,5vw,90px);font-weight:700;letter-spacing:-5px;line-height:.99;margin:0 0 30px}.hero h1 em{color:var(--green);font-style:normal}.hero-lede{font-size:20px;line-height:1.4;max-width:475px;margin:0 0 32px}.hero-benefits{display:flex;gap:34px;margin:0 0 33px}.hero-benefits div{display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:1.25}.hero-benefits span{color:var(--green);font-size:28px;line-height:20px}.hero-actions{display:flex;gap:18px}.play{border:2px solid var(--green);border-radius:50%;color:var(--green);font-size:10px;padding:5px}.hero-note{color:var(--muted);font-size:12px;margin:18px 0 0}.hero-photo{position:absolute;inset:0 0 0 37%;z-index:1}.hero-photo:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--cream) 0%,#f7f4eddd 10%,transparent 37%);z-index:1}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.outcome-panel{position:absolute;z-index:3;right:4.5vw;bottom:36px;background:#fffaf2ed;border-radius:15px;padding:16px 28px 18px;width:min(610px,47vw);box-shadow:0 10px 30px #2c402f18}.outcome-panel h2{text-align:center;font-size:19px;margin:0 0 17px}.outcome-grid{display:grid;grid-template-columns:repeat(4,1fr)}.outcome-grid div{text-align:center;border-left:1px solid #cbd0c9;padding:0 12px;display:flex;flex-direction:column;gap:7px}.outcome-grid div:first-child{border:0}.outcome-grid span{color:var(--green);font-size:30px;line-height:25px}.outcome-grid b{font-size:14px}.outcome-grid small{font-size:11px;line-height:1.3}.section{max-width:1180px;margin:auto;padding-left:32px;padding-right:32px}.eyebrow{color:var(--green);font-size:12px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;margin:0 0 18px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:100px;padding-bottom:75px}.intro h2,.product h2,.pricing h2,.check h2{font-size:52px;letter-spacing:-3px;line-height:.98;margin:0}.intro>p{color:var(--muted);font-size:20px;line-height:1.5;margin:35px 0 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding-top:30px;padding-bottom:125px}.steps article{border-top:2px solid var(--ink);padding-top:17px}.steps span{color:var(--green);font-size:13px;font-weight:700}.steps h3{font-size:22px;letter-spacing:-.5px;margin:29px 0 12px}.steps p{color:var(--muted);font-size:15px;line-height:1.5;margin:0}.product{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:90px;padding-top:40px;padding-bottom:130px}.product-image{background:#eee9df;border-radius:14px;overflow:hidden}.product-image img{display:block;width:100%;height:420px;object-fit:cover}.product-copy p:not(.eyebrow){color:var(--muted);font-size:17px;line-height:1.55;max-width:460px}.text-link{color:var(--green);font-weight:700;text-decoration:none}.text-link span{font-size:20px;margin-left:8px}.pricing{background:var(--deep);border-radius:18px;color:#fff;padding-top:64px;padding-bottom:64px;max-width:1116px;margin-bottom:120px}.pricing h2{max-width:700px}.pricing .eyebrow{color:#8ce1bb}.pricing-points{display:flex;flex-wrap:wrap;gap:12px;margin-top:35px}.pricing-points span{border:1px solid #ffffff55;border-radius:99px;padding:11px 16px;font-size:14px}.check{background:#e5efe7;border-radius:18px;display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:72px;padding-bottom:72px;margin-bottom:100px}.check h2{font-size:47px}.check>div>p:last-child{color:var(--muted);font-size:16px;line-height:1.5;max-width:430px}.check form{display:flex;flex-direction:column;gap:14px;align-content:start}.check label{font-size:13px;font-weight:700}.check input{background:#fff;border:1px solid #b9c8bd;border-radius:6px;display:block;font:16px 'DM Sans';margin-top:8px;padding:16px;width:100%}.check .button{align-self:flex-start}.availability-result{border-left:3px solid var(--green);display:flex;flex-direction:column;gap:6px;padding:10px 0 10px 16px}.availability-result span{color:var(--muted);font-size:13px}.success{color:var(--green);font-weight:700}.footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:26px 3.5vw 35px}.footer .brand{font-size:18px}.footer .brand-mark{font-size:28px}.footer p{color:var(--muted);font-size:13px}@media(max-width:950px){.nav{gap:15px}.nav a:nth-child(3),.nav a:nth-child(4){display:none}.hero h1{font-size:62px}.hero-benefits{gap:15px}.outcome-panel{width:56vw}}@media(max-width:700px){.header{height:78px;padding:0 20px;position:relative}.brand{font-size:21px}.brand-mark{font-size:32px}.nav,.login{display:none}.header-actions{margin-left:auto}.header-actions .button{font-size:13px;padding:12px 15px}.hero{display:block;min-height:0;padding:48px 20px 20px}.hero-copy{width:100%;padding:0}.hero h1{font-size:51px;letter-spacing:-3px}.hero-lede{font-size:17px}.hero-benefits{gap:15px;justify-content:space-between}.hero-benefits div{font-size:12px;gap:6px}.hero-benefits span{font-size:22px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{width:100%}.hero-photo{position:relative;inset:auto;height:380px;margin:34px -20px 0}.hero-photo:before{background:linear-gradient(0deg,#f7f4ed 0%,transparent 27%)}.outcome-panel{position:relative;right:auto;bottom:auto;width:100%;margin:18px 0 0;padding:17px 8px}.outcome-panel h2{font-size:16px}.outcome-grid div{padding:0 4px}.outcome-grid b{font-size:12px}.outcome-grid small{font-size:10px}.section{padding-left:20px;padding-right:20px}.intro{display:block;padding-top:75px;padding-bottom:55px}.intro h2,.product h2,.pricing h2,.check h2{font-size:40px}.intro>p{font-size:17px;margin-top:25px}.steps{display:block;padding-bottom:80px}.steps article{margin-top:28px}.steps h3{margin-top:15px}.product{display:flex;flex-direction:column-reverse;gap:35px;padding-bottom:80px}.product-image{width:100%}.product-image img{height:290px}.pricing{border-radius:0;margin:0;padding-top:55px;padding-bottom:55px}.pricing-points{display:grid;grid-template-columns:1fr 1fr}.check{display:block;border-radius:0;margin:0;padding-top:58px;padding-bottom:58px}.check form{margin-top:35px}.footer{display:block;padding:25px 20px}.footer p{margin-top:15px}}
/* Blog */
.blog-preview { background: var(--cream); }
.blog-preview-heading { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 2.5rem; }
.blog-preview-heading h2 { max-width: 620px; margin: 0; }
.blog-preview-grid, .blog-directory-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.blog-card { display: flex; flex-direction: column; min-height: 240px; padding: 1.75rem; color: inherit; text-decoration: none; background: #fff; border: 1px solid rgba(15, 35, 31, .14); border-radius: 1rem; transition: transform .2s ease, box-shadow .2s ease; }
.blog-card:hover { transform: translateY(-4px); box-shadow: 0 12px 28px rgba(15, 35, 31, .1); }
.blog-card-label { color: var(--green); font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.blog-card h3, .blog-card h2 { margin: 1rem 0; font-size: 1.35rem; line-height: 1.15; }
.blog-card p { color: var(--muted); }
.blog-card-link { margin-top: auto; color: var(--green); font-weight: 700; }
.blog-header { padding-top: 10rem; padding-bottom: 5rem; background: var(--cream); }
.blog-header h1 { max-width: 800px; margin: 0 0 1.5rem; font-size: clamp(3rem, 7vw, 6rem); line-height: .98; }
.blog-header > p:last-child { max-width: 580px; color: var(--muted); font-size: 1.25rem; }
.blog-directory { padding-top: 4rem; padding-bottom: 7rem; }
.blog-directory-grid { grid-template-columns: repeat(2, 1fr); }
.blog-directory-card { min-height: 260px; }
.article-page { background: var(--cream); min-height: 70vh; }
.article-placeholder { max-width: 900px; padding-top: 11rem; padding-bottom: 10rem; }
.article-placeholder h1 { max-width: 850px; margin: 0 0 2rem; font-size: clamp(3rem, 7vw, 6rem); line-height: .98; }
.article-status { color: var(--muted); font-size: 1.25rem; }
@media (max-width: 800px) {
  .blog-preview-heading { display: block; }
  .blog-preview-heading .text-link { display: inline-block; margin-top: 1.5rem; }
  .blog-preview-grid, .blog-directory-grid { grid-template-columns: 1fr; }
  .blog-header { padding-top: 8rem; }
}