:root{
  --ink:#321485;
  --ink-dark:#210c59;
  --purple:#5f35f2;
  --violet:#a93df1;
  --muted:#6e6880;
  --cream:#f8f5ff;
  --paper:#fff;
  --mint:#f0eafd;
  --line:#e1dced;
  --white:#fff;
  --yellow:#a96f00;
  --yellow-bright:#ffd43b;
  --radius:4px;
  --shadow:0 24px 65px rgba(63,28,145,.18);
}

*{box-sizing:border-box}

html{scroll-behavior:smooth}

body{
  margin:0;
  color:var(--ink);
  background:#edeaf5;
  padding:0 clamp(0px,2.2vw,34px);
  font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}

h1,h2,h3,p{margin-top:0}

h1,h2{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:500;
  line-height:1.04;
  letter-spacing:-.035em;
}

h1{font-size:clamp(3.2rem,7vw,6.4rem)}

h2{
  font-size:clamp(2.35rem,5vw,4.5rem);
  max-width:850px;
}

h3{line-height:1.25}

a{color:inherit}

button,input,textarea,select{font:inherit}

.skip{
  position:fixed;
  top:-100px;
  left:12px;
  background:#fff;
  padding:12px;
  z-index:999;
}

.skip:focus{top:12px}

.notice,.header,main,footer{
  width:min(1240px,100%);
  margin-inline:auto;
}

main{
  background:var(--paper);
  box-shadow:0 0 70px rgba(50,20,133,.12);
}

.notice{
  min-height:38px;
  display:flex;
  justify-content:flex-end;
  gap:32px;
  align-items:center;
  padding:0 4vw;
  color:#fff;
  background:linear-gradient(90deg,var(--purple),var(--violet));
  font-size:.72rem;
}

.notice a{
  background:var(--ink);
  padding:10px 18px;
  text-decoration:none;
  font-weight:800;
}

.header{
  height:92px;
  position:absolute;
  top:38px;
  left:50%;
  transform:translateX(-50%);
  z-index:30;
  display:flex;
  align-items:center;
  gap:28px;
  padding:0 clamp(22px,4vw,68px);
  color:#fff;
}

.header:after{
  content:"";
  position:absolute;
  left:4vw;
  right:4vw;
  bottom:0;
  height:1px;
  background:rgba(255,255,255,.22);
}

.brand{
  display:flex;
  align-items:center;
  text-decoration:none;
}

.brand img{
  width:175px;
  max-height:58px;
  object-fit:contain;
  object-position:left center;
  display:block;
}

.header .brand img{filter:brightness(0) invert(1)}

.header nav{
  display:flex;
  gap:18px;
  margin-left:auto;
}

.header nav a{
  position:relative;
  padding:34px 0;
  text-decoration:none;
  font-size:.86rem;
  font-weight:700;
}

.header nav a:after{
  content:"";
  position:absolute;
  left:0;
  right:100%;
  bottom:24px;
  height:2px;
  background:var(--violet);
  transition:right .22s ease;
}

.header nav a:hover:after,
.header nav a:focus-visible:after{right:0}

.menu{display:none}

.button,.outline,.ghost-button{
  border-radius:2px;
  padding:14px 22px;
  text-decoration:none;
  font-weight:800;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}

.button{
  border:0;
  color:#fff;
  background:var(--purple);
  box-shadow:0 12px 30px rgba(95,53,242,.22);
}

