*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0a0e21;color:#f0f2f7;font-family:Inter,"Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wrap{max-width:1180px;margin:auto;padding-left:36px;padding-right:36px}header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #ffffff12}.brand{display:flex;gap:12px;align-items:center;font-size:23px;letter-spacing:-.7px}.brand svg{width:41px;height:38px;color:#adb4c3}.eyebrow{font-size:11px;font-weight:650;letter-spacing:2.6px;line-height:1.8}.cyan{color:#25d9dc}.hero{min-height:730px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:60px;padding-top:70px;padding-bottom:100px}h1{font-size:clamp(56px,6.5vw,88px);letter-spacing:-4px;line-height:1.03;font-weight:600;margin:24px 0 30px}h1 span{color:#20d6d9}.lead{font-size:18px;line-height:1.8;color:#b3bacb;max-width:510px}.cta{display:inline-flex;align-items:center;justify-content:center;gap:0;background:#20d6d9;border:1px solid #20d6d9;color:#07151c;padding:19px 24px;border-radius:10px;font-size:15px;font-weight:700;margin-top:20px;transition:background .2s,transform .2s}.cta:hover{background:#77edf0;transform:translateY(-2px)}a:focus-visible{outline:3px solid #fff;outline-offset:5px}.micro{color:#7d889f;font-size:12px;line-height:1.8}.sound-art{height:490px;position:relative;display:flex;align-items:center;justify-content:center}.orb{width:232px;height:232px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#64f7f2 0%,#13c9d1 40%,#096471 83%);box-shadow:0 0 90px #11cbd126,inset -20px -24px 45px #052a4b55;animation:breathe 7.5s ease-in-out infinite}.halo{position:absolute;border:1px solid #29d6dc24;border-radius:50%;width:340px;height:340px}.h2{width:450px;height:450px;border-color:#29d6dc10}.sound-caption{position:absolute;left:4px;top:20px;color:#5f768a;font-size:10px;font-weight:600;letter-spacing:3px;line-height:2}.art-note{position:absolute;bottom:0;font-size:9px;color:#66798e;letter-spacing:2px}.how{display:grid;grid-template-columns:1fr 1.15fr;gap:90px;padding-top:70px;padding-bottom:80px;border-top:1px solid #ffffff16}h2{font-size:clamp(30px,3.5vw,44px);letter-spacing:-1.4px;line-height:1.18;font-weight:550;margin:18px 0 30px}ul.steps{list-style:none;padding:0;margin:0}ul.steps li{display:flex;gap:24px;padding:22px 0;border-bottom:1px solid #ffffff12}ul.steps li:first-child{padding-top:0}h3{font-weight:600;font-size:18px;margin:0 0 12px}p{line-height:1.75}ul.steps p{color:#929cb1;font-size:14px;margin:0}.modules{padding-top:80px;padding-bottom:100px}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:42px}.module-grid article{position:relative;border:1px solid #ffffff15;border-radius:16px;padding:24px;background:linear-gradient(150deg,#141b30,#0e1427)}.wave{height:84px;display:flex;align-items:center;color:#22d3d6;font-size:30px;letter-spacing:2px;overflow:hidden;white-space:nowrap}.steady{font-size:17px}.swell{font-size:24px}.module-grid p{font-size:13px;color:#929cb1;min-height:70px}.module-grid small{font-size:10px;color:#6f8198}.before{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:80px;padding-bottom:80px;border-top:1px solid #ffffff16}.before p{font-size:15px;color:#b3bacb}.muted,.before .muted{font-size:12px;color:#7e8ba1}.before aside{border-left:0;padding:25px 0 12px 38px}.closing{text-align:center;padding-top:90px;padding-bottom:120px}footer{border-top:1px solid #ffffff16;display:flex;justify-content:space-between;gap:24px;padding-top:28px;padding-bottom:36px;color:#718098;font-size:11px}@keyframes breathe{0%,100%{transform:scale(.92)}50%{transform:scale(1.05)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}@media(max-width:900px){.hero{gap:20px}.sound-art{height:370px}.orb{width:180px;height:180px}.halo{width:260px;height:260px}.h2{width:330px;height:330px}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.how{gap:40px}.before{gap:40px}}@media(max-width:600px){.wrap{padding-left:24px;padding-right:24px}header{height:86px}.brand{font-size:18px}.brand svg{width:32px}.eyebrow{font-size:9px;letter-spacing:2px}header .eyebrow{font-size:8px}.hero{grid-template-columns:1fr;padding-top:50px;padding-bottom:55px;min-height:auto;gap:18px}h1{font-size:62px;letter-spacing:-3px}.lead{font-size:16px}.sound-art{height:300px;max-width:330px;width:100%;margin:30px auto 0}.h2{width:280px;height:280px}.halo{width:230px;height:230px}.orb{width:170px;height:170px}.sound-caption{left:0;top:0}.art-note{font-size:8px;bottom:0}.how,.before{grid-template-columns:1fr;gap:24px;padding-top:48px;padding-bottom:48px}.modules{padding-top:45px;padding-bottom:60px}.module-grid{gap:10px;margin-top:30px}.module-grid article{padding:18px 14px}.module-grid h3{font-size:17px}.module-grid p{font-size:12px;min-height:90px}.wave{font-size:24px;letter-spacing:0}.steady{font-size:12px}.module-grid small{font-size:9px}.before aside{padding-left:22px}.closing{padding-top:48px;padding-bottom:75px}.closing h2{font-size:31px}footer{flex-direction:column;gap:14px}.cta{gap:0;font-size:14px}}

