.roof-visualizer-module__-sOQ8a__shell{--lab-green:#178b70;--lab-green-dark:#0d5e4d;--lab-ink:#14211d;--lab-paper:#f4f7f5;--lab-line:#d6dfda;max-width:1380px;color:var(--lab-ink);font-family:var(--font-roboto),"Roboto",ui-sans-serif,system-ui,sans-serif;grid-template-columns:minmax(280px,.72fr) minmax(560px,1.28fr);align-items:start;gap:clamp(2rem,5vw,5.5rem);margin:0 auto;padding:clamp(3.5rem,7vw,7.5rem) clamp(1rem,4vw,4rem);display:grid}.roof-visualizer-module__-sOQ8a__intro{padding-top:1.5rem;position:sticky;top:8.5rem}.roof-visualizer-module__-sOQ8a__intro:before{content:"";opacity:.14;background:repeating-linear-gradient(135deg,transparent 0 12px,var(--lab-green)12px 14px);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);pointer-events:none;width:8rem;height:8rem;position:absolute;top:-1.75rem;right:0}.roof-visualizer-module__-sOQ8a__eyebrow{color:var(--lab-green-dark);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.55rem;font-size:.76rem;font-weight:800;display:inline-flex}.roof-visualizer-module__-sOQ8a__eyebrow svg{width:1rem;height:1rem}.roof-visualizer-module__-sOQ8a__intro h1{letter-spacing:-.045em;text-transform:uppercase;max-width:10ch;margin:1.1rem 0 1.25rem;font-family:inherit;font-size:clamp(3rem,5vw,5.25rem);font-weight:700;line-height:.96}.roof-visualizer-module__-sOQ8a__intro h1 span{color:var(--lab-green);display:block}.roof-visualizer-module__-sOQ8a__lede{color:#52605b;max-width:37rem;margin:0;font-size:clamp(1rem,1.7vw,1.2rem);line-height:1.65}.roof-visualizer-module__-sOQ8a__steps{border-top:1px solid var(--lab-line);margin:2.4rem 0 2rem;padding:0;list-style:none;display:grid}.roof-visualizer-module__-sOQ8a__steps li{border-bottom:1px solid var(--lab-line);grid-template-columns:2.6rem 1fr;align-items:center;gap:.75rem;padding:.9rem 0;font-size:.92rem;font-weight:700;display:grid}.roof-visualizer-module__-sOQ8a__steps span{color:var(--lab-green);letter-spacing:.08em;font-family:inherit;font-size:.72rem;font-weight:700}.roof-visualizer-module__-sOQ8a__trustNote{align-items:flex-start;gap:.85rem;display:flex}.roof-visualizer-module__-sOQ8a__trustMark{background:var(--lab-green);color:#fff;border-radius:50%;flex:0 0 2.1rem;place-items:center;width:2.1rem;height:2.1rem;display:grid}.roof-visualizer-module__-sOQ8a__trustMark svg{width:1rem}.roof-visualizer-module__-sOQ8a__trustNote p{color:#65716d;margin:0;font-size:.82rem;line-height:1.5}.roof-visualizer-module__-sOQ8a__trustNote strong{color:var(--lab-ink);font-size:.86rem;display:block}.roof-visualizer-module__-sOQ8a__bench{clip-path:polygon(0 0,calc(100% - 2rem) 0,100% 2rem,100% 100%,0 100%);background:#fff;border:1px solid #c9d4ce;border-radius:1.1rem;overflow:hidden;box-shadow:0 2.25rem 5.5rem #12342a21}.roof-visualizer-module__-sOQ8a__benchHeader{border-bottom:1px solid var(--lab-line);background:#fbfcfb;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.roof-visualizer-module__-sOQ8a__benchHeader>div:first-child{align-items:baseline;gap:.6rem;display:flex}.roof-visualizer-module__-sOQ8a__benchHeader span,.roof-visualizer-module__-sOQ8a__benchHeader strong{letter-spacing:.12em;font-family:inherit;font-size:.68rem}.roof-visualizer-module__-sOQ8a__benchHeader span{color:#75807c}.roof-visualizer-module__-sOQ8a__benchHeader strong{color:var(--lab-green-dark)}.roof-visualizer-module__-sOQ8a__status{color:#59655f;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.45rem;font-size:.7rem;font-weight:700;display:flex}.roof-visualizer-module__-sOQ8a__status i{background:#e9a23b;border-radius:50%;width:.5rem;height:.5rem;box-shadow:0 0 0 4px #f9ead5}.roof-visualizer-module__-sOQ8a__photoStage{border-bottom:1px solid var(--lab-line);background-color:#dae3de;background-image:linear-gradient(#178b7014 1px,#0000 1px),linear-gradient(90deg,#178b7014 1px,#0000 1px);background-size:28px 28px;min-height:31rem;position:relative}.roof-visualizer-module__-sOQ8a__emptyStage{text-align:center;background:#f6f9f7db;border:1px dashed #94aaa1;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;inset:1.25rem}.roof-visualizer-module__-sOQ8a__emptyIcon{width:4.2rem;height:4.2rem;color:var(--lab-green-dark);background:#dceee7;border-radius:50%;place-items:center;margin-bottom:1rem;display:grid}.roof-visualizer-module__-sOQ8a__emptyIcon svg{width:1.75rem}.roof-visualizer-module__-sOQ8a__emptyStage h2{letter-spacing:-.035em;margin:0 0 .4rem;font-size:clamp(1.45rem,3vw,2.15rem)}.roof-visualizer-module__-sOQ8a__emptyStage p{color:#68756f;max-width:28rem;margin:0;line-height:1.55}.roof-visualizer-module__-sOQ8a__photoActions{justify-content:center;gap:.75rem;margin-top:1.5rem;display:flex}.roof-visualizer-module__-sOQ8a__photoActions button,.roof-visualizer-module__-sOQ8a__stageTools button{border:1px solid var(--lab-green);background:var(--lab-green);color:#fff;border-radius:.55rem;justify-content:center;align-items:center;gap:.5rem;min-height:2.75rem;padding:.65rem 1rem;font-size:.82rem;font-weight:800;display:inline-flex}.roof-visualizer-module__-sOQ8a__photoActions svg,.roof-visualizer-module__-sOQ8a__stageTools svg{width:1rem;height:1rem}.roof-visualizer-module__-sOQ8a__samplePicker{width:min(100%,34rem);margin-top:1.15rem}.roof-visualizer-module__-sOQ8a__sampleLabel{color:#65716d;letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:700;display:block}.roof-visualizer-module__-sOQ8a__sampleGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-top:.55rem;display:grid}.roof-visualizer-module__-sOQ8a__sampleCard{min-width:0;color:var(--lab-ink);text-align:left;background:#fff;border:1px solid #bac8c1;border-radius:.55rem;padding:0;transition:transform .16s,border-color .16s,box-shadow .16s;overflow:hidden}.roof-visualizer-module__-sOQ8a__sampleCard:hover{border-color:var(--lab-green);transform:translateY(-2px);box-shadow:0 .5rem 1rem #12342a1f}.roof-visualizer-module__-sOQ8a__sampleCard:focus-visible{outline-offset:2px;outline:3px solid #178b7047}.roof-visualizer-module__-sOQ8a__sampleCard img{aspect-ratio:1.5;object-fit:cover;width:100%;display:block}.roof-visualizer-module__-sOQ8a__sampleCard span{padding:.45rem .55rem;font-size:.7rem;font-weight:700;display:block}.roof-visualizer-module__-sOQ8a__comparison{background:#24312d;height:31rem;position:relative;overflow:hidden}.roof-visualizer-module__-sOQ8a__comparison>img,.roof-visualizer-module__-sOQ8a__afterImage img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.roof-visualizer-module__-sOQ8a__afterImage{position:absolute;inset:0}.roof-visualizer-module__-sOQ8a__splitLine{z-index:3;pointer-events:none;background:#fff;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px);box-shadow:0 0 0 1px #0000002e}.roof-visualizer-module__-sOQ8a__splitLine span{border:3px solid var(--lab-green);width:3rem;height:3rem;color:var(--lab-green-dark);background:#fff;border-radius:50%;place-items:center;font-weight:900;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 .6rem 1.6rem #0000003d}.roof-visualizer-module__-sOQ8a__splitControl{z-index:4;cursor:ew-resize;opacity:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.roof-visualizer-module__-sOQ8a__beforeLabel,.roof-visualizer-module__-sOQ8a__afterLabel{z-index:3;color:#fff;letter-spacing:.12em;text-transform:uppercase;pointer-events:none;border-radius:.35rem;padding:.42rem .65rem;font-size:.65rem;font-weight:900;position:absolute;bottom:1rem}.roof-visualizer-module__-sOQ8a__beforeLabel{background:#101c18c7;left:1rem}.roof-visualizer-module__-sOQ8a__afterLabel{background:var(--lab-green);right:1rem}.roof-visualizer-module__-sOQ8a__stageTools{z-index:5;gap:.45rem;display:flex;position:absolute;top:.85rem;right:.85rem}.roof-visualizer-module__-sOQ8a__stageTools button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#101c18c7;border-color:#ffffff59;min-height:2.35rem;padding:.45rem .7rem;font-size:.72rem}.roof-visualizer-module__-sOQ8a__rendering{z-index:6;color:#fff;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c1d17cc;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;inset:0}.roof-visualizer-module__-sOQ8a__rendering svg{width:2.3rem;height:2.3rem;margin-bottom:1rem;animation:1s linear infinite roof-visualizer-module__-sOQ8a__spin}.roof-visualizer-module__-sOQ8a__rendering strong{font-size:1.2rem}.roof-visualizer-module__-sOQ8a__rendering span{color:#d9e8e2;margin-top:.35rem;font-size:.85rem}.roof-visualizer-module__-sOQ8a__controls{gap:1.4rem;padding:1.5rem;display:grid}.roof-visualizer-module__-sOQ8a__controls fieldset{border:0;min-width:0;margin:0;padding:0}.roof-visualizer-module__-sOQ8a__controls legend{flex-direction:column;gap:.22rem;margin-bottom:.75rem;font-size:.95rem;font-weight:800;display:flex}.roof-visualizer-module__-sOQ8a__controls legend span{color:var(--lab-green-dark);letter-spacing:.13em;font-family:inherit;font-size:.65rem;font-weight:700}.roof-visualizer-module__-sOQ8a__systems{grid-template-columns:repeat(3,1fr);gap:.65rem;display:grid}.roof-visualizer-module__-sOQ8a__systemCard{border:1px solid var(--lab-line);text-align:left;background:#fff;border-radius:.65rem;min-width:0;padding:0;position:relative;overflow:hidden}.roof-visualizer-module__-sOQ8a__systemCard[aria-pressed=true]{border-color:var(--lab-green);box-shadow:0 0 0 2px #178b702e}.roof-visualizer-module__-sOQ8a__systemCard>span:nth-child(2){padding:.7rem;display:block}.roof-visualizer-module__-sOQ8a__systemCard strong,.roof-visualizer-module__-sOQ8a__systemCard small{display:block}.roof-visualizer-module__-sOQ8a__systemCard strong{color:var(--lab-ink);margin-bottom:.25rem;font-size:.79rem;line-height:1.25}.roof-visualizer-module__-sOQ8a__systemCard small{color:#6e7975;font-size:.66rem;line-height:1.4}.roof-visualizer-module__-sOQ8a__systemCard>i{background:var(--lab-green);color:#fff;border-radius:50%;place-items:center;width:1.35rem;height:1.35rem;display:grid;position:absolute;top:.45rem;right:.45rem}.roof-visualizer-module__-sOQ8a__systemCard>i:empty{display:none}.roof-visualizer-module__-sOQ8a__systemCard>i svg{width:.8rem}.roof-visualizer-module__-sOQ8a__systemTexture{background-color:#59615f;height:3.65rem;display:block}.roof-visualizer-module__-sOQ8a__systemTexture[data-system=architectural-shingle]{background-image:linear-gradient(135deg,#0000 68%,#ffffff24 69%),repeating-linear-gradient(0deg,#5f6563 0 13px,#434846 13px 15px),repeating-linear-gradient(90deg,#0000 0 30px,#353a38 30px 32px)}.roof-visualizer-module__-sOQ8a__systemTexture[data-system=standing-seam]{background-image:repeating-linear-gradient(90deg,#646b69 0 31px,#343b38 31px 34px,#8a918f 34px 36px)}.roof-visualizer-module__-sOQ8a__systemTexture[data-system=exposed-fastener]{background-image:repeating-linear-gradient(90deg,#646b69 0 15px,#3b423f 15px 18px,#858c89 18px 20px)}.roof-visualizer-module__-sOQ8a__colors{grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem;display:grid}.roof-visualizer-module__-sOQ8a__colors button{color:#59645f;text-align:left;background:0 0;border:0;min-width:0;padding:0;font-size:.65rem}.roof-visualizer-module__-sOQ8a__colors button i{aspect-ratio:1.65;border:1px solid #11211c29;border-radius:.45rem;width:100%;margin-bottom:.35rem;display:block;position:relative;overflow:hidden}.roof-visualizer-module__-sOQ8a__colors button i:after{content:"";background:linear-gradient(115deg,#ffffff3b,#0000 45%,#00000029);position:absolute;inset:0}.roof-visualizer-module__-sOQ8a__colors button[aria-pressed=true] i{outline:3px solid var(--lab-green);outline-offset:2px}.roof-visualizer-module__-sOQ8a__colors button[aria-pressed=true] span{color:var(--lab-ink);font-weight:800}.roof-visualizer-module__-sOQ8a__generateButton,.roof-visualizer-module__-sOQ8a__resultActions a{background:var(--lab-green);color:#fff;border:0;border-radius:.6rem;justify-content:center;align-items:center;gap:.65rem;width:100%;min-height:3.35rem;padding:.85rem 1.2rem;font-size:.95rem;font-weight:900;text-decoration:none;display:flex;box-shadow:0 .75rem 1.5rem #178b7033}.roof-visualizer-module__-sOQ8a__generateButton svg,.roof-visualizer-module__-sOQ8a__resultActions svg{width:1rem}.roof-visualizer-module__-sOQ8a__generateButton:disabled{box-shadow:none;cursor:not-allowed;background:#b9c7c1}.roof-visualizer-module__-sOQ8a__spin{animation:1s linear infinite roof-visualizer-module__-sOQ8a__spin}.roof-visualizer-module__-sOQ8a__resultActions{grid-template-columns:1.25fr .75fr;gap:.65rem;display:grid}.roof-visualizer-module__-sOQ8a__resultActions button{border:1px solid var(--lab-line);color:var(--lab-ink);background:#fff;border-radius:.6rem;justify-content:center;align-items:center;gap:.45rem;padding:.7rem;font-size:.75rem;font-weight:800;display:flex}.roof-visualizer-module__-sOQ8a__finePrint{color:#7b8581;justify-content:space-between;align-items:center;gap:1rem;font-size:.67rem;display:flex}.roof-visualizer-module__-sOQ8a__finePrint a{color:var(--lab-green-dark);flex:none;align-items:center;gap:.35rem;font-weight:800;text-decoration:none;display:inline-flex}.roof-visualizer-module__-sOQ8a__finePrint svg{width:.8rem}.roof-visualizer-module__-sOQ8a__error{color:#8d2f2f;background:#fff5f5;border:1px solid #e6b9b9;border-radius:.55rem;flex-direction:column;gap:.2rem;padding:.8rem 1rem;font-size:.78rem;display:flex}@keyframes roof-visualizer-module__-sOQ8a__spin{to{transform:rotate(360deg)}}@media (max-width:980px){.roof-visualizer-module__-sOQ8a__shell{grid-template-columns:1fr;max-width:780px}.roof-visualizer-module__-sOQ8a__intro{padding-top:0;position:static}.roof-visualizer-module__-sOQ8a__intro h1{max-width:12ch;font-size:clamp(3rem,10vw,5.25rem)}.roof-visualizer-module__-sOQ8a__steps{grid-template-columns:repeat(3,1fr)}.roof-visualizer-module__-sOQ8a__steps li{grid-template-columns:1fr;padding-right:1rem}}@media (max-width:640px){.roof-visualizer-module__-sOQ8a__shell{gap:2rem;padding:2.5rem .75rem 4rem}.roof-visualizer-module__-sOQ8a__intro{padding-inline:.35rem}.roof-visualizer-module__-sOQ8a__intro h1{font-size:clamp(2.8rem,15vw,4.25rem)}.roof-visualizer-module__-sOQ8a__steps{grid-template-columns:1fr}.roof-visualizer-module__-sOQ8a__steps li{grid-template-columns:2.4rem 1fr}.roof-visualizer-module__-sOQ8a__bench{clip-path:polygon(0 0,calc(100% - 1.25rem) 0,100% 1.25rem,100% 100%,0 100%);border-radius:.8rem}.roof-visualizer-module__-sOQ8a__benchHeader>div:first-child span{display:none}.roof-visualizer-module__-sOQ8a__photoStage{height:31rem;min-height:31rem}.roof-visualizer-module__-sOQ8a__comparison{height:24rem;min-height:24rem}.roof-visualizer-module__-sOQ8a__emptyStage{padding:1.25rem;inset:.75rem}.roof-visualizer-module__-sOQ8a__photoActions{flex-direction:column;width:100%}.roof-visualizer-module__-sOQ8a__controls{padding:1.1rem}.roof-visualizer-module__-sOQ8a__systems{grid-template-columns:1fr}.roof-visualizer-module__-sOQ8a__systemCard{grid-template-columns:5.5rem 1fr;align-items:stretch;display:grid}.roof-visualizer-module__-sOQ8a__systemTexture{height:100%;min-height:4.2rem}.roof-visualizer-module__-sOQ8a__colors{grid-template-columns:repeat(3,1fr)}.roof-visualizer-module__-sOQ8a__resultActions{grid-template-columns:1fr}.roof-visualizer-module__-sOQ8a__finePrint{flex-direction:column;align-items:flex-start}.roof-visualizer-module__-sOQ8a__stageTools button{font-size:0}.roof-visualizer-module__-sOQ8a__stageTools button svg{width:1.05rem;height:1.05rem}}@media (prefers-reduced-motion:reduce){.roof-visualizer-module__-sOQ8a__rendering svg,.roof-visualizer-module__-sOQ8a__spin{animation:none}}