html[data-page="home"]{
--premium-green:#064c4b;
--premium-green-2:#0a6b66;
--premium-ink:#123f3e;
--premium-gold:#c5a05c;
--premium-gold-soft:#eadcc0;
--premium-ivory:#fbf8f1;
--premium-surface:#ffffff;
--premium-muted:#6b7f7d;
--premium-line:#e8e2d7;
background:var(--premium-ivory);
}

html[data-page="home"] body{
background:
radial-gradient(circle at 90% 6%,rgba(197,160,92,.12),transparent 24rem),
linear-gradient(180deg,#fffdf8 0%,#f7fbf9 42%,#fbf8f1 100%);
color:var(--premium-ink);
overflow-x:hidden;
}

html[data-page="home"] .site-header{
position:sticky;
top:0;
z-index:70;
margin:14px auto 0;
width:min(1180px,calc(100% - 28px));
min-height:78px;
padding:12px 14px 12px 18px;
border:1px solid rgba(197,160,92,.22);
border-radius:24px;
background:rgba(255,253,248,.92);
backdrop-filter:blur(20px);
box-shadow:0 18px 50px rgba(9,73,70,.08);
}

html[data-page="home"] .brand{
gap:12px;
color:var(--premium-ink);
}
html[data-page="home"] .brand-mark{
width:48px;
height:48px;
border:1px solid rgba(197,160,92,.5);
border-radius:16px;
background:#fffaf0;
color:var(--premium-gold);
box-shadow:inset 0 0 0 4px rgba(197,160,92,.06);
overflow:hidden;
}
html[data-page="home"] .brand-mark.has-logo{
background:#fff;
}
html[data-page="home"] .brand-mark img{
width:100%;
height:100%;
object-fit:contain;
padding:4px;
}
html[data-page="home"] .brand strong{
font-family:"Playfair Display",serif;
font-size:1.22rem;
letter-spacing:-.02em;
}
html[data-page="home"] .brand small{
color:#9a7436;
font-size:.62rem;
letter-spacing:.17em;
text-transform:uppercase;
}

html[data-page="home"] .site-nav{
gap:4px;
}
html[data-page="home"] .site-nav a{
border-radius:999px;
padding:10px 12px;
}
html[data-page="home"] .site-nav a:hover,
html[data-page="home"] .site-nav a.active{
background:#eef6f3;
color:var(--premium-green);
}

html[data-page="home"] .header-actions .admin-entry{
border-color:rgba(6,76,75,.15);
background:#fff;
}
html[data-page="home"] .header-actions .btn.primary{
background:linear-gradient(135deg,var(--premium-green),var(--premium-green-2));
border-color:transparent;
box-shadow:0 10px 28px rgba(6,76,75,.18);
}

html[data-page="home"] main{
padding-top:18px;
}

html[data-page="home"] .hero-home{
position:relative;
width:min(1180px,calc(100% - 28px));
margin:12px auto 0;
padding:clamp(32px,5vw,68px);
min-height:620px;
display:grid;
grid-template-columns:minmax(0,1.03fr) minmax(380px,.97fr);
align-items:center;
gap:clamp(28px,5vw,64px);
border:1px solid rgba(197,160,92,.24);
border-radius:38px;
background:
radial-gradient(circle at 72% 16%,rgba(197,160,92,.15),transparent 28%),
linear-gradient(135deg,#fffdf8 0%,#f8f3e9 48%,#eef7f4 100%);
box-shadow:0 30px 90px rgba(11,68,66,.12);
overflow:hidden;
}
html[data-page="home"] .hero-home:before{
content:"";
position:absolute;
width:330px;
height:330px;
right:-120px;
top:-130px;
border:1px solid rgba(197,160,92,.34);
border-radius:50%;
pointer-events:none;
}
html[data-page="home"] .hero-home:after{
content:"";
position:absolute;
width:180px;
height:180px;
left:-90px;
bottom:-80px;
border-radius:50%;
background:rgba(6,76,75,.05);
pointer-events:none;
}
html[data-page="home"] .hero-copy{
position:relative;
z-index:2;
max-width:650px;
}
html[data-page="home"] .hero-copy .eyebrow{
display:flex;
align-items:center;
gap:12px;
color:#a77b36;
font-size:.75rem;
letter-spacing:.2em;
font-weight:800;
}
html[data-page="home"] .hero-copy .eyebrow:before{
content:"";
width:34px;
height:1px;
background:var(--premium-gold);
}
html[data-page="home"] .hero-copy h1{
max-width:640px;
margin:18px 0;
font-family:"Playfair Display",serif;
font-size:clamp(2.65rem,3.8vw,4rem);
line-height:1.02;
letter-spacing:-.045em;
color:#103f3d;
text-wrap:balance;
}
html[data-page="home"] .hero-copy h1::first-line{
color:#103f3d;
}
html[data-page="home"] .hero-copy p{
max-width:590px;
margin:0;
color:var(--premium-muted);
font-size:clamp(1rem,1.5vw,1.15rem);
line-height:1.7;
}
html[data-page="home"] .hero-actions{
display:flex;
gap:12px;
margin-top:28px;
}
html[data-page="home"] .hero-actions .btn{
min-height:56px;
padding-inline:24px;
border-radius:17px;
font-weight:800;
}
html[data-page="home"] .hero-actions .btn.primary{
position:relative;
padding-right:54px;
background:linear-gradient(135deg,var(--premium-green),var(--premium-green-2));
border-color:transparent;
box-shadow:0 15px 34px rgba(6,76,75,.21);
}
html[data-page="home"] .hero-actions .btn.primary:after{
content:"→";
position:absolute;
right:12px;
top:50%;
translate:0 -50%;
width:32px;
height:32px;
display:grid;
place-items:center;
border-radius:50%;
background:#f2dfb8;
color:#654b20;
}
html[data-page="home"] .hero-actions .btn.ghost{
background:rgba(255,255,255,.72);
border-color:rgba(6,76,75,.16);
}

html[data-page="home"] .hero-proof{
margin-top:28px;
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:9px;
}
html[data-page="home"] .hero-proof span{
display:flex;
align-items:center;
min-height:44px;
padding:10px 13px;
border:1px solid rgba(6,76,75,.06);
border-radius:14px;
background:rgba(255,255,255,.66);
color:#426765;
font-size:.82rem;
font-weight:700;
}

html[data-page="home"] .hero-media{
position:relative;
z-index:2;
min-height:520px;
border-radius:30px;
overflow:hidden;
box-shadow:0 24px 60px rgba(24,62,59,.18);
isolation:isolate;
}
html[data-page="home"] .hero-media:after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(180deg,transparent 52%,rgba(4,57,55,.42) 100%);
z-index:1;
pointer-events:none;
}
html[data-page="home"] .hero-media .photo{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
}
html[data-page="home"] .hero-media .hero-illustration{
position:absolute;
width:150px;
height:150px;
right:18px;
bottom:18px;
border:5px solid rgba(255,255,255,.8);
border-radius:28px;
object-fit:cover;
z-index:2;
box-shadow:0 18px 40px rgba(0,0,0,.16);
}
html[data-page="home"] .floating-card{
left:18px;
right:auto;
bottom:18px;
z-index:3;
min-width:210px;
padding:15px 18px;
border:1px solid rgba(255,255,255,.45);
border-radius:18px;
background:rgba(255,255,255,.88);
backdrop-filter:blur(12px);
box-shadow:0 16px 38px rgba(0,0,0,.13);
}
html[data-page="home"] .floating-card strong{
color:var(--premium-green);
}

html[data-page="home"] .trust-strip{
width:min(1120px,calc(100% - 40px));
margin:-22px auto 40px;
position:relative;
z-index:5;
padding:18px;
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:1px;
border:1px solid rgba(197,160,92,.18);
border-radius:24px;
background:#fff;
box-shadow:0 18px 45px rgba(6,76,75,.08);
}
html[data-page="home"] .trust-strip>div{
padding:12px 18px;
border-right:1px solid #eef1ed;
}
html[data-page="home"] .trust-strip>div:last-child{border-right:0}
html[data-page="home"] .trust-strip b{
color:#a77b36;
font-family:"Playfair Display",serif;
font-size:1.55rem;
}
html[data-page="home"] .trust-strip span{
color:#6d807e;
}

html[data-page="home"] .section{
width:min(1120px,calc(100% - 32px));
margin:0 auto;
padding:70px 0;
}
html[data-page="home"] .section.soft{
width:min(1180px,calc(100% - 28px));
padding:70px 34px;
border-radius:34px;
background:linear-gradient(145deg,#eff7f4,#fbfaf5);
border:1px solid rgba(6,76,75,.07);
}
html[data-page="home"] .section-head h2,
html[data-page="home"] .split-feature h2,
html[data-page="home"] .showcase-copy h2,
html[data-page="home"] .cta-panel h2{
font-family:"Playfair Display",serif;
letter-spacing:-.03em;
color:#103f3d;
}
html[data-page="home"] .section-head .eyebrow,
html[data-page="home"] .split-feature .eyebrow,
html[data-page="home"] .showcase-copy .eyebrow{
color:#a77b36;
letter-spacing:.18em;
}

html[data-page="home"] .journey-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:18px;
}
html[data-page="home"] .journey-card{
position:relative;
min-height:430px;
padding:0;
border:1px solid rgba(197,160,92,.18);
border-radius:26px;
overflow:hidden;
background:#fff;
box-shadow:0 18px 46px rgba(12,72,69,.07);
transition:transform .25s ease,box-shadow .25s ease;
}
html[data-page="home"] .journey-card:hover{
transform:translateY(-5px);
box-shadow:0 25px 60px rgba(12,72,69,.12);
}
html[data-page="home"] .journey-card>img{
width:100%;
height:210px;
object-fit:cover;
}
html[data-page="home"] .journey-card>div{
padding:22px;
}
html[data-page="home"] .journey-card span{
color:#a77b36;
letter-spacing:.12em;
text-transform:uppercase;
font-size:.69rem;
font-weight:800;
}
html[data-page="home"] .journey-card h3{
margin:8px 0;
font-family:"Playfair Display",serif;
font-size:1.5rem;
color:#103f3d;
}
html[data-page="home"] .journey-card p{
color:#71817f;
}
html[data-page="home"] .journey-card b{
color:var(--premium-green);
}

html[data-page="home"] .card-grid{
gap:18px;
}
html[data-page="home"] .specialty-card{
border-radius:24px;
border:1px solid rgba(197,160,92,.14);
overflow:hidden;
box-shadow:0 15px 38px rgba(6,76,75,.07);
}
html[data-page="home"] .specialty-card .image{
height:190px;
}
html[data-page="home"] .specialty-card .image img{
width:100%;
height:100%;
object-fit:cover;
}

html[data-page="home"] .split-feature{
display:grid;
grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);
gap:48px;
align-items:center;
}
html[data-page="home"] .feature-photo-stack{
min-height:470px;
position:relative;
}
html[data-page="home"] .feature-photo-stack img:first-child{
position:absolute;
inset:0 70px 0 0;
width:calc(100% - 70px);
height:100%;
object-fit:cover;
border-radius:28px;
box-shadow:0 25px 60px rgba(6,76,75,.15);
}
html[data-page="home"] .feature-photo-stack img:last-child{
position:absolute;
right:0;
bottom:30px;
width:190px;
height:210px;
object-fit:cover;
border:6px solid #fff;
border-radius:24px;
box-shadow:0 18px 45px rgba(0,0,0,.13);
}

