/* All adjustments are scoped to mobile/tablet. Desktop keeps the original styles. */
@media screen and (max-width: 1024px) {
/* Coming-soon: shared responsive rules, loaded after the component styles. */
body {
    --audio-clearance: 110px;
    padding-bottom: calc(var(--audio-clearance) + env(safe-area-inset-bottom, 0px));
}
img { max-width: 100%; height: auto; }
main, section, .feature-grid > article, .ai-brand, footer > * { min-width: 0; }
h1, h2, h3, p, .eyebrow, .ai-brand span { overflow-wrap: anywhere; }
.launch-header { flex-wrap: wrap; }
.status > span { flex: 0 0 6px; }
.launch-hero h1 {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 0;
    font-size: clamp(30px, 6vw, 48px);
    letter-spacing: -0.04em;
}
.launch-hero h1 img {
    position: relative;
    width: min(300px, 62vw);
    min-width: 0;
    height: auto;
    top: 7px;
  }
.launch-hero h1 > span { margin-left: 0;font-size: 30pt;}
.countdown { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.count-number { font-size: clamp(28px, 6vw, 54px); }
.discover { max-width: 100%; gap: 16px; }
.feature-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ai-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ai-brand img { flex: 0 0 38px; height: 38px; }
.language-picker { flex-wrap: wrap; }
.language-picker select { max-width: 100%; min-height: 44px; }
footer button, .back-top { min-height: 44px; }
.Coderain-demo__intro > div { min-width: 0; }
.Coderain-demo__bar > span, .Coderain-demo__address > span { min-width: 0; overflow-wrap: anywhere; }
.Coderain-demo__dots { flex-shrink: 0; }
.Coderain-demo__nav img { width: 100%; max-width: 100px; align-self: flex-start; }
.Coderain-demo__panel-head, .Coderain-demo__terminal > div { flex-wrap: wrap; }
.Coderain-demo__screen-top > span:first-child { min-width: 0; overflow-wrap: anywhere; }
.Coderain-demo__avatar { flex-shrink: 0; }
.Coderain-demo__checks article, .Coderain-demo__report > div { min-width: 0; overflow-wrap: anywhere; }
.Coderain-demo__controls button { min-height: 44px; white-space: normal; }
.Coderain-demo__controls input { height: 44px; }
.Coderain-audio-player {
    top: auto;
    left: auto;
    right: max(18px, env(safe-area-inset-right, 0px));
    bottom: calc(12px + env(safe-area-inset-bottom, 0px));
    width: min(560px, calc(100% - 36px));
    max-width: none;
    grid-template-columns: 44px minmax(0, 1fr) 100px 60px;
    gap: 12px;
    padding: 12px;
    background: rgba(6, 12, 18, .95);
    border: 1px solid #4ee0ff35;
    border-radius: 8px;
}
.Coderain-audio-play { width: 44px; height: 44px; }
.Coderain-audio-title { position: static; margin-bottom: 3px; font-size: 10px; letter-spacing: 0; line-height: 1.5; overflow-wrap: anywhere; }
#audio-message { max-width: none; line-height: 1.4; }
.Coderain-audio-progress, .Coderain-audio-volume { width: 100%; min-width: 0; height: 44px; }
.Coderain-audio-progress::-moz-range-thumb, .Coderain-audio-volume::-moz-range-thumb { width: 14px; height: 14px; }
input:focus-visible, select:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }
@media (max-width: 1000px) {
    .ai-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .feature-grid { gap: 14px; }
    .feature-grid article { padding: 24px 18px; }
}
@media (max-width: 700px) {
    body { --audio-clearance: 145px; }
    .launch-header { padding: 24px 20px 8px; }
    .status { font-size: 11px; line-height: 1.5; }
    .launch-hero { padding: 30px 20px 50px; }
    .eyebrow { font-size: 11px; letter-spacing: .08em; }
    .feature-grid { grid-template-columns: minmax(0, 1fr); }
    .feature-grid h3 { font-size: 18px; }
    .feature-grid p { font-size: 14px; }
    .closing h2 { margin: 20px 0; }
    .ai-brand { font-size: 12px; }
    footer { align-items: flex-start; padding: 24px 20px; }
    footer > div { gap: 12px; }
    .Coderain-audio-player {
        left: max(12px, env(safe-area-inset-left, 0px));
        right: max(12px, env(safe-area-inset-right, 0px));
        top: auto;
        width: auto;
        grid-template-columns: 44px minmax(0, 1fr) 60px;
        gap: 4px 10px;
        padding: 8px 12px;
    }
    .Coderain-audio-volume { display: block; grid-column: 3; grid-row: 1; }
    .Coderain-audio-progress { grid-column: 1 / -1; grid-row: 2; height: 32px; }
}
@media (max-width: 560px) {
    .Coderain-demo__app { grid-template-columns: minmax(0, 1fr); }
    .Coderain-demo__nav {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        padding: 12px;
        border-bottom: 1px solid #1a3542;
    }
    .Coderain-demo__nav img { width: 90px; max-width: 100%; align-self: center; }
    .Coderain-demo__nav > span { white-space: normal; font-size: 10px; padding: 8px; }
    .Coderain-demo__nav > div { width: 100%; margin-top: 0; padding: 0; font-size: 8px; }
    .Coderain-demo__screen { padding: 16px; }
    .Coderain-demo__controls { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .Coderain-demo__controls input { grid-column: 1 / -1; width: 100%; order: 0; }
    .Coderain-demo__controls .Coderain-demo__status { margin-left: 0; }
    .Coderain-demo__checks { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 380px) {
    .launch-hero, .vision, .ai-ecosystem, .closing { padding-left: 16px; padding-right: 16px; }
    .count-number { font-size: 28px; }
    .count-label { font-size: 8px; }
    .Coderain-demo__checks { grid-template-columns: minmax(0, 1fr); }
    .Coderain-demo__engine, .Coderain-demo__preview { padding: 12px; }
}

.Coderain-demo__panels { grid-template-columns: minmax(0, 1fr); }
.Coderain-demo__engine { border-right: 0; border-bottom: 1px solid #23414d; }
.Coderain-demo__intro { display: block; }
.Coderain-demo__badge { display: inline-block; max-width: 100%; margin-top: 12px; }
.Coderain-demo__controls { flex-wrap: wrap; }
.Coderain-demo__controls input { flex-basis: 100%; }
.Coderain-demo__local { display: none; }
}