/* FREEDIVE only. Upper descent story, then the DEEP LISTENING editorial. */
@font-face{font-family:Manrope;src:url('assets/fonts/manrope-jeenetic-600.ttf') format('truetype');font-weight:600;font-display:swap}
button { font: inherit; cursor: pointer; }
:focus-visible { outline: 2px solid #bae2ff; outline-offset: 5px; }
.logo { width: auto; padding: 0 12px; font-size: 15px; font-weight: 500; }
.logo:hover,.logo:active { transform: none; }
.nav button { border: 0; background: none; color: #fff; font-size: 13px; padding: 8px 0; }
.hero-video-wrap,.solutions-video-wrap { background: #092543; }
.hero-video-wrap video { opacity: .7; }
.solutions-video-wrap video { opacity: .55; }
.hero,.hero-main { height: 100svh; }
.body-copy { line-height: 1.8; letter-spacing: 0; }
.about-copy { line-height: 1.5; max-width: 1000px; }
.sol-set h1 { line-height: 1.2; }
.sol-set .cta { border: 0; margin-top: 12px; }
.solutions-overlay { pointer-events: none; }
.sol-set.is-current { pointer-events: auto; }
.dive-dialog { margin: auto; width: min(680px,calc(100% - 32px)); max-height: 85svh; padding: 32px; border: 1px solid #ffffff25; border-radius: 16px; background: #09223c; color: #edf5ff; overscroll-behavior: contain; }
.dive-dialog::backdrop { background: #020b17b8; backdrop-filter: blur(10px); }
.panel-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.panel-header h2 { font-size: 26px; font-weight: 400; line-height: 1.3; }
.panel-header button { flex-shrink: 0; background: none; color: #d0e1ef; border: 0; padding: 8px 0; font-size: 13px; }
@media(max-width:600px){.panel-header{flex-wrap:wrap;gap:12px}.panel-header h2{order:3;width:100%}}
#panel-content p { font-size: 15px; line-height: 1.9; color: #cbddec; margin-bottom: 20px; }
#panel-content h3 { font-size: 17px; font-weight: 500; margin: 28px 0 14px; }
#panel-content img { display: block; width: 100%; height: auto; max-height: 420px; object-fit: contain; margin: 24px 0; }
#panel-content .panel-links { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 24px; }
.panel-links button { color: #d9ecff; background: transparent; border: 1px solid #ffffff40; border-radius: 6px; padding: 12px 16px; }
.pending { padding-top: 18px; border-top: 1px solid #ffffff20; }
.wechat-id{user-select:all;color:#edf5ff}
.dive-contact-qr{position:relative;width:min(280px,100%);aspect-ratio:1;overflow:hidden;margin:24px auto}
#panel-content .dive-contact-qr img{position:absolute;width:137.037037%;max-width:none;max-height:none;height:auto;left:-18.518519%;top:-44.444444%;margin:0;filter:invert(1);mix-blend-mode:screen}
.header{inset:0 0 auto;transform:none;width:100%;height:76px;max-width:none;padding:0 36px;border-radius:0;gap:20px;background:#071c2ce6;backdrop-filter:blur(18px)}
.header .logo{padding:0;background:none;gap:14px;font-family:Manrope,sans-serif;font-size:14px;letter-spacing:.15em}
.logo span{font-family:inherit;letter-spacing:0;font-size:11px;color:#c2d5e3}
.header .nav{gap:26px}.header .nav a,.header .nav button{font-size:11px;letter-spacing:.04em;color:#c2d5e3;padding:12px 0}
.header .nav [aria-current]{color:#fff;border-bottom:1px solid #a9d9fa}
.header .nav button{border:1px solid #88a1b2;padding:9px 16px;border-radius:6px}
.hero-video-wrap{background:#092543}
.hero-video-wrap:has(video[hidden]){background:#092543 url('assets/deep-dive.jpg') center/cover}
.eyebrow{color:#d1e0ec}.hero-video-wrap video{opacity:.68}
.deep-listening{position:relative;z-index:20;background:#081d2b;color:#edf4f8;padding:120px 6vw 0;scroll-margin-top:76px}
.hero-video-wrap video{transform-origin:50% 65%}
@media(prefers-reduced-motion:reduce){.deep-listening{clip-path:none!important}.listening-intro{opacity:1!important}}
.listening-intro{max-width:1250px;margin:0 auto 120px}
.listening-label{color:#aac6d7;font-size:12px;letter-spacing:.12em;margin-bottom:38px}
.listening-intro h2{font-family:Manrope,sans-serif;font-size:clamp(64px,12.1vw,184px);font-weight:600;letter-spacing:-.065em;line-height:.98}
.listening-lead{font-size:clamp(30px,4vw,58px);line-height:1.45;letter-spacing:.02em;margin:55px 0 28px}
.listening-description{color:#b5cbd9;font-size:17px;line-height:2}
.listening-editorial{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9vw;max-width:1250px;margin:0 auto 160px}
.listening-editorial figure{margin:0}.listening-editorial img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.deep-listening h3{font-size:clamp(28px,3.3vw,48px);font-weight:400;line-height:1.5;letter-spacing:.015em}
.listening-essay p,.listening-research p{font-size:16px;line-height:2;color:#b5cbd9;margin:28px 0;max-width:38em}
.text-link{display:inline-block;font-size:13px;color:#d6ebfa;padding:12px 0;border-bottom:1px solid #7692a4}
.listening-practice{max-width:1250px;margin:0 auto 160px;display:grid;grid-template-columns:1fr 1fr;gap:9vw}
.listening-practice dl{margin:0}.listening-practice dl>div{margin-bottom:44px}
.listening-practice dt{font-size:21px;margin-bottom:14px}.listening-practice dd{margin:0;font-size:16px;line-height:2;color:#b5cbd9;max-width:36em}
.listening-research{max-width:1250px;margin:0 auto 150px;padding-top:55px;border-top:1px solid #ffffff26;display:grid;grid-template-columns:1fr 1fr;gap:9vw;scroll-margin-top:110px}
.listening-research p:first-child{margin-top:0}.listening-research details{margin-top:32px}
.listening-research summary{cursor:pointer;font-size:14px;padding:15px 0;color:#dfedf6}
.listening-workshop{max-width:1250px;margin:auto;padding:80px 0 90px;border-top:1px solid #ffffff26}
.listening-workshop h3{font-size:clamp(40px,6vw,80px);line-height:1.3}
.listening-workshop>p:not(.listening-label){color:#b5cbd9;font-size:17px;line-height:2;margin-top:28px}
.listening-workshop .workshop-status{font-size:13px!important}
#workshop-interest-form{margin-top:28px;font-size:13px;line-height:1.8;color:#c5dbe9}
#workshop-interest-form input{margin-right:8px;accent-color:#9dd8ff}
#workshop-submit{background:none;border:0;border-bottom:1px solid #7692a4;font-family:inherit;cursor:pointer}
#workshop-submit:disabled{opacity:.55;cursor:wait}
#workshop-notice{font-size:13px!important}
.listening-workshop .listening-safety{font-size:12px!important;max-width:48em;color:#a1bacb!important;margin-top:52px!important}
.dive-footer{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:32px 0;border-top:1px solid #ffffff26;font-size:12px;color:#bfd4e2}
.dive-footer button{border:0;background:none;color:inherit;padding:12px 0}
@media(max-width:767px){
 .header{height:68px;padding:0 18px;gap:10px}.header .logo{font-size:11px;letter-spacing:.08em;gap:8px}
 .header .nav{gap:14px}.header .nav a,.header .nav button{font-size:10px}
 .header .nav [aria-current],.header .nav a[href="#deep-listening"]{display:none}
 .header .nav button{padding:8px 10px}
 .deep-listening{padding:80px 24px 0;scroll-margin-top:68px}
 .listening-intro{margin-bottom:70px}.listening-intro h2{font-size:clamp(54px,12vw,92px)}
 .listening-label{margin-bottom:28px}.listening-lead{margin-top:36px}
 .listening-description{font-size:15px}
 .listening-editorial,.listening-practice,.listening-research{grid-template-columns:1fr;gap:36px;margin-bottom:80px}
 .listening-editorial img{aspect-ratio:1/1}
 .listening-essay p,.listening-research p,.listening-practice dd{font-size:15px}
 .listening-practice dl>div:last-child{margin-bottom:0}
 .listening-workshop{padding:50px 0 60px}
 .dive-footer{flex-wrap:wrap;gap:14px;font-size:11px}
}
@media(prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }
@media(max-width:1023px) { .hero-main { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 24px; padding-top: 150px; padding-bottom: 40px; } .hero-left { height: auto; } .hero-right { align-self: flex-end; } .hero-title { font-size: clamp(60px,12vw,96px); } .about { min-height: 100svh; height: auto; gap: 100px; padding-top: 90px; padding-bottom: 70px; } .about-bottom { display: flex; justify-content: flex-end; } }
@media(max-width:480px) { .header { gap: 12px; padding-right: 12px; } .logo { padding: 0 8px; } .nav { gap: 12px; } .nav a,.nav button { font-size: 11px; } .sol-set h1 { font-size: 44px; } .about-copy { font-size: 26px; } .dive-dialog { padding: 24px; } }
@media(prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *,*::before,*::after { animation: none !important; transition: none !important; } .hero-video-wrap video,.solutions-video-wrap video { display: none; } .hero-video-wrap { background: #092543 url('assets/dive3.jpg') center/cover; background-blend-mode: multiply; } .solutions-overlay { position: relative; height: auto; clip-path: none !important; background: #092543; } .solutions-content,.solutions-inner { height: auto; } .solutions-stage { display: block; height: auto; } .sol-set { position: relative; min-height: 70svh; opacity: 1 !important; filter: none !important; pointer-events: auto; } .sol-top,.sol-bottom { transform: none !important; } .solutions-spacer { min-height: 0; } }