@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');

:root {
    color-scheme: light;
    --paper: #f7f4ec;
    --paper-deep: #eee9dc;
    --surface: #fffdf8;
    --ink: #173a32;
    --ink-strong: #102b25;
    --muted: #64736e;
    --line: rgba(23, 58, 50, .14);
    --green: #2f806a;
    --green-dark: #183f35;
    --green-soft: #dcece5;
    --lime: #d7ef6f;
    --orange: #f2a65a;
    --blue: #b9dceb;
    --shadow: 0 24px 70px rgba(20, 53, 45, .12);
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
    margin: 0;
    color: var(--ink-strong);
    background: var(--paper);
    font-family: 'DM Sans', ui-sans-serif, system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
}

a { color: inherit; }

img { display: block; }

button,
a { -webkit-tap-highlight-color: transparent; }

.skip-link {
    position: fixed;
    top: 8px;
    left: 8px;
    z-index: 20;
    padding: 10px 14px;
    transform: translateY(-150%);
    border-radius: 6px;
    color: #fff;
    background: var(--green-dark);
}

.skip-link:focus { transform: translateY(0); }

.shell {
    width: min(1180px, calc(100% - 44px));
    margin-inline: auto;
}

.site-header {
    position: relative;
    z-index: 10;
    border-bottom: 1px solid var(--line);
    background: rgba(247, 244, 236, .9);
    backdrop-filter: blur(12px);
}

.nav-shell {
    min-height: 76px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}

.brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    font: 800 1.2rem/1 'Manrope', sans-serif;
    letter-spacing: -.035em;
}

.brand img { border-radius: 12px; }

nav {
    display: flex;
    align-items: center;
    gap: 28px;
}

nav a,
.login-link {
    color: #425d55;
    text-decoration: none;
    font-size: .9rem;
    font-weight: 600;
}

nav a:hover,
.login-link:hover { color: var(--green); }

.nav-actions {
    display: flex;
    align-items: center;
    gap: 18px;
}

.button {
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    border: 1px solid transparent;
    border-radius: 8px;
    padding: 0 22px;
    text-decoration: none;
    font-family: 'Manrope', sans-serif;
    font-size: .92rem;
    font-weight: 800;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.button:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(24, 63, 53, .16);
}

.button-small {
    min-height: 42px;
    padding-inline: 17px;
    font-size: .84rem;
}

.button-dark {
    color: #fff;
    background: var(--green-dark);
}

.button-primary {
    color: var(--green-dark);
    background: var(--lime);
}

.button-lime {
    color: var(--green-dark);
    background: var(--lime);
}

.hero {
    min-height: 680px;
    display: grid;
    grid-template-columns: minmax(0, .88fr) minmax(520px, 1.12fr);
    align-items: center;
    gap: 56px;
    padding-top: 72px;
    padding-bottom: 86px;
}

.hero-copy { position: relative; z-index: 2; }

.eyebrow,
.kicker {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--green);
    font-family: 'Manrope', sans-serif;
    font-size: .73rem;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.eyebrow span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--orange);
    box-shadow: 0 0 0 5px rgba(242, 166, 90, .18);
}

.hero h1 {
    max-width: 650px;
    margin: 24px 0 22px;
    color: var(--ink-strong);
    font: 800 clamp(3rem, 5.2vw, 5rem)/.99 'Manrope', sans-serif;
    letter-spacing: -.07em;
}

.hero h1 em {
    color: var(--green);
    font-style: normal;
}

.hero-lede {
    max-width: 590px;
    margin: 0;
    color: #53665f;
    font-size: 1.09rem;
    line-height: 1.7;
}

.hero-actions {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-top: 34px;
}

.text-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--ink);
    font-size: .9rem;
    font-weight: 700;
    text-decoration: none;
}

.text-link:hover { color: var(--green); }

.hero-notes {
    display: flex;
    flex-wrap: wrap;
    gap: 17px;
    margin: 30px 0 0;
    padding: 0;
    color: #5f716b;
    list-style: none;
    font-size: .78rem;
    font-weight: 600;
}

.hero-notes li { display: flex; align-items: center; gap: 6px; }
.hero-notes span { color: var(--green); font-weight: 800; }

.product-scene {
    position: relative;
    min-height: 510px;
}

.rhythm-lines {
    position: absolute;
    inset: -30px -8px -40px 8%;
    display: flex;
    align-items: flex-end;
    justify-content: space-around;
    opacity: .42;
    pointer-events: none;
}

.rhythm-lines i {
    width: 13%;
    border-radius: 80px 80px 0 0;
    background: linear-gradient(180deg, var(--green-soft), transparent);
}

