/* ===== Quota Solutions — PREMIUM design layer =====
   Loads AFTER campaign.css. Adds the "funded agency" polish:
   editorial type, depth, mesh gradients, grain, motion, custom detailing. */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap');

:root{
  --shadow-sm:0 2px 8px -2px rgba(10,26,47,.10);
  --shadow-md:0 18px 40px -20px rgba(10,26,47,.28);
  --shadow-lg:0 40px 90px -40px rgba(10,26,47,.45);
  --ring:0 0 0 1px rgba(10,26,47,.06);
  --grad-accent:linear-gradient(120deg,#00c48c,#00e0a1);
  --grad-gold:linear-gradient(120deg,#f6b73c,#ffd27a);
}

body{ -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; letter-spacing:-0.01em; }

body::before{
  content:"";position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.035;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.nav,.chero,section,.foot{position:relative;z-index:2}

.chero h1{font-family:'Fraunces',Georgia,serif;font-weight:600;letter-spacing:-0.02em;line-height:1.05}
.sec-head h2{font-family:'Fraunces',Georgia,serif;font-weight:600;letter-spacing:-0.015em}
.band h2{font-family:'Fraunces',Georgia,serif;font-weight:600}

.nav{background:rgba(8,20,37,.72);backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 1px 0 rgba(255,255,255,.04) inset}
.brand .q{box-shadow:0 6px 18px -6px rgba(0,196,140,.7), inset 0 1px 0 rgba(255,255,255,.4)}
.nav-cta{box-shadow:0 8px 22px -8px rgba(0,196,140,.65);position:relative;overflow:hidden}
.nav-cta::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-20deg);animation:sheen 5s ease-in-out infinite}
@keyframes sheen{0%,60%{left:-60%}80%,100%{left:130%}}

.chero{background:
  radial-gradient(1200px 500px at 85% -10%, rgba(0,196,140,.18), transparent 60%),
  radial-gradient(900px 500px at 0% 120%, rgba(246,183,60,.12), transparent 55%),
  linear-gradient(165deg,#081425 0%,#0a1a2f 45%,#0f2542 100%);
}
.chero::after{filter:blur(20px)}
.chero .eyebrow{backdrop-filter:blur(6px);box-shadow:inset 0 0 0 1px rgba(0,196,140,.25),0 6px 20px -10px rgba(0,196,140,.5)}
.chero .lede{color:#cdd9e8}
.chero-stats div b{background:var(--grad-accent);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 10px rgba(0,196,140,.3))}

.btn{letter-spacing:-0.01em;position:relative;overflow:hidden}
.btn-primary{box-shadow:0 10px 26px -10px rgba(0,196,140,.6), inset 0 1px 0 rgba(255,255,255,.35)}
.btn-primary::after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);transition:left .5s}
.btn-primary:hover::after{left:130%}

