*{box-sizing:border-box}body{color:#202522;background:#fafaf8;margin:0;font:16px/1.6 Manrope,Arial,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button,.button{color:#fff;background:#1e453b;border:0;border-radius:12px;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:12px 22px;font-weight:650;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}button:hover,.button:hover{background:#15362d;transform:translateY(-1px)}button.secondary,.secondary{color:#1e453b;background:#eef4f0}input,select,textarea{color:#202522;background:#fff;border:1px solid #cdd5ce;border-radius:10px;width:100%;padding:13px 15px;display:block}label{margin:16px 0 6px;font-weight:600;display:block}input[type=checkbox]{width:auto;margin-inline-end:10px;display:inline}input[type=range]{padding:0}h1,h2,h3{letter-spacing:-.035em;line-height:1.12}h1{max-width:800px;margin:24px 0;font-size:clamp(38px,5vw,72px)}h2{font-size:clamp(28px,3vw,44px)}h3{font-size:22px}p{max-width:65ch}small,.muted{color:#626b65}small{font-size:13px}header{justify-content:space-between;align-items:center;gap:20px;max-width:1280px;margin:auto;padding:24px;display:flex}nav{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.brand{align-items:center;gap:9px;font-size:27px;font-weight:750;text-decoration:none;display:flex}.brand img{object-fit:contain;width:38px;height:38px}main{max-width:1200px;margin:auto;padding:30px 24px 100px}section{margin:80px 0}.split{grid-template-columns:1fr 1fr;align-items:center;gap:56px;display:grid}.hero-image{object-fit:cover;border-radius:16px;width:100%;height:560px}.eyebrow{color:#446753;font-size:14px;font-weight:650}.actions{flex-wrap:wrap;align-items:center;gap:12px;margin:28px 0;display:flex}.panel{background:#eef4f0;border-radius:16px;padding:28px}.row{border-bottom:1px solid #e5e8e3;justify-content:space-between;align-items:center;gap:18px;padding:18px 0;display:flex}.error{color:#803421;background:#fff0eb;border-radius:8px;padding:14px}.success{color:#244a31;background:#e5f2e8;border-radius:8px;padding:14px}.choices{gap:12px;margin:28px 0;display:grid}.choice{color:#202522;text-align:start;background:#fff;border:1px solid #cdd5ce;justify-content:flex-start;min-height:76px}.choice[aria-pressed=true]{background:#e3eee6;border-color:#1e453b}.choice:hover{background:#eef4f0}.progress{background:#e5e8e3;border-radius:4px;height:5px;overflow:hidden}.progress span{background:#1e453b;height:100%;transition:width .3s;display:block}.wizard{max-width:680px;margin:auto}.wizard h1{font-size:clamp(34px,4vw,52px)}.photos{flex-wrap:wrap;gap:12px;display:flex}.photos img{object-fit:cover;border-radius:8px;width:120px;height:100px}.photo{position:relative}.photo button{min-height:28px;padding:4px 9px;font-size:12px;position:absolute;top:4px;right:4px}.compare{border-radius:12px;position:relative;overflow:hidden}.compare img{width:100%;display:block}.compare .after{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}td,th{text-align:start;border-bottom:1px solid #e5e8e3;padding:14px}th{color:#626b65;font-size:12px}footer{border-top:1px solid #e5e8e3;flex-wrap:wrap;justify-content:space-between;gap:24px;max-width:1280px;margin:auto;padding:36px 24px;display:flex}.stat{color:#1e453b;font-size:42px;font-weight:750}.tabs{flex-wrap:wrap;gap:10px;margin:24px 0;display:flex}.subtle{color:#1e453b;background:0 0}.grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.badge{background:#e6ede7;border-radius:6px;padding:3px 8px;font-size:12px;display:inline-block}.camera{background:#202522;border-radius:12px;min-height:260px;position:relative;overflow:hidden}.camera video,.camera canvas{width:100%;display:block}.overlay{mix-blend-mode:multiply;pointer-events:none;clip-path:polygon(25% 0,75% 0,100% 100%,0 100%);background:#bda47a88;position:absolute;inset:50% 0 0}@media (max-width:760px){.split,.grid{grid-template-columns:1fr;gap:28px}.hero-image{height:340px}nav{gap:12px;font-size:14px}header{padding:18px}section{margin:48px 0}main{padding-top:12px}.panel{padding:20px}h1{font-size:42px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}