:root{--ink:#132127;--navy:#173746;--copper:#c66d35;--cream:#f5f1e8;--paper:#fffdf8;--muted:#66737a;--line:#d8ddd9;--green:#315e4a;--shadow:0 18px 50px rgba(19,33,39,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}img{max-width:100%;display:block}.wrap{width:min(1120px,calc(100% - 36px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,253,248,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:850;letter-spacing:-.02em}.brand-logo{width:64px;height:45px;object-fit:contain;background:#fff;border-radius:5px}.navlinks{display:flex;gap:24px;align-items:center}.navlinks a{text-decoration:none;font-weight:700;font-size:.92rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:9px;background:var(--copper);color:#fff;text-decoration:none;font-weight:800;border:0;cursor:pointer}.button.ghost{background:transparent;color:var(--ink);border:1px solid currentColor}.button.light-outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.72)}.hero{min-height:600px;color:white;background:linear-gradient(90deg,rgba(12,25,31,.92) 0%,rgba(12,25,31,.78) 38%,rgba(12,25,31,.08) 70%),url('assets/project-workspace.png') center/cover}.hero-inner{padding:112px 0 96px;max-width:620px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-weight:850;font-size:.76rem;color:#f3b48b}.hero h1{font:800 clamp(2.7rem,7vw,5.8rem)/.96 Georgia,serif;letter-spacing:-.045em;margin:16px 0 24px}.hero p{font-size:1.15rem;max-width:570px;color:#e6ecec}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.trust{display:flex;gap:26px;flex-wrap:wrap;margin-top:42px;color:#d8e2e2;font-size:.9rem}.trust span:before{content:"✓";color:#f3b48b;font-weight:900;margin-right:7px}.section{padding:84px 0}.section.alt{background:var(--cream)}.section-head{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:34px}.section h2{font:800 clamp(2rem,4vw,3.4rem)/1.05 Georgia,serif;letter-spacing:-.035em;margin:0}.section-head p{max-width:540px;color:var(--muted);margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:white;border:1px solid var(--line);border-radius:14px;padding:26px;box-shadow:0 8px 28px rgba(19,33,39,.05)}.card .num{font:800 2rem Georgia,serif;color:var(--copper)}.card h3{font-size:1.24rem;line-height:1.25;margin:12px 0 8px}.card p{color:var(--muted)}.card a{font-weight:850;color:var(--navy)}.calculator{background:var(--navy);color:white;border-radius:18px;padding:34px;box-shadow:var(--shadow)}.calc-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:44px;align-items:center}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field label{display:block;font-size:.82rem;font-weight:800;color:#cbd8dc;margin-bottom:5px}.field input,.field select{width:100%;padding:12px;border:1px solid #72909d;border-radius:8px;background:#fff;color:var(--ink);font:inherit}.result{background:#0e2934;border:1px solid #466672;border-radius:14px;padding:26px}.result strong{display:block;font:800 3.2rem Georgia,serif;color:#f3b48b}.result small{color:#cbd8dc}.picks{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.pick{padding:22px;border:1px solid var(--line);border-radius:12px;background:#fff}.pick b{display:block;margin-bottom:6px}.pick p{font-size:.9rem;color:var(--muted)}.shoplinks{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.shoplinks a{font-size:.78rem;font-weight:800;padding:6px 9px;border-radius:6px;background:var(--cream);text-decoration:none}.disclosure{font-size:.84rem;color:var(--muted);border-left:3px solid var(--copper);padding-left:14px;margin-top:28px}.newsletter{background:var(--ink);color:white;border-radius:18px;padding:38px;display:flex;align-items:center;justify-content:space-between;gap:28px}.newsletter>div:first-child{max-width:650px}.newsletter p{color:#cad4d6}.newsletter-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.article-cta{margin-top:48px;padding:28px;border-radius:14px;background:var(--navy);color:#fff}.article-cta h2{margin:0 0 8px;font-size:1.75rem}.article-cta p{color:#d9e4e7}.article-cta .button{margin-top:8px}.site-footer{padding:42px 0;background:#0d1a20;color:#c9d2d5}.footer-grid{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-grid>div:last-child{text-align:right}.footer-grid a{color:white}.article{width:min(820px,calc(100% - 36px));margin:0 auto;padding:72px 0}.article h1{font:800 clamp(2.5rem,6vw,4.6rem)/1 Georgia,serif;letter-spacing:-.04em}.article h2{font:800 2rem Georgia,serif;margin-top:2em}.article .lede{font-size:1.2rem;color:var(--muted)}.checklist{padding-left:1.2em}.checklist li{margin:9px 0}.note{border-left:4px solid var(--copper);background:var(--cream);padding:16px 18px;margin:28px 0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}th{background:var(--cream)}@media(max-width:850px){.grid,.picks{grid-template-columns:1fr 1fr}.calc-grid{grid-template-columns:1fr}.navlinks a:not(.button){display:none}.newsletter{align-items:flex-start;flex-direction:column}.newsletter-actions{justify-content:flex-start}}@media(max-width:580px){.hero{min-height:640px;background-position:62% center}.hero-inner{padding-top:88px}.grid,.picks,.fields{grid-template-columns:1fr}.section{padding:62px 0}.section-head,.newsletter{display:block}.newsletter-actions{display:grid}.newsletter .button{margin-top:12px}.trust{gap:10px;display:grid}.nav{height:64px}.brand{font-size:.94rem}.brand-logo{width:54px;height:38px}.navlinks .button{padding:10px 12px;font-size:.82rem}.footer-grid>div:last-child{text-align:left}}
.grid{grid-template-columns:repeat(4,1fr)}.featured-card{border-color:rgba(198,109,53,.55);box-shadow:0 12px 34px rgba(198,109,53,.13)}@media(max-width:850px){.grid{grid-template-columns:1fr 1fr}}@media(max-width:580px){.grid{grid-template-columns:1fr}}