:root{
    --orange:#E8743C;
    --orange-dark:#D96B2B;
    --black:#000000;
    --white:#FFFFFF;
    --anthracite:#2B2B2B;
    --grey:#B8B8B8;
    --sand:#D4C5A9;
    --offwhite:#F5F1EA;
    --serif:'Rockwell','Roboto Slab',Georgia,serif;
    --sans:'Calibri','Inter',Arial,sans-serif;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  body{background:var(--black);color:var(--white);font-family:var(--sans);font-size:17px;line-height:1.55;}
  h1,h2,h3,h4{font-family:var(--serif);font-weight:700;}

  /* NAV */
  nav{position:sticky;top:0;z-index:100;background:rgba(0,0,0,.95);border-bottom:1px solid var(--anthracite);
      display:flex;align-items:center;gap:6px;padding:14px 40px;flex-wrap:wrap;}
  .brand{font-family:var(--serif);font-weight:700;font-size:20px;color:var(--white);margin-right:24px;letter-spacing:.5px;}
  .brand span{color:var(--orange);}
  nav a{color:var(--grey);text-decoration:none;font-size:14px;padding:8px 12px;cursor:pointer;transition:color .2s;}
  nav a:hover{color:var(--white);}
  nav a.active{color:var(--orange);border-bottom:2px solid var(--orange);}

  /* PAGE STRUCTURE */
  .page{display:block;max-width:1080px;margin:0 auto;padding:70px 40px 90px;}
  
  .rule{width:80px;height:3px;background:var(--orange);margin:18px 0 34px;}
  .rule.center{margin-left:auto;margin-right:auto;}
  .kicker{color:var(--orange);font-family:var(--serif);font-size:15px;letter-spacing:2.5px;text-transform:uppercase;margin-bottom:14px;}
  h1{font-size:52px;line-height:1.12;}
  h2.pagetitle{font-size:40px;line-height:1.15;}
  .subtitle{color:var(--grey);font-size:21px;margin-top:14px;max-width:760px;}
  .section{margin-top:64px;}
  .section h3{font-size:26px;color:var(--white);margin-bottom:8px;}
  .section h3 + .rule{margin:12px 0 26px;width:60px;height:2px;}
  p{max-width:820px;}
  .lead{font-size:20px;color:var(--white);max-width:820px;}
  .muted{color:var(--grey);}

  /* GRIDS & CARDS */
  .grid{display:grid;gap:22px;margin-top:30px;}
  .g2{grid-template-columns:repeat(2,1fr);}
  .g3{grid-template-columns:repeat(3,1fr);}
  .card{background:var(--anthracite);padding:26px;border-top:3px solid var(--orange);}
  .card h4{font-size:18px;margin-bottom:10px;color:var(--white);}
  .card p{font-size:15px;color:var(--grey);}
  .card .num{font-family:var(--serif);font-size:34px;color:var(--orange);font-weight:700;display:block;margin-bottom:8px;}

  /* KPI BAND */
  .kpis{display:flex;justify-content:space-around;gap:20px;margin:46px 0;text-align:center;flex-wrap:wrap;}
  .kpi .big{font-family:var(--serif);font-weight:700;font-size:58px;color:var(--orange);line-height:1;}
  .kpi .label{color:var(--white);font-size:16px;margin-top:10px;max-width:220px;}
  .kpi{border-left:1px solid var(--anthracite);padding-left:30px;}
  .kpi:first-child{border-left:none;padding-left:0;}

  /* QUOTE */
  .quote{border-left:3px solid var(--orange);padding:6px 0 6px 26px;margin:44px 0;font-family:var(--serif);
         font-style:italic;font-size:24px;color:var(--white);max-width:780px;line-height:1.4;}

  /* TWO COLUMNS compare */
  .compare{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:30px;}
  .col-block{background:var(--anthracite);padding:28px;}
  .col-block.hl{border-top:3px solid var(--orange);}
  .col-block.dim{border-top:3px solid var(--grey);}
  .col-block h4{font-size:19px;margin-bottom:14px;}
  .col-block.hl h4{color:var(--orange);}
  .col-block.dim h4{color:var(--grey);}
  .col-block ul{list-style:none;}
  .col-block li{padding:7px 0 7px 20px;position:relative;font-size:15.5px;color:var(--white);}
  .col-block li::before{content:"—";position:absolute;left:0;color:var(--orange);}
  .col-block.dim li::before{color:var(--grey);}

  /* STEPS */
  .steps{margin-top:30px;}
  .step{display:flex;gap:22px;padding:20px 0;border-bottom:1px solid var(--anthracite);}
  .step:last-child{border-bottom:none;}
  .step .n{font-family:var(--serif);font-size:34px;font-weight:700;color:var(--orange);min-width:46px;}
  .step h4{font-size:18px;margin-bottom:5px;}
  .step p{font-size:15px;color:var(--grey);}

  /* CTA */
  .cta{display:inline-block;margin-top:36px;background:var(--orange);color:var(--black);font-family:var(--serif);
       font-weight:700;font-size:17px;padding:15px 34px;text-decoration:none;cursor:pointer;transition:background .2s;}
  .cta:hover{background:var(--orange-dark);}
  .cta.ghost{background:transparent;color:var(--orange);border:2px solid var(--orange);}
  .cta.ghost:hover{color:var(--white);border-color:var(--white);background:transparent;}

  /* PHOTO BANDS */
  .photo-band{position:relative;height:340px;background-size:cover;background-position:center;
              margin:56px -40px 0;}
  .photo-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.45),rgba(0,0,0,.15) 40%,rgba(0,0,0,.45));}
  .photo-band::after{content:"";position:absolute;left:40px;bottom:0;width:80px;height:3px;background:var(--orange);}
  .firm-split{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:center;margin-top:26px;}
  .firm-split img{width:100%;display:block;border-top:3px solid var(--orange);}

  /* SAND BANNER */
  .banner{background:var(--offwhite);color:var(--black);padding:34px 38px;margin-top:56px;}
  .banner p{color:var(--anthracite);font-size:16px;max-width:100%;}
  .banner .q{font-family:var(--serif);font-size:22px;font-style:italic;color:var(--black);margin-bottom:8px;}

  /* FOOTER */
  footer{border-top:1px solid var(--anthracite);padding:34px 40px;display:flex;justify-content:space-between;
         flex-wrap:wrap;gap:14px;color:var(--grey);font-size:14px;}
  footer .fb{font-family:var(--serif);color:var(--white);}
  footer .fb span{color:var(--orange);}

  /* HERO (home) */
  .hero{padding:110px 40px 80px;text-align:center;max-width:960px;margin:0 auto;}
  .hero h1{font-size:56px;}
  .hero .subtitle{margin:22px auto 0;font-size:22px;}

  .tag{display:inline-block;background:var(--anthracite);color:var(--sand);font-size:13px;padding:5px 14px;
       letter-spacing:1px;margin-bottom:26px;text-transform:uppercase;}
  .formula{font-family:var(--serif);font-size:24px;color:var(--white);background:var(--anthracite);
           display:inline-block;padding:20px 30px;margin-top:24px;}
  .formula span{color:var(--orange);}
  @media(max-width:820px){
    .g3,.g2,.compare{grid-template-columns:1fr;}
    h1,.hero h1{font-size:38px;}
    h2.pagetitle{font-size:30px;}
    .kpis{flex-direction:column;}
    .kpi{border-left:none;padding-left:0;}
    .firm-split{grid-template-columns:1fr;}
    .photo-band{height:220px;margin:40px -20px 0;}
  }