.naia-lake{--naia-current:#76c7c0;--naia-wave:1;position:relative;isolation:isolate;overflow:hidden;padding:clamp(70px,8vw,110px) 0;color:#dce3e8;background:radial-gradient(circle at 15% 10%,color-mix(in srgb,var(--naia-current) 18%,transparent),transparent 32%),linear-gradient(180deg,#09111f,#071a25 52%,#08121e);transition:background 1s ease}
.naia-lake *{box-sizing:border-box}.naia-lake__glow{position:absolute;z-index:-1;inset:25% -20% -50%;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--naia-current) 17%,transparent),transparent 62%);filter:blur(28px);transition:background .8s}
.naia-lake__inner{width:min(1050px,calc(100% - 36px));margin:auto}.naia-lake__intro{max-width:760px;margin:0 auto 38px;text-align:center}.naia-lake__kicker{color:#8fdad3;font:700 .7rem/1.4 Manrope,sans-serif;letter-spacing:.18em;text-transform:uppercase}.naia-lake h2{margin:0 0 16px;color:#f0eadf;font:500 clamp(2.1rem,4vw,3.25rem)/1.04 "Cormorant Garamond",serif}.naia-lake__intro>p:last-child{max-width:680px;margin:auto;color:#b7c5cf}
.naia-lake__progress{display:grid;grid-template-columns:repeat(4,1fr);max-width:720px;margin:0 auto 28px}.naia-lake__progress span{position:relative;padding:0 8px 13px;color:#667886;font:600 .67rem Manrope,sans-serif;text-align:center;letter-spacing:.06em;border-bottom:1px solid rgba(255,255,255,.12)}.naia-lake__progress span::after{content:"";position:absolute;right:50%;bottom:-1px;left:50%;height:2px;background:var(--naia-current);transition:left .45s,right .45s}.naia-lake__progress span.is-active{color:#dce8ea}.naia-lake__progress span.is-active::after{right:0;left:0}.naia-lake__progress i{display:block;margin-top:4px;font-style:normal;text-transform:uppercase}
.naia-lake__panel{display:grid;grid-template-columns:.7fr 1.3fr;min-height:560px;overflow:hidden;border:1px solid rgba(143,218,211,.18);border-radius:28px;background:rgba(7,14,27,.68);box-shadow:0 38px 110px rgba(0,0,0,.34);backdrop-filter:blur(16px)}
.naia-lake__visual{position:relative;display:grid;place-items:center;align-content:center;min-height:100%;overflow:hidden;border-right:1px solid rgba(255,255,255,.09);background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--naia-current) 23%,transparent),transparent 37%),linear-gradient(160deg,rgba(255,255,255,.03),transparent)}
.naia-orb{position:relative;z-index:2;display:grid;width:clamp(135px,18vw,205px);aspect-ratio:1;place-items:center;border:1px solid color-mix(in srgb,var(--naia-current) 65%,white);border-radius:50%;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.28),transparent 11%),radial-gradient(circle at 50% 70%,color-mix(in srgb,var(--naia-current) 58%,#05101a),#081523 72%);box-shadow:inset 0 0 45px color-mix(in srgb,var(--naia-current) 30%,transparent),0 0 55px color-mix(in srgb,var(--naia-current) 22%,transparent);transform:scale(calc(.88 + var(--naia-wave)*.08));transition:all .8s cubic-bezier(.2,.8,.2,1);animation:naia-float 5s ease-in-out infinite}.naia-orb__core{color:#efffff;font:400 3rem "Cormorant Garamond",serif;text-shadow:0 0 18px white}
.naia-ripples{position:absolute;top:53%;left:50%;width:240px;aspect-ratio:2.8/1;transform:translate(-50%,-50%)}.naia-ripples i{position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--naia-current) 55%,transparent);border-radius:50%;animation:naia-ripple calc(4.5s / var(--naia-wave)) ease-out infinite}.naia-ripples i:nth-child(2){animation-delay:1.5s}.naia-ripples i:nth-child(3){animation-delay:3s}.naia-lake__visual-word{z-index:2;margin:32px 0 0;color:#dceced;font:italic 500 1.35rem "Cormorant Garamond",serif;letter-spacing:.04em}
.naia-lake__steps{position:relative;padding:clamp(32px,5vw,58px)}.naia-lake__step[hidden]{display:none}.naia-lake__step.is-active{animation:naia-reveal .45s ease both}.naia-lake__question{margin:0 0 25px;color:#f1eadf;font:500 clamp(1.55rem,2.6vw,2rem)/1.12 "Cormorant Garamond",serif}
.naia-emotion-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.naia-emotion-grid button,.naia-body-grid button{appearance:none;color:#c8d4da;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025);cursor:pointer;transition:.22s}.naia-emotion-grid button{display:grid;grid-template-columns:34px 1fr;padding:12px 14px;text-align:left;border-radius:13px}.naia-emotion-grid button:hover,.naia-emotion-grid button.is-selected,.naia-body-grid button:hover,.naia-body-grid button.is-selected{color:#f5ffff;border-color:var(--naia-current);background:color-mix(in srgb,var(--naia-current) 15%,transparent);transform:translateY(-2px)}.naia-emotion-grid b{grid-row:1/3;align-self:center;color:var(--naia-current);font-size:1.25rem}.naia-emotion-grid span{font:600 .86rem Manrope,sans-serif}.naia-emotion-grid small{color:#82939d;font:.68rem Manrope,sans-serif}
.naia-intensity{padding:34px 24px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.025);text-align:center}.naia-intensity output{display:grid;width:76px;aspect-ratio:1;place-items:center;margin:0 auto 30px;color:#f5ffff;border:1px solid var(--naia-current);border-radius:50%;font:500 2.3rem "Cormorant Garamond",serif;box-shadow:0 0 30px color-mix(in srgb,var(--naia-current) 20%,transparent)}.naia-intensity input{width:100%;accent-color:var(--naia-current)}.naia-intensity div{display:flex;justify-content:space-between;margin-top:12px;color:#82939d;font:.68rem Manrope,sans-serif}.naia-next{display:flex;width:100%;justify-content:space-between;margin-top:18px;padding:16px 19px;color:#062023;border:0;border-radius:13px;background:#9fddd7;font:700 .76rem Manrope,sans-serif;letter-spacing:.06em;cursor:pointer;text-transform:uppercase}
.naia-body-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.naia-body-grid button{min-height:49px;padding:12px;border-radius:12px;font:600 .78rem Manrope,sans-serif}.naia-body-grid button:last-child{grid-column:1/-1}.naia-back{position:absolute;right:38px;bottom:18px;color:#8fa1aa;border:0;background:none;font:600 .7rem Manrope,sans-serif;cursor:pointer}
.naia-pearl{text-align:left}.naia-pearl__symbol{display:grid;width:54px;aspect-ratio:1;place-items:center;margin-bottom:20px;color:#f8ffff;border:1px solid var(--naia-current);border-radius:50%;background:color-mix(in srgb,var(--naia-current) 20%,transparent);box-shadow:0 0 32px color-mix(in srgb,var(--naia-current) 20%,transparent)}.naia-pearl__eyebrow,.naia-pearl small{color:var(--naia-current);font:700 .63rem Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase}.naia-pearl h3{margin:8px 0 13px;color:#f1eadf;font:500 clamp(1.65rem,3vw,2.3rem)/1.1 "Cormorant Garamond",serif}.naia-pearl__meaning{color:#afbec7}.naia-pearl__need,.naia-pearl__practice{margin-top:18px;padding:17px 19px;border-left:2px solid var(--naia-current);background:rgba(255,255,255,.025)}.naia-pearl__need strong,.naia-pearl__practice strong{display:block;margin-top:4px;color:#edf4f3;font:600 .9rem Manrope,sans-serif}.naia-pearl__practice p{margin:9px 0 0;color:#aebcc4;font-size:.84rem}.naia-pearl__note{color:#7f909a;font-size:.72rem}.naia-pearl__actions{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin-top:23px}.naia-pearl__actions button{padding:11px 18px;color:#082024;border:0;border-radius:999px;background:#9fddd7;font-weight:700;cursor:pointer}.naia-pearl__actions a{color:#9fddd7;font-size:.78rem;text-decoration:none}.naia-lake__safety{max-width:760px;margin:22px auto 0;color:#71858f;font-size:.72rem;text-align:center}
@keyframes naia-float{50%{transform:translateY(-8px) scale(calc(.88 + var(--naia-wave)*.08))}}@keyframes naia-ripple{0%{opacity:.7;transform:scale(.3)}100%{opacity:0;transform:scale(1.45)}}@keyframes naia-reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:800px){.naia-lake__panel{grid-template-columns:1fr}.naia-lake__visual{min-height:300px;border-right:0;border-bottom:1px solid rgba(255,255,255,.09)}.naia-orb{width:140px}.naia-ripples{top:57%}.naia-lake__visual-word{margin-top:20px}}
@media(max-width:520px){.naia-lake__inner{width:calc(100% - 20px)}.naia-lake__progress i{font-size:.56rem}.naia-lake__steps{padding:28px 18px 55px}.naia-emotion-grid{grid-template-columns:1fr}.naia-lake__visual{min-height:250px}.naia-intensity div{gap:20px;text-align:left}.naia-intensity div span:last-child{text-align:right}}
@media(prefers-reduced-motion:reduce){.naia-lake *{animation:none!important;scroll-behavior:auto!important;transition:none!important}}