@font-face { font-family: Inter; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/inter-400.ttf') format('truetype'); }
@font-face { font-family: Inter; font-style: normal; font-weight: 700; font-display: swap; src: url('fonts/inter-700.ttf') format('truetype'); }
@font-face { font-family: Montserrat; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/montserrat-400.ttf') format('truetype'); }
@font-face { font-family: Montserrat; font-style: normal; font-weight: 800; font-display: swap; src: url('fonts/montserrat-800.ttf') format('truetype'); }
:root { color-scheme: light; --ink: #111b3c; --blue: #3054ee; --red: #d72d25; --green: #009b53; --copy: #171717; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 30px; }
body { margin: 0; color: var(--copy); background: #fff; font-family: Inter, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; }
button, summary, a, label { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid #101d52; outline-offset: 4px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.opening { position: relative; margin: 0; padding: 30px max(24px, calc((100vw - 1220px) / 2)) 100px; text-align: center; background: #edf4ff; }
.product-name { color: var(--ink); font-family: Montserrat, Arial, sans-serif; font-weight: 800; font-size: 1.125rem; line-height: 1.5; margin: 0 0 28px; letter-spacing: -0.03em; }
.product-name strong { display: inline-block; padding: 0 6px; border: 2px solid var(--blue); font-weight: 800; }
h1 { max-width: 1120px; margin: 0 auto; color: var(--ink); font-family: Montserrat, Arial, sans-serif; font-weight: 800; font-size: clamp(2.5rem, 6.1vw, 4.875rem); line-height: 1.08; letter-spacing: -0.03em; text-wrap: balance; }
.headline-intro { display: block; font-size: clamp(1.625rem, 3.15vw, 2.5rem); line-height: 1.3; font-weight: 400; letter-spacing: 0; margin-bottom: 10px; color: #111; }
.groups { text-decoration: none; }
.daily { color: var(--ink); }
.subheadline { max-width: 1110px; color: var(--blue); font-family: Montserrat, Arial, sans-serif; font-weight: 800; font-size: clamp(1.1875rem, 2.65vw, 2.125rem); line-height: 1.25; margin: 24px auto 34px; letter-spacing: -0.02em; text-wrap: balance; }
.subheadline strong { font-weight: 800; }
.video-wrap { width: 100%; max-width: 400px; margin: 0 auto; background: #111b3c; padding: 0; border: 0; box-shadow: 0 15px 26px #101d5235; }
.video-label { margin: 0; background: var(--blue); color: #fff; font-size: 0.875rem; line-height: 1.5; padding: 10px 15px; font-weight: 700; }
.video-frame { position: relative; aspect-ratio: 9 / 16; overflow: hidden; background: #000; }
.video-frame vturb-smartplayer { display: block; width: 100%; }
.video-frame iframe, .video-frame video { display: block; width: 100%; height: 100%; border: 0; }
.button { display: inline-flex; justify-content: center; align-items: center; min-height: 70px; padding: 20px 28px; border: 0; border-radius: 5px; background: var(--green); color: #fff; font-family: Montserrat, Arial, sans-serif; font-size: 1.5rem; font-weight: 800; line-height: 1.2; text-decoration: none; text-align: center; cursor: pointer; transition: background-color 150ms; }
.button:hover { background: #008044; }
.sales-letter { position: relative; max-width: 1000px; margin: -60px auto 0; padding: 0 52px 45px; background: #fff; box-shadow: 0 0 50px #101d5210; }
.section { padding: 35px 0; background: #fff; }
.section h2 { font-family: Montserrat, Arial, sans-serif; font-weight: 800; color: var(--ink); font-size: clamp(1.625rem, 2.8vw, 2rem); line-height: 1.17; letter-spacing: -0.02em; margin: 0 auto 30px; text-align: center; text-wrap: balance; }
.section p { font-size: 1.25rem; line-height: 1.5; }
.section-heading { margin: 0 auto 30px; text-align: center; }
.section-heading > p:last-child { margin: 0; }
.letter { max-width: 880px; margin: 0 auto; }
.letter-section { padding-top: 40px; }
.letter h2 { max-width: 850px; margin-bottom: 36px; }
.performance-print { max-width: 680px; margin: 38px auto 46px; padding: 8px; background: #fff; border: 1px solid #d9dee8; box-shadow: 0 12px 25px #111b3c26; transform: rotate(-1deg); }
.performance-print img { display: block; width: 100%; height: auto; }
.groups-print { transform: none; margin: 28px auto 32px; }
.results-section { padding-top: 5px; padding-bottom: 10px; }
.payments-print { max-width: 400px; margin: 25px auto 35px; transform: rotate(1deg); }
.letter > p { margin: 0 0 27px; }
.letter-emphasis { color: var(--red); font-family: Montserrat, Arial, sans-serif; font-size: 1.6875rem !important; font-weight: 800; text-align: center; line-height: 1.3 !important; margin: 38px 0 0 !important; }
.pathways { display: block; max-width: 850px; margin: 0 auto; }
.pathway { padding: 22px 0; }
.pathway-number { color: var(--blue); display: inline; font-size: 1.375rem; font-weight: 700; margin-right: 12px; }
.pathway h3 { display: inline; font-family: Montserrat, Arial, sans-serif; font-weight: 800; font-size: 1.5rem; color: var(--ink); }
.pathway > p { margin: 18px 0 22px; }
.flow { display: flex; padding: 0; margin: 0; list-style: none; counter-reset: step; gap: 16px; }
.flow li { flex: 1; position: relative; counter-increment: step; padding: 14px 8px 14px 30px; font-size: 1rem; line-height: 1.45; border-top: 1px solid #d7ddeb; border-bottom: 1px solid #d7ddeb; }
.flow li::before { content: counter(step) '.'; position: absolute; left: 8px; color: var(--blue); font-weight: 700; }
.marketplaces { margin: 24px 0 0; text-align: center; }
.marketplaces strong { color: var(--blue); }
.automation-layout { display: block; }
.automation-copy p { margin: 0 0 26px; }
.automation-copy strong { text-decoration: underline; text-underline-offset: 3px; }
.text-link { display: block; margin-top: 30px; text-align: center; font-size: 1.125rem; color: var(--blue); font-weight: 700; text-underline-offset: 4px; }
.audience-list { margin: 0 auto; max-width: 820px; }
.audience-list article { display: flex; gap: 16px; padding: 16px 0; }
.audience-check { font-size: 1.5rem; line-height: 1.35; font-weight: 700; color: var(--green); }
.audience-list h3 { font-size: 1.25rem; line-height: 1.4; margin: 0 0 8px; }
.audience-list p { margin: 0; }
.testimonial-comments { display: grid; gap: 23px; margin-bottom: 30px; }
.testimonial-messages { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 26px; align-items: start; }
.testimonial-shot { display: block; width: 100%; min-width: 0; padding: 8px; background: #fff; border: 1px solid #d9dee8; border-radius: 5px; box-shadow: 0 8px 22px #111b3c16; }
.testimonial-shot img { display: block; width: 100%; height: auto; }
.bonus-section { margin: 28px 0 0; padding: 0; border: 1px solid #e3e8f2; border-radius: 12px; box-shadow: 0 12px 36px #111b3c10; overflow: hidden; }
.bonus-banner { position: relative; overflow: hidden; padding: 30px 26px 34px; text-align: center; background: var(--ink); }
.bonus-banner::before, .bonus-banner::after { content: ''; position: absolute; width: 190px; height: 190px; border: 1px solid #7d96d01f; border-radius: 50%; top: -58px; pointer-events: none; }
.bonus-banner::before { left: -95px; box-shadow: 0 0 0 28px #7d96d008, 0 0 0 56px #7d96d005; }
.bonus-banner::after { right: -95px; top: 45px; box-shadow: 0 0 0 28px #7d96d008, 0 0 0 56px #7d96d005; }
.bonus-banner .bonus-number { position: relative; color: #7697ff; font-family: Montserrat, Arial, sans-serif; font-size: 1.25rem; line-height: 1.3; font-weight: 800; margin: 0 0 12px; }
.bonus-banner h2 { position: relative; color: #fff; font-size: clamp(1.75rem, 4vw, 2.5rem); margin: 0; line-height: 1.15; }
.bonus-content { padding: 32px 38px 36px; }
.bonus-visual { position: relative; width: 100%; max-width: 620px; margin: 0 auto 28px; padding: 4px 10px 68px; }
.bonus-device { position: relative; width: 84%; margin-left: auto; }
.bonus-screen { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: #101319; border: 11px solid #151823; border-bottom: 23px solid #cfd4dc; border-radius: 12px 12px 7px 7px; box-shadow: 0 12px 22px #111b3c18; }
/* Enquadramento da interface na captura original, sem modificar o arquivo. */
.bonus-screen img { position: absolute; width: 149.6%; max-width: none; height: auto; left: -11.67%; bottom: -4%; }
.bonus-device::before { content: ''; position: absolute; bottom: -54px; left: 38%; width: 24%; height: 54px; background: linear-gradient(#929ba9, #e1e5eb 75%); clip-path: polygon(20% 0, 80% 0, 100% 100%, 0 100%); }
.bonus-device::after { content: ''; position: absolute; bottom: -60px; left: 28%; width: 44%; height: 9px; background: linear-gradient(#f0f2f6, #b7c0ce); border-radius: 70% 70% 3px 3px; box-shadow: 0 7px 10px #111b3c18; }
.bonus-tablet { position: absolute; bottom: 8px; left: 2%; width: 27%; aspect-ratio: 0.68; background: #151823; padding: 12px 8px 19px; border: 1px solid #464b57; border-radius: 12px; box-shadow: 0 10px 18px #111b3c25; }
.bonus-tablet::after { content: ''; position: absolute; width: 7px; height: 7px; border: 1px solid #636a78; border-radius: 50%; bottom: 5px; left: calc(50% - 4px); }
.bonus-tablet-screen { position: relative; height: 100%; overflow: hidden; background: #0b0d09; }
.bonus-tablet-screen img { position: absolute; width: 460%; max-width: none; height: auto; left: -114%; bottom: -4%; }
.bonus-copy { max-width: 730px; margin: 0 auto; }
.bonus-benefit { color: var(--ink); font-family: Montserrat, Arial, sans-serif; font-weight: 800; font-size: clamp(1.375rem, 3.2vw, 1.9375rem); line-height: 1.25; text-align: center; text-wrap: balance; margin: 0 0 12px; }
.bonus-copy .bonus-description { margin: 24px 0 0; }
.creative-library { width: 100%; max-width: 570px; margin: 5px auto 38px; padding: 25px; background: #edf4ff; border: 8px solid #151823; border-radius: 15px; box-shadow: 0 15px 25px #111b3c1f; transform: rotate(-2deg); }
.creative-library-heading { display: flex; align-items: center; gap: 17px; margin-bottom: 23px; color: var(--ink); font-family: Montserrat, Arial, sans-serif; }
.creative-library-heading > span { color: var(--blue); font-size: clamp(2rem, 6vw, 3.875rem); font-weight: 800; line-height: 1; letter-spacing: -0.06em; }
.creative-library-heading strong { font-size: clamp(0.875rem, 2.5vw, 1.4375rem); line-height: 1.2; }
.creative-gallery { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.creative-tile { position: relative; display: block; aspect-ratio: 0.9; overflow: hidden; border-radius: 5px; background: #3054ee; box-shadow: 0 3px 8px #111b3c15; }
.creative-tile:nth-child(3n + 2) { background: #111b3c; }
.creative-tile:nth-child(3n) { background: #c9d9ff; }
.creative-tile i { position: absolute; width: 56%; aspect-ratio: 1; left: 22%; top: 12%; border-radius: 50%; background: #ffffff30; border: 1px solid #ffffff50; transform: rotate(-12deg); }
.creative-tile:nth-child(even) i { border-radius: 7px; background: #ffffff70; transform: rotate(12deg); }
.creative-tile::before, .creative-tile::after { content: ''; position: absolute; height: 4px; width: 56%; left: 14%; bottom: 22%; border-radius: 2px; background: #ffffffa0; }
.creative-tile::after { width: 36%; bottom: 12%; opacity: 0.7; }
.creative-tile b { position: absolute; right: 5px; bottom: 5px; color: #fff; font-size: clamp(0.4375rem, 1.4vw, 0.6875rem); line-height: 1; font-weight: 700; }
.creative-tile:nth-child(3n) b { color: var(--ink); }
.community-art { position: relative; width: 100%; max-width: 540px; aspect-ratio: 1.55; margin: 0 auto 35px; }
.community-art::before { content: ''; position: absolute; inset: 9% 6% 8%; background: #edf4ff; border-radius: 50%; }
.community-phone { position: absolute; top: 2%; left: 31%; width: 38%; height: 96%; padding: 16px 8px 20px; border: 2px solid #454b58; border-radius: 23px; background: #151823; box-shadow: 0 12px 25px #111b3c2b; }
.community-phone::after { content: ''; position: absolute; bottom: 7px; width: 25%; height: 3px; left: 37.5%; border-radius: 5px; background: #a1a9b8; }
.community-chat-header { display: flex; align-items: center; gap: 10px; padding: 9px 10px; background: #075e54; color: #fff; font-size: clamp(0.5rem, 1.6vw, 0.9375rem); line-height: 1.2; }
.community-avatar { display: block; width: 26%; aspect-ratio: 1; border-radius: 50%; background: #ffffff20; }
.community-avatar svg { display: block; width: 100%; height: 100%; }
.community-chat { display: flex; flex-direction: column; gap: 8px; height: calc(100% - 77px); padding: 13px 9px; background: #e9e9e1; }
.community-chat > span { display: block; width: 85%; padding: 9px; border-radius: 3px 9px 9px; background: #fff; box-shadow: 0 1px 2px #111b3c10; }
.community-chat > span:nth-child(even) { align-self: flex-end; background: #d9fdd3; border-radius: 9px 3px 9px 9px; }
.community-chat i { display: block; width: 90%; height: 4px; background: #a4b3a980; border-radius: 2px; }
.community-chat i + i { width: 65%; margin-top: 6px; }
.community-chat-input { height: 27px; background: #e9e9e1; border-top: 6px solid #e9e9e1; border-bottom: 6px solid #e9e9e1; box-shadow: inset 16px 0 #e9e9e1, inset -16px 0 #e9e9e1; background-color: #fff; }
.community-people { position: absolute; top: 15%; left: 2%; width: 25%; aspect-ratio: 1; border-radius: 50%; background: #fff; color: var(--blue); box-shadow: 0 6px 18px #111b3c10; }
.community-people svg { width: 100%; height: 100%; }
.community-network { position: absolute; right: 1%; bottom: 15%; width: 30%; padding: 14px 10px; border: 1px solid #d9e3ff; border-radius: 12px; background: #fff; box-shadow: 0 8px 20px #111b3c10; text-align: center; color: var(--blue); }
.community-network svg { display: block; width: 40%; margin: 0 auto 6px; }
.community-network span { font-size: clamp(0.625rem, 1.8vw, 1rem); font-weight: 700; }
.instructor-bio { max-width: 820px; margin: 0 auto; }
.instructor-profile { display: flex; align-items: center; justify-content: center; gap: 32px; margin: 0 auto 32px; }
.instructor-photo { display: block; flex: 0 0 230px; width: 230px; height: auto; border-radius: 8px; }
.instructor-identity { text-align: left; }
.instructor-identity h3 { color: var(--blue); font-family: Montserrat, Arial, sans-serif; font-weight: 800; font-size: clamp(1.625rem, 3vw, 2rem); line-height: 1.25; margin: 0 0 10px; }
.instructor-identity p { font-size: 1.125rem; margin: 0; color: #555d6b; }
.instructor-bio > p { margin: 0 0 27px; }
.instructor-bio > p:last-child { margin-bottom: 0; }
.plans-section { padding-top: 45px; }
.plans { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 26px; }
.plan { display: flex; flex-direction: column; min-width: 0; padding: 0; border: 2px solid #dce3f1; border-radius: 18px; background: #fff; box-shadow: 0 10px 28px #111b3c0b; overflow: hidden; }
.plan-premium { border-color: var(--blue); box-shadow: 0 14px 34px #3054ee20; }
.plan-header { padding: 28px 26px 24px; background: #edf4ff; border-bottom: 1px solid #dce3f1; }
.plan-premium .plan-header { background: var(--blue); border-bottom-color: var(--blue); }
.plan h3 { font-family: Montserrat, Arial, sans-serif; font-weight: 800; color: var(--ink); font-size: 1.4375rem; margin: 0 0 10px; }
.plan .plan-description { color: #555d6b; font-size: 1rem; line-height: 1.5; margin: 0; }
.plan .price { color: var(--ink); display: flex; align-items: baseline; gap: 6px; margin: 22px 0 0; font-family: Montserrat, Arial, sans-serif; font-size: 3.75rem; line-height: 1.05; font-weight: 800; letter-spacing: -0.05em; }
.plan-premium h3, .plan-premium .price { color: #fff; }
.plan-premium .plan-description { color: #edf4ff; }
.currency { font-size: 1.375rem; letter-spacing: -0.025em; }
.cents { font-size: 2.5rem; }
.features { flex: 1; list-style: none; padding: 22px 24px 26px; margin: 0; text-align: left; }
.features li { position: relative; font-size: 1rem; line-height: 1.5; margin: 0; padding: 12px 0 12px 32px; }
.features li + li { border-top: 1px solid #edf0f6; }
.features li::before { content: '✓'; position: absolute; left: 0; top: 14px; display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: #edf4ff; color: var(--blue); font-size: 0.8125rem; line-height: 1; font-weight: 700; }
.features .bonus-feature { margin-top: 10px; padding: 13px 12px 13px 42px; background: #edf4ff; border: 1px solid #d9e3ff; border-radius: 8px; color: var(--ink); font-weight: 700; }
.features .bonus-feature::before { left: 12px; top: 15px; background: var(--blue); color: #fff; }
.features .bonus-unavailable { background: #f7f8fa; border-color: #e3e6ed; color: #757c89; font-weight: 400; }
.features .bonus-unavailable::before { content: '×'; background: #fae9e8; color: var(--red); font-size: 1.125rem; }
.bonus-unavailable > span:not(.sr-only) { text-decoration: line-through; text-decoration-color: #a4aab5; }
.plan .button { width: calc(100% - 48px); margin: 0 24px 28px; gap: 10px; font-size: 1.0625rem; min-height: 78px; padding: 17px 12px; border-radius: 9px; box-shadow: 0 4px 0 #007d43; }
.plan .button::after { content: '→'; flex-shrink: 0; font-family: Arial, sans-serif; font-size: 1.375rem; }
.plan .button:focus-visible { outline-offset: 5px; }
.guarantee-card { display: grid; grid-template-columns: 100px minmax(0, 1fr); align-items: center; gap: 36px; padding: 38px 40px; background: #edf4ff; border: 2px solid var(--ink); border-radius: 24px; box-shadow: 6px 6px 0 var(--ink); }
.guarantee-badge { position: relative; width: 100px; color: var(--ink); }
.guarantee-badge svg { display: block; width: 100%; height: auto; }
.guarantee-badge > span { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; padding-bottom: 5px; color: #edf4ff; font-family: Montserrat, Arial, sans-serif; font-weight: 800; }
.guarantee-badge strong { font-size: 2.25rem; line-height: 1; }
.guarantee-badge small { font-size: 0.625rem; letter-spacing: 0.15em; margin-top: 3px; }
.guarantee-copy h2 { text-align: left; margin: 0 0 20px; text-wrap: initial; }
.guarantee-copy p { font-size: 1.125rem; line-height: 1.55; margin: 0; }
.faq-list { margin: 0 auto; border-top: 1px solid #d6dce7; }
.faq-list details { border-bottom: 1px solid #d6dce7; }
.faq-list summary { position: relative; padding: 23px 35px 23px 0; list-style: none; cursor: pointer; font-size: 1.125rem; font-weight: 700; line-height: 1.45; color: var(--ink); }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { content: '+'; position: absolute; right: 5px; top: 19px; color: var(--blue); font-size: 1.625rem; }
.faq-list details[open] summary::after { content: '−'; }
.faq-answer { padding: 0 20px 24px 0; }
.faq-answer p { margin: 0; font-size: 1.125rem; }
.closing-section { text-align: center; }
.closing-section .product-name { margin: 0 0 25px; font-size: 1rem; }
.closing-section > p:not(.product-name):not(.under-button) { margin: 0 auto 30px; max-width: 790px; }
.under-button { margin: 18px 0 0; font-size: 0.9375rem !important; line-height: 1.5; }
footer { text-align: center; padding: 28px 20px; background: var(--ink); color: #fff; }
footer p { margin: 0; font-size: 0.875rem; line-height: 1.5; }
dialog { width: min(540px, calc(100% - 36px)); padding: 0; border: 1px solid #ccd4e8; border-radius: 8px; color: var(--copy); }
dialog::backdrop { background: #111b3c99; }
.dialog-content { padding: 30px; }
.dialog-content h2 { font-family: Montserrat, Arial, sans-serif; font-weight: 800; color: var(--ink); font-size: 1.5rem; line-height: 1.3; margin: 0 0 18px; }
.dialog-content p { font-size: 1rem; line-height: 1.5; margin: 0 0 25px; }
.dialog-content .button { width: 100%; font-size: 1.125rem; min-height: 56px; }
@media (max-width: 1050px) {
  .sales-letter { max-width: calc(100% - 48px); padding-left: 34px; padding-right: 34px; }
}
@media (max-width: 750px) {
  .opening { padding: 25px 20px 74px; }
  h1 { font-size: clamp(2rem, 5.5vw, 2.625rem); line-height: 1.1; }
  .headline-intro { font-size: 1.5rem; }
  .subheadline { font-size: 1.3125rem; line-height: 1.3; margin: 22px auto 27px; }
  .video-frame { aspect-ratio: 9 / 16; }
  .sales-letter { max-width: calc(100% - 28px); margin-top: -40px; padding: 0 24px 25px; }
  .section { padding: 28px 0; }
  .section p { font-size: 1.125rem; line-height: 1.55; }
  .section h2 { font-size: 1.5625rem; line-height: 1.25; }
  .letter-emphasis { font-size: 1.5rem !important; }
  .performance-print { margin: 28px auto 35px; padding: 5px; }
  .flow { gap: 8px; }
  .flow li { padding-left: 22px; padding-right: 0; font-size: 0.875rem; }
  .flow li::before { left: 0; }
  .plans { grid-template-columns: 1fr; gap: 28px; max-width: 430px; margin: 0 auto; }
  .plan-header { padding: 25px 22px 23px; }
  .features { padding: 18px 20px 24px; }
  .plan .button { width: calc(100% - 40px); margin: 0 20px 25px; font-size: 1.0625rem; }
  .plan .price { font-size: 3.5rem; }
  .button { font-size: 1.25rem; padding: 19px 18px; }
  .closing-section .button { width: 100%; }
  .testimonial-comments { gap: 18px; margin-bottom: 22px; }
  .testimonial-messages { grid-template-columns: 1fr; gap: 22px; }
  .testimonial-shot { padding: 5px; }
  .bonus-section { margin-top: 16px; padding: 0; border-radius: 10px; }
  .bonus-banner { padding: 24px 16px 26px; }
  .bonus-banner .bonus-number { font-size: 1rem; margin-bottom: 10px; }
  .bonus-banner h2 { font-size: 1.75rem; }
  .bonus-content { padding: 24px 18px 28px; }
  .bonus-visual { padding: 0 0 44px; margin-bottom: 24px; }
  .bonus-screen { border-width: 5px; border-bottom-width: 12px; border-radius: 6px 6px 3px 3px; }
  .bonus-device::before { height: 34px; bottom: -34px; }
  .bonus-device::after { bottom: -39px; height: 6px; }
  .bonus-tablet { left: 0; bottom: 3px; padding: 7px 4px 12px; border-radius: 7px; }
  .bonus-tablet::after { width: 4px; height: 4px; bottom: 3px; left: calc(50% - 3px); }
  .creative-library { padding: 12px; border-width: 5px; border-radius: 9px; margin-bottom: 28px; }
  .creative-library-heading { gap: 10px; margin-bottom: 13px; }
  .creative-gallery { gap: 6px; }
  .creative-tile::before, .creative-tile::after { height: 2px; }
  .creative-tile b { right: 2px; bottom: 2px; }
  .community-art { margin-bottom: 28px; }
  .community-phone { padding: 9px 4px 12px; border-radius: 13px; }
  .community-phone::after { bottom: 4px; height: 2px; }
  .community-chat-header { padding: 5px; gap: 5px; }
  .community-chat { height: calc(100% - 36px); gap: 5px; padding: 7px 5px; }
  .community-chat > span { padding: 5px; }
  .community-chat i { height: 2px; }
  .community-chat i + i { margin-top: 3px; }
  .community-chat-input { height: 13px; border-top-width: 3px; border-bottom-width: 3px; }
  .community-network { padding: 8px 4px; border-radius: 7px; }
  .instructor-profile { flex-direction: column; gap: 22px; }
  .instructor-photo { flex-basis: auto; max-width: 100%; }
  .instructor-identity { text-align: center; }
  .guarantee-card { grid-template-columns: 1fr; justify-items: center; gap: 22px; padding: 28px 20px; border-radius: 20px; }
  .guarantee-badge { width: 80px; }
  .guarantee-copy h2 { text-align: center; }
}
@media (max-width: 380px) {
  .opening { padding-left: 15px; padding-right: 15px; }
  .product-name { font-size: 1rem; }
  h1 { font-size: 1.875rem; }
  .subheadline { font-size: 1.125rem; }
  .sales-letter { max-width: calc(100% - 16px); padding-left: 18px; padding-right: 18px; }
  .pathway h3 { font-size: 1.25rem; }
  .flow { display: block; }
  .flow li { border-bottom: 0; }
  .flow li:last-child { border-bottom: 1px solid #d7ddeb; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .button { transition: none; }
}