:root{
  --indigo:#2e2a86;
  --indigo-2:#3d38a6;
  --indigo-deep:#1d1a5c;
  --lilac:#f1effb;
  --lilac-2:#e4e0f7;
  --mint:#5fe0b5;
  --mint-dark:#2fbf90;
  --white:#fff;
  --text:#3a3854;
  --muted:#6d6a88;
  --line:#e2def3;
  --r:18px;
  --shadow:0 24px 50px -30px rgba(29,26,92,.5);
  --hf:'Lexend',system-ui,sans-serif;
  --bf:'Source Sans 3',system-ui,sans-serif;
}
html{scroll-behavior:smooth}
body{font-family:var(--bf);color:var(--text);background:var(--white);line-height:1.7;font-size:1.06rem;overflow-x:hidden}
h1,h2,h3,h4,h5,h6{font-family:var(--hf);color:var(--indigo-deep);font-weight:600;letter-spacing:-.02em;line-height:1.15}
a{color:var(--indigo-2)}
a:hover{color:var(--mint-dark)}
img{max-width:100%;display:block}

/* ---------- Logo: one line, one style ---------- */
.ex-logo{display:inline-flex;align-items:center;gap:.6rem;white-space:nowrap;text-decoration:none;color:var(--indigo-deep)}
.ex-badge{width:40px;height:40px;border-radius:12px;background:var(--indigo);display:grid;place-items:center;flex:none}
.ex-badge svg{width:24px;height:24px}
.ex-name{font-family:var(--hf);font-weight:600;font-size:1.25rem;letter-spacing:-.02em;color:inherit}
.ex-logo:hover{color:var(--indigo-deep)}

