:root{--color-bg:#f6f2e9;--color-surface:#fffdf8;--color-surface-soft:#e6f0eb;--color-text:#1d2b25;--color-muted:#5c6862;--color-primary:#17624e;--color-primary-dark:#0d4537;--color-primary-soft:#d8ebe3;--color-support:#a94b30;--color-support-soft:#f4ddd4;--color-border:#d6dcd6;--color-focus:#075ea8;--color-footer:#15352b;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Avenir Next", "Segoe UI", ui-sans-serif, system-ui, sans-serif;--text-display:clamp(3.2rem, 7.2vw, 6.8rem);--text-h1:clamp(2.55rem, 5vw, 4.8rem);--text-h2:clamp(2rem, 3.8vw, 3.25rem);--text-h3:clamp(1.2rem, 2vw, 1.5rem);--text-body:1rem;--text-small:.875rem;--text-eyebrow:.75rem;--space-1:.5rem;--space-2:.75rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:3rem;--space-7:4.5rem;--space-8:6.5rem;--radius-small:.65rem;--radius:1.1rem;--radius-large:1.75rem;--shadow-small:0 1px 2px #18302714, 0 8px 24px #1830270d;--shadow-card:0 18px 45px #18302717;--page-width:75rem;--reading-width:45rem}*,:before,:after{box-sizing:border-box}html{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);scroll-behavior:smooth;font-size:100%}body{min-width:20rem;font-size:var(--text-body);text-rendering:optimizelegibility;margin:0;line-height:1.65}main{min-height:55vh}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:.08em}a:hover{text-decoration-thickness:.14em}:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.035em;line-height:1.08}h1,h2,h3,p{margin-top:0}.wrap{width:min(calc(100% - 3rem), var(--page-width));margin-inline:auto}.narrow{max-width:var(--reading-width)}.skip-link{z-index:100;top:var(--space-3);left:var(--space-3);border-radius:var(--radius-small);background:var(--color-text);color:#fff;padding:.75rem 1rem;position:fixed;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:20;background:#fffdf8f0;border-bottom:1px solid #1d2b251a;position:relative}.header-inner{justify-content:space-between;align-items:center;gap:var(--space-5);min-height:5rem;display:flex}.brand{color:var(--color-text);font-family:var(--font-display);letter-spacing:.045em;align-items:baseline;font-size:1.22rem;font-weight:850;line-height:1;text-decoration:none;display:inline-flex}.brand-accent{color:var(--color-primary)}.desktop-nav{align-items:center;gap:clamp(1rem,2.4vw,2rem);display:flex}.desktop-nav a,.mobile-nav a{font-size:.9rem;font-weight:700;text-decoration:none}.desktop-nav a:hover{color:var(--color-primary)}.mobile-nav{display:none;position:relative}.mobile-nav summary{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;text-align:center;border-radius:999px;min-width:4.75rem;min-height:3rem;padding:.62rem .9rem;font-size:.9rem;font-weight:750;list-style:none}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav[open] summary{border-color:var(--color-primary);color:var(--color-primary-dark)}.mobile-nav nav{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:min(19rem,100vw - 2rem);box-shadow:var(--shadow-card);padding:.6rem;display:grid;position:absolute;top:calc(100% + .75rem);right:0}.mobile-nav nav a{border-radius:.55rem;min-height:3rem;padding:.65rem .8rem}.mobile-nav nav a:hover{background:var(--color-primary-soft)}.eyebrow{margin-bottom:var(--space-2);color:var(--color-primary-dark);font-size:var(--text-eyebrow);letter-spacing:.11em;text-transform:uppercase;font-weight:850;line-height:1.4}.lead{max-width:43rem;color:var(--color-muted);margin-bottom:0;font-size:clamp(1.08rem,2vw,1.32rem);line-height:1.55}.button{border:1px solid var(--color-primary);background:var(--color-primary);color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;min-height:3rem;padding:.7rem 1.2rem;font-weight:800;line-height:1.2;text-decoration:none;transition:background-color .16s,border-color .16s,transform .16s;display:inline-flex}.button:hover{border-color:var(--color-primary-dark);background:var(--color-primary-dark);text-decoration:none;transform:translateY(-1px)}.text-link{color:var(--color-primary-dark);font-weight:800}.hero{padding-block:clamp(4.5rem,10vw,8rem)}.home-hero{background:radial-gradient(circle at 92% 12%, #bd583829 0 8rem, transparent 8.1rem), linear-gradient(135deg, var(--color-surface-soft), #edf3e8 62%, var(--color-support-soft));position:relative;overflow:hidden}.home-hero:after{content:"";border:3rem solid #17624e14;border-radius:50%;width:20rem;height:20rem;position:absolute;bottom:-7rem;right:-4rem}.hero-grid{z-index:1;grid-template-columns:minmax(0,1.6fr) minmax(15rem,.65fr);align-items:end;gap:clamp(3rem,8vw,7rem);display:grid;position:relative}.hero-copy{max-width:59rem}.hero h1{max-width:58rem;margin-bottom:var(--space-4);font-size:var(--text-display);letter-spacing:-.065em;line-height:.96}.hero-cta{margin-top:var(--space-5)}.hero-note{padding:var(--space-4);border-radius:var(--radius);box-shadow:var(--shadow-small);background:#fffdf8b8;border:1px solid #1d2b251f}.hero-note-number{margin-bottom:var(--space-4);color:var(--color-support);letter-spacing:.12em;font-size:.8rem;font-weight:850;display:block}.hero-note p{color:var(--color-muted);margin-bottom:0}.hero-note strong{color:var(--color-text)}.page-hero{border-bottom:1px solid var(--color-border);background:linear-gradient(180deg, var(--color-surface), var(--color-bg));padding-block:clamp(2rem,5vw,4rem) clamp(3.5rem,7vw,6rem)}.page-hero-copy{max-width:52rem;margin-top:clamp(2.5rem,5vw,4.5rem)}.page-hero h1{margin-bottom:var(--space-4);font-size:var(--text-h1)}.error-page .page-hero-copy{text-align:center;margin-inline:auto}.error-page .lead{margin-inline:auto}.error-actions{justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.section{padding-block:clamp(4.5rem, 8vw, var(--space-8))}.section-tinted{border-block:1px solid var(--color-border);background:var(--color-surface-soft)}.section-heading{max-width:47rem;margin-bottom:clamp(2rem,5vw,3.5rem)}.section-heading h2{margin-bottom:var(--space-3);font-size:var(--text-h2)}.section-heading>p:last-child{color:var(--color-muted);margin-bottom:0;font-size:1.08rem}.cluster-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.cluster-card{align-items:start;gap:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);min-height:12rem;box-shadow:var(--shadow-small);grid-template-columns:auto minmax(0,1fr) auto;padding:clamp(1.4rem,3vw,2rem);text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.cluster-card:hover{box-shadow:var(--shadow-card);border-color:#17624e73;text-decoration:none;transform:translateY(-3px)}.cluster-number{background:var(--color-primary-soft);width:2.5rem;height:2.5rem;color:var(--color-primary-dark);border-radius:50%;place-items:center;font-size:.75rem;font-weight:850;display:grid}.cluster-copy{gap:.65rem;display:grid}.cluster-copy strong{font-family:var(--font-display);font-size:var(--text-h3);letter-spacing:-.025em;line-height:1.15}.cluster-copy>span{color:var(--color-muted);line-height:1.55}.card-arrow{color:var(--color-primary);font-size:1.35rem;line-height:1}.guide-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));display:grid}.card{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);min-height:19rem;box-shadow:var(--shadow-small);flex-direction:column;padding:clamp(1.4rem,3vw,2rem);transition:border-color .16s,box-shadow .16s,transform .16s;display:flex}.card h3{margin-bottom:var(--space-3);font-size:var(--text-h3)}.card h3 a{text-decoration:none}.card p:not(.eyebrow){margin-bottom:var(--space-4);color:var(--color-muted)}.card-link{margin-top:auto}.card:hover{box-shadow:var(--shadow-card);border-color:#17624e73;transform:translateY(-3px)}.empty-state{align-items:flex-start;gap:var(--space-4);border-radius:var(--radius-large);background:var(--color-surface);border:1px dashed #17624e66;max-width:50rem;padding:clamp(1.5rem,4vw,2.5rem);display:flex}.empty-mark{background:var(--color-primary-soft);width:3rem;height:3rem;color:var(--color-primary-dark);border-radius:50%;flex:none;place-items:center;font-size:1.2rem;font-weight:900;display:grid}.empty-state h3{margin-bottom:.45rem;font-size:1.35rem}.empty-state p{margin-bottom:var(--space-2);color:var(--color-muted)}.help-section{background:var(--color-surface)}.help-layout{grid-template-columns:minmax(15rem,.7fr) minmax(0,1.3fr);gap:clamp(3rem,8vw,7rem);display:grid}.help-steps{margin:0;padding:0;list-style:none}.help-steps li{gap:var(--space-4);padding-block:var(--space-4);border-top:1px solid var(--color-border);grid-template-columns:3rem minmax(0,1fr);display:grid}.help-steps li:last-child{border-bottom:1px solid var(--color-border)}.help-steps>li>span{color:var(--color-support);font-weight:850}.help-steps h3{margin-bottom:.45rem;font-size:1.28rem}.help-steps p{color:var(--color-muted);margin-bottom:0}.breadcrumbs{color:var(--color-muted);font-size:var(--text-small)}.breadcrumbs ol{flex-wrap:wrap;gap:.4rem .65rem;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li{align-items:center;gap:.65rem;display:flex}.breadcrumbs li:not(:last-child):after{color:#8a958f;content:"/"}.breadcrumbs a{color:var(--color-primary-dark)}.article{padding-block:clamp(2rem,5vw,4rem) clamp(5rem,9vw,8rem)}.article-wrap{max-width:61rem}.article-header{max-width:52rem;margin-top:clamp(2.8rem,6vw,5rem);margin-bottom:clamp(3.5rem,7vw,6rem)}.article-header h1{margin-bottom:var(--space-4);font-size:var(--text-h1)}.article-meta{gap:var(--space-3) var(--space-6);margin:var(--space-5) 0 0;padding-top:var(--space-4);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.article-meta div{gap:.2rem;display:grid}.article-meta dt{color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}.article-meta dd{margin:0;font-weight:750}.article-content{width:100%}.prose{max-width:var(--reading-width);font-size:clamp(1.03rem,1.5vw,1.1rem)}.prose h2{margin:2.5em 0 .75em;font-size:clamp(1.65rem,3vw,2.15rem)}.prose h3{margin:2em 0 .65em;font-size:1.35rem}.prose p,.prose li{color:#34443d}.prose p,.prose ul,.prose ol{margin-bottom:1.35em}.prose a{color:var(--color-primary-dark);font-weight:700}.prose strong{color:var(--color-text)}.recommendations{border-top:1px solid var(--color-border);margin-top:clamp(4rem,8vw,6rem);padding-top:clamp(2.5rem,5vw,4rem)}.recommendations h2{margin-bottom:var(--space-2);font-size:clamp(1.8rem,3.5vw,2.6rem)}.recommendations-intro{max-width:39rem;margin-bottom:var(--space-5);color:var(--color-muted)}.recommendation-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.recommendation-grid-1{grid-template-columns:1fr;max-width:38rem}.product-card{--role-color:var(--color-primary);border:1px solid var(--color-border);border-top:4px solid var(--role-color);border-radius:var(--radius);background:var(--color-surface);min-height:100%;box-shadow:var(--shadow-small);flex-direction:column;padding:clamp(1.4rem,3vw,2rem);display:flex}.product-card-alternative{--role-color:#356b8c}.product-card-budget{--role-color:var(--color-support)}.product-card-complementary{--role-color:#71558c}.product-card-accessory{--role-color:#75633b}.product-role{margin-bottom:var(--space-4);color:var(--role-color);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:850}.product-brand{color:var(--color-muted);font-size:var(--text-small);margin-bottom:.25rem;font-weight:750}.product-card h3{margin-bottom:var(--space-3);font-size:1.4rem}.product-reason{color:#3b4a43}.product-highlights{margin:0 0 var(--space-5);color:#3b4a43;gap:.5rem;padding-left:1.25rem;display:grid}.product-highlights li::marker{color:var(--role-color)}.product-cta{align-self:flex-start;margin-top:auto}.site-footer{background:var(--color-footer);color:#f8f5ec;padding-top:clamp(3.5rem,7vw,5.5rem)}.footer-grid{padding-bottom:var(--space-6);grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(8rem,.5fr));gap:clamp(2.5rem,7vw,6rem);display:grid}.brand-footer{margin-bottom:var(--space-3);color:#fff}.brand-footer .brand-accent{color:#93d3bb}.footer-grid>div:first-child p{color:#c8d6d0;max-width:28rem;margin-bottom:0}.footer-heading{margin-bottom:var(--space-3);color:#fff;letter-spacing:.09em;text-transform:uppercase;font-size:.75rem;font-weight:850}.footer-nav{flex-direction:column;align-items:flex-start;display:flex}.footer-nav a{color:#d9e4df}.future-links{color:#aebfb8;font-size:var(--text-small);gap:.4rem;margin:0;display:grid}.footer-bottom{padding-block:var(--space-4);border-top:1px solid #ffffff21}.footer-bottom p{color:#aebfb8;max-width:54rem;margin:0;font-size:.82rem}@media (width<=56rem){.desktop-nav{display:none}.mobile-nav{display:block}.hero-grid,.help-layout{grid-template-columns:1fr}.hero-note{max-width:28rem}.footer-grid{gap:var(--space-5);grid-template-columns:1.5fr 1fr 1fr}}@media (width<=45rem){.wrap{width:min(calc(100% - 2rem), var(--page-width))}.header-inner{min-height:4.5rem}.home-hero{padding-block:4.5rem 4rem}.hero h1{font-size:clamp(3rem,14vw,4.5rem)}.cluster-grid,.recommendation-grid{grid-template-columns:1fr}.cluster-card{grid-template-columns:auto minmax(0,1fr);min-height:0}.cluster-card .card-arrow{display:none}.empty-state{flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}@media (width<=28rem){.hero h1{font-size:2.8rem}.hero-note{display:none}.cluster-card{gap:var(--space-3);padding:1.25rem}.cluster-number{width:2.2rem;height:2.2rem}.help-steps li{gap:var(--space-3);grid-template-columns:2rem minmax(0,1fr)}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}