html[data-page="home"] .promo-band{
width:min(1120px,calc(100% - 32px));
margin:30px auto;
padding:34px;
border-radius:28px;
background:linear-gradient(120deg,#073f3e,#0b6661);
color:#fff;
box-shadow:0 24px 60px rgba(6,76,75,.16);
}
html[data-page="home"] .promo-band h2,
html[data-page="home"] .promo-band p{
color:#fff;
}

html[data-page="home"] .steps-grid{
gap:14px;
}
html[data-page="home"] .steps-grid article{
position:relative;
padding:24px;
border:1px solid rgba(197,160,92,.15);
border-radius:22px;
background:#fff;
box-shadow:0 12px 32px rgba(6,76,75,.055);
}
html[data-page="home"] .steps-grid article>span{
width:42px;
height:42px;
display:grid;
place-items:center;
border-radius:50%;
background:#f7edd9;
color:#9d7433;
font-weight:900;
}

html[data-page="home"] .clinic-showcase{
display:grid;
grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);
gap:38px;
align-items:center;
}
html[data-page="home"] .gallery{
display:grid;
grid-template-columns:1.3fr .7fr;
grid-template-rows:repeat(2,190px);
gap:12px;
}
html[data-page="home"] .gallery img{
width:100%;
height:100%;
object-fit:cover;
border-radius:22px;
}
html[data-page="home"] .gallery img:first-child{
grid-row:1 / 3;
}

