.alteo-hero,.upgrade-planner{--u-line:#dce6df;--u-muted:#53675e;box-sizing:border-box}
:is(.alteo-hero,.upgrade-planner) [hidden]{display:none!important}
:is(.alteo-hero,.upgrade-planner) :is(button,a,input,summary):focus-visible{outline:3px solid #fdb813;outline-offset:4px}
:is(.alteo-hero,.upgrade-planner) button{font:inherit;cursor:pointer}
:is(.alteo-hero,.upgrade-planner) button:disabled{cursor:not-allowed;opacity:.45}
:is(.alteo-hero,.upgrade-planner) .button{min-height:54px;border-radius:12px;background:#fdb813;color:#10201b;font-size:14px;font-weight:800;box-shadow:none}
:is(.alteo-hero,.upgrade-planner) .button:hover{background:#ffc936}
.alteo-hero{position:relative;isolation:isolate;overflow:hidden;background:#072f27;color:#fff;min-height:0}
.alteo-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 78% 40%,#2a796454,transparent 48%),radial-gradient(ellipse at 94% 13%,#fdb81312,transparent 37%),linear-gradient(115deg,#072f27,#063a2f 65%,#082e27);pointer-events:none}
.alteo-hero:after{content:"";position:absolute;inset:0 0 0 39%;z-index:-1;opacity:.2;background-image:linear-gradient(#b9d3c914 1px,transparent 1px),linear-gradient(90deg,#b9d3c914 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,#000 30%,#000 85%,transparent);pointer-events:none}
.container.upgrade-hero-grid{width:min(1420px,100% - 80px);min-height:min(850px,calc(100svh - 76px));margin:auto;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:center;gap:28px;padding:58px 0 48px}
.upgrade-copy{min-width:0;position:relative;z-index:2;padding-right:12px}
.upgrade-copy>.eyebrow{color:#c8ded4;font-size:11px;letter-spacing:.1em;margin:0 0 24px;display:flex;align-items:center;gap:10px}
.upgrade-copy h1{max-width:590px;margin:0;font-size:clamp(46px,4.75vw,72px);line-height:1.035;letter-spacing:-.045em;font-weight:780;text-wrap:balance;color:#fff}
.upgrade-copy h1 :is(span,.accent){color:#fdb813}
.upgrade-copy>p:not(.eyebrow):not(.upgrade-note){font-size:16px;color:#c5d8ce;margin:22px 0 0;max-width:490px}
.upgrade-promo-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:27px 0 24px}
.upgrade-promo{min-width:0;padding:16px 18px 15px;border:1px solid #bfd6c928;border-radius:12px;background:linear-gradient(140deg,#ffffff0b,#ffffff02)}
.upgrade-promo.installation{border-color:#fdb81355;background:linear-gradient(125deg,#fdb81312,#fdb81304)}
.upgrade-promo :is(strong,b,small){display:block}
.upgrade-promo strong{font-size:clamp(30px,2.8vw,43px);font-weight:800;line-height:1.08;letter-spacing:-.045em;color:#fdb813;white-space:nowrap}
.upgrade-promo b{font-size:13px;color:#fff;margin-top:7px}
.upgrade-promo>small{font-size:12px;color:#c3d5cc;margin-top:5px}
.upgrade-promo.credit strong{color:#fff}
.upgrade-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:15px 22px;margin-top:22px}
.upgrade-hero-actions .button{text-align:left;padding-inline:23px}
.upgrade-hero-actions :is(.text-link,a:not(.button)){font-size:13px;color:#e3ede7;text-underline-offset:5px}

.upgrade-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #c5d7cc2b;margin-top:28px;padding-top:20px}
.upgrade-proof>*{min-width:0;padding-right:12px}.upgrade-proof>*+*{padding-left:16px;border-left:1px solid #c5d7cc2b}
.upgrade-proof strong{display:block;color:#f2f5ef;font-size:18px;line-height:1.2}.upgrade-proof :is(span,small){display:block;color:#bed2c6;font-size:12px;margin-top:5px}
.upgrade-note{font-size:13px;color:#53675e;margin:14px 0 0;max-width:750px}.alteo-hero .upgrade-note{color:#c2d5ca;max-width:480px}.alteo-hero .upgrade-note strong{color:#fff}
.upgrade-studio{position:relative;min-width:0;width:100%;isolation:isolate;align-self:center}
.upgrade-orbit{position:absolute;inset:12% 4% 15%;border:1px solid #c4dfce17;border-radius:50%;transform:rotate(-14deg);z-index:-1;pointer-events:none}
.scene-topline{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:32px;padding:0 12px;color:#b9d1c2}
.scene-topline>span{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.09em}.scene-topline i{width:5px;height:5px;background:#fdb813;border-radius:50%;flex:none}
.scene-topline :is(button,.scene-reset){border:1px solid #bad8c72e;background:#ffffff06;color:#d6e5dc;width:34px;height:34px;padding:0;border-radius:9px;font-size:21px;line-height:1;display:grid;place-items:center}
.kitchen-canvas{position:relative;isolation:isolate;width:100%;aspect-ratio:3/2;min-height:230px;touch-action:pan-y}
.kitchen-canvas>canvas{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;touch-action:pan-y;cursor:grab;background:transparent}
.scene-fallback{position:absolute;inset:12px 0;overflow:hidden;border-radius:14px;background:#153e31}.scene-fallback img{display:block;width:100%;height:100%;object-fit:cover}[data-scene-state=ready] .scene-fallback{display:none}
.scene-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:16px 10px 0;border-top:1px solid #bad7c429}
.scene-swatches{display:flex;align-items:center;gap:7px}.scene-swatches button{width:35px;height:35px;flex:none;display:grid;place-items:center;border-radius:50%;padding:4px;border:1px solid transparent;background:transparent}.scene-swatches button[aria-pressed=true]{border-color:#fdb813}.scene-swatches button>span{width:25px;height:25px;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff2c}.scene-swatches>span{font-size:11px;color:#c1d5c9;margin-left:6px}
.swatch-sandstone{background:#d7c6a7}.swatch-oak{background:repeating-linear-gradient(94deg,#ae7846 0 2px,#c49462 3px 6px,#bd8753 7px 9px)}.swatch-graphite{background:#353b39}
.scene-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.scene-actions button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:39px;padding:8px 10px;border:1px solid #bfd6c62a;border-radius:9px;background:#ffffff05;color:#dce8df;font-size:11px;}.scene-actions button[aria-pressed=true]{color:#10201b;background:#fdb813;border-color:#fdb813}.scene-actions svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor}
.scene-help{font-size:11px;text-align:center;color:#b0c6b9;margin:12px auto 0;padding:0 10px}.scene-shell[data-scene-state=fallback] :is(.scene-tools,.upgrade-orbit){display:none}
.upgrade-planner{padding:94px 0;background:linear-gradient(#f4f7f5,#fff 55%);color:#10201b;scroll-margin-top:88px}.upgrade-planner>.container{width:min(1320px,100% - 80px)}
.upgrade-planner-heading{max-width:790px;margin-bottom:42px}.upgrade-planner-heading .eyebrow{color:#0b4d3c;font-size:12px;font-weight:800;margin:0 0 18px}.upgrade-planner-heading h2{font-size:clamp(33px,3.7vw,54px);font-weight:780;line-height:1.06;letter-spacing:-.04em;margin:0;color:#10201b;text-wrap:balance}.upgrade-planner-heading>p:last-child{max-width:640px;margin:20px 0 0;font-size:16px;line-height:1.7;color:#53675e}
.upgrade-planner-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:32px;align-items:start}.upgrade-planner-layout>*{min-width:0}
.upgrade-planner-layout>.upgrade-studio,.upgrade-planner-visual{position:sticky;top:98px;background:radial-gradient(ellipse at 55% 35%,#205d48,#072f27 82%);border-radius:20px;overflow:hidden;padding:20px 18px 22px;box-shadow:none}
.upgrade-planner-controls{background:#fff;border:1px solid #dce6df;border-radius:18px;padding:27px 28px}
.upgrade-control-group{border:0;padding:0;margin:0 0 26px;min-width:0}.upgrade-control-group legend,.upgrade-control-group>label:first-child{display:block;padding:0;margin:0 0 13px;font-size:14px;font-weight:800;color:#173d2e}
.upgrade-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.upgrade-options button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:49px;padding:12px 10px;border:1px solid #dce6df;border-radius:10px;background:#fff;color:#40594c;font-size:13px;transition:background .18s,border-color .18s}.upgrade-options button[aria-pressed=true]{border-color:#0b4d3c;background:#eff5ee;color:#073e2c;box-shadow:inset 0 0 0 1px #0b4d3c}.upgrade-options button svg{width:25px;height:25px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7}
.upgrade-swatches{display:flex;flex-wrap:wrap;gap:10px}.upgrade-swatches button{display:flex;align-items:center;gap:8px;min-height:44px;padding:7px 10px;border:1px solid #dce6df;border-radius:10px;color:#40594c;background:#fff;font-size:12px;}.upgrade-swatches button[aria-pressed=true]{border-color:#0b4d3c;box-shadow:inset 0 0 0 1px #0b4d3c;background:#f4f8f2}.upgrade-swatches :is(.swatch-sandstone,.swatch-oak,.swatch-graphite){display:inline-block;width:25px;height:25px;border-radius:6px;border:1px solid #10201b17;flex:none}
.upgrade-range{width:100%;margin:9px 0}.upgrade-control-group output,.upgrade-range output{display:block;font-size:25px;font-weight:780;color:#0b4d3c;margin:3px 0 10px;line-height:1.3}.upgrade-planner input[type=range]{width:100%;margin:10px 0 8px;min-height:28px;accent-color:#0b4d3c;cursor:pointer;touch-action:pan-y}
.upgrade-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #dce6df;border-radius:12px;background:#f4f7f5;padding:17px 0;margin:26px 0 0}.upgrade-summary>*{padding:0 16px;min-width:0}.upgrade-summary>*+*{border-left:1px solid #dce6df}.upgrade-summary :is(small,dt){display:block;font-size:11px;color:#53675e;margin:0 0 5px}.upgrade-summary :is(strong,dd){display:block;font-size:15px;line-height:1.4;color:#173d2e;margin:0}
.upgrade-offer-result{margin-top:26px;border-top:1px solid #dce6df;padding-top:23px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.upgrade-offer-result>:is(h3,p,.upgrade-note){grid-column:1/-1;margin:0 0 7px}.upgrade-offer-result h3{font-size:20px;line-height:1.3;color:#173d2e}.upgrade-offer-result>button{min-height:82px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;padding:15px;border:1px solid #dce6df;border-radius:12px;background:#fff;color:#0b4d3c;font-size:14px;text-align:left}.upgrade-offer-result>button :is(small,span){font-size:11px;color:#53675e}.upgrade-offer-result>button[aria-pressed=true]{background:#f0f5e9;border-color:#0b4d3c;box-shadow:inset 0 0 0 1px #0b4d3c}
.upgrade-finance{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px;padding-top:20px;border-top:1px solid #dce6df}.upgrade-finance>:is(h3,p,label,legend){flex-basis:100%;font-size:14px;color:#173d2e;margin:0 0 5px}.upgrade-finance button{min-width:58px;min-height:42px;padding:9px 13px;border:1px solid #dce6df;border-radius:8px;background:#fff;color:#40594c;font-size:13px;}.upgrade-finance button[aria-pressed=true]{border-color:#0b4d3c;background:#0b4d3c;color:#fff}
.upgrade-planner-footer{margin-top:27px;padding-top:23px;border-top:1px solid #dce6df;display:flex;flex-wrap:wrap;align-items:center;gap:16px 25px}.upgrade-planner-footer .button{gap:23px;padding-inline:25px}.upgrade-planner-footer p{flex:1 1 230px;font-size:13px;color:#53675e;margin:0}
.upgrade-enter,.upgrade-reveal.is-visible{animation:upgrade-arrive .6s cubic-bezier(.2,.65,.3,1) both}@keyframes upgrade-arrive{from{opacity:.25;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:820px){.container.upgrade-hero-grid{width:calc(100% - 36px);gap:15px;padding-block:32px}.upgrade-copy h1{font-size:42px}.upgrade-promo{padding:12px}.upgrade-promo strong{font-size:30px}.scene-swatches>span{display:none}.scene-tools{justify-content:center;flex-wrap:wrap}.upgrade-planner{padding:70px 0}.upgrade-planner-layout{grid-template-columns:1fr}.upgrade-planner-layout>.upgrade-studio,.upgrade-planner-visual{position:relative;top:auto}.upgrade-planner .kitchen-canvas{aspect-ratio:1.8;max-height:380px}}
@media(max-width:600px){.container.upgrade-hero-grid{grid-template-columns:1fr;gap:0;min-height:0;padding:24px 0 26px}.upgrade-copy{display:contents}.upgrade-copy>.eyebrow{order:1;font-size:10px;margin-bottom:13px}.upgrade-copy h1{order:2;font-size:40px;line-height:1.035;max-width:490px}.upgrade-copy>p:not(.eyebrow):not(.upgrade-note){order:3;font-size:14px;margin-top:13px}.upgrade-hero-grid>.upgrade-studio{order:4;margin:12px -6px 0;width:calc(100% + 12px)}.alteo-hero .kitchen-canvas{height:240px;min-height:0;aspect-ratio:auto}.scene-topline{min-height:24px;padding-inline:6px}.scene-topline>span{font-size:8px;letter-spacing:.04em}.scene-topline :is(button,.scene-reset){width:30px;height:30px;font-size:19px}.scene-tools{padding:8px 6px 0;gap:8px;flex-wrap:nowrap;justify-content:space-between}.scene-swatches{gap:3px}.scene-swatches button{width:30px;height:34px;padding:3px}.scene-swatches button>span{width:23px;height:23px}.scene-actions{gap:5px}.scene-actions button{font-size:10px;min-height:36px;padding:7px;gap:5px}.scene-actions svg{width:12px;height:12px}.scene-help{font-size:11px;margin-top:8px;padding:0;}.upgrade-copy>.upgrade-promo-grid{order:5}.upgrade-promo-grid{gap:9px;margin:17px 0 0}.upgrade-promo{padding:12px;border-radius:10px}.upgrade-promo strong{font-size:31px}.upgrade-promo b{margin-top:5px}.upgrade-promo>small{margin-top:4px}.upgrade-copy>.upgrade-hero-actions{order:6}.upgrade-hero-actions{margin-top:15px;gap:12px 16px}.upgrade-hero-actions .button{min-height:51px;padding-inline:20px;gap:15px;width:auto;flex:1}.upgrade-hero-actions :is(.text-link,a:not(.button)){font-size:12px;white-space:nowrap}.upgrade-copy>.upgrade-note{order:7;font-size:13px;margin-top:12px}.upgrade-copy>.upgrade-proof{order:8}.upgrade-proof{margin-top:20px;padding-top:17px}.upgrade-proof>*+*{padding-left:12px}.upgrade-proof :is(span,small){font-size:11px}.upgrade-planner{padding:57px 0;scroll-margin-top:72px}.upgrade-planner>.container{width:calc(100% - 36px)}.upgrade-planner-heading{margin-bottom:25px}.upgrade-planner-heading .eyebrow{font-size:10px;margin-bottom:14px}.upgrade-planner-heading h2{font-size:34px;line-height:1.08}.upgrade-planner-heading>p:last-child{font-size:14px;margin-top:16px}.upgrade-planner-layout{gap:20px}.upgrade-planner-layout>.upgrade-studio,.upgrade-planner-visual{border-radius:15px;padding:15px 10px 17px}.upgrade-planner .kitchen-canvas{height:235px;min-height:0;aspect-ratio:auto}.upgrade-planner-controls{padding:22px 18px;border-radius:15px}.upgrade-control-group{margin-bottom:24px}.upgrade-summary{margin-top:22px;padding-block:14px}.upgrade-summary>*{padding-inline:10px}.upgrade-summary :is(strong,dd){font-size:13px;overflow-wrap:anywhere}.upgrade-offer-result{gap:7px}.upgrade-offer-result>button{font-size:12px;min-height:76px;padding:12px 9px}.upgrade-swatches{gap:7px}.upgrade-swatches button{font-size:11px;padding:7px 8px}.upgrade-planner-footer .button{width:100%;justify-content:space-between;padding-inline:20px}}
@media(max-width:360px){.container.upgrade-hero-grid,.upgrade-planner>.container{width:calc(100% - 28px)}.upgrade-copy h1{font-size:36px}.alteo-hero .kitchen-canvas{height:220px}.scene-actions button{font-size:9px;padding-inline:5px}.scene-actions{gap:4px}.upgrade-promo{padding-inline:10px}.upgrade-promo strong{font-size:29px}.upgrade-hero-actions .button{font-size:12px;padding-inline:16px}.upgrade-planner-controls{padding-inline:14px}.upgrade-planner .kitchen-canvas{height:215px}}
@media(prefers-reduced-motion:reduce){.upgrade-enter,.upgrade-reveal.is-visible{animation:none!important}:is(.alteo-hero,.upgrade-planner) *{transition:none!important;scroll-behavior:auto!important}:is(.alteo-hero,.upgrade-planner) .button:hover{transform:none}}