.hm-model{--u: var(--hm-u, min(4.6cqi, 6.4cqh));--face-top: #ffffff;--face-n: #f0f3f6;--face-s: #e1e7ee;--face-w: #c9d3de;--face-e: #d8e0e8;--floor: #f2f5f8;position:relative;width:calc(12 * var(--u));height:calc(9 * var(--u));transform-style:preserve-3d;transition:transform 1.5s cubic-bezier(.65,0,.35,1)}[data-view=plan] .hm-model{transform:rotateX(0) rotate(0) scaleZ(.02)}[data-view=model] .hm-model,[data-view=quantities] .hm-model{transform:rotateX(56deg) rotate(-34deg) scaleZ(1)}.hm-model>*{position:absolute;display:block}.hm-model-shadow{inset:-12%;background:radial-gradient(closest-side,#0f1c2e33,#0f1c2e00);transform:translateZ(calc(-.32 * var(--u)))}.hm-box{left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--u));height:calc(var(--d) * var(--u));transform-style:preserve-3d;transform:translateZ(calc(var(--z) * var(--u)))}.hm-box i{position:absolute;display:block}.hm-box .f-top{inset:0;background:var(--face-top);transform:translateZ(calc(var(--h) * var(--u)))}.hm-box .f-n,.hm-box .f-s{left:0;width:100%;height:calc(var(--h) * var(--u));transform-origin:0 0;transform:rotateX(90deg)}.hm-box .f-n{top:0;background:var(--face-n)}.hm-box .f-s{top:100%;background:var(--face-s)}.hm-box .f-w,.hm-box .f-e{top:0;width:calc(var(--h) * var(--u));height:100%;transform-origin:0 0;transform:rotateY(-90deg)}.hm-box .f-w{left:0;background:var(--face-w)}.hm-box .f-e{left:100%;background:var(--face-e)}.hm-box:not(.hm-slab) .f-top:after{content:"";position:absolute;inset:0;background:var(--ink, #0f1c2e);opacity:0;transition:opacity 1.5s ease}.hm-box.is-window .f-top:after{background:#7fcfe0}[data-view=plan] .hm-box .f-top:after{opacity:1}.hm-floor{left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--u));height:calc(var(--d) * var(--u));background:var(--floor);transform:translateZ(calc(.02 * var(--u)))}.hm-floor.is-living{background:#dff1f6}.hm-floor.is-kitchen{background:#fbefd8}.hm-floor.is-bath{background:#e9f3f7}.hm-glass{left:calc(var(--a) * var(--u));top:calc(var(--at) * var(--u));width:calc(var(--len) * var(--u));height:calc(var(--h) * var(--u));background:#00a7c752;transform-origin:0 0;transform:translateZ(calc(var(--z) * var(--u))) rotateX(90deg)}.hm-glass.is-v{left:calc(var(--at) * var(--u));top:calc(var(--a) * var(--u));width:calc(var(--h) * var(--u));height:calc(var(--len) * var(--u));transform:translateZ(calc(var(--z) * var(--u))) rotateY(-90deg)}@media(prefers-reduced-motion:reduce){.hm-model,.hm-box .f-top:after{transition:none}}.landing-page{--canvas: #fbfcfd;--ink: #0f1c2e;--ink-hover: #1d3350;--text: #22303f;--muted: #5b6878;--line: #e1e7ee;--field: #f1f4f8;--studio: #e6edf3;--band: #eef2f6;--cyan: #00a7c7;--cyan-text: #007a93;--ring: 0 0 0 4px rgba(0, 167, 199, .3);--font: "Readex Pro", "Segoe UI", Tahoma, system-ui, sans-serif;min-height:100vh;background:var(--canvas);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;touch-action:manipulation}html:has(.landing-page){scroll-behavior:smooth;scroll-padding-top:84px}body:has(>.landing-page){margin:0;background:#fbfcfd}:where(.landing-page) *,:where(.landing-page) *:before,:where(.landing-page) *:after{box-sizing:border-box}:where(.landing-page a){color:inherit;text-decoration:none}:where(.landing-page button){font:inherit}:where(.landing-page) :where(h1,h2,h3,p){margin:0}.landing-page a:focus-visible,.landing-page button:focus-visible{border-radius:10px;outline:2px solid transparent;box-shadow:var(--ring)}.landing-page [hidden]{display:none!important}.lp-container{width:min(100% - 32px,1200px);margin-inline:auto}.landing-page .lp-skip{position:absolute;top:12px;inset-inline-start:12px;z-index:100;padding:10px 16px;border-radius:10px;background:var(--ink);color:#fff;font-size:14px;transform:translateY(-200%)}.landing-page .lp-skip:focus-visible{transform:none}#main:focus{outline:0}.lp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1.5px solid transparent;border-radius:12px;font-size:15px;font-weight:600;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease}.lp-btn-lg{min-height:52px;padding:0 24px;font-size:16px}.lp-btn-primary{background:var(--ink);color:#fff}.lp-btn-primary:hover{background:var(--ink-hover)}.lp-btn-quiet{background:var(--field);color:var(--ink)}.lp-btn-quiet:hover{border-color:#d5dde6}.lp-btn-accent{background:var(--cyan);color:var(--ink)}.lp-btn-accent:hover{background:#2bbad6}.lp-btn-onDark{border-color:#ffffff59;color:#fff}.lp-btn-onDark:hover{border-color:#fff}.lp-actions{display:flex;flex-wrap:wrap;gap:12px}.lp-nav{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);background:#fbfcfde0;-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px)}.lp-nav-inner{display:flex;align-items:center;gap:40px;min-height:68px}.lp-brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;color:var(--ink);font-size:17px;font-weight:600}.lp-brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #2b3444;border-radius:9px;background:linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),#111827;background-size:8px 8px}.lp-brand-mark span{width:16px;height:16px;border:2px solid var(--cyan);border-inline-start-color:#f0a429;transform:rotate(45deg)}.lp-menu{display:flex;flex:1;align-items:center;gap:28px;font-size:15px}.lp-menu>a,.lp-menu-link{color:var(--muted)}.lp-menu>a:hover,.lp-menu-link:hover{color:var(--ink)}.lp-menu-actions{display:flex;align-items:center;gap:20px;margin-inline-start:auto}.lp-menu-toggle{display:none}.lp-hero{padding-block:clamp(40px,6vw,72px) clamp(56px,8vw,96px)}.lp-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,64px)}.lp-hero h1{color:var(--ink);font-size:clamp(34px,3.7vw,52px);font-weight:600;line-height:1.18;text-wrap:balance}.lp-lead{max-width:52ch;margin-top:20px;color:var(--muted);font-size:18px;line-height:1.85;text-wrap:pretty}.lp-hero .lp-actions{margin-top:32px}.lp-stage{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);height:clamp(420px,44vw,580px);padding:20px;overflow:hidden;border-radius:28px;background:radial-gradient(ellipse 70% 55% at 50% 58%,#fff,#fff0 70%),var(--studio);container-type:size}.lp-views{display:inline-flex;justify-self:start;gap:2px;padding:4px;border-radius:999px;background:#ffffffbf;box-shadow:inset 0 0 0 1px #0f1c2e14}.lp-views button{min-width:72px;min-height:36px;padding:0 16px;border:0;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;font-size:14px;font-weight:500;transition:background .2s ease,color .2s ease}.lp-views button:hover{color:var(--ink)}.lp-views button[aria-pressed=true]{background:var(--ink);color:#fff}.lp-views button:focus-visible{border-radius:999px}.lp-scene{display:grid;place-items:center;min-height:0;perspective:2400px;transition:transform .6s cubic-bezier(.65,0,.35,1)}.lp-stage[data-view=quantities] .lp-scene{transform:translate(-23%) scale(.72)}.lp-takeoff{position:absolute;bottom:20px;inset-inline-start:20px;width:min(300px,46%);padding:14px 16px 8px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 18px 40px #0f1c2e1f;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .35s ease,transform .35s ease,visibility 0s linear .35s}.lp-stage[data-view=quantities] .lp-takeoff{opacity:1;visibility:visible;transform:none;transition-delay:.15s,.15s,0s}.lp-takeoff-title{padding-bottom:6px;color:var(--ink);font-size:15px;font-weight:600;text-align:start}.lp-takeoff table{width:100%;border-collapse:collapse;font-size:14px}.lp-takeoff th{padding:4px 0;color:var(--muted);font-size:12px;font-weight:500;text-align:start}.lp-takeoff td{padding:7px 0;border-top:1px solid var(--line)}.lp-takeoff th:last-child,.lp-takeoff td:last-child{text-align:left;font-variant-numeric:tabular-nums;white-space:nowrap}.lp-takeoff td:last-child{color:var(--ink);font-weight:600}.lp-section,.lp-band{padding-block:clamp(64px,9vw,112px)}.lp-band{background:var(--band)}.lp-head{max-width:640px}.lp-head h2,.lp-split h2,.lp-cta h2{color:var(--ink);font-size:clamp(28px,3.2vw,40px);font-weight:600;line-height:1.3;text-wrap:balance}.lp-head p,.lp-split-copy>p{margin-top:14px;color:var(--muted);font-size:17px;text-wrap:pretty}.lp-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 32px;margin-top:48px}.lp-feature{padding-top:24px;border-top:1px solid #cfd8e2}.lp-feature svg{width:28px;height:28px;color:var(--cyan-text)}.lp-feature h3{margin-top:16px;color:var(--ink);font-size:19px;font-weight:600}.lp-feature p{margin-top:8px;color:var(--muted);font-size:15.5px}.lp-split{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(32px,5vw,64px)}.lp-checks{display:grid;gap:12px;margin:24px 0 0;padding:0;list-style:none}.lp-checks li{position:relative;padding-inline-start:30px;color:var(--text)}.lp-checks li:before{content:"";position:absolute;top:.45em;inset-inline-start:2px;width:14px;height:8px;border-bottom:2px solid var(--cyan-text);border-left:2px solid var(--cyan-text);transform:rotate(-45deg)}.lp-sheet{display:grid;grid-template-rows:auto minmax(0,1fr) auto;margin:0;overflow:hidden;border:1px solid #d5dde6;border-radius:16px;background:#fff;box-shadow:0 24px 48px #0f1c2e1a}.lp-sheet-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;border-bottom:1px solid var(--line);color:var(--ink);font-size:14px;font-weight:600}.lp-sheet-note{color:var(--muted);font-size:13px;font-weight:400}.lp-sheet-body{min-height:268px;overflow-x:auto;overscroll-behavior-x:contain}.lp-sheet table{width:100%;border-collapse:collapse;font-size:15px}.lp-sheet th{padding:10px 18px;background:#f6f8fa;color:var(--muted);font-size:13px;font-weight:600;text-align:start;white-space:nowrap}.lp-sheet td{padding:11px 18px;border-top:1px solid var(--line);color:var(--text)}.lp-sheet th+th,.lp-sheet td+td{border-inline-start:1px solid #edf1f5}.lp-sheet td+td{font-variant-numeric:tabular-nums;text-align:left;white-space:nowrap}.lp-sheet-tabs{display:flex;gap:2px;padding:0 10px;overflow-x:auto;overscroll-behavior-x:contain;border-top:1px solid var(--line);background:#f6f8fa}.lp-sheet-tabs button{flex:none;padding:10px 16px;border:0;background:transparent;box-shadow:inset 0 -2px 0 transparent;color:var(--muted);cursor:pointer;font-size:14px;transition:color .15s ease,background .15s ease}.lp-sheet-tabs button:hover{color:var(--ink)}.lp-sheet-tabs button[aria-selected=true]{background:#fff;box-shadow:inset 0 -2px 0 var(--cyan);color:var(--ink);font-weight:600}.lp-sheet-tabs button:focus-visible{border-radius:0;box-shadow:inset var(--ring)}.lp-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:48px 0 0;padding:0;list-style:none;counter-reset:step}.lp-steps li{position:relative;counter-increment:step}.lp-steps li:before{content:counter(step);position:relative;z-index:1;display:grid;place-items:center;width:40px;height:40px;border:1.5px solid var(--ink);border-radius:50%;background:var(--canvas);color:var(--ink);font-weight:600}.lp-steps li+li:after{content:"";position:absolute;top:20px;inset-inline-end:calc(100% - 20px);width:calc(100% + 32px);height:1.5px;background:#cfd8e2}.lp-steps h3{margin-top:20px;color:var(--ink);font-size:20px;font-weight:600}.lp-steps p{max-width:34ch;margin-top:8px;color:var(--muted)}.lp-cta{padding-block:clamp(56px,7vw,88px);background:var(--ink)}.lp-cta-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px}.lp-cta h2{color:#fff}.lp-cta p{margin-top:10px;color:#b6c2d1;font-size:17px}.lp-footer{padding-block:28px;border-top:1px solid var(--line)}.lp-footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px}.lp-footer-links{display:flex;flex-wrap:wrap;gap:8px 24px;color:var(--muted);font-size:14px}.lp-footer-links a:hover{color:var(--ink)}.lp-footer p{color:var(--muted);font-size:14px}@media(max-width:1000px){.lp-hero-inner,.lp-split{grid-template-columns:minmax(0,1fr)}.lp-stage{height:clamp(360px,62vw,460px)}.lp-features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.lp-nav-inner{justify-content:space-between}.lp-menu-toggle{display:grid;place-content:center;gap:6px;width:44px;height:44px;padding:0;border:0;border-radius:10px;background:transparent;cursor:pointer;transition:background .15s ease}.lp-menu-toggle:hover,.lp-menu-toggle[aria-expanded=true]{background:var(--field)}.lp-menu-toggle span{display:block;width:20px;height:2px;border-radius:2px;background:var(--ink);transition:transform .2s ease}.lp-menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.lp-menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.lp-menu{position:absolute;top:100%;right:0;left:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:8px 16px 20px;border-bottom:1px solid var(--line);background:var(--canvas);box-shadow:0 16px 32px #0f1c2e14}.lp-menu.is-open{display:flex}.lp-menu>a{padding:13px 4px;border-bottom:1px solid var(--line);color:var(--ink)}.lp-menu-actions{flex-direction:column;align-items:stretch;gap:12px;margin:16px 0 0}.lp-menu-link{padding:6px 4px;color:var(--ink)}}@media(max-width:720px){.lp-steps{grid-template-columns:minmax(0,1fr)}.lp-steps li+li:after{display:none}}@media(max-width:600px){.lp-lead{font-size:17px}.lp-stage{height:360px;padding:14px;border-radius:22px}.lp-features{grid-template-columns:minmax(0,1fr)}.lp-stage[data-view=quantities]{height:560px}.lp-takeoff{right:12px;bottom:12px;left:12px;width:auto;padding:10px 14px 4px}.lp-takeoff table{font-size:13px}.lp-takeoff td{padding:4px 0}.lp-stage[data-view=quantities] .lp-scene{transform:translateY(-26%)}.lp-actions .lp-btn{flex:1 1 auto}}@media(prefers-reduced-motion:reduce){html:has(.landing-page){scroll-behavior:auto}.landing-page *,.landing-page *:before,.landing-page *:after{transition:none!important}}