html[data-page="home"] .cta-panel{
width:min(1120px,calc(100% - 32px));
margin:20px auto 70px;
padding:42px;
border-radius:30px;
background:
radial-gradient(circle at 90% 20%,rgba(197,160,92,.25),transparent 30%),
linear-gradient(135deg,#073f3e,#0b605d);
box-shadow:0 24px 65px rgba(6,76,75,.18);
}
html[data-page="home"] .cta-panel h2,
html[data-page="home"] .cta-panel p,
html[data-page="home"] .cta-panel .eyebrow{
color:#fff;
}
html[data-page="home"] .cta-panel .btn.light{
background:#f6e8cb;
color:#654b20;
border-color:transparent;
}

html[data-page="home"] .site-footer{
background:#073f3e;
color:#edf8f5;
}
html[data-page="home"] .site-footer a,
html[data-page="home"] .site-footer p,
html[data-page="home"] .site-footer small{
color:#cfe3df;
}
html[data-page="home"] .site-footer h4,
html[data-page="home"] .site-footer strong{
color:#fff;
}

@media(max-width:980px){
html[data-page="home"] .site-header{
min-height:70px;
border-radius:20px;
}
html[data-page="home"] .hero-home{
grid-template-columns:1fr;
padding:38px 28px 28px;
gap:30px;
min-height:0;
}
html[data-page="home"] .hero-copy{
max-width:none;
}
html[data-page="home"] .hero-copy h1{
max-width:760px;
font-size:clamp(2.4rem,5.2vw,3.2rem);
}
html[data-page="home"] .hero-media{
min-height:430px;
}
html[data-page="home"] .trust-strip{
grid-template-columns:repeat(2,minmax(0,1fr));
margin-top:18px;
}
html[data-page="home"] .trust-strip>div:nth-child(2){
border-right:0;
}
html[data-page="home"] .journey-grid{
grid-template-columns:1fr;
}
html[data-page="home"] .journey-card{
min-height:0;
display:grid;
grid-template-columns:210px 1fr;
}
html[data-page="home"] .journey-card>img{
height:100%;
min-height:240px;
}
html[data-page="home"] .split-feature,
html[data-page="home"] .clinic-showcase{
grid-template-columns:1fr;
}
}

@media(max-width:680px){
html[data-page="home"] .site-header{
width:calc(100% - 20px);
margin-top:8px;
padding:10px 10px 10px 12px;
}
html[data-page="home"] .brand-mark{
width:45px;
height:45px;
}
html[data-page="home"] .brand strong{
font-size:1.06rem;
}
html[data-page="home"] .brand small{
display:none;
}
html[data-page="home"] .header-actions .admin-entry{
              display:inline-flex;
              align-items:center;
              justify-content:center;
              min-height:44px;
              padding:0 12px;
              border-radius:14px;
              font-size:.78rem;
              white-space:nowrap;
            }
html[data-page="home"] .hero-home{
width:calc(100% - 20px);
margin-top:8px;
padding:30px 20px 20px;
border-radius:28px;
}
html[data-page="home"] .hero-copy .eyebrow{
font-size:.65rem;
line-height:1.45;
}
html[data-page="home"] .hero-copy h1{
margin:14px 0;
font-size:clamp(2.6rem,13vw,3.8rem);
line-height:.98;
}
html[data-page="home"] .hero-copy p{
font-size:1rem;
line-height:1.65;
}
html[data-page="home"] .hero-actions{
display:grid;
grid-template-columns:1fr;
margin-top:22px;
}
html[data-page="home"] .hero-actions .btn{
width:100%;
justify-content:center;
}
html[data-page="home"] .hero-proof{
grid-template-columns:repeat(2,minmax(0,1fr));
margin-top:20px;
gap:7px;
}
html[data-page="home"] .hero-proof span{
min-height:48px;
padding:9px 10px;
font-size:.76rem;
}
html[data-page="home"] .hero-media{
min-height:380px;
border-radius:24px;
}
html[data-page="home"] .hero-media .hero-illustration{
width:112px;
height:112px;
right:12px;
bottom:12px;
border-radius:20px;
}
html[data-page="home"] .floating-card{
left:12px;
bottom:12px;
min-width:0;
max-width:58%;
padding:12px;
}
html[data-page="home"] .trust-strip{
width:calc(100% - 28px);
grid-template-columns:repeat(2,minmax(0,1fr));
padding:10px;
border-radius:20px;
}
html[data-page="home"] .trust-strip>div{
padding:10px;
border-right:0;
}
html[data-page="home"] .section,
html[data-page="home"] .section.soft{
width:calc(100% - 24px);
padding:48px 0;
}
html[data-page="home"] .section.soft{
padding:44px 18px;
border-radius:26px;
}
html[data-page="home"] .section-head{
align-items:flex-start;
}
html[data-page="home"] .section-head h2,
html[data-page="home"] .split-feature h2,
html[data-page="home"] .showcase-copy h2{
font-size:clamp(2rem,10vw,2.8rem);
line-height:1.04;
}
html[data-page="home"] .journey-card{
display:block;
border-radius:22px;
}
html[data-page="home"] .journey-card>img{
height:205px;
min-height:0;
}
html[data-page="home"] .feature-photo-stack{
min-height:370px;
}
html[data-page="home"] .feature-photo-stack img:first-child{
inset:0 42px 0 0;
width:calc(100% - 42px);
}
html[data-page="home"] .feature-photo-stack img:last-child{
width:135px;
height:150px;
bottom:18px;
}
html[data-page="home"] .promo-band{
width:calc(100% - 24px);
padding:26px 20px;
border-radius:24px;
}
html[data-page="home"] .steps-grid{
grid-template-columns:1fr;
}
html[data-page="home"] .clinic-showcase{
gap:24px;
}
html[data-page="home"] .gallery{
grid-template-columns:1fr 1fr;
grid-template-rows:260px 150px;
}
html[data-page="home"] .gallery img:first-child{
grid-column:1 / 3;
grid-row:auto;
}
html[data-page="home"] .cta-panel{
width:calc(100% - 24px);
padding:30px 20px;
border-radius:24px;
margin-bottom:44px;
}
}

@media(max-width:420px){
html[data-page="home"] .hero-copy h1{
font-size:2.55rem;
}
html[data-page="home"] .hero-proof{
grid-template-columns:1fr 1fr;
}
html[data-page="home"] .hero-media{
min-height:330px;
}
html[data-page="home"] .floating-card{
font-size:.82rem;
}
}