/* IPTV Dealer — warm ivory, plum and restrained magenta. */
:root {
  --ink: #faf7f2;
  --anthracite: #ffffff;
  --slate: #f0e5ec;
  --paper: #301e35;
  --paper-shade: #e0d5dc;
  --gold: #722668;
  --gold-light: #602058;
  --gold-deep: #602058;
  --gold-rgb: 114,38,104;
  --muted-light: #655967;
  --muted-dark: #655967;
  --text: #301e35;
  --card-border: #ddcfdc;
  --header-bg: rgba(249,250,252,.98);
  --header-height: 148px;
}
body { background: var(--ink); }
html { scroll-padding-top: calc(var(--header-height) + 18px); }
.site-header, .site-header.scrolled { height: var(--header-height); box-shadow: 0 3px 18px #301e3508; }
.site-header .nav-wrap { width: min(calc(100% - 40px), 1200px); }
.site-header .brand-logo { transform: none; }
.site-header .brand-logo img, .site-header.scrolled .brand-logo img { width: 156px; height: auto; object-fit: contain; filter: none; }
.desktop-nav a, .mobile-menu > a:not(.btn), .language-menu button, .language-menu button b { color: var(--paper); }
.site-header .language-toggle { background: #f5f6f8; }
.menu-toggle span { background: var(--paper); }
.mobile-menu, .language-menu { background: white; }
.site-header .mobile-menu.open { max-height: calc(100dvh - var(--header-height)); }
.btn, .catalogue-card .order-btn { border-radius: 8px; }
.btn-primary { color: white; background: var(--gold); border-color: var(--gold); box-shadow: 0 5px 12px #72266818; }
.btn-primary:hover, .catalogue-card:hover .order-btn { background: #602058; color: white; }
.hero.section { padding: calc(var(--header-height) + 66px) 0 76px; background: linear-gradient(110deg,#faf7f5 0%,#faf7f5 53%,#f0e1eb 53%,#f0e5ec 100%); }
.hero-glow, .visual-orbit, .hero::before { display: none; }
.hero .eyebrow { display: inline-flex; border: 1px solid #e4cadc; border-radius: 100px; padding: 9px 15px; background: #f5eaf1; color: #602058; letter-spacing: 1px; }
.hero h1 { font-size: clamp(38px,4.2vw,62px); line-height: 1.12; letter-spacing: -2px; max-width: 720px; }
.hero h1 em { display: block; font-weight: 800; background: none; color: var(--gold); -webkit-text-fill-color: currentColor; }
.hero-lead { font-size: 16px; max-width: 610px; }
.hero .btn-ghost, .faq-intro .btn { background: white; border-color: #c5cdd7; color: var(--paper); }
.hero-trust { color: var(--muted-dark); }
.check-list li { color: var(--paper); }
[dir="rtl"] .check-list li { padding-left: 0; padding-right: 25px; text-align: right; }
[dir="rtl"] .check-list li::before { left: auto; right: 0; }
.hero-visual { min-height: 390px; }
.hero-visual .dashboard-window { inset: 24px 0 24px; transform: none; border-radius: 16px; border: 1px solid #e0d5dc; box-shadow: 0 24px 60px #301e3514; }
.hero-visual .window-bar { background: #301e35; color: white; }
.product-mark { background: var(--gold); color: white; font-size: 12px; }
.hero-visual .mini-stats > div { border: 1px solid #e5e8ed; border-radius: 8px; background: #fff; }
.hero-visual .quality-card { top: 0; right: -8px; border-radius: 12px; background: #722668; color: white; }
.hero-visual .quality-card b, .hero-visual .quality-card span { color: white; }
.hero-visual .live-card { left: 16px; bottom: 2px; border-radius: 10px; background: white; border-color: #e0d5dc; }
.float-card b { color: var(--paper); }
.stats { background: #301e35; padding: 0; }
.stats-grid { border: 0; padding-block: 24px; }
.stat strong { color: white; font-size: 36px; font-weight: 800; }
.stat span { color: #cbd2dc; }
.stat { border-color: #ffffff25; }
.pricing-section { background: #faf7f2; }
.pricing-section .section-heading { display: block; text-align: center; max-width: 740px; margin-inline: auto; }
.pricing-section .section-heading p { max-width: 660px; margin: 18px auto 0; }
.pricing-section .section-heading .kicker { margin-bottom: 14px; }
.volume-message { padding: 22px 26px; background: white; border: 1px solid #e0d5dc; border-radius: 12px; }
.catalogue-group-title { letter-spacing: 1px; }
.category-stats { background: #e5eaf0; border-color: #ddcfdc; border-radius: 10px; }
.catalogue-card { padding: 22px; border: 1px solid #ddcfdc; border-radius: 14px; background: white; box-shadow: 0 5px 18px #301e3509; gap: 20px; }
.catalogue-card::before, .catalogue-card::after { display: none; }
.catalogue-logo { aspect-ratio: 16/8; border-radius: 8px; background: #faf7f5; }
.catalogue-logo img { inset: 14px; width: calc(100% - 28px); height: calc(100% - 28px); }
.catalogue-index { font-size: 10px; letter-spacing: 1px; }
.catalogue-card h3 { font-size: 23px; }
.catalogue-card strong { font-size: 34px; }
.catalogue-card p { background: #f5eaf1; border-color: #e4cadc; font-size: 12px; }
.catalogue-card:hover, .js-reveal.reveal-ready .catalogue-card.visible:hover, .catalogue-card:focus-within { box-shadow: 0 14px 30px #301e3512; }
#avantages { background: #faf7f5; }
#avantages .section-heading { margin-inline: auto; text-align: center; }
#avantages .section-heading p { margin-inline: auto; }
.benefit-grid { gap: 22px; align-items: stretch; }
.feature-card, .feature-card.featured { margin-top: 0; padding: 30px; border: 1px solid #dce2e9; border-radius: 14px; background: white; box-shadow: 0 4px 14px #301e3505; }
.feature-card .icon-box { height: 44px; width: 44px; justify-content: center; border-radius: 10px; background: #e9f4ff; }
.panel-section { background: #edf5fc; border-block: 1px solid #dce2e9; }
.panel-card { border-radius: 16px; box-shadow: 0 18px 48px #301e3510; }
.secure-chip { background: white; }
.guidance-section { background: white; }
.guidance-shell { padding: 42px; gap: 48px; background: #f7f0f5; border: 1px solid #d7dee7; border-radius: 20px; }
.guidance-point-icon { background: white; border-radius: 10px; color: var(--gold); }
.faq-section { background: #faf7f5; }
.faq-item { background: white; border: 1px solid #dce2e9; border-radius: 12px; margin-bottom: 12px; }
.faq-item.open { background: #f5eaf1; border-color: #b7d6f9; }
.apps-section { background: #f7f0f5; }
.apps-gallery .app-card, .apps-gallery .app-logo { background: white; border-color: #e1e5eb; border-radius: 12px; }
.final-cta { background: #f7f0f5; padding-block: 30px 80px; }
.cta-box { background: #301e35; border: 0; border-radius: 20px; padding: 48px; }
.cta-box h2 { color: white; }
.cta-box p { color: #cbd2dc; }
.cta-box .kicker, .cta-actions > a:last-child { color: #f0c4df; }
footer { background: #faf7f5; }
footer .footer-logo img { width: 140px; }
.footer-contact { color: var(--gold); }
.whatsapp-float { background: white; color: var(--paper); box-shadow: 0 4px 20px #301e3518; }
.whatsapp-float span { background: #167044; color: white; }
.hero-copy, .hero-visual, .catalogue-copy, .guidance-intro, .panel-copy { min-width: 0; }
[dir="rtl"] .hero-copy, [dir="rtl"] .catalogue-copy, [dir="rtl"] .catalogue-card h3, [dir="rtl"] .guidance-intro, [dir="rtl"] .guidance-point { text-align: right; }
[dir="rtl"] .hero-visual, [dir="rtl"] .panel-art, [dir="rtl"] .apps-gallery { direction: ltr; }
[dir="rtl"] .desktop-language .language-menu { right: auto; left: 0; }
[dir="rtl"] .stat strong, [dir="rtl"] .category-stats:not(.category-stats-activation) .category-stat strong { direction: ltr; unicode-bidi: isolate; }
@media(min-width:1251px) { .hero-grid { grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); gap: 54px; } }
@media(max-width:1250px) { .hero-copy { max-width: 780px; margin-inline: auto; } .hero h1 { margin-inline: auto; } }
@media(max-width:1100px) {
 :root { --header-height: 128px; }
 .site-header .brand-logo img, .site-header.scrolled .brand-logo img { width: 136px; }
}
@media(max-width:820px) {
 .section { padding-block: 72px; }
 .hero.section { padding-top: calc(var(--header-height) + 38px); padding-bottom: 55px; }
 .guidance-shell { padding: 28px; grid-template-columns: 1fr; }
 .hero-visual { max-width: 580px; }
 .cta-box { padding: 36px 28px; }
}
@media(max-width:560px) {
 :root { --header-height: 112px; }
 html { scroll-padding-top: calc(var(--header-height) + 14px); }
 .site-header .brand-logo img, .site-header.scrolled .brand-logo img { width: 116px; }
 .hero.section { padding-top: calc(var(--header-height) + 34px); background: linear-gradient(160deg,#faf7f5 40%,#f0e1eb); }
 .hero h1 { font-size: clamp(34px,9vw,48px); letter-spacing: -1.3px; }
 .hero .eyebrow { font-size: 9px; letter-spacing: .7px; }
 .hero-visual { min-height: 330px; }
 .hero-visual .quality-card { right: 0; }
 .hero-visual .dashboard-window { inset: 20px 0; }
 .volume-message { padding: 20px; }
 .guidance-shell { padding: 24px 18px; }
 .stat strong { font-size: 28px; }
 .catalogue-card { padding: 20px; }
 .cta-box { border-radius: 16px; }
}
/* Shared responsive and accessibility foundations. */
:root { --header-height: 144px; --ink:#faf7f2; --catalogue-bg:#eee7ee; --panel-bg:#f1eaf1; --footer-surface:#f0e9e4; --anthracite:#fff; --slate:#eee3eb; --paper:#301e35; --gold:#722668; --gold-light:#602058; --gold-deep:#602058; --gold-rgb:114,38,104; --muted-light:#655967; --muted-dark:#655967; --card-border:#ddcfdc; --header-bg:rgba(255,255,255,.98); }
body { color:var(--paper); }
html.is-initializing { background:var(--ink); }
html.is-initializing body { visibility:hidden; }
.section { padding-block:96px; }
.container { max-width:1240px; }
.site-header { border-bottom:1px solid #ddcfdc; }
.site-header .nav-wrap { width:min(calc(100% - 48px),1240px); gap:24px; align-items:center; }
.site-header .brand-logo { display:flex; align-items:center; justify-content:center; margin-inline-start:20px; }
.site-header .brand-logo img, .site-header.scrolled .brand-logo img { width:189px; height:auto; aspect-ratio:3/2; border-radius:10px; display:block; }
.desktop-nav { gap:24px; }
.desktop-nav a { font-size:13px; }
.btn { min-height:48px; padding:14px 22px; font-weight:700; border-radius:10px; }
.btn-primary { box-shadow:0 4px 10px #72266812; }
.btn-primary:hover { box-shadow:0 8px 20px #72266820; }
.btn-ghost { color:#301e35; }
.hero.section { padding-top:calc(var(--header-height) + 72px); padding-bottom:80px; background:var(--ink); border-bottom:1px solid #ddcfdc; }
.hero .eyebrow { background:transparent; border:0; padding:0; color:#722668; letter-spacing:1.6px; font-size:11px; }
.hero .eyebrow > span { display:block; width:8px; height:8px; background:#b54483; border-radius:2px; }
.hero h1 { max-width:730px; font-size:clamp(40px,4.2vw,64px); line-height:1.12; letter-spacing:-2.6px; margin-block:24px; }
.hero h1 em { font-weight:600; }
.hero-lead { font-size:16px; line-height:1.85; }
.hero-trust { font-size:12px; padding-top:12px; }
.hero-visual { min-height:390px; }
.hero-visual .dashboard-window { inset:20px 0 30px; border-radius:18px; border-color:#d8bdd2; box-shadow:0 22px 60px #301e3512; }
.hero-visual .window-bar { background:#fff; color:#301e35; border-bottom:1px solid #ddcfdc; }
.product-mark { border-radius:8px; background:#722668; }
.hero-visual .window-actions i:first-child { background:#b54483; }
.hero-visual .quality-card { display:none; }
.hero-visual .live-card { bottom:4px; inset-inline-start:28px; padding:15px 22px 15px 36px; box-shadow:0 8px 24px #301e3510; }
.pulse { animation:none; background:#8b326d; box-shadow:none; }
.stats { background:#fff; }
.stats-grid { padding-block:28px; grid-template-columns:repeat(3,minmax(0,1fr)); }
.stats .stat { border:0; }
.stats .stat + .stat { border-inline-start:1px solid #ddcfdc; }
.stat strong { color:#722668; font-size:34px; }
.stat span { color:#655967; font-size:12px; }
.stat { border-color:#ddcfdc; }
.pricing-section { background:var(--catalogue-bg); }
.pricing-section .section-heading { max-width:800px; }
.pricing-section .section-heading .panel-range { color:var(--gold); font-weight:600; margin-top:16px; }
.section-heading h2, .panel-copy h2, .guidance-intro h2, .faq-intro h2, .cta-box h2 { font-size:clamp(28px,3.1vw,44px); line-height:1.2; letter-spacing:-1.3px; text-wrap:balance; }
.kicker { letter-spacing:1.6px; font-size:11px; }
.volume-message { border:1px solid #dbc7d7; border-inline-start:4px solid #722668; padding:22px 26px; border-radius:12px; box-shadow:none; }
.catalogue-group-title { justify-content:flex-start; letter-spacing:1.3px; font-size:15px; }
.catalogue-group-title::before { width:9px; height:9px; border-radius:3px; background:#8b326d; }
.catalogue-group-title::after { background:#e0d2dc; height:1px; }
.category-stats { background:transparent; border:0; border-bottom:1px solid #ddcfdc; border-radius:0; padding-bottom:18px; }
.category-stat strong { font-size:23px; }
.catalogue-card { border:1px solid #ddcfdc; border-radius:18px; padding:22px; gap:20px; background:#fff; box-shadow:0 3px 9px #301e3504; }
.catalogue-logo { background:#faf7f5; aspect-ratio:16/7; border:0; border-radius:10px; }
.catalogue-logo img { inset:16px; width:calc(100% - 32px); height:calc(100% - 32px); }
.catalogue-copy { gap:6px 10px; }
.catalogue-card h3 { font-size:23px; letter-spacing:-.6px; }
.catalogue-index { color:#655967; font-size:9px; letter-spacing:1.5px; }
.catalogue-card p { padding:7px 10px; border:0; background:#f5eaf1; color:#602058; border-radius:6px; }
.catalogue-card strong { font-size:35px; direction:ltr; unicode-bidi:isolate; }
.catalogue-card .order-btn { border-radius:9px; background:#722668; }
.catalogue-card:hover, .js-reveal.reveal-ready .catalogue-card.visible:hover { transform:translateY(-3px); box-shadow:0 12px 30px #301e350d; border-color:#b987ad; }
#avantages { background:#fff; }
.benefit-grid { gap:28px; }
.feature-card, .feature-card.featured { padding:30px 26px; border:0; border-top:3px solid #dbc2d7; border-radius:0 0 14px 14px; box-shadow:none; background:#faf7f2; }
.feature-card.featured { border-color:#b54483; background:#f3eaf0; }
.feature-card .icon-box { border-radius:9px; background:white; color:#722668; }
.feature-card h3 { font-size:20px; line-height:1.4; }
.feature-card p { line-height:1.85; }
.panel-section { background:var(--panel-bg); border:0; }
.panel-card { box-shadow:0 18px 40px #301e350c; border-radius:16px; }
.panel-top { background:#fff; }
.panel-copy p { line-height:1.85; }
.secure-chip { border:1px solid #d8bdd2; color:#722668; }
.guidance-section { background:#fff; }
.guidance-shell { padding:0; background:transparent; border:0; gap:80px; }
.guidance-badge { border:0; padding:0; color:#722668; letter-spacing:1px; }
.guidance-points { border-inline-start:1px solid #dbc7d7; padding-inline-start:30px; }
.guidance-point { border-bottom-color:#e4d9e1; }
.guidance-point-icon { border-radius:50%; border:1px solid #dbc7d7; color:#722668; background:#f6eff3; }
.faq-section { background:var(--ink); }
.faq-item { border-radius:12px; border:1px solid #ddcfdc; box-shadow:none; }
.faq-item.open { background:#fff; border-color:#ae77a3; }
.faq-item button { line-height:1.5; gap:16px; text-align:start; }
.faq-answer { padding-inline:20px 62px; }
.language-menu button, .catalogue-subtitle { text-align:start; }
.desktop-nav { margin-left:0; margin-inline-start:auto; }
.faq-item button span { flex-shrink:0; color:#722668; background:#f5eaf1; }
.faq-answer p { line-height:1.85; }
.apps-section { background:white; }
.apps-gallery .app-card { box-shadow:none; border:1px solid #ddcfdc; border-radius:14px; }
.apps-motion-toggle { color:#722668; border-color:#d8bdd2; min-height:44px; }
.final-cta { background:#fff; padding-block:24px 80px; }
.cta-box { background:#f5eaf1; border:1px solid #d8bdd2; border-radius:22px; padding:50px; }
.cta-box h2 { color:#301e35; }
.cta-box p { color:#655967; }
.cta-box .kicker, .cta-actions > a:last-child { color:#722668; }
footer { background:var(--footer-surface); border-color:#ddcfdc; }
footer .footer-logo img { width:168px; height:112px; border-radius:12px; }
.footer-grid p { max-width:340px; line-height:1.8; }
.footer-bottom { border-color:#ddcfdc; }
.whatsapp-float { border-radius:100px; }
a:focus-visible, button:focus-visible, [tabindex]:focus-visible { outline:3px solid #722668; outline-offset:4px; }
[dir="rtl"] .hero h1 { letter-spacing:0; }
[dir="rtl"] .hero-visual .dash-main, [dir="rtl"] .panel-content { direction:rtl; text-align:right; }
[dir="rtl"] .mini-stats span, [dir="rtl"] .panel-boxes b, [dir="rtl"] .chart-heading b { direction:ltr; unicode-bidi:isolate; }
[dir="rtl"] .hero .eyebrow, [dir="rtl"] .guidance-badge { border:0; padding-inline:0; }
[dir="rtl"] .btn > span[aria-hidden], [dir="rtl"] .text-link > span { display:inline-block; rotate:180deg; }
.hero-actions .btn, .cta-actions .btn { white-space:normal; text-align:center; }
@media(min-width:1251px) { .hero-grid { grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:64px; } }
@media(max-width:1250px) { .hero-visual { margin-top:20px; } .hero h1 { max-width:800px; } }
@media(max-width:1100px) {
 :root { --header-height:128px; }
 .site-header .brand-logo { margin-inline-start:12px; }
 .site-header .brand-logo img, .site-header.scrolled .brand-logo img { width:166.32px; height:auto; }
 .site-header .mobile-menu { top:100%; }
 .site-header .mobile-menu.open { max-height:calc(100dvh - var(--header-height)); overflow-y:auto; }
 .mobile-language .language-menu { position:static; width:100%; max-height:none; box-shadow:none; margin-top:8px; }
 .mobile-menu.open { padding-bottom:24px; }
 .menu-toggle { margin-left:0; margin-inline-start:auto; }
}
@media(max-width:820px) {
 .section { padding-block:64px; }
 .hero.section { padding-top:calc(var(--header-height) + 42px); padding-bottom:54px; }
 .guidance-shell { padding:0; gap:36px; }
 .guidance-points { padding-inline-start:20px; }
 .cta-box { padding:36px 28px; }
 .benefit-grid { gap:20px; }
}
@media(max-width:560px) {
 :root { --header-height:116px; }
 .site-header .nav-wrap { width:calc(100% - 32px); }
 .site-header .brand-logo { margin-inline-start:8px; }
 .site-header .brand-logo img, .site-header.scrolled .brand-logo img { width:151.2px; height:auto; }
 .hero.section { background:var(--ink); padding-top:calc(var(--header-height) + 38px); }
 .hero h1 { font-size:clamp(34px,9vw,46px); line-height:1.17; letter-spacing:-1.5px; }
 .hero .eyebrow { letter-spacing:1px; line-height:1.7; }
 .hero-lead { font-size:15px; }
 .hero-actions { gap:12px; }
 .hero-visual { min-height:325px; }
 .hero-visual .dashboard-window { inset:12px 0 24px; }
 .hero-visual .live-card { inset-inline-start:12px; bottom:0; padding:12px 15px 12px 32px; }
 .faq-answer { padding-inline:16px 40px; }
 .mini-stats { gap:5px; }
 .mini-stats > div { padding:8px 5px; }
 .stats .stat { padding:20px 4px; }
 .stat strong { font-size:clamp(20px,5.3vw,28px); letter-spacing:-.6px; white-space:nowrap; }
 .stat span { font-size:11px; }
 .catalogue-card { padding:20px; }
 .volume-message { padding:20px; }
 .section-heading h2 { letter-spacing:-.8px; }
 .guidance-points { padding-inline-start:14px; }
 .guidance-point { gap:12px; }
 .cta-box { padding:30px 22px; }
 .whatsapp-float { right:14px; bottom:14px; }
}
@media(prefers-reduced-motion:reduce) { *, *::before, *::after { scroll-behavior:auto!important; animation:none!important; transition:none!important; } .catalogue-card:hover { transform:none!important; } }


/* IPTV Dealer: final art direction and responsive composition. */
:root { --header-height:116px; --ink:#faf7f2; --paper:#301e35; --text:#301e35; --gold:#722668; --gold-light:#602058; --gold-deep:#602058; --card-border:#ddcfdc; --paper-shade:#eee3eb; }
body::before { display:none; }
body { font-family:"Segoe UI",Arial,sans-serif; }
.site-header,.site-header.scrolled { background:#fffefa; box-shadow:none; border-bottom:1px solid #e4d9e1; }
.site-header .brand-logo { margin-inline-start:0; flex-shrink:0; }
.site-header .brand-logo img,.site-header.scrolled .brand-logo img { width:260px; height:78px; aspect-ratio:10/3; border-radius:0; }
.site-header .nav-wrap { gap:20px; }
.desktop-nav { gap:20px; }
.site-header .language-toggle { background:#faf7f2; border-color:#d8c9d4; }
.language-toggle:hover,.language-switcher.open .language-toggle { background:#eee3eb; }
.language-menu button:hover,.language-menu button.active { background:#f5eaf1; }
.btn,.catalogue-card .order-btn { border-radius:100px; }
.btn-primary { background:#722668; color:white; border-color:#722668; box-shadow:none; }
.btn-primary:hover,.catalogue-card:hover .order-btn { background:#602058; color:white; }
.hero.section { background:#faf7f2; border-bottom:0; padding-top:calc(var(--header-height) + 68px); padding-bottom:64px; }
.hero-grid { align-items:center; }
.hero h1 { font-size:clamp(42px,4.25vw,64px); line-height:1.1; letter-spacing:-2.6px; margin-block:24px; }
.hero h1 em { color:#722668; font-family:Georgia,"Times New Roman",serif; font-weight:400; font-style:italic; letter-spacing:-2px; }
.hero .eyebrow { font-size:11px; letter-spacing:1.4px; border:0; }
.hero .eyebrow > span { border-radius:50%; background:#b54483; }
.hero-lead { max-width:555px; line-height:1.8; }
.hero .btn-ghost,.faq-intro .btn { border-color:#cbbbc8; background:transparent; color:#301e35; }
.hero-actions { gap:12px; }
.hero-trust { flex-wrap:wrap; gap:10px 20px; font-size:12px; }
.hero-visual { position:relative; width:100%; min-height:0; padding:30px 0 0 24px; margin:0; isolation:isolate; }
.hero-visual::before { content:""; position:absolute; z-index:-1; inset:0 24px 36px 0; background:#eee3eb; border-radius:100px 12px 12px 12px; }
.stats { background:#faf7f2; padding:0 0 48px; }
.stats-grid { border-block:1px solid #ddcfdc; padding-block:24px; }
.stats .stat + .stat { border-inline-start:1px solid #ddcfdc; }
.stat strong { font-size:36px; font-weight:600; letter-spacing:-1px; color:#722668; }
.stat span { text-transform:none; letter-spacing:.4px; color:#655967; }
.pricing-section { background:#eee7ee; }
.pricing-section .section-heading { text-align:start; margin-inline:0; max-width:850px; }
.pricing-section .section-heading p { margin-inline:0; }
.section-heading h2,.panel-copy h2,.guidance-intro h2,.faq-intro h2,.cta-box h2 { font-size:clamp(29px,3.1vw,43px); font-weight:650; letter-spacing:-1.4px; }
.volume-message { border:1px solid #d8c5d4; border-inline-start:4px solid #a43878; border-radius:0 12px 12px 0; background:#faf7fa; }
.catalogue-group-title { font-size:14px; letter-spacing:2px; }
.catalogue-group-title::before { width:24px; height:2px; border-radius:0; background:#a43878; }
.catalogue-group-title::after { background:#d3c2ce; }
.category-stats { border:0; background:transparent; padding-block:0 22px; }
.catalogue-card { border:1px solid #d9ccd6; border-radius:12px; background:#fffefa; padding:24px; gap:20px; box-shadow:none; }
.catalogue-logo { border-radius:8px; background:#f5f0f4; aspect-ratio:16/6; }
.catalogue-logo img { inset:12px; width:calc(100% - 24px); height:calc(100% - 24px); }
.catalogue-card h3 { font-size:24px; }
.catalogue-card p { border-radius:4px; background:#f5eaf1; color:#602058; }
.catalogue-card strong { font-weight:650; }
.catalogue-card .order-btn { background:#722668; }
.catalogue-card:hover,.js-reveal.reveal-ready .catalogue-card.visible:hover,.catalogue-card:focus-within { transform:translateY(-3px); box-shadow:0 12px 28px #301e3510; border-color:#a9709b; }
#avantages { background:#fffefa; }
.benefit-grid { gap:0; }
.feature-card,.feature-card.featured { background:transparent; border:0; border-inline-start:1px solid #ddcfdc; border-radius:0; padding:16px 32px; }
.feature-card:first-child { border-inline-start:0; }
.feature-card .icon-box { background:#f5eaf1; color:#722668; border-radius:50%; width:48px; height:48px; justify-content:center; }
.feature-card h3 { font-size:21px; }
.panel-section { background:#f1eaf1; }
.panel-card { border-radius:12px; box-shadow:18px 18px 0 #e5d8e2; }
.panel-top { background:#fffefa; }
.secure-chip { background:#fffefa; border-radius:100px; }
.check-list li { color:#301e35; }
.guidance-section { background:#faf7f2; }
.guidance-shell { grid-template-columns:.85fr 1.15fr; gap:70px; }
.guidance-points { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; padding:0; border:0; }
.guidance-point,.guidance-point:first-child,.guidance-point:last-child { display:flex; flex-direction:column; align-items:start; gap:16px; padding:24px; background:#fffefa; border:1px solid #e2d7de; border-radius:12px; }
.guidance-point-icon { border-radius:0; border:0; background:transparent; color:#8b326d; font-family:Georgia,serif; font-size:28px; justify-content:start; }
.guidance-badge { border:0; padding:0; }
.faq-section { background:#eee7ee; }
.faq-item { border:0; border-bottom:1px solid #ccbac8; border-radius:0; background:transparent; }
.faq-item.open { background:#fffefa; border-color:#b68bac; }
.faq-item button { padding-block:24px; }
.faq-item button span { background:#f5eaf1; color:#722668; }
.apps-section { background:#fffefa; }
.apps-gallery .app-card { border-radius:12px; border-color:#e2d7de; }
.apps-motion-toggle { color:#722668; border-color:#c9afc3; }
.final-cta { background:#fffefa; padding-block:24px 80px; }
.cta-box { background:#eee3eb; border:0; border-radius:16px; border-inline-start:5px solid #a43878; }
.cta-box h2 { color:#301e35; }
.cta-box .kicker,.cta-actions > a:last-child { color:#722668; }
footer { background:#f0e9e4; }
footer .footer-logo img { width:240px; height:72px; border-radius:0; }
.whatsapp-float { border:1px solid #d8c9d4; }
a:focus-visible,button:focus-visible,[tabindex]:focus-visible { outline:3px solid #722668; outline-offset:4px; }
.hero-copy,.hero-visual,.guidance-point > div { min-width:0; }
[dir="rtl"] .hero-visual { direction:rtl; padding-inline:24px 0; }
[dir="rtl"] .hero h1,[dir="rtl"] .hero h1 em { letter-spacing:0; }
[dir="rtl"] .hero h1 em { font-family:inherit; font-style:normal; }
[dir="rtl"] .volume-message { border-radius:12px 0 0 12px; }
[dir="rtl"] .check-list li { padding-left:0; padding-right:25px; text-align:right; }
[dir="rtl"] .check-list li::before { left:auto; right:0; }
@media(min-width:1251px) { .hero-grid { grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:76px; } }
@media(max-width:1250px) { .hero-visual { max-width:580px; margin:24px auto 0; } .hero-copy { max-width:790px; } }
@media(min-width:1101px) and (max-width:1250px) { .site-header .nav-wrap { gap:14px; } .desktop-nav { gap:15px; } .nav-cta { padding-inline:16px; } }
@media(max-width:1100px) { :root { --header-height:104px; } .site-header .brand-logo { margin-inline-start:0; } .site-header .brand-logo img,.site-header.scrolled .brand-logo img { width:230px; height:69px; } }
@media(max-width:820px) { .guidance-shell { grid-template-columns:1fr; gap:36px; } .feature-card,.feature-card.featured { padding:24px; border-inline-start:0; border-top:1px solid #ddcfdc; } .feature-card:first-child { border-top:0; } .section { padding-block:64px; } .hero.section { padding-top:calc(var(--header-height) + 42px); padding-bottom:42px; } }
@media(max-width:560px) {
 :root { --header-height:96px; }
 .site-header .brand-logo img,.site-header.scrolled .brand-logo img { width:210px; height:63px; }
 .hero.section { padding-top:calc(var(--header-height) + 36px); background:#faf7f2; }
 .hero h1 { font-size:clamp(36px,9.5vw,48px); letter-spacing:-1.5px; }
 .hero h1 em { letter-spacing:-1px; }
 .hero .eyebrow { font-size:10px; }
 .hero-lead { font-size:15px; }
 .hero-visual { padding:20px 0 0 12px; min-height:0; }
 [dir="rtl"] .hero-visual { padding-inline:12px 0; }
 .hero-visual::before { inset:0 14px 32px 0; border-radius:60px 8px 8px 8px; }
 .stats { padding-bottom:30px; }
 .stats-grid { padding-block:12px; }
 .stats .stat { padding:12px 4px; }
 .stat strong { font-size:clamp(21px,5.5vw,29px); }
 .stat span { font-size:11px; }
 .guidance-points { grid-template-columns:1fr; }
 .guidance-point,.guidance-point:first-child,.guidance-point:last-child { display:grid; grid-template-columns:38px minmax(0,1fr); padding:20px; }
 .catalogue-card { padding:20px; }
 .volume-message { border-inline-start-width:3px; }
 .cta-box { padding:30px 22px; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }

/* Illustrative reseller dashboard — scoped to the hero. */
.dealer-dashboard { margin:0; overflow:hidden; border:1px solid #d8c6d4; border-radius:16px; background:#fffefa; box-shadow:0 20px 44px #301e3510; text-align:start; }
.dealer-dash-top { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 22px; border-bottom:1px solid #e4d9e1; }
.dealer-dash-top > b { font-size:16px; letter-spacing:-.4px; }
.dealer-dash-top > span { display:flex; align-items:center; gap:7px; font-size:11px; color:#655967; }
.dealer-dash-top i,.dealer-dash-metrics small i,.dealer-dash-lines i { display:inline-block; width:6px; height:6px; border-radius:50%; background:#4b765e; flex-shrink:0; }
.dealer-dash-layout { display:grid; grid-template-columns:54px minmax(0,1fr); }
.dealer-dash-side { display:flex; flex-direction:column; align-items:center; gap:18px; background:#f2eaf0; border-inline-end:1px solid #e4d9e1; padding:22px 8px; color:#84637d; }
.dealer-dash-side b { font-size:12px; color:#722668; margin-bottom:8px; }
.dealer-dash-side span { display:grid; place-items:center; width:32px; height:30px; border-radius:8px; font-size:18px; }
.dealer-dash-side .selected { background:#722668; color:white; }
.dealer-dash-side > i { flex:1; }
.dealer-dash-content { min-width:0; padding:24px 20px; }
.dealer-dash-heading { display:flex; flex-direction:column; gap:4px; margin-bottom:20px; }
.dealer-dash-heading strong { font-size:19px; letter-spacing:-.4px; }
.dealer-dash-heading > span { font-size:11px; color:#655967; }
.dealer-dash-metrics { display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:8px; }
.dealer-dash-metrics > div { display:flex; flex-direction:column; align-items:start; gap:8px; padding:14px 10px; background:#f6f1f4; border-radius:10px; min-width:0; }
.dealer-dash-metrics > div > span { font-size:11px; color:#655967; line-height:1.4; min-height:31px; }
.dealer-dash-metrics b { font-size:28px; line-height:1.1; font-weight:650; }
.dealer-dash-metrics small { display:flex; align-items:center; gap:6px; font-size:10px; color:#526657; }
.dealer-dash-metrics .balance { background:#722668; color:white; }
.dealer-dash-metrics .balance > span { color:#fff; }
.dealer-dash-metrics .balance > i { color:#e6b9db; font-size:10px; font-style:normal; white-space:nowrap; }
.dealer-dash-chart { margin-top:20px; padding:16px; border:1px solid #e4d9e1; border-radius:10px; }
.dealer-dash-chart > div:first-child { display:flex; justify-content:space-between; font-size:12px; }
.dealer-dash-chart > div:first-child > span { color:#a43878; }
.dealer-bars { height:90px; display:flex; align-items:end; gap:9px; padding-top:14px; border-bottom:1px solid #ddcfdc; background:repeating-linear-gradient(to top,transparent 0,transparent 28px,#f0e8ee 29px,#f0e8ee 30px); }
.dealer-bars i { flex:1; height:40%; border-radius:4px 4px 0 0; background:#d9bbd2; }
.dealer-bars i:nth-child(3n) { background:#a36697; height:65%; }
.dealer-bars i:nth-child(2n) { height:56%; }
.dealer-bars i:nth-child(7) { height:80%; }
.dealer-bars i:last-child { height:94%; background:#722668; }
.dealer-dash-lines { margin-top:18px; font-size:12px; }
.dealer-dash-lines > b { display:block; margin-bottom:9px; }
.dealer-dash-lines > div { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-block:9px; border-top:1px solid #eee4ec; color:#655967; }
.dealer-dash-lines > div > span:nth-child(2) { display:flex; align-items:center; gap:6px; color:#45654d; }
.dealer-dashboard figcaption { display:flex; flex-wrap:wrap; justify-content:center; gap:6px; padding:12px 16px; background:#f6f1f4; border-top:1px solid #e4d9e1; color:#655967; font-size:11px; line-height:1.5; }
@media(max-width:560px) {
 .dealer-dash-top { padding:16px 14px; flex-wrap:wrap; gap:6px 14px; }
 .dealer-dash-top > span { font-size:12px; }
 .dealer-dash-layout { grid-template-columns:36px minmax(0,1fr); }
 .dealer-dash-side { padding:18px 4px; gap:18px; }
 .dealer-dash-side span { width:27px; height:28px; }
 .dealer-dash-content { padding:18px 12px; }
 .dealer-dash-heading > span { font-size:12px; }
 .dealer-dash-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .dealer-dash-metrics .balance { grid-column:1/-1; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:8px; }
 .dealer-dash-metrics .balance > i { display:none; }
 .dealer-dash-metrics > div > span { font-size:12px; min-height:34px; }
 .dealer-dash-metrics .balance > span { min-height:0; }
 .dealer-dash-metrics small { font-size:12px; }
 .dealer-dash-chart { padding:12px; }
 .dealer-bars { gap:5px; }
 .dealer-dashboard figcaption { font-size:12px; }
}
/* Compact hero illustration: no catalogue assets or product pricing. */
.hero.section { padding-top:calc(var(--header-height) + 40px); padding-bottom:40px; }
.hero .hero-visual { max-width:520px; padding-top:18px; }
.hero .dealer-dashboard { line-height:1.4; }
.hero .dealer-dash-top { padding:14px 18px; }
.hero .dealer-dash-side { background:#301e35; color:#d9bfd3; gap:12px; padding-block:16px; }
.hero .dealer-dash-side b { color:#f1daeb; margin-bottom:0; }
.hero .dealer-dash-side .selected { background:#a43878; }
.hero .dealer-dash-content { padding:18px 16px 12px; }
.hero .dealer-dash-heading { margin-bottom:12px; gap:3px; }
.hero .dealer-dash-metrics > div { padding:10px; gap:6px; }
.hero .dealer-dash-metrics > div > span { min-height:30px; }
.hero .dealer-dash-metrics b { font-size:26px; }
.hero .dealer-dash-chart { margin-top:12px; padding:12px; }
.hero .dealer-bars { height:66px; padding-top:10px; }
.hero .dealer-dash-lines { margin-top:12px; }
.hero .dealer-dash-lines > b { margin-bottom:6px; }
.hero .dealer-dash-lines > div { padding-block:6px; }
.hero .dealer-dashboard figcaption { padding:9px 12px; }
@media(min-width:1101px) {
 .hero .hero-grid { grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:48px; }
 .hero .hero-copy { text-align:start; margin:0; }
 .hero .hero-visual { margin:0; }
 .hero .hero-lead,.hero h1 { margin-inline:0; }
 .hero .hero-actions,.hero .hero-trust { justify-content:flex-start; }
}
@media(max-width:1100px) {
 .hero .hero-grid { gap:24px; }
 .hero .hero-visual { margin:0 auto; }
}
@media(max-width:560px) {
 .hero.section { padding-top:calc(var(--header-height) + 28px); padding-bottom:32px; }
 .hero .dealer-dash-top { padding:12px; }
 .hero .dealer-dash-content { padding:14px 10px 10px; }
 .hero .dealer-dash-metrics .balance > span { min-height:0; }
 .hero .dealer-dash-metrics > div > span { min-height:34px; }
 .hero .dealer-dash-metrics .balance > span { min-height:0; }
 .hero .dealer-dash-side { gap:12px; }
}
/* Generous product cards. Scope is restricted to the pricing catalogue. */
#tarifs .catalogue-group .catalogue-grid { width:100%; grid-template-columns:repeat(4,minmax(0,1fr)); gap:32px; }
#tarifs .catalogue-group .catalogue-grid > .catalogue-card { grid-column:span 2; width:100%; justify-self:stretch; padding:28px; gap:26px; border-radius:18px; border-color:#d8c6d3; box-shadow:0 8px 24px #301e3506; }
#tarifs .catalogue-group .catalogue-grid > .catalogue-card:last-child:nth-child(odd) { grid-column:2/span 2; }
#tarifs .catalogue-logo { width:100%; height:300px; aspect-ratio:auto; border-radius:12px; background:#f5f0f4; }
#tarifs .catalogue-logo img { inset:18px; width:calc(100% - 36px); height:calc(100% - 36px); object-fit:contain; object-position:center; transform:none; }
#tarifs .catalogue-copy { gap:10px 16px; }
#tarifs .catalogue-card h3 { font-size:29px; line-height:1.25; margin-block:2px 10px; letter-spacing:-.7px; }
#tarifs .catalogue-index { font-size:11px; letter-spacing:1.4px; }
#tarifs .catalogue-subtitle { margin-block:-6px 10px; }
#tarifs .catalogue-card p { font-size:13px; padding:9px 12px; border-radius:6px; }
#tarifs .catalogue-card strong { font-size:40px; }
#tarifs .catalogue-card .order-btn { min-height:52px; font-size:14px; }
#tarifs .catalogue-card:hover,#tarifs .catalogue-card:focus-within { border-color:#a9709b; box-shadow:0 14px 30px #301e3510; }
@media(min-width:1101px) {
 #tarifs > .container { width:calc(100% - 48px); max-width:1440px; }
 #tarifs .catalogue-group .catalogue-grid { grid-template-columns:repeat(6,minmax(0,1fr)); gap:24px; }
 #tarifs .catalogue-group .catalogue-grid > .catalogue-card,
 #tarifs .catalogue-group .catalogue-grid > .catalogue-card:last-child:nth-child(odd) { grid-column:span 2; }
 /* Center incomplete rows while preserving the commercial categories. */
 #tarifs .catalogue-group[aria-labelledby="catalogue-premium"] .catalogue-grid > .catalogue-card:nth-child(4),
 #tarifs .catalogue-group:last-child .catalogue-grid > .catalogue-card:first-child { grid-column:2/span 2; }
 #tarifs .catalogue-group[aria-labelledby="catalogue-premium"] .catalogue-grid > .catalogue-card:nth-child(5),
 #tarifs .catalogue-group:last-child .catalogue-grid > .catalogue-card:nth-child(2) { grid-column:4/span 2; }
}
@media(max-width:1100px) {
 #tarifs .catalogue-group .catalogue-grid { gap:24px; }
 #tarifs .catalogue-group .catalogue-grid > .catalogue-card { padding:22px; gap:24px; }
 #tarifs .catalogue-logo { height:260px; }
 #tarifs .catalogue-logo img { inset:14px; width:calc(100% - 28px); height:calc(100% - 28px); }
 #tarifs .catalogue-card h3 { font-size:27px; }
}
@media(max-width:700px) {
 #tarifs .catalogue-group .catalogue-grid { grid-template-columns:minmax(0,1fr); gap:24px; }
 #tarifs .catalogue-group .catalogue-grid > .catalogue-card,
 #tarifs .catalogue-group .catalogue-grid > .catalogue-card:last-child:nth-child(odd) { grid-column:auto; padding:20px; }
 #tarifs .catalogue-logo { height:clamp(230px,62vw,290px); }
 #tarifs .catalogue-logo img { inset:12px; width:calc(100% - 24px); height:calc(100% - 24px); }
 #tarifs .catalogue-card strong { font-size:36px; }
 #tarifs .catalogue-card p { font-size:12px; padding:8px 10px; }
}