.speechlive-page .dmo-hero h1 { font-size: clamp(3.5rem, 5.8vw, 6.7rem); }
.speechlive-hero-visual { display: flex; flex-direction: column; justify-content: space-between; }
.speechlive-visual__record { display: flex; align-items: center; gap: 1.1rem; margin-top: 2rem; padding: 1.2rem; border: 1px solid #fff; border-radius: 1.2rem; background: rgba(250, 254, 255, .71); box-shadow: 0 .6rem 1.6rem rgba(69, 111, 134, .08), inset 0 1px #fff; }
.speechlive-visual__record-icon { display: grid; place-items: center; flex: none; width: 3.4rem; height: 3.4rem; border: 1px solid #fff; border-radius: 50%; color: #80a719; background: radial-gradient(circle, #fff, #e8f6f8); box-shadow: 0 0 0 .4rem rgba(121, 166, 24, .08); font-size: 1.4rem; }
.speechlive-visual__record > div { display: flex; flex: 1; flex-direction: column; min-width: 0; gap: .2rem; }
.speechlive-visual__record small, .speechlive-visual__document > span { color: #668594; font-size: .63rem; font-weight: 600; letter-spacing: .18em; }
.speechlive-visual__record strong { color: #25495b; font-size: 1rem; font-weight: 600; }
.speechlive-visual__wave { display: block; width: min(100%, 12rem); height: 1.1rem; margin-top: .15rem; background: repeating-linear-gradient(90deg, transparent 0 .18rem, #91b6c4 .18rem .28rem, transparent .28rem .48rem); mask-image: radial-gradient(ellipse at center, #000 48%, transparent 76%); }
.speechlive-visual__record-time { align-self: flex-start; color: #688797; font-size: .7rem; }
.speechlive-visual__paths { margin: 1.2rem 0; padding-left: 1.2rem; border-left: 1px solid #8caebc; }
.speechlive-visual__paths > span { color: #6d8897; font-size: .67rem; letter-spacing: .12em; text-transform: uppercase; }
.speechlive-visual__paths > div { display: flex; gap: .6rem; margin-top: .5rem; }
.speechlive-visual__paths > div > span { display: inline-flex; align-items: center; gap: .35rem; padding: .56rem .8rem; border: 1px solid rgba(255,255,255,.9); border-radius: 999px; color: #2d5a6c; background: rgba(255,255,255,.64); box-shadow: inset 0 1px #fff; font-size: .7rem; }
.speechlive-visual__paths small { color: #7b929e; font-size: .58rem; }
.speechlive-visual__document { display: grid; gap: .48rem; padding: 1.1rem 1.2rem; border: 1px solid #fff; border-radius: 1.1rem; background: rgba(250,254,255,.7); box-shadow: 0 .6rem 1.6rem rgba(69,111,134,.07), inset 0 1px #fff; }
.speechlive-visual__document i { width: 93%; height: .28rem; border-radius: 1rem; background: #c5dae5; }
.speechlive-visual__document i:nth-of-type(2) { width: 80%; }
.speechlive-visual__document i:nth-of-type(3) { width: 88%; }
.speechlive-visual__document i:nth-of-type(4) { width: 57%; }
.speechlive-feature-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.speechlive-feature-grid .dmo-feature { min-height: 16rem; }
.speechlive-workflow { background: #fff; }
.speechlive-workflow__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.speechlive-workflow__card { position: relative; min-height: 15rem; padding: clamp(1.5rem, 2.5vw, 2.5rem); border: 1px solid #fff; border-radius: 1.5rem; background: linear-gradient(145deg, #f4fbfd, #eaf5fa); box-shadow: 0 .8rem 2rem rgba(67,106,128,.07), inset 0 1px #fff; }
.speechlive-workflow__card > span { color: #6f8d99; font-size: .7rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.speechlive-workflow__card h3 { margin: 1.6rem 0 .5rem; color: #1b3447; font-size: 1.3rem; font-weight: 600; }
.speechlive-workflow__card p { margin: 0; font-size: .9rem; }
.speechlive-workflow__card:not(:last-child)::after { position: absolute; z-index: 1; top: 50%; right: -.8rem; display: grid; place-items: center; width: 1.6rem; height: 1.6rem; border: 1px solid #dcebf2; border-radius: 50%; color: #426879; background: #fff; content: '→'; transform: translateY(-50%); }
.speechlive-page .dmo-phone { transform: rotate(-7deg); }
.speechlive-page .dmo-phone__mic { color: #e1f7ea; font-size: 2.8rem; }
@media (max-width: 75rem) { .speechlive-feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 68rem) { .speechlive-page .dmo-hero h1 { font-size: clamp(3.5rem, 8vw, 6rem); } }
@media (max-width: 46rem) { .speechlive-workflow__grid { grid-template-columns: 1fr; } .speechlive-workflow__card { min-height: 0; } .speechlive-workflow__card:not(:last-child)::after { top: auto; right: 50%; bottom: -.8rem; content: '↓'; transform: translateX(50%); } }
@media (max-width: 34rem) { .speechlive-page .dmo-hero h1 { font-size: clamp(2.9rem, 11vw, 4rem); } .speechlive-feature-grid { grid-template-columns: 1fr; } .speechlive-feature-grid .dmo-feature { min-height: 0; } .speechlive-visual__paths > div { flex-wrap: wrap; } .speechlive-visual__record { gap: .7rem; } }