.el-page {
    --el-bg: #090c0e;
    --el-surface: #11171a;
    --el-paper: #edf0ec;
    --el-text: #f3f6f4;
    --el-muted: rgba(243,246,244,.63);
    --el-line: rgba(243,246,244,.16);
    --el-cyan: #33e6e1;
    --el-ink: #0d1416;
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
    color: var(--el-text);
    background: var(--el-bg);
    box-shadow: 0 0 0 100vmax var(--el-bg);
    clip-path: inset(0 -100vmax);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.theme-light .el-page {
    --el-bg: #eef0eb;
    --el-surface: #dfe5e1;
    --el-paper: #f8faf6;
    --el-text: #101719;
    --el-muted: rgba(16,23,25,.62);
    --el-line: rgba(16,23,25,.17);
}

html:has(.el-page), body:has(.el-page) { overflow-x: clip; }
body:has(.el-page) .fx-header { border-bottom-color: rgba(51,230,225,.17) !important; background: rgba(7,11,13,.92) !important; }
body:has(.el-page) .fx-header a[href$="/register"] { background: var(--el-cyan, #33e6e1) !important; color: #061012 !important; box-shadow: 0 12px 30px rgba(51,230,225,.18) !important; }
body:has(.el-page) .theme-toggle__thumb { background: linear-gradient(135deg,#f5f8f6,#33e6e1); box-shadow: 0 4px 16px rgba(51,230,225,.24); }
body:has(.el-page) .fx-footer { border-top-color: rgba(51,230,225,.13); background: #070a0c; }
.theme-light body:has(.el-page) .fx-header { border-bottom-color: rgba(5,115,113,.14) !important; background: rgba(244,247,242,.93) !important; }
.theme-light body:has(.el-page) .fx-footer { border-top-color: rgba(5,115,113,.13); background: #dfe5e1; }

.el-page *, .el-page *::before, .el-page *::after { box-sizing: border-box; }
.el-page a { color: inherit; text-decoration: none; }
.el-full-bleed { position: relative; left: 50%; width: 100vw; margin-left: -50vw; }
.el-shell { width: min(100% - 3rem, 1140px); margin-inline: auto; }
.el-code { margin: 0; color: var(--el-cyan); font: 800 .65rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .14em; text-transform: uppercase; }
.el-page h2, .el-page h3, .el-page p { text-wrap: pretty; }

.el-hero { isolation: isolate; min-height: min(900px,calc(100svh - 4rem)); overflow: hidden; background: #05090b; color: #f4f8f6; }
.el-hero__image { position: absolute; z-index: -3; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; animation: el-image-in 1.4s cubic-bezier(.2,.75,.2,1) both; }
.el-hero__shade { position: absolute; z-index: -2; inset: 0; background: linear-gradient(90deg,rgba(4,8,10,.98) 0%,rgba(4,8,10,.88) 35%,rgba(4,8,10,.2) 63%,rgba(4,8,10,.08)), linear-gradient(180deg,rgba(4,8,10,.16),transparent 55%,rgba(4,8,10,.64)); }
.el-hero__inner { display: flex; min-height: min(900px,calc(100svh - 4rem)); flex-direction: column; padding: 2.2rem 0 1.8rem; }
.el-back { display: inline-flex; width: fit-content; align-items: center; gap: .7rem; color: rgba(244,248,246,.68); font-size: .68rem; font-weight: 760; letter-spacing: .12em; text-transform: uppercase; transition: color .2s ease,transform .2s ease; }
.el-back:hover { color: var(--el-cyan); transform: translateX(-3px); }
.el-hero__copy { width: min(44rem,64%); margin-top: auto; padding: 4rem 0 2.5rem; }
.el-kicker { display: flex; align-items: center; gap: .8rem; margin: 0 0 1.2rem; color: rgba(244,248,246,.64); font: 800 .66rem/1 ui-monospace,monospace; letter-spacing: .14em; }
.el-kicker span { width: 3rem; height: 2px; background: var(--el-cyan); }
.el-title { margin: 0; color: #f6f8f7; font-size: clamp(6rem,10.7vw,10.8rem); font-weight: 900; letter-spacing: -.085em; line-height: .73; text-transform: uppercase; opacity: 0; animation: el-copy-in .85s .18s cubic-bezier(.16,.8,.25,1) forwards; }
.el-title em { color: var(--el-cyan); font-style: normal; }
.el-hero__lead { margin: 2rem 0 0; font-size: clamp(1.65rem,2.3vw,2.4rem); font-weight: 800; letter-spacing: -.04em; line-height: 1.03; }
.el-hero__text { max-width: 35rem; margin: 1.2rem 0 0; color: rgba(244,248,246,.66); font-size: 1rem; line-height: 1.65; }
.el-actions { display: flex; align-items: center; gap: 1.3rem; margin-top: 2rem; }
.el-button { display: inline-flex; min-height: 3.65rem; align-items: center; justify-content: center; gap: 1rem; padding: 0 1.45rem; border: 1px solid transparent; font-size: .77rem; font-weight: 850; letter-spacing: .015em; transition: transform .2s ease,background .2s ease,color .2s ease; }
.el-button span, .el-inline-link span { transition: transform .2s ease; }
.el-button:hover { transform: translateY(-2px); }
.el-button:hover span, .el-inline-link:hover span { transform: translate(3px,-3px); }
.el-button--cyan { background: var(--el-cyan); color: #061113 !important; }
.el-text-link { display: inline-flex; align-items: center; gap: .7rem; padding: .9rem 0; border-bottom: 1px solid rgba(244,248,246,.24); color: rgba(244,248,246,.78); font-size: .72rem; font-weight: 760; }
.el-hero__meter { position: absolute; right: 7vw; top: 27%; display: flex; width: min(26vw,24rem); height: 7rem; align-items: center; gap: clamp(3px,.4vw,8px); opacity: .58; }
.el-hero__meter i { width: 100%; height: var(--h); background: linear-gradient(180deg,var(--el-cyan),rgba(51,230,225,.14)); animation: el-meter 1.65s var(--d) ease-in-out infinite alternate; transform-origin: center; }
.el-hero__rail { display: grid; grid-template-columns: auto 1fr auto 1fr auto 1fr auto 1fr auto; align-items: center; gap: 1rem; color: rgba(244,248,246,.76); font: 800 .78rem/1 ui-monospace,monospace; letter-spacing: .11em; }
.el-hero__rail i { height: 1px; background: rgba(244,248,246,.28); }

.el-intro { display: grid; grid-template-columns: .65fr 1.35fr; gap: 4rem; padding: clamp(7rem,12vw,11rem) 0; }
.el-intro h2, .el-tools h2, .el-flow h2, .el-faq h2 { margin: -.25rem 0 1.8rem; font-size: clamp(3.7rem,6.3vw,6.6rem); font-weight: 900; letter-spacing: -.07em; line-height: .88; }
.el-page h2 em { color: var(--el-cyan); font-style: normal; }
.el-intro div > p { max-width: 42rem; margin: 0; color: var(--el-muted); font-size: 1.05rem; line-height: 1.85; }

.el-showcase { padding: clamp(6rem,10vw,9rem) 0 0; background: var(--el-paper); color: var(--el-ink); }
.el-showcase__top { display: grid; grid-template-columns: .55fr 1fr .75fr; gap: 3rem; align-items: end; padding-bottom: 5rem; }
.el-showcase__top .el-code { color: #087c7a; align-self: start; }
.el-showcase__top h2 { margin: 0; font-size: clamp(4rem,7vw,7.2rem); font-weight: 900; letter-spacing: -.075em; line-height: .82; }
.el-showcase__top h2 em { color: #0c8f8c; }
.el-showcase__top > p:last-child { margin: 0; color: rgba(13,20,22,.62); line-height: 1.7; }
.el-signal { display: grid; grid-template-columns: 1.15fr .85fr; min-height: 39rem; border-top: 1px solid rgba(13,20,22,.18); }
.el-signal__visual { position: relative; display: flex; min-height: 39rem; align-items: center; overflow: hidden; background: #071013; }
.el-signal__visual::before { content: ''; position: absolute; inset: 0; background: repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),rgba(51,230,225,.075) 10%), repeating-linear-gradient(0deg,transparent 0,transparent calc(20% - 1px),rgba(51,230,225,.055) 20%); }
.el-signal__line { position: absolute; z-index: 2; top: 0; bottom: 0; left: 34%; width: 1px; background: var(--el-cyan); box-shadow: 0 0 20px rgba(51,230,225,.6); }
.el-wave { position: relative; z-index: 1; display: flex; width: 100%; height: 15rem; align-items: center; gap: clamp(2px,.25vw,5px); padding: 0 5vw; }
.el-wave i { flex: 1; height: var(--h); max-width: .55rem; background: var(--el-cyan); opacity: .83; transform-origin: center; animation: el-wave 1.4s var(--d) ease-in-out infinite alternate; }
.el-signal__time, .el-signal__format { position: absolute; z-index: 2; bottom: 2rem; color: rgba(243,246,244,.5); font: 700 .6rem/1 ui-monospace,monospace; letter-spacing: .13em; }
.el-signal__time { left: 2rem; }.el-signal__format { right: 2rem; }
.el-signal__panel { display: grid; grid-template-rows: auto 1fr; background: #dce5e2; color: #0d1416; }
.el-signal__tabs { display: grid; grid-template-columns: repeat(2,1fr); }
.el-signal__tabs button { min-height: 5.4rem; padding: 1rem 1.4rem; border: 0; border-right: 1px solid rgba(13,20,22,.16); border-bottom: 1px solid rgba(13,20,22,.16); background: transparent; color: rgba(13,20,22,.5); cursor: pointer; font: 800 .62rem/1.2 ui-monospace,monospace; letter-spacing: .08em; text-align: left; text-transform: uppercase; transition: background .2s ease,color .2s ease; }
.el-signal__tabs button.is-active { background: var(--el-cyan); color: #071113; }
.el-signal__copy { display: flex; flex-direction: column; justify-content: flex-end; padding: clamp(2.4rem,5vw,5rem); }
.el-signal__copy > p:first-child { margin: 0 0 .8rem; color: #087c7a; font: 800 .65rem/1 ui-monospace,monospace; letter-spacing: .14em; text-transform: uppercase; }
.el-signal__copy h3 { margin: 0; font-size: clamp(2.8rem,4.6vw,5rem); font-weight: 900; letter-spacing: -.065em; line-height: .9; }
.el-signal__copy > p:nth-of-type(2) { margin: 1.5rem 0 2rem; color: rgba(13,20,22,.64); line-height: 1.65; }
.el-inline-link { display: inline-flex; width: fit-content; align-items: center; gap: .8rem; padding-bottom: .55rem; border-bottom: 1px solid currentColor; font-size: .73rem; font-weight: 850; }

.el-tools { padding: clamp(7rem,12vw,11rem) 0; }
.el-tools__heading { display: grid; grid-template-columns: .65fr 1.35fr; gap: 4rem; }
.el-tool-list { margin-top: 5rem; border-top: 1px solid var(--el-line); }
.el-tool { display: grid; grid-template-columns: 3rem minmax(16rem,.8fr) 1fr 5rem 2rem; gap: 1.5rem; align-items: center; padding: 2rem 0; border-bottom: 1px solid var(--el-line); transition: color .2s ease,padding .25s ease; }
.el-tool > span, .el-tool small { color: var(--el-muted); font: 800 .62rem/1 ui-monospace,monospace; letter-spacing: .12em; }
.el-tool h3 { margin: 0; font-size: clamp(2.2rem,3.5vw,3.9rem); font-weight: 900; letter-spacing: -.055em; line-height: .9; }
.el-tool p { margin: 0; color: var(--el-muted); line-height: 1.55; }
.el-tool > i { color: var(--el-cyan); font-style: normal; font-size: 1.2rem; transition: transform .2s ease; }
.el-tool:hover { padding-left: .7rem; color: var(--el-cyan); }.el-tool:hover > i { transform: translate(4px,-4px); }

.el-voice { display: grid; grid-template-columns: 1fr 1fr; min-height: 48rem; background: #0c1215; color: #f3f6f4; }
.el-voice__visual { position: relative; display: grid; min-height: 48rem; place-items: center; overflow: hidden; border-right: 1px solid rgba(243,246,244,.13); background: radial-gradient(circle at 50% 50%,rgba(51,230,225,.17),transparent 34%),#071013; }
.el-orbit { position: absolute; border: 1px solid rgba(51,230,225,.2); border-radius: 50%; animation: el-orbit 15s linear infinite; }
.el-orbit--one { width: 27rem; aspect-ratio: 1; }.el-orbit--two { width: 38rem; aspect-ratio: 1; animation-direction: reverse; }.el-orbit--three { width: 52rem; aspect-ratio: 1; }
.el-orbit::before { content: ''; position: absolute; top: 50%; left: -4px; width: 8px; aspect-ratio: 1; border-radius: 50%; background: var(--el-cyan); box-shadow: 0 0 20px var(--el-cyan); }
.el-voiceprint { position: relative; z-index: 2; display: flex; width: min(58%,28rem); height: 14rem; align-items: center; gap: .4rem; }
.el-voiceprint i { flex: 1; height: var(--h); background: linear-gradient(180deg,#f3f6f4,var(--el-cyan)); }
.el-voice__visual > span { position: absolute; bottom: 2rem; color: rgba(243,246,244,.46); font: 760 .62rem/1 ui-monospace,monospace; letter-spacing: .14em; }
.el-voice__copy { align-self: center; max-width: 39rem; padding: 6rem clamp(3rem,7vw,8rem); }
.el-voice__copy h2 { margin: 1.4rem 0 2rem; font-size: clamp(3.8rem,6.5vw,7rem); font-weight: 900; letter-spacing: -.075em; line-height: .84; }
.el-voice__copy > p:not(.el-code) { margin: 0; color: rgba(243,246,244,.62); line-height: 1.8; }
.el-voice__copy ul { margin: 2.7rem 0; padding: 0; list-style: none; border-top: 1px solid rgba(243,246,244,.15); }
.el-voice__copy li { display: grid; grid-template-columns: 3rem 1fr; padding: 1.15rem 0; border-bottom: 1px solid rgba(243,246,244,.15); }
.el-voice__copy li span { color: var(--el-cyan); font: 800 .6rem/1.5 ui-monospace,monospace; }.el-voice__copy li strong { font-size: .87rem; }

.el-flow { padding: clamp(7rem,12vw,11rem) 0; }
.el-flow__heading { display: grid; grid-template-columns: .65fr 1.35fr; gap: 4rem; }
.el-flow__steps { display: grid; grid-template-columns: repeat(4,1fr); margin: 5rem 0 0; padding: 0; list-style: none; border-top: 1px solid var(--el-line); border-bottom: 1px solid var(--el-line); }
.el-flow__steps li { display: flex; min-height: 22rem; flex-direction: column; padding: 1.5rem; border-right: 1px solid var(--el-line); }.el-flow__steps li:first-child { padding-left: 0; }.el-flow__steps li:last-child { border-right: 0; }
.el-flow__number { color: var(--el-cyan); font: 800 .62rem/1 ui-monospace,monospace; }
.el-flow__steps strong { margin-top: auto; font-size: 1.25rem; }.el-flow__steps p { margin: .8rem 0 0; color: var(--el-muted); font-size: .83rem; line-height: 1.6; }
.el-step-art { position: relative; width: min(100%,11.5rem); height: 9rem; margin: 2.6rem auto 2.2rem; color: var(--el-cyan); }
.el-step-art--mode { border: 1px solid var(--el-line); }
.el-step-art--mode::before,.el-step-art--mode::after,.el-step-art--mode i { content: ''; position: absolute; left: 1.2rem; right: 1.2rem; height: 1px; background: var(--el-line); }
.el-step-art--mode::before { top: 2.1rem; }.el-step-art--mode::after { top: 4.4rem; }.el-step-art--mode i:nth-child(1) { top: 6.7rem; }.el-step-art--mode i:nth-child(2),.el-step-art--mode i:nth-child(3) { display: none; }
.el-step-art--mode b { position: absolute; top: 3.62rem; left: 1.2rem; padding: .42rem .65rem; background: var(--el-cyan); color: #071113; font: 900 .6rem/1 ui-monospace,monospace; letter-spacing: .08em; animation: el-mode-pulse 2.4s ease-in-out infinite; }
.el-step-art--input { display: flex; align-items: center; justify-content: center; gap: .28rem; }
.el-step-art--input::before { content: ''; position: absolute; left: 0; right: 0; height: 1px; background: var(--el-line); }
.el-step-art--input i { position: relative; z-index: 1; width: .42rem; height: var(--h); max-height: 6.5rem; background: var(--el-cyan); transform-origin: center; animation: el-step-signal 1.8s ease-in-out infinite alternate; }
.el-step-art--input i:nth-child(2n) { animation-delay: -650ms; }
.el-step-art--tune { display: flex; flex-direction: column; justify-content: center; gap: 1.7rem; }
.el-step-art--tune i { position: relative; display: block; height: 1px; background: var(--el-line); }
.el-step-art--tune i::before { content: ''; position: absolute; top: 50%; left: var(--p); width: 1rem; aspect-ratio: 1; border: 2px solid var(--el-cyan); border-radius: 50%; background: var(--el-bg); transform: translate(-50%,-50%); box-shadow: 0 0 0 .25rem color-mix(in srgb,var(--el-cyan) 12%,transparent); }
.el-step-art--file { display: grid; width: 7.2rem; place-items: center; border: 1px solid var(--el-line); }
.el-step-art--file::before { content: ''; position: absolute; top: -1px; right: -1px; width: 2.1rem; aspect-ratio: 1; border-left: 1px solid var(--el-line); border-bottom: 1px solid var(--el-line); background: var(--el-bg); clip-path: polygon(0 0,100% 100%,0 100%); }
.el-step-art--file i { position: absolute; top: 1.3rem; right: 1.3rem; width: .48rem; aspect-ratio: 1; border-radius: 50%; background: var(--el-cyan); box-shadow: 0 0 1rem rgba(51,230,225,.65); animation: el-file-pulse 1.9s ease-in-out infinite; }
.el-step-art--file b { font: 900 .76rem/1 ui-monospace,monospace; letter-spacing: .12em; }
.el-step-art--file span { position: absolute; right: 1.1rem; bottom: 1rem; left: 1.1rem; height: .35rem; background: linear-gradient(90deg,var(--el-cyan) 0 72%,var(--el-line) 72%); }
.el-flow__action { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding-top: 2.2rem; }.el-flow__action p { margin: 0; color: var(--el-muted); }.el-button--outline { border-color: var(--el-line); }.el-button--outline:hover { border-color: var(--el-cyan); color: var(--el-cyan); }

.el-faq { display: grid; grid-template-columns: .75fr 1.25fr; gap: 5rem; padding: 1rem 0 clamp(7rem,11vw,10rem); }
.el-faq-item { border-top: 1px solid var(--el-line); }.el-faq-item:last-child { border-bottom: 1px solid var(--el-line); }
.el-faq-item button { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 1.5rem; padding: 1.6rem 0; border: 0; background: transparent; color: inherit; cursor: pointer; text-align: left; }
.el-faq-item button > span { display: grid; grid-template-columns: 3rem 1fr; align-items: baseline; font-size: 1rem; font-weight: 800; }.el-faq-item small { color: var(--el-cyan); font: 800 .58rem/1 ui-monospace,monospace; }.el-faq-item button i { color: var(--el-cyan); font-style: normal; font-size: 1.3rem; transition: transform .2s ease; }.el-faq-item button[aria-expanded="true"] i { transform: rotate(45deg); }
.el-faq-item__answer { padding: 0 3rem 1.7rem; }.el-faq-item__answer p { max-width: 40rem; margin: 0; color: var(--el-muted); line-height: 1.75; }

.el-final { overflow: hidden; background: var(--el-cyan); color: #071113; }
.el-final__wave { position: absolute; top: 50%; right: -10vw; width: 54vw; height: 34rem; transform: translateY(-50%); background: repeating-linear-gradient(90deg,transparent 0,transparent 9px,rgba(7,17,19,.12) 10px,rgba(7,17,19,.12) 13px); clip-path: polygon(0 44%,5% 38%,10% 59%,15% 27%,20% 73%,25% 14%,30% 84%,35% 32%,40% 68%,45% 6%,50% 94%,55% 23%,60% 77%,65% 38%,70% 62%,75% 17%,80% 83%,85% 31%,90% 70%,95% 42%,100% 56%,100% 44%,95% 58%,90% 30%,85% 69%,80% 17%,75% 83%,70% 38%,65% 62%,60% 23%,55% 77%,50% 6%,45% 94%,40% 32%,35% 68%,30% 16%,25% 86%,20% 27%,15% 73%,10% 41%,5% 62%,0 56%); }
.el-final__inner { position: relative; z-index: 1; padding: clamp(7rem,11vw,10rem) 0; }.el-final .el-code { color: rgba(7,17,19,.62); }.el-final h2 { max-width: 57rem; margin: 1.3rem 0 1.6rem; font-size: clamp(4rem,7.3vw,7.7rem); font-weight: 900; letter-spacing: -.08em; line-height: .85; }.el-final h2 em { color: #071113; }.el-final__inner > p:not(.el-code) { max-width: 36rem; margin: 0 0 2rem; color: rgba(7,17,19,.66); line-height: 1.7; }.el-button--dark { background: #071113; color: #f3f6f4 !important; }

.el-reveal { opacity: 0; transform: translateY(2rem); transition: opacity .65s ease,transform .65s cubic-bezier(.2,.75,.2,1); }.el-reveal.is-visible { opacity: 1; transform: none; }
@keyframes el-image-in { from { opacity: 0; transform: scale(1.045); } to { opacity: 1; transform: scale(1); } }
@keyframes el-copy-in { from { opacity: 0; transform: translateY(2rem); } to { opacity: 1; transform: none; } }
@keyframes el-meter { 0% { transform: scaleY(.42); opacity: .4; } 100% { transform: scaleY(1); opacity: 1; } }
@keyframes el-wave { 0% { transform: scaleY(.45); } 100% { transform: scaleY(1); } }
@keyframes el-orbit { to { transform: rotate(360deg); } }
@keyframes el-mode-pulse { 0%,100% { transform: translateX(0); } 50% { transform: translateX(2.4rem); } }
@keyframes el-step-signal { from { transform: scaleY(.55); opacity: .56; } to { transform: scaleY(1); opacity: 1; } }
@keyframes el-file-pulse { 0%,100% { opacity: .45; transform: scale(.8); } 50% { opacity: 1; transform: scale(1.12); } }

@media (max-width: 980px) {
    .el-showcase__top { grid-template-columns: 1fr 1fr; }.el-showcase__top .el-code { grid-column: 1/-1; }.el-signal { grid-template-columns: 1fr; }.el-signal__visual { min-height: 30rem; }.el-signal__panel { min-height: 32rem; }
    .el-tool { grid-template-columns: 3rem minmax(13rem,.8fr) 1fr 2rem; }.el-tool small { display: none; }
    .el-voice { grid-template-columns: .85fr 1.15fr; }.el-voice__copy { padding-inline: 4rem; }
}

@media (max-width: 760px) {
    .el-shell { width: min(100% - 2rem,1140px); }
    .el-hero,.el-hero__inner { min-height: 52rem; }.el-hero__image { object-position: 70% center; }.el-hero__shade { background: linear-gradient(180deg,rgba(4,8,10,.18),rgba(4,8,10,.7) 42%,rgba(4,8,10,.98) 74%),linear-gradient(90deg,rgba(4,8,10,.65),transparent); }.el-hero__inner { padding: 1.5rem 0 1.3rem; }.el-hero__copy { width: 100%; margin-top: auto; padding: 9rem 0 2rem; }.el-title { font-size: clamp(4.6rem,22.4vw,6.2rem); }.el-hero__lead { margin-top: 1.7rem; font-size: 1.6rem; }.el-hero__text { font-size: .92rem; }.el-hero__meter { top: 20%; right: -10vw; width: 68vw; height: 6rem; opacity: .42; }.el-hero__rail { grid-template-columns: repeat(5,auto); justify-content: space-between; font-size: .68rem; letter-spacing: .07em; }.el-hero__rail i { display: none; }
    .el-intro,.el-tools__heading,.el-flow__heading { grid-template-columns: 1fr; gap: 1.5rem; }.el-intro { padding: 6rem 0; }.el-intro h2,.el-tools h2,.el-flow h2,.el-faq h2 { font-size: clamp(3.1rem,14vw,4.8rem); }
    .el-showcase { padding-top: 5.5rem; }.el-showcase__top { grid-template-columns: 1fr; gap: 1.5rem; padding-bottom: 3.5rem; }.el-showcase__top .el-code { grid-column: auto; }.el-showcase__top h2 { font-size: clamp(3.6rem,16vw,5.4rem); }.el-signal__visual { min-height: 27rem; }.el-wave { height: 12rem; padding: 0 1rem; gap: 2px; }.el-signal__time { left: 1rem; }.el-signal__format { right: 1rem; }.el-signal__tabs button { min-height: 5rem; padding: 1rem; font-size: .55rem; }.el-signal__copy { padding: 3rem 1rem; }.el-signal__copy h3 { font-size: clamp(3rem,14vw,4.4rem); }
    .el-tools { padding: 6rem 0; }.el-tool-list { margin-top: 4rem; }.el-tool { grid-template-columns: 2.2rem 1fr 1.5rem; gap: .8rem 1rem; padding: 1.7rem 0; }.el-tool h3 { font-size: 2.45rem; }.el-tool p { grid-column: 2/-1; }.el-tool > i { grid-column: 3; grid-row: 1; }
    .el-voice { grid-template-columns: 1fr; }.el-voice__visual { min-height: 105vw; border-right: 0; border-bottom: 1px solid rgba(243,246,244,.13); }.el-orbit--one { width: 55vw; }.el-orbit--two { width: 78vw; }.el-orbit--three { width: 108vw; }.el-voice__copy { padding: 5rem 1rem; }.el-voice__copy h2 { font-size: clamp(3.6rem,15vw,5rem); }
    .el-flow { padding: 6rem 0; }.el-flow__steps { grid-template-columns: repeat(2,1fr); }.el-flow__steps li { min-height: 15rem; border-bottom: 1px solid var(--el-line); }.el-flow__steps li:nth-child(2) { border-right: 0; }.el-flow__steps li:first-child { padding-left: 1.5rem; }.el-flow__action { align-items: flex-start; flex-direction: column; }
    .el-faq { grid-template-columns: 1fr; gap: 3.5rem; padding-bottom: 6rem; }.el-faq-item button > span { grid-template-columns: 2rem 1fr; }.el-faq-item__answer { padding-left: 2.75rem; }
    .el-final h2 { font-size: clamp(3.4rem,15vw,5.5rem); }.el-final__wave { right: -55vw; width: 130vw; opacity: .42; }
}

@media (max-width: 480px) {
    .el-kicker { font-size: .57rem; letter-spacing: .09em; }.el-title { font-size: clamp(4.25rem,22vw,5.4rem); }.el-actions { align-items: stretch; flex-direction: column; gap: .7rem; }.el-actions,.el-button { width: 100%; }.el-text-link { align-self: center; }.el-flow__steps { grid-template-columns: 1fr; }.el-flow__steps li,.el-flow__steps li:nth-child(2) { min-height: 12rem; border-right: 0; }.el-flow__steps li + li { padding-left: 1.5rem; }
}

@media (prefers-reduced-motion: reduce) {
    .el-page *,.el-page *::before,.el-page *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }.el-reveal { opacity: 1; transform: none; }
}