/* Purely Hearing: native scrolling, fluid light, and a deliberately small visual system. */
:root{--paper:#f5f5f7;--ink:#1c1e22;--night:#111319;--muted:#a1a7b1;--ease:cubic-bezier(.22,1,.36,1);--session-progress:0;--trace-progress:1;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:var(--night);color:#f6f6f8;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}:is(button,a,input,textarea):focus-visible{outline:3px solid #93b5e6;outline-offset:6px}::selection{background:#6d87b0;color:white}h1,h2,p{margin:0}h1,h2{font-weight:550;letter-spacing:-.065em;line-height:1.04}.skip{position:fixed;z-index:30;top:12px;left:16px;padding:14px 20px;background:white;color:#12141a;border-radius:8px;transform:translateY(-160%)}.skip:focus{transform:none}
.site-header{position:fixed;inset:0 0 auto;z-index:10;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(6%,calc((100vw - 1320px)/2));transition:background .5s}.has-scrolled .site-header{background:#111319d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.brand{min-height:44px;display:inline-flex;gap:9px;align-items:center;font-size:32px;font-weight:600;letter-spacing:-1.8px;line-height:1}.brand-signal{display:flex;gap:2px;align-items:center}.brand-signal i{width:2px;height:9px;border-radius:3px;background:currentColor}.brand-signal i:nth-child(2){height:17px}.brand-signal i:nth-child(3){height:12px}.nav-link{min-height:44px;display:inline-flex;align-items:center;font-size:13px;font-weight:500;color:#d8dce4;transition:color .3s}.nav-link:hover{color:white}.link-line{display:none}.eyebrow{font-size:12px;letter-spacing:.025em;line-height:1.6;color:#acb3c0}
.hero{position:relative;isolation:isolate;min-height:780px;height:105svh;max-height:1120px;overflow:hidden;background:#111319}.hero-copy{position:relative;z-index:2;text-align:center;padding:clamp(150px,19svh,220px) 24px 0;transform-origin:center 35%;will-change:transform}.hero-intro{margin-bottom:25px}.hero h1{font-size:clamp(74px,9.7vw,146px);line-height:1.01;font-weight:540;letter-spacing:-.068em}.line{display:block;padding-bottom:.19em;margin-bottom:-.15em;overflow:hidden;perspective:1000px}.line>span{display:block;transform-origin:50% 100%}.remote-word{color:#c7d3e7;background:linear-gradient(110deg,#c6d5ed 10%,#f2e8df 32%,#a2b5d3 55%,#d6c9d9 78%,#f2e8df);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:type-light 13s ease-in-out infinite alternate}.hero-cta{margin-top:38px;position:relative;z-index:2}.button{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:23px;min-height:54px;padding:0 26px;border:0;border-radius:999px;font-size:13px;font-weight:500;line-height:1.2;overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s var(--ease),background .4s;box-shadow:0 5px 20px #0001}.button-dark,.button-light{background:#eff1f6;color:#20252d}.button::before{content:"";position:absolute;inset:-100% -30%;z-index:-1;background:radial-gradient(ellipse at 30% 50%,#adc4e9b0,transparent 54%),radial-gradient(ellipse at 70% 50%,#e4cdbd90,transparent 54%);transform:translateX(-70%) rotate(-18deg);transition:transform 1s var(--ease);opacity:.4}.button-label{transition:transform .6s var(--ease)}.button-indicator{width:8px;height:8px;display:flex;align-items:center;justify-content:center}.button-indicator i{height:5px;width:5px;background:currentColor;border-radius:50%;transition:transform .6s var(--ease)}.button:is(:hover,:focus-visible){transform:translateY(-3px);box-shadow:0 10px 35px #bacce220}.button:is(:hover,:focus-visible)::before{transform:translateX(30%) rotate(16deg);opacity:1}.button:is(:hover,:focus-visible) .button-label{transform:translateX(-3px)}.button:is(:hover,:focus-visible) .button-indicator i{transform:scale(1.5)}.button:active{transform:translateY(1px)}
/* Organic transforms adapted from CSS Mesh (MIT, Steve South). Soft radial
   fields are prepainted; their transforms and opacity carry the movement. */
.light-field{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;contain:paint}.light-cloud{position:absolute;width:150%;height:140%;left:-25%;top:0;border-radius:0;transform-origin:center;animation:liquid-morph 19s ease-in-out infinite;will-change:transform;opacity:.7}.cloud-ice{background:radial-gradient(ellipse at 36% 51%,#5277b64d 0%,#42619a20 28%,transparent 65%);animation-duration:17s}.cloud-pearl{background:radial-gradient(ellipse at 66% 65%,#be99864a 0%,#b4967b18 31%,transparent 64%);animation-delay:-9s;animation-duration:23s;transform-origin:65% 60%}.cloud-violet{background:radial-gradient(ellipse at 58% 74%,#9b86ae44 0%,#5b5a9c12 34%,transparent 65%);animation-duration:27s;animation-delay:-15s}.light-field::after{content:"";position:absolute;inset:0;background:linear-gradient(#111319 0%,transparent 35%,transparent 65%,#111319 100%)}
@keyframes liquid-morph{0%,100%{transform:translate3d(0,0,0) scale(1) rotate(0deg);opacity:.6}20%{transform:translate3d(6%,3%,0) scale(1.15) rotate(20deg);opacity:.95}40%{transform:translate3d(3%,-6%,0) scale(.97) rotate(10deg);opacity:.75}60%{transform:translate3d(-4.5%,1.5%,0) scale(1.12) rotate(-10deg);opacity:1}80%{transform:translate3d(-1.5%,4.5%,0) scale(1.06) rotate(-20deg);opacity:.7}}
@keyframes type-light{from{background-position:0% 50%}to{background-position:100% 50%}}
.sound-field{position:absolute;z-index:1;left:0;right:0;bottom:7%;height:clamp(200px,24vw,300px);pointer-events:none;mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.sound-canvas{display:none;width:100%;height:100%}.canvas-ready .sound-canvas{display:block}.canvas-ready .sound-svg{display:none}.sound-svg{height:100%;width:100%;opacity:.8}.sound-baseline{display:none}.signal-light{opacity:.6}.signal-packet{transform-box:fill-box;transform-origin:center}.is-offscreen .light-cloud{animation-play-state:paused}
.journey{position:relative;background:var(--night);color:#f6f6f8;--trace-progress:1}.journey-inner{max-width:1440px;margin:auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:7%;padding:0 6%}.instrument-wrap{position:sticky;top:82px;height:calc(100svh - 82px);min-height:530px;display:flex;align-items:center;grid-column:2;grid-row:1}.instrument{position:relative;width:100%;padding:29px 29px 0;border-radius:20px;overflow:hidden;background:linear-gradient(145deg,#e9edf5,#fbfbfc 50%,#e1e4ee);color:#353d4b;box-shadow:0 45px 95px #0004;transform-origin:center;will-change:transform}.instrument::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 0 20%,#93add81c,transparent 60%),radial-gradient(ellipse at 95% 80%,#d7bcc31c,transparent 60%);z-index:0}.instrument>*{position:relative}.instrument-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.mini-brand{font-size:20px;font-weight:600;letter-spacing:-.7px}.mini-brand>span{font-size:12px;letter-spacing:0;font-weight:400;color:#626b78}.concept{font-size:11px;color:#626a76}.session-status{display:flex;align-items:center;gap:8px;margin:32px 0 31px;font-size:12px;font-weight:500}.status-light{width:6px;height:6px;background:#70887c;border-radius:50%}.channels{margin-left:auto;display:flex;gap:16px;font-size:11px;color:#626c80}.channels>span:last-child{color:#4f6689}.chart-title{display:flex;justify-content:space-between;font-size:11px;margin-bottom:20px;color:#5c626c}.audiogram{width:100%;display:block;overflow:visible}.grid{stroke:#cdd3dd;stroke-width:.7;fill:none}.axis{font-size:12px;fill:#626a78}.right-trace,.left-trace{fill:none;stroke-width:2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--trace-progress))}.right-trace{stroke:#587baa}.left-trace{stroke:#96909f}.right-points{fill:#f4f5f8;stroke:#587baa;stroke-width:2;opacity:var(--trace-progress)}.left-points{fill:none;stroke:#96909f;stroke-width:2;opacity:var(--trace-progress)}.chart-frequency{text-align:right;color:#626a78;font-size:10px;margin-top:12px}.instrument-foot{display:flex;justify-content:space-between;gap:14px;margin:29px 0 23px;font-size:11px;color:#626975;line-height:1.5}.instrument-foot>span:first-child{color:#424c5b;white-space:nowrap}.session-link{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:10px 0 27px;font-size:11px;color:#5c626f}.session-link>span:not(.connection-track){background:#dbe1eb80;padding:8px 11px;border-radius:999px}.connection-track,.session-progress{display:none}.chapters{grid-column:1;grid-row:1;min-width:0}.chapter{min-height:90svh;display:flex;align-items:center;padding:100px 0}.chapter:last-child{min-height:100svh}.chapter h2{font-size:clamp(54px,5.4vw,80px);font-weight:520;line-height:1.06;perspective:1000px}.chapter[data-step="2"] h2{font-size:clamp(47px,4.45vw,66px)}.chapter-description{font-size:16px;line-height:1.7;color:#a6adba;margin-top:28px;max-width:300px}.word{display:inline-block;transform-origin:50% 100%}.chapter-copy{transform-origin:left center}
.technology{position:relative;padding:150px 8% 140px;background:var(--paper);color:var(--ink);overflow:hidden}.technology-heading,.technology-detail{max-width:1150px;margin:auto}.technology h2{font-size:clamp(56px,7.4vw,112px);line-height:1.1;perspective:1000px}.text-metal{color:#707d94}.technology-detail{margin-top:44px}.technology-detail p{font-size:16px;line-height:1.7;color:#626975}.closing{position:relative;isolation:isolate;background:#111319;color:#f5f5f7;padding:125px 8% 130px;overflow:hidden}.closing>[data-reveal]{position:relative;z-index:1;max-width:1150px;margin:auto}.closing h2{font-size:clamp(70px,8.8vw,132px);font-weight:520;line-height:1.04;perspective:1000px}.closing-bottom{margin-top:43px}.closing-light .light-cloud{top:-30%;left:15%;height:160%;width:100%}.closing-light::after{background:linear-gradient(#111319,transparent 30%,transparent 70%,#111319)}footer{display:flex;justify-content:space-between;align-items:center;padding:28px 6%;background:#111319;color:#f6f6f7}footer .brand{font-size:26px}footer>span{font-size:11px;color:#a4aab7}
/* Content remains fully visible if JavaScript or the motion library fails. */
.flow-ready [data-reveal] .word{will-change:opacity,transform}.flow-ready .hero-copy .line>span{will-change:opacity,transform}
dialog{color-scheme:light;border:0;border-radius:20px;background:#f5f5f7;color:#23262e;padding:48px;max-width:540px;width:calc(100% - 32px);max-height:90svh;box-shadow:0 25px 100px #0004}dialog::backdrop{background:#080a119e;backdrop-filter:blur(8px)}dialog h2{font-size:55px;margin:20px 0}dialog>p{font-size:14px;line-height:1.65;color:#656d7a}dialog .eyebrow{font-size:11px;color:#626975}.close{position:absolute;right:16px;top:14px;width:44px;height:44px;border:0;border-radius:50%;background:transparent;font-size:28px;color:#5e6470}.close:hover{background:#e6e8ec}label{display:block;font-size:12px;margin:22px 0 8px}input,textarea{width:100%;padding:13px;border:1px solid #c9ced6;border-radius:7px;background:#fff;color:#23262e;line-height:1.5;font-size:16px}textarea{resize:vertical}dialog .button{margin-top:22px;background:#232832;color:#fff}dialog .privacy{font-size:11px;line-height:1.6;margin-top:22px}#form-status{font-size:12px;margin-top:12px;color:#42674f}.no-script{text-align:center;padding:24px;font-size:13px}
@media(max-width:1100px){.hero{min-height:740px}.hero h1{font-size:clamp(80px,11vw,120px)}.journey-inner{padding:0 5%;gap:5%;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.instrument{padding:22px 22px 0}.instrument-foot{flex-direction:column;gap:4px;font-size:10px}.session-link{gap:9px;font-size:10px}.axis{font-size:20px}.chapter h2{font-size:6.3vw}.chapter[data-step="2"] h2{font-size:5.2vw}.technology{padding:120px 7%}.closing{padding:110px 7%}}
@media(max-width:760px){.site-header{height:72px;padding:0 7%}.brand{font-size:29px}.nav-link{font-size:12px}.hero{height:100svh;min-height:700px;max-height:900px}.hero-copy{padding:155px 20px 0}.hero-intro{font-size:11px;margin-bottom:26px}.hero h1{font-size:clamp(56px,13vw,88px);line-height:1.02}.hero-cta{margin-top:30px}.button{min-height:52px;padding:0 24px;font-size:12px;gap:18px}.sound-field{height:230px;left:-15%;right:-15%;bottom:13%}.light-cloud{left:-55%;width:210%;top:0;height:140%}.journey-inner{display:block;padding:0 7%}.instrument-wrap{top:90px;height:360px;min-height:0;z-index:2;pointer-events:none}.instrument{max-width:500px;margin:0 auto;padding:19px 19px 0;border-radius:16px;box-shadow:0 15px 40px #0004}.instrument-top{margin-bottom:17px}.mini-brand{font-size:18px}.mini-brand>span{font-size:11px}.concept{font-size:10px}.session-status{margin:0 0 15px;font-size:11px}.chart-title{font-size:10px;margin-bottom:9px}.audiogram{height:137px}.axis{font-size:26px}.chart-frequency{font-size:10px;margin-top:7px}.instrument-foot{margin:10px 0 13px;font-size:10px;flex-direction:row;align-items:end}.instrument-foot>span:first-child{display:none}.session-link{padding:3px 0 16px;font-size:10px}.chapters{margin-top:-360px}.chapter,.chapter:last-child{min-height:92svh;padding:440px 0 80px;align-items:flex-end}.chapter h2{font-size:clamp(48px,11.5vw,78px)}.chapter[data-step="2"] h2{font-size:clamp(41px,10vw,66px)}.chapter-description{font-size:14px;margin-top:20px;line-height:1.65}.technology{padding:100px 7%}.technology h2{font-size:clamp(43px,10.3vw,72px);line-height:1.14}.technology-detail{margin-top:32px}.technology-detail p{font-size:13px}.closing{padding:100px 7% 110px}.closing h2{font-size:clamp(51px,12.5vw,85px)}.closing-bottom{margin-top:34px}footer{padding:23px 7%}dialog{padding:40px 25px}dialog h2{font-size:48px}}
@media(max-width:360px){.hero-copy{padding-top:145px}.hero{min-height:680px}.hero h1{font-size:46px}.sound-field{bottom:10%;height:210px}.instrument{padding:16px 14px 0}.instrument-foot{font-size:9px}.chapter,.chapter:last-child{padding-top:390px}.technology h2{font-size:40px}.closing h2{font-size:49px}}
@media(max-height:670px) and (max-width:760px){.instrument-wrap{position:relative;top:0;height:auto;padding-top:45px}.chapters{margin-top:0}.chapter,.chapter:last-child{min-height:62svh;padding:70px 0}.hero-copy{padding-top:135px}}
/* Reduced-motion visitors still receive automatic light and opacity changes,
   with subtle wave breathing, no text movement, scaling, or scroll displacement. No opt-in UI. */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.light-cloud{animation:quiet-light 14s ease-in-out infinite alternate;will-change:opacity}.cloud-pearl{animation-delay:-7s}.cloud-violet{animation-delay:-3s}.remote-word{animation-duration:24s}.hero-copy,.instrument,.word{transform:none!important}.button,.button-label,.button-indicator i{transition:background .3s,opacity .3s;transform:none!important}.button::before{transition:opacity .4s;transform:none;opacity:0}.button:is(:hover,:focus-visible)::before{opacity:.7}}
@keyframes quiet-light{from{opacity:.35}to{opacity:.9}}

/* A compact wordmark leaves room for the clinical navigation on small screens. */
.brand{font-size:26px;letter-spacing:-.85px;white-space:nowrap}.mini-brand{font-size:18px;letter-spacing:-.5px}footer .brand{font-size:22px}
@media(max-width:760px){.site-header{gap:18px}.brand{font-size:21px;letter-spacing:-.65px}.mini-brand{font-size:16px}.instrument-top{gap:10px}footer{gap:14px;flex-wrap:wrap}footer .brand{font-size:20px}}
@media(max-width:360px){.brand{font-size:19px}.site-header{gap:12px}.nav-link{font-size:11px}.mini-brand{font-size:15px}footer>span{font-size:10px}}