:root{
  --ink:#0e2730;
  --dark:#0b2028;
  --dark2:#102e37;
  --teal:#1a8f98;
  --mint:#86d0c8;
  --mint2:#dff1ed;
  --cream:#f6f0e7;
  --paper:#fbfcfa;
  --muted:#697a80;
  --line:rgba(14,39,48,.13);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.concept-strip{
  height:28px;background:#07161b;color:#98b2b6;
  display:flex;align-items:center;justify-content:center;
  padding:0 12px;text-align:center;font-size:8px;letter-spacing:.16em
}
.header{
  position:absolute;top:28px;left:0;right:0;z-index:30;height:86px;
  padding:0 clamp(18px,5vw,76px);display:flex;align-items:center;
  justify-content:space-between;color:#fff
}
.logo{display:flex;align-items:center;gap:10px}
.flower{
  width:37px;height:37px;border:1px solid rgba(255,255,255,.38);
  border-radius:50%;display:grid;place-items:center;color:#95d9d1;font-size:17px
}
.logo-copy{display:flex;flex-direction:column}
.logo-copy strong{font-size:15px;font-weight:600;letter-spacing:.015em}
.logo-copy small{font-size:6px;letter-spacing:.22em;margin-top:4px;color:#a4bbc0}
.nav{display:flex;gap:28px;font-size:10px;color:#c7d4d6}
.nav a:hover{color:#fff}
.header-cta{
  font-size:9px;font-weight:700;background:#eef8f5;color:#102c34;
  padding:12px 17px;border-radius:999px
}
.header-cta b{margin-left:8px}
.hero{
  position:relative;height:calc(100svh - 28px);min-height:760px;
  overflow:hidden;color:#fff;background:#0a1e25
}
.hero-photo{
  position:absolute;inset:0;
  background:
    url("https://images.unsplash.com/photo-1606811971618-4486d14f3f99?auto=format&fit=crop&w=1900&q=88")
    center 41%/cover no-repeat;
  transform:scale(1.018)
}
.hero-shade{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(6,24,29,.94) 0%,rgba(6,24,29,.75) 46%,rgba(6,24,29,.24) 78%,rgba(6,24,29,.25)),
    linear-gradient(0deg,rgba(6,24,29,.68),transparent 48%)
}
.hero-glow{
  position:absolute;width:620px;height:620px;right:-220px;top:-160px;
  background:radial-gradient(circle,rgba(113,218,201,.15),transparent 65%);
  border-radius:50%
}
.hero-copy{
  position:absolute;z-index:3;left:clamp(20px,7vw,112px);
  bottom:190px;max-width:940px
}
.eyebrow,.kicker{font-size:9px;letter-spacing:.22em;font-weight:700}
.eyebrow{display:flex;align-items:center;gap:11px;color:#86d3cc;margin:0 0 22px}
.eyebrow span{width:34px;height:1px;background:#86d3cc}
.hero h1,.section h2,.human h2{
  font-family:"Libre Caslon Display",serif;font-weight:400;letter-spacing:-.02em
}
.hero h1{font-size:clamp(58px,7.4vw,104px);line-height:.94;margin:0}
.hero h1 em,.section h2 em,.human h2 em{font-style:italic;color:#9ee1d9}
.lead{max-width:655px;font-size:14px;line-height:1.78;color:#c7d6d8;margin:25px 0 28px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.btn{
  min-height:51px;padding:0 21px;border-radius:999px;display:inline-flex;
  align-items:center;justify-content:center;font-size:10px;font-weight:700
}
.primary{background:#8ad4cb;color:#0c282f}
.primary b{margin-left:18px}
.ghost{border:1px solid rgba(255,255,255,.34);color:#fff}
.hero-proof{
  position:absolute;z-index:3;left:clamp(20px,7vw,112px);
  right:clamp(20px,7vw,112px);bottom:34px;
  border-top:1px solid rgba(255,255,255,.15);
  padding-top:19px;display:flex;align-items:center;gap:31px
}
.hero-proof>div:not(.divider){display:grid;grid-template-columns:auto auto;gap:8px;align-items:center}
.hero-proof strong{font-size:24px;font-weight:600}
.stars{font-size:9px;letter-spacing:2px;color:#f2c979}
.trustpilot{font-size:10px;font-weight:700;color:#90ddd4}
.hero-proof small{
  grid-column:1/-1;font-size:7px;text-transform:uppercase;
  letter-spacing:.1em;color:#829ba0
}
.divider{width:1px;height:38px;background:rgba(255,255,255,.13)}
.section{padding:105px clamp(20px,6vw,90px)}
.positioning{text-align:center;max-width:1080px;margin:auto}
.kicker{color:#27838b;margin:0 0 17px}
.section h2,.human h2{font-size:clamp(45px,5.7vw,76px);line-height:1.03;margin:0}
.intro-copy{
  max-width:720px;margin:25px auto 0;font-size:13px;line-height:1.85;color:var(--muted)
}
.positioning-chips{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:30px}
.positioning-chips span{
  background:#fff;border:1px solid var(--line);padding:10px 14px;border-radius:999px;
  font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:#5f7478
}
.journey{background:#0b2028;color:#fff}
.section-head{
  display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;margin-bottom:38px
}
.section-head>p{font-size:11px;line-height:1.75;color:#7f969b;max-width:440px}
.journey-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(255,255,255,.12);border-left:1px solid rgba(255,255,255,.12)}
.journey-card{
  min-height:330px;padding:23px;border-right:1px solid rgba(255,255,255,.12);
  border-bottom:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column
}
.journey-card>span{font-size:8px;color:#688087;letter-spacing:.14em}
.icon{font-size:34px;color:#80d1c8;margin:auto 0 10px}
.journey-card h3{font-size:20px;font-weight:500;margin:0 0 10px}
.journey-card p{font-size:9.5px;line-height:1.7;color:#82979c;margin:0}
.treatments .section-head>p{color:#728187}
.treatment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.treatment{
  min-height:405px;padding:25px;background:#fff;border:1px solid var(--line);
  display:flex;flex-direction:column
}
.treatment.featured{background:#153e48;color:#fff}
.treatment small{font-size:8px;color:#87989d}
.treatment h3{
  font-family:"Libre Caslon Display",serif;font-weight:400;
  font-size:37px;line-height:1.02;margin:auto 0 15px
}
.treatment p{font-size:10px;line-height:1.7;color:#73848a;min-height:52px}
.treatment.featured p{color:#a7bdc2}
.treatment button{
  border:0;border-top:1px solid var(--line);background:none;
  color:#23818b;padding:15px 0 0;text-align:left;display:flex;
  justify-content:space-between;font-size:8px;letter-spacing:.1em;text-transform:uppercase
}
.treatment.featured button{border-color:rgba(255,255,255,.15);color:#93dbd2}
.human{display:grid;grid-template-columns:1fr 1fr;min-height:690px;background:#dfece8}
.human-photo{
  background:
    linear-gradient(0deg,rgba(11,32,40,.12),rgba(11,32,40,.02)),
    url("https://images.unsplash.com/photo-1588776814546-1ffcf47267a5?auto=format&fit=crop&w=1400&q=86")
    center/cover no-repeat;
  min-height:620px
}
.human-copy{padding:80px clamp(28px,6vw,90px);display:flex;flex-direction:column;justify-content:center}
.kicker.light{color:#2a7d83}
.human-copy>p{font-size:12px;line-height:1.8;color:#63767b;max-width:540px}
.human-list{margin-top:27px;border-top:1px solid rgba(14,39,48,.13)}
.human-list>div{
  display:grid;grid-template-columns:36px 180px 1fr;gap:12px;
  padding:15px 0;border-bottom:1px solid rgba(14,39,48,.13);align-items:center
}
.human-list span{font-size:8px;color:#779095}
.human-list strong{font-family:"Libre Caslon Display",serif;font-size:19px;font-weight:400}
.human-list small{font-size:8px;color:#738287}
.social-proof{background:#0a1e25;color:#fff;display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;align-items:center}
.proof-score small{font-size:8px;letter-spacing:.16em;color:#80979c}
.proof-score strong{display:block;font-size:112px;line-height:.9;letter-spacing:-.07em;margin-top:16px}
.stars.large{font-size:11px;letter-spacing:6px;margin:13px 0}
.proof-score span{font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:#81979c}
.proof-copy{border-left:1px solid rgba(255,255,255,.13);padding-left:8vw}
.proof-copy p{font-size:11px;line-height:1.8;color:#8ca1a6;max-width:610px}
.proof-tags{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}
.proof-tags span{
  border:1px solid rgba(255,255,255,.15);padding:9px 12px;border-radius:999px;
  font-size:8px;color:#a7b8bc
}
.proof-copy a{font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#91d8cf}
.travel{display:grid;grid-template-columns:.84fr 1.16fr;gap:70px;align-items:center}
.travel-copy>p:last-child{font-size:12px;line-height:1.8;color:#697b80;max-width:510px}
.travel-grid{display:grid;grid-template-columns:1fr 1fr;border-left:1px solid var(--line);border-top:1px solid var(--line)}
.travel-grid article{
  min-height:180px;padding:22px;border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);display:flex;flex-direction:column
}
.travel-grid span{font-size:8px;color:#8aa0a4}
.travel-grid strong{font-family:"Libre Caslon Display",serif;font-size:23px;font-weight:400;margin:auto 0 7px}
.travel-grid small{font-size:8px;color:#75868a}
.consult{background:#edf5f2;display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}
.consult-intro>p{font-size:12px;line-height:1.8;color:#687a7e;max-width:530px}
.contact{margin-top:29px;border-top:1px solid rgba(14,39,48,.14)}
.contact a{display:flex;flex-direction:column;padding:14px 0;border-bottom:1px solid rgba(14,39,48,.14)}
.contact small,.consult-form label>span{font-size:7px;letter-spacing:.15em;color:#819195}
.contact strong{font-size:11px;margin-top:4px}
.consult-form{
  background:#fff;padding:33px;box-shadow:0 20px 60px rgba(18,51,56,.08);
  display:flex;flex-direction:column;gap:13px
}
.micro-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:5px}
.micro-progress span{height:3px;background:#dce8e5}
.micro-progress .active{background:#2b9297}
.consult-form label{display:flex;flex-direction:column;gap:7px}
.consult-form input,.consult-form select,.consult-form textarea{
  border:1px solid #dbe5e2;background:#fafcfb;color:#173139;
  padding:0 13px;outline:none;border-radius:0
}
.consult-form input,.consult-form select{height:49px}
.consult-form textarea{padding-top:12px;resize:vertical}
.upload-demo{
  min-height:85px;border:1px dashed #a8c6c0;background:#f7fbfa;
  display:flex;align-items:center;gap:14px;padding:16px
}
.upload-icon{
  width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
  background:#e0f1ed;color:#247f88;font-size:18px
}
.upload-demo>div:last-child{display:flex;flex-direction:column}
.upload-demo strong{font-size:10px}
.upload-demo small{font-size:7px;color:#879599;margin-top:3px}
.consult-form button{
  height:55px;border:0;background:#167f8a;color:#fff;padding:0 18px;
  display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:700
}
.consult-form button b{font-size:16px}
.privacy{font-size:7px;color:#889599;line-height:1.55}
footer{
  background:#07161b;color:#fff;padding:38px clamp(20px,6vw,90px) 105px;
  display:flex;align-items:center;justify-content:space-between;gap:40px
}
.footer-logo{display:flex;align-items:center;gap:9px}
.footer-logo .flower{width:31px;height:31px;font-size:14px}
.footer-logo strong{font-size:11px}
footer p{max-width:710px;text-align:right;font-size:7px;line-height:1.6;color:#718b90}
.mobile-bar{display:none}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .72s ease,transform .72s ease}
.reveal.visible{opacity:1;transform:none}

@media(max-width:900px){
  .header{height:68px;padding:0 17px}
  .nav,.header-cta{display:none}
  .flower{width:32px;height:32px;font-size:14px}
  .logo-copy strong{font-size:12px}
  .hero{min-height:720px}
  .hero-photo{background-position:60% center}
  .hero-shade{
    background:linear-gradient(0deg,rgba(6,24,29,.94) 0%,rgba(6,24,29,.72) 56%,rgba(6,24,29,.32))
  }
  .hero-copy{left:20px;right:20px;bottom:165px}
  .hero h1{font-size:clamp(51px,13vw,67px)}
  .lead{font-size:11px;margin:18px 0 21px}
  .hero-actions .btn{width:100%}
  .hero-actions .ghost{display:none}
  .hero-proof{left:20px;right:20px;bottom:27px;justify-content:space-between;gap:8px}
  .hide-mobile{display:none!important}
  .hero-proof strong{font-size:20px}
  .section{padding:72px 20px}
  .positioning{text-align:left}
  .intro-copy{margin-left:0}
  .positioning-chips{justify-content:flex-start}
  .section h2,.human h2{font-size:44px}
  .section-head{grid-template-columns:1fr;gap:10px}
  .journey-grid{grid-template-columns:1fr 1fr}
  .journey-card{min-height:250px;padding:19px}
  .journey-card:last-child{grid-column:1/-1}
  .treatment-grid{grid-template-columns:1fr 1fr}
  .treatment{min-height:310px;padding:20px}
  .treatment h3{font-size:30px}
  .human{grid-template-columns:1fr}
  .human-photo{min-height:440px}
  .human-copy{padding:56px 21px}
  .human-list>div{grid-template-columns:32px 132px 1fr}
  .social-proof{grid-template-columns:1fr;gap:34px}
  .proof-score strong{font-size:88px}
  .proof-copy{border-left:0;border-top:1px solid rgba(255,255,255,.13);padding-left:0;padding-top:31px}
  .travel{grid-template-columns:1fr;gap:35px}
  .consult{grid-template-columns:1fr;gap:38px;padding-bottom:125px}
  .consult-form{padding:23px 18px}
  footer{display:block}
  footer p{text-align:left;margin-top:17px}
  .mobile-bar{
    display:grid;grid-template-columns:.75fr 1.5fr;position:fixed;z-index:60;
    left:9px;right:9px;bottom:9px;background:rgba(7,22,27,.96);
    backdrop-filter:blur(12px);padding:6px;border-radius:14px;
    box-shadow:0 14px 35px rgba(0,0,0,.27)
  }
  .mobile-bar a{
    height:47px;display:flex;align-items:center;justify-content:center;
    color:#fff;font-size:9px;font-weight:700
  }
  .mobile-bar .mobile-primary{background:#8ad4cb;color:#0d2930;border-radius:10px}
}
@media(max-width:430px){
  .hero h1{font-size:50px}
  .journey-grid,.treatment-grid{grid-template-columns:1fr}
  .journey-card:last-child{grid-column:auto}
  .journey-card{min-height:225px}
  .treatment{min-height:275px}
  .human-list>div{grid-template-columns:28px 1fr}
  .human-list small{grid-column:2}
}