.oat-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:7%;align-items:center}.oat-hero h1{font-size:clamp(2.6rem,4.8vw,4.5rem)}.oat-hero-grid>div>p{font-size:21px;color:var(--aqua);max-width:48ch}.oat-hero-grid>div>.oat-hero-copy{font-size:17px;color:var(--text-on-dark);margin-bottom:28px}.oat-device{margin:0;text-align:center}.oat-device img{width:100%;height:auto;max-height:350px;object-fit:contain;border-radius:16px}.oat-device figcaption{margin-top:18px;color:var(--aqua);font-size:15px}.oat-device small{display:block;font-size:12px;margin-top:4px}.oat-ice{background:var(--ice)}.source-mark{font-size:.75em;vertical-align:super;color:var(--teal);white-space:nowrap}.oat-demo{margin:0;background:var(--navy);color:#fff;border-radius:16px;padding:32px;--surface-focus:var(--aqua)}.oat-demo-top{display:flex;justify-content:space-between;gap:24px;align-items:center}.oat-demo h3{margin:0;font-size:24px}.oat-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.oat-controls[hidden]{display:none}.oat-toggle{display:flex;gap:4px;padding:4px;border:1px solid #426477;border-radius:10px}.oat-toggle button,.oat-play{font:650 14px/1.4 var(--head);cursor:pointer;color:var(--aqua);border:0;background:transparent;min-height:44px;padding:10px 14px;border-radius:6px}.oat-toggle button[aria-pressed=true]{background:var(--aqua);color:var(--navy)}.oat-toggle button:hover{background:var(--navy-800);color:white}.oat-toggle button[aria-pressed=true]:hover{background:var(--aqua);color:var(--navy)}.oat-play{text-decoration:underline;text-underline-offset:4px}.oat-play:hover{color:#fff}.oat-diagram-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:36px}.oat-diagram+ .oat-diagram{border-left:1px solid #426477;padding-left:36px}.oat-diagram h4{font:650 17px/1.4 var(--head);margin:0 0 8px;color:var(--aqua)}.mechanism-svg{width:100%;height:auto;fill:none;stroke:none;display:block;overflow:visible}.mechanism-svg text{fill:var(--navy);stroke:none;font:600 18px var(--body)}.mechanism-svg .diagram-label{fill:var(--aqua);font-size:17px;font-weight:400}.mechanism-svg .upper-block{fill:#eff8fa}.mechanism-svg .lower-jaw rect{fill:var(--aqua)}.mechanism-svg .jaw-ghost{fill:none;stroke:#638395;stroke-dasharray:5 6;stroke-width:1.5}.diagram-arrow{stroke:var(--aqua);stroke-width:2}.diagram-rule{stroke:#426477;stroke-width:1}.lower-jaw{transition:transform 1s cubic-bezier(.16,1,.3,1);transform:translateX(-28px)}.airway-wall{fill:#123654;stroke:#a9dce8;stroke-width:2;transition:transform 1s cubic-bezier(.16,1,.3,1)}.airway-tongue{transform:translateX(-28px)}.airway-throat{transform:none}.airflow-line{stroke:#a9dce8;stroke-width:3;fill:none}.oat-demo[data-state=relaxed] .lower-jaw,.oat-demo[data-state=relaxed] .airway-wall{transform:translate(0)}.oat-demo-caption{color:#fff;font-size:18px;margin:28px 0 12px;max-width:80ch;min-height:3.3em}.oat-demo figcaption{font-size:13px;color:var(--aqua);max-width:95ch;border-top:1px solid #426477;padding-top:16px;line-height:1.5}.oat-takeaway{display:grid;grid-template-columns:.85fr 1.15fr;gap:7%;padding-top:30px;margin-top:35px;border-top:1px solid var(--line)}.oat-takeaway strong{font:700 24px/1.35 var(--head)}.oat-takeaway p{margin:0}.oat-comparison{display:grid;grid-template-columns:1fr 1fr;gap:8%}.oat-comparison article{border-top:1px solid var(--line);padding-top:28px}.oat-journey{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.oat-journey li{border-top:1px solid #b3cdd6;padding-top:24px}.oat-journey li>span{display:block;font:700 34px/1 var(--head);color:var(--teal);margin-bottom:24px}.oat-journey h3{font-size:21px}.oat-journey p{font-size:16px;margin:0}.oat-side-effects{border-top:1px solid var(--line);padding-top:28px}.oat-sources{padding:45px 0;background:#fff}.oat-sources h2{font-size:24px}.oat-sources p,.oat-sources li{font-size:14px}.oat-sources ol{padding-left:20px;columns:2;column-gap:50px}.oat-sources li{margin:0 0 12px;break-inside:avoid;color:var(--ink-soft)}.oat-sources a{color:var(--teal)}
@media(max-width:1000px){.oat-demo-top{align-items:flex-start;flex-direction:column}.oat-journey{grid-template-columns:1fr 1fr}.oat-hero-grid{gap:4%}.oat-hero h1{font-size:46px}}
@media(max-width:700px){.oat-hero-grid,.oat-diagram-grid,.oat-comparison,.oat-takeaway{grid-template-columns:1fr}.oat-hero h1{font-size:39px}.oat-device{max-width:300px;margin:25px auto 0}.oat-device img{max-height:230px}.oat-hero-grid>div>p{font-size:19px}.oat-demo{padding:22px 18px}.oat-demo-top{gap:18px}.oat-controls{gap:8px;width:100%}.oat-toggle{width:100%}.oat-toggle button{flex:1;padding-inline:8px;font-size:12px}.oat-play{padding-left:0}.oat-diagram-grid{gap:24px;margin-top:22px}.oat-diagram+ .oat-diagram{border-left:0;border-top:1px solid #426477;padding:24px 0 0}.mechanism-svg{max-width:440px;margin:auto}.oat-demo-caption{min-height:0;font-size:16px}.oat-demo h3{font-size:22px}.oat-takeaway{gap:14px}.oat-comparison{gap:25px}.oat-sources ol{columns:1}.oat-journey{grid-template-columns:1fr}.oat-journey li{display:grid;grid-template-columns:35px 1fr;gap:20px}.oat-journey li>span{font-size:29px;margin:0}.oat-journey h3{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.lower-jaw,.airway-wall{transition:none}}

.oat-demo-brand{display:flex;align-items:center;justify-content:flex-end;gap:20px;margin-top:24px;padding-top:20px;border-top:1px solid #426477}.oat-demo-brand img{width:235px;height:auto}.oat-demo-brand span{font-size:14px;color:var(--aqua)}.airflow-line{transform:translateX(-14px);transition:transform 1s cubic-bezier(.16,1,.3,1)}.oat-demo[data-state=relaxed] .airflow-line{transform:translateX(0)}
@media(max-width:700px){.oat-demo-brand{flex-direction:column;gap:10px;align-items:flex-end}.oat-demo-brand img{width:210px}}
@media(prefers-reduced-motion:reduce){.airflow-line{transition:none}}