:root{
  --m-bg:#f4f1eb;
  --m-paper:#fbfaf7;
  --m-surface:#fff;
  --m-ink:#11161c;
  --m-muted:#63707a;
  --m-line:#dfdbd2;
  --m-blue:#6f9fc3;
  --m-blue-deep:#17384f;
  --m-blue-soft:#e5eff6;
  --m-lime:#d9ef64;
  --m-shadow:0 18px 52px rgba(25,34,43,.06);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--m-bg)}
body{margin:0;background:var(--m-bg);color:var(--m-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}
::selection{background:#dbeaf5;color:#101820}

.mnav{position:sticky;top:14px;z-index:30;width:min(1180px,calc(100% - 36px));margin:14px auto 0;padding:9px 10px 9px 18px;border:1px solid rgba(17,22,28,.07);border-radius:999px;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;box-shadow:0 10px 30px rgba(24,31,38,.055)}
.mbrand{font-family:"Inter Tight",Inter,sans-serif;font-weight:750;text-decoration:none;font-size:19px;letter-spacing:-.04em}
.mlinks{display:flex;gap:24px;align-items:center}.mlinks a{text-decoration:none;font-size:12.5px;font-weight:600;color:#4d5862;transition:.16s ease}.mlinks a:hover{color:var(--m-ink)}
.mcta{background:var(--m-ink);color:#fff!important;border-radius:999px;padding:10px 15px!important;box-shadow:0 8px 22px rgba(17,22,28,.12)}

.mwrap{max-width:none;margin:0;padding:0 0 120px}
.mhero{width:min(1100px,calc(100% - 48px));max-width:none;margin:0 auto;padding:118px 0 74px;position:relative}
.mhero:before{content:"";position:absolute;left:50%;top:-90px;transform:translateX(-50%);width:100vw;height:560px;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.66),rgba(255,255,255,0) 34%),linear-gradient(180deg,#dceaf4 0%,#edf1f2 65%,rgba(244,241,235,0) 100%);z-index:-1}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(17,22,28,.09);border-radius:999px;background:rgba(255,255,255,.7);color:#4a5d6d;text-transform:uppercase;letter-spacing:.09em;font-size:10px;font-weight:750}
.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--m-lime)}
.mhero h1{font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(54px,7.3vw,94px);line-height:.91;letter-spacing:-.065em;margin:20px 0 22px;max-width:980px;font-weight:750}
.mhero p{font-size:18px;line-height:1.72;color:#4d5a66;max-width:760px;margin:0}

.answer{width:min(1100px,calc(100% - 48px));margin:18px auto 22px;padding:30px 32px;border-radius:24px;background:var(--m-blue-deep);color:#fff;font-size:20px;line-height:1.55;box-shadow:0 20px 50px rgba(23,56,79,.12)}
.answer strong{font-weight:700;color:#d8e7f1}

.section{width:min(1100px,calc(100% - 48px));margin:0 auto;padding:70px 0;border-top:1px solid var(--m-line)}
.section h2{font-family:"Inter Tight",Inter,sans-serif;font-size:clamp(34px,4vw,52px);line-height:.98;letter-spacing:-.05em;margin:0 0 18px;max-width:820px}
.section h3{font-family:"Inter Tight",Inter,sans-serif;font-size:23px;letter-spacing:-.035em;margin:32px 0 10px}
.section p,.section li{font-size:16px;line-height:1.75;color:#59656f;max-width:820px}
.section p{margin:0}.section ul,.section ol{padding-left:22px}

/* content sections get a calmer editorial rhythm without enclosing the page */
.section:nth-of-type(2n) h2:after{content:"";display:block;width:44px;height:4px;border-radius:999px;background:var(--m-blue);margin-top:20px}

.faq{margin-top:26px;display:grid;gap:10px;max-width:920px}
.faq details{background:rgba(255,255,255,.82);border:1px solid var(--m-line);border-radius:18px;padding:0 20px;box-shadow:none;transition:.18s ease}
.faq details[open]{background:#fff;border-color:#cedbe4;box-shadow:var(--m-shadow)}
.faq summary{font-weight:700;cursor:pointer;list-style:none;padding:19px 34px 19px 0;position:relative;letter-spacing:-.015em}
.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:2px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:10px;background:#f0eee8;display:grid;place-items:center;font-size:18px;font-weight:500;color:#66717a}.faq details[open] summary:after{content:"−";background:var(--m-blue-soft);color:var(--m-blue-deep)}
.faq p{padding:0 36px 20px 0;margin:0;font-size:14px}

.links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:28px 0 0;max-width:1000px}
.links a{background:#fff;border:1px solid var(--m-line);border-radius:17px;padding:16px 18px;text-decoration:none;font-size:13px;font-weight:650;color:#36434d;display:flex;align-items:center;justify-content:space-between;gap:16px;transition:.17s ease}
.links a:after{content:"→";font-size:16px;color:#6d7a84}.links a:hover{transform:translateY(-1px);border-color:#c6d6e1;box-shadow:var(--m-shadow)}

.mfooter{width:min(1100px,calc(100% - 48px));margin:0 auto;padding:34px 0 44px;border-top:1px solid var(--m-line);display:flex;justify-content:space-between;gap:28px;color:#7a838b;font-size:12px}
.mfooter a{margin-left:16px;text-decoration:none}.mfooter a:hover{color:var(--m-ink)}

@media(max-width:820px){
  .mnav{top:10px;margin-top:10px;width:calc(100% - 20px);padding-left:14px}.mlinks{gap:10px}.mlinks a:not(.mcta){display:none}
  .mhero{width:calc(100% - 30px);padding:86px 0 54px}.mhero:before{height:470px}.mhero h1{font-size:54px}.mhero p{font-size:16px}
  .answer,.section,.mfooter{width:calc(100% - 30px)}.answer{font-size:17px;padding:24px}.section{padding:54px 0}.section h2{font-size:38px}.section p,.section li{font-size:15px}
  .links{grid-template-columns:1fr}.mfooter{flex-direction:column;padding-bottom:32px}.mfooter a{margin:0 16px 0 0}
}
@media(max-width:480px){
  .mhero h1{font-size:46px}.mhero p{font-size:15px}.answer{font-size:16px}.section h2{font-size:34px}.faq details{padding-inline:16px}.links a{padding:15px}
}