:root {
    --ink: #171008;
    --ink-soft: #5f5142;
    --black: #050302;
    --black-2: #120b05;
    --cream: #fff9ec;
    --cream-deep: #f8edcf;
    --paper: #fffdf7;
    --honey: #ffd23f;
    --honey-bright: #ffe675;
    --amber: #ed8708;
    --amber-deep: #ba5100;
    --green: #23921b;
    --red: #e73a2d;
    --line: rgba(88, 53, 8, 0.14);
    --gold-line: rgba(255, 210, 63, 0.28);
    --shadow: 0 24px 70px rgba(55, 27, 0, 0.16);
    --shadow-dark: 0 30px 90px rgba(0, 0, 0, 0.38);
    --display: "Baloo 2", sans-serif;
    --body: "DM Sans", sans-serif;
    --hive-light: url("data:image/svg+xml,%3Csvg width='96' height='84' viewBox='0 0 96 84' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23c97608' stroke-opacity='.12' stroke-width='1'%3E%3Cpath d='M24 1l23 13v26L24 53 1 40V14zM72 31l23 13v26L72 83 49 70V44z'/%3E%3C/g%3E%3C/svg%3E");
    --hive-dark: url("data:image/svg+xml,%3Csvg width='96' height='84' viewBox='0 0 96 84' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23ffd23f' stroke-opacity='.1' stroke-width='1'%3E%3Cpath d='M24 1l23 13v26L24 53 1 40V14zM72 31l23 13v26L72 83 49 70V44z'/%3E%3C/g%3E%3C/svg%3E");
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    color: var(--ink);
    font-family: var(--body);
    background: var(--cream);
    overflow-x: hidden;
}

body,
button,
a {
    -webkit-font-smoothing: antialiased;
}

a {
    color: inherit;
    text-decoration: none;
}

img,
video,
iframe {
    max-width: 100%;
}

button {
    font: inherit;
}

.page-shell {
    overflow: clip;
}

.container-bv {
    width: min(1180px, calc(100% - 40px));
    margin-inline: auto;
}

