:root {
  color-scheme: dark;
  --background: #0c110d;
  --background-bottom: #060a0a;
  --lime: #c5ff00;
  --green: #13a446;
  --red: #f0242a;
  --body-font: 'Roboto', Arial, sans-serif;
}
* { box-sizing: border-box; }
html { min-height: 100%; scroll-behavior: smooth; scrollbar-gutter: stable; color-scheme: light; }
body { margin: 0; background: var(--background-bottom); color: #fff; font-family: var(--body-font); }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; cursor: pointer; }
button:focus-visible, a:focus-visible { outline: 3px solid var(--lime); outline-offset: 4px; }
button:hover { filter: brightness(1.08); }
.icon { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.broadcast-bar { height: 42px; display: flex; align-items: flex-start; justify-content: center; background: radial-gradient(ellipse at 50% 0%, #0b191b, #070c14 76%); border-bottom: 3px solid #87141b; box-shadow: 0 1px 7px #ed172850; }
.broadcast { display: inline-flex; align-items: center; gap: 5px; min-width: 271px; justify-content: center; height: 28px; padding: 0 12px; margin-top: 8px; background: #1c293b; border: 1px solid #6b353b; border-radius: 20px; text-decoration: none; color: #f5f6f9; font-size: 9px; font-weight: 900; }
.live-dot { width: 12px; height: 12px; border-radius: 50%; background: #dd364b; box-shadow: inset -3px -1px #b92d43; margin-right: 1px; }
.broadcast-label { color: #ff3347; font-weight: 700; }
.broadcast-arrow { width: 11px; height: 11px; color: #8691a0; margin-left: 2px; }
.urgency { min-height: 25px; padding: 3px 12px 5px; display: flex; align-items: center; justify-content: center; gap: 6px; background: #b5181b; text-align: center; }
.urgency p { margin: 0; font-size: 13px; font-weight: 700; line-height: 17px; letter-spacing: -.25px; }
.alarm { font-size: 15px; line-height: 15px; }
.hero { position: relative; isolation: isolate; min-height: 535px; overflow: hidden; text-align: center; }
.page-background { position: absolute; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; background: radial-gradient(ellipse 34% 69% at 49% -7%, #274c269e, transparent 87%), radial-gradient(ellipse 24% 100% at 0% 55%, #19191261, transparent 95%), linear-gradient(180deg, #0e130f, var(--background) 61%, var(--background-bottom)); }
.page-background::before, .page-background::after { content: ''; position: absolute; opacity: .38; filter: blur(4px); }
.page-background::before { right: 0; top: -12%; width: 34%; height: 58%; background: linear-gradient(137deg, transparent 72%, #294a3533 73%, transparent 74%); }
.page-background::after { left: 0; top: -9%; width: 23%; height: 55%; background: linear-gradient(34deg, transparent 48%, #314a3a29 49%, transparent 50%); }
.background-art { position: absolute; display: block; object-fit: contain; }
.background-art--clapperboard { width: 102px; left: .6%; top: 65.2%; filter: brightness(.48) saturate(.85); }
.background-art--play { width: 86px; right: .1%; top: 46%; filter: brightness(.5) saturate(.85); }
.hero-content { position: relative; z-index: 1; padding: 24px 24px 32px; }
.brand { display: block; width: 153px; height: 28px; margin: 0 auto; object-fit: contain; }
.price-pill { display: table; margin: 17px auto 0; padding: 8px 26px; border: 1px solid var(--lime); border-radius: 17px; color: var(--lime); font-size: 17px; line-height: 21px; font-weight: 500; }
.h1 { margin: 17px 0 0; font-family: 'Teko', Impact, sans-serif; font-size: 82px; line-height: 75px; font-weight: 700; letter-spacing: .1px; transform: scaleX(.77); position: relative; top: 6px; }
.h1 > span { display: block; white-space: nowrap; }
.h1 > span:nth-child(2) { transform: scaleX(.986); }
.subtitle { margin: 20px 0 0; font-family: 'Oswald', 'Arial Narrow', sans-serif; font-size: 24px; line-height: 36px; font-weight: 400; transform: scaleX(.964); }
.subtitle > span { display: block; }
.subtitle > span:nth-child(2) { transform: scaleX(1.035); }
.subtitle mark { background: var(--lime); color: #030700; padding: 0 4px 1px; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.subtitle strong { font-weight: 600; }
.subtitle u { text-underline-offset: 3px; text-decoration-thickness: 1.5px; }
.benefits { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px; list-style: none; margin: 25px 0 0; padding: 0; }
.card3 { display: flex; align-items: center; gap: 7px; padding: 9px 12px; border-radius: 8px; background: #fff; color: #030a10; font-size: 15px; line-height: 18px; font-weight: 700; white-space: nowrap; }
.check { position: relative; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #28c927; flex: none; }
.check::after { content: ''; position: absolute; left: 5px; top: 4px; width: 5px; height: 7px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(40deg); }
.offer-bar { position: relative; min-height: 81px; border-top: 3px solid #ffdb00; border-radius: 0 0 8px 8px; background: #fff; color: #272c30; }
.offer-content { display: flex; align-items: center; gap: 6px; max-width: 974px; min-height: 78px; margin: 0 auto; }
.offer-message { display: flex; align-items: center; gap: 12px; margin-right: auto; }
.wallet-circle { display: grid; place-items: center; width: 36px; height: 36px; flex: none; border-radius: 50%; background: #fcebed; color: #ee354b; }
.wallet { width: 20px; height: 20px; fill: currentColor; }
.wallet circle { fill: #fff; }
.offer-lead, .offer-fine { margin: 0; }
.offer-lead { font-size: 11px; line-height: 14px; font-weight: 700; }
.offer-fine { color: #727e8a; font-size: 10px; line-height: 13px; }
.offer-lead strong { font-weight: 900; }
.coupon { height: 33px; width: 101px; flex: none; border: 1px dashed #cfd5df; border-radius: 4px; background: #fffdea; color: #313741; padding: 3px 5px; }
.coupon-caption { display: block; font-size: 7px; line-height: 9px; color: #75818b; font-weight: 700; }
.coupon-code { display: flex; justify-content: center; align-items: center; gap: 4px; font-size: 11px; line-height: 13px; font-weight: 900; }
.scissors { width: 12px; height: 12px; color: #6d7a86; }
.countdown { display: flex; align-items: center; justify-content: center; width: 249px; height: 54px; padding: 7px 11px; gap: 8px; border: 1px solid #dce1e8; border-radius: 4px; background: #f7f8fa; flex: none; }
.expires { font-size: 9px; color: #75808a; font-weight: 700; margin-right: 1px; }
.time-unit { display: flex; flex-direction: column; align-items: center; position: relative; min-width: 20px; }
.time-unit + .time-unit { padding-left: 8px; }
.time-unit + .time-unit::before { content: ''; position: absolute; left: 0; top: 6px; height: 20px; width: 1px; background: #d0d2d5; }
.time-number { font-family: 'Oswald', sans-serif; font-size: 23px; line-height: 27px; font-weight: 600; letter-spacing: 1px; color: var(--red); font-variant-numeric: tabular-nums; }
.time-label { font-family: 'Oswald', sans-serif; font-size: 6px; line-height: 7px; color: #f05c62; }
.deal-button { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 33px; border: 0; border-radius: 6px; padding: 8px 20.5px; background: var(--green); color: #fff; font-size: 12px; line-height: 17px; font-weight: 900; white-space: nowrap; }
.offer-content > .deal-button { margin-left: 76px; }
.deal-button .icon { width: 15px; height: 15px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.deal-dialog { max-width: min(460px, calc(100vw - 32px)); padding: 32px; border: 1px solid var(--lime); border-radius: 16px; background: #101c13; color: #fff; box-shadow: 0 20px 80px #0009; }
.deal-dialog::backdrop { background: #000b; backdrop-filter: blur(4px); }
.deal-dialog h2 { margin: 0 20px 20px 0; font-size: 25px; }
.deal-dialog p { line-height: 1.6; }
.dialog-close { position: absolute; top: 8px; right: 10px; background: none; border: 0; color: #fff; font-size: 28px; }
@media (min-height: 684px) and (min-width: 901px) { .hero { min-height: calc(100vh - 148px); } }
@media (max-width: 1100px) { .offer-content { padding: 10px 24px; } .offer-content > .deal-button { margin-left: 16px; } .offer-message { gap: 8px; } .h1 { font-size: clamp(52px, 6.18vw, 80px); line-height: 1.172; } }
@media (max-width: 900px) { .offer-content { flex-wrap: wrap; gap: 12px; justify-content: center; } .offer-message { width: 100%; justify-content: center; margin: 0; } .hero { min-height: 535px; } .hero-content { padding-top: 28px; } .h1 { margin-top: 28px; } .subtitle { font-size: 20px; line-height: 32px; margin-top: 30px; } .benefits { margin-top: 34px; } .background-art--clapperboard { top: 66%; width: 75px; } .background-art--play { width: 65px; } }
@media (max-width: 600px) { .urgency p { font-size: 10px; line-height: 14px; } .urgency { padding: 7px 12px; } .hero-content { padding: 26px 16px 30px; } .price-pill { font-size: 14px; padding: 7px 18px; } .h1 { font-size: clamp(24px, 8.2vw, 46px); line-height: 1.24; letter-spacing: 0; } .subtitle { font-size: 18px; line-height: 29px; margin-top: 26px; } .subtitle > span { display: inline; } .benefits { gap: 8px; margin-top: 27px; flex-direction: column; } .card3 { font-size: 13px; } .hero { min-height: auto; } .background-art--clapperboard { left: -14px; top: 59%; } .background-art--play { right: -13px; top: 31%; } .offer-content { padding: 15px 12px; gap: 10px; } .offer-message { gap: 9px; } .offer-lead { font-size: 10px; } .offer-fine { font-size: 9px; } .countdown { width: 229px; } .offer-content > .deal-button { margin-left: 0; min-width: 180px; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
/* Remaining bundle sections: all copy and controls are live HTML. */
body { padding-top: 42px; padding-bottom: 81px; }
.broadcast-bar { position: fixed; inset: 0 0 auto; z-index: 50; }
.offer-bar { position: fixed; inset: auto 0 0; z-index: 50; box-shadow: 0 -8px 18px #0002; }
a.deal-button { text-decoration: none; }
html { scroll-padding-top: 48px; }
.is-scrolled .broadcast-bar { height: 30px; align-items: center; border-bottom: 1px solid #343c45; background: #10152288; backdrop-filter: blur(6px); box-shadow: none; }
.is-scrolled .broadcast { margin: 0; transform: scale(.667); }
@media (min-width: 901px) {
  .is-scrolled .offer-bar { min-height: 54px; border-top-width: 2px; }
  .is-scrolled .offer-content { transform: scale(.667); transform-origin: center; margin-top: -13px; margin-bottom: -13px; }
}
.bundle-intro { background: #0d100b; text-align: center; padding: 4px 24px 65px; }
.presentation-video { width: min(726px, 100%); aspect-ratio: 16/9; margin: 0 auto 24px; background: #03060b; border: 3px solid #fff; border-radius: 15px; overflow: hidden; }
.presentation-video iframe { width: 100%; height: 100%; border: 0; }
.value-benefits { display: grid; grid-template-columns: repeat(3,1fr); gap: 11px; max-width: 885px; margin: 0 auto 28px; text-align: left; }
.value-benefits article { display: flex; gap: 49px; min-height: 65px; padding: 14px 17px; border-radius: 13px; background: #20241f; }
.value-benefits h3 { margin: 0 0 2px; font-size: 11px; line-height: 14px; }
.value-benefits p { margin: 0; font-size: 9px; line-height: 11px; color: #cdd1cf; }
.mini-check { display: inline-grid; place-items: center; width: 11px; height: 11px; border-radius: 50%; background: #29c727; color: #fff; font-size: 8px; flex: none; }
.value-benefits .mini-check { margin-top: 5px; }
.smart-choice { font-size: 10px; font-weight: 700; margin: 27px 0 18px; }
.total-value { margin: 0 0 12px; font-size: 17px; line-height: 22px; }
.total-value span { color: var(--lime); }
.coupon-line { margin: 8px 0 14px; font-size: 14px; line-height: 20px; }
.coupon-inline { padding: 0 3px; border: 1px dashed #181818; background: #ffe400; color: #000; font-weight: 700; }
.purchase-widget { width: 244px; margin: 0 auto; padding: 0 3px 4px; border: 3px solid #cecece; background: #fff; box-shadow: inset 0 0 3px #b5b5b5; color: #303030; }
.purchase-widget > p { margin: 0 -2px 8px; padding: 0 0 3px; border-bottom: 3px solid #d6d6d6; box-shadow: 0 1px 3px #ddd; color: #ae0000; font: 700 39px/43px 'Teko',sans-serif; }
.buy-now { display: block; width: 174px; height: 40px; margin: 0 auto 4px; border: 2px solid #ff7613; box-shadow: inset 0 0 0 1px #ffef72; background: linear-gradient(#ffdc00,#ffb900 48%,#ffa300 51%,#ffbd00); color: #1e2523; font: 900 30px/36px Arial,sans-serif; text-decoration: none; }
.payment-brands { display: flex; gap: 3px; justify-content: center; height: 12px; }
.payment-brands span { border: 1px solid #d2d7db; border-radius: 2px; padding: 1px 3px; background: #f8fbff; color: #164b8d; font: 700 6px/7px Arial,sans-serif; }
.payment-brands span:nth-child(3) { color: #e94918; background: #ffe773; }
.purchase-widget small { display: block; font-size: 5px; line-height: 7px; color: #999; }
.bundle-products { padding: 54px 24px 0; background: #fff; color: #000; text-align: center; }
.display-title { margin: 0; font-family: 'Teko',Impact,sans-serif; font-size: 48px; font-weight: 700; line-height: .87; transform: scaleX(.8); }
.product-columns { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; max-width: 1025px; margin: 35px auto 0; text-align: left; }
.product-column { display: flex; flex-direction: column; gap: 46px; min-width: 0; }
.product-card { position: relative; border: 1px solid #111; border-bottom: 0; background: linear-gradient(#fff 40%,#f4f4f4); padding-bottom: 12px; margin-bottom: 26px; }
.product-art { height: 294px; padding: 36px 12px 0; text-align: center; background: url('original/tablebg1.png') center top / 100% 100% no-repeat; }
.product-logo { display: block; width: 125px; height: 21px; object-fit: contain; margin: 0 auto 11px; }
.product-art h3 { display: table; margin: 0 auto 15px; padding: 1px 15px 3px; border: 1px solid #fff; border-radius: 30px; font: 600 23px/22px 'Teko',sans-serif; color: #fff; }
.product-box { width: 163px; height: 161px; object-fit: contain; display: block; margin: auto; }
.product-details { padding: 13px 23px 0; }
.feature-list { list-style: none; padding: 0; margin: 0; font-size: 9px; line-height: 13px; }
.feature-list li { position: relative; padding-left: 16px; margin-bottom: 7px; }
.feature-list li::before { content: '✓'; position: absolute; left: 0; top: 2px; display: grid; place-items: center; width: 9px; height: 9px; border-radius: 50%; color: #fff; background: #00c24b; font: 700 7px/9px Arial; }
.feature-intro { margin: 0 0 6px; font-size: 9px; line-height: 12px; font-weight: 700; }
.product-description { margin: 0 0 9px; font-size: 9px; line-height: 13px; }
.regular-price { text-align: center; font-size: 14px; line-height: 19px; margin: 7px 0; }
.included { margin: 0 0 8px; text-align: center; font-size: 13px; font-weight: 700; }
.included .mini-check { margin-right: 3px; }
.card-tail { position: absolute; left: -1px; width: calc(100% + 2px); height: 27px; bottom: -26px; overflow: visible; fill: #f4f4f4; stroke: #111; stroke-width: 1; }
.bundle-purchase { max-width: 970px; margin: 30px auto 0; padding: 0 12px 50px; background: linear-gradient(to bottom,#fff 0%,#ffffffb0 25%,#fff0 100%),linear-gradient(110deg,#d5fc45,#60a5ff); }
.bundle-purchase > h3 { font-size: 20px; line-height: 27px; margin: 0; padding: 12px 0 0; }
.bundle-purchase .coupon-line { margin-top: 4px; }
.payment-guarantee { display: block; width: 212px; height: auto; margin: 10px auto 0; }
.film-showcase { background: #fff; color: #000; text-align: center; padding-top: 62px; overflow: hidden; }
.display-eyebrow { margin: 0 0 8px; font: 400 26px/28px 'Oswald',sans-serif; transform: scaleX(.8); }
.film-showcase .display-title { font-size: 55px; }
.showcase-description { margin: 16px 0 24px; font-size: 13px; line-height: 18px; }
mark { background: var(--lime); color: #000; }
.film-stage { display: flex; justify-content: center; position: relative; min-height: 390px; align-items: flex-start; }
.film-center { width: min(644px,65vw); position: relative; z-index: 2; }
.video-launch { position: relative; display: block; padding: 0; border: 0; background: #000; overflow: hidden; cursor: pointer; }
.gallery-launch { width: 100%; aspect-ratio: 16/9; border: 5px solid #24251e; border-radius: 12px; box-shadow: 0 12px 18px #0002; }
.video-launch img { display: block; width: 100%; height: 100%; object-fit: cover; }
.play-symbol { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: grid; place-items: center; width: 54px; height: 54px; padding-left: 4px; border-radius: 50%; background: #101820b0; color: #fff; font-size: 22px; opacity: 0; transition: opacity .2s; }
.video-launch:hover .play-symbol, .video-launch:focus-visible .play-symbol { opacity: 1; }
#gallery-caption { margin: 8px 0 0; font-size: 15px; font-weight: 700; }
.film-side { position: absolute; top: -8px; width: calc((100% - 644px)/2 + 8px); height: 398px; padding: 0; border: 0; overflow: hidden; background: #080808; }
.film-side img { width: 100%; height: 100%; object-fit: fill; }
.film-side-left { left: 0; clip-path: polygon(0 0,100% 8%,100% 87%,0 100%); }
.film-side-right { right: 0; clip-path: polygon(0 8%,100% 0,100% 100%,0 87%); }
.gallery-dots { display: flex; justify-content: center; gap: 4px; padding: 11px 0 28px; }
.gallery-dots button { border: 1px solid #a8a99a; width: 7px; height: 7px; border-radius: 50%; padding: 0; background: #ccc; }
.gallery-dots button[aria-pressed=true] { background: var(--lime); border-color: #4e6200; }
.workflow { color: #000; position: relative; background: #caff0c url('original/section4.webp') center top / 100% 100% no-repeat; padding: 0 24px 0; }
.film-ribbon { display: block; position: relative; width: min(960px,100vw); height: auto; margin: 0 0 -12px -24px; overflow: visible; z-index: 2; filter: drop-shadow(0 8px 5px #0004); }
.ribbon-edge { stroke: white; stroke-width: 124; fill: none; }
.ribbon-body { stroke: #000; stroke-width: 110; fill: none; }
.ribbon-holes { stroke: white; stroke-width: 9; stroke-dasharray: 7 13; fill: none; }
.ribbon-holes-top { transform: translateY(-45px); }
.ribbon-holes-bottom { transform: translateY(45px); }
.film-ribbon text { fill: #c9c9c9; font: 700 67px 'Teko',sans-serif; letter-spacing: 5px; dominant-baseline: middle; }
.film-ribbon tspan { fill: var(--lime); }
.workflow-panel { max-width: 795px; margin: auto; padding: 62px 0 45px; background: #fff; border-radius: 0 0 22px 22px; box-shadow: 0 22px 30px #385c1610; position: relative; }
.workflow-panel > h2 { text-align: center; font-size: 26px; line-height: 26px; letter-spacing: -.8px; margin: 0 0 10px; }
.workflow-description { text-align: center; font-size: 10px; line-height: 15px; color: #555; margin: 0 0 25px; }
.workflow-step { position: relative; display: grid; grid-template-columns: 1fr 1fr; align-items: center; min-height: 270px; }
.step-copy { padding: 0 45px 0 93px; z-index: 1; }
.step-copy h4 { margin: 16px 0 7px; font-size: 20px; line-height: 24px; font-weight: 500; }
.step-copy p { font-size: 12px; line-height: 17px; margin: 0; color: #555; }
.step-heading { position: relative; isolation: isolate; }
.step-heading::before { content: ''; position: absolute; z-index: -1; left: -93px; right: 85px; min-width: 255px; bottom: 0; height: 73px; background: #f2ffb9; border-radius: 0 50px 50px 0; }
.step-heading > span { display: table; padding: 5px 11px; border-radius: 25px; background: #d1fb14; box-shadow: 0 0 0 8px #f2ffb9; font-size: 14px; line-height: 17px; font-weight: 900; }
.step-heading h3 { display: table; font: 700 62px/61px 'Teko',sans-serif; margin: 6px 0 0; transform: scaleX(.78); transform-origin: left center; }
.step-visual { padding-right: 23px; }
.step-screen { display: block; width: 100%; height: auto; }
.step-decoration { position: absolute; width: 150px; left: -87px; top: 10px; z-index: 2; pointer-events: none; }
.step-connector { display: block; width: 251px; height: 108px; margin: 0 auto; }
.step-2 .step-copy, .step-4 .step-copy { grid-column: 2; grid-row: 1; padding-left: 106px; padding-right: 12px; }
.step-2 .step-visual, .step-4 .step-visual { grid-column: 1; grid-row: 1; padding: 0 0 0 24px; }
.step-2 .step-decoration, .step-4 .step-decoration { left: auto; right: -84px; width: 125px; top: 25px; }
.step-2 .step-heading::before, .step-4 .step-heading::before { left: -39px; right: -30px; border-radius: 50px 0 0 50px; min-width: 0; background: #fff0d0; }
.step-2 .step-heading > span { background: #ffbc47; box-shadow: 0 0 0 8px #fff0d0; }
.connector-2 { transform: scaleX(-1); }
.step-3 .step-heading::before { background: #d3ffff; min-width: 288px; }
.step-3 .step-heading > span { background: #4bdded; box-shadow: 0 0 0 8px #d3ffff; }
.step-3 .step-decoration { width: 160px; left: -105px; top: 16px; }
.step-4 .step-heading::before { background: #e4e1ff; }
.step-4 .step-heading > span { background: #a39aff; box-shadow: 0 0 0 8px #e4e1ff; }
.profit-screen { width: 100%; aspect-ratio: 1.72; border-radius: 14px; background: white; }
.profit-screen img { object-position: center top; }
.stories-watch { position: relative; background: #fff url('original/section5.webp') center top / 100% 100% no-repeat; padding: 77px 0 68px; border-radius: 0 0 45px 45px; text-align: center; color: #000; overflow: hidden; }
.stories-watch .display-title { font-size: 77px; line-height: .9; }
.stories-watch > p { margin: 8px 0 62px; font: 500 26px/36px 'Oswald',sans-serif; transform: scaleX(.8); }
.stories-watch mark { padding: 3px 8px; }
.stories-arrow { position: absolute; right: 28%; top: 0; width: 76px; }
.reel-gallery { position: relative; display: flex; gap: 7px; padding: 14px 0; width: 100%; }
.reel-gallery::before,.reel-gallery::after { content: ''; position: absolute; width: min(960px,90%); height: 13px; background: url('original/reelborder.webp') center / auto 13px repeat-x; left: 50%; transform: translateX(-50%); }
.reel-gallery::before { top: 0; } .reel-gallery::after { bottom: 0; }
.reel-video { flex: 1 0 calc(100% / 6 - 5px); aspect-ratio: 16/9; border-radius: 7px; }
.story-invitation { background: #080a07; color: #fff; padding: 34px 24px 70px; text-align: center; }
.story-invitation > h2 { display: table; margin: 0 auto 22px; padding: 20px 40px; border: 5px solid #ff9800; border-radius: 27px; box-shadow: inset 0 0 0 2px #ffed9a,0 0 0 3px #ff7300,0 10px 30px #ff7b0040; background: linear-gradient(#383838,#050505 58%); color: #ff9b00; font: 700 39px/36px 'Teko',sans-serif; }
.story-invitation > h2 span { color: #fff; }
.story-invitation p { font-size: 13px; line-height: 21px; margin-bottom: 22px; }
.video-dialog { width: min(960px,calc(100vw - 30px)); padding: 35px 12px 10px; border: 1px solid #647847; background: #071009; color: #fff; border-radius: 12px; }
.video-dialog::backdrop { background: #000d; }
.video-close { position: absolute; right: 7px; top: 0; border: 0; background: none; color: #fff; font-size: 30px; }
.video-mount { aspect-ratio: 16/9; background: #000; }
.video-mount iframe { width: 100%; height: 100%; border: 0; }
.video-dialog p { text-align: center; font-size: 12px; margin: 9px 0; }
.video-dialog a { color: #c5ff00; }
@media (max-width: 1100px) { .step-decoration { left: -60px; width: 115px; } .step-3 .step-decoration { left: -60px; width: 130px; } .step-2 .step-decoration,.step-4 .step-decoration { right: -55px; width: 100px; } }
@media (max-width: 900px) {
  body { padding-bottom: 148px; } .offer-bar { min-height: 120px; } .is-scrolled .broadcast { transform: scale(.85); }
  .product-columns { gap: 12px; } .product-details { padding: 12px 14px 0; } .feature-list { font-size: 10px; line-height: 15px; } .product-art { height: 255px; } .product-box { width: 140px; height: 140px; } .product-art h3 { font-size: 21px; padding-inline: 9px; }
  .value-benefits article { gap: 12px; } .step-copy { padding: 0 24px 0 45px; } .step-heading::before { left: -45px; } .step-2 .step-copy,.step-4 .step-copy { padding-left: 48px; padding-right: 24px; } .step-decoration { display: none; } .workflow-panel { overflow: hidden; } .step-copy h4 { font-size: 19px; } .step-heading h3 { font-size: 52px; }
  .film-side { width: 20%; height: 36vw; } .film-stage { min-height: 42vw; } .film-center { width: 65%; } .film-showcase { padding-top: 48px; }
}
@media (max-width: 600px) {
  body { padding-bottom: 118px; } .offer-bar .offer-message { display: none; } .offer-bar .offer-content { gap: 6px; padding: 8px; } .offer-bar .coupon { width: 92px; } .offer-bar .countdown { width: 230px; height: 46px; } .offer-bar { min-height: 105px; } .offer-bar .offer-content > .deal-button { min-height: 30px; }
  .bundle-intro { padding: 15px 16px 40px; } .value-benefits { grid-template-columns: 1fr; gap: 9px; } .value-benefits article { min-height: 55px; gap: 18px; } .value-benefits h3 { font-size: 14px; } .value-benefits p { font-size: 11px; line-height: 15px; } .smart-choice { font-size: 12px; line-height: 18px; }
  .bundle-products { padding: 40px 16px 0; } .display-title { font-size: 37px; line-height: .97; } .product-columns { display: flex; flex-direction: column; max-width: 390px; gap: 36px; } .product-column { display: contents; } .product-card { margin-bottom: 0; } #product-1 { order: 1; } #product-2 { order: 2; } #product-3 { order: 3; } #product-4 { order: 4; } #product-5 { order: 5; } .product-art { height: 294px; } .product-box { width: 163px; height: 161px; } .product-details { padding: 16px 23px 5px; } .feature-list { font-size: 12px; line-height: 18px; } .feature-list li { margin-bottom: 9px; } .feature-intro,.product-description { font-size: 11px; line-height: 17px; } .bundle-purchase { margin-top: 55px; padding-bottom: 35px; } .bundle-purchase > h3 { font-size: 18px; } .coupon-line { font-size: 12px; }
  .film-showcase .display-title { font-size: 44px; } .display-eyebrow { font-size: 23px; } .showcase-description { font-size: 11px; padding-inline: 12px; } .film-center { width: 85%; } .film-side { width: 15%; height: 47vw; } .film-stage { min-height: 56vw; } #gallery-caption { font-size: 13px; } .gallery-dots { padding-top: 16px; gap: 9px; } .gallery-dots button { width: 10px; height: 10px; }
  .workflow { padding-inline: 16px; } .film-ribbon { margin-left: -16px; margin-bottom: 5px; } .workflow-panel { padding-top: 30px; } .workflow-panel > h2 { font-size: 20px; line-height: 22px; padding: 0 12px; } .workflow-description { padding: 0 22px; font-size: 11px; line-height: 16px; } .workflow-description br { display: none; } .workflow-step { display: flex; flex-direction: column; gap: 22px; padding: 20px 22px 0; } .step-copy,.step-2 .step-copy,.step-4 .step-copy { padding: 0; width: 100%; } .step-heading::before,.step-2 .step-heading::before,.step-4 .step-heading::before { left: -22px; right: 20px; border-radius: 0 50px 50px 0; min-width: 0; } .step-copy h4 { margin-top: 12px; } .step-copy p { font-size: 13px; line-height: 19px; } .step-visual,.step-2 .step-visual,.step-4 .step-visual { padding: 0; width: 100%; } .step-connector { width: 150px; height: auto; margin: 15px auto; }
  .stories-watch { padding-top: 65px; padding-bottom: 35px; } .stories-watch .display-title { font-size: 46px; } .stories-watch > p { font-size: 21px; margin-bottom: 30px; } .stories-arrow { right: 18%; width: 58px; } .reel-gallery { overflow-x: auto; } .reel-video { flex-basis: 48%; } .story-invitation > h2 { font-size: 28px; line-height: 28px; padding: 16px; } .story-invitation p { font-size: 12px; } .story-invitation p br { display: none; }
}

.gallery-launch img[hidden] { display: none; }
.gallery-launch.without-poster .play-symbol { opacity: 1; }

/* Match the narrow orange title panel in the supplied desktop reference. */
@media (min-width: 601px) {
  .story-invitation > h2 { width: 507px; max-width: 100%; padding: 20px 12px; font-size: 35px; }
}

/* Additional reference: chrome_uJhDd583KE.png. */
.drama-examples { padding: 16px 25px 65px; background: radial-gradient(ellipse at 15% 80%,#28150e,#100a07 80%); scroll-margin-top: 30px; }
.drama-panel { max-width: 1245px; margin: auto; display: grid; grid-template-columns: 345px minmax(0,1fr); border: 1px solid #555; border-radius: 20px; overflow: hidden; background: #232525; }
.drama-intro { position: relative; isolation: isolate; overflow: hidden; background: #070808; min-height: 518px; padding: 56px 31px 0; }
.drama-intro h2 { position: relative; z-index: 2; font: 700 40px/.9 'Teko',sans-serif; margin: 0 0 8px; color: #fff; }
.drama-intro h2 span { color: #e57920; }
.drama-intro p { position: relative; z-index: 2; margin: 0; font: 400 10px/14px 'Roboto',sans-serif; color: #fff; }
.drama-intro > img { position: absolute; bottom: 0; left: 0; width: 100%; height: 350px; object-fit: cover; mask-image: linear-gradient(transparent,#000 15%); z-index: -1; }
.drama-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; padding: 10px; padding-left: 20px; }
.drama-scene { position: relative; padding: 4px; border: 1px solid #646868; border-radius: 9px; background: #242727; overflow: hidden; aspect-ratio: 430/245; cursor: pointer; }
.drama-scene img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 4px; }
.drama-scene > span { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff9; font-size: 15px; }
.drama-scene:first-child > span { opacity: 0; }
.drama-scene:hover { border-color: #e57920; }
.drama-scene:focus-visible { outline: 2px solid #e57920; outline-offset: -2px; }
.scene-dialog { position: fixed; width: min(1000px,95vw); border: 1px solid #646868; border-radius: 12px; padding: 32px 10px 10px; background: #101212; }
.scene-dialog::backdrop { background: #000d; }
.scene-dialog img { display: block; width: 100%; }
.scene-close { position: absolute; right: 8px; top: 0; color: #fff; background: none; border: 0; font-size: 28px; cursor: pointer; }
@media(max-width:900px) { .drama-panel { grid-template-columns: 28% minmax(0,1fr); } .drama-intro { min-height: 0; padding: 25px 18px; } .drama-intro h2 { font-size: 29px; } .drama-intro > img { height: 70%; } .drama-grid { padding-left: 10px; } }
@media(max-width:600px) { .drama-examples { padding: 16px 16px 35px; } .drama-panel { grid-template-columns: 1fr; } .drama-intro { min-height: 210px; padding: 30px 22px; } .drama-intro h2 { font-size: 36px; } .drama-intro p { font-size: 11px; line-height: 16px; } .drama-intro > img { width: 45%; height: 100%; left: auto; right: 0; object-position: center bottom; mask-image: linear-gradient(90deg,transparent,#000 40%); } .drama-grid { grid-template-columns: 1fr; } }





.product-logo-text { display: block; color: #fff; font-family: "Roboto", Arial, sans-serif; font-size: 19px; font-weight: 900; line-height: 21px; white-space: nowrap; text-align: center; }

.brand-text { display: block; color: #fff; font-family: "Roboto", Arial, sans-serif; font-size: 24px; font-weight: 900; line-height: 28px; white-space: nowrap; text-align: center; }

.presentation-video { position: relative; margin-bottom: 10px; }
#presentation-cover { position: absolute; inset: 0; padding: 0; border: 0; width: 100%; height: 100%; background: #eee; cursor: pointer; }
#presentation-cover[hidden] { display: none; }
#presentation-cover img { width: 100%; height: 100%; display: block; object-fit: cover; }
.cover-play { position: absolute; left: 50%; top: 72%; transform: translate(-50%,-50%); background: #15200ce6; color: #c5ff00; border: 1px solid #c5ff00; border-radius: 50%; width: 54px; height: 54px; display: grid; place-items: center; font-size: 22px; padding-left: 4px; }
.presentation-controls { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; width: min(726px,100%); margin: 0 auto; }
.presentation-controls button { background: #20281b; color: #fff; border: 1px solid #53643c; border-radius: 5px; padding: 8px 12px; font-size: 11px; }
.presentation-controls label { display: flex; gap: 8px; align-items: center; font-size: 11px; }
.presentation-controls input { width: 80px; accent-color: #c5ff00; }
.presentation-status { min-height: 18px; font-size: 11px; margin: 7px auto 20px; color: #bdc6b6; }

.collection-note { max-width: 720px; margin: 14px auto 26px; text-align: center; color: #666; font-size: 11px; line-height: 1.5; }
.discount-badge { display: flex; flex-direction: column; align-items: center; justify-content: center; }
/* Fit the Portuguese offer inside the original purchase widget. */
.purchase-widget > p { font-size: 31px; line-height: 43px; white-space: nowrap; }
.purchase-widget .buy-now { display: flex; align-items: center; justify-content: center; font-size: 17px; line-height: 1; white-space: nowrap; }


/* Keep the GPT Master cover above the embedded player until explicit playback. */
#presentation-cover { z-index: 2; }