.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}}
.naxWjW_story{--story-step-distance:clamp(220px, 25svh, 280px);--demo-viewport-height:min(calc(100svh - 112px), 960px);--demo-native-min-height:0px;min-width:0;height:calc(100svh + var(--story-distance-units) * var(--story-step-distance));overflow-anchor:none;position:relative}.naxWjW_screen{top:max(96px, calc((100svh - var(--demo-viewport-height)) / 2));width:100%;min-width:0;height:var(--demo-viewport-height);position:sticky}.naxWjW_story[data-reduced-motion=true]{height:auto}.naxWjW_story[data-reduced-motion=true] .naxWjW_screen{position:relative;top:auto}@media (prefers-reduced-motion:reduce){.naxWjW_story{height:auto}.naxWjW_screen{position:relative;top:auto}}
:root{--PhoneInput-color--focus:#03b2cb;--PhoneInputInternationalIconPhone-opacity:.8;--PhoneInputInternationalIconGlobe-opacity:.65;--PhoneInputCountrySelect-marginRight:.35em;--PhoneInputCountrySelectArrow-width:.3em;--PhoneInputCountrySelectArrow-marginLeft:var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth:1px;--PhoneInputCountrySelectArrow-opacity:.45;--PhoneInputCountrySelectArrow-color:currentColor;--PhoneInputCountrySelectArrow-color--focus:var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform:rotate(45deg);--PhoneInputCountryFlag-aspectRatio:1.5;--PhoneInputCountryFlag-height:1em;--PhoneInputCountryFlag-borderWidth:1px;--PhoneInputCountryFlag-borderColor:#00000080;--PhoneInputCountryFlag-borderColor--focus:var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading:#0000001a}.PhoneInput{align-items:center;display:flex}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{width:100%;height:100%;display:block}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{margin-right:var(--PhoneInputCountrySelect-marginRight);align-self:stretch;align-items:center;display:flex;position:relative}.PhoneInputCountrySelect{z-index:1;opacity:0;cursor:pointer;border:0;width:100%;height:100%;position:absolute;top:0;left:0}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity);display:block}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}
.wc6Ipq_page{--lp-page-gutter:clamp(1rem, 3vw, 2rem);--lp-content-max:1240px;--lp-shell-gap:12px;--lp-text:var(--roofkit-ink);--lp-muted:var(--roofkit-ink-soft);--lp-border:var(--roofkit-line);--lp-accent:var(--roofkit-cobalt);--lp-header-fg:color-mix(in oklch, var(--roofkit-ink) 88%, transparent);--lp-header-fg-hover:var(--roofkit-ink);--lp-header-pill-bg:color-mix(in oklch, var(--roofkit-ink) 6%, transparent);--lp-header-pill-bg-hover:color-mix(in oklch, var(--roofkit-ink) 10%, transparent);--lp-header-shell:#fff;--lp-header-shell-border:color-mix(in oklch, var(--roofkit-ink) 8%, transparent);--lp-button-radius:var(--radius,.5rem);max-width:100%;min-height:100dvh;color:var(--lp-text);font-family:var(--font-geist-sans), system-ui, sans-serif;background:#fff;position:relative;overflow-x:clip}.wc6Ipq_main{padding-top:calc(var(--lp-shell-gap,.75rem) + 4.5rem)}.wc6Ipq_sectionInner{box-sizing:border-box;width:min(100%, var(--lp-content-max));padding-left:var(--lp-page-gutter);padding-right:var(--lp-page-gutter);margin-left:auto;margin-right:auto}.wc6Ipq_hero{text-align:left;padding:clamp(3.5rem,7vw,5.5rem) 0 clamp(2.5rem,5vw,4rem)}.wc6Ipq_intro{min-width:0}.wc6Ipq_heroEyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--lp-muted);margin:0 0 1.1rem;font-size:.6875rem;font-weight:500}.wc6Ipq_heroTitle{letter-spacing:-.045em;text-align:left;max-width:20ch;color:var(--lp-text);text-wrap:balance;margin:0;font-size:clamp(2.125rem,5vw,3rem);font-weight:500;line-height:1.12}.wc6Ipq_heroDescription{max-width:40rem;color:var(--lp-muted);margin:1.25rem 0 0;font-size:1rem;line-height:1.7}.wc6Ipq_ctaRow{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.75rem;display:flex}.wc6Ipq_bodyCta,.wc6Ipq_primaryCta{border:1px solid var(--roofkit-app-cta-border);border-radius:var(--lp-button-radius);background:var(--roofkit-app-cta);min-height:2.75rem;box-shadow:var(--roofkit-app-cta-shadow);color:var(--roofkit-app-cta-foreground);font:inherit;cursor:pointer;justify-content:center;align-items:center;padding:0 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background-color .2s,box-shadow .2s;display:inline-flex}.wc6Ipq_primaryCta:hover,.wc6Ipq_bodyCta:hover{background:var(--roofkit-app-cta-hover);box-shadow:var(--roofkit-app-cta-shadow-hover)}.wc6Ipq_primaryCta:focus-visible,.wc6Ipq_bodyCta:focus-visible{outline:2px solid var(--lp-accent);outline-offset:3px}.wc6Ipq_block{border-top:1px solid var(--lp-border);background:#fff;padding:clamp(4rem,7vw,6.5rem) 0}.wc6Ipq_bodyContent{min-width:0}@media (min-width:1100px){.wc6Ipq_bodyInner{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:start;gap:clamp(3rem,5vw,6rem);display:grid}.wc6Ipq_bodyContent>:first-child{margin-top:0}.wc6Ipq_bodyInner>.wc6Ipq_sectionTitle{position:sticky;top:8rem}}.wc6Ipq_sectionTitle{letter-spacing:-.04em;max-width:24ch;color:var(--lp-text);margin:0;scroll-margin-top:6rem;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:500;line-height:1.16}.wc6Ipq_cardGrid{gap:1rem;margin-top:2rem;display:grid}@media (min-width:768px){.wc6Ipq_cardGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1100px){.wc6Ipq_cardGridThree{grid-template-columns:minmax(0,1fr)}.wc6Ipq_cardGridThree .wc6Ipq_card{grid-template-columns:minmax(9rem,.42fr) minmax(0,1fr);gap:1.25rem;padding:1.25rem 1.5rem;display:grid}}.wc6Ipq_card{box-sizing:border-box;border:1px solid var(--lp-border);border-radius:var(--radius-2);min-height:100%;box-shadow:0 12px 36px color-mix(in oklch, var(--roofkit-ink) 5%, transparent);background:#fff;flex-direction:column;gap:.55rem;padding:clamp(1.25rem,2.2vw,1.75rem);display:flex}.wc6Ipq_cardTitle{letter-spacing:-.02em;color:var(--lp-text);margin:0;font-size:1.125rem;font-weight:600;line-height:1.25}.wc6Ipq_cardBody{color:var(--lp-muted);flex:1;margin:0;font-size:.9375rem;line-height:1.65}.wc6Ipq_bodyParagraph{max-width:48rem;color:var(--lp-muted);margin:1rem 0 0;font-size:1rem;line-height:1.7}.wc6Ipq_bodyQuestion{letter-spacing:-.02em;max-width:46rem;color:var(--lp-text);margin:.85rem 0 0;font-size:1.25rem;font-weight:500;line-height:1.4}.wc6Ipq_bodyHighlight{letter-spacing:-.02em;max-width:44rem;color:var(--lp-text);margin:1.5rem 0 0;font-size:clamp(1.125rem,1.7vw,1.375rem);font-weight:500;line-height:1.35}.wc6Ipq_bodyNote{max-width:46rem;color:var(--lp-muted);margin:.5rem 0 0;font-size:.8125rem;line-height:1.5}.wc6Ipq_chipRow{flex-wrap:wrap;gap:.5rem;margin:1.25rem 0 0;padding:0;list-style:none;display:flex}.wc6Ipq_chip{border:1px solid var(--lp-border);background:color-mix(in oklch, var(--lp-accent) 6%, #fff);color:var(--lp-text);border-radius:999px;padding:.5rem .8rem;font-size:.8125rem;font-weight:500}.wc6Ipq_flow{counter-reset:solution-flow;gap:.75rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}@media (min-width:900px){.wc6Ipq_flow{grid-template-columns:repeat(2,minmax(0,1fr))}}.wc6Ipq_flowStep{counter-increment:solution-flow;border:1px solid var(--lp-border);border-radius:var(--radius-2);min-height:4.25rem;box-shadow:0 8px 28px color-mix(in oklch, var(--roofkit-ink) 4%, transparent);color:var(--lp-text);background:#fff;padding:1.1rem 1rem 1.1rem 3rem;font-size:.9375rem;line-height:1.55;position:relative}.wc6Ipq_flowStep:before{content:counter(solution-flow, decimal-leading-zero);aspect-ratio:1;background:var(--roofkit-cobalt-soft);letter-spacing:.02em;width:1.55rem;color:var(--roofkit-cobalt-deep);border-radius:50%;place-items:center;font-size:.6875rem;font-weight:500;display:grid;position:absolute;top:1.05rem;left:.9rem}.wc6Ipq_visuallyHidden{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wc6Ipq_bodyCta{margin-top:2.25rem}.wc6Ipq_visualSection{box-sizing:border-box;width:min(100%, var(--lp-content-max));padding:0 var(--lp-page-gutter) clamp(4rem, 7vw, 6.5rem);margin:0 auto}.wc6Ipq_visualInner{min-width:0}.wc6Ipq_visualCaption{color:var(--lp-muted);letter-spacing:.04em;text-align:right;margin:0 0 .9rem;font-size:.6875rem;font-weight:500}.wc6Ipq_visualStage{place-items:center;min-width:0;display:grid;container-type:inline-size}.wc6Ipq_visualStage>*{width:100%}@media (min-width:1100px){.wc6Ipq_intro{box-sizing:border-box;width:min(100%,1680px);padding:clamp(3.5rem, 5vw, 6rem) var(--lp-page-gutter) clamp(4rem, 7vw, 6.5rem);grid-template-columns:minmax(0,.88fr) minmax(0,1.32fr);align-items:center;gap:clamp(2rem,3.4vw,4.5rem);margin-inline:auto;display:grid}.wc6Ipq_intro .wc6Ipq_hero{min-width:0;padding:0}.wc6Ipq_intro .wc6Ipq_sectionInner{width:100%;padding:0}.wc6Ipq_intro .wc6Ipq_visualSection{width:100%;min-width:0;padding:0}}@media (min-width:1600px){.wc6Ipq_intro{grid-template-columns:minmax(0,.82fr) minmax(0,1.5fr);align-items:start;padding-top:clamp(5.5rem,7vw,8rem)}.wc6Ipq_intro .wc6Ipq_hero{padding-top:clamp(2.5rem,4vw,5rem)}}@media (min-width:1100px) and (max-width:1599px){.wc6Ipq_intro{align-items:start;padding:clamp(2rem,3vw,3.25rem) clamp(2rem,4.7vw,4rem) 4rem}.wc6Ipq_intro .wc6Ipq_hero{padding-top:clamp(2rem,5vw,4.5rem)}}@media (max-width:767px){.wc6Ipq_visualSection{padding-bottom:4rem}.wc6Ipq_visualCaption{text-align:left;margin:0 0 .7rem}}@media (prefers-reduced-motion:reduce){.wc6Ipq_bodyCta,.wc6Ipq_primaryCta{transition:none}}@media (pointer:coarse){.wc6Ipq_bodyCta,.wc6Ipq_primaryCta{min-height:2.75rem}}