/* GENERATED by npm run build:home-css. Edit the source modules, not this file. */ /* Source: src/home-base.css */ /* Homepage baseline, extracted from index.php. Loaded once through home-sections.css. */ /* Hero entrance (was gsap.from on DOMContentLoaded; same offsets, durations, delays and easing). */ @keyframes omni-hero-up { from { opacity: 0; transform: translateY(var(--omni-hero-dy, 30px)); } } @keyframes omni-hero-left { from { opacity: 0; transform: translateX(60px); } } #hero-badge, #hero-title, #hero-desc, #hero-actions, #hero-kicker {
        animation: omni-hero-up .7s cubic-bezier(.215, .61, .355, 1) both;
    } #hero-badge { animation-duration: .6s; } #hero-title { animation-delay: .1s; } #hero-desc { --omni-hero-dy: 20px; animation-delay: .2s; } #hero-actions { --omni-hero-dy: 20px; animation-delay: .3s; } #hero-kicker { --omni-hero-dy: 15px; animation-duration: .5s; animation-delay: .4s; } #hero-visual-container { animation: omni-hero-left .8s cubic-bezier(.215, .61, .355, 1) .2s both; } @media (prefers-reduced-motion: reduce) {
        #hero-badge, #hero-title, #hero-desc, #hero-actions, #hero-kicker, #hero-visual-container { animation: none; }
    } #ai-advisor-card .advisor-intro { margin-bottom: 20px; } #ai-advisor-card .advisor-intro h3 { font-size: 20px; font-weight: 800; color: #0f2942; } #ai-advisor-card .advisor-intro p, #ai-advisor-card .advisor-contact-note { font-size: 12px; line-height: 1.7; color: #64748b; } #ai-advisor-card .advisor-privacy { display: flex; align-items: flex-start; gap: 10px; padding: 14px; border: 1px solid #d1fae5; border-radius: 14px; background: #f0fdf4; color: #52675d; font-size: 11px; line-height: 1.7; } #ai-advisor-card .advisor-privacy svg { flex-shrink: 0; width: 17px; height: 17px; color: #059669; margin-top: 2px; } #ai-advisor-card .advisor-age-options label { position: relative; min-height: 82px; justify-content: center; } #ai-advisor-card .advisor-age-options label:has(input:checked) { background: #eff6ff; border-color: #2563eb; box-shadow: 0 0 0 2px #2563eb22; } #ai-advisor-card .advisor-age-options label:has(input:focus-visible) { outline: 3px solid #0891b2; outline-offset: 3px; } #ai-advisor-card .advisor-age-options input { display: block; position: absolute; opacity: 0; width: 1px; height: 1px; } #ai-advisor-card .advisor-age-options label:active { transform: scale(.98); } #ai-advisor-card .advisor-step:not(.hidden) { animation: advisor-step-in .22s ease-out; } @keyframes advisor-step-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } } @media (prefers-reduced-motion: reduce) { #ai-advisor-card .advisor-step:not(.hidden) { animation: none; } #ai-advisor-card .advisor-age-options label { transition: none; transform: none; } } /* FAQ Premium Active States */ .faq-item.faq-active {
            background: rgba(255, 255, 255, 0.88) !important;
            border-color: rgba(0, 102, 204, 0.22) !important;
            box-shadow: 0 12px 40px rgba(0, 102, 204, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.90) !important;
        } .faq-item.faq-active .faq-accent {
            opacity: 1;
        } .faq-item.faq-active .faq-number {
            background: linear-gradient(135deg, #0066CC, #00B4D8) !important;
            color: #fff !important;
            border-color: transparent !important;
            box-shadow: 0 4px 14px rgba(0, 102, 204, 0.30);
        } .faq-item.faq-active .faq-icon {
            background: linear-gradient(135deg, rgba(0, 102, 204, 0.12), rgba(0, 229, 255, 0.12)) !important;
            border-color: rgba(0, 102, 204, 0.20) !important;
        } .faq-item.faq-active .faq-icon svg {
            color: #0066CC !important;
        } .faq-item:hover:not(.faq-active) {
            background: rgba(255, 255, 255, 0.78) !important;
            border-color: rgba(0, 102, 204, 0.14) !important;
            box-shadow: 0 8px 30px rgba(0, 102, 204, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.70) !important;
        } /* Source: hero-aqua.css */ /* Underwater Gallery: layered glass currents and surface light, no video. */ #section-hero { background:linear-gradient(115deg,#05283f 0%,#073d5d 46%,#087c9c 100%); isolation:isolate; } #section-hero .hero-aqua-scene { position:absolute; inset:0; z-index:0; overflow:hidden; pointer-events:none; } #section-hero .hero-gallery-rays { position:absolute; inset:-25% -20% 0 25%; background:conic-gradient(from 154deg at 70% 0%,transparent 0deg,#b5fcff25 6deg,transparent 13deg,#a6f7ff14 22deg,transparent 30deg,#a6f7ff24 40deg,transparent 48deg); transform-origin:70% 0%; animation:hero-gallery-light 12s ease-in-out infinite alternate; } #section-hero .hero-gallery-current { position:absolute; inset:-10% -10% -10% auto; width:90%; height:120%; animation:hero-gallery-flow 14s ease-in-out infinite alternate; } #section-hero .hero-gallery-floor { position:absolute; width:120%; height:38%; left:-10%; bottom:-16%; background:repeating-linear-gradient(90deg,transparent 0 100px,#9eefff19 101px 102px),repeating-linear-gradient(0deg,transparent 0 75px,#9eefff19 76px 77px); transform:perspective(450px) rotateX(55deg); mask-image:linear-gradient(transparent,#000); } #section-hero .hero-aqua-scene::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#032b4555,transparent 65%); } #section-hero:not(.hero-aqua-active) .hero-aqua-scene * { animation-play-state:paused; } #section-hero #hero-badge { background:#a8ecff12; border:1px solid #b5f3ff44; border-radius:8px; letter-spacing:.16em; } #section-hero #hero-title { text-wrap:balance; } #section-hero #hero-title .bg-clip-text { background-image:linear-gradient(100deg,#c3faff,#65dfff); } #section-hero #hero-actions a { border-radius:12px; box-shadow:inset 0 1px 0 #ffffff44,0 8px 24px #001e3640; } #section-hero #hero-stats-strip { width:100%; } #section-hero #hero-stats-strip > div { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); width:100%; gap:0; padding:18px 0; border-top:1px solid #b7f2ff44; border-bottom:1px solid #b7f2ff25; } #section-hero #hero-stats-strip > div > div { min-width:0; padding:4px 14px; background:transparent !important; border:0; border-right:1px solid #b7f2ff30; border-radius:0; box-shadow:none; backdrop-filter:none; } #section-hero #hero-stats-strip > div > div:first-child { padding-left:0; } #section-hero #hero-stats-strip > div > div:last-child { border-right:0; } #section-hero #hero-stats-strip p { color:#c5e7f3; overflow-wrap:anywhere; } #section-hero .d-stat-bar { display:none; } #section-hero #hero-visual-container { padding:18px; } #section-hero .hero-gallery-frame { position:absolute; inset:2px 0 0 0; border:1px solid #b2f8ff55; border-radius:44% 44% 28px 28px; transform:rotate(5deg); background:linear-gradient(125deg,#c7faff16,transparent); pointer-events:none; } #section-hero .d-hero-photo { width:100%; border:3px solid #dbfaff; border-radius:44% 44% 24px 24px; box-shadow:8px 10px 0 #3b9fb955,0 30px 65px #00223870; } #section-hero .d-hero-photo > img { min-height:360px; } #section-hero .d-hero-wave { display:none; } @keyframes hero-gallery-light { from { transform:rotate(-6deg); opacity:.55; } to { transform:rotate(6deg); opacity:1; } } @keyframes hero-gallery-flow { from { transform:translate(-2%,-2%) rotate(-3deg); } to { transform:translate(3%,2%) rotate(3deg); } } @media(max-width:767px) {
 #section-hero .hero-gallery-rays { animation:none; opacity:.7; }
 #section-hero .hero-gallery-current { width:150%; right:-70%; animation-duration:18s; }
 #section-hero .hero-gallery-floor { display:none; }
 #section-hero #hero-stats-strip > div { grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:22px; }
 #section-hero #hero-stats-strip > div > div:nth-child(odd) { padding-left:0; }
 #section-hero #hero-stats-strip > div > div:nth-child(even) { border-right:0; }
 #section-hero #hero-visual-container { padding:12px; }
 #section-hero .d-hero-photo > img { min-height:320px; }
 #section-hero .d-hero-photo,#section-hero .hero-gallery-frame { border-radius:36% 36% 22px 22px; }
} @media(prefers-reduced-motion:reduce) { #section-hero .hero-aqua-scene * { animation:none !important; } } /* Source: about-depth.css */ /* Scoped illustration cards; existing CMS copy and entrance timeline stay intact. */ #section-tentang .about-depth-cards { display:grid; width:100%; gap:16px; text-align:left; min-width:0; } #section-tentang .about-depth-cards > .about-depth-card { position:relative; display:grid; grid-template-columns:96px minmax(0,1fr); align-items:center; gap:18px; padding:14px 32px 14px 14px; border-radius:24px; border:1px solid #fff; background:linear-gradient(125deg,#ffffffed,#f5fdffdb); box-shadow:0 4px 0 #9dd8e83d,0 16px 30px -18px #087db147; backdrop-filter:none; color:#132c43; } #section-tentang .about-depth-art { width:96px; height:96px; border-radius:22px; background:radial-gradient(ellipse at 50% 70%,#b4ecf970,transparent 72%); } #section-tentang .about-depth-art svg { display:block; width:100%; height:100%; overflow:visible; } #section-tentang .about-depth-object { transition:transform .3s ease; } #section-tentang .about-depth-text { min-width:0; overflow-wrap:anywhere; font-size:15px; font-weight:700; line-height:1.55; } #section-tentang .about-depth-number { position:absolute; top:12px; right:15px; color:#5098b0; font-size:10px; font-weight:800; letter-spacing:.08em; } @media(min-width:1280px) {
 #section-tentang .about-depth-cards > .about-depth-card:nth-child(2) { margin-left:20px; }
 #section-tentang .about-depth-cards > .about-depth-card:nth-child(3) { margin-left:40px; }
} @media(hover:hover) and (prefers-reduced-motion:no-preference) {
 #section-tentang .about-depth-card:hover .about-depth-object { transform:translateY(-5px); }
} @media(max-width:1279px) {
 #section-tentang .about-depth-cards { max-width:640px; margin-left:auto; margin-right:auto; }
 #section-tentang .about-depth-cards > .about-depth-card { margin-left:0; }
} @media(max-width:767px) {
 #section-tentang .about-depth-cards { gap:12px; }
 #section-tentang .about-depth-cards > .about-depth-card { grid-template-columns:74px minmax(0,1fr); gap:12px; padding:12px 26px 12px 8px; border-radius:20px; }
 #section-tentang .about-depth-art { width:74px; height:74px; }
 #section-tentang .about-depth-text { font-size:14px; }
} @media(prefers-reduced-motion:reduce) {
 #section-tentang .about-depth-cards > .about-depth-card,#section-tentang .about-depth-object { transition:none; }
 #section-tentang .about-depth-cards > .about-depth-card:hover { transform:none; }
} /* Source: advisor-water.css */ #advisor-water { background: linear-gradient(155deg,#effbff 5%,#d9f4ff 48%,#c7eeff 78%,#b7eaf7); isolation:isolate; } #advisor-water .aw-scene { position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:0; } #advisor-water .aw-light { position:absolute; inset:0; background:radial-gradient(ellipse at 18% 32%,#fff9,transparent 45%),repeating-linear-gradient(115deg,transparent 0 95px,#ffffff28 110px,transparent 145px); } /* Moving pool reflections occupy the centre, not just the bottom waves. */ #advisor-water .aw-light::before { content:""; position:absolute; width:76%; height:72%; left:12%; top:14%; background:repeating-radial-gradient(ellipse at 40% 50%,transparent 0 46px,#ffffff94 48px 50px,transparent 54px 88px,#00a9db25 92px 95px,transparent 100px 135px); border-radius:45%; mask-image:radial-gradient(ellipse,#000 20%,transparent 72%); animation:aw-reflections 9s ease-in-out infinite alternate; } #advisor-water .aw-light::after { content:""; position:absolute; width:430px; height:430px; max-width:90vw; max-height:90vw; left:calc(50% - 215px); top:32%; border:2px solid #40c9f273; border-radius:50%; box-shadow:0 0 0 30px #fff3,0 0 0 32px #40c9f22e,0 0 0 66px #fff2,0 0 0 68px #40c9f21f; animation:aw-centre-rings 6s ease-out infinite; } #advisor-water .aw-wave { position:absolute; width:140%; height:210px; left:-20%; bottom:-30px; animation:aw-tide 12s ease-in-out infinite alternate; } #advisor-water .aw-wave-back { color:#1abbed; opacity:.17; } #advisor-water .aw-wave-front { color:#00a8d8; opacity:.16; bottom:-65px; animation-delay:-5s; animation-duration:16s; } #advisor-water .aw-bubble { position:absolute; width:48px; height:48px; border:1px solid #ffffffb0; border-radius:50%; background:radial-gradient(circle at 30% 25%,#fff9,transparent 50%); left:3%; top:65%; animation:aw-float 8s ease-in-out infinite alternate; } #advisor-water .aw-bubble:nth-last-child(2) { left:93%; top:20%; width:70px; height:70px; animation-delay:-3s; } #advisor-water .aw-bubble:last-child { left:48%; top:8%; width:24px; height:24px; animation-delay:-6s; } #advisor-water:not(.aw-in-view) .aw-scene * { animation-play-state:paused; } #advisor-water:not(.aw-in-view) .aw-light::before,#advisor-water:not(.aw-in-view) .aw-light::after,#advisor-water:not(.aw-in-view) #ai-advisor-card::before,#advisor-water:not(.aw-in-view) #ai-advisor-card::after { animation-play-state:paused; } #advisor-water [data-aw-reveal] { transition:opacity .55s ease,translate .65s cubic-bezier(.2,.7,.2,1); } #advisor-water.aw-ready [data-aw-reveal]:not(.aw-visible):not(:focus-within) { opacity:.15; translate:0 28px; } #advisor-water.aw-ready [data-aw-reveal].aw-past:not(.aw-visible):not(:focus-within) { translate:0 -22px; } #advisor-water .d-ai-wrap::before,#advisor-water .d-ai-wrap::after { display:none; } #advisor-water #ai-advisor-card { border:1px solid #65d8f4; background:#ffffffed; } /* Narrow water currents stay at the card edges, away from the reading area. */ #advisor-water #ai-advisor-card::before,#advisor-water #ai-advisor-card::after { content:""; position:absolute; pointer-events:none; z-index:0; width:8px; height:42%; border-radius:100%; background:linear-gradient(180deg,transparent,#39d9ed99,#008ce5bb,transparent); animation:aw-card-current 5s ease-in-out infinite alternate; } #advisor-water #ai-advisor-card::before { left:0; top:8%; } #advisor-water #ai-advisor-card::after { right:0; top:38%; animation-delay:-3s; } #advisor-water #advisor-form,#advisor-water #advisor-result { position:relative; z-index:1; } #advisor-water input[type=text],#advisor-water textarea,#advisor-water select { transition:border-color .2s,box-shadow .2s,background-color .2s; } #advisor-water input[type=text]:focus,#advisor-water textarea:focus,#advisor-water select:focus { border-color:#00a9ce; box-shadow:0 0 0 4px #00bbdf18; background:#f7feff; } #advisor-water .aw-filled { background-color:#f0fbff; border-color:#9bdcea; } #advisor-water label:has(input[type=radio]) { position:relative; overflow:hidden; transition:transform .2s,border-color .2s,background-color .2s; } #advisor-water label:has(input:checked) { border-color:#00a5d3; background:#e6faff; } #advisor-water .aw-ripple { position:absolute; pointer-events:none; width:100px; height:100px; left:calc(50% - 50px); top:calc(50% - 50px); border:2px solid #00a7d8; border-radius:50%; animation:aw-ripple .6s ease-out forwards; } #advisor-water [data-d-steps] { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; } #advisor-water [data-d-steps] span { display:block; height:5px; border-radius:20px; background:#dceaf1; overflow:hidden; } #advisor-water [data-d-steps] span::after { content:""; display:block; height:100%; background:linear-gradient(90deg,#0879e5,#00c6d7); transform:scaleX(0); transform-origin:left; transition:transform .35s ease; } #advisor-water [data-d-steps] span.is-on::after { transform:scaleX(1); } #advisor-water #advisor-next-btn,#advisor-water #advisor-submit-btn { transition:transform .2s,box-shadow .2s; } #advisor-water #advisor-next-btn:active,#advisor-water #advisor-submit-btn:active { transform:scale(.97); } #advisor-water #advisor-result:not(.hidden) { animation:advisor-step-in .4s ease-out; } @media (hover:hover) { #advisor-water label:has(input[type=radio]):hover { transform:translateY(-3px); } } @keyframes aw-tide { from { transform:translateX(-4%) translateY(0); } to { transform:translateX(4%) translateY(12px); } } @keyframes aw-float { to { transform:translateY(-35px) translateX(10px); } } @keyframes aw-ripple { from { transform:scale(.2); opacity:.65; } to { transform:scale(3.5); opacity:0; } } @keyframes aw-reflections { from { transform:translate(-4%,-3%) rotate(-8deg) scale(.96); opacity:.55; } to { transform:translate(4%,3%) rotate(8deg) scale(1.08); opacity:1; } } @keyframes aw-centre-rings { 0% { transform:scale(.65); opacity:0; } 20% { opacity:.7; } 100% { transform:scale(1.3); opacity:0; } } @keyframes aw-card-current { from { transform:translateY(-25%); opacity:.45; } to { transform:translateY(70%); opacity:1; } } @media(max-width:767px) {
 #advisor-water { padding-top:48px; padding-bottom:56px; }
 #advisor-water > .grid { padding-left:18px; padding-right:18px; gap:28px; }
 #advisor-water #ai-advisor-card { padding:20px; border-radius:24px; backdrop-filter:none; }
 #advisor-water input[type=text],#advisor-water textarea,#advisor-water select { font-size:16px; }
 #advisor-water .advisor-age-options { gap:7px; }
 #advisor-water .advisor-age-options label { padding:10px 4px; }
 #advisor-water #advisor-next-btn,#advisor-water #advisor-submit-btn { flex:1; min-height:48px; }
 #advisor-water .aw-wave { height:140px; }
 #advisor-water .aw-bubble:not(:last-child) { display:none; }
 #advisor-water .aw-bubble { animation:none; }
 #advisor-water .aw-wave-front { animation:none; }
 #advisor-water .aw-light::before { width:120%; height:55%; left:-10%; top:30%; animation-duration:12s; }
 #advisor-water .aw-light::after { display:none; }
 #advisor-water #ai-advisor-card::before,#advisor-water #ai-advisor-card::after { width:5px; animation-duration:7s; }
 #advisor-water [data-aw-reveal] { transition-duration:.35s; }
} /* Lightweight dimensional water sculpture: CSS shading + perspective, no WebGL. */ #advisor-water .aw-depth-stage { position:relative; width:100%; height:190px; perspective:800px; pointer-events:none; margin-top:12px; margin-bottom:8px; } #advisor-water .aw-orb { position:absolute; left:calc(50% - 78px); top:0; width:156px; height:156px; overflow:hidden; border-radius:50%; border:1px solid #ffffffb3; background:radial-gradient(circle at 30% 22%,#ffffffed 0%,#c6faffaa 14%,#49d6f17a 35%,#009edac9 66%,#0056a2 96%); box-shadow:inset -14px -18px 22px #00366b66,inset 7px 7px 16px #fff9,inset -3px -3px 5px #00d9ff,0 14px 28px #007cc322; animation:aw-orb-hover 5s ease-in-out infinite alternate; } #advisor-water .aw-orb-water { position:absolute; width:220px; height:220px; left:-32px; top:62px; border-radius:42%; background:linear-gradient(140deg,#7cf6ff99,#009bddaa 60%,#004ba6bb); border:2px solid #c9ffffb3; animation:aw-water-turn 13s linear infinite; } #advisor-water .aw-orb-glint { position:absolute; width:54px; height:25px; left:24px; top:18px; border-radius:50%; background:linear-gradient(#fffffff0,#ffffff10); transform:rotate(-35deg); box-shadow:22px 94px 0 -8px #c0ffff99; } #advisor-water .aw-orb-shadow { position:absolute; width:140px; height:28px; left:calc(50% - 70px); bottom:8px; border-radius:50%; background:radial-gradient(ellipse,#0074b349,transparent 70%); animation:aw-shadow-breathe 5s ease-in-out infinite alternate; } #advisor-water .aw-pool-ring { position:absolute; width:220px; height:70px; bottom:-8px; left:calc(50% - 110px); border:1px solid #089dd04d; border-radius:50%; box-shadow:0 0 0 9px #ffffff40,0 0 0 10px #089dd020; } #advisor-water .aw-satellite { position:absolute; width:34px; height:34px; border-radius:50%; background:radial-gradient(circle at 28% 22%,white,#8eefff 24%,#08b5df 65%,#0467ab); box-shadow:inset -4px -5px 7px #0065a866,0 8px 12px #058cba20; animation:aw-orb-hover 4s ease-in-out infinite alternate; } #advisor-water .aw-satellite-one { left:calc(50% - 135px); top:95px; animation-delay:-2s; } #advisor-water .aw-satellite-two { left:calc(50% + 100px); top:20px; width:22px; height:22px; animation-delay:-3s; } #advisor-water:not(.aw-in-view) .aw-depth-stage * { animation-play-state:paused; } #advisor-water .d-ai-wrap { perspective:1400px; } #advisor-water #ai-advisor-card { transform:rotateX(var(--aw-rx,0deg)) rotateY(var(--aw-ry,0deg)); transition:transform .25s ease-out; box-shadow:0 4px 0 #8acfe259,0 12px 0 -5px #a4d9e84d,0 28px 55px #0075aa26; } #advisor-water #ai-advisor-card:focus-within { transform:none; } @keyframes aw-orb-hover { from { transform:translateY(0) rotate(-4deg); } to { transform:translateY(-14px) rotate(4deg); } } @keyframes aw-water-turn { to { transform:rotate(360deg); } } @keyframes aw-shadow-breathe { to { transform:scale(.8); opacity:.55; } } @media(min-width:768px) and (max-width:1023px) { #advisor-water .aw-depth-stage { grid-column:1; } } @media(max-width:767px) {
 #advisor-water .aw-depth-stage { height:154px; }
 #advisor-water .aw-orb { width:124px; height:124px; left:calc(50% - 62px); }
 #advisor-water .aw-orb-water { top:48px; }
 #advisor-water .aw-satellite-one { left:calc(50% - 105px); top:70px; }
 #advisor-water .aw-satellite-two { left:calc(50% + 82px); }
 #advisor-water #ai-advisor-card { transform:none; }
 #advisor-water .aw-light::before { animation:none; }
} #advisor-water .aw-benefits { display:grid; gap:12px; } #advisor-water .aw-benefits > .aw-benefit { margin:0; } #advisor-water .aw-benefit { position:relative; display:grid; grid-template-columns:80px minmax(0,1fr); align-items:center; gap:14px; padding:14px 28px 14px 10px; border:1px solid #ffffffed; border-radius:22px; background:linear-gradient(125deg,#ffffffd9,#f4fcffb8); box-shadow:0 3px 0 #99cfdf30,0 9px 24px #007caa0b; transition:transform .25s ease,box-shadow .25s ease; } #advisor-water .aw-feature-art { width:80px; height:80px; border-radius:18px; background:radial-gradient(ellipse at 50% 75%,#b2edfa77,transparent 70%); } #advisor-water .aw-feature-art svg { display:block; width:100%; height:100%; overflow:visible; } #advisor-water .aw-art-object { transition:transform .35s ease; } #advisor-water .aw-benefit-copy { min-width:0; overflow-wrap:anywhere; } #advisor-water .aw-benefit-copy h4 { line-height:1.45; } #advisor-water .aw-benefit-copy p { line-height:1.65; } #advisor-water .aw-benefit-number { position:absolute; right:12px; top:9px; font-size:10px; font-weight:800; color:#5294ac; opacity:.7; } @media(hover:hover) and (prefers-reduced-motion:no-preference) {
 #advisor-water .aw-benefit:hover { transform:translateY(-3px); box-shadow:0 4px 0 #99cfdf30,0 14px 26px #007caa16; }
 #advisor-water .aw-benefit:hover .aw-art-object { transform:translateY(-5px); }
} @media(max-width:767px) {
 #advisor-water .aw-benefit { grid-template-columns:64px minmax(0,1fr); gap:10px; padding:12px 24px 12px 8px; border-radius:18px; }
 #advisor-water .aw-feature-art { width:64px; height:64px; }
} @media(prefers-reduced-motion:reduce) {
 #advisor-water *,#advisor-water *::before,#advisor-water *::after { animation:none !important; transition:none !important; }
 #advisor-water.aw-ready [data-aw-reveal] { opacity:1 !important; translate:none !important; }
 #advisor-water .aw-ripple { display:none; }
 #advisor-water #ai-advisor-card { transform:none; }
} /* Source: credentials-depth.css */ /* Certification gallery: original logos on dimensional display medallions. */ #section-credentials { background:radial-gradient(ellipse at 75% 80%,#c3edf9aa,transparent 60%),linear-gradient(110deg,#f3faff,#e8f5ff); } #section-credentials .partner-marquee { padding:22px 0 28px; mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent); -webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent); } #section-credentials .partner-marquee__track { animation-play-state:paused; } #section-credentials.credentials-running .partner-marquee__track { animation-play-state:running; } #section-credentials .partner-marquee:hover .partner-marquee__track,#section-credentials .partner-marquee:focus-within .partner-marquee__track { animation-play-state:paused; } #section-credentials .partner-marquee__card { flex-basis:244px; width:244px; min-height:144px; padding:20px 18px; gap:17px; border-radius:22px; background:linear-gradient(135deg,#fff,#f5fcff); border:1px solid #fff; box-shadow:0 4px 0 #9fcbdc55,0 10px 0 -4px #cee4ee99,0 18px 26px -16px #287c9d66; backdrop-filter:none; } #section-credentials .partner-marquee__card::after { content:""; position:absolute; right:12px; top:12px; width:16px; height:16px; border-top:2px solid #9bd8e8; border-right:2px solid #9bd8e8; border-radius:0 5px 0 0; pointer-events:none; } #section-credentials .credentials-medallion { position:relative; display:flex; align-items:center; justify-content:center; width:76px; height:76px; flex:0 0 76px; border:5px solid #e3f7fd; border-radius:50%; background:#fff; box-shadow:0 4px 0 #62b7d0,0 7px 0 -1px #e2f6fb,0 12px 17px -7px #19779e66,inset 0 0 0 1px #b7e1ec; filter:none !important; transition:translate .3s ease; } #section-credentials .credentials-logo { display:block; width:50px; height:50px; object-fit:contain; filter:none; } #section-credentials .credentials-symbol { width:32px; height:32px; color:#0877b2; } #section-credentials .credentials-copy { min-width:0; overflow-wrap:anywhere; } #section-credentials .credentials-copy p:first-child { font-size:17px; letter-spacing:.02em; } #section-credentials .credentials-copy p:last-child { margin-top:6px; font-size:12px; line-height:1.5; font-weight:500; color:#4b6b81; } #section-credentials .credentials-motion { margin-top:14px; border:1px solid #a6ccdf; padding:9px 14px; border-radius:10px; color:#176287; background:#ffffffaa; font-size:12px; font-weight:600; min-height:40px; } #section-credentials .credentials-motion[hidden] { display:none; } #section-credentials .credentials-swipe { display:none; } #section-credentials .partner-marquee:focus-visible,#section-credentials .credentials-motion:focus-visible { outline:3px solid #0786bb; outline-offset:3px; } @media(hover:hover) and (prefers-reduced-motion:no-preference) { #section-credentials .partner-marquee__card:hover .credentials-medallion { translate:0 -4px; } } @media(max-width:1023px),(prefers-reduced-motion:reduce) {
 #section-credentials .partner-marquee { width:100%; margin:0; overflow-x:auto; padding:12px 4px 26px; mask-image:none; -webkit-mask-image:none; scroll-snap-type:x proximity; scrollbar-width:thin; scrollbar-color:#87c8de transparent; }
 #section-credentials .partner-marquee__track { animation:none !important; transform:none; will-change:auto; }
 #section-credentials .partner-marquee__card { scroll-snap-align:start; flex-basis:230px; width:230px; }
 #section-credentials .partner-marquee__card[aria-hidden=true] { display:none; }
 #section-credentials .credentials-motion { display:none; }
 #section-credentials .credentials-swipe { display:block; margin-top:12px; font-size:11px; color:#52768b; }
} @media(prefers-reduced-motion:reduce) { #section-credentials .partner-marquee__card,#section-credentials .credentials-medallion { transition:none; transform:none; translate:none; } } /* Source: program-depth.css */ /* Program collection: compact dimensional illustrations, CMS data unchanged. */ #section-program-depth .program-carousel-card { border-radius:26px; background:linear-gradient(150deg,#fff,#f2fbff); box-shadow:0 5px 0 #91cddd3d,0 22px 40px -24px #0875a466; } #section-program-depth .program-depth-badges { flex-wrap:wrap; white-space:normal; align-items:center; gap:8px; padding-top:30px; padding-bottom:8px; } #section-program-depth .program-depth-badges > span { white-space:normal; max-width:100%; } #section-program-depth .program-depth-scene { position:relative; height:110px; margin:0 20px 12px; display:flex; align-items:center; justify-content:center; border-radius:18px; background:radial-gradient(ellipse at 50% 85%,#b7edfb99,transparent 65%),linear-gradient(135deg,#f5fdff,#e2f6fc); overflow:hidden; flex-shrink:0; } #section-program-depth .program-depth-scene svg { position:relative; width:160px; height:100px; z-index:1; } #section-program-depth .program-depth-orbit { position:absolute; width:220px; height:75px; border:1px solid #79ccdf55; border-radius:50%; transform:rotate(-15deg); box-shadow:0 0 0 12px #ffffff66,0 0 0 13px #79ccdf22; } #section-program-depth .program-depth-object { transition:transform .35s ease; } #section-program-depth .program-depth-body { flex:1; min-width:0; } #section-program-depth .program-depth-body h3 { line-height:1.4; overflow-wrap:anywhere; } #section-program-depth .program-description-clamp { color:#536e82; font-weight:500; } #section-program-depth .program-depth-facts { display:flex; flex-wrap:wrap; white-space:normal; gap:8px; border:0; padding-top:8px; } #section-program-depth .program-depth-facts > span { padding:7px 9px; border:1px solid #cce6f1; border-radius:10px; background:#f5fcff; color:#326780; font-size:11px; } #section-program-depth .program-depth-action { background:#ffffff66; border-top:1px solid #e0eff5; padding-top:18px; } #section-program-depth .program-depth-action > a { min-height:46px; box-shadow:0 3px 0 #8bbfdc40; } #section-program-depth .program-carousel-card.d-featured { scale:1; box-shadow:0 5px 0 #56bbd955,0 24px 42px -22px #0875a455; } @media(hover:hover) and (prefers-reduced-motion:no-preference) { #section-program-depth .program-carousel-card:hover .program-depth-object { transform:translateY(-4px); } } @media(max-width:767px) {
 #section-program-depth .program-depth-scene { height:94px; margin:0 16px 12px; }
 #section-program-depth .program-depth-scene svg { height:90px; }
 #section-program-depth .program-depth-badges { padding-top:20px; }
} @media(prefers-reduced-motion:reduce) { #section-program-depth .program-depth-object { transition:none; transform:none; } } /* Desktop emphasis owned here, rather than competing with desktop.css. */ @media (min-width: 1280px) {

    #section-program-depth .program-carousel-card.d-featured {
        z-index: 2;
        scale: 1;
        border: 2px solid transparent;
        background:
            linear-gradient(rgba(255, 255, 255, 0.97), rgba(255, 255, 255, 0.97)) padding-box,
            linear-gradient(135deg, var(--brand), var(--brand-aqua)) border-box;
        box-shadow: 0 30px 60px -28px rgba(0, 102, 204, 0.45);
    }

    #section-program-depth .program-carousel-card:not(.d-featured) > div:last-child > a {
        color: var(--brand);
        background: transparent;
        box-shadow: inset 0 0 0 2px rgba(0, 102, 204, 0.32);
    }

    #section-program-depth .program-carousel-card:not(.d-featured) > div:last-child > a:hover {
        color: #fff;
        background: var(--brand);
    }

    #section-program-depth .program-carousel-card.d-featured > div:last-child > a {
        color: #fff;
        background: linear-gradient(135deg, var(--brand), #0a78d8);
    }
} /* Source: gentle-depth.css */ /* Gentle coaching: calm dimensional scenes, custom CMS images remain supported. */ #section-gentle-depth .d-gentle-photo { border-radius:30px; border:3px solid #efffff; box-shadow:0 6px 0 #8bd0e077,0 13px 0 -4px #c5eaf3,0 26px 45px -18px #08739e55; } #section-gentle-depth .d-gentle-photo > .glass-panel { background:linear-gradient(125deg,#fffffff2,#e2f8fff2); border:1px solid #fff; border-radius:18px; box-shadow:0 4px 0 #86c6d655,0 10px 25px #075d8022; } #section-gentle-depth .gentle-depth-list { display:grid; gap:12px; isolation:isolate; } #section-gentle-depth .gentle-depth-list > .gentle-depth-point { display:grid; grid-template-columns:72px minmax(0,1fr); gap:14px; align-items:center; position:relative; padding:12px 16px 12px 8px; margin:0 !important; border:1px solid #fff; border-radius:20px; background:linear-gradient(125deg,#ffffffed,#effbffd9); box-shadow:0 3px 0 #9cd6e54d,0 10px 22px -15px #08749d66; z-index:1; } #section-gentle-depth .gentle-depth-point > .gentle-depth-art { width:72px; height:72px; display:flex; align-items:center; justify-content:center; border:0; padding:0; border-radius:18px; background:radial-gradient(ellipse at 50% 75%,#a7e7f766,transparent 70%); box-shadow:none; color:#087bad; } #section-gentle-depth .gentle-depth-art > svg:not([data-lucide]) { width:72px; height:72px; } #section-gentle-depth .gentle-depth-art > img { width:58px; height:58px; object-fit:contain; } #section-gentle-depth .gentle-depth-art > [data-lucide] { width:34px; height:34px; padding:9px; box-sizing:content-box; background:#e8fbff; border:2px solid white; border-radius:16px; filter:drop-shadow(0 4px 0 #80bfd0); } #section-gentle-depth .gentle-depth-copy { min-width:0; overflow-wrap:anywhere; } #section-gentle-depth .gentle-depth-copy h4 { line-height:1.4; } #section-gentle-depth .gentle-depth-copy p { color:#526e81; line-height:1.65; } #section-gentle-depth .gentle-depth-object { transition:transform .3s ease; } @media(hover:hover) and (prefers-reduced-motion:no-preference) { #section-gentle-depth .gentle-depth-point:hover .gentle-depth-object { transform:translateY(-4px); } } @media(max-width:767px) {
 #section-gentle-depth .gentle-depth-list > .gentle-depth-point { grid-template-columns:60px minmax(0,1fr); gap:10px; padding:10px 12px 10px 6px; }
 #section-gentle-depth .gentle-depth-point > .gentle-depth-art,#section-gentle-depth .gentle-depth-art > svg:not([data-lucide]) { width:60px; height:60px; }
 #section-gentle-depth .d-gentle-photo { border-radius:24px; }
} @media(prefers-reduced-motion:reduce) { #section-gentle-depth .gentle-depth-object { transition:none; transform:none; } } /* Source: why-depth.css */ /* Dimensional benefit artwork without changing CMS card content or modal actions. */ #section-why-depth .d-why > .why-depth-card { border-radius:26px; background:linear-gradient(140deg,#fff,#effbff); backdrop-filter:none; -webkit-backdrop-filter:none; box-shadow:0 4px 0 #a2d1df55,0 20px 32px -22px #207f9f66; } #section-why-depth .why-depth-art { width:104px; height:96px; display:flex; align-items:center; justify-content:center; position:relative; flex-shrink:0; border-radius:22px; background:radial-gradient(ellipse at 50% 70%,#cdf2fb80,transparent 70%); } #section-why-depth .why-depth-art svg { display:block; flex-shrink:0; } #section-why-depth .why-depth-custom { width:80px; height:80px; object-fit:contain; padding:8px; background:white; border:1px solid #c9e9f3; border-radius:18px; box-shadow:0 5px 0 #a7d4e2,0 12px 18px -9px #28789566; } #section-why-depth .why-depth-icon { display:flex; align-items:center; justify-content:center; width:70px; height:70px; border:2px solid #fff; border-radius:20px; box-shadow:0 5px 0 #a9d5e2,0 12px 18px -8px #28789566; } #section-why-depth .why-depth-object { transition:transform .3s ease; } #section-why-depth .why-depth-card h3 { overflow-wrap:anywhere; line-height:1.4; } #section-why-depth .why-depth-card p { color:#506b80; font-weight:500; } #section-why-depth .why-depth-card:focus-visible { outline:3px solid #087faf; outline-offset:4px; } @media(hover:hover) and (prefers-reduced-motion:no-preference) { #section-why-depth .why-depth-card:hover .why-depth-object { transform:translateY(-5px); } } @media(max-width:767px) {
 #section-why-depth .d-why { gap:18px; }
 #section-why-depth .d-why > .why-depth-card { padding:22px; }
 #section-why-depth .why-depth-art { width:90px; height:84px; }
 #section-why-depth .why-depth-art > svg { width:90px; height:84px; }
} @media(prefers-reduced-motion:reduce) { #section-why-depth .why-depth-object { transition:none; transform:none; } } /* Source: coach-depth.css */ /* Portrait gallery: original coach photos, quiet depth and readable profile details. */ #section-coach-depth .m-coach-card { background:linear-gradient(145deg,#fff,#f0fbff); backdrop-filter:none; -webkit-backdrop-filter:none; border:1px solid #fff; border-radius:28px; box-shadow:0 5px 0 #aad9e54d,0 22px 36px -25px #1c769d66; padding-top:12px; cursor:default; } #section-coach-depth .m-coach-photo { margin:0 12px; border:1px solid #b4e0ee; border-radius:20px; aspect-ratio:4/3; height:auto; box-shadow:0 4px 0 #b6e0ea66; } #section-coach-depth .m-coach-photo img { object-position:center 24%; } #section-coach-depth .m-coach-photo::after { display:none; } #section-coach-depth .coach-depth-photo-shade { background:linear-gradient(0deg,#04375122,transparent 45%); pointer-events:none; } #section-coach-depth .m-coach-photo > span.absolute { top:12px; left:12px; max-width:calc(100% - 24px); white-space:normal; background:linear-gradient(135deg,#fff,#e4f9ff); color:#08688f; border:1px solid white; box-shadow:0 3px 0 #6dbbd166,0 7px 15px #00476922; } #section-coach-depth .m-coach-photo > span.absolute svg { color:#087da8; flex-shrink:0; } #section-coach-depth .m-coach-overlay { display:none; } #section-coach-depth .m-coach-body { padding:24px; transform:none; } #section-coach-depth .m-coach-name { position:static; width:auto; height:auto; margin:0; overflow:visible; clip:auto; white-space:normal; display:block; font-size:19px; line-height:1.4; overflow-wrap:anywhere; } #section-coach-depth .m-coach-spec { display:block; font-size:10px; line-height:1.6; letter-spacing:.06em; color:#08769c; } #section-coach-depth .m-coach-bio { color:#536c7d; font-weight:500; line-height:1.7; } #section-coach-depth .m-coach-body > div.pt-3 { display:block; } #section-coach-depth .coach-depth-cert { padding:10px 12px; gap:12px; background:linear-gradient(125deg,#f9feff,#e9f9fe); border-color:#c5e7f1; box-shadow:0 3px 0 #aad7e433; } #section-coach-depth .coach-depth-medal { display:flex; align-items:center; width:56px; height:64px; flex:0 0 56px; transition:translate .3s ease; } #section-coach-depth .coach-depth-medal svg { display:block; width:56px; height:64px; } #section-coach-depth .coach-depth-cert > span { min-width:0; overflow-wrap:anywhere; line-height:1.55; color:#295a73; } @media(hover:hover) and (prefers-reduced-motion:no-preference) { #section-coach-depth .m-coach-card:hover .coach-depth-medal { translate:0 -3px; } } @media(max-width:767px) {
 #section-coach-depth .m-coach-card { border-radius:24px; }
 #section-coach-depth .m-coach-photo { aspect-ratio:4/3; min-height:0; }
 #section-coach-depth .m-coach-body { padding:20px; }
 #section-coach-depth .m-coach-name { font-size:18px; }
} @media(prefers-reduced-motion:reduce) { #section-coach-depth .coach-depth-medal { transition:none; translate:none; } #section-coach-depth .m-coach-card:hover .m-coach-photo img { transform:none; } }