/* CSS Document */

:root{
    --paper:#FAF4ED;
    --ink:#16150F;
    --stroke:#141310;
}

#home {position: relative;   background-color: #060A41; background: radial-gradient(circle at center, #0a1059 0%, #060A41 70%); color: #ffffff; overflow-x: hidden; min-height: 100vh;}

.home-sec-hero-inner{position: relative;width:100%; min-height: 100vh; display: flex; justify-content: center; align-items: flex-start; overflow-x: hidden;}
.home-sec-hero-inner::before{content: ""; position: absolute; inset:0; background: linear-gradient(30deg, #00000038, transparent); z-index: 1;}
.home-sec-hero-inner video{position: absolute; width:100%; height: 100%;  inset:0; top:0%; left:0%; object-fit: cover;}

.home-sec-hero-inner .hero-content{position: relative; padding: 2rem; z-index: 2;}
.home-sec-hero-inner .hero-content .hero-logo{ margin-bottom: 3rem; } 
.home-sec-hero-inner .hero-content .hero-logo img{display: block; margin-inline:auto;}

.home-sec-hero-inner .hero-content .hero-title{text-align: center;}

  *{box-sizing:border-box;margin:0;padding:0}
  /* ---------- pinned stage ---------- */
  .stage.home-sec-01{height:100svh;overflow:hidden;position:relative}
  .home-sec-01 .track{ position:relative; width:100%; max-width:1180px; margin:0 auto; text-align:center; will-change:transform;}
  .home-sec-01 .row{ position:relative; width:100%; display:flex; flex-direction:column; align-items:center; justify-content:center;}

  /* type scale measured off the reference frames (1918px wide viewport) */
    .home-sec-01 .quote{ font-weight:700; font-size:clamp(27px,3.34vw,64px); letter-spacing:-.035em; line-height:1.06; }
    .home-sec-01 .eyebrow{ font-weight:600; font-size:clamp(16px,1.46vw,28px); letter-spacing:-.015em; line-height:1.2; }
    .home-sec-01 .headline{ font-weight:700; font-size:clamp(44px,6.47vw,124px); letter-spacing:-.045em; line-height:.95;}
    .home-sec-01 .lede{ font-weight:600; font-size:clamp(16px,1.46vw,28px); line-height:1.43; letter-spacing:-.015em; color:var(--ink); }

  /* words carrying an ink mark */
    .home-sec-01 .mark{position:relative;display:inline-block;white-space:nowrap}
    .home-sec-01 .mark svg{position:absolute;height:auto;overflow:visible;color:var(--stroke);pointer-events:none}
    .home-sec-01 .mark .strike{top:30%;left:-5%;width:112%}
    .home-sec-01 .mark .rule{top:104%;left:-3%;width:106%}


  #stage{color:#fff;}
  #stage .connector{ color:#fff;}

  .home-sec-01 .connector{ display:block; width:6px; height:520px; margin-left:auto; margin-right:auto; flex:0 0 auto; color:var(--stroke); overflow:visible;}
  .home-sec-01 .connector path{ fill:none; stroke:currentColor; stroke-width:1.7; vector-effect:non-scaling-stroke;}
  .home-sec-01 .connector-row{ width:100%; padding:90px 0; display:flex; justify-content:center; align-items:center;}

/* House of Shukra — travelling ink connector */
#stage .connector path{ opacity:1; visibility:visible;}



 /* =============== ENERGY HORIZONTAL INFINITE SLIDER ============= */
.energy-slider-sec { width: 100%; padding: 0px 0; overflow: hidden;}

/* ============= SLIDER VIEWPORT ========================= */
.energy-slider { width: min(90%, 1440px); margin: 0 auto; overflow: hidden; position: relative;}

/* ============== SLIDER TRACK =========================== */
.energy-slider-track { width: 100%; display: flex; flex-wrap: nowrap; gap: 30px; transform: translate3d(0, 0, 0); will-change: transform;}

/* =================== SLIDE ===================== */
.energy-slide {
    position: relative; flex: 0 0 100%; width: 100%; min-height: 600px; overflow: hidden;display: flex;
    align-items: center; border-radius: 20px;isolation: isolate; border: 1px solid transparent;
}

/* ============ BACKGROUND IMAGE ================== */
.energy-slide-bg {
    position: absolute;inset: -1px; z-index: 0;
    background-repeat: no-repeat; background-size: cover; background-position: center;
    transform: scale(1); will-change: transform;transition:transform 1.5s cubic-bezier(0.22,1,0.36,1);
}


/* ===============SLIDE 01 IMAGE ============================= */
.energy-slide-blue .energy-slide-bg { background-image: url("carousel-01.webp");}

/* ==================== SLIDE 02 IMAGE ====================== */
.energy-slide-gold .energy-slide-bg { background-image: url("carousel-02.webp");}

/* =================== SMOOTH HOVER ZOOM ================== */
.energy-slide:hover .energy-slide-bg { transform: scale(1.06);}

/* ================ BLUE BORDER ============================= */
.energy-slide-blue { border-color: #008cff; box-shadow:0 0 30px rgba(0, 119, 255, 0.15);}

/* ================ GOLD BORDER ===================== */
.energy-slide-gold { border-color: #ffb72d; box-shadow: 0 0 30px rgba(255, 183, 45, 0.12);}

.energy-slide-overlay {
    position: absolute; inset: 0; z-index: 1; pointer-events: none; background:linear-gradient(90deg,rgba(1, 4, 18, 0.00) 0%,rgba(1, 4, 18, 0.05) 30%,rgba(1, 4, 18, 0.25) 45%,rgba(1, 4, 18, 0.78) 67%,rgba(1, 4, 18, 0.96) 100%);
}


.energy-slide-gold .energy-slide-overlay {
    background: linear-gradient( 90deg, rgba(8, 5, 1, 0.00) 0%, rgba(8, 5, 1, 0.05) 30%, rgba(8, 5, 1, 0.25) 45%, rgba(8, 5, 1, 0.78) 67%, rgba(8, 5, 1, 0.96) 100%);
}

.energy-slide-content {
    position: relative; z-index: 2; width: 50%; margin-left: 50%; padding: 60px; display: flex; flex-direction: column; 
	justify-content: center; align-items: flex-start;
}

.energy-slide-content h3 {
    max-width: 550px; margin: 0 0 25px; font-family: "Instrument Serif", serif; font-size: var(--rfs-48);font-weight: 400;line-height: 1.05; letter-spacing: 0; color: #fff;
}


.energy-slide-blue .energy-slide-content h3 span { color: var(--color-04);}
.energy-slide-gold .energy-slide-content h3 span { color: var(--color-05);}
.energy-slide-content p { max-width: 480px; margin: 0; font-family: "Neue Montreal", sans-serif; line-height: 1.35; letter-spacing: 0; color: rgba(255, 255, 255, 0.9);}

/* ====================== ENERGY SLIDER INDICATORS =================== */
.energy-slider-indicators { width: min(90%, 1440px); margin: 25px auto 0; display: flex; justify-content: center; align-items: center; gap: 10px;}

/* ================= INDICATOR ================= */
.energy-indicator {
    width: 10px; height: 10px;  padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.35); cursor: pointer; transition: width 0.4s ease, background 0.4s ease, transform 0.4s ease;
}

/* ================= ACTIVE ================= */
.energy-indicator.active { width: 30px; border-radius: 50px; background: #fff;}

/* ================= HOVER ================= */
.energy-indicator:hover { transform: scale(1.15);}


@media (max-width: 767px) {

    .energy-slider-indicators { margin-top: 18px; gap: 8px;}
    .energy-indicator { width: 8px; height: 8px; }
    .energy-indicator.active { width: 24px; }

}




/* ============== IS THIS YOU — IMMERSIVE SECTION =================== */
.is-this-you-sec { padding-top:150px; padding-bottom: 30px; position: relative; width: 100%; min-height: 900px; overflow: hidden; isolation: isolate;}

/* ================ CONTAINER ====================== */
.is-this-you-sec .container-fluid { position: relative; z-index: 5; width: 100%;}
.is-you-stage { position: relative; width: 100%; min-height: 900px; display: flex; justify-content: center; align-items: center;}

/* ===================== ATMOSPHERIC GLOW ========================== */
.is-you-glow { position: absolute; border-radius: 50%; pointer-events: none; filter: blur(80px); opacity: 0.45; z-index: -1;}
.is-you-glow-01 { width: 450px; height: 450px; top: 15%; left: 50%; transform: translateX(-50%); background:rgba(50, 75, 255, 0.30);}
.is-you-glow-02 { width: 350px; height: 350px; bottom: 5%; left: 50%; transform: translateX(-50%); background: rgba(114, 138, 255, 0.18);}

.is-you-noise {
  position: absolute; inset: 0; z-index: 4;  pointer-events: none; opacity: 0.08;
  background-image:
        url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");
}

/* =================== PERSPECTIVE GRID ================= */
.is-you-grid {
    position: absolute; left: -20%; right: -20%; bottom: -25%; height: 60%; z-index: -1;  opacity: 0.18; 
	transform: perspective(500px) rotateX(62deg);  transform-origin: bottom;
    background-image:linear-gradient(rgba(114, 138, 255, 0.35) 1px,transparent 1px), linear-gradient(90deg,rgba(114, 138, 255, 0.35) 1px,transparent 1px);
    background-size:70px 70px; mask-image:linear-gradient(to bottom,transparent 0%,#000 35%,#000 100%);
	-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 35%,#000 100%);
}


/* ================= PARTICLES ======================== */

.is-you-particles { position: absolute; inset: 0; z-index: 1; pointer-events: none;}
.is-you-particles span {
    position: absolute; width: 3px; height: 3px; border-radius: 50%; background: rgba(255, 255, 255, 0.7); 
	box-shadow: 0 0 12px rgba(114, 138, 255, 0.8); animation: particleFloat var(--particle-speed, 5s) ease-in-out infinite alternate;
}

.is-you-particles span:nth-child(1) { left: 12%; top: 30%; --particle-speed: 5s;}
.is-you-particles span:nth-child(2) { left: 23%; top: 65%; --particle-speed: 7s;}
.is-you-particles span:nth-child(3) { left: 35%; top: 20%; --particle-speed: 6s;}
.is-you-particles span:nth-child(4) { left: 45%; top: 72%; --particle-speed: 8s;}
.is-you-particles span:nth-child(5) { left: 57%; top: 18%; --particle-speed: 5s;}
.is-you-particles span:nth-child(6) { left: 68%; top: 62%; --particle-speed: 7s;}
.is-you-particles span:nth-child(7) { left: 79%; top: 30%; --particle-speed: 6s;}
.is-you-particles span:nth-child(8) { left: 88%; top: 72%; --particle-speed: 8s;}
.is-you-particles span:nth-child(9) { left: 18%; top: 45%; --particle-speed: 6s;}
.is-you-particles span:nth-child(10){ left: 82%; top: 45%; --particle-speed: 7s;}
.is-you-particles span:nth-child(11) { left: 40%; top: 35%; --particle-speed: 5s;}
.is-you-particles span:nth-child(12) { left: 62%; top: 48%; --particle-speed: 6s;}

@keyframes particleFloat {

    from { transform: translate3d(0, 0, 0);  opacity: 0.25; }
    to { transform: translate3d(0, -20px, 0); opacity: 1;}
}


/* =================== HAND WRAPPER =================== */
.is-you-hand-wrap {
    position: absolute; z-index: 3; width: min(700px, 58vw); left: 50%; top: 7%;
    transform: translateX(-50%) translate3d( var(--mouse-x, 0px), var(--mouse-y, 0px), 0); 
	transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);  will-change: transform;
}

/* ============= HAND IMAGE ================ */
.is-you-hand {
    position: relative; display: block; width: 100%; height: auto; object-fit: contain;
    filter: drop-shadow( 0 20px 40px rgba(255, 80, 140, 0.16)) drop-shadow( 0 0 35px rgba(114, 138, 255, 0.18));
    transform: translateY(0) scale(1); animation: handFloat 7s ease-in-out infinite;  will-change: transform;
}


@keyframes handFloat {

    0%,
    100% { transform: translateY(0) scale(1);}
    50% { transform: translateY(-12px) scale(1.015); }
}


/* ================= HAND GLOW ===================== */
.is-you-hand-glow {
    position: absolute; width: 55%; height: 45%; left: 30%; top: 45%; border-radius: 50%;
    background: radial-gradient( circle, rgba(255, 180, 100, 0.28), rgba(114, 138, 255, 0.08) 45%,  transparent 72%);
    filter: blur(30px); z-index: -1; animation: handGlow 4s ease-in-out infinite alternate;
}


@keyframes handGlow {

    from { transform: scale(0.92); opacity: 0.55;}
    to { transform: scale(1.08);  opacity: 1;}
}


/* ============ ENERGY ORBS ===================== */
.hand-energy {
    position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #fff;
    box-shadow: 0 0 8px #fff, 0 0 20px var(--color-04), 0 0 40px var(--color-04);  opacity: 0; animation: energyPulse 3s ease-in-out infinite;
}

.hand-energy-01 { left: 52%; top: 42%;}
.hand-energy-02 { left: 43%;  top: 48%; animation-delay: 1s;}
.hand-energy-03 { left: 61%; top: 39%;  animation-delay: 2s;}

@keyframes energyPulse {

    0% {transform: scale(0.4); opacity: 0;}

    35% {transform: scale(1); opacity: 1;}

    70% {transform: scale(1.8); opacity: 0.2;}

    100% { transform: scale(2.2); opacity: 0; }
}


/* ============== QUOTES =================== */
.is-you-quote {
    position: absolute; z-index: 6;  display: flex; flex-direction: column; gap: 5px; color: rgba(255, 255, 255, 0.9); 
	font-family: "Instrument Serif", serif; font-size: var(--rfs-21); line-height: 1.25; text-align: center; pointer-events: none; opacity: 0.9;
}


/* ================== GLASS MESSAGE ========================== */
.is-you-message {
    position: absolute; z-index: 10; left: 50%;
    bottom: 11%; width: min(680px, 70vw); transform: translateX(-50%) translateY(0); padding: 3px; border-radius: 120px;
    background: linear-gradient( 135deg, rgba(255, 255, 255, 0.25), rgba(114, 138, 255, 0.65), rgba(255, 255, 255, 0.15));
    box-shadow: 0 20px 80px rgba(0, 0, 0, 0.35), 0 0 50px rgba(114, 138, 255, 0.16); transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}


.is-you-message-inner {
    min-height: 190px; border-radius: 117px; padding: 35px 50px; display: flex; flex-direction: column; align-items: center;
    justify-content: center; text-align: center; 
	background:linear-gradient(181deg, rgba(255, 183, 45, 0.95) 4.14%, rgba(102, 127, 253, 0.95) 51.53%, rgba(255, 255, 255, 0.95) 98.93%);
    backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.35);
}

/* =============== MESSAGE HEADING =============== */

.is-you-message h2 { margin: 0 0 15px; font-family: "Instrument Serif", serif; font-size: var(--rfs-48); font-weight: 400;  line-height: 1; color: #fff;}


/* ===================== MESSAGE TEXT ===================== */
.is-you-message p {
 margin: 0; font-family: "Instrument Serif", serif;  font-size: var(--rfs-30);  line-height: 1.1; letter-spacing: 0; color: #fff;
}

/* ============= IS THIS YOU — SCROLL QUOTES ====================== */
.is-you-quote-top,
.is-you-quote-right{ will-change: transform, opacity;}
.is-you-quote-top { top: 8%; left: 8%; width: 350px;}
.is-you-quote-right { top: 70%; right: 7%; width: 360px;}

/* ================= 3D ROTATING CARD SLIDER ====================== */
.is-you-card-scene{
    position:absolute; z-index:4; left:50%; /* top:56%;*/ top:30%; width:min(1000px, 90vw); height:300px; transform:translateX(-50%); perspective:1400px; pointer-events:none; overflow:visible;
}


.is-you-card-track{ position:relative; width:100%; height:100%; display:flex; align-items:center; justify-content:center; transform-style:preserve-3d;  will-change:transform;}

/* ================= CARD ================= */
.is-you-card{
    position:absolute; left:50%; top:50%; width:260px;
    height:165px; padding:24px;  display:flex; flex-direction:column; /*justify-content:space-between; */  justify-content:center; align-items: center;
	border:1px solid rgba(255,255,255,.25); border-radius:24px; background: linear-gradient( 145deg, rgba(255,255,255,.46), rgba(255,255,255,.045)); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); box-shadow: 0 25px 70px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.25); color:#fff; transform-style:preserve-3d; transform: translate(-50%, -50%); opacity:.85; will-change:transform, opacity; overflow:hidden;
}

/* subtle shine */
.is-you-card::before{
    content:""; position:absolute; inset:-40%; background: radial-gradient(circle at 50% 50%, rgba(255,255,255,.22), transparent 55%); 
	opacity:.35; pointer-events:none;
}

/* card number */
.is-you-card span{ position:relative; z-index:2; font-family:"Neue Montreal", sans-serif; font-size:12px; letter-spacing:2px; opacity:.55;}

/* card title */
.is-you-card strong{
   position:relative; z-index:2; max-width:220px; font-family:"Instrument Serif", serif; font-size:24px; font-weight:400; 
   line-height:1; letter-spacing:-.02em;
}



.about-aarya{position: relative;}
.about-aarya .container-fluid{width: min(90%, 1440px);     margin-inline: auto;  padding-block:3rem;}
.about-aarya .main-row1,.about-aarya .main-row2,.about-aarya .main-row3 {padding-block:3rem; align-items: center; position: relative; z-index: 2;}
.about-aarya .main-row3{}
.about-aarya .main-row2{padding-block:8rem; justify-content: space-between; }
.about-aarya .main-row1{justify-content: space-between;}
.about-aarya .main-row2 .columns{text-align: center;}
.about-aarya .main-row2 .columns:nth-child(1){text-align: end;}
.about-aarya .main-row2 .columns:nth-child(1) p{max-width: 41ch; margin-left:auto; margin-bottom: 2rem;}
.about-aarya h2{    margin-bottom: 1.3rem;}
.about-aarya p{font-family: "Neue Montreal", sans-serif; max-width: 48ch;}

.about-aarya .main-row2 .columns:nth-child(2) {position: relative; align-content: center;     left: -10%;}
.about-aarya .main-row2 .columns:nth-child(2) .black-circle-content{
	position: absolute; width: 62%; aspect-ratio: 1; background-color: #000; z-index: 1;
    top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; align-content: center; }

.about-aarya h2 span.fs-scale{font-size: 7rem;}

 /* Background Lines Container */
 .about-aarya .bg-lines {
    position: absolute; top: 0; left: 50%; transform: translateX(-50%);/* width: 100%;*/ width: 80%; 
	height: 100%; opacity: 0.5; z-index: 1; pointer-events: none;
    }

        /* Hero Section */
 .about-aarya .hero-portrait { max-width: 70%; height: auto; animation: float 6s ease-in-out infinite; }

 @keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0px); }
}

        /* Mid Session Section */
     .about-aarya .session-circle {/* max-width: 100%; */height: auto; box-shadow: 0 0 50px rgba(235, 177, 104, 0.2); border-radius: 50%; max-width: 400px}

        /* Process Steps at Bottom */
     .about-aarya .step-container { text-align: center; padding: 20px; border-top: 1px solid rgba(255,255,255,0.2); padding-top: 30px;}

     .about-aarya .step-title {color: var(--color-05); font-size: 1.5rem; margin-bottom: 10px;}

     .about-aarya .step-desc { font-size: 0.9rem; color: #b0b3d6;}

     .about-aarya .main-row .columns h2{}
     .about-aarya .main-row .columns p{ font-family: "Neue Montreal", sans-serif; max-width: 53ch;}



.about-aarya .semi-circle-wrapper {
    display: flex; justify-content: center; align-items: flex-start; gap: 20px; 
	padding: 40px 20px 20px; position: relative; min-height: 280px;
}

.about-aarya .step-item {
    display: flex; flex-direction: column; align-items: center; text-align: center; flex: 1; max-width: 200px; padding: 0 5px;  /* Different vertical positions for semi-circle effect */
    margin-top: calc(60px - (var(--step-index, 0) * 18px));
}

.about-aarya .step-item:nth-child(1) { --step-index: 1; margin-top: 20px; }
.about-aarya .step-item:nth-child(2) { --step-index: 2; margin-top: 60px; }
.about-aarya .step-item:nth-child(3) { --step-index: 3; margin-top: 120px; }
.about-aarya .step-item:nth-child(4) { --step-index: 4; margin-top: 120px; }
.about-aarya .step-item:nth-child(5) { --step-index: 5; margin-top: 60px; }
.about-aarya .step-item:nth-child(6) { --step-index: 6; margin-top: 20px; }


.about-aarya .cta-wrapper{text-align: center; }



/* ================== WHAT CHANGE SECTION ====================== */
.what-change-sec { position: relative; overflow: hidden; padding: clamp(80px, 9vw, 145px) 0 clamp(50px, 5vw, 100px);}

.what-change-container { position: relative; max-width: 1600px; margin: 0 auto; padding-left: 30px; padding-right: 30px;}
.what-change-heading { position: relative; z-index: 5; text-align: center; margin-bottom: clamp(70px, 8vw, 120px);}
.what-change-heading h2 {}
.what-change-layout { position: relative; width: 100%; max-width: 1180px; min-height: 100vh; margin: 0 auto;}

.change-structure { position: absolute; width: 300px; height: 560px; left: 50%; top: 0; transform: translateX(-50%); pointer-events: none;}

/* Common Line */
.structure-line { position: absolute; display: block; background: rgba(206, 196, 176, 0.42); box-shadow: 0 0 10px rgba(210, 198, 174, 0.08);}

.change-item { position: absolute; display: flex; width: 380px; z-index: 3;}

/* Left Content */ .change-item-left { justify-content: flex-end; text-align: right;}
/* Right Content */ .change-item-right { justify-content: flex-start;text-align: left;}

/* ========= POSITIONS ====================== */
.change-item-01 { left: 0; top: 0;}
.change-item-02 { right: 0; top: -40px;}
.change-item-03 { left: -40px; top: 250px;}
.change-item-04 { right: -45px; top: 220px;}

.change-content { position: relative; z-index: 3;}
.change-content h4 { margin: 0 0 18px; color:  var(--color-05);  text-transform: uppercase;}
.change-content p { max-width: 345px; margin: 0; }

/* Align paragraphs correctly */
.change-item-left .change-content p { margin-left: auto;}
.change-item-right .change-content p { margin-right: auto;}
.what-change-sec .connector { position: absolute; width: 150px; height: 140px; top: 50%; pointer-events: none;}

/* Right Connector From left text towards centre */
.connector-right {
    left: calc(100% + 20px); border-top: 1px solid rgba(205, 197, 180, 0.30); border-right: 1px solid rgba(205, 197, 180, 0.30); 
	border-top-right-radius: 35px;
}

/* Left Connector From right text towards centre */
.connector-left {
    right: calc(100% + 20px); border-top: 1px solid rgba(205, 197, 180, 0.30); 
	border-left: 1px solid rgba(205, 197, 180, 0.30); border-top-left-radius: 35px;
}

/* Individual positioning */
.what-change-sec .connector-01 {top: 58px;height: 42rem;}
.what-change-sec .connector-02 {top: 45px;height: 45.4rem;}
.what-change-sec .connector-03 {top: 45px;height: 27.2rem;}
.what-change-sec .connector-04 {top: 35px;height: 29.7rem;}

.change-rings { position: absolute; width: 100%; height: 250px; left: 0;     bottom: 2%; pointer-events: none;}
.change-ring { position: absolute; left: 50%; transform: translateX(-50%); border-radius: 50%; border: 1px solid rgba(86, 113, 172, 0.12); 
	filter: blur(0.2px);}

/* Upper Ring */
.ring-01 { width: min(760px, 85vw); height: 120px; top: 0; box-shadow: 0 0 50px rgba(70, 97, 170, 0.08), inset 0 0 40px 40px rgba(70, 97, 170, 0.15);}

/* Lower Ring */
.ring-02 { width: min(1000px, 105vw); height: 140px; top: 60%; box-shadow: 0 0 50px rgba(70, 97, 170, 0.08), inset 0 0 40px 40px rgba(70, 97, 170, 0.15);}


/* ================= WHAT CHANGE — CONNECTOR LINES - Existing positions + heights preserved =========== */
.what-change-sec .connector {
    position: absolute; width: 150px; height: 140px; top: 50%; pointer-events: none; /* keep connector above background */ z-index: 2; 
	/* IMPORTANT: Don't hide the glow because connectors have very large custom heights */ overflow: visible;
}

.connector-right { left: calc(100% + 20px); border-top: 1px solid rgba(205, 197, 180, 0.30); border-right: 1px solid rgba(205, 197, 180, 0.30); border-top-right-radius: 35px;}

.connector-left { right: calc(100% + 20px);  border-top: 1px solid rgba(205, 197, 180, 0.30); border-left: 1px solid rgba(205, 197, 180, 0.30); border-top-left-radius: 35px;}


/* ======================== GLOWING TRAVELING LIGHT ========================== */
.what-change-sec .connector::after {
    content: ""; position: absolute; width: 9px; height: 9px; border-radius: 50%; background: #ffffff;
    box-shadow: 0 0 4px rgba(255,255,255,1), 0 0 10px rgba(255,255,255,1), 0 0 20px rgba(255,255,255,.95), 0 0 40px rgba(255,255,255,.65), 0 0 70px rgba(255,255,255,.30); opacity: 0; pointer-events: none; z-index: 5;
}

/* ================= RIGHT SIDE — GLOW TRAVELS - HORIZONTAL → VERTICAL ======================== */
.connector-right::after { left: -4px; top: -5px; animation: connectorRightGlow 5s ease-in-out infinite;}
.connector-right::before { left: -45px; top: -1px; transform-origin: right center; animation: connectorRightTrail 5s ease-in-out infinite;}

/* ============================== LEFT SIDE — GLOW TRAVELS - HORIZONTAL → VERTICAL ========================== */
.connector-left::after { right: -4px; top: -5px; animation: connectorLeftGlow 5s ease-in-out infinite;}
.connector-left::before { right: -45px; top: -1px; transform-origin: left center; animation: connectorLeftTrail 5s ease-in-out infinite;}

/* =========================================================
   RIGHT CONNECTOR ANIMATION

   Starts at horizontal line
   ↓
   travels toward corner
   ↓
   travels down vertical line
========================================================= */

@keyframes connectorRightGlow {

    0% { left: -4px; top: -5px; opacity: 0;}

    5% { opacity: 1; }

    /* Travel across horizontal line */
    30% { left: 145px; top: -5px; opacity: 1; }

    /* Turn the corner */
    36% { left: 145px; top: 5px; opacity: 1; }

    /* Travel down */
    75% { left: 145px; top: 70%; opacity: 1; }

    92% { left: 145px; top: 100%; opacity: .15; }

    100% { left: 145px; top: 100%; opacity: 0; }
}


@keyframes connectorRightTrail {

    0% { left: -45px; top: -1px; opacity: 0; transform: scaleX(.2);}

    5% { opacity: .7;}

    30% { left: 100px; top: -1px; opacity: .7; transform: scaleX(1);}

    36% { left: 120px; top: 10px; opacity: .5; transform: scaleX(.5) rotate(90deg);}

    75% { left: 120px; top: 65%; opacity: .35; transform: scaleX(.5) rotate(90deg);}

    92% { left: 120px; top: 95%; opacity: 0;}
	
    100% { opacity: 0;}
}


/* ==================== LEFT CONNECTOR ANIMATION ================== */
@keyframes connectorLeftGlow {

    0% { right: -4px; top: -5px; opacity: 0;}

    5% { opacity: 1;}

    /* Travel across horizontal line */
    30% { right: 145px; top: -5px; opacity: 1; }

    /* Turn the corner */
    36% { right: 145px; top: 5px; opacity: 1;}

    /* Travel down */
    75% { right: 145px; top: 70%; opacity: 1;}

    92% { right: 145px; top: 100%; opacity: .15; }

    100% { right: 145px; top: 100%; opacity: 0; }
}


@keyframes connectorLeftTrail {

    0% { right: -45px; top: -1px; opacity: 0; transform: scaleX(.2); }

    5% { opacity: .7; }

    30% { right: 100px; top: -1px; opacity: .7; transform: scaleX(1); }

    36% { right: 120px; top: 10px; opacity: .5; transform: scaleX(.5) rotate(90deg); }

    75% { right: 120px; top: 65%; opacity: .35; transform: scaleX(.5) rotate(90deg); }

    92% { right: 120px; top: 95%; opacity: 0; }

    100% { opacity: 0;}
}


/* ========= YOUR EXISTING INDIVIDUAL POSITIONS — KEEP THESE ======== */
.what-change-sec .connector-01 { top: 58px; height: 42rem;}
.what-change-sec .connector-02 { top: 45px; height: 45.4rem;}
.what-change-sec .connector-03 { top: 45px; height: 27.2rem;}
.what-change-sec .connector-04 { top: 35px; height: 29.7rem;}


/* =================== SESSION EXPERIENCE ======================== */
.session-experience { position:relative; width:100%; min-height:100vh; overflow:hidden; }

/* ==================== SESSION COST ======================== */
.session-cost-sec { position:relative; width:100%; min-height:100vh; display:flex; align-items:center; justify-content:center; overflow:hidden; z-index:2; padding-bottom: 50px;}

/* ==================== SESSION COST WRAPPER ======================== */
.session-cost-wrapper { position:relative; width:100%; height:100vh; min-height:700px; display:flex; align-items:center; justify-content:center; padding:0 30px; }

/* ==================== SESSION COST CONTENT ========================== */
.session-cost-content { position:relative; z-index:5; width:100%; max-width:400px; display:flex; flex-direction:column; align-items:center; text-align:center; }
.session-cost-content p { width:100%; text-align:center; }
.session-cost-btn { position:relative; z-index:10; margin-top:28px; }
.session-cost-btn .btn-custom { min-width:170px; padding:11px 25px; color:#010412; }

/* ==================== PARTICLE ORBIT ================= */
.session-particle-orbit { position:absolute; width:1000px; height:1000px; left:50%; top:50%; transform:translate(-50%,-50%); pointer-events:none; z-index:1; }
.particle-svg { display:block; width:100%; height:100%; overflow:visible; }

/* ==================== PARTICLE RINGS ====================== */
.particle-ring { fill:none; stroke:rgba(255,255,255,.7); stroke-linecap:round; stroke-dasharray:1px 18px; }
.particle-ring-01 { opacity:.35; stroke-width:4; stroke-dasharray:1px 20px; }
.particle-ring-02 { opacity:.25; stroke-width:3; stroke-dasharray:1px 17px; }
.particle-ring-03 { opacity:.55; stroke-width:4; stroke-dasharray:1px 18px; }
.particle-ring-04 { opacity:.22; stroke-width:3; stroke-dasharray:1px 15px; }
.particle-ring-05 { opacity:.45; stroke-width:3; stroke-dasharray:1px 14px; }

/* ==================== PARTICLE ROTATION ==================== */
.particle-layer { transform-origin:400px 400px; }
.particle-layer-one { animation:particleRotate 38s linear infinite; }
.particle-layer-two { animation:particleRotateReverse 30s linear infinite; }
.particle-layer-three { animation:particleRotate 22s linear infinite; }

@keyframes particleRotate {
    from { transform:rotate(0deg); }
    to { transform:rotate(360deg); }
}

@keyframes particleRotateReverse {
    from { transform:rotate(360deg); }
    to { transform:rotate(0deg); }
}


/* ==================== ENERGY LINES ======================== */
.session-energy-lines { position:absolute; left:50%; top:48%; width:100vw; height:80px; transform:translateX(-50%); pointer-events:none; z-index:1; opacity:0; visibility:hidden; }

/* ==================== LEFT ENERGY LINE ======================== */
.energy-line-left { position:absolute; right:50%; top:0; width:0; height:1px; background:rgba(255,255,255,.65); }

/* ==================== RIGHT ENERGY LINE ======================== */
.energy-line-right { position:absolute; left:50%; top:0; width:0; height:1px; background:rgba(255,255,255,.65); }

/* ==================== ENERGY PULSE ======================== */
.energy-pulse { position:absolute; top:50%; width:5px; height:5px; border-radius:50%; background:#fff; transform:translateY(-50%); box-shadow:0 0 10px rgba(255,255,255,.95),0 0 25px rgba(255,255,255,.65),0 0 50px rgba(255,255,255,.35); opacity:0; }

.energy-line-left .energy-pulse { right:0; }
.energy-line-right .energy-pulse { left:0; }

/* ==================== ENERGY GLOW ======================== */
.energy-line::after { content:""; position:absolute; top:50%; width:180px; height:4px; transform:translateY(-50%); background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent); filter:blur(1px); opacity:0; }

.energy-line-left::after { right:0; }
.energy-line-right::after { left:0; }



/* ==================== SESSION OPTIONS ======================== */
.session-slide { position:relative; width:auto; }

/* ==================== TABLET ======================== */
@media (max-width:1199.98px) {
    .session-image-circle { width:220px; }
}


/* ==================== SMALL MOBILE ======================== */
@media (max-width:767.98px) {
    .session-options-sec { padding:50px 15px 80px; }

    .session-image-circle { width:clamp(200px,65vw,280px); }

    .session-divider-glow::before,
    .session-divider-glow::after { width:100px; }
}




/* =============== DISCOVER / CTA SECTION ====================== */
.discover-sec { position: relative; width: 100%; min-height: 100svh; overflow: hidden; isolation: isolate; background: url(now-its-your-turn-bg.webp);}

/* =========== GRAIN / NOISE ===================== */
.discover-sec::before {
    content: ""; position: absolute; inset: -50%; z-index: -1; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.65'/%3E%3C/svg%3E"); 
	opacity: .20; transform: rotate(0deg);
}


/* ===============MAIN CONTAINER ==================== */
.discover-sec-inner { position: relative; width: 100%; min-height: 100svh; display: flex; align-items: center; justify-content: center; padding: 7rem 5vw;}

/* ================= CENTER CONTENT =========================== */
.discover-content { position: relative; z-index: 10; width: 100%; opacity: 0; transform: translateY(35px);}

/* ============ EYEBROW =============== */
.discover-eyebrow { display: block; margin-bottom: 1.25rem;}

/* ========== MAIN TITLE ============================= */
.discover-title { max-width: 100%;  margin: 0 auto 2.75rem;}

/* ================== BUTTON ================== */
.discover-sec .btn-custom { background: #fff;}


/* ======= FLOATING IMAGES ================ */

/* ======= FLOATING IMAGES ================ */
.discover-orb { position: absolute; z-index: 5; width: 200px; aspect-ratio: 1 / 1; border-radius: 50%; pointer-events: none; opacity: 0; transform: translate3d(0, 0, 0); will-change: transform;}



/* ================= IMAGE WRAPPER ===================== */
.discover-orb-inner { position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 50%; transform: scale(1) translateZ(0); box-shadow: 0 15px 45px rgba(0, 0, 0, .14); transition: box-shadow .5s ease;}

/* ============= IMAGE ================== */
.discover-orb-img {
    display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 50%; user-select: none; 
	transform: scale(1.02);  transition: transform .8s cubic-bezier(.16, 1, .3, 1);
}

.discover-orb-01 { top: 13.5%; left: 9.8%;}
.discover-orb-02 { right: 10.5%; bottom: 13%;}


/* ========================= MOUSE INTERACTION ==================== */

.discover-sec.is-interacting .discover-orb-inner { box-shadow: 0 25px 60px rgba(0, 0, 0, .22);}
.discover-sec.is-interacting .discover-orb-img { transform: scale(1.08);}

/* ================= ENTRANCE ANIMATION ====================== */
.discover-sec.is-visible .discover-content { animation: discoverContentIn 1.1s cubic-bezier(.16, 1, .3, 1) forwards;}

.discover-sec.is-visible .discover-orb-01 { animation: discoverOrbFadeIn 1.1s cubic-bezier(.16, 1, .3, 1) .15s forwards;}

.discover-sec.is-visible .discover-orb-02 { animation: discoverOrbFadeIn 1.1s cubic-bezier(.16, 1, .3, 1) .3s forwards;}

.discover-sec.is-visible .discover-orb-01 .discover-orb-inner { animation: discoverOrbIn 1.1s cubic-bezier(.16, 1, .3, 1) .15s forwards;}

.discover-sec.is-visible .discover-orb-02 .discover-orb-inner { animation: discoverOrbIn 1.1s cubic-bezier(.16, 1, .3, 1) .3s forwards;}


/* =============== KEYFRAMES ======================== */
@keyframes discoverContentIn { 
    from { opacity: 0; transform: translateY(35px);} 
    to { opacity: 1; transform: translateY(0);}
}

@keyframes discoverOrbFadeIn {
    from { opacity: 0;}
    to { opacity: 1;}
}

@keyframes discoverOrbIn {
    from { transform: scale(.75);}
    to { transform: scale(1);}
}


/* ================ LARGE TABLET ==================== */
@media (max-width: 1199px) {
    .discover-sec-inner { padding-inline: 7vw;}
    .discover-content { width: min(780px, 76vw);}
    .discover-orb-01 { top: 9%; left: 7%;}
    .discover-orb-02 { right: 15%; bottom: 12%; }

}

@media (max-width: 991px) {

    .discover-sec-inner { padding-inline: 5vw; }
    .discover-content { width:90%;}
    .discover-title {  }
    .discover-orb { width: 150px; }
    .discover-orb-01 { top: 8%; left: 6%;}
    .discover-orb-02 { right: 9%; bottom: 10%;}
	.discover-sec-inner, .discover-sec {    min-height: 68svh;}

}


@media (max-width: 767px) {

    .discover-content {width: 100%; max-width: 520px;}

    /* Remove forced desktop line breaks */
    .desktop-break { display: none;}
    .discover-orb-01 { top: 7%; left: 7%; width: 82px; }
    .discover-orb-02 { right: 7%; bottom: 8%; width: 92px;}

}


@media (max-width: 480px) {

    .discover-sec-inner {padding-inline: 1.25rem; }
    .discover-title { }
    .discover-orb-01 { top: 6%; left: 5%; width: 70px;}
    .discover-orb-02 { right: 5%; bottom: 7%; width: 78px; }
    .discover-btn { min-height: 30px;}

}

/* ===================== REDUCED MOTION =================== */
@media (prefers-reduced-motion: reduce) {

    .discover-content, .discover-orb { animation: none !important; opacity: 1; transform: none !important; }
    .discover-orb-inner { animation: none !important; transform: scale(1) translateZ(0) !important; }
    .discover-orb-img, .discover-orb-inner { transition: none !important; }

}


/* FAQ Section */
.faq-section { padding: 80px 0; position: relative; min-height: 100vh; display: flex; align-items: center;}
.faq-section .container-fluid { width: 100%; margin-inline: 5vw;}

/* FAQ Wrapper - Split Layout */
.faq-wrapper { align-items: flex-start; min-height: 500px;}

/* Left Side - Heading */
.faq-left { padding-right: 40px;}

.faq-heading-wrapper { position: relative;}
.faq-heading-wrapper p{color:#000;}
.faq-heading-wrapper .section-heading { color: #000; line-height: 0.9;}
.faq-heading-wrapper .sub-heading { font-size: var(--rfs-30); color: #1a1a1a; font-family: "Neue Montreal", sans-serif; letter-spacing: 1px; margin-bottom: 0;}
.faq-heading-wrapper .sub-heading .highlight { color: #000; font-weight: 600;}

/* Right Side - FAQ Accordion */
.faq-right { padding-left: 40px;}
.faq-accordion { display: flex; flex-direction: column; gap: 0px;}

/* FAQ Item */
.faq-item { padding: 0; transition: all 0.3s ease; overflow: hidden; border-bottom: 2px solid #000;}

.faq-item:hover {}
.faq-item.active {}

/* FAQ Question */
.faq-question { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 24px; cursor: pointer; transition: all 0.3s ease; 
	position: relative; }

/* FAQ Title */
.faq-title { color: #000; margin-bottom: 0;  flex: 1; transition: color 0.3s ease;}
.faq-item.active .faq-title { color: #000; font-weight: 600;}

/* FAQ Toggle Icon - Plus to Cross */
.faq-toggle {
    width: 36px; height: 36px; min-width: 36px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; position: relative; 
	border-radius: 50%; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.faq-item:hover .faq-toggle {/* background: rgba(0, 0, 0, 0.08);*/}
.faq-item.active .faq-toggle { transform: rotate(0deg);}

.toggle-icon { position: relative; width: 20px; height: 20px; display: block;}
.toggle-icon::before,.toggle-icon::after { content: ''; position: absolute; background: #1a1a1a; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); border-radius: 2px;}

/* Vertical line (becomes invisible on active) */
.toggle-icon::before { width: 2px; height: 20px; top: 0; left: 50%; transform: translateX(-50%);}

/* Horizontal line */
.toggle-icon::after { width: 20px; height: 2px; top: 50%; left: 0; transform: translateY(-50%);}

/* Active state - Plus becomes Cross */
.faq-item.active .toggle-icon::before { transform: translateX(-50%) rotate(90deg); opacity: 0; height: 0;}

.faq-item.active .toggle-icon::after { background: #000; transform: translateY(-50%) rotate(0deg);}

/* FAQ Answer */
.faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1), padding 0.4s ease, opacity 0.3s ease; 
	padding: 0 24px; opacity: 0;}
.faq-item.active .faq-answer { max-height: 300px;  padding: 0 24px 20px 24px; opacity: 1;}
.faq-answer p { color: #333;  max-width: 80ch;}

/* Responsive Design */
@media (max-width: 1200px) {
    .faq-heading-wrapper .section-heading { font-size: var(--rfs-54); }
    .faq-heading-wrapper .sub-heading { font-size: var(--rfs-24); }
}

@media (max-width: 992px) {
    .faq-section { padding: 20px 0 50px;}
    .faq-left { padding-right: 20px; }
    .faq-right { padding-left: 10px;}
	
	.faq-item.active .faq-answer {padding: 0 5px 20px 5px;}
    .faq-heading-wrapper .section-heading { font-size: var(--rfs-48); }
    .faq-heading-wrapper .sub-heading { font-size: var(--rfs-21);}
	
    .faq-title {}
    .faq-question { padding: 18px 5px; }
    .faq-answer p { font-size: 1rem;  max-width: 65ch; }
}

@media (max-width: 768px) {
    .faq-section { padding: 50px 0; min-height: auto;}
    .faq-wrapper { flex-direction: column; }
    .faq-left { padding-right: 0; padding-bottom: 30px; text-align: center;}
    .faq-right { padding-left: 0;}
  
    .faq-heading-wrapper .section-heading { font-size: 36px; }
    .faq-heading-wrapper .sub-heading { font-size: var(--rfs-18);}
    
    .faq-title {/* font-size: var(--rfs-15);*/}
    
    .faq-question { padding: 16px 18px; gap: 15px;}
    .faq-toggle { width: 32px; height: 32px; min-width: 32px; }
    
    .toggle-icon { width: 18px; height: 18px;}
    .toggle-icon::before { height: 18px; }
    .toggle-icon::after { width: 18px; }
    .faq-answer { padding: 0 18px;}
    .faq-item.active .faq-answer { padding: 0 18px 16px 18px;}   
    .faq-answer p { line-height: 1.6; }
	
}

@media (max-width: 480px) {
    .faq-section { padding: 40px 0; }
    
    .faq-heading-wrapper .section-heading { font-size: 24px;} 
    .faq-heading-wrapper .sub-heading { font-size: var(--rfs-16); } 
	
    .faq-title { font-size: 20px;; }
    .faq-question { padding: 14px 14px; gap: 12px; }
    .faq-toggle { width: 28px; height: 28px; min-width: 28px; }
    
    .toggle-icon { width: 16px; height: 16px;}
    .toggle-icon::before { height: 16px; width: 1.5px; }
    .toggle-icon::after { width: 16px; height: 1.5px;}
    
    .faq-answer { padding: 0 14px;}
    
    .faq-item.active .faq-answer { padding: 0 14px 12px 14px; }
	
    .faq-answer p { line-height: 1.2; }
}


/* ================= BEFORE WE MEET SECTION ================== */
.before-we-meet-section { position: relative; display: flex; justify-content: center; align-items: flex-start; overflow: hidden;}

/* ================= MAIN CONTAINER ==================== */
.before-we-meet-section-inner { position: relative; z-index: 1; min-height: 175vh; width: 100%; display: flex; flex-direction: column; align-items: center; padding-block: 100px;}

/* ============== TOP CARD ============== */
.before-we-meet-section .top-card { position: relative; z-index: 3; border-top-left-radius: 18px; border-top-right-radius: 18px; background: linear-gradient(180deg, #FFF 0%, #FFF2E3 100%); padding: 3rem 4rem;}
.before-we-meet-section .top-card h3 { color: var(--color-03);}
.before-we-meet-section .top-card p { color: var(--color-03);}

/* ============= BUTTON ================== */
.before-we-meet-section .btn-custom { background-color: var(--color-03); color: #fff;}
.before-we-meet-section .btn-custom i.bi.bi-arrow-up-right { right: -13%;}


/* ============== BOTTOM CARD ============ */
.before-we-meet-section .bottom-card { position: relative; z-index: 3; width: 60%; margin-top: 0; border-radius: 18px; background: linear-gradient(180deg, #ffffff 0%, #e5d1b8 100%); padding: 3rem 4rem;}

/* =============== ACCORDION ====================== */
.before-we-meet-section .questions-accordion { width: 100%;}

.before-we-meet-section .question-item { width: 100%;}

/* ===================== BOTTOM BORDER ONLY ============= */
.before-we-meet-section .question-item:not(:last-child) { border-bottom: 1px solid rgba(1, 4, 18, 0.3);}

/* =============== QUESTION BUTTON ================== */
.before-we-meet-section .question-trigger { width: 100%; display: block; margin: 0; padding: 2rem 0; border: 0; outline: 0; background: transparent; color: var(--color-03); text-align: left; cursor: pointer; font-family: "Neue Montreal", sans-serif; -webkit-appearance: none; appearance: none; box-shadow: none;}

.before-we-meet-section .question-trigger:hover,.before-we-meet-section .question-trigger:focus,
.before-we-meet-section .question-trigger:active { border: 0; outline: 0; box-shadow: none; background: transparent; color: var(--color-03);}

.before-we-meet-section .question-text { display: block; width: 100%; margin: 0; font-family: "Neue Montreal", sans-serif; font-size: var(--rfs-24); line-height: 1.3; letter-spacing: 0.5px; color: var(--color-03);}

.before-we-meet-section .question-answer { position: relative; height: 0; overflow: hidden; opacity: 0; padding: 0; transition: height 0.55s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.35s ease;}

.before-we-meet-section .question-item.active .question-answer { opacity: 1; padding-bottom: 2rem;}


/* =============== TEXTAREA ================== */
.before-we-meet-section .answer-input { display: block; width: 100%; height: 140px; min-height: 140px; padding: 1.2rem 1.3rem; resize: vertical; border: 1px solid rgba(1, 4, 18, 0.2); border-radius: 12px; background: rgba(255, 255, 255, 0.4); color: var(--color-03); font-family: "Neue Montreal", sans-serif; font-size: var(--rfs-18); line-height: 1.4; outline: none; box-shadow: none;}

.before-we-meet-section .answer-input::placeholder { color: var(--color-03); opacity: 0.4;}

.before-we-meet-section .answer-input:focus { outline: none; border-color: rgba(1, 4, 18, 0.4); background: rgba(255, 255, 255, 0.6); box-shadow: none;}

/* ================== CTA =================== */
.before-we-meet-section .cta-wrapper { position: relative; z-index: 4; margin-top: 4rem; padding-bottom: 0;}

/* =========== BACKGROUND IMAGE ================== */

.before-we-meet-section .background-image-container { position: absolute; z-index: 0; bottom: 0; left: 0; width: 100%; pointer-events: none; line-height: 0;}
.before-we-meet-section .background-image-container img { display: block; width: 100%; height: auto; object-fit: cover;}


@media (max-width: 1199px) {

    .before-we-meet-section .bottom-card { width: 75%; padding: 2.5rem 3rem;}

}


@media (max-width: 767px) {

    .before-we-meet-section-inner { padding-block: 70px 0;}

    .before-we-meet-section .top-card { padding: 2rem 1.5rem; border-top-left-radius: 14px; border-top-right-radius: 14px;}

    .before-we-meet-section .bottom-card { width: 92%; padding: 1.5rem 1.25rem; border-radius: 14px;}

    .before-we-meet-section .question-trigger { padding: 1.4rem 0;}

    .before-we-meet-section .question-text { font-size: var(--rfs-18); line-height: 1.35;}

    .before-we-meet-section .answer-input { height: 120px; min-height: 120px; padding: 1rem; font-size: var(--rfs-16);}

    .before-we-meet-section .question-item.active .question-answer { padding-bottom: 1.4rem;}

    .before-we-meet-section .cta-wrapper { margin-top: 2.5rem; padding-bottom: 0;}

}



@media (hover: hover) {
    .is-you-hand-wrap:hover .is-you-hand { filter: drop-shadow( 0 25px 50px rgba(255, 80, 140, 0.25)) drop-shadow( 0 0 50px rgba(114, 138, 255, 0.25));}
}



@media(max-width:1440px){
	.shukra-section .gradient-pach {top:28%;}
	
	.session-cost-sec {padding-block:100px;}
	
	.is-you-message {bottom: 18%;}
	.is-you-hand-wrap {top:0%;}
	.is-you-quote-top {top: -1%; left: 4%;}
	
/*	.session-options-sec {top:60%;}*/
	
	.is-you-quote-right {right:0%;}
	.is-you-quote {font-size: 20px;}
	.is-you-quote-top,.is-you-quote-right  {width:400px;}
	
	.about-aarya .main-row2 .columns:nth-child(2) .black-circle-content {width:70%;}
	.about-aarya .main-row1 { justify-content: center; gap: 6%;}
	.about-aarya h2 span.fs-scale {font-size: 5rem; }
	.change-rings {bottom:-3%;}
	
	.faq-section {margin-top: -0.1rem;}
	
	.before-we-meet-section-inner {padding-block:10px;}
	.before-we-meet-section .bottom-card {width:80%;}
	.before-we-meet-section-inner {min-height: 160vh;}
}

@media(max-width:1366px){
	.shukra-section .gradient-pach { top: 28%; height: 80px;}
	
	.about-aarya .main-row2 .columns:nth-child(2) {left:0%;}
	.about-aarya .main-row2 .columns:nth-child(2) .black-circle-content { width: 80%; left: 51%; }
	
	.session-cost-sec {  padding-block: 140px;}
	
	.is-you-hand-wrap {  width: min(500px, 58vw);}
	.is-you-message { bottom: 30%;}
	.is-you-card-scene {top:17%;}
	.is-you-quote-top {top: -9%; left:0%;}
	.is-you-quote-right {top:48%; right:0%;}
	
	.what-change-sec .connector-01 {top: 58px;height: 33rem;}
    .what-change-sec .connector-02 {top: 45px;height: 36.4rem;}
    .what-change-sec .connector-03 {top: 45px;height: 18.2rem;}
    .what-change-sec .connector-04 {top: 35px;height: 20.7rem;}
	
	.discover-orb {width:150px;}
	
	.before-we-meet-section-inner {min-height: 195vh;}

}

@media(max-width:1280px){
	.shukra-section .gradient-pach { top: 32%;}
	
    .about-aarya .main-row2 .columns:nth-child(1) .btn-custom { left: -10%;}
	
	.about-aarya .main-row2 .columns:nth-child(2) .black-circle-content { left: 54%;}
	
	.about-aarya .cta-wrapper {/*    text-align: unset;*/}
	
	.about-aarya .cta-wrapper .btn-custom {}
	.change-rings { bottom: 2%;}
	
	.before-we-meet-section-inner { min-height: 172vh;}
	.before-we-meet-section .bottom-card { width: 90%;}
}



@media (max-width: 1199px) {

    .is-you-stage { min-height: 800px; }
    .is-you-hand-wrap { width: min(650px, 65vw); top: 10%; }
    .is-you-quote-top { left: 4%; }
    .is-you-quote-right { right: 4%;}

}


@media(max-width:991px){
	.home-sec-hero-inner {min-height: 600px;}
	.shukra-section .gradient-pach {top:28%;}
	
	.home-sec-01 .row {margin-inline:0px;}
	.stage.home-sec-01 { height: 500px;}

    .session-slide-01,
    .session-slide-02 { margin:0; }
    
    .session-slide-01 .session-image-wrap,
    .session-slide-02 .session-image-wrap { order:1; margin:0 0 15px; }
    
    .session-slide-01 .session-content-wrap,
    .session-slide-02 .session-content-wrap { order:2; text-align:center; }
    
    .session-image-circle { width:75px; height:75px; }
    
    .session-content h4 { font-size:1.3rem; }
    
    .session-content p,.session-content p span  { font-size:1rem; }
	.session-cost-sec { padding-block: 0px;     }

	
	.is-you-message{bottom:2%;}
	.is-you-quote-right{top:60%;}
	.is-you-quote-top{top:-16%;}
	
	.is-you-hand-wrap {/*width: min(650px, 45vw);*/ top: 30%; width: 50%;}
    .is-you-quote-top,.is-you-quote-right  {width:200px;}
    .is-you-quote {/*font-size: 18px;*/ letter-spacing: 1px;}

    .is-you-card strong{ font-size:22px; letter-spacing: 1px; text-align: center;}
	
	
	.about-aarya .hero-portrait { max-width: 34%; display: block; margin-inline: auto; }
	.about-aarya h2 span.fs-scale { font-size: 3rem; }
	.about-aarya p {max-width:100%;}
	.about-aarya h2 { margin-bottom: 1rem;}

	.about-aarya .main-row2 {padding-block: 2rem;}
	.about-aarya .main-row2 .columns:nth-child(1) { text-align: start;}
	.about-aarya .main-row2 .columns:nth-child(1) p {margin-left: 0px; max-width:100%;}
	.about-aarya .main-row2{justify-content: center; gap: 4rem;}
	.about-aarya .main-row1, .about-aarya .main-row2, .about-aarya .main-row3 {padding-block: 1rem;}
	.about-aarya .main-row2 .columns:nth-child(1) .btn-custom { left: 0%;}
	.about-aarya .main-row2 .columns:nth-child(2) .black-circle-content { width: 42%; left: 50%;}
	.about-aarya .main-row2 .columns:nth-child(2) {left:0%;}
	.about-aarya .bg-lines {display: none;}
	.about-aarya .step-desc {font-size: 1.1rem; }
	
	.change-item {    width: 270px;}
	.change-item-03 {left: 0px;}
	.connector {width:70px;}
	.connector.connector-03,.connector.connector-04 {width: 40px;}
	.connector.connector-02 { width: 45px;}
	.connector.connector-01 { width: 90px;}
	.what-change-layout {min-height: 900px;}
	.connector-left {border-top-left-radius: 24px; border-top: 1px solid rgba(205, 197, 180, 0.6); border-left: 1px solid rgba(205, 197, 180, 0.6);}
	.connector-right  {border-top-right-radius: 24px; border-top: 1px solid rgba(205, 197, 180, 0.8); border-right: 1px solid rgba(205, 197, 180, 0.8);}
    .what-change-sec .connector-01 {top: 58px;height: 39rem;}
    .what-change-sec .connector-02 {top: 45px;height: 42.3rem;}
    .what-change-sec .connector-03 {top: 45px;height: 24.2rem;}
    .what-change-sec .connector-04 {top: 35px;height: 26.6rem;}
	
	.what-change-sec .connector::after {display: none;}
	
	.energy-slider { width: 92%; }
    .energy-slide { min-height: 380px; }
    .energy-slide-content { width: 60%; margin-left: 40%; padding: 40px;}
	.energy-slide-content h3 {letter-spacing: 1px;}
	.energy-slide-content p{letter-spacing: 1px;}
	
	.before-we-meet-section .top-card {width: 75%;}
	.before-we-meet-section-inner { min-height: 105vh;}
}

@media (max-width: 800px) {
    .before-we-meet-section-inner { min-height: 95vh;}
}


@media(max-width:768px){
	.shukra-section .gradient-pach {top:28%;}
    .about-aarya .text-center-mobile { text-align: center !important; }
    .about-aarya .hero-portrait { max-width: 40%; margin-bottom: 30px;}
	.is-you-hand-wrap {top: 34%;}
	.before-we-meet-section-inner { min-height: 128vh;}
	.before-we-meet-section .question-text{font-size: 18px;}
	
    .stage.home-sec-01 { height: 350px;}
	
	.session-cost-sec{padding-block: 3rem;}
	.change-content p {max-width: 220px;}
	
	.change-item-03 {top: 290px;}
	.change-item-04 {top: 245px;}
	.what-change-sec .connector-03 {height: 21.7rem;}
	.what-change-sec .connector-04 {height: 25.1rem;}
	
	.connector.connector-01 { width: 65px; }
	.connector.connector-02 { width: 26px; }
	
	.faq-answer p { max-width: 58ch;}
	
	.discover-orb{width:120px;}
	
	.what-change-sec {padding-top: 40px;}
}



@media (max-width: 767.98px) {
	
    .energy-slider-sec { padding: 40px 0;}
    .energy-slider { width: calc(100% - 30px); }
    .energy-slide { min-height: 600px; align-items: flex-end;}

    /* Mobile image */
    .energy-slide-bg { background-position: center center;}

    /* Mobile zoom */
    .energy-slide:hover .energy-slide-bg { transform: scale(1.04);}

    /* Mobile overlay */
    .energy-slide-overlay { background: linear-gradient(180deg, rgba(1, 4, 18, 0) 20%, rgba(1, 4, 18, 0.15) 40%, rgba(1, 4, 18, 0.72) 65%, rgba(1, 4, 18, 0.98) 100%);}

    .energy-slide-gold .energy-slide-overlay { background:linear-gradient(180deg,rgba(8, 5, 1, 0) 20%, rgba(8, 5, 1, 0.15) 40%, rgba(8, 5, 1, 0.72) 65%, rgba(8, 5, 1, 0.98) 100%); }

    /* Content */
    .energy-slide-content { width: 100%; margin-left: 0; padding: 30px 25px; }
    .energy-slide-content h3 {/* font-size: var(--rfs-30);*/ margin-bottom: 18px;}
    .energy-slide-content p {/*font-size: var(--rfs-16);*/ }
		
	
    .is-this-you-sec { min-height: 850px;}
    .is-you-stage {  min-height: 850px;}
    .is-you-hand-wrap { width: 115vw; max-width: 650px; top: 16%; left: 50%;}
    .is-you-quote { /*font-size: var(--rfs-16);*/ width: 260px; line-height: 1.2; }
    .is-you-quote-top { top: 5%; left: 50%; transform: translateX(-50%); animation: none;}
    .is-you-quote-right { top: auto; bottom: 31%; right: 50%; transform: translateX(50%);  animation: none;}
    .is-you-message { width: calc(100% - 30px); bottom: 4%; border-radius: 50px; }

    .is-you-message-inner { min-height: 150px; padding: 25px 20px;  border-radius: 24px; }
    .is-you-message h2 { font-size: var(--rfs-36); margin-bottom: 10px;}
    .is-you-message p { /*font-size: var(--rfs-24);*/ letter-spacing: 1px; }

    /* Grid */
    .is-you-grid { bottom: -15%; height: 45%; background-size: 45px 45px;}
}

@media (max-width: 575.98px) {
    .shukra-heading { max-width: 26ch;}
	
	.energy-slider { width: calc(100% - 20px);}
    .energy-slide { min-height: 560px;}
    .energy-slide-content { padding: 25px 20px;}
	
	.is-this-you-sec, .is-you-stage { min-height: 780px;}
    .is-you-hand-wrap { width: 125vw; top: 18%; }
    .is-you-quote-top { top: 5%; width: 280px; }
    .is-you-quote-right { bottom: 29%; width: 280px;}
    .is-you-message { bottom: 3%; width: calc(100% - 20px);}
    .is-you-message-inner { min-height: 135px; padding: 20px 15px;}

}

@media(max-width:600px){
    .is-you-card-scene{ top:55%; height:220px; }
    .is-you-card{ width:140px; height:115px;  border-radius:18px; padding:17px; }
    .is-you-card strong{ font-size: 1rem; }

}


@media(max-width:480px){
	
	.stage.home-sec-01 { height: 50svh; }
	
	.before-we-meet-section-inner { min-height: 116vh;}
	.before-we-meet-section .bottom-card {padding-inline:2rem;}
	.before-we-meet-section .cta-wrapper{text-align: unset;  position: relative; margin-block:1.5rem; display: flex; justify-content: center;}
	.before-we-meet-section .top-card { width: 90%;}
	.before-we-meet-section .bottom-card { width: 103%; }
	.home-sec-hero-inner .hero-content .hero-logo img {width:55%;}
	.home-sec-hero-inner { min-height: 370px; }
	.shukra-section{padding-block:2rem;}
	.shukra-beat--brand { padding-bottom: 0;}
	
	.is-you-quote-top {top: -5%;width: 100%;}
	.is-you-quote-right {bottom: 73%;width: 100%; }
	.is-you-hand-wrap {width: 60vw; top: 55%;}
	.is-you-quote-right {bottom: 64%;}
	.is-you-card-scene{top:33%;}
	
	.is-you-message{background: none;}
	.is-you-message{bottom: 0%;}
	
	.about-aarya .main-row1 .columns:nth-child(1){margin-bottom: 0rem;}
	.about-aarya .container-fluid {padding-block:0rem;}
    .about-aarya .step-desc { font-size: 1rem; }
	.about-aarya h2 span.fs-scale { font-size: 2.5rem;}
	.about-aarya .session-circle {max-width: 280px;}
	.about-aarya .main-row2 .columns:nth-child(2) .black-circle-content { width: 54%;}
	.about-aarya .semi-circle-wrapper {flex-direction: column; padding-top: 0rem;}
	.about-aarya .step-item {max-width: 100%; margin-inline:auto;}
	.about-aarya .step-item:nth-child(2){margin-top: 0rem;}
	.about-aarya .step-item:nth-child(3) { margin-top: 0px;}
	.about-aarya .step-item:nth-child(4) { margin-top: 0px; }
	.about-aarya .step-item:nth-child(5) {margin-top: 0px;}
    .about-aarya .step-item:nth-child(6) { margin-top: 0px;}
	.about-aarya .cta-wrapper .btn-custom { }
	
	.discover-orb{width: 80px;}
	
	.what-change-heading {margin-bottom: 2rem;}
	.what-change-layout { min-height: auto; }
	.change-item { width: 100%;}
	.change-structure {width: 100%;}
	.change-item {position: static; margin-bottom: 2rem;}
	.change-item-left ,.change-item-right{justify-content: center;text-align: center;}
	.connector,.change-rings {display: none;}
    .what-change-sec {padding-bottom: 0rem;}
	.change-content {width:100%;}
	.change-content p {  max-width: 100%;}
	.change-item-left .change-content p {margin-left: unset;}
	.change-item-right .change-content p {margin-right: unset;}
	.change-item-right .change-content p,.change-item-left .change-content p{margin-inline:auto;}
	
	.session-particle-orbit { width: 880px;}
    .session-cost-wrapper {min-height: 830px;}
	.session-cost-content { width: 100vw; max-width: 345px; }
	
	.energy-slide-bg { background-position: left;}
	.energy-slide { min-height: 500px; }
	
	.is-this-you-sec {	padding-top: 0px;}
	
	.faq-left {text-align: left; padding-bottom: 10px;}
	.faq-heading-wrapper .section-heading {font-size: 26px;}
	.faq-heading-wrapper p {margin-bottom: 0.5rem;}
	.faq-answer p { max-width: 32ch; }
	
	.before-we-meet-section .top-card p br{ display: none;}
	    .before-we-meet-section .top-card { padding: 1.5rem 1rem;}
    .before-we-meet-section .bottom-card { width: 94%; padding: 1.25rem 1rem;}
    .before-we-meet-section .question-text { font-size: 16px;}
    .before-we-meet-section .answer-input { height: 110px; min-height: 110px;}
}

@media(max-width:420px){
	.is-you-hand-wrap {width: 85vw; top: 45%;}
	.is-you-card-scene{top:39%;}
}

@media(max-width:390px){
	.about-aarya .main-row2 .columns:nth-child(2) .black-circle-content { width: 60%;}
}

@media(max-width:375px){
	.is-you-hand-wrap {top: 48%;}
	    
	.before-we-meet-section-inner {  min-height: 128vh; }
}

@media(max-width:360px){
	.is-you-card-scene{top: 48%;} 
	.is-you-hand-wrap {top: 39%;	width: 80vw;}
	 
	.session-cost-content { width: 100vw; max-width: 335px;}
	.is-this-you-sec, .is-you-stage {min-height: 650px; }
	.is-you-quote-right {bottom: 59%;}

	.discover-orb{width:65px;}
	
	.about-aarya .main-row2 .columns:nth-child(2) .black-circle-content { width: 66%;}
	
	.is-you-quote{font-size: 18px;}
	.faq-title { font-size: 18px; }
}

@media(max-width:320px){
/*	 .is-you-hand-wrap {top: 40%;}*/
	.is-you-quote{font-size: 1rem;}
	
	.is-you-quote-top{top:-5%;}
	.is-you-quote-right{bottom: 72%;}
	.is-you-hand-wrap {top: 32%; width:90vw;}
	.is-you-message{bottom:20%;}
	.is-you-card-scene{top:30%;}
	.is-this-you-sec, .is-you-stage{min-height: 820px;}
	
	.about-aarya{margin-top: -45%;}
	.about-aarya .hero-portrait{max-width: 65%;}
	.about-aarya .main-row2 .columns:nth-child(2) .black-circle-content { width: 75%;}
	
	.faq-heading-wrapper .section-heading{font-size: 24px;}
	.before-we-meet-section-inner{min-height: 180vh;}
	.before-we-meet-section .bottom-card { width: 100%;}
}

/* ---- respect reduced motion preference ---- */
@media (prefers-reduced-motion: reduce) {
  .shukra-beat { transition: none; opacity: 1; transform: none;}
  .shukra-line__path { transition: none;}
}