.rhythm-lines i:nth-child(1) { height: 38%; }
.rhythm-lines i:nth-child(2) { height: 63%; }
.rhythm-lines i:nth-child(3) { height: 86%; }
.rhythm-lines i:nth-child(4) { height: 54%; }

.app-window {
    position: absolute;
    inset: 28px 0 auto 12px;
    overflow: hidden;
    border: 1px solid rgba(24, 63, 53, .16);
    border-radius: 16px;
    background: #fcfdf9;
    box-shadow: var(--shadow);
    transform: rotate(1.4deg);
}

.window-bar {
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 17px;
    border-bottom: 1px solid #e5e8e3;
    background: #fff;
}

.mini-brand {
    display: flex;
    align-items: center;
    gap: 7px;
    font: 800 .78rem 'Manrope', sans-serif;
}

.mini-brand img { border-radius: 7px; }

.avatar {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: var(--green);
    font-size: .63rem;
    font-weight: 800;
}

.app-body {
    min-height: 390px;
    display: grid;
    grid-template-columns: 46px 1fr;
}

.mini-sidebar {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    padding-top: 24px;
    background: var(--green-dark);
}

.nav-dot {
    width: 18px;
    height: 18px;
    border: 1px solid rgba(255,255,255,.3);
    border-radius: 5px;
}

.nav-dot.active { border-color: var(--lime); background: var(--lime); }

.dashboard { padding: 24px 22px; }

.dashboard-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
}

