/* UZAT section anchors already account for the sticky menu. */
html:has(.uzat-landing) { scroll-padding-top:0; }
.uzat-landing { --uzat-accent:#b8e8a7; color:var(--text); }
.uzat-hero-stage {
    overflow:hidden;
}
.uzat-hero { display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1.08fr); align-items:center; gap:clamp(30px, 6vw, 92px); padding-block:clamp(44px, 8vw, 100px); }
.uzat-hero h1 { margin:0; font-size:clamp(56px, 8vw, 112px); line-height:.98; }
.uzat-hook { margin:18px 0 14px; font-size:clamp(23px, 3vw, 38px); font-weight:750; line-height:1.15; color:var(--uzat-accent); }
.uzat-landing p:not(.uzat-hook) { line-height:1.7; }
.uzat-monitor {
    position:relative;
    isolation:isolate;
    margin:0;
    perspective:1250px;
}
.uzat-monitor::before {
    content:"";
    position:absolute;
    z-index:-1;
    inset:8% -2% 10%;
    background:radial-gradient(ellipse, #6d9c642f 0%, #42604b1a 45%, transparent 72%);
    pointer-events:none;
}
.uzat-monitor::after {
    content:"";
    position:absolute;
    z-index:-1;
    inset:auto 7% 8px 8%;
    height:42px;
    border-radius:50%;
    background:radial-gradient(ellipse, #03080755, transparent 72%);
    filter:blur(14px);
    pointer-events:none;
}
.uzat-monitor-frame {
    position:relative;
    border:1px solid #c3d6ca24;
    background:linear-gradient(145deg, #3b4c43 0%, #15201c 17%, #080c0b 69%, #27372d 100%);
    box-shadow:0 14px 36px -10px #0005;
    transform:rotateX(5deg) rotateY(-12deg) rotateZ(-2deg);
}
.uzat-monitor-glass {
    position:relative;
    overflow:hidden;
    background:#0b1812;
}
.uzat-monitor-glass img { display:block; width:100%; height:auto; }
.uzat-monitor-glass::after {
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(135deg, #e1ffe021 0%, #d1f6de0e 23%, transparent 47%, transparent 83%, #b9eed80d 100%);
    box-shadow:inset 0 0 18px #04090766;
    pointer-events:none;
}
@supports (-webkit-box-reflect: below 1px) {
    .uzat-monitor-frame {
        -webkit-box-reflect:below 7px linear-gradient(transparent 89%, #0002 100%);
    }
}
@media (max-width:720px) {
    .uzat-monitor-frame { transform:rotateX(3deg) rotateY(-7deg) rotateZ(-1deg); }
}
.uzat-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
.uzat-actions { --uzat-demo-color:var(--purple-200); }
.uzat-hero .uzat-hero-buy {
    min-height:60px;
    padding:16px 29px;
    font-size:14px;
}
.uzat-actions .uzat-demo {
    color:var(--uzat-demo-color);
    background:transparent;
    border:1px solid currentColor;
}
@media (hover:hover) {
    .uzat-actions .uzat-demo:hover { color:var(--purple-50); background:transparent; }
}
.uzat-note { margin-top:12px; color:var(--muted); font-size:.875rem; }
@media (max-width:720px) {
    .uzat-hero { grid-template-columns:1fr; }
}

.uzat-listening {
    display:flow-root;
    padding-block-start:var(--uzat-section-space);
}
.uzat-final {
    min-height:calc(100vh - var(--uzat-sticky-top) - var(--uzat-nav-height));
    min-height:calc(100svh - var(--uzat-sticky-top) - var(--uzat-nav-height));
    padding-block-end:var(--uzat-section-space);
}
.uzat-listening h2 { margin:0 0 20px; font-size:clamp(30px, 4vw, 52px); line-height:1.1; }
.uzat-listening-intro { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:clamp(20px, 4vw, 56px); }
@media (max-width:720px) {
    .uzat-listening-intro { grid-template-columns:1fr; gap:0; }
}
.uzat-listening-intro p { margin:0 0 16px; }
.uzat-listening-intro strong { color:var(--purple-100); }
.uzat-tech-row {
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:16px 28px;
    margin:22px 0 0;
    padding:16px 20px;
    background:var(--surface);
    border-radius:10px;
}
.uzat-tech-row dt { color:var(--muted); font-size:.8rem; font-weight:700; }
.uzat-tech-row dd { margin:4px 0 0; }
@media (max-width:680px) {
    .uzat-tech-row { grid-template-columns:1fr; }
}
.uzat-all-features > h2 { text-align:center; }
.uzat-features-list {
    display:grid;
    grid-template-columns:repeat(3, max-content);
    justify-items:start;
    gap:8px clamp(20px, 3vw, 40px);
    width:fit-content;
    max-width:100%;
    margin:clamp(18px, 4vw, 36px) auto 0;
    padding:0;
    overflow-x:auto;
    list-style:none;
}
.uzat-features-list li {
    padding:7px 10px;
    font-size:.9rem;
    border:1px solid var(--line);
    border-radius:9px;
    background:var(--surface);
    line-height:1.55;
    white-space:nowrap;
}
@media (max-width:1140px) {
    .uzat-features-list { grid-template-columns:repeat(2, max-content); }
}
@media (max-width:760px) {
    .uzat-features-list { grid-template-columns:max-content; }
}
@media (max-width:380px) {
    .uzat-features-list li { padding-inline:7px; font-size:.78rem; }
}

.uzat-landing {
    --uzat-sticky-top:0px;
    --uzat-nav-padding:10px;
    --uzat-nav-height:calc(49px + 2 * var(--uzat-nav-padding));
    --uzat-section-space:clamp(48px, 8vw, 108px);
}
.admin-bar .uzat-landing { --uzat-sticky-top:var(--wp-admin--admin-bar--height, 32px); }
@media (min-width:601px) and (max-width:782px) {
    .admin-bar .uzat-landing { --uzat-sticky-top:46px; }
}
@media (max-width:600px) {
    .admin-bar .uzat-landing { --uzat-sticky-top:0px; }
}
.uzat-section-nav {
    position:sticky;
    top:var(--uzat-sticky-top);
    z-index:25;
    background:var(--bg);
    border-bottom:1px solid var(--line);
}
.uzat-nav-inner {
    display:flex;
    align-items:center;
    gap:clamp(8px, 2vw, 24px);
    padding-block:var(--uzat-nav-padding);
}
@media (max-width:760px) {
    .uzat-landing {
        --uzat-nav-padding:0px;
        --uzat-nav-height:0px;
    }
    .uzat-section-nav { display:none; }
}
.uzat-nav-buy { flex:none; min-height:36px; padding:7px 16px; }
.uzat-section-links {
    flex:1;
    min-width:0;
    display:flex;
    align-items:center;
    gap:clamp(16px, 3vw, 32px);
    overflow-x:auto;
    white-space:nowrap;
}
.uzat-section-links a {
    display:flex;
    align-items:center;
    min-height:48px;
    padding-inline:3px;
    font-size:.9rem;
    font-weight:700;
}
.uzat-section-links a:focus-visible { outline-offset:-2px; }
.uzat-landing :is(#uzat-title, #uzat-listening-title, #uzat-try-title, #uzat-video-title, #uzat-features-title, #uzat-modules-title, #uzat-interface-title, #uzat-all-features-title, #uzat-faq-title, #uzat-get-title) {
    scroll-margin-top:calc(var(--uzat-sticky-top) + var(--uzat-nav-height) + var(--uzat-section-space));
}

.uzat-comparisons { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; margin-top:24px; }
.uzat-comparison {
    min-width:0;
    padding:10px 12px;
    border-radius:10px;
    background:var(--surface);
}
.uzat-comparison-head { display:flex; flex-wrap:wrap; align-items:center; gap:6px 12px; }
.uzat-comparison h3 { margin:0; font-size:1rem; white-space:nowrap; }
.uzat-variants { display:flex; flex:1 1 265px; flex-wrap:wrap; gap:4px; min-width:0; }
.uzat-variants button { background:var(--surface-2); border:1px solid var(--line); border-radius:6px; padding:3px 6px; font-size:.72rem; min-height:28px; }
.uzat-variants button[aria-pressed="true"] { background:var(--purple-200); color:var(--ink); }
.uzat-transport { display:grid; grid-template-columns:auto minmax(0, 1fr); align-items:center; gap:8px; margin-top:5px; }
.uzat-play { display:grid; place-items:center; width:44.8px; height:44.8px; padding:0; border:0; background:transparent; color:var(--text); }
.uzat-play svg { display:block; width:38.4px; height:38.4px; fill:currentColor; }
.uzat-play [data-icon] { display:none; }
.uzat-play[data-state="play"] [data-icon="play"],
.uzat-play[data-state="pause"] [data-icon="pause"],
.uzat-play[data-state="stop"] [data-icon="stop"] { display:block; }
.uzat-seek { position:relative; min-width:0; }
.uzat-seek-input { position:absolute; inset:0; width:100%; height:100%; margin:0; opacity:0; cursor:pointer; }
.uzat-seek:has(.uzat-seek-input:focus-visible) { outline:2px solid var(--purple-300); outline-offset:3px; }
.uzat-wave { display:block; width:100%; height:42px; }
.uzat-wave path { stroke:var(--purple-300); stroke-width:2.4; fill:none; }
.uzat-wave line { stroke:var(--uzat-accent); stroke-width:1.5; }
.uzat-audio-message { margin:8px 0 0; color:var(--muted); font-size:.85rem; }
.uzat-audio-message:empty { display:none; }
@media (max-width:760px) {
    .uzat-comparisons { grid-template-columns:1fr; }
}

.uzat-module-hint { margin:0 0 18px; color:var(--muted); }
.uzat-module-tabs {
    display:grid;
    grid-template-columns:repeat(10, minmax(100px, 1fr));
    gap:6px;
    overflow-x:auto;
    padding-bottom:8px;
}
.uzat-module-tab {
    display:block;
    width:100%;
    min-width:0;
    padding:0;
    border:0;
    background:#101915;
    aspect-ratio:290/318;
}
.uzat-module-tab:focus-visible { outline-offset:-3px; }
.uzat-module-tab img { width:100%; height:100%; display:block; }
.uzat-module-tab[aria-selected="false"] .uzat-module-selected,
.uzat-module-tab[aria-selected="true"] .uzat-module-plain { display:none; }
.uzat-module-panels { margin-top:12px; overflow-x:auto; }
.uzat-module-panel { position:relative; min-width:580px; aspect-ratio:1742/318; }
.uzat-module-panels img { width:100%; height:100%; display:block; }

.uzat-interface-image { position:relative; max-width:900px; margin-inline:auto; }
.uzat-interface-image img { width:100%; height:auto; display:block; }
.uzat-hotspot {
    position:absolute;
    top:var(--point-y);
    left:var(--point-x);
    transform:translate(-50%, -50%);
    display:grid;
    place-items:center;
    width:clamp(24px, 4vw, 40px);
    aspect-ratio:1;
    padding:0;
    border:2px solid #101915;
    border-radius:50%;
    background:var(--purple-200);
    color:var(--ink);
    font-size:.8rem;
    font-weight:800;
}
.uzat-hotspot[aria-pressed="true"] { background:var(--uzat-accent); }
.uzat-interface-notes {
    position:absolute;
    z-index:2;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    width:min(460px, calc(100% - 24px));
    max-height:calc(100% - 24px);
    overflow:auto;
    padding:20px 48px 20px 20px;
    border:1px solid var(--line);
    border-radius:12px;
    background:var(--surface);
    box-shadow:0 12px 32px #0008;
}
.uzat-interface-close {
    position:absolute;
    top:8px;
    right:8px;
    width:32px;
    height:32px;
    padding:0;
    border:0;
    border-radius:6px;
    background:transparent;
    font-size:1.5rem;
    line-height:1;
}
.uzat-interface-close:hover { background:var(--surface-2); }
.uzat-interface-notes h3 { margin:0 0 6px; }
.uzat-interface-notes p { margin:0; }


.uzat-module-panel .uzat-hotspot { width:clamp(24px, 3vw, 32px); }
.uzat-module-explanation {
    box-sizing:border-box;
    min-height:90px;
    margin-top:10px;
    padding:12px 16px;
    border:1px solid var(--line);
    border-radius:12px;
    background:var(--surface);
}
.uzat-module-explanation h3 { margin:0 0 4px; font-size:1rem; }
.uzat-module-explanation p { margin:0; font-size:.9rem; }

.uzat-comparison[id] {
    scroll-margin-top:calc(var(--uzat-sticky-top) + var(--uzat-nav-height) + 16px);
}
.uzat-try-grid {
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:14px;
}
.uzat-try-card {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    padding:clamp(16px, 2.5vw, 26px);
    border-radius:12px;
    background:var(--surface);
}
.uzat-try-card h3 { margin:0 0 8px; font-size:1.15rem; }
.uzat-try-card p { margin:0 0 16px; color:var(--muted); }
.uzat-try-card .text-link { margin-top:auto; }
@media (max-width:760px) {
    .uzat-try-grid { grid-template-columns:1fr; }
}

.uzat-faq-list {
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:10px;
    align-items:start;
}
.uzat-faq-list details {
    padding:14px 16px;
    border-radius:10px;
    background:var(--surface);
}
.uzat-faq-list summary { cursor:pointer; font-weight:700; }
.uzat-faq-list p { margin:10px 0 0; color:var(--muted); }
.uzat-final-panel {
    padding:clamp(24px, 6vw, 64px);
    border-radius:16px;
    background:var(--surface);
}
.uzat-final-panel p { margin:0; max-width:60ch; }
.uzat-final-buy { min-height:64px; padding:14px 28px; font-size:1.05rem; }
.uzat-final .uzat-manual-download {
    display:inline-flex;
    align-items:center;
    align-self:center;
    gap:8px;
    margin-inline-start:auto;
    padding:10px 0;
    color:var(--purple-200);
    font-weight:700;
}
.uzat-final .uzat-manual-download:hover,
.uzat-final .uzat-manual-download:focus-visible { color:var(--purple-50); }
.uzat-manual-download svg { flex:none; }

@media (max-width:720px) {
    .uzat-faq-list { grid-template-columns:1fr; }
}

.uzat-video-preview {
    position:relative;
    display:grid;
    place-items:center;
    aspect-ratio:16/9;
    border-radius:14px;
}
.uzat-video-preview img {
    position:absolute;
    inset:6% 5%;
    width:90%;
    height:88%;
    object-fit:contain;
    opacity:.72;
    filter:drop-shadow(8px 14px 22px #0009);
}
.uzat-video-preview iframe {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border:0;
    border-radius:inherit;
}
.uzat-video-overlay {
    position:absolute;
    inset:0;
    display:grid;
    place-content:center;
    justify-items:center;
    gap:10px;
    background:#0b071d55;
}
.uzat-video-play {
    display:grid;
    place-items:center;
    width:clamp(52px, 8vw, 78px);
    aspect-ratio:1;
    padding:0;
    border:0;
    border-radius:50%;
    background:var(--purple-200);
    color:var(--ink);
}
.uzat-video-play:hover,
.uzat-video-play:focus-visible {
    background:var(--purple-300, var(--purple-200));
    color:var(--ink);
}
.uzat-video-play svg { width:48%; height:48%; fill:currentColor; }
.uzat-video-overlay span {
    padding:5px 10px;
    border-radius:6px;
    background:var(--bg);
    font-size:.85rem;
    font-weight:700;
}