:root{
  --brand-blue:#1769aa;
  --brand-blue-deep:#0f4f82;
  --brand-green:#0f8b5f;
  --brand-green-deep:#086744;
  --accent:#b88400;
  --ink:#263746;
  --muted:#6f7d88;
  --surface:#ffffff;
  --surface-soft:#f7f9fa;
  --line:#edf1f3;
  --shadow:0 7px 20px rgba(24,63,86,.048);
  --shadow-soft:0 3px 12px rgba(24,63,86,.032);
  --radius:14px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:#f7f9fa;line-height:1.55;font-size:15px;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.menu-button{position:fixed;top:14px;left:14px;z-index:1002;width:42px;height:42px;border:0;border-radius:11px;background:var(--brand-blue-deep);color:#fff;box-shadow:0 6px 18px rgba(15,79,130,.18);cursor:pointer;display:grid;place-items:center}.menu-button span,.menu-button:before,.menu-button:after{content:"";width:18px;height:2px;background:#fff;border-radius:99px;display:block;transition:.22s}.menu-button span{margin:3px 0}.menu-button.active:before{transform:translateY(5px) rotate(45deg)}.menu-button.active span{opacity:0}.menu-button.active:after{transform:translateY(-5px) rotate(-45deg)}.sidebar{position:fixed;inset:0 auto 0 0;width:min(300px,86vw);z-index:1001;background:#fff;box-shadow:20px 0 50px rgba(24,63,86,.11);padding:72px 18px 22px;transform:translateX(-105%);transition:.26s ease}.sidebar.open{transform:none}.sidebar-brand{padding:0 10px 17px;margin-bottom:12px}.sidebar-brand img{width:170px}.sidebar-brand small{display:block;margin-top:6px;color:var(--muted);font-size:12px;font-weight:600}.side-nav{display:grid;gap:4px}.side-nav a{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:9px;color:#344b59;font-size:14px;font-weight:650}.side-nav a:hover,.side-nav a.active{background:#eef5f8;color:var(--brand-blue-deep)}.side-nav a.active:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--brand-green)}.overlay{position:fixed;inset:0;z-index:1000;background:rgba(22,37,47,.28);opacity:0;visibility:hidden;transition:.22s}.overlay.show{opacity:1;visibility:visible}.mini-brand{display:none!important}.page{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:28px 0 52px}.page-intro{padding:56px 0 24px;display:grid;grid-template-columns:1.18fr .82fr;gap:22px;align-items:start}.eyebrow{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border-radius:999px;background:#eef6f3;color:var(--brand-green-deep);font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brand-green)}h1,h2,h3{line-height:1.25;margin:0 0 11px}h1{font-size:clamp(27px,4vw,42px);letter-spacing:-.025em;max-width:19ch;color:var(--brand-blue-deep)}h2{font-size:clamp(21px,2.7vw,30px);letter-spacing:-.015em;color:var(--brand-blue-deep)}h3{font-size:17px;color:#284251}.lead{font-size:16px;color:var(--muted);max-width:68ch;margin:0}.intro-panel{background:#fff;border-radius:var(--radius);padding:21px;box-shadow:var(--shadow);position:relative}.intro-panel strong{font-size:22px;line-height:1.25;display:block;color:var(--brand-blue-deep)}.intro-panel p{color:var(--muted);margin-bottom:0}.plan-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--brand-green-deep);font-weight:800}.actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:8px;font-size:13px;font-weight:600;border:0;letter-spacing:.01em;transition:.18s ease;white-space:nowrap}.btn-primary{background:var(--brand-blue-deep);color:#fff;box-shadow:0 4px 11px rgba(15,79,130,.11)}.btn-primary:hover{background:#123f67;transform:translateY(-1px)}.btn-secondary{background:#f0f4f6;color:var(--brand-blue-deep)}.btn-secondary:hover{background:#e7eef2}.section{padding:25px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:17px}.section-head p{max-width:590px;margin:0;color:var(--muted);font-size:14px}.grid{display:grid;gap:14px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:#fff;border:0;border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-soft)}.service-card{position:relative}.service-card .num{font-size:10px;font-weight:850;color:var(--accent);letter-spacing:.1em}.service-card p{color:var(--muted);margin-bottom:0;font-size:14px}.stat{padding:17px;border-radius:12px;background:#fff;box-shadow:var(--shadow-soft)}.stat strong{display:block;font-size:18px;color:var(--brand-blue-deep)}.stat span{color:var(--muted);font-size:13px}.plan-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:15px}.plan-tabs button{border:0;background:#fff;padding:6px 10px;border-radius:8px;font-size:12.5px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-soft);min-height:32px}.plan-tabs button.active{background:var(--brand-blue-deep);color:#fff}.plans-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.plan{background:#fff;border:0;border-radius:15px;padding:18px;position:relative;display:flex;flex-direction:column;min-height:100%;box-shadow:var(--shadow)}.plan.featured{box-shadow:0 9px 28px rgba(15,139,95,.11);background:linear-gradient(180deg,#fff,#f8fcfa)}.popular{position:absolute;top:11px;right:11px;background:#f1f7f4;color:var(--brand-green-deep);font-size:9.5px;font-weight:700;padding:4px 6px;border-radius:999px}.price{font-size:25px;font-weight:850;letter-spacing:-.025em;margin:8px 0;color:var(--brand-blue-deep)}.price small{font-size:12px;color:var(--muted);font-weight:600}.plan p{color:var(--muted);font-size:13px}.feature-list{list-style:none;padding:0;margin:14px 0 20px;display:grid;gap:8px;flex:1}.feature-list li{padding-left:20px;position:relative;color:#405560;font-size:13px}.feature-list li:before{content:"✓";position:absolute;left:0;color:var(--brand-green);font-weight:850}.plan .btn{width:auto;min-width:118px;align-self:flex-start}.compare-wrap{overflow:auto;border-radius:13px;background:#fff;box-shadow:var(--shadow-soft)}table{width:100%;border-collapse:collapse;min-width:800px;font-size:13px}th,td{padding:11px 13px;border-bottom:1px solid var(--line);text-align:center}th:first-child,td:first-child{text-align:left;position:sticky;left:0;background:#fff}thead th{background:#eef4f7!important;color:var(--brand-blue-deep);font-size:12px;font-weight:800;position:sticky;top:0}tbody tr:nth-child(even) td{background:#fafcfc}.check{color:var(--brand-green);font-weight:850}.cross{color:#aeb8bd}.callout{border-radius:15px;padding:22px;background:#eef5f7;color:var(--ink);display:flex;justify-content:space-between;gap:20px;align-items:center}.callout h2{font-size:23px}.callout p{color:var(--muted);margin:0}.steps{counter-reset:step}.step{position:relative;padding-left:51px}.step:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:34px;height:34px;border-radius:9px;background:#eef5f7;color:var(--brand-blue-deep);display:grid;place-items:center;font-weight:850}.faq details{background:#fff;border:0;border-radius:11px;padding:14px 16px;box-shadow:var(--shadow-soft)}.faq details+details{margin-top:8px}.faq summary{font-weight:750;cursor:pointer;color:var(--brand-blue-deep)}.faq p{color:var(--muted);font-size:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-weight:700;font-size:13px}.field input,.field textarea,.field select{width:100%;border:0;background:#f5f8f9;border-radius:9px;padding:11px 12px;outline:none}.field input:focus,.field textarea:focus,.field select:focus{box-shadow:0 0 0 3px rgba(23,105,170,.10)}.hide{display:none!important}@media(max-width:980px){.page-intro{grid-template-columns:1fr}.plans-grid,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){body{font-size:14px}.page{width:min(100% - 22px,1120px);padding-top:20px}.page-intro{padding-top:56px}.menu-button{left:11px;top:11px;width:40px;height:40px}.grid-2,.grid-3,.grid-4,.plans-grid,.form-grid{grid-template-columns:1fr}.section-head,.callout{align-items:flex-start;flex-direction:column}.card,.plan,.intro-panel{padding:17px}h1{font-size:28px}h2{font-size:21px}.lead{font-size:15px}.actions .btn{width:100%}.section{padding:20px 0}}

/* Expert branded typography and restrained multi-color highlights */
.page-intro h1 strong,.section-head h2 strong{color:var(--brand-green-deep)}
.section-head h2{position:relative;padding-left:13px}
.section-head h2:before{content:"";position:absolute;left:0;top:.18em;width:3px;height:1.05em;border-radius:3px;background:linear-gradient(180deg,var(--brand-blue),var(--brand-green))}
.service-card:nth-child(4n+1) h3{color:var(--brand-blue-deep)}
.service-card:nth-child(4n+2) h3{color:var(--brand-green-deep)}
.service-card:nth-child(4n+3) h3{color:#4f5d66}
.service-card:nth-child(4n+4) h3{color:#8a6500}
.plan:nth-child(1) .plan-kicker{color:var(--brand-blue)}
.plan:nth-child(2) .plan-kicker{color:var(--brand-green-deep)}
.plan:nth-child(3) .plan-kicker{color:#8a6500}
.plan:nth-child(4) .plan-kicker{color:#4f5d66}
.plan:nth-child(1) .price{color:var(--brand-blue-deep)}
.plan:nth-child(2) .price{color:var(--brand-green-deep)}
.plan:nth-child(3) .price{color:#8a6500}
.plan:nth-child(4) .price{color:#3f4d56}
.plan{transition:transform .18s ease,box-shadow .18s ease}
.plan:hover{transform:translateY(-2px);box-shadow:0 9px 24px rgba(24,63,86,.07)}
.plan.featured{background:#fff;box-shadow:0 8px 22px rgba(15,139,95,.075)}
.plan.featured:before{content:"";position:absolute;left:18px;right:18px;top:0;height:2px;border-radius:0 0 2px 2px;background:linear-gradient(90deg,var(--brand-blue),var(--brand-green),#9a7200)}
.callout{background:linear-gradient(90deg,#f4f8fa,#f7faf8)}
.callout h2{color:var(--brand-blue-deep)}
.callout h2 em{font-style:normal;color:#8a6500}
.side-nav a{font-weight:600}
@media(max-width:680px){.actions{gap:6px}.actions .btn{width:auto;min-width:112px}.plan .btn{width:auto;min-width:112px}}

/* Final refinement: globe-round light buttons + restrained multi-colour typography */
:root{
  --ink:#66727a;
  --ink-soft:#7b868d;
  --heading-blue:#1769aa;
  --heading-green:#0f8b5f;
  --heading-gold:#9a7200;
  --heading-gray:#58666f;
  --soft-blue:#eef6fb;
  --soft-green:#eef8f4;
}
body{color:var(--ink);background:#f7f9fa}
p,li,td,label,.lead,.section-head p,.plan p,.service-card p,.faq p,.callout p{color:var(--ink-soft)}
strong,b{color:var(--heading-blue);font-weight:700}
h1,h2,h3,.faq summary,.intro-panel strong,.stat strong{color:var(--heading-blue);font-weight:700}
.page-intro h1 strong,.section-head h2 strong{color:var(--heading-green)}
.service-card:nth-child(4n+1) h3{color:var(--heading-blue)}
.service-card:nth-child(4n+2) h3{color:var(--heading-green)}
.service-card:nth-child(4n+3) h3{color:var(--heading-gray)}
.service-card:nth-child(4n+4) h3{color:var(--heading-gold)}
.plan:nth-child(1) h3,.plan:nth-child(1) .price,.plan:nth-child(1) strong{color:var(--heading-blue)}
.plan:nth-child(2) h3,.plan:nth-child(2) .price,.plan:nth-child(2) strong{color:var(--heading-green)}
.plan:nth-child(3) h3,.plan:nth-child(3) .price,.plan:nth-child(3) strong{color:var(--heading-gold)}
.plan:nth-child(4) h3,.plan:nth-child(4) .price,.plan:nth-child(4) strong{color:var(--heading-gray)}

/* Globe-like pill buttons: lighter, medium, compact */
.btn,.plan-tabs button{
  border-radius:999px;
  min-height:32px;
  padding:0 14px;
  font-size:12.5px;
  font-weight:550;
  letter-spacing:0;
  box-shadow:none;
}
.btn-primary{
  background:linear-gradient(90deg,#eaf4fb,#edf8f4);
  color:var(--heading-blue);
  border:1px solid rgba(23,105,170,.10);
}
.btn-primary:hover{
  background:linear-gradient(90deg,#e3f0f9,#e7f5ef);
  color:var(--heading-green);
  transform:none;
}
.btn-secondary{
  background:#f1f5f6;
  color:var(--heading-gray);
  border:1px solid rgba(88,102,111,.08);
}
.btn-secondary:hover{background:#eaf0f2;color:var(--heading-blue)}
.plan-tabs button{background:#fff;color:var(--heading-gray);border:1px solid rgba(23,105,170,.08)}
.plan-tabs button.active{background:linear-gradient(90deg,var(--soft-blue),var(--soft-green));color:var(--heading-blue);border-color:rgba(15,139,95,.12)}
.menu-button{border-radius:50%;background:linear-gradient(145deg,#edf6fb,#edf8f4);color:var(--heading-blue);box-shadow:0 5px 14px rgba(24,63,86,.09);border:1px solid rgba(23,105,170,.10)}
.menu-button span,.menu-button:before,.menu-button:after{background:linear-gradient(90deg,var(--heading-blue),var(--heading-green));height:1.5px}

/* Keep surfaces quiet and professional */
.card,.plan,.intro-panel,.stat,.faq details,.compare-wrap{box-shadow:0 4px 14px rgba(24,63,86,.035)}
.plan.featured{box-shadow:0 6px 18px rgba(15,139,95,.055)}
.popular{background:#f3f8f5;color:var(--heading-green)}
.eyebrow{background:#f1f7f5;color:var(--heading-green)}
.feature-list li{color:#718088}
.callout{background:#f2f6f7}
.field label{color:var(--heading-gray)}
.side-nav a{color:#61717a;font-weight:550}
.side-nav a:hover,.side-nav a.active{background:#f2f7f7;color:var(--heading-blue)}

@media(max-width:680px){
  .btn,.plan-tabs button{min-height:31px;padding:0 13px;font-size:12px}
  .actions .btn,.plan .btn{min-width:104px}
}

/* FINAL: compact hamburger spacing + near-invisible light glass sidebar */
.menu-button{
  width:40px;
  height:40px;
  border-radius:50%;
  background:rgba(247,250,251,.88);
  border:1px solid rgba(23,105,170,.07);
  box-shadow:0 3px 10px rgba(24,63,86,.045);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.menu-button span,
.menu-button:before,
.menu-button:after{
  width:18px;
  height:1.25px;
  background:linear-gradient(90deg,rgba(23,105,170,.68),rgba(15,139,95,.62));
  border-radius:99px;
  transition:.20s ease;
}
/* Reduce the distance between all three lines by about 40% */
.menu-button span{margin:1.8px 0}
.menu-button.active:before{transform:translateY(3.7px) rotate(45deg)}
.menu-button.active:after{transform:translateY(-3.7px) rotate(-45deg)}

.sidebar{
  width:min(288px,84vw);
  background:rgba(247,249,250,.72);
  border-right:1px solid rgba(116,129,138,.045);
  box-shadow:12px 0 34px rgba(37,54,65,.032);
  backdrop-filter:blur(18px) saturate(108%);
  -webkit-backdrop-filter:blur(18px) saturate(108%);
  padding:68px 14px 18px;
}
.sidebar-brand{
  padding:0 9px 14px;
  margin-bottom:8px;
  opacity:.76;
}
.sidebar-brand img{width:154px;opacity:.78}
.sidebar-brand small{
  margin-top:5px;
  color:rgba(92,105,114,.56);
  font-size:11.5px;
  font-weight:500;
}
.side-nav{gap:2px}
.side-nav a{
  padding:8px 11px;
  border-radius:999px;
  color:rgba(71,84,93,.58);
  font-size:13.5px;
  font-weight:500;
  letter-spacing:.005em;
  transition:background .16s ease,color .16s ease;
}
.side-nav a:hover{
  background:rgba(231,239,243,.48);
  color:rgba(23,105,170,.74);
}
.side-nav a.active{
  background:rgba(232,242,245,.56);
  color:rgba(15,109,91,.76);
}
.side-nav a.active:after{
  width:5px;
  height:5px;
  background:rgba(15,139,95,.48);
}
.overlay{background:rgba(28,39,47,.08)}

@media(max-width:680px){
  .menu-button{width:38px;height:38px}
  .menu-button span,.menu-button:before,.menu-button:after{width:17px}
  .menu-button span{margin:1.7px 0}
  .sidebar{width:min(276px,86vw);padding:64px 12px 16px}
  .side-nav a{padding:8px 10px;font-size:13px}
}

/* FINAL USER REVISION: 30% narrower sidebar, 50% less transparency,
   dark-blue bold navigation, dark-green hover, and a minimal light menu button. */
.menu-button{
  width:40px;
  height:40px;
  background:rgba(250,252,253,.96);
  border:1px solid rgba(23,105,170,.065);
  box-shadow:0 2px 7px rgba(24,63,86,.035);
  color:#0f4f82;
}
.menu-button span,
.menu-button:before,
.menu-button:after{
  width:18px;
  height:1.5px;
  background:#0f4f82;
}
.menu-button:hover span,
.menu-button:hover:before,
.menu-button:hover:after,
.menu-button.active span,
.menu-button.active:before,
.menu-button.active:after{
  background:#086744;
}

.sidebar{
  width:min(202px,78vw);
  background:rgba(247,249,250,.86);
  border-right:1px solid rgba(116,129,138,.055);
  box-shadow:9px 0 26px rgba(37,54,65,.035);
  backdrop-filter:blur(14px) saturate(104%);
  -webkit-backdrop-filter:blur(14px) saturate(104%);
  padding:66px 10px 16px;
}
.sidebar-brand{
  padding:0 7px 12px;
  margin-bottom:7px;
  opacity:.92;
}
.sidebar-brand img{width:132px;opacity:.9}
.sidebar-brand small{
  color:#526b7e;
  font-size:10.5px;
  font-weight:650;
}
.side-nav{gap:2px}
.side-nav a{
  padding:8px 9px;
  border-radius:999px;
  color:#0f4f82;
  font-size:12.5px;
  font-weight:700;
  letter-spacing:0;
}
.side-nav a:hover{
  background:rgba(230,242,236,.62);
  color:#086744;
}
.side-nav a.active{
  background:rgba(234,242,247,.68);
  color:#0f4f82;
}
.side-nav a.active:hover{color:#086744}
.side-nav a.active:after{
  width:4px;
  height:4px;
  background:#086744;
}
.overlay{background:rgba(28,39,47,.10)}

@media(max-width:680px){
  .menu-button{width:38px;height:38px}
  .menu-button span,.menu-button:before,.menu-button:after{width:17px}
  .sidebar{width:min(194px,78vw);padding:62px 9px 14px}
  .sidebar-brand img{width:124px}
  .side-nav a{padding:7.5px 8px;font-size:12px}
}