.header-tools{display:flex;align-items:center;gap:28px}.language-switch{display:flex;align-items:center;gap:3px;padding:3px;border:1px solid #ffffff26;border-radius:8px}.language-switch a{display:block;padding:8px 11px;border-radius:5px;font-size:12px;line-height:1;font-weight:650;letter-spacing:.6px;color:#9aa7bc}.language-switch a:hover{color:#fff;background:#ffffff09}.language-switch a[aria-current=page]{color:#092027;background:#20d6d9}@media(max-width:600px){.header-tools{gap:12px}.header-tools>.eyebrow{display:none}.language-switch a{padding:8px 10px;font-size:11px}header.wrap{gap:12px}}

.module-grid article{min-width:0}
@media(max-width:380px){.module-grid{grid-template-columns:minmax(0,1fr)}.module-grid article{padding:24px}.module-grid p{font-size:13px;min-height:0}.module-grid small{font-size:10px}.wave{height:70px}}

/* Compact information layout for portrait and landscape phones. */
.nowrap{white-space:nowrap}
@media(max-width:900px){
 .before{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:44px;padding-bottom:44px}
 .before>div,.before aside{min-width:0}
 .before h2{font-size:30px;line-height:1.22;letter-spacing:-.8px;margin:12px 0 20px}
 .before h3{font-size:22px;line-height:1.3;margin:0 0 14px;letter-spacing:-.4px}
 .before p{font-size:15px;line-height:1.7;margin:0 0 16px}
 .before .eyebrow{font-size:10px;line-height:1.5;letter-spacing:2px;margin:0 0 12px}
 .before .muted{font-size:12px;line-height:1.7;margin:18px 0 0;color:#939eb3}
 .before aside{border-left:0;border-top:0;padding:0}
}
@media(max-width:600px){
 .before{gap:22px;padding-top:36px;padding-bottom:36px}
 .before h2{font-size:28px;margin-bottom:18px}
 .before h3{font-size:21px}
 .before aside{padding-top:0}
}

/* Shared information cards: identical hierarchy and spacing on both sizes. */
.before{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 24px;padding-top:48px;padding-bottom:48px;align-items:stretch}
.before>.eyebrow{grid-column:1/-1;color:#25d9dc;font-size:11px;line-height:1.5;letter-spacing:2px;margin:0}
.before>div,.before aside{display:flex;flex-direction:column;min-width:0;padding:30px;border:1px solid #ffffff15;border-radius:18px;background:linear-gradient(150deg,#141b30,#0e1427)}
.before h2,.before h3{font-size:28px;line-height:1.25;font-weight:550;letter-spacing:-.7px;margin:0 0 20px}
.before p{font-size:15px;line-height:1.75;margin:0;color:#b3bacb}
.before .muted{font-size:12px;line-height:1.7;color:#939eb3;margin-top:auto;padding-top:20px}
.closing{padding-top:56px}
@media(max-width:900px){.before{grid-template-columns:minmax(0,1fr);gap:18px;padding-top:40px;padding-bottom:40px}.before>div,.before aside{padding:26px}.before>.eyebrow{font-size:10px}.before h2,.before h3{font-size:27px;margin-bottom:18px}}
@media(max-width:600px){.before{gap:16px;padding-top:36px;padding-bottom:36px}.before>div,.before aside{padding:24px 22px}.before h2,.before h3{font-size:25px;letter-spacing:-.5px}.before p{font-size:14px;line-height:1.75}.before .muted{font-size:12px;padding-top:18px}.closing{padding-top:44px}}