.doppler-page{--doppler-cyan:#39cedb;--doppler-gold:#f5a623;--doppler-red:#ff6045;color:#eef5f6;background:#080d18}.doppler-experience{background:radial-gradient(circle at 74% 10%,#2aafbf1f,#0000 27%),radial-gradient(circle at 8% 45%,#1d528221,#0000 29%),#080d18;padding-bottom:110px;position:relative;overflow:hidden}.doppler-experience:before{content:"";pointer-events:none;opacity:.22;background-image:linear-gradient(#39cedb14 1px,#0000 1px),linear-gradient(90deg,#39cedb14 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 60%);mask-image:linear-gradient(#000,#0000 60%)}.doppler-routebar,.doppler-hero,.doppler-lab-layout{z-index:1;position:relative}.doppler-routebar{color:#798891;letter-spacing:.08em;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;min-height:70px;font-size:12px;display:flex}.doppler-routebar a{color:#aebcc1;transition:color .25s,transform .25s}.doppler-routebar a:hover{color:var(--doppler-cyan);transform:translate(-2px)}.doppler-routebar a:last-child:hover{transform:translate(2px)}.doppler-hero{grid-template-columns:1.18fr .82fr;align-items:end;gap:clamp(50px,8vw,130px);padding-top:clamp(75px,9vw,135px);padding-bottom:clamp(65px,8vw,115px);display:grid}.doppler-eyebrow{color:#89a1a8;letter-spacing:.2em;align-items:center;gap:12px;font-size:12px;display:flex}.doppler-eyebrow i{background:var(--doppler-cyan);width:28px;height:1px;display:block;box-shadow:0 0 10px #39cedbcc}.doppler-hero h1{font-family:var(--font-display);letter-spacing:-.045em;margin:24px 0 0;font-size:clamp(55px,6.2vw,94px);font-weight:400;line-height:.97}.doppler-hero h1 em{color:var(--doppler-cyan);font-style:normal}.doppler-hero-copy{padding-bottom:7px}.doppler-hero-copy p{color:#a0adb2;margin:0;font-size:16px;line-height:1.9}.doppler-hero-copy>div{flex-wrap:wrap;gap:8px;margin-top:26px;display:flex}.doppler-hero-copy span{color:#83a8ae;background:#39cedb0a;border:1px solid #39cedb33;border-radius:999px;padding:9px 12px;font-size:12px}.doppler-lab-layout{background:#050a13e0;border:1px solid #53d0db30;border-radius:22px;grid-template-columns:minmax(0,1.48fr) minmax(340px,.52fr);display:grid;overflow:hidden;box-shadow:0 45px 100px #00000052}.doppler-simulator{border-right:1px solid #ffffff1a;min-width:0}.doppler-panel-head{background:#0c141feb;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;min-height:64px;padding:0 22px;display:flex}.doppler-panel-head>div{align-items:center;gap:12px;display:flex}.doppler-panel-head>div:first-child i{background:#5a6971;border-radius:50%;width:7px;height:7px}.doppler-panel-head>div:first-child i.live{background:#54df96;animation:1.4s ease-in-out infinite doppler-live;box-shadow:0 0 13px #54df96}@keyframes doppler-live{50%{opacity:.35;transform:scale(.72)}}.doppler-panel-head span{color:#7f9299;letter-spacing:.13em;font-size:11px}.doppler-panel-head b{color:#c4d0d3;font-size:11px;font-weight:500}.doppler-panel-head>div:last-child span{letter-spacing:0;border-left:1px solid #ffffff1a;padding-left:12px}.doppler-canvas-wrap{background:#080d18;height:clamp(500px,48vw,690px);min-height:500px;position:relative;overflow:hidden}.doppler-canvas-wrap canvas{cursor:crosshair;touch-action:manipulation;width:100%;height:100%;display:block}.doppler-canvas-wrap canvas:focus-visible{outline:2px solid var(--doppler-cyan);outline-offset:-3px}.canvas-corner-note,.canvas-mode-badge,.cone-angle-badge{z-index:2;pointer-events:none;color:#7f949a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#070d18c2;border:1px solid #ffffff1a;border-radius:999px;font-size:11px;position:absolute}.canvas-corner-note{padding:8px 11px;bottom:17px;left:17px}.canvas-corner-note span{color:var(--doppler-cyan)}.canvas-mode-badge{letter-spacing:.1em;align-items:center;gap:8px;padding:8px 12px;display:flex;top:17px;left:17px}.canvas-mode-badge i{background:var(--doppler-cyan);border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px}.canvas-mode-badge.badge-sonic,.canvas-mode-badge.badge-super{color:#ffc0ae;border-color:#ff60454d}.canvas-mode-badge.badge-sonic i,.canvas-mode-badge.badge-super i{background:var(--doppler-red)}.cone-angle-badge{color:#ffb79f;font-family:var(--font-display);border-color:#ff60454d;padding:8px 12px;font-size:15px;top:17px;right:17px}.doppler-controls{background:#0b131f;border-top:1px solid #ffffff1a;padding:25px 25px 28px}.transport-controls{flex-wrap:wrap;gap:8px;display:flex}.transport-controls button{color:#a8b7bb;background:#ffffff06;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:9px;min-height:42px;padding:0 15px;font-size:12px;transition:all .25s;display:flex}.transport-controls button:hover{color:#fff;border-color:#39cedb8c;transform:translateY(-2px)}.transport-controls .transport-primary{color:#061116;border-color:var(--doppler-cyan);background:var(--doppler-cyan)}.audio-listen-controls{background:#39cedb09;border:1px solid #39cedb26;border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:8px 18px;margin-top:18px;padding:15px 16px;display:grid}.audio-listen-controls>span{color:#8da0a5;font-size:11px}.audio-listen-controls>div{gap:6px;display:flex}.audio-listen-controls button{color:#86979c;background:#0b1520;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:7px;min-height:34px;padding:0 11px;font-size:10px;transition:all .25s;display:flex}.audio-listen-controls button i{background:#61737a;border-radius:50%;width:6px;height:6px}.audio-listen-controls button:hover,.audio-listen-controls button.active{color:#eaf5f6;border-color:var(--doppler-cyan)}.audio-listen-controls button.active i{background:#54df96;animation:1.4s ease-in-out infinite doppler-live;box-shadow:0 0 9px #54df96}.audio-listen-controls small{color:#566a71;grid-column:1/-1;font-size:10px;line-height:1.6}.speed-control{margin-top:28px;display:block}.speed-control>span{justify-content:space-between;align-items:end;display:flex}.speed-control b{color:#9babad;font-size:12px;font-weight:500}.speed-control strong{color:var(--doppler-gold);font-family:var(--font-display);font-size:26px;font-weight:400}.speed-control input{width:100%;height:5px;accent-color:var(--doppler-gold);cursor:ew-resize;margin:19px 0 8px}.speed-control>small{color:#65757c;grid-template-columns:repeat(4,1fr);font-size:10px;display:grid;position:relative}.speed-control>small span:nth-child(2),.speed-control>small span:nth-child(3){text-align:center}.speed-control>small span:last-child{text-align:right}.speed-control .critical-mark{color:#f18a6d}.speed-presets{grid-template-columns:repeat(5,1fr);gap:6px;margin-top:22px;display:grid}.speed-presets button{color:#708087;background:#0b1521;border:1px solid #ffffff1a;border-radius:8px;min-height:62px;padding:9px 5px;transition:all .25s}.speed-presets strong,.speed-presets span{display:block}.speed-presets strong{color:#a8b4b8;font-family:var(--font-display);font-size:14px;font-weight:400}.speed-presets span{margin-top:5px;font-size:9px}.speed-presets button:hover,.speed-presets button.active{color:#c8d9dc;border-color:var(--doppler-cyan);background:#39cedb12;transform:translateY(-2px)}.speed-presets button.active strong{color:var(--doppler-cyan)}.mode-sonic .speed-presets button.active,.mode-super .speed-presets button.active{border-color:var(--doppler-red);background:#ff604512}.mode-sonic .speed-presets button.active strong,.mode-super .speed-presets button.active strong{color:#ff9b7e}.doppler-data-panel{background:linear-gradient(#0c1521,#08101a);min-width:0}.data-panel-title{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;min-height:105px;padding:22px 24px;display:flex}.data-panel-title span{color:var(--doppler-cyan);letter-spacing:.17em;font-size:10px}.data-panel-title h2{font-family:var(--font-display);margin:5px 0 0;font-size:27px;font-weight:400}.data-panel-title>b{color:#80959a;border:1px solid #39cedb2e;border-radius:999px;padding:8px 10px;font-size:10px;font-weight:400}.mode-explanation{border-bottom:1px solid #ffffff1a;min-height:188px;padding:25px 24px}.mode-explanation>span{color:var(--doppler-cyan);letter-spacing:.15em;font-size:10px}.mode-sonic .mode-explanation>span,.mode-super .mode-explanation>span{color:#ff8b70}.mode-explanation h3{font-family:var(--font-display);margin:12px 0 9px;font-size:25px;font-weight:400;line-height:1.15}.mode-explanation p{color:#87989e;margin:0;font-size:12px;line-height:1.75}.frequency-readout article{border-bottom:1px solid #ffffff1a;grid-template-columns:1fr auto;gap:4px 12px;padding:19px 24px;display:grid;position:relative;overflow:hidden}.frequency-readout article:before{content:"";background:0 0;width:2px;position:absolute;top:0;bottom:0;left:0}.frequency-readout span{color:#7d8e94;font-size:11px}.frequency-readout strong{color:#d9e7e9;font-family:var(--font-display);font-size:24px;font-weight:400}.frequency-readout strong small{color:#829399;font-family:var(--font-body);font-size:10px}.frequency-readout em{color:#576970;grid-column:1/-1;font-size:10px;font-style:normal}.frequency-readout .front-data:before{background:var(--doppler-cyan)}.frequency-readout .front-data strong{color:var(--doppler-cyan)}.mode-sonic .frequency-readout .front-data:before,.mode-super .frequency-readout .front-data:before{background:var(--doppler-red)}.mode-sonic .frequency-readout .front-data strong,.mode-super .frequency-readout .front-data strong{color:#ff785d;text-shadow:0 0 20px #ff604561;font-size:31px}.frequency-readout .observer-data{min-height:86px}.frequency-readout .observer-data:before{background:var(--doppler-cyan)}.frequency-readout .observer-data strong{color:var(--doppler-cyan);font-size:20px}.frequency-readout .observer-b-data:before{background:#76a8ff}.frequency-readout .observer-b-data strong{color:#76c8ff}.measurement-note{border-left:2px solid var(--doppler-cyan);background:#39cedb0a;margin:18px 19px 0;padding:14px 15px}.measurement-note span{color:var(--doppler-cyan);letter-spacing:.12em;font-size:10px}.measurement-note p{color:#788b91;margin:7px 0 0;font-size:11px;line-height:1.7}.formula-card{background:#0209119e;border:1px solid #39cedb29;border-radius:12px;margin:19px;padding:4px 16px}.formula-card>div{border-bottom:1px solid #ffffff14;gap:5px;padding:13px 0;display:grid}.formula-card>div:last-child{border-bottom:0}.formula-card span{color:#65777d;font-size:10px}.formula-card code{color:#b9c9cd;font-family:Times New Roman,serif;font-size:16px}.formula-card .mach-formula{grid-template-columns:1fr auto}.formula-card .mach-formula code{color:#ff9a7f;grid-column:1/-1}.formula-card .mach-formula b{color:#ff9a7f;font-family:var(--font-display);grid-area:1/2;font-size:14px;font-weight:400}.physics-warning{background:#39cedb0b;border:1px solid #39cedb26;border-radius:10px;grid-template-columns:28px 1fr;gap:12px;margin:0 19px 19px;padding:14px;display:grid}.physics-warning>i{border:1px solid var(--doppler-cyan);width:25px;height:25px;color:var(--doppler-cyan);border-radius:50%;place-items:center;font-family:serif;font-style:normal;display:grid}.physics-warning p{color:#829399;margin:0;font-size:11px;line-height:1.65}.physics-warning.warning-sonic,.physics-warning.warning-super{background:#ff60450e;border-color:#ff60453d}.physics-warning.warning-sonic>i,.physics-warning.warning-super>i{color:#ff8066;border-color:#ff8066}.state-checklist{padding:5px 19px 22px}.state-checklist>div{color:#64767d;justify-content:space-between;margin-bottom:9px;font-size:10px;display:flex}.state-checklist>div strong{color:#92a5a9;font-weight:500}.state-checklist button{color:#687a80;text-align:left;background:0 0;border:0;border-top:1px solid #ffffff14;grid-template-columns:32px 1fr 18px;align-items:center;gap:7px;width:100%;min-height:48px;padding:8px 10px;transition:all .25s;display:grid}.state-checklist button:hover,.state-checklist button.active{color:#d6e2e4;background:#ffffff06;padding-left:15px}.state-checklist button>span{color:#52636a;font-family:var(--font-display);font-size:13px}.state-checklist button b{font-size:11px;font-weight:500}.state-checklist button i{color:#52636a;text-align:right;font-size:11px;font-style:normal}.state-checklist button.visited i{color:#57d998}.state-checklist button.active>span{color:var(--doppler-cyan)}.mode-sonic .state-checklist button.active>span,.mode-super .state-checklist button.active>span{color:#ff8f73}.doppler-learning-section{color:#121719;background:#ebe8df;padding:125px 0}.doppler-section-head{grid-template-columns:1fr .74fr;align-items:end;gap:100px;display:grid}.doppler-section-head .doppler-eyebrow{color:#787d7c}.doppler-section-head h2{font-family:var(--font-display);letter-spacing:-.04em;margin:20px 0 0;font-size:clamp(52px,5.4vw,78px);font-weight:400;line-height:.98}.doppler-section-head>p{color:#666d6d;margin:0;font-size:15px;line-height:1.9}.doppler-concept-grid{border-top:1px solid #1117192b;border-left:1px solid #1117192b;grid-template-columns:repeat(3,1fr);margin-top:62px;display:grid}.doppler-concept-grid article{background:#f3f0e8;border-bottom:1px solid #1117192b;border-right:1px solid #1117192b;flex-direction:column;min-height:440px;padding:28px;transition:all .35s;display:flex}.doppler-concept-grid article:hover{color:#f2f6f7;background:#0d1721;transform:translateY(-5px);box-shadow:0 25px 55px #10181b1f}.doppler-concept-grid article>span{color:#9b835b;letter-spacing:.15em;font-size:11px}.doppler-concept-grid h3{font-family:var(--font-display);margin:auto 0 13px;font-size:31px;font-weight:400}.doppler-concept-grid p{color:#6a7070;margin:0;font-size:13px;line-height:1.8}.doppler-concept-grid article:hover p{color:#9eadb0}.mini-wave{width:100%;height:130px;margin-top:35px;position:relative;overflow:hidden}.mini-wave i{border:1px solid #42aab6;border-radius:50%;width:85px;height:85px;position:absolute;top:50%;transform:translateY(-50%)}.mini-wave i:first-child{left:0}.mini-wave i:nth-child(2){left:46px}.mini-wave i:nth-child(3){left:76px}.mini-wave i:nth-child(4){left:94px}.ratio-visual{color:#748285;align-items:center;gap:8px;height:130px;margin-top:35px;display:flex}.ratio-visual i{border-left:1px solid #42aab6;height:74px;display:block}.ratio-visual i:nth-of-type(2){margin-left:50px}.ratio-visual b,.ratio-visual strong{font-family:var(--font-display);font-size:13px;font-weight:400}.ratio-visual strong{margin-left:auto}.cone-visual{height:130px;margin-top:35px;position:relative;overflow:hidden}.cone-visual:before{content:"";background:#ff6548;border-radius:50%;width:10px;height:10px;position:absolute;top:57px;right:18px;box-shadow:0 0 13px #ff6548}.cone-visual i{transform-origin:100%;background:#e46d51;width:160px;height:1px;position:absolute;right:23px}.cone-visual i:first-child{top:61px;transform:rotate(23deg)}.cone-visual i:last-child{top:65px;transform:rotate(-23deg)}.doppler-challenge{color:#edf5f5;background:#111b25;border:1px solid #1117192e;border-radius:17px;grid-template-columns:.85fr 1.15fr;margin-top:55px;display:grid;overflow:hidden}.challenge-scenario{background:radial-gradient(circle at 15% 88%,#39cedb26,#0000 35%),#0b141e;border-right:1px solid #ffffff1a;min-height:480px;padding:48px}.challenge-scenario>span{color:var(--doppler-cyan);letter-spacing:.16em;font-size:11px}.challenge-scenario h3{font-family:var(--font-display);margin:115px 0 20px;font-size:clamp(34px,3.5vw,48px);font-weight:400;line-height:1.1}.challenge-scenario p{color:#88999e;margin:0;font-size:13px;line-height:1.8}.challenge-answer-area{flex-direction:column;justify-content:center;min-height:480px;padding:clamp(30px,4vw,55px);display:flex}.challenge-answer-area>div:first-child{gap:9px;display:grid}.challenge-answer-area>div:first-child button{color:#98a8ac;text-align:left;background:#101c27;border:1px solid #ffffff1f;border-radius:9px;grid-template-columns:38px 1fr;align-items:center;gap:12px;min-height:64px;padding:12px 16px;font-size:13px;transition:all .25s;display:grid}.challenge-answer-area>div:first-child button:hover:not(:disabled){color:#fff;border-color:var(--doppler-cyan);transform:translate(4px)}.challenge-answer-area>div:first-child button span{border:1px solid #ffffff24;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.challenge-answer-area button.correct{color:#bce9ce;background:#57d99814;border-color:#57d9988f}.challenge-answer-area button.wrong{color:#ffc0ad;background:#ff604512;border-color:#ff604580}.challenge-answer-area button.reveal{opacity:.75}.challenge-answer-area button:disabled{cursor:default}.challenge-feedback{border:1px solid #ffffff1c;border-radius:9px;margin-top:16px;padding:18px;animation:.4s both doppler-feedback}@keyframes doppler-feedback{0%{opacity:0;transform:translateY(7px)}}.challenge-feedback.correct{border-color:#57d99859}.challenge-feedback.review{border-color:#ff604559}.challenge-feedback strong{color:#dce7e8;font-size:12px}.challenge-feedback p{color:#91a1a5;margin:8px 0 15px;font-size:12px;line-height:1.75}.challenge-feedback button{color:var(--doppler-cyan);background:0 0;border:0;padding:0;font-size:12px}.doppler-takeaway{color:#eef4f5;background:#090d12;padding:115px 0}.doppler-takeaway .shell{grid-template-columns:1fr 1fr;align-items:end;gap:clamp(60px,10vw,170px);display:grid}.doppler-takeaway span{color:#9a835d;letter-spacing:.18em;font-size:11px}.doppler-takeaway h2{font-family:var(--font-display);margin:18px 0 0;font-size:clamp(48px,5vw,73px);font-weight:400;line-height:1}.doppler-takeaway p{color:#8d999e;margin:0;font-size:15px;line-height:1.9}.doppler-takeaway a{color:#d9e3e5;border-top:1px solid #ffffff1f;justify-content:space-between;align-items:center;margin-top:30px;padding:17px 0;font-size:13px;display:flex}.doppler-takeaway a span{color:var(--doppler-cyan);letter-spacing:0;font-size:18px}@media (max-width:1180px){.doppler-lab-layout{grid-template-columns:1fr}.doppler-simulator{border-bottom:1px solid #ffffff1a;border-right:0}.doppler-data-panel{grid-template-columns:1fr 1fr;display:grid}.data-panel-title,.mode-explanation{min-height:160px}.frequency-readout,.measurement-note,.formula-card,.physics-warning,.state-checklist{align-self:stretch}.formula-card{margin:19px}.physics-warning{margin-top:19px}.state-checklist{padding-top:19px}}@media (max-width:820px){.doppler-routebar span{display:none}.doppler-hero{grid-template-columns:1fr;gap:36px}.doppler-hero h1{font-size:clamp(52px,12vw,76px)}.doppler-canvas-wrap{height:530px;min-height:530px}.speed-presets{grid-template-columns:repeat(3,1fr)}.doppler-data-panel{grid-template-columns:1fr}.data-panel-title,.mode-explanation{min-height:0}.doppler-section-head,.doppler-takeaway .shell{grid-template-columns:1fr;gap:38px}.doppler-concept-grid{grid-template-columns:1fr}.doppler-concept-grid article{min-height:350px}.doppler-challenge{grid-template-columns:1fr}.challenge-scenario{border-bottom:1px solid #ffffff1a;border-right:0;min-height:410px}.challenge-answer-area{min-height:430px}}@media (max-width:560px){.doppler-experience{padding-bottom:75px}.doppler-routebar{min-height:58px;font-size:10px}.doppler-routebar a:last-child{display:none}.doppler-hero{padding-top:62px;padding-bottom:60px}.doppler-hero h1{font-size:48px;line-height:1.02}.doppler-hero-copy p{font-size:14px}.doppler-lab-layout{border-radius:14px}.doppler-panel-head{padding:0 14px}.doppler-panel-head b,.doppler-panel-head>div:last-child span:last-child{display:none}.doppler-canvas-wrap{height:455px;min-height:455px}.canvas-corner-note{bottom:13px;left:auto;right:13px}.canvas-mode-badge{font-size:9px;top:13px;left:13px}.cone-angle-badge{top:49px;right:13px}.doppler-controls{padding:20px 14px 22px}.transport-controls button{min-height:40px;padding-inline:12px}.audio-listen-controls{grid-template-columns:1fr}.audio-listen-controls>div{justify-content:flex-start}.speed-presets{grid-template-columns:1fr 1fr}.speed-presets button:last-child{grid-column:1/-1}.doppler-learning-section{padding:88px 0}.doppler-section-head h2{font-size:48px}.doppler-concept-grid{margin-top:42px}.doppler-concept-grid article{min-height:360px;padding:23px}.challenge-scenario{min-height:390px;padding:28px 22px}.challenge-scenario h3{margin-top:90px;font-size:34px}.challenge-answer-area{min-height:440px;padding:28px 18px}.doppler-takeaway{padding:85px 0}.doppler-takeaway h2{font-size:47px}}@media (prefers-reduced-motion:reduce){.doppler-panel-head>div:first-child i.live{animation:none}}