@font-face{font-family:"Vazirmatn";font-style:normal;font-display:swap;font-weight:300;src:url("/deroon-khani/font/vazirmatn-arabic-300-normal.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:"Vazirmatn";font-style:normal;font-display:swap;font-weight:400;src:url("/deroon-khani/font/vazirmatn-arabic-400-normal.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:"Vazirmatn";font-style:normal;font-display:swap;font-weight:500;src:url("/deroon-khani/font/vazirmatn-arabic-500-normal.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:"Vazirmatn";font-style:normal;font-display:swap;font-weight:600;src:url("/deroon-khani/font/vazirmatn-arabic-600-normal.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:"Vazirmatn";font-style:normal;font-display:swap;font-weight:700;src:url("/deroon-khani/font/vazirmatn-arabic-700-normal.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:"Vazirmatn";font-style:normal;font-display:swap;font-weight:800;src:url("/deroon-khani/font/vazirmatn-arabic-800-normal.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@scope (.deroon-landing) {
:scope{--paper:#fbf8ef;--paper-2:#f4efe3;--ink:#26301f;--muted:#6c7363;--green:#334b25;--green-2:#496334;--sage:#a9b78d;--sage-soft:#e6eadb;--ochre:#b98b4a;--clay:#b96f56;--line:#d9d5c8;--white:#fffef9;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}:scope{scroll-behavior:smooth}:scope{margin:0;background:var(--paper);color:var(--ink);font-family:"Vazirmatn",Tahoma,sans-serif;line-height:1.85}:scope::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.2;z-index:99;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.06'/%3E%3C/svg%3E")}.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.full{width:100%}
.site-header{height:70px;background:rgba(251,248,239,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.header-inner{height:100%;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:9px;font-size:1.25rem;font-weight:800;margin-inline-end:auto}.brand svg{width:28px;height:32px;fill:var(--green);stroke:var(--paper);stroke-width:3}.main-nav{display:flex;align-items:center;gap:26px;font-size:.82rem}.main-nav a{color:#444b3d;transition:color .16s}.main-nav a:hover{color:var(--green)}.button{border:0;border-radius:9px;padding:11px 20px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;transition:transform .16s,background .16s,color .16s,border-color .16s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--green);color:white;box-shadow:0 8px 22px rgba(51,75,37,.15)}.button-primary:hover{background:#253a1b}.button-outline{background:rgba(255,255,255,.22);color:var(--green);border:1px solid #879674}.button-light{background:var(--white);color:var(--green)}.button-small{padding:9px 16px;font-size:.8rem}.menu-toggle{display:none;border:0;background:none;font-size:1.35rem;color:var(--green)}
.hero{position:relative;background:linear-gradient(90deg,#f1ecdf 0%,#fbf8ef 48%,#fbf8ef 100%);border-bottom:1px solid var(--line);overflow:hidden}.hero-inner{min-height:420px;display:grid;grid-template-columns:1fr 1.12fr;align-items:center}.hero-copy{padding:55px 0 42px;z-index:2}.kicker{font-size:.77rem;color:var(--ochre);font-weight:700;margin:0 0 13px}.hero h1{font-size:clamp(4.2rem,7vw,6.5rem);line-height:1;margin:0;color:var(--green);letter-spacing:-.04em}.hero h2{font-size:1.45rem;margin:17px 0 13px;line-height:1.55}.hero-lead{font-size:.91rem;color:var(--muted);max-width:600px;margin:0}.hero-actions{display:flex;gap:13px;margin-top:25px;flex-wrap:wrap}.hero-art{height:420px;position:relative;align-self:stretch;margin-left:-8vw}.hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 50%,var(--paper) 100%)}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:42% 54%;mix-blend-mode:multiply}.benefit-row{min-height:72px;border-top:1px solid rgba(52,69,40,.12);display:grid;grid-template-columns:repeat(4,1fr)}.benefit-row>div{display:flex;align-items:center;justify-content:center;gap:10px;font-size:.75rem;padding:13px;border-inline-start:1px solid var(--line)}.benefit-row>div:last-child{border-inline-start:0}.benefit-icon{font-size:1.25rem;color:var(--green)}
.journey-section{padding-top:55px;background:var(--white)}.section-title{text-align:center}.section-title h2{font-size:1.55rem;margin:0}.section-title p{font-size:.85rem;color:var(--muted);margin:4px 0 0}.section-title.compact{margin-bottom:30px}.journey-scroll{overflow-x:auto;padding:2px 4px 14px;scrollbar-width:thin;scrollbar-color:var(--sage) transparent}.journey-track{direction:rtl;min-width:1080px;display:grid;grid-template-columns:repeat(8,1fr);position:relative;padding:0 8px}.journey-track::before{content:"";position:absolute;top:51px;right:7%;left:7%;height:2px;background:repeating-linear-gradient(90deg,var(--sage) 0 3px,transparent 3px 8px);z-index:0}.session-node{appearance:none;border:0;background:none;color:var(--ink);padding:0 7px;text-align:center;position:relative;z-index:1;min-width:0}.session-orb{width:84px;height:84px;margin:8px auto 10px;border-radius:50%;display:grid;place-items:center;background:var(--node-bg,var(--sage-soft));border:6px solid rgba(255,255,255,.62);outline:1px solid rgba(80,94,61,.15);box-shadow:0 4px 15px rgba(53,66,41,.08);transition:transform .22s var(--ease),outline-color .22s}.session-node:hover .session-orb,.session-node.active .session-orb{transform:translateY(-5px) scale(1.04);outline-color:var(--green)}.session-node.active .session-orb{box-shadow:0 7px 22px rgba(51,75,37,.2)}.session-orb svg{width:46px;height:46px;fill:none;stroke:var(--node-ink,var(--green));stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.session-node:nth-child(2){--node-bg:#eee0bd;--node-ink:#aa7840}.session-node:nth-child(3){--node-bg:#e2e4d8;--node-ink:#65705e}.session-node:nth-child(4){--node-bg:#efddcc;--node-ink:#a65936}.session-node:nth-child(5){--node-bg:#e5ecd7;--node-ink:#61784a}.session-node:nth-child(6){--node-bg:#eeded6;--node-ink:#a86655}.session-node:nth-child(7){--node-bg:#e0ead3;--node-ink:#5d7a40}.session-node:nth-child(8){--node-bg:#e6ebd8;--node-ink:#658149}.session-node .number{display:block;font-size:.83rem;font-weight:700;margin-bottom:1px}.session-node h3{font-size:.91rem;margin:0 0 3px;white-space:nowrap}.session-node p{font-size:.7rem;line-height:1.65;color:var(--muted);margin:0 auto;max-width:108px}.details-trigger{display:flex;align-items:center;gap:9px;margin:23px auto 20px;border:1px solid #8d9b7d;border-radius:10px;background:transparent;color:var(--green);padding:9px 18px;font-size:.77rem;font-weight:700}.details-trigger span:last-child{font-size:1.05rem}.details-trigger[aria-expanded="true"] span:last-child{transform:rotate(180deg)}
.detail-stage{background:linear-gradient(100deg,rgba(39,46,34,.97),rgba(53,56,49,.92));padding:18px 0;overflow:hidden}.detail-stage[hidden]{display:none}.detail-stage.is-open{animation:stage-in .35s var(--ease) both}.detail-stage.is-closing{animation:stage-out .18s ease-in both}.detail-wrap{display:flex;justify-content:center}.session-detail{width:min(930px,100%);min-height:380px;background:var(--white);border-radius:10px;display:grid;grid-template-columns:300px 1fr;overflow:hidden;position:relative;box-shadow:0 20px 55px rgba(0,0,0,.24)}.detail-close{position:absolute;top:12px;left:14px;border:0;background:none;font-size:1.5rem;color:#5d6954;z-index:3}.detail-side{background:linear-gradient(160deg,rgba(158,166,120,.9),rgba(119,132,88,.8));color:white;padding:25px 28px 0;display:flex;flex-direction:column;position:relative;overflow:hidden}.detail-side>span{font-size:.72rem;opacity:.85}.detail-icon{margin:15px 0 5px}.detail-icon svg{width:58px;height:58px;fill:none;stroke:var(--green);stroke-width:2}.detail-side h3{font-size:1.8rem;margin:0}.detail-side p{margin:0;color:rgba(255,255,255,.85);font-size:.88rem}.detail-illustration{margin-top:auto;width:100%;height:155px;fill:rgba(255,255,255,.16);stroke:rgba(51,75,37,.42);stroke-width:2}.detail-content{padding:42px 48px 20px}.detail-content h2{font-size:1.3rem;line-height:1.65;margin:0 0 10px;color:var(--green)}.detail-content>p,.detail-block p{font-size:.82rem;color:var(--muted);margin:0}.detail-block{margin-top:18px}.detail-block strong{font-size:.84rem}.topic-list{display:flex;flex-wrap:wrap;gap:6px 15px;margin-top:7px}.topic-list span{font-size:.74rem;color:#525c4a}.topic-list span::before{content:"•";margin-left:5px;color:var(--green)}.detail-actions{border-top:1px solid var(--line);margin-top:20px;padding-top:13px;display:flex;align-items:center;justify-content:space-between;gap:15px}.detail-actions .button{font-size:.76rem;padding:9px 17px}.detail-nav{display:flex;gap:5px}.detail-nav button{width:36px;height:36px;background:var(--white);border:1px solid var(--line);border-radius:8px;color:var(--green);font-size:1.3rem}.detail-nav button:hover{background:var(--sage-soft)}@keyframes stage-in{from{opacity:0;clip-path:inset(0 0 100%)}to{opacity:1;clip-path:inset(0)}}@keyframes stage-out{to{opacity:0;clip-path:inset(0 0 100%)}}
.phases-section{padding:50px 0;background:var(--paper)}.phase-row{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px}.phase-row article{min-height:142px;border:1px solid var(--line);background:rgba(255,255,255,.35);border-radius:12px;padding:22px;display:flex;justify-content:space-between;align-items:center;gap:16px}.phase-copy span{font-weight:700}.phase-copy h3{margin:2px 0 7px;font-size:.85rem;color:var(--muted)}.phase-copy p{font-size:.72rem;line-height:1.65;margin:0}.phase-symbol{width:70px;height:70px;flex:0 0 70px;border-radius:50%;background:var(--sage-soft);display:grid;place-items:center;font-size:2rem;color:var(--green)}.phase-arrow{font-size:2rem;color:var(--green)}
.facilitator-section{padding:0 0 52px;background:var(--paper)}.facilitator-panel{min-height:230px;border-radius:12px;background:linear-gradient(100deg,#ebe1cc,#f4efe4);display:grid;grid-template-columns:340px 1fr 290px;align-items:center;overflow:hidden}.facilitator-photo{height:230px;margin:0;position:relative}.facilitator-photo img{width:100%;height:100%;object-fit:cover;object-position:38% 38%}.facilitator-photo figcaption{position:absolute;bottom:8px;right:8px;font-size:.63rem;background:rgba(255,255,255,.85);padding:2px 7px;border-radius:4px;color:var(--muted)}.facilitator-main{padding:26px 35px}.facilitator-main>span{font-size:.78rem}.facilitator-main h2{font-size:1.65rem;margin:2px 0 8px}.facilitator-main p{font-size:.76rem;color:var(--muted);margin:0 0 14px}.facilitator-main .button{font-size:.7rem;padding:8px 13px}.facilitator-points{list-style:none;padding:25px;margin:0;display:grid;gap:17px}.facilitator-points li{display:flex;gap:10px;font-size:.72rem;line-height:1.6}.facilitator-points span{width:32px;height:32px;flex:0 0 32px;border-radius:50%;background:rgba(255,255,255,.5);display:grid;place-items:center;color:var(--green)}
.registration-section{padding:12px 0 36px;background:var(--paper)}.register-layout{display:grid;grid-template-columns:1.08fr .9fr .72fr;gap:18px;align-items:stretch}.register-card,.smart-choice{border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.45);padding:22px;position:relative}.register-card h3,.smart-choice h3{font-size:1.05rem;margin:0 0 4px}.register-card>p,.smart-choice p{font-size:.72rem;color:var(--muted);margin:0}.checkbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:17px 0}.check-item{display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid #e2dfd5;border-radius:7px;background:rgba(255,255,255,.5);font-size:.69rem}.check-item input{accent-color:var(--green)}.selector-footer{border-top:1px solid var(--line);padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.selector-footer strong{font-size:.7rem;color:var(--green)}.selector-footer .button{font-size:.68rem;padding:8px 11px}.complete-card{background:linear-gradient(145deg,#ece8d3,#f5f0dc);border-color:#83936f}.recommended{position:absolute;top:-10px;right:20px;background:var(--green);color:white;padding:3px 10px;border-radius:10px;font-size:.63rem}.complete-card ul{list-style:none;padding:0;margin:15px 0}.complete-card li{font-size:.73rem;margin:6px 0}.complete-card li::before{content:"✓";color:var(--green);margin-left:7px}.price{margin:16px 0 12px}.price small{display:block;color:var(--muted)}.price strong{font-size:.86rem}.smart-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#f0eadf}.gift{font-size:2rem;color:var(--ochre)}.smart-choice .button{margin-top:15px;font-size:.68rem;padding:8px 11px}.selection-bar{margin-top:18px;background:var(--green);color:white;border-radius:9px;min-height:56px;padding:8px 13px;display:flex;align-items:center;gap:15px}.selection-bar[hidden]{display:none}.selection-bar .bag{font-size:1.3rem}.selection-bar div{font-size:.73rem;flex:1}.selection-bar strong{font-size:.8rem}.selection-bar .button{font-size:.68rem;padding:7px 12px}
.faq-section{padding:28px 0;background:#f4f0e7;border-top:1px solid var(--line)}.faq-row{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.faq-row details{font-size:.75rem}.faq-row summary{font-weight:700;cursor:pointer}.faq-row p{color:var(--muted);font-size:.7rem;margin-bottom:0}.site-footer{background:linear-gradient(120deg,#293d21,#1e3118);color:white;padding:45px 0 18px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr 1.2fr;gap:55px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.footer-grid h3{font-size:.85rem;margin:0 0 8px}.footer-grid p,.footer-grid a{font-size:.7rem;color:rgba(255,255,255,.68)}.footer-brand span{font-size:1.15rem;color:white}.footer-button{border:1px solid rgba(255,255,255,.4);padding:5px 12px;border-radius:5px}.newsletter{display:flex;width:100%;margin-top:8px}.newsletter input{width:100%;min-width:0;border:0;padding:9px;border-radius:0 6px 6px 0}.newsletter button{border:0;background:var(--paper);color:var(--green);padding:9px;border-radius:6px 0 0 6px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:35px;padding-top:15px;display:flex;justify-content:space-between;font-size:.61rem;color:rgba(255,255,255,.45)}
:focus-visible{outline:3px solid rgba(185,139,74,.65);outline-offset:3px}
.facilitator-panel,.register-layout{direction:ltr}
.facilitator-panel>*,.register-layout>*{direction:rtl}
.header-inner{direction:ltr}.header-inner>*{direction:rtl}.header-inner>.brand{margin:0 auto 0 0}
.benefit-row>div{border-inline-start:0}.benefit-row{border-top-color:rgba(52,69,40,.08)}
.hero-art{margin-left:-11vw}.hero-art::after{background:linear-gradient(90deg,transparent 54%,rgba(251,248,239,.35) 73%,var(--paper) 100%)}
.journey-track::before{display:none}.journey-curve{position:absolute;top:28px;right:6%;width:88%;height:52px;z-index:0;overflow:visible}.journey-curve path{fill:none;stroke:var(--sage);stroke-width:2;stroke-dasharray:3 6;stroke-linecap:round}
.detail-side{isolation:isolate}.detail-illustration{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center bottom;z-index:-2;opacity:.68;mix-blend-mode:multiply;margin:0}.detail-side::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(111,128,77,.82),rgba(111,128,77,.22) 60%,rgba(255,255,255,.06));z-index:-1}
@media(max-width:980px){.main-nav{display:none}.menu-toggle{display:block}.hero-inner{grid-template-columns:1fr}.hero-copy{padding-bottom:0}.hero-art{height:340px;margin:0}.hero-art::after{background:linear-gradient(180deg,var(--paper),transparent 25%)}.benefit-row{grid-template-columns:repeat(2,1fr)}.facilitator-panel{grid-template-columns:280px 1fr}.facilitator-points{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.register-layout{grid-template-columns:1fr 1fr}.smart-choice{grid-column:1/-1}.footer-grid{grid-template-columns:repeat(2,1fr)}}
.main-nav.open{display:flex}
@media(max-width:980px){.main-nav.open{position:absolute;top:61px;right:14px;left:14px;flex-direction:column;align-items:stretch;gap:0;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:8px;box-shadow:0 14px 40px rgba(39,48,31,.14)}.main-nav.open a{padding:9px 11px}}
@media(max-width:700px){.shell{width:min(100% - 28px,1180px)}.site-header{height:62px}.header-inner>.button{display:none}.hero h1{font-size:4rem}.hero h2{font-size:1.2rem}.hero-inner{min-height:auto}.hero-art{height:280px;margin-inline:-14px}.benefit-row{width:100%;grid-template-columns:1fr 1fr}.benefit-row>div{font-size:.65rem}.journey-section{padding-top:40px}.journey-scroll{margin-inline:-14px;padding-inline:14px}.journey-track{min-width:920px}.session-orb{width:72px;height:72px}.session-orb svg{width:38px;height:38px}.session-node p{font-size:.64rem}.session-detail{grid-template-columns:1fr}.detail-side{min-height:220px}.detail-illustration{position:absolute;left:0;bottom:0;width:45%;opacity:.7}.detail-content{padding:28px 22px}.phase-row{grid-template-columns:1fr}.phase-arrow{transform:rotate(-90deg);text-align:center}.facilitator-panel{grid-template-columns:1fr}.facilitator-photo{height:280px}.facilitator-points{grid-template-columns:1fr;padding-top:0}.register-layout{grid-template-columns:1fr}.smart-choice{grid-column:auto}.faq-row{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-bottom{flex-direction:column;gap:6px}.selection-bar{flex-wrap:wrap}.selection-bar div{width:100%;order:4;flex-basis:100%}}
@media(max-width:430px){.hero-actions .button{width:100%}.benefit-row{grid-template-columns:1fr}.phase-row article{padding:17px}.facilitator-main{padding:22px}.checkbox-grid{grid-template-columns:1fr}.faq-row{grid-template-columns:1fr}.detail-actions{align-items:stretch;flex-direction:column}.detail-nav{justify-content:center}}
@media(prefers-reduced-motion:reduce){:scope{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Journey Section - Stepper & Showcase Redesign */
.journey-section {
  padding: 55px 0 60px;
  background: linear-gradient(180deg, var(--paper-2) 0%, var(--paper) 100%);
  border-bottom: 1px solid var(--line);
}

.journey-stepper {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 10px;
  margin-bottom: 28px;
  position: relative;
}

.journey-stepper::before {
  content: "";
  position: absolute;
  top: 28px;
  right: 5%;
  left: 5%;
  height: 2px;
  background: repeating-linear-gradient(90deg, var(--sage) 0 4px, transparent 4px 10px);
  z-index: 0;
}

.session-node {
  appearance: none;
  border: 1px solid transparent;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.45);
  padding: 10px 6px;
  text-align: center;
  position: relative;
  z-index: 1;
  cursor: pointer;
  transition: all 0.22s var(--ease);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.session-node:hover {
  background: rgba(255, 255, 255, 0.85);
  transform: translateY(-3px);
  box-shadow: 0 6px 18px rgba(51, 75, 37, 0.08);
}

.session-node.active {
  background: var(--white);
  border-color: var(--green);
  box-shadow: 0 8px 24px rgba(51, 75, 37, 0.14);
  transform: translateY(-4px);
}

.session-orb {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--node-bg, var(--sage-soft));
  border: 3px solid var(--white);
  box-shadow: 0 3px 10px rgba(0,0,0,0.06);
  margin-bottom: 6px;
  transition: transform 0.2s ease;
}

.session-node.active .session-orb {
  transform: scale(1.1);
}

.session-orb svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: var(--node-ink, var(--green));
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.session-node .number {
  font-size: 0.65rem;
  font-weight: 700;
  color: var(--ochre);
  line-height: 1.2;
}

.session-node h3 {
  font-size: 0.78rem;
  font-weight: 700;
  margin: 2px 0 0;
  color: var(--ink);
  white-space: nowrap;
}

.session-node p {
  font-size: 0.62rem;
  color: var(--muted);
  margin: 1px 0 0;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Showcase Card */
.session-showcase {
  width: min(940px, 100%);
  margin: 0 auto;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 16px;
  display: grid;
  grid-template-columns: 352px 1fr;
  overflow: hidden;
  box-shadow: 0 16px 45px rgba(38, 48, 31, 0.09);
  transition: transform 0.2s ease;
}

.showcase-side {
  background: #39472d;
  color: white;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 380px;
}

.showcase-illustration {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 0;
  filter: brightness(0.85) contrast(1.05);
  transition: opacity 0.3s ease;
}

.showcase-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(30, 42, 22, 0.45) 0%, rgba(20, 30, 15, 0.88) 100%);
  z-index: 1;
}

.showcase-side-inner {
  position: relative;
  z-index: 2;
  padding: 26px 26px 24px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.showcase-top-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}

.card-step-chain {
  display: none;
}

.showcase-badge {
  font-size: 0.72rem;
  background: rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  padding: 4px 12px;
  border-radius: 20px;
  align-self: flex-start;
  font-weight: 600;
  white-space: nowrap;
  border: 1px solid rgba(255, 255, 255, 0.3);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.showcase-hero-text {
  margin-top: auto;
}

.showcase-icon {
  margin: 0 0 8px;
}

.showcase-icon svg {
  width: 48px;
  height: 48px;
  fill: none;
  stroke: #ffffff;
  stroke-width: 2;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.4));
}

.showcase-side h3 {
  font-size: 1.7rem;
  margin: 4px 0 4px;
  font-weight: 800;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}

.showcase-side p {
  margin: 0;
  color: rgba(255, 255, 255, 0.92);
  font-size: 0.86rem;
  line-height: 1.5;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.4);
}

.showcase-content {
  padding: 34px 40px 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.showcase-content h2 {
  font-size: 1.3rem;
  line-height: 1.55;
  margin: 0 0 10px;
  color: var(--green);
}

.showcase-content > p {
  font-size: 0.85rem;
  color: var(--muted);
  margin: 0;
  line-height: 1.8;
}

.showcase-block {
  margin-top: 16px;
}

.showcase-block strong {
  font-size: 0.82rem;
  color: var(--ink);
  display: block;
}

.topic-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 12px;
  margin-top: 6px;
}

.topic-list span {
  font-size: 0.75rem;
  background: var(--sage-soft);
  color: var(--green);
  padding: 3px 10px;
  border-radius: 6px;
  font-weight: 500;
}

.showcase-next-block p {
  font-size: 0.8rem;
  color: var(--muted);
  margin-top: 4px;
}

.showcase-actions {
  border-top: 1px solid var(--line);
  margin-top: 20px;
  padding-top: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}

.showcase-actions .button {
  font-size: 0.78rem;
  padding: 10px 18px;
}

.showcase-nav {
  display: flex;
  align-items: center;
  gap: 8px;
}

.showcase-nav button {
  width: 36px;
  height: 36px;
  background: var(--paper-2);
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--green);
  font-size: 1.2rem;
  display: grid;
  place-items: center;
  transition: background 0.16s, transform 0.16s;
}

.showcase-nav button:hover {
  background: var(--sage-soft);
  transform: scale(1.05);
}

.step-counter {
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--muted);
  min-width: 72px;
  text-align: center;
}

/* Mobile Responsiveness (Mobile Only Improvements) */
@media (max-width: 860px) {
  .hero-art {
    height: 220px !important;
    margin: 12px 0 0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }
  .benefit-row {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 6px 12px !important;
    padding: 12px 14px !important;
    min-height: auto !important;
    border-top: 1px solid rgba(52, 69, 40, 0.12) !important;
    background: rgba(255, 255, 255, 0.6) !important;
    border-radius: 12px !important;
    margin-top: 10px !important;
  }
  .benefit-row > div {
    border: none !important;
    padding: 4px 2px !important;
    justify-content: flex-start !important;
    font-size: 0.72rem !important;
  }
  .benefit-icon {
    font-size: 1rem !important;
  }
  .journey-stepper {
    display: none !important;
  }
  .card-step-chain {
    display: flex !important;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 12px;
    padding: 8px 4px 12px;
    margin-bottom: 14px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    width: 100%;
  }
  .card-step-chain::-webkit-scrollbar {
    display: none;
  }
  .chain-node {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    background: transparent;
    border: none;
    padding: 0 2px;
    cursor: pointer;
    scroll-snap-align: center;
    box-shadow: none;
    width: auto;
    height: auto;
    border-radius: 0;
  }
  .chain-orb {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.22);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border: 1px solid rgba(255, 255, 255, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
  }
  .chain-orb svg {
    width: 20px;
    height: 20px;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2.2px;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: all 0.2s ease;
  }
  .chain-title {
    font-size: 0.68rem;
    color: rgba(255, 255, 255, 0.88);
    font-weight: 500;
    white-space: nowrap;
    transition: all 0.2s ease;
  }
  .chain-node:hover .chain-orb {
    background: rgba(255, 255, 255, 0.4);
    transform: scale(1.08);
  }
  .chain-node.active {
    width: auto;
    height: auto;
    background: transparent;
    border: none;
    transform: none;
    box-shadow: none;
  }
  .chain-node.active .chain-orb {
    background: #f7d58b;
    border-color: #ffffff;
    color: #2c3e1e;
    transform: scale(1.12);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35);
  }
  .chain-node.active .chain-orb svg {
    stroke: #2c3e1e !important;
    stroke-width: 2.5px;
  }
  .chain-node.active .chain-title {
    color: #ffffff;
    font-weight: 800;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
  }
  .session-showcase {
    grid-template-columns: 1fr;
    border-radius: 14px;
    margin-top: 8px;
  }
  .showcase-side {
    min-height: 290px;
    border-radius: 14px 14px 0 0;
  }
  .showcase-side-inner {
    padding: 18px 18px 18px;
  }
  .showcase-side h3 {
    font-size: 1.45rem;
  }
  .showcase-content {
    padding: 22px 18px 18px;
  }
  .showcase-content h2 {
    font-size: 1.12rem;
  }
  .showcase-actions {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .showcase-actions .button {
    width: 100%;
  }
  .showcase-nav {
    justify-content: center;
  }

  /* Mobile Hero Atmosphere Banner (Text over Background Image) */
  .hero-inner {
    position: relative;
    padding-bottom: 12px;
  }
  .hero-copy {
    background: rgba(251, 248, 239, 0.88);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    padding: 22px 18px;
    border-radius: 18px;
    border: 1px solid rgba(52, 69, 40, 0.14);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.05);
    margin-bottom: 10px;
  }
  .mobile-sticky-bar {
    display: flex !important;
  }
}

/* Event Live Status Pill Bar */
.event-live-status {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 18px;
  flex-wrap: wrap;
}

.status-pill {
  font-size: 0.76rem;
  background: rgba(52, 69, 40, 0.06);
  border: 1px solid rgba(52, 69, 40, 0.12);
  padding: 5px 12px;
  border-radius: 20px;
  color: var(--green);
  display: flex;
  align-items: center;
  gap: 6px;
}

.pill-dot {
  width: 8px;
  height: 8px;
  background: #2e7d32;
  border-radius: 50%;
  box-shadow: 0 0 8px #2e7d32;
  animation: pulseDot 2s infinite ease-in-out;
}

@keyframes pulseDot {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.4; transform: scale(0.85); }
}

/* Psychological Outcomes Pills */
.outcomes-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}

.outcome-pill {
  font-size: 0.75rem;
  background: rgba(124, 142, 99, 0.12);
  color: var(--green);
  border: 1px solid rgba(124, 142, 99, 0.25);
  padding: 4px 10px;
  border-radius: 14px;
  font-weight: 600;
}

/* Self-Readiness Quiz Section */
.readiness-section {
  padding: 45px 0;
  background: linear-gradient(180deg, var(--paper) 0%, rgba(241, 236, 223, 0.5) 100%);
  border-bottom: 1px solid var(--line);
}

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

.readiness-card {
  background: var(--white);
  border: 1px solid var(--line);
  padding: 24px 20px;
  border-radius: 16px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03);
  transition: all 0.24s ease;
}

.readiness-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 28px rgba(52, 69, 40, 0.08);
  border-color: var(--green);
}

.readiness-icon {
  font-size: 1.8rem;
  display: inline-block;
  margin-bottom: 10px;
}

.readiness-card h3 {
  font-size: 1.05rem;
  color: var(--green);
  margin: 0 0 8px;
  font-weight: 700;
}

.readiness-card p {
  font-size: 0.84rem;
  color: var(--muted);
  line-height: 1.6;
  margin: 0;
}

/* Participant Testimonials Section */
.testimonials-section {
  padding: 50px 0;
  border-bottom: 1px solid var(--line);
}

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

.testimonial-card {
  background: var(--paper);
  border: 1px solid rgba(52, 69, 40, 0.1);
  padding: 24px 20px;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.testimonial-card p {
  font-size: 0.88rem;
  color: var(--charcoal);
  line-height: 1.65;
  margin: 0 0 16px;
  font-style: italic;
}

.testimonial-author {
  display: flex;
  align-items: center;
  gap: 10px;
}

.author-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--green);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.8rem;
}

.testimonial-author strong {
  display: block;
  font-size: 0.84rem;
  color: var(--charcoal);
}

.testimonial-author small {
  font-size: 0.72rem;
  color: var(--muted);
}

/* Mobile Sticky Registration Bar */
.mobile-sticky-bar {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-top: 1px solid rgba(52, 69, 40, 0.15);
  padding: 10px 16px;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.08);
}

.mobile-sticky-info strong {
  display: block;
  font-size: 0.85rem;
  color: var(--green);
}

.mobile-sticky-info small {
  font-size: 0.68rem;
  color: var(--muted);
}

@media (max-width: 860px) {
  .readiness-grid,
  .testimonial-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }
}

}