/* ---- hero ---- */
  .fhero{padding:70px 0 60px; text-align:center;}
  .fhero h1{ font-size:clamp(2.1rem,4vw,3.1rem); font-weight:600; line-height:1.12; max-width:820px; margin:16px auto 22px; }
  .fhero h1 em{font-style:italic; color:var(--vermilion);}
  .fhero p{ max-width:640px; margin:0 auto 34px; color:var(--ink-soft); font-size:17px; }
  .fhero .hero-ctas{display:flex; gap:16px; justify-content:center; flex-wrap:wrap;}
  .skyline{width:100%; display:block; height:56px;}

  .section-head{ text-align:center; margin-bottom:48px; }
  .section-head h2{font-size:clamp(1.7rem,2.8vw,2.3rem); font-weight:600; margin-top:14px;}
  .section-head p{max-width:640px; margin:14px auto 0; color:var(--ink-soft); font-size:16px;}

  /* ---- get in touch cards ---- */
  .touch{padding:70px 0 20px; background:var(--bg-alt);}
  .touch-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:46px;}
  .touch-card{ background:var(--bg); border-radius:var(--radius); padding:30px 26px; border:1px solid var(--line); display:flex; flex-direction:column; gap:14px; transition:transform .3s ease, box-shadow .3s ease; }
  .touch-card:hover{transform:translateY(-6px); box-shadow:var(--shadow);}
  .touch-icon{ width:48px;height:48px; border-radius:12px; background:var(--maroon-deep); display:flex; align-items:center; justify-content:center; }
  .touch-icon svg{width:24px;height:24px; color:var(--gold-light);}
  .touch-card h3{font-size:17px; font-weight:600;}
  .touch-card p{margin:0; color:var(--ink-soft); font-size:15px; line-height:1.55;}
  .touch-card a.link{color:var(--vermilion); font-weight:600; font-size:14.5px; display:inline-flex; align-items:center; gap:6px; margin-top:2px;}
  .touch-card a.link svg{width:14px;height:14px;}
  @media (max-width:900px){ .touch-grid{grid-template-columns:1fr;} }

  /* ---- contact form + sidebar ---- */
  .contact-main{padding:90px 0; background:var(--bg-alt);}
  .contact-layout{display:grid; grid-template-columns:1.4fr 1fr; gap:40px; align-items:start;}
  .form-card{ background:var(--bg); border-radius:26px; padding:40px 38px; border:1px solid var(--line); box-shadow:var(--shadow); }
  .form-card .plan-tag{font-family:'Fraunces',serif; font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--vermilion); font-weight:600;}
  .form-card h3{font-size:26px; margin:8px 0 6px;}
  .form-card .desc{color:var(--ink-soft); font-size:14.5px; margin:0 0 28px;}
  .field-row{display:grid; grid-template-columns:1fr 1fr; gap:18px;}
  .field{margin-bottom:20px;}
  .field label{display:block; font-size:13.5px; font-weight:600; color:var(--ink); margin-bottom:8px;}
  .field input, .field select, .field textarea{
    width:100%; font-family:'Work Sans',sans-serif; font-size:15px; color:var(--ink);
    background:var(--bg-alt); border:1.5px solid var(--line); border-radius:12px; padding:13px 16px;
    transition:border-color .2s ease, background .2s ease;
  }
  .field input:focus, .field select:focus, .field textarea:focus{ outline:none; border-color:var(--vermilion); background:var(--bg); }
  .field textarea{resize:vertical; min-height:130px; font-family:'Work Sans',sans-serif;}
  .form-note{font-size:12.5px; color:var(--ink-soft); margin-top:6px;}
  .form-status{font-size:14px; margin-top:16px; display:none;}
  .form-status.show{display:block;}
  @media (max-width:640px){ .field-row{grid-template-columns:1fr;} }

  .sidebar{display:flex; flex-direction:column; gap:22px;}
  .side-card{ background:var(--maroon-deep); border-radius:22px; padding:30px 28px; color:#F2E4CB; }
  .side-card .plan-tag{font-family:'Fraunces',serif; font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--gold-light); font-weight:600;}
  .side-card h3{color:#F7E9C9; font-size:19px; margin:10px 0 12px;}
  .side-card p{color:rgba(242,228,203,0.78); font-size:14.5px; margin:0 0 16px;}
  .side-list{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:11px;}
  .side-list li{display:flex; gap:10px; font-size:14px; align-items:flex-start; color:rgba(242,228,203,0.85);}
  .side-list svg{width:16px;height:16px; margin-top:2px; flex-shrink:0; color:var(--gold-light);}
  .side-card.light{ background:var(--bg); color:var(--ink); border:1px solid var(--line); }
  .side-card.light .plan-tag{color:var(--vermilion);}
  .side-card.light h3{color:var(--maroon-deep);}
  .side-card.light p{color:var(--ink-soft);}
  .side-card.light .side-list li{color:var(--ink-soft);}
  .side-card.light .side-list svg{color:var(--teal);}
  .hours-row{display:flex; justify-content:space-between; font-size:14.5px; padding:10px 0; border-bottom:1px dashed var(--line);}
  .hours-row:last-child{border-bottom:none;}
  .hours-row span:first-child{color:var(--ink-soft);}
  .hours-row span:last-child{font-weight:600;}

  @media (max-width:960px){ .contact-layout{grid-template-columns:1fr;} }

  /* ---- support categories grid ---- */
  .more-features{padding:100px 0;}
  .more-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
  .more-card{ background:var(--bg-alt); border-radius:var(--radius); padding:26px 24px; border:1px solid var(--line); transition:transform .3s ease, box-shadow .3s ease, background .3s ease; display:flex; align-items:center; gap:16px; }
  .more-card:hover{transform:translateY(-6px); box-shadow:var(--shadow); background:#fff;}
  .more-icon{ width:44px;height:44px; border-radius:12px; background:var(--maroon-deep); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
  .more-icon svg{width:22px;height:22px; color:var(--gold-light);}
  .more-card span{font-size:15px; font-weight:500;}
  @media (max-width:1000px){ .more-grid{grid-template-columns:1fr 1fr;} }
  @media (max-width:600px){ .more-grid{grid-template-columns:1fr;} }

  /* ---- business enquiries ---- */
  .biz{padding:20px 0 100px;}
  .biz-card{ background:var(--maroon-deep); border-radius:26px; padding:48px 44px; color:#F2E4CB; box-shadow:var(--shadow); display:grid; grid-template-columns:1.1fr 1fr; gap:40px; align-items:center; }
  .biz-card h3{color:#F7E9C9; font-size:26px; margin:10px 0 12px;}
  .biz-card p{color:rgba(242,228,203,0.78); font-size:15px; margin:0 0 22px; max-width:440px;}
  .biz-chip-row{display:flex; flex-wrap:wrap; gap:10px;}
  .biz-chip{ background:rgba(251,243,231,0.08); border:1px solid rgba(251,243,231,0.16); border-radius:100px; padding:9px 16px; font-size:13.5px; font-weight:500; }
  @media (max-width:860px){ .biz-card{grid-template-columns:1fr;} }