*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#f8f7f2;color:#173c35;font-family:"Segoe UI",Arial,sans-serif;line-height:1.65;font-size:16px}a{color:inherit;text-underline-offset:5px}a:hover{color:#9b4d24}a:focus-visible,summary:focus-visible{outline:3px solid #b35326;outline-offset:5px}img{max-width:100%;height:auto;display:block}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.review{background:#e9e7dc;text-align:center;font-size:11px;letter-spacing:1.5px;padding:6px;color:#4a5149}header{display:flex;align-items:center;justify-content:space-between;padding:27px 0;gap:24px;border-bottom:1px solid #d9ddd3}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:24px;font-weight:650;line-height:1.1;letter-spacing:-1px}.brand-sub{display:block;font-size:9px;letter-spacing:3.9px;margin-top:7px}.mark{position:relative;display:grid;place-items:center;width:42px;height:42px;background:#193f36;color:#f8f7f2;border-radius:50%;font-family:Georgia,serif;font-size:33px;font-weight:400}.mark>span{position:absolute;width:13px;height:5px;background:#d2b66d;right:-2px;bottom:4px;transform:rotate(45deg)}nav{display:flex;gap:32px;font-size:14px}nav a{text-decoration:none}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;padding:80px 0}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;margin:0 0 22px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,5.5vw,76px);line-height:1.06;letter-spacing:-3.7px;font-weight:550;margin-bottom:28px}h1 em,h2 em{font-family:Georgia,serif;font-weight:400}h2{font-size:clamp(30px,3vw,42px);font-weight:500;letter-spacing:-1.5px;line-height:1.18;margin-bottom:24px}h3{font-size:23px;font-weight:550;letter-spacing:-.6px;line-height:1.25}.lead{font-size:23px;line-height:1.4}.intro{max-width:580px;color:#53645c;margin-bottom:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:#193f36;color:white;padding:14px 22px;text-decoration:none;font-weight:600;font-size:14px;border-radius:4px}.button:hover{background:#30594a;color:white}.fine{font-size:12px;color:#5e6c61;margin-top:14px}.hero-art{min-height:430px;position:relative;overflow:hidden;background:#dce4d6;border-radius:3px;display:grid;place-items:center}.hero-art:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,#b7c6b7 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,#b7c6b7 50%,transparent 50.2%);opacity:.6}.art-label{position:absolute;top:27px;left:28px;font-size:9px;letter-spacing:2px}.orbit{width:340px;height:340px;border:1px solid #a9bba9;border-radius:50%;position:absolute}.giant-q{font-family:Georgia,serif;font-size:300px;line-height:1;position:relative;transform:translateY(-14px);color:#254c3f}.giant-q span{position:absolute;width:70px;height:24px;right:4px;bottom:34px;background:#c5a15b;transform:rotate(45deg)}.art-bottom{position:absolute;bottom:25px;left:28px;right:28px;display:flex;justify-content:space-between;font-size:10px}.ribbon{border-block:1px solid #d9ddd3}.ribbon .wrap{display:flex;justify-content:space-between;padding:18px 0;font-size:12px;letter-spacing:1px}.ribbon span:before{content:"✦";margin-right:13px;color:#8b702f}.section{padding-top:78px;padding-bottom:78px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-head p:last-child{font-size:14px;color:#53645c}.product{display:grid;grid-template-columns:.8fr 1.3fr;background:#e9ede3;margin-top:24px;border:1px solid #d9dfd3;border-radius:6px;overflow:hidden}.product-copy{padding:40px}.badge{display:inline-block;font-size:10px;letter-spacing:1.5px;border:1px solid #98ab94;border-radius:30px;padding:4px 11px;margin-bottom:20px}.product h3{font-size:33px}.product p{font-size:15px}.clean{list-style:none;padding:0;font-size:13px;margin-bottom:25px}.clean li{padding:5px 0}.clean li:before{content:"↳";margin-right:10px}.text-link{font-weight:600;font-size:14px}.product-image{display:flex;align-items:center;padding:36px 0 36px 10px}.product-image img{border:1px solid #c5cebf;border-radius:4px 0 0 4px;box-shadow:0 16px 35px #18392e18}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:40px}.principles article{border-top:1px solid #bac6b7;padding-top:24px}.principles span{font-size:10px;letter-spacing:1.5px}.principles h3{margin-top:22px}.principles p{color:#53645c;font-size:15px}.contact-band{background:#193f36;color:#f4f3e9;padding:52px 0}.contact-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:32px}.contact-band h2{margin-bottom:14px}.contact-band p{margin-bottom:0}.contact-band .eyebrow{margin-bottom:20px;color:#ced7bc}.light{background:#e6e9d8;color:#173c35;white-space:nowrap}footer{display:grid;grid-template-columns:1fr auto;padding:45px 0 20px;gap:24px}footer p{font-size:13px;margin-top:18px}footer>div:nth-child(2){display:flex;gap:24px;font-size:12px;align-items:center;flex-wrap:wrap}footer>.fine{grid-column:1/-1;border-top:1px solid #d9ddd3;padding-top:20px}.product-hero{padding:70px 0 55px;max-width:900px}.product-hero h1{font-size:76px}.price{display:flex;align-items:center;gap:22px;margin:30px 0}.price strong{font-size:30px;font-weight:550}.price span{font-size:12px;border-left:1px solid #b9c4b5;padding-left:22px}.screenshot{margin:0}.screenshot img{border:1px solid #ccd5c5;border-radius:5px}.screenshot figcaption{font-size:12px;color:#5e6c61;margin-top:12px;max-width:800px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}.features article{border-top:1px solid #c6cfc1;padding-top:24px}.features p{color:#53645c;font-size:15px}.soft{background:#e9ede3}.split{display:grid;grid-template-columns:.65fr 1.35fr;gap:50px;align-items:center}.split img{border:1px solid #c5cebf}.prose{max-width:850px}.prose h1{font-size:60px}.prose h2{margin-top:40px;font-size:28px}.prose p{max-width:760px}.prose details{border-top:1px solid #c6cfc1;padding:20px 0}.prose summary{cursor:pointer;font-weight:600;font-size:19px}.prose details p{margin-top:16px;color:#53645c;margin-bottom:0}.notice{background:#ede6d3;border-left:3px solid #98732c;padding:18px 22px;margin:28px 0;font-size:14px}.policy-text{white-space:pre-wrap;font-family:inherit;overflow-wrap:anywhere}.policy-links a{display:flex;justify-content:space-between;border-top:1px solid #c6cfc1;padding:20px 0}.policy-links span{font-size:12px}.email{font-size:clamp(17px,3vw,28px);overflow-wrap:anywhere}.skip{position:absolute;top:-100px;left:16px;z-index:5;background:white;padding:12px}.skip:focus{top:10px}@media(max-width:800px){.wrap{width:calc(100% - 40px)}header{align-items:start}nav{gap:15px;font-size:12px;flex-wrap:wrap;justify-content:end}.hero{gap:30px;padding:50px 0}.hero-art{min-height:350px}.giant-q{font-size:230px}.orbit{width:260px;height:260px}.art-bottom span:last-child{display:none}.product{grid-template-columns:1fr}.product-copy{padding:30px}.product-image{padding:0 25px 25px}.principles,.features{gap:25px}.split{grid-template-columns:1fr}.contact-band .wrap{align-items:start;flex-direction:column}footer{grid-template-columns:1fr}.prose h1{font-size:48px}.product-hero h1{font-size:60px}}@media(max-width:580px){.wrap{width:calc(100% - 36px)}header{gap:20px;flex-direction:column;padding:20px 0}nav{justify-content:start;gap:28px}.brand{font-size:22px}.hero{grid-template-columns:1fr;padding-top:40px}.hero h1{font-size:55px}.hero-art{min-height:300px}.hero-art .giant-q{font-size:230px}.hero-art .orbit{width:240px;height:240px}.lead{font-size:21px}.ribbon .wrap{font-size:10px;gap:14px;flex-wrap:wrap}.ribbon span:before{margin-right:5px}.section{padding:50px 0}.section-head{display:block}.section-head br{display:none}.principles,.features{grid-template-columns:1fr}.product-copy{padding:25px}.product-image{padding:0 15px 20px}.product-hero{padding:45px 0}.product-hero h1{font-size:58px}.prose h1{font-size:44px;letter-spacing:-2px}footer>div:nth-child(2){gap:20px}.price{gap:15px}.price strong{font-size:25px}.price span{padding-left:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Responsive polish: desktop composition remains unchanged. */
.menu-toggle{display:none}.menu-toggle[hidden]{display:none}
button{font:inherit}button:focus-visible{outline:3px solid #b35326;outline-offset:5px}
img{object-fit:contain}.policy-text{white-space:pre-line;line-height:1.8}
@media(max-width:1279px){
 .wrap{max-width:calc(100% - 2 * max(18px,env(safe-area-inset-left),env(safe-area-inset-right)))}
 .hero{gap:clamp(28px,4vw,52px)}
 .hero-art{min-width:0}.hero>div,.product>*,.split>*,.features>*,.principles>*{min-width:0}
 .orbit{max-width:90%;aspect-ratio:1;height:auto}.hero-art .giant-q{font-size:clamp(190px,24vw,280px)}
 .policy-links a{gap:16px}.policy-links span{flex-shrink:0}
 .policy-text{overflow-wrap:anywhere}
 footer a,nav a{min-height:44px;display:inline-flex;align-items:center}
 footer .brand{display:flex}.text-link{display:inline-flex;align-items:center;min-height:44px}
 summary{min-height:44px;padding-block:7px}
 .button{min-height:48px}
 .email{display:inline-block;padding-block:10px;line-height:1.5}
}
@media(min-width:581px) and (max-width:1024px){
 .hero h1{font-size:clamp(44px,5.5vw,60px);letter-spacing:-2px}
 .features{grid-template-columns:repeat(2,minmax(0,1fr))}
 .principles{gap:24px}.hero .lead{font-size:21px}
}
@media(max-width:767px){
 header{position:relative;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0;padding:20px 0}
 .brand{font-size:22px}.brand-sub{font-size:9px}.mark{width:40px;height:40px}
 .nav-ready .menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;margin-left:auto;min-width:80px;min-height:44px;padding:8px 10px;border:1px solid #a9b9a6;border-radius:4px;color:#173c35;background:transparent;font-size:13px;cursor:pointer}
 .menu-icon{display:grid;gap:4px;width:18px}.menu-icon>span{display:block;height:2px;background:currentColor}
 .menu-toggle[aria-expanded=true] .menu-icon>span:first-child{transform:translateY(6px) rotate(45deg)}
 .menu-toggle[aria-expanded=true] .menu-icon>span:nth-child(2){opacity:0}
 .menu-toggle[aria-expanded=true] .menu-icon>span:last-child{transform:translateY(-6px) rotate(-45deg)}
 header nav{width:100%;flex-basis:100%;display:flex;flex-direction:column;align-items:stretch;gap:0;margin-top:18px;border-top:1px solid #d9ddd3;font-size:15px}
 .nav-ready header nav{display:none}.nav-ready header nav.is-open{display:flex}
 header nav a{padding:12px 4px;min-height:48px;border-bottom:1px solid #d9ddd3;gap:8px}
 .hero{grid-template-columns:1fr;padding:38px 0 42px;gap:30px}
 .hero h1{font-size:clamp(43px,9.2vw,62px);line-height:1.12;letter-spacing:-2px;margin-bottom:22px}
 .hero .eyebrow{font-size:10px;letter-spacing:1.5px;max-width:32em}
 .hero .intro{margin-bottom:24px}.hero-art{min-height:280px}.hero-art .giant-q{font-size:225px}
 .hero-art .orbit{width:240px}.art-label,.art-bottom{left:22px;right:22px}
 .hero .button{width:100%;max-width:360px}.hero .fine{margin-top:12px}
 .product-hero h1{font-size:clamp(44px,10vw,60px);line-height:1.1;letter-spacing:-2px}
 .prose h1{font-size:clamp(38px,8.6vw,52px);line-height:1.15;letter-spacing:-1.7px;overflow-wrap:normal}
 .product-hero .intro{font-size:16px}.product-hero{padding:40px 0}
 .price{display:flex;flex-wrap:wrap;gap:12px 18px}.price strong{font-size:27px;white-space:nowrap}.price span{font-size:12px}
 .features,.principles{grid-template-columns:1fr;gap:24px}.features h3,.principles h3{margin-bottom:12px}
 .features p,.principles p,.product p{font-size:16px;line-height:1.7}
 .product-copy{padding:25px 22px}.product-image{padding:0 12px 18px}.product-image img{border-radius:4px}
 .screenshot figcaption{font-size:13px;line-height:1.6}.split{gap:24px}
 footer>div:nth-child(2){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px;align-items:start;font-size:13px}
 footer>div:nth-child(2) a{min-height:44px}footer{padding-bottom:max(20px,env(safe-area-inset-bottom))}
 .policy-links a{min-height:58px;align-items:center}.policy-text{font-size:16px}
 .review{padding:7px max(12px,env(safe-area-inset-left));font-size:10px;letter-spacing:1px}
 .prose details p{line-height:1.75}.notice{padding:16px 18px}
 .contact-band .button{min-width:180px}
}
@media(max-width:359px){.price{align-items:flex-start;flex-direction:column}.price span{border-left:0;padding-left:0}.hero-art{min-height:255px}.hero-art .orbit{width:215px}.hero-art .giant-q{font-size:210px}.brand{gap:9px}.menu-toggle{font-size:12px}.ribbon .wrap{gap:10px}.product h3{font-size:29px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}
