/* Professional design layer — loads after page styles */
:root{--p-ink:#0B2530;--p-mid:#174A5A;--p-amp:#F5B800;--p-amp2:#FFCD2E;--p-bg:#F4F7F8;--p-ln:#DCE5E8;--p-tx:#2A3B41;--p-mut:#5B6E74;--p-r:16px;--p-sh:0 1px 2px rgba(11,37,48,.06),0 8px 24px rgba(11,37,48,.07);--p-sh2:0 2px 4px rgba(11,37,48,.06),0 18px 40px rgba(11,37,48,.14)}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--p-tx)}
svg.ic,svg.mi,svg.ci,svg.si,svg.hi,svg.ti,svg.tg2,svg.fi{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
svg.ic{width:1.1em;height:1.1em;vertical-align:-.18em;margin-right:.5em}

/* ---------- Header ---------- */
.hd,.ft,.ep,.nf{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.hd{--ink:var(--p-ink);--mid:var(--p-mid);--amp:var(--p-amp);box-shadow:0 1px 0 rgba(11,37,48,.08),0 6px 24px rgba(11,37,48,.10)}
.hd .top{background:linear-gradient(90deg,#0B2530,#174A5A);font-size:.85rem;letter-spacing:.01em}
.hd .top .in{align-items:center;padding-top:8px;padding-bottom:8px}
.hd .top .in span{display:inline-flex;align-items:center;color:#cfe1e6}
.hd .top .in span svg.ic{color:var(--p-amp)}
.hd .top a{display:inline-flex;align-items:center;color:var(--p-amp);letter-spacing:.02em}
.hd .bar{background:rgba(255,255,255,.97);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px)}
.hd .in2{min-height:78px}
.hd .logo{font-family:"Plus Jakarta Sans",Inter,sans-serif;font-weight:800;letter-spacing:-.01em;gap:12px}
.hd .logo svg{width:44px;height:44px;border-radius:12px;padding:9px;background:linear-gradient(135deg,#174A5A 0%,#0B2530 100%);stroke:var(--p-amp);fill:rgba(245,184,0,.18);box-shadow:0 6px 16px rgba(11,37,48,.25),inset 0 0 0 1px rgba(255,255,255,.08)}
.hd .logo small{font-family:Inter,sans-serif;font-weight:500;color:var(--p-mut);letter-spacing:.02em;margin-top:2px}
.hd .tl,.hd .pl{font-weight:600;font-size:.95rem;color:var(--p-ink)}
.hd .call{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#FFCD2E,#F5B800);color:var(--p-ink);border-radius:12px;box-shadow:0 6px 16px rgba(245,184,0,.35),inset 0 -2px 0 rgba(0,0,0,.08)}
.hd .call:hover{background:linear-gradient(180deg,#FFD84F,#FFC20F);box-shadow:0 10px 22px rgba(245,184,0,.45)}
.hd .mega{border-top:3px solid var(--p-amp);box-shadow:0 24px 48px rgba(11,37,48,.18);padding:26px 0 30px}
.hd .mh strong{font-family:"Plus Jakarta Sans",Inter,sans-serif;font-weight:800}
.hd .mega li a{gap:10px;background:#fff;border:1px solid var(--p-ln);border-radius:12px;padding:11px 14px;font-weight:600;color:var(--p-ink)}
.hd .mega li a svg.mi{width:30px;height:30px;padding:6px;border-radius:9px;background:#EEF4F6;color:var(--p-mid);stroke-width:1.9;transition:background .2s,color .2s}
.hd .mega li a:hover,.hd .mega li a:focus-visible{background:#FFFBEB;border-color:#F5D27A;box-shadow:0 8px 18px rgba(11,37,48,.10)}
.hd .mega li a:hover svg.mi,.hd .mega li a:focus-visible svg.mi{background:var(--p-amp);color:var(--p-ink)}
.hd .mb{border-color:var(--p-ln);border-radius:12px}
@media(max-width:980px){.hd .top .in span{display:none}.hd .top .in{justify-content:center}}

/* ---------- Main ---------- */
.ep{--ink:var(--p-ink);--mid:var(--p-mid);--amp:var(--p-amp);--bg:var(--p-bg);--ln:var(--p-ln);--tx:var(--p-tx);font-size:17px;line-height:1.72}
.ep h1,.ep h2,.ep h3,.ep h4{font-family:"Plus Jakarta Sans",Inter,sans-serif;font-weight:800;letter-spacing:-.02em}
.ep h3,.ep h4{font-weight:700;letter-spacing:-.01em}
.ep h1{font-size:clamp(2rem,4.6vw,3.15rem);line-height:1.12}
.ep h2{font-size:clamp(1.65rem,3.3vw,2.25rem);line-height:1.18}
.ep section>.w>h2:first-child,.ep section>.w>div>h2:first-child{position:relative;padding-top:18px}
.ep section>.w>h2:first-child:before,.ep section>.w>div>h2:first-child:before{content:"";position:absolute;top:0;left:0;width:48px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--p-amp),#FF8A00)}
.ep .cta .w>h2:first-child:before{left:50%;transform:translateX(-50%)}
.ep .lead{color:#3D5056}
.ep .alt{background:linear-gradient(180deg,#F4F7F8,#EEF3F5)}
.ep section{padding:80px 0}
.ep nav[aria-label="Breadcrumb"]{color:var(--p-mut)}
.ep nav[aria-label="Breadcrumb"] a{font-weight:600;text-decoration:none}

/* Hero */
.ep .hero{position:relative;overflow:hidden;color:#d3e3e8;background:
 radial-gradient(900px 420px at 85% -10%,rgba(245,184,0,.16),transparent 60%),
 radial-gradient(700px 500px at -10% 110%,rgba(23,74,90,.9),transparent 60%),
 linear-gradient(160deg,#0B2530 0%,#0F3140 55%,#0B2530 100%);padding:92px 0 86px}
.ep .hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse at 30% 40%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse at 30% 40%,#000 20%,transparent 75%);pointer-events:none}
.ep .hero>.w{position:relative}
.ep .hero h1{color:#fff}
.ep .hero .lead strong{color:#fff}
.ep .heroimg{border-radius:22px;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 60px rgba(0,0,0,.45),0 0 0 8px rgba(255,255,255,.04)}
.ep .tags{gap:10px 12px;margin-top:6px}
.ep .tags li{display:inline-flex;align-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:6px 14px 6px 10px;color:#e3eef1;font-weight:500;font-size:.9rem}
.ep .tags li:before{width:18px;height:18px;border-radius:50%;margin-right:8px;background:var(--p-amp) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B2530' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center/12px no-repeat}
.ep .find{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:28px;backdrop-filter:blur(4px);box-shadow:0 24px 50px rgba(0,0,0,.25)}
.ep .find h2{display:flex;align-items:center;gap:10px}
.ep .find h2 svg.hi{color:var(--p-amp)}
.ep .find li{border-top-color:rgba(255,255,255,.1);padding:12px 0 12px 28px;position:relative;color:#d9e7eb}
.ep .find li:before{content:"";position:absolute;left:2px;top:19px;width:14px;height:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F5B800' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16M14 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}

/* Buttons */
.ep .b,.nf .b{display:inline-flex;align-items:center;justify-content:center;gap:0;border-radius:12px;padding:15px 26px;font-weight:700;letter-spacing:.01em;transition:transform .2s,box-shadow .2s,background .2s}
.ep .b1,.nf .b{background:linear-gradient(180deg,#FFCD2E,#F5B800);color:var(--p-ink)!important;box-shadow:0 10px 24px rgba(245,184,0,.32),inset 0 -2px 0 rgba(0,0,0,.08)}
.ep .b1:hover,.nf .b:hover{background:linear-gradient(180deg,#FFD84F,#FFC20F);box-shadow:0 14px 30px rgba(245,184,0,.42);transform:translateY(-2px)}
.ep .b2{border:1.5px solid rgba(255,255,255,.35);background:rgba(255,255,255,.04)}
.ep .b2:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.6)}
.ep .b3{background:var(--p-ink);box-shadow:0 10px 22px rgba(11,37,48,.22)}
.ep .b3 svg.ic{margin:0 0 0 .55em;transition:transform .2s}
.ep .b3:hover svg.ic{transform:translateX(3px)}

/* Cards */
.ep .card{border-radius:var(--p-r);border:1px solid var(--p-ln);box-shadow:var(--p-sh);padding:28px;background:#fff}
.ep .card:hover{box-shadow:var(--p-sh2);border-color:#C9D7DC;transform:translateY(-5px)}
.ep .card.tint{background:#fff;border-color:var(--p-ln)}
.ep .card svg.ci,.ep .card>svg{display:block;width:54px;height:54px;padding:13px;margin:0 0 18px;border-radius:14px;color:var(--p-mid);stroke:var(--p-mid);fill:none;stroke-width:1.9;background:linear-gradient(135deg,#FFF6D6,#FFE9A3);box-shadow:inset 0 0 0 1px rgba(245,184,0,.35);transition:transform .3s,background .3s}
.ep .card:hover svg.ci,.ep .card:hover>svg{transform:rotate(-6deg) scale(1.06);background:linear-gradient(135deg,#FFD84F,#F5B800);stroke:var(--p-ink);color:var(--p-ink)}
.ep .card h3,.ep .card h4{font-size:1.14rem;margin-bottom:.45em}
.ep .card p{color:#4A5C62}
/* services page cards: keep accent on hover */
.ep .grid .card[style],.ep .card{border-left-width:1px}
.ep .gh{display:flex;align-items:center;gap:12px}
.ep .gh:after{content:"";flex:1;height:1px;background:var(--p-ln)}

/* Blog */
.ep .tag{display:inline-flex;align-items:center;gap:6px;background:#EEF4F6;color:var(--p-mid);border-radius:999px;padding:4px 12px;font-weight:700;font-size:.8rem;letter-spacing:.02em}
.ep .tag svg.tg2{width:14px;height:14px;stroke-width:2.4;color:#C98F00}
.ep .feat{border-radius:20px;box-shadow:var(--p-sh)}
.ep .feat .vis{background:radial-gradient(circle at 30% 30%,#1E5D70,#0B2530)}
.ep .feat .vis svg{filter:drop-shadow(0 10px 30px rgba(245,184,0,.35));fill:rgba(245,184,0,.15)}
.ep .card .tag + h3{margin-top:4px}

/* Steps */
.ep .steps{gap:22px}
.ep .steps li{position:relative;background:#fff;border:1px solid var(--p-ln);border-left:1px solid var(--p-ln);border-radius:var(--p-r);padding:28px 26px 26px;box-shadow:var(--p-sh)}
.ep .steps li:before{position:absolute;top:22px;right:24px;font-family:"Plus Jakarta Sans",Inter,sans-serif;font-size:2.4rem;font-weight:800;line-height:1;color:#E6EDF0;content:"0" counter(s)}
.ep .steps li svg.si{display:block;width:50px;height:50px;padding:12px;border-radius:50%;margin-bottom:16px;background:var(--p-ink);color:var(--p-amp);box-shadow:0 0 0 6px #FFF3C4}
.ep .alt .steps li{background:#fff}

/* Check list, warn, boxes */
.ep .chk li{padding:12px 0 12px 38px}
.ep .chk li:before{left:0;top:13px;width:24px;height:24px;border:0;transform:none;border-radius:50%;background:#E6F2EA url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B7A43' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center/14px no-repeat}
.ep .warn{background:linear-gradient(180deg,#FFFAEB,#FFF4D1);border:1px solid #F3D37A;border-left:5px solid var(--p-amp);border-radius:var(--p-r);padding:24px 26px;box-shadow:var(--p-sh)}
.ep .warn h3,.ep .box h2{display:flex;align-items:center;gap:10px}
svg.hi{width:34px;height:34px;padding:7px;border-radius:10px;background:var(--p-ink);color:var(--p-amp)}
.ep .box{border-radius:var(--p-r);box-shadow:var(--p-sh);border:1px solid var(--p-ln);padding:30px}
.ep .box.em{border-top:5px solid var(--p-amp)}
.ep .box.em svg.hi{background:#FDECEA;color:#C8341E}
.ep .box ul{list-style:none;padding:0}
.ep .box li{position:relative;padding-left:30px}
.ep .box li:before{content:"";position:absolute;left:0;top:.35em;width:20px;height:20px;border-radius:50%;background:#EEF4F6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23174A5A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center/12px no-repeat}
.ep .box.em li:before{background-color:#FDECEA;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C8341E' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 6v8M12 18v.01'/%3E%3C/svg%3E")}

/* Tiles (areas + brands) */
.ep .tiles a{gap:8px;background:#fff;border:1px solid var(--p-ln);border-radius:14px;box-shadow:0 1px 2px rgba(11,37,48,.05);min-height:64px;color:var(--p-ink)}
.ep .tiles a svg.ti{width:20px;height:20px;color:#D69A00;stroke-width:2.2}
.ep .tiles a:hover,.ep .tiles a:focus-visible{background:#FFFBEB;border-color:#F5D27A;box-shadow:0 10px 22px rgba(11,37,48,.10)}
.ep .tiles .mk{background:linear-gradient(135deg,#174A5A,#0B2530);color:var(--p-amp);margin-right:2px}

/* Table */
.ep .tw{border-radius:var(--p-r);box-shadow:var(--p-sh)}
.ep th{background:linear-gradient(180deg,#123947,#0B2530);font-weight:700;letter-spacing:.01em}
.ep tbody tr:nth-child(even) td{background:#F8FAFB}
.ep tbody tr:hover td{background:#FFFBEB}

/* FAQ */
.ep details{border-radius:14px;box-shadow:0 1px 2px rgba(11,37,48,.05);transition:box-shadow .2s,border-color .2s}
.ep details[open]{border-color:#F5D27A;box-shadow:var(--p-sh)}
.ep summary{align-items:center;padding:20px 22px}
.ep summary:after{flex:none;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#EEF4F6;color:var(--p-mid);font-weight:700}
.ep details[open] summary:after{background:var(--p-amp);color:var(--p-ink)}

/* CTA */
.ep .cta{position:relative;overflow:hidden;background:radial-gradient(600px 300px at 50% 0%,rgba(245,184,0,.18),transparent 70%),linear-gradient(135deg,#174A5A,#0B2530)}
.ep .cta p{color:#d3e3e8}

/* Reveal animation */
.ep .rv{transform:translateY(18px)}

/* ---------- Footer ---------- */
.ft{--ink:var(--p-ink);background:#081D26}
.ft .band{background:linear-gradient(90deg,#F5B800,#FFCD2E);color:var(--p-ink)}
.ft .band h2{font-family:"Plus Jakarta Sans",Inter,sans-serif;font-weight:800;color:var(--p-ink)}
.ft .band p{color:#3a3000}
.ft .band a.b{display:inline-flex;align-items:center;background:var(--p-ink);color:#fff;border-radius:12px;box-shadow:0 10px 22px rgba(11,37,48,.3)}
.ft .band a.b:hover{background:#174A5A;color:#fff}
.ft h3{font-family:"Plus Jakarta Sans",Inter,sans-serif;font-weight:800;display:flex;align-items:center;gap:8px;letter-spacing:.01em}
.ft h3 svg.fi{width:18px;height:18px;color:var(--p-amp)}
.ft li a{color:#b7cad0}
.ft li a:hover{color:var(--p-amp);text-decoration:none}
.ft .nap a{display:inline-flex;align-items:center;margin-top:4px;background:rgba(245,184,0,.1);border:1px solid rgba(245,184,0,.35);border-radius:12px;padding:10px 16px}
.ft .nap a:hover{background:rgba(245,184,0,.2);text-decoration:none}
.ft .bot{border-top-color:rgba(255,255,255,.08);color:#8aa2a9}

/* 404 */
.nf h1{font-family:"Plus Jakarta Sans",Inter,sans-serif;font-weight:800;letter-spacing:-.02em}

@media(max-width:820px){.ep section{padding:58px 0}.ep .hero{padding:64px 0 60px}.ep .steps li:before{font-size:2rem}}
@media(prefers-reduced-motion:reduce){.ep .card:hover svg.ci,.ep .card:hover>svg{transform:none}}
/* fixes */
.ep .hero .lead,.ep .hero p{color:#c6d9df}
.ep .cta p,.ep .cta .lead{color:#d3e3e8}
.ep .tiles a{justify-content:flex-start;text-align:left;padding:12px 14px;line-height:1.3}
.ep .box>h2:first-child{padding-top:0}.ep .box>h2:first-child:before{display:none}