:root{--navy:#1f3457;--pink:#d19fa6;--blush:#f7edef;--white:#fff;--ink:#1f3457;--muted:#647188;--max:1180px;--radius:20px;--shadow:0 12px 34px rgba(31,52,87,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;direction:rtl;font-family:"Open Sans",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.narrow{max-width:900px}.section{padding:58px 0}.white{background:#fff}.blush{background:var(--blush)}.navy{background:var(--navy);color:#fff}.eyebrow{font-size:14px;font-weight:800;color:var(--pink)}.eyebrow.light{color:#e1b8be}.section-title,.center-title{font-size:clamp(27px,3vw,38px);line-height:1.2;margin:4px 0 18px}.center-title{text-align:center}.section-head,.testimonial-head,.video-head{text-align:center}
.header{position:sticky;top:0;z-index:100;background:var(--navy);color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.nav{min-height:72px;display:grid;grid-template-columns:190px 1fr 160px;align-items:center;gap:20px}.brand img{width:175px;height:54px;object-fit:cover}.navlinks{display:flex;justify-content:center;gap:24px;font-weight:700;font-size:14px}.navlinks a:hover{color:var(--pink)}.nav-cta{justify-self:end;background:var(--pink);color:var(--navy);padding:10px 16px;border-radius:999px;font-weight:800;font-size:14px}.menu-btn{display:none;background:none;border:0;color:#fff;font-size:26px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:999px;font-weight:800;border:1px solid transparent}.btn.primary{background:var(--pink);color:var(--navy)}.btn.dark{background:var(--navy);color:#fff}.btn.ghost{border-color:rgba(255,255,255,.75);color:#fff}.actions{display:flex;gap:10px;flex-wrap:wrap}
.hero-v5{position:relative;height:520px;overflow:hidden;background:var(--navy);color:#fff}.hero-v5-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%}.hero-v5-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(31,52,87,.06) 0%,rgba(31,52,87,.15) 37%,rgba(31,52,87,.88) 63%,rgba(31,52,87,.97) 100%)}.hero-v5-inner{position:relative;height:100%;display:flex;align-items:center}.hero-v5-copy{width:46%;margin-right:auto}.hero-v5 h1{font-size:clamp(36px,4.4vw,54px);line-height:1.08;margin:7px 0 15px}.hero-v5 h1 em{font-style:normal;color:var(--pink)}.hero-v5 p{font-size:18px;margin:0 0 22px}.compact-statement{padding:22px 0;text-align:center}.compact-statement p{font-size:20px;margin:0}.compact-statement strong{color:var(--pink)}
.offers-v5{background:#fff}.offer-grid-v5{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:28px}.offer-card-v5{display:grid;grid-template-columns:42% 58%;min-height:265px;border:1px solid rgba(31,52,87,.08);background:var(--blush);border-radius:var(--radius);overflow:hidden;box-shadow:0 7px 24px rgba(31,52,87,.06)}.offer-card-v5.primary-card{background:#fff;border-color:rgba(209,159,166,.45)}.offer-img{height:265px;overflow:hidden;background:#eee}.offer-img img{width:100%;height:100%;object-fit:cover;object-position:center 24%}.offer-img.product-visual img{object-position:center 38%}.offer-img.fp-mini{background:var(--blush);padding:22px}.offer-img.fp-mini img{object-fit:contain;transform:rotate(-4deg);filter:drop-shadow(0 10px 15px rgba(31,52,87,.16))}.offer-body{padding:24px;display:flex;flex-direction:column;justify-content:center}.offer-kicker{font-size:13px;color:var(--pink);font-weight:900}.offer-body h3{font-size:25px;margin:2px 0 7px}.offer-body p{font-size:15px;color:#5f6c80;margin:0 0 8px}.more{color:var(--pink);font-weight:800}
.about-clean{background:var(--navy);color:#fff;padding:54px 0}.about-clean-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center}.about-clean h2{font-size:clamp(30px,3.5vw,42px);line-height:1.15;margin:5px 0}.about-clean p{font-size:17px}.testimonials-v5{background:#fff}.carousel{display:grid;grid-template-columns:44px 1fr 44px;gap:14px;align-items:center;max-width:790px;margin:24px auto 0}.carousel-stage{height:330px;background:var(--blush);border-radius:18px;overflow:hidden;position:relative}.testimonial{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:.3s}.testimonial.active{opacity:1}.car-btn{width:42px;height:42px;border-radius:50%;border:1px solid rgba(31,52,87,.25);background:#fff;color:var(--navy);font-size:25px}.dots{display:flex;gap:7px;justify-content:center;margin-top:12px}.dots button{width:8px;height:8px;border:0;border-radius:50%;background:rgba(31,52,87,.2)}.dots button.active{background:var(--pink)}.cta-v5{background:var(--navy);color:#fff;padding:46px 0}.cta-v5-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-v5 h2{font-size:clamp(28px,3.3vw,40px);line-height:1.16;margin:5px 0 8px}.cta-v5 p{margin:0}.footer{background:#162744;color:rgba(255,255,255,.8);padding:26px 0}.footer-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.footer-logo{width:155px}.footer-links{display:flex;gap:15px;font-size:13px}.footer-contact{justify-self:end;font-size:13px}
.subhero-v5{min-height:460px;display:grid;grid-template-columns:1.05fr .95fr}.subhero-v5-copy{padding:52px clamp(34px,5.5vw,78px);display:flex;flex-direction:column;justify-content:center}.subhero-v5-copy h1{font-size:clamp(32px,3.7vw,46px);line-height:1.14;margin:6px 0 13px}.subhero-v5-copy p{font-size:16.5px;margin:0 0 12px}.subhero-v5-media{background:var(--blush);display:flex;align-items:center;justify-content:center;padding:18px;max-height:460px;overflow:hidden}.subhero-v5-media img{width:100%;height:100%;object-fit:contain;object-position:center}.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:22px}.mini-card{background:#fff;border:1px solid rgba(209,159,166,.55);border-radius:16px;padding:22px;box-shadow:0 7px 22px rgba(31,52,87,.05)}.mini-card h3{font-size:19px;line-height:1.3;margin:0 0 6px}.mini-card p{font-size:14.5px;margin:0}.impact-line{text-align:center;font-size:23px;font-weight:900;margin:25px 0 0}.split-copy{display:grid;grid-template-columns:.78fr 1.22fr;gap:60px;align-items:start}.split-copy h2{font-size:34px;margin:3px 0}.split-copy p{font-size:16.5px}.dark-cards .mini-card{background:#2a4166;color:#fff;border-color:rgba(255,255,255,.12)}.outcome .mini-card span,.process-list span{color:var(--pink);font-weight:900}.feedback-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;max-width:900px;margin:22px auto}.feedback-grid img{width:100%;height:300px;object-fit:contain;background:var(--blush);border-radius:14px}.closing-v5{padding:48px 0}.closing-v5-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:35px;align-items:center}.closing-v5 h2{font-size:clamp(28px,3.3vw,40px);line-height:1.18;margin:0 0 12px}.closing-v5 h2 em{font-style:normal;color:var(--pink)}.closing-img{height:330px;overflow:hidden;border-radius:18px;background:#fff}.closing-img img{width:100%;height:100%;object-fit:contain}
.big-center{text-align:center;color:var(--pink);font-size:24px;font-weight:900}.center-copy{text-align:center;font-size:16.5px;max-width:760px;margin:0 auto}.process-v5{display:grid;grid-template-columns:.95fr 1.05fr;min-height:470px}.process-v5-photo{background:var(--navy);display:flex;align-items:center;justify-content:center;padding:18px;max-height:470px;overflow:hidden}.process-v5-photo img{width:100%;height:100%;object-fit:contain}.process-v5-copy{padding:50px clamp(34px,5.5vw,75px)}.process-list>div{padding:16px 0;border-bottom:1px solid #eadadd}.process-list h3{font-size:20px;margin:2px 0 4px}.process-list p{margin:0;color:#5f6c80}.how-box{max-width:820px;margin:auto;background:var(--blush);border-radius:20px;padding:34px;text-align:center}.how-box h2{font-size:29px;line-height:1.25;margin:5px 0 7px}
.numerology-hero{padding:54px 0}.num-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.numerology-hero h1{font-size:46px;margin:4px 0 12px}.numerology-hero p{font-size:17.5px}.num-session-photo{height:390px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.num-session-photo img{width:100%;height:100%;object-fit:contain}.num-product-showcase{padding:48px 0}.num-safe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:center}.num-safe-grid img{width:100%;height:340px;object-fit:contain;background:#fff;border-radius:12px;box-shadow:var(--shadow);padding:8px}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:850px;margin:25px auto 0}.video-grid video{width:100%;height:410px;object-fit:contain;background:#12213a;border-radius:16px}
.product-hero{padding:58px 0}.product-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.product-hero h1{font-size:46px;margin:4px 0 12px}.product-hero p{font-size:17px}.fp-hero-mockup{height:400px;position:relative}.fp-hero-mockup img{position:absolute;box-shadow:var(--shadow);border-radius:4px}.fp-hero-mockup .fp-a{width:45%;right:18%;top:6%;transform:rotate(4deg)}.fp-hero-mockup .fp-b{width:43%;left:12%;bottom:6%;transform:rotate(-7deg)}.energy-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.energy-steps div{background:var(--blush);border-radius:18px;padding:25px;text-align:center}.energy-steps span{display:block;color:var(--pink);font-weight:900}.energy-steps b{font-size:21px}
@media(max-width:900px){.nav{grid-template-columns:1fr auto}.navlinks,.nav-cta{display:none}.menu-btn{display:block}.nav.open .navlinks{display:flex;position:absolute;top:72px;right:0;left:0;background:var(--navy);padding:20px;flex-direction:column}.hero-v5-copy{width:62%}.offer-grid-v5{grid-template-columns:1fr}.about-clean-inner,.subhero-v5,.closing-v5-inner,.process-v5,.num-hero-grid,.product-hero-grid,.split-copy{grid-template-columns:1fr}.subhero-v5-media,.process-v5-photo{max-height:380px}.cards3{grid-template-columns:1fr}.feedback-grid{grid-template-columns:1fr}.feedback-grid img{height:auto;max-height:360px}.num-safe-grid{grid-template-columns:1fr 1fr}.video-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-links,.footer-contact{justify-self:center;justify-content:center}.footer-logo{justify-self:center}}
@media(max-width:560px){.container{width:min(calc(100% - 28px),var(--max))}.section{padding:44px 0}.hero-v5{height:590px}.hero-v5-img{object-position:56% 24%}.hero-v5-overlay{background:linear-gradient(180deg,rgba(31,52,87,.08),rgba(31,52,87,.94) 68%)}.hero-v5-inner{align-items:flex-end;padding-bottom:36px}.hero-v5-copy{width:100%}.hero-v5 h1{font-size:34px}.offer-card-v5{grid-template-columns:1fr}.offer-img{height:235px}.about-clean-inner{gap:24px}.carousel-stage{height:290px}.cta-v5-inner{display:block}.cta-v5 .btn{margin-top:15px}.subhero-v5-copy{padding:38px 22px}.subhero-v5-copy h1{font-size:30px}.subhero-v5-media{height:360px}.process-v5-photo{height:340px}.process-v5-copy{padding:40px 22px}.num-session-photo{height:340px}.num-safe-grid{grid-template-columns:1fr}.num-safe-grid img{height:320px}.video-grid video{height:360px}.energy-steps{grid-template-columns:1fr 1fr}}

/* V5.1 homepage refinements */
.hero-v5-copy{width:42%;margin-right:0;margin-left:auto;text-align:right}
.hero-v5-overlay{background:linear-gradient(90deg,rgba(31,52,87,.02) 0%,rgba(31,52,87,.06) 36%,rgba(31,52,87,.60) 58%,rgba(31,52,87,.92) 100%)}
.hero-v5-img{object-position:58% 32%}
.offer-card-v5:nth-child(2) .offer-img img{object-position:center 28%}
@media(max-width:900px){.hero-v5-copy{width:54%;margin-right:0;margin-left:auto}}
@media(max-width:560px){.hero-v5-copy{width:100%;margin:0}.hero-v5-overlay{background:linear-gradient(180deg,rgba(31,52,87,.08),rgba(31,52,87,.94) 68%)}}

/* Hover video demo — coaching card only */
.hover-media{position:relative;background:#1f3457}
.hover-media .hover-poster,.hover-media .hover-clip{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 28%;transition:opacity .28s ease}
.hover-media .hover-poster{opacity:1;z-index:1}
.hover-media .hover-clip{opacity:0;z-index:2;filter:brightness(.88)}
.hover-video-card:hover .hover-poster{opacity:0}
.hover-video-card:hover .hover-clip{opacity:1}

/* V5.2: one-shot micro-motion on all four service cards */
.hover-media{position:relative;overflow:hidden}
.hover-media .hover-poster,.hover-media .hover-clip{position:absolute;inset:0;width:100%;height:100%;transition:opacity .25s ease}
.hover-media .hover-poster{z-index:1;opacity:1}
.hover-media .hover-clip{z-index:2;opacity:0;object-fit:cover;object-position:center 35%;filter:brightness(.94)}
.fp-mini.hover-media{padding:0}
.fp-mini.hover-media .hover-poster{object-fit:contain;padding:22px;background:#f7edef}
.fp-mini.hover-media .fp-hover-clip{object-fit:cover;filter:none}

/* V5.3 card-video framing */
.offer-grid-v5 .offer-card-v5:nth-child(2) .hover-clip{
  object-fit:contain;
  object-position:center center;
  background:#f7edef;
  filter:none;
}
.offer-grid-v5 .offer-card-v5:nth-child(4) .fp-hover-clip{
  object-fit:contain;
  object-position:center center;
  background:#f7edef;
  filter:none;
}

/* V5.5 corrections */
.offer-grid-v5 .offer-card-v5:nth-child(2) .hover-clip{
  object-fit:cover !important;
  object-position:center top !important;
  background:transparent !important;
  filter:none !important;
}
.offer-grid-v5 .offer-card-v5:nth-child(2) .hover-poster{
  object-fit:cover !important;
  object-position:center 28% !important;
}
.offer-grid-v5 .offer-card-v5:nth-child(4) .fp-hover-clip{
  object-fit:contain !important;
  object-position:center center !important;
  background:#f7edef !important;
  filter:none !important;
}

/* V5.8 exact content hierarchy for Clarity + Coaching */
.page-kicker{font-size:18px;font-weight:700;color:#d19fa6;margin-bottom:10px}
.clarity-hero-final h1,.coaching-hero-final h1{font-size:42px;font-weight:800;line-height:1.18;margin:0 0 18px}
.hero-copy{font-size:19px;line-height:1.7;margin:0 0 12px}
.final-cta{font-size:17px;font-weight:800}
.section-title-final{font-size:32px;font-weight:800;line-height:1.25;margin:0 0 22px}
.section-title-final.regular{font-weight:400;margin-bottom:8px}
.subsection-title-final{font-size:27px;font-weight:800;line-height:1.3;margin:36px 0 20px}
.center{text-align:center}
.body-copy{font-size:18px;line-height:1.8}
.center-copy-final{text-align:center;max-width:880px;margin-left:auto;margin-right:auto}
.cards3 .mini-card h3{font-size:21px;font-weight:800}
.cards3 .mini-card p{font-size:18px}
.impact-title{font-size:26px;font-weight:800;text-align:center;margin:28px 0 4px}
.impact-sub{font-size:18px;text-align:center;margin:0}
.outcome .mini-card h3{font-size:22px}
.cta-center{text-align:center;margin-top:28px}
.feedback-subtitle{font-size:23px;font-weight:400;margin:-10px 0 24px}
.final-close{text-align:center;padding:10px 0}
.final-close .close-line{font-size:34px;font-weight:400;line-height:1.22;margin:0 0 6px}
.final-close .close-line.strong{font-weight:800}
.final-close p{font-size:18px;max-width:850px;margin:20px auto 24px}
.final-process>div{padding:20px 0;border-bottom:1px solid rgba(31,52,87,.12)}
.final-process span{font-size:18px;font-weight:800;color:#d19fa6}
.final-process h3{font-size:21px;font-weight:800;margin:3px 0 5px}
.final-process p{font-size:18px;margin:0}
.final-how-box{background:#f7edef}
.final-how-box h2{font-size:30px;font-weight:800;margin:0 0 12px}
.final-how-box .how-main{font-size:21px;margin:0 0 8px}
.final-how-box p{font-size:18px}
.final-coaching-close{text-align:center}
.final-coaching-close h2{font-size:34px;font-weight:800;line-height:1.25;margin:0 0 22px}
@media(max-width:700px){
  .clarity-hero-final h1,.coaching-hero-final h1{font-size:34px}
  .hero-copy{font-size:18px}
  .section-title-final{font-size:28px}
  .subsection-title-final{font-size:24px}
  .final-close .close-line,.final-coaching-close h2{font-size:30px}
}

/* V5.9 — Clarity page visual rhythm, based on chosen reference direction */
.clarity-hero-final .subhero-v5-copy{text-align:center;align-items:center}
.clarity-hero-final .subhero-v5-media{padding:0;background:#d19fa6;max-height:none;overflow:hidden}
.clarity-hero-final .subhero-v5-media img{width:100%;height:100%;object-fit:cover;object-position:center 28%}
.clarity-hero-final .hero-copy{max-width:760px;text-align:center}

/* identification section — fully centered */
.clarity-hero-final + .section .mini-card{text-align:center}
.clarity-hero-final + .section .mini-card h3,
.clarity-hero-final + .section .mini-card p{text-align:center}

/* clarity explanation section — clean white pause */
.clarity-hero-final + .section + .section{background:#fff}
.clarity-hero-final + .section + .section .mini-card{text-align:center}

/* testimonials — a strong brand-color block instead of another white section */
.clarity-hero-final ~ .testimonials-v5{background:#d19fa6;color:#1f3457}
.clarity-hero-final ~ .testimonials-v5 .section-title-final{color:#1f3457}
.clarity-hero-final ~ .testimonials-v5 .feedback-subtitle{color:#1f3457;font-size:18px;font-weight:600}
.clarity-hero-final ~ .testimonials-v5 .carousel-stage{background:#fff;box-shadow:0 14px 36px rgba(31,52,87,.12)}
.clarity-hero-final ~ .testimonials-v5 .car-btn{background:#fff;border-color:rgba(31,52,87,.18)}
.clarity-hero-final ~ .testimonials-v5 .dots button{background:rgba(31,52,87,.25)}
.clarity-hero-final ~ .testimonials-v5 .dots button.active{background:#1f3457}

/* closing — navy, then a distinct footer below it */
.clarity-hero-final ~ .closing-v5{background:#1f3457;color:#fff}
.clarity-footer{background:#162744;border-top:1px solid rgba(255,255,255,.08)}
.clarity-footer .footer-logo{background:#1f3457;border-radius:0}

/* page-wide text centering for clarity content */
.clarity-hero-final ~ .section .section-title-final,
.clarity-hero-final ~ .section .subsection-title-final,
.clarity-hero-final ~ .section .body-copy,
.clarity-hero-final ~ .section .impact-title,
.clarity-hero-final ~ .section .impact-sub,
.clarity-hero-final ~ .section .mini-card h3,
.clarity-hero-final ~ .section .mini-card p{text-align:center}

@media(max-width:900px){
  .clarity-hero-final .subhero-v5-media{height:360px}
  .clarity-hero-final .subhero-v5-media img{object-position:center 26%}
}

/* V5.10 — Clarity page: more visual, less document-like */
.clarity-hero-visual{position:relative;min-height:560px;overflow:hidden;background:#172743;color:#fff}
.clarity-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%}
.clarity-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,27,45,.12) 0%,rgba(17,27,45,.28) 38%,rgba(31,52,87,.74) 62%,rgba(31,52,87,.94) 100%)}
.clarity-hero-content{position:relative;z-index:2;min-height:560px;display:flex;align-items:center}
.clarity-hero-copy{width:min(670px,48%);margin-right:auto;text-align:center}
.clarity-hero-copy h1{font-size:42px;line-height:1.18;margin:0 0 18px}
.clarity-hero-copy .hero-copy{font-size:19px;line-height:1.7}
.clarity-hero-copy .page-kicker{color:#e1b8be}
.clarity-identification{position:relative;padding:72px 0;overflow:hidden;color:#fff}
.clarity-identification-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%}
.clarity-identification-overlay{position:absolute;inset:0;background:rgba(20,35,60,.70)}
.clarity-identification-inner{position:relative;z-index:2}
.clarity-identification .section-title-final,.clarity-identification .impact-title,.clarity-identification .impact-sub{color:#fff}
.clarity-glass-cards .mini-card{background:rgba(255,255,255,.90);border:1px solid rgba(255,255,255,.55);backdrop-filter:blur(4px);box-shadow:0 14px 36px rgba(0,0,0,.16);text-align:center}
.clarity-glass-cards .mini-card h3,.clarity-glass-cards .mini-card p{color:#1f3457;text-align:center}
.clarity-explanation{background:#f5eaed;padding:64px 0 58px}
.clarity-explanation-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}
.clarity-explanation-copy{padding:24px 10px;background:#f5eaed}
.clarity-explanation-media{border-radius:22px;overflow:hidden;background:#1f3457;min-height:420px;box-shadow:0 18px 42px rgba(31,52,87,.12)}
.clarity-explanation-media img{width:100%;height:100%;min-height:420px;object-fit:cover;object-position:42% 54%;transform:scale(1.09)}
.clarity-outcomes-wrap{margin-top:42px;padding:40px 30px;border-radius:22px;background:#f7edef}
.clarity-outcomes-wrap .mini-card{background:#fff;text-align:center}
.clarity-outcomes-wrap .mini-card h3,.clarity-outcomes-wrap .mini-card p{text-align:center}
@media(max-width:900px){.clarity-hero-copy{width:58%}.clarity-explanation-grid{grid-template-columns:1fr}.clarity-explanation-media,.clarity-explanation-media img{min-height:350px}}
@media(max-width:560px){.clarity-hero-visual,.clarity-hero-content{min-height:660px}.clarity-hero-bg{object-position:35% center}.clarity-hero-shade{background:linear-gradient(180deg,rgba(20,35,60,.20),rgba(31,52,87,.94) 66%)}.clarity-hero-content{align-items:flex-end;padding-bottom:38px}.clarity-hero-copy{width:100%;margin:0}.clarity-hero-copy h1{font-size:34px}.clarity-identification{padding:54px 0}.clarity-outcomes-wrap{padding:30px 18px}}

/* V5.11 clarity corrections */
.clarity-hero-split{
  display:grid;
  grid-template-columns: 48% 52%;
  min-height:600px;
  background:#203457;
  color:#fff;
  direction:ltr;
}
.clarity-hero-media{overflow:hidden;min-height:600px;background:#161f2c}
.clarity-hero-media img{
  width:100%;height:100%;min-height:600px;
  object-fit:cover;
  object-position:35% 48%;
  transform:scale(1.05);
}
.clarity-hero-panel{display:flex;align-items:center;justify-content:center;padding:54px 56px;direction:rtl}
.clarity-hero-panel .clarity-hero-copy{width:100%;max-width:690px;margin:0;text-align:center}
.clarity-hero-panel .clarity-hero-copy h1{font-size:42px;line-height:1.18;margin:0 0 18px}
.clarity-hero-panel .hero-copy{font-size:19px;line-height:1.7}
.clarity-hero-panel .page-kicker{color:#d19fa6}

.clarity-identification-split{
  display:grid;
  grid-template-columns:42% 58%;
  min-height:590px;
  background:#d19fa6;
  direction:ltr;
}
.clarity-identification-media{overflow:hidden;min-height:590px;background:#2a2a2a}
.clarity-identification-media img{
  width:100%;height:100%;min-height:590px;
  object-fit:cover;
  object-position:28% 46%;
  transform:scale(1.03);
}
.clarity-identification-panel{
  direction:rtl;
  padding:58px 54px;
  display:flex;flex-direction:column;justify-content:center;
  background:linear-gradient(135deg,#d19fa6 0%,#c98f99 100%);
  color:#203457;
}
.clarity-identification-panel .section-title-final,
.clarity-identification-panel .impact-title,
.clarity-identification-panel .impact-sub{color:#203457;text-align:center}
.clarity-rose-cards{grid-template-columns:1fr;gap:14px;margin-top:8px}
.clarity-rose-cards .mini-card{
  background:rgba(255,255,255,.90);
  border:1px solid rgba(255,255,255,.65);
  text-align:center;
  padding:18px 22px;
  box-shadow:0 10px 24px rgba(31,52,87,.10);
}
.clarity-rose-cards .mini-card h3,.clarity-rose-cards .mini-card p{text-align:center;color:#203457}
.clarity-identification-panel .impact-title{margin-top:22px}

/* feedback section gets its own visual tone */
.testimonials-v5.blush{background:#f1d9dd !important}

/* footer must exactly match the logo brand blue */
.footer.clarity-footer{background:#203457 !important}
.footer.clarity-footer .footer-logo{background:transparent !important;box-shadow:none !important}
.footer.clarity-footer .footer-logo{object-fit:contain}

@media(max-width:900px){
  .clarity-hero-split,.clarity-identification-split{grid-template-columns:1fr}
  .clarity-hero-media{min-height:420px}
  .clarity-hero-media img{min-height:420px;object-position:35% 36%;transform:scale(1.02)}
  .clarity-hero-panel{padding:42px 26px}
  .clarity-identification-media{min-height:440px}
  .clarity-identification-media img{min-height:440px;object-position:26% 42%}
  .clarity-identification-panel{padding:44px 26px}
}

/* V5.12 — exact 50/50 split for clarity visual section */
.clarity-explanation-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:0 !important;
  align-items:stretch !important;
  overflow:hidden;
  border-radius:22px;
}
.clarity-explanation-copy,
.clarity-explanation-media{
  height:460px !important;
  min-height:460px !important;
  margin:0 !important;
  border-radius:0 !important;
}
.clarity-explanation-copy{
  display:flex !important;
  flex-direction:column;
  justify-content:center;
  padding:42px 48px !important;
  background:#f5eaed !important;
}
.clarity-explanation-media img{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  object-fit:cover !important;
  object-position:42% 54% !important; transform:scale(1.09) !important;
}
@media(max-width:900px){
  .clarity-explanation-grid{grid-template-columns:1fr !important}
  .clarity-explanation-copy,.clarity-explanation-media{
    height:auto !important;
    min-height:360px !important;
  }
}

/* V5.13 — Clarity page uses only the jeans workshop for the first two visuals.
   Keep Roni readable; dark monochrome treatment is applied to the environment. */
.clarity-hero-bg{
  filter:grayscale(100%) brightness(.58) contrast(1.08) !important;
  object-position:center 55% !important;
}
.clarity-hero-shade{
  background:linear-gradient(90deg,
    rgba(10,18,31,.30) 0%,
    rgba(15,26,44,.38) 40%,
    rgba(31,52,87,.76) 66%,
    rgba(31,52,87,.96) 100%) !important;
}
.clarity-identification-bg{
  filter:grayscale(100%) brightness(.54) contrast(1.08) !important;
  object-position:center 52% !important;
}
.clarity-identification-overlay{
  background:rgba(20,35,60,.56) !important;
}

/* V5.14 — Clarity image treatment + proportional hero */
.clarity-hero-visual,
.clarity-hero-content{
  min-height:440px !important;
  height:440px !important;
}
.clarity-hero-bg{
  filter:grayscale(100%) brightness(.78) contrast(1.08) !important;
  object-fit:cover !important;
  object-position:center 52% !important;
}
.clarity-hero-shade{
  background:linear-gradient(90deg,
    rgba(8,15,27,.12) 0%,
    rgba(8,15,27,.22) 44%,
    rgba(31,52,87,.78) 66%,
    rgba(31,52,87,.96) 100%) !important;
}

/* Second image: darker treatment, distinct from the B&W hero */
.clarity-identification{
  min-height:440px !important;
}
.clarity-identification-bg{
  filter:grayscale(35%) brightness(.38) contrast(1.12) !important;
  object-fit:cover !important;
  object-position:center 52% !important;
}
.clarity-identification-overlay{
  background:rgba(10,18,31,.42) !important;
}

/* Keep the person visually centered in both image areas */
.clarity-hero-visual .clarity-hero-bg,
.clarity-identification .clarity-identification-bg{
  object-position:50% 52% !important;
}

@media(max-width:900px){
  .clarity-hero-visual,.clarity-hero-content{height:auto !important;min-height:500px !important}
}

/* V5.15 — FIX actual selectors used in clarity.html */

/* FIRST SECTION: compact, black & white, person centered */
.clarity-hero-split{
  min-height:430px !important;
  height:430px !important;
  grid-template-columns:48% 52% !important;
}
.clarity-hero-media{
  min-height:430px !important;
  height:430px !important;
  position:relative;
  overflow:hidden;
}
.clarity-hero-media img{
  width:100% !important;
  height:430px !important;
  min-height:0 !important;
  object-fit:cover !important;
  object-position:68% 55% !important;
  transform:none !important;
  filter:grayscale(100%) brightness(.82) contrast(1.08) !important;
}
.clarity-hero-panel{
  min-height:430px !important;
  height:430px !important;
  padding:30px 42px !important;
}
.clarity-hero-panel .clarity-hero-copy{
  max-width:650px !important;
}
.clarity-hero-panel .clarity-hero-copy h1{
  margin-bottom:12px !important;
}
.clarity-hero-panel .hero-copy{
  line-height:1.55 !important;
  margin-bottom:8px !important;
}

/* SECOND SECTION: distinctly darker treatment, not B&W */
.clarity-identification-split{
  min-height:500px !important;
  height:500px !important;
  grid-template-columns:42% 58% !important;
}
.clarity-identification-media{
  min-height:500px !important;
  height:500px !important;
  position:relative;
  overflow:hidden;
  background:#101925 !important;
}
.clarity-identification-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(10,18,31,.34);
  pointer-events:none;
}
.clarity-identification-media img{
  width:100% !important;
  height:500px !important;
  min-height:0 !important;
  object-fit:cover !important;
  object-position:68% 52% !important;
  transform:none !important;
  filter:grayscale(25%) brightness(.62) contrast(1.10) !important;
}
.clarity-identification-panel{
  min-height:500px !important;
  height:500px !important;
  padding:34px 46px !important;
}

/* desktop only: keep both halves visually balanced */
@media(min-width:901px){
  .clarity-hero-split > *,
  .clarity-identification-split > *{
    align-self:stretch !important;
  }
}

@media(max-width:900px){
  .clarity-hero-split,
  .clarity-identification-split{
    height:auto !important;
  }
  .clarity-hero-media,
  .clarity-hero-panel{
    height:auto !important;
    min-height:360px !important;
  }
  .clarity-hero-media img{
    height:360px !important;
    object-position:68% 50% !important;
  }
  .clarity-identification-media,
  .clarity-identification-panel{
    height:auto !important;
    min-height:390px !important;
  }
  .clarity-identification-media img{
    height:390px !important;
    object-position:68% 50% !important;
  }
}

/* V5.16 — each opening section occupies its own screen,
   using the same visual concept as the earlier approved treatment */

/* ONE SECTION PER VIEWPORT */
.clarity-hero-split,
.clarity-identification-split{
  min-height:calc(100vh - 76px) !important;
  height:calc(100vh - 76px) !important;
  overflow:hidden !important;
}

/* FIRST VISUAL — B&W, full person visible, no head crop */
.clarity-hero-media{
  position:relative !important;
  height:100% !important;
  min-height:0 !important;
  overflow:hidden !important;
  background:#172743 !important;
}
.clarity-hero-media::before{
  content:"";
  position:absolute;
  inset:-12px;
  background:url("clarity-jeans-01.jpg") center center / cover no-repeat;
  filter:grayscale(100%) brightness(.36) blur(8px);
  transform:scale(1.04);
}
.clarity-hero-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(10,16,27,.30),rgba(10,16,27,.12));
}
.clarity-hero-media img{
  position:relative !important;
  z-index:2 !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  filter:grayscale(100%) brightness(.86) contrast(1.06) !important;
  transform:none !important;
}

/* FIRST COPY: vertically centered with no huge dead space */
.clarity-hero-panel{
  height:100% !important;
  min-height:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:40px 54px !important;
}
.clarity-hero-panel .clarity-hero-copy{
  margin:auto !important;
  width:min(690px,100%) !important;
}

/* SECOND VISUAL — darker treatment, not the same B&W look */
.clarity-identification-media{
  position:relative !important;
  height:100% !important;
  min-height:0 !important;
  overflow:hidden !important;
  background:#101925 !important;
}
.clarity-identification-media::before{
  content:"";
  position:absolute;
  inset:-12px;
  background:url("clarity-jeans-02.jpg") center center / cover no-repeat;
  filter:brightness(.26) saturate(.72) blur(8px);
  transform:scale(1.04);
}
.clarity-identification-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(9,16,28,.30);
}
.clarity-identification-media img{
  position:relative !important;
  z-index:2 !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  filter:brightness(.63) saturate(.72) contrast(1.08) !important;
  transform:none !important;
}
.clarity-identification-panel{
  height:100% !important;
  min-height:0 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  padding:42px 54px !important;
}

/* desktop split stays balanced */
@media(min-width:901px){
  .clarity-hero-split{grid-template-columns:48% 52% !important}
  .clarity-identification-split{grid-template-columns:48% 52% !important}
}

/* mobile: do not force viewport height */
@media(max-width:900px){
  .clarity-hero-split,
  .clarity-identification-split{
    height:auto !important;
    min-height:0 !important;
  }
  .clarity-hero-media,
  .clarity-identification-media{
    height:520px !important;
  }
}

/* V5.17 — fill the full visual half; larger Roni; two distinct treatments */

/* FIRST IMAGE — full-bleed, zoomed, black/gray background like approved concept */
.clarity-hero-media{
  background:#17191d !important;
}
.clarity-hero-media::before{
  inset:0 !important;
  background:url("clarity-jeans-01.jpg") center 48% / cover no-repeat !important;
  filter:grayscale(100%) brightness(.42) contrast(1.06) blur(3px) !important;
  transform:scale(1.02) !important;
}
.clarity-hero-media::after{
  background:linear-gradient(90deg,
    rgba(12,14,18,.22) 0%,
    rgba(12,14,18,.10) 55%,
    rgba(31,52,87,.20) 100%) !important;
}
.clarity-hero-media img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:58% 46% !important;
  filter:grayscale(100%) brightness(.92) contrast(1.08) !important;
  transform:scale(1.18) !important;
  transform-origin:center center !important;
}

/* SECOND IMAGE — full-bleed color, brighter, still with a soft dark cinematic bed */
.clarity-identification-media{
  background:#201f22 !important;
}
.clarity-identification-media::before{
  inset:0 !important;
  background:url("clarity-jeans-02.jpg") center 50% / cover no-repeat !important;
  filter:brightness(.48) saturate(.82) blur(3px) !important;
  transform:scale(1.02) !important;
}
.clarity-identification-media::after{
  background:linear-gradient(90deg,
    rgba(12,14,18,.18) 0%,
    rgba(12,14,18,.06) 60%,
    rgba(31,52,87,.12) 100%) !important;
}
.clarity-identification-media img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:60% 47% !important;
  filter:brightness(1.08) saturate(.96) contrast(1.04) !important;
  transform:scale(1.18) !important;
  transform-origin:center center !important;
}

/* ensure visual halves remain completely filled */
.clarity-hero-media,
.clarity-identification-media{
  overflow:hidden !important;
}
/* V5.18 — exact user photo as second Clarity image; no image editing, site crop/zoom only */
.clarity-identification-media::before{display:none !important;}
.clarity-identification-media::after{display:none !important;}
.clarity-identification-media img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:50% 47% !important;
  filter:none !important;
  transform:scale(1.34) !important;
  transform-origin:center center !important;
}


/* Shared site-wide header/footer */
.shared-footer .footer-logo-link{display:block;justify-self:center}
.shared-footer .footer-logo{display:block}
.shared-footer .footer-links{justify-content:center}
@media(max-width:900px){
  .shared-footer .footer-logo-link{justify-self:center}
}


/* V5.56 — larger shared navigation + footer */
.shared-header .nav{
  min-height:96px;
  width:100%;
  max-width:none;
  padding-inline:48px;
  gap:30px;
}
.shared-header .brand img{
  width:138px;
  max-height:66px;
  object-fit:contain;
}
.shared-header .navlinks{
  flex:1;
  justify-content:center;
  gap:42px;
}
.shared-header .navlinks a{
  font-size:18px;
  font-weight:800;
}
.shared-header .nav-cta{
  font-size:17px;
  padding:14px 28px;
  border-radius:999px;
}
.shared-footer{
  padding:48px 0 42px !important;
}
.shared-footer .footer-grid{
  gap:28px;
}
.shared-footer .footer-logo{
  width:170px !important;
  max-width:170px !important;
}
.shared-footer .footer-links{
  gap:30px;
  flex-wrap:wrap;
}
.shared-footer .footer-links a{
  font-size:17px !important;
  font-weight:800;
}
.shared-footer .footer-contact{
  display:flex;
  gap:24px;
  justify-content:center;
  flex-wrap:wrap;
  font-size:16px !important;
}
@media(max-width:1000px){
  .shared-header .nav{padding-inline:24px}
  .shared-header .navlinks{gap:22px}
  .shared-header .navlinks a{font-size:16px}
}

/* V5.57 — larger visible logo + footer social/contact row */
.shared-header .brand{
  display:flex;
  align-items:center;
  min-width:210px;
}
.shared-header .brand img{
  width:205px !important;
  height:82px !important;
  max-height:none !important;
  object-fit:contain !important;
  display:block;
}
.shared-header .nav{
  min-height:108px !important;
}

.shared-footer{
  padding:46px 0 38px !important;
}
.shared-footer .footer-grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  justify-items:center !important;
  gap:24px !important;
  text-align:center;
}
.shared-footer .footer-logo{
  width:225px !important;
  max-width:225px !important;
  height:auto !important;
  object-fit:contain;
}
.shared-footer .footer-links{
  display:flex !important;
  justify-content:center !important;
  align-items:center;
  gap:34px !important;
  flex-wrap:wrap;
}
.shared-footer .footer-links a{
  font-size:18px !important;
  font-weight:800 !important;
}
.shared-footer .footer-social{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:30px;
  flex-wrap:wrap;
  margin-top:4px;
}
.shared-footer .footer-social a{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#fff;
  text-decoration:none;
  font-size:16px;
  direction:ltr;
}
.shared-footer .footer-social a:hover{
  opacity:.86;
}
.shared-footer .footer-icon{
  width:31px;
  height:31px;
  border:1px solid rgba(209,159,166,.72);
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#d19fa6;
  font-size:16px;
  font-weight:800;
}
.shared-footer .footer-ig{
  font-size:23px;
  line-height:1;
}
@media(max-width:900px){
  .shared-header .brand{min-width:160px}
  .shared-header .brand img{width:165px !important;height:70px !important}
  .shared-header .nav{min-height:94px !important}
  .shared-footer .footer-logo{width:190px !important}
  .shared-footer .footer-links{gap:20px !important}
  .shared-footer .footer-social{gap:18px}
}

/* V5.60 — same testimonial carousel on all inner pages, keep page backgrounds */
.sub-feedback-loop{
  position:relative;
  max-width:1420px;
  margin:32px auto 0;
  min-height:380px;
  display:flex;
  align-items:center;
}
.sub-feedback-viewport{
  width:100%;
  overflow:hidden;
  padding:18px 0 26px;
}
.sub-feedback-track{
  --w:300px;
  --gap:22px;
  direction:ltr;
  display:flex;
  gap:var(--gap);
  align-items:center;
  justify-content:center;
  transform:translateX(0);
  transition:transform .40s ease;
  will-change:transform;
}
.sub-feedback-track.no-transition{transition:none!important}
.sub-feedback-card{
  direction:rtl;
  flex:0 0 var(--w);
  height:300px;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:.40;
  transform:scale(.90);
  filter:saturate(.75);
  transition:opacity .28s ease,transform .28s ease,filter .28s ease;
}
.sub-feedback-card.is-center{
  opacity:1;
  transform:scale(1.08);
  filter:none;
  z-index:3;
}
.sub-feedback-image{
  width:100%;
  height:100%;
  border-radius:20px;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(209,159,166,.24);
  box-shadow:0 10px 30px rgba(31,52,87,.09);
  display:flex;
  align-items:center;
  justify-content:center;
}
.sub-feedback-card.is-center .sub-feedback-image{
  box-shadow:0 16px 42px rgba(31,52,87,.16);
}
.sub-feedback-image img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
.sub-feedback-btn{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:10;
  width:46px;
  height:46px;
  border-radius:50%;
  border:1px solid rgba(31,52,87,.16);
  background:#fff;
  color:#1f3457;
  font:700 24px Arial,sans-serif;
  cursor:pointer;
  box-shadow:0 8px 22px rgba(31,52,87,.12);
}
.sub-feedback-right{right:10px}
.sub-feedback-left{left:10px}
.sub-feedback-sources{display:none!important}

@media(max-width:1100px){
  .sub-feedback-track{--w:260px;--gap:16px}
  .sub-feedback-card{height:270px}
}
@media(max-width:850px){
  .sub-feedback-loop{min-height:335px}
  .sub-feedback-track{--w:230px;--gap:14px}
  .sub-feedback-card{height:245px}
}
@media(max-width:560px){
  .sub-feedback-loop{min-height:305px}
  .sub-feedback-track{--w:205px;--gap:12px}
  .sub-feedback-card{height:220px}
  .sub-feedback-btn{width:40px;height:40px;font-size:21px}
}


/* V5.122 – all testimonial sections use the brand logo pink */
.testimonials-v5.blush{background:#d19fa6 !important;color:#1f3457 !important;}
.testimonials-v5.blush .section-title,
.testimonials-v5.blush .section-title-final,
.testimonials-v5.blush .feedback-subtitle{color:#1f3457 !important;}