.dashboard-head div { display: grid; gap: 4px; }
.dashboard-head small { color: #8b9893; font-size: .52rem; letter-spacing: .12em; }
.dashboard-head strong { font: 800 1.05rem 'Manrope', sans-serif; }
.dashboard-head button { border: 0; border-radius: 5px; padding: 8px 10px; color: #fff; background: var(--green); font: 700 .58rem 'Manrope', sans-serif; }

.metric-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 9px;
    margin: 20px 0 15px;
}

.metric {
    min-width: 0;
    display: grid;
    gap: 6px;
    border: 1px solid #e6e9e4;
    border-radius: 8px;
    padding: 13px;
    background: #fff;
}

.metric.accent { background: #eff8f3; border-color: #d8ece2; }
.metric span { color: #788680; font-size: .54rem; }
.metric strong { font: 800 .9rem 'Manrope', sans-serif; }
.metric small { overflow: hidden; color: #8b9893; font-size: .49rem; text-overflow: ellipsis; white-space: nowrap; }

.agenda-card {
    overflow: hidden;
    border: 1px solid #e6e9e4;
    border-radius: 9px;
    background: #fff;
}

.agenda-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 14px;
    border-bottom: 1px solid #edf0eb;
    font-size: .65rem;
}

.agenda-title span { color: #81908a; font-size: .54rem; }
.agenda-row { display: grid; grid-template-columns: 30px 1fr auto; align-items: center; gap: 9px; padding: 11px 14px; border-bottom: 1px solid #f0f2ee; }
.agenda-row:last-child { border: 0; }
.agenda-row div { min-width: 0; display: grid; gap: 3px; }
.agenda-row strong { font-size: .59rem; }
.agenda-row small { overflow: hidden; color: #87938f; font-size: .5rem; text-overflow: ellipsis; white-space: nowrap; }
.initial { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 50%; font-size: .5rem; font-weight: 800; }
.initial.green { background: #dcefe7; color: #236650; }
.initial.orange { background: #fae5d0; color: #9a581d; }
.initial.blue { background: #dcecf3; color: #2d6178; }
.tag { border-radius: 999px; padding: 4px 6px; font-size: .46rem; font-weight: 800; }
.tag.planned { color: #7b5c16; background: #fff1c8; }
.tag.sent { color: #2d6178; background: #dcecf3; }
.tag.paid { color: #236650; background: #dcefe7; }

.floating-card {
    position: absolute;
    z-index: 3;
    display: flex;
    align-items: center;
    border: 1px solid rgba(24, 63, 53, .12);
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 18px 42px rgba(20, 53, 45, .15);
}

.whatsapp-card {
    right: -22px;
    bottom: 8px;
    min-width: 235px;
    gap: 10px;
    padding: 12px 14px;
    transform: rotate(-2deg);
}

.channel-icon { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 9px; color: #fff; background: #34a86f; font: 800 .7rem 'Manrope', sans-serif; }
.whatsapp-card div { display: grid; gap: 2px; }
.whatsapp-card small, .pix-card small { color: #82908b; font-size: .5rem; text-transform: uppercase; letter-spacing: .08em; }
.whatsapp-card strong { font-size: .65rem; }
.check { margin-left: auto; color: #299866; font-weight: 800; }

.pix-card {
    left: -24px;
    bottom: 50px;
    min-width: 155px;
    display: grid;
    gap: 4px;
    padding: 13px 16px;
    transform: rotate(2deg);
}

.pix-card strong { font: 800 .9rem 'Manrope', sans-serif; }
.pix-card span { color: #3c9876; font-size: .52rem; font-weight: 700; }

.audience-strip {
    border-block: 1px solid var(--line);
    background: rgba(255,255,255,.28);
}

.audience-strip .shell {
    min-height: 125px;
    display: grid;
    grid-template-columns: 260px 1fr;
    align-items: center;
    gap: 44px;
}

.audience-strip p { margin: 0; color: #64736e; font-size: .76rem; font-weight: 700; line-height: 1.5; text-transform: uppercase; letter-spacing: .11em; }
.audience-list { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px 28px; }
.audience-list span { color: #496159; font: 700 .9rem 'Manrope', sans-serif; }

.section { padding-top: 120px; padding-bottom: 120px; }

.section-heading h2 {
    max-width: 650px;
    margin: 14px 0 0;
    font: 800 clamp(2.35rem, 4.4vw, 4.25rem)/1.05 'Manrope', sans-serif;
    letter-spacing: -.06em;
}

.section-heading > p,
.split-heading > p {
    margin: 0;
    color: var(--muted);
    font-size: 1rem;
    line-height: 1.7;
}

.split-heading {
    display: grid;
    grid-template-columns: 1.35fr .65fr;
    align-items: end;
    gap: 70px;
}

.split-heading > p { padding-bottom: 5px; }

.steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin-top: 54px;
}

.step-card {
    position: relative;
    min-height: 420px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 14px;
    padding: 26px;
    background: var(--surface);
}

.step-card.featured { background: #e7f2ec; }
.step-number { color: #84938e; font: 700 .68rem 'Manrope', sans-serif; letter-spacing: .1em; }
.step-card h3 { margin: auto 0 10px; font: 800 1.25rem 'Manrope', sans-serif; letter-spacing: -.03em; }
.step-card p { margin: 0; color: var(--muted); font-size: .9rem; line-height: 1.65; }
.status-note { display: inline-flex; align-self: flex-start; margin-top: 13px; border-radius: 999px; padding: 5px 8px; color: #76561e; background: #fff0c3; font-size: .6rem; font-weight: 800; }

.step-visual {
    position: absolute;
    top: 62px;
    left: 50%;
    width: 155px;
    height: 155px;
    transform: translateX(-50%);
}

.calendar-visual { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 8px; padding: 25px; border-radius: 28px; background: #f2a65a; transform: translateX(-50%) rotate(-5deg); box-shadow: 0 18px 36px rgba(176, 104, 39, .18); }
.calendar-visual span { grid-row: 1 / -1; display: grid; place-items: center; border-radius: 12px; color: #7e4315; background: #fff7e8; font: 800 2rem 'Manrope', sans-serif; }
.calendar-visual i { border-radius: 8px; background: rgba(255,255,255,.42); }
.calendar-visual i:last-child { grid-column: 2; }

.message-visual { border-radius: 50%; background: var(--green); box-shadow: 0 18px 40px rgba(47, 128, 106, .22); }
.message-visual i { position: absolute; left: 36px; right: 36px; height: 11px; border-radius: 99px; background: rgba(255,255,255,.86); }
.message-visual i:first-child { top: 50px; }
.message-visual i:nth-child(2) { top: 75px; right: 57px; }
.message-visual b { position: absolute; right: -2px; bottom: 4px; width: 48px; height: 48px; display: grid; place-items: center; border: 6px solid #e7f2ec; border-radius: 50%; color: var(--green-dark); background: var(--lime); font-size: 1.1rem; }

.payment-visual { display: grid; place-items: center; border-radius: 25px; color: var(--green-dark); background: var(--lime); transform: translateX(-50%) rotate(5deg); box-shadow: 0 18px 38px rgba(120, 151, 40, .18); }
.payment-visual span { font: 800 1.8rem 'Manrope', sans-serif; letter-spacing: -.05em; }
.payment-visual b { position: absolute; right: -16px; bottom: -12px; width: 59px; height: 59px; display: grid; place-items: center; border: 6px solid var(--surface); border-radius: 50%; color: #fff; background: var(--green-dark); font: 800 .75rem 'Manrope', sans-serif; }

.feature-section {
    color: #fff;
    background: var(--green-dark);
}

.feature-shell {
    display: grid;
    grid-template-columns: 1fr .82fr;
    align-items: center;
    gap: 120px;
}

.kicker.light { color: var(--lime); }
.feature-copy h2 { margin: 14px 0 22px; font: 800 clamp(2.7rem, 4.7vw, 4.7rem)/1.02 'Manrope', sans-serif; letter-spacing: -.065em; }
.feature-copy > p { max-width: 570px; margin: 0; color: #b8cac4; font-size: 1.05rem; line-height: 1.75; }
.check-list { display: grid; gap: 21px; margin: 38px 0 0; padding: 0; list-style: none; }
.check-list li { display: grid; grid-template-columns: 34px 1fr; align-items: start; gap: 14px; }
.check-list li > span { width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid rgba(215,239,111,.35); border-radius: 50%; color: var(--lime); font-weight: 800; }
.check-list div { display: grid; gap: 4px; }
.check-list strong { font: 700 .92rem 'Manrope', sans-serif; }
.check-list small { color: #9fb5ae; font-size: .82rem; line-height: 1.5; }

.conversation {
    position: relative;
    min-height: 525px;
    overflow: hidden;
    border: 8px solid #0e2a23;
    border-radius: 34px;
    padding: 74px 18px 22px;
    color: var(--ink-strong);
    background: #e9e5dc;
    box-shadow: 0 34px 70px rgba(0,0,0,.25);
}

.conversation::before { content: ''; position: absolute; inset: 52px 0 0; opacity: .4; background-image: radial-gradient(#8fa49c 1px, transparent 1px); background-size: 17px 17px; }
.phone-top { position: absolute; z-index: 2; inset: 0 0 auto; height: 54px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 17px; color: #fff; background: #245547; font-size: .65rem; }
.phone-top strong { font: 700 .72rem 'Manrope', sans-serif; }
.phone-top i { justify-self: end; width: 18px; height: 8px; border-radius: 5px; background: #fff; }
.chat-date { position: relative; z-index: 1; width: max-content; margin: 0 auto 18px; border-radius: 999px; padding: 4px 9px; color: #71827c; background: rgba(255,255,255,.68); font-size: .52rem; font-weight: 700; }
.bubble { position: relative; z-index: 1; max-width: 85%; margin-bottom: 10px; border-radius: 9px; padding: 10px 11px 18px; font-size: .73rem; line-height: 1.5; box-shadow: 0 2px 5px rgba(0,0,0,.06); }
.bubble small { position: absolute; right: 7px; bottom: 4px; color: #82908b; font-size: .48rem; }
.bubble.incoming { margin-right: auto; background: #fff; }
.bubble.outgoing { margin-left: auto; background: #d7f5c8; }
.pay-chip { display: block; margin-top: 9px; border-top: 1px solid #e5ece7; padding-top: 8px; color: var(--green); font-weight: 800; }
.system-message { position: relative; z-index: 1; width: max-content; display: flex; align-items: center; gap: 6px; margin: 20px auto 0; border-radius: 999px; padding: 7px 10px; color: #507067; background: rgba(255,255,255,.7); font-size: .56rem; font-weight: 700; }
.system-message span { color: var(--green); }

.centered { max-width: 780px; margin: 0 auto; text-align: center; }
.centered h2 { margin-inline: auto; }
.centered p { max-width: 610px; margin: 20px auto 0; }
.control-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 52px; }
.control-grid article { min-height: 280px; border: 1px solid var(--line); border-radius: 14px; padding: 28px; background: var(--surface); }
.control-grid h3 { margin: 27px 0 10px; font: 800 1.12rem 'Manrope', sans-serif; }
.control-grid p { margin: 0; color: var(--muted); font-size: .88rem; line-height: 1.7; }
.integration-logo { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 14px; font: 800 .82rem 'Manrope', sans-serif; }
.integration-logo.mp { color: #1769a7; background: #dceef9; }
.integration-logo.wa { color: #19794c; background: #d9f2e4; }
.integration-logo.lock { color: #8d551f; background: #fae5ce; font-size: 1.5rem; }

.now-section { padding-top: 20px; }
.now-card { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 70px; border-radius: 18px; padding: 64px 68px; color: #fff; background: var(--green); box-shadow: 0 28px 70px rgba(47, 128, 106, .2); }
.now-card h2 { max-width: 660px; margin: 12px 0 15px; font: 800 clamp(2.2rem, 4vw, 3.7rem)/1.06 'Manrope', sans-serif; letter-spacing: -.055em; }
.now-card p { max-width: 690px; margin: 0; color: #d4e5df; line-height: 1.7; }
.now-card .button { white-space: nowrap; }

.compact { align-items: start; }
.faq-list { margin-top: 48px; border-top: 1px solid var(--line); }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 23px 0; cursor: pointer; list-style: none; font: 700 1rem 'Manrope', sans-serif; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary span { width: 30px; height: 30px; display: grid; flex: 0 0 auto; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--green); font-size: 1.2rem; transition: transform .2s ease; }
.faq-list details[open] summary span { transform: rotate(45deg); }
.faq-list details p { max-width: 760px; margin: -5px 0 24px; color: var(--muted); line-height: 1.7; }

.final-cta { padding: 105px 0; border-top: 1px solid var(--line); text-align: center; background: #efeade; }
.final-cta-inner { display: grid; justify-items: center; }
.final-cta img { border-radius: 16px; }
.final-cta h2 { margin: 24px 0 30px; font: 800 clamp(2.5rem, 5vw, 4.8rem)/1.03 'Manrope', sans-serif; letter-spacing: -.065em; }

footer { padding: 34px 0; color: #71807b; background: var(--paper); }
.footer-inner { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 20px; font-size: .73rem; }
.footer-inner > span { justify-self: end; }
.footer-inner p { margin: 0; }

@media (max-width: 1020px) {
    nav { display: none; }
    .hero { grid-template-columns: 1fr; padding-top: 64px; }
    .hero-copy { max-width: 760px; }
    .product-scene { width: min(700px, 100%); margin-inline: auto; }
    .split-heading { grid-template-columns: 1fr; gap: 24px; }
    .split-heading > p { max-width: 650px; }
    .feature-shell { grid-template-columns: 1fr 410px; gap: 60px; }
    .now-card { padding: 52px 46px; }
}

@media (max-width: 760px) {
    .shell { width: min(100% - 28px, 640px); }
    .site-header { position: static; }
    .nav-shell { min-height: 68px; }
    .nav-actions .login-link { display: none; }
    .button-small { min-height: 39px; }
    .hero { min-height: 0; gap: 30px; padding: 50px 0 64px; }
    .hero h1 { font-size: clamp(2.7rem, 14vw, 4rem); }
    .hero-lede { font-size: 1rem; }
    .hero-actions { align-items: stretch; flex-direction: column; gap: 16px; }
    .hero-actions .text-link { justify-content: center; }
    .hero-notes { display: grid; gap: 9px; }
    .product-scene { min-height: 370px; }
    .app-window { inset: 10px 0 auto; }
    .app-body { min-height: 320px; grid-template-columns: 35px 1fr; }
    .mini-sidebar { gap: 9px; padding-top: 18px; }
    .nav-dot { width: 14px; height: 14px; }
    .dashboard { padding: 17px 12px; }
    .dashboard-head button { display: none; }
    .metric-grid { grid-template-columns: 1fr 1fr; }
    .metric:last-child { display: none; }
    .agenda-row { grid-template-columns: 26px 1fr; padding: 9px 10px; }
    .agenda-row .tag { display: none; }
    .floating-card { transform: scale(.84); }
    .whatsapp-card { right: -17px; bottom: -15px; transform-origin: right; }
    .pix-card { left: -16px; bottom: 18px; transform-origin: left; }
    .audience-strip .shell { grid-template-columns: 1fr; gap: 20px; padding: 30px 0; }
    .audience-list { justify-content: flex-start; }
    .section { padding-top: 82px; padding-bottom: 82px; }
    .section-heading h2 { font-size: 2.5rem; }
    .steps { grid-template-columns: 1fr; }
    .step-card { min-height: 390px; }
    .feature-shell { grid-template-columns: 1fr; gap: 60px; }
    .conversation { width: min(100%, 410px); margin-inline: auto; }
    .control-grid { grid-template-columns: 1fr; }
    .control-grid article { min-height: 230px; }
    .now-section { padding-top: 0; }
    .now-card { grid-template-columns: 1fr; gap: 28px; padding: 38px 27px; }
    .now-card .button { width: 100%; }
    .footer-inner { grid-template-columns: 1fr; justify-items: center; text-align: center; }
    .footer-inner > span { justify-self: center; }
}

@media (max-width: 420px) {
    .brand span { font-size: 1.05rem; }
    .nav-actions .button { padding-inline: 13px; font-size: .75rem; }
    .product-scene { min-height: 345px; }
    .window-bar { height: 45px; }
    .dashboard-head strong { font-size: .85rem; }
    .agenda-row:nth-child(4) { display: none; }
    .whatsapp-card { min-width: 210px; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { transition-duration: .01ms !important; }
}