:root{--ink:#172523;--muted:#5b6865;--paper:#f7f5ef;--cream:#ebe6da;--line:#d8d4c9;--rust:#a84e2d;--dark:#152522}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 Arial,sans-serif}h1,h2,h3,strong,.brand{font-family:Georgia,serif;letter-spacing:-.035em}h1{font-size:clamp(3.2rem,7vw,6.6rem);line-height:.96;margin:.2em 0}.eyebrow{font-size:.7rem;letter-spacing:.15em;font-weight:700;color:var(--rust);margin:0 0 1em}h2{font-size:clamp(2.1rem,4vw,3.65rem);line-height:1.02;margin:.1em 0 .4em}header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,6vw,92px);border-bottom:1px solid var(--line);background:#fbfaf7}.brand{font-weight:bold;font-size:1.35rem;text-decoration:none;color:var(--ink);letter-spacing:.03em}.brand i{font-style:normal;color:var(--rust)}.brand small{font:10px Arial;display:block;letter-spacing:0;color:var(--muted);margin-top:-3px}nav{display:flex;gap:28px}nav a,.text-link,a{color:var(--ink)}nav a{text-decoration:none;font-size:.84rem}.menu{display:none}section{padding:clamp(64px,9vw,128px) clamp(22px,8vw,130px)}.hero{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:7vw;min-height:650px}.lede{max-width:600px;color:var(--muted);font-size:1.15rem}.button,form button{display:inline-flex;gap:24px;align-items:center;background:var(--rust);border:0;color:#fff;text-decoration:none;padding:15px 21px;font-weight:bold;margin-top:22px;cursor:pointer}.safe-illustration{height:430px;background:#ded9cd;position:relative;border-radius:2px;overflow:hidden}.safe-illustration:before{content:"";position:absolute;inset:30px;background:#263a37;border:11px solid #172825;border-radius:8px}.door{position:absolute;inset:60px;border:1px solid #78908a;border-radius:4px}.dial{position:absolute;width:86px;height:86px;border:12px double #c6c1b4;border-radius:50%;top:120px;left:calc(50% - 43px);z-index:2}.handle{position:absolute;width:19px;height:85px;background:#c6c1b4;top:225px;left:calc(50% - 10px);border-radius:10px}.safe-illustration p{position:absolute;bottom:25px;left:30px;color:#fff;font:1.45rem Georgia}.intro{background:var(--cream);text-align:center}.intro>p:not(.eyebrow){max-width:610px;margin:0 auto;color:var(--muted)}.statements{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);max-width:1100px;margin:55px auto 0;text-align:left}.statements article{background:var(--cream);padding:27px}.statements b{display:block;font:1.35rem Georgia;margin-bottom:8px}.statements span{color:var(--muted);font-size:.93rem}.selector{background:var(--dark);color:#f9f7f0;display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw}.selector-head p:not(.eyebrow){color:#c3cfcb}.selector form,.result{background:#f9f8f4;color:var(--ink);padding:38px;min-height:350px}.step{display:none}.step.active{display:grid;gap:20px}.step label{font-weight:bold;font-size:.9rem}.step select{width:100%;display:block;margin-top:8px;padding:13px;background:#fff;border:1px solid var(--line);font:16px Arial}.buttons{display:flex;gap:10px}.back{background:#e6e1d7;color:var(--ink)}.result h3{font-size:2rem;line-height:1.1}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px 0}.result-grid div{padding:14px;background:#eeeae0;font-size:.85rem}.result-grid b{display:block;font-family:Georgia;font-size:1rem}.restart{border:0;background:none;text-decoration:underline;margin-left:20px;cursor:pointer}.categories{max-width:1400px;margin:auto}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:42px}.cards a{padding:26px 20px;border:1px solid var(--line);text-decoration:none;min-height:210px;display:flex;flex-direction:column}.cards strong{font-size:1.45rem;line-height:1.08}.cards span{color:var(--muted);margin-top:13px}.cards em{font-style:normal;color:var(--rust);font-weight:bold;margin-top:auto}.comparison{background:#e8e4da;text-align:center}.comparison>p:not(.eyebrow){max-width:700px;color:var(--muted);margin:0 auto 40px}.table-wrap{overflow-x:auto;max-width:1100px;margin:auto;text-align:left}table{border-collapse:collapse;width:100%;min-width:650px;background:#f8f7f2}th,td{padding:17px;border:1px solid var(--line);font-size:.9rem}th{font-family:Georgia;font-size:1rem}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;padding:0;background:var(--line)}.guide-grid article{background:var(--paper);padding:clamp(45px,7vw,90px) clamp(22px,8vw,130px)}.guide-grid article p:not(.eyebrow){color:var(--muted);max-width:510px}.guide-grid a{font-weight:bold;color:var(--rust)}.installation{background:var(--dark);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.installation p:not(.eyebrow){color:#c3cfcb}.light{background:#ede8dc;color:var(--ink)}.placement{display:grid;grid-template-columns:45px 1fr;gap:14px;align-items:center}.placement span{width:32px;height:32px;border:1px solid #75928b;border-radius:50%;display:grid;place-items:center;color:#b7c8c1}footer{padding:55px clamp(22px,8vw,130px);background:#10201d;color:#e9e6de}footer .brand{color:#fff}footer p{color:#c3cfcb;max-width:500px}.fine{font-size:.78rem}@media(max-width:760px){header{height:66px}.menu{display:block;border:0;background:none;font-weight:bold}nav{display:none;position:absolute;top:66px;left:0;right:0;background:#fbfaf7;padding:20px;z-index:4;flex-direction:column}nav.open{display:flex}.hero,.selector,.installation{grid-template-columns:1fr;min-height:auto}.safe-illustration{height:300px}.statements,.cards,.guide-grid{grid-template-columns:1fr}.selector{gap:30px}.guide-grid{padding:0}.result-grid{grid-template-columns:1fr}h1{font-size:3.35rem}}