@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/plus-jakarta-sans-latin-wght-normal.153fc85b.woff2)format("woff2");font-weight:200 800;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;tab-size:4;hanging-punctuation:first last;overflow-x:clip}body{min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;min-height:100dvh;line-height:1.55}img,picture,video,canvas,svg,iframe{max-width:100%;display:block}img,video{height:auto}input,button,textarea,select{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:.075em}p,h1,h2,h3,h4,h5,h6,li,dd,blockquote,figcaption{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{text-wrap:balance;line-height:1.1;font-weight:inherit;font-size:inherit}p,li,figcaption{text-wrap:pretty}ul[role=list],ol[role=list]{padding:0;list-style:none}table{border-collapse:collapse}textarea{resize:vertical}:target{scroll-margin-top:var(--scroll-offset,96px)}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--focus,currentColor);outline-offset:3px}::selection{background:var(--selection,#0000001f)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:10000;color:#fff;background:#000;border-radius:10px;padding:10px 16px;font-weight:600;text-decoration:none;position:fixed;top:-120px;left:12px}.skip-link:focus{top:12px}@view-transition{navigation:auto}.reveal-ready [data-reveal]{transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i,0) * 70ms)}.reveal-ready [data-reveal]:not(.is-in){opacity:0;transform:translateY(26px)}.reveal-ready [data-reveal=fade]:not(.is-in){transform:none}.reveal-ready [data-reveal=zoom]:not(.is-in){transform:scale(.96)}.reveal-ready [data-reveal].no-anim{transition:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@view-transition{navigation:none}}.lb{background:var(--lb-bg,#080808f0);width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--lb-fg,#fff);overscroll-behavior:contain;border:0;margin:0;padding:0}.lb::backdrop{background:0 0}.lb[open]{place-items:center;animation:.25s lb-in;display:grid}.lb-figure{justify-items:center;gap:12px;max-width:100%;max-height:100%;padding:64px 16px 56px;display:grid}.lb-img{object-fit:contain;opacity:0;border-radius:6px;width:auto;max-width:min(1600px,100%);height:auto;max-height:calc(100dvh - 150px);transition:opacity .3s}.lb-img.is-loaded{opacity:1}.lb-cap{opacity:.85;text-align:center;max-width:60ch;font-size:.95rem}.lb-btn{width:48px;height:48px;color:inherit;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1f;border-radius:999px;place-items:center;font-size:28px;line-height:1;transition:background .2s;display:grid;position:absolute}.lb-btn:hover{background:#ffffff3d}.lb-close{top:14px;right:14px}.lb-prev{top:50%;left:14px;translate:0 -50%}.lb-next{top:50%;right:14px;translate:0 -50%}.lb-single .lb-prev,.lb-single .lb-next{display:none}.lb-count{text-align:center;opacity:.7;font-variant-numeric:tabular-nums;font-size:.85rem;position:absolute;bottom:16px;left:0;right:0}html.lb-open{overflow:hidden}@keyframes lb-in{0%{opacity:0}}:root{--bg:#fbfbf8;--surface:#fff;--tint:#f3f3f1;--sky:#eef0f1;--navy:#1f2a30;--navy-2:#34424a;--navy-deep:#151d21;--ink:#1c2428;--ink-2:#3d4950;--muted:#5f6a70;--line:#e4e5e3;--line-2:#cfd1d0;--green:#d7262f;--green-hover:#b81e27;--green-ink:#b8202e;--green-soft:#fbe8e9;--on-green:#ffffff;--radius:22px;--radius-sm:14px;--shadow:0 1px 2px #1c24280d, 0 10px 30px -14px #1c242838;--shadow-lg:0 2px 6px #1c24280f, 0 30px 60px -24px #1c242859;--font:"Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--wrap:1200px;--gutter:clamp(16px, 4vw, 32px);--header-h:70px;--scroll-offset:90px;--ease:cubic-bezier(.16, 1, .3, 1);--focus:#34424a;--selection:#d7262f47;interpolate-size:allow-keywords}html{background:var(--bg);scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:1.0625rem;line-height:1.6}html.nav-open,html.gate-open{overflow:hidden}.wrap{width:min(100% - 2 * var(--gutter), var(--wrap));margin-inline:auto}.narrow{width:min(100% - 2 * var(--gutter), 820px)}.h1{letter-spacing:-.035em;font-size:clamp(2.2rem,1.2rem + 4vw,4.1rem);font-weight:800;line-height:1.02}.h2{letter-spacing:-.03em;font-size:clamp(1.75rem,1.15rem + 2.3vw,2.75rem);font-weight:800;line-height:1.08}.h3{letter-spacing:-.02em;font-size:clamp(1.25rem,1.08rem + .7vw,1.55rem);font-weight:750;line-height:1.2}.h4{letter-spacing:-.01em;font-size:1.12rem;font-weight:750}.lead{color:var(--ink-2);max-width:62ch;font-size:clamp(1.05rem,1rem + .3vw,1.2rem)}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--green-ink);align-items:center;gap:.55em;font-size:.78rem;font-weight:750;display:inline-flex}.eyebrow:before{content:"";background:var(--green);border-radius:3px;width:20px;height:3px}.hl{color:var(--green-ink)}.center{text-align:center}.fine{color:var(--muted);font-size:.85rem}.fine .icon{vertical-align:-3px;width:15px;height:15px;display:inline-block}.opt{color:var(--muted);font-size:.85em;font-weight:500}.link-arrow{color:var(--navy);align-items:center;gap:6px;font-weight:700;text-decoration:none;display:inline-flex}.link-arrow:hover .arr{transform:translate(3px)}.icon{flex:none}.btn{--h:48px;min-height:var(--h);letter-spacing:-.005em;white-space:nowrap;transition:background-color .2s, color .2s, box-shadow .3s var(--ease), transform .3s var(--ease);-webkit-tap-highlight-color:transparent;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.5em;padding:0 1.3em;font-size:.98rem;font-weight:700;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn .icon{width:19px;height:19px}.btn .arr{transition:transform .3s var(--ease)}.btn:hover .arr{transform:translate(3px)}.btn-sm{--h:40px;padding-inline:1em;font-size:.9rem}.btn-lg{--h:56px;padding-inline:1.6em;font-size:1.02rem}.btn-block{white-space:normal;text-align:center;width:100%;padding-block:8px;line-height:1.25;display:flex}.btn-green{background:var(--green);color:var(--on-green);box-shadow:0 8px 20px -10px #d7262fe6}.btn-green:hover{background:var(--green-hover)}.btn-navy{background:var(--navy);color:#fff}.btn-navy:hover{background:var(--navy-2)}.btn-ghost{color:var(--navy);box-shadow:inset 0 0 0 1.5px var(--line-2);background:0 0}.btn-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--navy);background:#1f2a300a}.btn-white{color:var(--navy);box-shadow:inset 0 0 0 1.5px var(--line);background:#fff}.link-btn{color:var(--navy);align-items:center;gap:6px;font-size:.92rem;font-weight:650;display:inline-flex}.link-btn .icon{width:16px;height:16px}.hdr{z-index:60;isolation:isolate;transition:box-shadow .3s;position:sticky;top:0}.hdr:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(14px)saturate(160%);backdrop-filter:blur(14px)saturate(160%);background:#fbfbf8e0;position:absolute;inset:0}.hdr.is-scrolled{box-shadow:0 1px 0 var(--line), 0 10px 30px -20px #1c242859}.hdr-row{height:var(--header-h);align-items:center;gap:18px;display:flex}.brand{color:var(--ink);flex:none;align-items:center;gap:10px;text-decoration:none;display:flex}.brand-mark{width:44px;height:auto}.brand-txt{line-height:1.1;display:grid}.brand-txt strong{letter-spacing:-.02em;color:var(--navy);font-size:1.06rem;font-weight:800}.brand-txt small{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-top:3px;font-size:.62rem;font-weight:700}.nav{margin-left:auto}.nav ul{gap:2px;margin:0;display:flex}.nav ul a{color:var(--ink-2);border-radius:999px;padding:9px 14px;font-size:.95rem;font-weight:650;text-decoration:none;transition:background-color .2s,color .2s;display:block}.nav ul a:hover{color:var(--navy);background:#1f2a300f}.nav ul a[aria-current=page],.nav ul a.is-parent{color:var(--navy);background:var(--green-soft)}.nav-foot{display:none}.hdr-cta{align-items:center;gap:10px;display:flex}.hdr-phone{color:var(--navy);align-items:center;gap:7px;padding:8px 6px;font-size:.95rem;font-weight:750;text-decoration:none;display:inline-flex}.hdr-phone .icon{width:18px;height:18px;color:var(--green-ink)}.nav-toggle{width:44px;height:44px;box-shadow:inset 0 0 0 1.5px var(--line);background:#fff;border-radius:12px;place-items:center;display:none}.burger{width:20px;height:14px;position:relative}.burger i{background:var(--navy);height:2px;transition:transform .35s var(--ease), opacity .2s, top .35s var(--ease);border-radius:2px;position:absolute;left:0;right:0}.burger i:first-child{top:0}.burger i:nth-child(2){top:6px}.burger i:nth-child(3){top:12px}.nav-open .burger i:first-child{top:6px;transform:rotate(45deg)}.nav-open .burger i:nth-child(2){opacity:0}.nav-open .burger i:nth-child(3){top:6px;transform:rotate(-45deg)}@media (max-width:1080px){.hdr-phone span{display:none}}@media (max-width:920px){.nav-toggle{display:grid}.hdr-cta{margin-left:auto}.hdr-btn{display:none}.nav{inset:var(--header-h) 0 0;padding:12px var(--gutter) max(24px, env(safe-area-inset-bottom));background:var(--bg);opacity:0;visibility:hidden;transition:opacity .25s, transform .4s var(--ease), visibility 0s .4s;flex-direction:column;justify-content:space-between;display:flex;position:fixed;overflow-y:auto;transform:translateY(-8px)}.nav-open .nav{opacity:1;visibility:visible;transition:opacity .25s, transform .4s var(--ease), visibility 0s;transform:none}.nav ul{flex-direction:column;gap:0}.nav ul a{border-bottom:1px solid var(--line);letter-spacing:-.02em;color:var(--ink);border-radius:0;padding:16px 4px;font-size:1.35rem;font-weight:800;background:0 0!important}.nav-foot{gap:12px;margin-top:24px;display:grid}}@media (max-width:420px){.brand-txt small{display:none}}.hero{isolation:isolate;position:relative}.hero-img{z-index:0;touch-action:pan-y pinch-zoom;height:clamp(280px,78vw,460px);position:relative;overflow:hidden}.hero-img img{object-fit:cover;object-position:50% 60%;width:100%;height:100%}.hs-slide{opacity:0;transition:opacity 1.3s var(--ease);position:absolute;inset:0}.hs-slide.is-active{opacity:1}.hs-slide img{transform-origin:50% 60%}.hs-slide.kb img{animation:8s linear forwards hs-zoom}@keyframes hs-zoom{0%{transform:scale(1)}to{transform:scale(1.07)}}.hs-cap.is-new>*{animation:hs-cap-in .8s var(--ease) both}.hs-cap.is-new>:nth-child(2){animation-delay:80ms}@keyframes hs-cap-in{0%{opacity:0;transform:translateY(8px)}}.hs-btn{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:50%;place-items:center;width:44px;height:44px;transition:background-color .2s;display:grid}.hs-btn .icon{width:18px;height:18px}.hs-btn .i-play,.hs-btn[aria-pressed=true] .i-pause{display:none}.hs-btn[aria-pressed=true] .i-play{display:block}@keyframes hs-fill{0%{transform:scaleX(0)}to{transform:none}}@media not (min-width:960px){.hero-img:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(0deg,#151d21d1,#151d218c 90px,#151d212e 150px,#0000 200px);position:absolute;inset:0}.hs-slide:nth-child(odd) img{transform-origin:70% 60%}.hs-slide:nth-child(2n) img{transform-origin:30% 60%}.hs-ui{z-index:2;left:var(--gutter);right:var(--gutter);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"cap btn""dots dots";align-items:center;gap:4px 12px;display:grid;position:absolute;bottom:52px}.hs-cap{color:#fff;text-shadow:0 1px 10px #151d2180;flex-wrap:wrap;grid-area:cap;align-items:center;gap:0 6px;min-width:0;text-decoration:none;display:flex}.hs-cap strong{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.02em;flex-basis:100%;font-size:1.22rem;font-weight:800;line-height:1.25;overflow:hidden}.hs-cap span{color:#ffffffe0;font-size:.9rem;font-weight:600}.hs-cap .icon{width:16px;height:16px}.hs-btn{background:#ffffff29;grid-area:btn;width:40px;height:40px;box-shadow:inset 0 0 0 1px #ffffff59}.hs-btn:hover{background:#ffffff42}.hs-dots{grid-area:dots;gap:5px;display:flex}.hs-dots button{flex:1;height:24px;position:relative}.hs-dots button:before,.hs-dots button:after{content:"";border-radius:3px;height:3px;margin-top:-1.5px;position:absolute;inset:50% 0 auto}.hs-dots button:before{background:#ffffff59}.hs-dots button:after{transform-origin:0;background:#fff;transform:scaleX(0)}.hs-dots button.is-past:after,.is-manual .hs-dots button[aria-current=true]:after{transform:none}.hs-dots button.is-filling:after{animation:hs-fill var(--hs-dwell,6.5s) linear both paused}.is-playing .hs-dots button.is-filling:after{animation-play-state:running}}.hero-grid{margin-top:-44px;padding-bottom:20px;position:relative}.hero-card{border-radius:var(--radius);box-shadow:var(--shadow-lg);background:#fff;max-width:640px;padding:clamp(22px,4vw,40px);position:relative}.hero-card .h1{margin:12px 0 14px}.hero-card .lead{font-size:1.05rem}.finder{border-top:1px solid var(--line);gap:14px;margin-top:22px;padding-top:20px;display:grid}.finder fieldset,.filters fieldset{border:0;min-width:0;margin:0;padding:0}.finder legend,.filters legend{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:.75rem;font-weight:750}.seg{flex-wrap:wrap;gap:6px;display:flex}.seg label{position:relative}.seg input{opacity:0;cursor:pointer;position:absolute;inset:0}.seg span{min-height:40px;box-shadow:inset 0 0 0 1.5px var(--line-2);color:var(--ink-2);cursor:pointer;white-space:nowrap;background:#fff;border-radius:999px;align-items:center;padding:0 14px;font-size:.92rem;font-weight:650;transition:background-color .2s,color .2s,box-shadow .2s;display:inline-flex}.seg label:hover span{box-shadow:inset 0 0 0 1.5px var(--navy)}.seg input:checked+span{background:var(--navy);color:#fff;box-shadow:none}.seg input:focus-visible+span{outline:2px solid var(--focus);outline-offset:2px}@media (min-width:960px){.hero{align-items:center;min-height:min(86svh,820px);display:flex}.hero-img{z-index:-1;height:auto;position:absolute;inset:0}.hero-img:after{content:"";pointer-events:none;background:linear-gradient(90deg,#151d2147,#0000 55%);position:absolute;inset:0}.hs-ui{z-index:2;align-items:center;gap:8px;display:flex;position:absolute;bottom:24px;right:28px}.hs-cap{min-height:44px;color:var(--navy);transition:transform .25s var(--ease);background:#fffffff0;border-radius:999px;align-items:center;gap:10px;padding:0 16px;font-size:.92rem;text-decoration:none;display:inline-flex;box-shadow:0 10px 30px -12px #151d2180}.hs-cap:hover{transform:translateY(-2px)}.hs-cap strong{font-weight:800}.hs-cap span{color:var(--ink-2);font-weight:500}.hs-cap .icon{width:16px;height:16px}.hs-dots{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#151d2173;border-radius:999px;align-items:center;padding:0 6px;display:flex}.hs-dots button{place-items:center;width:22px;height:32px;display:grid}.hs-dots button:before{content:"";width:8px;height:8px;transition:width .35s var(--ease), background-color .25s;background:#ffffff8c;border-radius:999px}.hs-dots button:hover:before{background:#ffffffd9}.hs-dots button[aria-current=true]{width:34px}.hs-dots button[aria-current=true]:before{background:#fff;width:22px}.hs-btn{background:#151d2180}.hs-btn:hover{background:#151d21bf}.hero-grid{pointer-events:none;margin-top:0;padding-block:48px}.hero-card{pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffed}}.strip{background:var(--navy);color:#fff}.strip-row{scrollbar-width:none;gap:10px 28px;padding-block:16px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}.strip-row::-webkit-scrollbar{display:none}.strip-row span{white-space:nowrap;align-items:center;gap:8px;font-size:.95rem;font-weight:650;display:inline-flex}.strip-row .icon{color:var(--green)}@media (min-width:1100px){.strip-row{justify-content:space-between;-webkit-mask-image:none;mask-image:none}}.sec{padding-block:clamp(56px,8vw,104px)}.sec-tight{padding-block:clamp(28px,4vw,48px) clamp(56px,7vw,88px)}.sec-tint{background:var(--tint)}.sec-navy{background:radial-gradient(90% 120% at 100% 0%, #34434b, var(--navy) 55%, var(--navy-deep));color:#fff}.sec-head{gap:12px;max-width:760px;margin-bottom:clamp(28px,4vw,48px);display:grid}.sec-head.on-dark .lead{color:#ffffffd1}.sec-head.on-dark .eyebrow{color:var(--green)}.split{align-items:start;gap:36px;display:grid}.split .h2{margin:12px 0 16px}.split .lead+p{margin-top:18px}p.center{margin-top:36px}@media (min-width:980px){.split{grid-template-columns:.9fr 1.1fr;gap:64px}}.ranges{grid-template-columns:1fr;gap:14px;display:grid}.range{border-radius:var(--radius);aspect-ratio:4/3;color:#fff;isolation:isolate;box-shadow:var(--shadow);text-decoration:none;display:block;position:relative;overflow:hidden}.range img{object-fit:cover;width:100%;height:100%;transition:transform 1s var(--ease)}.range:hover img{transform:scale(1.05)}.range:after{content:"";z-index:0;background:linear-gradient(#0000 38%,#0e1417d1);position:absolute;inset:0}.range-body{z-index:1;gap:2px;padding:18px 20px;display:grid;position:absolute;bottom:0;left:0;right:0}.range-body strong{letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.range-body>span{opacity:.9;font-weight:600}.range-body em{color:var(--green);align-items:center;gap:6px;margin-top:6px;font-size:.9rem;font-style:normal;font-weight:700;display:inline-flex}.range-body .icon{width:16px;height:16px}@media (max-width:599px){.ranges{grid-template-columns:repeat(2,1fr);gap:10px}.range{aspect-ratio:3/4}.range-body{padding:12px 14px}.range-body strong{font-size:1.2rem}.range-body>span{font-size:.85rem}}@media (min-width:600px){.ranges{grid-template-columns:repeat(2,1fr)}}@media (min-width:1000px){.ranges{grid-template-columns:repeat(4,1fr)}.range{aspect-ratio:3/4}}.grid{grid-template-columns:1fr;gap:20px;display:grid}@media (min-width:680px){.grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1060px){.grid{grid-template-columns:repeat(3,1fr);gap:24px}}.card{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);transition:transform .5s var(--ease), box-shadow .4s;flex-direction:column;display:flex;overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-media{aspect-ratio:3/2;background:var(--tint);display:block;position:relative;overflow:hidden}.card-media img{object-fit:cover;width:100%;height:100%;transition:transform 1s var(--ease)}.card:hover .card-media img{transform:scale(1.04)}.card-range,.card-type{letter-spacing:.04em;border-radius:999px;padding:5px 11px;font-size:.75rem;font-weight:750;position:absolute;top:12px}.card-range{color:var(--navy);background:#fffffff0;left:12px}.card-type{background:var(--navy);color:#fff;right:12px}.card-body{flex-direction:column;flex:1;gap:12px;padding:18px 20px 20px;display:flex}.card-title{letter-spacing:-.02em;font-size:1.28rem;font-weight:800;line-height:1.2}.card-title a{color:var(--ink);text-decoration:none}.card-title a:after{content:"";position:absolute;inset:0}.card{position:relative}.card-actions{z-index:1;gap:8px;margin-top:auto;padding-top:4px;display:flex;position:relative}.card-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:.9rem;display:flex}.card-meta .icon{vertical-align:-3px;width:17px;height:17px}.price{color:var(--ink);font-weight:800}.price small{color:var(--muted);font-weight:600}.stats{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.stats li{background:var(--tint);color:var(--ink-2);border-radius:10px;align-items:center;gap:6px;padding:6px 11px 6px 9px;font-size:.95rem;display:inline-flex}.stats b{color:var(--ink);font-weight:800}.stats .icon{width:18px;height:18px;color:var(--navy)}.elig{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.elig-list{margin:0;padding:6px 0;list-style:none}.elig-q{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:14px clamp(16px,3vw,24px);transition:background-color .25s;display:flex}.elig-q.is-yes{background:#fdf4f4}.elig-q.is-no{background:#fff6f2}.elig-text{gap:12px;display:flex}.elig-text p{font-weight:650;line-height:1.35}.elig-text small{color:var(--muted);margin-top:4px;font-size:.85rem;line-height:1.4;display:block}.elig-n{background:var(--sky);width:28px;height:28px;color:var(--navy);border-radius:50%;flex:none;place-items:center;font-size:.85rem;font-weight:800;display:grid}.elig-btns{box-shadow:inset 0 0 0 1.5px var(--line-2);border-radius:999px;flex:none;padding:3px;display:flex}.elig-btns button{min-width:54px;min-height:36px;color:var(--ink-2);border-radius:999px;padding:0 12px;font-size:.9rem;font-weight:700;transition:background-color .2s,color .2s}.elig-btns button[aria-pressed=true][data-a=yes]{background:var(--green);color:var(--on-green)}.elig-btns button[aria-pressed=true][data-a=no]{color:#fff;background:#c2410c}.elig-result{background:var(--tint);gap:14px;padding:clamp(18px,3vw,26px);display:grid}.elig-idle{gap:10px;display:grid}.elig-meter{background:#e0e2e1;border-radius:999px;height:8px;overflow:hidden}.elig-meter span{border-radius:inherit;background:var(--green);width:0;height:100%;transition:width .45s var(--ease);display:block}.elig-idle p{color:var(--ink-2);font-size:.95rem}.elig-idle strong{color:var(--navy)}.elig-out{box-shadow:0 16px 36px -22px #151d2173, inset 0 0 0 1px var(--line);animation:elig-in .45s var(--ease);background:#fff;border-left:5px solid;border-radius:18px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:16px;padding:clamp(18px,3vw,26px);display:grid}@keyframes elig-in{0%{opacity:0;transform:translateY(8px)}}.elig-yes{border-left-color:var(--green)}.elig-no{border-left-color:#c2410c}.elig-badge{border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.elig-badge .icon{width:26px;height:26px}.elig-yes .elig-badge{background:var(--green-soft);color:var(--green-ink)}.elig-no .elig-badge{color:#c2410c;background:#fff1e8}.elig-kicker{letter-spacing:.12em;text-transform:uppercase;font-size:.74rem;font-weight:800}.elig-yes .elig-kicker{color:var(--green-ink)}.elig-no .elig-kicker{color:#9a3412}.elig-title{letter-spacing:-.015em;color:var(--navy);margin:4px 0 10px;font-size:clamp(1.15rem,1.02rem + .5vw,1.4rem);font-weight:800;line-height:1.25}.elig-body>p:not(.elig-kicker){color:var(--ink-2);line-height:1.55}.elig-fails-label{font-size:.88rem;font-weight:700;color:var(--ink)!important}.elig-fails{flex-wrap:wrap;gap:6px;margin:6px 0 12px;padding:0;list-style:none;display:flex}.elig-fails li{color:#9a3412;background:#fff1e8;border-radius:999px;padding:5px 11px;font-size:.85rem;font-weight:700;line-height:1.3}.elig-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.elig-reset{justify-self:start}@media (max-width:560px){.elig-out{grid-template-columns:minmax(0,1fr)}.elig-actions .btn{justify-content:center;width:100%}}@media (max-width:520px){.elig-q{flex-direction:column;align-items:stretch}.elig-btns{align-self:flex-start;margin-left:40px}}.props{grid-template-columns:1fr;gap:14px;display:grid}.prop{border-radius:var(--radius);background:#ffffff12;padding:24px;box-shadow:inset 0 0 0 1px #ffffff1f}.prop h3{margin:14px 0 6px;font-size:1.15rem;font-weight:750}.prop p{color:#fffc;font-size:.98rem}.prop-ico{background:var(--green);width:48px;height:48px;color:var(--on-green);border-radius:14px;place-items:center;display:grid}@media (min-width:640px){.props{grid-template-columns:repeat(2,1fr)}}@media (min-width:1000px){.props{grid-template-columns:repeat(3,1fr)}}.steps{gap:14px;margin:0;padding:0;list-style:none;display:grid}.step{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:22px 22px 24px;position:relative}.step-n{background:var(--navy);color:#fff;border-radius:12px;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.step h3,.step h2{margin:14px 0 6px;font-size:1.1rem;font-weight:750}.step p{color:var(--ink-2);font-size:.97rem}@media (min-width:720px){.steps{grid-template-columns:repeat(2,1fr)}}@media (min-width:1100px){.steps{grid-template-columns:repeat(5,1fr)}}.projects{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.project{background:var(--green-soft);border-radius:14px;align-items:center;gap:10px;padding:12px 16px;display:flex}.project .icon{color:var(--green-ink)}.project div{line-height:1.3;display:grid}.project span{color:var(--ink-2);font-size:.88rem}.cta-band{border-radius:calc(var(--radius) + 6px);background:var(--surface);box-shadow:var(--shadow);align-items:center;gap:22px;padding:clamp(28px,5vw,52px);display:grid}.cta-band .lead{margin-top:10px}.cta-actions{flex-wrap:wrap;gap:12px;display:flex}@media (min-width:900px){.cta-band{grid-template-columns:1.3fr auto}}.cta-row{flex-wrap:wrap;gap:12px;display:flex}.page-head{background:linear-gradient(180deg, var(--sky), var(--bg));padding-block:clamp(28px,5vw,64px) clamp(8px,2vw,16px)}.page-head .lead{margin-top:12px}.page-head .eyebrow{margin-bottom:10px}.page-head-model{background:0 0;padding-block:18px 0}.crumbs{color:var(--muted);flex-wrap:wrap;gap:6px;margin-bottom:14px;font-size:.88rem;display:flex}.crumbs a{color:var(--navy);font-weight:600;text-decoration:none}.crumbs a:hover{text-decoration:underline}.filters{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);flex-wrap:wrap;align-items:flex-end;gap:14px 18px;padding:18px 20px;display:flex}.sort{gap:8px;margin-left:auto;display:grid}.sort span{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.75rem;font-weight:750}.sort select{border:1.5px solid var(--line-2);background:#fff;border-radius:999px;min-height:40px;padding:0 36px 0 14px;font-weight:650}.results-bar{color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:18px 2px;display:flex}.results-bar a{color:var(--navy);font-weight:650}.empty{text-align:center;color:var(--ink-2);justify-items:center;gap:12px;padding:48px 20px;display:grid}@media (max-width:700px){.sort{margin-left:0}.filters{padding:16px}}.m-top{grid-template-columns:minmax(0,1fr);gap:24px;padding-bottom:12px;display:grid}.m-gallery{gap:10px;min-width:0;display:grid}.m-main{border-radius:var(--radius);aspect-ratio:3/2;background:var(--tint);display:block;position:relative;overflow:hidden}.m-main img{object-fit:cover;width:100%;height:100%}.m-zoom{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#151d21c7;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:.82rem;font-weight:650;display:inline-flex;position:absolute;bottom:12px;right:12px}.m-zoom .icon{width:16px;height:16px}.m-thumbs{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;display:grid}.m-thumbs a{aspect-ratio:4/3;border-radius:12px;display:block;overflow:hidden}.m-thumbs img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease)}.m-thumbs a:hover img{transform:scale(1.06)}.m-card{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);align-self:start;gap:14px;padding:clamp(20px,3vw,28px);display:grid}.m-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--green-ink);font-size:.8rem;font-weight:750}.m-title{font-size:clamp(2rem,1.4rem + 2.2vw,2.9rem)}.m-tagline{color:var(--ink-2);margin-top:-4px;font-size:1.08rem}.m-stats{grid-template-columns:repeat(2,1fr);gap:8px;margin:0;display:grid}.m-stats>div{background:var(--tint);border-radius:14px;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;padding:12px;display:grid}.m-stats .icon{width:24px;height:24px;color:var(--navy);grid-row:span 2}.m-stats dt{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.75rem;font-weight:700}.m-stats dd{letter-spacing:-.01em;margin:0;font-size:1.15rem;font-weight:800}.m-badge{background:var(--green-soft);color:var(--green-ink);border-radius:12px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:.9rem;font-weight:650;line-height:1.35;text-decoration:none;display:flex}.m-badge .icon{margin-top:1px}.m-price{font-size:1.05rem}.m-price strong{font-size:1.5rem;font-weight:800}.m-price-note{color:var(--muted);align-items:center;gap:8px;font-size:.9rem;display:flex}.m-price-note .icon{width:18px;height:18px}.m-actions{gap:10px;display:grid}.m-call{color:var(--muted);align-items:center;gap:8px;font-size:.92rem;display:flex}.m-call a{color:var(--navy);font-weight:750}@media (min-width:1000px){.m-top{grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr);align-items:start;gap:32px}.m-card{top:calc(var(--header-h) + 16px);position:sticky}}.m-cols{gap:32px;display:grid}@media (min-width:980px){.m-cols{grid-template-columns:1.3fr 1fr;gap:56px}}.prose{color:var(--ink-2)}.prose>*+*{margin-top:1em}.prose h2{letter-spacing:-.02em;color:var(--ink);margin-top:1.6em;font-size:clamp(1.3rem,1.1rem + .8vw,1.7rem);font-weight:800}.prose h2:first-child,.prose .h3{color:var(--ink);margin-top:0}.prose ul{padding-left:1.2em}.prose li+li{margin-top:.4em}.prose a{color:var(--navy);font-weight:650}.prose strong{color:var(--ink)}.ticks{gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.ticks li{align-items:flex-start;gap:10px;display:flex}.ticks .icon{background:var(--green);width:22px;height:22px;color:var(--on-green);stroke-width:3px;border-radius:50%;flex:none;margin-top:1px;padding:3px}.m-feat{border-radius:var(--radius);background:var(--tint);align-self:start;padding:24px}.fp-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.fp{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;display:block;position:relative;overflow:hidden}.fp img{width:100%}.m-specs{gap:28px;display:grid}@media (min-width:980px){.m-specs{grid-template-columns:.8fr 1.2fr;gap:56px}}.specs{border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow);margin:0;display:grid;overflow:hidden}.specs>div{border-bottom:1px solid var(--line);gap:4px;padding:14px 18px;display:grid}.specs>div:last-child{border-bottom:0}.specs dt{color:var(--ink);font-size:.92rem;font-weight:750}.specs dd{color:var(--ink-2);margin:0;font-size:.95rem}@media (min-width:640px){.specs>div{grid-template-columns:180px 1fr;gap:16px}}.specs-sub{margin:26px 0 12px}.enq-wrap{align-items:start;gap:28px;display:grid}@media (min-width:980px){.enq-wrap{grid-template-columns:.85fr 1.15fr;gap:56px}}.enq-side .lead{margin-top:12px}.enq{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);gap:14px;padding:clamp(20px,3.5vw,32px);display:grid;position:relative}.enq-head p{color:var(--ink-2);margin-top:6px}.enq[data-state=success]>:not(.enq-done){display:none}.enq-done{align-items:flex-start;gap:12px;padding:8px 0;display:flex}.enq-done .icon{width:32px;height:32px;color:var(--green-ink)}.enq-done p{color:var(--ink-2)}.contact-card{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);gap:10px;margin-bottom:16px;padding:24px;display:grid}.big-phone,.big-mail{letter-spacing:-.02em;color:var(--navy);align-items:center;gap:10px;font-size:clamp(1.4rem,1.1rem + 1.2vw,1.9rem);font-weight:800;text-decoration:none;display:inline-flex}.big-mail{font-size:1.1rem}.contact-card p{color:var(--ink-2);align-items:center;gap:8px;display:flex}.mini-steps{color:var(--ink-2);gap:8px;padding-left:1.2em;display:grid}.row2{gap:14px;display:grid}@media (min-width:560px){.row2{grid-template-columns:1fr 1fr}}.field{gap:6px;min-width:0;display:grid}.field label{font-size:.92rem;font-weight:700}.field input,.field select,.field textarea{border:1.5px solid var(--line-2);width:100%;min-height:48px;color:var(--ink);background:#fff;border-radius:12px;padding:11px 14px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.field textarea{min-height:96px}.field select{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23073b60' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 12px center no-repeat;padding-right:40px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--navy);outline:none;box-shadow:0 0 0 4px #1f2a301f}.field [aria-invalid=true]{border-color:#b42318;box-shadow:0 0 0 4px #b423181a}.field-error{color:#b42318;font-size:.86rem;font-weight:600}.check{color:var(--ink-2);cursor:pointer;align-items:flex-start;gap:10px;font-size:.92rem;display:flex}.check input{width:20px;height:20px;accent-color:var(--navy);flex:none;margin-top:1px}.status{color:#b42318;min-height:0;font-size:.92rem;font-weight:600}.status:empty{display:none}.status[data-tone=info]{color:var(--muted)}.gate{background:var(--surface);width:min(600px,100% - 24px);max-height:min(94dvh,900px);color:var(--ink);overscroll-behavior:contain;border:0;border-radius:26px;margin:auto;padding:0;overflow:auto;box-shadow:0 40px 100px -30px #151d2199}.gate,.sl-panel{scrollbar-width:none}.gate::-webkit-scrollbar{display:none}.sl-panel::-webkit-scrollbar{display:none}.gate::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#151d218c}.gate[open]{animation:gate-in .35s var(--ease)}@keyframes gate-in{0%{opacity:0;transform:translateY(16px)scale(.98)}}.gate-form{position:relative}.gate-x{background:var(--tint);width:40px;height:40px;color:var(--ink);z-index:2;border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:14px}.gate-head{background:linear-gradient(180deg, var(--sky), #fff);grid-template-columns:auto 1fr;align-items:center;column-gap:14px;padding:22px clamp(20px,4vw,32px) 14px;display:grid}.gate-ico{background:var(--navy);color:#fff;border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.gate-head h2{letter-spacing:-.02em;padding-right:44px;font-size:clamp(1.3rem,1.15rem + .9vw,1.7rem);font-weight:800;line-height:1.15}.gate-head p{color:var(--ink-2);grid-column:1/-1;margin-top:10px;font-size:.98rem}.gate-body{gap:12px;padding:6px clamp(20px,4vw,32px) 22px;display:grid}.gate-more summary{cursor:pointer;color:var(--navy);padding:4px 0;font-size:.92rem;font-weight:700}.gate-more[open] summary{margin-bottom:10px}.gate-more .field+.field{margin-top:12px}.gate-form[data-state=success] .gate-body,.gate-form[data-state=success] .gate-head{display:none}.gate-done{text-align:center;justify-items:center;gap:12px;padding:40px clamp(20px,4vw,36px) 32px;display:grid}.gate-done h3{letter-spacing:-.02em;font-size:1.45rem;font-weight:800}.gate-done p{color:var(--ink-2)}.done-ico{background:var(--green-soft);width:64px;height:64px;color:var(--green-ink);border-radius:50%;place-items:center;display:grid}.done-ico .icon{width:34px;height:34px}@media (max-width:560px){.gate{border-radius:24px 24px 0 0;width:100%;max-height:94dvh;margin-bottom:0}}.callout{background:var(--sky);color:var(--ink-2);border-radius:14px;gap:12px;padding:16px 18px;font-size:.95rem;display:flex}.callout .icon{color:var(--navy);flex:none;margin-top:2px}.links{gap:8px;list-style:none;display:grid;padding:0!important}.links a{align-items:center;gap:6px;display:inline-flex}.links .icon{width:15px;height:15px}.p-guide .elig{margin-block:16px 8px}.spec-groups{gap:16px;display:grid}.spec-group{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:22px 24px}.spec-group h3{font-size:1.15rem;font-weight:800}@media (min-width:760px){.spec-groups{grid-template-columns:repeat(2,1fr)}}@media (min-width:1100px){.spec-groups{grid-template-columns:repeat(3,1fr)}}.pricing-notes{border-radius:var(--radius);background:var(--tint);margin-top:20px;padding:22px 24px}.pricing-notes h3{align-items:center;gap:8px;margin-bottom:10px;display:flex}.pricing-notes ul{color:var(--ink-2);gap:8px;padding-left:1.2em;font-size:.95rem;display:grid}.faq{gap:10px;display:grid}.faq-item{border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow)}.faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;font-weight:750;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary .icon{transition:transform .3s var(--ease);color:var(--navy)}.faq-item[open] summary .icon{transform:rotate(180deg)}.faq-a{color:var(--ink-2);padding:0 20px 20px}.faq-a a{color:var(--navy);font-weight:650}.faq-item::details-content{height:0;transition:height .35s var(--ease), content-visibility .35s allow-discrete;overflow:clip}.faq-item[open]::details-content{height:auto}.partners{flex-wrap:wrap;gap:10px;margin:0;padding:0;display:flex}.partners a{background:var(--surface);box-shadow:var(--shadow);color:var(--navy);border-radius:999px;align-items:center;gap:6px;padding:12px 18px;font-weight:700;text-decoration:none;display:inline-flex}.partners .icon{width:16px;height:16px;color:var(--muted)}.nf .h1{margin:8px 0 12px}.ftr{background:var(--navy-deep);color:#ffffffd1;padding-block:56px 26px}.ftr-top{gap:34px;display:grid}.brand-light .brand-txt strong{color:#fff}.brand-light .brand-txt small{color:#fff9}.ftr-brand p{max-width:36ch;margin-top:14px;font-size:.95rem}.ftr-col h2{letter-spacing:.14em;text-transform:uppercase;color:#ffffff8c;margin-bottom:14px;font-size:.75rem;font-weight:800}.ftr-col ul{gap:10px;margin:0 0 18px;padding:0;list-style:none;display:grid}.ftr-col a,.ftr-col li>span{color:#ffffffdb;align-items:center;gap:8px;font-size:.95rem;text-decoration:none;display:inline-flex}.ftr-col a:hover{color:#fff}.ftr-col .icon{width:17px;height:17px;color:var(--green)}.ftr-col .btn{color:var(--on-green)}.ftr-bottom{color:#fff9;border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:44px;padding-top:20px;font-size:.85rem;display:flex}.ftr-bottom a{color:#ffffffbf}@media (min-width:760px){.ftr-top{grid-template-columns:1.5fr 1fr 1fr 1.2fr}}.mbar{left:10px;right:10px;bottom:max(10px, env(safe-area-inset-bottom));z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 16px 40px -14px #151d2173, inset 0 0 0 1px var(--line);transition:transform .45s var(--ease), opacity .3s;background:#ffffffe6;border-radius:999px;grid-template-columns:1fr 1.5fr;gap:8px;padding:7px;display:grid;position:fixed}.mbar .btn{--h:46px}.mbar.is-hidden{opacity:0;pointer-events:none;transform:translateY(150%)}@media (min-width:760px){.mbar{display:none}}@media (max-width:759px){.ftr{padding-bottom:96px}}:root{--heart:#e0445a;--heart-soft:#fdecef}.heart{z-index:2;width:44px;height:44px;color:var(--navy);transition:transform .25s var(--ease), background .2s;background:#fffffff0;border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px;box-shadow:0 6px 18px -8px #151d218c}.heart:hover{transform:scale(1.08)}.heart .heart-ico{width:22px;height:22px;transition:fill .2s,stroke .2s}.heart.is-on .heart-ico,.heart-btn.is-on .heart-ico,.sl-x .heart-ico,.sl-head .heart-ico,.sl-tray .heart-ico,.enq-sl .heart-ico{fill:var(--heart);stroke:var(--heart)}.card-type{right:64px}.heart.pop,.heart-btn.pop .heart-ico{animation:heart-pop .45s var(--ease)}@keyframes heart-pop{0%{transform:scale(1)}35%{transform:scale(1.28)}to{transform:scale(1)}}.heart-btn .heart-ico{width:20px;height:20px}.heart-btn.is-on{background:var(--heart-soft);box-shadow:inset 0 0 0 1.5px #e0445a73}.sec-head-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 32px;max-width:none;display:flex}.sec-head-row>div{gap:12px;max-width:760px;display:grid}.enq-sl{background:var(--heart-soft);border-radius:14px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:.92rem;line-height:1.45;display:flex}.enq-sl .heart-ico{flex:none;width:20px;height:20px;margin-top:1px}.enq-sl .link-btn{font-size:.88rem;text-decoration:underline}.sl-tray{z-index:49;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 16px 40px -14px #151d2180, inset 0 0 0 1px var(--line);animation:tray-in .5s var(--ease);background:#fffffff2;border-radius:999px;align-items:center;gap:6px;padding:6px 6px 6px 8px;display:flex;position:fixed;bottom:20px;right:20px}.sl-tray[hidden]{display:none}.sl-tray-btn{min-height:44px;color:var(--navy);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:.95rem;font-weight:700;display:inline-flex}.sl-tray .btn{white-space:nowrap}.sl-tray-btn:hover{background:var(--tint)}.sl-tray-btn .heart-ico{width:20px;height:20px}@keyframes tray-in{0%{opacity:0;transform:translateY(30px)}}@media (max-width:759px){.sl-tray{left:50%;right:auto;bottom:calc(max(10px, env(safe-area-inset-bottom)) + 70px);max-width:calc(100% - 20px);translate:-50%}}.sl-panel{background:var(--surface);width:min(520px,100% - 24px);max-height:min(88dvh,820px);color:var(--ink);overscroll-behavior:contain;border:0;border-radius:24px;margin:auto;padding:0;overflow:auto;box-shadow:0 40px 100px -30px #151d2199}.sl-panel::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#151d218c}.sl-in{gap:14px;padding:24px;display:grid;position:relative}.sl-head h2{color:var(--navy);align-items:center;gap:10px;padding-right:48px;font-size:1.35rem;display:flex}.sl-head .heart-ico{width:24px;height:24px}.sl-note{color:var(--ink-2);font-size:.95rem}.sl-list{gap:10px;margin:0;padding:0;display:grid}.sl-item{background:var(--tint);border-radius:16px;align-items:center;gap:10px;padding:8px;display:flex}.sl-link{min-width:0;color:inherit;flex:1;align-items:center;gap:12px;text-decoration:none;display:flex}.sl-link img{object-fit:cover;border-radius:10px;flex:none;width:96px;height:64px}.sl-link strong{color:var(--navy);display:block}.sl-link small{color:var(--ink-2)}.sl-x{background:#fff;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.sl-x:hover{background:var(--heart-soft)}.sl-x .heart-ico{width:20px;height:20px}.sl-empty{color:var(--ink-2)}.sl-foot{justify-items:center;gap:10px;padding-top:4px;display:grid}.sl-foot[hidden],.sl-empty[hidden]{display:none}.pic-missing{background:repeating-linear-gradient(135deg, var(--tint) 0 12px, #ebedeb 12px 24px);width:100%;height:100%;min-height:160px}
/* ------------------------------------------------------------------------------------------------------------------
   Hari Tiny Homes rebrand (Oct 2026): the "Backyard" logo in charcoal and red (Pritesh Group umbrella), and the home
   page's 3D build hero. Above this line is the Node site's stylesheet with its navy and green swapped for charcoal and
   red by tools/build_css.py; everything below is new.
   ------------------------------------------------------------------------------------------------------------------ */
:root { --red-glow: #ff6b72; --logo-ink: #1f2a30; --logo-accent: #d7262f; --logo-words: #d7262f; }

/* The logo: header (charcoal and red), footer and dark places (white, red small home). */
.brand .logo { display: block; height: 46px; width: auto; }
.hdr .brand { gap: 0; }
.ftr .brand .logo { height: 70px; }
.ftr, .sec-navy, .hero-build { --logo-ink: #fff; --logo-words: #fff; }
@media (max-width: 699px) { .brand .logo { height: 40px; } }

/* Accents on dark backgrounds: the brand red is too dark to read there, so they use a lighter red. */
.strip-row .icon, .ftr-col .icon, .sec-head.on-dark .eyebrow { color: var(--red-glow); }
/* Buttons inside text (the granny flat guide): their own colours, not the text links' charcoal. */
.prose a.btn-green, .prose a.btn-navy { color: #fff; }
/* Cards: the home's type (Sleepout, Granny flat) as a small pill after its name, not on the photo. */
.card-title .card-type { position: static; display: inline-block; vertical-align: 3px; margin-left: 6px; padding: 3px 9px; font-size: .68rem; line-height: 1.3; letter-spacing: .04em; }
/* "Why Hari" tiles: a white icon on the red tile (red on red can't be read), drawn a touch heavier. */
.prop-ico { color: #fff; box-shadow: 0 10px 24px -12px #d7262f99; }
.prop-ico .icon { width: 24px; height: 24px; stroke-width: 2.1; }
.sec-head.on-dark .eyebrow:before, .hero-build .eyebrow:before { background: var(--red-glow); }
.ftr-col .btn { color: #fff; }
.demo-note { opacity: .75; }

/* ------------------------------------------------------------------ the home page's hero: a home built in a hurry */
.hero.hero-build { display: block; min-height: 0; color: #fff; overflow: hidden;
  background: radial-gradient(1100px 620px at 82% 8%, #d7262f33, transparent 62%), var(--navy-deep);
  padding-block: clamp(28px, 5vw, 64px) clamp(36px, 5vw, 60px); }
.hero-grid-bg { position: absolute; inset: 0; pointer-events: none;
  background-image: linear-gradient(#ffffff0b 1px, transparent 1px), linear-gradient(90deg, #ffffff0b 1px, transparent 1px);
  background-size: 44px 44px; -webkit-mask-image: radial-gradient(80% 70% at 70% 40%, #000 30%, transparent 80%); mask-image: radial-gradient(80% 70% at 70% 40%, #000 30%, transparent 80%); }
.hero-build-in { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr); gap: clamp(24px, 4vw, 60px); align-items: center; }
.hero-build .hero-card { background: none; box-shadow: none; padding: 0; max-width: 600px; -webkit-backdrop-filter: none; backdrop-filter: none; }
.hero-build .h1 { color: #fff; }
.hero-build .hl { color: var(--red-glow); }
.hero-build .eyebrow { color: var(--red-glow); }
.hero-build .lead { color: #ffffffc4; }
.hero-build .finder { border-top-color: #ffffff22; }
.hero-build .finder legend { color: #ffffff94; }
.hero-build .seg span { background: #ffffff0d; color: #fff; box-shadow: inset 0 0 0 1.5px #ffffff38; }
.hero-build .seg label:hover span { box-shadow: inset 0 0 0 1.5px #fff; }
.hero-build .seg input:checked + span { background: #fff; color: var(--navy); }
.hero-build .seg input:focus-visible + span { outline-color: #fff; }

.build { position: relative; }
.build-stage { position: relative; aspect-ratio: 1.08 / 1; border-radius: 20px; overflow: hidden; isolation: isolate;
  background: radial-gradient(120% 95% at 50% 0%, #34444d 0%, #1d272c 58%, #151d21 100%); box-shadow: inset 0 0 0 1px #ffffff17, 0 30px 70px -30px #000c; }
.build-canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; touch-action: pan-y; cursor: grab; }
.build-canvas:active { cursor: grabbing; }
.build-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.build-chip { position: absolute; left: 14px; top: 14px; z-index: 2; display: inline-flex; align-items: center; gap: 6px; padding: 5px 11px 5px 9px; border-radius: 999px;
  background: #151d21b8; color: #ffffffd9; font-size: .72rem; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; box-shadow: inset 0 0 0 1px #ffffff1f; }
.build-chip .icon { width: 12px; height: 12px; color: var(--red-glow); }
.is-building .build-chip .icon { animation: build-blink 1s steps(2) infinite; }
@keyframes build-blink { 50% { opacity: .25; } }

.build-log { position: absolute; right: 14px; top: 14px; z-index: 2; width: min(252px, 46%); padding: 14px 16px 15px; border-radius: 14px;
  background: #151d21d9; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); box-shadow: inset 0 0 0 1px #ffffff1c, 0 18px 40px -22px #000; font-size: .86rem; line-height: 1.35; }
.build-log-title { display: flex; align-items: center; gap: 7px; margin: 0 0 10px; font-size: .68rem; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; color: #ffffffb3; }
.build-log-title [data-build-name] { color: #fff; text-transform: none; letter-spacing: 0; font-size: .8rem; }
.build-log .dot { flex: none; width: 8px; height: 8px; border-radius: 50%; background: #3fbf6f; }
.is-building .build-log .dot { background: var(--red-glow); animation: build-rec 1s infinite; }
@keyframes build-rec { 0% { box-shadow: 0 0 0 0 #ff6b72b3; } 100% { box-shadow: 0 0 0 8px #ff6b7200; } }
.build-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 3px; }
.build-steps li { display: flex; align-items: center; gap: 7px; color: #ffffff6b; transition: color .25s; }
.build-steps .icon { width: 14px; height: 14px; flex: none; stroke-width: 2.6; color: var(--red-glow); opacity: 0; transition: opacity .25s; }
.build-steps li.is-done { color: #ffffffd1; }
.build-steps li.is-done .icon { opacity: 1; }
.build-steps li.is-now { color: #fff; font-weight: 700; }
.build-steps li.is-now .icon { opacity: 1; animation: build-blink .8s steps(2) infinite; }
.build-bar { height: 5px; margin: 11px 0 9px; border-radius: 3px; background: #ffffff1f; overflow: hidden; }
.build-bar span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #d7262f, var(--red-glow)); }
.build-status { display: flex; align-items: flex-start; gap: 6px; margin: 0; min-height: 2.6em; color: #ffffffbf; font-size: .82rem; }
.build-status .icon { width: 15px; height: 15px; flex: none; margin-top: 1px; color: #3fbf6f; }
.build-facts { margin: 6px 0 0; color: #ffffff9e; font-size: .8rem; }
.build-link { display: inline-flex; align-items: center; gap: 5px; margin-top: 8px; color: #fff; font-weight: 700; font-size: .86rem; text-decoration: none; }
.build-link .icon { width: 15px; height: 15px; transition: transform .3s var(--ease); }
.build-link:hover .icon { transform: translateX(3px); }
.build-ctrl { position: absolute; left: 14px; bottom: 14px; z-index: 2; display: flex; gap: 8px; }
.build-ctrl[hidden] { display: none; }
.build-btn { display: inline-flex; align-items: center; gap: 7px; height: 38px; padding: 0 14px; border: 0; border-radius: 999px; cursor: pointer;
  background: #151d21c7; color: #fff; font: inherit; font-size: .84rem; font-weight: 650; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); box-shadow: inset 0 0 0 1px #ffffff2e; }
.build-btn:hover { background: var(--logo-accent); box-shadow: none; }
.build-btn .icon { width: 16px; height: 16px; }
.build-btn .i-play, .build-btn[aria-pressed=true] .i-pause { display: none; }
.build-btn[aria-pressed=true] .i-play { display: inline-flex; }
.build-btn:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

@media (max-width: 999px) {
  .hero-build-in { grid-template-columns: 1fr; }
  .hero-build .hero-card { max-width: none; }
  .build-stage { aspect-ratio: 1.25 / 1; }
}
@media (max-width: 599px) {
  .build-stage { aspect-ratio: 1 / 1; border-radius: 16px; }
  .build-log { position: relative; right: auto; top: auto; width: auto; margin-top: 10px; }
  .build-ctrl { left: 10px; bottom: 10px; }
  .build-chip { left: 10px; top: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  .is-building .build-log .dot, .is-building .build-chip .icon, .build-steps li.is-now .icon { animation: none; }
}

/* ------------------------------------------------------------------ Our partners (home page, How it works) */
.partner-logos { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.partner-logos a { height: 100%; box-sizing: border-box; display: grid; grid-template-rows: 1fr auto; justify-items: center; gap: 12px; padding: 22px 16px 16px;
  border-radius: var(--radius-sm); background: #fff; box-shadow: inset 0 0 0 1px var(--line); color: var(--muted); text-decoration: none;
  transition: transform .3s var(--ease), box-shadow .3s var(--ease), color .2s; }
.partner-logos a:hover { transform: translateY(-3px); color: var(--ink); box-shadow: inset 0 0 0 1px var(--line-2), var(--shadow); }
.partner-logos a:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.partner-logo { display: grid; place-items: center; width: 100%; height: 72px; }
.partner-logo img { max-width: min(180px, 100%); max-height: 72px; width: auto; height: auto; }
.partner-name { display: inline-flex; align-items: center; gap: 4px; font-size: .86rem; font-weight: 650; }
.partner-name .icon { width: 14px; height: 14px; opacity: .6; }
@media (max-width: 799px) {
  .partner-logos { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .partner-logo { height: 52px; }
  .partner-logo img { max-height: 52px; }
}
@media (prefers-reduced-motion: reduce) { .partner-logos a:hover { transform: none; } }

/* ------------------------------------------------------------------ the 3D build, version 2: the foundation switch */
.build-found { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; margin: -2px 0 11px; }
.build-found > span { flex-basis: 100%; margin-bottom: 1px; font-size: .64rem; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; color: #ffffff8c; }
.build-found button { border: 0; border-radius: 999px; padding: 5px 9px; cursor: pointer; font: inherit; font-size: .7rem; font-weight: 650; line-height: 1.2; white-space: nowrap;
  color: #ffffffd9; background: #ffffff12; box-shadow: inset 0 0 0 1px #ffffff30; transition: background-color .2s, color .2s; }
.build-found button:hover { background: #ffffff26; }
.build-found button[aria-pressed=true] { background: #fff; color: var(--navy); box-shadow: none; }
.build-found button:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

/* ------------------------------------------------------------------ a home's page: "See the … go together" */
.sec-build { color: #fff; background: radial-gradient(1000px 520px at 85% 0%, #d7262f2e, transparent 62%), var(--navy-deep); }
.sec-build .sec-head .lead { color: #ffffffc4; }
.build-single .build-stage { aspect-ratio: 2.1 / 1; }
@media (max-width: 999px) { .build-single .build-stage { aspect-ratio: 1.35 / 1; } }
@media (max-width: 599px) { .build-single .build-stage { aspect-ratio: 1 / 1; } }
