@font-face {
    font-family: Nunito;
    font-style: normal;
    font-weight: 400 900;
    font-display: optional;
    src: url('/choicervoicer/fonts/nunito-latin.woff2') format('woff2');
}

:root {
    --cv-blue: #0965f5;
    --cv-blue-2: #327dff;
    --cv-navy: #07183e;
    --cv-copy: #23385f;
    --cv-muted: #61708d;
    --cv-line: #d5e2f6;
    --cv-surface: rgba(255, 255, 255, .94);
    --cv-shadow: 0 16px 38px rgba(45, 83, 145, .13);
    --cv-topbar: clamp(74px, 5.08vw, 104px);
    --cv-sidebar: clamp(190px, 13.28vw, 272px);
    --cv-section-height: calc(100svh - var(--cv-topbar));
}

*, *::before, *::after { box-sizing: border-box; }
html { min-width: 0; scroll-behavior: smooth; background: #f9fcff; }
body { margin: 0; min-width: 0; color: var(--cv-navy); background: #f9fcff; font-family: Nunito, ui-sans-serif, system-ui, sans-serif; }
button, input, textarea, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
img, video, svg { display: block; max-width: 100%; }
img, video { width: 100%; }
[hidden] { display: none !important; }
.cv-body { min-width: 0; }
.cv-icon, .cv-brand-icon, .cv-emoji { flex: 0 0 auto; vertical-align: middle; }
.cv-main { min-width: 0; margin-left: var(--cv-sidebar); padding-top: var(--cv-topbar); }
.cv-screen { position: relative; min-width: 0; min-height: var(--cv-section-height); overflow: clip; scroll-margin-top: var(--cv-topbar); background: radial-gradient(circle at 56% 38%, rgba(220, 238, 255, .34), transparent 42%), linear-gradient(145deg, #fff 0%, #fbfdff 55%, #f5faff 100%); }

@media (min-width: 901px) {
    .cv-scroll-body .cv-scroll-section:not(:first-child) {
        content-visibility: auto;
        contain-intrinsic-size: auto var(--cv-section-height);
    }
}

.cv-topbar {
    position: fixed;
    inset: 0 0 auto;
    z-index: 100;
    height: var(--cv-topbar);
    padding: 0 clamp(18px, 2.35vw, 48px);
    display: grid;
    grid-template-columns: minmax(var(--cv-sidebar), 19%) minmax(0, 1fr) auto;
    gap: clamp(14px, 2vw, 38px);
    align-items: center;
    background: rgba(255, 255, 255, .96);
    border-bottom: 1px solid rgba(209, 224, 246, .42);
    backdrop-filter: blur(16px);
}
.cv-logo { min-width: 0; display: inline-flex; align-items: center; gap: clamp(9px, .7vw, 15px); color: var(--cv-blue); font-size: clamp(21px, 1.55vw, 32px); font-weight: 900; white-space: nowrap; }
.cv-logo-mark { width: clamp(43px, 3.15vw, 65px); aspect-ratio: 1; display: inline-grid; place-items: center; border: 3px solid currentColor; border-radius: 50%; }
.cv-logo-mark .cv-icon { width: 66%; height: 66%; }
.cv-topnav-shell { min-width: 0; display: flex; justify-content: center; }
.cv-topnav { min-width: 0; display: flex; align-items: center; justify-content: center; gap: clamp(14px, 2.05vw, 42px); color: #14274c; font-size: clamp(13px, 1.02vw, 21px); font-weight: 600; white-space: nowrap; }
.cv-topnav a, .cv-topnav button { min-height: 42px; display: inline-flex; align-items: center; gap: 6px; color: inherit; background: none; border: 0; padding: 4px 0; cursor: pointer; }
.cv-topnav a:hover, .cv-topnav a:focus-visible, .cv-topnav button:hover, .cv-topnav button:focus-visible, .cv-topnav .is-active { color: var(--cv-blue); }
.cv-topnav .is-active { padding-inline: 18px; border-radius: 18px; background: #eaf3ff; }
.cv-new { padding: 3px 7px; color: #fff; background: var(--cv-blue); border-radius: 999px; font-size: 10px; font-weight: 900; line-height: 1; }
.cv-nav-dropdown { position: relative; display: inline-flex; }
.cv-nav-dropdown button .cv-icon { width: 17px; height: 17px; transition: rotate .2s ease; }
.cv-nav-dropdown.is-open button .cv-icon { rotate: 180deg; }
.cv-dropdown-panel { position: absolute; top: calc(100% + 10px); left: 50%; z-index: 120; min-width: 180px; padding: 10px; display: grid; gap: 3px; translate: -50% 0; border: 1px solid #d8e5f7; border-radius: 18px; background: #fff; box-shadow: var(--cv-shadow); }
.cv-dropdown-panel a { min-height: 38px; padding: 8px 12px; border-radius: 12px; font-size: 14px; }
.cv-dropdown-panel a:hover { background: #eef5ff; }
.cv-top-cta { min-width: clamp(150px, 10.5vw, 215px); min-height: clamp(46px, 3.15vw, 64px); padding: 12px 25px; display: inline-grid; place-items: center; color: #fff; background: linear-gradient(120deg, #0870ff, #055af0); border-radius: 999px; box-shadow: 0 13px 28px rgba(7, 101, 245, .22); font-size: clamp(15px, 1.15vw, 23px); font-weight: 700; }
.cv-mobile-menu { display: none; width: 44px; height: 44px; place-items: center; color: var(--cv-blue); border: 1px solid #cfe0fb; border-radius: 13px; background: #fff; padding: 9px; }
.cv-mobile-account { display: none; }

.cv-sidebar {
    position: fixed;
    z-index: 90;
    left: clamp(7px, .4vw, 9px);
    top: calc(var(--cv-topbar) + clamp(15px, 1.05vw, 22px));
    bottom: clamp(34px, 3.8vh, 45px);
    width: calc(var(--cv-sidebar) - clamp(14px, .8vw, 17px));
    min-height: 0;
    padding: 0 clamp(9px, .5vw, 11px) clamp(10px, .6vw, 13px);
    display: flex;
    flex-direction: column;
    border: 1px solid #d8e4f5;
    border-radius: 20px;
    background: rgba(250, 253, 255, .96);
    box-shadow: 0 14px 34px rgba(72, 105, 155, .06);
    backdrop-filter: blur(16px);
}
.cv-sidebar-title { min-height: clamp(61px, 5.4vh, 68px); padding: 0 clamp(10px, .8vw, 17px); display: flex; align-items: center; gap: 13px; color: var(--cv-blue); border-bottom: 1px solid #e4edf9; font-size: clamp(14px, 1vw, 20px); font-weight: 700; }
.cv-sidebar-title .cv-icon { width: clamp(19px, 1.15vw, 24px); height: clamp(19px, 1.15vw, 24px); }
.cv-sidebar-chevrons { margin-left: auto; }
.cv-sidebar nav { min-height: 0; padding-top: clamp(9px, 1vh, 14px); display: grid; gap: clamp(1px, .26vh, 4px); overflow-y: auto; scrollbar-width: none; }
.cv-sidebar nav::-webkit-scrollbar { display: none; }
.cv-sidebar nav a { min-width: 0; min-height: clamp(37px, 4.15vh, 47px); padding: 7px clamp(8px, .75vw, 16px); display: flex; align-items: center; gap: clamp(10px, .85vw, 17px); color: #23395f; border-radius: 15px; font-size: clamp(12px, .9vw, 18px); font-weight: 600; white-space: nowrap; }
.cv-sidebar nav a > .cv-icon, .cv-sidebar nav a > .cv-waveform, .cv-sidebar-context-icon { width: clamp(19px, 1.15vw, 24px); height: clamp(19px, 1.15vw, 24px); color: currentColor; }
.cv-sidebar-context-icon { display: inline-flex; }
.cv-sidebar nav a.is-active { color: var(--cv-blue); background: linear-gradient(100deg, rgba(229, 239, 255, .95), rgba(217, 230, 252, .65)); }
.cv-sidebar nav p { margin: clamp(7px, 1vh, 13px) 9px 2px; color: #5f6d88; font-size: clamp(10px, .66vw, 13px); }
.cv-sidebar nav p.cv-platform { display: flex; justify-content: space-between; align-items: center; }
.cv-sidebar nav p .cv-icon { width: 14px; height: 14px; }
.cv-upgrade { min-height: clamp(46px, 5.3vh, 57px); margin-top: auto; display: flex; align-items: center; justify-content: center; gap: 12px; color: var(--cv-blue); border: 1.5px solid #6658ff; border-radius: 999px; font-size: clamp(14px, 1vw, 20px); font-weight: 700; }
.cv-sidebar-actions { margin-top: auto; display: grid; gap: clamp(7px, .7vh, 9px); }
.cv-sidebar-actions .cv-upgrade { margin-top: 0; }
.cv-affiliate {
    width: calc(100% - 12px);
    min-height: clamp(38px, 4.35vh, 45px);
    margin-inline: auto;
    padding: 7px clamp(8px, .55vw, 11px);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(5px, .35vw, 7px);
    color: #5438bd;
    border: 1px solid rgba(112, 83, 224, .38);
    border-radius: 999px;
    background: linear-gradient(110deg, rgba(239, 235, 255, .98), rgba(225, 238, 255, .98));
    box-shadow: 0 7px 17px rgba(83, 68, 187, .12);
    font-size: clamp(11px, .72vw, 14px);
    font-weight: 900;
    white-space: nowrap;
    transition: translate .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.cv-affiliate .cv-icon { width: clamp(16px, .95vw, 19px); height: clamp(16px, .95vw, 19px); }
.cv-affiliate small { padding: 3px 5px; color: #fff; border-radius: 999px; background: linear-gradient(115deg, #6e51dd, #2876ee); font-size: clamp(8px, .52vw, 10px); line-height: 1; }
.cv-affiliate:hover, .cv-affiliate:focus-visible { translate: 0 -1px; border-color: rgba(92, 62, 208, .66); box-shadow: 0 9px 21px rgba(83, 68, 187, .18); }
.cv-sidebar-backdrop { display: none; }

.cv-button { max-width: 100%; min-height: clamp(54px, 4.2vw, 72px); padding: 13px clamp(24px, 2.1vw, 43px); display: inline-flex; align-items: center; justify-content: center; gap: 12px; border: 2px solid transparent; border-radius: 999px; font-size: clamp(17px, 1.3vw, 27px); font-weight: 800; cursor: pointer; }
.cv-button-primary { color: #fff; background: linear-gradient(120deg, #0874ff, #085cf0); box-shadow: 0 14px 28px rgba(8, 96, 239, .2); }
.cv-button-outline { color: var(--cv-blue); border-color: #bdd5fa; background: rgba(255, 255, 255, .88); }
.cv-button-gradient { color: #fff; background: linear-gradient(110deg, #3284ff, #8556ee); box-shadow: 0 13px 25px rgba(102, 91, 231, .22); }
.cv-button .cv-icon { width: 1.15em; height: 1.15em; }
.blue { color: #0d6df6; } .purple { color: #8458ef; } .pink { color: #ee4f89; } .green { color: #1fb777; } .orange { color: #f2a900; } .cyan { color: #1bbac5; }

/* Context stories: zero layout footprint until a user asks for the deeper explanation. */
.cv-story-trigger { position: relative; min-width: 0; max-width: 100%; margin: 0; padding: 0; display: inline-flex; align-items: center; color: inherit; border: 0; background: transparent; font: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; text-align: inherit; cursor: pointer; }
.cv-story-trigger__text { min-width: 0; }
.cv-story-trigger::after { content: ""; position: absolute; left: 0; right: 0; bottom: -3px; height: 2px; border-radius: 999px; background: linear-gradient(90deg, rgba(30,121,250,.12), rgba(112,86,239,.7), rgba(221,92,216,.12)); scale: .24 1; opacity: .62; transform-origin: left; transition: scale .32s ease, opacity .32s ease; }
.cv-story-trigger__icon { position: absolute; left: calc(100% + 9px); top: 50%; width: 21px; height: 21px; padding: 3px; display: grid; place-items: center; color: #5d68ed; border: 1px solid rgba(102,93,238,.25); border-radius: 50%; background: rgba(255,255,255,.9); box-shadow: 0 5px 12px rgba(61,87,150,.12); translate: 0 -50%; opacity: .68; transition: rotate .32s ease, translate .32s ease, opacity .32s ease, box-shadow .32s ease; }
.cv-story-trigger__icon .cv-icon { width: 100%; height: 100%; }
.cv-story-trigger:hover::after, .cv-story-trigger:focus-visible::after, .cv-story-trigger[aria-expanded="true"]::after { scale: 1 1; opacity: 1; }
.cv-story-trigger:hover .cv-story-trigger__icon, .cv-story-trigger:focus-visible .cv-story-trigger__icon, .cv-story-trigger[aria-expanded="true"] .cv-story-trigger__icon { opacity: 1; translate: 0 calc(-50% + 3px); box-shadow: 0 7px 17px rgba(77,91,211,.23); }
.cv-story-trigger[aria-expanded="true"] .cv-story-trigger__icon { rotate: 180deg; }
.cv-story-trigger:focus-visible { outline: 3px solid rgba(47,126,248,.28); outline-offset: 6px; border-radius: 7px; }
.cv-story-section::after { content: ""; position: absolute; z-index: 39; inset: 0; pointer-events: none; background: rgba(241,247,255,.34); backdrop-filter: blur(5px) saturate(.86); opacity: 0; transition: none; }
.cv-story-section.is-story-open::after { opacity: 1; transition: opacity .24s ease; }
.cv-story-panel { --cv-story-accent: #4d73f6; position: absolute; z-index: 50; left: 4.7%; top: 43%; width: min(760px, 47%); max-height: min(70vh, 680px); padding: clamp(27px, 2vw, 39px) clamp(28px, 2.5vw, 48px) clamp(25px, 1.8vw, 35px); overflow: auto; color: #172e55; border: 1px solid rgba(130,162,220,.45); border-radius: clamp(25px, 2vw, 38px); background: linear-gradient(145deg, rgba(255,255,255,.97), rgba(244,249,255,.94)); box-shadow: 0 28px 75px rgba(35,65,125,.22), inset 0 1px 0 rgba(255,255,255,.95); backdrop-filter: blur(22px) saturate(1.08); opacity: 0; visibility: hidden; pointer-events: none; transform: translate(-28px, -50%) scale(.97); transition: none; scrollbar-width: thin; scrollbar-color: rgba(73,112,205,.35) transparent; }
.cv-story-panel::before { content: ""; position: absolute; inset: 0 14% auto; height: 3px; border-radius: 0 0 999px 999px; background: linear-gradient(90deg, transparent, var(--cv-story-accent), #bb67eb, transparent); }
.cv-story-section.is-story-open .cv-story-panel { opacity: 1; visibility: visible; pointer-events: auto; transform: translate(0, -50%) scale(1); transition: opacity .22s ease, transform .3s cubic-bezier(.2,.82,.2,1); }
.cv-story-panel--hero { --cv-story-accent: #218df8; left: clamp(32px, 6vw, 112px); top: 46%; width: min(760px, 49%); transform: translate(0, 18px) scale(.97); }
.cv-story-section.is-story-open .cv-story-panel--hero { transform: translate(0, 0) scale(1); }
.cv-story-panel--powers { --cv-story-accent: #7b5bec; left: 4.7%; top: clamp(104px, 12vh, 130px); width: min(760px, 50%); transform: translate(-28px, 0) scale(.97); }
.cv-story-section.is-story-open .cv-story-panel--powers { transform: translate(0, 0) scale(1); }
.cv-story-panel--clone { --cv-story-accent: #3b88fa; left: 39%; }
.cv-story-panel--translate { --cv-story-accent: #7757ed; top: 76%; }
.cv-story-panel--tts { --cv-story-accent: #45a7ef; }
.cv-story-panel--design { --cv-story-accent: #d15ddd; }
.cv-story-panel--commerce { --cv-story-accent: #bc5fe5; }
.cv-story-panel--dubbing { --cv-story-accent: #645af0; }
.cv-story-panel--start { --cv-story-accent: #297cf8; top: 31%; }
.cv-story-panel p { margin: 0; color: #38506f; font-size: clamp(15px, 1vw, 19px); line-height: 1.7; }
.cv-story-panel--powers p { font-size: clamp(14px, .88vw, 17px); line-height: 1.62; }
.cv-story-spectrum { height: 28px; margin-top: 19px; display: flex; align-items: center; gap: 4px; color: var(--cv-story-accent); opacity: .68; }
.cv-story-spectrum i { width: 4px; height: var(--cv-story-bar); border-radius: 999px; background: currentColor; }

@media (min-width: 1181px) {
    .cv-power-grid { transform-origin: right center; transition: none; }
    .cv-powers.cv-story-section::after { inset: 18% 0 0; background: linear-gradient(90deg, rgba(244,249,255,.72) 0 48%, rgba(244,249,255,.28) 65%, rgba(244,249,255,.02) 88%); backdrop-filter: blur(.8px) saturate(.95); }
    .cv-powers.is-story-open .cv-power-grid { pointer-events: none; transform: translateX(3.5%) scale(.54); opacity: .78; filter: saturate(.84) contrast(.98); transition: transform .68s cubic-bezier(.2,.82,.2,1), opacity .42s ease, filter .42s ease; }
}

.cv-waveform { --cv-wave-color: currentColor; min-width: 0; display: inline-flex; align-items: center; color: var(--cv-wave-color); }
.cv-waveform__svg { width: 100%; height: 100%; overflow: visible; }
.cv-waveform__bar { fill: var(--cv-wave-color); transform-box: fill-box; transform-origin: center; }
.cv-waveform--icon { width: 24px; height: 24px; }
.cv-waveform--compact { width: 100%; height: 32px; }
.cv-waveform--player { width: min(100%, 315px); height: 76px; }
.cv-waveform--embedded { width: 100%; height: 42px; }
.cv-waveform--overlay { width: 100%; height: 54px; }
.cv-waveform--orb { width: 152px; height: 152px; }
.cv-waveform--hero { width: 100%; height: 100%; }
.cv-waveform[data-wave-mounted="false"] .cv-waveform__bar { opacity: .68; }
.cv-waveform.is-visible.is-playing .cv-waveform__bar { animation: cv-wave-pulse .7s ease-in-out infinite alternate; animation-delay: calc(var(--cv-wave-index) * -32ms); }
.cv-waveform.is-visible.is-playing .cv-waveform__hero-layer--mid { animation: cv-wave-breathe 1.2s ease-in-out infinite alternate; transform-origin: center; }
.cv-waveform.is-visible.is-playing .cv-waveform__hero-line { animation: cv-wave-drift 1.4s ease-in-out infinite alternate; }
@keyframes cv-wave-pulse { to { scale: 1 calc(.38 + var(--cv-wave-level)); opacity: 1; } }
@keyframes cv-wave-breathe { to { transform: scaleY(.87); opacity: .62; } }
@keyframes cv-wave-drift { to { transform: translateY(8px); opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .cv-waveform * { animation: none !important; }.cv-story-trigger::after, .cv-story-trigger__icon, .cv-story-section::after, .cv-story-panel, .cv-power-grid { transition: none !important; } }

/* Hero */
.cv-landing { padding: 0; }
.cv-landing-copy { position: relative; z-index: 8; width: min(52%, 920px); min-width: 0; margin-left: clamp(58px, 6.1vw, 125px); padding-top: clamp(68px, 8.6vh, 108px); pointer-events: none; }
.cv-landing-copy .cv-hero-actions a, .cv-landing-copy .cv-story-trigger { pointer-events: auto; }
.cv-landing h1 { margin: 0; line-height: 1.04; letter-spacing: -.045em; }
.cv-landing h1 span, .cv-landing h1 strong { display: block; white-space: nowrap; }
.cv-landing h1 span { font-size: clamp(48px, 4.3vw, 88px); font-weight: 900; }
.cv-landing h1 strong { margin-top: 10px; color: transparent; background: linear-gradient(100deg, #2498f5 0%, #326df6 47%, #bd5ce6 88%); background-clip: text; -webkit-background-clip: text; font-size: clamp(42px, 3.35vw, 69px); font-weight: 900; }
.cv-benefits { list-style: none; padding: 0; }
.cv-benefits-hero { margin: clamp(28px, 3.3vh, 42px) 0 0; display: grid; gap: clamp(13px, 1.55vh, 19px); }
.cv-benefits-hero li { display: flex; align-items: center; gap: 19px; color: #223858; font-size: clamp(18px, 1.28vw, 26px); font-weight: 600; }
.cv-benefit-dot { width: clamp(38px, 2.25vw, 46px); aspect-ratio: 1; display: grid; place-items: center; border-radius: 50%; background: color-mix(in srgb, currentColor 13%, white); }
.cv-hero-actions { margin-top: clamp(88px, 11.5vh, 132px); display: flex; gap: clamp(18px, 2vw, 34px); }
.cv-hero-actions .cv-button { min-width: clamp(220px, 14vw, 286px); }
.cv-proof { margin-top: clamp(38px, 5vh, 57px); display: flex; align-items: center; gap: clamp(16px, 1.35vw, 28px); }
.cv-proof-faces-image { width: clamp(175px, 10.75vw, 220px); height: auto; object-fit: contain; }
.cv-proof > div { display: grid; gap: 6px; }
.cv-rating-stars { display: flex; gap: 2px; color: #ffb300; }
.cv-rating-stars .cv-icon { width: clamp(18px, 1.18vw, 24px); height: clamp(18px, 1.18vw, 24px); fill: currentColor; stroke-width: 1.2; }
.cv-proof small { color: #44597a; font-size: clamp(12px, .8vw, 16px); white-space: nowrap; }
.cv-landing-art { position: absolute; z-index: 2; inset: 0 0 0 36%; min-width: 0; }
.cv-wave-hero { position: absolute; z-index: 0; left: 0; top: 25%; width: calc(100% - 24px); height: 57%; pointer-events: none; }
.cv-floating-media { position: absolute; z-index: 3; min-width: 0; overflow: hidden; border: clamp(6px, .58vw, 12px) solid #fff; border-radius: clamp(25px, 2.1vw, 43px); background: #dbe8fb; box-shadow: 0 19px 38px rgba(45, 75, 127, .2); transform-origin: center; }
.cv-floating-media > img { height: 100%; object-fit: cover; }
.cv-hero-card-one { left: 25%; top: 8%; width: 39%; aspect-ratio: 1.62; rotate: -4deg; z-index: 6; }
.cv-hero-card-two { right: 3.5%; top: 19%; width: 34%; aspect-ratio: 1.4; rotate: 7deg; z-index: 5; }
.cv-hero-card-three { left: 13%; bottom: 14%; width: 35%; aspect-ratio: 1.58; rotate: 7deg; z-index: 7; }
.cv-hero-card-four { right: 7%; bottom: 12%; width: 40%; aspect-ratio: 1.58; rotate: 3deg; z-index: 6; }
.cv-media-label { position: absolute; z-index: 4; left: 4%; top: 5%; min-height: clamp(26px, 2.2vw, 39px); padding: 5px 12px; display: inline-flex; align-items: center; gap: 8px; color: #101c36; border-radius: 999px; background: rgba(255, 255, 255, .92); box-shadow: 0 5px 12px rgba(35, 59, 97, .08); font-size: clamp(10px, .84vw, 17px); font-weight: 800; white-space: nowrap; }
.cv-media-label .cv-brand-icon--youtube { color: #ff1f32; }
.cv-media-controls { position: absolute; z-index: 4; left: 4%; right: 4%; bottom: 4%; height: clamp(43px, 3.7vw, 66px); padding: 5px clamp(9px, .8vw, 15px) 5px 5px; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 9px; align-items: center; border: 1px solid rgba(255, 255, 255, .8); border-radius: 999px; background: rgba(255, 255, 255, .78); box-shadow: 0 8px 19px rgba(27, 55, 105, .14); backdrop-filter: blur(10px); }
.cv-media-controls button { width: clamp(34px, 3vw, 54px); aspect-ratio: 1; padding: 0; display: grid; place-items: center; color: var(--cv-blue); border: 0; border-radius: 50%; background: #fff; cursor: pointer; }
.cv-media-controls button .cv-icon { width: 100%; height: 100%; }
.cv-media-controls .cv-waveform { --cv-wave-color: #4d8df8; }
.cv-hero-arc { position: absolute; z-index: 1; width: 13%; overflow: visible; fill: none; stroke: #5b91f1; stroke-width: 4; stroke-linecap: round; stroke-dasharray: 3 13; opacity: .62; }
.cv-hero-arc-one { left: 16%; top: 24%; }
.cv-hero-arc-two { right: 10%; bottom: 7%; }
.cv-hero-spark { position: absolute; z-index: 2; color: #6d9df5; opacity: .7; }
.cv-hero-spark-one { left: 17%; top: 16%; }
.cv-hero-spark-two { right: 4%; bottom: 14%; color: #9f6ce5; }
.cv-hero-spark-three { right: 5%; top: 13%; color: #5894f7; }
.cv-clouds { position: absolute; z-index: 1; inset: auto 0 0; height: 12%; pointer-events: none; background: linear-gradient(180deg, transparent, rgba(230, 239, 255, .45)); }
.cv-clouds span { position: absolute; bottom: -38%; width: 18%; aspect-ratio: 1.7; border-radius: 55% 55% 0 0; background: linear-gradient(150deg, #f7fbff, #e5edff); box-shadow: 0 -6px 25px rgba(172, 190, 230, .16); }
.cv-clouds span:nth-child(1) { left: -2%; width: 17%; }
.cv-clouds span:nth-child(2) { left: 49%; width: 21%; }
.cv-clouds span:nth-child(3) { right: 7%; width: 23%; }
.cv-clouds span:nth-child(4) { right: 0; width: 10%; }

/* Four powers */
.cv-powers { padding: clamp(26px, 2.4vh, 32px) clamp(24px, 4.8vw, 98px) clamp(24px, 2.6vh, 32px); display: grid; grid-template-rows: auto minmax(0, 1fr) auto; gap: clamp(18px, 2vh, 24px); }
.cv-page-heading { position: relative; z-index: 2; text-align: center; }
.cv-page-heading h1 { margin: 0; font-size: clamp(46px, 4vw, 82px); line-height: 1.06; letter-spacing: -.035em; }
.cv-page-heading p { margin: clamp(12px, 1.4vh, 18px) 0 0; color: #415476; font-size: clamp(15px, 1.15vw, 23px); line-height: 1.45; }
.cv-page-heading::before, .cv-page-heading::after { content: ""; position: absolute; top: 50%; width: 20%; height: 80px; background: repeating-linear-gradient(90deg, transparent 0 13px, rgba(122, 181, 244, .28) 13px 17px, transparent 17px 26px); clip-path: polygon(0 45%, 8% 40%, 13% 72%, 19% 10%, 27% 88%, 36% 22%, 45% 68%, 55% 38%, 66% 62%, 78% 44%, 100% 48%, 100% 55%, 0 55%); }
.cv-page-heading::before { right: calc(100% + 10px); }
.cv-page-heading::after { left: calc(100% + 10px); transform: scaleX(-1); }
.cv-power-grid { min-width: 0; min-height: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(0, 1fr)); gap: clamp(18px, 1.6vw, 30px); }
.cv-power-card { --cv-tone: #3f8cf6; position: relative; min-width: 0; min-height: 0; padding: clamp(18px, 1.6vw, 32px); display: grid; grid-template-columns: clamp(52px, 4vw, 78px) minmax(190px, 1fr) minmax(200px, .9fr); gap: clamp(8px, 1vw, 20px); align-items: start; overflow: hidden; border: 2px solid color-mix(in srgb, var(--cv-tone) 17%, white); border-radius: clamp(30px, 2.2vw, 46px); background: linear-gradient(140deg, rgba(255,255,255,.98), color-mix(in srgb, var(--cv-tone) 4%, white)); box-shadow: 0 13px 27px rgba(67, 102, 161, .09), inset 0 0 35px color-mix(in srgb, var(--cv-tone) 5%, transparent); color: var(--cv-tone); }
.cv-power-card.cv-tone-purple { --cv-tone: #9160ef; }.cv-power-card.cv-tone-cyan { --cv-tone: #35afc3; }.cv-power-card.cv-tone-pink { --cv-tone: #d865d5; }
.cv-power-number { width: clamp(50px, 3.8vw, 76px); aspect-ratio: 1; display: grid; place-items: center; color: #fff; border-radius: 50%; background: linear-gradient(135deg, color-mix(in srgb, var(--cv-tone) 70%, #fff), var(--cv-tone)); box-shadow: 0 8px 16px color-mix(in srgb, var(--cv-tone) 26%, transparent); font-size: clamp(27px, 2.1vw, 43px); font-weight: 900; }
.cv-power-copy { min-width: 0; color: var(--cv-navy); }
.cv-power-copy h2 { margin: 7px 0 clamp(16px, 1.6vh, 23px); font-size: clamp(27px, 2.2vw, 45px); line-height: 1.05; white-space: nowrap; }
.cv-tone-purple .cv-power-copy h2 { font-size: clamp(27px, 1.95vw, 40px); }
.cv-power-copy ul { margin: 0 0 0 clamp(50px, 5.2vw, 106px); padding-left: 1.15em; display: grid; gap: clamp(7px, .7vh, 11px); color: #314664; font-size: clamp(13px, .88vw, 18px); line-height: 1.35; }
.cv-power-copy li::marker { color: var(--cv-tone); }
.cv-power-preview-wrap { position: relative; grid-column: 3; grid-row: 1 / span 2; align-self: center; min-width: 0; width: 100%; }
.cv-power-preview { width: 100%; height: auto; object-fit: contain; }
.cv-power-mascot { position: absolute; z-index: 2; left: 2.5%; bottom: 3%; width: clamp(110px, 9.7vw, 200px); height: auto; object-fit: contain; }
.cv-mini-player { position: absolute; z-index: 4; left: 4%; right: 4%; bottom: 4%; width: auto; min-width: 0; height: 23%; min-height: 42px; max-height: 58px; padding: 3px 9px 3px 3px; display: grid; grid-template-columns: auto minmax(0,1fr); gap: 6px; align-items: center; color: #4b8ef7; border: 1px solid #fff; border-radius: 999px; background: #fff; box-shadow: 0 7px 18px rgba(40,70,125,.11); }
.cv-mini-player > .cv-icon { width: clamp(32px, 2.5vw, 45px); height: clamp(32px, 2.5vw, 45px); }
.cv-mini-player .cv-waveform { --cv-wave-color: currentColor; }
.cv-power-mascot-wave { position: absolute; left: 4%; bottom: 6%; }
.cv-powers-pager { min-height: 38px; display: flex; align-items: center; justify-content: center; gap: 16px; color: #7aa5f6; }
.cv-powers-pager > span { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.cv-powers-pager > span.is-active { background: var(--cv-blue); }
.cv-powers-pager b { width: 50px; aspect-ratio: 1; display: grid; place-items: center; margin-left: 6px; color: var(--cv-blue); border: 2px solid #d0e2fb; border-radius: 50%; background: #fff; }

/* Shared tool layouts */
.cv-tool-screen { min-width: 0; padding: clamp(20px, 2vw, 40px) clamp(22px, 4vw, 78px) clamp(24px, 2vw, 40px) clamp(24px, 3vw, 60px); display: grid; grid-template-columns: minmax(290px, 31%) minmax(0, 69%); gap: clamp(24px, 2.6vw, 53px); align-items: center; }
.cv-tool-intro, .cv-design-copy, .cv-commerce-copy, .cv-dubbing-copy, .cv-tts-copy { min-width: 0; position: relative; z-index: 4; }
.cv-tool-intro { display: flex; flex-direction: column; align-items: flex-start; }
.cv-page-mascot { width: auto; max-width: 70%; max-height: clamp(150px, 20vh, 255px); object-fit: contain; }
.cv-tool-intro h1, .cv-design-copy h1, .cv-commerce-copy h1, .cv-dubbing-copy h1, .cv-tts-copy h1 { margin: clamp(13px, 1.5vh, 20px) 0 clamp(24px, 3vh, 38px); font-size: clamp(50px, 4.1vw, 84px); line-height: .98; letter-spacing: -.04em; }
.cv-steps, .cv-check-list, .cv-use-list { list-style: none; margin: 0; padding: 0; }
.cv-steps { display: grid; gap: clamp(18px, 2.2vh, 28px); }
.cv-steps li { display: flex; align-items: center; gap: clamp(15px, 1.3vw, 25px); color: #172b4f; font-size: clamp(16px, 1.15vw, 23px); font-weight: 700; }
.cv-steps li > span { width: clamp(46px, 3.7vw, 70px); aspect-ratio: 1; display: grid; place-items: center; border-radius: 50%; background: color-mix(in srgb, currentColor 18%, white); box-shadow: 0 8px 16px color-mix(in srgb, currentColor 15%, transparent); }
.cv-steps li > span .cv-icon, .cv-steps li > span .cv-waveform { width: 56%; height: 56%; }
.cv-tool-panel { min-width: 0; min-height: calc(var(--cv-section-height) - clamp(50px, 4vw, 80px)); padding: clamp(17px, 1.8vw, 36px); border: 1px solid #d7e5f7; border-radius: clamp(28px, 2.2vw, 45px); background: rgba(255,255,255,.9); box-shadow: var(--cv-shadow); }
.cv-tool-panel h2 { margin: clamp(18px, 2vh, 25px) 0 13px; font-size: clamp(17px, 1.1vw, 22px); }
.cv-feature-video { position: relative; min-width: 0; display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(0, .95fr); overflow: hidden; border-radius: clamp(23px, 1.7vw, 34px); background: #fff; }
.cv-feature-video video { width: 100%; aspect-ratio: 1.44; object-fit: cover; }
.cv-wave-player { min-width: 0; padding: clamp(18px, 2vw, 38px); display: flex; align-items: center; gap: 8px; color: #2874ff; }
.cv-wave-player .cv-waveform { flex: 1; }
.cv-wave-player button { width: clamp(52px, 4vw, 76px); aspect-ratio: 1; padding: 0; color: var(--cv-blue); border: 0; border-radius: 50%; background: transparent; cursor: pointer; }
.cv-wave-player button .cv-icon { width: 100%; height: 100%; }
.cv-time { position: absolute; right: 24%; bottom: 16px; padding: 8px 19px; display: inline-flex; align-items: center; gap: 8px; color: #2d4872; border: 1px solid #d6e4fa; border-radius: 999px; background: #fff; }
.cv-status-dot { width: 8px; height: 8px; border-radius: 50%; background: #ef4f6f; }
.cv-demo-row { min-width: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(12px, 1vw, 20px); }
.cv-demo-card { min-width: 0; overflow: hidden; border: 1px solid #d6e4f8; border-radius: clamp(18px, 1.4vw, 27px); background: #fff; box-shadow: 0 8px 18px rgba(44,76,130,.08); }
.cv-demo-card > img { width: 100%; aspect-ratio: 1.35; object-fit: cover; }
.cv-demo-card > div { min-width: 0; height: clamp(52px, 4.2vw, 72px); padding: 7px 10px 7px 14px; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 8px; color: #25446f; }
.cv-demo-card > div > span { white-space: nowrap; }
.cv-demo-card button { width: clamp(38px, 3vw, 54px); aspect-ratio: 1; padding: 0; color: var(--cv-blue); border: 0; background: transparent; cursor: pointer; }
.cv-demo-card .cv-waveform { --cv-wave-color: #7aa9f7; }
.cv-panel-actions { margin-top: clamp(18px, 2vh, 28px); display: flex; justify-content: center; gap: clamp(16px, 3vw, 58px); }
.cv-panel-actions .cv-button { min-width: min(28%, 300px); }
.cv-file-button input, .cv-translate-button input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }

/* Translate */
.cv-translate-screen { grid-template-columns: minmax(310px, 29%) minmax(0, 71%); }
.cv-translate-intro h1 strong, .cv-tts-copy h1 strong, .cv-dubbing-copy h1, .cv-commerce-copy h1 { color: transparent; background: linear-gradient(110deg, #0f69f5, #765ff1 58%, #df65b6); background-clip: text; -webkit-background-clip: text; }
.cv-translate-intro h1 strong { background-image: linear-gradient(180deg, #0c61ee 0%, #1776ff 72%, #3d89fa 100%); }
.cv-translate-intro > p { margin: 0; color: #5d6c89; font-size: clamp(16px, 1.15vw, 23px); line-height: 1.5; }
.cv-check-list { margin-top: clamp(26px, 3vh, 38px); display: grid; gap: clamp(14px, 1.7vh, 21px); font-size: clamp(16px, 1.08vw, 22px); }
.cv-check-list li { min-width: 0; display: flex; align-items: center; gap: clamp(13px, 1.2vw, 22px); }
.cv-check-list .cv-icon { color: var(--cv-blue); }
.cv-translate-panel { position: relative; padding: clamp(14px, .8vw, 16px) clamp(14px, .8vw, 16px) clamp(26px, 2.2vw, 43px); }
.cv-translate-video { position: relative; overflow: hidden; border-radius: clamp(25px, 1.8vw, 37px); }
.cv-translate-video video { width: 100%; aspect-ratio: 16 / 9; max-height: calc(var(--cv-section-height) * .62); object-fit: cover; }
.cv-translate-video audio { display: none; }
.cv-video-center { position: absolute; z-index: 4; left: 50%; top: 50%; width: clamp(74px, 6.35vw, 130px); aspect-ratio: 1; translate: -50% -50%; padding: 0; color: var(--cv-blue); border: 0; border-radius: 50%; background: rgba(255,255,255,.92); box-shadow: 0 11px 25px rgba(29,60,113,.17); cursor: pointer; transition: opacity .16s ease, visibility .16s ease; }
.cv-video-center.is-playing { opacity: 0; visibility: hidden; pointer-events: none; }
.cv-translate-play-raster { width: 100%; height: 100%; object-fit: contain; }
.cv-video-controls { position: absolute; z-index: 5; inset: auto 0 0; min-height: clamp(50px, 4.3vw, 76px); padding: 9px clamp(12px, 1.4vw, 27px); display: grid; grid-template-columns: auto auto minmax(0,1fr) auto auto; gap: 13px; align-items: center; color: #fff; background: linear-gradient(180deg, transparent, rgba(7,12,23,.82)); }
.cv-video-controls button { width: 38px; height: 38px; padding: 7px; display: grid; place-items: center; color: #fff; border: 0; background: transparent; cursor: pointer; }
.cv-video-state-icon { grid-area: 1 / 1; display: grid; place-items: center; }
.cv-video-state-pause, .cv-video-controls button.is-playing .cv-video-state-play { display: none; }
.cv-video-controls button.is-playing .cv-video-state-pause { display: grid; }
.cv-video-time { font-size: clamp(12px, .85vw, 17px); white-space: nowrap; }
.cv-video-seek { width: 100%; accent-color: var(--cv-blue); }
.cv-language-tabs { min-width: 0; margin: clamp(14px, 1.6vh, 19px) -3px 0; padding: clamp(12px, 1vw, 20px); display: flex; gap: clamp(7px, .7vw, 13px); overflow-x: auto; border-radius: 999px; background: #fff; box-shadow: 0 12px 26px rgba(54,88,147,.08); scrollbar-width: none; }
.cv-language-tabs::-webkit-scrollbar { display: none; }
.cv-language-tabs button { flex: 1 1 0; min-width: 0; padding: clamp(9px, .8vw, 14px) clamp(7px, .65vw, 13px); display: inline-flex; align-items: center; justify-content: center; gap: 7px; color: #2c4064; border: 0; border-radius: 999px; background: #f4f5f7; font-size: clamp(11px, .8vw, 16px); white-space: nowrap; cursor: pointer; }
.cv-language-tabs button.is-active { color: #fff; background: #1268f6; }
.cv-flag { width: clamp(23px, 1.6vw, 32px); height: auto; border-radius: 3px; box-shadow: 0 0 0 1px rgba(20,40,70,.08); }
.cv-translate-button { width: max-content; min-width: min(390px, 100%); min-height: clamp(64px, 4vw, 78px); margin: clamp(28px, 3.5vh, 38px) auto 0; display: flex; }
.cv-translate-orb { position: absolute; z-index: 6; width: clamp(108px, 7.42vw, 152px); height: auto; pointer-events: none; filter: drop-shadow(0 14px 18px rgba(50, 84, 137, .13)); }
.cv-translate-orb-left { left: 27%; top: 27%; }
.cv-translate-orb-top, .cv-translate-orb-bottom { right: 2.5%; width: clamp(88px, 5.86vw, 120px); }
.cv-translate-orb-top { top: 1.2%; }
.cv-translate-orb-bottom { bottom: 8.5%; }

.cv-translate-video:fullscreen,
.cv-translate-video:-webkit-full-screen { width: 100vw; height: 100vh; height: 100dvh; display: grid; place-items: center; overflow: hidden; border-radius: 0; background: #000; }
.cv-translate-video:fullscreen video,
.cv-translate-video:-webkit-full-screen video { width: 100%; height: 100%; max-height: none; aspect-ratio: auto; object-fit: contain; background: #000; }
.cv-translate-video:fullscreen .cv-video-controls,
.cv-translate-video:-webkit-full-screen .cv-video-controls { width: 100%; }

/* Text to speech */
.cv-tts-screen { min-width: 0; padding: clamp(18px, 1.8vw, 36px) 0 clamp(20px, 2vw, 38px) clamp(28px, 3.2vw, 65px); display: grid; grid-template-columns: minmax(300px, 26%) minmax(0, 74%); align-items: stretch; }
.cv-tts-copy { padding-top: clamp(12px, 1.4vh, 18px); }
.cv-tts-copy h1 { margin-top: 8px; }
.cv-use-list { display: grid; gap: clamp(12px, 1.45vh, 18px); }
.cv-use-list li { display: flex; align-items: center; gap: 15px; font-size: clamp(16px, 1.08vw, 22px); font-weight: 700; }
.cv-use-list li > span { width: clamp(38px, 2.55vw, 50px); aspect-ratio: 1; display: grid; place-items: center; color: #fff; border-radius: 50%; background: linear-gradient(135deg, #3781ff, #055ef0); }
.cv-use-list li:nth-child(2) > span { background: linear-gradient(135deg,#9b66f5,#7843e8); }.cv-use-list li:nth-child(3) > span { background: linear-gradient(135deg,#67cd83,#35ad5d); }.cv-use-list li:nth-child(4) > span { background: linear-gradient(135deg,#ff9a55,#f27a36); }.cv-use-list li:nth-child(5) > span { background: linear-gradient(135deg,#f47bc9,#dc49a6); }.cv-use-list li:nth-child(6) > span { background: linear-gradient(135deg,#9e66f6,#7049e7); }
.cv-tts-form { position: relative; width: min(100%, 520px); margin-top: clamp(28px, 4vh, 52px); padding: clamp(17px, 1.2vw, 25px); border: 1px solid #d6e4f7; border-radius: 26px; background: rgba(255,255,255,.96); box-shadow: var(--cv-shadow); }
.cv-tts-form > label { display: block; margin-bottom: 8px; color: var(--cv-blue); font-weight: 800; }
.cv-tts-form textarea { width: 100%; min-height: clamp(105px, 11vh, 130px); padding: 15px; resize: vertical; color: #2e4264; border: 1px solid #cfe0f8; border-radius: 19px; outline: none; }
.cv-counter { position: absolute; right: 34px; top: clamp(120px, 13vh, 145px); color: #5b6c89; font-size: 12px; }
.cv-tts-form > div { min-width: 0; margin-top: 13px; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,.8fr) minmax(155px,1.4fr); gap: 9px; }
.cv-tts-form button { min-width: 0; min-height: 45px; padding: 9px 11px; display: flex; align-items: center; justify-content: center; gap: 7px; color: #2b4267; border: 0; border-radius: 999px; background: #f4f7fb; white-space: nowrap; cursor: pointer; }
.cv-tts-form button.cv-generate { color: #fff; background: var(--cv-blue); }
.cv-select-chevron { width: 14px; height: 14px; }
.cv-tts-art { position: relative; min-width: 0; align-self: center; width: 100%; aspect-ratio: 1288 / 1048; translate: 0 -3.5%; }
.cv-tts-scene { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.cv-tts-scene-hit { position: absolute; z-index: 4; width: 5%; aspect-ratio: 1; padding: 0; border: 0; border-radius: 50%; background: transparent; cursor: pointer; }
.cv-tts-scene-hit-1 { left: 18.6%; top: 22.7%; }.cv-tts-scene-hit-2 { left: 38.8%; top: 18.5%; }.cv-tts-scene-hit-3 { left: 57.3%; top: 26.8%; }.cv-tts-scene-hit-4 { left: 12.4%; top: 46%; }.cv-tts-scene-hit-5 { left: 60.8%; top: 46.7%; }
.cv-tts-scene-wave { position: absolute; z-index: 5; width: 6%; height: 2.7%; padding: 1px 3px; pointer-events: none; border-radius: 5px; background: rgba(255,255,255,.96); --cv-wave-color: #2779f7; }
.cv-tts-scene-wave-1 { left: 9.6%; top: 26.2%; }.cv-tts-scene-wave-2 { left: 28.4%; top: 20.8%; }.cv-tts-scene-wave-3 { left: 47.8%; top: 28.1%; }.cv-tts-scene-wave-4 { left: 3.2%; top: 49%; }.cv-tts-scene-wave-5 { left: 52.8%; top: 48.7%; }
.cv-tts-feature-wave { display: none; }

/* Voice design */
.cv-design-screen { min-width: 0; padding: clamp(22px, 2vw, 40px) clamp(22px, 2.2vw, 45px) clamp(24px, 2vw, 40px) clamp(30px, 3.2vw, 65px); display: grid; grid-template-columns: minmax(310px, 26%) minmax(0, 74%); gap: clamp(20px, 2vw, 40px); align-items: center; }
.cv-design-copy { align-self: start; padding-top: 0; }
.cv-design-copy h1 { white-space: nowrap; }
.cv-design-copy > ul { list-style: none; margin: 0 0 clamp(24px, 3vh, 36px); padding: 0; display: grid; gap: clamp(12px, 1.3vh, 17px); font-size: clamp(16px, 1.13vw, 23px); }
.cv-design-copy > ul li { display: flex; align-items: center; gap: 14px; }
.cv-design-copy > ul li > i { width: 11px; height: 11px; flex: 0 0 auto; border-radius: 50%; background: currentColor; }
.cv-emotions { width: min(100%, 400px); padding: clamp(18px, 1.5vw, 29px); border: 1px solid #d1e0f7; border-radius: 25px; background: rgba(255,255,255,.94); box-shadow: 0 12px 28px rgba(56,96,161,.08); }
.cv-emotions h2 { margin: 0 0 23px; display: flex; align-items: center; gap: 12px; font-size: clamp(17px, 1vw, 21px); }
.cv-emotions label { min-width: 0; margin: 14px 0; display: grid; grid-template-columns: 34px minmax(70px,.8fr) minmax(0,2fr) 40px; gap: 8px; align-items: center; font-size: 13px; }
.cv-emotions label > i { height: 8px; border-radius: 999px; background: #e9eef7; }
.cv-emotions label > i em { position: relative; display: block; width: var(--value); height: 100%; border-radius: inherit; background: currentColor; }
.cv-emotions label > i em::after { content: ""; position: absolute; right: -6px; top: 50%; width: 14px; height: 14px; translate: 0 -50%; border: 1px solid #c6d5eb; border-radius: 50%; background: #fff; }
.cv-emotions .cv-button { width: 100%; min-height: 66px; margin-top: 23px; }
.cv-character-grid { min-width: 0; min-height: calc(var(--cv-section-height) - 45px); display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-template-rows: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(18px, 1.5vw, 30px); align-items: stretch; }
.cv-character-card { position: relative; min-width: 0; min-height: 0; overflow: hidden; border-radius: clamp(25px, 1.8vw, 37px); background: #13213d; box-shadow: 0 15px 32px rgba(39,76,138,.14); }
.cv-character-card:not(.cv-snapshot-card) { border: clamp(6px, .45vw, 9px) solid #fff; }
.cv-character-card > img, .cv-character-card > video { width: 100%; height: 100%; object-fit: cover; }
.cv-character-card.cv-snapshot-card > img { object-fit: fill; }
.cv-character-frog { grid-column: 3 / 8; grid-row: 1; }.cv-character-witch { grid-column: 8 / 13; grid-row: 1; }.cv-character-game { grid-column: 1 / 5; grid-row: 2; }.cv-character-anime { grid-column: 5 / 9; grid-row: 2; }.cv-character-fox { grid-column: 9 / 13; grid-row: 2; }
.cv-character-label { position: absolute; z-index: 5; right: 3.5%; top: 3.5%; min-width: 29%; padding: clamp(7px, .65vw, 12px) clamp(9px, .8vw, 16px); display: grid; gap: 3px; border-radius: clamp(14px, 1vw, 20px); background: rgba(255,255,255,.9); box-shadow: 0 4px 10px rgba(17,35,69,.08); font-size: clamp(10px, .7vw, 14px); backdrop-filter: blur(7px); }
.cv-character-label b { display: flex; align-items: center; gap: 6px; }.cv-character-label small { color: #687895; }
.cv-character-card > button { position: absolute; z-index: 7; left: 4%; bottom: 4%; width: clamp(46px, 3.7vw, 76px); aspect-ratio: 1; padding: 0; color: var(--cv-blue); border: 0; border-radius: 50%; background: #fff; cursor: pointer; }
.cv-character-card > button .cv-icon { width: 100%; height: 100%; }
.cv-play-raster { width: 100%; height: 100%; object-fit: contain; }
.cv-card-wave { position: absolute; z-index: 6; left: 4%; right: 4%; bottom: 4%; width: auto; height: clamp(46px, 3.7vw, 66px); padding: 7px 3% 7px calc(clamp(46px, 3.7vw, 76px) + 12px); color: #fff; border: 1px solid rgba(255,255,255,.7); border-radius: 999px; background: rgba(255,255,255,.22); backdrop-filter: blur(9px); }
.cv-card-wave .cv-waveform__bar { fill: currentColor; }

/* Commerce */
.cv-commerce-screen { min-width: 0; padding: clamp(20px, 2vw, 40px) clamp(22px, 2.8vw, 58px) clamp(24px, 2vw, 40px) clamp(28px, 3vw, 60px); display: grid; grid-template-columns: minmax(300px, 31%) minmax(0, 42%) minmax(260px, 27%); gap: clamp(18px, 1.8vw, 36px); align-items: center; }
.cv-commerce-copy h1 { font-size: clamp(46px, 3.4vw, 70px); white-space: nowrap; }
.cv-commerce-copy .cv-button { margin-top: clamp(35px, 4.4vh, 55px); }
.cv-live-phone { position: relative; min-width: 0; width: 100%; max-height: calc(var(--cv-section-height) - 48px); aspect-ratio: 646 / 858; overflow: hidden; border: clamp(6px, .5vw, 10px) solid #fff; border-radius: clamp(34px, 2.5vw, 52px); background: #eee; box-shadow: 0 18px 38px rgba(49,84,141,.17); }
.cv-live-phone > video { width: 100%; height: 100%; object-fit: cover; }
.cv-live-phone > .cv-video-center { width: clamp(76px, 4.8vw, 98px); display: grid; place-items: center; }
.cv-live-phone > .cv-video-center .cv-icon { width: 66%; height: 66%; translate: 2% 0; }
.cv-live-badges { position: absolute; z-index: 5; left: 4%; top: 4%; display: flex; gap: 10px; }
.cv-live-badges span { padding: 6px 12px; display: flex; align-items: center; gap: 7px; color: #fff; border-radius: 9px; background: #cf2f3b; font-weight: 800; }
.cv-live-badges span + span { background: rgba(25,30,41,.65); }
.cv-live-dot { width: 8px; height: 8px; border-radius: 50%; background: #fff; }.cv-viewer-dot { width: 12px; height: 8px; border: 2px solid #fff; border-radius: 50%; }
.cv-live-comments { position: absolute; z-index: 5; left: 3%; bottom: 14%; display: grid; gap: 8px; }
.cv-live-comments span { width: max-content; max-width: 95%; min-height: 38px; padding: 8px 16px; display: flex; align-items: center; gap: 8px; border-radius: 999px; background: rgba(255,255,255,.9); box-shadow: 0 6px 14px rgba(24,48,91,.11); font-size: clamp(11px, .75vw, 15px); }
.cv-live-comments .cv-icon, .cv-live-comments .cv-emoji { width: 20px; height: 20px; }
.cv-product-bar { position: absolute; z-index: 6; left: 2%; right: 2%; bottom: 1.5%; min-width: 0; min-height: 11%; padding: 9px 14px; display: flex; align-items: center; gap: 12px; border-radius: 21px; background: rgba(255,255,255,.93); backdrop-filter: blur(10px); }
.cv-product-bar > span { width: 48px; height: 48px; display: grid; place-items: center; color: var(--cv-blue); border-radius: 12px; background: #eef4ff; }
.cv-product-bar div { min-width: 0; flex: 1; display: grid; grid-template-columns: auto auto; gap: 3px 12px; align-items: end; }.cv-product-bar b { grid-column: 1/-1; }.cv-product-bar del { color: #7c8492; }.cv-product-bar a { padding: 11px 22px; display: inline-flex; align-items: center; gap: 8px; color: #fff; border-radius: 999px; background: var(--cv-blue); white-space: nowrap; }
.cv-voice-stack { min-width: 0; display: grid; gap: clamp(15px, 1.5vw, 28px); }
.cv-voice-option { min-width: 0; min-height: clamp(125px, 14vh, 170px); padding: clamp(12px, 1vw, 19px); display: grid; grid-template-columns: clamp(78px, 6vw, 120px) minmax(0,1fr); gap: clamp(12px, 1.2vw, 22px); align-items: center; color: #6d3fd1; border: 1px solid #d6e4f8; border-radius: clamp(23px, 1.55vw, 31px); background: #fff; box-shadow: 0 13px 28px rgba(56,92,151,.11); }
.cv-voice-option.blue { color: #095ec9; }.cv-voice-option.green { color: #226d35; }
.cv-avatar { width: 100%; aspect-ratio: 1; object-fit: cover; border: 4px solid currentColor; border-radius: 50%; }
.cv-voice-option > div { min-width: 0; display: grid; gap: 8px; }.cv-voice-option em { width: max-content; max-width: 100%; padding: 7px 13px; border-radius: 999px; background: color-mix(in srgb, currentColor 12%, white); font-style: normal; }.cv-voice-option b { color: var(--cv-navy); font-size: clamp(14px, .95vw, 19px); }
.cv-voice-player { min-width: 0; display: grid; grid-template-columns: auto minmax(0,1fr); gap: 8px; align-items: center; }.cv-voice-player button { width: 42px; aspect-ratio: 1; padding: 0; color: currentColor; border: 0; background: transparent; cursor: pointer; }.cv-voice-player button .cv-icon { width: 100%; height: 100%; }
.cv-chat-art { min-height: clamp(125px, 16vh, 190px); position: relative; }.cv-chat-art > span { position: absolute; left: 4%; top: 13%; width: 63px; height: 63px; display: grid; place-items: center; color: #ffba00; }.cv-chat-art i { position: absolute; padding: 12px 20px; display: flex; align-items: center; gap: 6px; border-radius: 999px; background: #f6d4ec; font-style: normal; }.cv-chat-art i:nth-of-type(1) { right: 1%; top: 17%; }.cv-chat-art i:nth-of-type(2) { left: 20%; bottom: 15%; background: #d9eaff; }.cv-chat-art b { position: absolute; right: 3%; bottom: 3%; color: #f14f82; }

/* Dubbing */
.cv-dubbing-screen { min-width: 0; padding: clamp(20px, 2vw, 40px) clamp(20px, 2.2vw, 45px) clamp(24px, 2vw, 40px) clamp(30px, 3vw, 60px); display: grid; grid-template-columns: minmax(300px, 24%) minmax(0, 76%); gap: clamp(22px, 1.55vw, 32px); align-items: center; }
.cv-dubbing-copy > p { margin: 0; color: #637493; font-size: clamp(17px, 1.15vw, 23px); line-height: 1.5; }.cv-check-list.compact { margin-top: clamp(24px, 3vh, 36px); gap: clamp(9px, 1.1vh, 14px); font-size: clamp(14px, .95vw, 19px); }.cv-check-list.compact + .cv-button { margin-top: clamp(35px, 4vh, 52px); }
.cv-dub-grid { min-width: 0; min-height: calc(var(--cv-section-height) - 45px); display: grid; grid-template-columns: repeat(12, minmax(0,1fr)); grid-template-rows: minmax(0,1fr) minmax(0,.985fr); gap: clamp(17px, 1.25vw, 26px); }
.cv-dub-card { position: relative; min-width: 0; min-height: 0; overflow: hidden; border-radius: clamp(22px, 1.6vw, 33px); background: #192844; box-shadow: 0 13px 27px rgba(41,72,127,.14); }
.cv-dub-card > img { width: 100%; height: 100%; object-fit: fill; }
.cv-dub-1 { grid-column: 1/5; grid-row: 1; }.cv-dub-2 { grid-column: 5/9; grid-row: 1; }.cv-dub-3 { grid-column: 9/13; grid-row: 1; }.cv-dub-4 { grid-column: 1/6; grid-row: 2; }.cv-dub-5 { grid-column: 6/13; grid-row: 2; }
.cv-dub-label { position: absolute; z-index: 6; left: 3%; top: 3%; min-width: 38%; padding: 6px 16px; color: #fff; border-radius: 999px; background: rgba(104,83,237,.92); font-size: clamp(10px,.7vw,14px); }
.cv-dub-card > button { position: absolute; z-index: 7; display: grid; place-items: center; aspect-ratio: 1; padding: 0; color: #213d68; border: 0; border-radius: 50%; background: #fff; cursor: pointer; }
.cv-dub-card > button .cv-icon { width: 100%; height: 100%; }
.cv-dub-1 > button { left: 3.4%; bottom: 21.3%; width: 14.1%; }
.cv-dub-2 > button { left: 1.5%; bottom: 21.3%; width: 14.9%; }
.cv-dub-3 > button { left: 2.7%; bottom: 21.2%; width: 13.2%; }
.cv-dub-4 > button { left: 2.4%; bottom: 22.6%; width: 10.9%; }
.cv-dub-5 > button { left: 1.7%; bottom: 22.8%; width: 7.9%; }
.cv-dub-card > p { display: none; }
.cv-dub-wave { position: absolute; z-index: 6; left: 3%; right: 3%; bottom: 3%; width: auto; height: 14%; padding-left: 15%; color: currentColor; border-radius: 12px; background: linear-gradient(90deg, rgba(255,255,255,.2) 0 14%, rgba(255,255,255,.97) 14%); }
.cv-dub-1 .cv-dub-wave, .cv-dub-2 .cv-dub-wave { color: #7564ed; }.cv-dub-3 .cv-dub-wave { color: #ef4f73; }.cv-dub-4 .cv-dub-wave { color: #52b96f; }.cv-dub-5 .cv-dub-wave { color: #b45b25; }
.cv-npc-emotions { position: absolute; z-index: 7; top: 15%; right: 3%; width: 42%; display: grid; gap: 9px; }.cv-npc-emotions span { min-width: 0; min-height: clamp(47px, 4vw, 58px); padding: 8px 10px; display: grid; grid-template-columns: auto auto minmax(0,1fr); gap: 8px; align-items: center; border-radius: 12px; background: rgba(255,255,255,.98); box-shadow: 0 4px 10px rgba(20,38,70,.08); font-size: clamp(9px,.65vw,13px); }.cv-npc-emotions .cv-emoji { width: clamp(19px,1.5vw,30px); height: clamp(19px,1.5vw,30px); }.cv-npc-emotions .cv-waveform { --cv-wave-color: currentColor; }

/* Final CTA, account, legal */
.cv-start-screen { padding: clamp(20px, 2vh, 28px) clamp(40px, 4vw, 80px) clamp(20px, 2vh, 28px); display: flex; flex-direction: column; align-items: center; text-align: center; }
.cv-start-wave { position: absolute; z-index: 0; width: min(28%, 520px); height: 68%; object-fit: contain; pointer-events: none; opacity: 1; }.cv-start-wave-left { left: 0; top: 17%; }.cv-start-wave-right { right: 0; top: 5%; }
.cv-start-brand { position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; gap: 18px; color: var(--cv-blue); font-size: clamp(30px, 2.9vw, 60px); font-weight: 900; }.cv-start-brand .cv-logo-mark { width: clamp(68px, 5.2vw, 106px); }
.cv-start-screen > h1 { position: relative; z-index: 2; margin: clamp(12px, 1.5vh, 18px) 0 clamp(22px, 2.3vh, 30px); font-size: clamp(48px, 4.1vw, 84px); line-height: 1.04; letter-spacing: -.035em; }.cv-start-screen > h1 strong { color: transparent; background: linear-gradient(105deg,#116cf5,#7b5df0 60%,#d26be2); background-clip: text; -webkit-background-clip: text; }
.cv-start-checks { position: relative; z-index: 2; width: min(100%, 780px); padding: 20px clamp(28px,2.7vw,54px); display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px clamp(35px,4vw,78px); border: 1px solid #d5e2f4; border-radius: 28px; background: rgba(255,255,255,.92); box-shadow: 0 13px 27px rgba(50,83,141,.1); text-align: left; }.cv-start-checks span { display: flex; align-items: center; gap: 13px; font-size: clamp(16px,1.1vw,22px); font-weight: 700; }.cv-start-checks i { --cv-check: #176df5; width: 31px; aspect-ratio: 1; display: grid; place-items: center; color: #fff; border-radius: 50%; background: var(--cv-check); }.cv-start-checks i.blue { --cv-check: #176df5; }.cv-start-checks i.orange { --cv-check: #ff7a1c; }.cv-start-checks i.purple { --cv-check: #7656ef; }.cv-start-checks i.pink { --cv-check: #f33f79; }.cv-start-checks i.green { --cv-check: #11b97b; }.cv-start-checks i.cyan { --cv-check: #12bfc7; }.cv-start-checks i .cv-icon { width: 20px; height: 20px; color: #fff; }
.cv-start-screen > .cv-hero-actions { position: relative; z-index: 2; margin-top: clamp(20px,2.4vh,30px); }
.cv-footer { position: relative; z-index: 2; width: 100%; min-height: clamp(270px, 28vh, 300px); margin-top: clamp(26px, 3vh, 36px); padding: clamp(22px,1.9vw,34px) clamp(30px,3vw,60px) 14px; display: grid; grid-template-rows: 1fr auto auto; gap: 12px; border: 1px solid #d6e3f5; border-radius: 30px; background: rgba(255,255,255,.94); box-shadow: 0 13px 28px rgba(52,84,139,.08); }
.cv-footer-links { min-width: 0; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); }.cv-footer-links section { min-width: 0; padding: 0 clamp(18px,2.2vw,45px); display: flex; flex-direction: column; align-items: flex-start; gap: 8px; text-align: left; border-right: 1px solid #e2eaf6; }.cv-footer-links section:last-child { border-right: 0; }.cv-footer-links h2 { margin: 0 0 6px; display: flex; align-items: center; gap: 10px; color: var(--cv-blue); font-size: clamp(15px,1vw,20px); }.cv-footer-links section:nth-child(2) h2 { color: #8352ee; }.cv-footer-links section:nth-child(3) h2 { color: #17af76; }.cv-footer-links section:nth-child(4) h2 { color: #ed6d17; }.cv-footer-links a { color: #263d64; font-size: clamp(12px,.8vw,16px); }
.cv-socials { display: flex; justify-content: center; gap: clamp(14px,1.6vw,31px); border-top: 1px solid #e2eaf6; padding-top: 15px; }.cv-socials a { width: clamp(40px,3vw,60px); aspect-ratio: 1; display: grid; place-items: center; color: #5e58e9; border-radius: 15px; background: #f0efff; }.cv-socials a:nth-child(2) { color: #e1142e; background: #fff0f2; }.cv-socials a:nth-child(3) { color: #111; background: #f5f5f5; }.cv-socials a:nth-child(4) { color: #fff; background: #169ad7; }.cv-socials a:nth-child(5) { color: #fff; background: #087ab5; }.cv-socials a:nth-child(6) { color: #d84b75; background: #fff0f4; }.cv-socials svg { width: 50%; height: 50%; }
.cv-footer-bottom { display: flex; align-items: center; justify-content: center; gap: clamp(15px,1.7vw,33px); color: #263d64; font-size: clamp(11px,.75vw,15px); }.cv-footer-bottom a { color: var(--cv-blue); }.cv-footer-dot { width: 4px; height: 4px; border-radius: 50%; background: #71809a; }
.cv-account-screen { padding: clamp(35px,5vw,90px); display: grid; place-items: center; }.cv-account-card { width: min(100%, 720px); padding: clamp(35px,5vw,72px); display: grid; justify-items: center; gap: 28px; border: 1px solid #d6e4f7; border-radius: 34px; background: #fff; box-shadow: var(--cv-shadow); text-align: center; }.cv-account-card h1 { margin: 0; font-size: clamp(38px,4vw,68px); }.cv-account-card h1 strong { color: var(--cv-blue); }.cv-google-button { min-height: 58px; padding: 13px 25px; display: inline-flex; align-items: center; gap: 13px; color: #24395b; border: 1px solid #cbdcf3; border-radius: 999px; background: #fff; box-shadow: 0 7px 16px rgba(36,70,126,.08); font-weight: 800; }.cv-google-button svg { width: 25px; height: 25px; }.cv-contact-card .cv-button { max-width: 100%; word-break: break-word; }
.cv-legal-screen { min-height: var(--cv-section-height); padding: clamp(38px,5vw,90px) clamp(28px,10vw,180px); }.cv-legal-screen > * { width: min(100%, 980px); margin-inline: auto; }.cv-legal-screen header { margin-bottom: 34px; }.cv-legal-screen h1 { margin: 0; font-size: clamp(44px,5vw,76px); }.cv-legal-screen h2 { margin: 28px 0 8px; font-size: clamp(21px,2vw,29px); }.cv-legal-screen p { color: #415474; font-size: clamp(15px,1vw,18px); line-height: 1.75; }.cv-legal-screen a { color: var(--cv-blue); }.cv-legal-note { padding: 13px 18px; border-radius: 14px; background: #eef5ff; }

@media (max-width: 1500px) {
    .cv-topnav { gap: 17px; }
    .cv-tool-screen, .cv-design-screen, .cv-commerce-screen, .cv-dubbing-screen { padding-inline: 28px; }
    .cv-power-card { grid-template-columns: 52px minmax(150px,.85fr) minmax(170px,1fr); }
    .cv-power-copy h2 { font-size: 29px; }
    .cv-character-grid, .cv-dub-grid { gap: 17px; }
    .cv-product-bar a { padding-inline: 14px; }
}

@media (min-width: 1181px) {
    .cv-translate-intro { translate: 0 -6vh; }
    .cv-translate-intro h1 { margin-top: 4px; }
    .cv-translate-panel { align-self: center; min-height: calc(var(--cv-section-height) - clamp(100px, 7vw, 143px)); }
    .cv-translate-button { translate: -1.3vw 0; }
    .cv-tts-copy { translate: 0 -28px; }
    .cv-tts-copy h1 { margin-bottom: clamp(18px, 2vh, 24px); }
    .cv-use-list { gap: 9px; }
    .cv-use-list li > span { width: clamp(38px, 2.2vw, 44px); }
    .cv-tts-form { width: min(520px, calc(100% + 95px)); margin-top: 22px; }
}

@media (max-width: 1180px) {
    :root { --cv-sidebar: 0px; --cv-topbar: 72px; }
    .cv-topbar { grid-template-columns: minmax(0,1fr) auto; padding-inline: 18px; }
    .cv-topnav-shell, .cv-top-cta { display: none; }
    .cv-mobile-menu { display: grid; }
    .cv-main { margin-left: 0; }
    .cv-sidebar { z-index: 110; left: 12px; top: 84px; bottom: 12px; width: min(300px, calc(100vw - 24px)); translate: -115% 0; transition: translate .24s ease; }
    .cv-sidebar.is-open { translate: 0 0; }
    .cv-sidebar-title { min-height: 60px; font-size: 17px; }
    .cv-sidebar nav a { min-height: 43px; font-size: 15px; }
    .cv-sidebar-backdrop { position: fixed; z-index: 105; inset: 72px 0 0; display: block; width: 100%; height: calc(100% - 72px); border: 0; background: rgba(15,31,58,.28); backdrop-filter: blur(2px); }
    .cv-screen { min-height: calc(100svh - 72px); }
    .cv-landing-copy { width: 54%; margin-left: 5%; }
    .cv-landing-art { left: 34%; }
    .cv-power-grid { grid-template-columns: minmax(0,1fr); grid-template-rows: none; }
    .cv-powers { min-height: auto; }
    .cv-power-card { min-height: 320px; }
    .cv-tool-screen, .cv-design-screen, .cv-commerce-screen, .cv-dubbing-screen, .cv-tts-screen { grid-template-columns: minmax(0,1fr); min-height: auto; padding: 42px 5%; }
    .cv-tool-intro, .cv-design-copy, .cv-commerce-copy, .cv-dubbing-copy, .cv-tts-copy { width: min(100%, 720px); margin-inline: auto; }
    .cv-tool-panel { min-height: auto; width: 100%; }
    .cv-page-mascot { max-height: 175px; }
    .cv-translate-orb { display: none; }
    .cv-tts-art { width: 100%; }
    .cv-character-grid { min-height: 760px; }
    .cv-commerce-screen { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .cv-commerce-copy { grid-column: 1/-1; }
    .cv-live-phone { max-height: none; }
    .cv-dub-grid { min-height: 760px; }
    .cv-story-section.is-story-open { overflow: visible; content-visibility: visible !important; }
    .cv-story-section::after { position: fixed; z-index: 190; inset: 0; background: rgba(231,240,255,.52); backdrop-filter: blur(7px) saturate(.86); }
    .cv-story-panel, .cv-story-panel--hero, .cv-story-panel--powers { position: fixed; z-index: 200; left: 20px; right: 20px; top: 50%; width: auto; max-height: calc(100svh - 112px); transform: translate(0, calc(-50% + 18px)) scale(.97); }
    .cv-story-section.is-story-open .cv-story-panel, .cv-story-section.is-story-open .cv-story-panel--hero, .cv-story-section.is-story-open .cv-story-panel--powers { transform: translate(0, -50%) scale(1); }
}

@media (max-width: 900px) {
    .cv-logo { font-size: 21px; }.cv-logo-mark { width: 40px; border-width: 2px; }
    .cv-screen { min-height: auto; }
    .cv-button { width: 100%; min-height: 54px; font-size: 17px; }
    .cv-landing { padding: 34px 16px 12px; }
    .cv-landing-copy { width: 100%; margin: 0; padding: 0; }
    .cv-landing h1 span, .cv-landing h1 strong { white-space: normal; }
    .cv-landing h1 span { font-size: clamp(37px,10vw,46px); }.cv-landing h1 strong { font-size: clamp(34px,9.8vw,41px); line-height: 1.08; }
    .cv-benefits-hero { margin-top: 25px; gap: 12px; }.cv-benefits-hero li { gap: 12px; font-size: 16px; }.cv-benefit-dot { width: 36px; }
    .cv-hero-actions { margin-top: 29px; flex-direction: column; gap: 11px; }.cv-hero-actions .cv-button { min-width: 0; }
    .cv-proof { margin-top: 28px; flex-direction: column; align-items: flex-start; gap: 10px; }.cv-proof-faces-image { width: 170px; }.cv-proof small { white-space: normal; }
    .cv-landing-art { position: relative; inset: auto; width: 100%; height: 620px; margin-top: 22px; }
    .cv-wave-hero { left: 0; top: 22%; height: 62%; }
    .cv-hero-card-one { left: 0; top: 3%; width: 62%; }.cv-hero-card-two { right: 0; top: 23%; width: 53%; }.cv-hero-card-three { left: 0; bottom: 10%; width: 48%; aspect-ratio: 1.58; }.cv-hero-card-four { right: 0; bottom: 2%; width: 55%; aspect-ratio: 1.58; }
    .cv-floating-media { border-width: 5px; border-radius: 20px; }.cv-media-label { min-height: 24px; padding: 4px 7px; gap: 4px; font-size: 9px; }.cv-media-label svg { width: 13px; height: 13px; }.cv-media-controls { height: 38px; padding: 3px 8px 3px 3px; }.cv-media-controls button { width: 31px; }
    .cv-hero-arc { display: none; }.cv-hero-spark { opacity: .45; }.cv-clouds { height: 5%; }
    .cv-powers { padding: 35px 14px; display: block; }.cv-page-heading h1 { font-size: 43px; }.cv-page-heading p { font-size: 14px; }.cv-page-heading::before, .cv-page-heading::after { display: none; }
    .cv-power-grid { margin-top: 27px; gap: 16px; }.cv-power-card { min-height: 445px; padding: 17px; grid-template-columns: 48px minmax(0,1fr); grid-template-rows: auto minmax(0,1fr); border-radius: 27px; }.cv-power-copy h2 { margin: 5px 0 15px; font-size: 27px; white-space: normal; }.cv-power-copy ul { margin-left: 0; font-size: 13px; }.cv-power-preview-wrap { grid-column: 1/-1; grid-row: 2; align-self: center; width: min(100%, 310px); margin: 8px 0 0 auto; }.cv-power-preview { width: 100%; height: auto; }.cv-power-mascot { left: 8px; bottom: 27px; width: 110px; }.cv-powers-pager { display: none; }
    .cv-tool-screen, .cv-design-screen, .cv-commerce-screen, .cv-dubbing-screen, .cv-tts-screen { padding: 34px 14px; gap: 28px; }
    .cv-tool-intro h1, .cv-design-copy h1, .cv-commerce-copy h1, .cv-dubbing-copy h1, .cv-tts-copy h1 { font-size: 50px; }.cv-page-mascot { max-width: 68%; max-height: 145px; }.cv-steps li { font-size: 16px; }.cv-steps li > span { width: 45px; }
    .cv-tool-panel { padding: 13px; border-radius: 25px; }.cv-feature-video { grid-template-columns: minmax(0,1fr); }.cv-feature-video video { aspect-ratio: 16/10; }.cv-wave-player { min-height: 130px; }.cv-time { right: 13px; bottom: 10px; }.cv-demo-row { grid-template-columns: minmax(0,1fr); }.cv-demo-card > img { aspect-ratio: 1.55; }.cv-panel-actions { flex-direction: column; }.cv-panel-actions .cv-button { width: 100%; }
    .cv-translate-intro > p br, .cv-dubbing-copy > p br { display: none; }.cv-translate-video video { max-height: none; }.cv-video-controls { grid-template-columns: auto auto minmax(60px,1fr) auto auto; gap: 4px; padding-inline: 5px; }.cv-video-controls button { width: 31px; height: 31px; padding: 5px; }.cv-video-time { font-size: 10px; }.cv-language-tabs { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); overflow: visible; border-radius: 18px; padding: 9px; }.cv-language-tabs button { min-width: 0; width: 100%; }.cv-translate-button { min-width: 0; width: 100%; }
    .cv-tts-form { padding: 14px; }.cv-tts-form > div { grid-template-columns: repeat(2,minmax(0,1fr)); }.cv-tts-form .cv-generate { grid-column: 1/-1; }.cv-tts-art { margin-top: 4px; translate: 0; }
    .cv-design-copy { padding-top: 0; }.cv-emotions { padding: 16px; }.cv-emotions label { grid-template-columns: 31px 72px minmax(0,1fr) 36px; font-size: 12px; }
    .cv-character-grid { min-height: 0; display: grid; grid-template-columns: minmax(0,1fr); grid-template-rows: none; gap: 15px; }.cv-character-card { grid-column: auto !important; grid-row: auto !important; width: 100%; aspect-ratio: 1.05; }.cv-character-game, .cv-character-anime, .cv-character-fox { aspect-ratio: .93; }.cv-character-label { font-size: 11px; }.cv-character-card > button { width: 54px; }.cv-card-wave { height: 56px; padding-left: 66px; }
    .cv-commerce-screen { display: grid; grid-template-columns: minmax(0,1fr); }.cv-commerce-copy { grid-column: auto; }.cv-commerce-copy h1 { white-space: normal; }.cv-commerce-copy .cv-button { margin-top: 28px; }.cv-live-phone { aspect-ratio: 646/858; }.cv-product-bar { padding: 7px; gap: 7px; }.cv-product-bar > span { display: none; }.cv-product-bar a { padding: 9px 11px; font-size: 12px; }.cv-product-bar b, .cv-product-bar strong, .cv-product-bar del { font-size: 12px; }.cv-voice-stack { grid-template-columns: minmax(0,1fr); }.cv-chat-art { min-height: 155px; }
    .cv-dub-grid { min-height: 0; display: grid; grid-template-columns: minmax(0,1fr); grid-template-rows: none; gap: 15px; }.cv-dub-card { grid-column: auto !important; grid-row: auto !important; width: 100%; aspect-ratio: 382/440; }.cv-dub-4 { aspect-ratio: 508/433; }.cv-dub-5 { aspect-ratio: 693/433; }.cv-npc-emotions { width: 42%; gap: 5px; }.cv-npc-emotions span { padding: 6px; }
    .cv-start-screen { padding: 32px 14px 14px; }.cv-start-brand { gap: 10px; font-size: 30px; }.cv-start-brand .cv-logo-mark { width: 58px; }.cv-start-screen > h1 { font-size: 43px; }.cv-start-checks { padding: 18px; grid-template-columns: minmax(0,1fr); gap: 11px; }.cv-start-checks span { font-size: 15px; }.cv-start-screen > .cv-hero-actions { width: 100%; }.cv-start-wave { opacity: .35; }.cv-footer { min-height: 0; padding: 25px 18px; }.cv-footer-links { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 25px 0; }.cv-footer-links section { padding: 0 12px; }.cv-footer-links section:nth-child(2) { border-right: 0; }.cv-socials { flex-wrap: wrap; }.cv-footer-bottom { flex-wrap: wrap; gap: 9px 15px; }
    .cv-account-screen, .cv-legal-screen { padding: 34px 14px; }.cv-account-card { padding: 30px 18px; }.cv-account-card .cv-start-brand { font-size: 26px; }.cv-legal-screen h1 { font-size: 43px; }
    .cv-story-trigger { max-width: calc(100% - 25px); }
    .cv-story-trigger__icon { position: static; margin-left: 7px; width: 20px; height: 20px; translate: 0 0; }
    .cv-story-trigger:hover .cv-story-trigger__icon, .cv-story-trigger:focus-visible .cv-story-trigger__icon, .cv-story-trigger[aria-expanded="true"] .cv-story-trigger__icon { translate: 0 2px; }
    .cv-story-panel, .cv-story-panel--hero, .cv-story-panel--powers { left: 14px; right: 14px; max-height: calc(100svh - 100px); padding: 25px 19px 22px; border-radius: 25px; }
    .cv-story-panel p, .cv-story-panel--powers p { font-size: 14.5px; line-height: 1.62; }
    .cv-story-spectrum { margin-top: 14px; }
}

@media (max-width: 420px) {
    .cv-logo { gap: 8px; font-size: 20px; }.cv-landing-art { height: 585px; }.cv-tts-form > div { grid-template-columns: minmax(0,1fr); }.cv-tts-form .cv-generate { grid-column: auto; }.cv-counter { top: 121px; }.cv-footer-links { grid-template-columns: minmax(0,1fr); }.cv-footer-links section { padding: 0; border-right: 0; }
}

/* Product workspace, generator pages, and pricing */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.cv-topbar {
    grid-template-columns: minmax(200px, var(--cv-sidebar)) minmax(0, 1fr) auto;
    gap: clamp(12px, 1.35vw, 26px);
}
.cv-topnav { gap: clamp(8px, .82vw, 16px); font-size: clamp(12px, .78vw, 15px); }
.cv-topnav a { padding-inline: 8px; border-radius: 12px; }
.cv-topnav .is-active { padding-inline: 12px; color: #0754c9; font-weight: 800; }
.cv-nav-dub,
.cv-sidebar-dub,
.cv-footer-dub { color: #7447d9 !important; font-weight: 900 !important; }
.cv-nav-dub { background: #f2ecff; }
.cv-top-actions { display: flex; align-items: center; gap: 9px; white-space: nowrap; }
.cv-top-actions a { min-height: 42px; padding: 9px 15px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; font-size: 14px; font-weight: 900; }
.cv-header-upgrade { gap: 7px; color: #fff; background: linear-gradient(120deg, #176ff7, #7254e8); box-shadow: 0 9px 20px rgba(53,92,216,.2); }
.cv-header-upgrade small,
.cv-upgrade small { padding: 3px 6px; color: #6743cf; border-radius: 999px; background: #fff; font-size: 10px; line-height: 1; }
.cv-header-signin { color: #1b3c70; border: 1px solid #cbdcf4; background: #fff; }
.cv-sidebar-dub { background: rgba(241,235,255,.65); }
.cv-upgrade small { margin-left: -6px; }
.cv-story-panel strong { color: #143e82; font-weight: 900; }

.cv-composer {
    min-width: 0;
    overflow: hidden;
    color: #162b4e;
    border: 1px solid rgba(185,207,238,.9);
    border-radius: clamp(22px, 1.65vw, 32px);
    background: rgba(255,255,255,.97);
    box-shadow: 0 22px 55px rgba(52,82,136,.16), inset 0 1px 0 #fff;
    pointer-events: auto;
}
.cv-composer-tabs {
    min-width: 0;
    padding: 10px 12px 8px;
    display: flex;
    gap: 5px;
    overflow-x: auto;
    border-bottom: 1px solid #e4ecf7;
    scrollbar-width: none;
}
.cv-composer-tabs::-webkit-scrollbar { display: none; }
.cv-composer-tabs button,
.cv-composer-tabs a {
    flex: 0 0 auto;
    min-height: 40px;
    padding: 8px 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: #53627b;
    border: 0;
    border-radius: 12px;
    background: transparent;
    font-size: clamp(10px, .7vw, 13px);
    font-weight: 800;
    white-space: nowrap;
    cursor: pointer;
}
.cv-composer-tabs .cv-icon { width: 16px; height: 16px; }
.cv-composer-tabs :is(button,a):hover,
.cv-composer-tabs :is(button,a):focus-visible { color: #155fd6; background: #f0f6ff; }
.cv-composer-tabs .is-active { color: #095fec; background: #eaf3ff; box-shadow: inset 0 0 0 1px #c8dcfa; }
.cv-composer-tabs .is-emphasis { color: #7546d7; background: #f3edff; }
.cv-composer-tabs .is-emphasis.is-active { color: #fff; background: linear-gradient(120deg,#6658e8,#9a58dc); box-shadow: none; }
.cv-composer-editor { position: relative; min-width: 0; padding: 13px 16px 11px; }
.cv-composer-text { display: block; }
.cv-composer-text textarea {
    width: 100%;
    min-height: 126px;
    padding: 10px 12px;
    display: block;
    resize: none;
    color: #1d3154;
    border: 0;
    outline: 0;
    background: transparent;
    font-size: clamp(14px, .92vw, 17px);
    line-height: 1.55;
}
.cv-composer-text textarea::placeholder { color: #8792a4; }
.cv-composer-drop {
    min-height: 164px;
    padding: 22px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 5px;
    color: #30496e;
    border: 1.5px dashed #b7cae6;
    border-radius: 18px;
    background: linear-gradient(145deg,#fbfdff,#f2f7ff);
    text-align: center;
    cursor: pointer;
}
.cv-composer-drop input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.cv-composer-upload-icon { width: 42px; height: 42px; padding: 10px; display: grid; place-items: center; color: #1268ee; border-radius: 14px; background: #e7f1ff; }
.cv-composer-upload-icon .cv-icon { width: 100%; height: 100%; }
.cv-composer-drop strong { font-size: 15px; }
.cv-composer-drop small { color: #75839a; }
.cv-composer-drop em { color: #1667e9; font-size: 12px; font-style: normal; font-weight: 800; }
.cv-composer-clone-text { margin-top: 12px; padding: 12px 14px; border: 1px solid #d8e5f5; border-radius: 14px; background: #fff; }
.cv-composer-clone-text > span { display: block; color: #4b6080; font-size: 11px; font-weight: 900; }
.cv-composer-clone-text textarea { min-height: 92px; padding-inline: 0; }
.cv-clone-consent { margin-top: 10px; display: flex; align-items: flex-start; gap: 8px; color: #5f7089; font-size: 10px; line-height: 1.45; }
.cv-clone-consent input { margin-top: 1px; accent-color: #1668ef; }
.cv-composer-suggestions { min-width: 0; padding-top: 7px; display: flex; gap: 7px; overflow-x: auto; scrollbar-width: none; }
.cv-composer-suggestions::-webkit-scrollbar { display: none; }
.cv-composer-suggestions button { flex: 0 0 auto; min-height: 30px; padding: 6px 10px; color: #4e607c; border: 1px solid #d8e4f5; border-radius: 999px; background: #f8fbff; font-size: 11px; cursor: pointer; }
.cv-composer-suggestions button:hover { color: #0d65ed; border-color: #aacaf6; background: #edf5ff; }
.cv-composer-options { padding: 11px 18px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; border-top: 1px solid #e5edf8; background: #f8fbff; }
.cv-composer-options label { display: grid; grid-template-columns: auto minmax(100px,1fr); gap: 12px; align-items: center; color: #52647f; font-size: 12px; font-weight: 800; }
.cv-composer-options input { min-width: 0; width: 100%; accent-color: #1668ef; }
.cv-composer-options select { min-width: 0; width: 100%; padding: 7px 28px 7px 9px; color: #30496e; border: 1px solid #d5e1f1; border-radius: 10px; outline: 0; background: #fff; font: inherit; font-weight: 800; }
.cv-composer-options select:focus-visible { border-color: #71a7ee; box-shadow: 0 0 0 3px rgba(22,104,239,.12); }
.cv-composer-footer {
    min-width: 0;
    min-height: 61px;
    padding: 9px 11px 9px 16px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-top: 1px solid #e0e9f5;
    background: linear-gradient(180deg,#fff,#fbfdff);
}
.cv-composer-setting { min-width: 0; display: flex; align-items: center; gap: 7px; color: #354a6d; font-size: 11px; }
.cv-composer-setting small { padding: 4px 6px; color: #fff; border-radius: 7px; background: #151b28; font-size: 9px; font-weight: 900; }
.cv-composer-setting strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cv-composer-voice { margin-right: auto; }
.cv-composer-voice i { width: 25px; aspect-ratio: 1; flex: 0 0 auto; border-radius: 50%; background: radial-gradient(circle at 55% 34%,#fff 0 7%,transparent 8%), linear-gradient(145deg,#f2c183,#7147cf 58%,#273966); box-shadow: inset 0 0 0 2px #fff, 0 0 0 1px #d2deef; }
.cv-composer-setting select {
    min-width: 0;
    max-width: min(28vw, 310px);
    padding: 7px 28px 7px 9px;
    color: #30496e;
    border: 1px solid #d5e1f1;
    border-radius: 10px;
    outline: 0;
    background: #fff;
    font: inherit;
    font-weight: 800;
}
.cv-composer-setting select:focus-visible { border-color: #71a7ee; box-shadow: 0 0 0 3px rgba(22,104,239,.12); }
.cv-composer-language { margin-right: auto; }
.cv-composer-clone-language { margin-right: auto; }
.cv-composer-more,
.cv-composer-generate { min-height: 41px; padding: 9px 13px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; border-radius: 12px; font-size: 12px; font-weight: 900; white-space: nowrap; cursor: pointer; }
.cv-composer-more { color: #405573; border: 1px solid #d2e0f2; background: #fff; }
.cv-composer-more .cv-icon { width: 14px; height: 14px; transition: rotate .2s ease; }
.cv-composer-more[aria-expanded="true"] .cv-icon { rotate: 180deg; }
.cv-composer-generate { min-width: 108px; margin-left: auto; color: #fff; border: 0; background: linear-gradient(120deg,#1578f8,#075be9); box-shadow: 0 9px 18px rgba(16,102,236,.23); }
.cv-composer-generate .cv-icon { width: 16px; height: 16px; }
.cv-composer-generate:disabled { cursor: wait; opacity: .64; box-shadow: none; }
.cv-composer-result {
    min-width: 0;
    padding: 15px 17px;
    display: grid;
    grid-template-columns: minmax(150px, .7fr) minmax(220px, 1.3fr) auto;
    gap: 13px;
    align-items: center;
    border-top: 1px solid #dbe7f6;
    background: linear-gradient(135deg,#f0f7ff,#faf7ff);
}
.cv-composer-result[hidden] { display: none; }
.cv-composer-result > div:first-child { min-width: 0; }
.cv-composer-result strong { color: #22446f; font-size: 12px; }
.cv-composer-result p { margin: 3px 0 0; color: #73839a; font-size: 10px; line-height: 1.45; }
.cv-composer-result audio { width: 100%; min-width: 0; height: 38px; }
.cv-composer-download {
    min-height: 38px;
    padding: 8px 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #125ecb;
    border: 1px solid #bed4ef;
    border-radius: 10px;
    background: #fff;
    font-size: 10px;
    font-weight: 900;
    white-space: nowrap;
}
.cv-composer-preview-choices { grid-column: 2; display: flex; flex-wrap: wrap; gap: 7px; }
.cv-composer-preview-choices[hidden] { display: none; }
.cv-composer-preview-choices button { min-height: 34px; padding: 7px 10px; color: #355578; border: 1px solid #cadcf1; border-radius: 10px; background: #fff; font-size: 10px; font-weight: 900; cursor: pointer; }
.cv-composer-preview-choices button.is-active { color: #fff; border-color: #1769e9; background: #1769e9; }
.cv-composer-history { min-width: 0; padding: 15px 17px 17px; border-top: 1px solid #dbe7f6; background: #fff; }
.cv-composer-history > header { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.cv-composer-history > header div { min-width: 0; }
.cv-composer-history > header span { display: block; color: #1769e9; font-size: 9px; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; }
.cv-composer-history > header h2 { margin: 3px 0 0; color: #203f69; font-size: 14px; }
.cv-composer-history > header > a { flex: 0 0 auto; color: #1769dd; font-size: 10px; font-weight: 950; }
.cv-composer-history__list { min-width: 0; margin-top: 12px; display: grid; gap: 8px; }
.cv-composer-history__list > article { min-width: 0; padding: 10px 11px; display: grid; grid-template-columns: minmax(150px,.62fr) minmax(260px,1.38fr); gap: 12px; align-items: center; border: 1px solid #e0e8f4; border-radius: 13px; background: linear-gradient(135deg,#fbfdff,#f7faff); }
.cv-composer-history__list > article > div:first-child { min-width: 0; }
.cv-composer-history__list strong { display: block; overflow: hidden; color: #314d70; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.cv-composer-history__list small { display: block; margin-top: 3px; color: #8290a3; font-size: 8px; }
.cv-composer-history__outputs { min-width: 0; display: grid; gap: 7px; }
.cv-composer-history__outputs > div { min-width: 0; display: grid; grid-template-columns: minmax(150px,1fr) auto; gap: 8px; align-items: center; }
.cv-composer-history__outputs audio { min-width: 0; width: 100%; height: 34px; }
.cv-composer-history__outputs a { min-height: 34px; padding: 7px 10px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; color: #0e61d5; border: 1px solid #c4d8f0; border-radius: 9px; background: #fff; font-size: 9px; font-weight: 950; white-space: nowrap; }
.cv-composer-history__outputs a .cv-icon { width: 13px; height: 13px; }
.cv-composer-history__empty { min-height: 54px; padding: 10px; display: flex; align-items: center; justify-content: center; gap: 8px; color: #8493a6; border: 1px dashed #d7e2ef; border-radius: 12px; background: #fbfdff; font-size: 9px; text-align: center; }
.cv-composer-history__empty .cv-icon { width: 17px; height: 17px; color: #72a0e4; }
html.cv-guest-upgrade-open { overflow: hidden; }
.cv-guest-upgrade-modal { position: fixed; z-index: 260; inset: 0; padding: 20px; display: grid; place-items: center; }
.cv-guest-upgrade-modal[hidden] { display: none; }
.cv-guest-upgrade-modal__backdrop { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: rgba(12,31,61,.58); backdrop-filter: blur(7px); cursor: pointer; }
.cv-guest-upgrade-dialog { position: relative; width: min(100%,420px); padding: 38px 30px 30px; display: grid; justify-items: center; gap: 22px; border: 1px solid #d7e4f5; border-radius: 24px; background: #fff; box-shadow: 0 28px 80px rgba(16,39,78,.28); text-align: center; }
.cv-guest-upgrade-dialog > button { position: absolute; top: 12px; right: 12px; width: 36px; height: 36px; display: grid; place-items: center; color: #60748f; border: 1px solid #dce6f3; border-radius: 11px; background: #f7faff; cursor: pointer; }
.cv-guest-upgrade-dialog > button .cv-icon { width: 17px; height: 17px; }
.cv-guest-upgrade-dialog p { margin: 0; color: #173760; font-size: 18px; font-weight: 850; line-height: 1.5; }
.cv-guest-upgrade-dialog > a { min-height: 46px; padding: 11px 18px; display: inline-flex; align-items: center; gap: 7px; color: #fff; border-radius: 13px; background: linear-gradient(135deg,#176df0,#6757e9); box-shadow: 0 10px 24px rgba(35,101,225,.24); font-size: 13px; font-weight: 950; }
.cv-guest-upgrade-dialog > a span { padding: 3px 6px; border-radius: 999px; background: rgba(255,255,255,.2); font-size: 10px; }

/* The home composer is the primary action while the art remains a supporting layer. */
.cv-landing-copy {
    width: min(57%, 910px);
    margin-left: clamp(30px, 3.4vw, 70px);
    padding-top: clamp(25px, 3.6vh, 43px);
    pointer-events: none;
}
.cv-landing-copy .cv-composer,
.cv-landing-copy .cv-proof { pointer-events: auto; }
.cv-landing h1 span { font-size: clamp(42px, 3.15vw, 64px); }
.cv-landing h1 strong { margin-top: 5px; font-size: clamp(36px, 2.65vw, 54px); }
.cv-benefits-hero { margin-top: clamp(14px, 1.8vh, 20px); grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px 18px; }
.cv-benefits-hero li { min-width: 0; gap: 9px; font-size: clamp(13px, .9vw, 17px); }
.cv-benefit-dot { width: clamp(28px, 1.7vw, 34px); }
.cv-benefit-dot .cv-icon { width: 16px; height: 16px; }
.cv-composer--home { margin-top: clamp(14px, 1.8vh, 20px); }
.cv-composer--home .cv-composer-text textarea { min-height: clamp(105px, 11.5vh, 124px); }
.cv-composer--home .cv-composer-drop { min-height: clamp(144px, 15vh, 162px); }
.cv-landing .cv-hero-actions { margin-top: clamp(11px, 1.45vh, 16px); gap: 11px; }
.cv-landing .cv-hero-actions .cv-button { min-width: 160px; min-height: 42px; padding: 9px 19px; font-size: 13px; }
.cv-landing .cv-proof { margin-top: clamp(10px, 1.4vh, 15px); gap: 12px; }
.cv-landing .cv-proof-faces-image { width: clamp(132px, 8vw, 162px); }
.cv-landing-art { left: 59%; }
.cv-hero-card-one { left: 9%; top: 8%; width: 46%; }
.cv-hero-card-two { right: 2%; top: 23%; width: 41%; }
.cv-hero-card-three { left: 3%; bottom: 11%; width: 42%; }
.cv-hero-card-four { right: 4%; bottom: 8%; width: 46%; }
.cv-wave-hero { top: 21%; height: 62%; }

.cv-product-bar-image { position: absolute; z-index: 6; left: 2%; right: 2%; bottom: 1.5%; width: 96%; height: auto; border-radius: 18px; box-shadow: 0 8px 22px rgba(18,35,67,.14); }

.cv-tool-page,
.cv-pricing-page { min-width: 0; background: radial-gradient(circle at 73% 8%,rgba(221,235,255,.72),transparent 26%), linear-gradient(145deg,#fff,#f7fbff 58%,#f5f3ff); }
.cv-tool-page { padding: clamp(44px,5vw,82px) clamp(28px,5vw,90px) 0; }
.cv-tool-page__intro { width: min(100%, 900px); margin: 0 auto clamp(24px,3vw,42px); text-align: center; }
.cv-tool-page__eyebrow { display: inline-flex; align-items: center; gap: 9px; color: #1769e9; font-size: 13px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.cv-tool-page__eyebrow .cv-waveform { width: 23px; height: 23px; }
.cv-tool-page__intro h1 { margin: 13px 0 10px; font-size: clamp(48px,5vw,82px); line-height: 1; letter-spacing: -.045em; }
.cv-tool-page__intro p { width: min(100%,760px); margin: 0 auto; color: #526583; font-size: clamp(16px,1.15vw,21px); line-height: 1.58; }
.cv-composer--tool { width: min(100%,1180px); margin: 0 auto; }
.cv-composer--tool .cv-composer-text textarea { min-height: 205px; }
.cv-composer--tool .cv-composer-drop { min-height: 248px; }
.cv-tool-guide { width: min(100%,1180px); margin: clamp(48px,6vw,88px) auto 0; display: grid; gap: clamp(24px,3vw,42px); }
.cv-tool-guide__overview { padding: clamp(27px,3vw,48px); border: 1px solid #d8e5f6; border-radius: 30px; background: rgba(255,255,255,.86); box-shadow: 0 14px 35px rgba(55,83,132,.08); }
.cv-tool-guide span,
.cv-tool-use-cases > div > span,
.cv-plan-compare header > span,
.cv-pricing-faq header > span { color: #1465e6; font-size: 12px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.cv-tool-guide h2 { margin: 8px 0 11px; font-size: clamp(27px,2.6vw,43px); letter-spacing: -.025em; }
.cv-tool-guide p { margin: 0; color: #576983; font-size: 16px; line-height: 1.72; }
.cv-tool-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.cv-tool-steps li { min-width: 0; padding: 24px; display: flex; gap: 15px; border: 1px solid #dbe6f5; border-radius: 24px; background: #fff; box-shadow: 0 10px 24px rgba(48,76,127,.07); }
.cv-tool-steps li > span { width: 38px; height: 38px; flex: 0 0 auto; display: grid; place-items: center; color: #fff; border-radius: 13px; background: linear-gradient(135deg,#1680fa,#6557e9); font-size: 14px; }
.cv-tool-steps h3 { margin: 2px 0 7px; font-size: 18px; }
.cv-tool-steps p { font-size: 14px; line-height: 1.58; }
.cv-tool-use-cases { padding: clamp(28px,3vw,48px); display: grid; grid-template-columns: minmax(250px,.85fr) minmax(0,1.15fr); gap: clamp(28px,4vw,62px); border-radius: 30px; background: linear-gradient(130deg,#0d2856,#173f7c 60%,#4d3f9c); box-shadow: 0 20px 48px rgba(25,49,100,.19); }
.cv-tool-use-cases h2 { color: #fff; }
.cv-tool-use-cases p { color: #c7d6ef; }
.cv-tool-use-cases ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; }
.cv-tool-use-cases li { min-width: 0; padding: 11px 12px; display: flex; align-items: center; gap: 9px; color: #eef5ff; border: 1px solid rgba(255,255,255,.13); border-radius: 14px; background: rgba(255,255,255,.06); font-size: 13px; }
.cv-tool-use-cases li .cv-icon { width: 17px; height: 17px; color: #66d9a1; }

.cv-site-footer { width: min(100%,1320px); margin: clamp(60px,7vw,110px) auto 0; padding: clamp(32px,4vw,58px); display: grid; grid-template-columns: minmax(220px,.7fr) minmax(0,1.3fr); gap: 38px; border: 1px solid #d9e4f4; border-radius: 34px 34px 0 0; background: rgba(255,255,255,.94); box-shadow: 0 -8px 28px rgba(58,83,126,.06); }
.cv-site-footer__brand .cv-logo { font-size: 23px; }
.cv-site-footer__brand .cv-logo-mark { width: 46px; }
.cv-site-footer__brand p { max-width: 360px; margin: 18px 0 0; color: #65738a; font-size: 14px; line-height: 1.65; }
.cv-site-footer__taaft { width: min(100%,300px); margin-top: 20px; display: block; border-radius: 8px; }
.cv-site-footer__taaft:focus-visible { outline: 3px solid rgba(20,102,233,.3); outline-offset: 4px; }
.cv-site-footer__taaft img { width: 100%; height: auto; display: block; }
.cv-site-footer nav { min-width: 0; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 13px 20px; align-content: center; }
.cv-site-footer nav a { min-width: 0; color: #263e65; font-size: 14px; font-weight: 800; }
.cv-site-footer nav a:hover { color: #1466e9; }
.cv-site-footer__bottom { grid-column: 1/-1; padding-top: 22px; display: flex; justify-content: space-between; gap: 18px; color: #77849a; border-top: 1px solid #e2e9f4; font-size: 12px; }
.cv-site-footer__bottom > span:last-child { display: flex; flex-wrap: wrap; gap: 17px; }
.cv-site-footer__bottom a { color: #3c5375; }

.cv-pricing-page { padding: clamp(47px,5vw,86px) clamp(22px,4vw,72px) 0; }
.cv-pricing-hero { width: min(100%,900px); margin: 0 auto 42px; text-align: center; }
.cv-pricing-hero > span { color: #1768e9; font-size: 13px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.cv-pricing-hero h1 { margin: 13px 0; font-size: clamp(43px,4.3vw,72px); line-height: 1.06; letter-spacing: -.042em; }
.cv-pricing-hero p { width: min(100%,720px); margin: 0 auto; color: #596a85; font-size: 17px; line-height: 1.65; }
.cv-billing-toggle { width: max-content; max-width: 100%; margin: 27px auto 0; padding: 5px; display: flex; gap: 4px; border: 1px solid #ceddf1; border-radius: 999px; background: #fff; box-shadow: 0 8px 20px rgba(43,73,126,.08); }
.cv-billing-toggle button { min-height: 42px; padding: 8px 17px; color: #50617d; border: 0; border-radius: 999px; background: transparent; font-size: 13px; font-weight: 900; cursor: pointer; }
.cv-billing-toggle button.is-active { color: #fff; background: #1269ed; }
.cv-billing-toggle small { margin-left: 4px; padding: 3px 6px; color: #5539bb; border-radius: 999px; background: #e9e2ff; font-size: 9px; }
.cv-plan-grid { width: min(100%,1320px); margin: 0 auto; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; align-items: stretch; }
.cv-plan-card { position: relative; min-width: 0; padding: 27px 24px; display: flex; flex-direction: column; border: 1px solid #d7e3f4; border-radius: 27px; background: rgba(255,255,255,.95); box-shadow: 0 12px 30px rgba(48,76,126,.08); }
.cv-plan-card.is-popular { border: 2px solid #176bef; box-shadow: 0 20px 40px rgba(32,96,211,.15); transform: translateY(-8px); }
.cv-plan-popular { position: absolute; right: 18px; top: 17px; padding: 5px 8px; color: #fff; border-radius: 999px; background: linear-gradient(120deg,#1477f5,#7951e5); font-size: 9px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
.cv-plan-card h2 { margin: 0 0 5px; font-size: 25px; }
.cv-plan-card > p { min-height: 43px; margin: 0; color: #6b7890; font-size: 13px; line-height: 1.5; }
.cv-plan-price { margin-top: 22px; display: flex; align-items: baseline; color: #0c2856; }
.cv-plan-price sup { font-size: 17px; font-weight: 900; }
.cv-plan-price strong { font-size: 48px; line-height: 1; letter-spacing: -.05em; }
.cv-plan-price span { margin-left: 4px; color: #71809a; font-size: 12px; }
.cv-plan-card > small { min-height: 18px; margin-top: 5px; color: #71809a; }
.cv-plan-card > a { min-height: 45px; margin-top: 18px; display: grid; place-items: center; color: #145fda; border: 1px solid #bcd3f3; border-radius: 13px; background: #f4f8ff; font-size: 13px; font-weight: 900; }
.cv-plan-card.is-popular > a { color: #fff; border-color: transparent; background: #1268ed; }
.cv-plan-card ul { list-style: none; margin: 23px 0 0; padding: 20px 0 0; display: grid; gap: 11px; border-top: 1px solid #e2e9f4; }
.cv-plan-card li { display: flex; align-items: flex-start; gap: 8px; color: #415471; font-size: 12px; line-height: 1.45; }
.cv-plan-card li .cv-icon { width: 16px; height: 16px; margin-top: 1px; color: #1aaf74; }
.cv-plan-compare,
.cv-pricing-faq { width: min(100%,1180px); margin: clamp(65px,7vw,105px) auto 0; }
.cv-plan-compare header { width: min(100%,760px); }
.cv-plan-compare h2,
.cv-pricing-faq h2 { margin: 8px 0 10px; font-size: clamp(30px,3vw,48px); letter-spacing: -.03em; }
.cv-plan-compare header p { margin: 0; color: #60708a; font-size: 16px; line-height: 1.65; }
.cv-plan-compare__grid { margin-top: 27px; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 15px; }
.cv-plan-compare__grid article { padding: 24px; border: 1px solid #dbe6f5; border-radius: 23px; background: #fff; }
.cv-plan-compare__grid .cv-icon { width: 28px; height: 28px; color: #176bea; }
.cv-plan-compare__grid h3 { margin: 16px 0 7px; }
.cv-plan-compare__grid p { margin: 0; color: #64738a; font-size: 13px; line-height: 1.6; }
.cv-pricing-faq > div { margin-top: 23px; display: grid; gap: 10px; }
.cv-pricing-faq details { padding: 18px 21px; border: 1px solid #d9e5f5; border-radius: 17px; background: #fff; }
.cv-pricing-faq summary { color: #223b61; font-weight: 900; cursor: pointer; }
.cv-pricing-faq details p { margin: 11px 0 0; color: #63728a; font-size: 14px; line-height: 1.65; }
.cv-payment-methods { width: min(100%,560px); margin: 18px auto 0; overflow: hidden; }
.cv-payment-methods img,
.cv-account-payment-methods img { width: 100%; height: auto; }
.cv-pricing-alert { width: min(100%,760px); margin: -18px auto 30px; padding: 12px 16px; color: #8b3e4b; border: 1px solid #efc7ce; border-radius: 13px; background: #fff3f5; font-size: 13px; font-weight: 800; text-align: center; }

@media (max-width: 1500px) and (min-width: 1181px) {
    .cv-topbar { grid-template-columns: minmax(180px,var(--cv-sidebar)) minmax(0,1fr) auto; padding-inline: 16px; }
    .cv-logo { font-size: 21px; }
    .cv-logo-mark { width: 44px; border-width: 2px; }
    .cv-topnav { gap: 3px; font-size: 11.5px; }
    .cv-topnav a { padding-inline: 6px; }
    .cv-top-actions a { padding-inline: 11px; font-size: 12px; }
    .cv-landing-copy { width: min(61%,790px); margin-left: 28px; padding-top: 24px; }
    .cv-landing h1 span { font-size: 46px; }
    .cv-landing h1 strong { font-size: 39px; }
    .cv-benefits-hero { margin-top: 11px; gap: 7px 13px; }
    .cv-benefits-hero li { font-size: 12.5px; }
    .cv-composer--home { margin-top: 11px; }
    .cv-composer--home .cv-composer-text textarea { min-height: 83px; }
    .cv-composer--home .cv-composer-editor { padding-block: 9px 7px; }
    .cv-composer--home .cv-composer-tabs { padding-top: 7px; }
    .cv-composer--home .cv-composer-tabs button { min-height: 34px; padding: 6px 8px; font-size: 10px; }
    .cv-composer--home .cv-composer-footer { min-height: 52px; padding-block: 6px; }
    .cv-composer--home .cv-composer-more,
    .cv-composer--home .cv-composer-generate { min-height: 37px; }
    .cv-landing .cv-hero-actions { margin-top: 9px; }
    .cv-landing .cv-proof { margin-top: 8px; }
    .cv-landing-art { left: 63%; }
    .cv-hero-card-one { left: 3%; width: 53%; }
    .cv-hero-card-two { width: 47%; }
    .cv-hero-card-three { left: 0; width: 48%; }
    .cv-hero-card-four { right: 1%; width: 53%; }
    .cv-plan-grid { grid-template-columns: repeat(2,minmax(0,1fr)); max-width: 900px; }
    .cv-plan-card.is-popular { transform: none; }
}

@media (max-width: 1180px) {
    .cv-topbar { grid-template-columns: minmax(0,1fr) auto auto; }
    .cv-top-actions { display: flex; }
    .cv-landing-copy { width: min(62%,690px); margin-left: 3%; padding-top: 24px; }
    .cv-landing-art { left: 65%; }
    .cv-landing h1 span { font-size: 42px; }
    .cv-landing h1 strong { font-size: 36px; }
    .cv-benefits-hero li { font-size: 12px; }
    .cv-composer--home .cv-composer-text textarea { min-height: 96px; }
    .cv-composer--home .cv-composer-setting strong { max-width: 125px; }
    .cv-tool-page,
    .cv-pricing-page { padding-inline: 4vw; }
    .cv-plan-grid { grid-template-columns: repeat(2,minmax(0,1fr)); max-width: 900px; }
    .cv-plan-card.is-popular { transform: none; }
    .cv-plan-compare__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 900px) {
    .cv-top-actions a { min-height: 38px; padding: 7px 11px; font-size: 12px; }
    .cv-header-upgrade small { display: none; }
    .cv-landing { padding-top: 28px; }
    .cv-landing-copy { width: 100%; margin: 0; padding: 0; }
    .cv-benefits-hero { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .cv-benefits-hero li { font-size: 13px; }
    .cv-composer--home { margin-top: 20px; }
    .cv-composer-tabs { padding-inline: 9px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); overflow: visible; }
    .cv-composer-tabs button,
    .cv-composer-tabs a { width: 100%; min-width: 0; min-height: 38px; padding-inline: 7px; font-size: 10px; white-space: normal; text-align: center; }
    .cv-composer-suggestions { flex-wrap: wrap; overflow: visible; }
    .cv-composer--home .cv-composer-text textarea { min-height: 130px; }
    .cv-composer-footer { flex-wrap: wrap; }
    .cv-composer-setting { max-width: calc(50% - 5px); }
    .cv-composer-voice { margin-right: 0; }
    .cv-composer-setting select { max-width: 100%; }
    .cv-composer-more { margin-left: auto; }
    .cv-landing .cv-hero-actions { margin-top: 16px; flex-direction: row; }
    .cv-landing .cv-hero-actions .cv-button { width: auto; flex: 1; }
    .cv-landing-art { left: auto; }
    .cv-tool-page,
    .cv-pricing-page { padding: 35px 14px 0; }
    .cv-tool-page__intro { margin-bottom: 24px; }
    .cv-tool-page__intro h1 { font-size: 48px; }
    .cv-tool-page__intro p { font-size: 15px; }
    .cv-composer--tool .cv-composer-text textarea { min-height: 180px; }
    .cv-composer--tool .cv-composer-drop { min-height: 220px; }
    .cv-tool-steps { grid-template-columns: minmax(0,1fr); }
    .cv-tool-use-cases { grid-template-columns: minmax(0,1fr); }
    .cv-site-footer { grid-template-columns: minmax(0,1fr); padding: 28px 20px; border-radius: 27px 27px 0 0; }
    .cv-site-footer nav { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .cv-site-footer__bottom { flex-direction: column; }
    .cv-plan-grid { grid-template-columns: minmax(0,1fr); max-width: 520px; }
    .cv-plan-compare__grid { grid-template-columns: minmax(0,1fr); }
}

@media (max-width: 640px) {
    .cv-top-actions { display: none; }
    .cv-topbar { grid-template-columns: minmax(0,1fr) auto auto; gap: 7px; padding-inline: 12px; }
    .cv-mobile-account { min-height: 38px; padding: 7px 10px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; color: #164f9c; border: 1px solid #c8daf3; border-radius: 999px; background: #fff; font-size: 12px; font-weight: 900; }
    .cv-mobile-account .cv-icon { width: 16px; height: 16px; }
    .cv-benefits-hero { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px 10px; }
    .cv-benefits-hero li { align-items: flex-start; font-size: 11.5px; line-height: 1.35; }
    .cv-composer-tabs { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .cv-composer-suggestions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
    .cv-composer-suggestions button { min-width: 0; white-space: normal; }
    .cv-composer--home .cv-composer-text textarea { min-height: 88px; }
    .cv-composer-options { grid-template-columns: minmax(0,1fr); }
    .cv-composer-setting { max-width: 100%; }
    .cv-composer-voice { order: 2; width: 100%; }
    .cv-composer-more { order: 3; margin-left: 0; flex: 1; }
    .cv-composer-generate { order: 4; flex: 0 0 calc(50% - 5px); margin-left: auto; }
    .cv-composer-result { grid-template-columns: minmax(0,1fr); }
    .cv-composer-preview-choices { grid-column: auto; }
    .cv-composer-download { justify-self: start; }
    .cv-composer-history__list > article { grid-template-columns: minmax(0,1fr); }
    .cv-landing .cv-hero-actions { flex-direction: column; }
    .cv-landing .cv-proof { align-items: center; text-align: center; }
    .cv-tool-use-cases ul { grid-template-columns: minmax(0,1fr); }
    .cv-site-footer nav { grid-template-columns: minmax(0,1fr); }
    .cv-pricing-hero h1 { font-size: 40px; }
}

@media (max-width: 420px) {
    .cv-composer { border-radius: 22px; }
    .cv-composer-editor { padding-inline: 10px; }
    .cv-composer-text textarea { padding-inline: 8px; font-size: 14px; }
    .cv-composer-footer { padding-inline: 10px; }
    .cv-composer-history { padding-inline: 12px; }
    .cv-composer-history > header { align-items: flex-start; }
    .cv-composer-history__outputs > div,
    .cv-account-generation-downloads > div { grid-template-columns: minmax(0,1fr); }
    .cv-composer-history__outputs a,
    .cv-account-generation-downloads a { width: 100%; }
    .cv-composer-more,
    .cv-composer-generate { padding-inline: 9px; }
    .cv-tool-page__intro h1 { font-size: 42px; }
    .cv-tool-use-cases,
    .cv-tool-guide__overview { padding: 24px 19px; }
    .cv-billing-toggle button { padding-inline: 11px; font-size: 12px; }
    .cv-guest-upgrade-modal { padding: 13px; }
    .cv-guest-upgrade-dialog { padding: 36px 20px 24px; border-radius: 20px; }
    .cv-guest-upgrade-dialog p { font-size: 16px; }
}

/* Private account access */
.cv-auth-body,
.cv-account-body { background: #f4f8ff; }
.cv-auth-body .cv-main,
.cv-account-body .cv-main { min-width: 0; margin-left: 0; }
.cv-header-account {
    max-width: 210px;
    min-height: 44px;
    padding: 6px 14px 6px 7px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    overflow: hidden;
    color: #173760;
    border: 1px solid #d2e1f6;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 7px 18px rgba(39,75,129,.08);
    font-size: 13px;
    font-weight: 900;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.cv-header-account > span {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    color: #fff;
    border-radius: 50%;
    background: linear-gradient(135deg,#1b7df6,#7a58e9);
    font-size: 13px;
}

.cv-auth-screen {
    min-height: calc(100svh - var(--cv-topbar));
    padding: clamp(32px,4.5vw,74px) clamp(18px,4vw,72px);
    display: grid;
    place-items: center;
    background:
        radial-gradient(circle at 10% 8%,rgba(121,92,235,.17),transparent 30%),
        radial-gradient(circle at 88% 90%,rgba(30,139,247,.18),transparent 30%),
        linear-gradient(145deg,#f7fbff,#f4f1ff);
}
.cv-auth-card {
    width: min(100%,1180px);
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0,1.02fr) minmax(410px,.98fr);
    overflow: hidden;
    border: 1px solid rgba(205,219,242,.9);
    border-radius: 34px;
    background: #fff;
    box-shadow: 0 28px 70px rgba(34,64,118,.16);
}
.cv-auth-intro {
    position: relative;
    min-width: 0;
    padding: clamp(46px,5vw,78px);
    overflow: hidden;
    color: #fff;
    background: linear-gradient(145deg,#0c2d65 0%,#164d9b 56%,#654fb1 100%);
}
.cv-auth-intro::before,
.cv-auth-intro::after { content: ""; position: absolute; border-radius: 50%; pointer-events: none; }
.cv-auth-intro::before { width: 290px; height: 290px; right: -115px; top: -115px; background: rgba(122,203,255,.16); }
.cv-auth-intro::after { width: 220px; height: 220px; left: -105px; bottom: -108px; background: rgba(215,147,255,.15); }
.cv-auth-wave { position: absolute; inset: auto -14% 6% 8%; width: 108%; height: 43%; color: rgba(156,213,255,.27); opacity: .76; pointer-events: none; }
.cv-auth-kicker { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 8px; color: #d8e9ff; font-size: 12px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.cv-auth-kicker .cv-icon { width: 18px; height: 18px; }
.cv-auth-intro h1 { position: relative; z-index: 1; margin: 22px 0 18px; font-size: clamp(45px,4.1vw,68px); line-height: 1.02; letter-spacing: -.045em; }
.cv-auth-intro > p { position: relative; z-index: 1; width: min(100%,500px); margin: 0; color: #d8e5f8; font-size: 16px; line-height: 1.72; }
.cv-auth-coupon-link { position: relative; z-index: 1; width: fit-content; margin-top: 18px; padding: 8px 12px; display: inline-flex; align-items: center; gap: 7px; color: #eff7ff; border: 1px solid rgba(220,237,255,.34); border-radius: 10px; background: rgba(255,255,255,.08); font-size: 12px; font-weight: 900; }
.cv-auth-coupon-link:hover { color: #fff; border-color: rgba(220,237,255,.55); background: rgba(255,255,255,.14); }
.cv-auth-coupon-link .cv-icon { width: 16px; height: 16px; }
.cv-auth-intro ul { position: relative; z-index: 1; list-style: none; margin: clamp(34px,4vw,58px) 0 0; padding: 0; display: grid; gap: 15px; }
.cv-auth-intro li { display: flex; align-items: center; gap: 12px; color: #f1f6ff; font-size: 14px; font-weight: 800; }
.cv-auth-intro li .cv-icon { width: 26px; height: 26px; padding: 4px; color: #bcecff; border-radius: 50%; background: rgba(255,255,255,.1); }
.cv-auth-panel { min-width: 0; padding: clamp(36px,4.2vw,66px) clamp(32px,4.5vw,70px); }
.cv-auth-switch { padding: 5px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px; border-radius: 15px; background: #edf3fb; }
.cv-auth-switch a { min-height: 43px; padding: 8px 14px; display: grid; place-items: center; color: #60708a; border: 0; border-radius: 11px; background: transparent; font-size: 13px; font-weight: 900; cursor: pointer; }
.cv-auth-switch a.is-active { color: #0d5fdc; background: #fff; box-shadow: 0 5px 13px rgba(45,77,129,.11); }
.cv-auth-heading { margin: 30px 0 22px; }
.cv-auth-heading h2 { margin: 0; color: #102d59; font-size: 28px; letter-spacing: -.02em; }
.cv-auth-heading p { margin: 7px 0 0; color: #6b7a91; font-size: 14px; }
.cv-auth-form { display: grid; gap: 16px; }
.cv-auth-form > label:not(.cv-auth-remember),
.cv-settings-profile label,
.cv-ticket-form label { min-width: 0; display: grid; gap: 7px; color: #314a70; font-size: 12px; font-weight: 900; }
.cv-field { min-width: 0; height: 50px; padding: 0 14px; display: grid; grid-template-columns: auto minmax(0,1fr); gap: 10px; align-items: center; border: 1px solid #d6e2f3; border-radius: 13px; background: #fbfdff; transition: border-color .2s ease,box-shadow .2s ease,background .2s ease; }
.cv-field:focus-within { border-color: #75aef7; background: #fff; box-shadow: 0 0 0 4px rgba(26,112,238,.1); }
.cv-field .cv-icon { width: 18px; height: 18px; color: #7890b0; }
.cv-field input { min-width: 0; width: 100%; height: 100%; padding: 0; color: #18355e; border: 0; outline: 0; background: transparent; font-size: 14px; }
.cv-field input::placeholder { color: #9aa9bc; }
.cv-auth-remember { display: flex; align-items: center; gap: 9px; color: #60718a; font-size: 12px; cursor: pointer; }
.cv-auth-remember input { width: 17px; height: 17px; accent-color: #166ce8; }
.cv-auth-submit,
.cv-ticket-form button,
.cv-settings-profile > form > button,
.cv-account-quick-support button { min-height: 49px; padding: 10px 18px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; color: #fff; border: 0; border-radius: 13px; background: linear-gradient(120deg,#1478f3,#075ddd); box-shadow: 0 10px 22px rgba(21,102,226,.2); font-size: 13px; font-weight: 900; cursor: pointer; }
.cv-auth-submit .cv-icon,
.cv-ticket-form button .cv-icon,
.cv-account-quick-support button .cv-icon { width: 17px; height: 17px; }
.cv-form-alert,
.cv-account-alert { min-width: 0; margin: 16px 0 0; padding: 12px 14px; color: #a12e3f; border: 1px solid #f3c7cf; border-radius: 12px; background: #fff3f5; font-size: 13px; font-weight: 800; }
.cv-account-alert { margin: 0 0 17px; display: flex; align-items: center; gap: 9px; }
.cv-account-alert.is-success { color: #14704d; border-color: #bfe6d3; background: #effbf5; }
.cv-account-alert.is-notice { align-items: flex-start; color: #185c9b; border-color: #bfdcf8; background: #eff7ff; }
.cv-account-alert.is-attention { align-items: flex-start; color: #805819; border-color: #efdaa9; background: #fff9e9; }
.cv-account-alert > div { min-width: 0; display: grid; gap: 3px; }
.cv-account-alert > div strong { color: currentColor; font-size: 13px; }
.cv-account-alert > div span { font-weight: 650; line-height: 1.5; }
.cv-account-alert .cv-icon { width: 18px; height: 18px; }
.cv-auth-divider { margin: 22px 0 17px; display: flex; align-items: center; gap: 13px; color: #8795a9; font-size: 11px; }
.cv-auth-divider::before,
.cv-auth-divider::after { content: ""; height: 1px; flex: 1; background: #e1e8f2; }
.cv-auth-panel .cv-google-button { width: 100%; min-height: 49px; justify-content: center; border-radius: 13px; box-shadow: none; font-size: 13px; }
.cv-auth-panel .cv-google-button svg { width: 20px; height: 20px; }
.cv-auth-legal { margin: 19px 0 0; color: #8491a4; font-size: 11px; line-height: 1.55; text-align: center; }
.cv-auth-legal a { color: #1768de; font-weight: 800; }
.cv-coupon-card { width: min(100%,960px); grid-template-columns: minmax(0,1fr) minmax(360px,.82fr); }
.cv-coupon-panel { display: flex; flex-direction: column; justify-content: center; }
.cv-coupon-form { width: 100%; }
.cv-coupon-success { display: flex; align-items: center; gap: 14px; color: #165f45; }
.cv-coupon-success > .cv-icon { width: 42px; height: 42px; padding: 8px; flex: 0 0 auto; color: #15704f; border-radius: 50%; background: #e5f8ef; }
.cv-coupon-success h2 { margin: 0; color: #12365f; font-size: 27px; }
.cv-coupon-success p { margin: 5px 0 0; color: #62758e; font-size: 14px; }
.cv-coupon-plan-link { width: 100%; margin-top: 26px; }

/* Account workspace */
.cv-account-shell {
    width: min(100%,1600px);
    min-width: 0;
    margin: 0 auto;
    padding: clamp(24px,2.3vw,38px);
    display: grid;
    grid-template-columns: 244px minmax(0,1fr);
    gap: clamp(23px,2.2vw,36px);
    align-items: start;
}
.cv-account-nav {
    position: sticky;
    top: calc(var(--cv-topbar) + 24px);
    min-width: 0;
    min-height: calc(100svh - var(--cv-topbar) - 48px);
    padding: 17px;
    display: flex;
    flex-direction: column;
    border: 1px solid #dce6f4;
    border-radius: 24px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 14px 36px rgba(40,70,117,.08);
}
.cv-account-nav__identity { min-width: 0; padding: 5px 5px 18px; display: grid; grid-template-columns: 52px minmax(0,1fr); gap: 11px; align-items: center; border-bottom: 1px solid #e6edf6; }
.cv-account-nav__identity > img,
.cv-account-nav__identity > span { width: 52px; height: 52px; display: grid; place-items: center; object-fit: cover; color: #fff; border-radius: 17px; background: linear-gradient(140deg,#2284f4,#7655e4); font-size: 20px; font-weight: 900; }
.cv-account-nav__identity > div { min-width: 0; display: grid; gap: 3px; }
.cv-account-nav__identity strong,
.cv-account-nav__identity small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cv-account-nav__identity strong { color: #16325b; font-size: 13px; }
.cv-account-nav__identity small { color: #8190a6; font-size: 10px; }
.cv-account-nav nav { min-width: 0; margin-top: 17px; display: grid; gap: 5px; }
.cv-account-nav nav a,
.cv-account-nav nav button,
.cv-account-nav__bottom a,
.cv-account-nav__bottom button { min-width: 0; min-height: 44px; padding: 9px 11px; display: flex; align-items: center; gap: 11px; color: #50627d; border: 0; border-radius: 12px; background: transparent; font-size: 12px; font-weight: 900; white-space: nowrap; cursor: pointer; }
.cv-account-nav nav a .cv-icon,
.cv-account-nav nav button .cv-icon,
.cv-account-nav__bottom .cv-icon { width: 19px; height: 19px; }
.cv-account-nav nav a:hover,
.cv-account-nav nav a.is-active { color: #0a63e3; background: #ebf3ff; }
.cv-account-nav__bottom { margin-top: auto; padding-top: 16px; display: grid; gap: 4px; border-top: 1px solid #e6edf6; }
.cv-account-nav__bottom form { margin: 0; }
.cv-account-nav__bottom button { width: 100%; color: #9c4050; }
.cv-account-nav__team-mobile { display: none !important; }
.cv-account-nav__bottom button.cv-account-team-trigger { color: #145fca; background: #eef6ff; }
.cv-account-team-trigger > span { min-width: 0; width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.cv-account-team-trigger small { min-width: 34px; padding: 3px 6px; color: #fff; border-radius: 999px; background: #1a70e8; font-size: 9px; text-align: center; }
.cv-account-content { min-width: 0; }

html.cv-team-modal-open { overflow: hidden; }
.cv-team-modal { position: fixed; z-index: 220; inset: 0; padding: 24px; display: grid; place-items: center; }
.cv-team-modal__backdrop { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: rgba(13,31,60,.58); backdrop-filter: blur(7px); cursor: pointer; }
.cv-team-dialog { position: relative; width: min(100%,620px); max-height: min(820px,calc(100svh - 48px)); padding: 25px; overflow: auto; border: 1px solid rgba(207,222,242,.94); border-radius: 24px; background: #fff; box-shadow: 0 28px 80px rgba(16,39,78,.28); }
.cv-team-dialog > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.cv-team-dialog > header span,
.cv-team-members > span,
.cv-team-dialog form label > span,
.cv-team-credentials label > span { color: #1a6ee7; font-size: 9px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.cv-team-dialog > header h2 { margin: 5px 0 0; color: #12315c; font-size: 25px; letter-spacing: -.025em; }
.cv-team-dialog > header > button { width: 37px; height: 37px; display: grid; place-items: center; flex: 0 0 auto; color: #61738d; border: 1px solid #dce6f3; border-radius: 11px; background: #f7faff; cursor: pointer; }
.cv-team-dialog > header > button .cv-icon { width: 18px; height: 18px; }
.cv-team-credentials { margin-top: 18px; padding: 17px; display: grid; grid-template-columns: 40px minmax(0,1fr); gap: 11px 12px; border: 1px solid #bce4d0; border-radius: 17px; background: #effbf5; }
.cv-team-credentials > span { width: 40px; height: 40px; display: grid; place-items: center; color: #137451; border-radius: 12px; background: #d7f3e5; }
.cv-team-credentials > span .cv-icon { width: 21px; height: 21px; }
.cv-team-credentials > div { min-width: 0; }
.cv-team-credentials h3 { margin: 1px 0 3px; color: #145b42; font-size: 16px; }
.cv-team-credentials p { margin: 0; color: #4a7364; font-size: 11px; line-height: 1.5; }
.cv-team-credentials label,
.cv-team-credentials > small,
.cv-team-copy-all { grid-column: 1/-1; }
.cv-team-credentials label { display: grid; gap: 5px; }
.cv-team-credentials label > div { min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) auto; }
.cv-team-credentials input { min-width: 0; height: 42px; padding: 9px 11px; color: #17375e; border: 1px solid #cfe0d8; border-radius: 10px 0 0 10px; background: #fff; font: 800 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; }
.cv-team-credentials label button { min-width: 70px; color: #146344; border: 1px solid #b8dbc9; border-radius: 0 10px 10px 0; background: #e3f6ec; font-size: 11px; font-weight: 900; cursor: pointer; }
.cv-team-copy-all { min-height: 41px; color: #fff; border: 0; border-radius: 11px; background: #147552; font-size: 11px; font-weight: 900; cursor: pointer; }
.cv-team-credentials > small { color: #668176; font-size: 9px; line-height: 1.5; }
.cv-team-plan-note { margin-top: 18px; padding: 14px; display: grid; grid-template-columns: 34px minmax(0,1fr) auto; gap: 11px; align-items: center; border: 1px solid #dce7f5; border-radius: 15px; background: #f7faff; }
.cv-team-plan-note > .cv-icon { width: 20px; height: 20px; color: #1b72e8; justify-self: center; }
.cv-team-plan-note p { margin: 0; color: #5f718a; font-size: 11px; line-height: 1.5; }
.cv-team-plan-note strong { color: #1c5dac; font-size: 10px; white-space: nowrap; }
.cv-team-members { margin-top: 17px; display: grid; gap: 7px; }
.cv-team-members > span { margin-bottom: 2px; }
.cv-team-members article { min-width: 0; padding: 10px; display: grid; grid-template-columns: 36px minmax(0,1fr) auto; gap: 10px; align-items: center; border: 1px solid #e1e9f4; border-radius: 12px; }
.cv-team-members article > span { width: 36px; height: 36px; display: grid; place-items: center; color: #fff; border-radius: 11px; background: linear-gradient(140deg,#2284f4,#7655e4); font-size: 12px; font-weight: 900; }
.cv-team-members article > div { min-width: 0; display: grid; gap: 2px; }
.cv-team-members article strong,
.cv-team-members article small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cv-team-members article strong { color: #203e65; font-size: 11px; }
.cv-team-members article small { color: #7d8ca0; font-size: 9px; }
.cv-team-members article em { padding: 4px 7px; color: #147451; border-radius: 999px; background: #e8f8f0; font-size: 8px; font-style: normal; font-weight: 900; text-transform: uppercase; }
.cv-team-dialog > form { margin-top: 17px; display: grid; gap: 7px; }
.cv-team-dialog > form label { display: grid; gap: 6px; }
.cv-team-dialog > form input { width: 100%; min-width: 0; height: 46px; padding: 10px 12px; color: #17365e; border: 1px solid #d5e1f0; border-radius: 12px; background: #fff; font-size: 12px; outline: none; }
.cv-team-dialog > form input:focus { border-color: #4c92ed; box-shadow: 0 0 0 3px rgba(31,117,230,.12); }
.cv-team-dialog > form > button { min-height: 45px; margin-top: 4px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; color: #fff; border: 0; border-radius: 12px; background: linear-gradient(120deg,#167af4,#075ddd); font-size: 12px; font-weight: 900; cursor: pointer; }
.cv-team-dialog > form > button .cv-icon { width: 17px; height: 17px; }
.cv-team-field-error { margin: 0; color: #ae3042; font-size: 10px; font-weight: 800; }
.cv-team-full { margin: 17px 0 0; padding: 12px; display: flex; align-items: center; gap: 9px; color: #176345; border: 1px solid #c8e9d8; border-radius: 12px; background: #effbf5; font-size: 11px; font-weight: 850; }
.cv-team-full .cv-icon { width: 18px; height: 18px; }
.cv-account-heading { min-width: 0; margin: 2px 0 22px; display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.cv-account-heading > div { min-width: 0; }
.cv-account-heading > div > span,
.cv-account-panel-title span,
.cv-account-usage-card header span,
.cv-account-plan-card header span,
.cv-current-plan > div > span,
.cv-support-guide + span,
.cv-account-security > span { color: #1a6ee7; font-size: 10px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.cv-account-heading h1 { margin: 7px 0 4px; color: #102c57; font-size: clamp(29px,2.4vw,43px); line-height: 1.1; letter-spacing: -.035em; }
.cv-account-heading p { max-width: 760px; margin: 0; color: #6b7b92; font-size: 13px; line-height: 1.55; }
.cv-account-heading-actions { display: flex; align-items: center; gap: 9px; flex: 0 0 auto; }
.cv-account-primary,
.cv-account-secondary { min-height: 43px; padding: 9px 15px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; flex: 0 0 auto; border-radius: 12px; font-size: 12px; font-weight: 900; white-space: nowrap; }
.cv-account-primary { color: #fff; border: 1px solid transparent; background: linear-gradient(120deg,#167af4,#075ddb); box-shadow: 0 9px 20px rgba(15,96,219,.18); }
.cv-account-secondary { color: #175fc8; border: 1px solid #c8daf3; background: #f6faff; }
button.cv-account-secondary { cursor: pointer; }
.cv-account-primary .cv-icon,
.cv-account-secondary .cv-icon { width: 17px; height: 17px; }
.cv-account-stats { min-width: 0; margin-bottom: 20px; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 13px; }
.cv-account-stats article { min-width: 0; min-height: 107px; padding: 17px; display: grid; grid-template-columns: 42px minmax(0,1fr); gap: 12px; align-items: center; border: 1px solid #dce6f3; border-radius: 18px; background: #fff; box-shadow: 0 8px 22px rgba(42,72,119,.055); }
.cv-account-stats article > span { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px; background: color-mix(in srgb,currentColor 12%,white); }
.cv-account-stats .cv-icon { width: 21px; height: 21px; }
.cv-account-stats article > div { min-width: 0; display: grid; gap: 1px; }
.cv-account-stats small { color: #75849a; font-size: 10px; font-weight: 800; }
.cv-account-stats strong { overflow: hidden; color: #17355f; font-size: clamp(19px,1.45vw,26px); line-height: 1.15; text-overflow: ellipsis; }
.cv-account-stats em { overflow: hidden; color: #8794a7; font-size: 9px; font-style: normal; white-space: nowrap; text-overflow: ellipsis; }
.cv-account-panel { min-width: 0; padding: 20px; border: 1px solid #dce6f3; border-radius: 20px; background: #fff; box-shadow: 0 9px 25px rgba(42,72,119,.055); }
.cv-account-overview-grid { min-width: 0; margin-bottom: 18px; display: grid; grid-template-columns: minmax(0,1.55fr) minmax(265px,.75fr); gap: 18px; }
.cv-account-usage-card > header,
.cv-account-plan-card > header,
.cv-account-panel-title { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.cv-account-usage-card h2,
.cv-account-panel-title h2 { margin: 4px 0 0; color: #17335b; font-size: 17px; }
.cv-account-usage-card header a,
.cv-account-plan-card header a,
.cv-account-panel-title > a { color: #1769dd; font-size: 10px; font-weight: 900; white-space: nowrap; }
.cv-account-meter { height: 9px; margin: 20px 0 9px; overflow: hidden; border-radius: 999px; background: #eaf0f8; }
.cv-account-meter i { display: block; width: min(100%,var(--value)); height: 100%; border-radius: inherit; background: linear-gradient(90deg,#197bf3,#7054e5); }
.cv-account-usage-card > p { margin: 0; color: #74839a; font-size: 11px; }
.cv-account-tool-links { margin-top: 17px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.cv-account-tool-links a { min-width: 0; min-height: 37px; padding: 8px 10px; display: flex; align-items: center; gap: 8px; color: #385577; border: 1px solid #dce7f5; border-radius: 11px; background: #f8fbff; font-size: 10px; font-weight: 900; }
.cv-account-tool-links .cv-icon { width: 16px; height: 16px; color: #2576e8; }
.cv-account-plan-card { background: linear-gradient(145deg,#102f63,#274e91 64%,#684e9f); }
.cv-account-plan-card header span,
.cv-account-plan-card header a,
.cv-account-plan-card h2,
.cv-account-plan-card > strong,
.cv-account-plan-card dt,
.cv-account-plan-card dd { color: #fff; }
.cv-account-plan-card h2 { margin: 17px 0 4px; font-size: 27px; }
.cv-account-plan-card > p { min-height: 34px; margin: 0; color: #ccdaf0; font-size: 11px; line-height: 1.5; }
.cv-account-plan-card > strong { margin-top: 16px; display: block; font-size: 27px; }
.cv-account-plan-card > strong small { margin-left: 3px; color: #c6d5eb; font-size: 10px; }
.cv-account-plan-card dl { margin: 16px 0; padding: 12px 0; display: grid; gap: 7px; border-block: 1px solid rgba(255,255,255,.16); }
.cv-account-plan-card dl div { display: flex; justify-content: space-between; gap: 12px; }
.cv-account-plan-card dt,
.cv-account-plan-card dd { margin: 0; font-size: 10px; }
.cv-account-plan-card .cv-account-secondary { width: 100%; color: #174f9d; border: 0; background: #fff; }
.cv-account-split { min-width: 0; margin-top: 18px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.cv-account-list { margin-top: 13px; display: grid; }
.cv-account-list article { min-width: 0; min-height: 58px; padding: 10px 0; display: grid; grid-template-columns: 36px minmax(0,1fr) auto auto; gap: 10px; align-items: center; border-bottom: 1px solid #edf1f6; }
.cv-account-list article:last-child { border-bottom: 0; }
.cv-account-list__icon { width: 34px; height: 34px; display: grid; place-items: center; color: #1a72e8; border-radius: 10px; background: #edf5ff; }
.cv-account-list__icon .cv-icon { width: 17px; height: 17px; }
.cv-account-list article > div { min-width: 0; display: grid; gap: 2px; }
.cv-account-list article strong,
.cv-account-list article small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cv-account-list article strong { color: #294363; font-size: 11px; }
.cv-account-list article small { color: #8794a7; font-size: 9px; }
.cv-account-list article em,
.cv-status,
.cv-ticket-status { padding: 4px 7px; color: #85631d; border-radius: 999px; background: #fff5d9; font-size: 8px; font-style: normal; font-weight: 900; white-space: nowrap; }
.cv-account-list article em.is-succeeded,
.cv-status.is-paid,
.cv-status.is-refunded,
.cv-ticket-status.is-resolved,
.cv-ticket-status.is-replied { color: #187050; background: #e8f8f0; }
.cv-status.is-refund_pending { color: #185c9b; background: #eaf4ff; }
.cv-account-list article em.is-failed,
.cv-status.is-failed,
.cv-status.is-refund_failed,
.cv-status.is-disputed,
.cv-ticket-status.is-closed { color: #a43c4e; background: #fff0f2; }
.cv-account-list article > b { color: #435875; font-size: 10px; white-space: nowrap; }
.cv-account-list article > b.is-positive,
.cv-account-table-wrap td.is-positive { color: #13845a; }
.cv-icon-link { width: 29px; height: 29px; display: grid; place-items: center; color: #1768dc; border: 1px solid #d9e5f4; border-radius: 9px; }
.cv-icon-link .cv-icon { width: 15px; height: 15px; }
.cv-account-empty { min-height: 128px; padding: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; color: #8492a6; text-align: center; }
.cv-account-empty.is-wide { grid-column: 1/-1; }
.cv-account-empty .cv-icon { width: 26px; height: 26px; color: #72a0e4; }
.cv-account-empty strong { color: #3a516f; font-size: 12px; }
.cv-account-empty p { margin: 0; font-size: 10px; line-height: 1.5; }
.cv-account-empty a { margin-top: 4px; color: #176add; font-size: 10px; font-weight: 900; }
.cv-account-quick-support > p { margin: 15px 0; color: #708097; font-size: 11px; line-height: 1.55; }
.cv-account-quick-support form { display: grid; gap: 9px; }
.cv-account-quick-support input,
.cv-account-quick-support textarea,
.cv-ticket-form input,
.cv-ticket-form textarea,
.cv-ticket-form select,
.cv-settings-profile input { min-width: 0; width: 100%; padding: 11px 13px; color: #203d65; border: 1px solid #d6e2f1; border-radius: 11px; outline: 0; background: #fbfdff; font-size: 11px; }
.cv-account-quick-support textarea { min-height: 71px; resize: vertical; }
.cv-account-quick-support input:focus,
.cv-account-quick-support textarea:focus,
.cv-ticket-form input:focus,
.cv-ticket-form textarea:focus,
.cv-ticket-form select:focus,
.cv-settings-profile input:focus { border-color: #79adf1; box-shadow: 0 0 0 3px rgba(31,115,229,.09); }
.cv-account-generation-grid { min-width: 0; margin-top: 16px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.cv-account-generation-grid > article { min-width: 0; overflow: hidden; border: 1px solid #dfe7f3; border-radius: 16px; background: #fbfdff; }
.cv-account-generation-icon { height: 82px; padding: 13px; display: grid; place-items: center; color: #79a8eb; background: linear-gradient(135deg,#eef6ff,#f1efff); }
.cv-account-generation-icon .cv-waveform { height: 48px; }
.cv-account-generation-grid > article > div:last-child { padding: 14px; }
.cv-account-generation-grid span { padding: 4px 7px; color: #7a611c; border-radius: 999px; background: #fff3cf; font-size: 8px; font-weight: 900; }
.cv-account-generation-grid span.is-succeeded { color: #14704d; background: #e8f8f0; }
.cv-account-generation-grid h3 { margin: 11px 0 5px; overflow: hidden; color: #294363; font-size: 12px; white-space: nowrap; text-overflow: ellipsis; }
.cv-account-generation-grid p { margin: 0; color: #8190a5; font-size: 9px; }
.cv-account-generation-grid dl { margin: 12px 0 0; padding-top: 10px; display: flex; justify-content: space-between; gap: 12px; border-top: 1px solid #e8eef6; }
.cv-account-generation-grid dl div { display: grid; gap: 2px; }
.cv-account-generation-grid dt { color: #8b98aa; font-size: 8px; }
.cv-account-generation-grid dd { margin: 0; color: #405774; font-size: 9px; font-weight: 900; }
.cv-account-generation-downloads { min-width: 0; margin-top: 11px; padding-top: 10px; display: grid; gap: 8px; border-top: 1px solid #e8eef6; }
.cv-account-generation-downloads > div { min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 7px; align-items: center; }
.cv-account-generation-downloads audio { min-width: 0; width: 100%; height: 34px; }
.cv-account-generation-downloads a,
.cv-account-list__download { min-height: 32px; padding: 6px 9px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; color: #1264d8; border: 1px solid #c7daef; border-radius: 9px; background: #fff; font-size: 8px; font-weight: 950; white-space: nowrap; }
.cv-account-generation-downloads a .cv-icon,
.cv-account-list__download .cv-icon { width: 12px; height: 12px; }
.cv-account-generation-unavailable { margin-top: 10px; padding-top: 9px; display: block; color: #8a96a7; border-top: 1px solid #e8eef6; font-size: 8px; line-height: 1.45; }
.cv-account-list__download { width: max-content; margin-top: 6px; }
.cv-account-table-panel { margin-top: 18px; }
.cv-account-table-wrap { width: 100%; min-width: 0; margin-top: 14px; overflow-x: auto; }
.cv-account-table-wrap { contain: inline-size; }
.cv-account-table-wrap table,
.cv-invoice table { width: 100%; border-collapse: collapse; }
.cv-account-table-wrap th,
.cv-account-table-wrap td { padding: 12px 10px; color: #536781; border-bottom: 1px solid #e9eef5; font-size: 10px; text-align: left; white-space: nowrap; }
.cv-account-table-wrap th { color: #8491a3; background: #f8faff; font-size: 9px; text-transform: uppercase; }
.cv-account-table-wrap th.number,
.cv-account-table-wrap td.number,
.cv-invoice .number { text-align: right; }
.cv-table-action { display: inline-flex; align-items: center; gap: 5px; color: #1769dd; font-weight: 900; }
.cv-table-action .cv-icon { width: 14px; height: 14px; }
.cv-account-pagination { min-width: 0; margin-top: 16px; color: #59708f; font-size: 10px; }
.cv-account-pagination nav > div:first-child { display: none; }
.cv-account-pagination nav > div:last-child { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.cv-account-pagination nav span,
.cv-account-pagination nav a { max-width: 100%; }
.cv-current-plan { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(330px,.9fr) auto; gap: 22px; align-items: center; }
.cv-current-plan h2 { margin: 4px 0; color: #17345d; font-size: 24px; }
.cv-current-plan p { margin: 0; color: #748299; font-size: 10px; }
.cv-current-plan > strong { color: #12365f; font-size: 29px; }
.cv-current-plan > strong small { color: #8190a5; font-size: 10px; }
.cv-current-plan dl { margin: 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; }
.cv-current-plan dl div { padding-left: 13px; border-left: 1px solid #e1e8f2; }
.cv-current-plan dt { color: #8794a7; font-size: 8px; }
.cv-current-plan dd { margin: 3px 0 0; color: #354e6e; font-size: 10px; font-weight: 900; }
.cv-current-plan > a { color: #1768db; font-size: 10px; font-weight: 900; white-space: nowrap; }
.cv-account-plan-options { margin-top: 25px; }
.cv-account-plan-options > .cv-account-panel-title { margin-bottom: 14px; }
.cv-account-plan-options > .cv-account-panel-title p { max-width: 330px; margin: 0; color: #7c899c; font-size: 10px; text-align: right; }
.cv-account-payment-methods { width: min(100%,520px); margin: 0 0 16px auto; overflow: hidden; }
.cv-account-plan-options > div { min-width: 0; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.cv-account-plan-options article { min-width: 0; padding: 17px; display: flex; flex-direction: column; border: 1px solid #dce5f2; border-radius: 17px; background: #fff; }
.cv-account-plan-options article.is-current { border-color: #65a0ef; box-shadow: inset 0 0 0 1px #65a0ef; }
.cv-account-plan-options article > span { color: #2971d5; font-size: 8px; font-weight: 900; text-transform: uppercase; }
.cv-account-plan-options h3 { margin: 7px 0 10px; color: #1f3d64; font-size: 18px; }
.cv-account-plan-options article > strong { color: #13355e; font-size: 27px; }
.cv-account-plan-options article > strong small { color: #8190a5; font-size: 9px; }
.cv-account-plan-options article p { min-height: 34px; margin: 9px 0; color: #75839a; font-size: 10px; line-height: 1.5; }
.cv-account-plan-options article b { color: #445b78; font-size: 10px; }
.cv-account-plan-options article a,
.cv-account-plan-options article button { width: 100%; min-height: 36px; margin-top: 14px; display: grid; place-items: center; color: #1566d8; border: 1px solid #cdddf1; border-radius: 10px; background: #f7faff; font-size: 10px; font-weight: 900; cursor: pointer; }
.cv-account-plan-options article form { margin-top: auto; }
.cv-account-plan-options article form button { margin-top: 14px; }
.cv-support-grid { min-width: 0; display: grid; grid-template-columns: minmax(0,1.4fr) minmax(250px,.6fr); gap: 18px; align-items: start; }
.cv-ticket-form form { margin-top: 17px; display: grid; gap: 14px; }
.cv-ticket-form form > div { min-width: 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.cv-ticket-form textarea { min-height: 145px; resize: vertical; }
.cv-ticket-form button { justify-self: start; min-width: 145px; }
.cv-support-guide { display: grid; gap: 11px; }
.cv-support-guide article { min-width: 0; padding: 16px; display: grid; grid-template-columns: 36px minmax(0,1fr); gap: 11px; border: 1px solid #dce6f3; border-radius: 15px; background: #fff; }
.cv-support-guide .cv-icon { width: 25px; height: 25px; color: #2674e1; }
.cv-support-guide div { min-width: 0; }
.cv-support-guide strong { color: #314c70; font-size: 11px; }
.cv-support-guide p { margin: 4px 0 0; color: #8190a5; font-size: 9px; line-height: 1.5; }
.cv-ticket-history { margin-top: 18px; }
.cv-ticket-list { margin-top: 14px; display: grid; gap: 8px; }
.cv-ticket-list details { border: 1px solid #e0e8f3; border-radius: 13px; background: #fbfdff; }
.cv-ticket-list summary { min-width: 0; padding: 13px; display: flex; gap: 11px; align-items: center; list-style: none; cursor: pointer; }
.cv-ticket-list summary::-webkit-details-marker { display: none; }
.cv-ticket-list summary > div { min-width: 0; flex: 1 1 auto; display: grid; gap: 2px; }
.cv-ticket-list summary strong,
.cv-ticket-list summary small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cv-ticket-list summary strong { color: #304a6b; font-size: 11px; }
.cv-ticket-list summary small { color: #8996a8; font-size: 9px; }
.cv-ticket-list summary em { color: #667991; font-size: 8px; font-style: normal; }
.cv-ticket-list summary .cv-icon { width: 16px; height: 16px; color: #7f8ca0; transition: rotate .2s ease; }
.cv-ticket-list details[open] summary .cv-icon { rotate: 180deg; }
.cv-ticket-list details > div { padding: 0 14px 14px 115px; color: #596d87; font-size: 10px; line-height: 1.65; }
.cv-ticket-list details > div p { white-space: pre-wrap; }
.cv-ticket-list details > div aside { margin-top: 12px; padding: 13px; border-radius: 11px; background: #eef5ff; }
.cv-ticket-list details > div aside p { margin: 6px 0; }
.cv-settings-grid { min-width: 0; display: grid; grid-template-columns: minmax(0,1.35fr) minmax(270px,.65fr); gap: 18px; align-items: start; }
.cv-settings-profile form { margin-top: 18px; display: grid; gap: 15px; }
.cv-settings-profile label small { color: #8b97a8; font-size: 9px; font-weight: 600; }
.cv-settings-profile fieldset { min-width: 0; margin: 5px 0 0; padding: 17px; display: grid; gap: 13px; border: 1px solid #dfe7f2; border-radius: 14px; }
.cv-settings-profile legend { padding: 0 7px; color: #426080; font-size: 10px; font-weight: 900; }
.cv-settings-profile > form > button { justify-self: start; min-width: 130px; }
.cv-account-security { color: #fff; background: linear-gradient(145deg,#102f62,#234c8d 62%,#5e4d9d); }
.cv-account-security > span { color: #c3d8f5; }
.cv-account-security h2 { margin: 5px 0 17px; font-size: 20px; }
.cv-account-security dl { margin: 0; display: grid; }
.cv-account-security dl div { padding: 11px 0; display: flex; justify-content: space-between; gap: 13px; border-bottom: 1px solid rgba(255,255,255,.14); }
.cv-account-security dt { color: #c5d4e9; font-size: 9px; }
.cv-account-security dd { margin: 0; font-size: 9px; font-weight: 900; text-align: right; }
.cv-account-security form { margin-top: 18px; }
.cv-account-security button { width: 100%; min-height: 39px; display: flex; align-items: center; justify-content: center; gap: 8px; color: #154e98; border: 0; border-radius: 11px; background: #fff; font-size: 10px; font-weight: 900; cursor: pointer; }
.cv-account-security button .cv-icon { width: 16px; height: 16px; }
.cv-invoice { min-width: 0; max-width: 940px; margin: 0 auto; padding: clamp(25px,3vw,43px); border: 1px solid #dce5f1; border-radius: 22px; background: #fff; box-shadow: 0 13px 35px rgba(42,72,119,.07); }
.cv-invoice > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.cv-invoice > header .cv-logo { font-size: 20px; }
.cv-invoice > header .cv-logo-mark { width: 43px; }
.cv-invoice > header p { margin: 8px 0 0; color: #8290a4; font-size: 10px; }
.cv-invoice-address { margin: 35px 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 40px; }
.cv-invoice-address > div > span { color: #8390a3; font-size: 9px; font-weight: 900; text-transform: uppercase; }
.cv-invoice-address > div > strong { margin-top: 7px; display: block; color: #294463; font-size: 13px; }
.cv-invoice-address p { margin: 4px 0 0; color: #6f7f96; font-size: 10px; }
.cv-invoice-address dl { margin: 7px 0 0; display: grid; gap: 6px; }
.cv-invoice-address dl div { display: flex; justify-content: space-between; gap: 15px; }
.cv-invoice-address dt,
.cv-invoice-address dd { margin: 0; color: #64758d; font-size: 10px; }
.cv-invoice-address dd { color: #344e6d; font-weight: 900; }
.cv-invoice th,
.cv-invoice td { padding: 14px 12px; color: #52677f; border-bottom: 1px solid #e7edf5; font-size: 10px; text-align: left; }
.cv-invoice th { color: #8290a4; background: #f8faff; }
.cv-invoice td small { margin-top: 3px; display: block; color: #8d99aa; }
.cv-invoice tfoot th { color: #223e61; font-size: 12px; }
.cv-invoice footer { margin-top: 27px; display: flex; justify-content: space-between; gap: 24px; color: #7e8ca0; font-size: 9px; }
.cv-invoice footer p { margin: 0; }
.cv-invoice footer a { color: #1768dc; font-weight: 900; white-space: nowrap; }

@media (max-width: 1280px) {
    .cv-account-shell { grid-template-columns: 218px minmax(0,1fr); padding-inline: 20px; gap: 20px; }
    .cv-account-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .cv-current-plan { grid-template-columns: minmax(0,1fr) auto; }
    .cv-current-plan dl { grid-column: 1/-1; }
    .cv-account-plan-options > div { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 1020px) {
    .cv-account-shell { display: block; padding-top: 14px; }
    .cv-account-nav { position: sticky; z-index: 82; top: var(--cv-topbar); width: 100%; min-height: 0; margin-bottom: 22px; padding: 7px; display: block; overflow: hidden; border-radius: 16px; }
    .cv-account-nav__identity,
    .cv-account-nav__bottom { display: none; }
    .cv-account-nav nav { margin: 0; display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; }
    .cv-account-nav nav::-webkit-scrollbar { display: none; }
    .cv-account-nav nav a,
    .cv-account-nav nav button { flex: 1 0 auto; min-height: 39px; padding: 8px 10px; justify-content: center; }
    .cv-account-nav nav button.cv-account-nav__team-mobile { display: flex !important; color: #075fda; background: #edf5ff; }
    .cv-account-overview-grid,
    .cv-support-grid,
    .cv-settings-grid { grid-template-columns: minmax(0,1fr); }
    .cv-account-generation-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 760px) {
    .cv-auth-screen { padding: 18px 12px 30px; }
    .cv-auth-card { grid-template-columns: minmax(0,1fr); border-radius: 25px; }
    .cv-auth-intro { padding: 32px 28px; }
    .cv-auth-wave { right: 0; width: 90%; height: 80%; opacity: .42; }
    .cv-auth-intro h1 { margin-block: 15px 12px; font-size: 39px; }
    .cv-auth-intro > p { font-size: 13px; }
    .cv-auth-intro ul { margin-top: 21px; gap: 9px; }
    .cv-auth-intro li { font-size: 11px; }
    .cv-auth-panel { padding: 28px; }
    .cv-account-shell { padding-inline: 12px; }
    .cv-account-heading { align-items: flex-start; flex-direction: column; gap: 13px; }
    .cv-account-heading .cv-account-primary,
    .cv-account-heading .cv-account-secondary { width: 100%; }
    .cv-account-heading-actions { width: 100%; }
    .cv-account-split { grid-template-columns: minmax(0,1fr); }
    .cv-account-generation-grid { grid-template-columns: minmax(0,1fr); }
    .cv-current-plan { grid-template-columns: minmax(0,1fr); gap: 13px; }
    .cv-current-plan dl { grid-column: auto; }
    .cv-current-plan > a { justify-self: start; }
    .cv-account-plan-options > div { grid-template-columns: minmax(0,1fr); }
    .cv-account-plan-options > .cv-account-panel-title { align-items: flex-start; flex-direction: column; }
    .cv-account-plan-options > .cv-account-panel-title p { text-align: left; }
    .cv-invoice-address { grid-template-columns: minmax(0,1fr); gap: 22px; }
    .cv-team-modal { padding: 14px; }
    .cv-team-dialog { max-height: calc(100svh - 28px); padding: 20px; border-radius: 20px; }
    .cv-team-plan-note { grid-template-columns: 30px minmax(0,1fr); }
    .cv-team-plan-note strong { grid-column: 2; justify-self: start; }
}

@media (max-width: 520px) {
    .cv-account-body .cv-topbar,
    .cv-auth-body .cv-topbar { padding-inline: 13px; }
    .cv-account-body .cv-logo,
    .cv-auth-body .cv-logo { font-size: 19px; }
    .cv-account-body .cv-logo-mark,
    .cv-auth-body .cv-logo-mark { width: 38px; }
    .cv-account-body .cv-mobile-account,
    .cv-auth-body .cv-mobile-account { min-height: 36px; padding-inline: 9px; font-size: 10px; }
    .cv-account-heading-actions { flex-direction: column; }
    .cv-account-stats { grid-template-columns: minmax(0,1fr); }
    .cv-account-stats article { min-height: 88px; }
    .cv-account-panel { padding: 16px; border-radius: 17px; }
    .cv-account-nav nav { width: 100%; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); overflow: visible; }
    .cv-account-nav nav a,
    .cv-account-nav nav button { min-width: 0; padding-inline: 6px; font-size: 9px; }
    .cv-account-nav nav a .cv-icon,
    .cv-account-nav nav button .cv-icon { width: 16px; height: 16px; }
    .cv-account-tool-links { grid-template-columns: minmax(0,1fr); }
    .cv-account-list article { grid-template-columns: 34px minmax(0,1fr) auto; }
    .cv-account-list article > em { grid-column: 2; justify-self: start; }
    .cv-account-list article > .cv-icon-link { grid-column: 3; grid-row: 1 / span 2; }
    .cv-ticket-form form > div { grid-template-columns: minmax(0,1fr); }
    .cv-ticket-list summary > em { display: none; }
    .cv-ticket-list details > div { padding-left: 14px; }
    .cv-account-payment-methods { margin-right: auto; }
    .cv-account-table-wrap table { table-layout: fixed; }
    .cv-account-table-wrap th,
    .cv-account-table-wrap td { padding-inline: 5px; overflow-wrap: anywhere; white-space: normal; }
    .cv-account-table-wrap th:nth-child(3),
    .cv-account-table-wrap td:nth-child(3) { display: none; }
    .cv-account-table-wrap time { display: block; }
    .cv-invoice { padding-inline: 16px; }
    .cv-invoice > header { align-items: flex-end; }
    .cv-invoice table { display: block; overflow-x: auto; }
    .cv-invoice footer { flex-direction: column; }
    .cv-team-modal { padding: 8px; align-items: end; }
    .cv-team-dialog { width: 100%; max-height: calc(100svh - 16px); padding: 17px; border-radius: 19px; }
    .cv-team-dialog > header h2 { font-size: 22px; }
    .cv-team-credentials { grid-template-columns: 34px minmax(0,1fr); padding: 13px; }
    .cv-team-credentials > span { width: 34px; height: 34px; }
    .cv-team-credentials label > div { grid-template-columns: minmax(0,1fr) 58px; }
    .cv-team-credentials label button { min-width: 58px; }
    .cv-team-members article { grid-template-columns: 34px minmax(0,1fr); }
    .cv-team-members article > em { grid-column: 2; justify-self: start; }
}

@media print {
    .cv-account-body .cv-topbar,
    .cv-account-body .cv-account-nav,
    .cv-account-body .cv-account-heading { display: none !important; }
    .cv-account-body .cv-main { padding-top: 0; }
    .cv-account-shell { display: block; padding: 0; }
    .cv-invoice { max-width: none; border: 0; box-shadow: none; }
}

/* Signed-in account menu */
.cv-user-menu { position: relative; }
.cv-user-menu--mobile { display: none; }
.cv-user-menu__trigger { cursor: pointer; }
.cv-user-menu__trigger > .cv-icon { width: 15px; height: 15px; transition: rotate .18s ease; }
.cv-user-menu.is-open .cv-user-menu__trigger > .cv-icon { rotate: 180deg; }
.cv-user-menu__avatar {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    overflow: hidden;
    color: #fff;
    border-radius: 50%;
    background: linear-gradient(135deg,#1b7df6,#7a58e9);
    font-size: 13px;
    font-weight: 900;
}
.cv-user-menu__avatar img { width: 100%; height: 100%; object-fit: cover; }
.cv-user-menu__name { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.cv-header-account > .cv-user-menu__name { width: auto; height: auto; display: block; color: #173760; border-radius: 0; background: transparent; font-size: inherit; }
.cv-user-menu__panel {
    position: absolute;
    z-index: 160;
    top: calc(100% + 10px);
    right: 0;
    width: 232px;
    padding: 8px;
    color: #2e4769;
    border: 1px solid #d8e4f4;
    border-radius: 17px;
    background: #fff;
    box-shadow: 0 20px 45px rgba(31,59,104,.18);
}
.cv-user-menu__panel header { min-width: 0; padding: 9px 10px 11px; display: grid; gap: 2px; border-bottom: 1px solid #e8eef6; }
.cv-user-menu__panel header strong,
.cv-user-menu__panel header small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cv-user-menu__panel header strong { color: #17365f; font-size: 12px; }
.cv-user-menu__panel header small { color: #8492a5; font-size: 9px; }
.cv-top-actions .cv-user-menu__panel a,
.cv-user-menu__panel a,
.cv-user-menu__panel button {
    width: 100%;
    min-height: 40px;
    padding: 8px 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 9px;
    color: #445b78;
    border: 0;
    border-radius: 10px;
    background: transparent;
    box-shadow: none;
    font-size: 11px;
    font-weight: 900;
    cursor: pointer;
}
.cv-user-menu__panel a:hover,
.cv-user-menu__panel a:focus-visible { color: #0d63df; background: #edf5ff; }
.cv-user-menu__panel form { margin: 4px 0 0; padding-top: 4px; border-top: 1px solid #e8eef6; }
.cv-user-menu__panel button { color: #a13f52; }
.cv-user-menu__panel button:hover,
.cv-user-menu__panel button:focus-visible { background: #fff1f4; }
.cv-user-menu__panel .cv-icon { width: 17px; height: 17px; }

/* Choicer Voicer administration */
.cv-admin-body { background: #f3f7fd; }
.cv-admin-body .cv-main { min-width: 0; margin-left: 0; }
.cv-admin-shell {
    width: min(100%,1720px);
    min-width: 0;
    margin: 0 auto;
    padding: clamp(20px,2.2vw,36px);
    display: grid;
    grid-template-columns: 222px minmax(0,1fr);
    gap: clamp(20px,2vw,32px);
    align-items: start;
}
.cv-admin-nav {
    position: sticky;
    top: calc(var(--cv-topbar) + 20px);
    min-width: 0;
    min-height: calc(100svh - var(--cv-topbar) - 40px);
    padding: 14px;
    display: flex;
    flex-direction: column;
    border: 1px solid #d9e5f4;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 13px 34px rgba(38,69,117,.07);
}
.cv-admin-nav__brand { min-width: 0; padding: 5px 5px 16px; display: grid; grid-template-columns: 42px minmax(0,1fr); align-items: center; gap: 10px; border-bottom: 1px solid #e8eef6; }
.cv-admin-nav__brand > span { width: 42px; height: 42px; display: grid; place-items: center; color: #fff; border-radius: 13px; background: linear-gradient(140deg,#1678ed,#6e55df); }
.cv-admin-nav__brand > span .cv-icon { width: 20px; height: 20px; }
.cv-admin-nav__brand > div { min-width: 0; display: grid; gap: 1px; }
.cv-admin-nav__brand strong { color: #19375f; font-size: 14px; }
.cv-admin-nav__brand small { color: #8592a5; font-size: 9px; }
.cv-admin-nav nav { margin-top: 14px; display: grid; gap: 5px; }
.cv-admin-nav nav a,
.cv-admin-nav__bottom a { min-height: 43px; padding: 9px 11px; display: flex; align-items: center; gap: 10px; color: #52647e; border-radius: 11px; font-size: 11px; font-weight: 900; }
.cv-admin-nav nav a:hover,
.cv-admin-nav nav a.is-active { color: #0d64e2; background: #ebf3ff; }
.cv-admin-nav nav .cv-icon,
.cv-admin-nav__bottom .cv-icon { width: 18px; height: 18px; }
.cv-admin-nav__bottom { margin-top: auto; padding-top: 13px; display: grid; border-top: 1px solid #e8eef6; }
.cv-admin-content { min-width: 0; }
.cv-admin-heading { min-width: 0; margin: 2px 0 20px; display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; }
.cv-admin-heading > div { min-width: 0; }
.cv-admin-heading > div > span,
.cv-admin-panel-title > div > span { color: #176ce5; font-size: 9px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.cv-admin-heading h1 { margin: 6px 0 3px; color: #102d57; font-size: clamp(28px,2.2vw,40px); line-height: 1.08; letter-spacing: -.035em; }
.cv-admin-heading p { margin: 0; color: #718097; font-size: 11px; line-height: 1.55; }
.cv-admin-primary { min-height: 42px; padding: 9px 15px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; color: #fff; border-radius: 12px; background: linear-gradient(120deg,#1678ef,#095fdc); box-shadow: 0 10px 20px rgba(19,102,222,.18); font-size: 11px; font-weight: 900; white-space: nowrap; }
.cv-admin-primary .cv-icon { width: 17px; height: 17px; }
.cv-admin-alert { margin-bottom: 15px; padding: 11px 13px; display: flex; align-items: center; gap: 8px; color: #a13e51; border: 1px solid #efc8d0; border-radius: 12px; background: #fff2f5; font-size: 11px; font-weight: 900; }
.cv-admin-alert.is-success { color: #14704d; border-color: #bfe3d1; background: #effaf5; }
.cv-admin-alert .cv-icon { width: 17px; height: 17px; }
.cv-admin-stats { min-width: 0; display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 11px; }
.cv-admin-stats article { min-width: 0; min-height: 85px; padding: 14px; display: grid; grid-template-columns: 36px minmax(0,1fr); align-items: center; gap: 10px; border: 1px solid #dce6f3; border-radius: 16px; background: #fff; box-shadow: 0 8px 22px rgba(43,73,119,.04); }
.cv-admin-stats article > span { width: 36px; height: 36px; display: grid; place-items: center; color: #1b70e4; border-radius: 11px; background: #ecf4ff; }
.cv-admin-stats article.is-attention > span { color: #a66b0b; background: #fff5d9; }
.cv-admin-stats article.is-danger > span { color: #b33f50; background: #fff0f3; }
.cv-admin-stats .cv-icon { width: 18px; height: 18px; }
.cv-admin-stats article > div { min-width: 0; display: grid; gap: 3px; }
.cv-admin-stats small { overflow: hidden; color: #8491a4; font-size: 8px; white-space: nowrap; text-overflow: ellipsis; }
.cv-admin-stats strong { overflow: hidden; color: #17375f; font-size: clamp(17px,1.2vw,23px); white-space: nowrap; text-overflow: ellipsis; }
.cv-admin-overview-grid { min-width: 0; margin-top: 16px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.cv-admin-panel { min-width: 0; padding: 18px; border: 1px solid #dce6f3; border-radius: 18px; background: #fff; box-shadow: 0 9px 25px rgba(42,72,119,.045); }
.cv-admin-panel-title { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.cv-admin-panel-title h2 { margin: 3px 0 0; color: #17355d; font-size: 16px; }
.cv-admin-panel-title > a { color: #1769dd; font-size: 9px; font-weight: 900; white-space: nowrap; }
.cv-admin-compact-list { margin-top: 10px; display: grid; }
.cv-admin-compact-list > a { min-width: 0; min-height: 58px; padding: 9px 0; display: grid; grid-template-columns: 36px minmax(0,1fr) auto; align-items: center; gap: 9px; border-bottom: 1px solid #edf1f6; }
.cv-admin-compact-list > a:last-child { border-bottom: 0; }
.cv-admin-compact-list > a > div { min-width: 0; display: grid; gap: 2px; }
.cv-admin-compact-list strong,
.cv-admin-compact-list small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cv-admin-compact-list strong { color: #2a4465; font-size: 10px; }
.cv-admin-compact-list small { color: #8895a7; font-size: 8px; }
.cv-admin-avatar { width: 34px; height: 34px; display: grid; place-items: center; flex: 0 0 auto; color: #fff; border-radius: 11px; background: linear-gradient(140deg,#2a83ed,#7558e2); font-size: 11px; font-weight: 900; }
.cv-admin-badge,
.cv-admin-status { width: fit-content; max-width: 100%; padding: 4px 7px; display: inline-flex; align-items: center; justify-content: center; color: #416183; border-radius: 999px; background: #eef3f9; font-size: 7px; font-style: normal; font-weight: 900; white-space: nowrap; }
.cv-admin-badge.is-high,
.cv-admin-status.is-past_due,
.cv-admin-status.is-in_progress { color: #8a5a0c; background: #fff4d8; }
.cv-admin-badge.is-urgent,
.cv-admin-status.is-failed,
.cv-admin-status.is-unpaid { color: #a5374b; background: #fff0f3; }
.cv-admin-status.is-paid,
.cv-admin-status.is-active,
.cv-admin-status.is-resolved { color: #14704d; background: #eaf8f1; }
.cv-admin-status.is-open { color: #1764c9; background: #eaf3ff; }
.cv-admin-status.is-closed,
.cv-admin-status.is-void { color: #66758a; background: #edf1f5; }
.cv-admin-table-panel { margin-top: 16px; }
.cv-admin-table-wrap { width: 100%; min-width: 0; margin-top: 12px; overflow-x: auto; contain: inline-size; }
.cv-admin-table-wrap table { width: 100%; border-collapse: collapse; }
.cv-admin-table-wrap th,
.cv-admin-table-wrap td { min-width: 94px; padding: 11px 9px; color: #536780; border-bottom: 1px solid #e9eef5; font-size: 9px; text-align: left; vertical-align: middle; white-space: nowrap; }
.cv-admin-table-wrap th { color: #8592a4; background: #f8faff; font-size: 8px; text-transform: uppercase; }
.cv-admin-table-wrap td:first-child,
.cv-admin-table-wrap th:first-child { min-width: 126px; }
.cv-admin-table-wrap td small { margin-top: 2px; display: block; color: #8a97a8; font-size: 7.5px; }
.cv-admin-table-wrap th.number,
.cv-admin-table-wrap td.number { text-align: right; }
.cv-admin-table-wrap td.number a { color: #1769db; font-weight: 900; }
.cv-admin-user-cell { min-width: 0; display: grid; grid-template-columns: 34px minmax(0,1fr); align-items: center; gap: 9px; }
.cv-admin-user-cell > div { min-width: 0; }
.cv-admin-risk { margin-top: 5px; display: flex; align-items: center; gap: 4px; color: #ac3b4e; font-size: 7px; font-weight: 900; }
.cv-admin-risk .cv-icon { width: 11px; height: 11px; }
.cv-admin-doc-links { display: flex; gap: 7px; }
.cv-admin-doc-links a { display: inline-flex; align-items: center; gap: 3px; color: #1769dc; font-weight: 900; }
.cv-admin-doc-links .cv-icon { width: 12px; height: 12px; }
.cv-admin-empty { min-height: 112px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; color: #8391a5; text-align: center; }
.cv-admin-empty .cv-icon { width: 25px; height: 25px; color: #6d9de2; }
.cv-admin-empty strong { color: #3b526f; font-size: 11px; }
.cv-admin-empty p { margin: 0; font-size: 9px; }
.cv-admin-filter { min-width: 0; margin-bottom: 15px; padding: 9px; display: flex; align-items: center; gap: 8px; border: 1px solid #dce5f2; border-radius: 15px; background: #fff; }
.cv-admin-filter label { min-width: 160px; flex: 1; display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 8px; }
.cv-admin-filter label .cv-icon { width: 17px; height: 17px; color: #7f91aa; }
.cv-admin-filter input,
.cv-admin-filter select { min-width: 0; height: 37px; padding: 0 10px; color: #294363; border: 1px solid #d9e4f2; border-radius: 10px; outline: 0; background: #f9fbfe; font-size: 10px; }
.cv-admin-filter label input { width: 100%; padding: 0; border: 0; background: transparent; }
.cv-admin-filter button,
.cv-admin-filter > a { min-height: 37px; padding: 8px 13px; display: grid; place-items: center; color: #fff; border: 0; border-radius: 10px; background: #1269df; font-size: 9px; font-weight: 900; cursor: pointer; }
.cv-admin-filter > a { color: #4e6380; background: #edf2f8; }
.cv-admin-pagination { min-width: 0; margin-top: 15px; color: #59708f; font-size: 9px; }
.cv-admin-pagination nav > div:first-child { display: none; }
.cv-admin-pagination nav > div:last-child { display: flex; justify-content: space-between; gap: 12px; }
.cv-admin-ticket-stats { min-width: 0; margin-bottom: 14px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.cv-admin-ticket-stats a { min-height: 68px; padding: 13px 15px; display: flex; align-items: center; justify-content: space-between; gap: 10px; border: 1px solid #dce6f3; border-radius: 14px; background: #fff; }
.cv-admin-ticket-stats span { color: #76859a; font-size: 9px; font-weight: 900; }
.cv-admin-ticket-stats strong { color: #17365e; font-size: 21px; }
.cv-admin-ticket-list { display: grid; gap: 9px; }
.cv-admin-ticket { min-width: 0; border: 1px solid #dce6f3; border-radius: 16px; background: #fff; box-shadow: 0 7px 20px rgba(42,72,119,.035); scroll-margin-top: calc(var(--cv-topbar) + 20px); }
.cv-admin-ticket summary { min-width: 0; padding: 12px 14px; display: grid; grid-template-columns: 34px minmax(150px,1fr) auto auto auto auto; align-items: center; gap: 10px; list-style: none; cursor: pointer; }
.cv-admin-ticket summary::-webkit-details-marker { display: none; }
.cv-admin-ticket summary > div { min-width: 0; display: grid; gap: 2px; }
.cv-admin-ticket summary > div strong,
.cv-admin-ticket summary > div small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cv-admin-ticket summary > div strong { color: #294363; font-size: 10px; }
.cv-admin-ticket summary > div small,
.cv-admin-ticket summary > time { color: #8895a7; font-size: 8px; }
.cv-admin-ticket summary > .cv-icon { width: 16px; height: 16px; color: #7d8da2; transition: rotate .18s ease; }
.cv-admin-ticket[open] summary > .cv-icon { rotate: 180deg; }
.cv-admin-ticket__body { min-width: 0; padding: 0 14px 14px 58px; display: grid; grid-template-columns: minmax(0,1fr) minmax(280px,.72fr); gap: 14px; }
.cv-admin-ticket__conversation { min-width: 0; display: grid; align-content: start; gap: 9px; }
.cv-admin-ticket__conversation article { min-width: 0; padding: 13px; color: #526780; border-radius: 12px; background: #f5f8fc; font-size: 9px; }
.cv-admin-ticket__conversation article.is-admin { background: #edf5ff; }
.cv-admin-ticket__conversation header { display: flex; justify-content: space-between; gap: 10px; color: #304b6d; }
.cv-admin-ticket__conversation time,
.cv-admin-ticket__conversation small { color: #8795a8; font-size: 7px; }
.cv-admin-ticket__conversation p { margin: 8px 0; white-space: pre-wrap; line-height: 1.6; }
.cv-admin-ticket__body > form { min-width: 0; padding: 12px; display: grid; gap: 9px; border: 1px solid #dce6f3; border-radius: 12px; background: #fbfdff; }
.cv-admin-ticket__body form label { min-width: 0; display: grid; gap: 5px; color: #3c5677; font-size: 8px; font-weight: 900; }
.cv-admin-ticket__body form textarea,
.cv-admin-ticket__body form select { width: 100%; min-width: 0; padding: 8px 9px; color: #294363; border: 1px solid #d8e4f2; border-radius: 9px; background: #fff; font-size: 9px; }
.cv-admin-ticket__body form textarea { min-height: 88px; resize: vertical; }
.cv-admin-ticket__body form > div { min-width: 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.cv-admin-ticket__body form button { min-height: 35px; grid-column: 1/-1; display: inline-flex; align-items: center; justify-content: center; gap: 6px; color: #fff; border: 0; border-radius: 9px; background: #1269df; font-size: 9px; font-weight: 900; cursor: pointer; }
.cv-admin-ticket__body form button .cv-icon { width: 14px; height: 14px; }

@media (max-width: 1280px) {
    .cv-admin-shell { grid-template-columns: 198px minmax(0,1fr); padding-inline: 18px; gap: 18px; }
    .cv-admin-stats { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media (max-width: 920px) {
    .cv-admin-shell { display: block; padding-top: 13px; }
    .cv-admin-nav { position: sticky; z-index: 82; top: var(--cv-topbar); min-height: 0; margin-bottom: 18px; padding: 6px; display: block; border-radius: 14px; }
    .cv-admin-nav__brand,
    .cv-admin-nav__bottom { display: none; }
    .cv-admin-nav nav { margin: 0; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 3px; }
    .cv-admin-nav nav a { min-width: 0; min-height: 38px; padding: 7px 5px; justify-content: center; gap: 6px; font-size: 9px; }
    .cv-admin-nav nav .cv-icon { width: 16px; height: 16px; }
    .cv-admin-overview-grid { grid-template-columns: minmax(0,1fr); }
    .cv-admin-ticket__body { padding-left: 14px; grid-template-columns: minmax(0,1fr); }
}

@media (max-width: 640px) {
    .cv-user-menu--mobile { display: block; }
    .cv-user-menu--mobile .cv-mobile-account { padding: 3px; gap: 2px; border: 0; background: transparent; }
    .cv-user-menu--mobile .cv-user-menu__avatar { width: 34px; height: 34px; box-shadow: 0 5px 12px rgba(37,76,133,.18); }
    .cv-user-menu--mobile .cv-user-menu__trigger > .cv-icon { width: 13px; height: 13px; color: #587293; }
    .cv-user-menu--mobile .cv-user-menu__panel { position: fixed; top: calc(var(--cv-topbar) - 6px); right: 10px; width: min(250px,calc(100vw - 20px)); }
    .cv-admin-shell { padding-inline: 10px; }
    .cv-admin-heading { align-items: flex-start; flex-direction: column; gap: 11px; }
    .cv-admin-heading .cv-admin-primary { width: 100%; }
    .cv-admin-stats { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
    .cv-admin-stats article { min-height: 75px; padding: 11px; grid-template-columns: 31px minmax(0,1fr); gap: 7px; }
    .cv-admin-stats article > span { width: 31px; height: 31px; }
    .cv-admin-panel { padding: 14px; border-radius: 15px; }
    .cv-admin-filter { align-items: stretch; flex-wrap: wrap; }
    .cv-admin-filter label { min-width: 100%; }
    .cv-admin-filter select { min-width: 0; flex: 1; }
    .cv-admin-filter button,
    .cv-admin-filter > a { flex: 0 0 auto; }
    .cv-admin-ticket-stats { gap: 6px; }
    .cv-admin-ticket-stats a { min-height: 59px; padding: 10px; align-items: flex-start; flex-direction: column; gap: 2px; }
    .cv-admin-ticket summary { grid-template-columns: 32px minmax(0,1fr) auto; gap: 8px; }
    .cv-admin-ticket summary > .cv-admin-status { grid-column: 2; justify-self: start; }
    .cv-admin-ticket summary > .cv-admin-badge,
    .cv-admin-ticket summary > time { display: none; }
    .cv-admin-ticket summary > .cv-icon { grid-column: 3; grid-row: 1 / span 2; }
    .cv-admin-ticket__body { padding-inline: 10px; padding-bottom: 10px; }
    .cv-admin-table-wrap th,
    .cv-admin-table-wrap td { min-width: 105px; padding-inline: 7px; }
    .cv-admin-table-wrap { overflow-x: visible; contain: none; }
    .cv-admin-table-wrap table,
    .cv-admin-table-wrap thead,
    .cv-admin-table-wrap tbody,
    .cv-admin-table-wrap tr,
    .cv-admin-table-wrap th,
    .cv-admin-table-wrap td { display: block; width: 100%; min-width: 0; }
    .cv-admin-table-wrap thead { display: none; }
    .cv-admin-table-wrap tbody { display: grid; gap: 9px; }
    .cv-admin-table-wrap tr { padding: 10px; border: 1px solid #e0e8f3; border-radius: 12px; background: #fbfdff; }
    .cv-admin-table-wrap td { padding: 5px; display: flex; align-items: center; justify-content: space-between; gap: 10px; border: 0; white-space: normal; text-align: right; }
    .cv-admin-table-wrap td::before { content: attr(data-label); color: #8794a6; font-size: 7px; font-weight: 900; text-transform: uppercase; text-align: left; }
    .cv-admin-table-wrap td.number { text-align: right; }
    .cv-admin-table-wrap td > div,
    .cv-admin-table-wrap td > span,
    .cv-admin-table-wrap td > strong,
    .cv-admin-table-wrap td > time { min-width: 0; max-width: 70%; }
    .cv-admin-table-wrap td[colspan] { min-height: 105px; padding: 0; display: block; }
    .cv-admin-table-wrap td[colspan]::before { content: none; }
}