:root{
    --orange:#F1791C;
    --orange-light:#FF9A4D;
    --orange-dark:#D9670F;
    --navy:#0E1626;
    --navy-2:#182238;
    --navy-3:#212C46;
    --ink:#16233F;
    --slate:#647087;
    --mint:#EAF6EA;
    --line:rgba(22,35,63,0.10);
    --white:#FFFFFF;
  }

  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    background:var(--white);
    color:var(--ink);
    font-family:'Inter',sans-serif;
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3,h4{ font-family:'Poppins',sans-serif; margin:0; color:var(--ink); }
  p{ margin:0; line-height:1.7; color:var(--slate); }
  a{ text-decoration:none; color:inherit; }
  ul{ margin:0; padding:0; list-style:none; }
  .wrap{ max-width:1200px; margin:0 auto; padding:0 32px; }

  /* ============ LOGO ============ */
  .logo{ display:inline-flex; align-items:baseline; gap:2px; font-family:'Poppins',sans-serif; font-weight:800; font-size:26px; letter-spacing:-0.02em; }
  .logo .p{ color:var(--ink); } .logo .e{ color:var(--orange); } .logo .c{ color:var(--ink); }
  .logo .swirl{ color:var(--orange); font-size:20px; margin-left:1px; }

  /* ============ HEADER ============ */
  header{ padding:20px 0 0; }
  .topbar-shell{
    max-width:1136px; margin:0 auto; background:var(--white);
    border:1px solid #DCEFDD; border-radius:60px; padding:14px 28px;
    display:flex; align-items:center; justify-content:space-between; gap:20px;
    box-shadow:0 12px 30px rgba(16,25,44,0.06);
  }
  .topbar-links{ display:flex; gap:28px; font-size:13.5px; font-weight:600; color:var(--ink); }
  .topbar-links a:hover{ color:var(--orange); }
  .call-btn{ display:inline-flex; align-items:center; gap:9px; background:var(--orange); color:var(--white); font-size:13px; font-weight:600; padding:11px 20px; border-radius:30px; }
  .call-btn svg{ width:14px; height:14px; }
  .call-btn:hover{ background:var(--orange-dark); }

  .navbar-mint{ background:var(--mint); margin-top:14px; }
  .navbar-mint .wrap{ display:flex; justify-content:center; gap:34px; padding:13px 32px; font-size:13.5px; font-weight:600; color:var(--ink); flex-wrap:wrap; }
  .navbar-mint a{ display:flex; align-items:center; gap:5px; }
  .navbar-mint a:hover{ color:var(--orange); }
  .navbar-mint .active{ color:var(--orange); }
  .navbar-mint .caret{ font-size:9px; opacity:.6; }

  .breadcrumb{ max-width:1200px; margin:16px auto 0; padding:0 32px 18px; font-size:13px; color:var(--slate); }
  .breadcrumb .sep{ margin:0 6px; color:#c7cede; }
  .breadcrumb .current{ color:var(--ink); font-weight:600; }

  /* ============ shared pieces ============ */
  .eyebrow{
    display:inline-flex; align-items:center; gap:8px; background:var(--mint); color:#2C7A39;
    font-size:12.5px; font-weight:700; padding:7px 18px; border-radius:30px; margin-bottom:16px;
  }
  .pill-btn{
    display:inline-flex; align-items:center; gap:14px; background:var(--white); color:var(--ink);
    font-weight:600; font-size:14.5px; padding:8px 8px 8px 26px; border-radius:40px;
    box-shadow:0 10px 24px rgba(0,0,0,0.18); transition:transform .2s ease, box-shadow .2s ease;
  }
  .pill-btn:hover{ transform:translateY(-2px); box-shadow:0 14px 28px rgba(0,0,0,0.22); }
  .pill-btn .circle{ width:36px; height:36px; border-radius:50%; background:var(--orange); display:flex; align-items:center; justify-content:center; }
  .pill-btn .circle svg{ width:16px; height:16px; color:var(--white); }
  .pill-btn.dark{ background:var(--navy); color:var(--white); }
  .pill-btn.dark .circle{ background:var(--orange); }

  /* ============ HERO — About Private Exam Centre ============ */
  .about-hero{
    position:relative;
    background:linear-gradient(150deg, var(--navy) 0%, var(--navy-2) 55%, #2a2116 100%);
    padding:100px 0 120px;
    overflow:hidden;
  }
  .about-hero::before{
    content:"";
    position:absolute; top:-140px; right:-120px;
    width:480px; height:480px; border-radius:50%;
    background:radial-gradient(circle, rgba(241,121,28,0.35), transparent 70%);
  }
  .about-hero::after{
    content:"";
    position:absolute; bottom:-160px; left:-100px;
    width:420px; height:420px; border-radius:50%;
    background:radial-gradient(circle, rgba(241,121,28,0.18), transparent 70%);
  }
  .about-hero-inner{ position:relative; max-width:680px; }
  .about-hero .eyebrow{ background:rgba(241,121,28,0.16); color:var(--orange-light); }
  .about-hero h1{
    color:var(--white); font-size:clamp(32px,4.6vw,50px); font-weight:700; line-height:1.14;
    margin:16px 0 22px;
  }
  .about-hero p{ color:rgba(255,255,255,0.7); font-size:16.5px; max-width:52ch; margin-bottom:38px; }

  /* stat strip in hero */
  .stat-strip{ display:flex; gap:46px; margin-bottom:44px; flex-wrap:wrap; }
  .stat-strip div{ border-left:2px solid var(--orange); padding-left:16px; }
  .stat-strip b{ display:block; font-family:'Poppins',sans-serif; color:var(--white); font-size:26px; font-weight:700; }
  .stat-strip span{ color:rgba(255,255,255,0.55); font-size:12.5px; }

  /* ============ WELCOME ============ */
  .welcome{ padding:88px 0; }
  .welcome-inner{ display:grid; grid-template-columns:0.9fr 1.1fr; gap:64px; align-items:center; }
  .welcome-visual{
    position:relative;
    border-radius:24px;
    aspect-ratio:1/1;
    background:linear-gradient(135deg, var(--orange-light), var(--orange) 45%, var(--orange-dark));
    display:flex; align-items:center; justify-content:center;
    overflow:hidden;
  }
  .welcome-visual::before{
    content:"";
    position:absolute; inset:0;
    background-image:radial-gradient(circle at 25% 25%, rgba(255,255,255,0.25), transparent 40%);
  }
  .welcome-visual .badge-card{
    position:relative;
    background:rgba(255,255,255,0.14);
    backdrop-filter:blur(14px);
    border:1px solid rgba(255,255,255,0.3);
    border-radius:18px;
    padding:26px 24px;
    width:78%;
    color:var(--white);
  }
  .welcome-visual .badge-card svg{ width:34px; height:34px; margin-bottom:14px; }
  .welcome-visual .badge-card h4{ color:var(--white); font-size:17px; margin-bottom:6px; }
  .welcome-visual .badge-card p{ color:rgba(255,255,255,0.85); font-size:13px; }

  .welcome-text .eyebrow{ background:var(--mint); color:#2C7A39; }
  .welcome-text h2{ font-size:clamp(26px,3.2vw,36px); line-height:1.2; margin-bottom:18px; }
  .welcome-text p{ font-size:15.5px; max-width:56ch; }

  /* ============ WHAT MAKES US DIFFERENT ============ */
  .different{ background:var(--mint); padding:92px 0 100px; }
  .different-head{ text-align:center; max-width:620px; margin:0 auto 52px; }
  .different-head .eyebrow{ background:rgba(255,255,255,0.7); }
  .different-head h2{ font-size:clamp(26px,3vw,34px); line-height:1.2; }

  .different-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
  .diff-card{
    background:var(--white); border-radius:18px; padding:32px 26px;
    box-shadow:0 8px 24px rgba(16,25,44,0.05);
    transition:transform .2s ease, box-shadow .2s ease;
  }
  .diff-card:hover{ transform:translateY(-4px); box-shadow:0 16px 34px rgba(16,25,44,0.10); }
  .diff-num{
    display:inline-flex; align-items:center; justify-content:center;
    width:40px; height:40px; border-radius:12px;
    background:linear-gradient(135deg, var(--orange), var(--orange-dark));
    color:var(--white); font-family:'Poppins',sans-serif; font-weight:700; font-size:14px;
    margin-bottom:18px;
  }
  .diff-card h4{ font-size:18px; margin-bottom:10px; }
  .diff-card p{ font-size:14px; }

  /* ============ MISSION ============ */
  .mission{ padding:0 0 100px; }
  .mission-box{
    position:relative;
    background:linear-gradient(120deg, var(--navy) 0%, var(--navy-2) 100%);
    border-radius:28px;
    padding:70px 64px;
    text-align:center;
    overflow:hidden;
  }
  .mission-box::before{
    content:"";
    position:absolute; inset:0;
    background:linear-gradient(120deg, rgba(241,121,28,0.22), transparent 55%);
  }
  .mission-box-inner{ position:relative; max-width:660px; margin:0 auto; }
  .mission-box .eyebrow{ background:rgba(241,121,28,0.18); color:var(--orange-light); }
  .mission-box h2{ color:var(--white); font-size:clamp(26px,3.2vw,36px); line-height:1.25; margin:16px 0 20px; }
  .mission-box p{ color:rgba(255,255,255,0.7); font-size:15.5px; margin-bottom:34px; }
  .mission-box .pill-btn{ margin:0 auto; }

  /* ============ FOOTER ============ */
  footer{ background:var(--navy); padding:72px 0 0; }
  .footer-grid{ display:grid; grid-template-columns:1.1fr 1fr 1.2fr 1.3fr; gap:30px; padding-bottom:56px; border-bottom:1px solid rgba(255,255,255,0.08); }
  .footer-grid h5{ color:var(--white); font-family:'Poppins',sans-serif; font-weight:600; font-size:15.5px; margin-bottom:20px; }
  .footer-grid ul li{ margin-bottom:12px; }
  .footer-grid ul li a{ color:rgba(255,255,255,0.62); font-size:13.5px; }
  .footer-grid ul li a:hover{ color:var(--orange-light); }
  .socials{ display:flex; gap:12px; margin-top:22px; }
  .socials a{ width:32px; height:32px; border-radius:50%; border:1px solid rgba(255,255,255,0.18); display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,0.7); }
  .socials a svg{ width:14px; height:14px; }
  .socials a:hover{ background:var(--orange); border-color:var(--orange); color:var(--white); }
  .subscribe{ display:flex; margin-top:14px; margin-bottom:24px; }
  .subscribe input{ flex:1; background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.14); border-radius:8px 0 0 8px; padding:12px 14px; color:var(--white); font-size:13.5px; font-family:'Inter',sans-serif; }
  .subscribe input::placeholder{ color:rgba(255,255,255,0.4); }
  .subscribe button{ background:var(--orange); color:var(--white); border:none; padding:0 20px; border-radius:0 8px 8px 0; font-weight:600; font-size:13.5px; font-family:'Inter',sans-serif; cursor:pointer; }
  .contact-lines li{ display:flex; align-items:center; gap:10px; color:rgba(255,255,255,0.68); font-size:13.5px; margin-bottom:12px; }
  .contact-lines svg{ width:15px; height:15px; color:var(--orange-light); flex:none; }
  .footer-bottom{ background:var(--white); display:flex; align-items:center; justify-content:space-between; padding:20px 40px; }
  .footer-bottom .copyright{ font-size:13px; color:var(--slate); }

  /* ============ responsive ============ */
  @media (max-width:980px){
    .welcome-inner{ grid-template-columns:1fr; }
    .welcome-visual{ order:-1; max-width:420px; margin:0 auto; }
    .different-grid{ grid-template-columns:1fr 1fr; }
    .footer-grid{ grid-template-columns:1fr 1fr; }
    .topbar-links{ display:none; }
    .mission-box{ padding:56px 32px; }
  }
  @media (max-width:600px){
    .wrap{ padding:0 20px; }
    .topbar-shell{ border-radius:24px; padding:14px 18px; }
    .navbar-mint .wrap{ gap:16px; padding:12px 20px; }
    .about-hero{ padding:72px 0 88px; }
    .stat-strip{ gap:26px; }
    .different-grid{ grid-template-columns:1fr; }
    .footer-grid{ grid-template-columns:1fr; }
    .footer-bottom{ flex-direction:column; gap:14px; text-align:center; padding:20px; }
  }

  a:focus-visible, button:focus-visible{ outline:2px solid var(--orange); outline-offset:2px; }

  :root{
    --orange:#F1791C;
    --orange-light:#FF9A4D;
    --orange-dark:#D9670F;
    --navy:#0E1626;
    --navy-2:#182238;
    --navy-3:#212C46;
    --ink:#16233F;
    --slate:#647087;
    --mint:#EAF6EA;
    --line:rgba(22,35,63,0.10);
    --white:#FFFFFF;
  }

  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    background:var(--white);
    color:var(--ink);
    font-family:'Inter',sans-serif;
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3,h4{
    font-family:'Poppins',sans-serif;
    margin:0;
    color:var(--ink);
  }
  p{ margin:0; line-height:1.7; color:var(--slate); }
  a{ text-decoration:none; color:inherit; }
  ul{ margin:0; padding:0; list-style:none; }
  .wrap{ max-width:1200px; margin:0 auto; padding:0 32px; }

  /* ============ LOGO ============ */
  .logo{
    display:inline-flex;
    align-items:baseline;
    gap:2px;
    font-family:'Poppins',sans-serif;
    font-weight:800;
    font-size:26px;
    letter-spacing:-0.02em;
  }
  .logo .p{ color:var(--ink); }
  .logo .e{ color:var(--orange); }
  .logo .c{ color:var(--ink); }
  .logo .swirl{ color:var(--orange); font-size:20px; margin-left:1px; }

  /* ============ HEADER ============ */
  header{ padding:20px 0 0; }
  .topbar-shell{
    max-width:1200px;
    margin:0 auto;
    background:var(--white);
    border:1px solid #DCEFDD;
    border-radius:60px;
    padding:14px 28px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    box-shadow:0 12px 30px rgba(16,25,44,0.06);
  }
  .topbar-links{
    display:flex;
    gap:28px;
    font-size:13.5px;
    font-weight:600;
    color:var(--ink);
  }
  .topbar-links a:hover{ color:var(--orange); }
  .call-btn{
    display:inline-flex;
    align-items:center;
    gap:9px;
    background:var(--orange);
    color:var(--white);
    font-size:13px;
    font-weight:600;
    padding:11px 20px;
    border-radius:30px;
  }
  .call-btn svg{ width:14px; height:14px; }
  .call-btn:hover{ background:var(--orange-dark); }

  .navbar-mint{
    background:var(--mint);
    margin-top:14px;
  }
  .navbar-mint .wrap{
    display:flex;
    justify-content:center;
    gap:34px;
    padding:13px 32px;
    font-size:13.5px;
    font-weight:600;
    color:var(--ink);
    flex-wrap:wrap;
  }
  .navbar-mint a{ display:flex; align-items:center; gap:5px; }
  .navbar-mint a:hover{ color:var(--orange); }
  .navbar-mint .active{ color:var(--orange); }
  .navbar-mint .caret{ font-size:9px; opacity:.6; }

  .breadcrumb{
    max-width:1200px;
    margin:16px auto 0;
    padding:0 32px 18px;
    font-size:13px;
    color:var(--slate);
  }
  .breadcrumb .sep{ margin:0 6px; color:#c7cede; }
  .breadcrumb .current{ color:var(--ink); font-weight:600; }

  /* ============ HERO ============ */
  .hero{
    position:relative;
    background:linear-gradient(180deg,
      var(--orange-light) 0%,
      var(--orange) 9%,
      #4a3323 24%,
      var(--navy) 46%,
      var(--navy) 56%,
      #3a2a19 76%,
      var(--orange) 94%,
      var(--orange-light) 100%);
    padding:64px 0 80px;
    overflow:hidden;
  }
  .hero::before{
    content:"";
    position:absolute; inset:0;
    background-image:radial-gradient(circle at 20% 15%, rgba(255,255,255,0.10), transparent 40%),
                      radial-gradient(circle at 85% 85%, rgba(255,255,255,0.08), transparent 40%);
    pointer-events:none;
  }
  .hero-inner{ position:relative; text-align:center; }
  .badge{
    display:inline-block;
    background:rgba(255,255,255,0.92);
    color:var(--orange-dark);
    font-size:12.5px;
    font-weight:700;
    padding:9px 22px;
    border-radius:30px;
    margin-bottom:22px;
  }
  .hero h1{
    color:var(--white);
    font-size:clamp(30px,4.2vw,44px);
    font-weight:700;
    line-height:1.18;
    max-width:16ch;
    margin:0 auto 20px;
  }
  .hero > .wrap > p{
    color:rgba(255,255,255,0.82);
    max-width:64ch;
    margin:0 auto 48px;
    font-size:15.5px;
  }

  .card-row{
    display:grid;
    grid-template-columns:0.85fr 1.15fr 0.85fr;
    gap:22px;
    align-items:stretch;
    margin-bottom:44px;
  }
  .glass-card{
    background:rgba(255,255,255,0.07);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    border:1px solid rgba(255,255,255,0.16);
    border-radius:18px;
    padding:30px 26px;
    text-align:left;
  }
  .glass-card.raise{
    padding-top:38px;
    padding-bottom:38px;
    background:rgba(20,28,46,0.55);
  }
  .glass-card h3{
    color:var(--white);
    font-size:18px;
    font-weight:600;
    margin-bottom:12px;
    line-height:1.3;
  }
  .glass-card p{
    color:rgba(255,255,255,0.72);
    font-size:14px;
  }
  .diamond-list{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px 18px;
  }
  .diamond-list li{
    display:flex;
    align-items:flex-start;
    gap:9px;
    font-size:13.5px;
    font-weight:600;
    color:rgba(255,255,255,0.88);
    line-height:1.4;
  }
  .diamond-list li svg{
    flex:none;
    width:9px; height:9px;
    margin-top:5px;
    color:var(--orange);
  }

  .pill-btn{
    display:inline-flex;
    align-items:center;
    gap:14px;
    background:var(--white);
    color:var(--ink);
    font-weight:600;
    font-size:14.5px;
    padding:8px 8px 8px 26px;
    border-radius:40px;
    box-shadow:0 10px 24px rgba(0,0,0,0.18);
    transition:transform .2s ease, box-shadow .2s ease;
  }
  .pill-btn:hover{ transform:translateY(-2px); box-shadow:0 14px 28px rgba(0,0,0,0.22); }
  .pill-btn .circle{
    width:36px; height:36px;
    border-radius:50%;
    background:var(--orange);
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .pill-btn .circle svg{ width:16px; height:16px; color:var(--white); }

  /* ============ WHY CHOOSE (checklist) ============ */
  .why{ padding:88px 0 96px; }
  .why-head{
    text-align:center;
    max-width:640px;
    margin:0 auto 52px;
  }
  .eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:var(--mint);
    color:#2C7A39;
    font-size:12.5px;
    font-weight:700;
    padding:7px 18px;
    border-radius:30px;
    margin-bottom:16px;
  }
  .why-head h2{
    font-size:clamp(26px,3vw,34px);
    line-height:1.2;
    margin-bottom:14px;
  }
  .why-head p{ font-size:15.5px; }

  .why-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:16px;
  }
  .why-item{
    display:flex;
    gap:18px;
    align-items:flex-start;
    background:var(--white);
    border:1px solid var(--line);
    border-radius:16px;
    padding:26px 24px;
    box-shadow:0 6px 20px rgba(16,25,44,0.04);
    transition:border-color .2s ease, box-shadow .2s ease;
  }
  .why-item:hover{ border-color:rgba(241,121,28,0.35); box-shadow:0 10px 26px rgba(16,25,44,0.08); }
  .why-icon{
    flex:none;
    width:44px; height:44px;
    border-radius:12px;
    background:linear-gradient(135deg, var(--orange), var(--orange-dark));
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .why-icon svg{ width:20px; height:20px; color:var(--white); }
  .why-item p{ font-size:14.5px; color:var(--ink); }
  .why-item p b{ display:block; font-weight:700; margin-bottom:4px; color:var(--ink); font-family:'Poppins',sans-serif; font-size:15.5px;}

  /* ============ EXPECT STRIP ============ */
  .expect{
    background:var(--navy-2);
    padding:80px 0 88px;
  }
  .expect-head{
    text-align:center;
    max-width:600px;
    margin:0 auto 48px;
  }
  .expect-head .eyebrow{ background:rgba(241,121,28,0.15); color:var(--orange-light); }
  .expect-head h2{ color:var(--white); font-size:clamp(26px,3vw,34px); line-height:1.2; }

  .expect-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
  }
  .expect-card{
    background:var(--navy-3);
    border:1px solid rgba(255,255,255,0.08);
    border-radius:16px;
    padding:28px 24px;
  }
  .expect-num{
    font-family:'Poppins',sans-serif;
    font-weight:700;
    font-size:12px;
    color:var(--orange-light);
    letter-spacing:0.08em;
    margin-bottom:14px;
    display:block;
  }
  .expect-card h4{ color:var(--white); font-size:16.5px; margin-bottom:8px; }
  .expect-card p{ color:rgba(255,255,255,0.62); font-size:13.5px; }

  /* ============ FINAL CTA ============ */
  .final-cta{
    padding:80px 0;
  }
  .final-cta-box{
    background:linear-gradient(120deg, var(--orange) 0%, var(--orange-dark) 100%);
    border-radius:26px;
    padding:56px 56px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    flex-wrap:wrap;
  }
  .final-cta-box h2{
    color:var(--white);
    font-size:clamp(24px,2.8vw,32px);
    max-width:16ch;
    line-height:1.2;
  }
  .final-cta-box p{
    color:rgba(255,255,255,0.85);
    max-width:36ch;
    margin-top:10px;
    font-size:14.5px;
  }
  .final-cta-box .pill-btn .circle{ background:var(--navy); }

  /* ============ FOOTER ============ */
  footer{ background:var(--navy); padding:72px 0 0; }
  .footer-grid{
    display:grid;
    grid-template-columns:1.1fr 1fr 1.2fr 1.3fr;
    gap:30px;
    padding-bottom:56px;
    border-bottom:1px solid rgba(255,255,255,0.08);
  }
  .footer-grid h5{
    color:var(--white);
    font-family:'Poppins',sans-serif;
    font-weight:600;
    font-size:15.5px;
    margin-bottom:20px;
  }
  .footer-grid ul li{ margin-bottom:12px; }
  .footer-grid ul li a{
    color:rgba(255,255,255,0.62);
    font-size:13.5px;
  }
  .footer-grid ul li a:hover{ color:var(--orange-light); }
  .socials{ display:flex; gap:12px; margin-top:22px; }
  .socials a{
    width:32px; height:32px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,0.18);
    display:flex; align-items:center; justify-content:center;
    color:rgba(255,255,255,0.7);
  }
  .socials a svg{ width:14px; height:14px; }
  .socials a:hover{ background:var(--orange); border-color:var(--orange); color:var(--white); }

  .subscribe{ display:flex; margin-top:14px; margin-bottom:24px; }
  .subscribe input{
    flex:1;
    background:rgba(255,255,255,0.06);
    border:1px solid rgba(255,255,255,0.14);
    border-radius:8px 0 0 8px;
    padding:12px 14px;
    color:var(--white);
    font-size:13.5px;
    font-family:'Inter',sans-serif;
  }
  .subscribe input::placeholder{ color:rgba(255,255,255,0.4); }
  .subscribe button{
    background:var(--orange);
    color:var(--white);
    border:none;
    padding:0 20px;
    border-radius:0 8px 8px 0;
    font-weight:600;
    font-size:13.5px;
    font-family:'Inter',sans-serif;
    cursor:pointer;
  }
  .contact-lines li{
    display:flex;
    align-items:center;
    gap:10px;
    color:rgba(255,255,255,0.68);
    font-size:13.5px;
    margin-bottom:12px;
  }
  .contact-lines svg{ width:15px; height:15px; color:var(--orange-light); flex:none; }

  .footer-bottom{
    background:var(--white);
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:20px 40px;
    margin-top:0;
  }
  .footer-bottom .copyright{ font-size:13px; color:var(--slate); }

  /* ============ responsive ============ */
  @media (max-width:980px){
    .card-row{ grid-template-columns:1fr; }
    .why-grid{ grid-template-columns:1fr; }
    .expect-grid{ grid-template-columns:1fr 1fr; }
    .footer-grid{ grid-template-columns:1fr 1fr; }
    .topbar-links{ display:none; }
  }
  @media (max-width:600px){
    .wrap{ padding:0 20px; }
    .topbar-shell{ border-radius:24px; padding:14px 18px; }
    .navbar-mint .wrap{ gap:16px; padding:12px 20px; }
    .expect-grid{ grid-template-columns:1fr; }
    .footer-grid{ grid-template-columns:1fr; }
    .final-cta-box{ padding:36px 26px; flex-direction:column; align-items:flex-start; }
    .footer-bottom{ flex-direction:column; gap:14px; text-align:center; padding:20px; }
  }

  a:focus-visible, button:focus-visible{ outline:2px solid var(--orange); outline-offset:2px; }