:root{
 --primary:#00D2EB;
 --primary-rgb:0,210,235;
 --dark:#071827;
 --bg:#FFFFFF;
 --bg-soft:#F6FBFD;
 --text:#0F172A;
 --border:#E5EDF2;
 --success:#2BC670;
 --font:'Manrope',-apple-system,sans-serif;
 --container:1240px;
 --radius-lg:28px;
 --radius-md:18px;
 --radius-sm:12px;
 --shadow-sm:0 2px 10px rgba(7,24,39,0.05);
 --shadow-md:0 12px 34px rgba(7,24,39,0.08);
 --shadow-lg:0 24px 60px rgba(7,24,39,0.14);
 --ease:cubic-bezier(0.22,1,0.36,1);
}
*{box-sizing:border-box}
html{scroll-behavior:auto;background:var(--dark);overflow-x:hidden}
body{
 margin:0;
 margin-bottom:0 !important;
 font-family:var(--font);
 color:var(--text);
 background:var(--bg);
 -webkit-font-smoothing:antialiased;
 min-height:100svh;
 display:flex;
 flex-direction:column;
}
#app{
 flex:1 0 auto;
 margin-bottom:0 !important;
 display:flex;
 flex-direction:column;
}
#app > main{flex:1 0 auto}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none;margin:0;padding:0}
h1,h2,h3,h4,p{margin:0}
h1,h2,h3,h4{text-wrap:balance}
button{font-family:inherit;cursor:pointer}
.container{
 width:100%;
 max-width:var(--container);
 margin:0 auto;
 padding:0 32px;
}
.container--narrow{max-width:860px}
@media (max-width:640px){
 .container{padding:0 20px}
}
[data-reveal]{
 opacity:0;
 transform:translateY(28px);
}
.reveal-ready [data-reveal]{
 transition:opacity 0.9s var(--ease),transform 0.9s var(--ease);
}
.btn{
 display:inline-flex;
 align-items:center;
 gap:8px;
 padding:14px 26px;
 border-radius:100px;
 font-weight:700;
 font-size:0.95rem;
 border:1.5px solid transparent;
 transition:transform 0.35s var(--ease),box-shadow 0.35s var(--ease),background 0.35s var(--ease),border-color .35s var(--ease),color .35s var(--ease);
 white-space:nowrap;
}
.btn--sm{padding:10px 18px;font-size:0.85rem}
.btn--lg{padding:16px 30px;font-size:1rem}
.btn--primary{
 background:var(--primary);
 color:var(--dark);
 box-shadow:0 10px 26px rgba(0,210,235,0.32);
}
.btn--primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(0,210,235,0.42)}
.btn--outline{
 background:transparent;
 color:var(--text);
 border-color:var(--border);
}
.btn--outline:hover{border-color:var(--primary);transform:translateY(-2px)}
.btn--ghost{background:transparent;color:var(--text)}
.btn--ghost:hover{color:var(--primary)}
.btn--dark{
 background:var(--dark);
 color:#fff;
}
.btn--dark:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.nav{
 position:fixed;
 top:0;left:0;right:0;
 z-index:100;
 padding:20px 0;
 background:rgba(7,24,39,0.35);
 backdrop-filter:blur(18px);
 -webkit-backdrop-filter:blur(18px);
 transition:background 300ms var(--ease),padding 300ms var(--ease),box-shadow 300ms var(--ease),border-color 300ms var(--ease);
 border-bottom:1px solid rgba(255,255,255,0.1);
}
.nav.is-scrolled{
 background:#FFFFFF;
 backdrop-filter:blur(18px);
 -webkit-backdrop-filter:blur(18px);
 padding:12px 0;
 border-color:var(--border);
 box-shadow:var(--shadow-sm);
}
.nav__inner{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:24px;
}
.nav__brand{
 display:flex;
 align-items:center;
 gap:10px;
}
.nav__logo{height:68px;width:auto;display:block;}
.nav__logo--dark{display:none;}
.nav.is-scrolled .nav__logo--white{display:none;}
.nav.is-scrolled .nav__logo--dark{display:block;}
.nav__links{
 display:flex;
 align-items:center;
 gap:30px;
}
.nav__links a{
 font-size:0.92rem;
 font-weight:600;
 color:#fff;
 position:relative;
 padding:4px 0;
 transition:color 300ms var(--ease);
}
.nav.is-scrolled .nav__links a{color:var(--text)}
.nav__links a::after{
 content:'';
 position:absolute;
 left:0;bottom:0;
 width:0;height:2px;
 background:var(--primary);
 transition:width 0.3s var(--ease);
}
.nav__links a:hover::after{width:100%}
.nav__links a.is-active{color:var(--primary)}
.nav.is-scrolled .nav__links a.is-active{color:#0B8899}
.nav__actions{display:flex;align-items:center;gap:12px}
.nav__phone.btn--ghost{color:#fff;transition:color 300ms var(--ease)}
.nav__phone.btn--ghost:hover{color:var(--primary)}
.nav.is-scrolled .nav__phone.btn--ghost{color:var(--text)}
.nav.is-scrolled .nav__phone.btn--ghost:hover{color:var(--primary)}
.nav__burger{
 display:none;
 flex-direction:column;
 gap:5px;
 background:none;
 border:none;
 padding:6px;
}
.nav__burger span{
 width:22px;height:2px;
 background:#fff;
 transition:transform 0.3s var(--ease),opacity 0.3s var(--ease),background 300ms var(--ease);
}
.nav.is-scrolled .nav__burger span{background:var(--text)}
.nav__burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav__burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav__burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav__mobile{
 display:none;
 flex-direction:column;
 gap:4px;
 background:#fff;
 border-top:1px solid var(--border);
 padding:12px 20px 24px;
}
.nav__mobile a{padding:12px 0;font-weight:600;color:var(--text);border-bottom:1px solid var(--border)}
.nav__mobile .btn{margin-top:14px;justify-content:center}
.nav__mobile.is-open{display:flex}
.nav__links a,.nav__brand-text strong,.nav__brand-text small{
 white-space:nowrap;
}
@media (max-width:1200px){
 .nav__links{gap:22px}
 .nav__phone{display:none}
}
@media (max-width:1100px){
 .nav__links,.nav__actions{display:none}
 .nav__burger{display:flex}
}
.hero{
 position:relative;
 min-height:100svh;
 display:flex;
 align-items:center;
 background:var(--dark);
 overflow:hidden;
 padding-top:96px;
}
.hero::before{
 content:'';
 position:absolute;inset:0;
 background:
 radial-gradient(60% 55% at 78% 30%,rgba(0,210,235,0.20) 0%,transparent 70%),
 radial-gradient(50% 45% at 15% 85%,rgba(0,210,235,0.10) 0%,transparent 70%);
 pointer-events:none;
}
.hero__spiral-wrap{
 position:absolute;
 top:0;right:-8%;
 width:58%;
 height:100%;
 z-index:1;
}
.hero__spiral-wrap canvas{width:100%;height:100%;display:block}
@media (max-width:1024px){
 .hero__spiral-wrap{right:50%;transform:translateX(50%);width:100%;opacity:0.35}
}
.hero__doctor{
 position:absolute;
 right:13%;
 bottom:0;
 z-index:2;
 height:72%;
 max-width:28%;
 display:flex;
 align-items:flex-end;
 justify-content:center;
 pointer-events:none;
}
.hero__doctor::before{
 content:'';
 position:absolute;
 left:50%;bottom:4%;
 transform:translateX(-50%);
 width:82%;height:60%;
 background:radial-gradient(closest-side,rgba(0,210,235,0.28),transparent 75%);
 filter:blur(20px);
 z-index:-1;
}
.hero__doctor picture,
.hero__doctor img{
 display:block;
 height:100%;
 width:auto;
 max-width:100%;
 object-fit:contain;
 object-position:bottom;
 filter:drop-shadow(0 24px 38px rgba(0,0,0,0.45));
}
@media (max-width:1200px){
 .hero__doctor{max-width:34%;height:66%}
}
@media (max-width:1024px){
 .hero__doctor{position:relative;max-width:60%;height:320px;margin:24px auto 0;right:auto;order:1}
}
@media (max-width:560px){
 .hero__doctor{max-width:70%;height:240px}
}
.hero__grid{position:relative;z-index:3;order:2}
.hero__content{max-width:560px}
@media (max-width:1024px){
 .hero{flex-direction:column;justify-content:center;padding-bottom:48px}
 .hero__content{max-width:100%;text-align:center}
 .hero__actions{justify-content:center}
}
.eyebrow{
 color:var(--primary);
 font-weight:700;
 font-size:0.8rem;
 letter-spacing:0.14em;
 margin-bottom:18px;
}
.eyebrow--dark{color:#0E9DAE}
.eyebrow--link{display:inline-block;text-decoration:none;transition:color 240ms var(--ease);cursor:pointer}
.eyebrow--link:hover{color:var(--primary);text-decoration:underline}
.hero__headline{
 font-size:clamp(2.2rem,4.6vw,3.6rem);
 line-height:1.14;
 font-weight:800;
 color:#fff;
 letter-spacing:-0.01em;
}
.hero__headline .accent{color:var(--primary)}
.hero__lead{
 margin-top:22px;
 font-size:1.05rem;
 line-height:1.7;
 color:rgba(255,255,255,0.68);
 max-width:520px;
}
.hero__actions{
 display:flex;
 gap:14px;
 flex-wrap:wrap;
 margin-top:34px;
}
.hero .btn--outline{color:#fff;border-color:rgba(255,255,255,0.25)}
.hero .btn--outline:hover{border-color:var(--primary);color:var(--primary)}
.hero__scroll-cue{
 position:absolute;
 bottom:36px;left:32px;
 z-index:2;
 display:flex;
 align-items:center;
 gap:10px;
}
.hero__scroll-cue span{
 color:rgba(255,255,255,0.45);
 font-size:0.72rem;
 font-weight:700;
 letter-spacing:0.08em;
 writing-mode:vertical-rl;
}
.hero__scroll-line{
 width:1px;height:54px;
 background:rgba(255,255,255,0.18);
 position:relative;
 overflow:hidden;
}
.hero__scroll-line i{
 position:absolute;left:0;top:-100%;
 width:100%;height:100%;
 background:var(--primary);
 animation:scrollLine 2.2s var(--ease) infinite;
}
@keyframes scrollLine{
 0%{top:-100%}
 60%{top:100%}
 100%{top:100%}
}
@media (max-width:640px){.hero__scroll-cue{display:none}}
.section-head{max-width:640px;margin-bottom:56px}
.section-head h2{
 font-size:clamp(1.8rem,3.2vw,2.5rem);
 font-weight:800;
 letter-spacing:-0.015em;
 margin-top:10px;
}
.section-head__lead{
 margin-top:16px;
 color:#55697A;
 font-size:1rem;
 line-height:1.7;
}
.section-head--split{
 display:flex;
 align-items:flex-end;
 justify-content:space-between;
 gap:20px;
 flex-wrap:wrap;
}
.section-head--split h2{margin-top:10px}
.link-arrow{
 display:inline-flex;
 align-items:center;
 gap:8px;
 font-weight:700;
 font-size:0.92rem;
 color:var(--text);
 padding-bottom:4px;
 border-bottom:2px solid var(--border);
 transition:border-color 0.3s var(--ease),color 0.3s var(--ease);
}
.link-arrow:hover{border-color:var(--primary);color:#0E9DAE}
.treatments{background:var(--bg);padding:160px 0}
.tcards{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:22px;
}
.tcard{
 position:relative;
 background:var(--bg-soft);
 border:1px solid var(--border);
 border-radius:var(--radius-lg);
 overflow:hidden;
 transition:transform 350ms var(--ease),box-shadow 350ms var(--ease),border-color 350ms var(--ease);
}
.tcard:hover{
 transform:translateY(-10px) scale(1.02);
 box-shadow:0 30px 80px rgba(0,0,0,0.08);
 border-color:rgba(0,210,235,0.35);
}
.tcard--wide{grid-column:span 2}
@media (max-width:920px){
 .tcards{grid-template-columns:repeat(2,1fr)}
 .tcard--wide{grid-column:span 2}
}
@media (max-width:640px){
 .tcards{grid-template-columns:1fr}
 .tcard--wide{grid-column:span 1}
}
.tcard__visual{width:100%;aspect-ratio:16 / 10;overflow:hidden}
.tcard__visual svg,.tcard__visual .card-visual-img{width:100%;height:100%;display:block;object-fit:cover;transition:transform 0.5s var(--ease)}
.tcard:hover .tcard__visual svg,.tcard:hover .tcard__visual .card-visual-img{transform:scale(1.05)}
.tcard--wide .tcard__visual{aspect-ratio:32 / 10}
.tcard__body{padding:26px 30px 76px}
.tcard h3{font-size:1.18rem;font-weight:800;margin-bottom:8px}
.tcard p{color:#55697A;font-size:0.92rem;line-height:1.6;max-width:320px}
.tcard__arrow{
 position:absolute;
 right:28px;bottom:28px;
 width:44px;height:44px;
 border-radius:50%;
 background:#fff;
 border:1px solid var(--border);
 display:flex;align-items:center;justify-content:center;
 color:var(--text);
 transition:background 0.35s var(--ease),color 0.35s var(--ease),transform 0.35s var(--ease);
}
.tcard:hover .tcard__arrow{
 background:var(--primary);
 color:var(--dark);
 transform:translate(3px,-3px);
}
.procedures{background:var(--bg-soft);padding:160px 0}
.pcards{
 display:grid;
 grid-template-columns:repeat(4,1fr);
 gap:18px;
}
.pcard{
 background:#fff;
 border:1px solid var(--border);
 border-radius:var(--radius-md);
 overflow:hidden;
 transition:transform 350ms var(--ease),box-shadow 350ms var(--ease),border-color 350ms var(--ease);
}
.pcard:hover{
 transform:translateY(-10px) scale(1.02);
 box-shadow:0 30px 80px rgba(0,0,0,0.08);
 border-color:rgba(0,210,235,0.3);
}
.pcard__visual{width:100%;aspect-ratio:16 / 11;overflow:hidden}
.pcard__visual svg,.pcard__visual .card-visual-img{width:100%;height:100%;display:block;object-fit:cover;transition:transform 0.5s var(--ease)}
.pcard:hover .pcard__visual svg,.pcard:hover .pcard__visual .card-visual-img{transform:scale(1.06)}
.pcard__body{padding:18px 20px 22px}
.pcard h3{font-size:0.98rem;font-weight:800;margin-bottom:6px;line-height:1.35}
.pcard p{color:#55697A;font-size:0.84rem;line-height:1.55}
@media (max-width:992px){.pcards{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.pcards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:420px){.pcards{grid-template-columns:1fr}}
.process{background:var(--dark);padding:160px 0;color:#fff}
.process__grid{
 display:grid;
 grid-template-columns:0.85fr 1.15fr;
 gap:60px;
 align-items:start;
}
.process__intro .eyebrow{color:var(--primary)}
.process__intro h2{font-size:clamp(1.8rem,3vw,2.3rem);font-weight:800;margin-top:10px;line-height:1.25}
.process__intro p{margin-top:16px;color:rgba(255,255,255,0.6);line-height:1.7;max-width:380px}
.process__intro .btn{margin-top:30px}
.timeline{
 position:relative;
 display:flex;
 flex-direction:column;
 gap:0;
}
.timeline::before{
 content:'';
 position:absolute;
 left:21px;top:8px;bottom:8px;
 width:1px;
 background:rgba(255,255,255,0.12);
}
.timeline__step{
 display:flex;
 gap:24px;
 padding:22px 0;
 align-items:flex-start;
}
.timeline__num{
 position:relative;
 z-index:1;
 flex-shrink:0;
 width:44px;height:44px;
 border-radius:50%;
 background:var(--dark);
 border:1.5px solid rgba(0,210,235,0.4);
 color:var(--primary);
 font-weight:800;
 font-size:0.85rem;
 display:flex;align-items:center;justify-content:center;
}
.timeline__step h3{font-size:1.08rem;font-weight:800;margin-bottom:4px}
.timeline__step p{color:rgba(255,255,255,0.55);font-size:0.9rem}
@media (max-width:860px){
 .process__grid{grid-template-columns:1fr}
}
.why{background:var(--bg-soft);padding:160px 0}
.why__grid{
 display:grid;
 grid-template-columns:repeat(4,1fr);
 gap:20px;
}
.why__card{
 background:#fff;
 border:1px solid var(--border);
 border-radius:var(--radius-md);
 padding:30px 26px;
 transition:transform 0.4s var(--ease),box-shadow 0.4s var(--ease);
}
.why__card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}
.why__icon{
 width:48px;height:48px;
 color:#0B8899;
 margin-bottom:20px;
}
.why__card h3{font-size:1.02rem;font-weight:800;margin-bottom:8px}
.why__card p{font-size:0.88rem;color:#55697A;line-height:1.6}
@media (max-width:920px){.why__grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.why__grid{grid-template-columns:1fr}}
.blog{background:var(--bg);padding:160px 0}
.blog__grid{
 display:grid;
 grid-template-columns:repeat(4,1fr);
 gap:22px;
}
.bcard{display:flex;flex-direction:column}
.bcard__thumb{
 position:relative;
 aspect-ratio:4 / 3;
 border-radius:var(--radius-md);
 overflow:hidden;
 margin-bottom:16px;
 background:var(--dark);
 transition:transform 0.5s var(--ease);
}
.bcard__thumb svg,.bcard__thumb .card-visual-img{width:100%;height:100%;display:block;object-fit:cover}
.bcard:hover .bcard__thumb{transform:scale(1.02)}
.bcard:hover .bcard__thumb svg,.bcard:hover .bcard__thumb .card-visual-img{transform:scale(1.06)}
.bcard__tag{
 position:absolute;
 left:14px;bottom:14px;
 z-index:1;
 background:rgba(7,24,39,0.82);
 color:#fff;
 font-size:0.72rem;
 font-weight:700;
 padding:6px 12px;
 border-radius:100px;
}
.bcard h3{
 font-size:1rem;
 font-weight:700;
 line-height:1.4;
 margin-bottom:10px;
}
.bcard time{color:#8598A6;font-size:0.8rem;font-weight:600}
@media (max-width:920px){.blog__grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.blog__grid{grid-template-columns:1fr}}
.faq{background:var(--bg-soft);padding:160px 0}
.faq .section-head{margin-left:auto;margin-right:auto;text-align:center}
.faq .section-head p.section-head__lead{margin-left:auto;margin-right:auto}
.faq__cat-nav{
 display:flex;
 flex-wrap:wrap;
 justify-content:center;
 gap:10px;
 margin-bottom:48px;
}
.faq__cat-nav a{
 padding:9px 18px;
 border-radius:100px;
 background:#fff;
 border:1px solid var(--border);
 font-size:0.86rem;
 font-weight:700;
 color:var(--text);
 transition:border-color 0.3s var(--ease),color 0.3s var(--ease);
}
.faq__cat-nav a:hover{border-color:var(--primary);color:#0B8899}
.faq__category{margin-bottom:48px;scroll-margin-top:110px}
.faq__category:last-child{margin-bottom:0}
.faq__category-title{
 font-size:1.15rem;
 font-weight:800;
 margin-bottom:18px;
 padding-bottom:12px;
 border-bottom:1px solid var(--border);
}
.faq__category-link{
 display:inline-flex;
 align-items:center;
 gap:8px;
 margin-top:18px;
 font-size:0.9rem;
 font-weight:700;
 color:#0B8899;
 transition:gap 240ms var(--ease),color 240ms var(--ease);
}
.faq__category-link:hover{gap:12px;color:var(--primary)}
.accordion__item{
 background:#fff;
 border:1px solid var(--border);
 border-radius:var(--radius-md);
 margin-bottom:14px;
 overflow:hidden;
}
.accordion__trigger{
 width:100%;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:16px;
 background:none;
 border:none;
 padding:22px 26px;
 text-align:left;
 font-weight:700;
 font-size:0.98rem;
 color:var(--text);
}
.accordion__trigger svg{flex-shrink:0;color:#0B8899;transition:transform 0.35s var(--ease)}
.accordion__trigger[aria-expanded="true"] svg{transform:rotate(45deg)}
.accordion__panel{
 max-height:0;
 overflow:hidden;
 transition:max-height 0.4s var(--ease);
}
.accordion__panel p{
 padding:0 26px 24px;
 color:#55697A;
 line-height:1.7;
 font-size:0.93rem;
}
.cta{
 background:linear-gradient(120deg,#00D2EB 0%,#00B7CE 100%);
 padding:96px 0;
 position:relative;
 overflow:hidden;
}
.cta::after{
 content:'';
 position:absolute;inset:0;
 background:radial-gradient(60% 80% at 85% 20%,rgba(255,255,255,0.35),transparent 70%);
 pointer-events:none;
}
.cta__inner{position:relative;z-index:1;text-align:center;max-width:720px;margin:0 auto}
.cta__inner h2{
 font-size:clamp(1.9rem,3.6vw,2.7rem);
 font-weight:800;
 color:var(--dark);
 letter-spacing:-0.01em;
}
.cta__inner p{margin-top:14px;color:rgba(7,24,39,0.72);font-size:1.02rem}
.cta__row{
 margin-top:40px;
 display:flex;
 align-items:center;
 justify-content:center;
 gap:16px;
 flex-wrap:wrap;
}
.cta__contact{
 display:flex;
 align-items:center;
 gap:12px;
 background:rgba(255,255,255,0.55);
 border:1px solid rgba(7,24,39,0.1);
 padding:12px 20px;
 border-radius:100px;
 color:var(--dark);
}
.cta__contact span{display:flex;flex-direction:column;text-align:left;line-height:1.25}
.cta__contact strong{font-size:0.92rem;font-weight:800}
.cta__contact small{font-size:0.74rem;opacity:0.7;font-weight:600}
.footer{background:var(--dark);color:rgba(255,255,255,0.7);padding:76px 0 0;margin:0;margin-bottom:0 !important}
.footer__grid{
 display:grid;
 grid-template-columns:1.4fr 0.9fr 0.9fr 1.1fr 0.9fr;
 gap:32px;
 padding-bottom:56px;
 border-bottom:1px solid rgba(255,255,255,0.08);
}
.footer__logo{height:44px;width:auto;display:block;margin-bottom:16px;}
.footer__brand p{font-size:0.88rem;line-height:1.7;max-width:280px}
.footer__social{display:flex;gap:10px;margin-top:22px}
.footer__social a{
 width:36px;height:36px;
 border-radius:50%;
 border:1px solid rgba(255,255,255,0.14);
 display:flex;align-items:center;justify-content:center;
 color:rgba(255,255,255,0.7);
 transition:border-color 0.3s var(--ease),color 0.3s var(--ease);
}
.footer__social a:hover{border-color:var(--primary);color:var(--primary)}
.footer__col h4{color:#fff;font-size:0.92rem;font-weight:800;margin-bottom:18px}
.footer__col a,.footer__col p{display:block;font-size:0.88rem;margin-bottom:12px;line-height:1.6}
.footer__col a:hover{color:var(--primary)}
.footer__addr{color:rgba(255,255,255,0.6)}
.footer__copyright{
 text-align:center;
 max-width:800px;
 margin:0 auto;
 padding:32px 0 36px;
 border-top:1px solid rgba(255,255,255,0.08);
}
.footer__copyright-line{
 font-size:0.86rem;
 font-weight:700;
 color:rgba(255,255,255,0.9);
 margin-bottom:18px;
}
.footer__copyright-disclaimer{
 font-size:0.78rem;
 line-height:1.7;
 color:rgba(255,255,255,0.45);
 margin-bottom:22px;
}
.footer__copyright-credits{
 display:flex;
 justify-content:center;
 align-items:center;
 flex-wrap:wrap;
 gap:10px;
 font-size:0.82rem;
 color:rgba(255,255,255,0.55);
 margin-bottom:14px;
}
.footer__copyright-credits a{
 color:rgba(255,255,255,0.75);
 font-weight:700;
 transition:color 240ms var(--ease);
}
.footer__copyright-credits a:hover{color:var(--primary)}
.footer__copyright-credits span{color:rgba(255,255,255,0.25)}
.footer__credit-brand{color:#F58220 !important}
.footer__credit-brand:hover{color:#F58220 !important;opacity:0.85}
.footer__copyright-legal{
 display:flex;
 justify-content:center;
 align-items:center;
 flex-wrap:wrap;
 gap:10px;
 font-size:0.76rem;
 color:rgba(255,255,255,0.35);
 margin-bottom:0;
}
.footer__copyright-legal a{color:rgba(255,255,255,0.55);transition:color 240ms var(--ease)}
.footer__copyright-legal a:hover{color:var(--primary)}
.footer__copyright-legal span{color:rgba(255,255,255,0.2)}
@media (max-width:860px){
 .footer__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
 .footer__grid{grid-template-columns:1fr}
}
a:focus-visible,button:focus-visible{
 outline:2px solid var(--primary);
 outline-offset:3px;
 border-radius:4px;
}
@media (prefers-reduced-motion:reduce){
 [data-reveal]{opacity:1;transform:none;transition:none}
 .hero__scroll-line i{animation:none}
}
.nav__links a.is-active{color:#0B8899}
.nav__links a.is-active::after{width:100%}
.breadcrumb{
 background:var(--dark);
 border-bottom:1px solid rgba(255,255,255,0.08);
 padding-top:96px;
}
.breadcrumb__inner{
 display:flex;
 align-items:center;
 gap:8px;
 padding:16px 32px;
 font-size:0.84rem;
 font-weight:600;
 color:rgba(255,255,255,0.55);
 flex-wrap:wrap;
}
.breadcrumb__inner a{color:rgba(255,255,255,0.8)}
.breadcrumb__inner a:hover{color:var(--primary)}
.breadcrumb__sep{color:rgba(255,255,255,0.3)}
.breadcrumb__current{color:#fff}
.page-hero{
 background:var(--dark);
 padding:64px 0 56px;
 position:relative;
 overflow:hidden;
}
.page-hero__note{
 display:inline-block;
 margin-top:14px;
 padding:8px 16px;
 border-radius:100px;
 background:rgba(255,255,255,0.08);
 border:1px solid rgba(255,255,255,0.15);
 font-size:0.82rem;
 color:rgba(255,255,255,0.75);
}
.page-hero::before{
 content:'';
 position:absolute;inset:0;
 background:radial-gradient(55% 60% at 85% 20%,rgba(0,210,235,0.18),transparent 70%);
}
.page-hero__inner{position:relative;z-index:1;max-width:720px}
.page-hero h1{color:#fff;font-size:clamp(2rem,3.6vw,2.8rem);font-weight:800;line-height:1.2;letter-spacing:-0.01em}
.page-hero p{margin-top:16px;color:rgba(255,255,255,0.68);font-size:1.02rem;line-height:1.7;max-width:560px}
.content-section{padding:124px 0}
.content-section--narrow{max-width:780px;margin:0 auto;padding-left:32px;padding-right:32px}
.prose h2{font-size:1.5rem;font-weight:800;margin:40px 0 14px}
.prose h2:first-child{margin-top:0}
.prose h3{font-size:1.15rem;font-weight:800;margin:28px 0 10px}
.prose p{color:#3E4E5C;line-height:1.8;margin-bottom:16px;font-size:0.98rem}
.prose ul{margin:0 0 16px;padding-left:20px}
.prose li{color:#3E4E5C;line-height:1.8;margin-bottom:6px;list-style:disc}
.prose a{color:#0B8899;text-decoration:underline}
.profile{
 padding:124px 0;
 background:var(--bg);
}
.profile__grid{
 display:grid;
 grid-template-columns:0.85fr 1.15fr;
 gap:56px;
 align-items:start;
}
.profile__portrait{
 aspect-ratio:16 / 10;
 border-radius:var(--radius-lg);
 background:var(--dark);
 position:relative;
 overflow:hidden;
 display:flex;
 align-items:flex-end;
}
.profile__portrait::after{
 content:'';
 position:absolute;inset:0;
 background:linear-gradient(to top,rgba(7,24,39,0.75) 0%,rgba(7,24,39,0) 45%);
 pointer-events:none;
}
.profile__portrait img{
 position:absolute;inset:0;
 width:100%;height:100%;
 object-fit:cover;
 object-position:center;
}
.profile__portrait-label{
 position:relative;
 z-index:1;
 color:#fff;
 padding:26px 28px;
}
.profile__portrait-label strong{display:block;font-size:1.15rem;font-weight:800}
.profile__portrait-label span{color:rgba(255,255,255,0.75);font-size:0.85rem;font-weight:600}
.profile__creds{
 margin-top:28px;
 display:flex;
 flex-direction:column;
 gap:14px;
}
.profile__cred{
 display:flex;
 gap:12px;
 align-items:flex-start;
 padding:14px 16px;
 background:var(--bg-soft);
 border:1px solid var(--border);
 border-radius:var(--radius-sm);
}
.profile__cred svg{color:#0B8899;flex-shrink:0;margin-top:2px}
.profile__cred strong{display:block;font-size:0.92rem;font-weight:800}
.profile__cred span{font-size:0.85rem;color:#55697A}
@media (max-width:860px){.profile__grid{grid-template-columns:1fr}}
.cv__section{
 margin-bottom:40px;
 padding-bottom:40px;
 border-bottom:1px solid var(--border);
}
.cv__section:last-of-type{border-bottom:none;margin-bottom:28px;padding-bottom:0}
.cv__section h2{
 display:flex;
 align-items:center;
 gap:12px;
 font-size:1.2rem;
 font-weight:800;
 margin-bottom:18px;
 letter-spacing:-0.01em;
}
.cv__section-icon{
 width:38px;height:38px;
 border-radius:11px;
 background:rgba(0,210,235,0.12);
 color:#0B8899;
 display:flex;align-items:center;justify-content:center;
 flex-shrink:0;
}
.cv__section p{
 color:#3E4E5C;
 font-size:0.96rem;
 line-height:1.8;
 margin-bottom:14px;
}
.cv__section p:last-child{margin-bottom:0}
.tag-list{
 display:flex;
 flex-wrap:wrap;
 gap:10px;
 margin-bottom:32px;
}
.tag-pill{
 display:inline-flex;
 align-items:center;
 padding:8px 16px;
 border-radius:100px;
 background:var(--bg-soft);
 border:1px solid var(--border);
 color:var(--text);
 font-size:0.84rem;
 font-weight:600;
}
.tag-pill--dark{background:var(--dark);color:#fff;border-color:var(--dark)}
.form-section{padding:124px 0;background:var(--bg-soft)}
.form-card{
 max-width:720px;
 margin:0 auto;
 background:#fff;
 border:1px solid var(--border);
 border-radius:var(--radius-lg);
 padding:44px;
 box-shadow:var(--shadow-md);
}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.form-grid--full{grid-template-columns:1fr}
.field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}
.field label{font-size:0.86rem;font-weight:700;color:var(--text)}
.field input,.field select,.field textarea{
 border:1.5px solid var(--border);
 border-radius:12px;
 padding:13px 16px;
 font-family:var(--font);
 font-size:0.95rem;
 color:var(--text);
 background:#fff;
 transition:border-color 0.3s var(--ease),box-shadow 0.3s var(--ease);
}
.field input:focus,.field select:focus,.field textarea:focus{
 outline:none;
 border-color:var(--primary);
 box-shadow:0 0 0 4px rgba(0,210,235,0.14);
}
.field textarea{resize:vertical;min-height:120px}
.field--honeypot{position:absolute;left:-9999px;top:-9999px}
.form-alert{
 padding:14px 18px;
 border-radius:12px;
 font-size:0.9rem;
 font-weight:600;
 margin-bottom:24px;
}
.form-alert--success{background:rgba(43,198,112,0.12);color:#1D8F53;border:1px solid rgba(43,198,112,0.3)}
.form-alert--error{background:rgba(220,38,38,0.08);color:#B91C1C;border:1px solid rgba(220,38,38,0.24)}
.form-card .btn{width:100%;justify-content:center}
@media (max-width:640px){
 .form-card{padding:28px 22px}
 .form-grid{grid-template-columns:1fr}
}
.article{padding:70px 0 100px}
.article__inner{max-width:760px;margin:0 auto}
.article--split{padding:70px 0 100px}
.article__inner-split{
 display:grid;
 grid-template-columns:380px 1fr;
 gap:64px;
 align-items:start;
}
.article__sticky{
 display:flex;
 flex-direction:column;
 gap:24px;
}
.article__sticky .article__cover{
 margin-bottom:0;
 aspect-ratio:16 / 10;
 border-radius:var(--radius-md);
 box-shadow:0 30px 80px rgba(0,0,0,0.08);
}
.article__sticky .article__toc,.article__sticky .article__summary-box{
 margin:0;
}
.article__sticky-cta{
 align-self:stretch;
 justify-content:center;
}
.article__body{
 max-width:760px;
 min-width:0;
}
.article__body h1{font-size:clamp(1.8rem,3.2vw,2.4rem);line-height:1.2;margin-bottom:12px}
.article__lead{font-size:1.05rem;line-height:1.7;color:#55697A;margin-bottom:32px}
.article__share--sticky{
 padding-top:0;
 border-top:none;
 margin-top:0;
}
@media (max-width:960px){
 .article__inner-split{grid-template-columns:1fr;gap:32px;}
 .article__sticky{position:static;height:auto;}
 .article__sticky .article__cover{aspect-ratio:16 / 9;max-height:420px}
}
.article__meta{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.article__meta .tag{
 background:rgba(0,210,235,0.12);color:#0B8899;
 font-size:0.76rem;font-weight:700;padding:6px 12px;border-radius:100px;
}
.article__meta time{color:#8598A6;font-size:0.84rem;font-weight:600}
.article h1{font-size:clamp(1.8rem,3.4vw,2.5rem);font-weight:800;line-height:1.25;letter-spacing:-0.01em;margin-bottom:24px}
.article__cover{
 aspect-ratio:21 / 9;
 border-radius:var(--radius-lg);
 margin-bottom:36px;
 overflow:hidden;
 background:var(--dark);
}
.article__cover svg,.article__cover .card-visual-img{width:100%;height:100%;display:block;object-fit:cover}
.article__more-questions{
 font-size:0.92rem;
 color:#55697A;
 margin:32px 0 0;
}
.article__more-questions a{color:#0B8899;font-weight:700}
.article__more-questions a:hover{color:var(--primary)}
.article__cta{
 margin-top:48px;
 background:var(--bg-soft);
 border:1px solid var(--border);
 border-radius:var(--radius-md);
 padding:28px 30px;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:20px;
 flex-wrap:wrap;
}
.article__cta p{font-weight:700}
.article__lead{color:#55697A;font-size:1.05rem;line-height:1.7;margin-bottom:32px}
.contact-layout{
 display:grid;
 grid-template-columns:0.85fr 1.15fr;
 gap:48px;
 align-items:start;
}
.contact-info h2{
 font-size:1.5rem;
 font-weight:800;
 margin-bottom:10px;
}
.contact-info__lead{
 color:#55697A;
 font-size:0.95rem;
 line-height:1.7;
 margin-bottom:32px;
}
.contact-info__item{
 display:flex;
 gap:16px;
 align-items:flex-start;
 padding:20px 0;
 border-bottom:1px solid var(--border);
}
.contact-info__item:first-of-type{padding-top:0}
.contact-info__icon{
 width:44px;height:44px;
 border-radius:12px;
 background:rgba(0,210,235,0.12);
 color:#0B8899;
 display:flex;align-items:center;justify-content:center;
 flex-shrink:0;
}
.contact-info__item h3{font-size:0.96rem;font-weight:800;margin-bottom:6px}
.contact-info__item a{display:block;color:#0B8899;font-weight:700;font-size:0.92rem;margin-bottom:2px}
.contact-info__item a:hover{text-decoration:underline}
.contact-info__item p{color:#55697A;font-size:0.88rem;line-height:1.6}
.contact-info__note{display:block;color:#8598A6;font-size:0.8rem;font-weight:600;margin-top:2px}
.contact-layout .form-card{margin:0}
@media (max-width:920px){
 .contact-layout{grid-template-columns:1fr;gap:40px}
}
.treatments--tight{padding-top:0}
.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:54px;flex-wrap:wrap}
.pagination a,.pagination > span{
 min-width:44px;height:44px;padding:0 12px;
 display:flex;align-items:center;justify-content:center;
 border-radius:12px;
 font-size:0.88rem;font-weight:700;
 border:1px solid var(--border);
 color:var(--text);
 background:#fff;
 transition:transform 240ms var(--ease),border-color 240ms var(--ease),color 240ms var(--ease),background 240ms var(--ease);
}
.pagination a:hover{border-color:var(--primary);color:#0B8899;transform:translateY(-2px)}
.pagination .is-active{background:var(--dark);border-color:var(--dark);color:#fff}
.pagination__nav{gap:8px;padding:0 18px !important}
.pagination__nav--disabled{opacity:0.4;cursor:default}
.error-page{
 min-height:70vh;
 display:flex;
 align-items:center;
 justify-content:center;
 text-align:center;
 padding:140px 20px 80px;
}
.error-page .eyebrow{justify-content:center}
.error-page h1{font-size:clamp(3rem,8vw,5.5rem);font-weight:800;color:var(--primary)}
.error-page p{margin-top:12px;color:#55697A;font-size:1.05rem}
.error-page .btn{margin-top:30px}
.error-page--premium{
 position:relative;
 overflow:hidden;
 min-height:100svh;
 padding:180px 20px 120px;
 background:var(--dark);
 color:#fff;
 text-align:center;
}
.error-page__bg{
 position:absolute;
 inset:0;
 z-index:0;
 pointer-events:none;
}
.error-page__bg canvas{width:100%;height:100%;display:block}
.error-page__bg::after{
 content:'';
 position:absolute;inset:0;
 background:radial-gradient(60% 50% at 50% 40%,rgba(0,210,235,0.12),transparent 70%);
 pointer-events:none;
}
.error-page__inner{
 position:relative;
 z-index:1;
 max-width:900px;
 margin:0 auto;
}
.error-page__code{
 font-size:clamp(6rem,14vw,10rem);
 font-weight:800;
 line-height:0.9;
 letter-spacing:-0.05em;
 background:linear-gradient(180deg,rgba(0,210,235,0.7),rgba(0,210,235,0.05));
 -webkit-background-clip:text;
 background-clip:text;
 color:transparent;
 margin:0 0 20px;
}
.error-page--premium h1{
 font-size:clamp(1.8rem,3.4vw,2.6rem);
 color:#fff;
 margin-bottom:16px;
}
.error-page__lead{
 color:rgba(255,255,255,0.65);
 font-size:1.02rem;
 line-height:1.7;
 max-width:620px;
 margin:0 auto 40px !important;
}
.error-page__search{
 display:flex;
 align-items:center;
 gap:10px;
 max-width:560px;
 margin:0 auto 32px;
 padding:8px 8px 8px 20px;
 background:rgba(255,255,255,0.06);
 border:1px solid rgba(255,255,255,0.14);
 border-radius:100px;
 backdrop-filter:blur(10px);
}
.error-page__search svg{color:rgba(255,255,255,0.5);flex-shrink:0}
.error-page__search input{
 flex:1;
 background:transparent;
 border:none;
 outline:none;
 color:#fff;
 font:inherit;
 font-size:0.96rem;
 padding:10px 0;
}
.error-page__search input::placeholder{color:rgba(255,255,255,0.4)}
.error-page__search .btn{margin:0}
.error-page__actions{
 display:flex;
 gap:12px;
 justify-content:center;
 flex-wrap:wrap;
 margin-bottom:64px;
}
.error-page__actions .btn{margin-top:0}
.error-page--premium .btn--outline{
 color:#fff;
 border-color:rgba(255,255,255,0.2);
}
.error-page--premium .btn--outline:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.4)}
.error-page__grid{
 display:grid;
 grid-template-columns:repeat(2,1fr);
 gap:40px;
 text-align:left;
 max-width:780px;
 margin:0 auto;
}
.error-page__col .eyebrow{
 color:var(--primary);
 margin-bottom:18px;
 justify-content:flex-start;
 display:block;
 text-align:left;
}
.error-page__list{list-style:none;padding:0;margin:0}
.error-page__list li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.08)}
.error-page__list li:last-child{border-bottom:none}
.error-page__list a{
 display:flex;
 align-items:center;
 justify-content:space-between;
 color:rgba(255,255,255,0.85);
 font-weight:600;
 font-size:0.96rem;
 transition:color 240ms var(--ease),transform 240ms var(--ease);
}
.error-page__list a:hover{color:var(--primary);transform:translateX(4px)}
@media (max-width:720px){
 .error-page__grid{grid-template-columns:1fr;gap:28px}
 .error-page__search{flex-direction:column;padding:12px;border-radius:20px}
 .error-page__search .btn{width:100%}
}
.wa-float{
 position:fixed;
 right:22px;bottom:22px;
 z-index:90;
 width:56px;height:56px;
 border-radius:50%;
 background:#25D366;
 display:flex;align-items:center;justify-content:center;
 color:#fff;
 box-shadow:0 10px 26px rgba(37,211,102,0.4);
 transition:transform 0.3s var(--ease);
}
.wa-float:hover{transform:scale(1.08)}
body.admin{
 background:#0A2130;
 color:#E7EEF2;
}
.admin-shell{
 display:flex;
 min-height:100vh;
}
.admin-sidebar{
 width:250px;
 flex-shrink:0;
 background:#071827;
 border-right:1px solid rgba(255,255,255,0.06);
 display:flex;
 flex-direction:column;
 padding:24px 18px;
 position:sticky;
 top:0;
 height:100vh;
}
.admin-sidebar__brand{
 display:flex;
 align-items:center;
 gap:10px;
 color:#fff;
 font-weight:800;
 font-size:0.95rem;
 padding:0 6px 24px;
}
.admin-sidebar__mark{color:var(--primary)}
.admin-nav{display:flex;flex-direction:column;gap:4px;flex:1}
.admin-nav a{
 display:flex;
 align-items:center;
 gap:12px;
 padding:12px 14px;
 border-radius:10px;
 color:rgba(255,255,255,0.65);
 font-weight:600;
 font-size:0.9rem;
 transition:background 0.25s,color 0.25s;
}
.admin-nav a:hover{background:rgba(255,255,255,0.05);color:#fff}
.admin-nav a.is-active{background:rgba(0,210,235,0.12);color:var(--primary)}
.admin-sidebar__footer{
 display:flex;
 flex-direction:column;
 gap:4px;
 padding-top:16px;
 border-top:1px solid rgba(255,255,255,0.06);
}
.admin-sidebar__footer a{
 padding:10px 14px;
 font-size:0.85rem;
 font-weight:600;
 color:rgba(255,255,255,0.55);
 border-radius:8px;
}
.admin-sidebar__footer a:hover{color:#fff;background:rgba(255,255,255,0.05)}
.admin-logout{color:#F87171 !important}
.admin-main{flex:1;min-width:0}
.admin-topbar{
 display:flex;
 align-items:center;
 justify-content:space-between;
 padding:22px 34px;
 border-bottom:1px solid rgba(255,255,255,0.06);
}
.admin-topbar h1{font-size:1.3rem;font-weight:800;color:#fff}
.admin-topbar__user{color:rgba(255,255,255,0.55);font-size:0.88rem;font-weight:600}
.admin-content{padding:30px 34px 60px;max-width:1180px}
.admin-stats{
 display:grid;
 grid-template-columns:repeat(4,1fr);
 gap:18px;
 margin-bottom:34px;
}
.admin-stat{
 background:#0F2A3D;
 border:1px solid rgba(255,255,255,0.06);
 border-radius:16px;
 padding:22px;
}
.admin-stat strong{display:block;font-size:1.9rem;font-weight:800;color:var(--primary)}
.admin-stat span{font-size:0.84rem;color:rgba(255,255,255,0.55);font-weight:600}
@media (max-width:900px){.admin-stats{grid-template-columns:repeat(2,1fr)}}
.admin-panel{
 background:#0F2A3D;
 border:1px solid rgba(255,255,255,0.06);
 border-radius:16px;
 overflow:hidden;
 margin-bottom:28px;
}
.admin-panel__head{
 display:flex;
 align-items:center;
 justify-content:space-between;
 padding:20px 24px;
 border-bottom:1px solid rgba(255,255,255,0.06);
}
.admin-panel__head h2{font-size:1.02rem;font-weight:800;color:#fff}
table.admin-table{width:100%;border-collapse:collapse}
.admin-table th,.admin-table td{
 text-align:left;
 padding:14px 24px;
 font-size:0.88rem;
 border-bottom:1px solid rgba(255,255,255,0.05);
 color:rgba(255,255,255,0.85);
}
.admin-table th{color:rgba(255,255,255,0.45);font-weight:700;font-size:0.76rem;text-transform:uppercase;letter-spacing:0.04em}
.admin-table tr:last-child td{border-bottom:none}
.admin-table td .row-actions{display:flex;gap:10px}
.admin-table td .row-actions a{color:var(--primary);font-weight:700;font-size:0.82rem}
.admin-table td .row-actions .danger{color:#F87171}
.badge-pill{
 display:inline-flex;
 padding:4px 10px;
 border-radius:100px;
 font-size:0.72rem;
 font-weight:700;
}
.badge-pill--on{background:rgba(43,198,112,0.15);color:#4ADE80}
.badge-pill--off{background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.5)}
.badge-pill--new{background:rgba(0,210,235,0.15);color:var(--primary)}
.admin-form{padding:26px 24px}
.admin-form .field label{color:rgba(255,255,255,0.75)}
.admin-form .field input,
.admin-form .field select,
.admin-form .field textarea{
 background:#0A2130;
 border-color:rgba(255,255,255,0.12);
 color:#fff;
}
.admin-form .field input:focus,
.admin-form .field select:focus,
.admin-form .field textarea:focus{
 border-color:var(--primary);
}
.admin-form .field textarea{min-height:220px}
.admin-form-actions{display:flex;gap:12px;margin-top:6px}
.admin-empty{padding:40px 24px;text-align:center;color:rgba(255,255,255,0.4);font-size:0.92rem}
.admin-panel .form-alert{margin:20px 24px 0}
.admin-success-msg{padding:16px 24px;color:#4ADE80;font-weight:700}
.admin-table td a{color:var(--primary);font-weight:700}
.form--inline{display:inline}
.btn-reset{
 background:none;
 border:none;
 font-weight:700;
 font-size:0.82rem;
 font-family:var(--font);
 cursor:pointer;
 padding:0;
}
.status-form{display:flex;gap:6px;align-items:center}
.status-select{
 background:#0A2130;
 color:#fff;
 border:1px solid rgba(255,255,255,0.14);
 border-radius:8px;
 padding:6px 8px;
 font-size:0.78rem;
 font-family:var(--font);
}
.field--end{justify-content:flex-end}
.field textarea.is-short{min-height:80px}
.field textarea.is-medium{min-height:130px}
.admin-login{
 min-height:100vh;
 display:flex;
 align-items:center;
 justify-content:center;
 background:#071827;
 padding:20px;
}
.admin-login__card{
 width:100%;
 max-width:400px;
 background:#0F2A3D;
 border:1px solid rgba(255,255,255,0.08);
 border-radius:20px;
 padding:40px 34px;
}
.admin-login__brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;margin-bottom:28px}
.admin-login__brand svg{color:var(--primary)}
.admin-login .field label{color:rgba(255,255,255,0.75)}
.admin-login .field input{
 background:#0A2130;
 border-color:rgba(255,255,255,0.12);
 color:#fff;
}
.admin-login .btn{width:100%;justify-content:center;margin-top:6px}
.u-flex{display:flex}
.u-flex-center{display:flex;align-items:center;justify-content:center}
.u-flex-between{display:flex;align-items:center;justify-content:space-between}
.u-flex-wrap{flex-wrap:wrap}
.u-grid{display:grid}
.u-gap-xs{gap:8px}
.u-gap-sm{gap:12px}
.u-gap-md{gap:20px}
.u-gap-lg{gap:32px}
.u-text-center{text-align:center}
.u-hidden{display:none !important}
.u-mt-sm{margin-top:12px}
.u-mt-md{margin-top:24px}
.u-mt-lg{margin-top:40px}
.u-sr-only{
 position:absolute;
 width:1px;height:1px;
 padding:0;margin:-1px;
 overflow:hidden;
 clip:rect(0,0,0,0);
 white-space:nowrap;
 border:0;
}
::selection{
 background:rgba(0,210,235,0.25);
 color:var(--dark);
}
html{
 scrollbar-width:thin;
 scrollbar-color:var(--primary) var(--bg-soft);
}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--bg-soft)}
::-webkit-scrollbar-thumb{
 background:rgba(0,210,235,0.55);
 border-radius:100px;
 border:2px solid var(--bg-soft);
}
::-webkit-scrollbar-thumb:hover{background:var(--primary)}
body.admin::-webkit-scrollbar-track{background:#0A2130}
body.admin::-webkit-scrollbar-thumb{border-color:#0A2130}
.nav__dropdown{position:relative}
.nav__dropdown-trigger{
 display:inline-flex;
 align-items:center;
 gap:5px;
 background:none;
 border:none;
 font:inherit;
 cursor:pointer;
 color:#fff;
 text-decoration:none;
 font-size:0.92rem;
 font-weight:600;
 padding:4px 0;
 transition:color 300ms var(--ease);
}
.nav.is-scrolled .nav__dropdown-trigger{color:var(--text)}
.nav__dropdown-trigger svg{transition:transform 0.3s var(--ease)}
.nav__dropdown:hover .nav__dropdown-trigger svg,
.nav__dropdown:focus-within .nav__dropdown-trigger svg{transform:rotate(180deg)}
.nav__dropdown-menu{
 position:absolute;
 top:calc(100% + 14px);
 left:50%;
 transform:translateX(-50%) translateY(-8px);
 min-width:260px;
 background:#fff;
 border:1px solid var(--border);
 border-radius:var(--radius-md);
 box-shadow:var(--shadow-lg);
 padding:10px;
 opacity:0;
 visibility:hidden;
 transition:opacity 0.25s var(--ease),transform 0.25s var(--ease),visibility 0.25s;
 z-index:120;
}
.nav__dropdown:hover .nav__dropdown-menu,
.nav__dropdown:focus-within .nav__dropdown-menu{
 opacity:1;
 visibility:visible;
 transform:translateX(-50%) translateY(0);
}
.nav__dropdown-menu a{
 display:flex;
 align-items:center;
 gap:10px;
 padding:10px 12px;
 border-radius:10px;
 font-size:0.88rem;
 font-weight:600;
 color:var(--text);
}
.nav__dropdown-menu a:hover{background:var(--bg-soft);color:#0B8899}
.nav__dropdown-menu a svg{width:18px;height:18px;color:#0B8899;flex-shrink:0}
.nav__dropdown-menu-footer{
 margin-top:6px;
 padding-top:10px;
 border-top:1px solid var(--border);
}
.nav__dropdown-menu-footer a{color:#0B8899;font-weight:700}
@media (max-width:920px){
 .nav__dropdown-menu{display:none}
}
.blog__toolbar{
 display:flex;
 gap:14px;
 flex-wrap:wrap;
 align-items:center;
 margin-bottom:40px;
 padding:16px;
 background:var(--bg-soft);
 border:1px solid var(--border);
 border-radius:var(--radius-md);
}
.search-box{
 flex:1 1 260px;
 position:relative;
 display:flex;
 align-items:center;
}
.search-box svg{
 position:absolute;
 left:14px;
 color:#8598A6;
 pointer-events:none;
}
.search-box input{
 width:100%;
 padding:11px 14px 11px 42px;
 border:1.5px solid var(--border);
 border-radius:12px;
 font-family:var(--font);
 font-size:0.92rem;
 background:#fff;
 transition:border-color 0.3s var(--ease),box-shadow 0.3s var(--ease);
}
.search-box input:focus{
 outline:none;
 border-color:var(--primary);
 box-shadow:0 0 0 4px rgba(0,210,235,0.14);
}
.filter-select{
 flex:0 0 auto;
 padding:11px 14px;
 border:1.5px solid var(--border);
 border-radius:12px;
 font-family:var(--font);
 font-size:0.9rem;
 font-weight:600;
 color:var(--text);
 background:#fff;
}
.filter-select:focus{outline:none;border-color:var(--primary)}
.blog__toolbar .btn--sm{flex:0 0 auto}
.blog__toolbar-clear{
 font-size:0.84rem;
 font-weight:700;
 color:#8598A6;
}
.blog__toolbar-clear:hover{color:#DC2626}
.blog__result-count{
 font-size:0.86rem;
 color:#55697A;
 font-weight:600;
 margin-bottom:24px;
}
@media (max-width:640px){
 .blog__toolbar{flex-direction:column;align-items:stretch}
}
.cookie-banner{
 position:fixed;
 left:20px;right:20px;bottom:20px;
 z-index:200;
 max-width:620px;
 margin:0 auto;
 background:var(--dark);
 color:#fff;
 border-radius:var(--radius-md);
 padding:22px 24px;
 box-shadow:var(--shadow-lg);
 display:flex;
 align-items:center;
 gap:18px;
 flex-wrap:wrap;
 transform:translateY(140%);
 opacity:0;
 transition:transform 0.5s var(--ease),opacity 0.5s var(--ease);
}
.cookie-banner.is-visible{transform:translateY(0);opacity:1}
.cookie-banner p{font-size:0.86rem;line-height:1.6;color:rgba(255,255,255,0.75);flex:1 1 280px;margin:0}
.cookie-banner p a{color:var(--primary);text-decoration:underline}
.cookie-banner__actions{display:flex;gap:10px;flex:0 0 auto}
@media (max-width:560px){
 .cookie-banner{left:12px;right:12px;bottom:12px;padding:18px}
}
.back-to-top{
 position:fixed;
 right:22px;bottom:90px;
 z-index:89;
 width:46px;height:46px;
 border-radius:50%;
 background:#fff;
 border:1px solid var(--border);
 color:var(--text);
 display:flex;
 align-items:center;
 justify-content:center;
 box-shadow:var(--shadow-md);
 opacity:0;
 visibility:hidden;
 transform:translateY(12px);
 transition:opacity 0.3s var(--ease),transform 0.3s var(--ease),visibility 0.3s,background 0.3s var(--ease),color 0.3s var(--ease);
}
.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.back-to-top:hover{background:var(--primary);color:var(--dark);border-color:var(--primary)}
.toast-stack{
 position:fixed;
 top:22px;right:22px;
 z-index:250;
 display:flex;
 flex-direction:column;
 gap:10px;
 max-width:340px;
}
.toast{
 display:flex;
 align-items:flex-start;
 gap:10px;
 background:#0F2A3D;
 border:1px solid rgba(255,255,255,0.1);
 border-left:3px solid var(--success);
 color:#fff;
 padding:14px 16px;
 border-radius:12px;
 font-size:0.86rem;
 font-weight:600;
 box-shadow:var(--shadow-lg);
 transform:translateX(120%);
 opacity:0;
 transition:transform 0.35s var(--ease),opacity 0.35s var(--ease);
}
.toast.is-visible{transform:translateX(0);opacity:1}
.toast--error{border-left-color:#F87171}
.toast__close{
 margin-left:auto;
 background:none;
 border:none;
 color:rgba(255,255,255,0.4);
 cursor:pointer;
 font-size:1rem;
 line-height:1;
 padding:0;
}
.toast__close:hover{color:#fff}
.modal-backdrop{
 position:fixed;
 inset:0;
 z-index:260;
 background:rgba(7,24,39,0.6);
 backdrop-filter:blur(3px);
 display:flex;
 align-items:center;
 justify-content:center;
 padding:20px;
 opacity:0;
 visibility:hidden;
 transition:opacity 0.3s var(--ease),visibility 0.3s;
}
.modal-backdrop.is-open{opacity:1;visibility:visible}
.modal{
 width:100%;
 max-width:400px;
 background:#0F2A3D;
 border:1px solid rgba(255,255,255,0.08);
 border-radius:18px;
 padding:28px;
 transform:scale(0.94) translateY(8px);
 transition:transform 0.3s var(--ease);
}
.modal-backdrop.is-open .modal{transform:scale(1) translateY(0)}
.modal__icon{
 width:46px;height:46px;
 border-radius:50%;
 background:rgba(248,113,113,0.14);
 color:#F87171;
 display:flex;align-items:center;justify-content:center;
 margin-bottom:16px;
}
.modal h3{color:#fff;font-size:1.05rem;font-weight:800;margin-bottom:8px}
.modal p{color:rgba(255,255,255,0.6);font-size:0.88rem;line-height:1.6;margin-bottom:22px}
.modal__actions{display:flex;gap:10px}
.modal__actions .btn{flex:1;justify-content:center}
.btn--danger{background:#DC2626;color:#fff}
.btn--danger:hover{background:#B91C1C;transform:translateY(-2px)}
.prose table{
 width:100%;
 border-collapse:collapse;
 margin:20px 0 28px;
 font-size:0.92rem;
}
.prose table th,.prose table td{
 text-align:left;
 padding:12px 16px;
 border:1px solid var(--border);
}
.prose table th{background:var(--bg-soft);font-weight:800;color:var(--text)}
.prose table td{color:#3E4E5C}
.prose table tr:nth-child(even) td{background:rgba(246,251,253,0.5)}
.alert{
 display:flex;
 gap:12px;
 align-items:flex-start;
 padding:16px 18px;
 border-radius:12px;
 font-size:0.9rem;
 line-height:1.6;
 margin-bottom:20px;
}
.alert svg{flex-shrink:0;margin-top:2px}
.alert--info{background:rgba(0,210,235,0.1);color:#0B7B8A;border:1px solid rgba(0,210,235,0.28)}
.alert--success{background:rgba(43,198,112,0.12);color:#1D8F53;border:1px solid rgba(43,198,112,0.3)}
.alert--warning{background:rgba(245,158,11,0.1);color:#B45309;border:1px solid rgba(245,158,11,0.28)}
.alert--danger{background:rgba(220,38,38,0.08);color:#B91C1C;border:1px solid rgba(220,38,38,0.24)}
.badge{
 display:inline-flex;
 align-items:center;
 padding:4px 12px;
 border-radius:100px;
 font-size:0.74rem;
 font-weight:700;
}
.badge--primary{background:rgba(0,210,235,0.14);color:#0B7B8A}
.badge--dark{background:var(--dark);color:#fff}
.badge--success{background:rgba(43,198,112,0.14);color:#1D8F53}
.badge--outline{background:transparent;border:1px solid var(--border);color:var(--text)}
@media print{
 .nav,.footer,.hero__scroll-cue,.wa-float,.back-to-top,
 .cookie-banner,.toast-stack,.modal-backdrop,.breadcrumb,
 .cta,.form-section,.hero__spiral-wrap,
 .nav__mobile,.admin-sidebar,.admin-topbar{
 display:none !important;
}
 body{background:#fff;color:#000}
 .article,.content-section,.profile{padding:0 !important}
 a{color:#000;text-decoration:underline}
 .prose h2,.prose h3{page-break-after:avoid}
 .article__cover,.profile__portrait{display:none !important}
}
.pslider{position:relative}
.pslider__viewport{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
.pslider--js .pslider__viewport{overflow:visible;cursor:grab}
.pslider--js.is-dragging .pslider__viewport{cursor:grabbing}
.pslider--js{overflow:hidden}
.pslider__viewport:focus-visible{outline:2px solid var(--primary);outline-offset:6px;border-radius:12px}
.pslider__track{
 display:flex;
 gap:22px;
 will-change:transform;
}
.pslider__slide{
 flex:0 0 calc((100% - 66px) / 4);
 min-width:0;
 display:flex;
}
.pslider__slide > *{width:100%;display:flex;flex-direction:column}
.pslider--wide .pslider__slide{flex-basis:calc((100% - 44px) / 3)}
@media (max-width:1100px){
 .pslider__slide,.pslider--wide .pslider__slide{flex-basis:calc((100% - 22px) / 2)}
}
@media (max-width:640px){
 .pslider__slide,.pslider--wide .pslider__slide{flex-basis:100%}
}
.pslider .tcard,.pslider .pcard{height:100%}
.pslider .tcard__body,.pslider .pcard__body{flex:1;display:flex;flex-direction:column}
.pslider__nav{
 display:flex;
 gap:10px;
 justify-content:flex-end;
 margin-top:28px;
}
.pslider__arrow{
 width:48px;height:48px;
 border-radius:50%;
 border:1px solid var(--border);
 background:#fff;
 color:var(--text);
 display:flex;align-items:center;justify-content:center;
 cursor:pointer;
 transition:background 300ms var(--ease),color 300ms var(--ease),border-color 300ms var(--ease),opacity 300ms var(--ease);
}
.pslider__arrow:hover:not(:disabled){background:var(--dark);color:#fff;border-color:var(--dark)}
.pslider__arrow:disabled{opacity:0.35;cursor:default}
.pslider__arrow:focus-visible{outline:2px solid var(--primary);outline-offset:3px}
.process .pslider__arrow,.dark-section .pslider__arrow{background:transparent;color:#fff;border-color:rgba(255,255,255,0.25)}
.cursor-spine{
 position:fixed;
 top:0;left:0;
 width:0;height:0;
 pointer-events:none;
 z-index:9999;
}
.cursor-spine__seg{
 position:absolute;
 top:0;left:0;
 border-radius:50%;
 background:var(--primary);
 box-shadow:0 0 6px rgba(0,210,235,0.6);
 transform:translate3d(-100px,-100px,0);
 --size:calc(15px - var(--i) * 1.3px);
 width:var(--size);
 height:var(--size);
 margin:calc(var(--size) / -2) 0 0 calc(var(--size) / -2);
 opacity:calc(1 - var(--i) * 0.09);
 transition:width 200ms var(--ease),height 200ms var(--ease),margin 200ms var(--ease),opacity 200ms var(--ease),background 200ms var(--ease);
}
.cursor-spine.is-hovering .cursor-spine__seg{
 background:#fff;
 box-shadow:0 0 10px rgba(0,210,235,0.9);
}
.cursor-spine__seg--head{z-index:1}
.cursor-spine.is-hovering .cursor-spine__seg--head{--size:22px !important}
@media (pointer:coarse){.cursor-spine{display:none}}
body.page-enter #app{opacity:0;filter:blur(6px)}
body.page-enter-active #app{
 opacity:1;filter:none;
 transition:opacity 500ms var(--ease),filter 500ms var(--ease);
}
body.page-leave #app{
 opacity:0;filter:blur(4px);
 transition:opacity 300ms var(--ease),filter 300ms var(--ease);
}
@media (prefers-reduced-motion:reduce){
 body.page-enter #app{opacity:1;filter:none}
}
.nav__lang{position:relative;}
.nav__lang-trigger{
 display:flex;align-items:center;gap:4px;
 height:36px;padding:0 12px;
 border-radius:100px;
 border:1px solid rgba(255,255,255,0.25);
 background:transparent;
 color:#fff;
 font-size:0.8rem;font-weight:800;letter-spacing:0.03em;
 cursor:pointer;
 transition:background 300ms var(--ease),border-color 300ms var(--ease),color 300ms var(--ease);
}
.nav__lang-trigger:hover{background:rgba(255,255,255,0.1)}
.nav.is-scrolled .nav__lang-trigger{color:var(--text);border-color:var(--border)}
.nav.is-scrolled .nav__lang-trigger:hover{background:rgba(7,24,39,0.06)}
.nav__lang-menu{
 position:absolute;top:calc(100% + 10px);right:0;
 min-width:130px;
 background:#fff;
 border:1px solid var(--border);
 border-radius:var(--radius-md);
 box-shadow:var(--shadow-md);
 padding:6px;
 opacity:0;visibility:hidden;transform:translateY(-6px);
 transition:opacity 220ms var(--ease),visibility 220ms var(--ease),transform 220ms var(--ease);
 z-index:50;
}
.nav__lang:hover .nav__lang-menu,.nav__lang:focus-within .nav__lang-menu{opacity:1;visibility:visible;transform:none}
.nav__lang-menu a{
 display:block;
 padding:9px 12px;
 border-radius:8px;
 font-size:0.9rem;font-weight:600;
 color:var(--text);
}
.nav__lang-menu a:hover{background:var(--bg-soft);color:#0B8899}
.nav__lang-menu a.is-active{color:var(--primary);font-weight:800}
.nav__mobile-lang{display:flex;gap:10px;padding:14px 0;border-top:1px solid rgba(255,255,255,0.1);margin-top:6px;}
.nav__mobile-lang a{
 flex:1;text-align:center;
 padding:10px;
 border-radius:10px;
 border:1px solid rgba(255,255,255,0.2);
 font-weight:700;font-size:0.9rem;
 color:rgba(255,255,255,0.8);
}
.nav__mobile-lang a.is-active{background:var(--primary);border-color:var(--primary);color:var(--dark)}

/* First-visit language picker — mobile only, hidden without JS */
.lang-picker{
 position:fixed;inset:0;z-index:9999;
 display:none;
 align-items:flex-end;
 background:rgba(7,24,39,0.72);
 backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
 opacity:0;
 transition:opacity 260ms var(--ease);
}
@media (max-width:768px){
 .lang-picker.is-visible{display:flex;opacity:1;}
}
.lang-picker[hidden]{display:none !important;}
.lang-picker__panel{
 width:100%;
 background:#fff;
 border-radius:24px 24px 0 0;
 padding:32px 24px 28px;
 text-align:center;
 transform:translateY(24px);
 transition:transform 320ms var(--ease);
 box-shadow:0 -20px 60px rgba(0,0,0,0.25);
}
.lang-picker.is-visible .lang-picker__panel{transform:translateY(0);}
.lang-picker__mark{margin:0 auto 16px;display:block;}
.lang-picker__title{font-size:1.05rem;font-weight:800;color:var(--text);line-height:1.5;margin-bottom:22px;}
.lang-picker__title span{display:block;font-size:0.85rem;font-weight:600;color:#64788A;margin-top:2px;}
.lang-picker__options{display:flex;flex-direction:column;gap:10px;}
.lang-picker__option{
 display:flex;align-items:center;gap:12px;
 width:100%;
 padding:15px 18px;
 border-radius:14px;
 border:1.5px solid var(--border);
 background:var(--bg-soft);
 font-size:1rem;font-weight:700;color:var(--text);
 transition:border-color 200ms var(--ease),background 200ms var(--ease),transform 200ms var(--ease);
 cursor:pointer;
}
.lang-picker__option:hover{border-color:var(--primary);background:#fff;transform:translateY(-1px);}
.lang-picker__flag{font-size:1.4rem;line-height:1;}
.lang-picker__name{flex:1;text-align:left;}

.nav__search-btn{
 width:40px;height:40px;
 border-radius:50%;
 border:none;
 background:transparent;
 color:#fff;
 display:flex;align-items:center;justify-content:center;
 cursor:pointer;
 transition:color 300ms var(--ease),background 300ms var(--ease);
}
.nav__search-btn:hover{background:rgba(255,255,255,0.1)}
.nav.is-scrolled .nav__search-btn{color:var(--text)}
.nav.is-scrolled .nav__search-btn:hover{background:rgba(7,24,39,0.06)}
.search-overlay{
 position:fixed;
 inset:0;
 z-index:200;
 background:rgba(7,24,39,0.65);
 backdrop-filter:blur(10px);
 -webkit-backdrop-filter:blur(10px);
 display:flex;
 align-items:flex-start;
 justify-content:center;
 padding:12vh 20px 40px;
 opacity:0;
 visibility:hidden;
 transition:opacity 300ms var(--ease),visibility 300ms var(--ease);
}
.search-overlay.is-open{opacity:1;visibility:visible}
.search-overlay__panel{
 width:100%;
 max-width:640px;
 background:#fff;
 border-radius:var(--radius-md);
 box-shadow:0 30px 80px rgba(0,0,0,0.25);
 overflow:hidden;
 transform:translateY(-14px) scale(0.98);
 transition:transform 300ms var(--ease);
}
.search-overlay.is-open .search-overlay__panel{transform:none}
.search-overlay__bar{
 display:flex;
 align-items:center;
 gap:12px;
 padding:18px 20px;
 border-bottom:1px solid var(--border);
 color:#64788A;
}
.search-overlay__input{
 flex:1;
 border:none;
 outline:none;
 font:inherit;
 font-size:1rem;
 color:var(--text);
 background:transparent;
}
.search-overlay__close{
 border:none;background:transparent;
 color:#64788A;
 width:36px;height:36px;
 border-radius:50%;
 display:flex;align-items:center;justify-content:center;
 cursor:pointer;
}
.search-overlay__close:hover{background:var(--bg-soft);color:var(--text)}
.search-overlay__results{max-height:55vh;overflow-y:auto}
.search-overlay__group{padding:14px 12px 6px}
.search-overlay__group h3{
 font-size:0.72rem;
 font-weight:800;
 letter-spacing:0.06em;
 text-transform:uppercase;
 color:#8598A6;
 padding:0 10px 8px;
}
.search-overlay__result{
 display:flex;
 gap:12px;
 align-items:flex-start;
 padding:10px;
 border-radius:12px;
}
.search-overlay__result:hover,.search-overlay__result:focus-visible{background:var(--bg-soft)}
.search-overlay__result-icon{
 width:32px;height:32px;
 flex-shrink:0;
 border-radius:9px;
 background:rgba(0,210,235,0.12);
 color:#0B8899;
 display:flex;align-items:center;justify-content:center;
}
.search-overlay__result strong{display:block;font-size:0.92rem;font-weight:700;color:var(--text)}
.search-overlay__result small{display:block;font-size:0.8rem;color:#64788A;margin-top:2px}
.search-overlay__empty{padding:26px 22px;color:#64788A;font-size:0.92rem}
.nav__dropdown-menu--mega{
 display:grid;
 grid-template-columns:1.2fr 1fr;
 width:640px;
 padding:0;
 overflow:hidden;
}
.mega__links{padding:14px 10px}
.mega__aside{
 background:var(--dark);
 color:rgba(255,255,255,0.75);
 padding:26px 24px;
 display:flex;
 flex-direction:column;
 gap:6px;
}
.mega__aside-title{color:#fff;font-weight:800;font-size:0.98rem}
.mega__aside-text{font-size:0.82rem;line-height:1.6;margin-bottom:10px}
.mega__aside-subtitle{
 font-size:0.68rem;
 font-weight:800;
 letter-spacing:0.08em;
 text-transform:uppercase;
 color:rgba(255,255,255,0.45);
 margin-top:4px;
}
.mega__aside-link{color:#fff;font-size:0.86rem;font-weight:600;padding:4px 0}
.mega__aside-link:hover{color:var(--primary)}
.mega__cta{margin-top:auto;justify-content:center}
@media (max-width:1100px){
 .nav__dropdown-menu--mega{width:480px;grid-template-columns:1fr}
 .mega__aside{display:none}
}
.anatomy{background:var(--dark);padding:160px 0;color:#fff;position:relative;overflow:hidden}
.anatomy::before{
 content:'';
 position:absolute;inset:0;
 background:radial-gradient(60% 50% at 50% 40%,rgba(0,210,235,0.09),transparent 70%);
 pointer-events:none;
}
.anatomy .section-head--center{margin-left:auto;margin-right:auto;text-align:center}
.anatomy .section-head h2{color:#fff}
.anatomy .section-head__lead{color:rgba(255,255,255,0.6);margin-left:auto;margin-right:auto}
.anatomy__stage{position:relative;max-width:340px;margin:0 auto}
.anatomy__toggle{
 display:flex;
 justify-content:center;
 gap:8px;
 margin-bottom:36px;
}
.anatomy__toggle button{
 padding:11px 22px;
 min-height:44px;
 border-radius:100px;
 border:1px solid rgba(255,255,255,0.2);
 background:transparent;
 color:rgba(255,255,255,0.7);
 font:inherit;
 font-size:0.86rem;
 font-weight:700;
 cursor:pointer;
 transition:background 300ms var(--ease),color 300ms var(--ease),border-color 300ms var(--ease);
}
.anatomy__toggle button:hover{border-color:var(--primary);color:#fff}
.anatomy__toggle button.is-active{background:var(--primary);border-color:var(--primary);color:var(--dark)}
.anatomy__toggle button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}
.anatomy__figure{position:relative;display:none;aspect-ratio:1 / 2}
.anatomy__figure.is-active{display:block;animation:anatomyIn 500ms var(--ease)}
@keyframes anatomyIn{from{opacity:0;transform:scale(0.98)}to{opacity:1;transform:none}}
.anatomy__body{width:100%;height:100%;display:block;position:absolute;inset:0}
.anatomy__spot{
 position:absolute;
 transform:translate(-50%,-50%);
 width:44px;height:44px;
 display:flex;align-items:center;justify-content:center;
 z-index:2;
}
.anatomy__spot-dot{
 width:18px;height:18px;
 border-radius:50%;
 background:rgba(0,210,235,0.25);
 display:flex;align-items:center;justify-content:center;
 transition:transform 300ms var(--ease),background 300ms var(--ease);
}
.anatomy__spot-dot i{
 width:8px;height:8px;
 border-radius:50%;
 background:var(--primary);
 box-shadow:0 0 12px rgba(0,210,235,0.9);
}
.anatomy__spot::after{
 content:'';
 position:absolute;
 width:18px;height:18px;
 border-radius:50%;
 border:1px solid rgba(0,210,235,0.6);
 animation:spotPulse 2.4s var(--ease) infinite;
 pointer-events:none;
}
@keyframes spotPulse{
 0%{transform:scale(1);opacity:0.8}
 70%{transform:scale(2.4);opacity:0}
 100%{transform:scale(2.4);opacity:0}
}
@media (prefers-reduced-motion:reduce){.anatomy__spot::after{animation:none;opacity:0}}
.anatomy__spot:hover .anatomy__spot-dot,
.anatomy__spot:focus-visible .anatomy__spot-dot{transform:scale(1.35);background:rgba(0,210,235,0.45)}
.anatomy__spot:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:50%}
.anatomy__spot-tip{
 position:absolute;
 bottom:calc(100% + 6px);
 left:50%;
 transform:translateX(-50%) translateY(4px);
 background:#fff;
 color:var(--text);
 border-radius:12px;
 padding:8px 14px;
 white-space:nowrap;
 box-shadow:0 12px 32px rgba(0,0,0,0.3);
 opacity:0;
 visibility:hidden;
 transition:opacity 250ms var(--ease),transform 250ms var(--ease),visibility 250ms;
 pointer-events:none;
 z-index:3;
}
.anatomy__spot-tip strong{display:block;font-size:0.84rem;font-weight:800}
.anatomy__spot-tip small{display:block;font-size:0.72rem;color:#64788A}
.anatomy__spot:hover .anatomy__spot-tip,
.anatomy__spot:focus-visible .anatomy__spot-tip{
 opacity:1;visibility:visible;
 transform:translateX(-50%) translateY(0);
}
.hero--sub{min-height:78svh}
.hero__breadcrumb{
 display:flex;
 align-items:center;
 gap:10px;
 font-size:0.82rem;
 font-weight:600;
 color:rgba(255,255,255,0.5);
 margin-bottom:20px;
}
.hero__breadcrumb a{color:rgba(255,255,255,0.75)}
.hero__breadcrumb a:hover{color:var(--primary)}
.hero__breadcrumb span:last-child{color:#fff}
.hero__headline--sub{font-size:clamp(2.1rem,4.2vw,3.3rem)}
.hero__doctor--sub{height:62%;max-width:26%}
@media (max-width:920px){
 .hero--sub{min-height:auto;padding-bottom:24px}
 .hero__doctor--sub{height:230px;max-width:38%}
}
.treat-intro{background:var(--bg);padding:124px 0 60px}
.treat-intro .section-head--center{margin:0 auto;text-align:center;max-width:720px}
.treat-intro .section-head__lead{margin-left:auto;margin-right:auto;max-width:640px}
.blog__grid--three{grid-template-columns:repeat(3,1fr)}
@media (max-width:920px){.blog__grid--three{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.blog__grid--three{grid-template-columns:1fr}}
.read-progress{
 position:fixed;
 top:0;left:0;right:0;
 height:3px;
 z-index:150;
 background:transparent;
 pointer-events:none;
}
.read-progress i{
 display:block;
 height:100%;
 width:100%;
 background:var(--primary);
 transform-origin:left;
 transform:scaleX(0);
}
.article__reading{
 display:inline-flex;
 align-items:center;
 gap:6px;
 color:#64788A;
 font-size:0.84rem;
 font-weight:600;
}
.article__byline{
 color:#64788A;
 font-size:0.9rem;
 margin:14px 0 28px;
}
.article__byline strong{color:var(--text);font-weight:700}
.article__toc{
 background:var(--bg-soft);
 border:1px solid var(--border);
 border-radius:var(--radius-md);
 padding:26px 30px;
 margin-bottom:40px;
}
.article__toc-title{
 font-size:0.78rem;
 font-weight:800;
 letter-spacing:0.06em;
 text-transform:uppercase;
 color:#8598A6;
 margin-bottom:12px;
}
.article__toc ol{list-style:none;margin:0;padding:0}
.article__toc li{padding:5px 0}
.article__toc li.article__toc-l3{padding-left:18px}
.article__toc a{
 color:var(--text);
 font-size:0.92rem;
 font-weight:600;
}
.article__toc a:hover{color:#0B8899}
.article__share{
 display:flex;
 align-items:center;
 gap:10px;
 margin-top:40px;
 padding-top:28px;
 border-top:1px solid var(--border);
}
.article__share span{font-size:0.86rem;font-weight:700;color:#64788A;margin-right:4px}
.article__share a,
.article__share button{
 width:44px;height:44px;
 border-radius:50%;
 border:1px solid var(--border);
 background:#fff;
 color:var(--text);
 display:flex;align-items:center;justify-content:center;
 cursor:pointer;
 transition:background 300ms var(--ease),color 300ms var(--ease),border-color 300ms var(--ease);
}
.article__share a:hover,
.article__share button:hover{background:var(--dark);color:#fff;border-color:var(--dark)}
.article__share button.is-copied{background:var(--primary);border-color:var(--primary);color:var(--dark)}
.blog--related{padding-top:0}
.article__infobox{
 background:rgba(0,210,235,0.06);
 border:1px solid rgba(0,210,235,0.25);
 border-radius:var(--radius-md);
 padding:26px 30px;
 margin-bottom:40px;
}
.article__infobox-title{
 display:flex;
 align-items:center;
 gap:10px;
 font-size:1rem;
 font-weight:800;
 margin-bottom:12px;
 color:var(--text);
}
.article__infobox-title svg{color:#0B8899;flex-shrink:0}
.article__infobox ul{list-style:none;margin:0;padding:0}
.article__infobox li{
 position:relative;
 padding:5px 0 5px 24px;
 color:#3E4E5C;
 font-size:0.93rem;
 line-height:1.6;
}
.article__infobox li::before{
 content:'';
 position:absolute;
 left:4px;top:13px;
 width:7px;height:7px;
 border-radius:50%;
 background:var(--primary);
}
.article__reviewer{
 display:flex;
 align-items:center;
 gap:10px;
 margin-top:34px;
 padding:18px 22px;
 background:var(--bg-soft);
 border:1px solid var(--border);
 border-radius:var(--radius-md);
 color:#55697A;
 font-size:0.88rem;
}
.article__reviewer svg{color:#0B8899;flex-shrink:0}
.article__reviewer span{display:flex;flex-direction:column;gap:2px}
.article__reviewer strong{color:var(--text);font-weight:800}
.article__reviewer small{color:#64788A;font-weight:500}
.read-progress{
 position:fixed;
 top:0;left:0;
 width:100%;
 height:3px;
 background:transparent;
 z-index:101;
 pointer-events:none;
}
.read-progress i{
 display:block;
 height:100%;
 width:0;
 background:var(--primary);
 transform-origin:left;
 transition:width 120ms linear;
}
.article__reading{
 display:inline-flex;
 align-items:center;
 gap:6px;
 font-size:0.82rem;
 color:#64788A;
}
.article__reading svg{color:#8598A6}
.article__byline{
 font-size:0.9rem;
 color:#55697A;
 margin:6px 0 24px;
}
.article__byline strong{color:var(--text);font-weight:700}
.article__toc{
 margin:8px 0 40px;
 padding:24px 26px;
 background:var(--bg-soft);
 border:1px solid var(--border);
 border-radius:var(--radius-md);
}
.article__toc-title{
 font-size:0.72rem;
 font-weight:800;
 letter-spacing:0.06em;
 text-transform:uppercase;
 color:#8598A6;
 margin-bottom:12px;
}
.article__toc ol{list-style:none;padding:0;margin:0;counter-reset:toc}
.article__toc li{counter-increment:toc;padding:6px 0}
.article__toc li::before{content:counter(toc,decimal-leading-zero) ". ";color:#8598A6;font-weight:700;font-size:0.84rem}
.article__toc a{color:var(--text);font-weight:600;font-size:0.92rem}
.article__toc a:hover{color:#0B8899}
.article__toc .article__toc-l3{padding-left:20px}
.article__toc .article__toc-l3::before{content:""}
.article__share{
 display:flex;
 align-items:center;
 gap:10px;
 margin-top:40px;
 padding-top:28px;
 border-top:1px solid var(--border);
 font-size:0.86rem;
 color:#55697A;
}
.article__share span{font-weight:700;margin-right:4px}
.article__share a,.article__share button{
 width:40px;height:40px;
 border-radius:50%;
 border:1px solid var(--border);
 background:#fff;
 color:var(--text);
 display:inline-flex;align-items:center;justify-content:center;
 cursor:pointer;
 transition:background 300ms var(--ease),color 300ms var(--ease),border-color 300ms var(--ease);
}
.article__share a:hover,.article__share button:hover{
 background:var(--primary);color:var(--dark);border-color:var(--primary);
}
.article__share button.is-copied{
 background:#22C55E;color:#fff;border-color:#22C55E;
}
.blog--related{background:var(--bg-soft);padding-top:124px;padding-bottom:124px}
.bcard--featured{
 display:block;
 margin-bottom:56px;
}
.bcard--featured > a{
 display:grid;
 grid-template-columns:1.15fr 1fr;
 gap:40px;
 align-items:center;
 padding:0;
}
.bcard--featured .bcard__thumb{
 aspect-ratio:4 / 3;
 margin-bottom:0;
 border-radius:var(--radius-lg);
}
.bcard--featured .bcard__body{padding:20px 0}
.bcard__eyebrow{
 display:inline-block;
 font-size:0.7rem;
 font-weight:800;
 letter-spacing:0.08em;
 text-transform:uppercase;
 color:#0B8899;
 margin-bottom:14px;
}
.bcard--featured h2{
 font-size:clamp(1.6rem,2.6vw,2.1rem);
 font-weight:800;
 line-height:1.25;
 margin-bottom:14px;
 color:var(--text);
}
.bcard__excerpt{
 color:#55697A;
 font-size:1rem;
 line-height:1.7;
 margin-bottom:18px;
}
.bcard__meta{
 display:flex;
 gap:20px;
 font-size:0.86rem;
 color:#64788A;
 font-weight:600;
}
.bcard__meta span::before{content:"•";margin-right:8px;color:#B7C6CF}
@media (max-width:860px){
 .bcard--featured > a{grid-template-columns:1fr;gap:20px}
 .bcard--featured .bcard__body{padding:0 4px 8px}
}
.article__updated{
 font-size:0.82rem;
 color:#64788A;
}
.article__summary-box{
 margin:8px 0 40px;
 padding:28px 30px;
 background:linear-gradient(160deg,rgba(0,210,235,0.06),rgba(0,210,235,0.02));
 border:1px solid rgba(0,210,235,0.2);
 border-radius:var(--radius-md);
}
.article__summary-box-title{
 font-size:0.72rem;
 font-weight:800;
 letter-spacing:0.06em;
 text-transform:uppercase;
 color:#0B8899;
 margin-bottom:14px;
}
.article__summary-box ol{list-style:none;padding:0;margin:0;counter-reset:box}
.article__summary-box li{counter-increment:box;padding:6px 0}
.article__summary-box li::before{content:counter(box,decimal-leading-zero) ". ";color:#0B8899;font-weight:700;font-size:0.86rem}
.article__summary-box a{color:var(--text);font-weight:600;font-size:0.94rem}
.article__summary-box a:hover{color:#0B8899}
.article__summary-box .article__toc-l3{padding-left:22px}
.article__summary-box .article__toc-l3::before{content:""}
.article__reviewer{
 display:flex;
 align-items:center;
 gap:10px;
 padding:18px 22px;
 margin-top:40px;
 background:var(--bg-soft);
 border-radius:var(--radius-md);
 font-size:0.9rem;
 color:#55697A;
}
.article__reviewer svg{color:var(--primary);flex-shrink:0}
.article__reviewer span{display:flex;flex-direction:column;gap:2px}
.article__reviewer strong{color:var(--text);font-weight:800}
.article__reviewer small{color:#64788A;font-weight:500}
.cta__actions{
 display:flex;
 flex-wrap:wrap;
 gap:16px;
 justify-content:center;
 align-items:stretch;
 margin-top:36px;
}
.cta__pill{
 display:inline-flex;
 align-items:center;
 gap:14px;
 padding:14px 22px;
 border-radius:100px;
 background:rgba(255,255,255,0.92);
 color:var(--text);
 border:1px solid rgba(255,255,255,0.6);
 min-height:60px;
 transition:background 300ms var(--ease),transform 300ms var(--ease);
}
.cta__pill:hover{background:#fff;transform:translateY(-2px)}
.cta__pill svg{color:#0B8899;flex-shrink:0}
.cta__pill strong{display:block;font-weight:800;font-size:0.92rem}
.cta__pill small{display:block;font-size:0.74rem;color:#64788A;margin-top:2px}
.btn--dark{
 background:var(--dark);
 color:#fff;
 border:1px solid var(--dark);
}
.btn--dark:hover{background:#0e2a3d;border-color:#0e2a3d}
.contact-map{
 background:var(--bg);
 padding:124px 0;
}
.map-card{
 display:grid;
 grid-template-columns:1.5fr 1fr;
 gap:0;
 border-radius:var(--radius-lg);
 overflow:hidden;
 border:1px solid var(--border);
 background:#fff;
 box-shadow:0 30px 80px rgba(0,0,0,0.08);
}
.map-card__embed{
 position:relative;
 min-height:460px;
 background:var(--bg-soft);
}
.map-card__embed iframe{
 position:absolute;inset:0;
 width:100%;height:100%;
 border:0;
 display:block;
}
.map-card__meta{
 padding:40px 36px;
 display:flex;
 flex-direction:column;
 gap:28px;
 justify-content:space-between;
}
.map-card__address p:not(.eyebrow){
 color:#3E4E5C;
 font-size:0.96rem;
 line-height:1.7;
}
.map-card__address strong{color:var(--text);font-weight:800}
.map-card__actions{
 display:flex;
 flex-direction:column;
 gap:10px;
}
.map-card__actions .btn{justify-content:center}
@media (max-width:860px){
 .map-card{grid-template-columns:1fr}
 .map-card__embed{min-height:340px}
 .map-card__meta{padding:32px 28px}
}
.intro-bio{background:var(--bg);padding:124px 0}
.intro-bio__grid{
 display:grid;
 grid-template-columns:0.9fr 1.1fr;
 gap:60px;
 align-items:center;
}
.intro-bio__portrait{
 position:relative;
 aspect-ratio:4 / 5;
 border-radius:var(--radius-lg);
 overflow:hidden;
 background:var(--dark);
 display:block;
 width:100%;
 border:none;
 padding:0;
 cursor:pointer;
}
.intro-bio__portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 500ms var(--ease)}
.intro-bio__portrait:hover img{transform:scale(1.04)}
.intro-bio__portrait::after{
 content:'';
 position:absolute;inset:0;
 background:linear-gradient(to top,rgba(7,24,39,0.8) 0%,rgba(7,24,39,0) 45%);
 pointer-events:none;
}
.intro-bio__play{
 position:absolute;
 right:22px;bottom:22px;
 z-index:2;
 width:64px;height:64px;
 border-radius:50%;
 background:rgba(255,255,255,0.18);
 backdrop-filter:blur(10px);
 -webkit-backdrop-filter:blur(10px);
 border:1.5px solid rgba(255,255,255,0.55);
 box-shadow:0 12px 32px rgba(0,0,0,0.25);
 color:#fff;
 display:flex;align-items:center;justify-content:center;
 padding-left:3px;
 transition:transform 300ms var(--ease),background 300ms var(--ease);
}
.intro-bio__portrait:hover .intro-bio__play{transform:scale(1.1);background:rgba(0,210,235,0.9);border-color:transparent;color:var(--dark)}
.intro-bio__label{position:absolute;left:0;right:0;bottom:0;z-index:1;color:#fff;padding:26px 100px 26px 28px;text-align:left}
.intro-bio__label strong{display:block;font-size:1.15rem;font-weight:800}
.intro-bio__label span{color:rgba(255,255,255,0.75);font-size:0.85rem;font-weight:600}
.intro-bio__text h2{font-size:clamp(1.6rem,2.6vw,2.1rem);margin-bottom:20px}
.intro-bio__text p{color:#3E4E5C;font-size:1rem;line-height:1.8;margin-bottom:18px}
.intro-bio__stats{
 display:flex;
 gap:36px;
 margin:28px 0 32px;
 padding:24px 0;
 border-top:1px solid var(--border);
 border-bottom:1px solid var(--border);
}
.intro-bio__stats strong{display:block;font-size:1.7rem;font-weight:800;color:#0B8899}
.intro-bio__stats span{font-size:0.82rem;color:#64788A;font-weight:600}
.intro-bio__actions{display:flex;gap:14px;flex-wrap:wrap}
@media (max-width:860px){
 .intro-bio__grid{grid-template-columns:1fr;gap:32px}
 .intro-bio__stats{gap:24px;flex-wrap:wrap}
}
.career{background:var(--bg-soft);padding:124px 0}
.career-track{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:28px;
 max-width:1100px;
 margin:0 auto;
}
.career-track__item{display:flex;flex-direction:column;gap:16px}
.career-track__marker{
 width:44px;height:44px;
 border-radius:50%;
 background:var(--dark);
 color:var(--primary);
 font-weight:800;
 font-size:0.96rem;
 display:flex;align-items:center;justify-content:center;
 flex-shrink:0;
}
.career-track__card{
 background:#fff;
 border:1px solid var(--border);
 border-radius:var(--radius-md);
 padding:28px 26px;
 box-shadow:0 30px 80px rgba(0,0,0,0.05);
 transition:transform 350ms var(--ease),box-shadow 350ms var(--ease);
 height:100%;
}
.career-track__item:hover .career-track__card{transform:translateY(-6px);box-shadow:0 30px 80px rgba(0,0,0,0.1)}
.career-track__year{
 font-size:0.7rem;
 font-weight:800;
 letter-spacing:0.08em;
 text-transform:uppercase;
 color:#0B8899;
 margin-bottom:10px;
}
.career-track__card h3{font-size:1.02rem;font-weight:800;margin-bottom:10px}
.career-track__card p{color:#55697A;font-size:0.9rem;line-height:1.65;margin:0}
@media (max-width:960px){.career-track{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.career-track{grid-template-columns:1fr}}
.expertise-areas{background:var(--bg);padding:100px 0}
.tag-list--center{justify-content:center;max-width:900px;margin:0 auto}
.academic-grid{background:var(--bg-soft);padding:100px 0}
.academic-grid__inner{
 display:grid;
 grid-template-columns:repeat(2,1fr);
 gap:28px;
}
.academic-card{
 background:#fff;
 border:1px solid var(--border);
 border-radius:var(--radius-lg);
 padding:40px 36px;
 box-shadow:0 30px 80px rgba(0,0,0,0.05);
}
.academic-card__icon{
 width:52px;height:52px;
 border-radius:14px;
 background:rgba(0,210,235,0.12);
 color:#0B8899;
 display:flex;align-items:center;justify-content:center;
 margin-bottom:22px;
}
.academic-card h3{font-size:1.2rem;font-weight:800;margin-bottom:14px}
.academic-card p{color:#55697A;font-size:0.96rem;line-height:1.75;margin:0}
@media (max-width:860px){.academic-grid__inner{grid-template-columns:1fr}}
.why-choose{background:var(--bg);padding:124px 0}
.why-choose__grid{
 display:grid;
 grid-template-columns:repeat(4,1fr);
 gap:24px;
}
.why-choose__card{
 text-align:center;
 padding:36px 26px;
 border-radius:var(--radius-md);
 background:var(--bg-soft);
 border:1px solid var(--border);
 transition:transform 350ms var(--ease),box-shadow 350ms var(--ease);
}
.why-choose__card:hover{transform:translateY(-8px);box-shadow:0 30px 80px rgba(0,0,0,0.08)}
.why-choose__icon{
 width:60px;height:60px;
 border-radius:50%;
 background:rgba(0,210,235,0.12);
 color:#0B8899;
 display:flex;align-items:center;justify-content:center;
 margin:0 auto 20px;
}
.why-choose__card h3{font-size:1.02rem;font-weight:800;margin-bottom:10px}
.why-choose__card p{color:#55697A;font-size:0.88rem;line-height:1.6;margin:0}
@media (max-width:960px){.why-choose__grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.why-choose__grid{grid-template-columns:1fr}}
.faq__search{
 display:flex;
 align-items:center;
 gap:12px;
 max-width:560px;
 margin:0 auto 40px;
 padding:8px 8px 8px 20px;
 background:#fff;
 border:1px solid var(--border);
 border-radius:100px;
 box-shadow:0 12px 32px rgba(0,0,0,0.05);
}
.faq__search svg{color:#8598A6;flex-shrink:0}
.faq__search input{
 flex:1;
 border:none;
 outline:none;
 background:transparent;
 font:inherit;
 font-size:0.96rem;
 padding:10px 0;
 color:var(--text);
}
.faq__search input::placeholder{color:#A2B0BA}
.faq__search-empty{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:16px;
 flex-wrap:wrap;
 background:var(--bg-soft);
 border:1px solid var(--border);
 border-radius:var(--radius-md);
 padding:20px 24px;
 margin-bottom:32px;
}
.faq__search-empty p{color:#55697A;margin:0}
.faq__search-empty .btn{flex-shrink:0}
@media (max-width:520px){
 .faq__search-empty{flex-direction:column;align-items:stretch;text-align:center}
}
.faq__popular{
 margin-bottom:48px;
 padding-bottom:40px;
 border-bottom:1px solid var(--border);
}
.faq__popular-title{
 font-size:0.72rem;
 font-weight:800;
 letter-spacing:0.08em;
 text-transform:uppercase;
 color:#0B8899;
 margin-bottom:18px;
 text-align:center;
}
.hero__line{
 display:block;
 overflow:hidden;
}
.hero__line > span{
 display:inline-block;
 transform:translateY(110%);
 opacity:0;
 animation:heroLineIn 900ms cubic-bezier(0.16,1,0.3,1) forwards;
 animation-delay:var(--line-delay,0ms);
}
.hero__line:nth-child(1) > span{--line-delay:150ms}
.hero__line:nth-child(2) > span{--line-delay:320ms}
.hero__line:nth-child(3) > span{--line-delay:480ms}
@keyframes heroLineIn{
 to{transform:translateY(0);opacity:1}
}
@media (prefers-reduced-motion:reduce){
 .hero__line > span{animation:none;transform:none;opacity:1}
}
.video-popup{
 position:fixed;
 inset:0;
 z-index:260;
 display:flex;
 align-items:center;
 justify-content:center;
 padding:24px;
 opacity:0;
 visibility:hidden;
 transition:opacity 300ms var(--ease),visibility 300ms var(--ease);
}
.video-popup.is-open{opacity:1;visibility:visible}
.video-popup__backdrop{
 position:absolute;
 inset:0;
 background:rgba(7,24,39,0.88);
 backdrop-filter:blur(8px);
 -webkit-backdrop-filter:blur(8px);
}
.video-popup__panel{
 position:relative;
 width:100%;
 max-width:960px;
 aspect-ratio:16 / 9;
 background:#000;
 border-radius:var(--radius-md);
 overflow:hidden;
 box-shadow:0 40px 100px rgba(0,0,0,0.5);
 transform:scale(0.96);
 transition:transform 300ms var(--ease);
}
.video-popup.is-open .video-popup__panel{transform:none}
.video-popup__panel video{width:100%;height:100%;display:block}
.video-popup__close{
 position:absolute;
 top:14px;right:14px;
 z-index:1;
 width:38px;height:38px;
 border-radius:50%;
 border:none;
 background:rgba(255,255,255,0.12);
 color:#fff;
 display:flex;align-items:center;justify-content:center;
 cursor:pointer;
 backdrop-filter:blur(6px);
}
.video-popup__close:hover{background:rgba(255,255,255,0.22)}
.expertise-areas__grid{
 display:grid;
 grid-template-columns:0.8fr 1.6fr;
 gap:48px;
 align-items:start;
}
.expertise-areas__head h2{font-size:1.5rem}
.expertise-areas__tags{margin:0}
.tag-pill--link{
 cursor:pointer;
 transition:background 240ms var(--ease),color 240ms var(--ease),transform 240ms var(--ease);
}
.tag-pill--link:hover{background:var(--dark);color:#fff;transform:translateY(-2px)}
@media (max-width:860px){
 .expertise-areas__grid{grid-template-columns:1fr;gap:20px}
}