@import url("https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap");

html {
    font-family: "Geist", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

:root {
    --background: 255 255 255;
    --foreground: 17 17 17;

    --primary: 59 130 246;
    --primary-foreground: 255 255 255;

    --accent: 243 244 246;
    --accent-foreground: 17 17 17;
    --muted: 243 244 246;
    --border: 229 231 235;
    --input: 209 213 219;
    --ring: 59 130 246;
    --muted-foreground: 107 114 128;

    --spacing: 0.25rem;
    --sidebar-width: calc(var(--spacing) * 72);
    --sidebar-width-icon: 3rem;
    --header-height: calc(var(--spacing) * 12);

    --font-sans: "Geist", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.dark {
    --background: 10 10 10;
    --foreground: 255 255 255;

    --primary: 147 197 253;
    --primary-foreground: 17 17 17;

    --accent: 38 38 38;
    --accent-foreground: 255 255 255;
    --muted: 31 31 31;
    --border: 38 38 38;
    --input: 56 56 56;
    --ring: 147 197 253;
    --muted-foreground: 156 163 175;
}

.to-blue-50 {
    --tw-gradient-to: #eff6ff;
}

.to-blue-100 {
    --tw-gradient-to: #dbeafe;
}

.to-blue-200 {
    --tw-gradient-to: #bfdbfe;
}

.to-blue-300 {
    --tw-gradient-to: #93c5fd;
}

.to-blue-400 {
    --tw-gradient-to: #60a5fa;
}

.to-blue-500 {
    --tw-gradient-to: #3b82f6;
}

.to-blue-600 {
    --tw-gradient-to: #0032fe;
}

.to-blue-700 {
    --tw-gradient-to: #1d4ed8;
}

.to-blue-800 {
    --tw-gradient-to: #1e40af;
}

.to-blue-900 {
    --tw-gradient-to: #1e3a8a;
}

body {
    font-family: var(--font-sans);
    transition: background 0.3s, color 0.3s;
}

body:not(.bg-zinc-950) {
    background-color: rgb(var(--background));
    color: rgb(var(--foreground));
}

input,
button,
label,
p,
a,
div,
span,
li,
td,
th {
    font-family: var(--font-sans);
}

.font-sans,
.font-display,
.__className_f367f3,
.__className_f367f3 body,
.__className_f367f3 .site-header,
.__className_f367f3 .site-header * {
    font-family: var(--font-sans) !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit;
}

.bg-primary {
    background-color: rgb(var(--primary));
}

.text-primary-foreground {
    color: rgb(var(--primary-foreground));
}

.hover\:bg-primary\/90:hover {
    background-color: rgba(var(--primary), 0.9);
}

.bg-background {
    background-color: rgb(var(--background));
}

.text-foreground {
    color: rgb(var(--foreground));
}

.bg-muted {
    background-color: rgb(var(--muted));
}

.border-border {
    border-color: rgb(var(--border));
}

.border-input {
    border-color: rgb(var(--input));
}

.text-muted-foreground {
    color: rgb(var(--muted-foreground));
}

.bg-card {
    background-color: rgb(24 24 27);
}

.text-foreground\/80 {
    color: rgb(var(--foreground) / 0.8);
}

.text-primary-foreground\/60 {
    color: rgb(var(--primary-foreground) / 0.6);
}

/* Reviews — masonry 3 colunas (como referência) */
.reviews-section {
    width: 100%;
}

.reviews-section__intro {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 3.5rem;
}

@media (min-width: 768px) {
    .reviews-section__intro {
        padding-bottom: 4.5rem;
    }
}

@media (min-width: 1024px) {
    .reviews-section__intro {
        padding-bottom: 5.5rem;
    }
}

.reviews-section__intro-grid {
    display: grid;
    width: 100%;
    max-width: 42rem;
    margin-left: auto;
    margin-right: auto;
    justify-items: center;
    gap: 1.25rem;
    text-align: center;
}

.reviews-section__intro-grid h2 {
    margin: 0;
    width: 100%;
}

.reviews-section__desc {
    margin: 0;
    max-width: 36rem;
    line-height: 1.6;
}

.reviews-grid {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    width: 100%;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
}

.reviews-grid__col {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    width: 100%;
    max-width: 384px;
}

@media (min-width: 768px) {
    .reviews-grid {
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
        gap: 1.5rem;
    }

    .reviews-grid__col {
        flex: 0 0 384px;
        width: 384px;
        max-width: none;
        gap: 1.5rem;
    }
}

.reviews-card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    max-width: 384px;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    box-sizing: border-box;
}

.reviews-card--tall {
    height: 502px;
    min-height: 502px;
    padding: 1.5rem;
}

.reviews-card--short {
    height: 244px;
    min-height: 244px;
    padding: 30px;
}

.reviews-card--default {
    background: rgb(18 18 20);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.reviews-card__quote {
    position: relative;
    z-index: 2;
    margin: 0;
    font-weight: 400;
    word-break: break-word;
}

.reviews-card--short .reviews-card__quote {
    font-size: 17px;
    line-height: 1.5;
    color: rgb(var(--foreground) / 0.8);
}

.reviews-card--tall .reviews-card__quote {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 500;
}

.reviews-card__footer {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: auto;
    padding-top: 1.5rem;
}

.reviews-card--short .reviews-card__footer {
    padding-top: 0;
}

.reviews-card__name {
    font-size: 0.875rem;
    line-height: 1.375rem;
    color: rgb(var(--foreground));
}

.reviews-card--tall .reviews-card__name {
    font-size: 1rem;
    line-height: 1.5rem;
}

.reviews-card__role {
    font-size: 0.875rem;
    line-height: 1.375rem;
    color: rgb(var(--muted-foreground));
}

.reviews-card--tall .reviews-card__role {
    font-size: 1rem;
    line-height: 1.5rem;
}

.reviews-card__avatar {
    flex-shrink: 0;
    object-fit: cover;
    border-radius: 9999px;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.reviews-card__avatar--lg {
    width: 3rem;
    height: 3rem;
}

.reviews-card__avatar--sm {
    width: 2.25rem;
    height: 2.25rem;
}

.reviews-card__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: none;
}

.reviews-card--featured {
    background: linear-gradient(165deg, #0148ff 0%, #0134fd 45%, #0128c9 100%);
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.reviews-card--featured .reviews-card__bg {
    background-image:
        radial-gradient(ellipse 90% 70% at 10% 0%, rgba(255, 255, 255, 0.22), transparent 50%),
        radial-gradient(ellipse 60% 50% at 100% 100%, rgba(255, 255, 255, 0.08), transparent 55%);
}

.reviews-card--featured .reviews-card__quote,
.reviews-card--featured .reviews-card__name {
    color: #fff;
}

.reviews-card--featured .reviews-card__role {
    color: rgba(255, 255, 255, 0.65);
}

.reviews-card--alt {
    background: linear-gradient(
        180deg,
        rgba(58, 60, 66, 0.92) 0%,
        rgba(32, 34, 38, 1) 55%,
        rgba(16, 16, 18, 1) 100%
    );
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.reviews-card--alt .reviews-card__bg {
    opacity: 0.35;
    background-image:
        radial-gradient(ellipse 120% 80% at 50% 100%, rgba(255, 255, 255, 0.14), transparent 60%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.06) 0%, transparent 45%);
}

.reviews-card--alt .reviews-card__quote,
.reviews-card--alt .reviews-card__name {
    color: rgb(var(--foreground));
}

.text-accent-foreground {
    color: rgb(var(--accent-foreground));
}

.hover\:bg-accent:hover {
    background-color: rgb(var(--accent));
}

.hover\:bg-accent\/50:hover {
    background-color: rgba(var(--accent), 0.5);
}

.hover\:text-accent-foreground:hover {
    color: rgb(var(--accent-foreground));
}

.dark .border-input {
    border-color: rgb(var(--input));
}

.dark .bg-input\/30 {
    background-color: rgba(var(--input), 0.3);
}

.dark .bg-input\/50 {
    background-color: rgba(var(--input), 0.5);
}

.shadow-xs {
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
}

[data-slot="sidebar-container"] {
    width: var(--sidebar-width) !important;
    z-index: 40;
}

[data-slot="sidebar-gap"] {
    width: var(--sidebar-width);
}

main[data-slot="sidebar-inset"] {
    margin-left: 0 !important;
    padding-top: var(--header-height);
}

@media (min-width: 768px) {
    main[data-slot="sidebar-inset"] {
        margin-left: var(--sidebar-width) !important;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

[data-slot="sidebar-wrapper"] {
    --header-height: 3rem;
}

.twofa-no-white-ring:focus {
    outline: none !important;
    border-color: #0133fe !important;
    box-shadow: 0 0 0 2px rgba(0, 50, 254, 0.2) !important;
}

header:not(.site-header) {
    position: fixed;
    top: 0;
    left: var(--sidebar-width, 0rem);
    right: 0;
    z-index: 30;
    border-bottom: 1px solid rgb(var(--border));
    background: rgb(var(--background));
}

.border-b {
    border-bottom-width: 1px;
    border-bottom-color: rgb(var(--border));
}

.p-2 {
    padding: 0.5rem;
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

[data-slot="card"] {
    border: 1px solid rgb(var(--border));
    border-radius: 0.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.dark [data-slot="card"] {
    border-color: rgb(var(--border));
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

button[data-active="true"] {
    background-color: #0032fe;
}

::-webkit-scrollbar {
    width: 0;
    height: 0;
}

body {
    scrollbar-width: none;
}

body::-webkit-scrollbar {
    display: none;
}

.turbo-progress-bar {
    background: #0031f9 !important;
}

.text-\[2\.5rem\] {
    font-size: 2.5rem;
}

.text-\[3\.25rem\] {
    font-size: 3.25rem;
}

.leading-\[1\.05\] {
    line-height: 1.05;
}

.tracking-\[-0\.045em\] {
    letter-spacing: -0.045em;
}

@media (min-width: 640px) {
    .sm\:text-\[3rem\] {
        font-size: 3rem;
    }

    .sm\:text-\[4rem\] {
        font-size: 4rem;
    }
}

@media (min-width: 768px) {
    .md\:text-\[3\.5rem\] {
        font-size: 3.5rem;
    }

    .md\:text-\[4\.75rem\] {
        font-size: 4.75rem;
    }
}

@media (min-width: 1024px) {
    .lg\:text-\[5\.25rem\] {
        font-size: 5.25rem;
    }

    .lg\:mt-16 {
        margin-top: 4rem;
    }

    .lg\:mr-auto {
        margin-right: auto;
    }

    .lg\:ml-0 {
        margin-left: 0;
    }
}

.max-w-2xl {
    max-width: 42rem;
}

.max-w-5xl {
    max-width: 64rem;
}

.text-balance {
    text-wrap: balance;
}

.text-pretty {
    text-wrap: pretty;
}

.text-nowrap {
    white-space: nowrap;
}

@media (min-width: 768px) {
    .md\:text-6xl {
        font-size: 3.75rem;
        line-height: 1;
    }
}

.hero-copy {
    width: 100%;
    text-align: left;
}

.hero-dashboard {
    padding-top: 5rem;
    margin-top: 2.5rem;
}

@media (min-width: 768px) {
    .hero-dashboard {
        padding-top: 6rem;
        margin-top: 3.5rem;
    }
}

.hero-cta-primary-wrap {
    padding: 2px;
    border: 1px solid rgb(var(--border));
    border-radius: 14px;
    background-color: rgba(var(--foreground), 0.1);
}

.hero-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.75rem;
    padding: 0 1.25rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition:
        background-color 0.2s ease,
        color 0.2s ease;
}

.hero-cta--primary {
    height: 2.75rem;
    background-color: rgb(var(--primary));
    color: rgb(var(--primary-foreground));
}

.hero-cta--primary:hover {
    background-color: rgba(var(--primary), 0.9);
}

.hero-cta--secondary {
    height: 42px;
    color: rgb(var(--foreground));
}

.hero-cta--secondary:hover {
    background-color: rgb(var(--accent));
    color: rgb(var(--accent-foreground));
}

.special-text {
    display: inline;
    font-variant-numeric: tabular-nums;
    color: #0134fd;
}

/* Feed de notificações de vendas (card features) */
.sale-notifications-panel {
    position: relative;
    isolation: isolate;
}

.sale-notifications-panel::after {
    content: "";
    position: absolute;
    right: -18%;
    bottom: -22%;
    z-index: 0;
    width: min(20rem, 75%);
    aspect-ratio: 1;
    border-radius: 50%;
    pointer-events: none;
    background: radial-gradient(
        circle at center,
        rgba(1, 52, 253, 0.14) 0%,
        rgba(1, 52, 253, 0.06) 38%,
        rgba(1, 52, 253, 0.02) 58%,
        transparent 72%
    );
}

.sale-notifications-feed {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 0;
    overflow: hidden;
    min-height: 22rem;
}

.sale-notification {
    display: flex;
    gap: 1rem;
    padding: 0.75rem 1rem;
    flex-shrink: 0;
    overflow: hidden;
    color: #a3a3a3;
}

.sale-notification__logo {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    overflow: hidden;
    border-radius: 0.5rem;
}

.sale-notification__logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.5rem;
}

.sale-notification__body {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.375rem;
    padding-bottom: 0.25rem;
}

.sale-notification__title {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.25;
    color: #ffffff;
}

.sale-notification__card {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background-color: #171717;
    border: 1px solid #262626;
    border-radius: 0.375rem;
}

.sale-notification__card-text {
    min-width: 0;
    flex: 1;
}

.sale-notification__amount {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.25;
    color: #ffffff;
}

.sale-notification__name {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.75rem;
    line-height: 1.25;
    color: #9ca3af;
}

.sale-notification__eye {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    padding: 0.375rem;
    color: #9ca3af;
}

.sale-notification__time {
    margin: 0;
    font-size: 0.75rem;
    line-height: 1.25;
    color: #6b7280;
}

.sale-notification--entering {
    animation: sale-notif-enter 0.55s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.sale-notification--exiting {
    animation: sale-notif-exit 0.5s cubic-bezier(0.55, 0, 1, 0.45) forwards;
    pointer-events: none;
}

.sale-notification--shifting {
    animation: sale-notif-shift 0.45s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@keyframes sale-notif-enter {
    from {
        opacity: 0;
        transform: translateY(-1.25rem);
        max-height: 0;
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

    to {
        opacity: 1;
        transform: translateY(0);
        max-height: 8.5rem;
    }
}

@keyframes sale-notif-exit {
    from {
        opacity: 1;
        transform: translateY(0) scale(1);
        max-height: 8.5rem;
    }

    to {
        opacity: 0;
        transform: translateY(0.5rem) scale(0.98);
        max-height: 0;
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
}

@keyframes sale-notif-shift {
    from {
        transform: translateY(-0.35rem);
    }

    to {
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .sale-notification--entering,
    .sale-notification--exiting,
    .sale-notification--shifting {
        animation: none;
    }
}

/* Card API — stack estilo code review (ghost + principal) */
.doc-snippet-panel {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 1.5rem 1.25rem 0.25rem;
}

.api-review-stack {
    --ai-primary-color: #0134fd;
    --ai-background-color: hsl(var(--background));
    --ai-text-color: hsl(var(--foreground));
    --ai-text-dark: hsl(var(--primary-foreground));
    --ai-border-color: hsl(var(--border));
    --ai-border-main: hsl(var(--foreground) / 0.1);
    --ai-highlight-primary: hsl(var(--primary) / 0.14);
    --ai-muted: hsl(var(--muted-foreground));

    position: relative;
    width: 100%;
    height: 100%;
    min-height: 17.5rem;
    background: transparent;
}

.api-review-stack__ghost {
    position: absolute;
    top: 1.75rem;
    left: 50%;
    width: min(21.25rem, 92%);
    height: 12.875rem;
    transform: translateX(-50%) scale(0.9);
    border-radius: 0.55rem;
    border: 0.05rem solid var(--ai-border-color);
    background: linear-gradient(180deg, var(--ai-background-color) 0%, transparent 100%);
    opacity: 0.6;
    overflow: hidden;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.api-review-stack__ghost-inner {
    height: 100%;
    padding: 0.46rem 0.55rem;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: inherit;
    background: rgb(var(--background) / 0.35);
    border: 1px solid var(--ai-border-main);
}

.api-review-stack__main {
    position: absolute;
    top: 3.2rem;
    left: 50%;
    width: min(21.25rem, 92%);
    height: 13.85rem;
    transform: translateX(-50%);
    border-radius: 0.59rem;
    border: 1px solid var(--ai-border-main);
    background: var(--ai-background-color);
    overflow: hidden;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    box-shadow:
        0 26px 7px rgba(0, 0, 0, 0),
        0 17px 6px rgba(0, 0, 0, 0.01),
        0 10px 5px rgba(0, 0, 0, 0.05),
        0 4px 4px rgba(0, 0, 0, 0.09),
        0 1px 2px rgba(0, 0, 0, 0.1);
}

.api-review-stack__main-inner {
    position: relative;
    height: 100%;
    padding: 0.59rem;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: inherit;
    background: rgb(var(--background));
    border: 1px solid var(--ai-border-main);
}

.api-review-stack__highlight {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1;
    pointer-events: none;
}

.api-review-stack__highlight--neutral {
    top: 2.98rem;
    height: 2.07rem;
    background: hsl(var(--foreground) / 0.08);
}

.api-review-stack__highlight--primary {
    top: 5.05rem;
    height: 2.84rem;
    background: var(--ai-highlight-primary);
}

.api-review-stack__code {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 20rem;
    margin: 0;
    font-family: "Geist Mono", ui-monospace, SFMono-Regular, Monaco, Consolas, "Liberation Mono",
        "Courier New", monospace;
    font-size: 0.642rem;
    line-height: 0.988rem;
    letter-spacing: -0.02em;
}

.api-review-stack__code p {
    margin: 0;
    white-space: pre-wrap;
    font-weight: 400;
}

.api-review-stack__code--muted {
    color: var(--ai-muted);
}

.api-review-stack__code--source {
    color: var(--ai-text-color);
}

.api-review-stack__code .tok-cmd {
    color: #82aaff;
}

.api-review-stack__code .tok-url {
    color: #9ece6a;
    text-decoration: underline;
    text-decoration-color: rgba(158, 206, 106, 0.35);
    text-underline-offset: 2px;
}

.api-review-stack__code .tok-flag {
    color: #c792ea;
}

.api-review-stack__code .tok-method {
    color: #ffcb6b;
    font-weight: 600;
}

.api-review-stack__code .tok-str {
    color: #c3e88d;
}

.api-review-stack__action {
    position: absolute;
    top: calc(50% + 1.86rem);
    right: 1.25rem;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    margin: 0;
    padding: 0.2rem 0.4rem;
    border: none;
    border-radius: 0.35rem;
    background: var(--ai-primary-color);
    color: #fff;
    font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 0.642rem;
    font-weight: 500;
    line-height: 0.988rem;
    letter-spacing: -0.02em;
    white-space: nowrap;
    cursor: pointer;
    transform: translateY(-50%);
    transition: background 0.2s ease, opacity 0.2s ease;
    box-shadow:
        0 26px 7px rgba(0, 0, 0, 0),
        0 17px 6px rgba(0, 0, 0, 0.01),
        0 10px 5px rgba(0, 0, 0, 0.05),
        0 4px 4px rgba(0, 0, 0, 0.09),
        0 1px 2px rgba(0, 0, 0, 0.1);
}

.api-review-stack__action:hover {
    background: #0148ff;
}

.api-review-stack__action.is-copied {
    background: #16a34a;
}

.api-review-stack__action-kbd {
    font-family: "SF Pro", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    font-weight: 500;
    opacity: 0.9;
}

@media (min-width: 768px) {
    .api-review-stack {
        min-height: 19rem;
    }

    .api-review-stack__ghost {
        top: 2rem;
        height: 13.5rem;
    }

    .api-review-stack__main {
        top: 3.5rem;
        height: 14.5rem;
    }

    .api-review-stack__code {
        font-size: 0.68rem;
        line-height: 1.05rem;
    }

    .api-review-stack__highlight--neutral {
        top: 3.15rem;
        height: 2.15rem;
    }

    .api-review-stack__highlight--primary {
        top: 5.35rem;
        height: 2.95rem;
    }
}

/* Showcase intro — headline Porsche inline (alinhado às seções acima) */
.showcase-intro {
    color: #fff;
}

.showcase-intro__inner {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.showcase-intro__logo-slot {
    align-self: flex-start;
    line-height: 0;
    margin: 0 0 0.35rem;
    padding: 0;
    overflow: hidden;
    width: clamp(9.5rem, 26vw, 16.5rem);
    height: clamp(1.85rem, 4.2vw, 2.65rem);
}

.showcase-intro__logo {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    object-fit: contain;
    object-position: left center;
    vertical-align: top;
}

.showcase-intro__headline {
    width: 100%;
    max-width: none;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    font-size: clamp(2.25rem, 4.5vw, 3rem);
    font-weight: 400;
    line-height: 0.92;
    letter-spacing: -0.02em;
    color: #fff;
}

.showcase-intro__line {
    display: block;
    line-height: 0.92;
}

.showcase-intro__line + .showcase-intro__line {
    margin-top: -0.55rem;
}

@media (min-width: 768px) {
    .showcase-intro__logo-slot {
        width: clamp(10.5rem, 22vw, 18rem);
        height: clamp(2rem, 3.8vw, 2.85rem);
        margin-bottom: 0.4rem;
    }

    .showcase-intro__line + .showcase-intro__line {
        margin-top: -1.1rem;
    }
}

@media (min-width: 1280px) {
    .showcase-intro__logo-slot {
        width: 19rem;
        height: 2.75rem;
    }

    .showcase-intro__line + .showcase-intro__line {
        margin-top: -1.35rem;
    }
}

.showcase-intro__phrase {
    display: inline;
}

.showcase-intro__word {
    display: inline-block;
    margin-right: 0.28em;
    vertical-align: middle;
}

.showcase-intro__word:last-child {
    margin-right: 0.35em;
}

.showcase-intro__headline .showcase-intro__word.skiper-reveal,
.showcase-intro__headline .showcase-intro__car.skiper-reveal {
    will-change: opacity, transform, filter;
}

.showcase-intro__headline .showcase-intro__car {
    display: inline-block;
    position: relative;
    left: -0.45rem;
    top: -0.35rem;
    width: clamp(7rem, 18vw, 10rem);
    height: auto;
    margin: 0 0.05rem 0 -0.35rem;
    vertical-align: middle;
}

@media (min-width: 768px) {
    .showcase-intro__headline {
        font-size: clamp(3rem, 4.8vw, 3.75rem);
    }

    .showcase-intro__headline .showcase-intro__car {
        width: clamp(11rem, 22vw, 14rem);
        left: -0.65rem;
        top: -0.55rem;
        margin-left: -0.5rem;
    }
}

@media (min-width: 1280px) {
    .showcase-intro__headline .showcase-intro__car {
        width: 15rem;
        left: -0.75rem;
        top: -0.65rem;
    }
}