.shingle-page{background:#f4f7fa;color:#0b1725}.shingle-main{overflow:hidden}.shingle-shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.shingle-hero{background:linear-gradient(135deg,#031a30 0%,#06294b 68%,#0b3f70 100%);color:#fff;padding:clamp(72px,9vw,126px) 0;position:relative}.shingle-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 25%,rgba(42,131,196,.24),transparent 32%),linear-gradient(115deg,transparent 65%,rgba(255,130,0,.10));pointer-events:none}.shingle-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.72fr);gap:clamp(42px,6vw,86px);align-items:center;position:relative;z-index:1}.shingle-kicker{display:flex;align-items:center;gap:12px;margin:0 0 18px;color:#ffad54;font-size:.78rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.shingle-kicker:before{content:"";width:34px;height:3px;border-radius:3px;background:#ff8200}.shingle-kicker.dark{color:#ed6a00}.shingle-hero h1{font-size:clamp(3rem,5.8vw,5.8rem);line-height:.95;letter-spacing:-.055em;margin:0 0 24px;max-width:880px}.shingle-lede{font-size:clamp(1.08rem,1.4vw,1.3rem);line-height:1.75;color:#d9e4ef;max-width:760px}.shingle-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.shingle-button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border:1px solid rgba(255,255,255,.34);border-radius:999px;color:#fff;font-weight:850;text-decoration:none;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.shingle-button:hover{transform:translateY(-3px);border-color:#ffad54}.shingle-button.primary{background:linear-gradient(135deg,#ff9b2f,#ff7600);color:#061d35;border-color:#ff9b2f;box-shadow:0 14px 30px rgba(255,130,0,.24)}.shingle-button.light{background:#fff;color:#06294b}.shingle-proof{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-wrap:wrap;gap:8px}.shingle-proof li{padding:7px 11px;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:#d8e4ef;font-size:.82rem;font-weight:750}.shingle-hero-photo{margin:0;padding:14px;border:1px solid rgba(255,255,255,.28);border-radius:28px;background:rgba(255,255,255,.09);box-shadow:0 30px 80px rgba(0,0,0,.32);backdrop-filter:blur(12px)}.shingle-hero-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:18px;display:block}.shingle-hero-photo figcaption{padding:14px 6px 2px;color:#d9e4ef;font-size:.88rem;line-height:1.5}.shingle-hero-photo strong{color:#ffad54}.shingle-nav-wrap{position:sticky;top:0;z-index:25;background:rgba(255,255,255,.95);border-bottom:1px solid #dce4ec;box-shadow:0 8px 24px rgba(3,26,48,.06);backdrop-filter:blur(14px)}.shingle-nav{display:flex;gap:8px;overflow-x:auto;padding-block:12px;scrollbar-width:none}.shingle-nav::-webkit-scrollbar{display:none}.shingle-nav a{white-space:nowrap;padding:9px 14px;border-radius:999px;color:#3c4c60;font-size:.86rem;font-weight:800;text-decoration:none}.shingle-nav a:hover{background:#fff0df;color:#06294b}.shingle-section{padding:clamp(76px,9vw,124px) 0}.shingle-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.92fr);gap:clamp(42px,7vw,96px);align-items:center}.shingle-copy h2,.shingle-heading-row h2,.shingle-section>h2,.shingle-finish-grid h2,.shingle-estimate h2,.shingle-final h2{font-size:clamp(2.5rem,4.8vw,4.7rem);line-height:1.02;letter-spacing:-.05em;margin:0 0 24px}.shingle-copy p,.shingle-heading-row>p,.shingle-finish-grid p,.shingle-estimate-intro>p{color:#596a7e;font-size:1.08rem;line-height:1.78}.shingle-note,.insulation-note{margin:28px 0;padding:22px 24px;border-left:5px solid #ff8200;border-radius:0 18px 18px 0;background:#fff0df;color:#533216;line-height:1.65}.shingle-evidence-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.shingle-evidence-grid figure,.shingle-photo-story figure{margin:0;background:#fff;border:1px solid #dce4ec;border-radius:24px;overflow:hidden;box-shadow:0 20px 50px rgba(3,26,48,.11)}.shingle-evidence-grid img{width:100%;height:390px;object-fit:cover;display:block}.shingle-evidence-grid figure:nth-child(2) img{object-position:center 42%}.shingle-evidence-grid figcaption,.shingle-photo-story figcaption{padding:15px 18px;color:#596a7e;line-height:1.5;font-size:.9rem}.shingle-dark-section{padding:clamp(78px,9vw,120px) 0;background:linear-gradient(135deg,#031a30,#06294b);color:#fff}.shingle-dark-section h2{font-size:clamp(2.7rem,5vw,5rem);line-height:1;letter-spacing:-.05em;margin:0 0 20px;max-width:900px}.shingle-dark-lede{color:#d3dfeb;font-size:1.12rem;line-height:1.75;max-width:860px}.slope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:42px 0 24px}.slope-grid article{padding:28px;border:1px solid rgba(255,255,255,.18);border-radius:24px;background:rgba(255,255,255,.075)}.slope-grid article.featured{border-color:rgba(255,155,47,.65);background:linear-gradient(145deg,rgba(255,130,0,.2),rgba(255,255,255,.08))}.slope-grid span{color:#ffad54;font-weight:900;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.slope-grid h3{font-size:1.35rem;margin:16px 0 10px}.slope-grid p,.shingle-caveat{color:#cbd8e4;line-height:1.65}.shingle-caveat{font-size:.9rem}.shingle-heading-row{display:grid;grid-template-columns:1.1fr .75fr;gap:50px;align-items:end;margin-bottom:42px}.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.system-grid article{padding:27px;background:#fff;border:1px solid #dce4ec;border-radius:22px;box-shadow:0 14px 34px rgba(3,26,48,.07);transition:transform .22s ease,border-color .22s ease}.system-grid article:hover{transform:translateY(-4px);border-color:#f0a047}.system-grid b{color:#ed6a00;font-size:.8rem;letter-spacing:.1em}.system-grid h3{margin:13px 0 8px;font-size:1.2rem}.system-grid p{margin:0;color:#657386;line-height:1.65}.shingle-photo-story{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:16px;padding-bottom:clamp(76px,9vw,124px)}.shingle-photo-story img{display:block;width:100%;height:420px;object-fit:cover}.shingle-photo-story .wide img{object-position:center 35%}.process-list{list-style:none;padding:0;margin:38px 0;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.process-list li{display:flex;gap:18px;padding:24px;background:#fff;border:1px solid #dce4ec;border-radius:20px}.process-list li>span{flex:0 0 44px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#06294b;color:#ffad54;font-weight:900}.process-list h3{margin:2px 0 8px}.process-list p{margin:0;color:#657386;line-height:1.6}.insulation-note{margin-top:34px}.insulation-note h3{margin:0 0 8px}.insulation-note p{margin:0}.shingle-finish-section{padding:clamp(76px,9vw,120px) 0;background:#fff}.shingle-finish-grid{display:grid;grid-template-columns:.72fr 1.1fr;gap:clamp(42px,7vw,90px);align-items:center}.shingle-finish-grid figure{margin:0;border-radius:28px;overflow:hidden;box-shadow:0 25px 60px rgba(3,26,48,.15)}.shingle-finish-grid img{width:100%;height:530px;object-fit:cover;display:block}.shingle-finish-grid ul{padding-left:20px;color:#3c4c60;line-height:1.9;margin-bottom:28px}.shingle-finish-grid .shingle-button{color:#06294b}.shingle-faq{max-width:960px}.shingle-faq details{background:#fff;border:1px solid #dce4ec;border-radius:17px;margin:10px 0;box-shadow:0 10px 26px rgba(3,26,48,.05)}.shingle-faq summary{cursor:pointer;min-height:58px;padding:18px 54px 18px 20px;display:flex;align-items:center;font-weight:850;position:relative}.shingle-faq summary:after{content:"+";position:absolute;right:20px;color:#ed6a00;font-size:1.3rem}.shingle-faq details[open] summary:after{content:"−"}.shingle-faq details p{padding:0 20px 20px;margin:0;color:#657386;line-height:1.7}.shingle-estimate{padding:clamp(70px,8vw,110px) 0}.shingle-estimate-intro{max-width:820px;margin-bottom:30px}.shingle-estimate .estimate-form-block{background:#fff;border:1px solid #dce4ec;border-radius:28px;padding:clamp(20px,4vw,44px);box-shadow:0 24px 70px rgba(3,26,48,.12)}.shingle-estimate .form-disclaimer{color:#657386;font-size:.88rem;line-height:1.6}.shingle-final{padding:58px 0;background:linear-gradient(135deg,#031a30,#0b3f70);color:#fff}.shingle-final>.shingle-shell{display:flex;justify-content:space-between;gap:40px;align-items:center}.shingle-final h2{margin:0;max-width:720px}.shingle-final .shingle-actions{margin:0;flex:0 0 auto}@media(max-width:900px){.shingle-hero-grid,.shingle-split,.shingle-heading-row,.shingle-finish-grid{grid-template-columns:1fr}.shingle-hero-photo{max-width:620px}.slope-grid,.system-grid{grid-template-columns:1fr 1fr}.shingle-photo-story{grid-template-columns:1fr 1fr}.shingle-photo-story .wide{grid-column:1/-1}.shingle-photo-story .wide img{height:400px}.shingle-final>.shingle-shell{display:block}.shingle-final .shingle-actions{margin-top:26px}}@media(max-width:620px){.shingle-shell{width:min(100% - 28px,1180px)}.shingle-hero{padding:58px 0}.shingle-hero h1{font-size:clamp(2.65rem,13vw,4.1rem)}.shingle-hero-grid{gap:34px}.shingle-hero-photo{padding:10px;border-radius:22px}.shingle-evidence-grid,.slope-grid,.system-grid,.shingle-photo-story,.process-list{grid-template-columns:1fr}.shingle-evidence-grid img,.shingle-photo-story img,.shingle-photo-story .wide img{height:320px}.shingle-photo-story .wide{grid-column:auto}.shingle-section{padding:68px 0}.shingle-copy h2,.shingle-heading-row h2,.shingle-section>h2,.shingle-finish-grid h2,.shingle-estimate h2,.shingle-final h2{font-size:clamp(2.25rem,11vw,3.25rem)}.shingle-finish-grid img{height:390px}.shingle-button{width:100%}.shingle-final .shingle-actions{width:100%}}@media(prefers-reduced-motion:reduce){.shingle-button,.system-grid article{transition:none}.shingle-button:hover,.system-grid article:hover{transform:none}}