:root{--motion-ease-out: cubic-bezier(.16, 1, .3, 1);--motion-ease-soft: cubic-bezier(.22, 1, .36, 1);color:#171717;background:#f5f5f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#f5f5f7}button,input,select{font:inherit}button{cursor:pointer}.page-shell{min-height:100svh;padding-bottom:36px}.feature-modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;overflow:hidden;padding:clamp(14px,3vw,34px);background:#0a0c0e6b;backdrop-filter:blur(18px)}.feature-modal-panel{display:flex;flex-direction:column;width:min(1120px,100%);height:min(820px,calc(100svh - 28px));overflow:hidden;overscroll-behavior:contain;border-radius:28px;background:#f5f5f7;box-shadow:0 30px 90px #1c1f233d}@keyframes modal-enter{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.feature-modal-header,.feature-modal-actions{display:flex;flex:0 0 auto;align-items:center;gap:18px}.feature-modal-header{justify-content:space-between;padding:24px clamp(24px,4vw,42px) 22px}.feature-modal-actions{z-index:1;justify-content:center;padding:16px clamp(24px,4vw,42px) 20px;background:#f5f5f7}.feature-modal-header h2{margin:0;max-width:780px;font-size:clamp(2.35rem,4vw,3.25rem);letter-spacing:-.045em;line-height:.98}.feature-modal-heading p{margin:8px 0 0;color:#686d73;font-size:.98rem;line-height:1.4}.modal-close,.feature-nav button{display:grid;width:44px;height:44px;flex:0 0 44px;place-items:center;border:0;border-radius:50%;background:#e4e6e9;color:#171717;font-size:1.7rem;font-weight:700;transition:background-color .16s ease,transform .16s ease}.modal-close:hover,.feature-nav button:hover{background:#d7dade}.modal-close:active,.feature-nav button:active{transform:translateY(1px) scale(.97)}.modal-close:focus-visible,.feature-nav button:focus-visible{outline:3px solid rgba(23,23,23,.22);outline-offset:3px}.feature-track{display:flex;min-height:0;flex:1 1 auto;gap:14px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;padding:0 clamp(24px,4vw,42px) 10px;scroll-padding-inline:clamp(24px,4vw,42px);scroll-snap-type:x mandatory;scrollbar-width:none}.feature-track::-webkit-scrollbar{display:none}.feature-card{display:grid;min-width:min(400px,82vw);height:100%;min-height:0;grid-template-rows:minmax(0,1fr) 176px;align-content:stretch;overflow:hidden;border:1px solid #e7e8eb;border-radius:20px;background:#fff;scroll-snap-align:start;scroll-snap-stop:always}.feature-image{display:grid;min-height:0;margin:14px 14px 0;overflow:hidden;place-items:center;border-radius:14px;background:#f0f1f3}.feature-image img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}.feature-copy{display:flex;min-height:0;flex-direction:column;padding:20px 22px 22px}.feature-card h3{display:-webkit-box;min-height:3.44rem;margin:0;overflow:hidden;font-size:1.65rem;line-height:1.04;letter-spacing:-.035em;-webkit-box-orient:vertical;-webkit-line-clamp:2}.feature-card p{display:-webkit-box;margin:10px 0 0;overflow:hidden;color:#686d73;font-size:.95rem;line-height:1.42;-webkit-box-orient:vertical;-webkit-line-clamp:3}.feature-nav{display:flex;gap:10px;justify-content:center}.hero{display:grid;min-height:clamp(440px,54svh,560px);align-items:end;padding:clamp(30px,5svh,52px) clamp(20px,5vw,64px) clamp(32px,5svh,54px);background:linear-gradient(110deg,#000000b8,#0000002e),linear-gradient(140deg,#2e3b34,#6f8078 54%,#e8e1d5);color:#fff}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:18px;max-width:780px}.brand-mark{display:grid;width:104px;height:62px;align-items:center;justify-items:start}.brand-mark img{display:block;width:104px;height:62px;object-fit:contain;object-position:left center}.eyebrow,.summary-label{margin:0 0 8px;color:inherit;font-size:.78rem;font-weight:700;letter-spacing:0;text-transform:uppercase}.hero h1{margin:0;max-width:780px;font-size:clamp(2.35rem,5.2vw,4.4rem);line-height:.96;letter-spacing:0}.hero-subtext{margin:0;max-width:600px;color:#ffffffd6;font-size:clamp(1rem,2vw,1.22rem);line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-action-group{display:grid;gap:12px}.hero-cta{display:inline-flex;min-height:52px;align-items:center;justify-content:center;border:0;border-radius:999px;padding:0 26px;background:#1677d2;color:#fff;font-weight:800;box-shadow:0 16px 36px #00000038;transition:background-color .22s ease,box-shadow .28s var(--motion-ease-out),transform .28s var(--motion-ease-out)}.hero-cta-note{margin:0;color:#ffffffc2;font-size:.82rem;font-weight:700;line-height:1.35}.trust-strip{min-height:54px;overflow-x:auto;border-bottom:1px solid #e3e5e8;background:#fff;color:#3e4348;scrollbar-width:none}.trust-strip::-webkit-scrollbar{display:none}.trust-strip ul{display:flex;min-width:max-content;min-height:54px;align-items:center;justify-content:center;margin:0;padding:0 clamp(20px,5vw,64px);list-style:none}.trust-strip li{display:inline-flex;align-items:center;white-space:nowrap;font-size:.82rem;font-weight:800}.trust-strip li+li:before{width:1px;height:18px;margin:0 18px;background:#d8dce1;content:""}.configurator{display:grid;grid-template-columns:minmax(320px,.92fr) minmax(360px,1fr);gap:clamp(24px,5vw,68px);width:min(1180px,calc(100% - 40px));margin:34px auto 0;align-items:start}.preview-panel{position:sticky;top:24px}.feature-prompt{margin:0;border:1px solid #d6d9de;border-radius:22px;padding:22px;background:#fbfbfd;text-align:center;transition:border-color .28s ease,box-shadow .36s var(--motion-ease-out),transform .36s var(--motion-ease-out)}.feature-prompt h2{margin:0;font-size:1.05rem;line-height:1.2}.feature-prompt p{max-width:360px;margin:8px auto 16px;color:#5f646b;font-size:.92rem;line-height:1.35}.feature-prompt-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.feature-prompt-button{display:inline-flex;min-height:44px;align-items:center;gap:8px;border:0;border-radius:14px;padding:0 20px;background:#171719;color:#fff;font-weight:800;transition:background-color .2s ease,border-color .2s ease,box-shadow .26s var(--motion-ease-out),transform .26s var(--motion-ease-out)}.feature-prompt-button span{font-size:1rem;line-height:1}.product-gallery{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;overscroll-behavior:contain;padding-bottom:6px;scroll-snap-type:x mandatory;scrollbar-width:thin}.gallery-photo{position:relative;min-width:100%;margin:0;overflow:hidden;border-radius:28px;box-shadow:0 24px 70px #1b222a1f;scroll-snap-align:start}.gallery-photo img,.empty-photo{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;transition:transform .9s var(--motion-ease-out)}.empty-photo{background:linear-gradient(120deg,rgba(255,255,255,.28),transparent 45%),linear-gradient(145deg,#fff,#eceef0 58%,#ded8cc)}.quote-card,.lead-form{margin-top:18px;border-radius:22px;background:#fff;box-shadow:0 16px 48px #1b222a14}.summary-label{color:#74777c}.quote-card h2,.configured-estimate strong{display:block;margin:0;font-size:clamp(1.8rem,4vw,2.45rem);line-height:1.05}.configuration-summary dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0 0}.configuration-summary dt{color:#777b80;font-size:.83rem}.configuration-summary dd{margin:2px 0 0;font-weight:700}.choices{display:grid;gap:18px}.option-section{padding:30px;border-radius:24px;background:#fff}.section-header{margin-bottom:20px}.section-title-row{display:flex;gap:12px;align-items:center}.section-title-row span{display:grid;width:26px;height:26px;flex:0 0 26px;place-items:center;border-radius:50%;background:#171717;color:#fff;font-size:.82rem;font-weight:800}.section-header p,.field-note{margin:10px 0 0;color:#6f7378;line-height:1.45}.option-section h2{margin:0;font-size:clamp(1.45rem,4vw,2.05rem);letter-spacing:0;line-height:1.15}.tile-grid{display:grid;gap:12px}.tile-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.tile-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-tile,.finish-tile,.segmented button{min-height:112px;border:2px solid #dadde1;border-radius:18px;background:#fbfbfd;color:#171717;transition:border-color .22s ease,box-shadow .28s var(--motion-ease-out),transform .28s var(--motion-ease-out)}.choice-tile{display:grid;gap:8px;justify-items:start;padding:16px;text-align:left}.choice-tile:hover,.finish-tile:hover,.segmented button:hover{transform:translateY(-1px)}[data-active=true],.floor-option[aria-pressed=true]{border-color:#1677d2;box-shadow:0 0 0 3px #1677d224}.choice-tile span{font-weight:800}.choice-tile small{color:#666b70;line-height:1.3}.staircase-type-icon{display:block;width:72px;height:72px;object-fit:contain;transition:transform .36s var(--motion-ease-out)}.number-field,.lead-form label{display:grid;gap:8px;color:#34373a;font-weight:700}.number-field input,.lead-form input,.lead-form select{width:100%;min-height:52px;border:1px solid #cfd3d8;border-radius:12px;padding:0 14px;background:#fff;color:#171717;transition:border-color .18s ease,box-shadow .22s var(--motion-ease-out),transform .22s var(--motion-ease-out)}.step-continue{margin-top:16px}.field-note{margin-top:10px}.segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.segmented button{min-height:72px;font-weight:800}.floor-option{display:flex;min-height:84px;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:12px;text-align:center}.floor-option-label{line-height:1.15}.floor-option-example{color:#666b70;font-size:.8rem;font-weight:600;line-height:1.3}.finish-tile{display:flex;min-height:84px;align-items:center;gap:12px;padding:14px;font-weight:800}.seat-render-tile{display:grid;min-height:178px;justify-items:center;align-content:center;gap:10px;padding:12px;text-align:center}.seat-render-tile img{display:block;width:min(100%,132px);height:112px;object-fit:contain;transition:transform .36s var(--motion-ease-out)}.swatch{display:block;width:34px;height:34px;flex:0 0 34px;border-radius:50%;border:1px solid rgba(0,0,0,.12)}.rail-swatch{width:44px;border-radius:999px}.quote-card{container-type:inline-size;display:grid;grid-template-columns:1fr;align-items:stretch;gap:22px;padding:24px}.configuration-summary{display:grid;min-width:0}.configuration-summary h2{font-size:clamp(1.45rem,3vw,2rem)}.configured-estimate{margin-top:26px}.estimate-note{max-width:430px;margin:10px 0 0;color:#61758a;font-size:.95rem;line-height:1.45}.quote-actions{display:grid;grid-template-columns:minmax(220px,.78fr) minmax(0,1fr);align-items:center;align-content:end;gap:16px;justify-items:stretch;min-width:0;padding-top:20px;border-top:1px solid #eceef1}.primary-cta{width:100%;min-height:50px;border:0;border-radius:999px;padding:0 24px;background:#1677d2;color:#fff;font-weight:800;transition:background-color .2s ease,box-shadow .26s var(--motion-ease-out),transform .26s var(--motion-ease-out)}@container (min-width: 760px){.quote-card{gap:24px;padding:28px 30px 30px}.configuration-summary{grid-template-columns:minmax(180px,240px) minmax(0,1fr);column-gap:clamp(48px,8cqw,88px);row-gap:24px;align-items:start}.configuration-summary .summary-label:first-child,.configuration-summary h2{grid-column:1}.configuration-summary h2{max-width:240px;min-width:0;font-size:clamp(1.7rem,3.2cqw,2.05rem);line-height:1.05;overflow-wrap:normal}.configuration-summary dl{grid-column:2;grid-row:1 / span 2;align-self:end;grid-template-columns:repeat(2,minmax(150px,1fr));column-gap:clamp(28px,5cqw,56px);margin:0;padding-top:3px}.configured-estimate{grid-column:1 / -1;margin-top:0;padding-top:24px;border-top:1px solid #eceef1}.configured-estimate strong{font-size:clamp(2.45rem,4.4vw,3.75rem);line-height:.95}.quote-actions{grid-template-columns:minmax(240px,.62fr) minmax(0,1fr)}.quote-card .primary-cta{min-height:58px;padding:0 28px;font-size:1.06rem}.quote-footprint{font-size:.95rem}}.primary-cta:disabled{cursor:not-allowed;background:#9ea8b1}.quote-footprint{margin:0;color:#61758a;font-size:.86rem;font-weight:700;line-height:1.3;text-align:center}.lead-form{display:grid;gap:16px;padding:24px}.form-heading h2{margin:0;font-size:1.55rem}.form-heading p{margin:6px 0 0;color:#6f7378;line-height:1.45}.success-message{margin:0;color:#166534;font-weight:700}.post-submit-content{display:grid;gap:18px;scroll-margin-top:18px}.post-submit-success{border:1px solid #b9ddc3;border-radius:22px;padding:18px 20px;background:#f2faf4;box-shadow:0 12px 34px #195e3014;line-height:1.45}.error-message{margin:0;color:#b42318;font-weight:700}.field-error{color:#b42318;font-size:.875rem;font-weight:600;line-height:1.35}.lead-form input[aria-invalid=true]{border-color:#b42318}@media(hover:hover)and (pointer:fine){.hero-cta:hover,.primary-cta:not(:disabled):hover{box-shadow:0 18px 38px #1677d247;transform:translateY(-2px)}.feature-prompt:hover{border-color:#c7cbd1;box-shadow:0 18px 44px #1b222a14;transform:translateY(-2px)}.feature-prompt-button:hover{box-shadow:0 12px 26px #1717192e;transform:translateY(-2px)}.gallery-photo:hover img{transform:scale(1.025)}.choice-tile:hover,.finish-tile:hover,.segmented button:hover{box-shadow:0 14px 28px #1b222a1a;transform:translateY(-3px)}.choice-tile:hover .staircase-type-icon,.seat-render-tile:hover img{transform:scale(1.055)}}.hero-cta:active,.feature-prompt-button:active,.primary-cta:not(:disabled):active,.choice-tile:active,.finish-tile:active,.segmented button:active{transform:translateY(1px) scale(.98)}.number-field input:focus-visible,.lead-form input:focus-visible,.lead-form select:focus-visible{border-color:#1677d2;outline:0;box-shadow:0 0 0 4px #1677d224;transform:translateY(-1px)}@media(prefers-reduced-motion:no-preference){.hero .brand-mark,.hero h1,.hero-subtext,.hero-action-group{animation:hero-item-enter .72s var(--motion-ease-out) both}.hero .brand-mark{animation-delay:70ms}.hero h1{animation-delay:.14s}.hero-subtext{animation-delay:.21s}.hero-action-group{animation-delay:.28s}.trust-strip{animation:hero-item-enter .62s .35s var(--motion-ease-out) both}.preview-panel{animation:media-enter .9s .18s var(--motion-ease-soft) both}.motion-enabled .motion-reveal{opacity:0;transform:translateY(26px) scale(.985);transition:opacity .62s var(--motion-ease-out) var(--reveal-delay, 0ms),transform .62s var(--motion-ease-out) var(--reveal-delay, 0ms)}.motion-enabled .motion-reveal.is-visible{opacity:1;transform:translateY(0) scale(1)}.motion-enabled .motion-reveal.motion-reveal-immediate{opacity:1;transform:none;transition:none}.feature-modal{animation:modal-backdrop-enter .22s ease both}.feature-modal-panel{animation:modal-enter .36s var(--motion-ease-out) both}.feature-card{animation:feature-card-enter .5s var(--motion-ease-out) both}.feature-card:nth-child(2){animation-delay:55ms}.feature-card:nth-child(3){animation-delay:.11s}.feature-card:nth-child(4){animation-delay:165ms}.feature-card:nth-child(5){animation-delay:.22s}.feature-card:nth-child(6){animation-delay:275ms}[data-active=true],.floor-option[aria-pressed=true]{animation:selection-settle .36s var(--motion-ease-out)}.success-message,.error-message{animation:status-enter .42s var(--motion-ease-out) both}.lead-form.is-submitted{pointer-events:none;animation:form-fade-out .48s ease both}.post-submit-content{animation:post-submit-enter .52s var(--motion-ease-out) both}}@keyframes hero-item-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes media-enter{0%{opacity:0;transform:translateY(24px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modal-backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes feature-card-enter{0%{opacity:0;transform:translate(24px) scale(.98)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes selection-settle{0%{transform:scale(.98)}55%{transform:scale(1.018)}to{transform:scale(1)}}@keyframes status-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes form-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}@keyframes post-submit-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(max-width:860px){:root{--mobile-hero-height: 380px;--trust-strip-height: 60px}.feature-modal{align-items:end;padding:10px}.feature-modal-panel{border-radius:26px;height:calc(100svh - 20px)}.feature-modal-header,.feature-modal-actions{padding-inline:18px}.feature-modal-header{align-items:flex-start;padding-block:18px 16px}.feature-modal-header h2{font-size:clamp(1.9rem,8vw,2.7rem)}.feature-modal-heading p{max-width:30ch;margin-top:6px;font-size:.9rem}.feature-track{gap:10px;padding:0 14px 8px;scroll-padding-inline:14px}.feature-card{min-width:82vw;min-height:0;grid-template-rows:minmax(0,1fr) 184px}.feature-image{margin:10px 10px 0;border-radius:12px}.feature-copy{padding:16px 16px 18px}.feature-card h3{min-height:2.88rem;font-size:1.38rem}.feature-card p{margin-top:8px;font-size:.9rem}.feature-modal-actions{align-items:center;padding-block:14px 16px}.feature-nav{justify-content:center}.hero{height:var(--mobile-hero-height);min-height:var(--mobile-hero-height);align-items:start;padding:12px 18px 18px}.hero-copy{height:100%;gap:18px;justify-content:center}.brand-mark,.brand-mark img{width:76px;height:44px}.hero h1{max-width:370px;font-size:clamp(1.95rem,8vw,2.25rem);letter-spacing:-.04em;line-height:1}.hero-subtext{max-width:38ch;font-size:1rem;line-height:1.45}.hero-action-group{gap:12px}.hero-cta-note{font-size:.76rem}.hero-cta{width:auto;min-height:50px;padding-inline:22px;font-size:.9rem;white-space:nowrap}.hero-actions{width:100%;flex-wrap:nowrap;gap:8px}.trust-strip,.trust-strip ul{min-height:var(--trust-strip-height);height:var(--trust-strip-height)}.trust-strip ul{width:100%;min-width:0;padding-inline:8px}.trust-strip li{flex:1 1 0;height:100%;justify-content:center;padding-inline:8px;font-size:.68rem;line-height:1.18;text-align:center;white-space:normal}.trust-strip li+li:before{align-self:stretch;width:1px;height:auto;margin:12px 8px 12px 0}.configurator{grid-template-columns:1fr;width:min(100% - 28px,620px);margin-top:14px}.preview-panel{position:static}.feature-prompt{margin:0;padding:20px 18px}.feature-prompt-actions{align-items:stretch;flex-direction:column}.feature-prompt-button{justify-content:center}.product-gallery{padding-bottom:4px}.gallery-photo{border-radius:22px}.gallery-photo img,.empty-photo{height:calc(100svh - var(--mobile-hero-height) - var(--trust-strip-height) - 18px);min-height:0}.option-section,.quote-card,.lead-form{border-radius:20px;padding:22px}.tile-grid.three{grid-template-columns:1fr}.choice-tile{min-height:94px}.seat-render-tile{grid-template-columns:112px minmax(0,1fr);min-height:118px;justify-items:start;text-align:left}.seat-render-tile img{width:112px;height:86px}.quote-card{align-items:stretch;grid-template-columns:1fr}.quote-actions{grid-template-columns:1fr}.quote-card .primary-cta{width:100%}}@media(max-width:460px){.hero h1{font-size:2.25rem}.tile-grid.two,.segmented,.configuration-summary dl{grid-template-columns:1fr}}@media(max-height:640px){.feature-modal-header{padding-block:14px 12px}.feature-modal-header h2{font-size:clamp(1.8rem,4vw,2.5rem)}.feature-modal-heading p{display:none}.feature-modal-actions{padding-block:10px 12px}.feature-card{grid-template-rows:minmax(0,1fr) 150px}.feature-copy{padding:14px 18px 16px}.feature-card h3{min-height:2.7rem;font-size:1.3rem}.feature-card p{margin-top:7px;font-size:.82rem;line-height:1.35}.modal-close,.feature-nav button{width:40px;height:40px;flex-basis:40px}}
