:root{
  --ink:#0f172a;
  --mut:#475569;
  --line:#e2e8f0;
  --off:#f8fafc;
  --blue:#1f5fbf;
  --blue2:#164e9a;
  --blue-light:#3b82f6;
  --blue-glow:rgba(31,95,191,.16);
  --vio:#7c3aed;
  --vio-glow:rgba(124,58,237,.16);
  --teal:#0d9488;
  --teal-glow:rgba(13,148,136,.16);
  --cor:#e11d48;
  --cor-glow:rgba(225,29,72,.16);
  --amber:#f59e0b;
  --amber-glow:rgba(245,158,11,.16);
  --green:#10b981;
  color-scheme:light;
}
@view-transition{navigation:auto}
::view-transition-old(root){animation:.18s cubic-bezier(.4,0,1,1) both pageFadeOut}
::view-transition-new(root){animation:.28s cubic-bezier(0,0,.2,1) both pageFadeInUp}
@keyframes pageFadeOut{to{opacity:0;transform:translateY(-8px) scale(.995)}}
@keyframes pageFadeInUp{from{opacity:0;transform:translateY(12px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}

/* Smooth Page Progress Loader */
#page-progress-loader{
  position:fixed;
  top:0;
  left:0;
  right:0;
  height:3.5px;
  background:linear-gradient(90deg,#1f5fbf 0%,#7c3aed 35%,#0d9488 70%,#e11d48 100%);
  background-size:200% 100%;
  z-index:9999;
  transform:scaleX(0);
  transform-origin:left;
  opacity:0;
  pointer-events:none;
  transition:opacity .15s ease;
}
#page-progress-loader.animating{
  opacity:1;
  animation:progressSweep .45s cubic-bezier(.1,.7,.1,1) forwards,progressGradient 1.2s linear infinite;
}
@keyframes progressSweep{
  0%{transform:scaleX(0)}
  60%{transform:scaleX(.75)}
  100%{transform:scaleX(1)}
}
@keyframes progressGradient{
  0%{background-position:0% 50%}
  100%{background-position:200% 50%}
}

*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:#fff;color:var(--ink);font:17px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif}
main{animation:pageEntrance .38s cubic-bezier(.16,1,.3,1) both}
@keyframes pageEntrance{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
body.page-exit main{opacity:0;transform:translateY(-8px) scale(.995);transition:opacity .15s ease-out,transform .15s ease-out}

h1,h2,h3{line-height:1.2;margin:0 0 .5em;letter-spacing:-.015em}h1{font-size:clamp(32px,5vw,50px)}h2{font-size:clamp(26px,3.4vw,34px)}h3{font-size:18px}
p{margin:0 0 1em}a{color:var(--blue)}ul{margin:0;padding-left:20px}li{margin:4px 0}
:focus-visible{outline:3px solid #6ea3f0;outline-offset:2px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:20}
.w{max-width:1080px;margin:0 auto;padding:0 22px}
header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(223,230,238,.85);box-shadow:0 4px 20px -2px rgba(20,35,59,.06);padding-top:env(safe-area-inset-top,0);transition:all .25s ease}
header::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#1f5fbf 0%,#7c3aed 50%,#0d9488 100%);box-shadow:0 1px 8px rgba(31,95,191,.3)}
.bar{display:flex;align-items:center;justify-content:space-between;height:70px;gap:16px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:16px;letter-spacing:.14em;color:var(--ink);text-decoration:none;transition:opacity .2s ease}
.logo svg{transition:transform .3s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 2px 6px rgba(31,95,191,.25))}
.logo:hover svg{transform:scale(1.1) rotate(-4deg)}.logo:hover{opacity:.92}
nav ul{display:flex;gap:6px;list-style:none;padding:0;margin:0;align-items:center}
nav a{color:#334155;text-decoration:none;font-size:14.5px;font-weight:500;padding:8px 14px;border-radius:8px;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-block;position:relative}
nav a:hover{color:var(--blue);background:rgba(31,95,191,.09);transform:translateY(-1px)}
nav a:active{transform:scale(.96)}
nav a.active{color:var(--blue);background:rgba(31,95,191,.12);font-weight:600;box-shadow:inset 0 -2.5px 0 var(--blue)}
nav .btn{background:linear-gradient(135deg,#1f5fbf 0%,#174a97 100%);color:#fff!important;padding:9px 18px;border-radius:8px;font:600 14.5px system-ui,sans-serif;margin-left:8px;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 14px -1px rgba(31,95,191,.35);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
nav .btn:hover{background:linear-gradient(135deg,#256ad6 0%,#1f5fbf 100%);box-shadow:0 6px 20px rgba(31,95,191,.45);transform:translateY(-1.5px)}
nav .btn:active{transform:translateY(0)}
.btn{display:inline-block;background:var(--blue);color:#fff!important;padding:12px 22px;border-radius:8px;font:600 16px system-ui,sans-serif;text-decoration:none;border:1.5px solid var(--blue);cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s}
.btn:hover{background:var(--blue2);box-shadow:0 4px 14px rgba(31,95,191,.3)}.btn.o{background:#fff;color:var(--blue)!important;box-shadow:none}.btn.o:hover{background:var(--off)}
#mb{display:none;background:#fff;border:1.5px solid var(--line);border-radius:8px;padding:8px 14px;font:600 14px system-ui;color:var(--ink);cursor:pointer;transition:border-color .2s,color .2s}
#mb:hover{border-color:var(--blue);color:var(--blue)}
.sec{padding:68px 0;border-bottom:1px solid var(--line)}.off{background:var(--off)}
.lead{color:var(--mut);max-width:680px;font-size:18px;margin-bottom:30px}
.hero{padding:60px 0 0;background:radial-gradient(circle at 10% 20%,rgba(31,95,191,.07) 0%,transparent 40%),radial-gradient(circle at 90% 15%,rgba(124,58,237,.06) 0%,transparent 35%),#fff}
.hero .w{display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:center}
.avail{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(16,185,129,.3);border-radius:999px;padding:5px 14px;font-size:14px;color:#065f46;background:rgba(16,185,129,.08);margin-bottom:18px}
.avail i{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.25)}
.pos{color:var(--blue);font-weight:600;margin-bottom:12px}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}
.pf{border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 14px 34px -20px rgba(20,35,59,.35);background:#fff}.pf img{width:100%;display:block;aspect-ratio:5/6;object-fit:cover}
.pf figcaption{padding:12px 16px;font-size:14px;color:var(--mut);border-top:1px solid var(--line)}
.strip{margin-top:52px;border-top:1px solid var(--line)}.strip ul{display:flex;flex-wrap:wrap;gap:6px 28px;list-style:none;padding:18px 0;color:var(--mut);font-weight:500;font-size:15px}
.g{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:22px}
.c{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,border-color .25s ease;position:relative}
.c:hover{transform:translateY(-4px);box-shadow:0 14px 30px -10px rgba(20,35,59,.16);border-color:#b8cbe0}
.g .c:nth-child(5n+1){border-top:3.5px solid var(--blue)}
.g .c:nth-child(5n+1):hover{border-color:rgba(31,95,191,.4);box-shadow:0 14px 30px -10px var(--blue-glow)}
.g .c:nth-child(5n+2){border-top:3.5px solid var(--vio)}
.g .c:nth-child(5n+2):hover{border-color:rgba(124,58,237,.4);box-shadow:0 14px 30px -10px var(--vio-glow)}
.g .c:nth-child(5n+3){border-top:3.5px solid var(--teal)}
.g .c:nth-child(5n+3):hover{border-color:rgba(13,148,136,.4);box-shadow:0 14px 30px -10px var(--teal-glow)}
.g .c:nth-child(5n+4){border-top:3.5px solid var(--cor)}
.g .c:nth-child(5n+4):hover{border-color:rgba(225,29,72,.4);box-shadow:0 14px 30px -10px var(--cor-glow)}
.g .c:nth-child(5n+5){border-top:3.5px solid var(--amber)}
.g .c:nth-child(5n+5):hover{border-color:rgba(245,158,11,.4);box-shadow:0 14px 30px -10px var(--amber-glow)}

.c h3{display:flex;gap:10px;align-items:center}.c h3 b{color:var(--blue);font-size:14px;border:1px solid var(--line);border-radius:6px;padding:1px 8px}
.c dt{font-weight:600;font-size:14px;color:var(--blue);margin-top:10px}.c dd{margin:0;color:var(--mut);font-size:15.5px}
.c ul{color:var(--mut);font-size:15.5px}
.note{font-size:15px;color:var(--mut);border-left:3px solid var(--blue);padding-left:14px;margin-top:26px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:44px}
.tl{padding-left:36px;position:relative}
.tl article{position:relative;padding-bottom:34px;margin-bottom:0}
.tl article:last-child{padding-bottom:0}

/* Vertical connecting line ONLY between dots - no overhang at top or bottom */
.tl article:not(:last-child)::after{
  content:"";
  position:absolute;
  left:-29px;
  top:13px;
  bottom:-14px;
  width:2px;
  background:#cbd5e1;
  z-index:1;
}

/* Timeline dot - centered on the line, solid background so line never bleeds through */
.tl article::before{
  content:"";
  position:absolute;
  left:-36px;
  top:5px;
  width:16px;
  height:16px;
  border-radius:50%;
  background:#fff;
  border:3.5px solid var(--blue);
  box-shadow:0 0 0 4px #eff6ff,0 2px 6px rgba(31,95,191,.15);
  z-index:2;
  transition:transform .2s ease,box-shadow .2s ease;
}
.tl article:hover::before{transform:scale(1.15);box-shadow:0 0 0 6px rgba(31,95,191,.25)}
.tl article.tl-curr::before{border-color:var(--teal);background:var(--teal);box-shadow:0 0 0 4px #ecfdf5,0 2px 6px rgba(13,148,136,.2)}
.tl article.tl-curr:hover::before{transform:scale(1.15);box-shadow:0 0 0 6px rgba(13,148,136,.3)}
.exp-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.exp-head h3{margin:0;font-size:18px;color:var(--ink);font-weight:700}
.exp-badge{font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;background:#eef2f8;color:var(--mut);border:1px solid var(--line)}
.exp-badge.active{background:rgba(13,148,136,.12);color:var(--teal);border-color:rgba(13,148,136,.3)}
.tl p,.tl li{color:var(--mut);font-size:15.5px;line-height:1.6;margin:0}

.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;counter-reset:s}
.steps .c{border-top:3.5px solid var(--blue)}
.steps .c:nth-child(5n+1){border-top-color:var(--blue)}
.steps .c:nth-child(5n+1) h3::before{counter-increment:s;content:counter(s);display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#1f5fbf,#164e9a);box-shadow:0 3px 10px rgba(31,95,191,.35);color:#fff;font-size:14px;font-weight:700}
.steps .c:nth-child(5n+2){border-top-color:var(--vio)}
.steps .c:nth-child(5n+2) h3::before{counter-increment:s;content:counter(s);display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#6b4fd8);box-shadow:0 3px 10px rgba(124,58,237,.35);color:#fff;font-size:14px;font-weight:700}
.steps .c:nth-child(5n+3){border-top-color:var(--teal)}
.steps .c:nth-child(5n+3) h3::before{counter-increment:s;content:counter(s);display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#0d9488,#0f9d8f);box-shadow:0 3px 10px rgba(13,148,136,.35);color:#fff;font-size:14px;font-weight:700}
.steps .c:nth-child(5n+4){border-top-color:var(--cor)}
.steps .c:nth-child(5n+4) h3::before{counter-increment:s;content:counter(s);display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#e11d48,#e8604f);box-shadow:0 3px 10px rgba(225,29,72,.35);color:#fff;font-size:14px;font-weight:700}
.steps .c:nth-child(5n+5){border-top-color:var(--amber)}
.steps .c:nth-child(5n+5) h3::before{counter-increment:s;content:counter(s);display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 3px 10px rgba(245,158,11,.35);color:#fff;font-size:14px;font-weight:700}
.tag{display:inline-block;font-size:12.5px;font-weight:650;color:var(--mut);background:var(--off);border:1px solid var(--line);border-radius:6px;padding:3px 10px;margin-bottom:12px;transition:all .2s ease}
.g .c:nth-child(5n+1) .tag{background:rgba(31,95,191,.08);color:var(--blue);border-color:rgba(31,95,191,.25)}
.g .c:nth-child(5n+2) .tag{background:rgba(124,58,237,.08);color:var(--vio);border-color:rgba(124,58,237,.25)}
.g .c:nth-child(5n+3) .tag{background:rgba(13,148,136,.08);color:var(--teal);border-color:rgba(13,148,136,.25)}
.g .c:nth-child(5n+4) .tag{background:rgba(225,29,72,.08);color:var(--cor);border-color:rgba(225,29,72,.25)}
.g .c:nth-child(5n+5) .tag{background:rgba(245,158,11,.08);color:#b45309;border-color:rgba(245,158,11,.25)}
form{background:#fff;border:1px solid var(--line);border-radius:10px;padding:26px;display:grid;gap:15px}
.r{display:grid;grid-template-columns:1fr 1fr;gap:15px}
label{display:grid;gap:5px;font-weight:600;font-size:15px}label small{font-weight:400;color:var(--mut)}
input,select,textarea{font:16px system-ui,sans-serif;padding:11px 12px;border:1.5px solid #c3cfdd;border-radius:7px;color:var(--ink);background:#fff;width:100%}textarea{min-height:120px}
.hp{position:absolute;left:-9999px}
footer{background:#090d16;background:linear-gradient(180deg,#0d1322 0%,#060911 100%);padding:60px 0 30px;font-size:15px;color:#94a3b8;border-top:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
footer .g,footer .footer-g-clean{grid-template-columns:1.35fr 1fr;gap:48px;align-items:start}footer ul{list-style:none;padding:0;margin:0}footer ul li{margin:9px 0}
footer .logo{color:#ffffff;font-size:16px;font-weight:800;letter-spacing:.12em}
footer .logo svg{filter:drop-shadow(0 2px 8px rgba(31,95,191,.45))}
footer h3{font-size:15px;font-weight:600;color:#f8fafc;letter-spacing:-.01em;margin-bottom:14px}
footer p{color:#94a3b8;line-height:1.6}
footer a{color:#94a3b8;text-decoration:none;transition:color .2s ease,transform .2s ease;display:inline-block}footer a:hover{color:#60a5fa;transform:translateX(2px)}
footer #privacy{color:#64748b;font-size:13.5px;line-height:1.5;border-left:2px solid rgba(96,165,250,.4);padding-left:10px;margin-top:16px}
footer #privacy strong{color:#94a3b8}
.fb{border-top:1px solid rgba(255,255,255,.08);margin-top:36px;padding-top:22px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;color:#64748b;font-size:14px}
.fb p{margin:0}
footer .soc{display:flex;gap:10px;list-style:none;padding:0;margin:16px 0 0;flex-wrap:wrap}
footer .soc a{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.12);border-radius:50%;color:#cbd5e1;background:rgba(255,255,255,.05);transition:color .2s ease,border-color .2s ease,transform .2s ease,background .2s ease,box-shadow .2s ease}
footer .soc a:hover{color:#60a5fa;background:rgba(59,130,246,.18);border-color:rgba(96,165,250,.5);box-shadow:0 0 16px rgba(59,130,246,.35);transform:translateY(-2px)}
@media(max-width:860px){.hero .w,.two,footer .g,.r{grid-template-columns:1fr}.pf{max-width:320px}#mb{display:block}
nav{display:none;position:absolute;left:0;right:0;top:100%;background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);box-shadow:0 16px 32px rgba(20,35,59,.1);padding:14px 22px 20px}nav.on{display:block}nav ul{flex-direction:column;align-items:stretch;gap:2px}nav a{display:block;padding:12px 14px;font-size:16px}nav .btn{margin-left:0;margin-top:8px;text-align:center}.btn{text-align:center}.sec{padding:48px 0}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}html{scroll-behavior:auto}}

:root{--vio:#6b4fd8;--teal:#0f9d8f;--cor:#e8604f}
h1{font-size:clamp(34px,5.2vw,54px)}
.hero .w{grid-template-columns:1.05fr .95fr}
.bd{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 22px 50px -26px rgba(20,35,59,.4);position:relative}
.bd-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-weight:600}
.chip{font-size:12px;font-weight:600;border-radius:6px;padding:2px 9px;background:#eef2f8;color:var(--mut)}
.bd-r{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:11px 0;border-top:1px solid var(--line);font-size:15px;animation:up .6s both}
.bd-r:nth-of-type(2){animation-delay:.15s}.bd-r:nth-of-type(3){animation-delay:.3s}.bd-r:nth-of-type(4){animation-delay:.45s}
.sl{font-size:12.5px;font-weight:600;color:#fff;border-radius:6px;padding:3px 10px;min-width:104px;text-align:center}
.sl.g{background:var(--teal)}.sl.v{background:var(--vio)}.sl.b{background:var(--blue)}.sl.c{background:var(--cor)}
.av{width:24px;height:24px;border-radius:50%;background:#dfe6ee}.av.a{background:var(--vio)}.av.b{background:var(--teal)}.av.c{background:var(--cor)}
.pgb{height:10px;background:#e6ecf4;border-radius:6px;overflow:hidden;margin:14px 0 6px}.pgb span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--teal));border-radius:6px;transition:width .6s}
.bd .pgb span{width:68%;animation:grow 1.4s .6s both}
.tm{display:flex;justify-content:space-between;list-style:none;padding:0;margin:14px 0 0;position:relative;font-size:12.5px;color:var(--mut)}
.tm::before{content:"";position:absolute;left:8px;right:8px;top:7px;height:2px;background:var(--line)}
.tm li{position:relative;text-align:center;margin:0}.tm li::before{content:"";display:block;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--line);margin:0 auto 4px;position:relative}
.tm li.on::before{border-color:var(--blue)}
.fl{position:absolute;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:13px;font-weight:600;box-shadow:0 10px 24px -14px rgba(20,35,59,.4);animation:fl 5s ease-in-out infinite}
.fl.f1{right:-12px;top:-16px;color:var(--teal)}.fl.f2{left:-14px;bottom:-16px;color:var(--vio);animation-delay:1.5s}
@keyframes up{from{opacity:0;transform:translateY(10px)}}@keyframes grow{from{width:0}}@keyframes fl{50%{transform:translateY(-6px)}}
.mut{color:var(--mut);font-size:14px}.lk{background:none;border:0;color:var(--blue);font:inherit;text-decoration:underline;cursor:pointer;padding:0}
#services .c{border-top:3px solid var(--blue)}#services .c:nth-child(4n+2){border-top-color:var(--vio)}#services .c:nth-child(4n+3){border-top-color:var(--teal)}#services .c:nth-child(4n+4){border-top-color:var(--cor)}
.c:hover{transform:translateY(-3px)}.c{transition:transform .25s,box-shadow .25s,border-color .25s}
.fg{display:flex;gap:16px;align-items:center;margin:0 0 22px}.fg img{width:84px;height:84px;border-radius:50%;object-fit:cover;object-position:center 20%;flex-shrink:0;border:2px solid #fff;box-shadow:0 4px 14px rgba(20,35,59,.12),0 0 0 1px var(--line)}.fg figcaption{font-size:15px;color:var(--mut)}
#demo{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;min-height:510px;box-shadow:0 4px 20px -4px rgba(20,35,59,.04)}
.cols{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:stretch}
.col{background:var(--off);border:1px solid #e5ecf4;border-radius:8px;padding:12px;min-height:410px;display:flex;flex-direction:column;box-sizing:border-box}
.col h3{font-size:14px;font-weight:600;color:var(--mut);margin:0 0 12px;display:flex;align-items:center;justify-content:space-between}
.tk{background:#fff;border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:6px;padding:9px 11px;font-size:13.5px;line-height:1.45;margin-bottom:8px;box-shadow:0 1px 3px rgba(20,35,59,.04);box-sizing:border-box}
.tk.k1{border-left-color:var(--vio)}.tk.k2{border-left-color:#e0a21b}.tk.k3{border-left-color:var(--teal)}
.tk.tk-anim{animation:up .35s ease both}
.ms{display:flex;justify-content:space-between;list-style:none;padding:0;margin:14px 0;font-size:13.5px;color:var(--mut)}.ms li{margin:0}.ms li::before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;border:2px solid var(--line);margin-right:6px}.ms li.on{color:var(--ink);font-weight:600}.ms li.on::before{background:var(--teal);border-color:var(--teal)}
.soc{display:flex;gap:10px;list-style:none;padding:0;margin:14px 0 0;flex-wrap:wrap}.soc a{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;color:var(--mut);background:#fff;transition:color .2s,border-color .2s,transform .2s}.soc a:hover{color:var(--blue);border-color:var(--blue);transform:translateY(-2px)}
.ct{list-style:none;padding:0;margin:0 0 6px}.ct li{margin:10px 0}.ct a{font-weight:600}
.btn.wb{background:#fff;color:#128c4a!important;border-color:#25d366}.btn.wb:hover{background:#effcf4}
.wa{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));width:54px;height:54px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 8px 22px -8px rgba(0,0,0,.4);z-index:9;transition:transform .2s}.wa:hover{transform:scale(1.07)}
.js .rv{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}.js .rv.in{opacity:1;transform:none}
@media(max-width:860px){.cols{grid-template-columns:1fr 1fr}.col{min-height:430px}.fl{display:none}
nav{display:block;visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .25s,transform .25s,visibility .25s}nav.on{visibility:visible;opacity:1;transform:none}}
@media(max-width:520px){.cols{grid-template-columns:1fr}.col{min-height:380px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.js .rv{opacity:1;transform:none}}

/* Subpage Enhancements & Extra Content Components */
.page-hero{
  padding:54px 0 32px;
  background:radial-gradient(circle at 10% 20%,rgba(31,95,191,.07) 0%,transparent 40%),radial-gradient(circle at 90% 15%,rgba(124,58,237,.06) 0%,transparent 35%),#fff;
  border-bottom:1px solid var(--line);
}
.page-hero h1{animation:heroTitleIn .45s cubic-bezier(.16,1,.3,1) both}
.page-hero .lead{animation:heroTitleIn .45s .08s cubic-bezier(.16,1,.3,1) both}
@keyframes heroTitleIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

.breadcrumb{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--mut);margin-bottom:18px;font-weight:500}
.breadcrumb a{color:var(--mut);text-decoration:none;transition:color .2s}
.breadcrumb a:hover{color:var(--blue)}
.breadcrumb span{color:#94a3b8}

.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;font-size:13px;font-weight:600;border-radius:999px;background:rgba(31,95,191,.08);color:var(--blue);margin-bottom:14px;border:1px solid rgba(31,95,191,.22);transition:all .2s ease}
.badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px -2px rgba(31,95,191,.2)}
.badge.teal{background:rgba(13,148,136,.09);color:var(--teal);border-color:rgba(13,148,136,.25)}
.badge.teal:hover{box-shadow:0 4px 12px -2px rgba(13,148,136,.2)}
.badge.vio{background:rgba(124,58,237,.09);color:var(--vio);border-color:rgba(124,58,237,.25)}
.badge.vio:hover{box-shadow:0 4px 12px -2px rgba(124,58,237,.2)}
.badge.cor{background:rgba(225,29,72,.09);color:var(--cor);border-color:rgba(225,29,72,.25)}
.badge.cor:hover{box-shadow:0 4px 12px -2px rgba(225,29,72,.2)}
.badge.amber{background:rgba(245,158,11,.09);color:var(--amber);border-color:rgba(245,158,11,.25)}
.badge.amber:hover{box-shadow:0 4px 12px -2px rgba(245,158,11,.2)}

.kpi-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin:28px 0;animation:heroTitleIn .45s .15s cubic-bezier(.16,1,.3,1) both}
.kpi-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;box-shadow:0 4px 16px -6px rgba(20,35,59,.06);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;position:relative}
.kpi-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px -10px rgba(20,35,59,.14)}
.kpi-card:nth-child(4n+1){border-top:3.5px solid var(--blue)}
.kpi-card:nth-child(4n+2){border-top:3.5px solid var(--teal)}
.kpi-card:nth-child(4n+3){border-top:3.5px solid var(--vio)}
.kpi-card:nth-child(4n+4){border-top:3.5px solid var(--cor)}
.kpi-num{font-size:32px;font-weight:800;color:var(--blue);line-height:1.1;margin-bottom:6px;letter-spacing:-.02em}
.kpi-num.teal{color:var(--teal)}.kpi-num.vio{color:var(--vio)}.kpi-num.cor{color:var(--cor)}
.kpi-lbl{font-size:14px;color:var(--mut);font-weight:500;line-height:1.45}

.tbl-wrap{overflow-x:auto;margin:26px 0;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 4px 16px -8px rgba(20,35,59,.08)}
.comp-tbl{width:100%;border-collapse:collapse;font-size:14.5px;text-align:left}
.comp-tbl th{background:var(--off);padding:14px 18px;font-weight:700;color:var(--ink);border-bottom:2px solid var(--line);white-space:nowrap}
.comp-tbl td{padding:14px 18px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink);line-height:1.55}
.comp-tbl tr:last-child td{border-bottom:none}
.comp-tbl tr:hover td{background:rgba(31,95,191,.02)}
.comp-tbl .hl{background:rgba(31,95,191,.04);font-weight:600;color:var(--blue)}

.faq-list{display:grid;gap:14px;margin-top:20px}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 26px;transition:all .25s ease;position:relative}
.faq-item:hover{border-color:rgba(31,95,191,.4);box-shadow:0 8px 24px -8px var(--blue-glow);transform:translateY(-2px)}
.faq-item h3{font-size:16.5px;color:var(--ink);margin-bottom:8px;font-weight:600;line-height:1.4}
.faq-item p{margin:0;color:var(--mut);font-size:15px;line-height:1.6}

.card-cta{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14px;color:var(--blue);text-decoration:none;margin-top:14px;transition:gap .2s ease}
.card-cta:hover{gap:9px;color:var(--blue2)}

/* Fixed & Perfectly Aligned Deliverables Box with Circular Bullets */
.deliverables-box{
  background:linear-gradient(180deg,#f8fafc 0%,#f1f5fa 100%);
  border:1px solid #e2e8f0;
  border-left:4px solid var(--blue);
  border-radius:12px;
  padding:18px 22px;
  margin-top:18px;
  box-shadow:0 2px 8px -2px rgba(20,35,59,.04);
  transition:all .25s ease;
}
.deliverables-box:hover{
  box-shadow:0 6px 18px -4px rgba(31,95,191,.18);
  transform:translateY(-1.5px);
}
.deliverables-box h4{
  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:var(--blue);
  margin:0 0 12px;
  display:flex;
  align-items:center;
  gap:8px;
}
.deliverables-box ul{
  list-style:none !important;
  padding:0 !important;
  margin:0 !important;
}
.deliverables-box li{
  position:relative !important;
  padding-left:22px !important;
  margin:10px 0 !important;
  font-size:14.5px !important;
  line-height:1.6 !important;
  color:#334155 !important;
  text-align:left !important;
  display:block !important; /* Strict inline flow - prevents any two-column flex splitting */
}
.deliverables-box li::before{
  content:"" !important;
  position:absolute !important;
  left:2px !important;
  top:8px !important; /* Exactly at line 1 font cap-height - NEVER floats in center */
  width:7px !important;
  height:7px !important;
  border-radius:50% !important;
  background:var(--blue) !important;
  box-shadow:0 0 0 2.5px rgba(31,95,191,.22) !important;
  transition:transform .2s ease,box-shadow .2s ease !important;
}
.deliverables-box li:hover::before{
  transform:scale(1.3) !important;
  box-shadow:0 0 0 4px rgba(31,95,191,.35) !important;
}
.deliverables-box li strong{
  color:var(--ink) !important;
  font-weight:650 !important;
  margin-right:5px !important;
  display:inline !important; /* Guaranteed inline */
  white-space:normal !important;
}
.deliverables-box li code{
  background:rgba(15,23,42,.06);
  color:#1e293b;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-size:12.5px;
  padding:2px 6px;
  border-radius:4px;
  font-weight:600;
  margin-right:4px;
  display:inline;
}

/* 5-Color Rhythmic System for Deliverables Boxes in Grid Cards */
.g .c:nth-child(5n+1) .deliverables-box{border-left-color:var(--blue);background:linear-gradient(180deg,#f8fbff 0%,#eef5fc 100%);border-color:#dbeafe;border-left-width:4px}
.g .c:nth-child(5n+1) .deliverables-box h4{color:var(--blue)}
.g .c:nth-child(5n+1) .deliverables-box li::before{background:var(--blue)!important;box-shadow:0 0 0 2.5px rgba(31,95,191,.22)!important}

.g .c:nth-child(5n+2) .deliverables-box{border-left-color:var(--vio);background:linear-gradient(180deg,#faf8ff 0%,#f3eefe 100%);border-color:#ede9fe;border-left-width:4px}
.g .c:nth-child(5n+2) .deliverables-box h4{color:var(--vio)}
.g .c:nth-child(5n+2) .deliverables-box li::before{background:var(--vio)!important;box-shadow:0 0 0 2.5px rgba(124,58,237,.22)!important}

.g .c:nth-child(5n+3) .deliverables-box{border-left-color:var(--teal);background:linear-gradient(180deg,#f3fbf9 0%,#e6f7f4 100%);border-color:#ccfbf1;border-left-width:4px}
.g .c:nth-child(5n+3) .deliverables-box h4{color:var(--teal)}
.g .c:nth-child(5n+3) .deliverables-box li::before{background:var(--teal)!important;box-shadow:0 0 0 2.5px rgba(13,148,136,.22)!important}

.g .c:nth-child(5n+4) .deliverables-box{border-left-color:var(--cor);background:linear-gradient(180deg,#fff5f7 0%,#feecef 100%);border-color:#ffe4e6;border-left-width:4px}
.g .c:nth-child(5n+4) .deliverables-box h4{color:var(--cor)}
.g .c:nth-child(5n+4) .deliverables-box li::before{background:var(--cor)!important;box-shadow:0 0 0 2.5px rgba(225,29,72,.22)!important}

.g .c:nth-child(5n+5) .deliverables-box{border-left-color:var(--amber);background:linear-gradient(180deg,#fffbeb 0%,#fef3c7 100%);border-color:#fef3c7;border-left-width:4px}
.g .c:nth-child(5n+5) .deliverables-box h4{color:#b45309}
.g .c:nth-child(5n+5) .deliverables-box li::before{background:var(--amber)!important;box-shadow:0 0 0 2.5px rgba(245,158,11,.22)!important}

/* 5-Color Callout Quotes */
.callout{
  border:1px solid #dbeafe;
  border-left:4px solid var(--blue);
  border-radius:0 10px 10px 0;
  padding:16px 20px;
  margin:18px 0;
  box-shadow:0 4px 14px -6px rgba(20,35,59,.08);
}
.callout p{margin:0;font-size:14.5px;line-height:1.65;color:var(--ink)}

.g .c:nth-child(5n+1) .callout{border-left-color:var(--blue);background:linear-gradient(135deg,rgba(31,95,191,.07) 0%,rgba(31,95,191,.02) 100%);border-color:#dbeafe}
.g .c:nth-child(5n+2) .callout{border-left-color:var(--vio);background:linear-gradient(135deg,rgba(124,58,237,.07) 0%,rgba(124,58,237,.02) 100%);border-color:#ede9fe}
.g .c:nth-child(5n+3) .callout{border-left-color:var(--teal);background:linear-gradient(135deg,rgba(13,148,136,.07) 0%,rgba(13,148,136,.02) 100%);border-color:#ccfbf1}
.g .c:nth-child(5n+4) .callout{border-left-color:var(--cor);background:linear-gradient(135deg,rgba(225,29,72,.07) 0%,rgba(225,29,72,.02) 100%);border-color:#ffe4e6}
.g .c:nth-child(5n+5) .callout{border-left-color:var(--amber);background:linear-gradient(135deg,rgba(245,158,11,.07) 0%,rgba(245,158,11,.02) 100%);border-color:#fef3c7}

.checklist{list-style:none;padding:0;margin:16px 0}
.checklist li{display:flex;align-items:flex-start;gap:12px;margin:12px 0;font-size:15px;line-height:1.6;color:var(--ink)}
.checklist li svg{flex-shrink:0;margin-top:3px;color:var(--teal)}

.article-body{font-size:16.5px;line-height:1.75;color:#2d3748}
.article-body p{margin-bottom:1.3em}
.article-body h2{font-size:24px;margin-top:36px;margin-bottom:14px}
.article-body h3{font-size:18px;margin-top:28px;margin-bottom:10px}
.article-body blockquote{border-left:3px solid var(--blue);padding-left:18px;margin:20px 0;font-style:italic;color:var(--mut)}