/* ===== WorkersFromNepal.com — design system =====
   Himalayan Slate Blue / Workforce Teal / Marigold on Himalayan Ivory.
   Headings: Manrope. Body: Inter. System-font fallback if webfonts fail to load. */

:root{
  --slate:#123047;      --slate-d:#0b1f30;   --slate-l:#1c4468;
  --teal:#287C7E;       --teal-d:#1f6062;    --teal-mist:#eaf3f2;
  --gold:#E7A13D;       --gold-d:#c5811f;    --gold-soft:#f7dcae;
  --ivory:#F7F4ED;      --paper:#FFFFFF;
  --ink:#1D272D;        --muted:#607079;     --line:#DCE2E2;
  --ok-bg:#e8f4ec; --ok-ink:#1d6f42; --ok-line:#c3e3cf;
  --err-bg:#fbe9e9; --err-ink:#9b2226; --err-line:#f0c9c9;
  --maxw:1180px;
  --radius:10px;
  --shadow:0 14px 34px rgba(18,48,71,.08);
  --font-head:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --font-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}

*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{font-family:var(--font-body);color:var(--ink);background:var(--paper);line-height:1.65;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
ul,ol{list-style:none;}
button{font:inherit;}
[id]{scroll-margin-top:120px;}

.container{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
.wrap{max-width:820px;margin:0 auto;padding:0 24px;}

/* Skip link */
.skip-link{position:absolute;left:-999px;top:0;background:var(--slate);color:#fff;padding:10px 18px;border-radius:0 0 8px 0;z-index:200;}
.skip-link:focus{left:0;}

/* Focus visibility */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
  outline:2px solid var(--teal);outline-offset:2px;
}

/* Type */
h1,h2,h3,h4{font-family:var(--font-head);font-weight:700;color:var(--slate);line-height:1.18;}
h1{font-size:clamp(30px,4.6vw,48px);letter-spacing:-.01em;}
h2{font-size:clamp(24px,3.2vw,32px);}
h3{font-size:17px;}
p{color:var(--ink);}
.eyebrow{display:inline-block;font-family:var(--font-head);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-d);font-weight:700;margin-bottom:10px;}
.lead{font-size:clamp(16px,1.9vw,18.5px);color:var(--muted);max-width:600px;}
.center{text-align:center;margin-left:auto;margin-right:auto;}
.sec-head{max-width:680px;}
.sec-head p{color:var(--muted);margin-top:12px;font-size:16px;}

section{padding:72px 0;}
.bg-ivory{background:var(--ivory);}
.bg-slate{background:var(--slate);color:#dfe7ec;}
.bg-slate h2,.bg-slate h3{color:#fff;}
.bg-slate .eyebrow{color:var(--gold-soft);}
.bg-slate p{color:#c3d2da;}

/* Topographic accent — subtle, inline SVG, no external request */
.topo{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cg fill='none' stroke='%23123047' stroke-opacity='0.05' stroke-width='1.4'%3E%3Cpath d='M-10 190 Q40 150 90 190 T190 170 T230 200'/%3E%3Cpath d='M-10 150 Q40 110 90 150 T190 130 T230 160'/%3E%3Cpath d='M-10 110 Q40 70 90 110 T190 90 T230 120'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat:repeat;
}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-head);font-size:14.5px;font-weight:700;padding:13px 24px;border-radius:6px;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s;border:1px solid transparent;white-space:nowrap;}
.btn:hover{transform:translateY(-1px);}
.btn-primary{background:var(--gold);color:var(--slate-d);} .btn-primary:hover{background:var(--gold-d);color:#fff;}
.btn-secondary{background:var(--teal);color:#fff;} .btn-secondary:hover{background:var(--teal-d);}
.btn-ghost{background:transparent;color:var(--slate);border-color:var(--slate);} .btn-ghost:hover{background:rgba(18,48,71,.06);}
.btn-ghost-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.5);} .btn-ghost-light:hover{background:rgba(255,255,255,.1);}
.btn-row{display:flex;gap:12px;flex-wrap:wrap;}

/* Top information bar */
.topbar{background:var(--slate-d);color:#dbe6ea;font-size:12.5px;}
.topbar .container{display:flex;justify-content:space-between;align-items:center;padding:9px 24px;gap:10px 24px;flex-wrap:wrap;}
.topbar a{color:#dbe6ea;} .topbar a:hover{color:var(--gold-soft);}
.topbar b{color:var(--gold-soft);}
.topbar .tb-links{display:flex;gap:18px;flex-wrap:wrap;}

/* Header / nav */
header.site{position:sticky;top:0;z-index:60;background:rgba(247,244,237,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px;gap:12px;}
.logo{display:flex;align-items:center;gap:10px;flex:none;}
/* Full company mark (circular emblem + "Green Outdoors" wordmark), shown complete —
   no crop — scaled to the tallest size the 68px header row comfortably allows. */
.logo img{height:52px;width:auto;}
.logo .txt{font-family:var(--font-head);color:var(--slate);font-size:15px;line-height:1.05;font-weight:700;}
.logo .txt small{display:block;font-family:var(--font-body);font-size:9px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:2px;}
nav.mainnav{display:flex;align-items:center;gap:14px;flex:1;justify-content:flex-end;min-width:0;}
nav.mainnav ul{display:flex;align-items:center;gap:2px;}
/* Single-line pill links — the six labels must never wrap mid-label (that produced a
   ragged two-line menu), so the whole row is slimmed to genuinely fit the container
   and collapses to the hamburger menu the moment it wouldn't. */
nav.mainnav a.navlink{font-size:14px;font-weight:600;color:var(--ink);padding:9px 8px;border-radius:8px;white-space:nowrap;transition:color .15s,background .15s;}
nav.mainnav a.navlink:hover{color:var(--teal-d);background:var(--teal-mist);}
nav.mainnav a.navlink[aria-current="page"]{color:var(--teal-d);background:var(--teal-mist);box-shadow:inset 0 -2px 0 var(--gold);}
.nav-ctas{display:flex;align-items:center;gap:10px;}
.nav-ctas .btn{padding:10px 13px;font-size:13.5px;white-space:nowrap;}
nav.mainnav ul .mobile-ctas{display:none;}
.menu-toggle{display:none;background:none;border:0;cursor:pointer;flex-direction:column;gap:5px;padding:8px;}
.menu-toggle span{width:24px;height:2px;background:var(--slate);display:block;border-radius:2px;}

/* Hero */
.hero{padding:64px 0 0;}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center;}
.hero h1{margin-top:14px;}
.hero-badges{display:flex;gap:24px;flex-wrap:wrap;margin-top:30px;padding-top:20px;border-top:1px solid var(--line);}
.hb b{font-family:var(--font-head);font-size:15px;color:var(--slate);display:block;}
.hb span{font-size:12px;color:var(--muted);}
.hero-art{background:var(--teal-mist);border:1px solid var(--line);border-radius:var(--radius);padding:28px;}
.hero-art h3{font-size:15px;}
.flow{margin-top:14px;display:flex;flex-direction:column;gap:9px;}
.fitem{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:11px 13px;font-size:13.5px;}
.fnum{width:23px;height:23px;border-radius:50%;background:var(--gold);color:var(--slate-d);font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;flex:none;}
.compliance-line{margin-top:22px;font-size:12.5px;color:var(--muted);border-left:3px solid var(--gold);padding-left:12px;max-width:640px;}

/* Trust strip */
.trust{background:var(--slate);color:#dfe7ec;padding:20px 0;}
.trust ul{display:flex;flex-wrap:wrap;gap:10px 32px;justify-content:center;font-size:13px;}
.trust li{display:flex;align-items:center;gap:8px;}
.trust li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold);flex:none;}

/* Card grids */
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.grid-6{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}

.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px;transition:transform .18s,box-shadow .18s,border-color .18s;}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--teal-mist);}
.card:hover .card-cta{color:var(--gold-d);}
.card .ci{width:42px;height:42px;border-radius:9px;background:var(--teal-mist);color:var(--teal-d);display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:800;}
.card .ci svg{width:22px;height:22px;}
/* Small inline icon chip used inside card <h3> headings */
.h3-ic{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;background:var(--teal-mist);color:var(--teal-d);vertical-align:-7px;margin-right:9px;flex:none;}
.h3-ic svg{width:15px;height:15px;}
.card h3{margin-top:14px;}
.card p{color:var(--muted);font-size:14.5px;margin-top:8px;}
.card .card-cta{display:inline-block;margin-top:14px;font-size:13.5px;font-weight:700;color:var(--teal-d);}
.card .card-cta:hover{text-decoration:underline;}

