.demo-module__chJLHG__demoExit{color:inherit;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:.45rem;font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-flex}.demo-module__chJLHG__demoExit svg{width:14px;height:14px}.demo-module__chJLHG__demoExitDark{color:#fff9}.demo-module__chJLHG__rangeControl{display:block}.demo-module__chJLHG__rangeControl>span{color:#4b5148;letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:14px;font:600 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.demo-module__chJLHG__rangeControl>span strong{color:#15231b;letter-spacing:-.03em;text-transform:none;font:700 19px/1 system-ui,sans-serif}.demo-module__chJLHG__rangeControl input{appearance:none;accent-color:#224e38;background:linear-gradient(90deg,#224e38,#bcc8bd);border-radius:999px;width:100%;height:4px}.demo-module__chJLHG__rangeControl input::-webkit-slider-thumb{appearance:none;background:#224e38;border:3px solid #f5f0e7;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 1px #224e38}.demo-module__chJLHG__rangeDark>span{color:#b5b8ad}.demo-module__chJLHG__rangeDark>span strong{color:#f7f4e9}.demo-module__chJLHG__rangeDark input{accent-color:#e5ff3f;background:linear-gradient(90deg,#e5ff3f,#51534b)}.demo-module__chJLHG__rangeDark input::-webkit-slider-thumb{background:#e5ff3f;border-color:#111;box-shadow:0 0 0 1px #e5ff3f}.demo-module__chJLHG__northstar{color:#26372c;background:#f3eee3;min-height:100vh;font-family:Arial,Helvetica,sans-serif}.demo-module__chJLHG__northstarHeader{border-bottom:1px solid #26372c33;grid-template-columns:1fr auto 1fr;align-items:center;min-height:76px;padding:0 clamp(20px,4vw,70px);display:grid}.demo-module__chJLHG__northstarLogo{letter-spacing:.18em;font:700 19px/1 Georgia,serif}.demo-module__chJLHG__northstarLogo span{color:#a8493f}.demo-module__chJLHG__northstarHeader nav{justify-content:flex-end;align-items:center;gap:26px;font-size:12px;display:flex}.demo-module__chJLHG__northstarHeader nav button{text-transform:uppercase;letter-spacing:.06em;background:0 0;border:1px solid #26372c;padding:11px 18px}.demo-module__chJLHG__northstarHero{border-bottom:1px solid #26372c33;grid-template-columns:1.02fr .98fr;min-height:650px;display:grid}.demo-module__chJLHG__northstarIntro{padding:100px clamp(30px,7vw,110px) 70px}.demo-module__chJLHG__eyebrow{letter-spacing:.13em;text-transform:uppercase;font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.demo-module__chJLHG__northstarIntro h1{letter-spacing:-.075em;max-width:720px;margin:34px 0 28px;font:400 clamp(58px,7vw,112px)/.84 Georgia,Times New Roman,serif}.demo-module__chJLHG__northstarIntro h1 em{color:#a8493f;font-weight:400}.demo-module__chJLHG__northstarIntro>p:not(.demo-module__chJLHG__eyebrow){color:#4b5a50;max-width:520px;font-size:17px;line-height:1.7}.demo-module__chJLHG__northstarProof{text-transform:uppercase;letter-spacing:.04em;border-top:1px solid #26372c33;gap:25px;margin-top:44px;padding-top:23px;font-size:12px;display:flex}.demo-module__chJLHG__northstarProof span{align-items:center;gap:7px;display:flex}.demo-module__chJLHG__northstarProof svg{color:#a8493f;width:17px}.demo-module__chJLHG__northstarPhoto{min-height:650px;position:relative;overflow:hidden}.demo-module__chJLHG__northstarPhoto img{object-fit:cover}.demo-module__chJLHG__northstarPhoto:after{content:"";background:linear-gradient(#0000 50%,#142119cc);position:absolute;inset:0}.demo-module__chJLHG__northstarPhoto figcaption{z-index:1;color:#fff;display:grid;position:absolute;bottom:38px;left:40px;right:40px}.demo-module__chJLHG__northstarPhoto figcaption span{letter-spacing:.12em;text-transform:uppercase;font:700 10px ui-monospace,monospace}.demo-module__chJLHG__northstarPhoto figcaption strong{margin-top:7px;font:400 38px Georgia,serif}.demo-module__chJLHG__northstarPhoto figcaption small{opacity:.7;margin-top:8px}.demo-module__chJLHG__northstarCalculator{background:#f7f3ea;grid-template-columns:.8fr 1.1fr .9fr;gap:0;padding:100px clamp(24px,4vw,70px);display:grid}.demo-module__chJLHG__northstarCalcHeading{padding-right:50px}.demo-module__chJLHG__northstarCalcHeading h2{letter-spacing:-.04em;margin:23px 0;font:400 52px/1 Georgia,serif}.demo-module__chJLHG__northstarCalcHeading>p:last-child{color:#687168;max-width:310px;font-size:14px;line-height:1.7}.demo-module__chJLHG__northstarInputs{border-left:1px solid #26372c33;gap:30px;padding:0 55px;display:grid}.demo-module__chJLHG__northstarInputRow{grid-template-columns:1fr 1fr;gap:20px;display:grid}.demo-module__chJLHG__northstarInputRow label{color:#626b64;letter-spacing:.08em;text-transform:uppercase;font:700 10px ui-monospace,monospace;position:relative}.demo-module__chJLHG__northstarInputRow input{color:#26372c;background:0 0;border:0;border-bottom:1px solid #26372c;width:100%;margin-top:10px;padding:13px 35px 13px 12px;font:600 18px Arial,sans-serif}.demo-module__chJLHG__northstarInputRow label span{position:absolute;bottom:14px;right:10px}.demo-module__chJLHG__northstarResults{color:#f8f3e9;background:#213b2c;padding:34px}.demo-module__chJLHG__northstarResults>p{letter-spacing:.1em;text-transform:uppercase;font:700 10px ui-monospace,monospace}.demo-module__chJLHG__northstarResults>strong{margin:18px 0 7px;font:400 55px Georgia,serif;display:block}.demo-module__chJLHG__northstarResults>span{color:#fff9;font-size:11px}.demo-module__chJLHG__positive{color:#e8bb83}.demo-module__chJLHG__negative{color:#ff8b7c}.demo-module__chJLHG__northstarResults dl{border-top:1px solid #ffffff30;grid-template-columns:1fr 1fr;margin:28px 0;display:grid}.demo-module__chJLHG__northstarResults dl div{border-bottom:1px solid #ffffff30;gap:7px;padding:17px 0;display:grid}.demo-module__chJLHG__northstarResults dt{color:#fff8;text-transform:uppercase;letter-spacing:.06em;font-size:10px}.demo-module__chJLHG__northstarResults dd{font:400 19px Georgia,serif}.demo-module__chJLHG__northstarResults button{color:#213b2c;background:#e8bb83;border:1px solid #e8bb83;justify-content:space-between;align-items:center;width:100%;padding:15px 17px;font-weight:700;display:flex}.demo-module__chJLHG__northstarResults button svg{width:17px}.demo-module__chJLHG__northstarMarket{color:#fff5e9;background:#a8493f;grid-template-columns:.4fr 1.2fr .7fr;align-items:start;gap:55px;padding:90px clamp(24px,7vw,120px);display:grid}.demo-module__chJLHG__northstarMarket>p{text-transform:uppercase;letter-spacing:.1em;font:700 11px ui-monospace,monospace}.demo-module__chJLHG__northstarMarket h2{letter-spacing:-.04em;font:400 clamp(35px,4vw,63px)/1.02 Georgia,serif}.demo-module__chJLHG__northstarMarket>span{opacity:.8;font-size:15px;line-height:1.7}.demo-module__chJLHG__roofscope{color:#f7f5eb;background:#10110f;min-height:100vh;font-family:Arial,Helvetica,sans-serif}.demo-module__chJLHG__roofHeader{border-bottom:1px solid #ffffff2b;justify-content:space-between;align-items:center;min-height:72px;padding:0 clamp(18px,4vw,64px);display:flex}.demo-module__chJLHG__roofHeader>div{align-items:center;gap:28px;display:flex}.demo-module__chJLHG__roofLogo{letter-spacing:-.03em;align-items:center;gap:10px;font:900 19px/1 Arial,sans-serif;display:flex}.demo-module__chJLHG__roofLogo span{color:#111;clip-path:polygon(50% 0,100% 20%,100% 100%,0 100%,0 20%);background:#e5ff3f;place-items:center;width:30px;height:30px;display:grid}.demo-module__chJLHG__roofHeader nav{color:#b7b9b0;gap:30px;font-size:12px;display:flex}.demo-module__chJLHG__roofHeader>button{color:#fff;display:none}.demo-module__chJLHG__roofHero{border-bottom:1px solid #ffffff2b;grid-template-columns:1.03fr .97fr;min-height:620px;display:grid}.demo-module__chJLHG__roofHeroCopy{padding:95px clamp(24px,5.4vw,90px)}.demo-module__chJLHG__roofHeroCopy>p{letter-spacing:.12em;text-transform:uppercase;color:#d2d5ca;font:700 11px ui-monospace,monospace}.demo-module__chJLHG__roofHeroCopy h1{letter-spacing:-.08em;margin:24px 0 38px;font:950 clamp(57px,6.7vw,108px)/.82 Arial Black,Arial,sans-serif}.demo-module__chJLHG__roofHeroCopy h1 span{color:#e5ff3f}.demo-module__chJLHG__roofHeroCopy>div{align-items:center;gap:28px;display:flex}.demo-module__chJLHG__roofHeroCopy a{color:#111;text-transform:uppercase;background:#e5ff3f;align-items:center;gap:35px;padding:17px 20px;font-weight:900;display:inline-flex}.demo-module__chJLHG__roofHeroCopy a svg{width:19px}.demo-module__chJLHG__roofHeroCopy div>span{color:#a8aaa3;text-transform:uppercase;align-items:center;gap:7px;font-size:11px;display:flex}.demo-module__chJLHG__roofHeroCopy div>span svg{width:16px}.demo-module__chJLHG__roofImage{min-height:620px;position:relative;overflow:hidden}.demo-module__chJLHG__roofImage img{object-fit:cover;filter:grayscale(.2)contrast(1.1)}.demo-module__chJLHG__roofImage:after{content:"";position:absolute;inset:0;box-shadow:inset 22px 0 50px #10110f80}.demo-module__chJLHG__roofImage>div{z-index:1;color:#111;background:#e5ff3f;align-items:center;gap:12px;padding:15px;display:flex;position:absolute;bottom:22px;right:22px}.demo-module__chJLHG__roofImage>div strong{font-size:32px}.demo-module__chJLHG__roofImage>div span{letter-spacing:.04em;font-size:9px;line-height:1.5}.demo-module__chJLHG__roofEstimator{grid-template-columns:.78fr 1.05fr .78fr;gap:0;padding:90px clamp(22px,4vw,64px);display:grid}.demo-module__chJLHG__roofEstimatorTitle{padding-right:45px}.demo-module__chJLHG__roofEstimatorTitle>span,.demo-module__chJLHG__roofResult>span{color:#e5ff3f;letter-spacing:.1em;font:700 10px ui-monospace,monospace}.demo-module__chJLHG__roofEstimatorTitle h2{letter-spacing:-.06em;margin:20px 0;font:900 47px/.92 Arial Black,Arial,sans-serif}.demo-module__chJLHG__roofEstimatorTitle p{color:#a6a89f;max-width:340px;font-size:13px;line-height:1.7}.demo-module__chJLHG__roofForm{border-left:1px solid #ffffff28;border-right:1px solid #ffffff28;gap:28px;padding:0 42px;display:grid}.demo-module__chJLHG__roofForm fieldset{border:0}.demo-module__chJLHG__roofForm legend{color:#b5b7af;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font:700 10px ui-monospace,monospace}.demo-module__chJLHG__roofSegmented,.demo-module__chJLHG__roofMaterials{border:1px solid #ffffff2b;grid-template-columns:repeat(3,1fr);display:grid}.demo-module__chJLHG__roofSegmented button,.demo-module__chJLHG__roofMaterials button{color:#c1c3bb;border-right:1px solid #ffffff2b;padding:13px 8px;font-size:11px}.demo-module__chJLHG__roofSegmented button:last-child,.demo-module__chJLHG__roofMaterials button:last-child{border:0}.demo-module__chJLHG__roofMaterials button{text-align:left;gap:4px;min-height:58px;display:grid}.demo-module__chJLHG__roofMaterials small{opacity:.55;font-size:9px}.demo-module__chJLHG__roofForm .demo-module__chJLHG__roofActive{color:#111;background:#e5ff3f}.demo-module__chJLHG__roofOptions{justify-content:space-between;align-items:center;gap:15px;display:flex}.demo-module__chJLHG__roofOptions>button{color:#c7c9c0;align-items:center;gap:8px;font-size:11px;display:flex}.demo-module__chJLHG__roofOptions>button>span{border:1px solid #fff5;place-items:center;width:20px;height:20px;display:grid}.demo-module__chJLHG__roofOptions>button>span svg{width:13px}.demo-module__chJLHG__roofOptionActive>span{color:#111;background:#e5ff3f}.demo-module__chJLHG__roofOptions label{color:#c7c9c0;align-items:center;gap:10px;font-size:11px;display:flex}.demo-module__chJLHG__roofOptions label button{border:1px solid #ffffff45;place-items:center;width:24px;height:24px;display:grid}.demo-module__chJLHG__roofResult{color:#111;background:#f3f0e5;margin-left:30px;padding:28px}.demo-module__chJLHG__roofResult>span{color:#5b5d54}.demo-module__chJLHG__roofResult>strong{letter-spacing:-.07em;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 10px;font:900 clamp(31px,3vw,50px)/.9 Arial Black,Arial,sans-serif;display:flex}.demo-module__chJLHG__roofResult>strong small{font-size:20px}.demo-module__chJLHG__roofResult>p{color:#62645d;font-size:11px;line-height:1.5}.demo-module__chJLHG__roofResult dl{border-top:1px solid #111;margin:24px 0;display:grid}.demo-module__chJLHG__roofResult dl div{border-bottom:1px solid #1113;justify-content:space-between;align-items:center;padding:13px 0;font-size:10px;display:flex}.demo-module__chJLHG__roofResult dt{text-transform:uppercase;align-items:center;gap:7px;display:flex}.demo-module__chJLHG__roofResult dt svg{width:14px}.demo-module__chJLHG__roofResult dd{font-weight:800}.demo-module__chJLHG__roofResult>button{color:#e5ff3f;text-transform:uppercase;background:#111;justify-content:space-between;align-items:center;width:100%;padding:15px;font-size:11px;font-weight:900;display:flex}.demo-module__chJLHG__roofResult>button svg{width:17px}.demo-module__chJLHG__roofResult>small{color:#6e7068;text-align:center;margin-top:10px;font-size:9px;display:block}.demo-module__chJLHG__roofTicker{color:#111;white-space:nowrap;background:#e5ff3f;justify-content:center;align-items:center;gap:35px;padding:25px;font:900 12px Arial Black,Arial,sans-serif;display:flex;overflow:hidden}.demo-module__chJLHG__roofTicker b{font-size:18px}.demo-module__chJLHG__tideline{color:#0b3942;background:#f8fcfb;min-height:100vh;font-family:Arial,Helvetica,sans-serif}.demo-module__chJLHG__tideHeader{border-bottom:1px solid #0b39421f;grid-template-columns:auto 1fr auto auto;align-items:center;gap:40px;min-height:78px;padding:0 clamp(18px,4vw,64px);display:grid}.demo-module__chJLHG__tideLogo{color:#0b8292;align-items:center;gap:9px;font:700 25px/1 Georgia,serif;display:flex}.demo-module__chJLHG__tideLogo svg{width:29px;height:29px}.demo-module__chJLHG__tideHeader nav{color:#41666d;justify-content:center;gap:30px;font-size:12px;display:flex}.demo-module__chJLHG__tideHeader>button{color:#fff;background:#0b3942;border-radius:999px;padding:12px 17px;font-size:11px;font-weight:700}.demo-module__chJLHG__tideHero{background:radial-gradient(circle at 10% 0,#d9faf3 0,#0000 34%),#f8fcfb;grid-template-columns:1.05fr .95fr;align-items:center;min-height:650px;padding:70px clamp(26px,5vw,82px);display:grid;overflow:hidden}.demo-module__chJLHG__tideCopy{padding-right:60px}.demo-module__chJLHG__tideCopy>p:first-child{color:#117985;background:#d9f6f2;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font-size:11px;font-weight:700;display:inline-flex}.demo-module__chJLHG__tideCopy>p:first-child svg{width:14px}.demo-module__chJLHG__tideCopy h1{letter-spacing:-.065em;margin:28px 0 24px;font:400 clamp(60px,7vw,108px)/.88 Georgia,Times New Roman,serif}.demo-module__chJLHG__tideCopy h1 em{color:#0d9daf}.demo-module__chJLHG__tideCopy>p:nth-of-type(2){color:#4f6b70;max-width:580px;font-size:16px;line-height:1.7}.demo-module__chJLHG__tideCopy>a{color:#173b40;background:#f6ce57;border-radius:999px;align-items:center;gap:35px;margin-top:33px;padding:15px 20px;font-size:12px;font-weight:800;display:inline-flex}.demo-module__chJLHG__tideCopy>a svg{width:17px}.demo-module__chJLHG__tideCopy>div{color:#537278;text-transform:uppercase;letter-spacing:.04em;gap:22px;margin-top:32px;font-size:10px;display:flex}.demo-module__chJLHG__tidePhoto{border-radius:210px 210px 30px 30px;min-height:550px;position:relative;overflow:hidden;box-shadow:20px 20px #d6f5f1}.demo-module__chJLHG__tidePhoto img{object-fit:cover}.demo-module__chJLHG__tidePhoto:after{content:"";background:linear-gradient(#0000 60%,#07374177);position:absolute;inset:0}.demo-module__chJLHG__tidePhoto figcaption{z-index:1;background:#ffffffed;border-radius:18px;align-items:center;gap:12px;padding:13px 17px;display:flex;position:absolute;bottom:20px;right:20px;box-shadow:0 8px 30px #002b3a30}.demo-module__chJLHG__tidePhoto figcaption svg{color:#09a6b9;width:25px}.demo-module__chJLHG__tidePhoto figcaption span{color:#567379;gap:3px;font-size:10px;display:grid}.demo-module__chJLHG__tidePhoto figcaption strong{color:#0b3942;font-size:12px}.demo-module__chJLHG__tidePlanner{background:#eaf8f5;grid-template-columns:.75fr 1fr .7fr;gap:30px;padding:95px clamp(22px,5vw,80px);display:grid}.demo-module__chJLHG__tidePlannerIntro>span{color:#0d8d9d;letter-spacing:.11em;font:700 10px ui-monospace,monospace}.demo-module__chJLHG__tidePlannerIntro h2{letter-spacing:-.045em;margin:20px 0;font:400 45px/1 Georgia,serif}.demo-module__chJLHG__tidePlannerIntro>p{color:#557277;max-width:340px;font-size:13px;line-height:1.7}.demo-module__chJLHG__tidePlannerIntro ul{gap:12px;margin-top:28px;font-size:11px;display:grid}.demo-module__chJLHG__tidePlannerIntro li{align-items:center;gap:8px;display:flex}.demo-module__chJLHG__tidePlannerIntro li svg{color:#0a9aac;width:15px}.demo-module__chJLHG__tideControls{border-left:1px solid #0b394226;border-right:1px solid #0b394226;gap:27px;padding:0 35px;display:grid}.demo-module__chJLHG__tideControls fieldset{border:0}.demo-module__chJLHG__tideControls legend{color:#547279;letter-spacing:.07em;text-transform:uppercase;margin-bottom:12px;font:700 10px ui-monospace,monospace}.demo-module__chJLHG__tideSegmented{grid-template-columns:1fr 1fr;gap:9px;display:grid}.demo-module__chJLHG__tideSegmented button{text-align:left;border:1px solid #0b394229;border-radius:13px;gap:4px;padding:12px 14px;display:grid}.demo-module__chJLHG__tideSegmented button strong{font-size:11px}.demo-module__chJLHG__tideSegmented button span{color:#58777c;font-size:9px}.demo-module__chJLHG__tideChecks{grid-template-columns:1fr 1fr;gap:9px;display:grid}.demo-module__chJLHG__tideChecks button{color:#45676d;border:1px solid #0b394229;border-radius:12px;align-items:center;gap:8px;padding:10px;font-size:10px;display:flex}.demo-module__chJLHG__tideChecks button>span{border:1px solid #0b39424c;border-radius:5px;place-items:center;width:18px;height:18px;display:grid}.demo-module__chJLHG__tideChecks svg{width:12px}.demo-module__chJLHG__tidePills{gap:8px;display:flex}.demo-module__chJLHG__tidePills button{color:#537278;text-transform:capitalize;border:1px solid #0b394229;border-radius:999px;padding:8px 13px;font-size:10px}.demo-module__chJLHG__tideControls .demo-module__chJLHG__tideActive,.demo-module__chJLHG__tideChecks .demo-module__chJLHG__tideCheckActive{color:#0b5963;background:#d5f4f0;border-color:#0b8292}.demo-module__chJLHG__tideResult{color:#e9ffff;background:#0b3942;border-radius:25px;align-self:center;padding:28px;box-shadow:13px 13px #f6ce57}.demo-module__chJLHG__tideResult>p{letter-spacing:.09em;text-transform:uppercase;color:#9fd9dc;font:700 10px ui-monospace,monospace}.demo-module__chJLHG__tideResult>div{align-items:baseline;gap:7px;margin:16px 0 5px;display:flex}.demo-module__chJLHG__tideResult>div strong{font:400 48px Georgia,serif}.demo-module__chJLHG__tideResult>div span{color:#a5d1d3;font-size:11px}.demo-module__chJLHG__tideResult>small{color:#8ebfc2;font-size:9px}.demo-module__chJLHG__tideResult hr{border:0;border-top:1px solid #ffffff2b;margin:22px 0}.demo-module__chJLHG__tideResult dl{gap:11px;display:grid}.demo-module__chJLHG__tideResult dl div{justify-content:space-between;font-size:10px;display:flex}.demo-module__chJLHG__tideResult dt{color:#9ac4c7}.demo-module__chJLHG__tideResult dd{font-weight:700}.demo-module__chJLHG__tideResult>button{color:#0b3942;background:#f6ce57;border-radius:999px;justify-content:space-between;align-items:center;width:100%;margin-top:24px;padding:13px 15px;font-size:10px;font-weight:800;display:flex}.demo-module__chJLHG__tideResult>button svg{width:16px}.demo-module__chJLHG__tideResult>span{color:#9ac4c7;justify-content:center;align-items:center;gap:5px;margin-top:12px;font-size:9px;display:flex}.demo-module__chJLHG__tideResult>span svg{width:13px}.demo-module__chJLHG__tideFooter{color:#fff;background:#0e91a0;justify-content:center;align-items:center;gap:25px;padding:70px;display:flex}.demo-module__chJLHG__tideFooter svg{width:55px;height:55px}.demo-module__chJLHG__tideFooter p{font:400 34px/1.1 Georgia,serif}.demo-module__chJLHG__tideFooter span{opacity:.7}.demo-module__chJLHG__flowstate{color:#eef8f6;background:#070d13;min-height:100vh;font-family:Arial,Helvetica,sans-serif}.demo-module__chJLHG__flowHeader{border-bottom:1px solid #7dfdea24;grid-template-columns:auto auto 1fr;align-items:center;gap:35px;min-height:72px;padding:0 clamp(18px,4vw,62px);display:grid}.demo-module__chJLHG__flowLogo{letter-spacing:-.04em;align-items:center;gap:8px;font:900 19px/1 Arial Black,Arial,sans-serif;display:flex}.demo-module__chJLHG__flowLogo svg,.demo-module__chJLHG__flowLogo span{color:#72fce5}.demo-module__chJLHG__flowHeader>div{justify-content:flex-end;align-items:center;gap:26px;font-size:11px;display:flex}.demo-module__chJLHG__flowHeader>div>span{color:#8da9a5;text-transform:uppercase;align-items:center;gap:7px;font:700 9px ui-monospace,monospace;display:flex}.demo-module__chJLHG__flowHeader i{background:#72fce5;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #72fce5}.demo-module__chJLHG__flowHeader button{color:#72fce5;text-transform:uppercase;letter-spacing:.07em;border:1px solid #72fce5;padding:11px 15px;font-size:9px}.demo-module__chJLHG__flowHero{grid-template-columns:1.05fr .95fr;min-height:620px;display:grid}.demo-module__chJLHG__flowIntro{background-image:linear-gradient(#7dfdea0c 1px,#0000 1px),linear-gradient(90deg,#7dfdea0c 1px,#0000 1px);background-size:38px 38px;flex-direction:column;justify-content:center;padding:75px clamp(25px,5vw,85px);display:flex}.demo-module__chJLHG__flowKicker{color:#72fce5;letter-spacing:.12em;font:700 10px ui-monospace,monospace}.demo-module__chJLHG__flowIntro h1{letter-spacing:-.075em;margin:26px 0;font:800 clamp(62px,6.8vw,110px)/.84 Arial,sans-serif}.demo-module__chJLHG__flowIntro h1 em{color:#72fce5;font-weight:300}.demo-module__chJLHG__flowIntro>p{color:#97aaa7;max-width:580px;font-size:15px;line-height:1.7}.demo-module__chJLHG__flowIntro>div{align-items:center;gap:24px;margin-top:31px;display:flex}.demo-module__chJLHG__flowIntro a{color:#07100f;text-transform:uppercase;background:#72fce5;align-items:center;gap:27px;padding:15px 18px;font-size:10px;font-weight:900;display:flex}.demo-module__chJLHG__flowIntro a svg{width:16px}.demo-module__chJLHG__flowIntro div>span{color:#869a97;align-items:center;gap:7px;font-size:10px;display:flex}.demo-module__chJLHG__flowIntro div>span svg{color:#72fce5;width:16px}.demo-module__chJLHG__flowVisual{min-height:620px;position:relative;overflow:hidden}.demo-module__chJLHG__flowVisual img{object-fit:cover;filter:brightness(.52)saturate(.55)contrast(1.2)}.demo-module__chJLHG__flowVisual:after{content:"";background:linear-gradient(90deg,#070d13aa,#0000 35%),linear-gradient(#0000 55%,#061316cc);position:absolute;inset:0}.demo-module__chJLHG__flowScan{z-index:1;clip-path:polygon(0 0,17px 0,17px 1px,calc(100% - 17px) 1px,calc(100% - 17px) 0,100% 0,100% 17px,calc(100% - 1px) 17px,calc(100% - 1px) calc(100% - 17px),100% calc(100% - 17px),100% 100%,calc(100% - 17px) 100%,calc(100% - 17px) calc(100% - 1px),17px calc(100% - 1px),17px 100%,0 100%,0 calc(100% - 17px),1px calc(100% - 17px),1px 17px,0 17px);background:linear-gradient(90deg,#72fce5 14px,#0000 14px) 0 0/100% 1px no-repeat,linear-gradient(#72fce5 14px,#0000 14px) 0 0/1px 100% no-repeat,linear-gradient(270deg,#72fce5 14px,#0000 14px) 100% 100%/100% 1px no-repeat,linear-gradient(0deg,#72fce5 14px,#0000 14px) 100% 100%/1px 100% no-repeat;border:1px solid #72fce58c;position:absolute;inset:8% 9%}.demo-module__chJLHG__flowVisual>span{z-index:2;color:#72fce5;letter-spacing:.12em;font:700 9px ui-monospace,monospace;position:absolute;top:10%;left:12%}.demo-module__chJLHG__flowVisual>dl{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#06100cbd;border:1px solid #72fce54a;grid-template-columns:repeat(3,1fr);display:grid;position:absolute;bottom:9%;left:9%;right:9%}.demo-module__chJLHG__flowVisual>dl div{border-right:1px solid #72fce54a;gap:7px;padding:16px;display:grid}.demo-module__chJLHG__flowVisual>dl div:last-child{border:0}.demo-module__chJLHG__flowVisual dt{color:#86a6a1;text-transform:uppercase;font:700 8px ui-monospace,monospace}.demo-module__chJLHG__flowVisual dd{color:#72fce5;font:700 20px ui-monospace,monospace}.demo-module__chJLHG__flowModel{background:#09141a;border-top:1px solid #7dfdea24;padding:90px clamp(22px,4vw,64px)}.demo-module__chJLHG__flowModelHeader{grid-template-columns:1fr .55fr;align-items:end;gap:40px;margin-bottom:50px;display:grid}.demo-module__chJLHG__flowModelHeader span{color:#72fce5;letter-spacing:.12em;font:700 9px ui-monospace,monospace}.demo-module__chJLHG__flowModelHeader h2{letter-spacing:-.055em;margin-top:16px;font:700 51px/1 Arial,sans-serif}.demo-module__chJLHG__flowModelHeader>p{color:#829895;font-size:12px;line-height:1.65}.demo-module__chJLHG__flowGrid{border:1px solid #7dfdea28;grid-template-columns:1fr 1fr;display:grid}.demo-module__chJLHG__flowControls{border-right:1px solid #7dfdea28;gap:31px;padding:40px;display:grid}.demo-module__chJLHG__flowTwoCol{grid-template-columns:1fr 1fr;gap:14px;display:grid}.demo-module__chJLHG__flowTwoCol label{color:#99aaa8;text-transform:uppercase;border:1px solid #7dfdea28;justify-content:space-between;align-items:center;padding:12px;font:700 9px ui-monospace,monospace;display:flex}.demo-module__chJLHG__flowTwoCol input{color:#72fce5;text-align:center;background:#061014;border:1px solid #72fce55c;width:70px;padding:7px}.demo-module__chJLHG__flowControls fieldset{border:0}.demo-module__chJLHG__flowControls legend{color:#99aaa8;text-transform:uppercase;margin-bottom:12px;font:700 9px ui-monospace,monospace}.demo-module__chJLHG__flowSegmented{border:1px solid #7dfdea28;grid-template-columns:repeat(3,1fr);display:grid}.demo-module__chJLHG__flowSegmented button{color:#8da19e;border-right:1px solid #7dfdea28;padding:12px;font-size:10px}.demo-module__chJLHG__flowSegmented button:last-child{border:0}.demo-module__chJLHG__flowSegmented .demo-module__chJLHG__flowActive{color:#07100f;background:#72fce5}.demo-module__chJLHG__flowResult{grid-template-columns:1fr .9fr;padding:40px;display:grid}.demo-module__chJLHG__flowResultTop{padding-right:35px}.demo-module__chJLHG__flowResultTop>span{color:#8ca19e;letter-spacing:.1em;font:700 9px ui-monospace,monospace}.demo-module__chJLHG__flowResultTop>strong{color:#72fce5;letter-spacing:-.06em;margin:18px 0 8px;font:300 63px/1 Arial,sans-serif;display:block}.demo-module__chJLHG__flowResultTop>small{color:#829694;font-size:9px}.demo-module__chJLHG__flowChart{border-bottom:1px solid #7dfdea28;border-left:1px solid #7dfdea28;align-items:end;gap:6px;height:135px;padding:20px 9px 25px;display:flex;position:relative}.demo-module__chJLHG__flowChart i{background:#25443f;flex:1}.demo-module__chJLHG__flowChart i:nth-last-of-type(-n+2){background:#72fce5;box-shadow:0 0 10px #72fce550}.demo-module__chJLHG__flowChart span{color:#738986;text-transform:uppercase;font:700 7px ui-monospace,monospace;position:absolute;bottom:7px}.demo-module__chJLHG__flowChart span:last-child{right:8px}.demo-module__chJLHG__flowMetrics{border-top:1px solid #7dfdea28;grid-column:1/-1;grid-template-columns:1fr 1fr;margin-top:35px;display:grid}.demo-module__chJLHG__flowMetrics>div{border-bottom:1px solid #7dfdea28;align-items:center;gap:12px;padding:16px 10px;display:flex}.demo-module__chJLHG__flowMetrics>div:nth-child(odd){border-right:1px solid #7dfdea28}.demo-module__chJLHG__flowMetrics svg{color:#72fce5;width:21px}.demo-module__chJLHG__flowMetrics span{color:#829895;text-transform:uppercase;gap:5px;font:700 8px ui-monospace,monospace;display:grid}.demo-module__chJLHG__flowMetrics strong{color:#eef8f6;text-transform:none;font:700 16px Arial,sans-serif}.demo-module__chJLHG__flowResult>button{color:#07100f;text-transform:uppercase;background:#72fce5;grid-column:1/-1;justify-content:space-between;align-items:center;margin-top:26px;padding:15px 18px;font-size:10px;font-weight:900;display:flex}.demo-module__chJLHG__flowResult>button svg{width:17px}.demo-module__chJLHG__flowFooter{border-top:1px solid #7dfdea28;grid-template-columns:repeat(4,1fr);display:grid}.demo-module__chJLHG__flowFooter>div{color:#a9b9b7;text-transform:uppercase;border-right:1px solid #7dfdea28;justify-content:center;align-items:center;gap:9px;padding:27px;font:700 9px ui-monospace,monospace;display:flex}.demo-module__chJLHG__flowFooter svg{color:#72fce5;width:18px}@media (max-width:980px){.demo-module__chJLHG__northstarHeader{grid-template-columns:auto 1fr}.demo-module__chJLHG__northstarHeader .demo-module__chJLHG__northstarLogo{justify-self:end}.demo-module__chJLHG__northstarHeader nav{display:none}.demo-module__chJLHG__northstarHero,.demo-module__chJLHG__roofHero,.demo-module__chJLHG__tideHero,.demo-module__chJLHG__flowHero{grid-template-columns:1fr}.demo-module__chJLHG__northstarPhoto,.demo-module__chJLHG__roofImage,.demo-module__chJLHG__tidePhoto,.demo-module__chJLHG__flowVisual{min-height:470px}.demo-module__chJLHG__northstarCalculator,.demo-module__chJLHG__roofEstimator,.demo-module__chJLHG__tidePlanner{grid-template-columns:1fr}.demo-module__chJLHG__northstarCalcHeading,.demo-module__chJLHG__roofEstimatorTitle{padding:0 0 35px}.demo-module__chJLHG__northstarInputs,.demo-module__chJLHG__roofForm,.demo-module__chJLHG__tideControls{border:1px solid #26372c33;border-color:#26372c33 #0000;padding:35px 0}.demo-module__chJLHG__northstarResults,.demo-module__chJLHG__roofResult,.demo-module__chJLHG__tideResult{margin:30px 0 0}.demo-module__chJLHG__northstarMarket{grid-template-columns:1fr}.demo-module__chJLHG__roofHeader nav{display:none}.demo-module__chJLHG__roofHeader>button{display:block}.demo-module__chJLHG__tideHeader{grid-template-columns:auto 1fr auto}.demo-module__chJLHG__tideHeader .demo-module__chJLHG__tideLogo{justify-self:center}.demo-module__chJLHG__tideHeader nav{display:none}.demo-module__chJLHG__tideCopy{padding-right:0}.demo-module__chJLHG__tidePhoto{border-radius:140px 140px 25px 25px}.demo-module__chJLHG__flowHeader{grid-template-columns:auto auto 1fr}.demo-module__chJLHG__flowHeader>div>span,.demo-module__chJLHG__flowHeader>div>a{display:none}.demo-module__chJLHG__flowGrid{grid-template-columns:1fr}.demo-module__chJLHG__flowControls{border-bottom:1px solid #7dfdea28;border-right:0}}@media (max-width:640px){.demo-module__chJLHG__demoExit{font-size:0}.demo-module__chJLHG__northstarHeader,.demo-module__chJLHG__roofHeader,.demo-module__chJLHG__tideHeader,.demo-module__chJLHG__flowHeader{padding-inline:16px}.demo-module__chJLHG__northstarIntro,.demo-module__chJLHG__roofHeroCopy,.demo-module__chJLHG__tideHero,.demo-module__chJLHG__flowIntro{padding:60px 22px}.demo-module__chJLHG__northstarIntro h1,.demo-module__chJLHG__roofHeroCopy h1,.demo-module__chJLHG__tideCopy h1,.demo-module__chJLHG__flowIntro h1{font-size:54px}.demo-module__chJLHG__northstarHero,.demo-module__chJLHG__roofHero,.demo-module__chJLHG__flowHero{min-height:0}.demo-module__chJLHG__northstarPhoto,.demo-module__chJLHG__roofImage,.demo-module__chJLHG__flowVisual{min-height:390px}.demo-module__chJLHG__northstarCalculator,.demo-module__chJLHG__roofEstimator,.demo-module__chJLHG__tidePlanner,.demo-module__chJLHG__flowModel{padding:60px 20px}.demo-module__chJLHG__northstarInputs,.demo-module__chJLHG__roofForm,.demo-module__chJLHG__tideControls{padding-inline:0}.demo-module__chJLHG__northstarInputRow,.demo-module__chJLHG__tideChecks{grid-template-columns:1fr}.demo-module__chJLHG__northstarResults{padding:25px}.demo-module__chJLHG__northstarMarket{padding:60px 22px}.demo-module__chJLHG__northstarMarket h2{font-size:39px}.demo-module__chJLHG__roofHeroCopy>div,.demo-module__chJLHG__flowIntro>div{flex-direction:column;align-items:flex-start}.demo-module__chJLHG__roofEstimatorTitle h2,.demo-module__chJLHG__tidePlannerIntro h2,.demo-module__chJLHG__flowModelHeader h2{font-size:39px}.demo-module__chJLHG__roofSegmented,.demo-module__chJLHG__roofMaterials{grid-template-columns:1fr}.demo-module__chJLHG__roofSegmented button,.demo-module__chJLHG__roofMaterials button{border:0;border-bottom:1px solid #ffffff2b}.demo-module__chJLHG__roofOptions{flex-direction:column;align-items:flex-start}.demo-module__chJLHG__roofTicker{justify-content:flex-start}.demo-module__chJLHG__tideHeader>button{display:none}.demo-module__chJLHG__tideHero{padding-inline:20px}.demo-module__chJLHG__tidePhoto{border-radius:100px 100px 20px 20px;min-height:460px}.demo-module__chJLHG__tideCopy>div{flex-wrap:wrap}.demo-module__chJLHG__tideResult{padding:24px}.demo-module__chJLHG__tideFooter p{font-size:25px}.demo-module__chJLHG__flowHeader>div{display:none}.demo-module__chJLHG__flowModelHeader{grid-template-columns:1fr}.demo-module__chJLHG__flowGrid{border:0}.demo-module__chJLHG__flowControls,.demo-module__chJLHG__flowResult{padding:25px 0}.demo-module__chJLHG__flowResult{grid-template-columns:1fr}.demo-module__chJLHG__flowResultTop{padding:0 0 25px}.demo-module__chJLHG__flowChart{border-top:1px solid #7dfdea28;border-left:0}.demo-module__chJLHG__flowMetrics{grid-template-columns:1fr}.demo-module__chJLHG__flowMetrics>div:nth-child(odd){border-right:0}.demo-module__chJLHG__flowFooter{grid-template-columns:1fr 1fr}}