.ps-card,.ccard,.panel-card,.panel-side,.acc,.v-item{box-shadow:var(--shadow-sm),var(--ring)}
.ps-card{border-radius:18px;background:linear-gradient(180deg,#fff,#fcfdff)}
.ccard{border-radius:20px;background:linear-gradient(180deg,#fff,#fbfdff)}
.ccard:hover{box-shadow:var(--shadow-lg)}
.ccard .emoji{width:58px;height:58px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#eafff7,#f3f8ff);box-shadow:inset 0 0 0 1px rgba(0,196,140,.15),0 8px 18px -10px rgba(0,196,140,.4);font-size:1.7rem}
.panel-card{border-radius:22px;box-shadow:var(--shadow-md),var(--ring)}

.tabs{background:rgba(255,255,255,.6);backdrop-filter:blur(6px);padding:8px;border-radius:16px;box-shadow:var(--ring);display:inline-flex;flex-wrap:wrap}
.tab-btn{border:none;background:transparent;box-shadow:none}
.tab-btn.active{box-shadow:0 10px 24px -10px rgba(10,26,47,.5)}

.metric b{font-family:'Fraunces',Georgia,serif;font-weight:600}
.panel-side{background:linear-gradient(170deg,#0a1a2f,#0f2542);color:#fff}
.panel-side h4{color:#9fb2c8}
.metric small{color:#9fb2c8}

.ps-card .ic{box-shadow:inset 0 0 0 1px rgba(0,0,0,.04),0 6px 14px -8px rgba(0,0,0,.2)}

section{padding:72px 0}
.sec-head .eyebrow{position:relative;padding-left:26px}
.sec-head .eyebrow::before{content:"";position:absolute;left:0;top:50%;width:18px;height:2px;background:var(--grad-accent);transform:translateY(-50%)}

.band{background:
  radial-gradient(600px 200px at 20% 0%, rgba(255,255,255,.35), transparent 60%),
  var(--grad-accent);
  box-shadow:var(--shadow-lg), inset 0 1px 0 rgba(255,255,255,.5);border-radius:26px}

.foot{background:
  radial-gradient(800px 300px at 100% 0%, rgba(0,196,140,.10), transparent 60%),
  linear-gradient(180deg,#081425,#0a1a2f)}

.wa-float{box-shadow:0 14px 34px -10px rgba(37,211,102,.75), inset 0 1px 0 rgba(255,255,255,.4)}

.reveal{filter:blur(6px)}
.reveal.in{filter:blur(0)}

::selection{background:rgba(0,196,140,.25)}
a:focus-visible,.btn:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}

/* ==== ABOUT / WHY / CONTACT COMPONENTS ==== */
.editorial{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
@media(max-width:820px){.editorial{grid-template-columns:1fr;gap:28px}}
.editorial .lead-serif{font-family:'Fraunces',Georgia,serif;font-size:clamp(1.4rem,2.6vw,2rem);font-weight:500;line-height:1.35;color:var(--navy);letter-spacing:-0.015em}
.editorial p{color:var(--muted);font-size:1.02rem}
.editorial .figure{border-radius:22px;background:linear-gradient(160deg,#0a1a2f,#0f2542);color:#fff;padding:34px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}
.editorial .figure::before{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(0,196,140,.3),transparent 70%)}
.editorial .figure h3{font-family:'Fraunces',serif;font-weight:600;font-size:1.5rem;margin-bottom:14px}
.editorial .figure .row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1);color:#cdd9e8;font-size:.95rem}
.editorial .figure .row:last-child{border-bottom:none}
.editorial .figure .row b{color:var(--accent-2);font-family:'Fraunces',serif}

.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:8px 0}
@media(max-width:820px){.stat-strip{grid-template-columns:repeat(2,1fr)}}
.stat-strip .s{background:linear-gradient(180deg,#fff,#fbfdff);border-radius:18px;padding:26px;text-align:center;box-shadow:var(--shadow-sm),var(--ring)}
.stat-strip .s b{font-family:'Fraunces',serif;font-weight:600;font-size:2.1rem;display:block;background:var(--grad-accent);-webkit-background-clip:text;background-clip:text;color:transparent}
.stat-strip .s small{color:var(--muted);font-size:.88rem}

.val-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:820px){.val-grid{grid-template-columns:1fr}}
.val{background:linear-gradient(180deg,#fff,#fbfdff);border-radius:20px;padding:30px;box-shadow:var(--shadow-sm),var(--ring);transition:transform .2s,box-shadow .2s}
.val:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.val .ic{width:52px;height:52px;border-radius:14px;background:linear-gradient(160deg,#eafff7,#f3f8ff);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:16px;box-shadow:inset 0 0 0 1px rgba(0,196,140,.15)}
.val h3{font-size:1.15rem;margin-bottom:8px;color:var(--navy)}
.val p{color:var(--muted);font-size:.95rem;margin:0}

.timeline{position:relative;margin-left:14px;padding-left:34px}
.timeline::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:2px;background:var(--grad-accent)}
.tl{position:relative;margin-bottom:28px}
.tl::before{content:"";position:absolute;left:-42px;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--accent);box-shadow:0 0 0 4px rgba(0,196,140,.15)}
.tl h3{font-size:1.1rem;color:var(--navy);margin-bottom:4px}
.tl p{color:var(--muted);font-size:.95rem;margin:0}

.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
@media(max-width:820px){.contact-grid{grid-template-columns:1fr}}
.contact-card{background:linear-gradient(180deg,#fff,#fbfdff);border-radius:20px;padding:32px;box-shadow:var(--shadow-md),var(--ring)}
.contact-method{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.contact-method:last-child{border-bottom:none}
.contact-method .ic{width:46px;height:46px;border-radius:13px;background:linear-gradient(160deg,#eafff7,#f3f8ff);display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex:none;box-shadow:inset 0 0 0 1px rgba(0,196,140,.15)}
.contact-method b{display:block;color:var(--navy);font-family:'Plus Jakarta Sans';font-size:.98rem}
.contact-method span{color:var(--muted);font-size:.9rem}
.field{margin-bottom:16px}
.field label{display:block;font-size:.82rem;font-weight:600;color:var(--navy);margin-bottom:6px}
.field input,.field textarea,.field select{width:100%;padding:13px 15px;border:1px solid var(--line);border-radius:11px;font-family:'Inter';font-size:.95rem;background:#fff;transition:border-color .16s,box-shadow .16s}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,196,140,.15)}
.field textarea{min-height:110px;resize:vertical}

/* ===== COST / SAVINGS CALCULATOR ===== */
.calc-wrap{background:linear-gradient(170deg,#0a1a2f,#0f2542);border-radius:26px;padding:38px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden;color:#fff}
.calc-wrap::before{content:"";position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(0,196,140,.28),transparent 70%)}
.calc-wrap::after{content:"";position:absolute;left:-60px;bottom:-90px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(246,183,60,.14),transparent 70%)}
.calc-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}
@media(max-width:820px){.calc-grid{grid-template-columns:1fr;gap:26px}}
.calc-controls label{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#9fb2c8;margin:0 0 8px;font-weight:600}
.calc-field{margin-bottom:20px}
.calc-field select{width:100%;padding:14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#fff;font-family:'Inter';font-size:1rem;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%2300e0a1'%3E%3Cpath d='M7 10L2 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}
.calc-field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,196,140,.25)}
.calc-field select option{color:#0a1a2f}
.seg{display:flex;gap:8px;background:rgba(255,255,255,.06);padding:6px;border-radius:14px;border:1px solid rgba(255,255,255,.12)}
.seg button{flex:1;padding:11px 6px;border:none;background:transparent;color:#c6d3e2;font-family:'Plus Jakarta Sans';font-weight:700;font-size:.9rem;border-radius:10px;cursor:pointer;transition:all .18s}
.seg button.active{background:var(--grad-accent);color:#04231a;box-shadow:0 8px 20px -8px rgba(0,196,140,.6)}
.calc-result{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:30px;text-align:center;backdrop-filter:blur(6px)}
.calc-result .role-label{font-size:.82rem;color:#9fb2c8;letter-spacing:.04em}
.calc-compare{display:flex;justify-content:center;gap:26px;margin:18px 0}
.calc-compare .col small{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:#9fb2c8;margin-bottom:4px}
.calc-compare .col .amt{font-family:'Fraunces',serif;font-weight:600;font-size:1.5rem}
.calc-compare .col.local .amt{color:#ff8b8b;text-decoration:line-through;text-decoration-color:rgba(255,139,139,.5)}
.calc-compare .col.us .amt{color:var(--accent-2)}
.calc-compare .vs{align-self:center;color:#5b6b7f;font-size:.8rem;font-weight:700}
.calc-save{background:var(--grad-accent);color:#04231a;border-radius:14px;padding:16px;margin:16px 0}
.calc-save b{font-family:'Fraunces',serif;font-weight:700;font-size:2.2rem;display:block;line-height:1}
.calc-save small{font-size:.82rem;font-weight:600}
.calc-hr-note{font-size:.82rem;color:#9fb2c8;margin:12px 0 0}
.calc-cta{margin-top:18px}
.calc-cta .btn{width:100%;justify-content:center}
.calc-disclaimer{position:relative;z-index:2;margin-top:22px;font-size:.76rem;color:#7d90a6;text-align:center}
.calc-intro h2{color:#fff}
.calc-intro .eyebrow{color:var(--accent-2)}
.calc-intro p{color:#c6d3e2}

/* ===== LEGAL / LONG-FORM PAGES ===== */
.legal{max-width:820px;margin:0 auto}
.legal .updated{color:var(--muted);font-size:.88rem;margin-bottom:26px}
.legal h2{font-family:'Fraunces',serif;font-weight:600;font-size:1.4rem;color:var(--navy);margin:30px 0 10px}
.legal h3{font-size:1.05rem;color:var(--navy);margin:20px 0 6px}
.legal p{color:#33465c;font-size:.98rem;margin:0 0 14px}
.legal ul{margin:0 0 16px;padding-left:22px;color:#33465c}
.legal li{margin:6px 0;font-size:.96rem}
.legal a{color:var(--accent);font-weight:600}
.legal .box{background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:0 14px 14px 0;padding:18px 22px;margin:18px 0;box-shadow:var(--shadow-sm)}

/* ===== COOKIE CONSENT BANNER ===== */
.cookie{position:fixed;left:20px;right:20px;bottom:20px;z-index:80;max-width:560px;margin:0 auto;background:linear-gradient(170deg,#0a1a2f,#0f2542);color:#fff;border-radius:18px;padding:20px 22px;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.1);display:none;align-items:center;gap:18px;flex-wrap:wrap}
.cookie.show{display:flex;animation:fade .4s ease}
.cookie p{margin:0;font-size:.9rem;color:#cdd9e8;flex:1;min-width:200px}
.cookie p a{color:var(--accent-2);font-weight:600}
.cookie .c-btns{display:flex;gap:10px}
.cookie button{border:none;cursor:pointer;font-family:'Plus Jakarta Sans';font-weight:700;font-size:.85rem;padding:10px 16px;border-radius:10px}
.cookie .accept{background:var(--grad-accent);color:#04231a}
.cookie .decline{background:rgba(255,255,255,.1);color:#fff}

/* ===== CASE STUDIES / RESULTS ===== */
.case{display:grid;grid-template-columns:1fr;gap:26px;max-width:920px;margin:0 auto}
.case-card{background:linear-gradient(180deg,#fff,#fbfdff);border-radius:22px;box-shadow:var(--shadow-md),var(--ring);overflow:hidden;transition:transform .2s,box-shadow .2s}
.case-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.case-top{display:grid;grid-template-columns:1fr;gap:0}
.case-head{padding:30px 32px 8px}
.case-tag{display:inline-block;background:#e3f9f1;color:#00a074;font-size:.72rem;font-weight:700;padding:5px 12px;border-radius:999px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}
.case-head h3{font-family:'Fraunces',serif;font-weight:600;font-size:1.5rem;color:var(--navy);line-height:1.2}
.case-head .who{color:var(--muted);font-size:.9rem;margin-top:4px}
.case-body{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--line);margin-top:16px}
@media(max-width:700px){.case-body{grid-template-columns:1fr}}
.case-col{padding:26px 32px}
.case-col.challenge{border-right:1px solid var(--line);background:#fff}
.case-col.result{background:linear-gradient(170deg,#f4fbf8,#eefaf5)}
.case-col h4{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-weight:700}
.case-col.challenge h4{color:#e5484d}
.case-col.result h4{color:#00a074}
.case-col p{color:#33465c;font-size:.95rem;margin:0}
.case-metrics{display:flex;gap:28px;padding:22px 32px;border-top:1px solid var(--line);flex-wrap:wrap;background:#fff}
.case-metrics .m b{font-family:'Fraunces',serif;font-weight:600;font-size:1.9rem;color:var(--navy);display:block;line-height:1;background:var(--grad-accent);-webkit-background-clip:text;background-clip:text;color:transparent}
.case-metrics .m small{color:var(--muted);font-size:.82rem}
.case-quote{padding:22px 32px;border-top:1px solid var(--line);font-style:italic;color:#33465c;font-size:.98rem;position:relative}
.case-quote::before{content:"\201C";font-family:'Fraunces',serif;font-size:3rem;color:var(--accent);opacity:.25;position:absolute;left:16px;top:6px;line-height:1}
.case-quote span{display:block;font-style:normal;font-weight:700;color:var(--navy);font-size:.85rem;margin-top:8px}

/* ===== BLOG / RESOURCES ===== */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.blog-grid{grid-template-columns:1fr}}
.post-card{display:flex;flex-direction:column;background:linear-gradient(180deg,#fff,#fbfdff);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-sm),var(--ring);transition:transform .2s,box-shadow .2s}
.post-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}
.post-cover{height:150px;display:flex;align-items:center;justify-content:center;font-size:3rem;position:relative;overflow:hidden}
.post-cover.c1{background:linear-gradient(140deg,#0a1a2f,#0f2542)}
.post-cover.c2{background:linear-gradient(140deg,#00c48c,#0f2542)}
.post-cover.c3{background:linear-gradient(140deg,#f6b73c,#0a1a2f)}
.post-body{padding:22px 24px;display:flex;flex-direction:column;flex:1}
.post-cat{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-weight:700;margin-bottom:8px}
.post-body h3{font-size:1.12rem;color:var(--navy);line-height:1.25;margin-bottom:8px}
.post-body p{color:var(--muted);font-size:.92rem;flex:1;margin:0 0 14px}
.post-meta{font-size:.8rem;color:var(--muted);display:flex;align-items:center;gap:8px}
.post-meta .go{margin-left:auto;color:var(--accent);font-weight:700}

/* ===== ARTICLE (long-form post) ===== */
.article{max-width:760px;margin:0 auto}
.article .kicker{color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}
.article .meta{color:var(--muted);font-size:.88rem;margin:14px 0 26px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.article h2{font-family:'Fraunces',serif;font-weight:600;font-size:1.5rem;color:var(--navy);margin:32px 0 12px}
.article p{color:#33465c;font-size:1.02rem;line-height:1.75;margin:0 0 18px}
.article ul{color:#33465c;margin:0 0 18px;padding-left:22px}
.article li{margin:8px 0}
.article .pull{font-family:'Fraunces',serif;font-weight:500;font-size:1.35rem;line-height:1.4;color:var(--navy);border-left:4px solid var(--accent);padding:6px 0 6px 22px;margin:26px 0}

/* ===== LIVE CHAT LAUNCHER ===== */
.chat-launcher{position:fixed;right:22px;bottom:92px;z-index:70}
.chat-bubble{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#0a1a2f,#0f2542);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 14px 34px -10px rgba(10,26,47,.7),inset 0 1px 0 rgba(255,255,255,.2);transition:transform .18s;position:relative}
.chat-bubble:hover{transform:scale(1.08)}
.chat-bubble .ping{position:absolute;top:-2px;right:-2px;width:16px;height:16px;background:var(--accent);border-radius:50%;border:2px solid #fff;animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(0,196,140,.6)}70%{box-shadow:0 0 0 10px rgba(0,196,140,0)}100%{box-shadow:0 0 0 0 rgba(0,196,140,0)}}
.chat-panel{position:fixed;right:22px;bottom:164px;z-index:71;width:340px;max-width:calc(100vw - 44px);background:#fff;border-radius:20px;box-shadow:var(--shadow-lg);overflow:hidden;display:none;transform-origin:bottom right;animation:popin .22s ease}
.chat-panel.open{display:block}
@keyframes popin{from{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:none}}
.chat-head{background:linear-gradient(135deg,#0a1a2f,#0f2542);color:#fff;padding:18px 20px;display:flex;align-items:center;gap:12px}
.chat-head .q{width:38px;height:38px;border-radius:10px;background:var(--grad-accent);display:flex;align-items:center;justify-content:center;color:#04231a;font-weight:800;font-family:'Plus Jakarta Sans';flex:none}
.chat-head b{font-family:'Plus Jakarta Sans';font-size:1rem;display:block}
.chat-head small{color:#9fb2c8;font-size:.78rem;display:flex;align-items:center;gap:6px}
.chat-head small::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px rgba(0,196,140,.2)}
.chat-head .x{margin-left:auto;background:none;border:none;color:#9fb2c8;font-size:1.3rem;cursor:pointer;line-height:1}
.chat-body{padding:20px}
.chat-msg{background:#f0f4f9;border-radius:14px 14px 14px 4px;padding:13px 15px;font-size:.92rem;color:#33465c;margin-bottom:16px}
.chat-opts{display:flex;flex-direction:column;gap:9px}
.chat-opt{text-align:left;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 15px;font-family:'Inter';font-size:.9rem;font-weight:600;color:var(--navy);cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:10px}
.chat-opt:hover{border-color:var(--accent);background:#f4fbf8;transform:translateX(2px)}
.chat-foot{padding:0 20px 18px}
.chat-foot .btn{width:100%;justify-content:center;font-size:.92rem}
@media(max-width:520px){.chat-panel{bottom:150px}}

/* ===== ROLE PAGE INLINE LEAD FORM ===== */
.rolehero{background:linear-gradient(160deg,#0a1a2f,#0f2542);color:#fff;padding:64px 0 56px;position:relative;overflow:hidden}
.rolehero::before{content:"";position:absolute;width:460px;height:460px;right:-120px;top:-160px;background:radial-gradient(circle,rgba(0,196,140,.22),transparent 70%);pointer-events:none}
.rolehero .tag{display:inline-block;font-family:'Plus Jakarta Sans';font-weight:700;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);background:rgba(0,196,140,.14);padding:6px 14px;border-radius:999px;margin-bottom:16px}
.rolehero h1{font-family:'Fraunces',serif;font-size:clamp(2rem,4.4vw,3.1rem);line-height:1.08;max-width:760px}
.rolehero p{color:#c6d3e2;max-width:620px;margin-top:16px;font-size:1.08rem}
.role-lead{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px 30px 26px;box-shadow:0 30px 70px -40px rgba(10,26,47,.5)}
.role-lead h3{font-family:'Fraunces',serif;font-size:1.5rem;color:var(--navy);margin-bottom:4px}
.role-lead .lede{color:var(--muted);font-size:.95rem;margin-bottom:18px}
.role-lead .field{margin-bottom:13px}
.role-lead label{display:block;font-size:.8rem;font-weight:600;color:var(--navy);margin-bottom:5px;font-family:'Plus Jakarta Sans'}
.role-lead input,.role-lead select,.role-lead textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font-family:inherit;font-size:.95rem;background:#fbfdff;transition:border-color .15s,box-shadow .15s}
.role-lead input:focus,.role-lead select:focus,.role-lead textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,196,140,.15)}
.role-lead textarea{min-height:76px;resize:vertical}
.role-lead .row2{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.role-lead button{width:100%;margin-top:6px;padding:14px;border:none;border-radius:11px;background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#04231a;font-family:'Plus Jakarta Sans';font-weight:800;font-size:1rem;cursor:pointer;transition:transform .15s,box-shadow .15s}
.role-lead button:hover{transform:translateY(-2px);box-shadow:0 16px 34px -14px rgba(0,196,140,.6)}
.role-lead .ok{display:none;margin-top:12px;padding:12px 14px;background:#ecfdf5;border-left:4px solid var(--accent);border-radius:0 8px 8px 0;color:#065f46;font-size:.9rem}
.role-lead .priv{margin-top:10px;font-size:.76rem;color:var(--muted);text-align:center}
.role-split{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:start;padding:52px 0}
@media(max-width:860px){.role-split{grid-template-columns:1fr;gap:28px}.role-lead{position:static!important}}
.role-lead.sticky{position:sticky;top:88px}
.win-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.win-chip{background:rgba(255,255,255,.08);border:1px solid rgba(0,196,140,.3);color:#dbe7f2;font-size:.82rem;font-weight:600;padding:7px 14px;border-radius:999px}

/* ===== SITE SEARCH ===== */
.search-btn{background:none;border:none;color:#dbe7f2;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;padding:6px;border-radius:8px;transition:color .15s}
.search-btn:hover{color:var(--accent-2)}
.nav-phone{color:#fff;font-family:'Plus Jakarta Sans';font-weight:700;font-size:.9rem;white-space:nowrap;transition:color .15s}
.nav-phone:hover{color:var(--accent-2)}
@media(max-width:980px){.nav-phone{display:none}}
.search-overlay{position:fixed;inset:0;z-index:120;background:rgba(6,15,28,.72);backdrop-filter:blur(6px);display:none;align-items:flex-start;justify-content:center;padding:12vh 20px 20px}
.search-overlay.open{display:flex}
.search-modal{background:#fff;width:100%;max-width:600px;border-radius:16px;overflow:hidden;box-shadow:0 40px 90px -30px rgba(0,0,0,.6)}
.search-modal input{width:100%;border:none;padding:22px 24px;font-size:1.15rem;font-family:inherit;outline:none;border-bottom:1px solid var(--line)}
.search-results{max-height:52vh;overflow-y:auto}
.search-results a{display:block;padding:14px 24px;border-bottom:1px solid #f0f4f8;transition:background .12s}
.search-results a:hover{background:#f6fbf9}
.search-results .r-cat{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}
.search-results .r-title{font-family:'Plus Jakarta Sans';font-weight:700;color:var(--navy);margin:2px 0}
.search-results .r-desc{font-size:.85rem;color:var(--muted);line-height:1.4}
.search-results .none{padding:24px;text-align:center;color:var(--muted)}
.search-hint{padding:12px 24px;font-size:.78rem;color:var(--muted);background:#f9fbfd}

/* calc country select */
.calc-select{margin-top:10px;width:100%;padding:11px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;font-family:inherit;font-size:.95rem}
.calc-select option{color:#0a1a2f}

/* ===== CULTURE / VALUES ===== */
.culture-values{padding:56px 0;background:linear-gradient(180deg,#fff,var(--bg))}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:26px}
@media(max-width:820px){.values-grid{grid-template-columns:1fr}}
.value-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px 26px;text-align:center;box-shadow:0 14px 40px -28px rgba(10,26,47,.5)}
.value-card .ve{font-size:2.4rem;display:block;margin-bottom:12px}
.value-card h3{font-family:'Fraunces',serif;font-size:1.5rem;color:var(--navy);margin-bottom:8px}
.value-card p{color:var(--muted);font-size:.95rem;line-height:1.6}