:root{--paper:#fffdf7;--cream:#f1eadc;--ink:#171a1d;--muted:#5f6468;--navy:#18222c;--navy2:#0e151c;--ox:#78342f;--brass:#c99b4b;--key:#e8dfce;--line:#d5cab7;--shadow:0 22px 55px rgba(18,24,29,.15);--radius:20px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.68 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}img{max-width:100%;display:block}a{color:inherit}p{margin:.25rem 0 1rem}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.08;margin:0 0 .75rem}h1{font-size:clamp(2.7rem,7vw,5.7rem);letter-spacing:-.045em}h2{font-size:clamp(2rem,4vw,3.25rem);letter-spacing:-.025em}h3{font-size:1.35rem}.wrap{width:min(calc(100% - 36px),var(--max));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:white;padding:10px;z-index:999}.site-header{position:sticky;top:0;z-index:50;background:rgba(241,234,220,.95);backdrop-filter:blur(16px);border-bottom:1px solid rgba(23,26,29,.12)}.nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:900;letter-spacing:-.025em}.brand img{width:44px;height:44px}.navlinks{display:flex;align-items:center;gap:20px;font-size:.92rem;font-weight:780}.navlinks a{text-decoration:none}.navlinks a:hover{color:var(--ox)}.menu-btn{display:none;border:0;background:var(--navy);color:white;border-radius:11px;padding:9px 12px;font-weight:800}.hero{position:relative;background:radial-gradient(circle at 70% 20%,rgba(201,155,75,.22),transparent 34%),linear-gradient(145deg,var(--navy),var(--navy2));color:white;padding:80px 0 62px;overflow:hidden}.hero:after{content:"Q W E R T Y U I O P";position:absolute;bottom:-24px;left:4%;font:900 clamp(3rem,9vw,8rem)/1 Georgia,serif;letter-spacing:.1em;color:rgba(255,255,255,.025);white-space:nowrap}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:50px}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:.75rem;font-weight:900;color:#e1bd77}.eyebrow.ink{color:var(--ox)}.hero p.lead{font-size:clamp(1.05rem,2vw,1.34rem);max-width:700px;color:#dde2e4}.hero-art{filter:drop-shadow(0 30px 28px rgba(0,0,0,.35));transform:rotate(-1deg)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:12px 19px;text-decoration:none;font-weight:900;border:1px solid transparent;cursor:pointer}.btn-primary,.btn-brass{background:var(--brass);color:#17130d}.btn-primary:hover,.btn-brass:hover{background:#ddb565}.btn-secondary{border-color:rgba(255,255,255,.52);color:white}.btn-dark{background:var(--navy);color:white}.btn-outline{border-color:var(--navy);color:var(--navy)}.trustbar{background:#090e13;color:#d8dde0;border-top:1px solid rgba(255,255,255,.1)}.trustbar .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:17px 0}.trust-item{font-size:.87rem}.trust-item strong{display:block;color:#dfb768}.section{padding:75px 0}.section.white{background:var(--paper)}.section.dark{background:var(--navy2);color:white}.section.ox{background:var(--ox);color:white}.section-head{max-width:800px;margin-bottom:30px}.section-head p{color:var(--muted);font-size:1.08rem}.dark .section-head p,.ox .section-head p{color:#ccd2d5}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:23px;box-shadow:0 8px 28px rgba(18,24,29,.06)}.card:hover{box-shadow:var(--shadow);transform:translateY(-2px);transition:.2s}.card img{border-radius:15px;margin-bottom:18px;background:#e9e0cf}.card p{color:var(--muted)}.card .meta,.meta{font-size:.77rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:var(--ox)}.card-link{text-decoration:none}.dark .card{background:#18232d;border-color:#34414b}.dark .card p{color:#c8d0d4}.dark .card .meta{color:#e2b65e}.list-clean{list-style:none;padding:0;margin:0}.list-clean li{padding:10px 0;border-bottom:1px solid var(--line)}.search-panel{background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:var(--shadow)}.search-form{display:grid;grid-template-columns:1fr auto;gap:12px}.search-form input,.search-form select,.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:14px 15px;border:1px solid #c4b9a7;border-radius:13px;background:#fff;font:inherit}.search-form button{border:0}.filter-form{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.filter-form .wide{grid-column:span 4}.chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.chip{display:inline-flex;border-radius:999px;background:#ece2d1;padding:7px 11px;text-decoration:none;font-size:.85rem;font-weight:800}.chip:hover{background:#dbc9a9}.feature{display:grid;grid-template-columns:.82fr 1.18fr;gap:38px;align-items:center}.feature.reverse{grid-template-columns:1.18fr .82fr}.checklist{display:grid;gap:10px}.check{display:flex;gap:11px;align-items:flex-start;background:rgba(46,60,69,.09);padding:13px;border-radius:13px}.check b{color:var(--ox)}.notice{border-left:5px solid var(--brass);background:#f2e7d2;padding:18px 20px;border-radius:0 14px 14px 0}.warning{border-left-color:var(--ox);background:#f0ded9}.quote{font:italic 1.25rem/1.5 Georgia,serif;border-left:4px solid var(--brass);padding-left:20px;color:#3e4548}.breadcrumbs{font-size:.85rem;color:var(--muted);padding:20px 0}.breadcrumbs a{color:var(--ox)}.page-hero{padding:50px 0 38px;background:linear-gradient(150deg,#f5efe3,#e7dcc9);border-bottom:1px solid var(--line)}.page-hero-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:36px;align-items:center}.page-hero-grid img{max-height:310px;margin:auto}.page-hero h1{font-size:clamp(2.5rem,6vw,4.7rem)}.page-hero p{font-size:1.15rem;color:var(--muted);max-width:800px}.article{width:min(calc(100% - 36px),840px);margin:auto;padding:58px 0}.article h2{margin-top:2.15rem}.article h3{margin-top:1.55rem}.article ul,.article ol{padding-left:22px}.article li{margin:7px 0}.article .cta{margin:34px 0;background:var(--navy);color:white;padding:27px;border-radius:20px}.article .cta p{color:#dbe1e4}.article a:not(.btn){color:var(--ox)}.toc{background:white;border:1px solid var(--line);padding:20px;border-radius:16px;margin:25px 0}.toc a{color:var(--ox)}table{width:100%;border-collapse:collapse;background:white;border-radius:16px;overflow:hidden}th,td{padding:12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{background:#e9decb}.footer{background:#080d12;color:#d5dbde;padding:52px 0 25px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:30px}.footer h3{color:white;font-size:1.05rem}.footer a{color:#c7d0d4;text-decoration:none}.footer a:hover{color:#e1b96d}.footer small{display:block;border-top:1px solid rgba(255,255,255,.14);margin-top:35px;padding-top:20px;color:#8f9ba1}.footer-brand{color:white;margin-bottom:12px}.badge{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:800;background:white}.finder{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.finder label{background:white;border:1px solid var(--line);padding:13px;border-radius:13px;cursor:pointer}.finder-result{margin-top:18px;padding:20px;border-radius:16px;background:#e9decb;display:none}.small{font-size:.88rem;color:var(--muted)}.small.light{color:#bcc7cc}.kicker{font-family:Georgia,serif;font-size:1.45rem}.callout-strip{background:var(--ox);color:white;padding:22px 0}.callout-strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px}.callout-strip .btn{background:white;color:var(--ox)}.key-row{display:flex;gap:8px;flex-wrap:wrap}.keycap{min-width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(#fffdf7,#d7ccbb);border:1px solid #bcb09f;box-shadow:inset 0 -3px 0 rgba(0,0,0,.13);font:700 1rem Georgia,serif}.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.spec{background:white;border:1px solid var(--line);padding:14px;border-radius:13px}.spec strong{display:block;color:var(--ox)}
@media(max-width:900px){.hero-grid,.page-hero-grid,.feature,.feature.reverse{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.trustbar .wrap{grid-template-columns:repeat(2,1fr)}.filter-form{grid-template-columns:repeat(2,1fr)}.filter-form .wide{grid-column:span 2}.navlinks{display:none;position:absolute;top:74px;left:0;right:0;background:var(--cream);padding:20px;flex-direction:column;border-bottom:1px solid var(--line)}.navlinks.open{display:flex}.menu-btn{display:block}.hero{padding-top:48px}}
@media(max-width:600px){.grid-2,.grid-3,.grid-4,.footer-grid,.finder,.spec-grid,.filter-form{grid-template-columns:1fr}.filter-form .wide{grid-column:span 1}.search-form{grid-template-columns:1fr}.trustbar .wrap{grid-template-columns:1fr}.callout-strip .wrap{align-items:flex-start;flex-direction:column}.section{padding:55px 0}.card{padding:19px}.brand span{font-size:.91rem}}