/* UI refresh: scoped to the three discovery pages. */
.ux-site{--ground:#f6f5ef;--surface:#fff;--ink:#183c35;--ink-2:#53675f;--line:#dbe0d7;--accent:#1b5b49;--accent-soft:#e9f0e7;--ok-fg:#24533e;--wa:#1b5b49;--wrap:1240px;font-family:Archivo,system-ui,sans-serif}
.ux-site h1,.ux-site h2,.ux-site h3{font-stretch:normal;letter-spacing:-.045em;font-weight:650;line-height:1.08}
.ux-site h1{font-size:clamp(2.5rem,5.2vw,4.7rem)}
.ux-site h2{font-size:clamp(1.7rem,3vw,2.6rem)}
.ux-site .top{background:#fafbf7;position:relative;z-index:20}.ux-site .top .wrap{min-height:82px}.ux-site .mark{font-size:1.45rem;letter-spacing:-.05em}.ux-site .mark svg{width:30px;height:30px}.ux-site .mark svg rect{fill:var(--accent)}
.ux-site .nav a{font-size:.86rem;min-height:46px}.ux-site .nav a.biz{border-radius:7px;padding:0 15px;background:#edf1e8;border-color:transparent}.ux-site .nav a[aria-current=page]{color:var(--accent);text-decoration:underline;text-underline-offset:7px}
.ux-menu{display:none;min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:6px;background:white;font-size:.85rem}
.ux-site .hero{padding:44px 0 0}.ux-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;padding-bottom:40px}.ux-eyebrow{font-size:.68rem;font-weight:750;letter-spacing:.17em;color:var(--accent);margin-bottom:15px!important}.ux-hero h1 em{font-style:normal;color:#73826c}.ux-hero-copy>p:not(.ux-eyebrow):not(.ux-hero-note){font-size:1.04rem;line-height:1.7;max-width:440px;margin-top:24px;color:var(--ink-2)}
.ux-actions{display:flex;align-items:center;gap:26px;margin-top:28px}.ux-site .btn{background:var(--accent);border-radius:7px;min-height:50px;font-size:.92rem;padding:12px 21px}.ux-site .btn:hover{background:#123f33}.ux-site .btn.ghost{background:white;color:var(--ink)}.ux-text-link{font-weight:650;text-decoration:none;font-size:.9rem;display:inline-flex;align-items:center;gap:12px;min-height:44px}.ux-hero-note{font-size:.77rem;color:var(--ink-2);margin-top:14px}
.ux-room{background:#e5eade;border-radius:140px 12px 12px 12px;padding:24px 18px 15px;position:relative}.ux-room-label{font-size:.59rem;letter-spacing:.15em;font-weight:750;text-align:right;padding:6px 12px 15px}.ux-room svg{width:100%;display:block}.ux-room-caption{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.71rem;margin-top:5px}.ux-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#476e4c}
.ux-facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1.3fr 1fr;gap:24px;padding:24px 0;margin:0 0 65px;align-items:center;font-size:.82rem;color:var(--ink-2)}.ux-facts b{display:block;font-size:1.75rem;color:var(--ink);font-weight:600;letter-spacing:-.05em}.ux-facts a{text-decoration:none;color:var(--ink-2)}.ux-facts-note{border-left:1px solid var(--line);padding-left:24px;line-height:1.6}
.ux-section-heading{display:flex;justify-content:space-between;gap:28px;align-items:end;margin:40px 0 24px;scroll-margin-top:25px}.ux-section-heading>p{max-width:360px;font-size:.9rem;color:var(--ink-2);line-height:1.7}.ux-section-heading>a{font-size:.85rem;min-height:44px;display:flex;align-items:center}.ux-section-heading .ux-eyebrow{margin-bottom:10px!important}
.ux-site .start{margin:26px 0 20px;padding:0}.ux-site .start legend{font-size:.9rem}.ux-site .chip{border-radius:6px;font-size:.85rem;padding:0 14px;background:transparent}.ux-site .chip:has(input:checked){background:var(--accent);color:white}.ux-site .finder{border-radius:12px;grid-template-columns:1.35fr 1fr;margin-top:20px}.ux-site .finder-qs{gap:27px;padding:28px}.ux-site legend{font-size:.95rem}.ux-site .tile{border-radius:8px;font-size:.82rem;min-height:100px}.ux-site .finder-side{padding:25px;background-color:#eef1e8;background-image:none;border-left:1px solid var(--line)}.ux-site .diagram{border:none;background:transparent;padding-top:20px}.ux-site .diagram-cap{font-size:.86rem;line-height:1.6;background:transparent;border:0;padding:0}.ux-site .finder-side .link-btn{font-size:.8rem}.ux-site .finder-go{padding-top:18px}.ux-site .hint{font-size:.8rem}
.ux-site #models{padding-top:64px}.ux-site #models .section-head{align-items:center;gap:24px}.ux-site .toolbar{gap:10px}.ux-site .toolbar input[type=search]{width:220px;background:white;border-color:var(--line);font-size:.85rem}.ux-site .toolbar select{background:white;border-color:var(--line);font-size:.8rem;max-width:100%}.ux-site .toolbar label{font-size:.75rem}.ux-site .section-head p{font-size:.83rem}.ux-site .section-head .ux-eyebrow{font-size:.68rem}
.ux-price-note{display:flex;align-items:start;gap:12px;margin-bottom:22px;padding:14px 18px;background:#eeeede;border-radius:7px;font-size:.81rem;color:#4e5f4f;line-height:1.6}.ux-price-note>span{font-size:1.1rem}.ux-site .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.ux-site .card{border-radius:10px;transition:box-shadow .15s,border-color .15s}.ux-site .card:hover{border-color:#8b9d8e;box-shadow:0 6px 20px #193d3510}.ux-site .card-main{padding:13px 14px 16px;gap:5px}.ux-site .card-art{background:#f0f2eb;margin-bottom:12px;padding:17px 10px}.ux-site .card-art svg{height:110px}.ux-site .card-brand{font-size:.7rem;letter-spacing:.04em}.ux-site .card-model{font-size:1.05rem;letter-spacing:-.025em}.ux-site .card-meta{font-size:.75rem;min-height:2.7em}.ux-site .card-price{font-size:1.15rem;margin-top:8px}.ux-site .card-price small{font-size:.7rem}.ux-site .card-cta{font-size:.77rem;min-height:45px;background:#f3f5ef}.ux-site .card-cta svg{display:none}.ux-site .save{top:18px;right:18px}.ux-site .badge{font-size:.68rem}.ux-site .section{padding-top:55px}.ux-site .panel{border-radius:10px;padding:25px;background:#fff}.ux-site .panel h2{font-size:1.6rem}.ux-site .panel h3{font-size:1.3rem}.ux-site .panel p,.ux-site .panel li{font-size:.9rem;line-height:1.7}.ux-site .how{margin-top:24px}.ux-site .how li{border-radius:10px;padding:24px;background:#e9eee3}.ux-site .how li b{font-size:1.05rem}.ux-site .how li span{font-size:.86rem;line-height:1.7}
.ux-faq details{border-top:1px solid var(--line);padding:0}.ux-faq details:last-child{border-bottom:1px solid var(--line)}.ux-faq summary{padding:20px 8px;cursor:pointer;font-size:.95rem;font-weight:600}.ux-faq details p{max-width:760px;font-size:.9rem;line-height:1.8;padding:0 8px 22px;color:var(--ink-2)}.ux-site .biz-line{margin:50px 0 0;background:#e7ecdf;border-radius:8px;padding:22px;font-size:.9rem}.ux-site .foot{background:#183c35;color:#e6e9df;border:none;margin-top:60px;padding:30px 0}.ux-site .foot p{color:#cbd5cb;font-size:.75rem}.ux-site .foot a{color:#edf1e9}
.ux-directory-notice{display:grid;grid-template-columns:1fr 2fr;gap:20px;background:#e9eddf;padding:22px;border-radius:9px;margin:28px 0;font-size:.85rem}.ux-directory-notice p{color:var(--ink-2);line-height:1.7}.ux-site .csearch{padding:24px;background:white;border-radius:10px;border:1px solid var(--line);gap:18px}.ux-site .csearch input,.ux-site .csearch select{border-radius:6px;border-color:var(--line);min-height:48px}.ux-site .csearch .field>span{font-size:.8rem}.ux-clear-directory{font-size:.8rem;justify-self:start}.ux-site #c-count{font-size:.8rem;margin:24px 0 15px;color:var(--ink-2)}.ux-site .c-row{padding:20px;border-radius:8px;border:1px solid var(--line);margin-bottom:10px;box-shadow:none}.ux-site .c-row b{font-weight:600;letter-spacing:-.015em}.ux-site .c-row>span{font-size:.78rem}.ux-site .c-row .pill{font-size:.65rem}.ux-directory-empty{padding:35px;background:white;border:1px dashed #b9c4b6;border-radius:10px}.ux-directory-empty p{margin:12px 0 20px;font-size:.9rem;color:var(--ink-2)}.ux-site .phase1-eyebrow{color:var(--accent)}.ux-site .hero p.lede{font-size:1rem;max-width:700px;line-height:1.8}.ux-site .hero-act{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
.ux-brief{width:min(550px,calc(100% - 24px));border:1px solid var(--line);border-radius:14px;padding:28px;color:var(--ink);background:#fafbf7;max-height:90dvh;overflow:auto}.ux-brief::backdrop{background:#102a2466;backdrop-filter:blur(3px)}.ux-brief h2{font-size:1.8rem;padding-right:30px}.ux-brief p{font-size:.88rem;line-height:1.7;color:var(--ink-2);margin:14px 0}.ux-brief textarea{width:100%;min-height:190px;resize:vertical;padding:15px;font-size:.83rem;line-height:1.7;background:white;border:1px solid var(--line);border-radius:7px}.ux-brief-close{position:absolute;right:17px;top:14px;border:0;background:transparent;min-width:44px;min-height:44px;font-size:1.5rem}.ux-brief-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.ux-brief-actions .btn{flex:1}.ux-brief-status{min-height:1.5em;margin:10px 0 0!important;font-size:.8rem!important}.ux-contact-note{background:#eef0e5;border-radius:8px;padding:18px!important;color:var(--ink-2);font-size:.87rem;line-height:1.7}
@media(min-width:1000px){.ux-site .finder-side{justify-content:center}.ux-site .finder-side .finder-go{margin-top:20px}.ux-site .finder-side .diagram{max-width:330px;margin:auto auto 0}.ux-site .finder-side .diagram-cap{margin:0 auto;max-width:330px}.ux-site .csearch{grid-template-columns:2fr 1fr}.ux-clear-directory{grid-column:2;grid-row:2;justify-self:end}.ux-site .c-flags{grid-column:1;grid-row:2}}
@media(max-width:1000px){.ux-hero{gap:25px}.ux-site .nav{gap:4px 12px}.ux-site .nav a{font-size:.78rem}.ux-site .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.ux-site .top .wrap{min-height:70px}.ux-site.ux-ready .ux-menu{display:flex;align-items:center;gap:20px}.ux-site.ux-ready .nav{display:none;width:100%;padding:3px 0 15px;flex-direction:column;gap:0}.ux-site.ux-ready .top[data-menu-open] .nav{display:flex}.ux-site .nav a{font-size:.9rem;min-height:46px;padding:0 10px}.ux-site .nav a.biz{margin-top:8px}.ux-hero{grid-template-columns:1fr;gap:28px;padding-bottom:28px}.ux-site .hero{padding-top:30px}.ux-hero h1{font-size:clamp(2.4rem,8.5vw,4rem)}.ux-hero-copy>p:not(.ux-eyebrow):not(.ux-hero-note){font-size:.94rem;margin-top:18px}.ux-actions{gap:22px;margin-top:22px}.ux-room{border-radius:70px 10px 10px 10px;padding:10px 18px 12px}.ux-room svg{max-height:245px}.ux-room-label{font-size:.55rem;padding:8px 0 0}.ux-room-caption{font-size:.67rem}.ux-facts{grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:38px;padding:20px 0;font-size:.68rem}.ux-facts b{font-size:1.5rem}.ux-facts-note{display:none}.ux-section-heading{flex-direction:column;align-items:start;gap:13px;margin-top:30px}.ux-section-heading>p{max-width:none;font-size:.85rem}.ux-eyebrow{font-size:.61rem!important}.ux-site .finder{grid-template-columns:1fr}.ux-site .finder-qs{padding:21px 17px;gap:24px}.ux-site .finder-side{border-left:0;border-top:1px solid var(--line);padding:18px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px}.ux-site .finder-side .diagram{grid-row:1/3;padding:0}.ux-site .finder-side .diagram-cap{font-size:.74rem}.ux-site .finder-side .finder-go{margin:0;padding:0}.ux-site .finder-side .btn{font-size:.8rem;padding:10px}.ux-site .tile{min-height:90px;font-size:.75rem}.ux-site .chip{font-size:.78rem;padding:0 12px}.ux-site #models{padding-top:42px}.ux-site .toolbar{width:100%;display:grid;grid-template-columns:1fr auto;gap:10px}.ux-site .toolbar input[type=search]{grid-column:1/-1;width:100%}.ux-site .toolbar select{width:100%}.ux-site .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.ux-site .card-main{padding:10px;gap:5px}.ux-site .card-art{padding:15px 3px;margin-bottom:8px}.ux-site .card-art svg{height:83px}.ux-site .card-model{font-size:.95rem}.ux-site .card-brand{font-size:.65rem}.ux-site .card-meta{font-size:.7rem}.ux-site .card-price{font-size:1.05rem}.ux-site .card-cta{font-size:.72rem;padding:8px;line-height:1.3}.ux-site .save{top:10px;right:10px}.ux-site .section{padding-top:38px}.ux-price-note{padding:12px;font-size:.75rem}.ux-site .panel{padding:20px}.ux-directory-notice{grid-template-columns:1fr;gap:8px;padding:18px}.ux-site .csearch{padding:18px}.ux-site .c-row{padding:16px}.ux-site .c-row b{font-size:.92rem}.ux-brief{padding:24px 20px}.ux-brief-actions{flex-direction:column}.ux-site .biz-line{font-size:.8rem}.ux-site .foot{margin-top:35px}}
@media(prefers-reduced-motion:reduce){.ux-site .card{transition:none}}
/* Shortlist and sticky compare action share the same visual language. */
.ux-site .slbar .btn{background:#f0f3e9;color:#183c35;font-size:.85rem;min-height:44px;padding:10px 18px}
.ux-site .slbar .btn:hover{background:#fff}.ux-site .slbar-txt{font-size:.8rem}
.ux-brief textarea{font-family:inherit}
.ux-site .cmp-wrap{border-radius:10px;border-color:var(--line);background:white;margin-top:25px}
.ux-site .cmp th,.ux-site .cmp td{font-size:.85rem;line-height:1.6;padding:16px}
.ux-site .cmp th a{font-size:1rem}.ux-site .cmp .link-btn{font-size:.75rem}
@media(max-width:760px){.ux-site .sl-act{display:grid;grid-template-columns:1fr;gap:10px}.ux-site .sl-act .btn{width:100%}.ux-site .cmp th,.ux-site .cmp td{font-size:.78rem;padding:12px}.ux-site .sl-fit{font-size:.85rem}}