.top-strip {
    min-height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px 20px;
    padding: 8px 20px;
    color: #fff;
    background: #050302;
    border-bottom: 1px solid rgba(255, 210, 63, 0.22);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.top-strip strong {
    color: var(--honey);
}

.hero {
    position: relative;
    color: #fff;
    background:
        radial-gradient(circle at 75% 30%, rgba(243, 136, 12, 0.27), transparent 30%),
        radial-gradient(circle at 25% 75%, rgba(255, 210, 63, 0.12), transparent 32%),
        linear-gradient(180deg, #0b0502 0%, #2a1002 58%, #ba5703 100%);
}

.hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(120deg, transparent 0 47%, rgba(255, 210, 63, 0.04) 47% 48%, transparent 48%),
        linear-gradient(rgba(255, 210, 63, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 210, 63, 0.04) 1px, transparent 1px);
    background-size: 100% 100%, 82px 82px, 82px 82px;
    mask-image: linear-gradient(180deg, #000 0%, transparent 78%);
    pointer-events: none;
}

.hero-grain {
    position: absolute;
    inset: 0;
    opacity: 0.08;
    pointer-events: none;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
}

.hero-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(460px, 1.05fr);
    gap: 52px;
    align-items: center;
    min-height: 660px;
    padding: 54px 0 42px;
}

.hero-copy {
    max-width: 610px;
}

.hero-kicker,
.section-kicker {
    display: inline-block;
    color: var(--amber);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.hero-kicker {
    color: var(--honey);
    margin-bottom: 14px;
}

.hero h1,
.section-heading h2,
.offer-bridge h2,
.studio-board h2,
.cost-copy h2,
.pricing-card h2,
.faq-layout h2,
.final h2 {
    font-family: var(--display);
    letter-spacing: -0.045em;
}

.hero h1 {
    max-width: 590px;
    margin: 0;
    font-size: clamp(53px, 5.2vw, 72px);
    line-height: 0.9;
    text-shadow: 0 7px 0 rgba(0, 0, 0, 0.15);
}

.headline-line {
    display: block;
    white-space: nowrap;
}

.headline-accent {
    color: var(--amber);
    background: linear-gradient(180deg, #f4aa16 0%, #d96400 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hero .headline-accent,
.dark .headline-accent,
.offer-bridge .headline-accent,
.final .headline-accent {
    background: linear-gradient(180deg, #fff2a0 0%, #ffd23f 48%, #f39413 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.pricing-card .headline-accent {
    background: linear-gradient(180deg, #f4a00d 0%, #ca5400 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hero-sub {
    max-width: 590px;
    margin: 20px 0;
    color: rgba(255, 255, 255, 0.9);
    font-size: clamp(18px, 1.8vw, 23px);
    line-height: 1.42;
    font-weight: 600;
}

.hero-offer {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 20px;
    align-items: center;
    max-width: 570px;
    padding: 17px 20px;
    border: 1px solid rgba(255, 210, 63, 0.28);
    border-radius: 18px;
    background: rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(10px);
}

.hero-offer > div {
    display: grid;
    grid-template-columns: auto auto;
    align-items: baseline;
    gap: 0 8px;
    min-width: 128px;
}

.hero-offer strong {
    color: var(--honey);
    font-family: var(--display);
    font-size: 48px;
    line-height: 0.9;
}

.hero-offer > div > span:last-child {
    color: #fff;
    font-size: 13px;
    font-weight: 800;
}

.hero-regular {
    grid-column: 1 / -1;
    color: rgba(255, 255, 255, 0.65);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.hero-offer p {
    margin: 0;
    color: rgba(255, 255, 255, 0.76);
    font-size: 13px;
    line-height: 1.45;
}

.cta-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 20px;
}

.cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    min-height: 62px;
    padding: 17px 27px;
    border: 0;
    border-radius: 17px;
    color: #0b0601;
    background: linear-gradient(180deg, #ffe769 0%, #ffb424 100%);
    box-shadow: 0 15px 34px rgba(42, 20, 0, 0.22), inset 0 2px 0 rgba(255, 255, 255, 0.45);
    font-size: 18px;
    font-weight: 800;
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.cta-btn:hover,
.cta-btn:focus-visible {
    color: #0b0601;
    transform: translateY(-2px);
    box-shadow: 0 19px 42px rgba(42, 20, 0, 0.3), 0 0 0 5px rgba(255, 211, 63, 0.12);
}

.cta-btn span {
    font-size: 22px;
}

.tiny-proof {
    color: rgba(255, 255, 255, 0.78);
    font-size: 13px;
    font-weight: 700;
}

.hero-checks {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
    margin-top: 14px;
    color: rgba(255, 255, 255, 0.72);
    font-size: 13px;
    font-weight: 700;
}

.hero-media {
    position: relative;
}

.hero-video-shell {
    overflow: hidden;
    border: 2px solid rgba(255, 255, 255, 0.9);
    border-radius: 27px;
    background: #000;
    box-shadow: 0 32px 90px rgba(0, 0, 0, 0.54), 0 0 0 10px rgba(255, 210, 63, 0.1), 0 0 65px rgba(238, 133, 9, 0.16);
}

.video-topline {
    height: 38px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 9px;
    align-items: center;
    padding: 0 15px;
    color: rgba(255, 255, 255, 0.72);
    background: #0d0906;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    font-size: 12px;
    font-weight: 700;
}

.status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ffb51f;
    box-shadow: 0 0 10px rgba(255, 181, 31, 0.8);
}

.hero-video {
    width: 100%;
    aspect-ratio: 16 / 9;
    display: block;
    border: 0;
}

.hand-note {
    width: fit-content;
    margin: 9px auto 0;
    padding: 7px 17px;
    border-radius: 0 0 14px 14px;
    color: #2d1905;
    background: #ffedb2;
    font-family: "Kalam", cursive;
    font-size: 14px;
    transform: rotate(-1deg);
}

.floating-proof {
    position: absolute;
    display: grid;
    min-width: 100px;
    padding: 12px 15px;
    border: 1px solid rgba(255, 210, 63, 0.3);
    border-radius: 15px;
    color: #fff;
    background: rgba(8, 4, 1, 0.86);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.28);
    backdrop-filter: blur(10px);
}

.floating-proof span {
    color: var(--honey);
    font-family: var(--display);
    font-size: 28px;
    line-height: 1;
}

.floating-proof small {
    color: rgba(255, 255, 255, 0.7);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.proof-left {
    left: -32px;
    bottom: 56px;
    transform: rotate(-2deg);
}

.proof-right {
    right: -24px;
    top: 48px;
    transform: rotate(2deg);
}

.fact-rail {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    padding: 22px 0 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.fact-rail > div {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 9px;
    align-items: center;
    min-height: 46px;
    padding: 0 18px;
    border-right: 1px solid rgba(255, 255, 255, 0.13);
}

.fact-rail > div:first-child {
    padding-left: 0;
}

.fact-rail > div:last-child {
    padding-right: 0;
    border-right: 0;
}

.fact-rail strong {
    color: var(--honey);
    font-family: var(--display);
    font-size: 27px;
}

.fact-rail span {
    color: rgba(255, 255, 255, 0.78);
    font-size: 13px;
    line-height: 1.25;
    font-weight: 700;
}

.marquee {
    position: relative;
    z-index: 2;
    overflow: hidden;
    color: #fff;
    background: #050302;
    border-block: 1px solid rgba(255, 210, 63, 0.22);
}

.marquee-track {
    display: flex;
    width: max-content;
    animation: marquee 38s linear infinite;
}

.marquee span {
    display: inline-flex;
    align-items: center;
    padding: 12px 24px;
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
}

.marquee span::before {
    content: "✦";
    margin-right: 10px;
    color: var(--amber);
}

@keyframes marquee {
    to { transform: translateX(-50%); }
}

.section {
    position: relative;
    padding: 92px 0;
}

.dark {
    color: #fff;
    background:
        radial-gradient(circle at 50% 0%, rgba(202, 93, 0, 0.16), transparent 38%),
        linear-gradient(rgba(5, 3, 2, 0.93), rgba(5, 3, 2, 0.97)),
        url("../assets/images/wave-bg.png") center / cover no-repeat;
}

.director-section {
    background:
        radial-gradient(circle at 75% 35%, rgba(255, 168, 20, 0.14), transparent 27%),
        var(--hive-dark) calc(100% + 35px) 15px / 410px 359px no-repeat,
        linear-gradient(rgba(5, 3, 2, 0.91), rgba(5, 3, 2, 0.97)),
        url("../assets/images/wave-bg.png") center / cover no-repeat;
}

.system-section {
    background:
        radial-gradient(circle at 9% 55%, rgba(255, 164, 17, 0.13), transparent 25%),
        var(--hive-dark) -65px 70px / 450px 394px no-repeat,
        linear-gradient(rgba(5, 3, 2, 0.92), rgba(5, 3, 2, 0.98)),
        url("../assets/images/wave-bg.png") center / cover no-repeat;
}

.pricing-section {
    background:
        radial-gradient(circle at 72% 36%, rgba(255, 151, 12, 0.18), transparent 28%),
        var(--hive-dark) -50px 20px / 440px 385px no-repeat,
        linear-gradient(rgba(5, 3, 2, 0.91), rgba(5, 3, 2, 0.98)),
        url("../assets/images/wave-bg.png") center / cover no-repeat;
}

.audition-section,
.friction-section,
.director-section,
.language-section,
.studio-section,
.scenario-section,
.system-section,
.included-section,
.cost-section,
.competitor-section,
.pricing-section,
.compatibility-section {
    isolation: isolate;
}

.audition-section > .container-bv,
.friction-section > .container-bv,
.director-section > .container-bv,
.language-section > .container-bv,
.studio-section > .container-bv,
.scenario-section > .container-bv,
.system-section > .container-bv,
.included-section > .container-bv,
.cost-section > .container-bv,
.competitor-section > .container-bv,
.pricing-section > .container-bv,
.compatibility-section > .container-bv {
    position: relative;
    z-index: 2;
}

.audition-section::before,
.language-section::before,
.included-section::before,
.compatibility-section::before,
.director-section::before,
.system-section::before,
.competitor-section::before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    height: 58px;
    pointer-events: none;
}

.audition-section::before,
.language-section::before,
.included-section::before,
.compatibility-section::before {
    background:
        var(--hive-dark) center top / 290px 254px repeat-x,
        #050302;
    clip-path: polygon(0 0, 100% 0, 100% 39%, 92% 55%, 84% 37%, 74% 53%, 64% 39%, 52% 58%, 40% 38%, 29% 54%, 18% 36%, 8% 52%, 0 40%);
}

.director-section::before {
    background:
        var(--hive-light) center top / 290px 254px repeat-x,
        #fffaf0;
    clip-path: polygon(0 0, 100% 0, 100% 39%, 91% 54%, 82% 36%, 72% 52%, 61% 38%, 50% 58%, 39% 37%, 28% 53%, 17% 35%, 7% 51%, 0 39%);
}

.system-section::before {
    background:
        var(--hive-light) center top / 290px 254px repeat-x,
        #fffdf8;
    clip-path: polygon(0 0, 100% 0, 100% 41%, 90% 56%, 80% 38%, 69% 54%, 58% 37%, 47% 57%, 36% 39%, 25% 55%, 14% 37%, 5% 51%, 0 40%);
}

.competitor-section::before {
    background:
        var(--hive-light) center top / 290px 254px repeat-x,
        #fff8e5;
    clip-path: polygon(0 0, 100% 0, 100% 42%, 94% 58%, 87% 40%, 78% 55%, 68% 38%, 57% 57%, 46% 39%, 35% 56%, 24% 38%, 12% 54%, 0 40%);
}

.section-heading {
    max-width: 860px;
    margin: 0 auto 42px;
    text-align: center;
}

.section-heading.heading-left {
    max-width: none;
    display: grid;
    grid-template-columns: 1.25fr 0.75fr;
    gap: 70px;
    align-items: end;
    text-align: left;
}

.section-heading h2,
.offer-bridge h2,
.studio-board h2,
.cost-copy h2,
.pricing-card h2,
.faq-layout h2 {
    margin: 7px 0 13px;
    font-size: clamp(42px, 5.2vw, 69px);
    line-height: 0.96;
}

.section-heading p,
.studio-board-copy > p,
.cost-copy > p,
.faq-layout > div:first-child > p {
    margin: 0;
    color: var(--ink-soft);
    font-size: 17px;
    line-height: 1.6;
    font-weight: 500;
}

.dark .section-heading p {
    color: rgba(255, 255, 255, 0.72);
}

.audition-section {
    background:
        radial-gradient(circle at 88% 18%, rgba(255, 193, 52, 0.18), transparent 25%),
        radial-gradient(circle at 8% 82%, rgba(233, 132, 8, 0.08), transparent 25%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(255, 249, 236, 0.96)),
        var(--hive-light) calc(100% + 18px) -20px / 430px 376px no-repeat,
        repeating-linear-gradient(0deg, transparent 0 25px, rgba(96, 58, 0, 0.04) 25px 26px);
}

.featured-audition {
    position: relative;
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 24px 40px;
    padding: 35px;
    color: #fff;
    border: 1px solid rgba(255, 210, 63, 0.22);
    border-radius: 28px;
    background:
        radial-gradient(circle at 85% 10%, rgba(255, 183, 32, 0.18), transparent 26%),
        linear-gradient(135deg, #171007, #050302);
    box-shadow: var(--shadow-dark);
    overflow: hidden;
}

.featured-audition::after {
    content: "FEATURED";
    position: absolute;
    top: 22px;
    right: -27px;
    padding: 7px 32px;
    color: #120a02;
    background: var(--honey);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.15em;
    transform: rotate(38deg);
}

.featured-audition-copy {
    display: flex;
    gap: 17px;
    align-items: center;
}

.voice-initial {
    width: 64px;
    height: 64px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid rgba(255, 210, 63, 0.42);
    border-radius: 21px;
    color: #1a0c00;
    background: linear-gradient(145deg, #ffe97c, #ed8808);
    font-family: var(--display);
    font-size: 29px;
}

.audition-label,
.audition-row-copy > span,
.language-copy > span {
    color: var(--honey);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.featured-audition h3 {
    margin: 3px 0 0;
    font-family: var(--display);
    font-size: 35px;
}

.voice-name {
    margin: -3px 0 0;
    color: rgba(255, 255, 255, 0.64);
    font-size: 13px;
}

.featured-audition blockquote {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    margin: 0;
    padding-left: 22px;
    border-left: 3px solid var(--honey);
    font-family: "Kalam", cursive;
    font-size: 23px;
    line-height: 1.35;
}

.director-strip {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 15px;
    align-items: start;
    padding: 14px 17px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.04);
}

.director-strip span {
    padding: 5px 9px;
    border-radius: 7px;
    color: #1a0c00;
    background: var(--honey);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.director-strip p {
    margin: 0;
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    line-height: 1.5;
}

.play-sample {
    display: flex;
    align-items: center;
    gap: 11px;
    width: 100%;
    min-width: 0;
    padding: 9px 11px;
    color: inherit;
    border: 1px solid rgba(255, 210, 63, 0.26);
    border-radius: 13px;
    background: rgba(255, 210, 63, 0.07);
    cursor: pointer;
}

.featured-player {
    grid-column: 1 / -1;
    padding: 12px 14px;
}

.play-icon {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 50%;
    color: #170b00;
    background: var(--honey);
    font-size: 13px;
}

.playing .play-icon {
    font-size: 0;
}

.playing .play-icon::before {
    width: 10px;
    height: 12px;
    content: "";
    background: linear-gradient(90deg, currentColor 0 3px, transparent 3px 7px, currentColor 7px 10px);
}

.play-label,
.audio-time {
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 800;
}

.featured-player .play-label {
    width: 78px;
    text-align: left;
}

.compact-player .play-label {
    width: 34px;
    text-align: left;
}

.audio-time {
    color: rgba(255, 255, 255, 0.55);
    font-variant-numeric: tabular-nums;
}

.audio-timeline {
    position: relative;
    height: 6px;
    flex: 1;
    overflow: hidden;
    border-radius: 99px;
    background: rgba(255, 255, 255, 0.14);
}

.audio-progress {
    position: absolute;
    inset: 0 auto 0 0;
    width: 0;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--amber), var(--honey));
}

.audition-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 13px;
    margin-top: 18px;
}

.audition-row {
    display: grid;
    grid-template-columns: 37px minmax(110px, 0.65fr) minmax(170px, 1fr);
    gap: 13px;
    align-items: center;
    min-width: 0;
    padding: 15px;
    border: 1px solid var(--line);
    border-radius: 17px;
    background: rgba(255, 255, 255, 0.84);
    box-shadow: 0 10px 28px rgba(43, 22, 0, 0.06);
}

.audition-number {
    color: #c8bca7;
    font-family: var(--display);
    font-size: 26px;
}

.audition-row h3 {
    margin: 2px 0 0;
    font-size: 17px;
}

.audition-row .play-sample {
    color: var(--ink);
    border-color: rgba(130, 77, 0, 0.16);
    background: #fff9e8;
}

.audition-row .audio-timeline {
    background: rgba(52, 28, 0, 0.1);
}

.audition-row .audio-time {
    color: #8b7a66;
}

.offer-bridge {
    padding: 55px 0;
    color: #fff;
    background:
        linear-gradient(110deg, rgba(5, 3, 2, 0.97), rgba(48, 21, 2, 0.96)),
        url("../assets/images/wave-bg.png") center / cover no-repeat;
}

.offer-bridge-inner {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 60px;
    align-items: center;
}

.bridge-label {
    color: var(--honey);
    font-family: "Kalam", cursive;
}

.offer-bridge h2 {
    margin: 5px 0 8px;
    font-size: 58px;
    line-height: 0.94;
}

.offer-bridge p {
    max-width: 610px;
    margin: 0;
    color: rgba(255, 255, 255, 0.69);
    line-height: 1.55;
}

.bridge-price {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: end;
    padding-left: 32px;
    border-left: 1px solid rgba(255, 255, 255, 0.15);
}

.bridge-price > span {
    grid-column: 1 / -1;
    color: rgba(255, 255, 255, 0.56);
    font-size: 13px;
    text-transform: uppercase;
}

.bridge-price strong {
    color: var(--honey);
    font-family: var(--display);
    font-size: 76px;
    line-height: 0.85;
}

.bridge-price small {
    padding-bottom: 8px;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 700;
}

.bridge-price .cta-btn {
    grid-column: 1 / -1;
    margin-top: 14px;
}

.script-stage {
    position: relative;
    display: grid;
    grid-template-columns: 0.78fr 1.22fr;
    gap: 25px;
    align-items: stretch;
}

.script-paper {
    position: relative;
    padding: 34px 31px;
    color: var(--ink);
    border-radius: 4px 24px 24px 4px;
    background:
        repeating-linear-gradient(0deg, transparent 0 31px, rgba(79, 45, 0, 0.08) 31px 32px),
        #fff7df;
    box-shadow: var(--shadow-dark);
    transform: rotate(-1.2deg);
}

.script-paper::before {
    content: "";
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    border-left: 2px solid rgba(220, 66, 48, 0.28);
}

.script-paper span {
    display: block;
    margin-left: 15px;
    color: var(--amber-deep);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.script-paper p {
    margin: 25px 0 0 15px;
    font-family: "Kalam", cursive;
    font-size: 27px;
    line-height: 1.52;
}

.direction-cards {
    display: grid;
    gap: 15px;
}

.direction-card {
    display: grid;
    grid-template-columns: 1fr 0.85fr;
    gap: 20px;
    align-items: center;
    padding: 24px;
    border: 1px solid var(--gold-line);
    border-radius: 22px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.07), rgba(255, 210, 63, 0.03));
}

.direction-card > div > span {
    color: var(--honey);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.direction-card h3 {
    margin: 2px 0 5px;
    font-family: var(--display);
    font-size: 31px;
}

.direction-card p {
    margin: 0;
    color: rgba(255, 255, 255, 0.62);
    font-size: 14px;
    line-height: 1.45;
}

.language-section {
    background:
        radial-gradient(circle at 4% 38%, rgba(255, 202, 71, 0.14), transparent 24%),
        radial-gradient(circle at 94% 70%, rgba(229, 125, 6, 0.08), transparent 23%),
        var(--hive-light) calc(100% + 25px) 20px / 370px 324px no-repeat,
        linear-gradient(180deg, #fff9eb, #fff);
}

.language-tape {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.language-player {
    display: grid;
    grid-template-columns: 58px 1fr;
    gap: 14px 17px;
    align-items: center;
    padding: 20px;
    border: 1px solid var(--line);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 14px 42px rgba(42, 21, 0, 0.08);
}

.language-flag {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    background: var(--cream-deep);
    font-size: 30px;
}

.language-copy h3 {
    margin: 2px 0 0;
    color: var(--ink);
    font-size: 20px;
}

.language-copy p {
    margin: 2px 0 0;
    color: var(--ink-soft);
    font-size: 14px;
}

.language-player .play-sample {
    grid-column: 1 / -1;
    color: var(--ink);
    border-color: var(--line);
    background: #fff9e7;
}

.language-player .audio-timeline {
    background: rgba(52, 28, 0, 0.1);
}

.language-player .audio-time {
    color: #8a7963;
}

.studio-section {
    background:
        radial-gradient(circle at 82% 20%, rgba(255, 173, 28, 0.18), transparent 27%),
        var(--hive-light) -50px 30px / 480px 420px no-repeat,
        linear-gradient(180deg, #f7e7bc, #fff9ec);
}

.studio-board {
    display: grid;
    grid-template-columns: 0.82fr 1.18fr;
    gap: 55px;
    align-items: center;
}

.studio-board h2 {
    margin: 8px 0 15px;
    font-size: 62px;
    line-height: 0.95;
}

.workflow-steps {
    display: grid;
    gap: 9px;
    margin-top: 25px;
}

.workflow-steps > div {
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 13px;
    align-items: start;
    padding: 12px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.55);
}

.workflow-steps b {
    color: var(--amber);
    font-family: var(--display);
    font-size: 23px;
}

.workflow-steps span {
    color: var(--ink-soft);
    font-size: 14px;
    line-height: 1.45;
}

.workflow-steps strong {
    display: block;
    color: var(--ink);
    font-size: 14px;
}

.studio-console {
    position: relative;
    overflow: hidden;
    padding: 0 20px 20px;
    border: 1px solid rgba(255, 210, 63, 0.3);
    border-radius: 25px;
    color: #fff;
    background:
        radial-gradient(circle at 75% 15%, rgba(255, 174, 28, 0.13), transparent 25%),
        #080503;
    box-shadow: var(--shadow-dark);
    transform: perspective(1100px) rotateY(-3deg) rotateX(1deg);
}

.console-top {
    display: flex;
    align-items: center;
    gap: 7px;
    height: 45px;
    margin: 0 -20px 18px;
    padding: 0 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.09);
    color: rgba(255, 255, 255, 0.55);
    background: #100a05;
    font-size: 10px;
}

.console-top > span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #442711;
}

.console-top > span:first-child {
    background: var(--amber);
}

.console-top b {
    margin-left: auto;
    color: var(--honey);
}

.console-script,
.console-director {
    padding: 15px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.035);
}

.console-director {
    width: 87%;
    margin: 12px 0 0 auto;
    border-color: rgba(255, 210, 63, 0.18);
}

.console-script small,
.console-director small {
    color: var(--amber);
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 0.15em;
}

.console-script p,
.console-director p {
    margin: 6px 0 0;
    color: rgba(255, 255, 255, 0.78);
    font-size: 12px;
    line-height: 1.45;
}

.console-wave {
    height: 85px;
    display: flex;
    gap: 6px;
    align-items: center;
    justify-content: center;
    margin: 16px 0;
    border-block: 1px solid rgba(255, 255, 255, 0.08);
}

.console-wave i {
    width: 5px;
    height: calc(14px + (var(--bar, 1) * 5px));
    border-radius: 99px;
    background: linear-gradient(180deg, var(--honey), var(--amber));
}

.console-wave i:nth-child(2n) { height: 42px; }
.console-wave i:nth-child(3n) { height: 63px; }
.console-wave i:nth-child(5n) { height: 31px; }
.console-wave i:nth-child(7n) { height: 72px; }

.console-tracks {
    display: grid;
    gap: 8px;
}

.console-tracks > div {
    display: grid;
    grid-template-columns: 55px 1fr;
    gap: 9px;
    align-items: center;
}

.console-tracks span {
    color: rgba(255, 255, 255, 0.48);
    font-size: 8px;
    font-weight: 800;
}

.console-tracks b {
    height: 12px;
    border-radius: 4px;
    background: linear-gradient(90deg, #f2a111 0 62%, rgba(255, 255, 255, 0.07) 62%);
}

.console-tracks > div:nth-child(2) b {
    background: linear-gradient(90deg, #ad6414 0 78%, rgba(255, 255, 255, 0.07) 78%);
}

.console-tracks > div:nth-child(3) b {
    background: linear-gradient(90deg, #ffcf4e 0 34%, rgba(255, 255, 255, 0.07) 34%);
}

.console-export {
    width: fit-content;
    margin: 18px 0 0 auto;
    padding: 10px 14px;
    border-radius: 10px;
    color: #160b01;
    background: var(--honey);
    font-size: 11px;
    font-weight: 900;
}

.scenario-section {
    z-index: 2;
    margin-top: -34px;
    padding-top: 126px;
    border-radius: 58px 58px 0 0;
    background:
        radial-gradient(ellipse at 50% 0%, rgba(255, 205, 86, 0.22), transparent 36%),
        var(--hive-light) calc(100% + 45px) 100px / 460px 402px no-repeat,
        #fffdf8;
    box-shadow: 0 -22px 65px rgba(66, 32, 0, 0.1);
}

.flagship-scenarios {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.flagship-scenario {
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 26px;
    background: #fff;
    box-shadow: 0 17px 50px rgba(44, 22, 0, 0.08);
}

.scenario-media {
    position: relative;
    overflow: hidden;
    background: #050302;
}

.scenario-media video {
    width: 100%;
    aspect-ratio: 16 / 9;
    display: block;
    object-fit: cover;
}

.scenario-tag {
    position: absolute;
    left: 15px;
    top: 15px;
    padding: 7px 10px;
    border-radius: 8px;
    color: #160b01;
    background: var(--honey);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.video-play {
    position: absolute;
    inset: 50% auto auto 50%;
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.85);
    border-radius: 50%;
    color: #fff;
    background: rgba(0, 0, 0, 0.62);
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.scenario-copy {
    padding: 24px;
}

.scenario-copy > span {
    color: var(--amber);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.scenario-copy h3 {
    margin: 5px 0 9px;
    font-family: var(--display);
    font-size: 32px;
    line-height: 1;
}

.scenario-copy p {
    margin: 0;
    color: var(--ink-soft);
    font-size: 14px;
    line-height: 1.55;
}

.direction-note {
    margin-top: 14px;
    padding: 11px 13px;
    border-left: 3px solid var(--amber);
    color: var(--ink-soft);
    background: var(--cream);
    font-size: 13px;
    line-height: 1.45;
}

.direction-note b {
    display: block;
    color: var(--ink);
    text-transform: uppercase;
}

.scenario-subheading {
    display: grid;
    gap: 4px;
    margin: 54px 0 18px;
    text-align: center;
}

.scenario-subheading span {
    color: var(--amber);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.scenario-subheading h3 {
    margin: 0;
    font-family: var(--display);
    font-size: clamp(31px, 4vw, 47px);
    line-height: 1;
}

.idea-wall {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.idea-wall article {
    min-height: 0;
    overflow: hidden;
    padding: 0;
    border: 1px solid var(--line);
    border-radius: 24px;
    background: linear-gradient(180deg, #fff, #fff9e9);
    box-shadow: 0 16px 45px rgba(49, 25, 0, 0.07);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.idea-wall article:hover {
    transform: translateY(-3px);
    box-shadow: 0 20px 48px rgba(49, 25, 0, 0.12);
}

.idea-video-media video {
    aspect-ratio: 16 / 9;
}

.idea-card-copy {
    padding: 22px;
}

.idea-card-copy > span {
    color: var(--amber);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.idea-wall h3 {
    margin: 6px 0 9px;
    font-family: var(--display);
    font-size: 27px;
    line-height: 1;
}

.idea-wall p {
    margin: 0;
    color: var(--ink-soft);
    font-size: 14px;
    line-height: 1.55;
}

.idea-wall .direction-note {
    margin-top: 15px;
}

.bonus-scenario-heading {
    max-width: 760px;
    margin: 76px auto 22px;
    text-align: center;
}

.bonus-scenario-heading > span {
    color: var(--amber);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.bonus-scenario-heading h3 {
    margin: 5px 0 9px;
    font-family: var(--display);
    font-size: clamp(34px, 4.5vw, 53px);
    line-height: 0.98;
}

.bonus-scenario-heading p {
    margin: 0;
    color: var(--ink-soft);
    font-size: 15px;
    line-height: 1.55;
}

.bonus-video-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.bonus-video-card {
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 21px;
    background: #fff;
    box-shadow: 0 14px 38px rgba(49, 25, 0, 0.08);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.bonus-video-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 19px 45px rgba(49, 25, 0, 0.13);
}

.bonus-video-media video {
    aspect-ratio: 16 / 9;
}

.bonus-video-copy {
    padding: 18px 19px 20px;
}

.bonus-video-copy > span {
    color: var(--amber);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.bonus-video-copy h3 {
    margin: 5px 0 8px;
    font-family: var(--display);
    font-size: 22px;
    line-height: 1;
}

.bonus-video-copy p {
    margin: 0;
    color: var(--ink-soft);
    font-size: 13px;
    line-height: 1.5;
}

.system-layers {
    display: grid;
    gap: 15px;
}

.system-layers article {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 24px;
    padding: 29px 32px;
    border: 1px solid rgba(255, 210, 63, 0.2);
    border-radius: 24px;
    background: linear-gradient(120deg, rgba(255, 255, 255, 0.055), rgba(255, 210, 63, 0.018));
}

.system-layers article:nth-child(2) {
    margin-left: 60px;
}

.system-layers article:nth-child(3) {
    margin-left: 120px;
}

.layer-number {
    color: rgba(255, 210, 63, 0.24);
    font-family: var(--display);
    font-size: 70px;
    line-height: 0.85;
}

.system-layers small {
    color: var(--honey);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.16em;
}

.system-layers h3 {
    margin: 3px 0 7px;
    font-family: var(--display);
    font-size: 31px;
}

.system-layers p {
    max-width: 750px;
    margin: 0;
    color: rgba(255, 255, 255, 0.64);
    font-size: 14px;
    line-height: 1.55;
}

.system-layers ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 14px 0 0;
    padding: 0;
    list-style: none;
}

.system-layers li {
    padding: 6px 10px;
    border-radius: 99px;
    color: rgba(255, 255, 255, 0.82);
    background: rgba(255, 210, 63, 0.09);
    font-size: 12px;
    font-weight: 700;
}

.friction-section {
    background:
        radial-gradient(circle at 15% 28%, rgba(255, 199, 70, 0.16), transparent 25%),
        radial-gradient(circle at 86% 80%, rgba(226, 122, 5, 0.09), transparent 24%),
        var(--hive-light) -45px 45px / 390px 342px no-repeat,
        var(--hive-light) calc(100% + 45px) calc(100% - 20px) / 340px 298px no-repeat,
        repeating-linear-gradient(90deg, transparent 0 79px, rgba(88, 53, 8, 0.035) 79px 80px),
        #fffaf0;
}

.friction-map {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.friction-map::before {
    content: "";
    position: absolute;
    left: 13%;
    right: 13%;
    top: 28px;
    border-top: 2px dashed rgba(202, 112, 0, 0.22);
}

.friction-map article {
    position: relative;
    display: flex;
    min-height: 350px;
    flex-direction: column;
    padding: 28px 25px 24px;
    border: 1px solid var(--line);
    border-radius: 25px;
    background: #fff;
    box-shadow: 0 17px 50px rgba(44, 22, 0, 0.08);
}

.friction-number {
    position: relative;
    z-index: 1;
    width: 56px;
    height: 56px;
    display: grid;
    place-items: center;
    margin-bottom: 22px;
    border: 5px solid #fff;
    border-radius: 50%;
    color: #160b01;
    background: linear-gradient(145deg, var(--honey-bright), var(--amber));
    box-shadow: 0 8px 20px rgba(116, 55, 0, 0.2);
    font-family: var(--display);
    font-size: 22px;
}

.friction-map small {
    color: var(--amber);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.14em;
}

.friction-map h3 {
    margin: 7px 0 13px;
    font-family: var(--display);
    font-size: 29px;
    line-height: 1;
}

.friction-map ul {
    display: grid;
    gap: 9px;
    margin: 0 0 23px;
    padding: 0;
    color: var(--ink-soft);
    list-style: none;
}

.friction-map li {
    position: relative;
    padding-left: 18px;
    font-size: 14px;
    line-height: 1.45;
}

.friction-map li::before {
    content: "×";
    position: absolute;
    left: 0;
    color: var(--red);
    font-weight: 900;
}

.friction-map article > b {
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px solid var(--line);
    color: #8a755d;
    font-size: 12px;
    text-transform: uppercase;
}

.friction-answer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 26px;
    align-items: center;
    margin-top: 16px;
    padding: 29px 31px;
    border: 1px solid rgba(255, 210, 63, 0.23);
    border-radius: 21px;
    color: #fff;
    background:
        radial-gradient(circle at 80% 50%, rgba(255, 173, 28, 0.16), transparent 30%),
        #100905;
    box-shadow: var(--shadow);
}

.friction-answer-copy {
    min-width: 0;
}

.friction-answer-copy > span {
    color: var(--honey);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.15em;
}

.friction-answer h3 {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: clamp(3px, 0.55vw, 9px);
    margin: 6px 0 8px;
    font-family: var(--display);
    font-size: clamp(14px, 2.35vw, 31px);
    line-height: 1;
    white-space: nowrap;
}

.friction-answer h3 i {
    color: var(--honey);
    font-style: normal;
}

.friction-answer p {
    margin: 0;
    max-width: 800px;
    color: rgba(255, 255, 255, 0.75);
    font-size: 14px;
    line-height: 1.55;
}

.friction-answer a {
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 19px;
    border-radius: 13px;
    color: #160b01;
    background: linear-gradient(180deg, #ffe66b, #ffb522);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.25);
    font-size: 14px;
    font-weight: 900;
    white-space: nowrap;
}

.included-section {
    background:
        radial-gradient(circle at 86% 20%, rgba(255, 194, 54, 0.16), transparent 23%),
        var(--hive-light) calc(100% + 30px) -40px / 420px 368px no-repeat,
        linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(255, 248, 225, 0.94)),
        repeating-linear-gradient(0deg, transparent 0 29px, rgba(88, 53, 8, 0.05) 29px 30px);
}

.feature-gallery {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}

.feature-panel {
    position: relative;
    min-height: 430px;
    overflow: hidden;
    border: 1px solid rgba(118, 68, 0, 0.13);
    border-radius: 27px;
    background:
        radial-gradient(circle at 50% 100%, rgba(255, 202, 66, 0.38), transparent 36%),
        linear-gradient(180deg, #fffef8 0%, #fff3bd 58%, #ffd84e 100%);
    box-shadow: 0 18px 55px rgba(52, 26, 0, 0.11);
}

.feature-panel-copy {
    position: relative;
    z-index: 2;
    padding: 28px 30px 0;
}

.feature-panel-copy > span {
    color: var(--amber-deep);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.15em;
}

.feature-panel-copy h3 {
    margin: 6px 0 8px;
    font-family: var(--display);
    font-size: 30px;
    line-height: 1;
}

.feature-panel-copy p {
    max-width: 500px;
    margin: 0;
    color: var(--ink-soft);
    font-size: 14px;
    line-height: 1.52;
}

.feature-visual {
    position: absolute;
    z-index: 1;
    left: 30px;
    right: 30px;
    bottom: 25px;
    height: 225px;
}

.visual-director {
    padding: 17px;
    border: 1px solid rgba(255, 210, 63, 0.24);
    border-radius: 19px;
    color: #fff;
    background: #0d0804;
    box-shadow: 0 17px 38px rgba(40, 19, 0, 0.24);
    transform: perspective(800px) rotateX(2deg);
}

.director-window {
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.04);
}

.director-window small {
    color: var(--amber);
    font-size: 7px;
    font-weight: 900;
}

.director-window p {
    margin: 5px 0 0;
    color: rgba(255, 255, 255, 0.72);
    font-size: 10px;
}

.mini-wave {
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7px;
}

.mini-wave i {
    width: 5px;
    height: 17px;
    border-radius: 99px;
    background: linear-gradient(180deg, var(--honey), var(--amber));
}

.mini-wave i:nth-child(2n) { height: 37px; }
.mini-wave i:nth-child(3n) { height: 50px; }

.visual-director > b {
    display: block;
    width: fit-content;
    margin-left: auto;
    padding: 8px 11px;
    border-radius: 8px;
    color: #160b01;
    background: var(--honey);
    font-size: 8px;
}

.visual-core {
    perspective: 900px;
}

.voice-tile {
    position: absolute;
    width: 120px;
    height: 145px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 7px;
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 18px;
    background: linear-gradient(160deg, #2b1706, #0a0502);
    box-shadow: 0 16px 35px rgba(45, 20, 0, 0.2);
}

.voice-tile b {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    color: #1b0c00;
    background: var(--honey);
    font-family: var(--display);
    font-size: 23px;
}

.voice-tile span {
    color: rgba(255, 255, 255, 0.7);
    font-size: 9px;
    font-weight: 800;
}

.voice-one { left: 8%; top: 40px; transform: rotate(-8deg); }
.voice-two { right: 8%; top: 40px; transform: rotate(8deg); }
.voice-three { left: 50%; top: 23px; transform: translateX(-50%); }

.infinity-lockup {
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 76px;
    width: 112px;
    height: 82px;
    display: grid;
    place-items: center;
    border: 5px solid #fff7d3;
    border-radius: 22px;
    color: var(--honey);
    background: #0c0703;
    box-shadow: 0 15px 32px rgba(0, 0, 0, 0.27);
    font-family: var(--display);
    font-size: 51px;
    line-height: 0.75;
    transform: translateX(-50%);
}

.infinity-lockup small {
    margin-top: -23px;
    color: #fff;
    font-size: 7px;
    letter-spacing: 0.16em;
}

.core-note {
    position: absolute;
    z-index: 4;
    left: 50%;
    bottom: 5px;
    padding: 7px 12px;
    border-radius: 99px;
    color: #160b01;
    background: #fff;
    box-shadow: 0 8px 18px rgba(60, 29, 0, 0.14);
    font-size: 8px;
    font-weight: 900;
    transform: translateX(-50%);
    white-space: nowrap;
}

.visual-sfx {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 9px;
    align-content: center;
    padding: 20px;
    border-radius: 19px;
    color: #fff;
    background: #0b0704;
    box-shadow: 0 17px 38px rgba(40, 19, 0, 0.22);
}

.script-fragment {
    align-self: center;
    padding: 11px 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    color: rgba(255, 255, 255, 0.72);
    background: rgba(255, 255, 255, 0.035);
    font-size: 9px;
}

.sfx-pill {
    align-self: center;
    padding: 9px 11px;
    border-radius: 9px;
    color: #160b01;
    background: linear-gradient(180deg, #ffe875, #ffb21d);
    font-size: 8px;
    font-weight: 900;
}

.sfx-pill-two {
    background: linear-gradient(180deg, #ffe9a0, #f28b15);
}

.sfx-output {
    grid-column: 1 / -1;
    height: 39px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 9px;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.sfx-output span {
    width: 18px;
    height: 5px;
    border-radius: 99px;
    background: var(--honey);
}

.sfx-output span:nth-child(2n) { height: 18px; width: 6px; }
.sfx-output span:nth-child(3n) { height: 28px; width: 6px; }

.visual-language {
    position: absolute;
}

.language-globe {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 27px;
    width: 118px;
    height: 118px;
    display: grid;
    place-items: center;
    border: 7px solid #fff8d4;
    border-radius: 50%;
    color: var(--honey);
    background:
        linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px),
        #100904;
    background-size: 19px 19px;
    box-shadow: 0 18px 38px rgba(47, 22, 0, 0.24);
    font-size: 50px;
    transform: translateX(-50%);
}

.language-globe small {
    position: absolute;
    bottom: 17px;
    color: #fff;
    font-size: 11px;
    font-weight: 900;
}

.language-orbit {
    position: absolute;
    z-index: 3;
    width: 43px;
    height: 43px;
    display: grid;
    place-items: center;
    border: 4px solid #fff;
    border-radius: 50%;
    color: #170b01;
    background: var(--honey);
    box-shadow: 0 8px 19px rgba(52, 25, 0, 0.17);
    font-size: 9px;
    font-weight: 900;
}

.orbit-one { left: 15%; top: 35px; }
.orbit-two { right: 15%; top: 35px; }
.orbit-three { left: 21%; top: 125px; }
.orbit-four { right: 21%; top: 125px; }

.language-copy-line {
    position: absolute;
    left: 50%;
    bottom: 7px;
    padding: 8px 13px;
    border-radius: 99px;
    color: #fff;
    background: #120a04;
    font-size: 8px;
    font-weight: 900;
    transform: translateX(-50%);
    white-space: nowrap;
}

.visual-music {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
    align-content: start;
}

.music-card {
    display: grid;
    grid-template-columns: 34px 1fr auto;
    gap: 8px;
    align-items: center;
    padding: 11px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    color: #fff;
    background: #100904;
    box-shadow: 0 10px 24px rgba(45, 22, 0, 0.16);
}

.music-card b {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: #160b01;
    background: var(--honey);
}

.music-card span {
    font-size: 9px;
    font-weight: 800;
}

.music-card i {
    color: rgba(255, 255, 255, 0.45);
    font-size: 7px;
    font-style: normal;
}

.music-eq {
    grid-column: 1 / -1;
    height: 72px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 9px;
    border: 1px solid rgba(101, 57, 0, 0.12);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.62);
}

.music-eq i {
    width: 6px;
    height: 18px;
    border-radius: 99px;
    background: linear-gradient(180deg, var(--honey), var(--amber));
}

.music-eq i:nth-child(2n) { height: 44px; }
.music-eq i:nth-child(3n) { height: 58px; }

.music-prompt {
    grid-column: 1 / -1;
    width: 75%;
    margin-inline: auto;
    padding: 9px 12px;
    border-radius: 10px;
    text-align: center;
    color: var(--ink-soft);
    background: #fff;
    box-shadow: 0 8px 18px rgba(48, 22, 0, 0.12);
    font-family: "Kalam", cursive;
    font-size: 10px;
}

.visual-editor {
    overflow: hidden;
    padding: 17px;
    border-radius: 19px;
    color: #fff;
    background: #0b0704;
    box-shadow: 0 17px 38px rgba(40, 19, 0, 0.22);
}

.editor-ruler {
    display: flex;
    justify-content: space-between;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.35);
    font-size: 7px;
}

.editor-lane {
    display: grid;
    grid-template-columns: 45px 1fr;
    gap: 7px;
    align-items: center;
    margin-top: 11px;
}

.editor-lane small {
    color: rgba(255, 255, 255, 0.43);
    font-size: 7px;
}

.editor-lane b {
    height: 23px;
    border-radius: 5px;
    background:
        repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.14) 0 3px, transparent 3px 7px),
        linear-gradient(90deg, #ffb51e 0 75%, rgba(255, 255, 255, 0.06) 75%);
}

.editor-lane:nth-child(3) b {
    background: linear-gradient(90deg, #a96b25 0 88%, rgba(255, 255, 255, 0.06) 88%);
}

.editor-lane:nth-child(4) b {
    background: linear-gradient(90deg, #ffd754 0 38%, rgba(255, 255, 255, 0.06) 38%);
}

.editor-playhead {
    position: absolute;
    top: 23px;
    bottom: 37px;
    left: 61%;
    width: 2px;
    background: var(--red);
    box-shadow: 0 0 10px rgba(231, 58, 45, 0.45);
}

.editor-tools {
    margin-top: 14px;
    padding-top: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.68);
    font-size: 8px;
}

.editor-tools span {
    margin-left: 14px;
}

.visual-transcript {
    padding: 18px;
    border: 1px solid rgba(111, 64, 0, 0.12);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 14px 32px rgba(47, 22, 0, 0.13);
}

.transcript-head {
    display: flex;
    justify-content: space-between;
    padding-bottom: 11px;
    border-bottom: 1px solid var(--line);
    color: var(--amber-deep);
    font-size: 8px;
    font-weight: 900;
}

.transcript-head b {
    color: var(--green);
}

.visual-transcript p {
    display: grid;
    grid-template-columns: 43px 1fr;
    gap: 9px;
    margin: 12px 0 0;
    color: var(--ink-soft);
    font-size: 9px;
}

.visual-transcript p i {
    color: var(--amber);
    font-style: normal;
    font-weight: 900;
}

.transcript-files {
    display: flex;
    justify-content: flex-end;
    gap: 7px;
    margin-top: 17px;
}

.transcript-files span {
    padding: 6px 9px;
    border-radius: 7px;
    color: #170b01;
    background: var(--honey);
    font-size: 7px;
    font-weight: 900;
}

.visual-export {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 11px;
    align-items: center;
    padding: 18px;
    border-radius: 19px;
    color: #fff;
    background: #0b0704;
    box-shadow: 0 17px 38px rgba(40, 19, 0, 0.22);
}

.export-preview {
    grid-column: 1 / -1;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.04);
}

.export-preview-wave {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.export-preview-wave i {
    width: 6px;
    height: 17px;
    border-radius: 99px;
    background: var(--honey);
}

.export-preview-wave i:nth-child(2n) { height: 41px; }
.export-preview-wave i:nth-child(3n) { height: 53px; }

.export-preview strong {
    display: block;
    color: rgba(255, 255, 255, 0.76);
    text-align: center;
    font-size: 9px;
}

.export-formats {
    display: flex;
    gap: 7px;
}

.export-formats span {
    padding: 7px 9px;
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 7px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 7px;
    font-weight: 900;
}

.export-button {
    padding: 10px 12px;
    border-radius: 9px;
    color: #170b01;
    background: var(--honey);
    font-size: 8px;
    font-weight: 900;
}

.feature-gallery-cta {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 28px;
    align-items: center;
    margin-top: 45px;
    padding: 22px 25px;
    border: 1px solid rgba(130, 76, 0, 0.13);
    border-radius: 19px;
    background: rgba(255, 255, 255, 0.7);
}

.feature-gallery-cta p {
    margin: 0;
    color: var(--ink-soft);
    font-size: 14px;
    line-height: 1.5;
}

.feature-gallery-cta strong {
    display: block;
    color: var(--ink);
    font-size: 16px;
}

.cost-section {
    background:
        radial-gradient(circle at 8% 25%, rgba(255, 199, 64, 0.14), transparent 24%),
        var(--hive-light) -60px calc(100% - 40px) / 390px 342px no-repeat,
        repeating-linear-gradient(0deg, transparent 0 26px, rgba(89, 51, 0, 0.045) 26px 27px),
        #fff8e5;
}

.cost-grid {
    display: grid;
    grid-template-columns: 1.05fr 0.65fr;
    gap: 75px;
    align-items: center;
}

.cost-copy h2 {
    margin: 8px 0 14px;
    font-size: 61px;
    line-height: 0.96;
}

.cost-math {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 25px;
}

.cost-math > div {
    display: grid;
    padding: 17px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.7);
}

.cost-math span {
    color: var(--red);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.cost-math strong {
    font-family: var(--display);
    font-size: 35px;
}

.cost-math small {
    color: var(--ink-soft);
    font-size: 12px;
}

.cost-math .bee-math {
    color: #fff;
    border-color: #171008;
    background: #171008;
}

.cost-math .bee-math span,
.cost-math .bee-math strong {
    color: var(--honey);
}

.cost-math .bee-math small {
    color: rgba(255, 255, 255, 0.66);
}

.cost-note {
    margin-top: 15px !important;
    font-size: 13px !important;
}

.cost-receipt {
    position: relative;
    padding: 28px;
    background: #fff;
    box-shadow: var(--shadow);
    transform: rotate(1.5deg);
}

.cost-receipt::before,
.cost-receipt::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 10px;
    background: linear-gradient(135deg, transparent 7px, #fff 0) 0 0 / 14px 14px repeat-x;
}

.cost-receipt::before {
    top: -9px;
}

.cost-receipt::after {
    bottom: -9px;
    transform: rotate(180deg);
}

.receipt-head {
    display: flex;
    justify-content: space-between;
    padding-bottom: 18px;
    border-bottom: 2px dashed #cfc3af;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.12em;
}

.receipt-row,
.receipt-total {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding: 13px 0;
    border-bottom: 1px dashed #dfd4c3;
    color: var(--ink-soft);
    font-size: 14px;
}

.receipt-total {
    align-items: center;
    color: var(--ink);
    border-bottom: 0;
}

.receipt-total strong {
    color: var(--green);
    font-family: var(--display);
    font-size: 37px;
}

.cost-receipt > a {
    display: block;
    margin-top: 8px;
    padding: 11px;
    border-radius: 9px;
    text-align: center;
    color: #160b01;
    background: var(--honey);
    font-size: 14px;
    font-weight: 900;
}

.comparison-ledger {
    margin-top: 70px;
    padding-top: 55px;
    border-top: 1px solid var(--line);
}

.ledger-intro {
    display: grid;
    grid-template-columns: 0.8fr 1.3fr 1fr;
    gap: 30px;
    align-items: end;
    margin-bottom: 24px;
}

.ledger-intro h3 {
    margin: 0;
    font-family: var(--display);
    font-size: 36px;
    line-height: 1;
}

.ledger-intro p {
    margin: 0;
    color: var(--ink-soft);
    font-size: 14px;
    line-height: 1.5;
}

.ledger-table-wrap {
    overflow-x: auto;
    border: 1px solid var(--line);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 16px 48px rgba(46, 23, 0, 0.075);
}

.ledger-table {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

.ledger-table th,
.ledger-table td {
    padding: 15px 17px;
    border-right: 1px solid rgba(88, 53, 8, 0.08);
    border-bottom: 1px solid rgba(88, 53, 8, 0.08);
    text-align: left;
    font-size: 13px;
}

.ledger-table tr:last-child th,
.ledger-table tr:last-child td {
    border-bottom: 0;
}

.ledger-table th:last-child,
.ledger-table td:last-child {
    border-right: 0;
}

.ledger-table thead th {
    color: rgba(255, 255, 255, 0.72);
    background: #120b05;
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ledger-table thead th:last-child {
    color: #1b0d00;
    background: var(--honey);
}

.ledger-table tbody th {
    color: var(--ink);
    background: #fffaf0;
}

.ledger-table td {
    color: var(--ink-soft);
}

.ledger-table td:last-child {
    color: var(--ink);
    background: rgba(255, 210, 63, 0.12);
}

.ledger-table td:last-child strong::before {
    content: "✓";
    margin-right: 7px;
    color: var(--green);
}

.competitor-section {
    padding-bottom: 100px;
    background:
        radial-gradient(circle at 50% 0%, rgba(242, 131, 8, 0.24), transparent 34%),
        var(--hive-dark) calc(100% + 50px) 45px / 430px 376px no-repeat,
        var(--hive-dark) -75px calc(100% - 70px) / 390px 342px no-repeat,
        linear-gradient(rgba(5, 3, 2, 0.91), rgba(5, 3, 2, 0.98)),
        url("../assets/images/wave-bg.png") center / cover no-repeat;
}

.competitor-heading {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 70px;
    align-items: end;
    margin-bottom: 39px;
}

.competitor-heading h2 {
    margin: 7px 0 0;
    font-family: var(--display);
    font-size: clamp(48px, 6vw, 76px);
    line-height: 0.9;
    letter-spacing: -0.05em;
}

.competitor-heading h2 span {
    color: var(--honey);
}

.competitor-heading > p {
    margin: 0;
    color: rgba(255, 255, 255, 0.67);
    font-size: 14px;
    line-height: 1.62;
}

.competitor-price-cards {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    align-items: stretch;
}

.competitor-price-cards article {
    position: relative;
    min-width: 0;
    padding: 22px 18px 19px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.045);
}

.competitor-price-cards .beevoice-competitor-card {
    color: var(--ink);
    border-color: var(--honey);
    background: linear-gradient(180deg, #fff4bf, #fff);
    box-shadow: 0 20px 55px rgba(0, 0, 0, 0.28), 0 0 0 4px rgba(255, 210, 63, 0.09);
    transform: translateY(-8px);
}

.competitor-crown {
    position: absolute;
    top: -11px;
    left: 50%;
    padding: 5px 10px;
    border-radius: 99px;
    color: #180c01;
    background: var(--honey);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.1em;
    white-space: nowrap;
    transform: translateX(-50%);
}

.competitor-mark {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    margin-bottom: 15px;
    border: 1px solid rgba(255, 210, 63, 0.25);
    border-radius: 12px;
    color: var(--honey);
    background: rgba(255, 210, 63, 0.08);
    font-family: var(--display);
    font-size: 16px;
}

.beevoice-competitor-card .competitor-mark {
    color: #180c01;
    background: var(--honey);
}

.competitor-price-cards h3 {
    margin: 0 0 11px;
    font-size: 18px;
}

.competitor-price {
    display: grid;
    min-height: 57px;
    align-content: start;
}

.competitor-price strong {
    color: #fff;
    font-family: var(--display);
    font-size: 31px;
    line-height: 0.9;
}

.beevoice-competitor-card .competitor-price strong {
    color: var(--green);
}

.competitor-price small {
    color: rgba(255, 255, 255, 0.48);
    font-size: 12px;
    text-transform: uppercase;
}

.beevoice-competitor-card .competitor-price small {
    width: fit-content;
    margin-top: 5px;
    padding: 4px 8px;
    border-radius: 99px;
    color: var(--honey);
    background: var(--ink);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.08em;
}

.competitor-price-cards p {
    min-height: 108px;
    margin: 10px 0 15px;
    color: rgba(255, 255, 255, 0.56);
    font-size: 13px;
    line-height: 1.48;
}

.beevoice-competitor-card p {
    color: var(--ink-soft);
}

.competitor-price-cards article > b {
    display: block;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.09);
    color: rgba(255, 255, 255, 0.66);
    font-size: 12px;
    text-transform: uppercase;
}

.beevoice-competitor-card > b {
    border-top-color: var(--line);
    color: var(--amber-deep);
}

.advantage-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
    margin-top: 25px;
}

.advantage-card {
    position: relative;
    min-height: 360px;
    overflow: hidden;
    padding: 26px;
    border: 1px solid rgba(255, 210, 63, 0.16);
    border-radius: 24px;
    background:
        radial-gradient(circle at 85% 85%, rgba(255, 181, 28, 0.11), transparent 28%),
        rgba(255, 255, 255, 0.045);
}

.advantage-copy {
    position: relative;
    z-index: 2;
    max-width: 66%;
}

.advantage-copy > span {
    color: var(--honey);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.14em;
}

.advantage-copy h3 {
    margin: 6px 0 9px;
    font-family: var(--display);
    font-size: 29px;
    line-height: 1;
}

.advantage-copy p {
    margin: 0;
    color: rgba(255, 255, 255, 0.61);
    font-size: 14px;
    line-height: 1.5;
}

.advantage-visual {
    position: absolute;
    z-index: 1;
    right: 24px;
    bottom: 23px;
}

.core-lane-visual {
    width: 180px;
    height: 205px;
    display: grid;
    place-items: center;
    align-content: center;
    border: 1px solid rgba(255, 210, 63, 0.2);
    border-radius: 28px;
    background:
        linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        #0a0603;
    background-size: 22px 22px;
    box-shadow: 0 16px 35px rgba(0, 0, 0, 0.28);
}

.core-infinity {
    color: var(--honey);
    font-family: var(--display);
    font-size: 78px;
    line-height: 0.75;
}

.core-lane-visual strong {
    margin-top: 7px;
    color: #fff;
    font-size: 9px;
    letter-spacing: 0.16em;
}

.core-lane-visual small {
    margin-top: 9px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 7px;
}

.no-equivalent {
    position: absolute;
    left: 50%;
    bottom: -12px;
    width: 220px;
    padding: 7px 10px;
    border-radius: 99px;
    color: #170b01;
    background: var(--honey);
    text-align: center;
    font-size: 7px;
    font-weight: 900;
    transform: translateX(-50%);
}

.sfx-script-visual {
    width: 205px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 7px;
    padding: 15px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 17px;
    background: #0b0704;
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.25);
}

.sfx-script-visual p {
    align-self: center;
    margin: 0;
    padding: 8px;
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.64);
    background: rgba(255, 255, 255, 0.045);
    font-size: 7px;
}

.sfx-script-visual > b {
    align-self: center;
    padding: 8px;
    border-radius: 8px;
    color: #160b01;
    background: var(--honey);
    font-size: 7px;
}

.stitched-output {
    grid-column: 1 / -1;
    position: relative;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-top: 5px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.stitched-output i {
    width: 5px;
    height: 17px;
    border-radius: 99px;
    background: linear-gradient(180deg, var(--honey), var(--amber));
}

.stitched-output i:nth-child(2n) { height: 31px; }
.stitched-output i:nth-child(3n) { height: 39px; }

.stitched-output span {
    position: absolute;
    right: 0;
    bottom: -5px;
    color: var(--honey);
    font-size: 6px;
    font-weight: 900;
}

.workflow-wheel {
    width: 218px;
    height: 218px;
}

.workflow-center {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    width: 82px;
    height: 82px;
    display: grid;
    place-items: center;
    border: 5px solid #fff3b2;
    border-radius: 50%;
    color: #190c01;
    background: var(--honey);
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.25);
    font-family: var(--display);
    font-size: 28px;
    transform: translate(-50%, -50%);
}

.workflow-wheel > span {
    position: absolute;
    width: 63px;
    height: 34px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 210, 63, 0.25);
    border-radius: 10px;
    color: rgba(255, 255, 255, 0.75);
    background: #120a05;
    font-size: 6px;
    font-weight: 900;
}

.wheel-one { left: 78px; top: 0; }
.wheel-two { right: 0; top: 49px; }
.wheel-three { right: 0; bottom: 42px; }
.wheel-four { left: 78px; bottom: 0; }
.wheel-five { left: 0; bottom: 42px; }
.wheel-six { left: 0; top: 49px; }

.workflow-wheel::before,
.workflow-wheel::after {
    content: "";
    position: absolute;
    inset: 28px;
    border: 1px dashed rgba(255, 210, 63, 0.24);
    border-radius: 50%;
}

.renewal-bars {
    width: 220px;
    display: grid;
    gap: 7px;
}

.renewal-bars > div {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 10px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 9px;
    color: rgba(255, 255, 255, 0.62);
    background: rgba(255, 255, 255, 0.035);
    font-size: 7px;
}

.renewal-bars b {
    color: #fff;
    font-size: 9px;
}

.renewal-bars .renewal-bee {
    color: #160b01;
    border-color: var(--honey);
    background: var(--honey);
}

.renewal-bars .renewal-bee b {
    color: var(--green);
    font-family: var(--display);
    font-size: 18px;
}

.competitor-verdict {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 35px;
    align-items: center;
    margin-top: 22px;
    padding: 25px 27px;
    border: 1px solid rgba(255, 210, 63, 0.19);
    border-radius: 21px;
    background: rgba(255, 255, 255, 0.045);
}

.competitor-verdict > div > span {
    color: var(--honey);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.competitor-verdict h3 {
    max-width: 760px;
    margin: 5px 0 0;
    font-family: var(--display);
    font-size: 25px;
    line-height: 1.08;
}

.competitor-verdict p {
    max-width: 760px;
    margin: 8px 0 0;
    color: rgba(255, 255, 255, 0.56);
    font-size: 13px;
    line-height: 1.5;
}

.competitor-disclaimer {
    margin: 14px auto 0;
    color: rgba(255, 255, 255, 0.35);
    text-align: center;
    font-size: 12px;
    line-height: 1.45;
}

.pricing-section {
    padding: 95px 0;
}

.pricing-stage {
    display: grid;
    grid-template-columns: 0.78fr 1.22fr;
    gap: 45px;
    align-items: center;
}

.pricing-visual {
    position: relative;
}

.box-offer {
    display: block;
    filter: drop-shadow(0 30px 42px rgba(0, 0, 0, 0.38));
}

.guarantee-lockup {
    display: grid;
    grid-template-columns: 90px 1fr;
    gap: 13px;
    align-items: center;
    width: 82%;
    margin: -28px auto 0;
    padding: 9px 15px 9px 9px;
    border: 1px solid rgba(255, 210, 63, 0.22);
    border-radius: 18px;
    background: rgba(0, 0, 0, 0.78);
    backdrop-filter: blur(12px);
}

.guarantee-lockup img {
    width: 90px;
}

.guarantee-lockup strong,
.guarantee-lockup span {
    display: block;
}

.guarantee-lockup strong {
    color: var(--honey);
    font-family: var(--display);
    font-size: 27px;
}

.guarantee-lockup span {
    color: rgba(255, 255, 255, 0.65);
    font-size: 13px;
    line-height: 1.4;
}

.pricing-card {
    position: relative;
    padding: 42px;
    border: 1px solid rgba(255, 210, 63, 0.18);
    border-radius: 31px;
    color: var(--ink);
    background: linear-gradient(180deg, #fff7cf, #fff);
    box-shadow: 0 32px 100px rgba(0, 0, 0, 0.39), 0 0 0 8px rgba(255, 210, 63, 0.06);
}

.pricing-ribbon {
    position: absolute;
    top: 18px;
    right: -12px;
    padding: 9px 18px;
    color: #fff;
    background: var(--red);
    box-shadow: 0 7px 18px rgba(119, 24, 15, 0.25);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.pricing-kicker {
    color: var(--amber-deep);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.pricing-card h2 {
    max-width: 650px;
    margin: 8px 0 10px;
    font-size: 53px;
    line-height: 0.96;
}

.price-lockup {
    display: flex;
    align-items: end;
    gap: 9px 15px;
    padding: 11px 0 17px;
    border-bottom: 1px solid var(--line);
}

.price-lockup > span {
    display: grid;
    padding-bottom: 9px;
    color: var(--red);
    font-size: 17px;
    font-weight: 900;
}

.price-lockup small {
    color: var(--ink-soft);
    font-size: 12px;
    text-transform: uppercase;
}

.price-lockup strong {
    color: var(--green);
    font-family: var(--display);
    font-size: 93px;
    line-height: 0.78;
}

.price-lockup em {
    padding-bottom: 9px;
    color: var(--ink-soft);
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
}

.offer-stack {
    display: grid;
    gap: 0;
    margin: 18px 0 23px;
    padding: 0;
    list-style: none;
}

.offer-stack li {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1.35fr;
    gap: 12px;
    padding: 10px 0 10px 25px;
    border-bottom: 1px solid rgba(77, 45, 0, 0.08);
}

.offer-stack li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 10px;
    color: var(--green);
    font-weight: 900;
}

.offer-stack b {
    font-size: 14px;
}

.offer-stack span {
    color: var(--ink-soft);
    font-size: 13px;
    line-height: 1.4;
}

.pricing-card .cta-btn {
    width: 100%;
}

.payment-trust {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 9px 17px;
    margin-top: 13px;
    color: var(--ink-soft);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.payment-trust span::before {
    content: "◆";
    margin-right: 6px;
    color: var(--amber);
}

.compatibility-section {
    overflow: hidden;
    background:
        radial-gradient(circle at 75% 50%, rgba(255, 183, 34, 0.16), transparent 33%),
        var(--hive-light) calc(100% + 25px) -30px / 450px 394px no-repeat,
        linear-gradient(180deg, #fffdf7, #fff5da);
}

.compatibility-grid {
    display: grid;
    grid-template-columns: 0.82fr 1.18fr;
    gap: 70px;
    align-items: center;
}

.compatibility-copy h2 {
    margin: 8px 0 15px;
    font-family: var(--display);
    font-size: 61px;
    line-height: 0.95;
    letter-spacing: -0.045em;
}

.compatibility-copy > p {
    margin: 0;
    color: var(--ink-soft);
    font-size: 15px;
    line-height: 1.6;
}

.compatibility-copy ul {
    display: grid;
    gap: 9px;
    margin: 21px 0 25px;
    padding: 0;
    list-style: none;
}

.compatibility-copy li {
    position: relative;
    padding-left: 24px;
    color: var(--ink-soft);
    font-size: 14px;
}

.compatibility-copy li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: var(--green);
    font-weight: 900;
}

.device-stage {
    position: relative;
    padding: 25px 15px 40px;
}

.device-laptop {
    position: relative;
    z-index: 1;
    padding: 14px 14px 17px;
    border: 2px solid #2a2019;
    border-radius: 24px 24px 12px 12px;
    background: #0b0805;
    box-shadow: 0 30px 80px rgba(54, 26, 0, 0.24);
    transform: perspective(1100px) rotateY(-3deg);
}

.device-camera {
    width: 7px;
    height: 7px;
    margin: -4px auto 7px;
    border-radius: 50%;
    background: #524238;
}

.device-screen {
    overflow: hidden;
    border: 1px solid rgba(255, 210, 63, 0.18);
    border-radius: 13px;
    color: #fff;
    background:
        radial-gradient(circle at 75% 15%, rgba(255, 182, 27, 0.15), transparent 30%),
        #080503;
}

.device-browser {
    display: flex;
    align-items: center;
    gap: 6px;
    height: 32px;
    padding: 0 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    background: #130d08;
}

.device-browser i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #61421e;
}

.device-browser i:first-child {
    background: var(--amber);
}

.device-browser span {
    margin-left: auto;
    color: rgba(255, 255, 255, 0.45);
    font-size: 8px;
}

.device-studio {
    padding: 28px;
}

.device-studio small {
    color: var(--amber);
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 0.14em;
}

.device-studio h3 {
    margin: 5px 0 19px;
    font-family: var(--display);
    font-size: 30px;
}

.device-wave {
    height: 85px;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 0 16px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.025);
}

.device-wave b {
    width: 5px;
    height: 23px;
    border-radius: 99px;
    background: linear-gradient(180deg, var(--honey), var(--amber));
}

.device-wave b:nth-child(2n) { height: 46px; }
.device-wave b:nth-child(3n) { height: 67px; }
.device-wave b:nth-child(5n) { height: 33px; }

.device-lanes {
    display: grid;
    gap: 7px;
    margin-top: 15px;
}

.device-lanes span {
    height: 10px;
    border-radius: 3px;
    background: linear-gradient(90deg, #e99414 0 66%, rgba(255, 255, 255, 0.07) 66%);
}

.device-lanes span:nth-child(2) {
    background: linear-gradient(90deg, #966020 0 82%, rgba(255, 255, 255, 0.07) 82%);
}

.device-lanes span:nth-child(3) {
    background: linear-gradient(90deg, #ffd251 0 39%, rgba(255, 255, 255, 0.07) 39%);
}

.device-base {
    width: 110%;
    height: 17px;
    margin-left: -5%;
    border-radius: 4px 4px 50% 50%;
    background: linear-gradient(180deg, #44382f, #100d0a);
    box-shadow: 0 14px 25px rgba(50, 25, 0, 0.22);
}

.export-card {
    position: absolute;
    z-index: 2;
    right: -5px;
    bottom: 7px;
    display: flex;
    gap: 10px;
    align-items: center;
    min-width: 180px;
    padding: 13px 15px;
    border: 1px solid rgba(44, 124, 30, 0.24);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 17px 40px rgba(51, 25, 0, 0.18);
}

.export-card > span {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: var(--green);
    font-weight: 900;
}

.export-card strong,
.export-card small {
    display: block;
}

.export-card strong {
    font-size: 12px;
}

.export-card small {
    color: var(--ink-soft);
    font-size: 9px;
}

.faq-section {
    background:
        radial-gradient(circle at 0% 70%, rgba(255, 197, 62, 0.11), transparent 22%),
        var(--hive-light) calc(100% + 70px) calc(100% + 40px) / 360px 315px no-repeat,
        #fffdf8;
}

.faq-layout {
    display: grid;
    grid-template-columns: 0.75fr 1.25fr;
    gap: 70px;
    align-items: start;
}

.faq-layout h2 {
    margin: 8px 0 15px;
    font-size: 58px;
    line-height: 0.95;
}

.faq-layout .cta-btn {
    margin-top: 22px;
}

.faq-list {
    border-top: 1px solid var(--line);
}

.faq-item {
    border-bottom: 1px solid var(--line);
}

.faq-q {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 20px 0;
    border: 0;
    color: var(--ink);
    background: none;
    text-align: left;
    font-size: 16px;
    font-weight: 800;
    cursor: pointer;
}

.faq-q b {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 50%;
    color: #140a01;
    background: var(--honey);
    transition: transform 0.2s ease;
}

.faq-item.open .faq-q b {
    transform: rotate(45deg);
}

.faq-a {
    display: none;
    max-width: 750px;
    padding: 0 45px 20px 0;
    color: var(--ink-soft);
    font-size: 13px;
    line-height: 1.6;
}

.faq-item.open .faq-a {
    display: block;
}

.final {
    padding: 100px 0;
    color: #fff;
    text-align: center;
    background:
        radial-gradient(circle at 50% 55%, rgba(255, 152, 13, 0.26), transparent 32%),
        linear-gradient(rgba(5, 3, 2, 0.8), rgba(5, 3, 2, 0.93)),
        url("../assets/images/wave-bg.png") center / cover no-repeat;
}

.final span {
    color: var(--honey);
    font-family: "Kalam", cursive;
}

.final h2 {
    max-width: 900px;
    margin: 5px auto 15px;
    font-size: clamp(53px, 7vw, 87px);
    line-height: 0.9;
}

.final p {
    max-width: 700px;
    margin: 0 auto 25px;
    color: rgba(255, 255, 255, 0.72);
    font-size: 16px;
    line-height: 1.6;
}

.footer {
    color: rgba(255, 255, 255, 0.65);
    background: #050302;
}

.footer-grid {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    padding: 32px 0;
}

.footer-grid strong {
    color: var(--honey);
    font-family: var(--display);
    font-size: 28px;
}

.footer-grid p {
    margin: 0;
    font-size: 13px;
}

.footer-links {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 18px;
    font-size: 13px;
    font-weight: 700;
}

.footer-links a:hover {
    color: var(--honey);
}

.footer-disclaimer {
    padding: 16px 0 25px;
    border-top: 1px solid rgba(255, 255, 255, 0.09);
    font-size: 12px;
    line-height: 1.5;
}

.modal-backdrop {
    z-index: 1040;
}

#paymentpopup {
    backdrop-filter: blur(8px);
}

#paymentpopup .modal-dialog {
    max-width: 1040px;
}

#paymentpopup .modal-content {
    overflow: hidden;
    border: 0;
    border-radius: 26px;
    box-shadow: 0 30px 100px rgba(0, 0, 0, 0.35);
}

#paymentpopup .modal-header {
    color: #120c06;
    background: linear-gradient(180deg, #ffd34f, #ffae24);
}

.loader {
    width: 46px;
    height: 46px;
    margin: 20px auto;
    border: 5px solid rgba(255, 211, 79, 0.28);
    border-top-color: var(--honey);
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    .marquee-track {
        animation: none;
    }

    * {
        transition-duration: 0.01ms !important;
    }
}

@media (max-width: 1050px) {
    .hero-grid {
        grid-template-columns: 1fr 1fr;
        gap: 32px;
    }

    .proof-left,
    .proof-right {
        display: none;
    }

    .fact-rail {
        grid-template-columns: repeat(3, 1fr);
    }

    .fact-rail > div:nth-child(3) {
        border-right: 0;
    }

    .fact-rail > div:nth-child(n+4) {
        margin-top: 16px;
    }

    .idea-wall,
    .bonus-video-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .system-layers article:nth-child(2),
    .system-layers article:nth-child(3) {
        margin-left: 0;
    }

    .competitor-price-cards {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 820px) {
    .container-bv {
        width: min(100% - 28px, 1180px);
    }

    .hero-grid,
    .section-heading.heading-left,
    .offer-bridge-inner,
    .script-stage,
    .studio-board,
    .cost-grid,
    .pricing-stage,
    .faq-layout,
    .compatibility-grid,
    .competitor-heading {
        grid-template-columns: 1fr;
    }

    .hero-grid {
        min-height: 0;
        padding-top: 45px;
    }

    .hero-copy {
        max-width: none;
    }

    .hero h1 {
        max-width: 690px;
        font-size: clamp(54px, 12vw, 82px);
    }

    .hero-media {
        margin-top: 10px;
    }

    .fact-rail {
        grid-template-columns: repeat(2, 1fr);
    }

    .fact-rail > div,
    .fact-rail > div:nth-child(3) {
        padding: 10px 14px;
        margin: 0;
        border-right: 1px solid rgba(255, 255, 255, 0.13);
    }

    .fact-rail > div:nth-child(even) {
        border-right: 0;
    }

    .section {
        padding: 72px 0;
    }

    .section-heading.heading-left {
        gap: 14px;
        text-align: center;
    }

    .audition-list,
    .language-tape,
    .flagship-scenarios,
    .friction-map {
        grid-template-columns: 1fr;
    }

    .friction-map::before {
        display: none;
    }

    .friction-map article {
        min-height: 0;
    }

    .friction-answer,
    .feature-gallery-cta,
    .ledger-intro {
        grid-template-columns: 1fr;
    }

    .feature-gallery {
        grid-template-columns: 1fr;
    }

    .featured-audition {
        grid-template-columns: 1fr;
    }

    .featured-audition blockquote {
        grid-column: 1;
        grid-row: auto;
    }

    .bridge-price {
        padding-left: 0;
        border-left: 0;
    }

    .script-paper {
        transform: none;
    }

    .studio-console {
        transform: none;
    }

    .idea-wall {
        grid-template-columns: repeat(2, 1fr);
    }

    .cost-receipt {
        max-width: 480px;
        margin-inline: auto;
    }

    .device-stage {
        max-width: 650px;
        margin-inline: auto;
    }

    .competitor-heading {
        gap: 15px;
        text-align: center;
    }

    .competitor-price-cards {
        grid-template-columns: repeat(2, 1fr);
    }

    .advantage-grid {
        grid-template-columns: 1fr;
    }

    .competitor-price-cards .beevoice-competitor-card {
        grid-column: 1 / -1;
        transform: none;
    }

    .competitor-verdict {
        grid-template-columns: 1fr;
        text-align: center;
    }
}

@media (max-width: 560px) {
    .top-strip {
        gap: 3px 8px;
        font-size: 12px;
    }

    .top-strip span:first-child {
        display: none;
    }

    .hero-grid {
        padding-top: 28px;
    }

    .hero h1 {
        font-size: 41px;
    }

    .hero-sub {
        margin-block: 14px;
        font-size: 15px;
        line-height: 1.38;
    }

    .hero-offer {
        grid-template-columns: 1fr;
        gap: 8px;
        padding: 13px 15px;
    }

    .hero-offer p {
        font-size: 13px;
    }

    .cta-btn {
        width: 100%;
        padding-inline: 18px;
        font-size: 16px;
    }

    .tiny-proof {
        width: 100%;
        text-align: center;
    }

    .hero-checks {
        justify-content: center;
        margin-top: 10px;
        font-size: 12px;
    }

    .fact-rail {
        grid-template-columns: 1fr;
    }

    .fact-rail > div,
    .fact-rail > div:nth-child(even),
    .fact-rail > div:nth-child(3) {
        padding: 10px 0;
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    }

    .fact-rail > div:last-child {
        border-bottom: 0;
    }

    .section-heading h2,
    .offer-bridge h2,
    .studio-board h2,
    .cost-copy h2,
    .pricing-card h2,
    .faq-layout h2,
    .competitor-heading h2,
    .final h2 {
        font-size: clamp(30px, 8.2vw, 34px);
    }

    .section-heading p {
        font-size: 14px;
    }

    .featured-audition {
        padding: 24px 18px;
    }

    .featured-audition-copy {
        align-items: flex-start;
    }

    .featured-audition blockquote {
        font-size: 19px;
    }

    .director-strip {
        grid-template-columns: 1fr;
    }

    .audition-row {
        grid-template-columns: 32px 1fr;
    }

    .audition-row .play-sample {
        grid-column: 1 / -1;
    }

    .offer-bridge {
        text-align: center;
    }

    .bridge-price {
        justify-content: center;
    }

    .script-paper p {
        font-size: 22px;
    }

    .direction-card {
        grid-template-columns: 1fr;
    }

    .language-player {
        grid-template-columns: 48px 1fr;
    }

    .language-flag {
        width: 48px;
        height: 48px;
        font-size: 24px;
    }

    .idea-wall,
    .bonus-video-grid {
        grid-template-columns: 1fr;
    }

    .idea-wall article {
        min-height: 0;
    }

    .bonus-scenario-heading {
        margin-top: 56px;
    }

    .system-layers article {
        grid-template-columns: 1fr;
        padding: 23px;
    }

    .competitor-price-cards {
        grid-template-columns: 1fr;
    }

    .competitor-price-cards .beevoice-competitor-card {
        grid-column: auto;
    }

    .competitor-price-cards p {
        min-height: 0;
    }

    .advantage-card {
        min-height: 0;
    }

    .advantage-copy {
        max-width: none;
    }

    .advantage-visual {
        position: relative;
        right: auto;
        bottom: auto;
        margin: 27px auto 0;
    }

    .sfx-script-visual,
    .renewal-bars {
        width: min(100%, 260px);
    }

    .feature-panel {
        min-height: 405px;
    }

    .feature-panel-copy {
        padding: 23px 20px 0;
    }

    .feature-visual {
        left: 16px;
        right: 16px;
        bottom: 17px;
        height: 218px;
    }

    .feature-gallery-cta {
        text-align: center;
    }

    .friction-answer {
        padding-inline: 12px;
        text-align: center;
    }

    .friction-answer a {
        width: 100%;
    }

    .layer-number {
        font-size: 47px;
    }

    .cost-math {
        grid-template-columns: 1fr;
    }

    .pricing-card {
        padding: 34px 20px 25px;
    }

    .compatibility-copy h2 {
        font-size: clamp(30px, 8.2vw, 34px);
    }

    .device-stage {
        padding-inline: 0;
    }

    .device-studio {
        padding: 18px;
    }

    .device-wave {
        gap: 4px;
        padding-inline: 8px;
    }

    .export-card {
        position: relative;
        right: auto;
        bottom: auto;
        width: fit-content;
        margin: 15px auto 0;
    }

    .pricing-ribbon {
        right: 0;
        top: -12px;
    }

    .price-lockup {
        flex-wrap: wrap;
    }

    .price-lockup strong {
        font-size: 77px;
    }

    .offer-stack li {
        grid-template-columns: 1fr;
        gap: 3px;
    }

    .footer-grid {
        display: grid;
        text-align: center;
    }

    .footer-links {
        justify-content: center;
    }
}

@media (max-width: 340px) {
    .friction-answer h3 {
        gap: 2px;
        letter-spacing: -0.015em;
    }
}