.container{
      width: 100%;
      max-width: var(--container);
      margin: 0 auto;
      padding: 0 18px;
    }

    /* Header */
    .header{
      position: sticky;
      top: 0;
      z-index: 50;
      background: rgba(255,255,255,.82);
      backdrop-filter: blur(10px);
      border-bottom: 1px solid var(--border);
    }
    .header__row{
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      padding: 14px 0;
    }

    .nav a{
      font-size: 14px;
      color: var(--muted);
      padding: 8px 10px;
      border-radius: 999px;
      transition: background .2s ease, color .2s ease;
    }
    .nav a:hover{
      background: rgba(30, 94, 255, .08);
      color: var(--text);
      text-decoration: none;
    }

    .header__cta{
      display: flex;
      align-items: center;
      gap: 10px;
      justify-content: flex-end;
      min-width: 220px;
    }

    /* Buttons */
    .btn{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      border-radius: 999px;
      padding: 12px 16px;
      font-weight: 700;
      font-size: 14px;
      border: 1px solid transparent;
      cursor: pointer;
      transition: transform .05s ease, background .2s ease, border-color .2s ease, color .2s ease;
      user-select: none;
      white-space: nowrap;
    }
    .btn:active{ transform: translateY(1px); }

    .btn--primary{
      background: #f08c34;
      color: #fff;
      box-shadow: 0 12px 26px rgba(30, 94, 255, .22);
    }
    .btn--primary:hover{ filter: brightness(1.02); text-decoration: none; }

    .btn--accent{
      background: #f08c34;
      color: #fff;
      box-shadow: 0 12px 26px rgba(255, 90, 0, .20);
    }
    .btn--accent:hover{ filter: brightness(1.02); text-decoration: none; }

    .btn--ghost{
      background: rgba(15, 23, 42, .04);
      border-color: rgba(15, 23, 42, .08);
      color: var(--text);
    }
    .btn--ghost:hover{
      background: rgba(30, 94, 255, .08);
      border-color: rgba(30, 94, 255, .18);
      text-decoration: none;
    }

    .btn svg{ width: 18px; height: 18px; fill: currentColor; opacity: .95; }

    /* Main */
    main{ padding: 26px 0 70px; }

    .breadcrumbs{
      font-size: 13px;
      color: var(--muted);
      display: flex;
      gap: 8px;
      align-items: center;
      flex-wrap: wrap;
      margin: 10px 0 14px;
    }
    .breadcrumbs a{ color: var(--muted); }
    .breadcrumbs .sep{ opacity: .55; }

    .hero{
      background: linear-gradient(180deg, rgba(30, 94, 255, .08), rgba(255,255,255,0));
      border: 1px solid var(--border);
      border-radius: var(--radius);
      padding: 22px;
      box-shadow: var(--shadow);
      overflow: hidden;
      position: relative;
    }
    .hero:before{
      content: "";
      position: absolute;
      width: 420px;
      height: 420px;
      right: -220px;
      top: -240px;
      background: radial-gradient(circle at 30% 30%, rgba(255, 122, 24, .35), transparent 60%);
      filter: blur(2px);
      pointer-events: none;
    }
    .hero__grid{
      display: grid;
      grid-template-columns: 1.1fr .9fr;
      gap: 18px;
      align-items: start;
    }
    .hero h1{
      margin: 0 0 10px;
      font-size: clamp(24px, 2.4vw, 34px);
      line-height: 1.15;
      letter-spacing: -0.2px;
    }
    .hero p{
      margin: 0 0 14px;
      color: var(--muted);
      max-width: 60ch;
    }

    .hero__badges{
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 14px;
    }
    .badge{
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 10px 12px;
      border-radius: 999px;
      background: rgba(255,255,255,.72);
      border: 1px solid rgba(15, 23, 42, .08);
      font-size: 13px;
      color: var(--text);
      box-shadow: 0 10px 18px rgba(2, 6, 23, .06);
    }
    .badge svg{ width: 16px; height: 16px; fill: var(--blue); opacity: .95; }

    .hero__actions{
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
      margin-top: 14px;
    }

    /* Content grid */
    .content{
      margin-top: 18px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 18px;
      align-items: start;
    }

    .card{
      background: rgba(255,255,255,.9);
      border: 1px solid var(--border);
      border-radius: var(--radius);
      box-shadow: var(--shadow);
      overflow: hidden;
    }
    .card__head{
      padding: 18px 18px 0;
    }
    .card__title{
      margin: 0;
      font-size: 18px;
      letter-spacing: -0.1px;
    }
    .card__sub{
      margin: 8px 0 0;
      color: var(--muted);
      font-size: 14px;
    }
    .card__body{ padding: 18px; }

    /* Contact items */
    .list{
      display: grid;
      gap: 12px;
      margin: 0;
      padding: 0;
      list-style: none;
    }
    .list__item{
      display: grid;
      grid-template-columns: 44px 1fr;
      gap: 12px;
      align-items: start;
      padding: 14px;
      border-radius: var(--radius-sm);
      background: rgba(15, 23, 42, .03);
      border: 1px solid rgba(15, 23, 42, .06);
    }
    .ico{
      width: 44px;
      height: 44px;
      border-radius: 14px;
      display: grid;
      place-items: center;
      background: rgba(30, 94, 255, .10);
      border: 1px solid rgba(30, 94, 255, .16);
    }
    .ico svg{ width: 22px; height: 22px; fill: var(--blue); }
    .list__item h3{
      margin: 0;
      font-size: 14px;
      color: var(--muted);
      font-weight: 700;
      letter-spacing: .2px;
      text-transform: none;
    }
    .list__item .val{
      margin-top: 4px;
      font-size: 16px;
      font-weight: 800;
      letter-spacing: .2px;
    }
    .list__item .hint{
      margin-top: 6px;
      font-size: 13px;
      color: var(--muted);
    }

    .pill-row{
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 12px;
    }

    /* Form */
    form{ margin: 0; }
    .form{
      display: grid;
      gap: 12px;
    }
    .field{
      display: grid;
      gap: 6px;
    }
    .label{
      font-size: 13px;
      color: var(--muted);
      font-weight: 700;
    }
    .input, .textarea, .select{
      width: 100%;
      border-radius: 14px;
      padding: 12px 12px;
      border: 1px solid rgba(15, 23, 42, .12);
      background: #fff;
      color: var(--text);
      outline: none;
      transition: border-color .2s ease, box-shadow .2s ease;
      font-size: 14px;
    }
    .textarea{ min-height: 110px; resize: vertical; }
    .input:focus, .textarea:focus, .select:focus{
      border-color: rgba(30, 94, 255, .50);
      box-shadow: 0 0 0 4px rgba(30, 94, 255, .12);
    }
    .form__row{
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
    }
    .note{
      font-size: 12px;
      color: var(--muted);
    }

    /* Map */
    .map-wrap{
      border-top: 1px solid var(--border);
      background: var(--surface);
    }
    .map{
      width: 100%;
      height: 360px;
      border: 0;
      display: block;
    }

    /* SEO blocks */
    .seo{
      margin-top: 18px;
      background: rgba(255,255,255,.86);
      border: 1px solid var(--border);
      border-radius: var(--radius);
      box-shadow: var(--shadow);
      padding: 18px;
    }
    .seo h2{
      margin: 0 0 10px;
      font-size: 18px;
      letter-spacing: -0.1px;
    }
    .seo p{
      margin: 0;
      color: var(--muted);
      max-width: 90ch;
    }

    .faq{
      margin-top: 18px;
      background: rgba(255,255,255,.86);
      border: 1px solid var(--border);
      border-radius: var(--radius);
      box-shadow: var(--shadow);
      padding: 18px;
    }
    .faq h2{
      margin: 0 0 12px;
      font-size: 18px;
      letter-spacing: -0.1px;
    }
    details{
      border: 1px solid rgba(15, 23, 42, .10);
      background: rgba(15, 23, 42, .03);
      border-radius: 14px;
      padding: 12px 14px;
      margin-top: 10px;
    }
    summary{
      cursor: pointer;
      font-weight: 800;
      color: var(--text);
      outline: none;
    }
    details p{
      margin: 10px 0 0;
      color: var(--muted);
    }

    /* Footer */
    .footer{
      border-top: 1px solid var(--border);
      padding: 22px 0;
      color: var(--muted);
      font-size: 13px;
      background: rgba(255,255,255,.75);
    }
    .footer__grid{
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 16px;
      align-items: center;
    }
    .footer a{ color: var(--muted); }
    .mini-links{
      display: flex;
      gap: 12px;
      flex-wrap: wrap;
      justify-content: flex-end;
    }

    /* Responsive */
    @media (max-width: 980px){
      .hero__grid{ grid-template-columns: 1fr; }
      .content{ grid-template-columns: 1fr; }
      .header__cta{ display: none; }
    }
    @media (max-width: 520px){
      .form__row{ grid-template-columns: 1fr; }
      .brand{ min-width: unset; }
      .nav{ display: none; }
      .map{ height: 320px; }
    }