:root{--appleton-navy:#102d4d;--appleton-blue:#315f86;--appleton-red:#a52d35;--appleton-ink:#17212b;--appleton-cream:#f2efe9;--appleton-line:rgba(16,45,77,.18)}
body{overflow-x:hidden}
.appleton-home,.appleton-home *{box-sizing:border-box}
.appleton-home{background:#fff;color:var(--appleton-ink);font-family:Arial,Helvetica,sans-serif}
.appleton-shell{width:min(1180px,calc(100% - 48px));margin:0 auto}
.appleton-kicker{margin:0 0 13px;color:var(--appleton-red);font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.appleton-home h1,.appleton-home h2,.appleton-home h3{font-family:"DIN 2014",Arial,Helvetica,sans-serif;font-weight:800;letter-spacing:-.025em}
.appleton-home h2{margin:0;color:var(--appleton-navy);font-size:clamp(36px,4.5vw,67px);line-height:1.02}
.appleton-home p{font-size:17px;line-height:1.65}
.appleton-btn{display:inline-flex;min-height:50px;align-items:center;justify-content:center;padding:14px 23px;border:2px solid var(--appleton-red);background:var(--appleton-red);color:#fff!important;font-size:13px;font-weight:800;letter-spacing:.07em;text-decoration:none!important;text-transform:uppercase;transition:transform .18s ease,background .18s ease}
.appleton-btn:hover{transform:translateY(-2px);background:#84242a}
.appleton-btn--light{border-color:#fff;background:transparent}
.appleton-btn--navy{border-color:var(--appleton-navy);background:var(--appleton-navy)}
.appleton-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}

.appleton-hero{position:relative;display:flex;min-height:690px;align-items:center;overflow:hidden;background:#0f2a45;color:#fff}
.appleton-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.appleton-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,25,42,.9) 0%,rgba(8,25,42,.7) 46%,rgba(8,25,42,.18) 78%)}
.appleton-hero__content{position:relative;z-index:1;width:min(1180px,calc(100% - 48px));margin:0 auto;padding:105px 0 90px}
.appleton-hero .appleton-kicker{color:#fff}
.appleton-hero h1{max-width:780px;margin:0;color:#fff;font-size:clamp(50px,6.3vw,92px);line-height:.94;text-shadow:0 3px 24px rgba(0,0,0,.28)}
.appleton-hero__lead{max-width:720px;margin:24px 0 0;color:#fff;font-size:clamp(19px,1.65vw,24px)!important;line-height:1.55!important}
.appleton-proof{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:34px;padding:0;list-style:none}
.appleton-proof li{position:relative;padding-left:17px;color:#fff;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.appleton-proof li:before{content:"";position:absolute;top:.38em;left:0;width:7px;height:7px;background:#e34d56}

.appleton-urgent{background:var(--appleton-red);color:#fff}
.appleton-urgent__inner{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;padding:24px 0}
.appleton-urgent h2{margin:0;color:#fff;font-size:clamp(25px,2.8vw,40px)}
.appleton-urgent p{margin:5px 0 0;color:#fff;font-size:16px}
.appleton-urgent__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}

.appleton-open{padding:95px 0 48px}
.appleton-open__head{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:end}
.appleton-open__head p:last-child{margin:0;color:#42505c;font-size:19px;line-height:1.7}
.appleton-paths{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:repeat(2,minmax(285px,auto));gap:18px;margin-top:48px}
.appleton-path{position:relative;display:flex;min-height:285px;align-items:flex-end;overflow:hidden;color:#fff;text-decoration:none!important}
.appleton-path:first-child{grid-row:1/3}
.appleton-path img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.appleton-path:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,25,43,.9),rgba(7,25,43,.04) 68%)}
.appleton-path__copy{position:relative;z-index:1;width:100%;padding:33px}
.appleton-path h3{margin:0 0 7px;color:#fff;font-size:clamp(27px,3vw,44px);line-height:1}
.appleton-path p{max-width:630px;margin:0;color:#fff;font-size:15px;line-height:1.55}
.appleton-path span{display:inline-block;margin-top:18px;border-bottom:2px solid #fff;color:#fff;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.appleton-path:hover img{transform:scale(1.035)}

.appleton-report{padding:82px 0 98px}
.appleton-report__grid{display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:var(--appleton-navy);color:#fff;box-shadow:0 30px 70px rgba(16,45,77,.18)}
.appleton-report__image{position:relative;min-height:520px}
.appleton-report__image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.appleton-report__copy{display:flex;flex-direction:column;justify-content:center;padding:70px}
.appleton-report .appleton-kicker{color:#ef737b}
.appleton-report h2{color:#fff}
.appleton-report__copy>p{margin:22px 0 0;color:#edf3f8}
.appleton-checks{display:grid;gap:0;margin:27px 0 0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.2)}
.appleton-checks li{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.2);font-weight:700}

.appleton-choice{padding:96px 0;background:var(--appleton-cream)}
.appleton-choice__head{max-width:850px}
.appleton-choice__head>p:last-child{max-width:720px;margin:20px 0 0;color:#485866}
.appleton-choice__rail{display:grid;grid-template-columns:repeat(4,1fr);margin-top:45px;border-top:5px solid var(--appleton-navy);background:#fff}
.appleton-choice__rail article{padding:31px;border-right:1px solid var(--appleton-line)}
.appleton-choice__rail article:last-child{border-right:0}
.appleton-choice__rail h3{margin:0 0 12px;color:var(--appleton-navy);font-size:27px}
.appleton-choice__rail p{margin:0;color:#52606d;font-size:15px;line-height:1.55}
.appleton-choice__rail a{display:inline-block;margin-top:18px;color:var(--appleton-red);font-size:12px;font-weight:800;letter-spacing:.07em;text-decoration:none;text-transform:uppercase}

.appleton-agreement{padding:105px 0;background:#fff}
.appleton-agreement__grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:75px;align-items:center}
.appleton-agreement__visual{position:relative;min-height:570px}
.appleton-agreement__visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.appleton-agreement__stamp{position:absolute;right:-28px;bottom:30px;width:230px;padding:27px;background:var(--appleton-red);color:#fff}
.appleton-agreement__stamp strong{display:block;font-size:25px;line-height:1.05}
.appleton-agreement__stamp span{display:block;margin-top:8px;font-size:13px;line-height:1.45}
.appleton-agreement__copy>p:not(.appleton-kicker){margin:22px 0;color:#4b5a66}
.appleton-agreement__list{display:grid;grid-template-columns:1fr 1fr;gap:13px 25px;margin:26px 0 0;padding:0;list-style:none}
.appleton-agreement__list li{padding:12px 0;border-bottom:1px solid var(--appleton-line);color:var(--appleton-navy);font-weight:800}

.appleton-weather{position:relative;display:flex;min-height:580px;align-items:center;overflow:hidden;color:#fff}
.appleton-weather>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.appleton-weather:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,27,45,.92),rgba(9,27,45,.42))}
.appleton-weather__copy{position:relative;z-index:1;max-width:770px;padding:92px 0}
.appleton-weather h2{color:#fff}
.appleton-weather p{color:#fff}

.appleton-facilities{padding:100px 0}
.appleton-facilities__intro{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:end}
.appleton-facilities__intro p:last-child{margin:0;color:#52606d}
.appleton-facility-list{margin-top:45px;border-top:1px solid var(--appleton-line)}
.appleton-facility{display:grid;grid-template-columns:.85fr 1.5fr auto;gap:32px;align-items:center;padding:24px 5px;border-bottom:1px solid var(--appleton-line);color:inherit;text-decoration:none!important}
.appleton-facility strong{color:var(--appleton-navy);font-size:22px}
.appleton-facility span{color:#586775;font-size:15px;line-height:1.5}
.appleton-facility b{color:var(--appleton-red);font-size:12px;letter-spacing:.08em;text-transform:uppercase}

.appleton-coverage{background:var(--appleton-navy);color:#fff}
.appleton-coverage__grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:stretch}
.appleton-coverage__copy{padding:85px 70px 85px 0}
.appleton-coverage h2{color:#fff}
.appleton-coverage p{color:#eef4f8}
.appleton-coverage__links{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}
.appleton-coverage__links a{padding:9px 12px;border:1px solid rgba(255,255,255,.36);color:#fff;text-decoration:none}
.appleton-coverage__image{position:relative;min-height:510px}
.appleton-coverage__image img{position:absolute;inset:0;width:calc(50vw + 8%);height:100%;object-fit:cover}

.appleton-faq{padding:100px 0;background:#f8f9fa}
.appleton-faq__grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px}
.appleton-faq details{padding:22px 0;border-bottom:1px solid var(--appleton-line)}
.appleton-faq details:first-child{border-top:1px solid var(--appleton-line)}
.appleton-faq summary{cursor:pointer;color:var(--appleton-navy);font-size:19px;font-weight:800;line-height:1.4}
.appleton-faq details p{margin:14px 0 0;color:#52606d;font-size:15px}

.appleton-close{padding:90px 0;background:var(--appleton-red);color:#fff;text-align:center}
.appleton-close h2{max-width:860px;margin:0 auto;color:#fff}
.appleton-close p{max-width:720px;margin:20px auto 0;color:#fff}
.appleton-close .appleton-actions{justify-content:center}
.appleton-header-help>a{margin-left:8px!important;padding:12px 16px!important;background:var(--appleton-red)!important;color:#fff!important}
.appleton-mobile-roof-help{display:none}

@media(max-width:980px){
  .appleton-header-help{display:none!important}
  .appleton-open__head,.appleton-report__grid,.appleton-agreement__grid,.appleton-facilities__intro,.appleton-coverage__grid,.appleton-faq__grid{grid-template-columns:1fr}
  .appleton-urgent__inner{grid-template-columns:1fr}.appleton-urgent__actions{justify-content:flex-start}
  .appleton-choice__rail{grid-template-columns:1fr 1fr}.appleton-choice__rail article:nth-child(2){border-right:0}
  .appleton-report__copy{padding:56px 44px}
  .appleton-agreement__visual{min-height:500px}.appleton-agreement__stamp{right:18px}
  .appleton-coverage__copy{padding:70px 0}.appleton-coverage__image{min-height:420px}.appleton-coverage__image img{width:100%}
}
@media(max-width:700px){
  .appleton-shell,.appleton-hero__content{width:calc(100% - 34px)}
  .appleton-home h2{font-size:38px}
  .appleton-hero{min-height:690px;align-items:flex-end}.appleton-hero:after{background:linear-gradient(0deg,rgba(8,25,42,.95),rgba(8,25,42,.42))}
  .appleton-hero__content{padding:90px 0 62px}.appleton-hero h1{font-size:52px}.appleton-hero__lead{font-size:18px!important}
  .appleton-actions{display:grid}.appleton-btn{width:100%;text-align:center}
  .appleton-open,.appleton-report,.appleton-choice,.appleton-agreement,.appleton-facilities,.appleton-faq{padding:72px 0}
  .appleton-open__head{gap:20px}.appleton-paths{grid-template-columns:1fr;grid-template-rows:auto}.appleton-path:first-child{grid-row:auto}.appleton-path{min-height:360px}
  .appleton-report__grid{min-height:0}.appleton-report__image{min-height:360px}.appleton-report__copy{padding:42px 24px}
  .appleton-choice__rail{grid-template-columns:1fr}.appleton-choice__rail article{border-right:0;border-bottom:1px solid var(--appleton-line)}
  .appleton-agreement__grid{gap:45px}.appleton-agreement__visual{min-height:420px}.appleton-agreement__stamp{right:12px;bottom:12px;width:200px}
  .appleton-agreement__list{grid-template-columns:1fr}
  .appleton-weather{min-height:640px}.appleton-weather__copy{padding:72px 0}
  .appleton-facility{grid-template-columns:1fr;gap:8px;padding:23px 0}.appleton-facility b{margin-top:5px}
  .appleton-coverage__copy{padding:65px 0}.appleton-coverage__image{min-height:350px}
  .appleton-faq__grid{gap:40px}
  .appleton-mobile-roof-help{position:fixed;right:16px;bottom:16px;z-index:99999;display:flex;min-width:104px;height:50px;align-items:center;justify-content:center;padding:0 17px;border:2px solid #fff;background:var(--appleton-red);box-shadow:0 10px 30px rgba(0,0,0,.28);color:#fff!important;font-size:12px;font-weight:800;letter-spacing:.08em;text-decoration:none!important;text-transform:uppercase}
}
