:root{
  --char:#1d2228;
  --char2:#12161b;
  --orange:#f26a1b;
  --orange-d:#c8540f;
  --sand:#f7f3ea;
  --ink:#23292f;
  --mut:#5c6670;
  --line:#e3dcc9;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Verdana,Geneva,Tahoma,sans-serif;color:var(--ink);background:var(--sand);line-height:1.7;font-size:1rem}
.wrap{max-width:1060px;margin:0 auto;padding:0 1.2rem}

/* Top bar */
.topbar{background:var(--char2);color:#fff;position:sticky;top:0;z-index:50}
.bar-inner{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.2rem}
.logo{font-weight:700;font-size:1.05rem;letter-spacing:.03em}
.logo span{color:var(--orange);font-weight:400}
.callbtn{background:var(--orange);color:#fff;text-decoration:none;font-weight:700;padding:.55rem 1rem;border-radius:.45rem;white-space:nowrap}
.callbtn:hover{background:var(--orange-d)}

/* Buttons */
.btn{display:inline-block;text-decoration:none;border-radius:.45rem;padding:.8rem 1.5rem;font-weight:700;border:2px solid transparent;cursor:pointer}
.solid{background:var(--orange);color:#fff}
.solid:hover{background:var(--orange-d)}
.outline{border-color:var(--orange);color:var(--orange)}
.outline:hover{background:rgba(242,106,27,.12)}
form .solid{width:100%;font-size:1.05rem;border:none}

/* Masthead */
.masthead{background:linear-gradient(180deg,var(--char) 0%,var(--char2) 100%);color:#f2ede1;padding:2.6rem 0 2.2rem}
.tagline{color:var(--orange);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:.82rem;margin-bottom:.8rem}
.masthead h1{font-family:Georgia,serif;font-size:2.15rem;line-height:1.22;margin-bottom:1rem}
.standfirst{font-size:1.1rem;color:#d8d2c2;max-width:44rem}
.cta-row{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.5rem 0}
.hero-photo{margin:1.6rem 0 .4rem}
.hero-photo img{width:100%;height:auto;border-radius:.6rem;border:3px solid #333c45;display:block}
.license-line{font-size:.85rem;color:#9aa3ad}

/* Blocks */
.block{padding:2.8rem 0}
.dark{background:var(--char);color:#efe9d9}
.dark h2{color:#fff}
.block h2{font-size:1.7rem;margin-bottom:1rem}
.block p{margin-bottom:1rem;max-width:47rem}
.dark p{color:#d8d2c2}
.dark .inline-photo img{border:3px solid #333c45}

.pillars{display:grid;gap:1rem;margin-top:1.8rem}
.pillar{background:#fff;border:1px solid var(--line);border-radius:.6rem;padding:1.25rem;border-top:5px solid var(--orange)}
.pillar h3{color:var(--char);margin-bottom:.4rem;font-size:1.08rem}
.pillar p{margin:0;color:var(--mut);font-size:.96rem}

.inline-photo{margin:1.8rem 0 .5rem;max-width:47rem}
.inline-photo img{width:100%;height:auto;border-radius:.6rem;display:block}

/* How steps */
.how{display:grid;gap:1rem;margin:1.6rem 0}
.how-step{background:#fff;border:1px solid var(--line);border-radius:.6rem;padding:1.2rem;display:grid;grid-template-columns:auto 1fr;gap:0 1rem;align-items:start}
.num{background:var(--orange);color:#fff;font-weight:800;border-radius:.5rem;padding:.3rem .7rem;font-size:.95rem}
.how-step h3{color:var(--char);margin-bottom:.35rem}
.how-step p{margin:0;color:var(--mut);font-size:.96rem;grid-column:2}
.note{background:#fff7ec;border:1.5px solid var(--orange);border-radius:.6rem;padding:1.1rem 1.25rem;margin-top:1.4rem}
.note p{margin:0}

/* FAQ */
details{background:#fff;border:1px solid var(--line);border-radius:.55rem;margin-bottom:.65rem;padding:.85rem 1.05rem}
.dark details{background:#262c33;border-color:#3a434c}
summary{font-weight:700;cursor:pointer;color:var(--char)}
.dark summary{color:#fff}
details p{margin:.55rem 0 0;color:var(--mut);font-size:.97rem}
.dark details p{color:#c8c1b0}

/* Areas */
.areas{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}
.areas li{border:2px solid var(--orange);color:#fff;padding:.5rem 1rem;border-radius:.4rem;font-weight:600}

/* Info table */
.info{margin-top:1rem;max-width:47rem}
.info div{display:grid;grid-template-columns:9rem 1fr;gap:1rem;padding:.55rem 0;border-bottom:1px solid var(--line)}
.info dt{font-weight:700;color:var(--char)}
.small{font-size:.88rem;color:var(--mut);margin-top:1rem}

/* Form */
form{background:#fff;border:1px solid var(--line);border-radius:.6rem;padding:1.5rem;max-width:40rem;margin-top:1.2rem}
form p{margin-bottom:1rem}
form label{display:block;font-weight:700;margin-bottom:.3rem}
form input,form textarea{width:100%;padding:.65rem .8rem;border:1.5px solid #cfc8b2;border-radius:.4rem;font-size:1rem;font-family:inherit}
form input:focus,form textarea:focus{outline:2px solid var(--orange);border-color:var(--orange)}
.formwrap p{max-width:40rem}

/* Footer */
footer{background:var(--char2);color:#aab2bb;padding:1.6rem 0;margin-top:1rem}
footer a{color:var(--orange)}
.foot-inner p{margin-bottom:.25rem;font-size:.94rem}

/* Sticky */
.sticky{display:none;position:fixed;bottom:1rem;left:1rem;right:1rem;z-index:60;background:var(--orange);color:#fff;text-align:center;font-weight:800;font-size:1.1rem;padding:.85rem;border-radius:.6rem;text-decoration:none;box-shadow:0 4px 16px rgba(0,0,0,.4)}

@media(min-width:840px){
  .masthead h1{font-size:2.6rem}
  .pillars{grid-template-columns:repeat(3,1fr)}
  .how{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:839px){
  .sticky{display:block}
  body{padding-bottom:4.2rem}
}