/*
Theme Name: Micro Fios Technologies
Theme URI: https://microfios.com
Author: Microfios
Description: Custom WordPress theme for Micro Fios Technologies LLC — ICT infrastructure, fiber optic, security and smart building solutions across the UAE.
Version: 1.5
Text Domain: microfios
*/

:root{
  --orange:#F7941D;
  --sky:#29ABE2;
  --deep:#0066B3;
  --bg:#F5F6F8;
  --surface:#FFFFFF;
  --ink:#1A2230;
  --hairline:#E3E6EA;
  --green:#2F855A;
  --violet:#6B46C1;
  --slate:#718096;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:'IBM Plex Sans', sans-serif;
  background:var(--bg);
  color:var(--ink);
  line-height:1.6;
}
h1,h2,h3{font-family:'Space Grotesk', sans-serif; font-weight:700; line-height:1.15;}
.mono{font-family:'IBM Plex Mono', monospace;}
a{text-decoration:none; color:inherit;}
img{display:block; max-width:100%;}
.container{max-width:1180px; margin:0 auto; padding:0 24px;}

/* HEADER */
header.site-header{
  position:fixed; top:0; left:0; right:0; z-index:100;
  background:transparent;
  transition:background .3s ease, box-shadow .3s ease;
  padding:18px 0;
}
header.site-header.scrolled{
  background:rgba(245,246,248,0.96);
  box-shadow:0 1px 0 var(--hairline);
  padding:12px 0;
}
.header-inner{display:flex; align-items:center; justify-content:space-between;}
.logo-mark img{height:44px; width:auto;}
nav.main-nav{display:flex; align-items:center; gap:32px;}
nav.main-nav ul{list-style:none; display:flex; gap:32px; align-items:center;}
nav.main-nav li{position:relative;}
nav.main-nav ul.sub-menu{
  display:none; position:absolute; top:100%; left:0; margin-top:14px;
  background:var(--surface); border:1px solid var(--hairline); border-radius:8px;
  box-shadow:0 16px 32px -12px rgba(10,26,46,0.18);
  flex-direction:column; gap:0; min-width:220px; padding:8px; z-index:50;
}
nav.main-nav li:hover > ul.sub-menu{display:flex;}
nav.main-nav ul.sub-menu li{width:100%;}
nav.main-nav ul.sub-menu a{
  display:block; padding:10px 12px; border-radius:6px; font-size:13.5px; color:var(--ink) !important;
  white-space:nowrap;
}
nav.main-nav ul.sub-menu a:hover{background:var(--bg); color:var(--orange) !important;}
nav.main-nav ul.sub-menu a::after{display:none;}
nav.main-nav a{
  font-size:14px; font-weight:500; letter-spacing:.02em;
  color:var(--ink); position:relative; padding:4px 0;
}
header.site-header:not(.scrolled) nav.main-nav a{color:#fff;}
nav.main-nav a::after{
  content:''; position:absolute; left:0; bottom:-4px; height:2px; width:0;
  background:var(--orange); transition:width .25s ease;
}
nav.main-nav a:hover::after{width:100%;}
.cta-btn{
  background:var(--orange); color:#fff !important; font-weight:600; font-size:14px;
  padding:11px 22px; border-radius:6px; transition:background .2s ease, transform .2s ease;
  white-space:nowrap; display:inline-block;
}
.cta-btn:hover{background:#e0820a; transform:translateY(-1px);}

/* HERO */
.hero{
  position:relative; height:100vh; min-height:560px;
  display:flex; align-items:center;
  background:linear-gradient(135deg, #0A1A2E 0%, #0066B3 55%, #0A1A2E 100%);
  overflow:hidden;
}
.hero::before{
  content:''; position:absolute; inset:0;
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,0.04) 0 1px, transparent 1px 80px),
    repeating-linear-gradient(0deg, rgba(255,255,255,0.04) 0 1px, transparent 1px 80px);
  opacity:.5;
}
.hero-glow{
  position:absolute; width:600px; height:600px; border-radius:50%;
  background:radial-gradient(circle, rgba(247,148,29,0.35) 0%, transparent 70%);
  top:-150px; right:-100px; filter:blur(10px);
}
.hero-video{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0;}
.hero-content{position:relative; z-index:2; color:#fff; max-width:680px;}
.hero-eyebrow{
  font-family:'IBM Plex Mono', monospace; font-size:13px; letter-spacing:.12em;
  color:var(--orange); text-transform:uppercase; margin-bottom:18px; display:block;
}
.hero h1{font-size:clamp(34px, 5.4vw, 58px); margin-bottom:18px;}
.hero h1 .accent{color:var(--orange);}
.hero p{font-size:18px; color:rgba(255,255,255,0.85); max-width:520px; margin-bottom:34px;}
.hero-ctas{display:flex; gap:16px; flex-wrap:wrap;}
.btn-outline{
  border:1.5px solid rgba(255,255,255,0.5); color:#fff; font-weight:600; font-size:14px;
  padding:11px 22px; border-radius:6px; transition:border-color .2s ease, background .2s ease;
  display:inline-block;
}
.btn-outline:hover{border-color:#fff; background:rgba(255,255,255,0.08);}
.hero-note{
  position:absolute; bottom:28px; left:0; right:0; z-index:2;
  text-align:center; color:rgba(255,255,255,0.5); font-size:12px;
  font-family:'IBM Plex Mono', monospace; letter-spacing:.05em;
}

/* SECTION GENERAL */
section{padding:96px 0;}
.section-head{max-width:620px; margin-bottom:56px;}
.eyebrow{
  font-family:'IBM Plex Mono', monospace; font-size:12px; letter-spacing:.12em;
  text-transform:uppercase; color:var(--deep); display:block; margin-bottom:12px;
}
.section-head h2{font-size:clamp(26px,3.4vw,38px); margin-bottom:14px;}
.section-head p{color:#56607A; font-size:16px;}

/* SERVICES */
.services-grid{display:flex; flex-wrap:wrap; justify-content:center; gap:24px;}
.service-card{
  background:var(--surface); border:1px solid var(--hairline); border-radius:10px;
  overflow:hidden; position:relative; flex:1 1 320px; max-width:360px;
  transition:transform .25s ease, box-shadow .25s ease;
}
.service-card:hover{transform:translateY(-4px); box-shadow:0 14px 30px -14px rgba(10,26,46,0.18);}
.tag-bar{position:absolute; top:0; left:0; right:0; height:4px; z-index:2;}
.service-thumb{
  height:150px; position:relative; background-size:cover; background-position:center;
}
.service-thumb.placeholder::after{
  content:'SERVICE IMAGE'; position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  font-family:'IBM Plex Mono', monospace; font-size:11px; letter-spacing:.1em; color:rgba(255,255,255,0.65);
}
.service-body{padding:24px 26px 28px;}
.service-card h3{font-size:18px; margin:14px 0 10px;}
.service-card p{font-size:14.5px; color:#56607A;}
.tag-chip{
  display:inline-block; font-family:'IBM Plex Mono', monospace; font-size:11px;
  padding:4px 10px; border-radius:20px; font-weight:600; letter-spacing:.03em;
}
.cabling .tag-bar, .cabling .tag-chip{background:var(--deep);}
.cabling .tag-chip{color:#fff;}
.cabling .service-thumb{background-image:linear-gradient(135deg, var(--deep), #0A1A2E);}
.infra .tag-bar, .infra .tag-chip{background:var(--orange);}
.infra .tag-chip{color:#fff;}
.infra .service-thumb{background-image:linear-gradient(135deg, var(--orange), #7a3e00);}
.security .tag-bar, .security .tag-chip{background:var(--green);}
.security .tag-chip{color:#fff;}
.security .service-thumb{background-image:linear-gradient(135deg, var(--green), #0f2e1d);}
.av .tag-bar, .av .tag-chip{background:var(--violet);}
.av .tag-chip{color:#fff;}
.av .service-thumb{background-image:linear-gradient(135deg, var(--violet), #281a4a);}
.pabx .tag-bar, .pabx .tag-chip{background:var(--slate);}
.pabx .tag-chip{color:#fff;}
.pabx .service-thumb{background-image:linear-gradient(135deg, var(--slate), #2a3340);}

/* WHY CHOOSE / STATS */
.why-section{background:var(--ink); color:#fff;}
.why-section .eyebrow{color:var(--orange);}
.why-section .section-head p{color:rgba(255,255,255,0.65);}
.stats-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:24px; margin-top:20px;}
.stat{border-left:2px solid var(--orange); padding-left:16px;}
.stat .num{font-family:'IBM Plex Mono', monospace; font-size:34px; font-weight:600; color:var(--orange);}
.stat .label{font-size:13px; color:rgba(255,255,255,0.65); margin-top:4px;}

/* PARTNERS MARQUEE */
.partners-marquee{
  position:relative; width:100%; overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
  mask-image:linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
}
.partners-track{
  display:flex; align-items:center; gap:16px; width:max-content;
  animation:scrollMarquee 24s linear infinite;
}
.partners-marquee:hover .partners-track{animation-play-state:paused;}
.partner-pill{
  border:1px solid var(--hairline); background:var(--surface); padding:10px 20px;
  border-radius:6px; font-family:'IBM Plex Mono', monospace; font-size:13px; font-weight:600;
  color:var(--ink); letter-spacing:.02em; white-space:nowrap; flex-shrink:0;
  transition:border-color .2s ease, color .2s ease;
}
.partner-pill:hover{border-color:var(--orange); color:var(--orange);}
.view-all{
  display:inline-flex; align-items:center; gap:6px; margin-top:28px;
  font-weight:600; font-size:14px; color:var(--deep);
}
.view-all:hover{text-decoration:underline;}

/* PROJECTS */
.projects-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
.project-card{
  background:var(--surface); border:1px solid var(--hairline); border-radius:10px; overflow:hidden;
}
.project-thumb{
  height:170px; background:linear-gradient(135deg,#0A1A2E,#0066B3);
  position:relative; background-size:cover; background-position:center;
}
.project-thumb.placeholder::after{
  content:'PROJECT IMAGE'; position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  font-family:'IBM Plex Mono', monospace; font-size:11px; letter-spacing:.1em; color:rgba(255,255,255,0.5);
}
.project-body{padding:20px 22px;}
.project-body .ptag{font-family:'IBM Plex Mono', monospace; font-size:11px; color:var(--orange); letter-spacing:.06em; text-transform:uppercase;}
.project-body h3{font-size:17px; margin:8px 0 6px;}
.project-body p{font-size:14px; color:#56607A;}

/* CLIENTS MARQUEE */
.clients-strip{
  background:var(--surface); border-top:1px solid var(--hairline); border-bottom:1px solid var(--hairline);
  padding:36px 0; overflow:hidden;
}
.clients-strip .eyebrow-label{
  font-family:'IBM Plex Mono', monospace; font-size:11px; letter-spacing:.12em;
  text-transform:uppercase; color:#A2ABBE; display:block; text-align:center; margin-bottom:22px;
}
.marquee{
  position:relative; width:100%;
  -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
  mask-image:linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
}
.marquee-track{
  display:flex; align-items:center; gap:72px; width:max-content;
  animation:scrollMarquee 28s linear infinite;
}
.marquee:hover .marquee-track{animation-play-state:paused;}
.client-logo-box{
  display:flex; align-items:center; justify-content:center;
  height:46px; padding:0 6px; flex-shrink:0;
}
.client-logo-box img{height:100%; width:auto; filter:grayscale(1); opacity:.6; transition:opacity .2s ease, filter .2s ease;}
.client-logo-box:hover img{filter:grayscale(0); opacity:1;}
.client-name{
  font-family:'Space Grotesk', sans-serif; font-weight:600; font-size:19px;
  color:#A2ABBE; letter-spacing:.02em; white-space:nowrap; transition:color .2s ease;
}
.client-logo-box:hover .client-name{color:var(--deep);}
@keyframes scrollMarquee{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}

/* CLOSING CTA */
.closing-cta{
  background:linear-gradient(120deg, var(--deep), #003a66);
  color:#fff; text-align:center; padding:90px 0;
}
.closing-cta h2{font-size:clamp(26px,3.6vw,36px); margin-bottom:14px;}
.closing-cta p{color:rgba(255,255,255,0.8); margin-bottom:30px;}
.closing-ctas{display:flex; gap:16px; justify-content:center; flex-wrap:wrap;}

/* FOOTER */
footer.site-footer{background:var(--deep); color:#fff; padding-top:64px;}
.footer-top{display:flex; flex-wrap:wrap; justify-content:space-between; gap:48px; padding-bottom:48px;}
.footer-logo img{height:46px; margin-bottom:14px;}
.footer-tagline{font-size:14px; color:rgba(255,255,255,0.75); max-width:300px;}
.footer-col h4{font-family:'IBM Plex Mono', monospace; font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,0.6); margin-bottom:16px;}
.footer-col a, .footer-col p{display:block; font-size:14.5px; color:rgba(255,255,255,0.85); margin-bottom:10px;}
.footer-col a:hover{color:var(--orange);}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,0.15); padding:22px 0;
  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px;
}
.footer-bottom p{font-size:13px; color:rgba(255,255,255,0.6);}
.socials{display:flex; gap:14px;}
.socials a{
  width:34px; height:34px; border:1px solid rgba(255,255,255,0.25); border-radius:50%;
  display:flex; align-items:center; justify-content:center; font-size:13px; transition:background .2s ease;
}
.socials a:hover{background:rgba(255,255,255,0.12);}

/* MOBILE MENU TOGGLE */
.menu-toggle{display:none; background:none; border:none; cursor:pointer; padding:6px; z-index:200;}
.menu-toggle span{display:block; width:24px; height:2px; background:#fff; margin:5px 0; transition:.2s;}
header.site-header.scrolled .menu-toggle span{background:var(--ink);}

@media (max-width: 860px){
  nav.main-nav{
    display:none; position:fixed; top:0; right:0; bottom:0; width:78%; max-width:320px;
    background:var(--ink); flex-direction:column; align-items:flex-start; gap:0;
    padding:90px 32px 32px; z-index:150; overflow-y:auto;
  }
  nav.main-nav.open{display:flex;}
  nav.main-nav ul{flex-direction:column; align-items:flex-start; gap:22px; width:100%;}
  nav.main-nav a{color:#fff !important; font-size:16px;}
  nav.main-nav .cta-btn{margin-top:10px;}
  nav.main-nav ul.sub-menu{
    display:flex; position:static; margin:14px 0 0 16px; box-shadow:none; border:none;
    background:transparent; padding:0; min-width:0; gap:14px;
  }
  nav.main-nav ul.sub-menu a{color:rgba(255,255,255,0.75) !important; font-size:14px; padding:0;}
  nav.main-nav ul.sub-menu a:hover{background:transparent; color:var(--orange) !important;}
  .menu-toggle{display:block;}
  .projects-grid{grid-template-columns:repeat(2,1fr);}
  .service-card{flex:1 1 280px;}
  .stats-grid{grid-template-columns:repeat(2,1fr); row-gap:28px;}
}
@media (max-width: 560px){
  .projects-grid{grid-template-columns:1fr;}
  .service-card{flex:1 1 100%;}
  .stats-grid{grid-template-columns:1fr 1fr;}
  .hero p{font-size:16px;}
}

/* ===========================================================
   INNER PAGE COMPONENTS (About, Services, Partners, Projects,
   Contact, Privacy/Cookie Policy)
   =========================================================== */

/* Inner page banner (replaces full hero on non-home pages) */
.page-hero{
  background:linear-gradient(135deg, #0A1A2E 0%, #0066B3 70%);
  color:#fff; padding:180px 0 70px; position:relative; overflow:hidden;
}
.page-hero::before{
  content:''; position:absolute; inset:0;
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,0.04) 0 1px, transparent 1px 80px),
    repeating-linear-gradient(0deg, rgba(255,255,255,0.04) 0 1px, transparent 1px 80px);
  opacity:.5;
}
.page-hero .container{position:relative; z-index:2;}
.page-hero .eyebrow{color:var(--orange);}
.page-hero h1{font-size:clamp(28px,4.4vw,44px); margin-bottom:10px;}
.page-hero p{color:rgba(255,255,255,0.8); max-width:560px; font-size:16px;}

/* ABOUT PAGE */
.about-lead{font-size:18px; color:#39435A; max-width:760px; margin-bottom:20px;}
.about-grid{display:grid; grid-template-columns:1.2fr .8fr; gap:48px; align-items:start; margin-top:20px;}
.approach-list{list-style:none;}
.approach-list li{
  padding:16px 0; border-bottom:1px solid var(--hairline);
  display:flex; gap:14px; align-items:flex-start; font-size:15px; color:#39435A;
}
.approach-list li::before{content:'→'; color:var(--orange); font-weight:700; flex-shrink:0;}
.story-card{
  background:var(--surface); border:1px solid var(--hairline); border-radius:10px; padding:28px;
}
.story-card h3{font-size:16px; margin-bottom:14px;}
@media (max-width:860px){ .about-grid{grid-template-columns:1fr;} }

/* SERVICES OVERVIEW PAGE — reuses .services-grid / .service-card, cards become links */
a.service-card{display:block; cursor:pointer;}

/* SERVICE DETAIL PAGE */
.service-hero{
  display:flex; align-items:center; gap:10px; margin-bottom:8px;
}
.service-feature-list{list-style:none; margin:24px 0;}
.service-feature-list li{
  padding:13px 0 13px 28px; border-bottom:1px solid var(--hairline);
  position:relative; font-size:15px; color:#39435A;
}
.service-feature-list li::before{
  content:''; position:absolute; left:0; top:19px; width:8px; height:8px; border-radius:50%;
}
.service-detail-body{max-width:760px;}
.distributor-banner{
  margin-top:32px; padding:20px 24px; border-radius:10px; background:var(--bg);
  border:1px solid var(--hairline); font-size:14.5px;
}
.distributor-banner strong{color:var(--ink);}
.back-link{display:inline-flex; align-items:center; gap:6px; font-size:14px; font-weight:600; color:var(--deep); margin-top:36px;}
.back-link:hover{text-decoration:underline;}

/* PARTNERS PAGE */
.partner-category{margin-bottom:44px;}
.partner-category h3{
  font-family:'IBM Plex Mono', monospace; font-size:13px; letter-spacing:.08em; text-transform:uppercase;
  color:var(--deep); margin-bottom:16px;
}
.partner-logo-grid{display:flex; flex-wrap:wrap; gap:14px;}
.partner-logo-card{
  border:1px solid var(--hairline); background:var(--surface); border-radius:8px;
  padding:22px 30px; font-family:'Space Grotesk', sans-serif; font-weight:600; font-size:16px;
  color:var(--ink); transition:border-color .2s ease, transform .2s ease;
}
.partner-logo-card:hover{border-color:var(--orange); transform:translateY(-2px);}

/* PROJECTS PAGE — reuses .projects-grid / .project-card */
.projects-page-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
@media (max-width:860px){ .projects-page-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:560px){ .projects-page-grid{grid-template-columns:1fr;} }

/* CONTACT PAGE */
.contact-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:10px;}
.contact-card{
  background:var(--surface); border:1px solid var(--hairline); border-radius:10px; padding:30px 26px;
  text-align:center;
}
.contact-card .icon{font-size:26px; margin-bottom:14px;}
.contact-card h3{font-size:15px; margin-bottom:8px; font-family:'IBM Plex Mono', monospace; letter-spacing:.04em; text-transform:uppercase; color:#56607A;}
.contact-card a, .contact-card p{font-size:16px; font-weight:600; color:var(--ink);}
.contact-card a:hover{color:var(--orange);}
.map-embed{
  margin-top:48px; border-radius:10px; overflow:hidden; border:1px solid var(--hairline); height:360px;
}
.map-embed iframe{width:100%; height:100%; border:0; display:block;}
@media (max-width:860px){ .contact-grid{grid-template-columns:1fr;} }

/* POLICY PAGES (Privacy / Cookie) */
.policy-content{max-width:760px; font-size:15.5px; color:#39435A;}
.policy-content h2{font-size:20px; color:var(--ink); margin:32px 0 12px;}
.policy-content h2:first-child{margin-top:0;}
.policy-content p{margin-bottom:14px;}
.policy-content ul{margin:0 0 14px 20px;}
.policy-content li{margin-bottom:6px;}
.policy-content table{width:100%; border-collapse:collapse; margin:18px 0;}
.policy-content th, .policy-content td{
  border:1px solid var(--hairline); padding:10px 12px; font-size:14px; text-align:left;
}
.policy-content th{background:var(--bg); font-family:'IBM Plex Mono', monospace; font-size:12px; text-transform:uppercase;}
.policy-updated{font-family:'IBM Plex Mono', monospace; font-size:12px; color:#8A93A8; margin-bottom:24px; display:block;}
.legal-note{
  margin-top:32px; padding:18px 22px; border-left:3px solid var(--orange); background:var(--bg);
  font-size:14px; color:#56607A; border-radius:0 8px 8px 0;
}

/* ===========================================================
   EVERGLO SPLASH SCREEN (entry overlay, shown once per visit
   unless dismissed with "don't show again")
   =========================================================== */
.everglo-splash-overlay{
  display:none; position:fixed; inset:0; z-index:999;
  background:rgba(10,18,32,0.92);
  align-items:center; justify-content:center; padding:24px;
  opacity:0; transition:opacity .3s ease;
}
.everglo-splash-overlay.show{display:flex;}
.everglo-splash-overlay.visible{opacity:1;}
.everglo-modal{
  background:#fff; border-radius:16px; max-width:460px; width:100%;
  padding:46px 36px 32px; text-align:center; position:relative;
  box-shadow:0 30px 70px -20px rgba(0,0,0,0.45);
  transform:translateY(14px); transition:transform .3s ease;
}
.everglo-splash-overlay.visible .everglo-modal{transform:translateY(0);}
.everglo-close{
  position:absolute; top:14px; right:14px; width:34px; height:34px; border-radius:50%;
  border:1px solid var(--hairline); background:#fff; font-size:16px; line-height:1; cursor:pointer;
  display:flex; align-items:center; justify-content:center; color:var(--ink);
  transition:background .2s ease, border-color .2s ease;
}
.everglo-close:hover{background:var(--bg); border-color:var(--orange);}
.everglo-badge{
  width:108px; height:108px; margin:0 auto 22px; border-radius:50%;
  background:linear-gradient(135deg, var(--orange), var(--sky));
  display:flex; align-items:center; justify-content:center;
  font-family:'Space Grotesk', sans-serif; font-weight:700; font-size:22px; color:#fff;
  letter-spacing:.02em;
}
.everglo-modal .eyebrow-small{
  font-family:'IBM Plex Mono', monospace; font-size:11px; letter-spacing:.1em; text-transform:uppercase;
  color:var(--orange); display:block; margin-bottom:10px;
}
.everglo-modal h2{font-size:21px; line-height:1.3; margin-bottom:12px; padding:0 4px;}
.everglo-modal p.sub{font-size:14px; color:#56607A; margin-bottom:22px; padding:0 6px;}
.everglo-product-placeholder{
  height:130px; border-radius:10px; background:var(--bg); border:1px dashed var(--hairline);
  display:flex; align-items:center; justify-content:center; margin-bottom:24px;
  font-family:'IBM Plex Mono', monospace; font-size:11px; letter-spacing:.08em; color:#A2ABBE;
}
.everglo-cta{
  display:inline-block; background:var(--orange); color:#fff !important; font-weight:600; font-size:14.5px;
  padding:13px 30px; border-radius:7px; margin-bottom:18px; transition:background .2s ease, transform .2s ease;
}
.everglo-cta:hover{background:#e0820a; transform:translateY(-1px);}
.everglo-checkbox-row{
  display:flex; align-items:center; justify-content:center; gap:8px; font-size:13px;
  color:#56607A; margin-bottom:14px;
}
.everglo-checkbox-row input{width:15px; height:15px; accent-color:var(--orange);}
.everglo-continue{
  display:inline-block; font-size:13px; color:#8A93A8; text-decoration:underline; cursor:pointer; background:none; border:none;
}
.everglo-continue:hover{color:var(--deep);}
@media (max-width:480px){
  .everglo-modal{padding:40px 24px 26px;}
}