*{box-sizing:border-box;margin:0;padding:0}

    body{
      font-family:Arial,Helvetica,sans-serif;
      color:#151515;
      background:#fff;
      line-height:1.6;
    }

    a{
      color:inherit;
      text-decoration:none;
    }

    .container{
      width:min(1280px,94%);
      margin:0 auto;
    }

    .site-header{
      position:sticky;
      top:0;
      z-index:1000;
      background:rgba(255,255,255,.96);
      border-bottom:1px solid rgba(0,0,0,.07);
      backdrop-filter:blur(12px);
    }

    .nav{
      min-height:74px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:30px;
    }

    .brand{
      display:flex;
      align-items:center;
      gap:11px;
      font-size:20px;
      font-weight:700;
      letter-spacing:-.02em;
    }

    .brand:before{
      content:"DL";
      width:36px;
      height:36px;
      border-radius:50%;
      background:#111;
      color:#fff;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:11px;
      font-weight:800;
    }

    .nav-links{
      display:flex;
      align-items:center;
      gap:30px;
      font-size:13px;
      font-weight:600;
    }

    .services-menu{
      position:relative;
      display:flex;
      align-items:center;
    }

    .services-trigger{
      appearance:none;
      border:0;
      background:transparent;
      font:inherit;
      font-size:13px;
      font-weight:600;
      cursor:pointer;
      padding:28px 0;
    }

    .services-dropdown{
      position:absolute;
      top:calc(100% - 5px);
      left:50%;
      transform:translate(-50%,10px);
      width:285px;
      padding:6px;
      background:rgba(255,255,255,.78);
      border:1px solid rgba(255,255,255,.55);
      border-radius:8px;
      box-shadow:0 18px 45px rgba(0,0,0,.13);
      backdrop-filter:blur(18px);
      opacity:0;
      visibility:hidden;
      pointer-events:none;
      transition:.18s ease;
    }

    .services-menu:hover .services-dropdown,
    .services-menu:focus-within .services-dropdown{
      opacity:1;
      visibility:visible;
      pointer-events:auto;
      transform:translate(-50%,0);
    }

    .services-dropdown a{
      display:block;
      padding:8px 10px;
      border-radius:6px;
    }

    .services-dropdown a:hover{
      background:rgba(255,255,255,.6);
    }

    .services-dropdown strong{
      display:block;
      font-size:12px;
      line-height:1.15;
    }

    .services-dropdown span{
      display:block;
      margin-top:2px;
      font-size:10px;
      color:#777;
    }

    .header-signin{
      background:#111;
      color:#fff;
      padding:12px 19px;
      border-radius:6px;
      font-size:13px;
      font-weight:700;
    }

    .hero{
      padding:90px 0 70px;
      background:
        linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.84)),
        #f5f3ee;
    }

    .hero-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:60px;
      align-items:center;
    }

    .eyebrow{
      color:#a47b3c;
      font-size:10px;
      font-weight:800;
      letter-spacing:.18em;
      text-transform:uppercase;
      margin-bottom:16px;
    }

    h1{
      font-size:clamp(48px,5.5vw,76px);
      line-height:1;
      letter-spacing:-.05em;
      font-weight:500;
    }

    .hero p{
      margin-top:24px;
      max-width:650px;
      color:#5f6162;
      font-size:17px;
      line-height:1.7;
    }

    .hero-actions{
      display:flex;
      flex-wrap:wrap;
      gap:12px;
      margin-top:30px;
    }

    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:50px;
      padding:0 24px;
      border-radius:6px;
      font-size:14px;
      font-weight:700;
    }

    .btn-dark{
      background:#111;
      color:#fff;
    }

    .btn-light{
      border:1px solid #cfcfcb;
      background:#fff;
    }

    .photo-placeholder{
      min-height:460px;
      border-radius:16px;
      background:
        linear-gradient(135deg,rgba(0,0,0,.06),rgba(0,0,0,.02)),
        #e9e8e4;
      display:flex;
      align-items:center;
      justify-content:center;
      text-align:center;
      color:#777;
      font-size:13px;
      letter-spacing:.08em;
      text-transform:uppercase;
      padding:20px;
      overflow:hidden;
    }

    .section{
      padding:85px 0;
    }

    .section-soft{
      background:#f7f6f3;
    }

    .section-label{
      color:#a47b3c;
      font-size:10px;
      font-weight:800;
      letter-spacing:.18em;
      text-transform:uppercase;
      margin-bottom:15px;
    }

    .section-title{
      font-size:clamp(36px,4vw,56px);
      line-height:1.04;
      letter-spacing:-.045em;
      font-weight:500;
      max-width:820px;
    }

    .section-intro{
      margin-top:18px;
      max-width:760px;
      color:#666;
      font-size:16px;
      line-height:1.7;
    }

    .benefits{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:0;
      margin-top:42px;
      border-top:1px solid #e3e1dc;
      border-bottom:1px solid #e3e1dc;
    }

    .benefit{
      padding:30px;
      border-right:1px solid #e3e1dc;
    }

    .benefit:last-child{
      border-right:0;
    }

    .benefit h3{
      font-size:20px;
      margin-bottom:10px;
    }

    .benefit p{
      color:#666;
      font-size:14px;
      line-height:1.65;
    }

    .split{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:65px;
      align-items:center;
    }

    .service-list{
      margin-top:24px;
      border-top:1px solid #e5e3df;
    }

    .service-list div{
      padding:14px 0;
      border-bottom:1px solid #e5e3df;
      font-size:14px;
      font-weight:600;
    }

    .cta{
      padding:85px 0;
      text-align:center;
      background:#111;
      color:#fff;
    }

    .cta h2{
      font-size:clamp(38px,4.5vw,58px);
      font-weight:500;
      line-height:1.04;
      letter-spacing:-.045em;
    }

    .cta p{
      max-width:680px;
      margin:16px auto 27px;
      color:#b8b8b8;
      font-size:16px;
    }

    .cta .btn{
      background:#fff;
      color:#111;
    }

    footer{
      background:#090909;
      color:#aaa;
      padding:50px 0 28px;
      font-size:14px;
    }

    .footer-grid{
      display:grid;
      grid-template-columns:1.4fr 1fr 1fr;
      gap:50px;
    }

    .footer-brand{
      color:#fff;
      font-size:22px;
      font-weight:700;
      margin-bottom:10px;
    }

    .footer-links{
      display:grid;
      gap:9px;
    }

    footer h3{
      color:#fff;
      font-size:14px;
      margin-bottom:14px;
    }

    .copyright{
      margin-top:40px;
      padding-top:22px;
      border-top:1px solid #222;
      text-align:center;
      font-size:12px;
    }

    @media(max-width:760px){
      .nav-links{
        display:none;
      }

      .brand{
        font-size:17px;
      }

      .header-signin{
        padding:11px 14px;
        font-size:12px;
      }

      .hero{
        padding:62px 0 55px;
      }

      .hero-grid,
      .split{
        grid-template-columns:1fr;
        gap:35px;
      }

      h1{
        font-size:47px;
      }

      .photo-placeholder{
        min-height:280px;
      }

      .section{
        padding:60px 0;
      }

      .benefits{
        grid-template-columns:1fr;
      }

      .benefit{
        border-right:0;
        border-bottom:1px solid #e3e1dc;
        padding:24px 0;
      }

      .benefit:last-child{
        border-bottom:0;
      }

      .footer-grid{
        grid-template-columns:1fr;
        gap:30px;
      }
    }