:root{--jvm-border-color: #E5E6E7;--jvm-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);--jvm-tooltip-font-size: .9rem;--jvm-tooltip-bg-color: #337FFA;--jvm-tooltip-color: #FFF;--jvm-tooltip-padding: 3px 5px;--jvm-tooltip-shadow: var(--jvm-box-shadow);--jvm-tooltip-radius: 3px;--jvm-zoom-btn-bg-color: #292929;--jvm-zoom-btn-color: #FFF;--jvm-zoom-btn-size: 15px;--jvm-zoom-btn-radius: 3px;--jvm-series-container-right: 15px;--jvm-legend-bg-color: #FFF;--jvm-legend-radius: .15rem;--jvm-legend-margin-left: .75rem;--jvm-legend-padding: .6rem;--jvm-legend-title-padding-bottom: .5rem;--jvm-legend-title-margin-bottom: .575rem;--jvm-legend-tick-margin-top: .575rem;--jvm-legend-tick-sample-radius: 0;--jvm-legend-tick-sample-height: 12px;--jvm-legend-tick-sample-width: 30px;--jvm-legend-tick-text-font-size: 12px;--jvm-legend-tick-text-margin-top: 3px}image,text,.jvm-zoom-btn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.jvm-container{position:relative;height:100%;width:100%}.jvm-tooltip{border-radius:var(--jvm-tooltip-radius);background-color:var(--jvm-tooltip-bg-color);color:var(--jvm-tooltip-color);font-size:var(--jvm-tooltip-font-size);box-shadow:var(--jvm-tooltip-shadow);padding:var(--jvm-tooltip-padding);white-space:nowrap;position:absolute;display:none}.jvm-tooltip.active{display:block}.jvm-zoom-btn{background-color:var(--jvm-zoom-btn-bg-color);color:var(--jvm-zoom-btn-color);border-radius:var(--jvm-zoom-btn-radius);height:var(--jvm-zoom-btn-size);width:var(--jvm-zoom-btn-size);box-sizing:border-box;position:absolute;left:10px;line-height:var(--jvm-zoom-btn-size);text-align:center;cursor:pointer}.jvm-zoom-btn.jvm-zoomin{top:var(--jvm-zoom-btn-size)}.jvm-zoom-btn.jvm-zoomout{top:calc(var(--jvm-zoom-btn-size) * 2 + var(--jvm-zoom-btn-size) / 3)}.jvm-series-container{position:absolute;right:var(--jvm-series-container-right)}.jvm-series-container.jvm-series-h{bottom:15px}.jvm-series-container.jvm-series-v{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.75rem;top:15px}.jvm-legend{background-color:var(--jvm-legend-bg-color);border:1px solid var(--jvm-border-color);margin-left:var(--jvm-legend-margin-left);border-radius:var(--jvm-legend-radius);padding:var(--jvm-legend-padding);box-shadow:var(--jvm-box-shadow)}.jvm-legend-title{line-height:1;border-bottom:1px solid var(--jvm-border-color);padding-bottom:var(--jvm-legend-title-padding-bottom);margin-bottom:var(--jvm-legend-title-margin-bottom);text-align:left}.jvm-legend-tick{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-width:40px}.jvm-legend-tick:not(:first-child){margin-top:var(--jvm-legend-tick-margin-top)}.jvm-legend-tick-sample{border-radius:var(--jvm-legend-tick-sample-radius);margin-right:.45rem;height:var(--jvm-legend-tick-sample-height);width:var(--jvm-legend-tick-sample-width)}.jvm-legend-tick-text{font-size:var(--jvm-legend-tick-text-font-size);text-align:center;line-height:1}.jvm-line[animation=true]{-webkit-animation:jvm-line-animation 10s linear forwards infinite;animation:jvm-line-animation 10s linear forwards infinite}@-webkit-keyframes jvm-line-animation{0%{stroke-dashoffset:250}}@keyframes jvm-line-animation{0%{stroke-dashoffset:250}}:root{--bg: #d9d9d9;--bg-soft: #ececec;--panel: #e8e8e8;--card: #f3f3f3;--yellow: #ffe100;--ink: #111111;--muted: #666666;--line: #bdbdbd;--radius: 18px;--radius-sm: 12px;--shadow: 0 8px 24px rgba(0, 0, 0, .08);--font: "Inter", "Roboto", sans-serif;--display: "Roboto", "Inter", sans-serif;--app-pad-y: 20px;--app-pad-x: 36px;--nav-space: 0px;--page-bottom-space: 80px;--jvm-tooltip-bg-color: #ffe100;--jvm-tooltip-color: #000;--jvm-tooltip-radius: 8px;--jvm-tooltip-padding: 6px 10px;--jvm-tooltip-shadow: 0 6px 18px rgba(0, 0, 0, .16)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--font)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:none;background:none}#app{height:100vh;height:100dvh;padding:var(--app-pad-y) var(--app-pad-x);padding-bottom:calc(var(--app-pad-y) + var(--nav-space));position:relative;overflow:hidden;display:flex;flex-direction:column}#app:not(.is-area-step){--nav-space: var(--page-bottom-space)}.shell{width:100%;max-width:1760px;margin:0 auto;flex:1;min-height:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:16px;margin-bottom:12px;flex-shrink:0}.logo{height:28px;width:auto;display:block}.product-title{font-family:var(--display);font-weight:200;font-size:20px;letter-spacing:.04em;text-transform:uppercase;color:#222;border-left:1px solid #9a9a9a;padding-left:16px;line-height:1}.stepper{display:flex;align-items:center;justify-content:center;gap:0;margin:4px auto 14px;flex-wrap:wrap;flex-shrink:0}.step{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 20px 0 10px;border-radius:999px;border:1.5px solid #111;background:transparent;color:#111;font:inherit;font-size:14px;font-weight:500;letter-spacing:.03em;text-transform:uppercase;transition:.2s ease}.step:not(:disabled){cursor:pointer}.step:not(.active):not(:disabled):hover{background:#ffe10038}.step:disabled{cursor:default}.step .num{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;border:1.5px solid #111;font-weight:600}.step.active{background:var(--yellow);border-color:transparent}.step.active .num{background:#111;color:#fff;border-color:#111}.step-line{width:36px;height:2px;background:#111;opacity:.7}.page-head{text-align:center;margin-bottom:14px;flex-shrink:0}.page-head h1{margin:0;font-family:var(--display);font-size:clamp(22px,2.4vw,36px);font-weight:800;letter-spacing:.02em;text-transform:uppercase}.page-head p{margin:8px auto 0;max-width:720px;font-size:clamp(13px,1.2vw,16px);line-height:1.4;color:#222;font-weight:400}.stage{flex:1;min-height:0;position:relative;display:flex;flex-direction:column}.stage>*{flex:1;min-height:0}.nav-rail{position:fixed;right:24px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:20}.nav-btn{width:54px;height:54px;border-radius:999px;background:#8f8f8f;color:#fff;display:grid;place-items:center;box-shadow:var(--shadow);transition:.2s ease}.nav-btn.tall{height:88px;border-radius:28px}.nav-btn:disabled{opacity:.35;cursor:not-allowed}.nav-btn:not(:disabled):hover{background:#666}.nav-btn svg{width:22px;height:22px}.area-panel{background:transparent;border-radius:0;position:relative;overflow:hidden;border:none;height:100%;min-height:0}.world-map{width:100%;height:100%;border:none;outline:none;box-shadow:none}.world-map .jvm-container{width:100%;height:100%;background:transparent!important}.world-map svg{width:100%;height:100%;display:block}.world-map.is-continent-phase path.jvm-region{fill:#5d5d5d!important;stroke:#5d5d5d!important;stroke-width:.6px!important;cursor:pointer}.world-map.is-continent-phase path.jvm-region.is-continent-hot{fill:#fff3b0!important;stroke:#d4c76a!important;stroke-width:.8px!important}.world-map.is-country-phase path.jvm-region.is-continent-hot:not(.is-country-hover):not(.is-picked){fill:#fff3b0!important;stroke:#d4c76a!important;stroke-width:.8px!important}.world-map.is-country-phase path.jvm-region.is-country-hover,.world-map.is-country-phase path.jvm-region.is-picked{fill:#ffe100!important;stroke:#8a8a8a!important;stroke-width:1.2px!important}.world-map path.jvm-region.is-outside-continent{fill:#3a3a3a!important;fill-opacity:.4!important;stroke:#4a4a4a!important;pointer-events:none;cursor:default}.jvm-tooltip{border-radius:8px;border:1.5px solid #111;background-color:#ffe100!important;color:#000!important;font-family:var(--font);font-weight:600;box-shadow:var(--shadow)}.area-selected{position:absolute;left:50%;bottom:20px;transform:translate(-50%);z-index:5;background:#ffe100;border:1.5px solid #111;border-radius:999px;padding:8px 18px;font-weight:600;font-size:14px;pointer-events:none;white-space:nowrap;box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:2px;line-height:1.25;display:none}.area-selected:not([hidden]){display:flex}.area-selected__name{font-size:14px}.area-selected__wind,.area-selected__snow{font-size:12px;font-weight:500;opacity:.85}.scenario-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.4vw,22px);height:100%;min-height:0}.scenario-card{position:relative;border:1.5px solid #111;outline:none;padding:0;text-align:left;border-radius:22px;overflow:hidden;background:#d9d9d9;box-shadow:none;transition:box-shadow .2s ease,background .2s ease;display:flex;flex-direction:column;min-height:0;height:100%;cursor:pointer}.scenario-card:hover{box-shadow:0 8px 20px #0000001f}.scenario-card .media{flex:1;min-height:0;background-color:#d9d9d9;background-position:center top;background-size:cover;background-repeat:no-repeat}.scenario-card .media--contain{background-size:contain;background-position:center}.scenario-card .meta{padding:14px 16px 16px;background:#bdbdbd;flex-shrink:0;min-height:70px;border-top:1.5px solid #111}.scenario-card.selected .meta{background:var(--yellow)}.scenario-card .check-badge{position:absolute;top:18px;right:16px;width:48px;height:48px;opacity:0;transform:scale(.7);transition:opacity .18s ease,transform .18s ease;z-index:2;pointer-events:none}.scenario-card.selected .check-badge{opacity:1;transform:scale(1)}.scenario-card h3{margin:0;font-family:var(--display);font-size:clamp(16px,1.5vw,24px);font-weight:800;text-transform:uppercase;color:var(--ink)}.scenario-card p{margin:6px 0 0;font-size:12px;font-weight:300;color:#333}.tile-layout{--subtype-card-w: 267.06px;--subtype-card-h: 669px;--subtype-meta-h: 175.61px;--subtype-media-h: calc(var(--subtype-card-h) - var(--subtype-meta-h));--subtype-gap: 26px;--parent-w: 370px;--anchor-top: 0px;--anchor-left: 0px;--anchor-w: var(--parent-w);--anchor-h: var(--subtype-card-h);position:relative;height:100%;min-height:var(--anchor-h)}.tile-layout[data-roof=metal]{--parent-w: 415px}.tile-parent{position:absolute;top:var(--anchor-top);left:var(--anchor-left);width:var(--anchor-w);height:var(--anchor-h);z-index:2}.tile-parent.is-sliding{top:var(--anchor-from-top);left:var(--anchor-from-left);animation:roof-parent-slide .58s cubic-bezier(.45,0,.55,1) forwards}@keyframes roof-parent-slide{to{top:var(--anchor-top);left:var(--anchor-left)}}.tile-divider,.tile-rail{opacity:0;transition:opacity .38s cubic-bezier(.45,0,.55,1) .16s}.tile-layout.is-settled .tile-divider,.tile-layout.is-settled .tile-rail{opacity:1}.tile-parent .meta{min-height:70px;height:auto;max-height:none;flex-shrink:0}.tile-divider{position:absolute;left:calc(var(--anchor-left) + var(--anchor-w) + 26px);top:calc(var(--anchor-top) + 60px);width:2px;height:calc(var(--anchor-h) - 84px);background:#111;margin:0}.tile-layout.is-settled .tile-divider{opacity:.75}.tile-rail{position:absolute;left:calc(var(--anchor-left) + var(--anchor-w) + 54px);top:var(--anchor-top);right:0;display:flex;flex-direction:row;align-items:stretch;gap:var(--subtype-gap);min-width:0;height:var(--anchor-h);padding:0;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth}.tile-rail::-webkit-scrollbar{height:0}.tile-card{flex:0 0 var(--subtype-card-w);width:var(--subtype-card-w);height:var(--anchor-h);border-radius:26px;box-sizing:border-box}.tile-card:hover{box-shadow:none}.tile-card .check-badge{top:19px;right:16px;width:51px;height:51px;transform:scale(.85)}.tile-card.selected .check-badge{opacity:1;transform:scale(1)}.tile-card .media{position:relative;flex:0 0 var(--subtype-media-h);height:var(--subtype-media-h);min-height:var(--subtype-media-h);max-height:var(--subtype-media-h);overflow:hidden;background-color:#d9d9d9}.tile-card .media__img{position:absolute;left:var(--img-left, 0);top:var(--img-top, 0);width:var(--img-width, 100%);height:var(--img-height, 40%);object-fit:fill;object-position:center;display:block}.tile-card .meta{flex:0 0 var(--subtype-meta-h);height:var(--subtype-meta-h);min-height:var(--subtype-meta-h);max-height:var(--subtype-meta-h);padding:28px 12px 0;border-radius:0 0 26px 26px}.tile-card h3{font-family:var(--display);font-size:24px;font-weight:800;line-height:1.2}.tile-card p{margin-top:4px;font-family:var(--font);font-size:12px;font-weight:300;line-height:1.35;text-transform:none}@media (max-height: 920px){.tile-layout:not([style*=--anchor-top]){--subtype-card-h: min(669px, calc(100vh - 300px) );--subtype-meta-h: calc(var(--subtype-card-h) * .2625)}}.feature-layout--hook,.feature-layout--perf{--hook-card-w: clamp(140px, 11vw, 196px);--hook-card-h: calc(var(--hook-card-w) * 1.5);--hook-meta-h: calc(var(--hook-card-w) * .495);--hook-media-h: calc(var(--hook-card-h) - var(--hook-meta-h));--hook-grid-gap: 14px;--hook-row-gap: 41.5px ;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(16px,2vw,28px);height:100%;min-height:0}.feature-layout--hook .preview-box,.feature-layout--perf .preview-box,.hero-panel.preview-box{height:100%;min-height:0;border:1.5px solid #111;border-radius:26px;background:linear-gradient(180deg,#ececec,#cfcfcf);display:grid;place-items:center;padding:clamp(16px,3vh,40px);position:relative;overflow:hidden}.feature-layout--hook .preview-box .feature-preview,.feature-layout--perf .preview-box .perf-preview,.feature-layout--perf .preview-box .perf-preview-video{width:min(78%,511px);height:min(78%,511px);max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 12px 24px rgba(0,0,0,.16));transition:opacity .2s ease;display:block}.hero-panel.preview-box img.hero{width:min(92%,720px);height:min(92%,720px);max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 12px 24px rgba(0,0,0,.16));transition:opacity .2s ease;display:block}.feature-layout--perf .preview-box .perf-preview-video{background:transparent}.feature-layout--perf .preview-box:has(.perf-preview--scene){background:#d6d6d6;padding:0}.feature-layout--perf .preview-box .perf-preview--scene{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;filter:none}.feature-layout--hook .select-box,.feature-layout--perf .select-box{height:100%;min-height:0;padding:0;background:transparent;border:none;overflow:auto}.hook-grid{display:grid;grid-template-columns:repeat(3,var(--hook-card-w));column-gap:var(--hook-grid-gap);row-gap:var(--hook-row-gap);justify-content:start;align-content:start}.perf-grid{display:flex;flex-direction:column;gap:0;width:100%}.perf-grid__row--hook{display:flex;justify-content:flex-start}.perf-grid__row--rails{width:fit-content;max-width:100%}.perf-grid__divider{flex:0 0 auto;width:100%;height:0;border:none;border-top:1.5px solid #111;margin:calc((var(--hook-row-gap) - 1.5px) / 2) 0}.hook-card{width:var(--hook-card-w);height:var(--hook-card-h);border-radius:26px;box-sizing:border-box}.hook-card:hover{box-shadow:none}.hook-card .media{position:relative;flex:0 0 var(--hook-media-h);height:var(--hook-media-h);min-height:var(--hook-media-h);max-height:var(--hook-media-h);overflow:hidden;background:#d9d9d9}.hook-card .media__img{position:absolute;top:8%;right:10%;bottom:8%;left:10%;width:80%;height:84%;object-fit:contain;object-position:center;display:block}.hook-card .meta{flex:0 0 var(--hook-meta-h);height:var(--hook-meta-h);min-height:var(--hook-meta-h);max-height:var(--hook-meta-h);padding:16px 14px 0;background:#bdbdbd;border-radius:0 0 26px 26px}.hook-card.selected .meta{background:var(--yellow)}.hook-card h3{margin:0;font-family:var(--display);font-size:clamp(16px,1.4vw,20px);font-weight:500;line-height:1.2;text-transform:uppercase}.hook-card p{margin:8px 0 0;font-family:var(--font);font-size:10px;font-weight:200;line-height:1.35;text-transform:none;color:#111}.hook-card .check-badge{top:13px;right:10px;width:46px;height:46px;transform:scale(.85)}.hook-card.selected .check-badge{opacity:1;transform:scale(1)}.hook-card--summary{pointer-events:none;cursor:default}.hook-card.rail-card .meta p{text-transform:none;font-weight:300}.hook-card.rail-card .media__img{top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:left center}.split-layout{--hook-card-w: clamp(140px, 11vw, 196px);--hook-card-h: calc(var(--hook-card-w) * 1.5);--hook-meta-h: calc(var(--hook-card-w) * .495);--hook-media-h: calc(var(--hook-card-h) - var(--hook-meta-h));--hook-grid-gap: 14px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(16px,2vw,28px);height:100%;min-height:0}.hero-panel{position:relative;overflow:hidden;min-height:0;height:100%}.hero-panel.is-zooming{cursor:none}.loupe{position:absolute;left:0;top:0;width:180px;height:180px;border-radius:50%;border:3px solid var(--yellow);box-shadow:0 0 0 2px #0000001f,0 12px 30px #00000047;pointer-events:none;z-index:6;display:none;background-repeat:no-repeat;background-color:#eee}.hero-panel.is-zooming .loupe{display:block}.hero-panel.is-zooming .certs{opacity:.35;pointer-events:none}.certs{position:absolute;right:18px;bottom:18px;display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.6vw,18px);background:#737373;padding:9px clamp(16px,2vw,24px);border-radius:999px;box-shadow:0 2px 8px #0000001f}.certs img{height:clamp(16px,1.8vw,20px);width:auto;display:block;opacity:1;mix-blend-mode:screen}.certs img:nth-child(2),.certs img:nth-child(3){height:clamp(24px,2.6vw,30px)}.config-side,.quote-side{display:flex;flex-direction:column;gap:12px;min-height:0;overflow:auto}.config-picks{display:grid;grid-template-columns:repeat(2,var(--hook-card-w));gap:var(--hook-grid-gap);justify-content:start;align-content:start;padding-bottom:var(--hook-grid-gap);margin-bottom:var(--hook-grid-gap);border-bottom:1.5px solid #111}.spec-list{background:transparent;padding:4px 4px 0}.spec-row{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:6px 0;border-bottom:1px solid rgba(0,0,0,.08);font-size:clamp(12px,1.1vw,14px)}.spec-row .k{color:#333;font-weight:500}.spec-row .v{color:#222;font-weight:300;text-align:right}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1 / -1}.field label{font-size:14px;font-weight:300}.field input,.field select,.field textarea{width:100%;border:1.5px solid #111;background:#ececec;border-radius:10px;padding:12px;outline:none}.field textarea{min-height:72px;resize:vertical}.country-combobox{position:relative}.country-combobox input{padding-right:44px}.country-combobox__toggle{position:absolute;top:1.5px;right:1.5px;width:40px;height:calc(100% - 3px);border:none;border-radius:0 8px 8px 0;background:transparent;color:#111;display:grid;place-items:center;cursor:pointer}.country-combobox__toggle svg{width:18px;height:18px;transition:transform .2s ease}.country-combobox.is-open .country-combobox__toggle svg{transform:rotate(180deg)}.country-combobox__list{position:absolute;z-index:12;left:0;right:0;top:calc(100% + 6px);max-height:220px;overflow:auto;margin:0;padding:6px 0;list-style:none;background:#ececec;border:1.5px solid #111;border-radius:10px;box-shadow:0 10px 24px #0000001f}.country-combobox__list li{padding:10px 12px;font-size:14px;cursor:pointer}.country-combobox__list li:hover,.country-combobox__list li:focus{background:#d9d9d9}.checks{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin-top:4px}.check-item{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;font-size:12px;line-height:1.4;color:#333}.check-item strong{display:block;font-size:14px;margin-bottom:4px}.check-item input{width:18px;height:18px;margin-top:3px}.submit-btn{margin-top:8px;width:200px;justify-self:center;align-self:center;height:44px;border-radius:12px;background:#5f5f5f;color:#fff;font-weight:700;letter-spacing:.04em;text-transform:uppercase;flex-shrink:0}.submit-btn:hover{background:#444}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);background:#111;color:#fff;padding:12px 18px;border-radius:999px;opacity:0;pointer-events:none;transition:.25s ease;z-index:50}.toast.show{opacity:1}@media (max-width: 1200px){:root{--app-pad-x: 24px}.scenario-grid{grid-template-columns:repeat(2,1fr)}.tile-layout{min-height:var(--anchor-h, 480px);overflow-x:auto;overflow-y:hidden}.tile-rail{right:12px}.feature-layout--hook,.feature-layout--perf{grid-template-columns:1fr}.feature-layout--hook{grid-template-rows:minmax(0,1fr) minmax(0,calc(var(--hook-card-h) + 14px))}.feature-layout--perf{grid-template-rows:minmax(0,1fr) minmax(0,calc(var(--hook-card-h) * 2 + var(--hook-row-gap) + 14px))}.feature-layout--hook .preview-box,.feature-layout--perf .preview-box{height:100%;min-height:220px}.feature-layout--hook .select-box{height:auto;max-height:calc(var(--hook-card-h) + 14px)}.feature-layout--perf .select-box{height:auto;max-height:calc(var(--hook-card-h) * 2 + var(--hook-row-gap) + 14px)}.split-layout{grid-template-columns:1fr}.preview-box,.hero-panel{min-height:220px;height:auto}.nav-rail{right:12px}}@media (max-width: 760px){:root{--app-pad-y: 12px;--app-pad-x: 12px}.product-title{font-size:12px}.stepper{gap:4px;margin-bottom:10px}.step-line{width:12px}.step{height:32px;padding:0 10px 0 6px;font-size:10px}.step .num{width:20px;height:20px}.page-head{margin-bottom:10px}.scenario-grid,.hook-grid,.config-picks,.form-grid,.checks{grid-template-columns:1fr}.scenario-grid{overflow:auto;grid-auto-rows:minmax(220px,42vh)}.nav-rail{position:fixed;right:12px;left:12px;top:auto;bottom:10px;transform:none;flex-direction:row;justify-content:space-between}.nav-btn,.nav-btn.tall{width:48%;height:48px;border-radius:14px}}