:root{--paper:#f7f7f0;--ink:#172825;--muted:#5e6b64;--accent:#cae2bb;--line:#d8ddd5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400;line-height:1.04;letter-spacing:-.055em}h2{font-size:clamp(2.6rem,5vw,4.5rem)}h3{font-size:1.6rem;letter-spacing:-.035em}p{color:var(--muted)}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #df744d;outline-offset:6px}.skip{position:absolute;top:-60px;z-index:10;background:white;padding:12px}.skip:focus{top:0}.announcement{display:flex;justify-content:center;gap:36px;padding:13px 24px;background:var(--ink);color:#ecf0e8;font-size:.875rem}.announcement a{text-decoration:underline;text-underline-offset:4px}.hero{margin:24px;min-height:760px;height:calc(100svh - 94px);max-height:1100px;position:relative;border-radius:34px;overflow:hidden;background:#27362e;color:#fff}.hero-image,.hero-shade{position:absolute;width:100%;height:100%;inset:0}.hero-image{object-fit:cover;object-position:70% 43%}.hero-shade{background:linear-gradient(90deg,rgba(8,20,15,.88),rgba(10,20,16,.25) 62%),linear-gradient(0deg,rgba(8,20,15,.55),transparent 50%)}header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:30px 38px;gap:20px}.brand{display:flex;align-items:center;gap:13px}.qik{font-size:3rem;font-weight:900;font-style:italic;letter-spacing:-.09em;line-height:1}.qik>span{font-size:.7rem;vertical-align:top;letter-spacing:0;margin:6px}.brand-sub{font-size:.625rem;letter-spacing:.16em;line-height:1.7}.brand-sub b{font-size:.8rem;font-weight:400;letter-spacing:.23em}nav{display:flex;gap:32px;font-size:.9rem}.button{display:inline-flex;justify-content:center;align-items:center;border-radius:50px;padding:15px 26px;font-size:.9rem;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.outline{border:1px solid #ffffff88}.outline:hover{background:#ffffff22}.light{background:var(--paper);color:var(--ink)}.dark{background:var(--ink);color:#fff}.hero-copy{position:relative;margin:100px 5% 100px;max-width:600px}.eyebrow{font-size:.75rem;letter-spacing:.14em;font-weight:500;margin-bottom:28px;color:inherit}h1{font-size:clamp(4.5rem,8.2vw,8rem);line-height:.99;margin-bottom:26px}em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em}.hero-copy>p:not(.eyebrow){color:#e0e5de;max-width:390px;font-size:1.125rem;margin-bottom:30px}.hero-foot{position:absolute;bottom:29px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:.75rem;color:#dfe6df}.section{padding:110px 7%}.intro{text-align:center;padding-top:125px;padding-bottom:100px}.intro h2 span{font-family:Georgia,serif;font-style:italic;color:#617d65}.intro-bottom{display:grid;grid-template-columns:1fr 1fr;max-width:800px;gap:55px;text-align:left;margin:38px auto}.pill-row{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:40px}.pill-row span{padding:9px 18px;border:1px solid var(--line);border-radius:24px;font-size:.85rem}.product-grid{display:grid;grid-template-columns:1fr 1fr;margin:0 24px;border-radius:30px;overflow:hidden;background:#e8eee3}.product-photo{position:relative;min-height:690px}.product-photo img{width:100%;height:100%;position:absolute;object-fit:cover}.photo-caption{position:absolute;bottom:24px;left:24px;background:#f7f7f0e8;border-radius:25px;padding:10px 17px;font-size:.8rem}.product-copy{padding:75px 11%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.product-copy h2{font-size:clamp(2.6rem,4.4vw,4.1rem)}.product-copy>p:not(.eyebrow){margin:30px 0;max-width:370px}.small-note{font-size:.8rem;color:var(--muted);margin-top:25px;max-width:720px}.section-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:55px}.section-head h2{width:60%}.explorer{display:grid;grid-template-columns:1fr 1.2fr;gap:9%}.reading-list{padding-top:20px}.reading-list button{width:100%;border:0;border-bottom:1px solid var(--line);padding:26px 0;text-align:left;display:flex;align-items:center;gap:25px;background:transparent;color:#6b776d;font-size:1.65rem;cursor:pointer}.reading-list button span{font-size:.75rem;letter-spacing:.1em}.reading-list b{margin-left:auto;font-weight:400}.reading-list button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink)}.reading-list button[aria-selected=true] b{transform:rotate(45deg)}.reading-panel{background:var(--ink);color:#edf3e8;border-radius:25px;padding:32px 38px;min-height:425px}.panel-top{display:flex;justify-content:space-between;font-size:.75rem;color:#b4c3b7;gap:20px}.metric{margin-top:30px;font-size:5rem;line-height:1.1;letter-spacing:-.05em}.metric small{font-size:1rem;margin-left:10px;letter-spacing:0;color:#b5c9b4}.metric-label{font-size:.875rem;color:#d1dece}.graph{height:65px;margin:15px 0 30px;display:flex;gap:8px;align-items:end;border-bottom:1px solid #65785d}.graph i{height:45%;width:6%;background:#b9d8a6;border-radius:3px 3px 0 0}.graph i:nth-child(3n){height:70%}.graph i:nth-child(4n){height:60%}.graph i:nth-child(5n){height:85%}.reading-panel h3{font-size:1.5rem;letter-spacing:-.03em;margin-bottom:14px}.reading-panel p{color:#c0cdbd}.benefits{background:#e7eddc;border-radius:32px;margin:0 24px;padding-left:5.5%;padding-right:5.5%}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:70px}.benefit-grid article{border-top:1px solid #a8b69d;padding-top:20px}.num{font-size:.75rem;letter-spacing:.09em;color:#5e6c57}.benefit-grid h3{margin:55px 0 20px;font-size:2rem}.setup{display:grid;grid-template-columns:1fr 1fr;gap:9%}.setup h2{font-size:clamp(2.5rem,4vw,3.7rem)}.setup>div>p:not(.eyebrow){margin:30px 0;max-width:370px}.text-link{display:inline-block;border-bottom:1px solid;padding-bottom:7px}.setup ol{padding:0;margin:0;list-style:none}.setup li{display:flex;gap:28px;border-top:1px solid var(--line);padding:29px 0}.setup li>span{font-size:.8rem;color:#718169}.setup li h3{font-size:1.45rem;letter-spacing:-.035em;margin-bottom:15px}.faq{padding-top:30px;display:grid;grid-template-columns:1fr 1fr;column-gap:9%;padding-bottom:120px}.faq>.eyebrow{grid-column:1/-1}.faq h2{font-size:clamp(2.5rem,4vw,3.7rem)}details{border-bottom:1px solid var(--line)}summary{font-size:1rem;cursor:pointer;padding:23px 32px 23px 0;list-style:none;position:relative}summary:after{content:'+';position:absolute;right:0;font-size:1.5rem;top:15px}details[open] summary:after{content:'−'}details p{padding:0 20px 24px 0;font-size:.95rem}.contact{margin:0 24px;padding:95px 24px;border-radius:32px;text-align:center;color:#f5f7ee;background:radial-gradient(ellipse at 50% 140%,#658059 0%,#172825 70%)}.contact h2{font-size:clamp(2.8rem,5.5vw,5rem)}.contact>p:not(.eyebrow){color:#d2dece;margin:25px 0 32px}.contact-note{display:block;color:#c2cebd;font-size:.8rem;margin-top:18px}footer{padding:65px 7% 30px;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}footer>span{font-size:.9rem;color:var(--muted)}footer>div{display:flex;gap:25px;font-size:.85rem}footer p{width:100%;border-top:1px solid var(--line);padding-top:23px;margin-top:30px;font-size:.75rem}@media(min-width:1500px){.hero-image{object-position:70% 47%}}@media(max-width:800px){.announcement{font-size:.75rem;gap:15px;justify-content:space-between}.hero{margin:12px;min-height:720px;max-height:900px;border-radius:24px}.hero-image{object-position:61% center}.hero-shade{background:linear-gradient(90deg,#091b17b3,#091b1740),linear-gradient(0deg,#091b17c9,transparent)}header{padding:24px;flex-wrap:wrap}nav{order:3;width:100%;justify-content:center;gap:25px;padding-top:15px}.brand-sub{font-size:.55rem}.qik{font-size:2.5rem}header .button{font-size:.75rem;padding:11px 16px}.hero-copy{margin:110px 7% 90px}.hero-copy h1{font-size:4.7rem}.hero-copy>p:not(.eyebrow){font-size:1rem;max-width:290px}.hero-foot{font-size:.65rem;gap:20px}.section{padding:75px 7%}.intro-bottom{gap:25px}.product-grid{grid-template-columns:1fr;margin:0 12px}.product-photo{min-height:500px}.product-copy{padding:55px 8%}.section-head{display:block}.section-head h2{width:100%}.explorer{grid-template-columns:1fr;gap:30px}.reading-list{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.reading-list button{font-size:1.15rem;padding:17px 0;gap:10px}.benefits{margin:0 12px}.benefit-grid{gap:25px;margin-top:45px;grid-template-columns:1fr}.benefit-grid h3{margin-top:25px}.setup,.faq{grid-template-columns:1fr;gap:45px}.faq>.eyebrow{margin-bottom:-20px}.contact{margin:0 12px;padding:75px 25px}.reading-panel{padding:27px}.intro-bottom{grid-template-columns:1fr;text-align:center}.product-photo img{object-position:center}.contact h2{font-size:2.8rem}footer{padding:50px 7% 25px;align-items:flex-start;flex-direction:column;gap:22px}footer p{margin-top:0}.pill-row{gap:8px}.pill-row span{font-size:.75rem;padding:8px 12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Tighter text rhythm and consistent mobile section spacing. */
.hero-copy h1{line-height:.88;margin-bottom:18px}
.hero-copy .eyebrow{margin-bottom:18px}
.hero-copy>p:not(.eyebrow){line-height:1.35;margin-bottom:20px}
.intro-bottom{margin:24px auto;gap:32px;line-height:1.35}
.pill-row{margin-top:26px}
.product-copy .eyebrow{margin-bottom:18px}
.product-copy h2{line-height:.98}
.product-copy>p:not(.eyebrow){margin:20px 0;line-height:1.35}
.product-copy .small-note{margin-top:18px;line-height:1.35}
@media(max-width:800px){
 .hero{height:auto;min-height:0}
 .hero-copy{margin:65px 7% 44px}
 .hero-copy h1{font-size:clamp(3.5rem,17.35vw,4.7rem);line-height:.88}
 .hero-foot{position:relative;left:auto;right:auto;bottom:auto;margin:0 7%;padding-bottom:26px}
 .section{padding-top:48px;padding-bottom:48px}
 .intro-bottom{gap:14px;margin:22px auto}
 .intro .eyebrow{margin-bottom:20px}
 .product-copy{padding:38px 8%}
 .section-head{margin-bottom:28px}
 .section-head .eyebrow,.benefits>.eyebrow,.setup>div>.eyebrow{margin-bottom:20px}
 .setup{gap:28px;padding-bottom:0}
 .setup>div>p:not(.eyebrow){margin:20px 0;line-height:1.35}
 .setup li{padding:24px 0}
 .setup li:last-child{padding-bottom:0}
 .setup li p{line-height:1.35}
 .faq{padding-top:48px;padding-bottom:48px;row-gap:20px}
 .faq>.eyebrow{margin:0}
 .faq h2{line-height:1}
 .faq .questions{margin-top:0}
 .faq summary{padding-top:18px;padding-bottom:18px}
 .faq details p{line-height:1.35;padding-bottom:18px}
}
/* Trim font leading so spacing starts at the visible cap/baseline edges. */
@supports (text-box-trim:trim-both){
 .hero-copy h1,.hero-copy p,.intro h2,.intro p,.product-copy h2,.product-copy p,
 .section-head h2,.section-head p,.benefits>h2,.benefits>.eyebrow,
 .setup h2,.setup p,.faq h2,.faq>.eyebrow{ text-box-trim:trim-both;text-box-edge:cap alphabetic; }
}