
        /* ── Contact page — matched to the home page design system ── */
        .contact-page { position: relative; padding: 72px 20px 88px; background: linear-gradient(135deg,#f1f5f9 0,#ffffff 100%); overflow: hidden; }
        .contact-page::before { content:''; position:absolute; inset:0; background-image:linear-gradient(rgba(15,23,42,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.04) 1px,transparent 1px); background-size:44px 44px; pointer-events:none; z-index:0; }
        .contact-head { position: relative; z-index: 1; max-width: 1100px; margin: 0 auto 44px; text-align: center; }
        .contact-badge { display:inline-flex; align-items:center; gap:8px; background:#fff; border:1px solid #e2e8f0; color:#0f172a; font-family:'Hanken Grotesk',sans-serif; font-weight:600; font-size:.8rem; letter-spacing:.02em; padding:7px 16px; border-radius:999px; box-shadow:0 1px 2px rgba(15,23,42,.05); margin-bottom:20px; }
        .contact-badge .dot { width:7px; height:7px; border-radius:50%; background:#22c55e; }
        .contact-head h1 { font-family:'Schibsted Grotesk',sans-serif; font-size:2.6rem; line-height:1.1; color:#0f172a; letter-spacing:-.02em; margin:0 0 14px; }
        .contact-head p { font-family:'Hanken Grotesk',sans-serif; font-size:1.12rem; color:#475569; max-width:560px; margin:0 auto; line-height:1.6; }
        .contact-container { position: relative; z-index: 1; max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 28px; align-items: start; }
        @media (max-width: 860px) { .contact-container { grid-template-columns: 1fr; } .contact-head h1 { font-size: 2.1rem; } }

        /* Left — info card (dark navy, matches the home CTA blocks) */
        .contact-info { background:#0f172a; color:#fff; padding:36px 32px; border-radius:20px; box-shadow:0 20px 50px rgba(15,23,42,.18); }
        .contact-info h2 { font-family:'Schibsted Grotesk',sans-serif; font-size:1.35rem; color:#fff; margin:0 0 26px; display:flex; align-items:center; gap:10px; }
        .contact-info h2 .ico-head { width:34px; height:34px; border-radius:9px; background:#22c55e; color:#0f172a; display:flex; align-items:center; justify-content:center; font-size:.95rem; }
        .contact-info-item { display:flex; align-items:flex-start; gap:14px; margin-bottom:22px; }
        .contact-info-item:last-child { margin-bottom:0; }
        .contact-info-item > i { font-size:.95rem; width:38px; height:38px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.1); border-radius:10px; display:flex; align-items:center; justify-content:center; flex-shrink:0; color:#22c55e; }
        .contact-info-item h4 { font-family:'Hanken Grotesk',sans-serif; margin:0 0 4px; font-size:.92rem; font-weight:700; color:#fff; }
        .contact-info-item p { font-family:'Hanken Grotesk',sans-serif; margin:0; color:#cbd5e1; font-size:.88rem; line-height:1.55; }
        .contact-info-item a { color:#fff; text-decoration:none; border-bottom:1px solid rgba(34,197,94,.5); }
        .contact-info-item a:hover { border-bottom-color:#22c55e; }

        /* Right — form card (clean white, matches home cards) */
        .contact-form-container { background:#fff; padding:36px 34px; border-radius:20px; border:1px solid #e2e8f0; box-shadow:0 10px 40px rgba(15,23,42,.06); }
        .contact-form-container h2 { font-family:'Schibsted Grotesk',sans-serif; color:#0f172a; margin:0 0 6px; font-size:1.5rem; letter-spacing:-.01em; }
        .contact-form-container .subtitle { font-family:'Hanken Grotesk',sans-serif; color:#64748b; margin:0 0 26px; font-size:.98rem; }
        .form-group { margin-bottom:18px; }
        .form-group label { font-family:'Hanken Grotesk',sans-serif; display:block; margin-bottom:7px; font-weight:600; color:#334155; font-size:.9rem; }
        .form-group input, .form-group textarea, .form-group select { width:100%; padding:13px 15px; border:1.5px solid #e2e8f0; border-radius:12px; font-family:'Hanken Grotesk',sans-serif; font-size:.98rem; color:#0f172a; background:#fff; transition:border-color .2s, box-shadow .2s; }
        .form-group input::placeholder, .form-group textarea::placeholder { color:#94a3b8; }
        .form-group input:focus, .form-group textarea:focus, .form-group select:focus { outline:none; border-color:#0f172a; box-shadow:0 0 0 4px rgba(15,23,42,.08); }
        .form-group textarea { resize:vertical; min-height:130px; }
        .form-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
        @media (max-width: 500px) { .form-row { grid-template-columns:1fr; } }
        .submit-btn { width:100%; padding:15px; background:#0f172a; color:#fff; border:none; border-radius:999px; font-family:'Hanken Grotesk',sans-serif; font-size:1rem; font-weight:700; cursor:pointer; transition:background .2s, transform .15s, box-shadow .2s; display:flex; align-items:center; justify-content:center; gap:10px; }
        .submit-btn:hover { background:#000; transform:translateY(-1px); box-shadow:0 10px 25px rgba(15,23,42,.22); }
        .submit-btn:disabled { opacity:.7; cursor:default; transform:none; box-shadow:none; }
        .form-note { font-family:'Hanken Grotesk',sans-serif; font-size:.82rem; color:#94a3b8; margin-top:14px; text-align:center; }
        .form-note a { color:#0f172a; font-weight:600; }
        .success-message { text-align:center; padding:36px 20px; }
        .success-message i { font-size:56px; color:#22c55e; margin-bottom:18px; }
        .success-message h3 { font-family:'Schibsted Grotesk',sans-serif; color:#0f172a; margin:0 0 8px; font-size:1.4rem; }
        .success-message p { font-family:'Hanken Grotesk',sans-serif; color:#64748b; margin:0; }
        .success-message .btn-primary { margin-top:22px; display:inline-block; padding:12px 26px; background:#0f172a; color:#fff; text-decoration:none; border-radius:999px; font-family:'Hanken Grotesk',sans-serif; font-weight:700; font-size:.95rem; transition:background .2s; }
        .success-message .btn-primary:hover { background:#000; }
    

  /* ── Override style.css nav rules ── */
  header{background:#fff !important;padding:14px 0 !important;position:relative !important;top:auto !important;z-index:auto !important;border-bottom:1px solid #e2e8f0 !important;box-shadow:none !important}
  header .container{display:flex !important;align-items:center !important;gap:32px !important;max-width:1100px !important;justify-content:flex-start !important}
  .logo a{display:inline-flex !important;align-items:center !important;gap:8px !important;font-size:1.1rem !important;font-weight:800 !important;color:#0f172a !important;text-decoration:none !important;letter-spacing:normal !important}
  .logo-img{height:36px !important;width:auto !important}
  /* Hide mobile-only items on desktop */
  .nav-mobile-btn,.nav-mobile-signin{display:none !important}
  /* Desktop nav */
  #navMenu{display:flex !important;align-items:center !important;flex-direction:row !important;position:static !important;height:auto !important;width:auto !important;background:transparent !important;padding:0 !important;box-shadow:none !important;gap:20px !important;margin-left:48px !important;overflow:visible !important;flex:0 !important}
  #navMenu .nav-link{font-size:16px !important;font-weight:600 !important;color:#0f172a !important;margin:0 !important;padding:0 !important;border-bottom:none !important;display:inline-flex !important;white-space:nowrap !important;transition:opacity .2s}
  #navMenu .nav-link:last-of-type{margin-top:0 !important;text-align:left !important;border-bottom:none !important}
  #navMenu .nav-link:hover{opacity:.6 !important;color:#0f172a !important}
  .header-actions{display:flex !important;align-items:center !important;gap:8px !important;margin-left:auto !important;flex-shrink:0 !important}
  .btn.btn-dark{background:#0f172a !important;color:#fff !important;padding:11px 20px !important;border-radius:999px !important;font-weight:700 !important;font-size:14px !important;display:inline-flex !important;align-items:center !important;border:none !important;cursor:pointer !important;text-decoration:none !important}
  .hamburger{display:none !important;background:none !important;border:none !important;cursor:pointer !important;padding:8px !important;align-items:center !important;justify-content:center !important;border-radius:8px !important}
  #menuCloseBtn{display:none}
  .mobile-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.45);z-index:999}
  .mobile-overlay.active{display:block}
  @media(max-width:768px){
    .hamburger{display:flex !important}
    .header-actions{display:none !important}
    #navMenu{position:fixed !important;top:0 !important;right:-100% !important;width:82% !important;max-width:320px !important;height:100vh !important;background:#f4f6fb !important;flex-direction:column !important;padding:72px 24px 36px !important;box-shadow:-5px 0 30px rgba(0,0,0,.15) !important;transition:right .3s ease !important;z-index:9999 !important;justify-content:flex-start !important;gap:0 !important;overflow-y:auto !important;margin-left:0 !important;align-items:flex-start !important}
    #navMenu.active{right:0 !important}
    #navMenu .nav-link{font-size:17px !important;padding:15px 0 !important;border-bottom:1px solid rgba(0,0,0,.07) !important;width:100% !important;display:block !important;text-align:left !important;margin:0 !important}
    .nav-mobile-btn{display:block !important;width:100% !important;text-align:center !important;background:#0f172a !important;color:#fff !important;font-size:15px !important;font-weight:700 !important;padding:14px 20px !important;border-radius:999px !important;text-decoration:none !important;border-bottom:none !important;margin:0 0 16px 0 !important;box-sizing:border-box !important}
    .nav-mobile-signin{display:inline-flex !important;align-items:center !important;gap:8px !important;font-size:17px !important;font-weight:600 !important;color:#0f172a !important;padding:15px 0 !important;text-decoration:none !important;border-top:1px solid rgba(0,0,0,.07) !important;border-bottom:none !important;margin:0 !important;width:100% !important}
  }
  /* Footer */
  footer{background:#fff !important;color:#0f172a !important;padding:60px 0 36px !important;border-top:1px solid #e2e8f0 !important;text-align:left !important}


.skip-link{position:absolute;left:-9999px;top:0;z-index:10000;background:#0f172a;color:#fff;padding:12px 20px;border-radius:0 0 8px 0;font-family:'Hanken Grotesk',sans-serif;font-weight:700;font-size:15px;text-decoration:none}
.skip-link:focus{left:0}
:focus-visible{outline:3px solid #00c896;outline-offset:2px}


.eec-header{position:relative;z-index:20;background:transparent;font-family:'Hanken Grotesk',sans-serif;padding:0!important}
.eec-header *,.eec-header *::before,.eec-header *::after{box-sizing:border-box}
.eec-in{max-width:1200px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:40px}
.eec-logo{flex-shrink:0}
.eec-logo a{display:inline-flex;align-items:center;gap:10px;font-family:'Hanken Grotesk',sans-serif;font-weight:800;font-size:1.6rem;color:#0f172a;letter-spacing:-.5px;text-decoration:none}
.eec-logo img{height:36px;width:auto;display:block}
.eec-nav{display:flex;align-items:center;gap:0;margin-left:12px}
.eec-nav a.eec-link{font-size:18px;font-weight:500;color:#0f172a;text-decoration:none;margin-left:20px;transition:opacity .2s;white-space:nowrap}
.eec-nav a.eec-link:hover{opacity:.55}
.eec-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}
.eec-signin{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:18px;color:#0f172a;text-decoration:none;padding:10px 14px;transition:opacity .2s}
.eec-signin:hover{opacity:.6}
.eec-cta{display:inline-flex;align-items:center;gap:8px;background:#0f172a;color:#fff;font-family:'Hanken Grotesk',sans-serif;font-weight:700;font-size:14px;padding:8px 16px;border-radius:12px;text-decoration:none;box-shadow:0 4px 14px rgba(15,23,42,.3);transition:transform .2s}
.eec-cta:hover{transform:translateY(-2px)}
.eec-cta .eec-arrow{transition:transform .25s ease}
.eec-cta:hover .eec-arrow{transform:translateX(4px)}
.eec-burger{display:none;background:none;border:none;cursor:pointer;padding:8px;margin-left:auto;border-radius:8px}
.eec-close{display:none;position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;padding:8px}
.eec-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:998}
.eec-overlay.on{display:block}
.eec-mob-cta,.eec-mob-signin{display:none}
@media(max-width:768px){
  .eec-in{gap:0;padding:12px 20px}
  .eec-logo a{font-size:1.2rem}
  .eec-logo img{height:32px}
  .eec-actions{display:none}
  .eec-burger{display:inline-flex;align-items:center;justify-content:center}
  .eec-nav{position:fixed;top:0;right:-100%;width:82%;max-width:320px;height:100vh;background:#f4f6fb;flex-direction:column;align-items:flex-start;padding:72px 24px 36px;box-shadow:-5px 0 30px rgba(0,0,0,.15);transition:right .3s ease;z-index:999;margin-left:0;gap:0;overflow-y:auto}
  .eec-nav.on{right:0}
  .eec-nav a.eec-link{font-size:17px;margin-left:0;padding:15px 0;border-bottom:1px solid rgba(0,0,0,.07);width:100%}
  .eec-close{display:block}
  .eec-mob-cta{display:block;width:100%;text-align:center;background:#0f172a;color:#fff;font-family:'Hanken Grotesk',sans-serif;font-weight:700;font-size:15px;padding:14px 20px;border-radius:999px;text-decoration:none;margin-bottom:16px}
  .eec-mob-signin{display:inline-flex;align-items:center;gap:8px;font-size:17px;font-weight:600;color:#0f172a;text-decoration:none;padding:15px 0;border-top:1px solid rgba(0,0,0,.07);width:100%;margin-top:6px}
}