.button:hover{background:#7a36ed}

.button.compact{
  padding:10px 16px;
  font-size:.85rem;
}

.header .button.compact,
.hero .button,
.whatsapp{
  background:linear-gradient(135deg,var(--purple),var(--violet));
}

.ghost-button{
  border:2px solid #fff;
  color:#fff;
}

.outline{
  background:transparent;
  color:var(--ink);
  border:1px solid var(--ink);
}

.text-link{
  font-weight:800;
  text-decoration:none;
  border-bottom:1px solid currentColor;
}

.text-button{
  border:0;
  background:transparent;
  padding:0;
  color:var(--ink);
  font-weight:800;
  cursor:pointer;
}

.eyebrow{
  color:var(--yellow);
  text-transform:uppercase;
  letter-spacing:.18em;
  font-weight:800;
  font-size:.72rem;
}

.hero{
  min-height:790px;
  padding:190px 6vw 78px;
  display:grid;
  grid-template-columns:1fr .74fr;
  gap:5vw;
  align-items:center;
  color:#fff;
  background:
    linear-gradient(
      90deg,
      rgba(31,12,83,.97) 0%,
      rgba(76,35,170,.83) 39%,
      rgba(95,53,242,.13) 72%
    ),
    url('assets/clinic-hero.png') center/cover no-repeat;
}

.hero-copy{max-width:830px}

.hero h1{
  font-family:Inter,ui-sans-serif,system-ui,sans-serif;
  font-weight:300;
  font-size:clamp(3.1rem,6vw,6.2rem);
  letter-spacing:-.055em;
  line-height:.94;
  max-width:780px;
}

.hero h1 strong{
  font-weight:850;
  background:linear-gradient(90deg,#fff 0 60%,#eadcff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.hero .eyebrow{color:var(--yellow-bright)}

.lead{
  font-size:clamp(1.15rem,2vw,1.45rem);
  max-width:680px;
}

.hero .lead{color:#eee8fa}

.micro{
  font-size:.8rem;
  color:var(--muted);
}

.hero .micro{
  color:#d9ceea;
  max-width:590px;
}

.actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:22px;
  margin:28px 0 16px;
}

.hero-panel{
  align-self:center;
  background:rgba(35,15,88,.86);
  border:1px solid rgba(255,255,255,.24);
  backdrop-filter:blur(12px);
  padding:12px;
  border-radius:4px;
}

.hero-panel>p{
  color:var(--yellow-bright);
  padding:14px 16px 4px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:.7rem;
}

.hero-panel button,
.hero-panel a{
  width:100%;
  display:flex;
  justify-content:space-between;
  gap:18px;
  text-align:left;
  padding:20px 16px;
  background:transparent;
  color:#fff;
  border:0;
  border-top:1px solid rgba(255,255,255,.2);
  font-weight:700;
  text-decoration:none;
  cursor:pointer;
}

.hero-panel button:hover,
.hero-panel a:hover{
  background:rgba(169,61,241,.2);
}

.hero-panel span{
  color:#d8cce9;
  font-weight:400;
  font-size:.75rem;
}

.trust-strip{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:28px;
  padding:24px 5vw;
  color:#fff;
  background:var(--purple);
  border-top:7px solid var(--violet);
}

.trust-strip div{
  display:flex;
  flex-direction:column;
}

.trust-strip strong{
  color:var(--yellow-bright);
  text-transform:uppercase;
  letter-spacing:.15em;
  font-size:.7rem;
}

.trust-strip span,
.trust-strip a{font-size:.9rem}

.section{padding:110px 6vw}

.section.soft{background:var(--cream)}

.section-head{
  display:flex;
  justify-content:space-between;
  gap:40px;
  align-items:end;
  margin-bottom:45px;
}

.section-head>p{
  max-width:480px;
  color:var(--muted);
}

.section h2,
.feature h2,
.contact h2,
.patient-journey-section h2{color:#4320a8}

.why-section{
  background:
    radial-gradient(circle at 90% 10%,rgba(169,61,241,.08),transparent 30%),
    #fff;
}

.why-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

.why-grid article{
  min-height:260px;
  padding:30px;
  border:1px solid var(--line);
  border-top:5px solid var(--violet);
  background:#fff;
}

.why-grid article>span{
  color:#8b32d3;
  font:500 2rem Georgia,serif;
}

.why-grid article p{
  color:var(--muted);
  margin-bottom:0;
}

.treatment-visual{
  height:390px;
  margin:0 0 30px;
  position:relative;
  overflow:hidden;
  background:#efeafb;
}

.treatment-visual:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(32,11,85,.72),transparent 56%);
}

.treatment-visual img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.treatment-visual figcaption{
  position:absolute;
  z-index:1;
  left:clamp(24px,5vw,60px);
  bottom:clamp(25px,5vw,55px);
  display:flex;
  flex-direction:column;
  color:#fff;
  max-width:440px;
}

.treatment-visual figcaption span{
  color:var(--yellow-bright);
  text-transform:uppercase;
  letter-spacing:.17em;
  font-size:.7rem;
  font-weight:800;
}

.treatment-visual figcaption strong{
  margin-top:8px;
  font:500 clamp(1.55rem,3vw,2.6rem)/1.08 Georgia,serif;
}

.filters{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:25px;
}

.filters button{
  border:1px solid var(--line);
  background:#fff;
  border-radius:2px;
  padding:9px 15px;
  cursor:pointer;
}

.filters .active{
  background:var(--ink);
  color:#fff;
}

.cards{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
}

.card{
  min-height:330px;
  display:flex;
  flex-direction:column;
  padding:26px;
  background:#fff;
  border:1px solid var(--line);
  border-right:0;
  transition:.25s ease;
}

.card:first-child{border-radius:14px 0 0 14px}

.card:last-child{
  border-right:1px solid var(--line);
  border-radius:0 14px 14px 0;
}

.card:hover{
  transform:translateY(-5px);
  box-shadow:var(--shadow);
  z-index:2;
}

.card .tag{
  color:var(--yellow);
  text-transform:uppercase;
  letter-spacing:.15em;
  font-size:.68rem;
}

.card p{color:var(--muted)}

.card button,
.card a.card-link{
  margin-top:auto;
  text-align:left;
  border:0;
  background:transparent;
  padding:0;
  color:var(--ink);
  text-decoration:none;
  font-weight:800;
  cursor:pointer;
}

.service-icon{
  width:58px;
  height:58px;
  margin:0 0 22px;
  display:grid;
  place-items:center;
  color:var(--purple);
  border:1px solid rgba(95,53,242,.2);
  border-radius:50%;
  background:linear-gradient(
    135deg,
    rgba(95,53,242,.11),
    rgba(169,61,241,.16)
  );
}

.service-icon svg{
  width:34px;
  height:34px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.card:hover .service-icon{
  color:#fff;
  background:linear-gradient(135deg,var(--purple),var(--violet));
}

.featured-treatment-links{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin-top:28px;
}

.featured-treatment-links a{
  min-height:155px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:24px;
  color:#fff;
  text-decoration:none;
  background:linear-gradient(140deg,var(--ink),var(--purple));
}

.featured-treatment-links span{
  color:var(--yellow-bright);
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.68rem;
  font-weight:800;
}

.featured-treatment-links strong{
  font:500 1.45rem Georgia,serif;
  margin:6px 0;
}

.featured-treatment-links small{color:#ddd4f2}

.patient-journey-section{
  padding:110px 6vw;
  display:grid;
  grid-template-columns:.78fr 1.22fr;
  gap:7vw;
  background:linear-gradient(135deg,#f0eafd,#f8f5ff);
}

.journey-intro{
  align-self:start;
  position:sticky;
  top:30px;
}

.journey-intro>p:not(.eyebrow){
  color:var(--muted);
  max-width:520px;
}

.journey-interface{
  background:#fff;
  box-shadow:var(--shadow);
}

.journey-tabs{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  border-bottom:1px solid var(--line);
}

.journey-tab{
  min-height:92px;
  padding:16px 10px;
  border:0;
  border-right:1px solid var(--line);
  background:#fff;
  color:var(--ink);
  cursor:pointer;
  font-weight:800;
}

.journey-tab:last-child{border-right:0}

.journey-tab span{
  display:block;
  margin-bottom:5px;
  color:#8b32d3;
  font:500 1.2rem Georgia,serif;
}

.journey-tab.active{
  color:#fff;
  background:linear-gradient(135deg,var(--purple),var(--violet));
}

.journey-tab.active span{color:var(--yellow-bright)}

.journey-display{
  min-height:390px;
  padding:48px;
}

.journey-display .journey-number{
  color:#8b32d3;
  font:500 4rem/1 Georgia,serif;
}

.journey-display h3{
  margin-top:18px;
  color:var(--ink);
  font:500 clamp(1.8rem,3vw,2.7rem) Georgia,serif;
}

.journey-display p{
  color:var(--muted);
  max-width:640px;
}

.journey-display ul{
  padding-left:20px;
  color:#5d5670;
}

.feature{
  padding:100px 6vw;
  display:grid;
  grid-template-columns:1.35fr .65fr;
  gap:7vw;
  background:linear-gradient(135deg,#f0eafd,#f8f5ff);
}

.preparation-section{border-top:1px solid var(--line)}

.preparation-list{
  padding:0;
  list-style:none;
}

.preparation-list li{
  padding:18px 0 18px 34px;
  border-top:1px solid #d9cfee;
  position:relative;
}

.preparation-list li:before{
  content:"✓";
  position:absolute;
  left:0;
  color:var(--purple);
  font-weight:900;
}

.image-aside{
  padding:0!important;
  overflow:hidden;
  align-self:start;
  background:#fff;
  border-top:6px solid var(--violet);
}

.image-aside img{
  width:100%;
  display:block;
  aspect-ratio:4/3;
  object-fit:cover;
}

.image-aside>div{padding:30px 34px 34px}

.principles{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}

.principles article{
  padding:28px;
  background:#fff;
  border-top:4px solid var(--violet);
}

.principles span{
  color:var(--violet);
  font:500 2rem Georgia,serif;
}

.doctor-profile{
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  min-height:560px;
  margin-top:34px;
  background:#fff;
  box-shadow:0 24px 60px rgba(50,20,133,.12);
}

.doctor-photo{
  min-height:560px;
  overflow:hidden;
  background:#e9e2fb;
}

.doctor-photo img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.doctor-copy{
  padding:clamp(38px,6vw,78px);
  align-self:center;
}

.doctor-copy h2{
  margin-bottom:8px;
  font-size:clamp(2.6rem,4.5vw,4.4rem);
}

.doctor-role{
  color:#8b32d3;
  font-weight:800;
  font-size:1.08rem;
}

.doctor-copy>p:not(.eyebrow):not(.doctor-role):not(.micro){
  max-width:650px;
  color:#625b70;
}

.section-image{
  height:330px;
  margin:0 0 26px;
  overflow:hidden;
  position:relative;
  border-radius:4px;
}

.section-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.knowledge-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

.knowledge-grid article{
  padding:30px;
  border:1px solid var(--line);
}

.knowledge-grid article>span{
  color:var(--yellow);
  text-transform:uppercase;
  letter-spacing:.15em;
  font-size:.7rem;
}

.knowledge-grid p{color:var(--muted)}

.knowledge-grid a{
  color:var(--ink);
  text-decoration:none;
  font-weight:800;
}

.knowledge-cta{
  margin-top:18px;
  padding:36px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:35px;
  color:#fff;
  background:linear-gradient(135deg,var(--ink),var(--purple));
}

.knowledge-cta h3{
  font:500 2rem Georgia,serif;
  margin-bottom:8px;
}

.knowledge-cta p:not(.eyebrow){
  max-width:650px;
  color:#ddd3ee;
  margin-bottom:0;
}

.knowledge-cta .eyebrow{color:var(--yellow-bright)}

.technology{
  display:grid;
  grid-template-columns:1fr 1fr;
  background:#25105f;
  color:#fff;
}

.technology-image{
  min-height:690px;
  position:relative;
  overflow:hidden;
}

.technology-image:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 50%,rgba(28,10,72,.78));
}

.technology-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.technology-image>span{
  position:absolute;
  z-index:1;
  left:38px;
  bottom:34px;
  font-weight:800;
}

.technology-copy{
  padding:clamp(54px,7vw,92px);
  align-self:center;
}

.technology-copy .eyebrow{color:var(--yellow-bright)}

.technology-copy h2{color:#fff}

.technology-copy>p:not(.eyebrow):not(.technology-note){
  color:#d9d0ec;
  max-width:560px;
}

.technology-points{margin-top:38px}

.technology-points article{
  display:grid;
  grid-template-columns:45px 1fr;
  gap:20px;
  padding:21px 0;
  border-top:1px solid rgba(255,255,255,.2);
}

.technology-points b{
  color:#dca8ff;
  font:500 1.25rem Georgia,serif;
}

.technology-points h3{
  color:#fff;
  margin-bottom:5px;
}

.technology-points p{
  margin:0;
  color:#cfc4e6;
  font-size:.9rem;
}

.technology-note{
  margin-top:28px;
  padding:18px 20px;
  background:rgba(169,61,241,.18);
  border-left:3px solid var(--violet);
  color:#eee8fa;
  font-size:.82rem;
}

.faq-tools{
  max-width:950px;
  margin-bottom:20px;
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:20px;
}

.faq-search{
  width:min(560px,100%);
  display:flex;
  flex-direction:column;
  gap:7px;
  font-weight:800;
}

.faq-search input{
  width:100%;
  padding:14px 16px;
  border:1px solid #bcb2d4;
  border-radius:2px;
}

#faqCount{
  margin:0;
  color:var(--muted);
  font-size:.85rem;
}

.faq{max-width:950px}

.faq details{
  border-top:1px solid var(--line);
  padding:21px 0;
}

.faq summary{
  cursor:pointer;
  font-size:1.12rem;
  font-weight:800;
}

.faq p{
  max-width:790px;
  color:var(--muted);
}

.emergency-banner{
  padding:90px 6vw;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:6vw;
  color:#fff;
  background:linear-gradient(135deg,#571929,#9e2846);
}

.emergency-banner .eyebrow{color:#ffd98b}

.emergency-banner h2{
  color:#fff;
  max-width:700px;
}

.emergency-banner>div>p:not(.eyebrow){
  max-width:650px;
  color:#f1dce2;
}

.emergency-banner aside{
  padding:30px;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.18);
}

.emergency-banner aside strong{
  display:block;
  margin-bottom:12px;
}

.emergency-banner ul{
  padding-left:20px;
  margin-bottom:0;
}

.light-button{
  color:#7d2339;
  background:#fff;
  box-shadow:none;
}

.emergency-link{
  color:#fff;
  font-weight:800;
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.7);
}

.patient-resources{
  position:relative;
  color:#fff;
  background:
    linear-gradient(
      90deg,
      rgba(31,11,82,.94) 0%,
      rgba(70,27,154,.78) 48%,
      rgba(95,53,242,.34) 100%
    ),
    url('assets/patient-resources-background.jpg') center/cover no-repeat;
}

.patient-resources h2{color:#fff}

.patient-resources .eyebrow{color:var(--yellow-bright)}

.resource-grid{
  max-width:960px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}

.resource-grid a,
.resource-grid button{
  min-height:100px;
  padding:22px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  text-align:left;
  text-decoration:none;
  color:#fff;
  background:rgba(31,12,83,.75);
  border:1px solid rgba(255,255,255,.32);
  backdrop-filter:blur(8px);
  cursor:pointer;
}

.resource-grid span{
  margin-top:8px;
  color:#e7dcff;
  font-size:.75rem;
}

.international-image{
  margin-bottom:0;
  border-radius:4px 4px 0 0;
}

.international{
  padding:55px;
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:6vw;
  background:linear-gradient(135deg,#f0eafd,#f8f5ff);
  border-bottom:1px solid var(--line);
}

.passport{
  padding:28px;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:8px 14px;
  background:#fff;
  box-shadow:var(--shadow);
}

.passport span{
  color:var(--violet);
  font-weight:800;
}

.passport p{
  padding-bottom:9px;
  border-bottom:1px solid var(--line);
}

.timeline{
  margin-top:20px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

.timeline article{
  padding:26px;
  border:1px solid var(--line);
}

.timeline p{
  color:var(--muted);
  margin-bottom:0;
}

.impact{
  position:relative;
  overflow:hidden;
  color:#fff;
  background:#25105f;
}

.impact h2,
.impact h3{color:#fff}

.impact .eyebrow{color:var(--yellow-bright)}

.impact-intro{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:70px;
  align-items:end;
}

.impact-intro>p{color:#d6cdec}

.impact-layout{
  margin-top:48px;
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:18px;
}

.impact-feature{
  min-height:440px;
  padding:48px;
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  background:linear-gradient(145deg,var(--purple),#8e37ec);
}

.impact-number{
  position:absolute;
  top:32px;
  left:42px;
  color:rgba(255,255,255,.32);
  font:300 4rem/1 Georgia,serif;
}

.impact-feature>p:not(.eyebrow){
  color:#eee9ff;
  max-width:590px;
}

.impact-links{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
}

.impact-links a{
  color:#fff;
  text-decoration:none;
  font-weight:800;
  border-bottom:1px solid rgba(255,255,255,.55);
}

.impact-stack{
  display:grid;
  gap:12px;
}

.impact-stack article{
  padding:28px 30px;
  display:grid;
  grid-template-columns:54px 1fr;
  gap:24px;
  color:#312653;
  background:#fff;
  border-left:5px solid var(--violet);
}

.impact-stack article>span{
  color:#8b32d3;
  font:500 1.4rem Georgia,serif;
}

.impact-stack h3{color:var(--ink)}

.impact-stack .eyebrow{color:var(--yellow)}

.review-flow{
  margin-bottom:25px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}

.review-flow div{
  padding:24px;
  display:flex;
  gap:14px;
  background:var(--cream);
}

.review-flow b{color:var(--violet)}

.contact{
  padding:100px 6vw;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8vw;
  background:#f3effb;
}

.contact small{
  display:block;
  color:var(--muted);
}

.contact-form{
  padding:32px;
  background:#fff;
  border-top:7px solid var(--violet);
}

.contact-form label{
  display:block;
  margin-bottom:16px;
  font-weight:700;
}

.contact-form input,
.contact-form textarea{
  width:100%;
  margin-top:6px;
  padding:13px;
  border:1px solid #bcb2ce;
  border-radius:2px;
}

.contact-form .check{
  display:flex;
  gap:10px;
  font-size:.85rem;
  font-weight:400;
}

.contact-form .check input{width:auto}

.form-note{
  color:var(--muted);
  font-size:.78rem;
}

footer{
  padding:65px 6vw 110px;
  display:grid;
  grid-template-columns:1.5fr repeat(3,1fr);
  gap:35px;
  color:#fff;
  background:var(--ink-dark);
  box-shadow:0 30px 70px rgba(33,12,89,.18);
}

footer h3{
  color:var(--yellow-bright);
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.8rem;
}

footer>div{
  display:flex;
  flex-direction:column;
  gap:8px;
}

footer a{
  color:#cec5e3;
  text-decoration:none;
  font-size:.9rem;
}

.footer-clinic{
  align-items:flex-start;
  gap:22px;
}

.footer-clinic .brand img{
  width:205px;
  max-height:82px;
  filter:brightness(0) invert(1);
}

.footer-clinic address{
  color:#cfc6e4;
  font-style:normal;
  font-size:.9rem;
  line-height:1.8;
}

.footer-clinic address a{color:#fff}

.footer-note{
  grid-column:1/-1;
  padding-top:20px;
  border-top:1px solid #4a376c;
  color:#a89dbd;
  font-size:.78rem;
}

.whatsapp{
  position:fixed;
  right:20px;
  bottom:25px;
  z-index:40;
  padding:14px 18px;
  color:#fff;
  text-decoration:none;
  border:2px solid rgba(255,255,255,.75);
  border-radius:99px;
  font-weight:800;
  box-shadow:var(--shadow);
}

.sticky-book{display:none}

.modal{
  position:fixed;
  inset:0;
  z-index:100;
  padding:5vh 16px;
  overflow:auto;
  background:rgba(9,6,25,.76);
}

.modal-card{
  position:relative;
  max-width:760px;
  margin:auto;
  padding:38px;
  background:#fff;
  border-radius:4px;
  box-shadow:var(--shadow);
}

.close{
  position:absolute;
  top:14px;
  right:18px;
  border:0;
  background:transparent;
  font-size:2rem;
  cursor:pointer;
}

.modal label{
  display:block;
  margin:13px 0;
  font-weight:700;
}

.modal input,
.modal select,
.modal textarea{
  width:100%;
  padding:12px;
  border:1px solid var(--line);
}

.modal fieldset{
  margin:18px 0;
  padding:0;
  border:0;
}

.modal fieldset label{font-weight:400}

.modal .result{
  padding:18px;
  background:var(--mint);
  border-left:4px solid var(--violet);
}

.treatment-deep-dive{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin:22px 0;
}

.treatment-deep-dive div{
  padding:18px;
  background:var(--cream);
}

.treatment-deep-dive strong{
  display:block;
  margin-bottom:5px;
  color:var(--purple);
}

.cookie{
  position:fixed;
  left:20px;
  right:20px;
  bottom:20px;
  z-index:90;
  padding:18px 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  background:#fff;
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}

.cookie p{
  margin:0;
  max-width:800px;
}

.cookie button{
  border:0;
  background:transparent;
  cursor:pointer;
  font-weight:700;
}

/* Interior pages */

.inner-header{
  position:relative;
  top:auto;
  left:auto;
  transform:none;
  color:var(--ink);
  background:#fff;
  border-bottom:1px solid var(--line);
}

.inner-header:after{display:none}

.inner-header .brand img{filter:none}

.inner-header nav a{padding:34px 0}

.inner-hero{
  padding:90px 6vw;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:7vw;
  color:#fff;
  background:linear-gradient(135deg,var(--ink-dark),var(--purple));
}

.inner-hero .eyebrow{color:var(--yellow-bright)}

.inner-hero h1{
  font-size:clamp(3rem,6vw,5.4rem);
  max-width:760px;
}

.inner-hero p{
  max-width:670px;
  color:#e4daf2;
  font-size:1.1rem;
}

.inner-hero aside{
  align-self:end;
  padding:28px;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.18);
}

.inner-hero aside p{
  margin-bottom:0;
  font-size:.9rem;
}

.content-layout{
  padding:100px 6vw;
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(280px,.55fr);
  gap:7vw;
}

.content-main>section{
  padding:0 0 55px;
  margin-bottom:55px;
  border-bottom:1px solid var(--line);
}

.content-main h2{
  font-size:clamp(2rem,4vw,3.4rem);
}

.content-main p,
.content-main li{color:#625b70}

.content-main details{
  padding:18px 0;
  border-top:1px solid var(--line);
}

.content-main summary{
  cursor:pointer;
  color:var(--ink);
  font-weight:800;
}

.page-sidebar{
  align-self:start;
  position:sticky;
  top:30px;
}

.sidebar-card{
  padding:28px;
  background:var(--cream);
  border-top:5px solid var(--violet);
}

.sidebar-card+ .sidebar-card{margin-top:16px}

.sidebar-card h3{color:var(--ink)}

.sidebar-card p{color:var(--muted)}

.status-note{
  padding:17px 19px;
  color:#5b4c18;
  background:#fff8d6;
  border-left:4px solid #d4a824;
}

.process-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}

.process-grid article{
  padding:22px;
  background:var(--cream);
}

.process-grid span{
  color:var(--violet);
  font:500 1.8rem Georgia,serif;
}

.knowledge-library{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}

.knowledge-library article{
  padding:30px;
  border:1px solid var(--line);
}

.knowledge-library .category{
  color:var(--yellow);
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:.7rem;
  font-weight:800;
}

.knowledge-library p{color:var(--muted)}

.knowledge-library a{
  text-decoration:none;
  font-weight:800;
}

@media(max-width:1000px){

  .header nav{
    display:none;
    position:absolute;
    top:92px;
    left:0;
    right:0;
    padding:20px;
    flex-direction:column;
    background:var(--ink);
  }

  .inner-header nav{
    top:92px;
    background:#fff;
  }

  .inner-header nav a{color:var(--ink)}

  .header nav.open{display:flex}

  .header>.button{display:none}

  .menu{
    display:block;
    margin-left:auto;
    border:0;
    background:transparent;
    color:inherit;
    font-weight:800;
  }

  .hero,
  .feature,
  .contact,
  .international,
  .technology,
  .patient-journey-section,
  .emergency-banner,
  .inner-hero,
  .content-layout{
    grid-template-columns:1fr;
  }

  .trust-strip,
  .cards,
  .principles,
  .why-grid,
  .featured-treatment-links{
    grid-template-columns:repeat(2,1fr);
  }

  .journey-intro,
  .page-sidebar{position:static}

  .journey-tabs{
    grid-template-columns:repeat(5,minmax(110px,1fr));
    overflow:auto;
  }

  .doctor-profile{grid-template-columns:1fr}

  .doctor-photo{min-height:500px}

  .impact-intro,
  .impact-layout{grid-template-columns:1fr}

  .section-head{display:block}

  .process-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:650px){

  body{padding-inline:0}

  h1{font-size:3.2rem}

  .notice{
    min-height:34px;
    justify-content:center;
    gap:8px;
  }

  .notice span:nth-child(2){display:none}

  .notice a{padding:8px}

  .header{
    top:34px;
    padding:0 18px;
  }

  .inner-header{top:auto}

  .brand img{
    width:138px;
    max-height:48px;
  }

  .hero{
    min-height:auto;
    padding:155px 22px 70px;
    grid-template-columns:1fr;
    background:
      linear-gradient(90deg,rgba(31,12,83,.98),rgba(80,39,180,.74)),
      url('assets/clinic-hero.png') 68% center/cover no-repeat;
  }

  .hero h1{font-size:3.5rem}

  .hero-panel{margin-top:20px}

  .hero-panel button,
  .hero-panel a{
    flex-direction:column;
    gap:2px;
  }

  .section,
  .feature,
  .contact,
  .patient-journey-section,
  .emergency-banner,
  .content-layout{
    padding:72px 22px;
  }

  .trust-strip,
  .cards,
  .principles,
  .why-grid,
  .featured-treatment-links,
  .knowledge-grid,
  .resource-grid,
  .timeline,
  .review-flow,
  footer,
  .knowledge-library,
  .process-grid{
    grid-template-columns:1fr;
  }

  .card,
  .card:first-child,
  .card:last-child{
    border:1px solid var(--line);
    border-radius:0;
  }

  .journey-tabs{
    grid-template-columns:1fr;
    overflow:visible;
  }

  .journey-tab{
    min-height:auto;
    display:flex;
    gap:12px;
    align-items:center;
    border-right:0;
    border-bottom:1px solid var(--line);
  }

  .journey-tab span{margin:0}

  .journey-display{
    min-height:auto;
    padding:30px 24px;
  }

  .treatment-visual{height:300px}

  .section-image{height:230px}

  .doctor-photo{min-height:390px}

  .doctor-copy{padding:38px 24px}

  .technology-image{min-height:340px}

  .technology-copy{padding:54px 24px}

  .technology-image>span{
    left:22px;
    bottom:22px;
  }

  .international{padding:28px}

  .knowledge-cta{
    align-items:flex-start;
    flex-direction:column;
  }

  .faq-tools{
    align-items:flex-start;
    flex-direction:column;
  }

  .review-flow{gap:8px}

  .whatsapp{bottom:76px}

  .sticky-book{
    display:block;
    position:fixed;
    left:12px;
    right:12px;
    bottom:12px;
    z-index:39;
    padding:14px;
    text-align:center;
    text-decoration:none;
    color:#fff;
    background:var(--purple);
    border-radius:99px;
    font-weight:800;
  }

  .cookie{
    display:block;
    bottom:76px;
  }

  .cookie div{margin-top:12px}

  .treatment-deep-dive{grid-template-columns:1fr}

  .inner-hero{padding:70px 22px}

  .inner-hero h1{font-size:3rem}

  .footer-clinic .brand img{
    width:180px;
    max-height:72px;
  }
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none!important}
}
/* ====================================================
   PERFECT AESTHETIC — BATCH 2
   Conversion, accessibility, interaction and polish
   ==================================================== */

:root{
  --pa-focus:#ffcf33;
  --pa-overlay:rgba(18,7,48,.84);
}

/* Accessibility */

:focus-visible{
  outline:3px solid var(--pa-focus);
  outline-offset:4px;
}

a,
button,
input,
select,
textarea,
summary{
  -webkit-tap-highlight-color:transparent;
}

button:disabled{
  opacity:.55;
  cursor:not-allowed;
}

[hidden]{
  display:none!important;
}

.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

/* Scroll progress */

.pa-progress{
  position:fixed;
  top:0;
  left:0;
  width:0;
  height:4px;
  z-index:999;
  pointer-events:none;
  background:linear-gradient(90deg,#5f35f2,#a93df1,#ffd43b);
  box-shadow:0 2px 12px rgba(95,53,242,.25);
}

/* Desktop conversion dock */

.pa-conversion-dock{
  position:fixed;
  left:50%;
  bottom:18px;
  z-index:46;
  width:min(680px,calc(100% - 40px));
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:10px 12px 10px 22px;
  color:#fff;
  background:rgba(33,12,89,.94);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 18px 50px rgba(31,11,82,.32);
  backdrop-filter:blur(14px);
}

.pa-conversion-dock strong{
  display:block;
  font-size:.9rem;
}

.pa-conversion-dock small{
  display:block;
  color:#d8cfeb;
  font-size:.72rem;
}

.pa-conversion-actions{
  display:flex;
  align-items:center;
  gap:7px;
  flex-shrink:0;
}

.pa-conversion-actions a{
  padding:10px 14px;
  text-decoration:none;
  color:#fff;
  border:1px solid rgba(255,255,255,.28);
  font-size:.78rem;
  font-weight:800;
}

.pa-conversion-actions a:last-child{
  border-color:transparent;
  background:linear-gradient(135deg,#5f35f2,#a93df1);
}

.pa-conversion-close{
  width:34px;
  height:34px;
  border:0;
  color:#fff;
  background:transparent;
  cursor:pointer;
  font-size:1.25rem;
}

/* First visit + exit experience */

.pa-popup{
  position:fixed;
  inset:0;
  z-index:150;
  display:grid;
  place-items:center;
  padding:24px;
  background:var(--pa-overlay);
  backdrop-filter:blur(7px);
}

.pa-popup-card{
  width:min(780px,100%);
  max-height:min(720px,90vh);
  overflow:auto;
  display:grid;
  grid-template-columns:.88fr 1.12fr;
  background:#fff;
  box-shadow:0 32px 90px rgba(12,4,32,.38);
}

.pa-popup-visual{
  min-height:460px;
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(33,12,89,.12),rgba(33,12,89,.86)),
    url('assets/clinic-reception.jpeg') center/cover no-repeat;
}

.pa-popup-visual div{
  position:absolute;
  left:28px;
  right:28px;
  bottom:28px;
  color:#fff;
}

.pa-popup-visual span{
  display:block;
  color:#ffd43b;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:.66rem;
  font-weight:800;
}

.pa-popup-visual strong{
  display:block;
  margin-top:8px;
  font:500 1.7rem/1.1 Georgia,serif;
}

.pa-popup-content{
  position:relative;
  padding:48px;
  align-self:center;
}

.pa-popup-content h2{
  margin-bottom:18px;
  color:#4320a8;
  font-size:clamp(2.3rem,5vw,3.6rem);
}

.pa-popup-content>p:not(.eyebrow){
  color:#696176;
}

.pa-popup-close{
  position:absolute;
  top:15px;
  right:17px;
  width:40px;
  height:40px;
  border:0;
  background:transparent;
  color:#321485;
  font-size:1.8rem;
  cursor:pointer;
}

.pa-popup-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:25px;
}

.pa-popup-actions a,
.pa-popup-actions button{
  padding:13px 17px;
  border:1px solid #5f35f2;
  border-radius:2px;
  background:#fff;
  color:#321485;
  text-decoration:none;
  font-weight:800;
  cursor:pointer;
}

.pa-popup-actions .primary{
  color:#fff;
  border-color:transparent;
  background:linear-gradient(135deg,#5f35f2,#a93df1);
}

/* Internal page navigation */

.pa-page-nav{
  padding:16px 6vw;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  background:#f8f5ff;
  border-bottom:1px solid #e1dced;
}

.pa-page-nav a{
  padding:8px 12px;
  color:#4320a8;
  text-decoration:none;
  border:1px solid #d9ceeb;
  background:#fff;
  font-size:.76rem;
  font-weight:800;
}

.pa-related{
  padding:35px 6vw 55px;
  background:#f8f5ff;
}

.pa-related-head{
  margin-bottom:18px;
}

.pa-related-head .eyebrow{
  margin-bottom:4px;
}

.pa-related-head h2{
  margin-bottom:0;
  font-size:clamp(2rem,4vw,3rem);
}

.pa-related-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}

.pa-related-grid a{
  min-height:135px;
  padding:22px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  color:#fff;
  text-decoration:none;
  background:linear-gradient(135deg,#321485,#5f35f2);
}

.pa-related-grid span{
  color:#ffd43b;
  text-transform:uppercase;
  letter-spacing:.13em;
  font-size:.65rem;
  font-weight:800;
}

.pa-related-grid strong{
  margin-top:6px;
  font:500 1.3rem Georgia,serif;
}

/* Active navigation */

.header nav a.pa-active{
  color:#ffd43b;
}

.inner-header nav a.pa-active{
  color:#7c2bc1;
}

/* Reveal animation */

.pa-reveal{
  opacity:0;
  transform:translateY(24px);
  transition:
    opacity .7s ease,
    transform .7s cubic-bezier(.2,.7,.2,1);
}

.pa-reveal.pa-visible{
  opacity:1;
  transform:none;
}

/* FAQ interaction refinements */

.faq details[open]{
  background:linear-gradient(90deg,#faf8ff,#fff);
}

.faq details[open] summary{
  color:#6a2bc1;
}

.faq summary{
  position:relative;
  padding-right:40px;
}

.faq summary::marker{
  color:#a93df1;
}

.faq-empty{
  padding:25px;
  color:#706780;
  background:#f8f5ff;
  border-left:4px solid #a93df1;
}

/* Back to top */

.pa-top{
  position:fixed;
  right:22px;
  bottom:88px;
  z-index:37;
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.65);
  border-radius:50%;
  color:#fff;
  background:#321485;
  box-shadow:0 12px 30px rgba(33,12,89,.22);
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
  transition:.2s ease;
}

.pa-top.visible{
  opacity:1;
  visibility:visible;
  transform:none;
}

/* 404 */

.error-page{
  min-height:70vh;
  padding:110px 6vw;
  display:grid;
  place-items:center;
  text-align:center;
  background:
    radial-gradient(circle at 70% 20%,rgba(169,61,241,.13),transparent 28%),
    #fff;
}

.error-page>div{
  max-width:700px;
}

.error-code{
  margin-bottom:0;
  color:#a93df1;
  font:500 clamp(5rem,15vw,10rem)/.85 Georgia,serif;
}

.error-page h1{
  margin-bottom:18px;
  color:#4320a8;
  font-size:clamp(2.5rem,5vw,4.5rem);
}

.error-page p{
  color:#6e6880;
  font-size:1.05rem;
}

/* Utility conversion emphasis */

.contact,
.emergency-banner,
.patient-resources{
  scroll-margin-top:30px;
}

.button,
.card,
.why-grid article,
.featured-treatment-links a,
.knowledge-grid article,
.resource-grid a,
.resource-grid button,
.pa-related-grid a{
  transition:
    transform .2s ease,
    box-shadow .2s ease,
    background .2s ease;
}

.button:hover,
.featured-treatment-links a:hover,
.pa-related-grid a:hover{
  transform:translateY(-2px);
}

.why-grid article:hover,
.knowledge-grid article:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 45px rgba(63,28,145,.11);
}

/* Tablet */

@media(max-width:1000px){

  .pa-conversion-dock{
    bottom:14px;
    width:calc(100% - 28px);
  }

  .pa-related-grid{
    grid-template-columns:repeat(2,1fr);
  }

}

/* Mobile */

@media(max-width:650px){

  .pa-conversion-dock{
    display:none;
  }

  .pa-popup{
    padding:12px;
  }

  .pa-popup-card{
    grid-template-columns:1fr;
    max-height:92vh;
  }

  .pa-popup-visual{
    min-height:190px;
  }

  .pa-popup-visual div{
    left:22px;
    right:22px;
    bottom:20px;
  }

  .pa-popup-content{
    padding:36px 24px 28px;
  }

  .pa-popup-content h2{
    font-size:2.4rem;
  }

  .pa-popup-actions{
    flex-direction:column;
  }

  .pa-popup-actions a,
  .pa-popup-actions button{
    width:100%;
    text-align:center;
  }

  .pa-page-nav{
    padding:14px 22px;
    overflow:auto;
    flex-wrap:nowrap;
  }

  .pa-page-nav a{
    white-space:nowrap;
  }

  .pa-related{
    padding:32px 22px 80px;
  }

  .pa-related-grid{
    grid-template-columns:1fr;
  }

  .pa-top{
    right:15px;
    bottom:138px;
  }

}

/* Respect accessibility preference */

@media(prefers-reduced-motion:reduce){

  .pa-reveal{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }

  .pa-top,
  .button,
  .card,
  .why-grid article,
  .featured-treatment-links a,
  .knowledge-grid article{
    transition:none!important;
  }

}
/* =========================================================
   PERFECT AESTHETIC — BATCH 3
   FUTURE EXPERIENCE SYSTEM
   ========================================================= */

:root{
  --future-bg:#13062f;
  --future-bg-2:#24105f;
  --future-purple:#7145ff;
  --future-violet:#c65cff;
  --future-cyan:#65e7ff;
  --future-lime:#c7ff73;
  --future-glass:rgba(255,255,255,.075);
  --future-line:rgba(255,255,255,.15);
  --future-text:#f9f5ff;
  --future-muted:#c8bee2;
}

/* Ambient future canvas */

.pa-future-zone{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  color:var(--future-text);
  background:
    radial-gradient(circle at 7% 15%,rgba(198,92,255,.30),transparent 26%),
    radial-gradient(circle at 88% 20%,rgba(101,231,255,.18),transparent 28%),
    radial-gradient(circle at 70% 86%,rgba(113,69,255,.28),transparent 30%),
    linear-gradient(145deg,#13062f 0%,#251061 54%,#100426 100%);
}

.pa-future-zone:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  opacity:.32;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(to bottom,transparent,#000 13%,#000 82%,transparent);
}

.pa-future-zone:after{
  content:"";
  position:absolute;
  width:650px;
  height:650px;
  right:-260px;
  top:-250px;
  z-index:-1;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.11);
  box-shadow:
    0 0 0 60px rgba(255,255,255,.025),
    0 0 0 130px rgba(198,92,255,.025);
}

.pa-future-zone .eyebrow{
  color:#d9ff63;
}

.pa-future-zone h2,
.pa-future-zone h3{
  color:#fff;
}

.pa-future-intro{
  max-width:790px;
  margin-bottom:50px;
}

.pa-future-intro h2{
  max-width:880px;
  font-size:clamp(2.8rem,6vw,5.4rem);
}

.pa-future-intro p:not(.eyebrow){
  max-width:670px;
  color:var(--future-muted);
  font-size:1.05rem;
}

/* Glass card network */

.pa-future-grid{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  gap:16px;
}

.pa-future-card{
  position:relative;
  min-height:260px;
  padding:30px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  text-decoration:none;
  color:#fff;
  border:1px solid var(--future-line);
  background:
    linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035));
  backdrop-filter:blur(18px);
  box-shadow:0 24px 65px rgba(3,1,18,.22);
  transition:
    transform .28s ease,
    border-color .28s ease,
    background .28s ease;
}

.pa-future-card:before{
  content:"";
  position:absolute;
  width:170px;
  height:170px;
  top:-90px;
  right:-65px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(101,231,255,.34),transparent 65%);
  pointer-events:none;
}

.pa-future-card:nth-child(2n):before{
  background:radial-gradient(circle,rgba(198,92,255,.38),transparent 65%);
}

.pa-future-card:hover{
  transform:translateY(-7px);
  border-color:rgba(199,255,115,.55);
  background:
    linear-gradient(145deg,rgba(113,69,255,.22),rgba(255,255,255,.055));
}

.pa-future-card.large{
  grid-column:span 6;
}

.pa-future-card.medium{
  grid-column:span 3;
}

.pa-future-card.wide{
  grid-column:span 6;
}

.pa-future-card .pa-index{
  position:absolute;
  top:23px;
  left:26px;
  color:rgba(255,255,255,.32);
  font:500 3rem/1 Georgia,serif;
}

.pa-future-card .pa-chip{
  align-self:flex-start;
  margin-bottom:10px;
  padding:6px 9px;
  color:#d9ff63;
  border:1px solid rgba(217,255,99,.35);
  background:rgba(217,255,99,.06);
  text-transform:uppercase;
  letter-spacing:.13em;
  font-size:.61rem;
  font-weight:900;
}

.pa-future-card h3{
  margin-bottom:8px;
  font:500 clamp(1.45rem,3vw,2.25rem)/1.06 Georgia,serif;
}

.pa-future-card p{
  max-width:490px;
  margin-bottom:0;
  color:#cfc4e6;
  font-size:.9rem;
}

/* Futuristic metric / signal strip */

.pa-signal-strip{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  margin-top:18px;
  border:1px solid var(--future-line);
  background:rgba(4,1,17,.22);
}

.pa-signal{
  min-height:125px;
  padding:22px;
  border-right:1px solid var(--future-line);
}

.pa-signal:last-child{
  border-right:0;
}

.pa-signal span{
  display:block;
  color:#75eaff;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:.61rem;
  font-weight:900;
}

.pa-signal strong{
  display:block;
  margin:8px 0 2px;
  color:#fff;
  font:500 1.18rem Georgia,serif;
}

.pa-signal small{
  color:#a99dbf;
}

/* International futuristic page */

.pa-international-hero{
  min-height:680px;
  padding:110px 6vw 90px;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:7vw;
  align-items:center;
  color:#fff;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 23%,rgba(101,231,255,.20),transparent 24%),
    radial-gradient(circle at 16% 80%,rgba(198,92,255,.25),transparent 28%),
    linear-gradient(140deg,#14052f,#331176 58%,#10152f);
}

.pa-international-hero:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.26;
  background-image:
    linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:60px 60px;
}

.pa-international-copy{
  position:relative;
  z-index:2;
}

.pa-international-copy .eyebrow{
  color:#d9ff63;
}

.pa-international-copy h1{
  max-width:850px;
  font-size:clamp(3.4rem,7vw,6.5rem);
  line-height:.91;
}

.pa-international-copy p{
  max-width:690px;
  color:#d7cee9;
  font-size:1.08rem;
}

.pa-orbit{
  aspect-ratio:1/1;
  max-width:530px;
  width:100%;
  margin:auto;
  position:relative;
  display:grid;
  place-items:center;
}

.pa-orbit:before,
.pa-orbit:after{
  content:"";
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.22);
}

.pa-orbit:before{
  width:82%;
  height:82%;
}

.pa-orbit:after{
  width:58%;
  height:58%;
  border-style:dashed;
}

.pa-orbit-core{
  width:38%;
  height:38%;
  display:grid;
  place-items:center;
  text-align:center;
  padding:20px;
  border-radius:50%;
  color:#fff;
  background:
    radial-gradient(circle at 30% 25%,#c75cff,#7145ff 48%,#301162);
  box-shadow:
    0 0 60px rgba(198,92,255,.38),
    0 0 120px rgba(101,231,255,.12);
}

.pa-orbit-core strong{
  font:500 clamp(1.2rem,3vw,2rem) Georgia,serif;
}

.pa-orbit-node{
  position:absolute;
  width:125px;
  min-height:74px;
  padding:13px;
  display:grid;
  place-items:center;
  text-align:center;
  color:#fff;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.075);
  backdrop-filter:blur(12px);
  font-size:.72rem;
  font-weight:800;
}

.pa-orbit-node:nth-of-type(2){
  top:3%;
  left:50%;
  transform:translateX(-50%);
}

.pa-orbit-node:nth-of-type(3){
  top:42%;
  right:-2%;
}

.pa-orbit-node:nth-of-type(4){
  bottom:4%;
  left:50%;
  transform:translateX(-50%);
}

.pa-orbit-node:nth-of-type(5){
  top:42%;
  left:-2%;
}

/* Journey visual */

.pa-future-journey{
  padding:105px 6vw;
  background:#fff;
}

.pa-path{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  position:relative;
  margin-top:48px;
}

.pa-path:before{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  top:34px;
  height:2px;
  background:linear-gradient(90deg,#7145ff,#c65cff,#65e7ff);
}

.pa-path-step{
  position:relative;
  padding:0 12px;
  text-align:center;
}

.pa-path-dot{
  width:68px;
  height:68px;
  margin:0 auto 20px;
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(135deg,#7145ff,#c65cff);
  box-shadow:0 12px 35px rgba(113,69,255,.25);
  font-weight:900;
}

.pa-path-step h3{
  color:#321485;
}

.pa-path-step p{
  color:#706780;
  font-size:.87rem;
}

/* Publication state */

.pa-state{
  display:inline-flex;
  gap:7px;
  align-items:center;
  padding:7px 10px;
  color:#65541b;
  background:#fff8d7;
  border:1px solid #eadc97;
  text-transform:uppercase;
  letter-spacing:.09em;
  font-size:.6rem;
  font-weight:900;
}

.pa-state:before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:#d4aa2b;
}

/* Empty evidence structure */

.pa-evidence-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

.pa-evidence-card{
  min-height:310px;
  padding:28px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  border:1px solid #e1dced;
  background:
    linear-gradient(145deg,#fff,#faf7ff);
  position:relative;
  overflow:hidden;
}

.pa-evidence-card:after{
  content:"";
  position:absolute;
  width:130px;
  height:130px;
  right:-55px;
  bottom:-55px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(169,61,241,.10),transparent 70%);
}

.pa-evidence-card .pa-state{
  align-self:flex-start;
}

.pa-evidence-card h3{
  margin:32px 0 10px;
  color:#321485;
  font-size:1.45rem;
}

.pa-evidence-card p{
  color:#706780;
}

.pa-evidence-card small{
  color:#988da7;
  font-size:.73rem;
}

/* Career interface */

.pa-career-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}

.pa-career-card{
  padding:35px;
  border:1px solid #dfd7ed;
  background:#fff;
}

.pa-career-card h3{
  color:#321485;
}

.pa-career-card p{
  color:#706780;
}

.pa-career-empty{
  padding:40px;
  text-align:center;
  border:1px dashed #bfb3d5;
  background:#faf8ff;
}

/* Media / innovation visual stream */

.pa-stream{
  position:relative;
}

.pa-stream:before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:26px;
  width:1px;
  background:linear-gradient(#7145ff,#c65cff,#65e7ff);
}

.pa-stream-item{
  position:relative;
  margin-left:70px;
  padding:25px 28px;
  margin-bottom:14px;
  border:1px solid #e1dced;
  background:#fff;
}

.pa-stream-item:before{
  content:"";
  position:absolute;
  left:-57px;
  top:28px;
  width:13px;
  height:13px;
  border-radius:50%;
  background:#7145ff;
  box-shadow:0 0 0 7px #efeaff;
}

.pa-stream-item h3{
  color:#321485;
  margin-bottom:7px;
}

.pa-stream-item p{
  color:#706780;
  margin-bottom:0;
}

/* Home injection */

#paFutureHub{
  padding:115px 6vw;
}

#paFutureHub .pa-future-card:nth-child(1){
  background:
    linear-gradient(145deg,rgba(113,69,255,.28),rgba(255,255,255,.06));
}

#paFutureHub .pa-future-card:nth-child(4){
  background:
    linear-gradient(145deg,rgba(101,231,255,.12),rgba(255,255,255,.05));
}

/* Subtle light pulse */

.pa-pulse{
  width:9px;
  height:9px;
  display:inline-block;
  margin-right:8px;
  border-radius:50%;
  background:#c7ff73;
  box-shadow:0 0 0 rgba(199,255,115,.45);
  animation:paPulse 2.1s infinite;
}

@keyframes paPulse{
  0%{box-shadow:0 0 0 0 rgba(199,255,115,.38)}
  70%{box-shadow:0 0 0 12px rgba(199,255,115,0)}
  100%{box-shadow:0 0 0 0 rgba(199,255,115,0)}
}

/* Responsive */

@media(max-width:1000px){

  .pa-future-card.large,
  .pa-future-card.medium,
  .pa-future-card.wide{
    grid-column:span 6;
  }

  .pa-signal-strip{
    grid-template-columns:repeat(2,1fr);
  }

  .pa-signal:nth-child(2){
    border-right:0;
  }

  .pa-signal:nth-child(-n+2){
    border-bottom:1px solid var(--future-line);
  }

  .pa-international-hero{
    grid-template-columns:1fr;
  }

  .pa-orbit{
    max-width:460px;
  }

  .pa-path{
    grid-template-columns:1fr;
    gap:18px;
  }

  .pa-path:before{
    display:none;
  }

  .pa-path-step{
    padding:0;
    display:grid;
    grid-template-columns:72px 1fr;
    gap:18px;
    text-align:left;
  }

  .pa-path-dot{
    margin:0;
  }

  .pa-evidence-grid{
    grid-template-columns:repeat(2,1fr);
  }

}

@media(max-width:650px){

  #paFutureHub{
    padding:78px 22px;
  }

  .pa-future-grid{
    display:grid;
    grid-template-columns:1fr;
  }

  .pa-future-card.large,
  .pa-future-card.medium,
  .pa-future-card.wide{
    grid-column:auto;
  }

  .pa-future-card{
    min-height:235px;
    padding:25px;
  }

  .pa-signal-strip{
    grid-template-columns:1fr;
  }

  .pa-signal,
  .pa-signal:nth-child(2){
    border-right:0;
    border-bottom:1px solid var(--future-line);
  }

  .pa-signal:last-child{
    border-bottom:0;
  }

  .pa-international-hero{
    min-height:auto;
    padding:72px 22px;
  }

  .pa-international-copy h1{
    font-size:3.45rem;
  }

  .pa-orbit{
    margin-top:30px;
    max-width:330px;
  }

  .pa-orbit-node{
    width:92px;
    min-height:58px;
    padding:8px;
    font-size:.58rem;
  }

  .pa-future-journey{
    padding:76px 22px;
  }

  .pa-evidence-grid,
  .pa-career-grid{
    grid-template-columns:1fr;
  }

  .pa-stream:before{
    left:13px;
  }

  .pa-stream-item{
    margin-left:40px;
    padding:23px 20px;
  }

  .pa-stream-item:before{
    left:-33px;
  }

}

@media(prefers-reduced-motion:reduce){

  .pa-pulse{
    animation:none;
  }

  .pa-future-card{
    transition:none;
  }

}
/* =========================================================
   PERFECT AESTHETIC — BATCH 4
   FINAL UX, RESPONSIVE & PRODUCTION POLISH
   ========================================================= */

:root{
  --pa-electric:#7750ff;
  --pa-electric-soft:#b969ff;
  --pa-neon:#71ecff;
  --pa-acid:#d5ff74;
  --pa-deep:#160630;
  --pa-glass:rgba(255,255,255,.085);
}

/* Better text rendering */

html{
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

body{
  overflow-x:hidden;
}

img{
  max-width:100%;
}

/* Interior navigation behaves like a modern app shell */

.inner-header{
  position:sticky;
  top:0;
  left:auto;
  transform:none;
  z-index:60;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(18px);
  box-shadow:0 8px 35px rgba(46,20,100,.08);
}

.inner-header .brand img{
  filter:none;
}

.inner-header nav a{
  color:#321485;
}

.inner-header .menu{
  color:#321485;
}

/* Better homepage header transition compatibility */

.header{
  transition:
    background .25s ease,
    box-shadow .25s ease,
    color .25s ease;
}

.header.pa-scrolled:not(.inner-header){
  position:fixed;
  top:0;
  background:rgba(31,11,82,.92);
  box-shadow:0 12px 40px rgba(14,4,36,.25);
  backdrop-filter:blur(18px);
}

/* More futuristic buttons */

.button{
  position:relative;
  overflow:hidden;
}

.button:before{
  content:"";
  position:absolute;
  inset:0;
  opacity:0;
  pointer-events:none;
  background:
    linear-gradient(
      110deg,
      transparent 20%,
      rgba(255,255,255,.22) 45%,
      transparent 70%
    );
  transform:translateX(-90%);
  transition:
    opacity .25s ease,
    transform .5s ease;
}

.button:hover:before{
  opacity:1;
  transform:translateX(90%);
}

/* Sharper card hierarchy */

.card,
.why-grid article,
.knowledge-grid article,
.pa-evidence-card,
.pa-career-card{
  box-shadow:0 12px 35px rgba(59,28,127,.055);
}

.card:hover,
.pa-evidence-card:hover,
.pa-career-card:hover{
  box-shadow:0 22px 55px rgba(59,28,127,.13);
}

/* Futuristic treatment links */

.featured-treatment-links a{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}

.featured-treatment-links a:before{
  content:"";
  position:absolute;
  z-index:-1;
  width:180px;
  height:180px;
  right:-80px;
  top:-90px;
  border-radius:50%;
  background:
    radial-gradient(circle,rgba(113,236,255,.28),transparent 70%);
}

.featured-treatment-links a:after{
  content:"↗";
  position:absolute;
  right:19px;
  top:17px;
  color:rgba(255,255,255,.42);
  font-size:1.4rem;
}

/* Stronger futuristic section separation */

.pa-future-zone{
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
}

.pa-future-card{
  min-height:285px;
}

.pa-future-card:after{
  content:"";
  position:absolute;
  inset:auto 25px 18px;
  height:1px;
  opacity:.5;
  background:
    linear-gradient(
      90deg,
      var(--pa-neon),
      var(--pa-electric-soft),
      transparent
    );
}

/* Orbit polish */

.pa-orbit{
  filter:drop-shadow(0 30px 55px rgba(14,4,38,.28));
}

.pa-orbit-core{
  position:relative;
}

.pa-orbit-core:after{
  content:"";
  position:absolute;
  inset:-14px;
  border-radius:50%;
  border:1px solid rgba(113,236,255,.25);
}

/* Patient path responsive improvements */

.pa-path-step{
  min-width:0;
}

.pa-path-step h3{
  margin-bottom:7px;
}

/* Improved FAQ hit area */

.faq summary{
  min-height:54px;
  display:flex;
  align-items:center;
}

/* Forms */

input,
textarea,
select{
  outline:none;
}

input:focus,
textarea:focus,
select:focus{
  border-color:#7750ff!important;
  box-shadow:0 0 0 4px rgba(119,80,255,.10);
}

/* Modal UX */

.modal{
  backdrop-filter:blur(9px);
}

.modal-card{
  max-height:90vh;
  overflow:auto;
}

.modal-card h2{
  padding-right:35px;
}

/* Better dark-section readability */

.impact p,
.pa-future-zone p,
.pa-international-hero p{
  text-wrap:pretty;
}

/* Navigation current state */

nav a[aria-current="page"],
nav a.pa-active{
  font-weight:900;
}

.inner-header nav a[aria-current="page"]{
  color:#9236d8;
}

/* Footer consistency */

footer{
  position:relative;
  overflow:hidden;
}

footer:after{
  content:"";
  position:absolute;
  width:430px;
  height:430px;
  right:-220px;
  bottom:-240px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.06);
  box-shadow:0 0 0 65px rgba(255,255,255,.018);
  pointer-events:none;
}

/* Smooth anchor landing */

section[id]{
  scroll-margin-top:100px;
}

/* Content width control */

.content-main{
  min-width:0;
}

.content-main p{
  max-width:760px;
}

/* Better status panels */

.pa-state{
  border-radius:99px;
}

.status-note{
  border-radius:2px;
}

/* Mobile tap targets */

@media(max-width:1000px){

  .inner-header{
    height:78px;
  }

  .inner-header nav{
    top:78px;
    max-height:calc(100vh - 78px);
    overflow:auto;
    box-shadow:0 24px 55px rgba(27,9,65,.18);
  }

  .pa-future-card{
    min-height:250px;
  }

}

@media(max-width:650px){

  body{
    font-size:15.5px;
  }

  .header{
    min-height:74px;
  }

  .inner-header{
    height:74px;
  }

  .inner-header nav{
    top:74px;
  }

  .header .brand img{
    width:145px;
  }

  .hero h1{
    max-width:100%;
    font-size:clamp(3rem,15vw,4.3rem);
  }

  .hero .lead{
    font-size:1.04rem;
  }

  .actions{
    align-items:stretch;
    flex-direction:column;
  }

  .actions .button,
  .actions .ghost-button{
    width:100%;
  }

  .pa-future-intro h2{
    font-size:clamp(2.65rem,13vw,4rem);
  }

  .pa-future-card{
    min-height:220px;
  }

  .pa-future-card h3{
    font-size:1.65rem;
  }

  .pa-orbit{
    max-width:300px;
  }

  .pa-orbit-node{
    width:86px;
  }

  .journey-display{
    padding:27px 20px;
  }

  .doctor-profile{
    margin-inline:-1px;
  }

  .doctor-photo img{
    object-position:center top;
  }

  .knowledge-cta{
    padding:28px 22px;
  }

  .pa-evidence-card{
    min-height:265px;
  }

  .contact-form{
    padding:27px 21px;
  }

  .modal{
    padding:12px;
  }

  .modal-card{
    padding:34px 22px 26px;
  }

  footer{
    padding-bottom:125px;
  }

}

/* Large displays */

@media(min-width:1500px){

  body{
    padding-inline:40px;
  }

  .notice,
  .header,
  main,
  footer{
    width:min(1380px,100%);
  }

}

/* Accessibility */

@media(prefers-contrast:more){

  :root{
    --line:#b9aecb;
  }

  .pa-future-card{
    border-color:rgba(255,255,255,.35);
  }

}

@media(prefers-reduced-motion:reduce){

  *,
  *:before,
  *:after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }

}

/* =========================================================
   PERFECT AESTHETIC — LEGAL EXPERIENCE
   ========================================================= */

.pa-legal-hero{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  padding:105px 6vw 85px;
  color:#fff;
  background:
    radial-gradient(circle at 88% 18%,rgba(101,231,255,.18),transparent 27%),
    radial-gradient(circle at 12% 82%,rgba(198,92,255,.25),transparent 29%),
    linear-gradient(140deg,#14052f,#321078 60%,#12052d);
}

.pa-legal-hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  opacity:.25;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:56px 56px;
}

.pa-legal-hero:after{
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  right:-210px;
  top:-245px;
  z-index:-1;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:
    0 0 0 55px rgba(255,255,255,.025),
    0 0 0 115px rgba(198,92,255,.025);
}

.pa-legal-hero .eyebrow{
  color:#d9ff63;
}

.pa-legal-hero h1{
  max-width:820px;
  margin-bottom:18px;
  color:#fff;
  font-size:clamp(3.2rem,7vw,6rem);
  line-height:.94;
}

.pa-legal-hero p{
  max-width:680px;
  margin-bottom:0;
  color:#d5cae9;
  font-size:1.04rem;
}

.pa-legal-shell{
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  gap:55px;
  padding:70px 6vw 100px;
  background:#fff;
}

.pa-legal-nav{
  position:sticky;
  top:115px;
  align-self:start;
  padding:24px;
  border:1px solid #e4dfee;
  background:linear-gradient(145deg,#fff,#faf8ff);
  box-shadow:0 15px 40px rgba(50,20,133,.06);
}

.pa-legal-nav strong{
  display:block;
  margin-bottom:15px;
  color:#321485;
  font-size:.76rem;
  text-transform:uppercase;
  letter-spacing:.12em;
}

.pa-legal-nav a{
  display:block;
  padding:11px 12px;
  margin:-1px 0 0;
  color:#645b73;
  text-decoration:none;
  border:1px solid #ece7f3;
  background:#fff;
  transition:
    color .2s ease,
    border-color .2s ease,
    background .2s ease;
}

.pa-legal-nav a:hover,
.pa-legal-nav a[aria-current="page"]{
  color:#321485;
  border-color:#cdbde9;
  background:#f4efff;
}

.pa-legal-content{
  min-width:0;
  max-width:880px;
}

.pa-legal-content > *:first-child{
  margin-top:0;
}

.pa-legal-content h1{
  display:none;
}

.pa-legal-content h2{
  margin:52px 0 16px;
  color:#321485;
  font-size:clamp(1.7rem,3vw,2.35rem);
}

.pa-legal-content h3{
  margin:32px 0 12px;
  color:#4a238b;
  font-size:1.22rem;
}

.pa-legal-content p,
.pa-legal-content li{
  color:#655d70;
  line-height:1.8;
}

.pa-legal-content ul,
.pa-legal-content ol{
  padding-left:1.3rem;
}

.pa-legal-content a{
  color:#6c3bd0;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}

.pa-legal-note{
  margin-bottom:34px;
  padding:21px 23px;
  border-left:3px solid #7750ff;
  background:#f7f3ff;
  color:#655d70;
}

.pa-legal-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:24px;
}

.pa-legal-meta span{
  padding:7px 10px;
  color:#6a5b78;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.075);
  font-size:.7rem;
}

.pa-legal-footer{
  padding:55px 6vw 90px;
  color:#d5cce5;
  background:#160630;
}

.pa-legal-footer-grid{
  display:grid;
  grid-template-columns:1.3fr 1fr 1fr;
  gap:45px;
}

.pa-legal-footer h3{
  color:#fff;
  margin-bottom:12px;
}

.pa-legal-footer a{
  display:block;
  margin:7px 0;
  color:#d5cce5;
  text-decoration:none;
}

.pa-legal-footer a:hover{
  color:#fff;
}

.pa-legal-footer small{
  display:block;
  margin-top:45px;
  color:#9d91ae;
}

@media(max-width:900px){

  .pa-legal-shell{
    grid-template-columns:1fr;
    gap:30px;
  }

  .pa-legal-nav{
    position:relative;
    top:auto;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:7px;
  }

  .pa-legal-nav strong{
    grid-column:1/-1;
  }

  .pa-legal-nav a{
    margin:0;
  }

  .pa-legal-footer-grid{
    grid-template-columns:1fr 1fr;
  }

}

@media(max-width:650px){

  .pa-legal-hero{
    padding:75px 22px 62px;
  }

  .pa-legal-hero h1{
    font-size:3.35rem;
  }

  .pa-legal-shell{
    padding:48px 22px 75px;
  }

  .pa-legal-nav{
    grid-template-columns:1fr;
    padding:17px;
  }

  .pa-legal-content h2{
    margin-top:40px;
  }

  .pa-legal-footer{
    padding:45px 22px 110px;
  }

  .pa-legal-footer-grid{
    grid-template-columns:1fr;
    gap:25px;
  }

}