/* СГЕНЕРИРОВАНО scripts/build_articles_css.py — не править руками */
/* ---- tokens.css ---- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root {
  
  --mq-primary:         #6366f1;
  --mq-primary-dark:    #4f46e5;
  --mq-primary-light:   #818cf8;

  --mq-secondary:       #ec4899;
  --mq-secondary-dark:  #db2777;

  --mq-accent:          #f59e0b;
  --mq-accent-dark:     #d97706;

  --mq-orange:          #ff9500;   
  --mq-orange-dark:     #ff7b00;

  
  --mq-grad-start:      #667eea;
  --mq-grad-mid:        #764ba2;
  --mq-grad-end:        #9d50bb;

  --mq-gradient-main:    linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --mq-gradient-hero:    linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
  --mq-gradient-landing: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #9d50bb 100%);
  --mq-gradient-button:  linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --mq-gradient-cta:     linear-gradient(135deg, #ff9500 0%, #ff7b00 100%);
  --mq-gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);
  --mq-gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  --mq-gradient-card:    linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);

  
  --mq-grad-purple: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);
  --mq-grad-blue:   linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  --mq-grad-green:  linear-gradient(135deg, #10b981 0%, #059669 100%);
  --mq-grad-orange: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
  --mq-grad-pink:   linear-gradient(135deg, #ec4899 0%, #db2777 100%);
  --mq-grad-teal:   linear-gradient(135deg, #14b8a6 0%, #0d9488 100%);
  --mq-grad-indigo: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
  --mq-grad-amber:  linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  --mq-grad-red:    linear-gradient(135deg, #ef4444 0%, #dc2626 100%);

  
  --mq-white:    #ffffff;
  --mq-black:    #000000;
  --mq-gray-50:  #f9fafb;
  --mq-gray-100: #f3f4f6;
  --mq-gray-200: #e5e7eb;
  --mq-gray-300: #d1d5db;
  --mq-gray-400: #9ca3af;
  --mq-gray-500: #6b7280;
  --mq-gray-600: #4b5563;
  --mq-gray-700: #374151;
  --mq-gray-800: #1f2937;
  --mq-gray-900: #111827;
  --mq-ink:      #1a1a2e;  

  
  --mq-fg-1:       var(--mq-gray-900);
  --mq-fg-2:       var(--mq-gray-600);
  --mq-fg-3:       var(--mq-gray-400);
  --mq-fg-on-grad: var(--mq-white);

  --mq-bg-app:     var(--mq-gradient-main);
  --mq-bg-surface: var(--mq-white);
  --mq-bg-subtle:  var(--mq-gray-50);
  --mq-bg-muted:   var(--mq-gray-100);
  --mq-border:     var(--mq-gray-200);
  --mq-border-soft: rgba(0, 0, 0, 0.05);
  --mq-border-on-dark: rgba(255, 255, 255, 0.2);

  
  --mq-success: #10b981;  --mq-success-light: #d1fae5;  --mq-success-dark: #065f46;
  --mq-error:   #ef4444;  --mq-error-light:   #fee2e2;  --mq-error-dark:   #991b1b;
  --mq-warning: #f59e0b;  --mq-warning-light: #fef3c7;  --mq-warning-dark: #78350f;
  --mq-info:    #3b82f6;  --mq-info-light:    #dbeafe;  --mq-info-dark:    #1e3a8a;
  --mq-danger:  #ef4444;  

  
  --mq-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --mq-font-mono: 'Courier New', ui-monospace, SFMono-Regular, Menlo, monospace;

  --mq-text-display: clamp(2.5rem, 8vw, 5rem);
  --mq-text-h1:      clamp(2rem, 6vw, 3.5rem);
  --mq-text-h2:      clamp(1.75rem, 5vw, 2.5rem);
  --mq-text-h3:      1.5rem;
  --mq-text-h4:      1.25rem;
  --mq-text-lead:    clamp(1rem, 2.5vw, 1.375rem);
  --mq-text-body:    1rem;
  --mq-text-small:   0.9375rem;
  --mq-text-xs:      0.8125rem;

  --mq-weight-regular: 400;
  --mq-weight-medium:  500;
  --mq-weight-semi:    600;
  --mq-weight-bold:    700;
  --mq-weight-extra:   800;
  --mq-weight-black:   900;

  --mq-tracking-tight: -0.03em;
  --mq-tracking-snug:  -0.02em;
  --mq-tracking-body:  -0.01em;
  --mq-leading-tight:  1.1;
  --mq-leading-snug:   1.3;
  --mq-leading-body:   1.6;
  --mq-leading-loose:  1.8;

  
  --mq-radius-xs:   6px;
  --mq-radius-sm:   8px;
  --mq-radius-md:   12px;
  --mq-radius-btn:  14px;   
  --mq-radius-lg:   16px;
  --mq-radius-card: 20px;   
  --mq-radius-xl:   24px;
  --mq-radius-2xl:  32px;
  --mq-radius-full: 9999px;
  --mq-radius-pill: 50px;

  
  --mq-shadow-sm:         0 1px 2px 0 rgba(0,0,0,0.05);
  --mq-shadow:            0 4px 6px -1px rgba(0,0,0,0.1);
  --mq-shadow-md:         0 10px 15px -3px rgba(0,0,0,0.1);
  --mq-shadow-lg:         0 20px 25px -5px rgba(0,0,0,0.1);
  --mq-shadow-xl:         0 25px 50px -12px rgba(0,0,0,0.25);
  --mq-shadow-colored:    0 10px 40px rgba(102,126,234,0.30);
  --mq-shadow-cta:        0 4px 15px rgba(255,149,0,0.40);
  --mq-shadow-cta-hover:  0 6px 25px rgba(255,149,0,0.50);
  --mq-shadow-card:       0 4px 20px rgba(0,0,0,0.08);
  --mq-shadow-card-hover: 0 8px 40px rgba(0,0,0,0.12);
  --mq-shadow-focus:      0 0 0 3px rgba(99,102,241,0.35);

  
  --mq-space-0:   0;
  --mq-space-2xs: 0.25rem;
  --mq-space-xs:  0.5rem;
  --mq-space-sm:  0.75rem;
  --mq-space-md:  1rem;
  --mq-space-lg:  1.5rem;
  --mq-space-xl:  2rem;
  --mq-space-2xl: 3rem;
  --mq-space-3xl: 4rem;
  --mq-space-4xl: 6rem;

  
  --mq-ease:       cubic-bezier(0.4, 0, 0.2, 1);
  --mq-ease-out:   cubic-bezier(0.16, 1, 0.3, 1);
  --mq-ease-back:  cubic-bezier(0.34, 1.56, 0.64, 1);
  --mq-dur-fast:   150ms;
  --mq-dur-base:   300ms;
  --mq-dur-slow:   500ms;
  --mq-transition-fast: 150ms var(--mq-ease);
  --mq-transition-base: 300ms var(--mq-ease);
  --mq-transition-slow: 500ms var(--mq-ease);

  
  --mq-z-base:     0;
  --mq-z-raised:   10;
  --mq-z-sticky:   100;
  --mq-z-dropdown: 1000;
  --mq-z-modal:    10000;
  --mq-z-toast:    10100;
  --mq-z-tooltip:  10200;

  
  --mq-glass-bg:            rgba(255, 255, 255, 0.10);
  --mq-glass-bg-strong:     rgba(255, 255, 255, 0.18);
  --mq-glass-border:        rgba(255, 255, 255, 0.18);
  --mq-glass-border-strong: rgba(255, 255, 255, 0.40);
  --mq-glass-blur:          blur(20px);
  --mq-glass-blur-soft:     blur(10px);


  

  
  --primary:        var(--mq-primary);
  --primary-dark:   var(--mq-primary-dark);
  --primary-light:  var(--mq-primary-light);
  --secondary:      var(--mq-secondary);
  --secondary-dark: var(--mq-secondary-dark);
  --accent:         var(--mq-accent);

  --gradient-main:    var(--mq-gradient-main);
  --gradient-hero:    var(--mq-gradient-hero);
  --gradient-success: var(--mq-gradient-success);
  --gradient-warning: var(--mq-gradient-warning);
  --gradient-card:    var(--mq-gradient-card);
  --gradient-button:  var(--mq-gradient-button);

  --white:   var(--mq-white);
  --black:   var(--mq-black);
  --gray-50:  var(--mq-gray-50);
  --gray-100: var(--mq-gray-100);
  --gray-200: var(--mq-gray-200);
  --gray-300: var(--mq-gray-300);
  --gray-400: var(--mq-gray-400);
  --gray-500: var(--mq-gray-500);
  --gray-600: var(--mq-gray-600);
  --gray-700: var(--mq-gray-700);
  --gray-800: var(--mq-gray-800);
  --gray-900: var(--mq-gray-900);

  --success: var(--mq-success); --success-light: var(--mq-success-light); --success-dark: var(--mq-success-dark);
  --error:   var(--mq-error);   --error-light:   var(--mq-error-light);   --error-dark:   var(--mq-error-dark);
  --warning: var(--mq-warning); --warning-light: var(--mq-warning-light); --warning-dark: var(--mq-warning-dark);
  --info:    var(--mq-info);    --info-light:    var(--mq-info-light);    --info-dark:    var(--mq-info-dark);

  --shadow-sm:      var(--mq-shadow-sm);
  --shadow:         var(--mq-shadow);
  --shadow-md:      var(--mq-shadow-md);
  --shadow-lg:      var(--mq-shadow-lg);
  --shadow-xl:      var(--mq-shadow-xl);
  --shadow-colored: var(--mq-shadow-colored);

  --radius-sm:   var(--mq-radius-sm);
  --radius-md:   var(--mq-radius-md);
  --radius-lg:   var(--mq-radius-lg);
  --radius-xl:   var(--mq-radius-xl);
  --radius-full: var(--mq-radius-full);

  --transition-fast: var(--mq-transition-fast);
  --transition-base: var(--mq-transition-base);
  --transition-slow: var(--mq-transition-slow);

  --spacing-xs:  var(--mq-space-xs);
  --spacing-sm:  var(--mq-space-sm);
  --spacing-md:  var(--mq-space-md);
  --spacing-lg:  var(--mq-space-lg);
  --spacing-xl:  var(--mq-space-xl);
  --spacing-2xl: var(--mq-space-2xl);
  --spacing-3xl: var(--mq-space-3xl);

  
  --primary-purple:       var(--mq-primary);
  --primary-purple-dark:  var(--mq-primary-dark);
  --primary-purple-light: var(--mq-primary-light);
  --accent-orange:        #f97316;
  --accent-orange-light:  #fb923c;
  --accent-orange-dark:   #ea580c;
  --accent-gradient:      linear-gradient(135deg, #f97316 0%, #fb923c 50%, #fbbf24 100%);

  
  --wb-primary:       var(--mq-primary);
  --wb-primary-dark:  var(--mq-primary-dark);
  --wb-primary-light: var(--mq-primary-light);
  --wb-bg:            var(--mq-bg-subtle);
  --wb-panel:         var(--mq-bg-surface);
  --wb-border:        var(--mq-border);
  --wb-text:          var(--mq-gray-900);
  --wb-text-sec:      var(--mq-gray-500);
  --wb-text-muted:    var(--mq-gray-400);
  --wb-radius:        10px;
  --wb-shadow:        var(--mq-shadow-sm);
  --wb-font:          var(--mq-font-sans);

  
  --wl-primary:        var(--mq-primary);
  --wl-primary-dark:   var(--mq-primary-dark);
  --wl-primary-light:  var(--mq-primary-light);
  --wl-gradient:       var(--mq-gradient-button);
  --wl-gradient-hero:  linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%);
  --wl-shadow-sm:      var(--mq-shadow-sm);
  --wl-shadow-md:      var(--mq-shadow);
  --wl-shadow-lg:      var(--mq-shadow-md);
  --wl-shadow-xl:      var(--mq-shadow-lg);
  --wl-radius-sm:      var(--mq-radius-sm);
  --wl-radius-md:      var(--mq-radius-md);
  --wl-radius-lg:      var(--mq-radius-lg);
  --wl-radius-xl:      var(--mq-radius-xl);
  --wl-font:           var(--mq-font-sans);

  
  --cp-primary:    #2563eb;              
  --cp-bg:         var(--mq-bg-subtle);
  --cp-panel:      var(--mq-bg-surface);
  --cp-border:     var(--mq-border);
  --cp-text:       var(--mq-gray-900);
  --cp-text-sec:   var(--mq-gray-500);
  --cp-text-muted: var(--mq-gray-400);
  --cp-radius:     10px;
  --cp-font:       var(--mq-font-sans);

  
  --qp-primary:    var(--mq-primary);
  --qp-bg:         var(--mq-bg-subtle);
  --qp-panel:      var(--mq-bg-surface);
  --qp-border:     var(--mq-border);
  --qp-text:       var(--mq-gray-900);
  --qp-text-sec:   var(--mq-gray-500);
  --qp-text-muted: var(--mq-gray-400);
  --qp-radius:     10px;
  --qp-font:       var(--mq-font-sans);

  
  --ts-gradient-start: var(--mq-grad-start);
  --ts-gradient-mid:   var(--mq-grad-mid);
  --ts-gradient-end:   var(--mq-grad-end);
  --ts-orange:         var(--mq-orange);
  --ts-orange-hover:   var(--mq-orange-dark);
  --ts-white:          var(--mq-white);
  --ts-text-dark:      var(--mq-ink);
  --ts-text-muted:     var(--mq-gray-500);
  --ts-success:        var(--mq-success);
  --ts-danger:         var(--mq-error);
  --ts-bg-overlay:     rgba(0, 0, 0, 0.85);
  --ts-bg-card:        rgba(255, 255, 255, 0.95);
  --ts-bg-dark:        #1e1b4b;
  --ts-border:         var(--mq-border-on-dark);
  --ts-shadow:         var(--mq-shadow-card);
  --ts-shadow-hover:   var(--mq-shadow-card-hover);
  --ts-shadow-orange:  var(--mq-shadow-cta);
  --ts-radius:         var(--mq-radius-xl);
  --ts-radius-md:      var(--mq-radius-card);
  --ts-radius-sm:      var(--mq-radius-btn);
  --ts-radius-pill:    var(--mq-radius-pill);
  --ts-transition:     var(--mq-transition-base);

  
  --landing-gradient-start:   var(--mq-grad-start);
  --landing-gradient-mid:     var(--mq-grad-mid);
  --landing-gradient-end:     var(--mq-grad-end);
  --landing-orange:           var(--mq-orange);
  --landing-orange-hover:     var(--mq-orange-dark);
  --landing-white:            var(--mq-white);
  --landing-text-dark:        var(--mq-ink);
  --landing-text-muted:       var(--mq-gray-500);
  --landing-card-shadow:      var(--mq-shadow-card);
  --landing-card-shadow-hover:var(--mq-shadow-card-hover);
}


html, body {
  font-family: var(--mq-font-sans);
  color: var(--mq-fg-1);
  line-height: var(--mq-leading-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  overflow-x: clip;
}
#app, .main-content {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  overflow-x: clip;
}


.mq-display { font-size: var(--mq-text-display); font-weight: var(--mq-weight-black); line-height: var(--mq-leading-tight); letter-spacing: var(--mq-tracking-tight); }
.mq-h1      { font-size: var(--mq-text-h1); font-weight: var(--mq-weight-extra); line-height: var(--mq-leading-tight); letter-spacing: var(--mq-tracking-tight); }
.mq-h2      { font-size: var(--mq-text-h2); font-weight: var(--mq-weight-extra); line-height: 1.2; letter-spacing: var(--mq-tracking-snug); }
.mq-h3      { font-size: var(--mq-text-h3); font-weight: var(--mq-weight-bold); line-height: var(--mq-leading-snug); }
.mq-h4      { font-size: var(--mq-text-h4); font-weight: var(--mq-weight-bold); line-height: var(--mq-leading-snug); }
.mq-body    { font-size: var(--mq-text-body); line-height: var(--mq-leading-body); color: var(--mq-fg-2); }
.mq-lead    { font-size: var(--mq-text-lead); line-height: var(--mq-leading-body); color: var(--mq-fg-2); }
.mq-small   { font-size: var(--mq-text-small); }
.mq-xs      { font-size: var(--mq-text-xs); }
.mq-mono    { font-family: var(--mq-font-mono); letter-spacing: 0.1em; }
.mq-pin     { font-family: var(--mq-font-mono); font-weight: 900; letter-spacing: 0.5rem; }

.mq-gradient-text {
  background: var(--mq-gradient-button);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
}
.mq-gradient-text-warm {
  background: linear-gradient(135deg,#fbbf24 0%,#f59e0b 50%,#fb923c 100%);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
}
/* ---- components.css (только используемое) ---- */
@keyframes mqFadeIn{ from { opacity: 0; } to { opacity: 1; } }
@keyframes mqModalIn{ from { opacity: 0; transform: translateY(16px) scale(.96); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes mqToastIn{ from { opacity: 0; transform: translateX(24px); } to { opacity: 1; transform: translateX(0); } }
@keyframes mqSpin{ to { transform: rotate(360deg); } }
@keyframes mqShimmer{ 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
@keyframes mqPulse{ 0%, 100% { transform: scale(1); } 50% { transform: scale(1.02); } }
/* ---- navbar-v2.css ---- */
nav.navbar {
  top: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: calc(100% - 24px) !important;
  max-width: 1180px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
  background: #ffffff !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  box-shadow: 0 8px 32px rgba(76, 29, 149, 0.12) !important;
  padding: 6px 14px 6px 18px !important;
  border-bottom: none !important;
}
nav.navbar .nav-container {
  padding: 0 !important;
  gap: 0.5rem !important;
}
@media (max-width: 480px) {
  nav.navbar {
    top: 8px !important;
    width: calc(100% - 16px) !important;
    border-radius: 14px !important;
    padding: 5px 10px 5px 14px !important;
  }
}


.nav-dash-link:focus,
.nav-header-link:focus {
  outline: 0;
}
.nav-dash-link:focus-visible,
.nav-header-link:focus-visible {
  outline: 2px solid var(--mq-primary, #6366f1);
  outline-offset: 4px;
  border-radius: 4px;
}


.nav-hamburger {
  display: none;
  position: relative;
  width: 40px;
  height: 40px;
  padding: 0;
  margin-left: 4px;
  background: transparent;
  border: none;
  cursor: pointer;
  border-radius: 10px;
  flex-shrink: 0;
}
.nav-hamburger:hover { background: rgba(99, 102, 241, 0.08); }
.nav-hamburger:focus-visible {
  outline: 2px solid var(--mq-primary, #6366f1);
  outline-offset: 2px;
}
.nav-hamburger span {
  display: block;
  position: absolute;
  left: 50%;
  width: 20px;
  height: 2px;
  background: #1f2937;
  border-radius: 2px;
  transform: translateX(-50%);
  transition: transform 0.25s ease, opacity 0.2s ease, top 0.25s ease;
}
.nav-hamburger span:nth-child(1) { top: 13px; }
.nav-hamburger span:nth-child(2) { top: 19px; }
.nav-hamburger span:nth-child(3) { top: 25px; }
.nav-hamburger.open span:nth-child(1) { top: 19px; transform: translateX(-50%) rotate(45deg); }
.nav-hamburger.open span:nth-child(2) { opacity: 0; }
.nav-hamburger.open span:nth-child(3) { top: 19px; transform: translateX(-50%) rotate(-45deg); }


.nav-drawer-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.45);
  opacity: 0;
  transition: opacity 0.25s ease;
  z-index: 998;
}
.nav-drawer-backdrop.show { opacity: 1; }

.nav-mobile-drawer {
  position: fixed;
  top: 70px;
  right: 12px;
  left: 12px;
  background: #ffffff;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  box-shadow: 0 16px 48px rgba(76, 29, 149, 0.18);
  padding: 12px;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-12px);
  transition: opacity 0.22s ease, transform 0.22s ease, visibility 0s linear 0.22s;
  max-height: calc(100vh - 90px);
  overflow-y: auto;
}
.nav-mobile-drawer.open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: opacity 0.22s ease, transform 0.22s ease, visibility 0s;
}
.nav-drawer-section {
  display: flex;
  flex-direction: column;
  padding: 4px 0;
}
.nav-drawer-section + .nav-drawer-section {
  border-top: 1px solid rgba(15, 23, 42, 0.08);
  margin-top: 4px;
  padding-top: 8px;
}
.nav-drawer-link {
  display: block;
  padding: 12px 14px;
  color: #1f2937;
  font-size: 0.9375rem;
  font-weight: 600;
  text-decoration: none;
  border-radius: 10px;
  transition: background 0.15s ease, color 0.15s ease;
}
.nav-drawer-link:hover,
.nav-drawer-link:focus-visible {
  background: rgba(99, 102, 241, 0.08);
  color: var(--mq-primary, #6366f1);
  outline: none;
}
.nav-drawer-link-primary {
  background: linear-gradient(135deg, #f59e0b, #f97316);
  color: #ffffff !important;
  text-align: center;
  margin-top: 4px;
}
.nav-drawer-link-primary:hover,
.nav-drawer-link-primary:focus-visible {
  background: linear-gradient(135deg, #f97316, #ea580c);
  color: #ffffff !important;
}

body.nav-drawer-open { overflow: hidden; }


@media (max-width: 768px) {
  .nav-hamburger { display: inline-flex; align-items: center; justify-content: center; }
  nav.navbar #navHeaderLinks,
  nav.navbar #navDashLinks { display: none !important; }
  
  nav.navbar #authLinks { display: none !important; }
}
@media (min-width: 769px) {
  .nav-mobile-drawer,
  .nav-drawer-backdrop { display: none !important; }
}
/* ---- landing-v2.css (только используемое) ---- */
.wrap{width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 4vw, 2rem);}
.eyebrow{display: inline-flex; align-items: center; gap: 8px;
  font-size: 11px; font-weight: 800;
  letter-spacing: 0.18em; text-transform: uppercase;
  padding: 6px 14px; border-radius: 9999px;}
.eyebrow.on-light{background: rgba(99,102,241,.10); color: var(--mq-primary-dark);}
.eyebrow.on-dark{background: rgba(255,255,255,.16); color: #fff;
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,.22);}
.eyebrow .dot{width: 6px; height: 6px; border-radius: 50%; background: currentColor;}
@keyframes heroFloat{
  0%, 100% { transform: translate(0,0) scale(1); }
  50% { transform: translate(20px, -16px) scale(1.06); }
}
@keyframes lv2FadeIn{ from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
.deco-tile{position: absolute;
  border-radius: 14px;
  padding: 10px 14px;
  color: #fff; font-weight: 700; font-size: 13px;
  display: flex; align-items: center; gap: 8px;
  box-shadow: 0 12px 30px rgba(0,0,0,.18);
  animation: floatY 5s ease-in-out infinite;}
.deco-tile .ic{font-size: 16px;}
.deco-tile.t1{background: linear-gradient(135deg,#10b981,#059669); top: -22px; left: -28px; transform: rotate(-6deg);}
@keyframes floatY{
  0%,100% { transform: translateY(0) rotate(var(--r, -6deg)); }
  50% { transform: translateY(-10px) rotate(var(--r, -6deg)); }
}
.deco-tile.t1{--r: -6deg;}
@media (max-width: 640px){.deco-tile{display: none;}}
.steps{display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(1rem, 2.5vw, 2rem);}
@media (max-width: 1080px){.steps{grid-template-columns: repeat(2, 1fr);}}
@media (max-width: 600px){.steps{grid-template-columns: 1fr;}}
@keyframes lv2PhoneFloat{
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}
@keyframes lv2Pulse{ 0% { box-shadow: 0 0 0 0 rgba(52,211,153,.6); } 70% { box-shadow: 0 0 0 8px rgba(52,211,153,0); } 100% { box-shadow: 0 0 0 0 rgba(52,211,153,0); } }
.reveal{opacity: 0; transform: translateY(24px); transition: opacity .8s var(--mq-ease-out), transform .8s var(--mq-ease-out);}
.reveal.in{opacity: 1; transform: none;}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: 0.001ms !important; transition-duration: 150ms !important;}
.reveal{opacity: 1; transform: none;}}
@keyframes sbRing{ to { transform: rotate(360deg); } }
@keyframes sbPhoneFloat{
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}
@keyframes lv2AuthFloat{
  0%,100% { transform: translateY(0) rotate(var(--rot,0deg)); }
  50% { transform: translateY(-12px) rotate(var(--rot,0deg)); }
}
@keyframes vrfBob{ 0%,100%{ transform: translateY(0);} 50%{ transform: translateY(-6px);} }
@keyframes vrfSpin{ to { transform: rotate(360deg); } }
@keyframes vrfNoteIn{ from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } }
/* ---- style.css (только используемое) ---- */
*{margin:0;padding:0;box-sizing:border-box}
:root{--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#818cf8;--secondary:#ec4899;--secondary-dark:#db2777;--accent:#f59e0b;--gradient-main:linear-gradient(135deg,#667eea 0,#764ba2 100%);--gradient-hero:linear-gradient(135deg,#667eea 0,#764ba2 50%,#f093fb 100%);--gradient-success:linear-gradient(135deg,#10b981 0,#059669 100%);--gradient-warning:linear-gradient(135deg,#f59e0b 0,#d97706 100%);--gradient-card:linear-gradient(145deg,#fff 0,#f8fafc 100%);--gradient-button:linear-gradient(135deg,#667eea 0,#764ba2 100%);--white:#fff;--black:#000;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--success:#10b981;--success-light:#d1fae5;--success-dark:#065f46;--error:#ef4444;--error-light:#fee2e2;--error-dark:#991b1b;--warning:#f59e0b;--warning-light:#fef3c7;--warning-dark:#78350f;--info:#3b82f6;--info-light:#dbeafe;--info-dark:#1e3a8a;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow:0 4px 6px -1px rgba(0,0,0,0.1);--shadow-md:0 10px 15px -3px rgba(0,0,0,0.1);--shadow-lg:0 20px 25px -5px rgba(0,0,0,0.1);--shadow-xl:0 25px 50px -12px rgba(0,0,0,0.25);--shadow-colored:0 10px 40px rgba(102,126,234,0.3);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:300ms cubic-bezier(0.4,0,0.2,1);--transition-slow:500ms cubic-bezier(0.4,0,0.2,1);--spacing-xs:.5rem;--spacing-sm:.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto',sans-serif;background:var(--gradient-main);min-height:100vh;color:var(--gray-900);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
#app{min-height:100vh;display:flex;flex-direction:column}
.navbar{position:fixed;top:0;left:0;width:100%;background:rgba(255,255,255,0.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,0.2);box-shadow:0 2px 20px rgba(0,0,0,0.08);z-index:1000;transition:var(--transition-base)}
.nav-container{max-width:1280px;margin:0 auto;padding:1rem clamp(1rem,5vw,2rem);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.nav-logo{background:var(--gradient-button);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:clamp(1.25rem,3vw,1.75rem);text-decoration:none;font-weight:800;letter-spacing:-.02em;display:flex;align-items:center;gap:.5rem}
.nav-left{display:flex;align-items:center;gap:28px}
.nav-header-links{display:flex;align-items:center;gap:20px}
.nav-header-link{color:var(--gray-700);font-size:.9375rem;font-weight:600;text-decoration:none;cursor:pointer;padding:.625rem 0;transition:all var(--transition-fast)}
.nav-header-link:hover{color:var(--primary)}
.nav-links{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
.nav-link{background:0;border:0;color:var(--gray-700);cursor:pointer;padding:.625rem 1rem;border-radius:var(--radius-md);transition:all var(--transition-fast);font-weight:600;font-size:.9375rem;white-space:nowrap;position:relative}
.nav-link:hover{background:var(--gray-100);color:var(--primary);transform:translateY(-1px)}
.nav-link:active{transform:translateY(0)}
body:has(#home.section.active){background:transparent}
.section{display:none;animation:fadeInUp .6s cubic-bezier(0.16,1,0.3,1)}
.section.active{display:block}
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}
@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes slideIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
.hero{text-align:center;padding:clamp(2rem,8vw,5rem) clamp(1rem,4vw,2rem);color:var(--white);position:relative}
.hero::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.1) 0,transparent 70%);pointer-events:none}
.hero h2{font-size:clamp(2rem,6vw,3.5rem);margin-bottom:1rem;font-weight:800;line-height:1.1;letter-spacing:-.03em;text-shadow:0 2px 20px rgba(0,0,0,0.2);position:relative}
.hero p{font-size:clamp(1rem,2.5vw,1.35rem);margin-bottom:2rem;opacity:.95;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6;text-shadow:0 1px 10px rgba(0,0,0,0.1);position:relative}
.btn{padding:1rem 2rem;border:0;border-radius:var(--radius-lg);font-weight:700;font-size:1rem;cursor:pointer;transition:all var(--transition-base);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-align:center;white-space:nowrap;position:relative;overflow:hidden;min-height:48px}
.btn::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transform:translateX(-100%);transition:transform .6s}
.btn:hover::before{transform:translateX(100%)}
.btn:disabled{opacity:.5;cursor:not-allowed;transform:none !important}
.btn,.btn:hover,.btn:focus,.btn:active,a.btn,a[class*="btn-"],button,[role="button"],.nav-link,.nav-link:hover,.nav-link:focus,.nav-link:active{text-decoration:none !important}
@keyframes correctPulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(16,185,129,0.7)}50%{transform:scale(1.05);box-shadow:0 0 0 15px rgba(16,185,129,0)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(16,185,129,0)}}
.hidden{display:none !important}
@media(max-width:768px){:root{--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:3rem}
.nav-container{padding:.75rem 1rem;flex-wrap:nowrap;gap:.5rem}
.nav-left{gap:0}
.nav-logo{font-size:1.1rem;flex-shrink:0}
.nav-header-links{display:flex;gap:12px;margin-left:15px}
.nav-header-link{font-size:.75rem;padding:.4rem 0;white-space:nowrap}
.nav-links{width:auto;justify-content:flex-end;flex-shrink:0;gap:.25rem}
#authLinks .nav-link{padding:.5rem .75rem;font-size:.85rem}
#authLinks .btn-primary-nav{padding:.5rem .75rem;font-size:.85rem}
.btn{width:100%;max-width:400px}}
@media(max-width:480px){.nav-header-links{gap:8px;margin-left:15px}
.nav-header-link{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}
*:focus-visible{outline:3px solid var(--primary);outline-offset:3px}
html{scroll-behavior:smooth;overflow-x:hidden}
::selection{background:var(--primary-light);color:var(--white)}
@keyframes scorePopup{0%{opacity:0;transform:translateX(-50%) translateY(50px) scale(0.8)}20%{opacity:1;transform:translateX(-50%) translateY(0) scale(1.1)}80%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}100%{opacity:0;transform:translateX(-50%) translateY(-50px) scale(0.9)}}
.subtitle{text-align:center;color:var(--gray-600);margin-bottom:1.5rem;font-size:1rem}
.footer{background:var(--gray-900);color:var(--gray-300);padding:clamp(2rem,5vw,4rem) clamp(1rem,4vw,2rem) 2rem}
.footer-content{max-width:1280px;margin:0 auto}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:3rem;margin-bottom:3rem}
.footer-column{display:flex;flex-direction:column;gap:1rem}
.footer-title{font-size:1.5rem;font-weight:800;color:var(--white);margin-bottom:.5rem;background:var(--gradient-button);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.footer-description{line-height:1.7;font-size:.9375rem}
.footer-social{display:flex;gap:1rem;margin-top:1rem}
.social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--gray-800);border-radius:var(--radius-md);font-size:1.25rem;transition:all var(--transition-fast);text-decoration:none}
.social-link:hover{background:var(--primary);transform:translateY(-3px)}
.footer-column-title{font-size:1.0625rem;font-weight:700;color:var(--white);margin-bottom:.5rem}
.footer-links{list-style:none;padding:0;display:flex;flex-direction:column;gap:.75rem}
.footer-links a{color:var(--gray-400);text-decoration:none;transition:color var(--transition-fast);font-size:.9375rem}
.footer-links a:hover{color:var(--white)}
.footer-legal{padding:2rem 0;border-top:1px solid var(--gray-800);border-bottom:1px solid var(--gray-800)}
.legal-info{text-align:center;font-size:.875rem;line-height:1.8;color:var(--gray-400)}
.legal-info p{margin-bottom:.5rem}
.legal-info a{color:var(--primary-light);text-decoration:none}
.legal-info a:hover{text-decoration:underline}
.footer-bottom{text-align:center;padding-top:2rem;font-size:.875rem;color:var(--gray-500)}
.footer-made-with{margin-top:.5rem;font-size:.875rem}
.btn-primary-nav{background:linear-gradient(135deg,#ff9500 0,#ff7b00 100%) !important;color:#fff !important;padding:.75rem 1.5rem !important;border-radius:var(--radius-lg) !important;box-shadow:0 2px 10px rgba(255,149,0,0.3)}
.btn-primary-nav:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(255,149,0,0.4)}
@media(max-width:768px){.footer-grid{grid-template-columns:1fr;gap:2rem}}
@keyframes slideIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:768px){.nav-container{position:relative}
.nav-links{position:fixed;top:70px;left:0;right:0;background:var(--white);flex-direction:column;gap:0;padding:1rem 0;box-shadow:var(--shadow-lg);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease;max-height:calc(100vh - 70px);overflow-y:auto;z-index:999}
.nav-link{width:100%;text-align:center;padding:1rem 1.5rem;border-bottom:1px solid var(--gray-100);margin:0}
.nav-link:hover{background:var(--gray-50)}
#authLinks{display:flex;flex-direction:column;width:100%}
.btn-primary-nav{margin:.5rem 1rem;width:calc(100% - 2rem)}}
@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
@media(max-width:768px){.footer{padding:2rem 1rem 1.5rem}
.footer-grid{grid-template-columns:1fr;gap:2rem;text-align:center}
.footer-title{font-size:1.375rem}
.footer-description{font-size:.875rem}
.footer-social{justify-content:center}
.footer-column-title{font-size:1rem;margin-bottom:.75rem}
.footer-links a{font-size:.875rem}
.footer-legal{padding:1.5rem 0}
.legal-info{font-size:.75rem;line-height:1.6}
.footer-bottom{padding-top:1.5rem;font-size:.75rem}}
@media(max-width:768px){button,.btn,.nav-link,a{display:inline-flex;align-items:center;justify-content:center}}
@media(max-width:768px){@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}}
@media(max-width:768px){body{font-size:1rem;line-height:1.6}
h1,h2,h3,h4{line-height:1.3;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto}
p{line-height:1.7;margin-bottom:1rem}}
@media(max-width:360px){.btn{font-size:.9375rem;padding:.875rem 1.25rem}
.nav-header-links{display:none}}
@media(max-width:768px){.nav-links{will-change:transform,opacity}
.btn{transform:translateZ(0);backface-visibility:hidden}}
@media(prefers-color-scheme:dark) and (max-width:768px){.navbar{background:rgba(17,24,39,0.98);border-bottom-color:rgba(255,255,255,0.1)}
.nav-link{color:var(--gray-300)}
.nav-links{background:var(--gray-900);box-shadow:0 10px 40px rgba(0,0,0,0.5)}}
@media(max-width:768px){*:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:4px}
a,button,.btn{position:relative;z-index:1}}
@supports(padding:max(0)){@media(max-width:768px){.navbar{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}
.footer{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}}}
@media(display-mode:standalone){.navbar{padding-top:calc(1rem + env(safe-area-inset-top))}}
@media print{.navbar,.footer-social,button,.btn{display:none !important}
body{background:white;color:black}
a[href]:after{content:" (" attr(href) ")"}}
@keyframes slideInRight{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
:root{--primary-purple:#6366f1;--primary-purple-dark:#4f46e5;--primary-purple-light:#818cf8;--accent-orange:#f97316;--accent-orange-light:#fb923c;--accent-orange-dark:#ea580c;--accent-gradient:linear-gradient(135deg,#f97316 0,#fb923c 50%,#fbbf24 100%);--hero-gradient:linear-gradient(135deg,#667eea 0,#764ba2 50%,#6366f1 100%);--card-gradient:linear-gradient(180deg,rgba(255,255,255,0.95) 0,rgba(255,255,255,0.9) 100%);--text-on-gradient:#fff;--text-dark:#1e293b;--text-muted:#64748b;--bg-light:#f8fafc;--bg-card:#fff}
@keyframes wave{0%,100%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%,100%{transform:rotate(0)}}
@keyframes ghCardSlideIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes ghShimmer{0%{transform:translateX(-100%) rotate(45deg)}100%{transform:translateX(100%) rotate(45deg)}}
@keyframes ghPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}
@keyframes replaySpin{to{transform:rotate(-360deg)}}
@keyframes tplCardSlideIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes tplShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
@keyframes tplPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}
#login,#register{background:var(--hero-gradient);min-height:100vh;padding:2rem}
#login.active,#register.active{display:flex;align-items:center;justify-content:center}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}
@keyframes popIn{0%{transform:translate(-50%,-50%) scale(0);opacity:0}50%{transform:translate(-50%,-50%) scale(1.1)}100%{transform:translate(-50%,-50%) scale(1);opacity:1}}
@keyframes fadeOut{to{opacity:0;transform:translate(-50%,-50%) scale(0.8)}}
@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}
@keyframes bounce{0%,80%,100%{transform:scale(0)}40%{transform:scale(1)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes modalFadeIn{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}
@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes slideInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}
@keyframes twinkle{0%,100%{opacity:1;transform:scale(1) rotate(0)}50%{opacity:.5;transform:scale(1.2) rotate(180deg)}}
@keyframes confetti-fall{0%{transform:translateY(-100vh) rotate(0);opacity:1}100%{transform:translateY(100vh) rotate(720deg);opacity:0}}
@keyframes csatSlideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes csatFadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.2)}100%{transform:scale(1)}}
#pricing{background:linear-gradient(135deg,#1e1b4b 0,#312e81 100%);min-height:calc(100vh - 70px);padding:3rem 1rem 4rem}
@media(max-width:480px){#pricing{padding:2rem 1rem}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes bounce{0%,80%,100%{transform:scale(0)}40%{transform:scale(1)}}
@keyframes pulse-glow{0%,100%{filter:drop-shadow(0 0 15px rgba(239,68,68,0.6))}50%{filter:drop-shadow(0 0 25px rgba(239,68,68,0.9))}}
@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}
@keyframes scoreBump{0%{transform:scale(1)}50%{transform:scale(1.3);color:#10b981}100%{transform:scale(1)}}
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes correctPulse{0%{transform:scale(1)}50%{transform:scale(1.03)}100%{transform:scale(1)}}
@keyframes slideUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulse-border{0%,100%{box-shadow:0 0 0 0 rgba(59,130,246,0.4)}50%{box-shadow:0 0 0 8px rgba(59,130,246,0)}}
@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
@keyframes reconnectSpin{to{transform:rotate(360deg)}}
@keyframes iconPulse{0%,100%{transform:scale(1);box-shadow:0 8px 20px rgba(99,102,241,0.3)}50%{transform:scale(1.05);box-shadow:0 12px 30px rgba(99,102,241,0.5)}}
@keyframes progressShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
@keyframes phrasePulse{0%,100%{opacity:.8}50%{opacity:1}}
@keyframes readyCelebrate{0%{transform:scale(0.8) rotate(-10deg)}50%{transform:scale(1.1) rotate(5deg)}100%{transform:scale(1) rotate(0)}}
@keyframes failedShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-5px)}40%{transform:translateX(5px)}60%{transform:translateX(-5px)}80%{transform:translateX(5px)}}
@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
#faq{position:relative;z-index:1;isolation:isolate}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes qmSlideIn{from{opacity:0;transform:scale(0.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}
@keyframes confirmSlideIn{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}
.btn-ghost{background:transparent;color:#6b7280;border:2px solid #e5e7eb}
.btn-ghost:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}
.btn-ghost,.btn.btn-ghost{background:#f3f4f6 !important;color:#6b7280 !important;border:none !important;box-shadow:none}
.btn-ghost:hover,.btn.btn-ghost:hover{background:#e5e7eb !important;color:#374151 !important}
.btn-ghost,.btn.btn-ghost{background:#f3f4f6 !important;color:#6b7280 !important;border:none !important;padding:12px 20px;border-radius:12px;font-weight:600}
.btn-ghost:hover,.btn.btn-ghost:hover{background:#e5e7eb !important;color:#374151 !important}
@keyframes fadeIn{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}
@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:768px){.footer{padding:40px 20px 24px}
.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 16px}
.footer-column:first-child{grid-column:1 / -1;text-align:center;margin-bottom:8px}
.footer-title{font-size:1.3rem;margin-bottom:8px}
.footer-description{font-size:.85rem;line-height:1.4;max-width:280px;margin:0 auto 16px}
.footer-social{justify-content:center;gap:12px}
.social-link{width:44px;height:44px;font-size:1.3rem;background:rgba(255,255,255,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center}
.footer-column:not(:first-child){text-align:left}
.footer-column-title{font-size:.9rem;margin-bottom:10px;color:#fff}
.footer-links{gap:8px}
.footer-links li{margin-bottom:6px}
.footer-links a{font-size:.8rem;color:rgba(255,255,255,0.6)}
.footer-legal{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,0.1);text-align:center}
.legal-info p{font-size:.75rem;margin-bottom:4px;color:rgba(255,255,255,0.5)}
.footer-bottom{margin-top:16px;text-align:center}
.footer-bottom p{font-size:.75rem;color:rgba(255,255,255,0.4)}}
@media(max-width:380px){.footer-grid{grid-template-columns:1fr;gap:20px;text-align:center}
.footer-column:not(:first-child){text-align:center}}
@keyframes hb-pulse{0%,100%{box-shadow:0 2px 8px rgba(0,0,0,0.1),0 0 0 0 rgba(239,68,68,0.4)}50%{box-shadow:0 2px 8px rgba(0,0,0,0.1),0 0 0 8px rgba(239,68,68,0)}}
@keyframes hb-sparkle{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
#pricing{background:linear-gradient(180deg,#0a0a0f 0,#12121a 100%);min-height:100vh}
@keyframes urgencyPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(0.9)}}
@keyframes livePulse{0%,100%{box-shadow:0 0 8px #22c55e}50%{box-shadow:0 0 16px #22c55e,0 0 24px #22c55e}}
@keyframes flipIn{0%{opacity:0;transform:rotateX(-90deg) translateY(-10px)}100%{opacity:1;transform:rotateX(0) translateY(0)}}
@keyframes flipOut{0%{opacity:1;transform:rotateX(0) translateY(0)}100%{opacity:0;transform:rotateX(90deg) translateY(10px)}}
@keyframes scoreboardFlipOut{0%{transform:rotateX(0)}100%{transform:rotateX(-180deg)}}
@keyframes scoreboardFlipIn{0%{transform:rotateX(180deg)}100%{transform:rotateX(0)}}
@keyframes exitOverlayFadeIn{from{opacity:0}to{opacity:1}}
@keyframes exitModalSlideIn{from{opacity:0;transform:translateY(20px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes exitWave{0%,100%{transform:rotate(0)}25%{transform:rotate(20deg)}75%{transform:rotate(-15deg)}}
@keyframes proTemplateSlideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
@keyframes proTemplateSlideUp{from{opacity:1;transform:translateY(0);max-height:100px}to{opacity:0;transform:translateY(-10px);max-height:0;padding:0;margin:0;border-width:0}}
@keyframes skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
@keyframes manualSlideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes pulse-pause{0%,100%{transform:scale(1);box-shadow:0 4px 20px rgba(249,115,22,0.4)}50%{transform:scale(1.05);box-shadow:0 6px 30px rgba(249,115,22,0.6)}}
@keyframes slideDown{from{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}
@keyframes slideUp{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}
@keyframes onboardingFadeIn{from{opacity:0}to{opacity:1}}
@keyframes onboardingPulse{0%,100%{box-shadow:0 0 0 4px rgba(168,85,247,0.5),0 0 30px rgba(168,85,247,0.3)}50%{box-shadow:0 0 0 8px rgba(168,85,247,0.3),0 0 50px rgba(168,85,247,0.4)}}
@keyframes onboardingSlideIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes proConfettiFall{to{top:110vh;transform:rotate(720deg);opacity:0}}
@keyframes billingPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}
@keyframes profileSlideDown{from{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:500px;transform:translateY(0)}}
@keyframes profileSlideUp{from{opacity:1;max-height:500px;transform:translateY(0)}to{opacity:0;max-height:0;transform:translateY(-10px)}}
@keyframes avPickerIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
/* ---- articles.css ---- */
.lv2-art-body { background: var(--mq-white, #fff); }

.lv2-art-body .navbar [hidden], .lv2-art-body .nav-mobile-drawer [hidden] { display: none !important; }


.lv2-art-body .wrap { max-width: 1240px; padding: 0 24px; }
@media (max-width: 640px) { .lv2-art-body .wrap { padding: 0 16px; } }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 52px; padding: 0 24px;
  border: 0; border-radius: 14px; font: inherit; font-size: 15px; font-weight: 800; letter-spacing: -.01em; line-height: 1;
  color: #fff; text-decoration: none; white-space: nowrap; cursor: pointer;
  transition: transform .2s var(--mq-ease), background .2s var(--mq-ease), box-shadow .2s var(--mq-ease); }
.btn:hover { transform: translateY(-2px); text-decoration: none; }
.btn:focus-visible { outline: 3px solid var(--mq-primary); outline-offset: 3px; }
.btn-sm { height: 42px; padding: 0 18px; border-radius: 12px; font-size: 14px; }
.btn-ghost { background: rgba(255, 255, 255, .16); color: #fff; border: 1.5px solid rgba(255, 255, 255, .4); }
.btn-ghost:hover { background: rgba(255, 255, 255, .26); }
.eyebrow { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 9999px;
  font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; line-height: 1.2; }
.eyebrow .dot { width: 6px; height: 6px; border-radius: 50%; background: currentColor; flex-shrink: 0; }
.eyebrow.on-light { color: var(--mq-primary-dark); background: rgba(99, 102, 241, .1); }
.eyebrow.on-dark { color: #fff; background: rgba(255, 255, 255, .16); border: 1px solid rgba(255, 255, 255, .25); }



.ar-prose a.btn{text-decoration:none}
a.ar-link,.ar-prose a{color:var(--mq-primary-dark);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:rgba(99,102,241,.3);text-underline-offset:3px;transition:text-decoration-color .2s}
a.ar-link:hover,.ar-prose a:hover{text-decoration-color:var(--mq-primary)}
.ar-hero{position:relative;background:var(--mq-gradient-landing);color:#fff;padding:clamp(2.5rem,6vw,4.5rem) 0 0;overflow:hidden}
.ar-hero::before,.ar-hero::after{content:"";position:absolute;pointer-events:none;border-radius:50%;filter:blur(80px)}
.ar-hero::before{width:620px;height:620px;background:radial-gradient(closest-side,rgba(240,147,251,.55),transparent);top:-200px;left:-140px;animation:heroFloat 9s ease-in-out infinite}
.ar-hero::after{width:520px;height:520px;background:radial-gradient(closest-side,rgba(102,126,234,.6),transparent);bottom:-180px;right:-100px;animation:heroFloat 11s ease-in-out -3s infinite}
.ar-hero .wrap{position:relative;z-index:1}
.ar-hero-wave{display:block;width:100%;height:clamp(40px,6vw,80px);margin-top:clamp(2.5rem,5vw,4rem);position:relative;z-index:1}

.ar-hero-wave{margin-bottom:-2px}
.ar-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;font-weight:600}
.ar-crumbs a{color:rgba(255,255,255,.8);padding:6px 12px;border-radius:9999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);transition:background .2s}
.ar-crumbs a:hover{background:rgba(255,255,255,.24);color:#fff}
.ar-crumbs .sep{opacity:.5}
.ar-title{font-size:clamp(2.2rem,5.4vw,4rem);font-weight:900;line-height:1.03;letter-spacing:-.035em;margin:18px 0 18px;text-wrap:balance}
.ar-title .glow{background:linear-gradient(135deg,#fbbf24 0%,#fb923c 60%,#f59e0b 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.ar-sub{font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.55;color:rgba(255,255,255,.86);max-width:580px;margin:0;text-wrap:pretty}


.ar-search{display:flex;align-items:center;gap:10px;background:#fff;border-radius:18px;padding:8px 8px 8px 20px;max-width:560px;margin-top:28px;box-shadow:0 24px 60px rgba(20,0,60,.3)}
.ar-search input{flex:1;min-width:0;border:0;outline:0;font:inherit;font-size:16px;color:var(--mq-fg-1);background:none;height:44px}
.ar-search input::placeholder{color:var(--mq-gray-400)}
.ar-search .ic{color:var(--mq-gray-400);flex-shrink:0}
.ar-hero-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.ar-hero-chips span{font-size:13px;color:rgba(255,255,255,.75);padding:6px 0}
.ar-hero-chips a{font-size:13px;font-weight:600;padding:6px 12px;border-radius:9999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);color:#fff;transition:background .2s}
.ar-hero-chips a:hover{background:rgba(255,255,255,.26)}


.ar-list-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(2rem,5vw,4rem);align-items:center}
@media (max-width:940px){.ar-list-hero{grid-template-columns:1fr}.ar-stack{display:none}}
.ar-stack{position:relative;height:340px}
.ar-stack .sc{position:absolute;width:250px;border-radius:22px;overflow:hidden;background:#fff;color:var(--mq-fg-1);box-shadow:0 30px 60px rgba(20,0,60,.35);animation:floatY 6s ease-in-out infinite}
.ar-stack .sc .th{height:110px;background-size:cover;background-position:center;position:relative}
.ar-stack .sc .bd{padding:12px 14px 14px}
.ar-stack .sc .k{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--mq-primary-dark)}
.ar-stack .sc .t{font-size:14px;font-weight:800;line-height:1.25;margin-top:4px;letter-spacing:-.01em}
.ar-stack .s1{top:10px;left:0;--r:-6deg;transform:rotate(-6deg)}
.ar-stack .s2{top:80px;right:0;--r:5deg;transform:rotate(5deg);animation-delay:-2s;z-index:2}
.ar-stack .s3{bottom:0;left:50px;--r:-2deg;transform:rotate(-2deg);animation-delay:-4s;width:220px}
.ar-stack .pin{position:absolute;z-index:3;top:0;right:30px;background:var(--mq-grad-amber);color:#fff;padding:10px 14px;border-radius:14px;font-weight:800;font-size:13px;box-shadow:0 12px 30px rgba(245,158,11,.45);--r:8deg;transform:rotate(8deg);animation:floatY 5s ease-in-out -1s infinite}
.ar-stack .pin b{font-family:var(--mq-font-mono);letter-spacing:.2em;font-size:16px;margin-left:6px}


.ar-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin-bottom:28px}
.ar-tabs{display:flex;flex-wrap:wrap;gap:6px;background:var(--mq-gray-100);padding:5px;border-radius:16px}
.ar-tab{border:0;background:none;font:inherit;font-size:14px;font-weight:700;color:var(--mq-gray-600);padding:10px 16px;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s var(--mq-ease)}
.ar-tab:hover{color:var(--mq-primary-dark)}
.ar-tab.active{background:#fff;color:var(--mq-primary-dark);box-shadow:0 2px 10px rgba(99,102,241,.18)}
.ar-tab .n{font-size:11px;font-weight:800;background:var(--mq-gray-200);color:var(--mq-gray-600);padding:2px 7px;border-radius:9999px}
.ar-tab.active .n{background:var(--mq-gradient-main);color:#fff}
.ar-sort{font-size:14px;color:var(--mq-fg-2);display:flex;gap:6px;align-items:center}
.ar-sort b{color:var(--mq-fg-1)}


.ar-feat{display:grid;grid-template-columns:1.1fr 1fr;border-radius:28px;overflow:hidden;background:var(--mq-gradient-main);color:#fff;position:relative;box-shadow:0 30px 70px -20px rgba(76,29,149,.45);transition:transform .35s var(--mq-ease-out),box-shadow .35s var(--mq-ease-out)}
.ar-feat:hover{transform:translateY(-4px);box-shadow:0 40px 80px -20px rgba(76,29,149,.55)}
.ar-feat::before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(closest-side,rgba(240,147,251,.5),transparent);right:20%;top:-180px;filter:blur(40px);pointer-events:none}
.ar-feat-copy{padding:clamp(28px,4vw,48px);display:flex;flex-direction:column;gap:16px;position:relative;z-index:1}
.ar-feat-copy h2{margin:0;font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:900;line-height:1.08;letter-spacing:-.03em;text-wrap:balance}
.ar-feat-copy p{margin:0;font-size:16px;line-height:1.6;color:rgba(255,255,255,.85);max-width:480px;text-wrap:pretty}
.ar-feat-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:8px}
.ar-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:6px 12px;border-radius:9999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22)}
.ar-feat-vis{position:relative;display:flex;align-items:center;justify-content:center;padding:32px;min-height:360px;background-size:cover;background-position:center}
.ar-feat-vis::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(118,75,162,1) 0%,rgba(118,75,162,.55) 40%,rgba(118,75,162,.2) 100%)}
@media (max-width:880px){.ar-feat{grid-template-columns:1fr}.ar-feat-vis::before{background:linear-gradient(180deg,rgba(118,75,162,.2),rgba(118,75,162,.85))}}
.ar-qprev{position:relative;z-index:1;background:#fff;color:var(--mq-fg-1);border-radius:20px;padding:18px;width:100%;max-width:340px;box-shadow:0 30px 60px rgba(20,0,60,.35);transform:rotate(2deg)}
.ar-qprev .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.ar-qprev .lbl{font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--mq-primary-dark)}
.ar-qprev .tm{width:34px;height:34px;border-radius:50%;background:var(--mq-grad-amber);color:#fff;font-weight:900;font-size:13px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(245,158,11,.5)}
.ar-qprev .q{font-size:15px;font-weight:800;line-height:1.3;margin-bottom:12px;letter-spacing:-.01em}
.ar-qprev .opts{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.ar-qprev .o{padding:11px 10px;border-radius:10px;color:#fff;font-size:12px;font-weight:700}
.o-r{background:var(--mq-grad-red)}.o-b{background:var(--mq-grad-blue)}.o-g{background:var(--mq-grad-green)}.o-y{background:var(--mq-grad-amber)}


.ar-shead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:clamp(3rem,6vw,4.5rem) 0 24px;flex-wrap:wrap}
.ar-shead h2{margin:10px 0 0;font-size:var(--mq-text-h2);font-weight:900;letter-spacing:-.03em;line-height:1.1}
.ar-shead p{margin:8px 0 0;color:var(--mq-fg-2);font-size:15px;max-width:520px}
.ar-more{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:14px;color:var(--mq-primary-dark);padding:12px 18px;border-radius:14px;background:rgba(99,102,241,.08);transition:all .2s var(--mq-ease)}
.ar-more:hover{background:var(--mq-primary);color:#fff;transform:translateY(-2px)}


.ar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media (max-width:980px){.ar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.ar-grid{grid-template-columns:1fr}}
.ar-card{background:#fff;border-radius:24px;overflow:hidden;border:1px solid var(--mq-gray-100);box-shadow:var(--mq-shadow-card);display:flex;flex-direction:column;transition:transform .3s var(--mq-ease),box-shadow .3s var(--mq-ease);position:relative}
.ar-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px -16px rgba(76,29,149,.3)}
.ar-card .cv{height:180px;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:14px}
.ar-card .cv .img{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.55;mix-blend-mode:luminosity;transition:transform .5s var(--mq-ease-out)}
.ar-card:hover .cv .img{transform:scale(1.06)}
.ar-card .cv .big{position:relative;z-index:1;color:#fff;display:flex;align-items:baseline;gap:8px}
.ar-card .cv .big b{font-size:54px;font-weight:900;letter-spacing:-.04em;line-height:.9}
.ar-card .cv .big span{font-size:13px;font-weight:700;opacity:.92;max-width:90px;line-height:1.2}
.ar-card .cv .kind{position:absolute;z-index:1;top:14px;left:14px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#fff;padding:5px 10px;border-radius:9999px;background:rgba(255,255,255,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.28)}
.ar-card .cv .play{position:absolute;z-index:1;top:12px;right:12px;width:40px;height:40px;border-radius:50%;background:#fff;color:var(--mq-primary-dark);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.2);transition:transform .25s var(--mq-ease)}
.ar-card:hover .cv .play{transform:scale(1.1)}
.cv-purple{background:var(--mq-grad-purple)}.cv-teal{background:var(--mq-grad-teal)}.cv-pink{background:var(--mq-grad-pink)}.cv-blue{background:var(--mq-grad-blue)}.cv-orange{background:var(--mq-grad-orange)}.cv-green{background:var(--mq-grad-green)}.cv-indigo{background:var(--mq-grad-indigo)}.cv-amber{background:var(--mq-grad-amber)}
.ar-card .bd{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.ar-card h3{margin:0;font-size:18px;font-weight:800;line-height:1.25;letter-spacing:-.015em;text-wrap:balance}
.ar-card p{margin:0;font-size:14px;line-height:1.55;color:var(--mq-fg-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ar-card .mt{margin-top:auto;padding-top:10px;display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:600;color:var(--mq-gray-500)}
.ar-card .mt .d{width:4px;height:4px;border-radius:50%;background:var(--mq-gray-300)}
.ar-card .mt .go{margin-left:auto;color:var(--mq-primary-dark);font-weight:800;opacity:0;transform:translateX(-6px);transition:all .25s var(--mq-ease)}
.ar-card:hover .mt .go{opacity:1;transform:none}
.ar-card.wide{grid-column:span 2;flex-direction:row}
.ar-card.wide .cv{height:auto;width:46%;flex-shrink:0;min-height:260px}
.ar-card.wide h3{font-size:24px}
.ar-card.wide p{-webkit-line-clamp:3}
@media (max-width:600px){.ar-card.wide{grid-column:auto;flex-direction:column}.ar-card.wide .cv{width:auto;min-height:180px}}


.ar-cta{margin-top:clamp(3.5rem,7vw,5.5rem);border-radius:32px;background:var(--mq-gradient-landing);color:#fff;padding:clamp(32px,5vw,56px);position:relative;overflow:hidden;display:grid;grid-template-columns:1.3fr auto;gap:28px;align-items:center}
.ar-cta::before{content:"";position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(closest-side,rgba(240,147,251,.5),transparent);right:-120px;top:-200px;filter:blur(40px)}
.ar-cta>*{position:relative;z-index:1}
.ar-cta h2{margin:12px 0 10px;font-size:clamp(1.8rem,3.6vw,2.6rem);font-weight:900;letter-spacing:-.03em;line-height:1.08;text-wrap:balance}
.ar-cta p{margin:0;color:rgba(255,255,255,.85);font-size:16px;line-height:1.55;max-width:520px}
.ar-cta .acts{display:flex;flex-direction:column;gap:10px;align-items:stretch}
@media (max-width:760px){.ar-cta{grid-template-columns:1fr}}


.ar-art-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(2rem,5vw,4rem);align-items:center}
@media (max-width:980px){.ar-art-hero{grid-template-columns:1fr}}
.ar-facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.ar-fact{display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:16px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.ar-fact .fi{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px}
.ar-fact .fv{font-weight:900;font-size:16px;line-height:1;letter-spacing:-.01em}
.ar-fact .fl{font-size:11px;opacity:.78;margin-top:3px;font-weight:600}
.ar-author{display:flex;align-items:center;gap:10px;margin-top:22px;font-size:14px;color:rgba(255,255,255,.85)}
.ar-author .av{width:36px;height:36px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.2)}
.ar-author .av img{width:22px;height:22px}
.ar-author b{color:#fff}
.ar-launch{background:#fff;color:var(--mq-fg-1);border-radius:28px;padding:24px;box-shadow:0 30px 80px rgba(20,0,60,.35),0 4px 18px rgba(76,29,149,.25);position:relative;max-width:400px;justify-self:end;width:100%}
@media (max-width:980px){.ar-launch{justify-self:start}}
.ar-launch .lbl{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--mq-primary-dark)}
.ar-launch h3{margin:6px 0 14px;font-size:20px;font-weight:900;letter-spacing:-.02em;line-height:1.2}
.ar-rounds{display:grid;gap:6px;margin-bottom:16px}
.ar-rounds .r{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;background:var(--mq-gray-50);font-size:13.5px;font-weight:700}
.ar-rounds .r .n{width:26px;height:26px;border-radius:8px;color:#fff;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ar-rounds .r .c{margin-left:auto;font-size:12px;color:var(--mq-gray-500);font-weight:600}
.ar-launch .btn{width:100%}
.ar-launch .note{text-align:center;font-size:12px;color:var(--mq-gray-500);margin-top:10px}
.ar-launch .deco-tile{font-size:12px}

.ar-draft{display:flex;align-items:center;gap:10px;background:var(--mq-warning-light);color:var(--mq-warning-dark);border-radius:14px;padding:10px 14px;font-size:13.5px;font-weight:700;margin-bottom:28px}
.ar-draft .dot{width:8px;height:8px;border-radius:50%;background:var(--mq-warning);box-shadow:0 0 0 4px rgba(245,158,11,.2)}

.ar-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(2rem,5vw,4rem);align-items:start}
@media (max-width:1040px){.ar-layout{grid-template-columns:minmax(0,1fr)}.ar-aside{display:none}}
.ar-main{max-width:760px}
.ar-aside{position:sticky;top:110px;display:grid;gap:16px}
.ar-toc{background:#fff;border:1px solid var(--mq-gray-100);border-radius:22px;padding:18px;box-shadow:var(--mq-shadow-card)}
.ar-toc .h{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--mq-gray-500);margin-bottom:10px}
.ar-toc a{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:10px;font-size:13.5px;font-weight:600;color:var(--mq-gray-700);line-height:1.35;transition:all .15s}
.ar-toc a:hover{background:var(--mq-gray-100);color:var(--mq-primary-dark)}
.ar-toc a.on{background:rgba(99,102,241,.1);color:var(--mq-primary-dark)}
.ar-toc a .b{width:6px;height:6px;border-radius:50%;background:currentColor;margin-top:6px;flex-shrink:0;opacity:.5}
.ar-toc a.on .b{opacity:1}
.ar-prog{height:6px;border-radius:9999px;background:var(--mq-gray-100);overflow:hidden;margin-top:12px}
.ar-prog i{display:block;height:100%;width:0;background:var(--mq-gradient-main);border-radius:inherit;transition:width .15s}
.ar-mini{background:var(--mq-gradient-main);color:#fff;border-radius:22px;padding:20px;position:relative;overflow:hidden}
.ar-mini::before{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(closest-side,rgba(240,147,251,.6),transparent);top:-80px;right:-60px}
.ar-mini>*{position:relative}
.ar-mini h4{margin:0 0 6px;font-size:17px;font-weight:900;letter-spacing:-.01em}
.ar-mini p{margin:0 0 14px;font-size:13px;line-height:1.5;color:rgba(255,255,255,.85)}
.ar-mini .btn{width:100%}

.ar-tldr{position:relative;border-radius:24px;padding:24px 26px;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(240,147,251,.12));display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start}
.ar-tldr .ic{width:48px;height:48px;border-radius:14px;background:var(--mq-gradient-main);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 8px 20px rgba(102,126,234,.4)}
.ar-tldr .k{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--mq-primary-dark);margin-bottom:6px}
.ar-tldr p{margin:0!important;font-size:17px;line-height:1.65;color:var(--mq-fg-1);text-wrap:pretty}

.ar-prose{font-size:17px;line-height:1.7;color:var(--mq-gray-800);letter-spacing:-.005em}
.ar-prose h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:900;letter-spacing:-.025em;line-height:1.15;margin:clamp(2.5rem,5vw,3.5rem) 0 18px;color:var(--mq-fg-1);text-wrap:balance;scroll-margin-top:110px}
.ar-prose p{margin:0 0 16px;text-wrap:pretty}


.ar-tl-bar{display:flex;height:14px;border-radius:9999px;overflow:hidden;gap:3px;margin:6px 0 18px}
.ar-tl-bar i{display:block;height:100%}
.ar-tl{display:grid;gap:0;position:relative}
.ar-tl .row{display:grid;grid-template-columns:96px 22px 1fr;gap:14px;align-items:start;padding:10px 0}
.ar-tl .t{font-family:var(--mq-font-mono);font-weight:900;font-size:14px;color:var(--mq-primary-dark);padding-top:2px;white-space:nowrap}
.ar-tl .dt{position:relative;display:flex;justify-content:center;height:100%}
.ar-tl .dt::before{content:"";position:absolute;top:0;bottom:-20px;width:2px;background:var(--mq-gray-200)}
.ar-tl .row:last-child .dt::before{display:none}
.ar-tl .dt i{position:relative;width:14px;height:14px;border-radius:50%;margin-top:4px;box-shadow:0 0 0 4px #fff}
.ar-tl .tx{font-size:15.5px;line-height:1.55;color:var(--mq-gray-700)}
.ar-tl .tx b{color:var(--mq-fg-1)}
.ar-tl .row.round .tx{background:var(--mq-gray-50);border-radius:14px;padding:10px 14px;margin-top:-8px}
@media (max-width:560px){.ar-tl .row{grid-template-columns:74px 18px 1fr;gap:10px}.ar-tl .t{font-size:12px}}


.ar-prose ol.ar-steps{list-style:none;padding:0;margin:8px 0 24px}
.ar-step{position:relative;display:grid;grid-template-columns:32px 1fr;column-gap:16px;padding-bottom:26px;margin:0}
.ar-step:last-child{padding-bottom:0}
.ar-step::before{content:"";position:absolute;left:15.5px;top:40px;bottom:6px;width:1px;background:var(--mq-gray-200)}
.ar-step:last-child::before{display:none}
.ar-step .num{width:32px;height:32px;border-radius:50%;background:rgba(99,102,241,.1);color:var(--mq-primary-dark);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;font-variant-numeric:tabular-nums}
.ar-step h3{margin:3px 0 6px;font-size:18px;font-weight:800;line-height:1.35;letter-spacing:-.01em}
.ar-step p{margin:0!important;color:var(--mq-gray-700)}
@media (max-width:560px){.ar-step{column-gap:12px;padding-bottom:22px}.ar-step h3{font-size:17px}}


.ar-round{border-radius:24px;padding:22px 24px;color:#fff;position:relative;overflow:hidden;margin:clamp(2.5rem,5vw,3.5rem) 0 16px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;scroll-margin-top:110px}
.ar-round::after{content:attr(data-n);position:absolute;right:18px;bottom:-34px;font-size:150px;font-weight:900;line-height:1;opacity:.16;letter-spacing:-.06em}
.ar-round .rn{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;opacity:.9}
.ar-round h2{margin:4px 0 0!important;color:#fff!important;font-size:clamp(1.4rem,2.6vw,1.8rem)!important}
.ar-round .rm{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto;position:relative;z-index:1}


.ar-q{background:#fff;border:1px solid var(--mq-gray-100);border-radius:22px;padding:20px;box-shadow:var(--mq-shadow-card);margin-bottom:14px}
.ar-q .qh{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}
.ar-q .qn{flex-shrink:0;min-width:36px;height:36px;border-radius:11px;background:var(--mq-gray-100);color:var(--mq-gray-600);font-family:var(--mq-font-mono);font-weight:900;font-size:14px;display:flex;align-items:center;justify-content:center}
.ar-q h3{margin:6px 0 0;font-size:17px;font-weight:800;line-height:1.35;letter-spacing:-.01em;flex:1;color:var(--mq-fg-1)}
.ar-q .tmr{flex-shrink:0;font-size:12px;font-weight:700;color:var(--mq-gray-500);padding:6px 10px;border-radius:9999px;background:var(--mq-gray-50);margin-top:2px}
.ar-opts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
@media (max-width:560px){.ar-opts{grid-template-columns:1fr}}
.ar-opt{border:0;font:inherit;text-align:left;cursor:pointer;padding:14px 16px;border-radius:14px;color:#fff;font-size:15px;font-weight:700;display:flex;align-items:center;gap:10px;transition:transform .2s var(--mq-ease),opacity .3s var(--mq-ease),filter .3s,box-shadow .3s;box-shadow:0 4px 12px rgba(0,0,0,.1)}
.ar-opt:hover{transform:translateY(-2px)}
.ar-opt .sh{width:22px;height:22px;border-radius:7px;background:rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0}
.ar-opt .ck{margin-left:auto;width:24px;height:24px;border-radius:50%;background:#fff;color:var(--mq-success);font-size:13px;font-weight:900;display:none;align-items:center;justify-content:center}
.ar-q.revealed .ar-opt{cursor:default;transform:none}
.ar-q.revealed .ar-opt:not(.right){opacity:.35;filter:saturate(.3)}
.ar-q.revealed .ar-opt.right{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--mq-success),0 10px 24px rgba(16,185,129,.35)}
.ar-q.revealed .ar-opt.right .ck{display:flex}
.ar-q.revealed .ar-opt.picked:not(.right){opacity:.6;box-shadow:0 0 0 3px #fff,0 0 0 5px var(--mq-error)}
.ar-q .ft{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;flex-wrap:wrap}
.ar-q .hint{font-size:13px;color:var(--mq-gray-500)}
.ar-q .fact{display:none;font-size:14px;line-height:1.55;color:var(--mq-gray-700);background:var(--mq-success-light);border-radius:12px;padding:10px 14px;margin-top:12px}
.ar-q .fact b{color:var(--mq-success-dark)}
.ar-q.revealed .fact{display:block}
.ar-reveal{border:0;background:none;font:inherit;font-size:13px;font-weight:800;color:var(--mq-primary-dark);cursor:pointer;padding:6px 10px;border-radius:10px}
.ar-reveal:hover{background:rgba(99,102,241,.08)}
.ar-q.revealed .ar-reveal{display:none}
.ar-roundbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 18px;border-radius:16px;background:var(--mq-gray-50);border:1px dashed var(--mq-gray-300);font-size:14px;color:var(--mq-fg-2)}
.ar-roundbar b{color:var(--mq-fg-1)}


.ar-tips{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:640px){.ar-tips{grid-template-columns:1fr}}
.ar-tip{background:#fff;border:1px solid var(--mq-gray-100);border-radius:20px;padding:20px;box-shadow:var(--mq-shadow-card);font-size:15px;line-height:1.6;color:var(--mq-gray-700);display:flex;flex-direction:column;gap:12px}
.ar-tip .ti{width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:20px}
.ar-tip b{display:block;color:var(--mq-fg-1);font-size:16px;margin-bottom:2px;letter-spacing:-.01em}


.ar-faq{display:grid;gap:10px}
.ar-faq details{background:#fff;border:1px solid var(--mq-gray-100);border-radius:18px;box-shadow:var(--mq-shadow-card);transition:box-shadow .2s}
.ar-faq details[open]{box-shadow:0 0 0 2px var(--mq-primary),0 12px 30px rgba(102,126,234,.2)}
.ar-faq summary{list-style:none;cursor:pointer;padding:18px 20px;font-weight:800;font-size:16px;display:flex;align-items:center;gap:14px;letter-spacing:-.01em}
.ar-faq summary::-webkit-details-marker{display:none}
.ar-faq summary .pl{margin-left:auto;width:30px;height:30px;border-radius:10px;background:var(--mq-gray-100);color:var(--mq-gray-600);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0;transition:all .25s var(--mq-ease)}
.ar-faq details[open] .pl{transform:rotate(45deg);background:var(--mq-gradient-main);color:#fff}
.ar-faq .ans{padding:0 20px 18px;font-size:15px;line-height:1.6;color:var(--mq-fg-2)}

.ar-related{background:var(--mq-gray-50);padding:clamp(3rem,6vw,5rem) 0;margin-top:clamp(3rem,6vw,5rem)}
.ar-related .ar-shead{margin-top:0}


.btn-cta{background:#ff8a00!important;box-shadow:0 8px 22px rgba(255,138,0,.35)!important}
.btn-cta:hover{background:#ff7b00!important}
.btn-purple{background:var(--mq-primary)!important;box-shadow:0 8px 22px rgba(99,102,241,.3)!important}
.btn-purple:hover{background:var(--mq-primary-dark)!important}
.btn-white{background:#fff;color:var(--mq-primary-dark)!important}
.ar-tab.active .n{background:var(--mq-primary)}
.ar-prog i{background:var(--mq-primary)}
.ar-feat,.ar-mini{background:var(--mq-gradient-landing)}
.ar-lede{font-size:clamp(18px,1.6vw,20px)!important;line-height:1.65;color:var(--mq-gray-700);margin:0 0 20px!important;text-wrap:pretty}
.ar-fact-card{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;background:#eef6fd;border-radius:20px;padding:18px 20px}
.ar-fact-card .tg,.ar-tgx .tg{width:40px;height:40px;border-radius:12px;background:#229ED9;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ar-fact-card .k{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#1c7fb0;margin-bottom:4px}
.ar-fact-card p{margin:0 0 6px!important;font-size:16px;line-height:1.55;color:var(--mq-fg-1)}
.ar-fact-card .ar-link{font-size:14px;font-weight:700}
.ar-play{margin:20px 0 0;border-radius:18px;background:rgba(99,102,241,.07);padding:16px 18px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.ar-play p{flex:1;min-width:240px;margin:0!important;font-size:15.5px;line-height:1.55;color:var(--mq-gray-700)}
.ar-play p b{color:var(--mq-fg-1)}
.ar-aside .ar-mini{opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .4s var(--mq-ease-out),transform .4s var(--mq-ease-out)}
.ar-aside .ar-mini.show{opacity:1;transform:none;pointer-events:auto}
.ar-result{background:#fff;border:1px solid var(--mq-gray-100);border-radius:24px;box-shadow:var(--mq-shadow-card);padding:22px;display:grid;gap:16px}
.ar-result .sc{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.ar-result .k{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--mq-gray-500)}
.ar-result .v{font-size:18px;font-weight:700;color:var(--mq-fg-2)}
.ar-result .v b{font-size:40px;font-weight:900;color:var(--mq-primary-dark);letter-spacing:-.03em}
.ar-result .msg{flex:1;min-width:200px;font-size:15px;color:var(--mq-fg-2);line-height:1.5}
.ar-result .lv{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
@media (max-width:640px){.ar-result .lv{grid-template-columns:1fr 1fr}}
.ar-result .l{border-radius:16px;background:var(--mq-gray-50);border:2px solid transparent;padding:14px 12px;display:flex;flex-direction:column;gap:4px;transition:all .3s var(--mq-ease)}
.ar-result .l .e{font-size:24px}
.ar-result .l b{font-size:14.5px;line-height:1.25;color:var(--mq-fg-1)}
.ar-result .l .r{font-size:12px;color:var(--mq-gray-500);font-weight:600}
.ar-result .l.on{background:rgba(99,102,241,.08);border-color:var(--mq-primary);transform:translateY(-3px);box-shadow:0 10px 24px rgba(99,102,241,.2)}
.ar-result .ft{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:14px;color:var(--mq-fg-2);padding-top:14px;border-top:1px solid var(--mq-gray-100)}
.ar-tgx{margin-top:clamp(2.5rem,5vw,3.5rem);border-radius:24px;background:#eef6fd;padding:clamp(22px,3.5vw,32px);display:grid;gap:18px;scroll-margin-top:110px}
.ar-tgx .hd{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start}
.ar-tgx .tg{width:52px;height:52px;border-radius:16px}
.ar-tgx .k{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#1c7fb0}
.ar-tgx h2{margin:4px 0 6px!important;font-size:clamp(1.4rem,2.6vw,1.8rem)!important}
.ar-tgx p{margin:0!important;font-size:15px;color:var(--mq-fg-2)}
.ar-tgx .posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media (max-width:640px){.ar-tgx .posts{grid-template-columns:1fr}}
.ar-tgx .po{background:#fff;border-radius:16px 16px 16px 4px;padding:14px;font-size:14px;line-height:1.5;color:var(--mq-fg-1);box-shadow:0 2px 8px rgba(28,127,176,.08)}
.ar-tgx .po .d{display:block;font-size:11px;font-weight:700;color:#1c7fb0;margin-bottom:4px}
.ar-btn-tg{background:#229ED9;color:#fff!important;justify-self:start;box-shadow:0 8px 22px rgba(34,158,217,.3)}
.ar-btn-tg:hover{background:#1c8cc2}


.ar-q .ar-opt{background:#fff!important;color:var(--mq-fg-1);border:1.5px solid var(--mq-gray-200);box-shadow:none;font-weight:600}
.ar-q .ar-opt:hover{border-color:var(--mq-primary);background:rgba(99,102,241,.04)!important;transform:none}
.ar-q .ar-opt .sh{background:var(--mq-gray-100);color:var(--mq-gray-500);font-family:var(--mq-font-mono);font-weight:800;font-size:0}
.ar-q .ar-opt .sh::before{font-size:12px}
.ar-q .ar-opt:nth-child(1) .sh::before{content:"А"}.ar-q .ar-opt:nth-child(2) .sh::before{content:"Б"}.ar-q .ar-opt:nth-child(3) .sh::before{content:"В"}.ar-q .ar-opt:nth-child(4) .sh::before{content:"Г"}
.ar-q.revealed .ar-opt:not(.right){opacity:.55;filter:none}
.ar-q.revealed .ar-opt.right{background:var(--mq-success-light)!important;border-color:var(--mq-success);box-shadow:none;color:var(--mq-success-dark)}
.ar-q.revealed .ar-opt.right .sh,.ar-q.revealed .ar-opt.right .ck{background:var(--mq-success);color:#fff}
.ar-q.revealed .ar-opt.picked:not(.right){opacity:1;background:var(--mq-error-light)!important;border-color:var(--mq-error);box-shadow:none;color:var(--mq-error-dark)}

.ar-fact-card{display:block;margin:8px 0 0;background:#fff;border:1px solid var(--mq-gray-200);border-radius:20px;padding:20px 22px;box-shadow:var(--mq-shadow-card)}
.ar-fact-card .ch{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.ar-fact-card .ch .av{width:36px;height:36px;border-radius:50%;background:var(--mq-gradient-landing);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ar-fact-card .ch .av img{width:20px;height:20px;filter:brightness(0) invert(1)}
.ar-fact-card .ch b{display:block;font-size:15px;line-height:1.2;color:var(--mq-fg-1)}
.ar-fact-card .ch span{font-size:12.5px;color:var(--mq-gray-500)}
.ar-fact-card blockquote{margin:0;font-size:18px;line-height:1.6;color:var(--mq-fg-1);font-weight:500;text-wrap:pretty}
.ar-fact-card .sub{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-size:14px;font-weight:700;color:#1c7fb0!important;text-decoration:none!important;padding:8px 12px;border-radius:10px;background:#eef6fd;transition:background .2s}
.ar-fact-card .sub:hover{background:#dcedfb}



.ar-card, .ar-toc a, .ar-more { color: inherit; text-decoration: none; }
.ar-more { color: var(--mq-primary-dark); }
.ar-crumbs a { color: rgba(255, 255, 255, .85); text-decoration: none; }
.btn-cta, .btn-purple { color: #fff !important; }
.ar-hero .navbar-spacer { height: 48px; }
.ar-launch .deco-tile { top: -18px; left: -22px; }
.ar-launch-sub { margin: 0 0 16px; font-size: 14px; line-height: 1.5; color: var(--mq-fg-2); }
.ar-page { padding-bottom: 1rem; }
.ar-main { min-width: 0; }

.ar-prose ul, .ar-prose ol { padding-left: 1.4em; margin: 0 0 16px; }
.ar-prose li { margin-bottom: 6px; }
.ar-prose h3 { color: var(--mq-fg-1); }
.ar-callout { background: var(--mq-warning-light); color: var(--mq-gray-800); border-radius: 18px; padding: 16px 20px;
  margin: 20px 0; font-size: 16px; line-height: 1.6; }
.ar-tip .ti-0 { background: #fef3c7; } .ar-tip .ti-1 { background: #fce7f3; }
.ar-tip .ti-2 { background: #dbeafe; } .ar-tip .ti-3 { background: #d1fae5; }
.ar-fact-note { margin: 12px 0 0 !important; font-size: 13px !important; font-weight: 700; color: var(--mq-warning-dark) !important; }
.ar-result { scroll-margin-top: 190px; }
.ar-card .cv .glyph { position: absolute; top: 50%; right: 18px; transform: translateY(-50%); font-size: 76px; line-height: 1;
  color: transparent; text-shadow: 0 0 0 rgba(255, 255, 255, .55); user-select: none; }

.ar-more-btn { display: none; width: 100%; margin: 18px 0 0; padding: 16px; border-radius: 16px; border: 1.5px dashed var(--mq-gray-300);
  background: var(--mq-gray-50); font: inherit; font-size: 15px; font-weight: 800; color: var(--mq-primary-dark);
  cursor: pointer; justify-content: center; transition: background .2s, border-color .2s; }
.ar-more-btn:hover { background: rgba(99, 102, 241, .06); border-color: var(--mq-primary); }
.js .ar-more-btn { display: flex; }
.js .ar-more-btn[aria-expanded="true"] { display: none; }
.js .ar-more-rounds:not(.open) { display: none; }

.ar-q .fact { display: block; }
.js .ar-q:not(.revealed) .fact { display: none; }
html:not(.js) .ar-q .ft, html:not(.js) .ar-result .sc { display: none; }
html:not(.js) .ar-aside .ar-mini { opacity: 1; transform: none; pointer-events: auto; }

@media (max-width: 1040px) { .ar-aside { display: none; } }

.ar-opt, .ar-toc a { justify-content: flex-start; }
.ar-card { align-items: stretch; justify-content: flex-start; }
.ar-title { hyphens: manual; -webkit-hyphens: manual; }
.ar-rounds .r .c { white-space: nowrap; padding-left: 6px; }
.ar-result .ft > span { flex: 1; min-width: 220px; }

html, .lv2-art-body { overflow-x: clip; overflow-y: visible; }


.lv2-art-body .ar-list { padding-bottom: clamp(3rem, 6vw, 5rem); }
.ar-list-hero.solo { grid-template-columns: 1fr; }
.ar-tab, .ar-more, .ar-hero-chips a, a.ar-card, a.ar-feat, a.ar-card:hover, a.ar-feat:hover { text-decoration: none; }
a.ar-card, a.ar-card:hover { color: var(--mq-fg-1); }
a.ar-feat, a.ar-feat:hover, .ar-hero-chips a:hover { color: #fff; }
.ar-tab:hover { text-decoration: none; }
.ar-search input::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; }
.ar-stack .sc .th { overflow: hidden; }
.ar-stack .sc .th .img { position: absolute; inset: 0; background-size: cover; background-position: center; opacity: .6; mix-blend-mode: luminosity; }
.ar-stack .sc .th .glyph { position: absolute; top: 50%; right: 16px; transform: translateY(-50%); font-size: 56px; line-height: 1;
  color: transparent; text-shadow: 0 0 0 rgba(255, 255, 255, .6); }
.ar-feat-act { display: flex; gap: 10px; flex-wrap: wrap; }
.ar-feat-vis.noimg::before { display: none; }
.ar-feat-vis .glyph { position: relative; z-index: 1; font-size: 140px; line-height: 1; color: transparent;
  text-shadow: 0 0 0 rgba(255, 255, 255, .5); user-select: none; }
.ar-pages { display: flex; gap: 12px; align-items: center; justify-content: center; margin-top: 36px;
  font-size: 14px; font-weight: 700; color: var(--mq-fg-2); }
.ar-empty-note { color: var(--mq-fg-3); text-align: center; padding: 48px 0; }

.ar-feat { align-items: stretch; justify-content: initial; }
.ar-feat-copy .eyebrow { align-self: flex-start; }

.ar-cta .btn-ghost { background: rgba(255, 255, 255, .16) !important; color: #fff !important;
  border: 1.5px solid rgba(255, 255, 255, .4) !important; }
.ar-cta .btn-ghost:hover { background: rgba(255, 255, 255, .26) !important; }

.ar-search .btn, .ar-feat-act .btn { width: auto; flex: 0 0 auto; }

img.img, .ar-feat-img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; max-width: none; }
.ar-feat-img { position: absolute; inset: 0; z-index: 0; }
.ar-feat-vis::before { z-index: 1; }