:root{
      --bg:#f7f7f4;
      --surface:#ffffff;
      --text:#171717;
      --muted:#646464;
      --line:#deded8;
      --accent:#c8902f;
      --accent-dark:#a8731d;
      --dark:#151515;
      --max:1180px;
      --radius:22px;
      --shadow:0 14px 42px rgba(0,0,0,.07);
    }

    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}

    body{
      font-family:Arial,Helvetica,sans-serif;
      background:var(--bg);
      color:var(--text);
      line-height:1.65;
    }

    a{color:inherit;text-decoration:none}
    .container{width:min(92%,var(--max));margin:0 auto}

    header{
      position:sticky;
      top:0;
      z-index:1000;
      background:rgba(247,247,244,.92);
      backdrop-filter:blur(12px);
      border-bottom:1px solid rgba(0,0,0,.06);
    }

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

    .brand{
      display:flex;
      flex-direction:column;
      line-height:1;
    }

    .brand strong{
      font-size:1.55rem;
      letter-spacing:.03em;
    }

    .brand span{
      margin-top:5px;
      font-size:.72rem;
      letter-spacing:.17em;
      text-transform:uppercase;
      color:var(--muted);
    }

    .nav-links{
      display:flex;
      align-items:center;
      gap:26px;
      font-size:.93rem;
    }

    .nav-links a{transition:.2s ease}
    .nav-links a:hover{color:var(--accent-dark)}

    .nav-cta{
      padding:11px 17px;
      border-radius:999px;
      background:var(--dark);
      color:#fff;
    }

    .hero{
      padding:94px 0 74px;
    }

    .hero-grid{
      display:grid;
      grid-template-columns:1.2fr .8fr;
      gap:54px;
      align-items:center;
    }

    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:10px;
      font-size:.8rem;
      font-weight:700;
      letter-spacing:.13em;
      text-transform:uppercase;
      color:var(--accent-dark);
      margin-bottom:20px;
    }

    .eyebrow::before{
      content:"";
      width:34px;
      height:2px;
      background:var(--accent);
    }

    h1{
      font-size:clamp(3.4rem,7vw,6.2rem);
      line-height:.94;
      letter-spacing:-.055em;
      max-width:9ch;
    }

    .hero h2{
      margin-top:24px;
      font-size:clamp(1.25rem,2vw,1.85rem);
      font-weight:500;
      max-width:25ch;
    }

    .hero p{
      margin-top:22px;
      max-width:680px;
      font-size:1.06rem;
      color:var(--muted);
    }

    .hero-actions{
      display:flex;
      flex-wrap:wrap;
      gap:14px;
      margin-top:32px;
    }

    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:50px;
      padding:0 22px;
      border-radius:999px;
      font-weight:700;
      font-size:.94rem;
      border:1px solid var(--dark);
      transition:.2s ease;
    }

    .btn-primary{
      background:var(--dark);
      color:#fff;
    }

    .btn-primary:hover{
      transform:translateY(-2px);
      background:#000;
    }

    .btn-secondary{background:transparent}
    .btn-secondary:hover{
      background:#fff;
      transform:translateY(-2px);
    }

    .hero-symbol{
      min-height:430px;
      border-radius:32px;
      background:
        radial-gradient(circle at 80% 12%, rgba(200,144,47,.32), transparent 28%),
        #171717;
      color:#fff;
      display:flex;
      align-items:center;
      justify-content:center;
      position:relative;
      overflow:hidden;
      box-shadow:var(--shadow);
    }

    .hero-symbol svg{
      width:145px;
      height:145px;
      stroke:#fff;
      fill:none;
      stroke-width:1.7;
      stroke-linecap:round;
      stroke-linejoin:round;
      position:relative;
      z-index:2;
    }

    .hero-symbol::after{
      content:"EVENTSERVICE";
      position:absolute;
      bottom:28px;
      left:32px;
      letter-spacing:.22em;
      font-size:.74rem;
      color:#aaa;
      font-weight:700;
    }

    .stripe{
      border-top:1px solid var(--line);
      border-bottom:1px solid var(--line);
      background:#efefe9;
    }

    .stripe-inner{
      min-height:76px;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:34px;
      flex-wrap:wrap;
      text-align:center;
      color:#444;
      font-weight:700;
      font-size:.92rem;
    }

    .dot{
      width:5px;
      height:5px;
      border-radius:50%;
      background:var(--accent);
    }

    section.content-section{padding:92px 0}

    .section-head{
      max-width:780px;
      margin-bottom:42px;
    }

    .label{
      color:var(--accent-dark);
      text-transform:uppercase;
      letter-spacing:.13em;
      font-size:.78rem;
      font-weight:700;
    }

    .section-head h3{
      font-size:clamp(2.2rem,4vw,3.6rem);
      line-height:1.03;
      letter-spacing:-.035em;
      margin-top:12px;
    }

    .section-head p{
      margin-top:16px;
      color:var(--muted);
      font-size:1.02rem;
    }

    .services{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:22px;
    }

    .service-card{
      background:var(--surface);
      border:1px solid var(--line);
      border-radius:var(--radius);
      padding:32px;
      min-height:330px;
      display:flex;
      flex-direction:column;
      transition:.22s ease;
    }

    .service-card:hover{
      transform:translateY(-4px);
      box-shadow:var(--shadow);
    }

    .service-number{
      color:var(--accent-dark);
      font-size:.78rem;
      letter-spacing:.12em;
      font-weight:700;
    }

    .service-card h4{
      font-size:1.65rem;
      margin-top:18px;
      line-height:1.1;
    }

    .service-card p{
      color:var(--muted);
      margin-top:13px;
    }

    .service-card ul{
      margin-top:20px;
      padding-left:18px;
      color:#404040;
    }

    .service-card li+li{margin-top:7px}

    .feature{
      display:grid;
      grid-template-columns:.9fr 1.1fr;
      gap:24px;
      align-items:stretch;
    }

    .feature-dark{
      background:var(--dark);
      color:#fff;
      border-radius:var(--radius);
      padding:38px;
      min-height:390px;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
    }

    .feature-dark svg{
      width:58px;
      height:58px;
      stroke:#fff;
      fill:none;
      stroke-width:1.7;
      stroke-linecap:round;
      stroke-linejoin:round;
    }

    .feature-dark h3{
      font-size:2.25rem;
      line-height:1.08;
      max-width:11ch;
    }

    .feature-dark p{
      color:#bcbcbc;
      margin-top:14px;
      max-width:42ch;
    }

    .feature-copy{
      background:var(--surface);
      border:1px solid var(--line);
      border-radius:var(--radius);
      padding:38px;
    }

    .feature-copy h3{
      font-size:2.2rem;
      line-height:1.08;
      margin-top:12px;
    }

    .feature-copy p{
      color:var(--muted);
      margin-top:16px;
    }

    .boundaries{
      margin-top:24px;
      display:grid;
      gap:12px;
    }

    .boundary{
      border:1px solid var(--line);
      border-radius:14px;
      padding:15px 16px;
      background:#f3f3ef;
    }

    .boundary strong{
      display:block;
      margin-bottom:4px;
    }

    .boundary span{
      color:var(--muted);
      font-size:.92rem;
    }

    .process{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:18px;
    }

    .process-item{
      padding-top:22px;
      border-top:2px solid var(--dark);
    }

    .process-item span{
      color:var(--accent-dark);
      font-size:.8rem;
      font-weight:700;
    }

    .process-item strong{
      display:block;
      margin-top:8px;
      font-size:1.15rem;
    }

    .process-item p{
      color:var(--muted);
      margin-top:7px;
      font-size:.93rem;
    }

    .cta{
      background:var(--dark);
      color:#fff;
      border-radius:30px;
      padding:56px;
      display:grid;
      grid-template-columns:1.2fr .8fr;
      gap:30px;
      align-items:center;
    }

    .cta h3{
      font-size:clamp(2.1rem,4vw,3.5rem);
      line-height:1.03;
      max-width:12ch;
    }

    .cta p{
      color:#c9c9c9;
      margin-top:16px;
      max-width:55ch;
    }

    .cta-actions{
      display:flex;
      justify-content:flex-end;
    }

    .cta .btn{
      background:var(--accent);
      border-color:var(--accent);
      color:#151515;
    }

    .cta .btn:hover{background:#dda84a}

    footer{padding:36px 0 48px}

    .footer-inner{
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      gap:30px;
      border-top:1px solid var(--line);
      padding-top:28px;
      color:var(--muted);
      font-size:.9rem;
    }

    .footer-brand strong{
      color:var(--text);
      font-size:1.15rem;
    }

    .footer-links{
      display:flex;
      gap:18px;
      flex-wrap:wrap;
      justify-content:flex-end;
    }

    @media(max-width:900px){
      .nav-links{display:none}
      .hero-grid,.feature,.cta{grid-template-columns:1fr}
      .services{grid-template-columns:1fr}
      .process{grid-template-columns:1fr}
      .hero-symbol{min-height:300px}
      .cta-actions{justify-content:flex-start}
    }

    @media(max-width:580px){
      .hero{padding-top:62px}
      h1{font-size:3.45rem}
      section.content-section{padding:68px 0}
      .service-card,.feature-copy,.feature-dark{padding:26px}
      .cta{padding:34px 26px}
      .footer-inner{
        align-items:flex-start;
        flex-direction:column;
      }
      .footer-links{justify-content:flex-start}
    }

/* WordPress compatibility */
body.admin-bar header{top:32px}
@media(max-width:782px){body.admin-bar header{top:46px}}