/* ---------- Header ---------- */
.ex-head{position:sticky;top:0;z-index:1030;background:var(--white);box-shadow:0 1px 0 var(--line);transition:box-shadow .3s}
.ex-head.scrolled{box-shadow:0 12px 30px -22px rgba(29,26,92,.6)}
.ex-util{background:var(--indigo-deep);color:#c9c5f2;font-size:.88rem;padding:.45rem 0;transition:margin .3s}
.ex-util a{color:#fff;text-decoration:none}
.ex-util a:hover{color:var(--mint)}
.ex-util i{font-style:normal;color:#6c67b8;margin:0 .4rem}
.ex-head.scrolled .ex-util{margin-top:-2.3rem}
.ex-head .navbar{padding:.8rem 0}
.ex-pill-nav{background:var(--lilac);border-radius:999px;padding:.3rem}
.ex-pill-nav .nav-link{font-family:var(--hf);font-weight:500;font-size:.95rem;color:var(--indigo-deep)!important;padding:.5rem 1.05rem!important;border-radius:999px;transition:all .2s}
.ex-pill-nav .nav-link:hover{background:var(--white)}
.ex-pill-nav .nav-link.active{background:var(--indigo);color:#fff!important}
.navbar-toggler{border:0;box-shadow:none!important;width:46px;height:46px;border-radius:12px;background:var(--lilac);position:relative}
.ex-tg,.ex-tg::before,.ex-tg::after{position:absolute;left:13px;width:20px;height:2px;background:var(--indigo-deep);border-radius:2px}
.ex-tg{top:22px}.ex-tg::before{content:"";left:0;top:-6px}.ex-tg::after{content:"";left:0;top:6px}
@media(max-width:991.98px){.navbar-collapse{padding:1rem 0}.ex-pill-nav{border-radius:18px;margin-bottom:.8rem!important}}

/* ---------- Buttons ---------- */
.ex-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-family:var(--hf);font-weight:500;text-decoration:none;border-radius:12px;padding:.75rem 1.4rem;border:2px solid transparent;transition:all .25s;cursor:pointer}
.ex-btn.lg{padding:1rem 1.9rem;font-size:1.02rem}
.ex-btn.indigo{background:var(--indigo);color:#fff}
.ex-btn.indigo:hover{background:var(--indigo-deep);color:#fff;transform:translateY(-2px);box-shadow:0 12px 24px -12px var(--indigo)}
.ex-btn.mint{background:var(--mint);color:var(--indigo-deep)}
.ex-btn.mint:hover{background:var(--mint-dark);color:#fff;transform:translateY(-2px)}
.ex-btn.outline{border-color:var(--indigo);color:var(--indigo);background:transparent}
.ex-btn.outline:hover{background:var(--indigo);color:#fff}

/* ---------- Shared ---------- */
.ex-kick{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--hf);font-weight:500;font-size:.85rem;color:var(--indigo-2);margin-bottom:1rem}
.ex-kick::before{content:"";width:10px;height:10px;border-radius:3px;background:var(--mint);transform:rotate(45deg)}
.ex-kick.sm{font-size:.78rem;margin-bottom:.6rem}
.ex-kick.light{color:#d6d2fb}
.ex-h2{font-size:clamp(2rem,3.8vw,2.9rem)}
.ex-muted{color:var(--muted);font-size:1.08rem;max-width:620px}
.ex-lead{font-size:1.18rem;color:var(--muted)}
.ex-link{font-family:var(--hf);font-weight:500;text-decoration:none;color:var(--indigo)}
.ex-link:hover{color:var(--mint-dark)}
.ex-sec{padding:5.5rem 0}
.ex-lilac{background:var(--lilac)}
.ex-indigo{background:var(--indigo);color:#d6d2fb;background-image:radial-gradient(circle at 10% 20%,rgba(95,224,181,.12),transparent 40%),radial-gradient(circle at 90% 80%,rgba(255,255,255,.08),transparent 40%)}
.slide-ex{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.slide-ex.go{opacity:1;transform:none}
.u-mint{background:linear-gradient(transparent 62%,rgba(95,224,181,.55) 62%)}

/* ---------- Hero + finder ---------- */
.ex-hero{padding:4rem 0 5rem;background:linear-gradient(180deg,var(--lilac),var(--white))}
.ex-hero h1{font-size:clamp(2.4rem,5vw,3.9rem);margin-bottom:1.2rem}
.finder{background:var(--white);border-radius:20px;padding:1.4rem;box-shadow:var(--shadow);border:1px solid var(--line);margin-top:1.8rem}
.finder-label{font-family:var(--hf);font-weight:600;color:var(--indigo-deep);margin-bottom:.6rem;display:block}
.finder .form-select{font-weight:600;border:2px solid var(--line);border-radius:12px;padding:.85rem 1rem;background-color:var(--lilac)}
.finder .form-select:focus{border-color:var(--indigo);box-shadow:none}
.finder-out{margin-top:1rem}
.finder-hint{margin:0;color:var(--muted);font-size:.95rem}
.sol-item{display:flex;align-items:center;gap:.9rem;padding:.8rem;border-radius:14px;background:var(--lilac);text-decoration:none;color:var(--text);margin-bottom:.6rem;animation:solIn .4s ease;transition:background .2s}
.sol-item:hover{background:var(--lilac-2);color:var(--text)}
.sol-item img{width:58px;height:58px;border-radius:12px;object-fit:cover;flex:none;background:var(--lilac-2)}
.sol-item strong{display:block;font-family:var(--hf);font-weight:600;color:var(--indigo-deep)}
.sol-item small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--muted);font-size:.86rem;line-height:1.4}
.sol-item b{margin-left:auto;color:var(--indigo)}
@keyframes solIn{from{opacity:0;transform:translateY(8px)}}
.ex-hero-visual{position:relative;padding:1.5rem 0 2rem 2rem}
.hv-main{width:100%;aspect-ratio:4/4.3;object-fit:cover;border-radius:28px;box-shadow:var(--shadow);background:var(--lilac-2)}
.hv-card{position:absolute;display:flex;align-items:center;gap:.7rem;background:var(--white);border-radius:16px;padding:.8rem 1.1rem;box-shadow:var(--shadow);animation:drift 6s ease-in-out infinite}
.hv-card span{width:38px;height:38px;border-radius:10px;background:var(--mint);color:var(--indigo-deep);display:grid;place-items:center;font-weight:700}
.hv-card strong{display:block;font-family:var(--hf);font-size:.95rem;color:var(--indigo-deep)}
.hv-card small{color:var(--muted)}
.hv-card.c1{left:0;bottom:3rem}
.hv-card.c2{right:-.5rem;top:3rem;animation-delay:-3s}
@keyframes drift{50%{transform:translateY(-8px)}}
@media(max-width:575.98px){.ex-hero-visual{padding:1rem 0}.hv-card.c2{right:0}}

/* ---------- Cards ---------- */
.ex-card{background:var(--white);border-radius:var(--r);overflow:hidden;height:100%;display:flex;flex-direction:column;border:1px solid var(--line);transition:transform .35s,box-shadow .35s,border-color .35s;scroll-margin-top:140px}
.ex-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:transparent}
.ex-card:target{border-color:var(--mint);box-shadow:0 0 0 3px var(--mint)}
.ex-card-img{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--lilac-2)}
.ex-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.ex-card:hover .ex-card-img img{transform:scale(1.06)}
.ex-ico{position:absolute;right:1rem;bottom:-1.3rem;width:52px;height:52px;border-radius:14px;background:var(--indigo);color:var(--mint);display:grid;place-items:center;font-size:1.3rem;box-shadow:0 10px 20px -10px var(--indigo-deep);z-index:1}
.ex-card-img{overflow:visible}
.ex-card-img img{border-radius:var(--r) var(--r) 0 0}
.ex-card-body{padding:1.9rem 1.6rem 1.8rem;display:flex;flex-direction:column;flex:1}
.ex-card-body h3{font-size:1.3rem;margin-bottom:.6rem;padding-right:3rem}
.ex-card-body p{color:var(--muted);flex:1}
.ex-card-body .ex-btn{align-self:flex-start}

/* ---------- Perks ---------- */
.ex-perk{background:var(--white);border-radius:var(--r);padding:1.8rem;height:100%;transition:transform .3s,box-shadow .3s}
.ex-perk:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.ex-perk span{display:inline-grid;place-items:center;width:50px;height:50px;border-radius:14px;background:var(--lilac);font-size:1.3rem;color:var(--indigo);margin-bottom:1rem}
.ex-lilac .ex-perk span{background:var(--lilac-2)}
.ex-perk h4{font-size:1.2rem}
.ex-perk p{margin:0;color:var(--muted)}

/* ---------- Myth vs fact ---------- */
.myth{position:relative;width:100%;min-height:200px;border:0;padding:0;background:none;perspective:1200px;text-align:left;cursor:pointer}
.myth-side{position:absolute;inset:0;border-radius:var(--r);padding:1.8rem;display:flex;flex-direction:column;justify-content:center;gap:.5rem;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .7s cubic-bezier(.3,.7,.3,1)}
.myth-side.front{background:var(--lilac);border:2px dashed var(--lilac-2)}
.myth-side.back{background:var(--indigo);color:#fff;transform:rotateY(180deg)}
.myth.on .front{transform:rotateY(-180deg)}
.myth.on .back{transform:rotateY(0)}
.myth-side strong{font-family:var(--hf);font-weight:500;font-size:1.15rem;color:var(--indigo-deep);line-height:1.4}
.myth-side.back strong{color:#fff;font-family:var(--bf);font-weight:500;font-size:1.08rem}
.myth-side small{color:var(--muted)}
.myth-tag{align-self:flex-start;font-family:var(--hf);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;padding:.25rem .7rem;border-radius:8px;background:#ffd8e0;color:#a3264a}
.myth-tag.fact{background:var(--mint);color:var(--indigo-deep)}
.myth:focus-visible{outline:3px solid var(--mint);border-radius:var(--r)}

/* ---------- Flow ---------- */
.ex-flow{display:flex;align-items:stretch;gap:1rem}
.ef{flex:1;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:var(--r);padding:1.8rem 1.4rem;text-align:center;transition:background .3s}
.ef:hover{background:rgba(255,255,255,.14)}
.ef span{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--mint);color:var(--indigo-deep);font-size:1.3rem;margin-bottom:1rem}
.ef h5{color:#fff;font-size:1.2rem}
.ef p{margin:0}
.ef-arrow{display:flex;align-items:center;color:var(--mint);font-size:1.4rem}
@media(max-width:991.98px){.ex-flow{flex-wrap:wrap}.ef{flex:1 1 40%}.ef-arrow{display:none}}

/* ---------- Posts ---------- */
.ex-post{background:var(--white);border-radius:var(--r);overflow:hidden;height:100%;display:flex;flex-direction:column;border:1px solid var(--line);transition:transform .35s,box-shadow .35s}
.ex-post:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.ex-post-img{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--lilac-2)}
.ex-post-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.ex-post:hover .ex-post-img img{transform:scale(1.06)}
.ex-post-body{padding:1.5rem 1.6rem 1.8rem;display:flex;flex-direction:column;flex:1}
.ex-post-body h3{font-size:1.25rem}
.ex-post-body h3 a{color:var(--indigo-deep);text-decoration:none}
.ex-post-body h3 a:hover{color:var(--indigo-2)}
.ex-post-body p{color:var(--muted);flex:1}

/* ---------- Testimonials ---------- */
.ex-testi{background:var(--lilac);border-radius:28px;padding:clamp(1.8rem,4vw,3rem)}
.ex-testi blockquote{margin:0;font-family:var(--hf);font-weight:500;font-size:1.15rem;color:var(--indigo-deep);line-height:1.5;padding-left:1.2rem;border-left:3px solid var(--mint);height:100%}
.ex-testi cite{display:block;font-family:var(--bf);font-style:normal;font-size:.9rem;font-weight:600;color:var(--muted);margin-top:.9rem}

/* ---------- CTA ---------- */
.ex-cta{background:var(--indigo);border-radius:28px;padding:clamp(2rem,5vw,3.6rem);color:#d6d2fb;position:relative;overflow:hidden}
.ex-cta::after{content:"";position:absolute;right:-70px;top:-70px;width:240px;height:240px;border-radius:50%;background:rgba(95,224,181,.15)}
.ex-cta h2{color:#fff;font-size:clamp(1.8rem,3.4vw,2.6rem)}
.ex-cta p{margin:0}
.ex-cta .ex-btn{position:relative;z-index:1}

/* ---------- Inner top ---------- */
.ex-top{padding:2.2rem 0 0}
.ex-top-panel{background:var(--lilac);border-radius:28px;overflow:hidden}
.ex-top-text{padding:clamp(2rem,5vw,4rem);display:flex;flex-direction:column;justify-content:center}
.ex-top-text h1{font-size:clamp(2.2rem,4.6vw,3.4rem)}
.ex-top-text p{color:var(--muted);font-size:1.12rem;margin:0}
.ex-top-img{min-height:300px;background:var(--lilac-2)}
.ex-top-img img{width:100%;height:100%;object-fit:cover}
.ex-crumb{display:flex;gap:.5rem;font-family:var(--hf);font-size:.9rem;margin-top:1.4rem;color:var(--muted)}
.ex-crumb a{color:var(--indigo);text-decoration:none}
.ex-prose-plain p{font-size:1.08rem}
.ex-jump{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}
.ex-jump a{font-family:var(--hf);font-size:.86rem;padding:.4rem .9rem;border-radius:999px;background:var(--lilac);text-decoration:none;color:var(--indigo-deep)}
.ex-jump a:hover{background:var(--indigo);color:#fff}
.ex-combo{background:var(--lilac);border-radius:28px;padding:clamp(2rem,5vw,3.2rem);border-left:6px solid var(--mint)}

/* ---------- Article ---------- */
.ex-article{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:clamp(1.6rem,4vw,3rem)}
.ex-article h2{font-size:1.55rem;margin:2.2rem 0 .7rem}
.ex-summary{background:var(--lilac);border-radius:14px;padding:1.3rem 1.5rem;margin-bottom:2rem}
.ex-summary strong{font-family:var(--hf);color:var(--indigo-deep)}
.ex-summary ul{margin:.5rem 0 0;padding-left:1.2rem;columns:2}
@media(max-width:575.98px){.ex-summary ul{columns:1}}
.ex-legal{scroll-margin-top:140px}
.ex-legal:first-child h2{margin-top:0}
.ex-art-end{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;background:var(--lilac);border-radius:16px;padding:1.5rem 1.6rem;margin-top:2.5rem}
.ex-art-end h4{margin:0}
.ex-art-end p{margin:0;color:var(--muted)}
.ex-aside{position:sticky;top:120px}
.ex-side{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:1.6rem;margin-bottom:1rem}
.ex-side.indigo{background:var(--indigo);border:0;color:#d6d2fb}
.ex-side.indigo h5{color:#fff}
.ex-side-post{display:flex;gap:.9rem;align-items:center;padding:.6rem 0;text-decoration:none;color:var(--indigo-deep);font-family:var(--hf);font-weight:500;line-height:1.3}
.ex-side-post img{width:70px;height:70px;border-radius:12px;object-fit:cover;flex:none;background:var(--lilac-2)}
.ex-side-post:hover span{color:var(--indigo-2)}
.ex-toc{display:flex;flex-direction:column;gap:.2rem}
.ex-toc a{padding:.45rem .7rem;border-radius:10px;text-decoration:none;color:var(--text);font-weight:600}
.ex-toc a:hover{background:var(--lilac);color:var(--indigo)}

/* ---------- Contact ---------- */
.ex-info{background:var(--lilac);border-radius:var(--r);padding:1.8rem;height:100%}
.ex-info span{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--indigo);color:var(--mint);font-size:1.2rem;margin-bottom:.9rem}
.ex-info h5{margin-bottom:.2rem}
.ex-info p{margin:0;font-weight:600;word-break:break-word}
.ex-info a{color:var(--indigo-deep);text-decoration:none}
.ex-info a:hover{color:var(--indigo-2)}
.ex-form{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:clamp(1.6rem,4vw,2.6rem);box-shadow:var(--shadow)}
.ex-form h3{font-size:1.8rem;margin-bottom:1.3rem}
.form-label{font-family:var(--hf);font-weight:500;font-size:.92rem;color:var(--indigo-deep)}
.form-control,.form-select{border:2px solid var(--line);border-radius:12px;padding:.75rem 1rem;background:var(--white)}
.form-control:focus,.form-select:focus{border-color:var(--indigo);box-shadow:0 0 0 .22rem rgba(46,42,134,.12)}
.form-check-input:checked{background-color:var(--indigo);border-color:var(--indigo)}
.form-success{display:none;margin-top:1.2rem;padding:1rem 1.2rem;border-radius:12px;background:#dcf8ee;color:var(--indigo-deep);font-weight:600;border-left:4px solid var(--mint-dark)}
.form-success.show{display:block}
.ex-map{border-radius:var(--r);overflow:hidden;height:100%;min-height:400px;box-shadow:var(--shadow)}
.ex-map iframe{display:block;width:100%;height:100%;min-height:400px;border:0}

/* ---------- Newsletter ---------- */
.ex-nl{background:var(--white);border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}
.ex-nl-side{min-height:320px;background:linear-gradient(180deg,transparent 40%,rgba(29,26,92,.7)),var(--img) center/cover,var(--indigo);display:flex;align-items:flex-end;padding:1.6rem}
.ex-nl-badge{background:var(--white);color:var(--indigo-deep);font-family:var(--hf);font-weight:600;padding:.5rem 1rem;border-radius:12px}
.ex-nl-form{padding:clamp(1.8rem,4vw,3rem)}
.ex-nl-form h1{font-size:clamp(1.9rem,3.6vw,2.6rem)}
.ex-nl-foot{margin:1.3rem 0 0;color:var(--muted)}
.ex-toggle{display:flex;flex-wrap:wrap;gap:.45rem}
.ex-toggle label{cursor:pointer}
.ex-toggle input{position:absolute;opacity:0}
.ex-toggle span{display:block;padding:.45rem 1rem;border-radius:999px;border:2px solid var(--line);font-weight:600;font-size:.92rem;transition:all .2s}
.ex-toggle input:checked+span{background:var(--indigo);border-color:var(--indigo);color:#fff}
.ex-toggle input:focus-visible+span{outline:2px solid var(--mint)}

/* ---------- Footer ---------- */
.ex-foot{background:var(--indigo-deep);color:#b8b4e6;padding:3.5rem 0 1.8rem}
.ex-foot .ex-logo{color:#fff}
.ex-foot .ex-badge{background:var(--indigo-2)}
.ex-foot-cta{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:space-between;align-items:center;background:var(--indigo);border-radius:22px;padding:1.8rem 2rem}
.ex-foot-cta h3{color:#fff;font-size:1.5rem;margin-bottom:.2rem}
.ex-foot-cta p{margin:0}
.ex-foot h6{font-family:var(--hf);font-weight:600;color:#fff;margin-bottom:1rem}
.ex-foot a:not(.ex-btn):not(.ex-logo){display:block;color:#e2dffa;text-decoration:none;margin-bottom:.5rem;word-break:break-word}
.ex-foot a:not(.ex-btn):not(.ex-logo):hover{color:var(--mint)}
.ex-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;border-top:1px solid rgba(184,180,230,.2);margin-top:3rem;padding-top:1.5rem;font-size:.92rem}
.ex-up{position:fixed;right:1.2rem;bottom:1.2rem;width:50px;height:50px;border-radius:14px;background:var(--mint);color:var(--indigo-deep);display:grid;place-items:center;font-weight:700;text-decoration:none;opacity:0;pointer-events:none;transition:opacity .3s;z-index:1020;box-shadow:var(--shadow)}
.ex-up.show{opacity:1;pointer-events:auto}

@media(max-width:767.98px){.ex-sec{padding:4.2rem 0}.ex-hero{padding:3rem 0 4rem}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.slide-ex{opacity:1;transform:none}}