:root{--bg-canvas:#242326;--bg-surface:#333137;--bg-surface-hover:#403d43;--text-primary:#fff;--text-muted:#d0cbd2;--accent-primary:#a3e635;--accent-secondary:#d9f99d;--border-subtle:#59545e;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px rgba(0,0,0,.25);--glow-accent:0 0 24px -4px #a3e63545;--glass-backdrop:blur(16px) saturate(180%)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font:17px/1.7 system-ui,"Segoe UI",Roboto,sans-serif;overflow-wrap:anywhere;hyphens:auto}a{color:var(--accent-primary);text-underline-offset:4px}a:hover{color:var(--accent-secondary)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}img{display:block;width:100%;height:auto;object-fit:cover;border-radius:0}h1,h2,h3{font-weight:800;line-height:1.08;letter-spacing:-.04em;overflow-wrap:anywhere}h1{font-size:clamp(2.5rem,5.6vw,5.1rem);margin:.35em 0}h2{font-size:clamp(1.8rem,3.4vw,2.7rem)}h3{font-size:1.45rem}p{margin:0 0 1.2em}h2,h3{margin:0 0 .65em}::selection{background:var(--accent-primary);color:#242326}:focus-visible{outline:3px solid var(--accent-primary);outline-offset:5px}.wrap{width:min(1200px,calc(100% - 48px));margin:0 auto}.skip{position:absolute;left:16px;top:-100px;z-index:20;background:var(--accent-primary);color:#242326;padding:10px}.skip:focus{top:12px}.site-header{position:relative;z-index:5;padding:22px 24px;background:transparent;border-bottom:1px solid var(--border-subtle);transition:background .3s}.site-header.scrolled{background:#333137}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1600px;margin:0 auto}.brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;font-size:1rem;font-weight:800;letter-spacing:-.035em;flex-shrink:0}.brand-mark{width:26px;height:26px;border:7px solid var(--accent-primary);display:inline-block;transform:rotate(-12deg)}.nav{display:flex;gap:21px;align-items:center}.nav a{color:var(--text-primary);font-size:.88rem;text-decoration:none;white-space:nowrap}.nav a:hover,.nav a[aria-current=page]{color:var(--accent-primary)}.menu-toggle{display:none;border:0;background:transparent;color:white;font-size:2rem;line-height:1;padding:8px 14px}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--accent-primary)}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;padding:80px 0 85px;position:relative}.hero:before{content:"";position:absolute;width:260px;height:260px;right:12%;top:50px;background:radial-gradient(ellipse,#a3e63524,transparent 70%);pointer-events:none;animation:float 10s ease-in-out infinite}.hero p{max-width:48ch;color:var(--text-muted)}.button,button.action{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent-primary);color:#242326;border:0;border-radius:999px;text-decoration:none;font-weight:800;font-size:.95rem;padding:13px 22px;transition:transform .4s var(--ease-kinetic),box-shadow .4s,background .3s}.button:hover,button.action:hover{color:#242326;background:var(--accent-secondary);transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent)}.button.secondary{background:#49454d;color:white}.hero-stack{height:430px;position:relative;min-width:0}.hero-stack img{position:absolute;box-shadow:var(--shadow-elevation);border:5px solid var(--bg-canvas);width:68%;height:72%;aspect-ratio:4/3}.hero-stack .folding-joint-photo{left:0;top:0;transform:rotate(-8deg)}.hero-stack .ergonomic-handle-photo{right:0;top:19%;transform:rotate(8deg)}.hero-stack .household-spring-photo{width:48%;height:44%;left:18%;bottom:0;transform:rotate(-2deg)}.section{padding:60px 0}.section-heading{display:flex;gap:24px;align-items:flex-end;justify-content:space-between;margin-bottom:28px}.section-heading p{color:var(--text-muted);max-width:40ch;margin:0}.bento{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}.bento-lead{grid-template-columns:1.35fr 1fr;grid-template-areas:"lead detail" "lead note"}.bento-lead .lead{grid-area:lead}.bento-lead .detail{grid-area:detail}.bento-lead .note{grid-area:note}.card{position:relative;background:var(--bg-surface);border:1px solid var(--border-subtle);min-width:0;transition:transform .45s var(--ease-kinetic),box-shadow .45s,background .3s}.card:hover{background:var(--bg-surface-hover);transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent)}.card-media{position:relative}.card-media img{aspect-ratio:4/3;height:auto}.card-media.wide img{aspect-ratio:16/9}.badge{position:absolute;left:22px;bottom:-13px;background:var(--accent-primary);color:#242326;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px}.card-copy{padding:30px}.card-copy p{color:var(--text-muted)}.card-copy p:last-child{margin-bottom:0}.card-copy a{font-weight:750}.number{font-size:3rem;line-height:1;color:var(--accent-primary);font-weight:800;display:block;margin-bottom:20px}.lime-band{background:var(--accent-primary);color:#242326;padding:34px 0}.lime-band .wrap{display:flex;justify-content:space-between;gap:24px;align-items:center}.lime-band h2{margin:0;max-width:25ch}.lime-band p{margin:0;max-width:40ch}.split-card{display:grid;grid-template-columns:1fr 1fr;background:var(--bg-surface);border:1px solid var(--border-subtle)}.split-card img{height:100%;min-height:260px;aspect-ratio:4/3}.split-card .card-copy{align-self:center}.page-heading{padding:66px 0 38px;max-width:950px}.page-heading p{color:var(--text-muted);max-width:65ch}.page-heading h1{font-size:clamp(2.5rem,5vw,4.6rem)}.article-banner{aspect-ratio:16/9;max-height:500px}.caption{font-size:.82rem;color:var(--text-muted);margin:10px 0 30px}.reading{max-width:70ch;margin:0 auto}.reading section{margin:42px 0}.reading h2{font-size:2rem}.reading h3{font-size:1.35rem;margin-top:1.5em}.reading ul,.reading ol{padding-left:24px}.reading li{margin-bottom:10px}.meta{font-size:.85rem;color:var(--text-muted)}.annotation{background:var(--bg-surface);padding:25px;border-left:4px solid var(--accent-primary);margin:30px 0}.annotation h2,.annotation h3{font-size:1.3rem}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;list-style:none;padding:0!important}.steps li{padding:20px;background:var(--bg-surface);border-top:3px solid var(--accent-primary)}.steps strong{display:block;color:var(--accent-primary);margin-bottom:9px}.table-wrap{overflow-x:auto;margin:25px 0}table{border-collapse:collapse;width:100%;font-size:.9rem;text-align:left}th,td{padding:14px;border:1px solid var(--border-subtle);vertical-align:top}th{background:var(--bg-surface);color:var(--accent-primary)}.sources{border-top:1px solid var(--border-subtle);padding-top:24px;font-size:.9rem}.related{margin-top:55px;margin-bottom:65px}.faq-list{max-width:78ch;margin:0 auto 65px}details{border:1px solid var(--border-subtle);background:var(--bg-surface);margin-bottom:12px;padding:20px 24px}summary{cursor:pointer;font-weight:750;padding-right:15px}details p{margin:18px 0 0;color:var(--text-muted)}.worksheet{background:var(--bg-surface);padding:30px;border:1px solid var(--border-subtle)}label{display:block;font-weight:700;margin-bottom:6px}input,textarea,select{display:block;width:100%;max-width:100%;background:#242326;color:white;border:1px solid #8c858f;border-radius:0;padding:12px;margin-bottom:20px;accent-color:var(--accent-primary)}textarea{min-height:170px;resize:vertical}input::placeholder,textarea::placeholder{color:#bdb5c2}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.actions{display:flex;gap:12px;flex-wrap:wrap}.status{min-height:1.8em;color:var(--accent-primary);margin-top:16px}.preview{white-space:pre-wrap;background:#242326;padding:20px;min-height:100px;border:1px solid var(--border-subtle);font:inherit;overflow-wrap:anywhere}.site-footer{border-top:1px solid var(--border-subtle);padding:38px 0;margin-top:40px;font-size:.85rem;color:var(--text-muted)}.footer-top{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.site-footer p{margin:18px 0 0}.reveal-ready .reveal{opacity:0;transform:translateY(25px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.reveal-ready .reveal.reveal-visible{opacity:1;transform:translateY(0)}@keyframes float{50%{transform:translate(15px,25px) scale(1.15)}}
@media(min-width:1025px){.card.feature{grid-column:span 2}.hero-stack{margin-right:12px}}
@media(min-width:769px) and (max-width:1024px){.header-inner{align-items:flex-start;flex-direction:column}.nav{gap:22px}.hero{gap:25px}.hero-stack{height:340px}.hero h1{font-size:3.5rem}}
@media(min-width:481px) and (max-width:768px){.hero-stack{height:380px;max-width:500px;width:100%;margin:auto}.bento{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){.site-header{padding:16px 20px}.header-inner{flex-direction:row}.menu-toggle{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;background:#333137;border-bottom:2px solid var(--accent-primary);padding:18px 24px;box-shadow:var(--shadow-elevation);gap:0}.nav.open{display:flex;animation:menuIn .25s var(--ease-kinetic)}.nav a{padding:12px}.hero{grid-template-columns:1fr;padding:45px 0;gap:35px}.hero p{max-width:60ch}.bento-lead{grid-template-columns:1fr;grid-template-areas:"lead" "detail" "note"}.section{padding:40px 0}.section-heading{display:block}.section-heading p{margin-top:15px}.split-card{grid-template-columns:1fr}.split-card img{max-height:320px}.lime-band .wrap{align-items:flex-start;flex-direction:column}.page-heading{padding-top:42px}.form-grid{grid-template-columns:1fr;gap:0}}
@media(max-width:480px){.wrap{width:calc(100% - 32px)}.brand{font-size:.84rem;gap:7px}.brand-mark{width:21px;height:21px;border-width:6px}.site-header{padding:14px 16px}.hero-stack{height:300px}.bento{grid-template-columns:minmax(0,1fr)}.card-copy,.worksheet{padding:24px}.page-heading h1{font-size:2.65rem}.footer-top{flex-direction:column}.button,button.action{padding:12px 18px}}
@keyframes menuIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready .reveal{opacity:1;transform:none}.card:hover,.button:hover,button.action:hover{transform:none}}