/* Aurrum Careers — site-wide header + footer chrome. Official brand palette. */ :root{ --ac-navy:#003649; --ac-navy-2:#003E5A; --ac-navy-3:#004564; --ac-navy-4:#004F72; --ac-navy-5:#005472; --ac-navy-light:#005580; --ac-gold:#BA9E6A; --ac-gold-dark:#A98B56; --ac-gold-light:#D4B87E; --ac-ink:#F4F1E9; --ac-ink-dim:#C7D3D8; --ac-text-on-gold:#1B2B33; --ac-radius-pill:999px; } html{ background:var(--ac-navy); } body{ font-family:'Manrope', ui-sans-serif, system-ui, -apple-system, sans-serif; background:var(--ac-navy); } /* No-white-flash page boot: the inline critical style in already paints navy on the very first frame; once this stylesheet loads, content fades in smoothly rather than popping in against it. Respects reduced motion. */ @media (prefers-reduced-motion: no-preference){ body{ opacity:0; animation:ac-page-fade-in .35s ease forwards; } } @keyframes ac-page-fade-in{ from{ opacity:0; } to{ opacity:1; } } /* Premium, subtle pulse for the "15 Days Free Trials" CTA badge — used in both the header and footer. */ .ac-trial-badge{ display:inline-flex; align-items:center; padding:8px 18px; border-radius:var(--ac-radius-pill); background:linear-gradient(135deg, var(--ac-gold), var(--ac-gold-dark)); color:var(--ac-text-on-gold); font-weight:700; font-size:12.5px; letter-spacing:0.04em; text-transform:uppercase; white-space:nowrap; } .ac-trial-badge--lg{ padding:12px 26px; font-size:14px; } @media (prefers-reduced-motion: no-preference){ .ac-trial-badge{ animation:ac-badge-pulse 2.6s ease-in-out infinite; } } @keyframes ac-badge-pulse{ 0%, 100%{ opacity:1; box-shadow:0 0 0 0 rgba(186,158,106,0.45); } 50%{ opacity:0.88; box-shadow:0 0 0 7px rgba(186,158,106,0); } } /* ============================= HEADER ============================= */ .site-header{ background:linear-gradient(120deg, var(--ac-navy-2), var(--ac-navy-3)); position:sticky; top:0; z-index:100; box-shadow:0 1px 0 rgba(212,184,126,0.18); } .site-header-inner{ position:relative; max-width:1280px; margin:0 auto; display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:14px 24px; padding:14px clamp(20px, 4vw, 40px); } .site-branding{ display:flex; align-items:center; flex:none; } .site-branding .custom-logo-link{ display:block; line-height:0; } .site-branding img{ display:block; height:clamp(34px, 4.5vw, 44px); width:auto; max-width:220px; } .site-title{ margin:0; font-family:'Space Grotesk', ui-sans-serif, system-ui, sans-serif; font-weight:700; font-size:18px; } .site-title a{ color:var(--ac-ink); text-decoration:none; } .site-header-cta{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; } /* Header responsive — logo stays left, badge stays right, at every width; flex-wrap on .site-header-inner is only a last-resort safety net (e.g. extreme browser text zoom), never the normal mobile layout. */ @media (max-width: 480px){ .site-header-inner{ gap:10px 14px; padding:12px 16px; } .site-branding img{ height:30px; } } @media (max-width: 380px){ .site-branding img{ height:26px; } .ac-trial-badge{ padding:6px 12px; font-size:11px; letter-spacing:0.02em; } } /* ============================= FOOTER ============================= */ .site-footer{ background:var(--ac-navy); color:var(--ac-ink-dim); margin-top:64px; } .site-footer-inner{ max-width:1120px; margin:0 auto; display:grid; grid-template-columns:1fr; gap:56px; padding:clamp(48px, 7vw, 80px) clamp(20px, 4vw, 40px) 48px; align-items:start; } .site-footer-brand{ display:flex; flex-direction:column; align-items:flex-start; gap:16px; } .site-footer-logo img{ display:block; height:clamp(38px, 5vw, 48px); width:auto; max-width:220px; } .site-footer-title{ margin:0; font-family:'Space Grotesk', ui-sans-serif, system-ui, sans-serif; font-weight:700; font-size:22px; color:var(--ac-ink); } .site-footer-tagline{ margin:0; max-width:34ch; font-size:15px; line-height:1.6; color:var(--ac-ink-dim); } .site-footer-bottom{ border-top:1px solid rgba(212,184,126,0.14); padding:20px clamp(20px, 4vw, 40px); text-align:center; font-size:13px; color:#7c9096; } /* Footer responsive */ @media (max-width: 720px){ .site-footer-inner{ grid-template-columns:1fr; gap:36px; padding-top:48px; } .site-footer-brand{ align-items:flex-start; } } @media (max-width: 420px){ .site-footer-logo img{ height:36px; } .site-footer-title{ font-size:19px; } } /* ========================================== HEADER 15 DAYS FREE TRIAL BUTTON STYLING ========================================== */ .site-header { width: 100% !important; background-color: #003649 !important; border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; position: sticky !important; top: 0 !important; z-index: 9999 !important; } .site-header-inner, .header-inner { max-width: 1280px !important; margin: 0 auto !important; display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 14px 24px !important; min-height: 72px !important; } .site-branding img, .site-header .logo img, .custom-logo { height: 44px !important; width: auto !important; max-height: 44px !important; object-fit: contain !important; } .btn-15-days-trial, .ac-trial-badge { display: inline-flex !important; align-items: center !important; justify-content: center !important; height: 42px !important; padding: 0 22px !important; border-radius: 9999px !important; background: linear-gradient(135deg, #BC9B66 0%, #D4B87E 50%, #A98B56 100%) !important; color: #003649 !important; font-family: inherit, system-ui, -apple-system, sans-serif !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: 0.8px !important; text-transform: uppercase !important; text-decoration: none !important; box-shadow: 0 4px 15px rgba(188, 155, 102, 0.35) !important; transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important; white-space: nowrap !important; border: none !important; } .btn-15-days-trial:hover, .ac-trial-badge:hover { background: linear-gradient(135deg, #D4B87E 0%, #BC9B66 100%) !important; transform: translateY(-2px) !important; box-shadow: 0 6px 20px rgba(188, 155, 102, 0.5) !important; color: #002D3C !important; } @media (max-width: 600px) { .site-header-inner, .header-inner { padding: 10px 14px !important; min-height: 60px !important; } .site-branding img, .site-header .logo img, .custom-logo { height: 34px !important; max-height: 34px !important; } .btn-15-days-trial, .ac-trial-badge { height: 36px !important; padding: 0 14px !important; font-size: 11px !important; } }