.icard{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;transition:transform .15s,box-shadow .15s;}
.icard:hover{transform:translateY(-3px);box-shadow:var(--shadow);}
.icard .iband{height:5px;background:linear-gradient(90deg,var(--teal),var(--gold));}
.icard .ibody{padding:20px 20px 22px;}
.icard ul{margin-top:10px;color:var(--muted);font-size:13.5px;line-height:1.75;}
.icard ul li::before{content:"— ";color:var(--gold-d);}

/* Process steps */
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px;}
.pstep{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);padding:22px;transition:background .18s,border-color .18s,transform .18s;}
.pstep:hover{background:rgba(255,255,255,.1);border-color:rgba(231,161,61,.45);transform:translateY(-3px);}
.pstep .pn{font-family:var(--font-head);font-size:26px;font-weight:800;color:var(--gold-soft);}
.pstep h3{margin-top:8px;color:#fff;}
.pstep p{color:#c3d2da;font-size:13.5px;margin-top:6px;}
.pstep .outcome{margin-top:10px;font-size:12px;color:var(--gold-soft);font-weight:700;}

/* Who-we-serve / audience list */
.wholist{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.who{display:flex;gap:14px;align-items:flex-start;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;transition:border-color .18s,box-shadow .18s;}
.who:hover{border-color:var(--teal);box-shadow:0 6px 18px rgba(18,48,71,.07);}
.who .wi{width:36px;height:36px;border-radius:50%;background:var(--teal-mist);color:var(--teal-d);display:flex;align-items:center;justify-content:center;font-weight:800;flex:none;}
.who b{display:block;font-family:var(--font-head);color:var(--slate);font-size:14.5px;}
.who span{font-size:13.5px;color:var(--muted);}

/* FAQ accordion */
.faq-item{border-bottom:1px solid var(--line);}
.faq-q{width:100%;text-align:left;background:none;border:0;padding:18px 4px;display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;font-family:var(--font-head);font-weight:700;color:var(--slate);font-size:15.5px;}
.faq-q .plus{flex:none;font-size:20px;color:var(--gold-d);transition:transform .2s;}
.faq-item[data-open="true"] .plus{transform:rotate(45deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease;}
.faq-a p{color:var(--muted);font-size:14.5px;padding:0 4px 18px;max-width:70ch;}

/* Forms */
.form-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);}
.form-card::before{content:"";display:block;height:4px;background:linear-gradient(90deg,var(--teal),var(--gold));}
.form-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;}
.ftab{background:#fff;border:1px solid var(--line);color:var(--muted);font-weight:700;font-size:13.5px;padding:10px 16px;border-radius:7px;cursor:pointer;}
.ftab.active{background:var(--slate);color:#fff;border-color:var(--slate);}
.cform{display:none;padding:26px 24px 28px;}
.cform.active{display:block;}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.fgrp{margin-bottom:15px;}
.fgrp label{display:block;font-size:12.5px;font-weight:700;color:var(--slate);margin-bottom:5px;}
.fgrp label b{color:var(--gold-d);}
.cform input[type=text],.cform input[type=email],.cform input[type=tel],.cform textarea,.cform select{
  width:100%;font-family:var(--font-body);font-size:14.5px;color:var(--ink);padding:11px 13px;border:1px solid var(--line);border-radius:7px;background:#fdfdfb;transition:border .15s,box-shadow .15s;
}
.cform input:focus,.cform textarea:focus,.cform select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(40,124,126,.15);background:#fff;}
.cform textarea{resize:vertical;min-height:96px;}
.cform input.invalid,.cform textarea.invalid,.cform select.invalid{border-color:#c94a3a;box-shadow:0 0 0 3px rgba(201,74,58,.12);}
.consent{display:flex;align-items:flex-start;gap:9px;font-size:12.5px;color:var(--muted);margin:6px 0 16px;}
.consent input{margin-top:3px;flex:none;}
.consent a{color:var(--teal-d);text-decoration:underline;}
.hpf{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.form-msg{margin-top:10px;font-size:13.5px;display:none;padding:11px 14px;border-radius:6px;}
.form-msg.ok{display:block;background:var(--ok-bg);color:var(--ok-ink);border:1px solid var(--ok-line);}
.form-msg.err{display:block;background:var(--err-bg);color:var(--err-ink);border:1px solid var(--err-line);}
.cform.submitted>*:not(.form-msg){display:none;}
.cform.submitted .form-msg.ok{margin-top:0;font-size:15.5px;padding:22px 20px;}
.eq-layout{display:grid;grid-template-columns:1.3fr .9fr;gap:28px;align-items:start;}
.form-col{min-width:0;}
.eq-side{background:var(--slate);color:#dfe7ec;border-radius:var(--radius);padding:26px;}
.eq-side h3{color:#fff;font-size:16px;}
.cline{display:flex;gap:12px;align-items:flex-start;margin-top:16px;}
.cline .ic{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;flex:none;}
.cline b{display:block;font-family:var(--font-head);font-size:13.5px;color:#fff;}
.cline a,.cline span{font-size:13.5px;color:#c3d2da;}
.eq-note{margin-top:20px;font-size:12.5px;color:#c3d2da;background:rgba(255,255,255,.06);border-radius:8px;padding:12px 14px;}
.socials{display:flex;gap:10px;margin-top:18px;}
.socials a{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:700;color:#fff;}

/* Compliance / disclaimer box */
.compliance-box{background:var(--ivory);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:8px;padding:18px 20px;font-size:13.5px;color:var(--muted);margin-top:18px;}
.compliance-box b{color:var(--slate);}
.last-reviewed{font-size:12.5px;color:var(--muted);margin-top:8px;}

/* Breadcrumbs */
.breadcrumbs{font-size:12.5px;color:var(--muted);padding:16px 0 0;}
.breadcrumbs a{color:var(--teal-d);}
.breadcrumbs a:hover{text-decoration:underline;}

/* Legal / long-form article pages */
.article main, main.legal, main.article{padding:36px 0 60px;}
.titlebar{background:var(--ivory);border-bottom:1px solid var(--line);padding:34px 0;}
.titlebar h1{margin:0;}
.titlebar .meta{font-size:13px;color:var(--muted);margin-top:10px;}
main.legal h2,main.article h2{margin-top:34px;font-size:21px;}
main.article .cat-head{display:flex;align-items:center;gap:14px;margin-top:34px;}
main.article .cat-head h2{margin-top:0;}
.cat-icon{display:flex;align-items:center;justify-content:center;flex:none;width:46px;height:46px;border-radius:50%;background:var(--teal-mist);color:var(--teal-d);}
.cat-icon svg{width:24px;height:24px;}
main.legal h3,main.article h3{margin-top:20px;font-size:16px;}
main.legal p,main.article p{margin-top:10px;color:var(--ink);font-size:15px;max-width:74ch;}
main.legal ul{margin-top:10px;padding-left:20px;list-style:disc;color:var(--ink);font-size:15px;}
main.article ul{margin-top:10px;padding-left:0;list-style:none;color:var(--ink);font-size:15px;}
main.article ul li{position:relative;padding:1px 0 1px 30px;margin-top:9px;}
main.article ul li::before{content:"\2713";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:var(--teal-mist);color:var(--teal-d);font-size:11px;font-weight:700;line-height:20px;text-align:center;}

/* Occupation cards — /industries/ occupation entries as a scannable grid */
.occ-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;margin-bottom:34px;}
.occ-card{background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:10px;padding:18px 20px;transition:box-shadow .15s,transform .15s;}
.occ-card:hover{box-shadow:var(--shadow);transform:translateY(-2px);}
main.article .occ-card h3{margin-top:0;color:var(--teal-d);}
main.article .occ-card p{font-size:14px;color:var(--muted);max-width:none;}
@media(max-width:768px){.occ-grid{grid-template-columns:1fr;}}

/* Step cards — used to turn a "what happens / what we need / output / delay" style
   breakdown into a scannable 2x2 grid instead of a stack of bold-prefixed paragraphs. */
.pstep-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;}
.pstep-item{background:var(--ivory);border:1px solid var(--line);border-radius:10px;padding:16px 18px;transition:border-color .18s,box-shadow .18s;}
.pstep-item:hover{border-color:var(--gold);box-shadow:0 6px 18px rgba(18,48,71,.06);}
.pstep-item h4{font-family:var(--font-head);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--teal-d);margin:0;}
.pstep-item p{margin-top:6px;font-size:14.5px;max-width:none;}
@media(max-width:640px){.pstep-grid{grid-template-columns:1fr;}}
main.legal table{width:100%;border-collapse:collapse;margin-top:14px;font-size:14px;}
main.legal table th,main.legal table td{border:1px solid var(--line);padding:10px 12px;text-align:left;}
main.legal .toc{background:var(--ivory);border:1px solid var(--line);border-radius:var(--radius);padding:18px 22px;margin-top:24px;}
main.legal .toc ol{padding-left:18px;color:var(--teal-d);}
.legal-card{background:var(--ivory);border:1px solid var(--line);border-radius:8px;padding:16px 18px;margin-top:14px;font-size:14px;}

/* 404 */
.notfound{min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:60px 24px;}
.notfound .code{font-family:var(--font-head);font-size:80px;font-weight:800;color:var(--teal-mist);}

/* Footer */
footer.site{background:var(--slate-d);color:#c3d2da;padding:56px 0 26px;position:relative;}
footer.site::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--teal),var(--gold));}
.foot-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.12);}
/* The mark's dark-green wordmark is unreadable on the dark footer — back it with a white chip */
.foot-brand .logo img{background:#fff;border-radius:8px;padding:4px;}
.foot-brand .logo .txt{color:#fff;}
.foot-brand .logo .txt small{color:#9db0b8;}
.foot-brand p{color:#9db0b8;font-size:13px;margin-top:12px;max-width:32ch;}
.foot-contact{margin-top:14px;}
.foot-contact a{font-size:13px;color:#c3d2da;display:block;margin-bottom:7px;}
.foot-contact a:hover{color:#fff;}
.foot-social{display:flex;gap:10px;margin-top:16px;}
/* extra specificity so the generic .foot-top a{display:block} rule can't undo the centering */
.foot-top .foot-social a{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:700;color:#fff;margin-bottom:0;transition:background .15s,border-color .15s,transform .15s;}
.foot-top .foot-social a:hover{background:var(--teal);border-color:var(--teal);transform:translateY(-2px);}
.foot-top h4{color:var(--gold-soft);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:13px;font-family:var(--font-head);}
.foot-top a,.foot-top span{display:block;font-size:13.5px;color:#c3d2da;margin-bottom:9px;}
.foot-top div>h4~a{transition:color .15s,transform .15s;}
.foot-top div>h4~a:hover{color:#fff;transform:translateX(3px);}
.foot-network{margin-top:22px;display:flex;gap:16px;flex-wrap:wrap;font-size:12.5px;align-items:center;}
.foot-network .fn-label{color:#8fa2ab;}
.foot-network a{color:#c3d2da;} .foot-network a:hover{color:#fff;}
.disc{font-size:12px;color:#8fa2ab;line-height:1.7;margin-top:22px;max-width:110ch;}
.foot-bottom{display:flex;flex-wrap:wrap;gap:10px 20px;justify-content:space-between;align-items:center;padding-top:18px;margin-top:18px;border-top:1px solid rgba(255,255,255,.1);font-size:12.5px;color:#8fa2ab;}
.foot-bottom b{color:var(--gold-soft);}

/* Flag chips + Schengen country grid (destination-countries) */
.flag-ic{display:inline-flex;width:30px;height:20px;border-radius:4px;overflow:hidden;vertical-align:-4px;margin-right:9px;flex:none;box-shadow:0 0 0 1px rgba(18,48,71,.14);}
.flag-ic svg{width:100%;height:100%;display:block;}
.cgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px;}
.country-mini{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px 14px;font-family:var(--font-head);font-weight:700;font-size:14px;color:var(--slate);transition:border-color .18s,box-shadow .18s,transform .18s;}
.country-mini:hover{border-color:var(--teal);box-shadow:0 6px 16px rgba(18,48,71,.08);transform:translateY(-2px);}
.country-mini .flag-ic{margin-right:0;vertical-align:0;}
@media(max-width:1024px){.cgrid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:640px){.cgrid{grid-template-columns:1fr 1fr;}}

/* Floating WhatsApp button */
.wa-float{position:fixed;right:22px;bottom:22px;z-index:90;width:54px;height:54px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(11,31,48,.3);transition:transform .15s,box-shadow .15s;}
.wa-float:hover{transform:scale(1.08);box-shadow:0 10px 26px rgba(11,31,48,.35);}
.wa-float svg{width:28px;height:28px;}
@media print{.wa-float{display:none;}}
@media(max-width:640px){.wa-float{right:14px;bottom:14px;width:50px;height:50px;}}

/* Utility */
.mt-0{margin-top:0;} .mt-sm{margin-top:12px;} .mt-md{margin-top:24px;} .mt-lg{margin-top:44px;}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}
.tag{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.04em;color:var(--teal-d);background:var(--teal-mist);border-radius:20px;padding:4px 12px;margin:0 6px 6px 0;transition:background .15s,color .15s,transform .15s;}
.tag:hover{background:var(--teal);color:#fff;transform:translateY(-1px);}
.divider{height:1px;background:var(--line);margin:0;}

/* Responsive */
@media(max-width:1240px){
  /* Hamburger below 1240px — the slimmed one-line row (logo + 6 pill links + two
     CTA buttons) needs ~1125px of content width, which only exists above this. */
  nav.mainnav ul{position:fixed;top:68px;left:0;right:0;background:var(--paper);flex-direction:column;align-items:stretch;gap:0;padding:6px 0 14px;border-bottom:1px solid var(--line);display:none;box-shadow:0 12px 26px rgba(18,48,71,.08);}
  nav.mainnav ul.open{display:flex;}
  nav.mainnav ul li{width:100%;}
  nav.mainnav a.navlink{display:block;padding:13px 24px;border-radius:0;}
  nav.mainnav a.navlink[aria-current="page"]{box-shadow:inset 3px 0 0 var(--gold);}
  nav.mainnav{position:static;}
  .nav-ctas{display:none;}
  nav.mainnav ul .mobile-ctas{display:flex;flex-direction:column;gap:10px;padding:12px 24px 0;}
  .menu-toggle{display:flex;}
}
@media(max-width:1024px){
  .grid-4{grid-template-columns:1fr 1fr;}
  .grid-6{grid-template-columns:1fr 1fr;}
  .pgrid{grid-template-columns:1fr 1fr;}
  .foot-top{grid-template-columns:1fr 1fr;}
}
@media(max-width:900px){
  .hero-grid,.eq-layout{grid-template-columns:1fr;gap:32px;}
  .grid-2,.grid-3{grid-template-columns:1fr 1fr;}
}
@media(max-width:768px){
  section{padding:52px 0;}
  .wholist{grid-template-columns:1fr;}
}
@media(max-width:640px){
  .grid-2,.grid-3,.grid-4,.grid-6,.foot-top{grid-template-columns:1fr;}
  .frow{grid-template-columns:1fr;}
  .topbar .tb-links{gap:12px;}
  .btn{width:100%;justify-content:center;}
  .hero-cta.btn-row .btn{width:auto;}
}
@media(prefers-reduced-motion:reduce){
  *{transition:none!important;scroll-behavior:auto!important;animation:none!important;}
}