* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 24px; }
body { margin: 0px; background: rgb(18, 16, 29); color: rgb(238, 237, 244); font: 16px / 1.75 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color: rgb(255, 227, 121); text-underline-offset: 4px; }
a:hover { color: rgb(255, 255, 255); }
button, a, summary { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: rgb(255, 255, 255) solid 3px; outline-offset: 5px; }
img { max-width: 100%; display: block; }
p { margin: 0px 0px 1.2em; }
h1, h2, h3 { line-height: 1.14; letter-spacing: -0.035em; }
h1 { font-size: clamp(42px, 5.6vw, 76px); margin: 15px 0px 22px; font-weight: 850; }
h2 { font-size: clamp(28px, 3vw, 38px); margin: 0px 0px 25px; }
h3 { font-size: 22px; margin: 0px 0px 13px; }
strong { color: rgb(255, 255, 255); }
small { font-size: 11px; letter-spacing: 0.12em; font-weight: 800; }
.shell { max-width: 1240px; margin: auto; padding: 0px 38px; }
.top { background: rgb(255, 217, 56); color: rgb(32, 21, 38); text-align: center; font-size: 10px; font-weight: 800; letter-spacing: 0.16em; padding: 7px 12px; }
.header { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 28px 0px; }
.brand { display: flex; align-items: center; gap: 14px; text-decoration: none; color: rgb(255, 255, 255); }
.wordmark { font-size: 42px; font-weight: 950; letter-spacing: -0.08em; font-style: italic; line-height: 1; }
.brand small { font-size: 9px; line-height: 1.5; letter-spacing: 0.15em; color: rgb(184, 173, 201); }
.nav { display: flex; gap: 25px; align-items: center; }
.nav a { font-size: 13px; font-weight: 700; color: rgb(201, 191, 215); text-decoration: none; }
.nav a:hover, .nav a[aria-current] { color: rgb(255, 221, 80); }
.menu { display: none; }
.hero { display: grid; grid-template-columns: 1.04fr 0.96fr; min-height: 480px; border: 1px solid rgb(72, 54, 79); border-radius: 24px; overflow: hidden; background: radial-gradient(at 85% 20%, rgb(99, 55, 126), transparent 65%), linear-gradient(125deg, rgb(36, 24, 46), rgb(33, 21, 46)); position: relative; isolation: isolate; }
.hero-copy { padding: 48px 0px 40px 42px; z-index: 2; }
.eyebrow { color: rgb(255, 220, 83); font-size: 10px; letter-spacing: 0.16em; font-weight: 850; }
.lead { color: rgb(216, 205, 224); max-width: 500px; font-size: 17px; line-height: 1.7; }
.hero-media { margin: 0px; display: flex; align-items: center; justify-content: center; position: relative; min-width: 0px; padding: 30px; }
.hero-media::before { content: ""; position: absolute; width: 350px; height: 350px; border-radius: 50%; background: rgba(201, 137, 255, 0.145); border: 1px solid rgba(255, 223, 84, 0.26); box-shadow: rgba(178, 103, 213, 0.157) 0px 0px 80px; }
.hero-media img { position: relative; width: 100%; max-height: 420px; object-fit: contain; filter: drop-shadow(rgba(0, 0, 0, 0.467) 0px 24px 28px); }
.hero-media figcaption { position: absolute; bottom: 18px; right: 25px; color: rgb(200, 183, 207); font-size: 10px; }
.actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 26px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 22px; min-height: 50px; padding: 12px 21px; border: 1px solid rgb(255, 222, 75); border-radius: 8px; background: linear-gradient(130deg, rgb(255, 228, 93), rgb(248, 200, 36)); color: rgb(33, 19, 38); text-decoration: none; font-size: 14px; font-weight: 850; white-space: nowrap; box-shadow: rgba(209, 162, 41, 0.086) 0px 6px 20px; }
.button:hover { background: rgb(255, 240, 154); color: rgb(33, 19, 38); }
.button.secondary { border-color: rgb(108, 82, 111); background: rgba(255, 255, 255, 0.03); color: rgb(255, 255, 255); box-shadow: none; }
.button span { font-size: 18px; }
.hero-terms { margin: 20px 0px 0px; font-size: 11px; line-height: 1.65; color: rgb(187, 172, 200); max-width: 460px; }
.offer-ribbon { display: grid; grid-template-columns: repeat(3, 1fr); margin: 22px 0px 65px; border: 1px solid rgb(59, 47, 72); background: rgb(27, 21, 37); border-radius: 12px; overflow: hidden; }
.offer-ribbon div { padding: 22px 27px; border-right: 1px solid rgb(59, 47, 72); }
.offer-ribbon div:last-child { border: 0px; }
.offer-ribbon b { display: block; color: rgb(255, 223, 84); font-size: 28px; line-height: 1.2; }
.offer-ribbon span { font-size: 12px; color: rgb(188, 177, 201); }
.grid { display: grid; grid-template-columns: minmax(0px, 1fr) 215px; gap: 70px; }
.grid main { min-width: 0px; }
main section { padding: 0px 0px 54px; margin-bottom: 45px; border-bottom: 1px solid rgb(52, 43, 64); }
main section:last-child { border-bottom: 0px; margin-bottom: 0px; }
main p, main li { color: rgb(201, 191, 210); }
main li { margin-bottom: 9px; }
aside.toc { position: sticky; top: 28px; align-self: start; border-left: 2px solid rgb(104, 66, 101); padding: 3px 0px 3px 23px; }
aside.toc strong { display: block; font-size: 11px; letter-spacing: 0.1em; color: rgb(143, 130, 158); margin-bottom: 20px; }
aside.toc a { display: block; color: rgb(183, 172, 196); text-decoration: none; font-size: 13px; margin-bottom: 16px; }
aside.toc a:hover { color: rgb(255, 223, 84); }
.numbers { display: grid; grid-template-columns: repeat(3, 1fr); margin: 30px 0px; background: rgb(33, 23, 45); border-radius: 12px; }
.numbers div { padding: 23px 15px; text-align: center; }
.numbers b { display: block; color: rgb(255, 223, 84); font-size: 34px; line-height: 1.3; }
.numbers span { font-size: 12px; color: rgb(193, 179, 208); }
.inline-offer { border: 1px solid rgb(110, 67, 83); border-radius: 13px; background: linear-gradient(120deg, rgb(49, 32, 51), rgb(33, 24, 45)); padding: 25px; display: flex; gap: 20px; align-items: center; justify-content: space-between; margin-top: 30px; }
.inline-offer small { color: rgb(216, 162, 170); display: block; margin-bottom: 9px; font-size: 9px; }
.inline-offer strong { display: block; font-size: 20px; line-height: 1.25; margin-bottom: 10px; }
.inline-offer p { font-size: 11px; line-height: 1.65; margin: 0px; color: rgb(188, 171, 200); }
.inline-offer .button { flex-shrink: 0; min-height: 46px; font-size: 12px; padding: 10px 16px; gap: 12px; }
.slot-gallery { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 15px; margin: 28px 0px; }
.slot-card { margin: 0px; border: 1px solid rgb(73, 51, 78); border-radius: 14px; overflow: hidden; background: rgb(39, 28, 52); }
.slot-card img { width: 100%; aspect-ratio: 4 / 3; object-fit: contain; background: radial-gradient(rgb(73, 48, 79), rgb(37, 23, 45)); padding: 8px; }
.slot-card figcaption { padding: 13px 15px; font-size: 13px; font-weight: 700; color: rgb(255, 255, 255); }
.slot-card figcaption small { display: block; color: rgb(168, 151, 185); font-size: 9px; letter-spacing: 0.04em; margin-top: 3px; }
.duo { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 18px; margin: 26px 0px; }
.panel { background: rgb(32, 24, 42); padding: 25px; border: 1px solid rgb(57, 43, 69); border-radius: 12px; }
.panel p { font-size: 14px; margin: 0px; }
.step { display: block; color: rgb(167, 121, 189); font-size: 12px; margin-bottom: 15px; letter-spacing: 0.1em; }
.check-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 12px; margin: 28px 0px; }
.check-grid a { display: block; padding: 22px 15px; background: rgb(36, 26, 48); border: 1px solid rgb(76, 54, 90); border-radius: 11px; text-decoration: none; }
.check-grid span { font-size: 9px; letter-spacing: 0.1em; color: rgb(181, 152, 198); }
.check-grid h3 { margin: 12px 0px 0px; font-size: 18px; color: rgb(247, 236, 255); }
.check-grid a:hover { border-color: rgb(255, 223, 84); }
.equation { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 15px; padding: 25px; background: rgb(40, 27, 50); border: 1px solid rgb(78, 54, 92); border-radius: 12px; margin: 25px 0px; font-size: 17px; }
.equation strong { color: rgb(255, 222, 75); }
.table-scroll { overflow: auto; margin: 25px 0px; border: 1px solid rgb(68, 48, 77); border-radius: 10px; }
table { border-collapse: collapse; width: 100%; font-size: 14px; }
th, td { text-align: left; padding: 16px 18px; border-bottom: 1px solid rgb(60, 44, 70); }
th { background: rgb(48, 32, 58); color: rgb(255, 231, 121); }
td { color: rgb(217, 204, 223); }
tr:last-child td { border: 0px; }
.steps { list-style: none; padding: 0px; counter-reset: steps 0; }
.steps li { position: relative; counter-increment: steps 1; padding: 6px 0px 20px 54px; }
.steps li::before { content: counter(steps); position: absolute; left: 0px; top: 2px; width: 34px; height: 34px; border-radius: 50%; background: rgb(56, 35, 64); color: rgb(255, 231, 121); font-weight: 850; text-align: center; line-height: 34px; }
.steps h3 { font-size: 20px; }
.steps p { margin: 0px; }
.faq { border: 1px solid rgb(71, 52, 79); border-radius: 10px; background: rgb(33, 23, 41); margin-bottom: 12px; }
.faq summary { cursor: pointer; list-style: none; padding: 18px 21px; font-size: 15px; font-weight: 750; display: flex; justify-content: space-between; gap: 15px; color: rgb(244, 233, 250); }
.faq summary::after { content: "+"; color: rgb(255, 219, 80); font-size: 19px; line-height: 1.3; }
.faq[open] summary::after { content: "−"; }
.faq > div { padding: 2px 21px 18px; }
.faq h3 { font-size: 17px; line-height: 1.4; }
.faq p { font-size: 14px; margin: 0px; }
.source-list { list-style: none; padding: 0px; }
.source-list li { padding: 18px 0px; border-bottom: 1px solid rgb(51, 40, 63); }
.source-list a { display: block; font-size: 16px; font-weight: 700; }
.source-list span { display: block; font-size: 13px; margin-top: 4px; color: rgb(172, 155, 186); }
.mobile-visual { display: grid; grid-template-columns: 1fr 1fr; align-items: center; background: radial-gradient(at left center, rgb(87, 49, 81), rgb(37, 27, 49)); border: 1px solid rgb(87, 53, 89); border-radius: 15px; padding: 25px; gap: 25px; margin: 30px 0px; }
.mobile-visual img { max-height: 280px; margin: auto; object-fit: contain; }
.mobile-visual h3 { font-size: 28px; margin-top: 15px; }
.mobile-visual p { font-size: 13px; margin: 0px; }
.footer { background: rgb(12, 9, 18); border-top: 1px solid rgb(56, 38, 63); margin-top: 20px; padding: 50px 0px 35px; }
.partner { display: flex; justify-content: space-between; align-items: center; gap: 30px; border: 1px solid rgb(48, 36, 56); border-radius: 12px; padding: 23px; margin-bottom: 40px; }
.partner small { font-size: 9px; color: rgb(160, 140, 172); }
.partner h3 { font-size: 19px; margin: 6px 0px 7px; }
.partner p { font-size: 12px; max-width: 570px; margin: 0px; }
.partner .button { background: rgb(42, 29, 52); color: rgb(218, 205, 229); border-color: rgb(90, 66, 104); min-height: 44px; font-size: 12px; gap: 12px; }
.footer-row { display: flex; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
.footer-row b { font-size: 14px; }
.footer-row a { font-size: 12px; }
.footer p { font-size: 11px; line-height: 1.9; color: rgb(141, 127, 154); margin-bottom: 12px; }
.footer p strong { color: rgb(179, 162, 191); }
.skip { position: absolute; left: 15px; top: -100px; z-index: 20; background: rgb(255, 255, 255); color: rgb(32, 20, 38); padding: 12px; }
.skip:focus { top: 10px; }
.bonus-dock { position: fixed; z-index: 30; bottom: 16px; left: 50%; transform: translateX(-50%); width: min(760px, 100% - 32px); display: flex; align-items: center; gap: 20px; padding: 16px 62px 16px 22px; border: 1px solid rgb(141, 94, 114); background: rgba(43, 26, 52, 0.96); box-shadow: rgba(0, 0, 0, 0.6) 0px 14px 50px; backdrop-filter: blur(12px); border-radius: 13px; }
.bonus-dock[hidden] { display: none; }
.bonus-dock strong { display: block; font-size: 15px; line-height: 1.3; }
.bonus-dock small { display: block; font-size: 10px; letter-spacing: 0px; font-weight: 400; color: rgb(189, 170, 201); margin-top: 4px; }
.bonus-dock .button { margin-left: auto; font-size: 12px; min-height: 43px; gap: 12px; padding: 9px 15px; }
.dock-close { position: absolute; right: 7px; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border: 0px; background: transparent; color: rgb(213, 196, 225); font-size: 26px; cursor: pointer; }
body.dock-visible { padding-bottom: 100px; }
.subpage .hero { min-height: 300px; }
.subpage .hero-copy { padding-bottom: 40px; }
.subpage h1 { font-size: clamp(40px, 5vw, 60px); }
.subpage .hero-media img { max-height: 260px; }
.subpage .hero-media::before { width: 230px; height: 230px; }
.subpage .offer-ribbon { margin-bottom: 65px; }
@media (max-width: 1000px) {
  .shell { padding: 0px 25px; }
  .nav { gap: 16px; }
  .grid { grid-template-columns: minmax(0px, 1fr) 175px; gap: 35px; }
  .hero-copy { padding-left: 30px; }
  .hero-media { padding: 15px; }
  .hero-media::before { width: 270px; height: 270px; }
  .inline-offer { display: block; }
  .inline-offer .button { margin-top: 17px; }
  .check-grid h3 { font-size: 16px; }
}
@media (max-width: 720px) {
  .shell { padding: 0px 20px; }
  .header { padding: 22px 0px; }
  .wordmark { font-size: 37px; }
  .brand small { font-size: 8px; }
  .nav { display: none; }
  .menu { display: block; position: relative; }
  .menu > summary { cursor: pointer; list-style: none; border: 1px solid rgb(91, 59, 101); border-radius: 7px; padding: 8px 14px; font-size: 13px; }
  .mobile-nav { position: absolute; z-index: 10; top: 50px; right: 0px; background: rgb(40, 26, 51); border: 1px solid rgb(112, 76, 119); padding: 12px 19px; min-width: 185px; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.467) 0px 10px 40px; }
  .mobile-nav a { display: block; font-size: 14px; padding: 9px 0px; text-decoration: none; }
  .hero { grid-template-columns: 1fr; border-radius: 17px; min-height: 0px; }
  .hero-copy { padding: 32px 25px 0px; }
  .hero h1 { font-size: clamp(39px, 10.7vw, 62px); margin: 15px 0px 18px; }
  .lead { font-size: 15px; line-height: 1.7; }
  .hero-media { padding: 20px 30px 29px; min-height: 240px; }
  .hero-media img { max-height: 250px; width: 100%; object-fit: contain; }
  .hero-media::before { width: 220px; height: 220px; }
  .hero-media figcaption { bottom: 9px; font-size: 9px; right: 18px; }
  .hero-terms { font-size: 10px; margin-top: 15px; }
  .actions { gap: 9px; margin-top: 22px; }
  .button { font-size: 12px; padding: 11px 15px; gap: 13px; min-height: 47px; }
  .offer-ribbon { margin: 15px 0px 42px; }
  .offer-ribbon div { padding: 16px 9px; text-align: center; }
  .offer-ribbon b { font-size: 23px; }
  .offer-ribbon span { font-size: 9px; line-height: 1.3; display: block; margin-top: 5px; }
  .grid { display: block; }
  .toc { display: none !important; }
  main section { padding-bottom: 35px; margin-bottom: 35px; }
  h2 { font-size: 28px; line-height: 1.18; }
  main p, main li { font-size: 15px; }
  .numbers { margin: 23px 0px; }
  .numbers div { padding: 18px 8px; }
  .numbers b { font-size: 28px; }
  .numbers span { font-size: 10px; }
  .inline-offer { padding: 21px; }
  .inline-offer strong { font-size: 20px; }
  .duo { gap: 12px; }
  .panel { padding: 18px; }
  .panel h3 { font-size: 19px; }
  .panel p { font-size: 13px; }
  .slot-gallery { gap: 10px; grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .slot-card img { padding: 3px; aspect-ratio: 1 / 1; }
  .slot-card figcaption { padding: 10px 8px; font-size: 11px; line-height: 1.3; }
  .slot-card figcaption small { font-size: 8px; }
  .check-grid { grid-template-columns: 1fr; gap: 9px; }
  .check-grid a { padding: 17px 20px; display: flex; align-items: center; gap: 17px; }
  .check-grid span { font-size: 8px; min-width: 85px; }
  .check-grid h3 { font-size: 17px; margin: 0px; }
  .mobile-visual { padding: 20px; gap: 15px; }
  .mobile-visual h3 { font-size: 23px; }
  .mobile-visual p { font-size: 12px; }
  .mobile-visual .eyebrow { font-size: 8px; }
  .footer { padding: 35px 0px 25px; }
  .partner { display: block; padding: 21px; }
  .partner .button { margin-top: 17px; }
  .footer-row { display: block; }
  .footer-row a { display: block; margin-top: 13px; }
  .footer p { font-size: 10px; }
  .bonus-dock { padding: 15px 50px 15px 15px; gap: 8px; bottom: 10px; width: calc(100% - 20px); }
  .bonus-dock strong { font-size: 12px; }
  .bonus-dock small { font-size: 8px; max-width: 150px; line-height: 1.5; }
  .bonus-dock .button { font-size: 10px; gap: 8px; min-height: 42px; padding: 9px 11px; }
  .dock-close { right: 2px; width: 44px; height: 44px; }
  .subpage .hero-copy { padding: 28px 25px 0px; }
  .subpage .hero-media { min-height: 170px; padding: 10px 35px 20px; }
  .subpage .hero-media img { max-height: 160px; }
  .subpage .hero-media::before { height: 150px; width: 150px; }
  .subpage .hero h1 { font-size: 40px; }
  .subpage .offer-ribbon { margin-bottom: 42px; }
}
@media (max-width: 360px) {
  .shell { padding: 0px 14px; }
  .hero-copy { padding: 27px 20px 0px; }
  .hero h1 { font-size: 37px; }
  .hero .actions { display: grid; grid-template-columns: 1fr; }
  .hero .button { width: 100%; }
  .hero-media { min-height: 205px; }
  .hero-media img { max-height: 205px; }
  .hero-media::before { height: 180px; width: 180px; }
  .duo { grid-template-columns: 1fr; }
  .numbers b { font-size: 25px; }
  .numbers span { font-size: 9px; }
  .mobile-visual { display: block; }
  .mobile-visual img { max-height: 180px; margin-bottom: 20px; }
  .bonus-dock strong { font-size: 11px; }
  .bonus-dock small { font-size: 8px; }
  .bonus-dock .button { font-size: 10px; padding: 9px; gap: 6px; }
  .subpage .hero h1 { font-size: 35px; }
}
@media (max-width: 600px) {
  .slot-gallery { grid-template-columns: 1fr; gap: 18px; }
  .slot-card img { aspect-ratio: 339 / 180; object-fit: contain; padding: 0px; width: 100%; height: auto; }
  .slot-card figcaption { padding: 15px 18px; font-size: 16px; }
  .slot-card figcaption small { font-size: 10px; }
  .check-grid span { min-width: 25px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}
.shell { max-width: 1192px; }
.header { padding: 23px 0px; }
.nav { gap: 17px; }
.nav a { font-size: 12px; }
.brand small { font-size: 8px; }
.hero { grid-template-columns: 1.18fr 0.82fr; min-height: 416px; background: radial-gradient(at 90% 30%, rgba(117, 64, 152, 0.533), transparent 55%), linear-gradient(120deg, rgb(41, 27, 55), rgb(33, 21, 46)); }
.hero-copy { padding: 38px 0px 34px 36px; }
.hero h1 { font-size: clamp(42px, 4.7vw, 65px); line-height: 1.07; }
.hero-media img { max-height: 340px; }
.hero-media::before { width: 290px; height: 290px; }
.hero-media figcaption { display: none; }
.hero .lead { max-width: 515px; font-size: 16px; }
.hero-terms { max-width: 470px; }
.offer-ribbon { margin: 18px 0px 54px; }
.offer-ribbon div { padding: 19px 25px; }
.offer-ribbon b { font-size: 25px; }
.grid { grid-template-columns: minmax(0px, 1fr) 195px; gap: 58px; }
h2 { font-size: clamp(27px, 2.7vw, 34px); line-height: 1.22; }
h3 { line-height: 1.3; }
main p { line-height: 1.85; }
main section { padding-bottom: 38px; margin-bottom: 38px; }
.inline-offer { padding: 24px; background: linear-gradient(110deg, rgb(50, 33, 61), rgb(37, 26, 48)); }
.slot-gallery { gap: 15px; }
.slot-card { background: rgb(32, 24, 45); }
.slot-card img { width: 100%; height: auto; aspect-ratio: 339 / 180; object-fit: contain; padding: 0px; }
.slot-card figcaption { font-size: 16px; padding: 16px 18px; }
.intent-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 24px 0px; }
.intent-grid > a { display: flex; flex-direction: column; text-decoration: none; padding: 25px; border: 1px solid rgb(83, 65, 95); border-radius: 16px; background: linear-gradient(145deg, rgb(44, 32, 59), rgb(29, 23, 40)); transition: border-color 0.18s, transform 0.18s; }
.intent-grid > a:hover { border-color: rgb(231, 196, 83); transform: translateY(-2px); }
.intent-grid span { font-size: 9px; letter-spacing: 0.12em; color: rgb(198, 169, 228); margin-bottom: 15px; }
.intent-grid h3 { font-size: 23px; color: rgb(255, 255, 255); }
.intent-grid p { font-size: 14px; line-height: 1.65; margin: 0px 0px 20px; }
.intent-grid b { font-size: 12px; margin-top: auto; color: rgb(255, 223, 101); }
.faq-grid { display: grid; gap: 15px; }
.faq-card { padding: 23px 25px; background: rgb(29, 23, 41); border: 1px solid rgb(69, 54, 79); border-radius: 13px; }
.faq-card h3 { font-size: 19px; letter-spacing: -0.02em; margin: 0px 0px 8px; }
.faq-card details.faq { border: 0px; margin: 0px; background: none; padding: 0px; }
.faq-card .faq summary { font-size: 12px; min-height: 44px; padding: 10px 0px; color: rgb(255, 223, 101); display: list-item; list-style-position: inside; }
.faq-card .faq summary::after { display: none; }
.faq-card .faq > div { padding: 9px 0px 0px; }
.faq-card p { font-size: 14px; margin: 0px; }
.subpage .hero { min-height: 262px; grid-template-columns: minmax(0px, 1fr) 240px; margin-bottom: 42px; }
.subpage .hero-copy { padding: 30px 0px 30px 34px; }
.subpage .hero h1 { font-size: clamp(34px, 4vw, 48px); margin: 12px 0px 16px; }
.subpage .hero-media { padding: 25px; }
.subpage .hero-media img { max-height: 215px; }
.subpage .hero-media::before { width: 165px; height: 165px; }
.subpage .hero .lead { font-size: 15px; margin-bottom: 0px; }
.subpage .hero .actions { margin-top: 20px; }
.subpage .hero-terms, .subpage .offer-ribbon { display: none; }
.table-scroll { max-width: 100%; overflow: auto; outline-offset: 3px; }
.table-scroll table { min-width: 500px; }
.footer-links { font-size: 13px; margin: 25px 0px; color: rgb(158, 138, 176); }
.footer-links a { color: rgb(217, 196, 236); }
.bonus-dock { width: min(740px, 100% - 32px); bottom: max(16px,env(safe-area-inset-bottom)); border: 1px solid rgb(203, 166, 75); border-radius: 17px; background: linear-gradient(110deg, rgb(56, 37, 69), rgb(33, 20, 46)); box-shadow: rgba(0, 0, 0, 0.6) 0px 14px 60px; display: grid; grid-template-columns: 60px minmax(0px, 1fr) auto 44px; gap: 16px; padding: 14px 14px 14px 18px; align-items: center; }
.bonus-dock[hidden] { display: none !important; }
.bonus-dock .dock-art { width: 60px; height: 64px; object-fit: contain; }
.bonus-dock .dock-copy small { display: block; font-size: 9px; letter-spacing: 0.07em; color: rgb(210, 186, 223); line-height: 1.5; max-width: none; }
.bonus-dock .dock-copy strong { font-size: 20px; line-height: 1.3; display: block; color: rgb(255, 223, 101); }
.bonus-dock .dock-copy p { font-size: 10px; color: rgb(222, 208, 231); margin: 4px 0px 0px; line-height: 1.5; }
.bonus-dock .button { font-size: 13px; min-height: 46px; padding: 10px 18px; gap: 10px; }
.bonus-dock .dock-close { position: static; width: 44px; height: 44px; border: 1px solid rgb(108, 84, 121); border-radius: 50%; background: rgba(255, 255, 255, 0.03); color: rgb(255, 255, 255); font-size: 23px; line-height: 1; display: grid; place-items: center; cursor: pointer; min-width: 44px; }
.dock-visible { padding-bottom: 124px; }
.demo-stage { position: relative; isolation: isolate; overflow: hidden; border: 1px solid rgb(91, 70, 108); border-radius: 17px; background: rgb(22, 16, 30); margin: 25px 0px 13px; }
.demo-poster { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 25px; padding: 30px; background: radial-gradient(at 5% 20%, rgb(91, 56, 72), transparent 60%), rgb(32, 23, 43); }
.demo-poster[hidden], .demo-controls[hidden] { display: none !important; }
.demo-poster img { width: 100%; max-height: 220px; object-fit: contain; }
.demo-poster h3 { font-size: 25px; }
.demo-poster p { font-size: 13px; }
.demo-stage iframe { display: block; width: 100%; aspect-ratio: 16 / 10; min-height: 420px; border: 0px; background: rgb(18, 16, 28); }
.demo-controls { display: flex; justify-content: space-between; align-items: center; gap: 14px; margin: 12px 0px; }
.demo-controls button { font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 12px; background: rgb(44, 32, 57); color: rgb(255, 255, 255); border: 1px solid rgb(108, 82, 122); border-radius: 8px; min-height: 44px; padding: 8px 15px; cursor: pointer; }
.demo-note { color: rgb(173, 155, 189); font-size: 12px !important; line-height: 1.7 !important; }
.demo-status { font-size: 12px; color: rgb(209, 190, 223); }
.demo-poster .button { cursor: pointer; }
@media (max-width: 1050px) {
  .nav { gap: 13px; }
  .nav a { font-size: 11px; }
  .brand .wordmark { font-size: 36px; }
  .brand small { display: none; }
  .grid { gap: 36px; grid-template-columns: minmax(0px, 1fr) 180px; }
}
@media (max-width: 800px) {
  .shell { padding: 0px 22px; }
  .header { padding: 20px 0px; }
  .nav { display: none; }
  .menu { display: block; }
  .hero { grid-template-columns: 1fr; min-height: 0px; }
  .hero-copy { padding: 27px 25px 0px; }
  .hero h1 { font-size: clamp(33px, 8.8vw, 53px); line-height: 1.1; margin: 12px 0px 16px; }
  .hero .lead { font-size: 14px; line-height: 1.65; max-width: 100%; }
  .hero .actions { display: flex; gap: 9px; margin-top: 19px; }
  .hero .button { font-size: 11px; min-height: 45px; padding: 9px 11px; gap: 8px; }
  .hero .button span { font-size: 16px; }
  .hero-terms { font-size: 10px; line-height: 1.5; margin-top: 13px; }
  .hero-media { min-height: 0px; padding: 14px 24px 17px; }
  .hero-media img { max-height: 150px; object-fit: contain; }
  .hero-media::before { width: 148px; height: 148px; }
  .offer-ribbon { margin: 14px 0px 36px; }
  .offer-ribbon div { padding: 15px 8px; }
  .offer-ribbon b { font-size: 20px; }
  .offer-ribbon span { font-size: 9px; line-height: 1.45; }
  .grid { display: block; }
  .toc { display: none !important; }
  main section { padding-bottom: 29px; margin-bottom: 29px; }
  main p, main li { font-size: 15px; }
  h2 { font-size: 27px; }
  .subpage .hero { display: block; min-height: 0px; margin-bottom: 31px; }
  .subpage .hero-copy { padding: 26px; }
  .subpage .hero h1 { font-size: 35px; }
  .subpage .hero-media { display: none; }
  .subpage .hero .lead { font-size: 14px; }
  .intent-grid { gap: 12px; }
  .intent-grid > a { padding: 21px; }
  .intent-grid h3 { font-size: 21px; }
  .intent-grid p { font-size: 14px; margin-bottom: 13px; }
  .faq-card { padding: 20px; }
  .faq-card h3 { font-size: 18px; }
  .faq-card p { font-size: 14px; }
  .bonus-dock { width: calc(100% - 20px); bottom: max(9px,env(safe-area-inset-bottom)); padding: 12px; grid-template-columns: minmax(0px, 1fr) auto 44px; gap: 8px; border-radius: 14px; }
  .bonus-dock .dock-art { display: none; }
  .bonus-dock .dock-copy strong { font-size: 13px; line-height: 1.35; }
  .bonus-dock .dock-copy small { font-size: 8px; letter-spacing: 0.01em; line-height: 1.5; }
  .bonus-dock .dock-copy p { font-size: 9px; line-height: 1.45; margin-top: 2px; }
  .bonus-dock .button { font-size: 11px; min-height: 44px; padding: 8px 12px; gap: 6px; }
  .bonus-dock .button span { font-size: 14px; }
  .dock-visible { padding-bottom: 120px; }
  .demo-poster { display: block; text-align: center; padding: 24px; }
  .demo-poster img { max-height: 160px; margin: 0px auto 20px; }
  .demo-poster h3 { font-size: 25px; }
  .demo-stage iframe { aspect-ratio: 3 / 4; min-height: 430px; }
  .demo-controls { flex-wrap: wrap; }
  .demo-controls button { font-size: 11px; }
  .slot-gallery { grid-template-columns: 1fr; }
  .slot-card img { aspect-ratio: 339 / 180; }
}
@media (max-width: 600px) {
  .intent-grid { grid-template-columns: 1fr; }
  .intent-grid > a { padding: 22px; }
  .intent-grid h3 { font-size: 22px; }
  .intent-grid p { font-size: 14px; margin-bottom: 13px; }
  .slot-gallery { gap: 15px; }
  .slot-card figcaption { font-size: 16px; }
  .slot-card figcaption small { font-size: 10px; }
}
@media (max-width: 360px) {
  .shell { padding: 0px 14px; }
  .hero-copy { padding: 24px 19px 0px; }
  .hero h1 { font-size: 31px; }
  .hero .actions { display: flex; }
  .hero .button { width: auto; font-size: 11px; padding: 9px 11px; gap: 6px; }
  .hero-media img { max-height: 132px; }
  .hero-media { padding: 12px 20px 16px; }
  .offer-ribbon b { font-size: 18px; }
  .offer-ribbon span { font-size: 8px; }
  .subpage .hero h1 { font-size: 31px; }
  .bonus-dock { gap: 7px; padding: 10px; }
  .bonus-dock .dock-copy strong { font-size: 12px; }
  .bonus-dock .dock-copy p { font-size: 8px; }
  .bonus-dock .button { padding: 8px 9px; font-size: 10px; }
  .bonus-dock .button span { display: none; }
  .faq-card { padding: 18px; }
  .demo-poster { padding: 21px; }
}
@media (prefers-reduced-motion: reduce) {
  .intent-grid > a { transition: none; }
  .intent-grid > a:hover { transform: none; }
}
body{--game-glow:#755339}body.el-torero{--game-glow:#833d41}.shell{max-width:1192px}.mf-top{background:#ffe05b;color:#271b2b;text-align:center;font-size:10px;letter-spacing:.13em;font-weight:800;padding:6px 12px}.header .brand{font-size:25px;font-style:normal;font-weight:850;letter-spacing:-.06em;line-height:1.1}.brand-label{display:block;font-size:9px;letter-spacing:.13em;color:#b8adc9;margin-top:5px;font-weight:700}.hero{background:radial-gradient(at 90% 30%,var(--game-glow),transparent 55%),linear-gradient(120deg,#291b37,#21152e);border-bottom:1px solid #48364f!important;margin-bottom:0!important;padding:0!important}.hero-copy{min-width:0}.hero h1{font-size:clamp(40px,4.25vw,59px);overflow-wrap:anywhere}.hero h1 span{display:block;color:#ffe379}.hero-description,.hero-intro{color:#d8cde0}.hero-intro{margin-bottom:10px}.hero-copy>.source-link{font-size:12px}.hero-media{display:flex!important;flex-direction:column;gap:15px;padding:30px;justify-content:center;margin:0!important;min-width:0}.hero-media>a{position:relative}.hero-media:before{background:#b7734922;border-color:#ffdf5442}.hero-media img{border-radius:12px;height:auto;max-height:340px;object-fit:contain}.hero-media figcaption{display:block;position:relative;inset:auto;font-size:10px;line-height:1.6;color:#c8b7cf;text-align:center}.hero-media .art-heading,.hero-media .art-caption{font-size:10px;position:relative;color:#c8b7cf}.hero-copy .actions{margin-top:23px}.hero-terms{font-size:11px!important}.offer-ribbon{margin-bottom:44px}.mf-grid{display:grid;grid-template-columns:minmax(0,1fr) 195px;gap:58px}.mf-content{min-width:0}.mf-content>section,.mf-content>article{margin:0 0 35px;padding:0 0 35px;border-bottom:1px solid #342b40}.mf-content>section:last-child{margin-bottom:0}.mf-toc{position:sticky;top:28px;align-self:start;border-left:2px solid #684265;padding-left:20px}.mf-toc strong{display:block;font-size:11px;color:#a897ba;letter-spacing:.12em;margin-bottom:19px}.mf-toc a{display:block;font-size:12px;line-height:1.6;color:#c6b8d1;text-decoration:none;padding:8px 0}.mf-content .chapter-title{display:flex;gap:18px;align-items:baseline}.chapter-title>span{font-size:12px;color:#bc8bc5}.mf-content h2{margin:0 0 23px}.mf-content h3{margin:26px 0 14px}.mf-content p,.mf-content li{color:#c9bfd2}.mf-content figure{margin:26px 0;background:#21172d;border:1px solid #49334e;border-radius:13px;overflow:hidden}.mf-content figure img{width:100%;height:auto;object-fit:contain}.mf-content figcaption{font-size:11px;color:#bbaac7;padding:14px 18px;line-height:1.6}.offer,.affiliate-cta{border:1px solid #6e4353;background:linear-gradient(120deg,#312033,#21182d);padding:25px;border-radius:13px}.offer p,.affiliate-cta{font-size:13px}.offer strong,.affiliate-cta>strong{font-size:19px}.offer .button,.affiliate-cta .button{margin:12px 0}.offer p:last-child{font-size:11px;margin-bottom:0}.game-layout{display:block}.game-stage{padding:23px;background:#21172d;border:1px solid #49334e;border-radius:14px}.stage-bar{display:flex;justify-content:space-between;font-weight:800;margin-bottom:18px}.demo-controls{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.demo-controls button,.demo-controls a,button[data-full]{font:700 12px system-ui;min-height:44px;padding:10px 15px;border:1px solid #795d81;border-radius:8px;background:#392749;color:#fff;cursor:pointer}.demo-controls [hidden]{display:none}.game-aside{padding:22px;margin-top:20px;border:1px solid #49334e;border-radius:14px;background:#21172d}.game-aside h3 br{display:none}.spec-list div{display:flex;gap:25px}.demo-frame{width:100%;height:min(65vh,600px);border:0;display:block;margin-top:20px}.game-stage:fullscreen{background:#12101d;padding:15px;overflow:auto}.game-stage:fullscreen .demo-frame{height:75vh}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.gallery figure{margin:0}.gallery figure:last-child{grid-column:1/-1}.responsible-band{display:flex;gap:18px;align-items:center;padding:24px!important;border:1px solid #55415e!important;background:#20182a;border-radius:12px}.age-badge{flex-shrink:0;border:1px solid #a780ad;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-size:13px}.responsible-band h2{font-size:24px}.responsible-band p{font-size:13px;margin:0}.obs-lab{max-width:none!important;margin:35px 0!important;border:1px solid #49334e!important;background:#20182a!important;color:#c9bfd2!important;padding:28px!important;border-radius:14px!important}.obs-lab section{padding:0!important;margin:0 0 25px!important;border:0!important}.obs-lab h2{color:#eeedf4}.obs-lab h3{color:#eeedf4}.obs-lab nav{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.obs-lab nav a{border:1px solid #5d4169;border-radius:8px;padding:9px 12px;font-size:12px}.obs-lab table{min-width:0!important}.obs-table-wrap{overflow:auto}.obs-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.obs-lab label{display:grid;gap:8px;font-size:13px}.obs-lab input{font:inherit;max-width:100%;width:100%;min-height:44px;padding:10px;border:1px solid #80628b;border-radius:7px;background:#12101d;color:#fff}.obs-lab input[type=submit],.obs-lab input[type=reset]{width:auto;background:#ffe05b;color:#271b2b;font-size:12px;font-weight:800;margin:15px 10px 0 0;cursor:pointer}.obs-answer{display:block;padding:16px;margin:20px 0;border:1px solid #80628b;border-radius:8px;background:#30213b;color:#ffe379}.obs-log{padding-left:23px}.mf-footer{max-width:1116px;margin:25px auto 0;padding:45px 0 40px;border-top:1px solid #49334e;font-size:12px;color:#a795b6}.mf-footer nav{display:flex;flex-wrap:wrap;gap:20px}.mf-footer nav a{display:inline-flex;align-items:center;min-height:44px}.mf-footer p{max-width:760px}.mf-footer .footer-top,.mf-footer .footer-bottom{display:flex;justify-content:space-between;gap:24px;align-items:start}.mf-footer .wordmark{font-size:22px;line-height:1.2;text-decoration:none;white-space:nowrap}.wordmark-sub{display:block;font-size:9px;margin-top:6px;font-style:normal}.mf-footer .back-top{white-space:nowrap}.service-content,.inner-article{max-width:850px;margin:36px auto 0;padding:30px;background:#20182a;border:1px solid #49334e;border-radius:16px}.service-content h1,.inner-article h1{font-size:clamp(31px,4vw,48px)}.service-content h2,.inner-article h2{font-size:27px;margin-top:30px}.mf-dock{width:min(740px,calc(100% - 20px));min-height:94px;display:grid;grid-template-columns:60px minmax(0,1fr) auto 44px;gap:15px;padding:12px 10px 12px 18px;left:50%;bottom:16px;transform:translateX(-50%);position:fixed;z-index:30;border:1px solid #cba64b;border-radius:17px;background:linear-gradient(110deg,#382545,#21142e);box-shadow:0 14px 50px #0009;align-items:center}.mf-dock[hidden]{display:none}.mf-dock img{width:60px;height:58px;object-fit:contain;border-radius:7px}.mf-dock .dock-copy{min-width:0}.mf-dock .dock-copy>small{display:block;letter-spacing:.09em;font-size:8px;color:#dbc3e8}.mf-dock strong{display:block;font-size:16px;line-height:1.3}.mf-dock .dock-copy>span{font-size:11px;color:#cbb9d7}.mf-dock .button{font-size:11px;min-height:44px;padding:10px 14px}.mf-dock button{width:44px;height:44px;border:0;background:transparent;color:#f7edff;font-size:26px;cursor:pointer}.mf-top~.shell{padding-bottom:20px}dialog{max-width:min(1100px,calc(100vw - 24px));max-height:90vh;padding:16px;background:#21172d;color:#eeedf4;border:1px solid #795d81;border-radius:14px}dialog::backdrop{background:#000c}dialog>img{max-height:72vh;object-fit:contain}dialog>button{float:right;min-height:44px;min-width:44px;background:#382545;color:#fff;border:1px solid #795d81;border-radius:8px;padding:10px 15px}dialog>p{font-size:12px;margin:10px 0 0}.reading{display:block}.reading>.toc,.fact-strip,.section-nav{display:none!important}.chapter .copy{max-width:none}.pill{font-size:10px;letter-spacing:.1em;color:#ffe379}.inner-article>figure img{border-radius:12px}.inner-article>figure{margin:25px 0}.mf-content>article.inner-article{max-width:none;margin:0;padding:0;background:none;border:0}.mf-content blockquote{margin:25px 0;padding:20px;border-left:3px solid #ffe379;background:#30213b}.mf-content ul{padding-left:22px}
@media(max-width:800px){.shell{padding:0 22px}.header{min-height:86px;gap:12px}.header .brand{font-size:23px}.header .nav{display:none}.header .menu{display:block}.header .mobile-nav a{min-height:44px;display:flex;align-items:center}.hero{grid-template-columns:1fr;border-radius:18px}.hero-copy{padding:27px 25px 0}.hero h1{font-size:clamp(33px,8.8vw,53px);line-height:1.1;overflow-wrap:normal}.hero .lead,.hero-description{font-size:15px;line-height:1.7}.hero-media{min-height:0!important;padding:20px 25px 23px}.hero-media img{max-height:150px;width:auto;margin:auto}.hero-media:before{width:160px;height:160px}.hero-media figcaption{max-width:290px;font-size:9px}.hero-media .art-heading{display:none}.hero .actions{display:flex;flex-wrap:wrap;gap:9px}.hero .button{width:auto;font-size:12px;min-height:45px;padding:10px 13px}.hero .hero-terms{font-size:10px!important}.mf-grid{display:block}.mf-toc{display:none}.mf-content h2{font-size:27px}.mf-content .chapter-title{gap:11px}.chapter-title>span{font-size:10px}.mf-content figcaption{padding:12px 14px}.offer-ribbon{margin:17px 0 38px}.offer-ribbon div{padding:16px 8px}.offer-ribbon b{font-size:23px}.offer-ribbon span{font-size:10px;line-height:1.3;display:block}.gallery{grid-template-columns:1fr;gap:20px}.gallery figure:last-child{grid-column:auto}.responsible-band{display:block}.age-badge{margin-bottom:15px}.responsible-band>a{display:inline-flex;min-height:44px;align-items:center}.obs-lab{padding:20px!important;overflow:hidden}.obs-grid{grid-template-columns:1fr}.mf-footer{padding:30px 0;font-size:11px}.mf-footer .footer-top,.mf-footer .footer-bottom{display:block}.mf-footer nav{gap:6px 18px}.mf-dock{grid-template-columns:minmax(0,1fr) auto 44px;gap:5px;min-height:88px;bottom:max(9px,env(safe-area-inset-bottom));padding:10px 4px 10px 12px;border-radius:14px}.mf-dock img{display:none}.mf-dock strong{font-size:12px}.mf-dock .dock-copy>small{font-size:7px}.mf-dock .dock-copy>span{font-size:9px}.mf-dock .button{font-size:10px;padding:9px 10px}.service-content,.inner-article{padding:22px;margin:10px 0}.service-content h1,.inner-article h1{font-size:33px}.service-content h2,.inner-article h2{font-size:25px}.mf-content>article.inner-article{margin-top:10px}.game-stage{padding:18px}.mf-content th,.mf-content td{padding:12px;font-size:12px}}
@media(max-width:360px){.shell{padding:0 14px}.header .brand{font-size:20px}.brand-label{font-size:8px}.hero-copy{padding:24px 19px 0}.hero h1{font-size:31px}.hero-media img{max-height:132px}.mf-dock strong{font-size:11px}.mf-dock .button{font-size:9px;padding:9px}.mf-dock .dock-copy>span{font-size:8px}.hero .button{font-size:11px}.mf-dock .dock-copy>small{font-size:6px}.mf-content h2{font-size:25px}}