.IIn7AG_intro{grid-template-columns:minmax(0,1.4fr) minmax(0,.65fr);align-items:end;gap:clamp(32px,6vw,88px);margin-bottom:clamp(36px,5vw,64px);display:grid}.IIn7AG_intro h2{max-width:24ch}.IIn7AG_introCopy{padding-bottom:.25rem}.IIn7AG_introCopy p{color:var(--muted-foreground);text-wrap:pretty;margin:0;font-size:16px;line-height:1.65}.IIn7AG_introCopy p+p{margin-top:18px;font-size:12px}.IIn7AG_experience{grid-template-columns:minmax(280px,.8fr) minmax(0,1.3fr);align-items:start;gap:clamp(28px,5vw,72px);display:grid}.IIn7AG_journey{border-bottom:1px solid var(--border);margin:0;padding:0;list-style:none}.IIn7AG_stage{border-top:1px solid var(--border);min-width:0;padding:24px 16px;transition:background-color .15s ease-in-out;position:relative}.IIn7AG_stage[data-active=true]{background:var(--sidebar)}.IIn7AG_stageHeading{letter-spacing:-.025em;margin:0;font-size:clamp(18px,1.7vw,23px);font-weight:500;line-height:1.3}.IIn7AG_stageHeading button{text-align:left;cursor:pointer;width:100%;color:var(--muted-foreground);grid-template-columns:24px minmax(0,1fr) 20px;gap:12px;padding:0;display:grid}.IIn7AG_stageHeading button:after{content:"";position:absolute;inset:0}.IIn7AG_stageHeading button[aria-current],.IIn7AG_stageHeading button:hover{color:var(--foreground)}.IIn7AG_stageHeading button:focus-visible{outline:none}.IIn7AG_stageHeading button:focus-visible:after{outline:2px solid var(--ring);outline-offset:-2px;border-radius:6px}.IIn7AG_index{font-variant-numeric:tabular-nums;letter-spacing:normal;padding-top:5px;font-size:11px}.IIn7AG_stage[data-active=true] .IIn7AG_index{color:var(--roofkit-app-cta)}.IIn7AG_stageArrow{opacity:0;align-self:center;width:16px;height:16px;transition:opacity .15s ease-in-out,transform .15s ease-in-out;transform:translate(-4px)}.IIn7AG_stage[data-active=true] .IIn7AG_stageArrow,.IIn7AG_stageHeading button:hover .IIn7AG_stageArrow,.IIn7AG_stageHeading button:focus-visible .IIn7AG_stageArrow{opacity:1;transform:none}.IIn7AG_description{color:var(--muted-foreground);text-wrap:pretty;margin:10px 24px 0 36px;font-size:14px;line-height:1.6}.IIn7AG_preview{border:1px solid var(--border);background:var(--sidebar);border-radius:12px;min-width:0;position:sticky;top:112px;overflow:hidden}.IIn7AG_previewHeader{height:56px;color:var(--muted-foreground);border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:12px;padding:8px 20px;font-size:11px;display:flex}.IIn7AG_previewHeader button{min-height:44px;font-size:11px}.IIn7AG_sample{text-align:right}.IIn7AG_previewBody{min-width:0;height:clamp(320px,31vw,400px);padding:clamp(16px,2vw,28px)}.IIn7AG_visualContent{min-width:0;height:100%}.IIn7AG_visualContent>div{height:100%}.IIn7AG_caption{border-top:1px solid var(--border);background:var(--card);align-items:center;min-height:96px;padding:18px 24px;display:flex}.IIn7AG_caption p{color:var(--muted-foreground);text-wrap:pretty;margin:0;font-size:13px;line-height:1.65}.IIn7AG_homePreview{grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:12px;display:grid}.IIn7AG_homePreview figure{border:1px solid var(--border);background:var(--card);border-radius:8px;min-width:0;margin:0;overflow:hidden}.IIn7AG_homePreview img{aspect-ratio:1.3;object-fit:cover;width:100%;height:auto}.IIn7AG_homePreview figcaption{padding:10px 12px;font-size:11px}.IIn7AG_roofPreview{border:1px solid var(--border);background:var(--card);border-radius:8px;flex-direction:column;display:flex}.IIn7AG_roofPreview>svg{flex:1;width:100%;min-height:0}.IIn7AG_roofPreview>div{border-top:1px solid var(--border);justify-content:space-between;gap:12px;padding:14px 16px;font-size:12px;display:flex}.IIn7AG_roofPreview strong{font-variant-numeric:tabular-nums;font-weight:500}.IIn7AG_metrics{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (max-width:900px){.IIn7AG_intro{grid-template-columns:minmax(0,1fr);gap:20px}.IIn7AG_introCopy{max-width:52ch}.IIn7AG_introCopy p+p{margin-top:10px}.IIn7AG_experience{grid-template-columns:minmax(0,1fr);gap:24px}.IIn7AG_preview{z-index:2;grid-row:1;top:88px}.IIn7AG_previewHeader{height:48px;padding-inline:16px;font-size:10px}.IIn7AG_previewBody{height:clamp(312px,37vw,340px);padding:14px}.IIn7AG_caption{min-height:76px;padding:12px 16px}.IIn7AG_caption p{font-size:12px;line-height:1.5}.IIn7AG_stage{padding:20px 16px}.IIn7AG_stageHeading{font-size:20px}}@media (max-width:480px){.IIn7AG_previewBody{height:300px;padding:10px}.IIn7AG_previewHeader{gap:8px;padding-inline:12px}.IIn7AG_metrics,.IIn7AG_homePreview{gap:8px}.IIn7AG_homePreview figcaption{padding:8px}.IIn7AG_description{margin-right:0}}@media (max-height:720px){.IIn7AG_preview{position:relative;top:auto}}@media (min-width:901px) and (min-height:701px){[data-scroll-product-story] .IIn7AG_experience{align-content:center;height:100%}[data-scroll-product-story] .IIn7AG_preview{position:relative;top:auto}}@media (max-width:900px),(max-height:700px){[data-scroll-product-story]:has(.IIn7AG_experience){height:auto}[data-scroll-product-story]:has(.IIn7AG_experience)>*{height:auto;position:relative;top:auto}}@media (prefers-reduced-motion:reduce){.IIn7AG_stage,.IIn7AG_stageArrow{transition:none}.IIn7AG_preview{position:relative;top:auto}}@media (forced-colors:active){.IIn7AG_stage[data-active=true]{outline-offset:-1px;outline:1px solid highlight}.IIn7AG_stageHeading button[aria-current],.IIn7AG_stage[data-active=true] .IIn7AG_index{color:highlight}}