/*styling*/
  :root {
    /*colours*/
    --navy:   #0F1F3D;
    --navy2:  #1A2E52;
    --orange: #F97316;
    --orange2:#EA6200;
    --teal:   #0E7C86;
    --white:  #FFFFFF;
    --offwhite:#F8F9FA;
    --grey:   #E9ECEF;
    --muted:  #6B7A99;
    --dark:   #0A1628;
    /*Typography*/
    --font-heading:'Lora', serif;
    --font-body:'Inter', sans-serif;
    /*Border Radius*/
    --radius-sm:8px;
    --radius-md:12px;
    --radius-lg:16px;
    /*Shadows*/
    --shadow-sm:0 4px 12px rgba(0,0,0,.08);
    --shadow-md:0 8px 24px rgba(0,0,0,.12);
    /*Animation*/
    --transition-fast:.2s ease;
    --transition-normal:.3s ease;
    /*Layout*/
    --container-width:1200px;
    --nav-height:64px;
  }
  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
  html { scroll-behavior: smooth; }
  body { font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; color: var(--navy); background: var(--white); line-height: 1.6; }
  .btn-primary { position: relative; display: inline-flex; align-items: center; gap: 8px; background: var(--orange); color: white; font-weight: 700; padding: 14px 28px; border-radius: 8px; text-decoration: none; font-size: 0.95rem; transition: background 0.2s, transform 0.1s; }
  .btn-primary:hover { background: var(--orange2); transform: translateY(-1px); }
  .btn-primary::after {
    content: ''; position: absolute; inset: -6px; border-radius: 14px;
    border: 2px solid rgba(249,115,22,0.4);
    animation: pulse-ring 2.4s ease-out infinite;
  }
  .btn-outline { display: inline-flex; align-items: center; gap: 8px; border: 2px solid rgba(255,255,255,0.3); color: var(--white); font-weight: 600; padding: 13px 26px; border-radius: 8px; text-decoration: none; font-size: 0.95rem; transition: border-color 0.2s, background 0.2s; }
  .btn-outline:hover { border-color: var(--teal); background: rgba(14,124,134,0.1); }
   /* ── SECTIONS COMMON ── */
  section { padding: 88px 5%; }
  .section-inner { max-width: 1200px; margin: 0 auto; }
  .section-tag { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--orange); margin-bottom: 12px; }
  .section-title { font-family: Georgia, serif; font-size: clamp(1.8rem, 3.5vw, 2.6rem); font-weight: 700; color: var(--navy); line-height: 1.2; margin-bottom: 16px; }
  .section-sub { color: var(--muted); font-size: 1rem; max-width: 560px; margin-bottom: 48px; }
  .divider { width: 48px; height: 4px; background: var(--orange); border-radius: 2px; margin-bottom: 20px; }