/* Salon Bills — shared design system
   Edit this file once to restyle the whole site. */

   @import url("https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap");

   :root {
     /* Brand */
     --orange: #FF4E1B;
     --orange-deep: #e03a0c;
     --orange-glow: rgba(255, 77, 26, 0.45);
     --accent: var(--orange);
     --accent-deep: var(--orange-deep);
   
     /* Type */
     --font: Outfit, system-ui, sans-serif;
     --fw-display: 600;
     --fw-title: 600;
     --fw-strong: 600;
     --track-display: -0.022em;
     --track-title: -0.018em;
     --track-wordmark: -0.035em;
   
     /* Surfaces */
     --ink: #111111;
     --ink-2: #12141c;
     --ink-3: #1a1d28;
     --muted: #8b92a5;
     --muted-2: #b4bac8;
     --line: rgba(255, 255, 255, 0.08);
     --line-dark: rgba(10, 11, 15, 0.1);
     --fog: #f3f4f8;
     --white: #ffffff;
     --surface: #ffffff;
     --canvas: #F4F2EF;
     --soft: var(--fog);
     --soft-2: #e8eaf0;
   
     /* Gradients */
     --grad-hero: linear-gradient(135deg, #0a0b0f 0%, #1a1020 42%, #2a1208 78%, #0a0b0f 100%);
     --grad-card: linear-gradient(160deg, #1c1f2b 0%, #12141c 55%, #0e1018 100%);
     --grad-orange: linear-gradient(135deg, #ff6a33 0%, #ff4d1a 45%, #c92e0a 100%);
     --grad-mesh: radial-gradient(ellipse 80% 60% at 20% 10%, rgba(255, 77, 26, 0.22), transparent 55%),
       radial-gradient(ellipse 70% 50% at 90% 20%, rgba(99, 102, 241, 0.14), transparent 50%),
       radial-gradient(ellipse 60% 40% at 50% 100%, rgba(255, 77, 26, 0.12), transparent 45%),
       #0a0b0f;
     --grad-page: linear-gradient(180deg, #0a0b0f 0%, #10121a 40%, #0a0b0f 100%);
   
     /* Shape */
     --r: 24px;
     --r-sm: 14px;
     --r-lg: 32px;
     --pill: 999px;
     --radius: var(--r);
     --max: 1160px;
     --shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
     --shadow-soft: 0 16px 40px rgba(17, 17, 17, 0.08);
   
     /* Legacy aliases (older pages) */
     --lime: var(--orange);
     --lime-deep: var(--orange-deep);
     --mint: #1a1d28;
     --gold: #c5a37f;
   }
   
   *,
   *::before,
   *::after { box-sizing: border-box; }
   
   html {
     scroll-behavior: auto;
   }
   
   body {
     margin: 0;
     font-family: var(--font);
     font-weight: 400;
     color: var(--ink);
     background: var(--white);
     line-height: 1.55;
     -webkit-font-smoothing: antialiased;
     text-rendering: optimizeLegibility;
   }
   
   h1, h2, h3 {
     font-weight: var(--fw-display);
     letter-spacing: var(--track-title);
     line-height: 1.15;
   }
   
   body.theme-dark {
     color: #eef0f6;
     background: var(--ink);
   }
   
   a { color: inherit; text-decoration: none; }
   img { max-width: 100%; display: block; }
   button, input, textarea, select { font: inherit; }
   button { cursor: pointer; }
   
   .wrap { width: min(var(--max), calc(100% - 40px)); margin: 0 auto; }
   .wrap-wide { width: min(1280px, calc(100% - 32px)); margin: 0 auto; }
   
   /* ---------- Top bar ---------- */
   .topbar,
   .banner {
     background: var(--ink);
     color: rgba(255, 255, 255, 0.78);
     font-size: 13px;
     text-align: center;
     padding: 10px 44px 10px 16px;
     position: relative;
     z-index: 70;
   }
   .topbar a,
   .banner a {
     color: #fff;
     font-weight: 600;
     border-bottom: 1px solid rgba(255, 255, 255, 0.35);
   }
   .topbar button,
   .banner-x {
     position: absolute;
     right: 14px;
     top: 50%;
     transform: translateY(-50%);
     background: 0;
     border: 0;
     color: rgba(255, 255, 255, 0.45);
     font-size: 18px;
     line-height: 1;
   }
   .banner-inner {
     display: flex;
     align-items: center;
     gap: 10px;
     flex-wrap: wrap;
     justify-content: center;
     text-align: center;
   }
   .banner p { margin: 0; }
   .pill-outline {
     border: 1px solid rgba(255, 255, 255, 0.45);
     color: #fff;
     padding: 4px 10px;
     border-radius: var(--pill);
     font-size: 11px;
     letter-spacing: 0.04em;
     font-weight: 600;
   }
   
   /* ---------- Header ---------- */
   .header,
   .site-header {
     position: sticky;
     top: 0;
     z-index: 80;
     background: #fff;
     border-bottom: 1px solid transparent;
   }
   .header.on,
   .site-header.scrolled { border-bottom-color: var(--line-dark); }

   /* Sticky jump navs / filter bars — solid bg beats backdrop blur while scrolling */
   .ir-jump,
   .partner-jump,
   .cs-tabs,
   .nr-jump,
   .careers-filters-sticky,
   .guides-filters-sticky,
   .support-jump {
     backdrop-filter: none !important;
     -webkit-backdrop-filter: none !important;
     background: #fff;
   }
   
   .header-inner {
     width: min(1280px, calc(100% - 28px));
     margin: 0 auto;
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 18px;
     padding: 16px 0;
     min-height: 72px;
   }
   
   .logo {
     display: inline-flex;
     align-items: center;
     gap: 12px;
     flex-shrink: 0;
     min-width: 0;
     line-height: 1;
     padding: 4px 0;
     color: inherit;
     text-decoration: none;
   }
   .logo-icon {
     width: 28px;
     height: 28px;
     min-width: 28px;
     min-height: 28px;
     display: block;
     flex-shrink: 0;
   }
   .logo-wordmark {
     font-family: Outfit, var(--font);
     font-weight: 700;
     font-size: 1.45rem;
     letter-spacing: var(--track-wordmark, -0.035em);
     text-transform: lowercase;
     white-space: nowrap;
   }
   .logo-salon { color: var(--ink); }
   .logo-bills { color: var(--orange); }
   .logo--reversed .logo-salon { color: var(--surface, #fff); }
   .footer .logo { display: inline-flex; margin-bottom: 14px; }
   .footer .logo:hover { transform: none; }
   .footer .logo-wordmark { font-size: 1.55rem; }
   .footer .logo-icon { width: 40px; height: 40px; min-width: 40px; min-height: 40px; }
   @media (max-width: 420px) {
     .logo-icon { width: 24px; height: 24px; min-width: 24px; min-height: 24px; }
     .logo-wordmark { font-size: 1.22rem; }
   }
   .brand-lockup {
     display: flex;
     align-items: center;
     gap: 12px;
     flex-shrink: 0;
     min-width: 0;
   }
   
   .nav-mobile-only { display: none !important; }
@media (max-width: 1099px) {
  .nav.open .nav-mobile-only { display: flex !important; }
}
.nav { display: none; align-items: center; gap: 4px; }
   .nav-item { position: static; }
   .nav > a,
   .nav-btn,
   .nav-trigger,
   .nav-link {
     background: 0;
     border: 0;
     cursor: pointer;
     font-family: inherit;
     font-weight: 650;
     font-size: 15px;
     letter-spacing: -0.015em;
     color: var(--ink);
     padding: 12px 14px;
     border-radius: 0;
     display: inline-flex;
     align-items: center;
     gap: 6px;
     line-height: 1.15;
     position: relative;
     transition: color 0.15s;
   }
   .nav > a:hover,
   .nav-btn:hover,
   .nav-trigger:hover,
   .nav-link:hover {
     color: var(--ink);
     background: transparent;
   }
   .nav-trigger::after {
     content: "";
     position: absolute;
     left: 14px;
     right: 14px;
     bottom: 4px;
     height: 3px;
     border-radius: 3px;
     background: transparent;
     transition: background 0.18s ease;
   }
   .nav-trigger:hover::after,
   .nav-trigger[aria-expanded="true"]::after {
     background: var(--orange);
   }
   .nav-trigger[aria-expanded="true"] {
     color: var(--ink);
     background: transparent;
   }
   
   .nav-btn::after {
     content: "";
     width: 0;
     height: 0;
     border-left: 5px solid transparent;
     border-right: 5px solid transparent;
     border-top: 6px solid currentColor;
     margin-top: 1px;
     opacity: 0.7;
   }
   .nav-trigger .chev {
     width: 12px;
     height: 12px;
     flex-shrink: 0;
     display: block;
     color: currentColor;
     opacity: 0.55;
     transition: transform 0.2s ease, opacity 0.15s;
   }
   .nav-trigger:hover .chev,
   .nav-trigger[aria-expanded="true"] .chev { opacity: 0.9; }
   .nav-trigger[aria-expanded="true"] .chev { transform: rotate(180deg); }
   
   /* Full-width light mega — fall-down + light splash */
   .mega {
     display: none;
     position: absolute;
     top: 100%;
     left: 50%;
     width: 100vw;
     max-width: 100vw;
     transform: translateX(-50%);
     background:
       radial-gradient(ellipse 55% 70% at 8% 0%, rgba(255, 77, 26, 0.14), transparent 55%),
       radial-gradient(ellipse 45% 55% at 92% 12%, rgba(255, 180, 120, 0.16), transparent 50%),
       radial-gradient(ellipse 40% 50% at 70% 100%, rgba(120, 170, 255, 0.08), transparent 55%),
       linear-gradient(180deg, #ffffff 0%, #fbfaf8 55%, #f7f5f2 100%);
     border: 0;
     border-bottom: 1px solid rgba(10, 11, 15, 0.06);
     border-radius: 0 0 32px 32px;
     box-shadow:
       0 40px 80px rgba(10, 11, 15, 0.14),
       0 12px 28px rgba(255, 77, 26, 0.06),
       inset 0 1px 0 rgba(255, 255, 255, 0.9);
     padding: 0;
     z-index: 1;
     color: var(--ink);
     overflow: hidden;
     transform-origin: top center;
     isolation: isolate;
   }
   .mega::before {
     content: "";
     position: absolute;
     inset: 0;
     z-index: -1;
     background:
       radial-gradient(circle at 18% 30%, rgba(255, 255, 255, 0.85), transparent 28%),
       radial-gradient(circle at 78% 20%, rgba(255, 240, 230, 0.7), transparent 32%);
     pointer-events: none;
   }
   .mega::after {
     content: "";
     position: absolute;
     width: 420px;
     height: 420px;
     right: -80px;
     top: -160px;
     border-radius: 50%;
     background: radial-gradient(circle, rgba(255, 77, 26, 0.12), transparent 68%);
     filter: blur(8px);
     z-index: -1;
     pointer-events: none;
     animation: megaSplash 4.5s ease-in-out infinite alternate;
   }
   @keyframes megaSplash {
     from { transform: translate(0, 0) scale(1); opacity: 0.7; }
     to { transform: translate(-24px, 18px) scale(1.08); opacity: 1; }
   }
   .mega.open {
     display: block;
     animation: megaFall 0.38s cubic-bezier(0.22, 1, 0.36, 1);
   }
   @keyframes megaFall {
     from {
       opacity: 0;
       transform: translateX(-50%) translateY(-22px) scaleY(0.96);
     }
     to {
       opacity: 1;
       transform: translateX(-50%) translateY(0) scaleY(1);
     }
   }
   @media (min-width: 1100px) {
     .site-header {
       overflow: visible;
     }
     .site-header.mega-live {
       border-bottom-color: transparent;
     }
     .site-header .header-inner {
       position: relative;
       z-index: 2;
     }
     /* Bridge gap between trigger and full-width mega (trigger is already position:relative) */
     .nav-trigger[data-mega]::before {
       content: "";
       position: absolute;
       left: -16px;
       right: -16px;
       top: 100%;
       height: 14px;
       z-index: 95;
     }
     .mega {
       display: block;
       position: absolute;
       top: 100%;
       left: 50%;
       width: 100vw;
       max-width: 100vw;
       margin-top: -1px;
       padding-top: 0;
       opacity: 0;
       visibility: hidden;
       pointer-events: none;
       transform: translateX(-50%);
       filter: none;
       transition:
         opacity 0.28s cubic-bezier(0.22, 1, 0.36, 1),
         visibility 0s linear 0.28s;
     }
     .mega.open {
       opacity: 1;
       visibility: visible;
       pointer-events: auto;
       transform: translateX(-50%);
       filter: none;
       animation: none;
       transition:
         opacity 0.32s cubic-bezier(0.22, 1, 0.36, 1),
         visibility 0s;
     }
   }
   @media (prefers-reduced-motion: reduce) {
     .mega.open { animation: none; }
     .mega::after { animation: none; }
     @media (min-width: 1100px) {
       .mega,
       .mega.open {
         transition: none;
         filter: none;
         transform: translateX(-50%);
       }
     }
   }
   
   .site-header.mega-live::before {
     content: "";
     position: fixed;
     inset: 0;
     top: var(--header-offset, 72px);
     background: rgba(10, 11, 15, 0.22);
     z-index: 1;
     pointer-events: none;
     animation: megaDim 0.28s ease;
   }
   @keyframes megaDim {
     from { opacity: 0; }
     to { opacity: 1; }
   }
   
   .mega-sheet { display: none; }
   
   .mega-play {
     position: relative;
     z-index: 1;
     width: min(1240px, calc(100% - 40px));
     margin: 0 auto;
     display: grid;
     grid-template-columns: 1.6fr 0.75fr;
     gap: 14px;
     padding: 14px 0 14px;
     align-items: start;
   }
   .mega.feat .mega-play,
   .mega.res .mega-play {
     grid-template-columns: 1.4fr 1fr;
     gap: 18px;
     padding: 18px 0 20px;
     align-items: stretch;
   }
   
   .mega-mosaic {
     display: grid;
     grid-template-columns: 1.35fr 1fr 1fr;
     grid-template-rows: 1fr 1fr;
     gap: 8px;
     min-height: 248px;
     max-height: 268px;
   }
   .mega-tile-lg {
     grid-row: 1 / span 2;
     grid-column: 1;
     min-height: 248px;
   }
   .mega-mosaic-feat,
   .mega-mosaic-res {
     min-height: 312px;
     max-height: 332px;
     gap: 10px;
     height: 100%;
   }
   .mega-mosaic-feat .mega-tile-lg,
   .mega-mosaic-res .mega-tile-lg {
     min-height: 312px;
   }
   
   .mega-tile {
     position: relative;
     display: flex;
     align-items: flex-end;
     min-height: 0;
     padding: 12px;
     border-radius: 18px;
     overflow: hidden;
     background-size: cover;
     background-position: center;
     color: #fff !important;
     box-shadow: 0 10px 24px rgba(10, 11, 15, 0.14);
     isolation: isolate;
     transition: transform 0.22s ease, box-shadow 0.22s ease;
   }
   .mega-tile:hover {
     transform: translateY(-4px) scale(1.015);
     box-shadow: 0 20px 40px rgba(255, 77, 26, 0.22);
     color: #fff !important;
   }
   .mega-tile-shade {
     position: absolute;
     inset: 0;
     z-index: -1;
     background:
       linear-gradient(0deg, rgba(8, 9, 14, 0.88) 0%, rgba(8, 9, 14, 0.25) 55%, rgba(8, 9, 14, 0.1) 100%),
       radial-gradient(ellipse 70% 60% at 20% 100%, rgba(255, 77, 26, 0.35), transparent 55%);
     transition: opacity 0.2s ease;
   }
   .mega-tile:hover .mega-tile-shade {
     background:
       linear-gradient(0deg, rgba(8, 9, 14, 0.92) 0%, rgba(8, 9, 14, 0.35) 55%, rgba(8, 9, 14, 0.12) 100%),
       radial-gradient(ellipse 80% 70% at 30% 100%, rgba(255, 77, 26, 0.5), transparent 60%);
   }
   .mega-tile-copy {
     display: flex;
     flex-direction: column;
     gap: 3px;
     min-width: 0;
   }
   .mega-tile-badge {
     width: fit-content;
     margin-bottom: 4px;
     padding: 3px 8px;
     border-radius: 999px;
     background: rgba(255, 77, 26, 0.9);
     font-size: 10px;
     font-weight: 800;
     letter-spacing: 0.08em;
     text-transform: uppercase;
     color: #fff;
   }
   .mega-tile strong {
     font-size: 1.05rem;
     font-weight: 750;
     letter-spacing: -0.025em;
     line-height: 1.15;
   }
   .mega-tile-lg strong { font-size: clamp(1.4rem, 2vw, 1.85rem); }
   .mega-tile em {
     font-style: normal;
     font-size: 12.5px;
     line-height: 1.35;
     color: rgba(255, 255, 255, 0.72);
   }
   
   .mega-side {
     display: flex;
     flex-direction: column;
     gap: 12px;
     padding: 10px 12px;
     border-radius: 18px;
     background:
       radial-gradient(ellipse 80% 60% at 100% 0%, rgba(255, 77, 26, 0.1), transparent 55%),
       rgba(255, 255, 255, 0.55);
     border: 1px solid rgba(10, 11, 15, 0.06);
     backdrop-filter: blur(8px);
     min-height: 0;
   }
   .mega-side-compact {
     justify-content: flex-start;
     gap: 8px;
     max-height: 268px;
     overflow: hidden;
   }
   .mega-side-feat {
     justify-content: space-between;
     gap: 16px;
     padding: 18px 18px 16px;
     min-height: 100%;
     max-height: none;
     overflow: visible;
     background:
       radial-gradient(ellipse 90% 70% at 100% 0%, rgba(255, 77, 26, 0.12), transparent 55%),
       linear-gradient(180deg, #fbfaf8 0%, #f5f3f0 100%);
     border: 1px solid rgba(10, 11, 15, 0.07);
     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
   }
   .mega-side-cols {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 8px 18px;
     align-items: start;
     min-height: 0;
     flex: 1;
   }
   .mega-side-feat .mega-side-cols {
     gap: 14px 22px;
   }
   .mega-side-cols-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: 12px 14px;
   }
   .mega-side-stack {
     display: grid;
     gap: 16px;
     align-content: start;
     min-width: 0;
   }
   .mega-side-block { display: grid; gap: 4px; }
   .mega-side-feat .mega-side-block { gap: 8px; }
   .mega-side-label {
     margin: 0 0 2px;
     font-size: 10px;
     font-weight: 800;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     color: #8b92a5;
   }
   .mega-side-feat .mega-side-label {
     margin: 0 0 4px;
     padding-bottom: 8px;
     border-bottom: 1px solid rgba(10, 11, 15, 0.07);
     color: #6b7385;
   }
   .mega.sol .mega-tile-lg strong { font-size: clamp(1.2rem, 1.8vw, 1.55rem); }
   .mega.sol .mega-tile em { font-size: 12px; }
   .mega.sol .mega-tile-badge { margin-bottom: 2px; padding: 2px 7px; font-size: 9px; }
   .mega-foot-play {
     padding: 0 0 14px;
   }
   .mega-link-list {
     display: grid;
     gap: 2px;
     margin-bottom: 4px;
   }
   .mega-link-list a {
     display: block;
     padding: 8px 10px;
     margin: 0 -6px;
     border-radius: 10px;
     font-size: 14px;
     font-weight: 650;
     color: #2a3140;
     transition: background 0.12s, color 0.12s;
   }
   .mega-link-list a:hover {
     background: rgba(255, 77, 26, 0.08);
     color: var(--orange);
   }
   .mega-link-list-tight a {
     padding: 5px 8px;
     font-size: 13.5px;
   }
   .mega-link-list-airy {
     gap: 3px;
     margin-bottom: 0;
   }
   .mega-link-list-airy a {
     padding: 8px 10px;
     margin: 0 -4px;
     border-radius: 11px;
     font-size: 13.75px;
     font-weight: 650;
     letter-spacing: -0.01em;
   }
   .mega-link-list-airy a:hover {
     background: rgba(255, 77, 26, 0.1);
     color: var(--orange);
   }
   .mega-link-list .soon {
     margin-left: 6px;
     vertical-align: middle;
   }
   .mega-why {
     margin-top: auto;
     padding: 6px 0 0;
     font-size: 13.5px;
     font-weight: 800;
     color: var(--orange) !important;
   }
   .mega-why:hover { color: #c92e0a !important; }
   .mega-why-bar {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 10px;
     margin-top: 2px;
     padding: 14px 4px 2px;
     border-top: 1px solid rgba(10, 11, 15, 0.08);
     font-size: 14px;
     letter-spacing: -0.01em;
     flex-shrink: 0;
   }
   .mega-why-bar:hover {
     color: #c92e0a !important;
   }
   .mega-chip .soon {
     margin-left: 4px;
     background: rgba(255, 255, 255, 0.14);
     color: rgba(255, 255, 255, 0.7);
   }
   .mega-chip {
     padding: 9px 12px;
     border-radius: 999px;
     background: #12141c;
     color: #fff !important;
     font-size: 13px;
     font-weight: 700;
     border: 1px solid rgba(255, 255, 255, 0.06);
     transition: transform 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
   }
   .mega-chip:hover {
     background: var(--orange);
     color: #fff !important;
     transform: translateY(-2px);
     box-shadow: 0 10px 22px rgba(255, 77, 26, 0.28);
   }
   
   .mega-rail,
   .mega-card,
   .mega-spotlight { display: none !important; }
   
   .mega-foot,
   .mega-foot-play {
     position: relative;
     z-index: 1;
     display: flex;
     flex-wrap: wrap;
     gap: 8px 18px;
     align-items: center;
     width: min(1240px, calc(100% - 40px));
     margin: 0 auto;
     padding: 0 0 18px;
     border-top: 0;
     background: transparent;
   }
   .mega-foot-play a {
     font-size: 13px;
     font-weight: 600;
     color: #5c6478;
     padding: 8px 12px;
     border-radius: 999px;
     background: rgba(10, 11, 15, 0.04);
   }
   .mega-foot-play a:hover { color: var(--ink); background: rgba(255, 77, 26, 0.08); }
   
   .soon,
   .badge.soon {
     font-size: 9px;
     font-weight: 700;
     letter-spacing: 0.04em;
     text-transform: uppercase;
     background: rgba(10, 11, 15, 0.06);
     color: #8b92a5;
     border-radius: 4px;
     padding: 2px 6px;
     margin-left: 6px;
     display: inline-block;
     width: fit-content;
   }
   
   .actions,
   .header-actions { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
   .header-actions .btn {
     padding: 12px 20px;
     font-size: 15px;
     font-weight: 700;
     border-radius: 14px;
     min-height: 46px;
   }
   .header-actions .btn-login {
     border-width: 2px;
     padding: 11px 18px;
   }
   .burger {
     display: inline-flex;
     border: 1.5px solid var(--line-dark);
     background: #fff;
     border-radius: 12px;
     padding: 11px 16px;
     font-weight: 700;
     font-size: 14px;
     min-height: 46px;
     align-items: center;
   }
   
   html.nav-open,
   body.nav-open {
     overflow: hidden;
     overflow-x: hidden;
     overscroll-behavior: none;
   }

   @media (min-width: 1100px) {
     .nav { display: flex; }
     .burger { display: none; }
   }
   @media (max-width: 1099px) {
     .header,
     .site-header {
       backdrop-filter: none;
       -webkit-backdrop-filter: none;
       overflow: visible;
     }
     .logo,
     .header-actions {
       position: relative;
       z-index: 2;
     }
     .nav.open {
       display: flex;
       flex-direction: column;
       align-items: stretch;
       position: fixed;
       left: 0;
       right: 0;
       top: var(--nav-top, 64px);
       bottom: 0;
       z-index: 70;
       background: #fff;
       padding: 8px 16px calc(24px + env(safe-area-inset-bottom, 0px));
       border-bottom: 0;
       max-height: none;
       overflow: auto;
       -webkit-overflow-scrolling: touch;
       gap: 2px;
       box-shadow: none;
     }
     .nav.open > a,
     .nav.open .nav-trigger,
     .nav.open .nav-link {
       width: 100%;
       justify-content: space-between;
       padding: 14px 4px;
       font-size: 17px;
       border-bottom: 1px solid rgba(10, 11, 15, 0.06);
       border-radius: 0;
     }
     .nav.open .mega,
     .nav.open .mega.sol,
     .nav.open .mega.feat,
     .nav.open .mega.res {
       position: static;
       width: auto;
       left: 0;
       transform: none;
       min-width: 0;
       box-shadow: none;
       border: 0;
       border-radius: 0;
       margin: 0 0 8px;
       background: #fff;
       padding: 0;
     }
     .nav.open .mega.open { display: block; animation: none; filter: none; }
     .nav.open .mega-play {
       grid-template-columns: 1fr;
       width: auto;
       gap: 12px;
       padding: 10px 0 16px;
     }
     .nav.open .mega-mosaic,
     .nav.open .mega-mosaic-feat,
     .nav.open .mega-mosaic-res {
       grid-template-columns: 1fr;
       grid-template-rows: auto;
       min-height: 0;
       gap: 6px;
     }
     .nav.open .mega-tile,
     .nav.open .mega-tile-lg {
       grid-column: 1 / -1;
       grid-row: auto;
       min-height: 0 !important;
       align-items: center;
       padding: 12px 14px;
       border-radius: 14px;
       background-image: none !important;
       background: #f6f4f0 !important;
       color: var(--ink) !important;
       box-shadow: none;
       transform: none;
     }
     .nav.open .mega-tile:hover {
       transform: none;
       box-shadow: none;
       background: #efece7 !important;
       color: var(--ink) !important;
     }
     .nav.open .mega-tile-shade { display: none; }
     .nav.open .mega-tile-copy { width: 100%; }
     .nav.open .mega-tile strong,
     .nav.open .mega-tile-lg strong {
       font-size: 15px !important;
       color: var(--ink);
     }
     .nav.open .mega-tile em {
       font-size: 12.5px;
       color: #5c6478;
     }
     .nav.open .mega-tile-badge {
       width: max-content;
       margin-bottom: 2px;
     }
     .nav.open .mega-side {
       display: grid;
       gap: 14px;
       padding: 4px 2px 0;
     }
     .nav.open .mega-side-cols,
     .nav.open .mega-side-cols-3 {
       grid-template-columns: 1fr 1fr;
       gap: 12px;
     }
     .nav.open .mega-link-list a {
       padding: 8px 0;
       font-size: 14.5px;
     }
     .nav.open .mega-foot,
     .nav.open .mega-foot-play {
       width: auto;
       margin: 0;
       padding: 8px 0 0;
     }
     .nav.open .nav-trigger::after { display: none; }
     .nav.open .nav-trigger .chev { transform: rotate(0deg); }
     .nav.open .nav-trigger[aria-expanded="true"] .chev { transform: rotate(180deg); }
     .nav.open .nav-mobile-only { display: flex !important; }
     .site-header.mega-live::before,
     .header.mega-live::before { display: none !important; }
     .nav.open .nav-trigger:focus,
     .nav.open .nav-trigger:focus-visible {
       outline: none;
       box-shadow: none;
     }
     .email-row {
       display: flex;
       flex-direction: column;
       flex-wrap: nowrap;
       align-items: stretch;
       gap: 8px;
       padding: 10px;
       border-radius: 20px;
       max-width: 100%;
     }
     .email-row input {
       flex: none;
       width: 100%;
       min-height: 48px;
       padding: 12px 12px 4px;
     }
     .email-row .btn {
       width: 100%;
       max-width: 100%;
       flex: none;
     }
   }

   @media (max-width: 720px) {
     .header-inner {
       min-height: 64px;
       padding: 10px 0;
       gap: 10px;
       width: min(1280px, calc(100% - 20px));
     }
     .logo { gap: 8px; }
     .logo-icon { width: 34px; height: 34px; min-width: 34px; min-height: 34px; }
     .logo-wordmark { font-size: 1.32rem; }
     .header-actions { gap: 6px; }
     .header-actions .btn {
       padding: 10px 12px;
       font-size: 13px;
       min-height: 42px;
       border-radius: 12px;
     }
     .burger { padding: 10px 12px; min-height: 42px; font-size: 13px; }
     .toast-grid {
       grid-template-columns: repeat(2, 1fr);
       gap: 10px;
     }
     .toast-grid .tcard.wide { grid-column: span 2; }
     .toast-grid .tcard {
       flex-direction: column;
       min-height: 0;
       border-radius: 18px;
     }
     .toast-grid .tcard-visual {
       flex: none;
       width: 100%;
       min-height: 110px;
       height: 110px;
     }
     .toast-grid .tcard-foot {
       padding: 12px 10px 14px;
     }
     .toast-grid .tcard-foot h3 {
       font-size: 0.95rem;
       margin-bottom: 2px;
     }
     .toast-grid .tcard-foot p {
       font-size: 11.5px;
       line-height: 1.35;
     }
   }

   @media (max-width: 640px) {
     .header-actions .btn-login { display: none; }
   }

   @media (max-width: 420px) {
     .header-actions .btn-orange { padding: 10px 10px; font-size: 12.5px; }
   }
   
   /* ---------- Buttons ---------- */
   .btn {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 8px;
     border-radius: var(--pill);
     padding: 11px 18px;
     font-weight: 600;
     font-size: 14px;
     border: 1.5px solid transparent;
     cursor: pointer;
     transition: transform 0.15s, background 0.15s, border-color 0.15s, box-shadow 0.15s;
     width: max-content;
     max-width: 100%;
   }
   .btn:hover { transform: translateY(-1px); }
   .btn-lg { padding: 14px 24px; font-size: 15px; }
   
   .btn-orange,
   .btn-solid,
   .btn-lime {
     background: var(--grad-orange);
     color: #fff;
     box-shadow: 0 8px 24px var(--orange-glow);
   }
   .btn-orange:hover,
   .btn-solid:hover,
   .btn-lime:hover { background: var(--orange-deep); color: #fff; }
   
   .btn-login,
   .btn-outline {
     background: transparent;
     color: var(--orange);
     border-color: var(--orange);
   }
   .btn-login:hover,
   .btn-outline:hover { background: rgba(255, 77, 26, 0.08); }
   
   .btn-ghost {
     background: transparent;
     border-color: rgba(10, 11, 15, 0.2);
     color: var(--ink);
   }
   .btn-ghost:hover { border-color: var(--ink); }
   
   .btn-white { background: #fff; color: var(--ink); }
   .btn-dark { background: var(--ink); color: #fff; }
   .btn-dark:hover { background: #1a1d28; }
   .btn-outline-light {
     background: transparent;
     border-color: rgba(255, 255, 255, 0.4);
     color: #fff;
   }
   .btn-outline-light:hover { border-color: #fff; }
   .link-quiet { font-weight: 500; font-size: 14px; }
   
   /* ---------- Sections ---------- */
   .section { padding: 88px 0; }
   .section.tight { padding: 56px 0; }
   .section h2,
   h2 {
     margin: 0;
     font-size: clamp(1.85rem, 4vw, 2.85rem);
     line-height: 1.15;
     font-weight: var(--fw-display);
     letter-spacing: var(--track-display);
   }
   .sub,
   .lead {
     margin: 14px 0 0;
     color: var(--muted);
     max-width: 560px;
     font-size: 1.08rem;
   }
   .lead { color: #333; }
   .center { text-align: center; }
   .center .sub { margin-left: auto; margin-right: auto; }
   .cta-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
   .eyebrow {
     display: inline-block;
     font-size: 12px;
     font-weight: 700;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     color: var(--orange);
     margin-bottom: 12px;
   }
   
   /* ---------- Hero (shared + index) ---------- */
   .hero-shell { padding: 12px 16px 0; }
   .hero {
     position: relative;
     min-height: min(78vh, 720px);
     border-radius: 0 0 var(--r-lg) var(--r-lg);
     overflow: hidden;
     color: #fff;
     display: flex;
     align-items: center;
     background: var(--grad-mesh);
   }
   .hero.has-photo {
     background:
       linear-gradient(115deg, rgba(10, 11, 15, 0.88) 0%, rgba(20, 12, 18, 0.55) 50%, rgba(10, 11, 15, 0.35) 100%),
       url("https://images.unsplash.com/photo-1560066984-138dadb4c035?auto=format&fit=crop&w=2400&q=80") center / cover no-repeat;
   }
   .hero-inner {
     width: min(720px, calc(100% - 56px));
     margin: 0 auto 0 6%;
     padding: 80px 0 72px;
     position: relative;
     z-index: 1;
   }
   .brand-hero {
     font-family: Outfit, var(--font);
     font-weight: 700;
     letter-spacing: var(--track-wordmark, -0.035em);
     text-transform: lowercase;
     line-height: 0.82;
     margin: 0;
     pointer-events: none;
     user-select: none;
     white-space: nowrap;
   }
   .hero .brand-hero {
     position: absolute;
     right: 4%;
     bottom: 8%;
     left: auto;
     top: auto;
     z-index: 0;
     font-size: clamp(4rem, 14vw, 9rem);
     text-align: right;
     animation: none;
   }
   .hero .brand-hero .wm-salon { color: rgba(255, 255, 255, 0.14); }
   .hero .brand-hero .wm-bills { color: rgba(255, 78, 27, 0.34); }
   .hero h1 {
     margin: 0 0 18px;
     font-size: clamp(2.6rem, 6.8vw, 4.5rem);
     line-height: 1.08;
     font-weight: var(--fw-display);
     letter-spacing: var(--track-display);
     color: #fff;
     animation: rise 0.75s 0.05s ease both;
   }
   .hero h1 .mark { position: relative; display: inline-block; }
   .hero h1 .mark::after {
     content: "";
     position: absolute;
     left: -6%;
     right: -8%;
     top: 8%;
     bottom: -2%;
     border: 3px solid var(--orange);
     border-radius: 50% 48% 52% 50% / 48% 52% 48% 52%;
     transform: rotate(-4deg);
     pointer-events: none;
   }
   .hero .lead {
     margin: 0 0 28px;
     font-size: clamp(1.05rem, 2vw, 1.22rem);
     color: rgba(255, 255, 255, 0.88);
     max-width: 520px;
     animation: rise 0.75s 0.1s ease both;
   }
   .email-row {
     display: flex;
     align-items: stretch;
     max-width: 480px;
     background: rgba(255, 255, 255, 0.96);
     border-radius: var(--pill);
     padding: 5px 5px 5px 18px;
     box-shadow: 0 16px 40px rgba(0, 0, 0, 0.25);
     animation: rise 0.75s 0.15s ease both;
   }
   .email-row input {
     flex: 1;
     border: 0;
     outline: 0;
     background: transparent;
     font-size: 15px;
     color: var(--ink);
     min-width: 0;
   }
   .email-row input::placeholder { color: #999; }
   .hero-note {
     margin: 14px 0 0;
     font-size: 14px;
     color: rgba(255, 255, 255, 0.7);
     animation: rise 0.75s 0.2s ease both;
   }
   .hero-note a {
     color: #fff;
     font-weight: 600;
     border-bottom: 1px solid rgba(255, 255, 255, 0.4);
   }
   
   /* Inner-page hero variants */
   .hero.page,
   section.hero:not(.has-photo) {
     min-height: 0;
     border-radius: 0;
     display: block;
     padding: 64px 0 48px;
     background: var(--grad-mesh);
     color: #fff;
   }
   .hero.page .wrap,
   section.hero .wrap { color: #fff; }
   .hero.page h1,
   section.hero h1 { color: #fff; animation: none; }
   .hero.page .lead,
   section.hero .lead { color: rgba(255, 255, 255, 0.82); }
   .hero.soon {
     background:
       radial-gradient(ellipse at 30% 20%, rgba(255, 77, 26, 0.2), transparent 50%),
       var(--ink-2);
   }
   
   .badge {
     display: inline-flex;
     align-items: center;
     gap: 6px;
     border-radius: var(--pill);
     padding: 5px 12px;
     font-size: 12px;
     font-weight: var(--fw-display);
     letter-spacing: 0.04em;
     text-transform: uppercase;
     margin-bottom: 14px;
   }
   .badge.live {
     background: var(--grad-orange);
     color: #fff;
   }
   .badge.soon {
     background: rgba(255, 255, 255, 0.08);
     color: #ffb89a;
     margin-left: 0;
   }
   
   @keyframes rise {
     from { opacity: 0; transform: translateY(16px); }
     to { opacity: 1; transform: none; }
   }
   
   /* ---------- Dark cards ---------- */
   .card,
   .dcard {
     background: var(--grad-card);
     border: 1px solid var(--line);
     border-radius: var(--r);
     padding: 24px;
     color: #eef0f6;
     box-shadow: var(--shadow);
     transition: transform 0.2s, border-color 0.2s;
   }
   .card:hover,
   .dcard:hover {
     transform: translateY(-3px);
     border-color: rgba(255, 77, 26, 0.35);
   }
   .card h3,
   .dcard h3 { margin: 0 0 8px; color: #fff; font-size: 1.15rem; }
   .card p,
   .dcard p { margin: 0; color: var(--muted-2); font-size: 14.5px; }
   .card a,
   .dcard a,
   .card a.more,
   .dcard .more {
     display: inline-block;
     margin-top: 14px;
     font-weight: 700;
     color: #ff8f66;
     font-size: 14px;
   }
   
   .card.light {
     background: #fff;
     color: var(--ink);
     border-color: var(--line-dark);
     box-shadow: var(--shadow-soft);
   }
   .card.light h3 { color: var(--ink); }
   .card.light p { color: var(--muted); }
   .card.light a { color: var(--orange); }
   
   /* Product tiles */
   .product-grid {
     display: grid;
     gap: 16px;
     margin-top: 40px;
     grid-template-columns: repeat(3, 1fr);
   }
   @media (max-width: 900px) { .product-grid { grid-template-columns: 1fr 1fr; } }
   @media (max-width: 560px) { .product-grid { grid-template-columns: 1fr; } }
   
   .pcard {
     position: relative;
     border-radius: var(--r);
     overflow: hidden;
     min-height: 340px;
     color: #fff;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     padding: 24px;
     background: var(--grad-card);
     border: 1px solid var(--line);
     transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
   }
   .pcard:hover {
     transform: translateY(-4px);
     box-shadow: 0 24px 50px rgba(0, 0, 0, 0.35);
     border-color: rgba(255, 77, 26, 0.4);
   }
   .pcard.wide { grid-column: span 2; }
   @media (max-width: 900px) { .pcard.wide { grid-column: span 1; } }
   .pcard.hot { background: var(--grad-orange); border-color: transparent; }
   .pcard.glow {
     background:
       radial-gradient(ellipse at 30% 20%, rgba(255, 77, 26, 0.35), transparent 55%),
       var(--grad-card);
   }
   .pcard.soft {
     background: linear-gradient(160deg, #f7f8fc, #eceef6);
     color: var(--ink);
     border-color: var(--line-dark);
   }
   .pcard .arrow {
     position: absolute;
     top: 18px;
     right: 18px;
     width: 36px;
     height: 36px;
     border-radius: 50%;
     border: 1.5px solid rgba(255, 255, 255, 0.35);
     display: grid;
     place-items: center;
     font-size: 16px;
   }
   .pcard.soft .arrow { border-color: rgba(0, 0, 0, 0.2); }
   .pcard .visual {
     position: absolute;
     inset: 40px 24px 100px;
     display: grid;
     place-items: center;
     pointer-events: none;
   }
   .pcard .mock-ui {
     width: min(100%, 220px);
     background: rgba(255, 255, 255, 0.96);
     color: var(--ink);
     border-radius: 16px;
     padding: 14px;
     box-shadow: 0 16px 40px rgba(0, 0, 0, 0.25);
     font-size: 12px;
     text-align: left;
   }
   .pcard .mock-ui .bubble {
     background: var(--fog);
     border-radius: 12px;
     padding: 10px;
     margin-top: 8px;
   }
   .pcard h3 {
     margin: 0 0 6px;
     font-size: 1.35rem;
     font-weight: 700;
     position: relative;
     z-index: 1;
   }
   .pcard p {
     margin: 0;
     font-size: 14px;
     opacity: 0.9;
     position: relative;
     z-index: 1;
     max-width: 280px;
   }
   .pcard.soft h3 { color: var(--ink); }
   .pcard.soft p { color: var(--muted); opacity: 1; }
   
   /* ---------- Toggle ---------- */
   .toggle {
     display: inline-flex;
     background: rgba(10, 11, 15, 0.06);
     border-radius: var(--pill);
     padding: 4px;
     margin: 28px 0 0;
     gap: 2px;
   }
   .toggle button {
     border: 0;
     background: transparent;
     border-radius: var(--pill);
     padding: 10px 22px;
     font-weight: 600;
     font-size: 14px;
     color: var(--muted);
   }
   .toggle button.on {
     background: var(--grad-orange);
     color: #fff;
     box-shadow: 0 6px 18px var(--orange-glow);
   }
   
   /* ---------- Grids ---------- */
   .grid-2 { display: grid; gap: 40px; align-items: center; }
   .grid-3 { display: grid; gap: 16px; margin-top: 36px; grid-template-columns: repeat(3, 1fr); }
   .grid-4 { display: grid; gap: 12px; margin-top: 32px; grid-template-columns: repeat(4, 1fr); }
   @media (min-width: 900px) { .grid-2 { grid-template-columns: 1.05fr 0.95fr; } }
   @media (max-width: 900px) {
     .grid-3, .grid-4 { grid-template-columns: 1fr 1fr; }
     .grid-2 { grid-template-columns: 1fr; }
   }
   @media (max-width: 560px) { .grid-3, .grid-4 { grid-template-columns: 1fr; } }
   
   /* ---------- Metrics ---------- */
   .metrics {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 16px;
     margin-top: 40px;
   }
   @media (max-width: 800px) { .metrics { grid-template-columns: 1fr 1fr; } }
   .metric {
     background: var(--grad-card);
     border: 1px solid var(--line);
     border-radius: 20px;
     padding: 28px 24px;
     color: #eef0f6;
   }
   .metric strong {
     display: block;
     font-size: clamp(1.8rem, 3vw, 2.4rem);
     font-weight: var(--fw-display);
     letter-spacing: -0.03em;
     background: var(--grad-orange);
     -webkit-background-clip: text;
     background-clip: text;
     color: transparent;
     margin-bottom: 6px;
   }
   .metric span { color: var(--muted-2); font-size: 14px; }
   
   /* ---------- AI soon — wide premium panel ---------- */
   .ai-soon {
     position: relative;
     padding: 72px 0;
     background:
       radial-gradient(ellipse 70% 60% at 85% 30%, rgba(255, 77, 26, 0.2), transparent 55%),
       radial-gradient(ellipse 50% 40% at 10% 80%, rgba(255, 120, 70, 0.08), transparent 50%),
       linear-gradient(180deg, #0b0c10 0%, #12141c 50%, #0b0c10 100%);
     color: #eef0f6;
     overflow: hidden;
   }
   .ai-soon-wrap {
     width: min(1440px, calc(100% - 32px));
     margin: 0 auto;
   }
   .ai-soon-panel {
     display: grid;
     gap: 36px 48px;
     align-items: center;
     padding: 40px;
     border-radius: 36px;
     border: 1px solid rgba(255, 255, 255, 0.1);
     background:
       linear-gradient(145deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02)),
       rgba(10, 11, 15, 0.55);
     box-shadow: 0 40px 100px rgba(0, 0, 0, 0.35);
     backdrop-filter: blur(10px);
   }
   @media (min-width: 980px) {
     .ai-soon-panel {
       grid-template-columns: minmax(360px, 0.95fr) minmax(420px, 1.15fr);
       padding: 48px 52px;
       min-height: 560px;
     }
   }
   .ai-soon-badge {
     display: inline-flex;
     align-items: center;
     margin-bottom: 18px;
     padding: 8px 14px;
     border-radius: 999px;
     font-size: 12px;
     font-weight: 700;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: #ffb089;
     background: rgba(255, 77, 26, 0.16);
     border: 1px solid rgba(255, 77, 26, 0.35);
   }
   .ai-soon-copy h2 {
     margin: 0 0 14px;
     color: #fff;
     font-size: clamp(2.2rem, 4vw, 3.2rem);
     font-weight: var(--fw-display);
     letter-spacing: var(--track-display);
     line-height: 1.1;
     white-space: nowrap;
   }
   .ai-soon-lead {
     margin: 0 0 28px;
     max-width: 42ch;
     font-size: 1.08rem;
     line-height: 1.55;
     color: #a8b0c0;
   }
   .ai-soon-points {
     display: grid;
     gap: 12px;
     margin-bottom: 28px;
   }
   .ai-soon-points article {
     padding: 16px 18px;
     border-radius: 18px;
     background: rgba(255, 255, 255, 0.04);
     border: 1px solid rgba(255, 255, 255, 0.08);
     transition: border-color 0.15s, background 0.15s, transform 0.15s;
   }
   .ai-soon-points article:hover {
     border-color: rgba(255, 77, 26, 0.35);
     background: rgba(255, 77, 26, 0.08);
     transform: translateY(-2px);
   }
   .ai-soon-points strong {
     display: block;
     margin-bottom: 4px;
     color: #fff;
     font-size: 1.05rem;
     font-weight: var(--fw-title);
     letter-spacing: var(--track-title);
   }
   .ai-soon-points p {
     margin: 0;
     font-size: 14.5px;
     line-height: 1.45;
     color: #8b92a5;
   }
   .ai-soon-copy .cta-row { margin-top: 0; }
   
   .ai-soon-stage {
     position: relative;
     min-height: 420px;
   }
   .ai-soon-window {
     position: relative;
     height: 100%;
     min-height: 440px;
     border-radius: 28px;
     overflow: hidden;
     background: linear-gradient(165deg, #1a1d28 0%, #0e1018 55%, #0a0b0f 100%);
     border: 1px solid rgba(255, 255, 255, 0.1);
     box-shadow:
       0 30px 80px rgba(0, 0, 0, 0.45),
       inset 0 1px 0 rgba(255, 255, 255, 0.06);
     padding: 22px 24px 28px;
   }
   .ai-soon-chrome {
     display: flex;
     align-items: center;
     gap: 8px;
     margin-bottom: 28px;
   }
   .ai-soon-chrome .dot {
     width: 10px;
     height: 10px;
     border-radius: 50%;
     background: rgba(255, 255, 255, 0.16);
   }
   .ai-soon-chrome .dot:nth-child(1) { background: #ff5f57; }
   .ai-soon-chrome .dot:nth-child(2) { background: #febc2e; }
   .ai-soon-chrome .dot:nth-child(3) { background: #28c840; }
   .ai-soon-chrome em {
     margin-left: auto;
     font-style: normal;
     font-size: 12px;
     font-weight: 700;
     letter-spacing: 0.08em;
     text-transform: uppercase;
     color: #ff8f66;
     padding: 6px 12px;
     border-radius: 999px;
     background: rgba(255, 77, 26, 0.14);
   }
   .ai-soon-chat {
     display: flex;
     flex-direction: column;
     gap: 14px;
     position: relative;
     z-index: 1;
   }
   .ai-bubble {
     max-width: 92%;
     padding: 16px 18px;
     border-radius: 20px;
     font-size: 15px;
     line-height: 1.45;
   }
   .ai-bubble.you {
     align-self: flex-end;
     background: rgba(255, 77, 26, 0.22);
     color: #fff;
     border-bottom-right-radius: 8px;
     font-weight: 600;
   }
   .ai-bubble.status {
     align-self: flex-start;
     color: #8b92a5;
     font-size: 13.5px;
     padding: 4px 6px;
     background: transparent;
   }
   .ai-bubble.answer {
     align-self: flex-start;
     background: rgba(255, 255, 255, 0.06);
     border: 1px solid rgba(255, 77, 26, 0.25);
     color: #e8ebf2;
     border-bottom-left-radius: 8px;
   }
   .ai-bubble.answer strong { color: #ffb089; }
   .ai-soon-glow {
     pointer-events: none;
     position: absolute;
     right: -20%;
     bottom: -30%;
     width: 70%;
     height: 70%;
     background: radial-gradient(circle, rgba(255, 77, 26, 0.22), transparent 65%);
     filter: blur(20px);
   }
   
   @media (max-width: 979px) {
     .ai-soon-copy h2 { white-space: normal; }
     .ai-soon-panel { padding: 28px 22px; }
     .ai-soon-stage,
     .ai-soon-window { min-height: 360px; }
   }
   
   /* Legacy AI block (kept for other pages) */
   .ai-block { display: grid; gap: 40px; align-items: center; margin-top: 48px; }
   @media (min-width: 900px) { .ai-block { grid-template-columns: 1.05fr 0.95fr; } }
   .ai-mock {
     background: var(--grad-card);
     border: 1px solid var(--line);
     border-radius: var(--r);
     padding: 28px;
     box-shadow: var(--shadow);
   }
   .ai-window {
     background: #0e1018;
     border-radius: 18px;
     border: 1px solid var(--line);
     overflow: hidden;
     min-height: 360px;
   }
   .ai-tabs {
     display: flex;
     gap: 0;
     border-bottom: 1px solid var(--line);
     padding: 0 8px;
   }
   .ai-tabs span {
     padding: 14px 16px;
     font-size: 13px;
     font-weight: 600;
     color: var(--muted);
     border-bottom: 2px solid transparent;
   }
   .ai-tabs span.on { color: #fff; border-bottom-color: var(--orange); }
   .ai-tabs span.dim { opacity: 0.45; }
   .ai-body { padding: 20px; color: #eef0f6; }
   .ai-q {
     display: inline-block;
     background: rgba(255, 255, 255, 0.06);
     border-radius: var(--pill);
     padding: 10px 16px;
     font-weight: 600;
     font-size: 14px;
     margin-bottom: 16px;
   }
   .ai-think { font-size: 13px; color: var(--muted); margin-bottom: 12px; font-weight: 500; }
   .ai-think ul { margin: 8px 0 0; padding-left: 18px; }
   .ai-think li { margin: 4px 0; }
   .ai-answer {
     background: linear-gradient(135deg, rgba(255, 77, 26, 0.18), rgba(255, 77, 26, 0.05));
     border-radius: 14px;
     padding: 16px;
     font-size: 14px;
     border-left: 3px solid var(--orange);
   }
   .ai-steps { list-style: none; margin: 24px 0 0; padding: 0; }
   .ai-steps li {
     display: grid;
     grid-template-columns: 36px 1fr;
     gap: 14px;
     align-items: start;
     margin-bottom: 20px;
   }
   .ai-steps .num {
     width: 36px;
     height: 36px;
     border-radius: 50%;
     border: 1.5px solid var(--line-dark);
     display: grid;
     place-items: center;
     font-weight: 700;
     font-size: 14px;
     color: var(--muted);
   }
   .ai-steps li.done .num {
     background: var(--grad-orange);
     border-color: transparent;
     color: #fff;
   }
   .ai-steps strong { display: block; font-size: 1.05rem; margin-bottom: 4px; }
   .ai-steps p { margin: 0; color: var(--muted); font-size: 14.5px; }
   
   /* ---------- Mid-shift panel ---------- */
   .mid {
     background: var(--grad-card);
     border: 1px solid var(--line);
     border-radius: var(--r-lg);
     padding: 40px;
     display: grid;
     gap: 32px;
     align-items: center;
     color: #eef0f6;
   }
   @media (min-width: 900px) { .mid { grid-template-columns: 1fr 1.1fr; padding: 48px; } }
   .mid h2 { color: #fff; }
   .mid .sub { color: var(--muted-2); }
   .feat-list { list-style: none; margin: 28px 0 0; padding: 0; }
   .feat-list button {
     display: flex;
     width: 100%;
     align-items: center;
     justify-content: space-between;
     background: 0;
     border: 0;
     text-align: left;
     padding: 12px 0;
     font-size: 1.15rem;
     font-weight: 600;
     color: #5c6478;
   }
   .feat-list button.on { color: #fff; }
   .feat-list .go {
     width: 36px;
     height: 36px;
     border-radius: 50%;
     background: var(--grad-orange);
     color: #fff;
     display: none;
     place-items: center;
     font-size: 16px;
     flex-shrink: 0;
   }
   .feat-list button.on .go { display: grid; }
   .mid-visual {
     position: relative;
     border-radius: 20px;
     overflow: hidden;
     min-height: 380px;
     background: #222 center / cover no-repeat;
   }
   .mid-caption {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     padding: 24px 28px;
     color: #fff;
     background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
     font-size: 1.2rem;
     font-weight: 700;
   }
   
   /* ---------- Solutions ---------- */
   .sol-grid {
     display: grid;
     gap: 10px;
     margin-top: 36px;
     grid-template-columns: repeat(4, 1fr);
   }
   @media (max-width: 900px) { .sol-grid { grid-template-columns: 1fr 1fr; } }
   .sol-grid a {
     background: var(--grad-card);
     border: 1px solid var(--line);
     border-radius: 16px;
     padding: 18px 20px;
     font-weight: 600;
     font-size: 15px;
     color: #eef0f6;
     display: flex;
     justify-content: space-between;
     align-items: center;
     transition: border-color 0.15s, transform 0.15s;
   }
   .sol-grid a:hover {
     border-color: rgba(255, 77, 26, 0.5);
     transform: translateY(-2px);
   }
   .sol-grid a span { color: var(--muted); font-weight: 500; font-size: 13px; }
   
   /* ---------- Quotes / blog / integ / price ---------- */
   .quotes { display: grid; gap: 16px; margin-top: 36px; grid-template-columns: repeat(3, 1fr); }
   @media (max-width: 800px) { .quotes { grid-template-columns: 1fr; } }
   .quote {
     background: var(--grad-card);
     border: 1px solid var(--line);
     border-radius: 20px;
     padding: 28px;
     color: #eef0f6;
   }
   .quote p { margin: 0 0 16px; font-size: 1.05rem; font-weight: 500; color: #fff; }
   .quote cite { font-style: normal; color: var(--muted); font-size: 13px; font-weight: 500; }
   .quote a { display: inline-block; margin-top: 12px; color: #ff8f66; font-weight: 600; font-size: 14px; }
   
   .blog-grid { display: grid; gap: 16px; margin-top: 36px; grid-template-columns: repeat(3, 1fr); }
   @media (max-width: 800px) { .blog-grid { grid-template-columns: 1fr; } }
   .blog-grid a {
     background: var(--grad-card);
     border: 1px solid var(--line);
     border-radius: 20px;
     overflow: hidden;
     color: #eef0f6;
     transition: border-color 0.15s;
   }
   .blog-grid a:hover { border-color: rgba(255, 77, 26, 0.45); }
   .blog-grid .thumb { height: 160px; background-size: cover; background-position: center; }
   .blog-grid .body { padding: 20px; }
   .blog-grid h3 { margin: 0 0 8px; font-size: 1.1rem; color: #fff; }
   .blog-grid p { margin: 0; color: var(--muted-2); font-size: 14px; }
   
   .integ {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 10px;
     margin-top: 32px;
   }
   @media (max-width: 700px) { .integ { grid-template-columns: 1fr 1fr; } }
   .integ div {
     background: var(--grad-card);
     border: 1px solid var(--line);
     border-radius: 14px;
     padding: 20px;
     text-align: center;
     font-weight: 600;
     font-size: 14px;
     color: #eef0f6;
   }
   
   .price-grid {
     display: grid;
     gap: 16px;
     margin-top: 40px;
     grid-template-columns: repeat(3, 1fr);
   }
   @media (max-width: 800px) { .price-grid { grid-template-columns: 1fr; } }
   .price {
     background: var(--grad-card);
     border: 1px solid var(--line);
     border-radius: 24px;
     padding: 32px 28px;
     color: #eef0f6;
   }
   .price.hot {
     border-color: rgba(255, 77, 26, 0.55);
     box-shadow: 0 0 0 1px rgba(255, 77, 26, 0.25), 0 20px 50px rgba(255, 77, 26, 0.15);
     background:
       radial-gradient(ellipse at top, rgba(255, 77, 26, 0.18), transparent 55%),
       var(--grad-card);
   }
   .price h3 { margin: 0; font-size: 1.15rem; color: #fff; }
   .price .amt {
     font-size: 2.4rem;
     font-weight: var(--fw-display);
     letter-spacing: -0.03em;
     margin: 14px 0 8px;
     color: #fff;
   }
   .price .amt small { font-size: 15px; font-weight: 500; color: var(--muted); }
   .price ul { margin: 0 0 24px; padding-left: 18px; color: var(--muted-2); font-size: 14.5px; }
   .price li { margin: 6px 0; }
   
   /* ---------- Band / finale ---------- */
   .band-dark {
     background: var(--grad-mesh);
     color: #eef0f6;
   }
   .band-dark h2 { color: #fff; }
   .band-dark .sub { color: var(--muted-2); }
   
   .finale {
     margin: 0 16px 16px;
     border-radius: var(--r-lg);
     overflow: hidden;
     padding: 88px 32px;
     text-align: center;
     color: #fff;
     background:
       radial-gradient(ellipse at 30% 20%, rgba(255, 77, 26, 0.35), transparent 50%),
       radial-gradient(ellipse at 80% 80%, rgba(99, 102, 241, 0.2), transparent 45%),
       var(--ink);
   }
   .finale h2 {
     margin: 0 auto 14px;
     max-width: 640px;
     color: #fff;
     font-size: clamp(2rem, 4.5vw, 3rem);
   }
   .finale p { margin: 0 auto 28px; max-width: 460px; color: rgba(255, 255, 255, 0.78); }
   .finale .cta-row { position: relative; z-index: 1; justify-content: center; }
   .finale .brand-hero { animation: none; }
   
   /* ---------- Footer (premium finale) ---------- */
   .footer {
     position: relative;
     overflow: hidden;
     background:
       radial-gradient(ellipse 70% 50% at 15% 0%, rgba(255, 77, 26, 0.2), transparent 55%),
       radial-gradient(ellipse 55% 40% at 90% 10%, rgba(255, 120, 60, 0.08), transparent 50%),
       linear-gradient(180deg, #0c0d12 0%, #06070b 55%, #040405 100%);
     color: #8b92a5;
     padding: 64px 0 36px;
   }
   .footer-aura {
     pointer-events: none;
     position: absolute;
     inset: -10% 20% auto;
     height: 320px;
     background: radial-gradient(ellipse at center, rgba(255, 77, 26, 0.16), transparent 70%);
     filter: blur(40px);
   }
   .footer h4 {
     color: #fff;
     margin: 0 0 16px;
     font-size: 12px;
     font-weight: 700;
     letter-spacing: 0.12em;
     text-transform: uppercase;
   }
   .footer a {
     display: block;
     margin: 8px 0;
     font-size: 14px;
     color: #9aa3b5;
     transition: color 0.15s, transform 0.15s;
   }
   .footer a:hover { color: #fff; transform: translateX(3px); }
   .footer .logo {
     display: inline-flex;
     align-items: center;
     gap: 12px;
     margin-bottom: 14px;
     color: inherit;
   }
   .footer .logo:hover { transform: none; }
   .footer .logo-wordmark { font-size: 1.55rem; }
   .footer .logo-icon { width: 32px; height: 32px; min-width: 32px; min-height: 32px; }
   
   /* Finale CTA */
   .footer-finale {
     position: relative;
     z-index: 1;
     display: grid;
     grid-template-columns: minmax(0, 1.1fr) minmax(140px, 0.9fr);
     gap: 0;
     border-radius: 28px;
     overflow: hidden;
     margin-bottom: 28px;
     border: 1px solid rgba(255, 255, 255, 0.1);
     box-shadow: 0 30px 80px rgba(0, 0, 0, 0.4);
     min-height: 260px;
     isolation: isolate;
     background: #0c0e14;
   }
   .footer-finale-copy {
     position: relative;
     z-index: 2;
     padding: 36px 32px 36px 36px;
     background:
       radial-gradient(ellipse 80% 70% at 0% 0%, rgba(255, 77, 26, 0.26), transparent 55%),
       linear-gradient(90deg, #0c0e14 0%, rgba(12, 14, 20, 0.94) 60%, rgba(12, 14, 20, 0.18) 100%);
     display: flex;
     flex-direction: column;
     justify-content: center;
   }
   .footer-finale-kicker {
     margin: 0 0 10px;
     font-size: 12px;
     font-weight: 700;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     color: #ff8f66;
   }
   .footer-finale-copy h3 {
     margin: 0 0 12px;
     color: #fff;
     font-size: clamp(1.45rem, 2.8vw, 2rem);
     font-weight: var(--fw-display);
     letter-spacing: -0.035em;
     line-height: 1.15;
     max-width: 16ch;
   }
   .footer-finale-copy > p {
     margin: 0 0 22px;
     max-width: 400px;
     font-size: 15px;
     line-height: 1.5;
     color: #b4bac8;
   }
   .footer-finale-actions {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
   }
   .footer-finale-visual {
     position: absolute;
     inset: 0 0 0 42%;
     z-index: 0;
     min-height: 0;
     background-size: cover;
     background-position: center;
     opacity: 0.46;
     filter: saturate(0.85) contrast(1.05);
     transform: scale(1.04);
     transition: opacity 0.4s ease, transform 0.55s ease;
   }
   .footer-finale-visual::before {
     content: "";
     position: absolute;
     inset: 0;
     background:
       linear-gradient(90deg, #0c0e14 0%, rgba(12, 14, 20, 0.72) 28%, transparent 60%),
       linear-gradient(180deg, transparent 55%, rgba(8, 9, 14, 0.5) 100%),
       radial-gradient(ellipse 70% 70% at 85% 40%, rgba(255, 77, 26, 0.2), transparent 60%);
     pointer-events: none;
   }
   .footer-finale:hover .footer-finale-visual {
     opacity: 0.6;
     transform: scale(1.08);
   }
   body:has(.price-finale) .footer-finale,
   body:has(.roi-finale) .footer-finale,
   body:has(.partner-finale) .footer-finale { display: none; }
   @media (max-width: 899px) {
     .footer-finale {
       grid-template-columns: 1fr;
       min-height: 0;
     }
     .footer-finale-visual {
       position: relative;
       inset: auto;
       height: 140px;
       opacity: 0.55;
       transform: none;
     }
     .footer-finale:hover .footer-finale-visual { transform: none; }
     .footer-finale-copy {
       max-width: 100%;
       padding: 28px 20px 32px;
       background:
         radial-gradient(ellipse 80% 70% at 0% 0%, rgba(255, 77, 26, 0.26), transparent 55%),
         #0c0e14;
     }
     .footer-finale-actions { display: grid; gap: 10px; }
     .footer-finale-actions .btn { width: 100%; }
     .footer-news-form { flex-direction: column; border-radius: 16px; }
     .footer-news-submit { padding: 14px 18px; }
     .footer-shell { padding: 20px 16px; }
     .footer-trust-row { grid-template-columns: 1fr; }
   }
   
   /* Shell */
   .footer-shell {
     position: relative;
     z-index: 1;
     border-radius: 28px;
     border: 1px solid rgba(255, 255, 255, 0.08);
     background: rgba(255, 255, 255, 0.025);
     backdrop-filter: blur(8px);
     padding: 28px;
     margin-bottom: 28px;
   }
   
   .footer-news-card {
     display: grid;
     gap: 16px 28px;
     align-items: end;
     padding: 24px;
     margin-bottom: 28px;
     border-radius: 20px;
     background:
       linear-gradient(135deg, rgba(255, 77, 26, 0.12), transparent 50%),
       rgba(255, 255, 255, 0.04);
     border: 1px solid rgba(255, 255, 255, 0.08);
   }
   @media (min-width: 800px) {
     .footer-news-card { grid-template-columns: 1fr 1.2fr; }
   }
   .footer-news-title {
     margin: 0 0 6px;
     color: #fff;
     font-size: 1.35rem;
     font-weight: var(--fw-display);
     letter-spacing: -0.03em;
   }
   .footer-news-sub {
     margin: 0;
     font-size: 14.5px;
     color: #9aa3b5;
     max-width: 360px;
   }
   .footer-news-form {
     display: flex;
     align-items: stretch;
     gap: 0;
     background: rgba(0, 0, 0, 0.35);
     border: 1px solid rgba(255, 255, 255, 0.1);
     border-radius: 14px;
     overflow: hidden;
   }
   .footer-news-form input {
     flex: 1;
     min-width: 0;
     border: 0;
     background: transparent;
     color: #fff;
     padding: 16px 18px;
     font-size: 15px;
     font-family: inherit;
     outline: none;
   }
   .footer-news-form input::placeholder { color: rgba(255, 255, 255, 0.45); }
   .footer-news-submit {
     border: 0;
     background: var(--grad-orange);
     color: #fff;
     font-family: inherit;
     font-size: 13px;
     font-weight: 700;
     letter-spacing: 0.04em;
     padding: 0 22px;
     cursor: pointer;
     transition: filter 0.15s;
   }
   .footer-news-submit:hover { filter: brightness(1.08); }
   .footer-news-legal {
     grid-column: 1 / -1;
     margin: 0;
     font-size: 12px;
     color: #6b7280;
   }
   .footer-news-legal a {
     display: inline;
     margin: 0;
     color: #c5cad6;
     text-decoration: underline;
     text-underline-offset: 2px;
   }
   .footer-news-legal a:hover { color: #ffb089; transform: none; }
   
   .footer-main {
     display: grid;
     gap: 36px;
     grid-template-columns: minmax(240px, 0.9fr) 2.1fr;
     margin-bottom: 28px;
   }
   @media (max-width: 900px) {
     .footer-main { grid-template-columns: 1fr; }
   }
   .footer-brand-panel p {
     margin: 0 0 22px;
     max-width: 340px;
     font-size: 15px;
     line-height: 1.55;
     color: #a8b0c0;
   }
   .footer-social-bar {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
     margin: 0;
     padding: 0;
     border: 0;
     justify-content: flex-start;
   }
   .social-ico {
     display: inline-flex !important;
     align-items: center;
     justify-content: center;
     margin: 0 !important;
     width: 42px;
     height: 42px;
     border-radius: 12px;
     border: 1px solid rgba(255, 255, 255, 0.12);
     background: rgba(255, 255, 255, 0.04);
     color: #fff !important;
     transform: none !important;
     transition: border-color 0.15s, background 0.15s, color 0.15s, transform 0.15s !important;
   }
   .social-ico svg { width: 18px; height: 18px; display: block; }
   .social-ico:hover {
     border-color: rgba(255, 77, 26, 0.55) !important;
     background: rgba(255, 77, 26, 0.16) !important;
     color: #fff !important;
     transform: translateY(-2px) !important;
   }
   
   .footer-links {
     display: grid;
     gap: 20px 24px;
     grid-template-columns: repeat(4, 1fr);
   }
   @media (max-width: 800px) {
     .footer-links { grid-template-columns: 1fr 1fr; }
   }
   .footer-link-col {
     padding: 18px 16px;
     border-radius: 16px;
     background: rgba(255, 255, 255, 0.03);
     border: 1px solid rgba(255, 255, 255, 0.06);
   }
   .footer-link-col a { margin: 7px 0; font-size: 13.5px; }
   
   .footer-trust-row {
     display: grid;
     gap: 20px 28px;
     align-items: center;
     padding: 24px;
     margin-bottom: 20px;
     border-radius: 20px;
     border: 1px solid rgba(255, 255, 255, 0.08);
     background: rgba(0, 0, 0, 0.25);
   }
   @media (min-width: 900px) {
     .footer-trust-row { grid-template-columns: minmax(200px, 0.7fr) 1.3fr; }
   }
   .footer-trust-copy h4 {
     margin: 0 0 8px;
     font-size: 1.05rem;
     letter-spacing: -0.02em;
     text-transform: none;
   }
   .footer-trust-copy p {
     margin: 0;
     font-size: 14px;
     color: #8b92a5;
   }
   .compliance-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 12px;
   }
   @media (max-width: 700px) {
     .compliance-grid { grid-template-columns: 1fr; }
   }
   .compliance-item {
     display: flex;
     flex-direction: row;
     align-items: center;
     gap: 12px;
     padding: 14px 16px;
     border-radius: 14px;
     background: rgba(255, 255, 255, 0.04);
     border: 1px solid rgba(201, 162, 39, 0.2);
     transition: border-color 0.15s, transform 0.15s;
   }
   .compliance-item:hover {
     border-color: rgba(201, 162, 39, 0.55);
     transform: translateY(-2px);
   }
   .compliance-ico {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 40px;
     height: 40px;
     margin: 0;
     color: #c9a227;
     flex-shrink: 0;
   }
   .compliance-ico svg { width: 36px; height: 36px; display: block; }
   .compliance-item strong {
     display: block;
     color: #fff;
     font-size: 14px;
     font-weight: 700;
     line-height: 1.2;
   }
   .compliance-item span {
     display: block;
     color: #8b92a5;
     font-size: 11px;
     font-weight: 600;
     letter-spacing: 0.06em;
     text-transform: uppercase;
   }
   
   .footer-ai-bar {
     display: flex;
     flex-wrap: wrap;
     gap: 16px 24px;
     align-items: center;
     justify-content: space-between;
     padding: 20px 22px;
     border-radius: 18px;
     background: rgba(255, 255, 255, 0.03);
     border: 1px solid rgba(255, 255, 255, 0.07);
   }
   .footer-ai-label {
     margin: 0 0 4px;
     font-size: 11px;
     font-weight: 700;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: #7a8294;
   }
   .footer-ai-sub {
     margin: 0;
     font-size: 15px;
     font-weight: 600;
     color: #eef0f6;
   }
   .ai-tile-row {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
   }
   .ai-tile {
     display: inline-flex !important;
     align-items: center;
     justify-content: center;
     margin: 0 !important;
     width: 46px;
     height: 46px;
     border-radius: 12px;
     color: #fff !important;
     transform: none !important;
     transition: transform 0.15s, box-shadow 0.15s !important;
     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
   }
   .ai-tile svg { width: 22px; height: 22px; display: block; }
   .ai-tile:hover {
     transform: translateY(-3px) !important;
     box-shadow: 0 14px 28px rgba(0, 0, 0, 0.45);
   }
   .ai-tile.chatgpt { background: #10a37f; }
   .ai-tile.claude { background: #d97757; }
   .ai-tile.perplexity { background: #1a1a1a; border: 1px solid rgba(255,255,255,.12); }
   .ai-tile.gemini { background: #fff; }
   .ai-tile.cursor { background: #000; border: 1px solid rgba(255,255,255,.14); }
   
   .footer-bottom {
     position: relative;
     z-index: 1;
     border-top: 1px solid rgba(255, 255, 255, 0.08);
     padding-top: 22px;
     display: flex;
     flex-wrap: wrap;
     gap: 16px;
     justify-content: space-between;
     align-items: flex-end;
     font-size: 13px;
     color: #6b7280;
   }
   .footer-legal .footer-copy {
     margin: 0 0 4px;
     color: #c5cad6;
     font-weight: 600;
   }
   .footer-legal .footer-product {
     margin: 0;
     font-size: 12px;
     color: #5c6478;
   }
   .footer-legal-links {
     display: flex;
     flex-wrap: wrap;
     gap: 14px;
   }
   .footer-legal-links a {
     display: inline;
     margin: 0;
     color: #8b92a5;
   }
   .footer-legal-links a:hover { color: #fff; transform: none; }
   
   .sr-only {
     position: absolute;
     width: 1px;
     height: 1px;
     padding: 0;
     margin: -1px;
     overflow: hidden;
     clip: rect(0, 0, 0, 0);
     white-space: nowrap;
     border: 0;
   }
   
   .icon-row { display: flex; flex-wrap: wrap; gap: 8px; }
   .trust-badges { display: none; }
   
   /* ---------- Utility surfaces ---------- */
   .surface-light { background: var(--fog); }
   .surface-dark { background: var(--ink); color: #eef0f6; }
   .surface-dark h1,
   .surface-dark h2,
   .surface-dark h3 { color: #fff; }
   
   /* Form helpers used on demo / login pages */
   .form-card {
     background: var(--grad-card);
     border: 1px solid var(--line);
     border-radius: var(--r);
     padding: 28px;
     color: #eef0f6;
   }
   .form-card label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 6px; color: var(--muted-2); }
   .form-card input,
   .form-card textarea,
   .form-card select {
     width: 100%;
     border: 1px solid var(--line);
     background: rgba(255, 255, 255, 0.04);
     color: #fff;
     border-radius: 12px;
     padding: 12px 14px;
     margin-bottom: 14px;
   }
   .form-card input::placeholder,
   .form-card textarea::placeholder { color: #6b7280; }
   
   /* ---------- Compatibility for legacy page markup ---------- */
   .page-hero {
     padding: 72px 0 56px;
     background: var(--grad-mesh);
     color: #fff;
     border-radius: 0 0 var(--r-lg) var(--r-lg);
     margin: 0 12px;
   }
   .page-hero h1 { color: #fff; margin: 0 0 12px; font-size: clamp(2rem, 4.5vw, 3.2rem); font-weight: var(--fw-display); letter-spacing: -.035em; }
   .page-hero .lead, .page-hero .sub, .page-hero p { color: rgba(255,255,255,.82); }
   .section-inner { width: min(var(--max), calc(100% - 40px)); margin: 0 auto; }
   .soft-band { background: var(--fog); }
   .dark-band {
     background: var(--grad-mesh);
     color: #eef0f6;
   }
   .dark-band h2, .dark-band h3 { color: #fff; }
   .dark-band .sub, .dark-band p { color: var(--muted-2); }
   .card-grid {
     display: grid;
     gap: 16px;
     grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
     margin-top: 28px;
   }
   .card-grid .card { margin-top: 0; }
   .muted-label {
     font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--muted);
   }
   .caption { font-size: 13px; color: var(--muted); }
   .link-list a { display: block; margin: 8px 0; font-weight: 500; }
   .link-list a:hover { color: var(--orange); }
   .field { margin-bottom: 14px; }
   .field label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 6px; }
   .field input, .field textarea, .field select {
     width: 100%; border: 1px solid var(--line-dark); border-radius: 12px; padding: 12px 14px; background: #fff;
   }
   .mega.features, .mega.resources { /* legacy aliases */ }
   .mega-featured {
     background: var(--grad-card);
     color: #fff;
     border-radius: 14px;
     padding: 16px;
   }
   .mega-featured .label { font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #ff8f66; }
   .mega-featured a { color: #fff; font-weight: 700; }
   .chat-fab, .toast { display: none; } /* hide legacy chrome widgets */
   .strike { text-decoration: line-through; color: var(--muted); }
   
   /* ---------- Boulevard-inspired extras ---------- */
   .hire-dot {
     display: inline-block;
     width: 7px;
     height: 7px;
     margin: 0 0 1px 6px;
     border-radius: 50%;
     background: #e11d2e;
     box-shadow: 0 0 0 0 rgba(225, 29, 46, 0.55);
     vertical-align: middle;
     animation: hire-pulse 1.6s ease-out infinite;
   }
   .nav-trigger .hire-dot {
     margin-left: 4px;
     margin-right: 2px;
   }
   .nav-link.hiring {
     display: inline-flex;
     align-items: center;
     gap: 2px;
     color: var(--orange);
     font-weight: 700;
     background: transparent;
   }
   .nav-link.hiring .hire-dot { margin-left: 4px; }
   .nav-link.hiring:hover {
     background: rgba(255, 77, 26, 0.08);
     color: var(--orange-deep);
   }
   .mega-link-hire {
     display: inline-flex !important;
     align-items: center;
     flex-wrap: wrap;
     gap: 4px 6px;
     font-weight: 750 !important;
     color: var(--ink) !important;
   }
   .mega-link-hire em {
     font-style: normal;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.06em;
     text-transform: uppercase;
     color: #e11d2e;
   }
   .mega-link-hire .hire-dot { margin-left: 0; }
   .mega-tile-badge.hire-badge {
     display: inline-flex;
     align-items: center;
     gap: 6px;
     background: rgba(225, 29, 46, 0.92);
   }
   .mega-tile-badge.hire-badge .hire-dot {
     margin: 0;
     background: #fff;
     box-shadow: none;
     animation: none;
   }
   @keyframes hire-pulse {
     0% { box-shadow: 0 0 0 0 rgba(225, 29, 46, 0.55); }
     70% { box-shadow: 0 0 0 8px rgba(225, 29, 46, 0); }
     100% { box-shadow: 0 0 0 0 rgba(225, 29, 46, 0); }
   }
   @media (prefers-reduced-motion: reduce) {
     .hire-dot { animation: none; }
   }
   .vert-pills {
     display: flex; flex-wrap: wrap; gap: 8px; justify-content: center;
   }
   .vert-pills a {
     border: 1px solid var(--line-dark);
     border-radius: var(--pill);
     padding: 10px 18px;
     font-weight: 600; font-size: 14px;
     background: #fff;
     transition: background .15s, border-color .15s, color .15s;
   }
   .vert-pills a.on,
   .vert-pills a:hover {
     background: var(--grad-orange);
     border-color: transparent;
     color: #fff;
   }
   .awards {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 14px;
     margin: 36px auto 0;
     max-width: 820px;
   }
   @media (max-width: 700px) { .awards { grid-template-columns: 1fr; } }
   .award {
     background: #fff;
     border: 1px solid var(--line-dark);
     border-radius: 18px;
     padding: 22px;
   }
   .award strong { display: block; font-size: 1.1rem; margin-bottom: 4px; }
   .award span { color: var(--muted); font-size: 14px; }
   .stat-line {
     margin: 32px 0 0;
     font-size: clamp(1.15rem, 2.5vw, 1.45rem);
     font-weight: 600;
     color: var(--ink);
   }
   .stat-line strong {
     background: var(--grad-orange);
     -webkit-background-clip: text;
     background-clip: text;
     color: transparent;
   }
   .compliance {
     display: flex; flex-direction: column; gap: 8px;
   }
   .compliance span {
     border: 1px solid var(--line);
     border-radius: 12px;
     padding: 12px 14px;
     color: #eef0f6;
     font-weight: 600;
     font-size: 13px;
   }
   .quotes { grid-template-columns: repeat(3, 1fr); }
   .blog-grid .more {
     display: inline-block;
     margin-top: 12px;
     color: #ff8f66;
     font-weight: 600;
     font-size: 14px;
   }
   .finale .email-row { max-width: 480px; }
   
   /* ---------- Futuristic micro-interactive sections ---------- */
   .fx-section { position: relative; }
   .fx-head { margin-bottom: 28px; }
   .fx-head.center { text-align: center; }
   .fx-head.center .sub { margin-left: auto; margin-right: auto; }
   
   /* 1 Pulse board */
   .pulse-board {
     display: grid;
     gap: 14px;
     grid-template-columns: repeat(4, 1fr);
   }
   @media (max-width: 900px) { .pulse-board { grid-template-columns: 1fr 1fr; } }
   @media (max-width: 560px) { .pulse-board { grid-template-columns: 1fr; } }
   .pulse-card {
     position: relative;
     display: block;
     padding: 22px;
     border-radius: 20px;
     border: 1px solid rgba(255,255,255,.1);
     background: linear-gradient(160deg, rgba(255,255,255,.07), rgba(255,255,255,.02));
     color: #eef0f6;
     overflow: hidden;
     transition: transform .2s, border-color .2s, box-shadow .2s;
   }
   .pulse-card::after {
     content: "";
     position: absolute; inset: auto -20% -40% -20%;
     height: 70%;
     background: radial-gradient(circle, rgba(255,77,26,.25), transparent 60%);
     opacity: 0;
     transition: opacity .25s;
   }
   .pulse-card:hover, .pulse-card.paused {
     transform: translateY(-4px);
     border-color: rgba(255,77,26,.45);
     box-shadow: 0 20px 40px rgba(0,0,0,.3);
   }
   .pulse-card:hover::after, .pulse-card.paused::after { opacity: 1; }
   .pulse-dot {
     display: inline-block; width: 8px; height: 8px; border-radius: 50%;
     background: #34d399; box-shadow: 0 0 0 0 rgba(52,211,153,.6);
     animation: ping 1.6s infinite; margin-bottom: 12px;
   }
   .pulse-dot.hot { background: #ff4d1a; box-shadow: 0 0 0 0 rgba(255,77,26,.55); }
   @keyframes ping {
     0% { box-shadow: 0 0 0 0 rgba(52,211,153,.55); }
     70% { box-shadow: 0 0 0 10px rgba(52,211,153,0); }
     100% { box-shadow: 0 0 0 0 rgba(52,211,153,0); }
   }
   .pulse-label { display: block; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: #8b92a5; font-weight: 700; }
   .pulse-val { display: block; margin: 8px 0 4px; font-size: clamp(1.8rem, 3vw, 2.4rem); font-weight: var(--fw-display); letter-spacing: var(--track-display); color: #fff; position: relative; z-index: 1; }
   .pulse-card em { font-style: normal; font-size: 13px; color: #a8b0c0; position: relative; z-index: 1; }
   .pulse-feed {
     margin: 18px 0 0;
     font-size: 13px;
     color: #9aa3b5;
     font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
     min-height: 1.4em;
   }
   
   /* 2 Constellation (premium replacement for broken orbit) */
   .fx-orbit-layout {
     display: grid;
     gap: 40px;
     align-items: center;
   }
   @media (min-width: 900px) { .fx-orbit-layout { grid-template-columns: 1fr 1.1fr; } }
   .fx-constellation {
     background:
       radial-gradient(ellipse 60% 50% at 80% 40%, rgba(255,77,26,.06), transparent 55%),
       #fff;
   }
   .role-pills {
     list-style: none; margin: 18px 0 0; padding: 0;
     display: flex; flex-wrap: wrap; gap: 8px;
   }
   .role-pills li {
     padding: 8px 14px; border-radius: 999px; font-size: 13px; font-weight: 600;
     border: 1px solid var(--line-dark); color: var(--muted); background: #fff;
     transition: background .15s, color .15s, border-color .15s;
   }
   .role-pills li.on {
     background: var(--ink); color: #fff; border-color: var(--ink);
   }
   .constellation {
     position: relative;
     width: min(460px, 100%);
     height: 460px;
     margin: 0 auto;
     border-radius: 28px;
     background:
       radial-gradient(circle at 50% 50%, rgba(255,77,26,.16), transparent 42%),
       linear-gradient(160deg, #12141c, #0a0b0f);
     border: 1px solid rgba(255,255,255,.1);
     box-shadow: 0 28px 70px rgba(0,0,0,.25);
     overflow: hidden;
   }
   .constellation-ring {
     position: absolute; inset: 18%;
     border-radius: 50%;
     border: 1px dashed rgba(255,255,255,.16);
     animation: ringPulse 6s ease-in-out infinite;
   }
   .constellation-ring::before {
     content: "";
     position: absolute; inset: 18%;
     border-radius: 50%;
     border: 1px solid rgba(255,77,26,.25);
   }
   @keyframes ringPulse {
     0%, 100% { transform: scale(1); opacity: .7; }
     50% { transform: scale(1.03); opacity: 1; }
   }
   .constellation-core {
     position: absolute; inset: 36%;
     border-radius: 50%;
     display: flex; flex-direction: column; align-items: center; justify-content: center;
     gap: 4px; text-align: center;
     background: var(--grad-orange);
     color: #fff;
     box-shadow: 0 16px 40px rgba(255,77,26,.4);
     z-index: 2;
   }
   .constellation-core strong { font-size: 14px; letter-spacing: -.02em; }
   .constellation-core span { font-size: 10px; opacity: .85; font-weight: 600; }
   .c-node {
     position: absolute;
     z-index: 3;
     width: 92px; min-height: 92px;
     border-radius: 22px;
     border: 1px solid rgba(255,255,255,.16);
     background: rgba(255,255,255,.08);
     backdrop-filter: blur(8px);
     color: #fff;
     font-weight: 700; font-size: 13px;
     cursor: pointer;
     display: grid; place-items: center;
     transition: transform .2s, background .2s, border-color .2s, box-shadow .2s;
   }
   .c-node span { pointer-events: none; }
   .c-node:hover, .c-node.on {
     background: #fff;
     color: var(--ink);
     border-color: #fff;
     transform: translateY(-4px) scale(1.04);
     box-shadow: 0 16px 36px rgba(255,255,255,.18);
   }
   .c-node.c1 { top: 28px; left: calc(50% - 46px); }
   .c-node.c2 { top: 110px; right: 28px; }
   .c-node.c3 { bottom: 110px; right: 28px; }
   .c-node.c4 { bottom: 28px; left: calc(50% - 46px); }
   .c-node.c5 { bottom: 110px; left: 28px; }
   .c-node.c6 { top: 110px; left: 28px; }
   
   .inclusive-grid {
     display: grid; gap: 12px; margin-top: 36px;
     grid-template-columns: repeat(3, 1fr);
   }
   @media (max-width: 900px) { .inclusive-grid { grid-template-columns: 1fr 1fr; } }
   @media (max-width: 560px) { .inclusive-grid { grid-template-columns: 1fr; } }
   .inclusive-card {
     display: block;
     padding: 22px;
     border-radius: 18px;
     border: 1px solid rgba(255,255,255,.1);
     background: linear-gradient(160deg, rgba(255,255,255,.07), rgba(255,255,255,.02));
     color: #eef0f6;
     transition: transform .2s, border-color .2s, box-shadow .2s;
   }
   .inclusive-card:hover {
     transform: translateY(-4px);
     border-color: rgba(255,77,26,.45);
     box-shadow: 0 18px 40px rgba(0,0,0,.25);
   }
   .inclusive-card strong { display: block; font-size: 1.05rem; margin-bottom: 8px; color: #fff; }
   .inclusive-card p { margin: 0; font-size: 14px; color: #a8b0c0; }
   
   /* Inclusive = cinematic scale journey (scroll-pin) */
   .scale-pin {
     --scale-steps: 6;
     position: relative;
     background: #0a0b0f;
   }
   .scale-pin-track {
     height: calc(var(--scale-steps) * 88vh);
     position: relative;
   }
   .scale-pin-sticky {
     position: sticky;
     top: 0;
     height: 100vh;
     min-height: 640px;
     overflow: hidden;
   }
   .scale-scene {
     position: absolute;
     inset: 0;
   }
   .scale-bg {
     position: absolute;
     inset: 0;
     background-size: cover;
     background-position: center;
     transform: scale(1.06);
     transition: opacity 0.55s ease, transform 0.9s ease;
   }
   .scale-bg.on { transform: scale(1); }
   .scale-veil {
     position: absolute;
     inset: 0;
     background:
       linear-gradient(105deg, rgba(10, 11, 15, 0.88) 0%, rgba(10, 11, 15, 0.55) 48%, rgba(10, 11, 15, 0.28) 100%),
       linear-gradient(0deg, rgba(10, 11, 15, 0.55), transparent 40%);
   }
   .scale-content {
     position: relative;
     z-index: 2;
     height: 100%;
     width: min(960px, calc(100% - 48px));
     margin: 0 auto 0 max(4%, calc((100% - 1280px) / 2 + 24px));
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     justify-content: center;
     padding: 40px 0;
     color: #fff;
   }
   .scale-content .btn {
     width: auto;
     align-self: flex-start;
   }
   .scale-content .eyebrow { color: #ff8f66; }
   .scale-kicker {
     margin: 0 0 18px;
     font-size: 15px;
     font-weight: 600;
     color: rgba(255, 255, 255, 0.65);
   }
   .scale-hero-type {
     display: flex;
     flex-direction: column;
     gap: 8px;
     margin-bottom: 18px;
   }
   .scale-big-n {
     font-size: clamp(3.5rem, 8vw, 6rem);
     font-weight: var(--fw-display);
     letter-spacing: -0.06em;
     line-height: 0.9;
     background: var(--grad-orange);
     -webkit-background-clip: text;
     background-clip: text;
     color: transparent;
   }
   .scale-content h2,
   #scale-title {
     margin: 0;
     color: #fff;
     font-size: clamp(2.1rem, 4.2vw, 3.4rem);
     font-weight: var(--fw-display);
     letter-spacing: var(--track-display);
     line-height: 1.1;
     max-width: 14ch;
     white-space: normal;
   }
   .scale-body {
     margin: 0 0 28px;
     max-width: 420px;
     font-size: clamp(1.05rem, 1.6vw, 1.2rem);
     line-height: 1.5;
     color: rgba(255, 255, 255, 0.78);
   }
   .scale-meter-live {
     display: flex;
     align-items: center;
     gap: 14px;
     margin: 36px 0 18px;
     width: min(100%, 420px);
     font-size: 11px;
     font-weight: 700;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: rgba(255, 255, 255, 0.5);
   }
   .scale-meter-track {
     flex: 1;
     height: 5px;
     border-radius: 999px;
     background: rgba(255, 255, 255, 0.15);
     overflow: hidden;
   }
   .scale-meter-track i {
     display: block;
     height: 100%;
     background: var(--grad-orange);
     border-radius: inherit;
     transition: width 0.3s ease;
   }
   .scale-dots {
     list-style: none;
     margin: 0;
     padding: 0;
     display: flex;
     flex-wrap: wrap;
     gap: 8px;
     width: min(100%, 520px);
   }
   .scale-dots button {
     border: 1px solid rgba(255, 255, 255, 0.2);
     background: rgba(255, 255, 255, 0.06);
     color: rgba(255, 255, 255, 0.7);
     font-family: inherit;
     font-size: 13px;
     font-weight: 700;
     padding: 10px 14px;
     border-radius: 999px;
     cursor: pointer;
     transition: background 0.15s, color 0.15s, border-color 0.15s;
   }
   .scale-dots button.on {
     color: #fff;
     background: rgba(255, 77, 26, 0.35);
     border-color: rgba(255, 77, 26, 0.7);
   }
   .scale-fallback { display: none; padding: 64px 0; color: #fff; }
   .scale-fallback h2 { color: #fff; }
   .scale-fallback-grid {
     display: grid;
     gap: 12px;
     grid-template-columns: 1fr 1fr;
   }
   .scale-fallback-grid a {
     position: relative;
     min-height: 160px;
     border-radius: 18px;
     overflow: hidden;
     background-size: cover;
     background-position: center;
     color: #fff;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     padding: 18px;
     isolation: isolate;
   }
   .scale-fallback-grid a::before {
     content: "";
     position: absolute;
     inset: 0;
     background: linear-gradient(0deg, rgba(10,11,15,.85), rgba(10,11,15,.2));
     z-index: -1;
   }
   .scale-fallback-grid span {
     font-size: 12px;
     font-weight: var(--fw-display);
     color: #ff8f66;
     letter-spacing: 0.06em;
   }
   .scale-fallback-grid strong {
     font-size: 1.15rem;
     letter-spacing: -0.02em;
   }
   
   @media (max-width: 900px), (prefers-reduced-motion: reduce) {
     .scale-pin-track { display: none; }
     .scale-fallback { display: block; background: #0a0b0f; }
   }
   @media (min-width: 901px) {
     .scale-fallback { display: none; }
   }
   
   /* legacy ladder kept harmless */
   .scale-section { background: var(--fog); }
   .scale-layout { display: none; }
   
   /* Stories = editorial social proof */
   .stories-section {
     background: #fff;
     color: var(--ink);
     border-top: 1px solid var(--line-dark);
   }
   .stories-head {
     display: flex;
     flex-wrap: wrap;
     gap: 16px 28px;
     align-items: flex-end;
     justify-content: space-between;
     margin-bottom: 36px;
   }
   .stories-head h2 {
     color: var(--ink);
     max-width: 520px;
   }
   .stories-all {
     font-weight: 700;
     font-size: 15px;
     color: var(--orange);
     white-space: nowrap;
   }
   .stories-all:hover { color: var(--orange-deep); }
   
   .story-feature {
     display: grid;
     gap: 0;
     border-radius: 28px;
     overflow: hidden;
     background: var(--ink);
     color: #fff;
     box-shadow: 0 28px 70px rgba(10, 11, 15, 0.18);
     margin-bottom: 16px;
   }
   @media (min-width: 900px) {
     .story-feature { grid-template-columns: 1.05fr 1fr; min-height: 420px; }
   }
   .story-photo {
     margin: 0;
     min-height: 280px;
     background-size: cover;
     background-position: center;
   }
   .story-feature-quote {
     margin: 0;
     padding: 36px 32px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     gap: 20px;
     background:
       radial-gradient(ellipse 80% 60% at 100% 0%, rgba(255, 77, 26, 0.22), transparent 55%),
       #0a0b0f;
   }
   .story-feature-quote p {
     margin: 0;
     font-size: clamp(1.25rem, 2.4vw, 1.65rem);
     font-weight: 600;
     letter-spacing: -0.025em;
     line-height: 1.35;
     color: #fff;
   }
   .story-feature-quote footer {
     display: flex;
     flex-direction: column;
     gap: 2px;
   }
   .story-feature-quote cite {
     font-style: normal;
     font-weight: var(--fw-display);
     font-size: 15px;
     color: #fff;
   }
   .story-feature-quote footer span {
     font-size: 13.5px;
     color: #8b92a5;
   }
   .story-feature-quote .btn { align-self: flex-start; margin-top: 4px; }
   
   .story-strip {
     display: grid;
     gap: 14px;
     grid-template-columns: repeat(3, 1fr);
   }
   @media (max-width: 900px) {
     .story-strip { grid-template-columns: 1fr; }
   }
   .story-chip {
     padding: 24px;
     border-radius: 20px;
     border: 1px solid var(--line-dark);
     background: var(--fog);
   }
   .story-chip p {
     margin: 0 0 18px;
     font-size: 15px;
     line-height: 1.5;
     color: #2a2e3a;
     font-weight: 500;
   }
   .story-chip footer {
     display: flex;
     flex-direction: column;
     gap: 2px;
   }
   .story-chip cite {
     font-style: normal;
     font-weight: var(--fw-display);
     font-size: 14px;
     color: var(--ink);
   }
   .story-chip footer span {
     font-size: 13px;
     color: #8b92a5;
   }
   .story-chip.cta {
     background: #fff;
     border-style: dashed;
     display: flex;
     flex-direction: column;
     justify-content: center;
   }
   .story-chip.cta strong {
     display: block;
     font-size: 1.15rem;
     margin-bottom: 6px;
     letter-spacing: -0.02em;
   }
   .story-chip.cta > p {
     color: #5c6478;
     margin-bottom: 16px;
   }
   .story-chip.cta .cta-row { margin-top: 0; }
   
   .sig-layout { display: grid; gap: 28px; }
   @media (min-width: 900px) { .sig-layout { grid-template-columns: 1fr 1.1fr; align-items: start; } }
   .scrub.premium { box-shadow: 0 24px 60px rgba(0,0,0,.2); }
   .scrub-legend {
     display: flex; justify-content: space-between; margin-top: 14px;
     font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #7a8294;
   }
   .fx-migrate {
     background:
       radial-gradient(ellipse 50% 40% at 50% 0%, rgba(255,77,26,.06), transparent 60%),
       #fff;
   }
   .cmd.premium {
     border: 0;
     box-shadow: 0 24px 60px rgba(10,11,15,.12);
     background: linear-gradient(180deg, #fff, #f7f8fb);
   }
   
   /* 3 Scrubber */
   .scrub {
     max-width: 820px;
     margin: 0 auto;
     padding: 28px;
     border-radius: 24px;
     background: var(--grad-card);
     border: 1px solid var(--line);
     color: #eef0f6;
   }
   .scrub-meta { display: flex; flex-wrap: wrap; gap: 10px 18px; justify-content: space-between; align-items: baseline; margin-bottom: 18px; }
   .scrub-meta strong { font-size: 1.8rem; color: #fff; letter-spacing: -.03em; }
   .scrub-meta span { color: #9aa3b5; font-size: 14px; }
   #scrub-range {
     width: 100%;
     accent-color: var(--orange);
     cursor: pointer;
   }
   .scrub-track {
     display: flex; justify-content: space-between;
     margin-top: 8px; font-size: 11px; color: #7a8294; font-weight: 600;
   }
   .scrub-bars {
     display: grid;
     grid-template-columns: repeat(13, 1fr);
     gap: 6px;
     align-items: end;
     height: 120px;
     margin-top: 22px;
   }
   .scrub-bars i {
     display: block;
     border-radius: 8px 8px 4px 4px;
     background: linear-gradient(180deg, rgba(255,77,26,.85), rgba(255,77,26,.25));
     opacity: .35;
     transition: opacity .15s, transform .15s, height .2s;
   }
   .scrub-bars i.on { opacity: 1; transform: scaleY(1.04); box-shadow: 0 0 20px rgba(255,77,26,.35); }
   
   /* 4 Switchboard */
   .switchboard {
     display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 16px;
   }
   .sig {
     border: 1px solid rgba(255,255,255,.14);
     background: rgba(255,255,255,.04);
     color: #9aa3b5;
     border-radius: 999px;
     padding: 12px 18px;
     font-weight: 700; font-size: 14px;
     transition: background .15s, color .15s, border-color .15s, box-shadow .15s, transform .15s;
   }
   .sig:hover { transform: translateY(-2px); color: #fff; }
   .sig.on {
     color: #fff;
     border-color: transparent;
     background: var(--grad-orange);
     box-shadow: 0 10px 28px rgba(255,77,26,.3);
   }
   .sig-preview {
     margin: 0 0 22px;
     padding: 16px 18px;
     border-radius: 14px;
     border: 1px solid rgba(255,255,255,.1);
     background: rgba(0,0,0,.25);
     color: #c5cad6;
     font-size: 14px;
     font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
     min-height: 3.2em;
   }
   
   /* 5 Migration path */
   .path {
     display: grid;
     gap: 12px;
     grid-template-columns: repeat(4, 1fr);
     margin-top: 8px;
   }
   @media (max-width: 800px) { .path { grid-template-columns: 1fr 1fr; } }
   .path-step {
     text-align: left;
     padding: 22px;
     border-radius: 18px;
     border: 1px solid var(--line-dark);
     background: #fff;
     color: var(--ink);
     transition: border-color .15s, box-shadow .15s, transform .15s;
   }
   .path-step span {
     display: block; font-size: 12px; font-weight: var(--fw-display); letter-spacing: .1em;
     color: var(--orange); margin-bottom: 8px;
   }
   .path-step strong { display: block; font-size: 1.15rem; margin-bottom: 6px; }
   .path-step p { margin: 0; color: var(--muted); font-size: 13.5px; }
   .path-step:hover { transform: translateY(-3px); }
   .path-step.on {
     border-color: transparent;
     background: var(--grad-card);
     color: #fff;
     box-shadow: 0 18px 40px rgba(0,0,0,.2);
   }
   .path-step.on p { color: #a8b0c0; }
   .path-bar {
     height: 6px;
     border-radius: 999px;
     background: var(--fog);
     margin: 22px 0 12px;
     overflow: hidden;
   }
   .path-bar i {
     display: block; height: 100%; width: 25%;
     border-radius: inherit;
     background: var(--grad-orange);
     transition: width .35s ease;
   }
   .path-note { text-align: center; color: var(--muted); font-size: 14px; margin: 0 0 18px; }
   
   /* 6 Command lab */
   .fx-cmd-layout {
     display: grid;
     gap: 32px;
     align-items: start;
   }
   @media (min-width: 900px) { .fx-cmd-layout { grid-template-columns: .9fr 1.1fr; } }
   .cmd {
     border-radius: 22px;
     border: 1px solid var(--line-dark);
     background: #fff;
     box-shadow: var(--shadow-soft);
     overflow: hidden;
   }
   .cmd-bar {
     display: flex; align-items: center; gap: 12px;
     padding: 14px 16px;
     border-bottom: 1px solid var(--line-dark);
   }
   .cmd-kbd {
     font-size: 11px; font-weight: var(--fw-display);
     padding: 4px 8px; border-radius: 8px;
     border: 1px solid var(--line-dark);
     color: var(--muted); background: var(--fog);
   }
   #cmd-input {
     flex: 1; border: 0; outline: 0; font-size: 15px; background: transparent; color: var(--ink);
   }
   .cmd-list { list-style: none; margin: 0; padding: 8px; max-height: 320px; overflow: auto; }
   .cmd-list li { margin: 0; }
   .cmd-list a {
     display: flex; justify-content: space-between; gap: 12px; align-items: baseline;
     padding: 12px 12px; border-radius: 12px;
     transition: background .12s;
   }
   .cmd-list a:hover, .cmd-list li.active a { background: var(--fog); }
   .cmd-list strong { font-size: 14.5px; color: var(--ink); }
   .cmd-list span { font-size: 12.5px; color: var(--muted); }
   .cmd-list li.hidden { display: none; }
   
   /* ---------- Toast-style solution / product cards ---------- */
   .solutions-toast { padding-top: 72px; }
   .toast-head {
     display: flex;
     flex-wrap: wrap;
     gap: 20px;
     align-items: flex-end;
     justify-content: space-between;
     margin-bottom: 32px;
   }
   .toast-head h2 {
     font-size: clamp(2.2rem, 5vw, 3.4rem);
     letter-spacing: var(--track-display);
   }
   .toast-head .sub { max-width: 520px; }
   .seg-toggle {
     display: inline-flex;
     padding: 4px;
     border-radius: 999px;
     background: var(--fog);
     gap: 2px;
   }
   .seg-toggle button {
     border: 0;
     background: transparent;
     border-radius: 999px;
     padding: 10px 18px;
     font-weight: 700;
     font-size: 14px;
     color: var(--muted);
     cursor: pointer;
   }
   .seg-toggle button.on {
     background: var(--grad-orange);
     color: #fff;
     box-shadow: 0 8px 22px var(--orange-glow);
   }
   .toast-grid {
     display: grid;
     gap: 16px;
     grid-template-columns: repeat(4, 1fr);
   }
   .toast-grid.hidden { display: none; }
   .toast-grid .tcard.wide { grid-column: span 2; }
   @media (max-width: 1200px) {
     .guides-manifesto-inner { grid-template-columns: repeat(3, minmax(0, 1fr)); }
   }
   @media (max-width: 1000px) {
     .toast-grid { grid-template-columns: repeat(2, 1fr); }
     .toast-grid .tcard.wide { grid-column: span 2; }
   }
   @media (max-width: 560px) {
     .toast-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
     .toast-grid .tcard.wide { grid-column: span 2; }
     .toast-grid .tcard { min-height: 0; border-radius: 16px; }
     .toast-grid .tcard-visual { min-height: 96px; height: 96px; }
     .toast-grid .tcard-foot { padding: 10px 8px 12px; }
     .toast-grid .tcard-foot h3 { font-size: 0.88rem; }
     .toast-grid .tcard-foot p { font-size: 11px; }
     .solutions-toast { padding-top: 48px; }
   }
   .tcard {
     position: relative;
     display: flex;
     flex-direction: column;
     min-height: 380px;
     border-radius: 28px;
     overflow: hidden;
     background: #12141c;
     color: #fff;
     box-shadow: 0 16px 40px rgba(10, 11, 15, 0.12);
     transition: transform .2s, box-shadow .2s;
   }
   .tcard:hover {
     transform: translateY(-6px);
     box-shadow: 0 28px 60px rgba(10, 11, 15, 0.18);
   }
   .tcard-visual {
     flex: 1;
     min-height: 240px;
     background: center/cover no-repeat;
     position: relative;
     transform: scale(1.001);
     transition: transform 0.45s ease;
   }
   .tcard:hover .tcard-visual {
     transform: scale(1.04);
   }
   .tcard-visual.orange {
     background: linear-gradient(160deg, #ff6a33, #e2410a 55%, #c92e0a);
     display: grid;
     place-items: center;
     padding: 24px;
   }
   .tcard-visual.dark {
     background: linear-gradient(160deg, #1c1f2b, #0a0b0f);
     display: grid;
     place-items: center;
     padding: 24px;
   }
   .tcard-mock {
     width: min(100%, 220px);
     background: rgba(255,255,255,.12);
     border: 1px solid rgba(255,255,255,.2);
     border-radius: 18px;
     padding: 16px;
     color: #fff;
     box-shadow: 0 16px 40px rgba(0,0,0,.25);
   }
   .tcard-mock.light {
     background: #fff;
     color: var(--ink);
     border-color: transparent;
   }
   .tcard-mock.wide { width: min(100%, 360px); }
   .tcard-mock strong { display: block; font-size: 14px; margin-bottom: 8px; }
   .tcard-mock .bubble,
   .tcard-mock span {
     display: block;
     margin-top: 8px;
     padding: 10px 12px;
     border-radius: 12px;
     background: var(--fog);
     font-size: 13px;
     font-weight: 600;
   }
   .tcard-mock.light .bubble { background: #f3f4f8; }
   .tcard-visual.dark .tcard-mock {
     background: rgba(255,255,255,.08);
   }
   .tcard-visual.dark .tcard-mock span {
     background: rgba(255,255,255,.08);
     color: #c5cad6;
   }
   .tcard-foot {
     padding: 18px 20px 20px;
     background: rgba(10, 11, 15, 0.92);
   }
   .tcard-foot h3 {
     margin: 0 0 4px;
     font-size: 1.2rem;
     font-weight: var(--fw-display);
     letter-spacing: -.02em;
     color: #fff;
   }
   .tcard-foot p {
     margin: 0;
     font-size: 13.5px;
     color: rgba(255,255,255,.72);
     line-height: 1.4;
   }
   
   /* Mid-shift panel + scroll lock — wide, soft, cinematic */
   .mid-pin {
     --mid-steps: 5;
     position: relative;
     background:
       radial-gradient(ellipse 60% 50% at 10% 40%, rgba(255, 120, 80, 0.08), transparent 55%),
       radial-gradient(ellipse 50% 40% at 90% 60%, rgba(255, 77, 26, 0.05), transparent 50%),
       #faf9f7;
   }
   .mid-pin-track {
     height: calc(var(--mid-steps) * 85vh);
     position: relative;
   }
   .mid-pin-sticky {
     position: sticky;
     top: 0;
     height: 100vh;
     min-height: 680px;
     display: flex;
     align-items: center;
     padding: 28px 0;
     box-sizing: border-box;
   }
   .mid-pin-wrap {
     width: min(1440px, calc(100% - 32px));
     margin: 0 auto;
   }
   .toast-mid {
     display: grid;
     gap: 0 28px;
     border-radius: 36px;
     overflow: hidden;
     background:
       linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(255, 248, 244, 0.88)),
       #fff;
     border: 1px solid rgba(10, 11, 15, 0.06);
     box-shadow:
       0 40px 100px rgba(10, 11, 15, 0.1),
       0 0 0 1px rgba(255, 255, 255, 0.6) inset;
     color: var(--ink);
     width: 100%;
     min-height: min(640px, calc(100vh - 100px));
     padding: 28px;
   }
   @media (min-width: 960px) {
     .toast-mid {
       grid-template-columns: minmax(340px, 0.9fr) minmax(420px, 1.25fr);
       align-items: stretch;
       padding: 32px;
       gap: 0 36px;
     }
   }
   .toast-mid .mid-copy {
     padding: 28px 20px 28px 24px;
     background: transparent;
     display: flex;
     flex-direction: column;
     justify-content: center;
     position: relative;
     z-index: 2;
     min-width: 0;
   }
   .toast-mid .eyebrow {
     color: var(--orange);
     margin-bottom: 14px;
   }
   .toast-mid h2 {
     color: var(--ink);
     margin: 0 0 16px;
     font-size: clamp(2.1rem, 4vw, 3.1rem);
     font-weight: var(--fw-display);
     letter-spacing: var(--track-display);
     line-height: 1.12;
     max-width: 11ch;
     white-space: normal;
   }
   .toast-mid .sub {
     color: #6a6f7c;
     margin: 0;
     font-size: 1.08rem;
     line-height: 1.55;
     max-width: 36ch;
   }
   .mid-scroll-hint {
     margin: 22px 0 0;
     font-size: 11px;
     font-weight: 700;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     color: #b8bdc8;
   }
   .toast-mid .feat-list {
     margin-top: 28px;
   }
   .toast-mid .feat-list button {
     color: #c5c9d2;
     font-size: clamp(1.25rem, 2.2vw, 1.7rem);
     font-weight: 700;
     letter-spacing: -0.025em;
     padding: 16px 8px 16px 0;
     border-radius: 14px;
     transition: color 0.25s, opacity 0.25s, background 0.2s, padding 0.2s;
     opacity: 0.4;
   }
   .toast-mid .feat-list button.on {
     color: var(--ink);
     opacity: 1;
     background: rgba(255, 77, 26, 0.06);
     padding-left: 14px;
     padding-right: 12px;
   }
   .toast-mid .feat-list button.is-near {
     opacity: 0.7;
     color: #8b92a0;
   }
   .toast-mid .feat-list .go {
     width: 36px;
     height: 36px;
     font-size: 16px;
     box-shadow: 0 8px 20px rgba(255, 77, 26, 0.35);
   }
   .toast-mid .mid-media {
     min-height: 480px;
     position: relative;
     display: flex;
     align-items: stretch;
   }
   .toast-mid .mid-visual {
     flex: 1;
     height: auto;
     min-height: 480px;
     border-radius: 28px;
     overflow: hidden;
     background-color: #1a1d28;
     background-size: cover;
     background-position: center;
     box-shadow:
       0 24px 60px rgba(10, 11, 15, 0.18),
       0 0 0 1px rgba(10, 11, 15, 0.04);
     transition: opacity 0.35s ease, transform 0.5s ease;
   }
   .toast-mid .mid-caption {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     padding: 48px 32px 32px;
     color: #fff;
     background: linear-gradient(transparent, rgba(10, 11, 15, 0.78));
     font-size: clamp(1.2rem, 2vw, 1.55rem);
     font-weight: 700;
     letter-spacing: -0.02em;
     line-height: 1.3;
     max-width: 28ch;
     transition: opacity 0.2s ease;
   }
   
   @media (max-width: 959px), (prefers-reduced-motion: reduce) {
     .mid-pin-track { height: auto; }
     .mid-pin-sticky {
       position: relative;
       height: auto;
       min-height: 0;
       padding: 48px 0;
     }
     .mid-scroll-hint { display: none; }
     .toast-mid {
       min-height: 0;
       grid-template-columns: 1fr;
       gap: 20px;
       padding: 22px;
     }
     .toast-mid .mid-copy { padding: 12px 8px 0; }
     .toast-mid .mid-media,
     .toast-mid .mid-visual { min-height: 320px; }
     .toast-mid .feat-list button { opacity: 1; }
     .toast-mid .feat-list button:not(.on) { opacity: 0.5; }
   }
   
   /* ---------- Platform scroll-pin theater ---------- */
   .platform-pin {
     --pin-steps: 6;
     background: #0a0b0f;
     color: #eef0f6;
     position: relative;
   }
   .platform-pin-track {
     height: calc(var(--pin-steps) * 42vh);
     position: relative;
   }
   .platform-pin-sticky {
     position: sticky;
     top: 0;
     height: 100vh;
     min-height: 720px;
     display: flex;
     align-items: center;
     overflow: hidden;
     background:
       radial-gradient(ellipse 70% 60% at 85% 40%, rgba(255, 77, 26, 0.18), transparent 55%),
       radial-gradient(ellipse 50% 40% at 10% 80%, rgba(99, 102, 241, 0.12), transparent 50%),
       #0a0b0f;
   }
   .platform-pin-inner {
     display: grid;
     gap: 40px 56px;
     grid-template-columns: minmax(340px, 1fr) minmax(380px, 1.15fr);
     align-items: center;
     width: min(1280px, calc(100% - 48px));
     padding: 32px 0;
   }
   .platform-copy .eyebrow {
     color: #ff8f66;
     font-size: 13px;
     letter-spacing: 0.14em;
   }
   .platform-copy {
     position: relative;
     z-index: 2;
     min-width: 0;
   }
   .platform-copy h2 {
     margin: 10px 0 14px;
     color: #fff;
     font-size: clamp(2.2rem, 4.2vw, 3.35rem);
     font-weight: var(--fw-display);
     letter-spacing: var(--track-display);
     line-height: 1.12;
     max-width: 14ch;
     white-space: normal;
   }
   .platform-hint {
     margin: 0 0 32px;
     font-size: 16px;
     line-height: 1.45;
     color: #9aa3b5;
     max-width: 400px;
   }
   .platform-step-meta {
     display: grid;
     grid-template-columns: auto 1fr;
     gap: 18px 22px;
     align-items: start;
     margin-bottom: 28px;
     min-height: 140px;
   }
   .platform-index-wrap {
     display: flex;
     align-items: baseline;
     gap: 6px;
     line-height: 1;
   }
   .platform-index {
     font-size: clamp(3.2rem, 6vw, 4.5rem);
     font-weight: var(--fw-display);
     letter-spacing: var(--track-display);
     line-height: 1;
     background: var(--grad-orange);
     -webkit-background-clip: text;
     background-clip: text;
     color: transparent;
   }
   .platform-of {
     font-size: 1.15rem;
     font-weight: 700;
     color: #5c6478;
     letter-spacing: 0.04em;
   }
   .platform-step-meta h3,
   #pin-title {
     margin: 0 0 10px;
     color: #fff;
     font-size: clamp(1.55rem, 2.4vw, 1.95rem);
     font-weight: var(--fw-display);
     letter-spacing: var(--track-title);
     white-space: nowrap;
   }
   .platform-step-meta p {
     margin: 0;
     font-size: 17px;
     line-height: 1.5;
     color: #b4bac8;
     max-width: 420px;
   }
   .platform-copy .btn-lg {
     min-height: 52px;
     padding: 14px 26px;
     font-size: 16px;
   }
   .platform-rail {
     list-style: none;
     margin: 32px 0 0;
     padding: 0;
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
   }
   .platform-rail button {
     border: 1px solid rgba(255, 255, 255, 0.14);
     background: rgba(255, 255, 255, 0.04);
     color: #9aa3b5;
     font-family: inherit;
     font-size: 14px;
     font-weight: 700;
     padding: 12px 16px;
     border-radius: 999px;
     cursor: pointer;
     display: inline-flex;
     align-items: center;
     gap: 8px;
     transition: background 0.15s, color 0.15s, border-color 0.15s, transform 0.15s;
   }
   .platform-rail .rail-n {
     font-size: 11px;
     letter-spacing: 0.06em;
     opacity: 0.7;
   }
   .platform-rail button:hover {
     color: #fff;
     border-color: rgba(255, 255, 255, 0.28);
     transform: translateY(-1px);
   }
   .platform-rail button.on {
     color: #fff;
     background: rgba(255, 77, 26, 0.22);
     border-color: rgba(255, 77, 26, 0.55);
   }
   .platform-rail button.on .rail-n { opacity: 1; color: #ffb089; }
   
   .platform-stage {
     position: relative;
     border-radius: 32px;
     border: 1px solid rgba(255, 255, 255, 0.1);
     background:
       linear-gradient(165deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.02));
     box-shadow: 0 36px 90px rgba(0, 0, 0, 0.5);
     padding: 28px;
     min-height: 520px;
   }
   .platform-progress {
     height: 4px;
     border-radius: 999px;
     background: rgba(255, 255, 255, 0.08);
     margin-bottom: 22px;
     overflow: hidden;
   }
   .platform-progress i {
     display: block;
     height: 100%;
     width: 16.66%;
     background: var(--grad-orange);
     border-radius: inherit;
     transition: width 0.12s ease;
   }
   .stage-frame {
     position: relative;
     min-height: 420px;
   }
   .stage-panel {
     position: absolute;
     inset: 0;
     opacity: 0;
     transform: translateY(10px);
     pointer-events: none;
     transition: opacity 0.14s ease, transform 0.16s ease;
   }
   .stage-panel.on {
     opacity: 1;
     transform: none;
     pointer-events: auto;
   }
   .stage-screen {
     border-radius: 22px;
     padding: 28px;
     min-height: 400px;
     background: linear-gradient(160deg, #161922, #0e1018);
     border: 1px solid rgba(255, 255, 255, 0.08);
     color: #eef0f6;
   }
   .stage-screen header {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 26px;
     font-size: 14px;
     font-weight: 700;
     letter-spacing: 0.04em;
     text-transform: uppercase;
     color: #8b92a5;
   }
   .stage-screen header em {
     font-style: normal;
     color: #ff8f66;
     background: rgba(255, 77, 26, 0.14);
     padding: 5px 12px;
     border-radius: 999px;
     font-size: 12px;
   }
   .stage-line {
     display: flex;
     justify-content: space-between;
     gap: 12px;
     padding: 14px 0;
     border-bottom: 1px solid rgba(255, 255, 255, 0.06);
     font-size: 16px;
     font-weight: 600;
   }
   .stage-line.muted { color: #9aa3b5; font-weight: 500; }
   .stage-total {
     display: flex;
     justify-content: space-between;
     margin-top: 18px;
     font-size: 1.45rem;
     font-weight: var(--fw-display);
     color: #fff;
   }
   .stage-pay {
     margin-top: 20px;
     display: inline-flex;
     padding: 12px 18px;
     border-radius: 14px;
     background: var(--grad-orange);
     color: #fff;
     font-weight: 700;
     font-size: 15px;
   }
   .stage-chat {
     border-radius: 16px;
     padding: 16px 18px;
     margin-bottom: 14px;
     font-size: 15.5px;
     line-height: 1.45;
     max-width: 92%;
   }
   .stage-chat.user {
     background: rgba(255, 77, 26, 0.18);
     margin-left: auto;
     color: #fff;
   }
   .stage-chat.bot {
     background: rgba(255, 255, 255, 0.06);
     color: #d5dae6;
   }
   .stage-chips {
     display: flex;
     flex-wrap: wrap;
     gap: 8px;
     margin-top: 16px;
   }
   .stage-chips span {
     border: 1px solid rgba(255, 255, 255, 0.12);
     border-radius: 999px;
     padding: 6px 12px;
     font-size: 12px;
     font-weight: 600;
     color: #b4bac8;
   }
   .stage-slots {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 10px;
   }
   .stage-slots i {
     font-style: normal;
     text-align: center;
     padding: 16px 8px;
     border-radius: 12px;
     background: rgba(255, 255, 255, 0.05);
     border: 1px solid rgba(255, 255, 255, 0.08);
     font-weight: 700;
     font-size: 14px;
   }
   .stage-slots i.on {
     background: rgba(255, 77, 26, 0.25);
     border-color: rgba(255, 77, 26, 0.55);
     color: #fff;
     box-shadow: 0 0 0 1px rgba(255, 77, 26, 0.2);
   }
   .stage-slots i.taken {
     opacity: 0.35;
     text-decoration: line-through;
   }
   .stage-note {
     margin-top: 18px;
     font-size: 13.5px;
     color: #8b92a5;
   }
   .stage-loyalty {
     padding: 22px;
     border-radius: 16px;
     background: linear-gradient(135deg, rgba(255, 77, 26, 0.35), rgba(255, 77, 26, 0.08));
     margin-bottom: 14px;
   }
   .stage-loyalty strong {
     display: block;
     font-size: 2rem;
     font-weight: var(--fw-display);
     color: #fff;
     letter-spacing: -0.03em;
   }
   .stage-loyalty span { color: #ffd0bc; font-size: 14px; }
   .stage-msg {
     padding: 14px 16px;
     border-radius: 12px;
     background: rgba(255, 255, 255, 0.05);
     margin-bottom: 10px;
     font-size: 14px;
     font-weight: 600;
     color: #eef0f6;
   }
   .stage-msg.soft { color: #9aa3b5; font-weight: 500; }
   .stage-cal {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 12px;
     min-height: 220px;
   }
   .cal-col {
     background: rgba(255, 255, 255, 0.04);
     border-radius: 14px;
     padding: 12px;
     border: 1px solid rgba(255, 255, 255, 0.06);
     display: flex;
     flex-direction: column;
     gap: 8px;
   }
   .cal-col.on { border-color: rgba(255, 77, 26, 0.45); background: rgba(255, 77, 26, 0.08); }
   .cal-col b { font-size: 12px; color: #b4bac8; margin-bottom: 4px; }
   .cal-col i {
     display: block;
     font-style: normal;
     height: calc(var(--h, 30%) * 2.2);
     min-height: 28px;
     border-radius: 8px;
     background: linear-gradient(180deg, #ff6a33, #c92e0a);
     opacity: 0.9;
   }
   .cal-col i.gap {
     background: transparent;
     border: 1px dashed rgba(255, 255, 255, 0.18);
     opacity: 1;
   }
   .stage-trust-list {
     list-style: none;
     margin: 0;
     padding: 0;
     display: flex;
     flex-direction: column;
     gap: 12px;
   }
   .stage-trust-list li {
     padding: 14px 16px;
     border-radius: 12px;
     background: rgba(255, 255, 255, 0.05);
     border: 1px solid rgba(255, 255, 255, 0.08);
     font-weight: 600;
     font-size: 14.5px;
     color: #eef0f6;
   }
   .stage-trust-list li::before {
     content: "✓ ";
     color: #c9a227;
     font-weight: var(--fw-display);
   }
   
   .platform-fallback { display: none; padding: 64px 0; }
   .platform-fallback-list {
     display: grid;
     gap: 10px;
   }
   .platform-fallback-list a {
     display: flex;
     justify-content: space-between;
     align-items: baseline;
     gap: 12px;
     padding: 18px 20px;
     border-radius: 16px;
     background: rgba(255, 255, 255, 0.04);
     border: 1px solid rgba(255, 255, 255, 0.08);
     color: #fff;
     font-weight: 700;
   }
   .platform-fallback-list a span { color: #8b92a5; font-weight: 500; font-size: 14px; }
   .platform-fallback-list a:hover { border-color: rgba(255, 77, 26, 0.45); }
   
   @media (max-width: 900px), (prefers-reduced-motion: reduce) {
     .platform-pin-track { display: none; }
     .platform-fallback { display: block; }
   }
   @media (min-width: 901px) {
     .platform-fallback { display: none; }
   }
   
   /* Locale switcher (compact, beside logo) */
   .locale-switch {
     position: relative;
     flex-shrink: 0;
     margin-right: 0;
   }
   .locale-btn {
     display: inline-flex;
     align-items: center;
     gap: 5px;
     border: 1px solid rgba(10, 11, 15, 0.12);
     background: rgba(10, 11, 15, 0.03);
     color: var(--ink);
     font-family: inherit;
     font-size: 12px;
     font-weight: 700;
     letter-spacing: 0.04em;
     padding: 7px 10px;
     border-radius: 999px;
     cursor: pointer;
     line-height: 1;
   }
   .locale-btn .chev { width: 11px; height: 11px; opacity: 0.5; }
   .locale-code,
   .locale-lang-code { font-variant-numeric: tabular-nums; }
   .locale-sep { opacity: 0.35; font-weight: 600; }
   .locale-panel {
     position: absolute;
     left: 0;
     top: calc(100% + 10px);
     width: min(260px, 78vw);
     background: #fff;
     border: 1px solid var(--line-dark);
     border-radius: 16px;
     box-shadow: 0 18px 50px rgba(10, 11, 15, 0.16);
     padding: 12px;
     z-index: 100;
   }
   .locale-panel[hidden] { display: none !important; }
   .locale-panel-title {
     margin: 8px 0 6px;
     font-size: 10px;
     font-weight: 700;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     color: #8b92a5;
   }
   .locale-panel-title:first-child { margin-top: 0; }
   .locale-opt {
     display: block;
     padding: 9px 11px;
     border-radius: 10px;
     color: var(--ink);
     font-size: 13.5px;
     font-weight: 600;
   }
   .locale-opt:hover,
   .locale-opt.on { background: rgba(255, 77, 26, 0.08); color: var(--orange); }
   .locale-hint {
     margin: 0 0 8px;
     font-size: 12px;
     line-height: 1.4;
     color: #8b92a5;
   }
   .locale-langs { display: flex; flex-wrap: wrap; gap: 6px; }
   .locale-lang {
     border: 1px solid rgba(10, 11, 15, 0.12);
     background: #fff;
     border-radius: 999px;
     padding: 6px 10px;
     font-size: 11px;
     font-weight: 700;
     cursor: pointer;
     font-family: inherit;
   }
   .locale-lang.on {
     background: var(--ink);
     color: #fff;
     border-color: var(--ink);
   }
   .header-actions .header-call {
     border-color: rgba(10, 11, 15, 0.16);
     color: var(--ink);
     background: transparent;
   }
   .header-actions .header-call:hover {
     border-color: var(--orange);
     color: var(--orange);
   }
   @media (max-width: 1099px) {
     .locale-switch {
       margin-right: auto;
       order: 0;
     }
     .header-actions .header-call { display: none; }
   }
   @media (max-width: 520px) {
     .locale-btn { padding: 7px 8px; }
   }
   
   /* Hero alt CTAs */
   .hero-alt {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     gap: 14px 18px;
     margin-top: 18px;
     animation: rise 0.75s 0.2s ease both;
   }
   .hero-alt .btn-outline-light {
     border-color: rgba(255, 255, 255, 0.45);
     color: #fff;
   }
   .hero-alt .btn-outline-light:hover {
     border-color: #fff;
     background: rgba(255, 255, 255, 0.08);
   }
   .hero-alt-link {
     color: #fff;
     font-weight: 600;
     font-size: 14px;
     border-bottom: 1px solid rgba(255, 255, 255, 0.4);
   }
   .finale-call {
     margin-top: 16px;
     display: flex;
     justify-content: center;
   }
   
   /* Team page — photo hero + rich dark profiles */
   .team-page .feat-hero-bleed { margin-bottom: 0; }
   
   .team-stage {
     position: relative;
     padding: 88px 0 120px;
     background: #05060a;
     color: #fff;
     overflow: hidden;
     isolation: isolate;
   }
   .team-stage-glow {
     position: absolute;
     inset: 0;
     z-index: 0;
     background:
       radial-gradient(ellipse 55% 40% at 50% 0%, rgba(255, 77, 26, 0.18), transparent 60%),
       radial-gradient(ellipse 35% 35% at 100% 80%, rgba(255, 120, 60, 0.1), transparent 55%);
     pointer-events: none;
   }
   .team-stage .wrap { position: relative; z-index: 1; }
   .team-stage .team-head { max-width: 560px; margin-bottom: 44px; }
   .team-stage .team-head .eyebrow { color: #ff8f66; }
   .team-stage .team-head h2 {
     margin: 0 0 12px;
     color: #fff;
     font-size: clamp(1.8rem, 3.5vw, 2.6rem);
     letter-spacing: -0.035em;
   }
   .team-stage .team-head .sub {
     margin: 0;
     color: rgba(255, 255, 255, 0.55);
   }
   
   .team-card-grid {
     display: grid;
     gap: 18px;
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
   .team-card {
     position: relative;
     display: grid;
     grid-template-columns: minmax(0, 1.05fr) minmax(140px, 0.95fr);
     align-items: stretch;
     min-height: 228px;
     max-height: none;
     padding: 0;
     overflow: hidden;
     border-radius: 26px;
     background: linear-gradient(160deg, #161922, #0a0c12 75%);
     border: 1px solid rgba(255, 255, 255, 0.1);
     box-shadow: 0 22px 50px rgba(0, 0, 0, 0.35);
     isolation: isolate;
     transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
   }
   .team-card-founder {
     border-color: rgba(255, 77, 26, 0.32);
   }
   .team-card:hover {
     transform: translateY(-4px);
     border-color: rgba(255, 77, 26, 0.55);
     box-shadow: 0 28px 64px rgba(255, 77, 26, 0.16);
   }
   .team-card-copy {
     position: relative;
     z-index: 2;
     display: flex;
     flex-direction: column;
     justify-content: center;
     gap: 0;
     padding: 22px 18px 22px 24px;
     background:
       linear-gradient(90deg, #0c0e14 0%, rgba(12, 14, 20, 0.94) 58%, rgba(12, 14, 20, 0.2) 100%);
   }
   .team-card-founder .team-card-copy {
     background:
       radial-gradient(ellipse 70% 90% at 0% 0%, rgba(255, 77, 26, 0.22), transparent 55%),
       linear-gradient(90deg, #0e1018 0%, rgba(12, 14, 20, 0.94) 58%, rgba(12, 14, 20, 0.18) 100%);
   }
   .team-card-visual {
     position: absolute;
     inset: 0 0 0 38%;
     z-index: 0;
     background-size: cover;
     background-position: center 20%;
     opacity: 0.42;
     filter: saturate(0.85) contrast(1.05);
     transform: scale(1.04);
     transition: opacity 0.35s ease, transform 0.55s ease, filter 0.35s ease;
   }
   .team-card-visual::before {
     content: "";
     position: absolute;
     inset: 0;
     background:
       linear-gradient(90deg, #0c0e14 0%, rgba(12, 14, 20, 0.72) 28%, transparent 62%),
       linear-gradient(180deg, transparent 55%, rgba(8, 9, 14, 0.55) 100%),
       radial-gradient(ellipse 70% 80% at 80% 40%, rgba(255, 77, 26, 0.18), transparent 60%);
     pointer-events: none;
   }
   .team-card:hover .team-card-visual {
     opacity: 0.58;
     transform: scale(1.1);
     filter: saturate(1) contrast(1.08);
   }
   .team-card-kicker {
     margin: 0 0 6px;
     font-size: 10.5px;
     font-weight: 800;
     letter-spacing: 0.14em;
     text-transform: uppercase;
     color: #ff8f66;
   }
   .team-card h2 {
     margin: 0 0 4px;
     font-size: clamp(1.15rem, 1.8vw, 1.4rem);
     font-weight: var(--fw-display);
     letter-spacing: -0.03em;
     line-height: 1.15;
     color: #fff;
   }
   .team-card-role {
     margin: 0 0 10px;
     font-size: 12.5px;
     font-weight: 700;
     color: rgba(255, 255, 255, 0.48);
   }
   .team-card-tease {
     margin: 0 0 12px;
     font-size: 13.5px;
     line-height: 1.4;
     color: rgba(255, 255, 255, 0.68);
     max-width: 28ch;
   }
   .team-card-tags {
     display: flex;
     flex-wrap: wrap;
     gap: 6px;
     margin-bottom: 14px;
   }
   .team-card-tags span {
     padding: 4px 9px;
     border-radius: 999px;
     background: rgba(255, 255, 255, 0.06);
     border: 1px solid rgba(255, 255, 255, 0.1);
     font-size: 11px;
     font-weight: 700;
     color: rgba(255, 255, 255, 0.74);
   }
   .team-open {
     align-self: flex-start;
     margin: 0;
     padding: 10px 16px;
     border-radius: 999px;
     border: 1px solid rgba(255, 77, 26, 0.5);
     background: rgba(255, 77, 26, 0.18);
     color: #fff !important;
     font-family: inherit;
     font-size: 13px;
     font-weight: 750;
     cursor: pointer;
     display: inline-flex;
     align-items: center;
     text-decoration: none;
     transition: background 0.15s, border-color 0.15s, transform 0.15s, box-shadow 0.15s;
   }
   .team-open:hover {
     background: rgba(255, 77, 26, 0.32);
     border-color: rgba(255, 77, 26, 0.8);
     transform: translateY(-1px);
     box-shadow: 0 12px 28px rgba(255, 77, 26, 0.22);
   }
   
   .team-overlay {
     position: fixed;
     inset: 0;
     z-index: 200;
     background: rgba(5, 6, 10, 0.66);
     backdrop-filter: blur(5px);
     animation: teamDim 0.28s ease;
   }
   .team-overlay[hidden] { display: none !important; }
   @keyframes teamDim {
     from { opacity: 0; }
     to { opacity: 1; }
   }
   
   .team-drawer {
     position: fixed;
     left: 50%;
     top: 6vh;
     z-index: 210;
     width: min(620px, calc(100% - 28px));
     max-height: 88vh;
     overflow: auto;
     transform: translateX(-50%);
     border-radius: 30px;
     background:
       radial-gradient(ellipse 70% 50% at 10% 0%, rgba(255, 77, 26, 0.32), transparent 55%),
       linear-gradient(165deg, #1c2030, #090a0f 70%);
     border: 1px solid rgba(255, 255, 255, 0.14);
     box-shadow: 0 40px 100px rgba(0, 0, 0, 0.55);
     color: #fff;
     animation: teamFall 0.36s cubic-bezier(0.22, 1, 0.36, 1);
   }
   .team-drawer[hidden] { display: none !important; }
   @keyframes teamFall {
     from {
       opacity: 0;
       transform: translateX(-50%) translateY(-28px) scale(0.97);
     }
     to {
       opacity: 1;
       transform: translateX(-50%) translateY(0) scale(1);
     }
   }
   .team-drawer-inner { padding: 34px 30px 38px; position: relative; }
   .team-drawer-close {
     position: absolute;
     top: 16px;
     right: 16px;
     width: 40px;
     height: 40px;
     border-radius: 50%;
     border: 1px solid rgba(255, 255, 255, 0.14);
     background: rgba(255, 255, 255, 0.06);
     color: #fff;
     font-size: 22px;
     line-height: 1;
     cursor: pointer;
   }
   .team-drawer-close:hover { background: rgba(255, 255, 255, 0.12); }
   .team-drawer-hero {
     display: grid;
     grid-template-columns: 104px 1fr;
     gap: 18px;
     align-items: center;
     margin-bottom: 20px;
     padding-right: 36px;
   }
   .team-drawer-photo {
     width: 104px;
     height: 104px;
     margin: 0;
     border-radius: 26px;
     background:
       linear-gradient(145deg, rgba(255, 77, 26, 0.35), rgba(255, 255, 255, 0.06)),
       #1a1d28;
     border: 1px solid rgba(255, 255, 255, 0.12);
     position: relative;
     box-shadow: 0 16px 36px rgba(0, 0, 0, 0.35);
   }
   .team-drawer-photo::after {
     content: attr(data-initials);
     position: absolute;
     inset: 0;
     display: grid;
     place-items: center;
     font-size: 1.7rem;
     font-weight: 700;
     letter-spacing: 0.06em;
     color: rgba(255, 255, 255, 0.55);
   }
   .team-drawer-kicker {
     margin: 0 0 8px;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.14em;
     text-transform: uppercase;
     color: #ff8f66;
   }
   .team-drawer h2 {
     margin: 0 0 8px;
     font-size: clamp(1.7rem, 3vw, 2.2rem);
     letter-spacing: -0.035em;
     color: #fff;
   }
   .team-drawer-role {
     margin: 0;
     font-size: 15px;
     font-weight: 700;
     color: rgba(255, 255, 255, 0.5);
   }
   .team-drawer-tags {
     display: flex;
     flex-wrap: wrap;
     gap: 8px;
     margin-bottom: 22px;
   }
   .team-drawer-tags span {
     padding: 7px 12px;
     border-radius: 999px;
     background: rgba(255, 77, 26, 0.16);
     border: 1px solid rgba(255, 77, 26, 0.35);
     font-size: 12.5px;
     font-weight: 750;
     color: #ffc4a0;
   }
   .team-drawer-body {
     display: grid;
     gap: 14px;
   }
   .team-drawer-body p {
     margin: 0;
     font-size: 15.5px;
     line-height: 1.65;
     color: rgba(255, 255, 255, 0.74);
   }
   .team-drawer-body ul {
     margin: 6px 0 0;
     padding: 16px 16px 16px 34px;
     display: grid;
     gap: 10px;
     color: rgba(255, 255, 255, 0.82);
     font-size: 14.5px;
     line-height: 1.45;
     border-radius: 18px;
     background: rgba(255, 255, 255, 0.04);
     border: 1px solid rgba(255, 255, 255, 0.08);
   }
   body.team-drawer-open { overflow: hidden; }
   
   @media (max-width: 900px) {
     .team-card-grid { grid-template-columns: 1fr; }
     .team-card {
       grid-template-columns: 1fr;
       min-height: 210px;
     }
     .team-card-copy {
       padding: 22px 20px;
       max-width: 70%;
       background:
         linear-gradient(90deg, #0c0e14 0%, rgba(12, 14, 20, 0.92) 70%, rgba(12, 14, 20, 0.15) 100%);
     }
     .team-card-visual { inset: 0 0 0 28%; }
     .team-drawer { top: 4vh; max-height: 92vh; }
     .team-drawer-hero { grid-template-columns: 88px 1fr; }
     .team-drawer-photo { width: 88px; height: 88px; }
   }
   @media (prefers-reduced-motion: reduce) {
     .team-drawer { animation: none; }
     .team-overlay { animation: none; }
   }
   
   .team-hero,
   .team-profiles { display: none !important; }
   
   /* Leakage stage — exclusive manifesto + catch feed */
   .leak-stage {
     position: relative;
     padding: 120px 0 128px;
     background: #05060a;
     color: #fff;
     overflow: hidden;
     isolation: isolate;
   }
   .leak-stage-glow {
     position: absolute;
     inset: 0;
     z-index: -1;
     background:
       radial-gradient(ellipse 55% 42% at 12% 8%, rgba(255, 77, 26, 0.3), transparent 62%),
       radial-gradient(ellipse 40% 35% at 92% 28%, rgba(255, 140, 80, 0.1), transparent 55%),
       radial-gradient(ellipse 70% 40% at 50% 100%, rgba(255, 77, 26, 0.08), transparent 65%);
     pointer-events: none;
   }
   .leak-stage-inner {
     width: min(1280px, calc(100% - 80px));
     margin: 0 auto;
     padding-left: max(0px, env(safe-area-inset-left));
     padding-right: max(0px, env(safe-area-inset-right));
   }
   
   .leak-split {
     display: grid;
     grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.95fr);
     gap: clamp(28px, 4vw, 56px);
     align-items: start;
     margin-bottom: 48px;
   }
   
   .leak-manifesto {
     max-width: 640px;
     padding: 8px 8px 8px 0;
     box-sizing: border-box;
   }
   .leak-only {
     display: inline-block;
     margin: 0 0 22px;
     color: #ff8f66;
     font-size: 13px;
     font-weight: 800;
     letter-spacing: 0.18em;
     text-transform: uppercase;
   }
   .leak-manifesto h2 {
     margin: 0 0 24px;
     color: #fff;
     font-size: clamp(2.4rem, 5.5vw, 4.4rem);
     font-weight: var(--fw-display);
     letter-spacing: -0.045em;
     line-height: 1.02;
     max-width: 14ch;
   }
   .leak-manifesto-lead {
     margin: 0 0 16px;
     max-width: 40ch;
     font-size: clamp(1.08rem, 1.8vw, 1.28rem);
     line-height: 1.45;
     color: rgba(255, 255, 255, 0.78);
   }
   .leak-manifesto-note {
     margin: 0;
     max-width: 42ch;
     font-size: 15px;
     line-height: 1.5;
     color: rgba(255, 255, 255, 0.48);
   }
   
   .leak-feed {
     border-left: 1px solid rgba(255, 255, 255, 0.14);
     padding: 4px 4px 4px 24px;
     max-height: min(70vh, 640px);
     overflow: auto;
     scrollbar-width: thin;
     scrollbar-color: rgba(255, 77, 26, 0.45) transparent;
   }
   .leak-feed-label {
     margin: 0 0 16px;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.16em;
     text-transform: uppercase;
     color: #ff8f66;
     position: sticky;
     top: 0;
     padding: 4px 0 10px;
     background: linear-gradient(180deg, #05060a 70%, rgba(5, 6, 10, 0));
     z-index: 1;
   }
   .leak-feed-list {
     list-style: none;
     margin: 0;
     padding: 0;
     display: grid;
     gap: 0;
   }
   .leak-feed-list li {
     padding: 14px 0;
     border-top: 1px solid rgba(255, 255, 255, 0.08);
   }
   .leak-feed-list li:last-child {
     border-bottom: 1px solid rgba(255, 255, 255, 0.08);
   }
   .leak-feed-tag {
     display: inline-block;
     margin-bottom: 6px;
     font-size: 10px;
     font-weight: 800;
     letter-spacing: 0.14em;
     text-transform: uppercase;
     color: #ff8f66;
   }
   .leak-feed-list strong {
     display: block;
     font-size: 1.05rem;
     font-weight: 700;
     letter-spacing: -0.02em;
     color: #fff;
     margin-bottom: 4px;
   }
   .leak-feed-list p {
     margin: 0;
     font-size: 13.5px;
     line-height: 1.4;
     color: rgba(255, 255, 255, 0.55);
   }
   
   .leak-floor {
     position: relative;
     min-height: min(48vh, 420px);
     border-radius: 4px;
     overflow: hidden;
     margin-bottom: 64px;
   }
   .leak-floor-photo {
     position: absolute;
     inset: 0;
     background-size: cover;
     background-position: center 40%;
   }
   .leak-floor-veil {
     position: absolute;
     inset: 0;
     background:
       linear-gradient(90deg, rgba(5, 6, 10, 0.55), transparent 40%),
       linear-gradient(0deg, rgba(5, 6, 10, 0.85), transparent 50%);
   }
   .leak-floor-caption {
     position: absolute;
     left: 28px;
     bottom: 24px;
     z-index: 2;
     margin: 0;
     font-size: clamp(1.2rem, 2.4vw, 1.75rem);
     font-weight: var(--fw-display);
     letter-spacing: -0.03em;
     color: #fff;
     max-width: 18ch;
   }
   
   .leak-pillars {
     display: grid;
     gap: 0;
     grid-template-columns: 1fr 1fr 1fr;
     margin-bottom: 40px;
     border-top: 1px solid rgba(255, 255, 255, 0.12);
   }
   .leak-pillar {
     padding: 36px 28px 32px 0;
     border-right: 1px solid rgba(255, 255, 255, 0.12);
     min-height: 0;
     background: transparent;
   }
   .leak-pillar:last-child {
     border-right: 0;
     padding-right: 0;
   }
   .leak-pillar:first-child {
     padding-left: 0;
   }
   .leak-pillar + .leak-pillar {
     padding-left: 28px;
   }
   .leak-pillar-accent {
     background: linear-gradient(180deg, rgba(255, 77, 26, 0.1), transparent 55%);
   }
   .leak-pillar-kicker {
     margin: 0 0 18px;
     font-size: 12px;
     font-weight: 800;
     letter-spacing: 0.14em;
     text-transform: uppercase;
     color: #ff8f66;
   }
   .leak-pillar h3 {
     margin: 0 0 14px;
     font-size: clamp(1.5rem, 2.3vw, 1.95rem);
     font-weight: var(--fw-display);
     letter-spacing: -0.035em;
     line-height: 1.12;
     color: #fff;
     max-width: 11ch;
   }
   .leak-pillar > p {
     margin: 0 0 24px;
     font-size: 15.5px;
     line-height: 1.55;
     color: rgba(255, 255, 255, 0.62);
     max-width: 32ch;
   }
   .leak-pillar ul {
     list-style: none;
     margin: 0;
     padding: 0;
     display: grid;
     gap: 10px;
   }
   .leak-pillar li {
     position: relative;
     padding-left: 14px;
     font-size: 14.5px;
     font-weight: 600;
     color: rgba(255, 255, 255, 0.84);
     line-height: 1.4;
   }
   .leak-pillar li::before {
     content: "";
     position: absolute;
     left: 0;
     top: 0.55em;
     width: 6px;
     height: 6px;
     border-radius: 50%;
     background: var(--orange);
   }
   
   .leak-trust-bar {
     margin-bottom: 48px;
     padding: 18px 0;
     border-top: 1px solid rgba(255, 255, 255, 0.1);
     border-bottom: 1px solid rgba(255, 255, 255, 0.1);
   }
   .leak-trust-bar p {
     margin: 0;
     font-size: clamp(0.95rem, 1.5vw, 1.1rem);
     font-weight: 600;
     letter-spacing: 0.02em;
     line-height: 1.5;
     color: rgba(255, 255, 255, 0.55);
     text-align: center;
   }
   
   .leak-close {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: space-between;
     gap: 20px 32px;
   }
   .leak-close-line {
     margin: 0;
     max-width: 14ch;
     font-size: clamp(1.7rem, 3.2vw, 2.45rem);
     font-weight: var(--fw-display);
     letter-spacing: -0.035em;
     line-height: 1.12;
     color: #fff;
   }
   .leak-close-cta {
     display: flex;
     flex-wrap: wrap;
     gap: 12px;
   }
   .leak-close-cta .btn-outline-light {
     border-color: rgba(255, 255, 255, 0.3);
     color: #fff;
   }
   .leak-close-cta .btn-outline-light:hover {
     border-color: #fff;
     background: rgba(255, 255, 255, 0.06);
   }
   
   @media (max-width: 980px) {
     .leak-stage-inner { width: min(1280px, calc(100% - 48px)); }
     .leak-split { grid-template-columns: 1fr; gap: 36px; }
     .leak-feed {
       border-left: 0;
       border-top: 1px solid rgba(255, 255, 255, 0.14);
       padding: 24px 0 0;
       max-height: min(55vh, 480px);
     }
     .leak-pillars { grid-template-columns: 1fr; }
     .leak-pillar,
     .leak-pillar + .leak-pillar {
       border-right: 0;
       border-bottom: 1px solid rgba(255, 255, 255, 0.12);
       padding: 28px 0;
     }
     .leak-pillar:last-child { border-bottom: 0; }
     .leak-floor { min-height: 280px; }
   }
   @media (max-width: 700px) {
     .leak-stage { padding: 88px 0 96px; }
     .leak-stage-inner { width: calc(100% - 40px); }
     .leak-manifesto h2 { max-width: none; }
     .leak-close-line { max-width: none; }
   }
   
   .leak-pro, .leak-section { display: none !important; }
   
   /* Competitive edge */
   .edge-section { background: #fff; border-top: 1px solid var(--line-dark); }
   .edge-head { max-width: 640px; margin-bottom: 32px; }
   .edge-grid {
     display: grid;
     gap: 16px;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     margin-bottom: 28px;
   }
   .edge-grid article {
     padding: 22px 20px;
     border-radius: 18px;
     background: #faf9f7;
     border: 1px solid rgba(10, 11, 15, 0.06);
   }
   .edge-grid h3 {
     margin: 0 0 8px;
     font-size: 1.05rem;
     font-weight: var(--fw-display);
     letter-spacing: -0.02em;
   }
   .edge-grid p {
     margin: 0;
     font-size: 14.5px;
     line-height: 1.5;
     color: #6a6f7c;
   }
   @media (max-width: 900px) {
     .edge-grid { grid-template-columns: 1fr 1fr; }
   }
   @media (max-width: 560px) {
     .edge-grid { grid-template-columns: 1fr; }
   }
   
   /* Feature landing pages (match homepage craft) */
   .feat-page { background: #fff; color: var(--ink); }
   .feat-hero-bleed {
     position: relative;
     min-height: min(88vh, 820px);
     display: flex;
     align-items: flex-end;
     padding: 120px 0 56px;
     color: #fff;
     overflow: hidden;
     isolation: isolate;
   }
   .feat-hero-bleed .feat-hero-bg {
     position: absolute;
     inset: 0;
     background-size: cover;
     background-position: center;
     z-index: -2;
     transform: scale(1.04);
   }
   .feat-hero-bleed::after {
     content: "";
     position: absolute;
     inset: 0;
     z-index: -1;
     background:
       linear-gradient(105deg, rgba(10, 11, 15, 0.88) 0%, rgba(10, 11, 15, 0.55) 48%, rgba(10, 11, 15, 0.28) 100%),
       linear-gradient(0deg, rgba(10, 11, 15, 0.72) 0%, transparent 55%);
   }
   .feat-hero-bleed .eyebrow { color: #ff8f66; }
   .feat-hero-bleed h1 {
     margin: 0 0 16px;
     color: #fff;
     font-size: clamp(2.4rem, 5.2vw, 4rem);
     font-weight: var(--fw-display);
     letter-spacing: var(--track-display);
     line-height: 1.08;
     max-width: 14ch;
   }
   .feat-hero-bleed .lead {
     margin: 0 0 26px;
     max-width: 42ch;
     font-size: clamp(1.05rem, 1.8vw, 1.22rem);
     line-height: 1.5;
     color: rgba(255, 255, 255, 0.82);
   }
   .feat-toc {
     display: flex;
     flex-wrap: wrap;
     gap: 8px;
     margin-top: 28px;
     max-width: 720px;
   }
   .feat-toc a {
     font-size: 12px;
     font-weight: 700;
     letter-spacing: 0.02em;
     color: rgba(255, 255, 255, 0.72);
     border: 1px solid rgba(255, 255, 255, 0.18);
     padding: 8px 12px;
     border-radius: 999px;
     background: rgba(255, 255, 255, 0.04);
   }
   .feat-toc a:hover {
     color: #fff;
     border-color: rgba(255, 77, 26, 0.55);
     background: rgba(255, 77, 26, 0.16);
   }
   .feat-chapter {
     padding: 88px 0;
     border-top: 1px solid var(--line-dark);
   }
   .feat-chapter.soft { background: #faf9f7; }
   .feat-chapter.ink {
     background: #0a0b0f;
     color: #fff;
     border-top-color: transparent;
   }
   .feat-chapter.ink .sub,
   .feat-chapter.ink p { color: rgba(255, 255, 255, 0.72); }
   .feat-chapter.ink h2 { color: #fff; }
   .feat-kicker {
     margin: 0 0 12px;
     font-size: 12px;
     font-weight: 700;
     letter-spacing: 0.14em;
     text-transform: uppercase;
     color: var(--orange);
   }
   .feat-chapter.ink .feat-kicker { color: #ff8f66; }
   .feat-chapter h2 {
     margin: 0 0 14px;
     font-size: clamp(1.85rem, 3.4vw, 2.75rem);
     font-weight: var(--fw-display);
     letter-spacing: var(--track-display);
     line-height: 1.12;
     max-width: 16ch;
   }
   .feat-chapter .sub {
     margin: 0 0 28px;
     max-width: 46ch;
     font-size: 1.08rem;
     line-height: 1.55;
     color: #6a6f7c;
   }
   .feat-points-row {
     list-style: none;
     margin: 0;
     padding: 0;
     display: grid;
     gap: 14px;
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
   .feat-points-row li {
     padding: 20px 18px;
     border-radius: 18px;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.06);
   }
   .feat-chapter.ink .feat-points-row li {
     background: rgba(255, 255, 255, 0.04);
     border-color: rgba(255, 255, 255, 0.1);
     color: rgba(255, 255, 255, 0.78);
   }
   .feat-points-row strong {
     display: block;
     margin-bottom: 6px;
     color: var(--ink);
     font-size: 1rem;
     letter-spacing: -0.015em;
   }
   .feat-chapter.ink .feat-points-row strong { color: #fff; }
   .feat-points-row span {
     display: block;
     font-size: 14.5px;
     line-height: 1.45;
     color: #6a6f7c;
   }
   .feat-chapter.ink .feat-points-row span { color: rgba(255, 255, 255, 0.62); }
   @media (max-width: 800px) {
     .feat-points-row { grid-template-columns: 1fr; }
   }
   .feat-bleed {
     position: relative;
     min-height: 62vh;
     display: flex;
     align-items: flex-end;
     padding: 64px 0;
     color: #fff;
     isolation: isolate;
     overflow: hidden;
   }
   .feat-bleed .feat-bleed-bg {
     position: absolute;
     inset: 0;
     background-size: cover;
     background-position: center;
     z-index: -2;
   }
   .feat-bleed::after {
     content: "";
     position: absolute;
     inset: 0;
     z-index: -1;
     background: linear-gradient(0deg, rgba(10, 11, 15, 0.82) 0%, rgba(10, 11, 15, 0.35) 55%, rgba(10, 11, 15, 0.2) 100%);
   }
   .feat-bleed .wrap { max-width: 720px; }
   .feat-bleed h2 {
     margin: 0 0 12px;
     color: #fff;
     font-size: clamp(1.9rem, 3.6vw, 2.8rem);
     max-width: 14ch;
     font-weight: var(--fw-display);
     letter-spacing: var(--track-display);
     line-height: 1.12;
   }
   .feat-bleed p {
     margin: 0 0 18px;
     color: rgba(255, 255, 255, 0.78);
     max-width: 40ch;
     font-size: 1.08rem;
     line-height: 1.5;
   }
   .feat-bleed .feat-kicker { color: #ff8f66; }
   .feat-glass {
     border-radius: 28px;
     padding: 36px 32px;
     background: linear-gradient(165deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02));
     border: 1px solid rgba(255, 255, 255, 0.1);
     box-shadow: 0 30px 80px rgba(0, 0, 0, 0.35);
     max-width: 720px;
   }
   .feat-glass h2 { max-width: 18ch; }
   .feat-stat-row {
     display: grid;
     gap: 12px;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     margin-top: 28px;
   }
   .feat-stat-row article {
     padding: 18px 16px;
     border-radius: 16px;
     background: rgba(255, 255, 255, 0.05);
     border: 1px solid rgba(255, 255, 255, 0.08);
   }
   .feat-stat-row strong {
     display: block;
     font-size: clamp(1.4rem, 2.5vw, 1.8rem);
     letter-spacing: -0.03em;
     margin-bottom: 4px;
     background: var(--grad-orange);
     -webkit-background-clip: text;
     background-clip: text;
     color: transparent;
   }
   .feat-stat-row span {
     font-size: 13px;
     color: rgba(255, 255, 255, 0.6);
     line-height: 1.4;
   }
   @media (max-width: 700px) {
     .feat-stat-row { grid-template-columns: 1fr; }
     .feat-glass { padding: 28px 22px; }
   }
   .feat-finale {
     padding: 88px 0;
     text-align: center;
     background:
       radial-gradient(ellipse 50% 60% at 50% 0%, rgba(255, 77, 26, 0.14), transparent 60%),
       #0a0b0f;
     color: #fff;
   }
   .feat-finale h2 {
     margin: 0 auto 14px;
     color: #fff;
     font-size: clamp(2rem, 4vw, 3rem);
     max-width: 14ch;
     font-weight: var(--fw-display);
     letter-spacing: var(--track-display);
   }
   .feat-finale p {
     margin: 0 auto 26px;
     color: rgba(255, 255, 255, 0.7);
     max-width: 40ch;
   }
   .feat-finale .cta-row { justify-content: center; }
   .feat-hero, .feat-block { display: none !important; }
   
   /* Feature hub + flow */
   .feat-hub-hero {
     position: relative;
     padding: 110px 0 72px;
     background: #07080c;
     color: #fff;
     isolation: isolate;
     overflow: hidden;
   }
   .feat-hub-hero::before {
     content: "";
     position: absolute;
     inset: 0;
     background:
       radial-gradient(ellipse 55% 50% at 12% 20%, rgba(255, 77, 26, 0.3), transparent 58%),
       radial-gradient(ellipse 40% 40% at 90% 70%, rgba(255, 120, 60, 0.12), transparent 55%);
     pointer-events: none;
   }
   .feat-hub-hero .wrap { position: relative; z-index: 1; }
   .feat-hub-hero .eyebrow { color: #ff8f66; }
   .feat-hub-hero h1 {
     margin: 0 0 14px;
     max-width: 14ch;
     font-size: clamp(2.5rem, 5.5vw, 4.1rem);
     letter-spacing: -0.045em;
     line-height: 1.02;
     color: #fff;
   }
   .feat-hub-hero .lead {
     margin: 0 0 28px;
     max-width: 46ch;
     color: rgba(255, 255, 255, 0.62);
     font-size: 1.08rem;
     line-height: 1.55;
   }
   .feat-hub-stats {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: 12px;
     max-width: 720px;
     margin-bottom: 28px;
   }
   .feat-hub-stats article {
     padding: 16px 14px;
     border-radius: 16px;
     background: rgba(255, 255, 255, 0.04);
     border: 1px solid rgba(255, 255, 255, 0.08);
   }
   .feat-hub-stats strong {
     display: block;
     margin-bottom: 4px;
     font-size: 1.35rem;
     letter-spacing: -0.03em;
     color: #ff8f66;
   }
   .feat-hub-stats span {
     font-size: 12.5px;
     line-height: 1.35;
     color: rgba(255, 255, 255, 0.5);
   }
   .feat-hub-path {
     padding: 72px 0 40px;
     background: #f4f2ef;
   }
   .feat-hub-path .wrap > .eyebrow { margin-bottom: 8px; }
   .feat-hub-path h2 {
     margin: 0 0 10px;
     letter-spacing: -0.035em;
     max-width: 18ch;
   }
   .feat-hub-path > .wrap > .sub {
     margin: 0 0 32px;
     max-width: 48ch;
     color: #5c6478;
   }
   .feat-hub-steps {
     display: grid;
     gap: 14px;
     grid-template-columns: repeat(4, minmax(0, 1fr));
     counter-reset: hubstep;
   }
   .feat-hub-steps a {
     display: grid;
     gap: 10px;
     padding: 22px 18px;
     border-radius: 20px;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.07);
     color: inherit !important;
     box-shadow: 0 12px 32px rgba(10, 11, 15, 0.05);
     transition: transform 0.18s ease, border-color 0.18s ease;
   }
   .feat-hub-steps a:hover {
     transform: translateY(-3px);
     border-color: rgba(255, 77, 26, 0.35);
   }
   .feat-hub-steps a::before {
     counter-increment: hubstep;
     content: "0" counter(hubstep);
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.12em;
     color: var(--orange);
   }
   .feat-hub-steps strong {
     font-size: 1.1rem;
     letter-spacing: -0.02em;
   }
   .feat-hub-steps span {
     font-size: 13.5px;
     line-height: 1.4;
     color: #5c6478;
   }
   .feat-hub-grid-sec { padding: 56px 0 88px; background: #fff; }
   .feat-hub-grid-sec .feat-hub-label {
     margin: 0 0 18px;
     font-size: 12px;
     font-weight: 800;
     letter-spacing: 0.14em;
     text-transform: uppercase;
     color: #8b92a5;
   }
   .feat-hub-grid {
     display: grid;
     gap: 14px;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     margin-bottom: 40px;
   }
   .feat-hub-card {
     position: relative;
     display: flex;
     flex-direction: column;
     min-height: 220px;
     padding: 22px 20px;
     border-radius: 22px;
     overflow: hidden;
     color: #fff !important;
     isolation: isolate;
     border: 1px solid rgba(10, 11, 15, 0.06);
     transition: transform 0.2s ease;
   }
   .feat-hub-card:hover { transform: translateY(-4px); }
   .feat-hub-card-bg {
     position: absolute;
     inset: 0;
     z-index: -2;
     background-size: cover;
     background-position: center;
     opacity: 0.55;
     filter: saturate(0.9);
     transition: transform 0.45s ease, opacity 0.3s ease;
   }
   .feat-hub-card:hover .feat-hub-card-bg {
     opacity: 0.7;
     transform: scale(1.06);
   }
   .feat-hub-card::after {
     content: "";
     position: absolute;
     inset: 0;
     z-index: -1;
     background:
       linear-gradient(180deg, rgba(8, 9, 14, 0.2) 0%, rgba(8, 9, 14, 0.88) 70%),
       radial-gradient(ellipse 70% 60% at 0% 100%, rgba(255, 77, 26, 0.35), transparent 55%);
   }
   .feat-hub-card .tag {
     width: fit-content;
     margin-bottom: auto;
     padding: 4px 9px;
     border-radius: 999px;
     background: rgba(255, 77, 26, 0.9);
     font-size: 10px;
     font-weight: 800;
     letter-spacing: 0.08em;
     text-transform: uppercase;
   }
   .feat-hub-card .tag.soon { background: rgba(255, 255, 255, 0.18); }
   .feat-hub-card h3 {
     margin: 12px 0 6px;
     font-size: 1.25rem;
     letter-spacing: -0.025em;
     color: #fff;
   }
   .feat-hub-card p {
     margin: 0;
     font-size: 13.5px;
     line-height: 1.4;
     color: rgba(255, 255, 255, 0.72);
   }
   .feat-hub-card .go {
     margin-top: 14px;
     font-size: 13px;
     font-weight: 750;
     color: #ff8f66;
   }
   
   .feat-flow {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 12px;
     padding: 28px 0 8px;
     border-top: 1px solid rgba(255, 255, 255, 0.1);
     margin-top: 8px;
   }
   .feat-finale .feat-flow { max-width: 820px; margin: 28px auto 0; text-align: left; }
   .feat-flow a {
     display: grid;
     gap: 4px;
     padding: 16px 18px;
     border-radius: 16px;
     background: rgba(255, 255, 255, 0.05);
     border: 1px solid rgba(255, 255, 255, 0.1);
     color: #fff !important;
     transition: background 0.15s, border-color 0.15s, transform 0.15s;
   }
   .feat-flow a:hover {
     background: rgba(255, 77, 26, 0.14);
     border-color: rgba(255, 77, 26, 0.4);
     transform: translateY(-2px);
   }
   .feat-flow .dir {
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     color: #ff8f66;
   }
   .feat-flow strong {
     font-size: 15px;
     letter-spacing: -0.02em;
   }
   .feat-flow span {
     font-size: 12.5px;
     color: rgba(255, 255, 255, 0.55);
     line-height: 1.35;
   }
   .feat-flow a.is-hub { grid-column: 1 / -1; text-align: center; }
   
   .feat-page .feat-hero-bleed { min-height: min(72vh, 680px); }
   .feat-split {
     display: grid;
     gap: 28px;
     grid-template-columns: 1.05fr 0.95fr;
     align-items: center;
   }
   .feat-split-visual {
     min-height: 280px;
     border-radius: 24px;
     background-size: cover;
     background-position: center;
     box-shadow: 0 20px 50px rgba(10, 11, 15, 0.12);
   }
   .feat-chapter.ink .feat-split-visual {
     box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);
   }
   
   @media (max-width: 980px) {
     .feat-hub-steps,
     .feat-hub-grid,
     .feat-hub-stats { grid-template-columns: 1fr 1fr; }
     .feat-split { grid-template-columns: 1fr; }
   }
   @media (max-width: 640px) {
     .feat-hub-steps,
     .feat-hub-grid,
     .feat-hub-stats,
     .feat-flow { grid-template-columns: 1fr; }
     .feat-flow a.is-hub { grid-column: auto; }
   }
   
   .res-jump {
     background: #fff;
     border-bottom: 1px solid rgba(10, 11, 15, 0.06);
     position: sticky;
     top: 72px;
     z-index: 40;
   }
   .res-jump-inner {
     display: flex;
     flex-wrap: wrap;
     gap: 8px;
     padding: 12px 0;
   }
   .res-jump a {
     padding: 8px 14px;
     border-radius: 999px;
     font-size: 13px;
     font-weight: 700;
     color: #2a3140;
     background: #f4f2ef;
     border: 1px solid transparent;
     transition: background 0.15s, color 0.15s, border-color 0.15s;
   }
   .res-jump a:hover {
     color: var(--orange);
     border-color: rgba(255, 77, 26, 0.25);
     background: rgba(255, 77, 26, 0.08);
   }
   
   /* Blog index */
   .blog-index-hero {
     padding: 64px 0 28px;
     background: #faf9f7;
     border-bottom: 1px solid var(--line-dark);
   }
   .blog-index-hero h1 {
     max-width: 14ch;
     margin: 0 0 12px;
   }
   .blog-filters {
     display: flex;
     flex-wrap: wrap;
     gap: 8px;
     margin-top: 22px;
   }
   .blog-filters a,
   .blog-filters span {
     font-size: 13px;
     font-weight: 700;
     padding: 8px 14px;
     border-radius: 999px;
     border: 1px solid rgba(10, 11, 15, 0.12);
     color: var(--ink);
   }
   .blog-filters .on {
     background: var(--ink);
     color: #fff;
     border-color: var(--ink);
   }
   .blog-list {
     display: grid;
     gap: 18px;
     grid-template-columns: repeat(2, minmax(0, 1fr));
     padding: 40px 0 64px;
   }
   .blog-card {
     display: grid;
     grid-template-rows: 200px 1fr;
     border-radius: 22px;
     overflow: hidden;
     border: 1px solid rgba(10, 11, 15, 0.08);
     background: #fff;
     color: inherit;
     transition: transform 0.15s, box-shadow 0.15s;
   }
   .blog-card:hover {
     transform: translateY(-3px);
     box-shadow: 0 18px 40px rgba(10, 11, 15, 0.08);
   }
   .blog-card-media {
     background-size: cover;
     background-position: center;
   }
   .blog-card-body { padding: 22px 22px 24px; }
   .blog-card-meta {
     font-size: 12px;
     font-weight: 700;
     letter-spacing: 0.08em;
     text-transform: uppercase;
     color: var(--orange);
     margin-bottom: 8px;
   }
   .blog-card h2 {
     margin: 0 0 8px;
     font-size: 1.25rem;
     letter-spacing: -0.02em;
   }
   .blog-card p {
     margin: 0 0 14px;
     color: #6a6f7c;
     font-size: 15px;
     line-height: 1.5;
   }
   .blog-card .more { font-weight: 700; color: var(--ink); }
   @media (max-width: 760px) {
     .blog-list { grid-template-columns: 1fr; }
   }
   
   /* Blog article (news-style) */
   .article-page {
     background: #fff;
     color: var(--ink);
   }
   .article-top {
     padding: 40px 0 0;
     background: #faf9f7;
     border-bottom: 1px solid rgba(10, 11, 15, 0.06);
   }
   .article-crumb {
     display: flex;
     flex-wrap: wrap;
     gap: 8px;
     align-items: center;
     margin: 0 0 22px;
     font-size: 13px;
     font-weight: 650;
     color: #8b92a5;
   }
   .article-crumb a { color: #5c6478; }
   .article-crumb a:hover { color: var(--orange); }
   .article-crumb .sep { opacity: 0.45; }
   .article-head {
     max-width: 760px;
     margin: 0 auto;
     padding: 0 0 28px;
   }
   .article-kicker {
     margin: 0 0 12px;
     font-size: 12px;
     font-weight: 800;
     letter-spacing: 0.14em;
     text-transform: uppercase;
     color: var(--orange);
   }
   .article-head h1 {
     margin: 0 0 16px;
     font-size: clamp(2.1rem, 4.6vw, 3.35rem);
     letter-spacing: -0.04em;
     line-height: 1.08;
     font-weight: var(--fw-display);
   }
   .article-deck {
     margin: 0 0 22px;
     font-size: clamp(1.05rem, 1.8vw, 1.25rem);
     line-height: 1.5;
     color: #5c6478;
     max-width: 46ch;
   }
   .article-byline {
     display: flex;
     flex-wrap: wrap;
     gap: 14px 22px;
     align-items: center;
     padding-top: 4px;
   }
   .article-author {
     display: flex;
     gap: 12px;
     align-items: center;
   }
   .article-avatar {
     width: 44px;
     height: 44px;
     border-radius: 50%;
     background: linear-gradient(145deg, rgba(255, 77, 26, 0.35), rgba(18, 20, 28, 0.9));
     color: #fff;
     display: grid;
     place-items: center;
     font-size: 12px;
     font-weight: 800;
     letter-spacing: 0.04em;
   }
   .article-author strong {
     display: block;
     font-size: 14px;
     letter-spacing: -0.01em;
   }
   .article-author span {
     font-size: 12.5px;
     color: #8b92a5;
   }
   .article-meta {
     font-size: 13px;
     color: #8b92a5;
   }
   .article-hero {
     width: min(1120px, calc(100% - 32px));
     margin: 0 auto;
     aspect-ratio: 21 / 9;
     max-height: 420px;
     border-radius: 22px;
     overflow: hidden;
     background-size: cover;
     background-position: center;
     box-shadow: 0 24px 60px rgba(10, 11, 15, 0.14);
     transform: translateY(28px);
   }
   .article-shell {
     width: min(760px, calc(100% - 40px));
     margin: 0 auto;
     padding: 64px 0 40px;
   }
   .article-prose {
     font-size: 1.125rem;
     line-height: 1.75;
     color: #2a3140;
   }
   .article-prose > p { margin: 0 0 1.25em; }
   .article-prose > p.lede::first-letter {
     float: left;
     font-size: 3.4rem;
     line-height: 0.85;
     padding: 0.08em 0.12em 0 0;
     font-weight: 700;
     color: var(--ink);
     letter-spacing: -0.04em;
   }
   .article-prose h2 {
     margin: 2em 0 0.65em;
     font-size: clamp(1.45rem, 2.4vw, 1.85rem);
     letter-spacing: -0.03em;
     line-height: 1.2;
     color: var(--ink);
   }
   .article-prose h3 {
     margin: 1.6em 0 0.5em;
     font-size: 1.2rem;
     letter-spacing: -0.02em;
   }
   .article-prose ul,
   .article-prose ol {
     margin: 0 0 1.35em;
     padding-left: 1.2em;
   }
   .article-prose li {
     margin: 0.4em 0;
     padding-left: 0.2em;
   }
   .article-prose a {
     color: var(--orange);
     font-weight: 650;
     text-decoration: underline;
     text-underline-offset: 3px;
   }
   .article-prose strong { color: var(--ink); }
   .article-table-wrap {
     margin: 0 0 1.5em;
     overflow-x: auto;
     border-radius: 14px;
     border: 1px solid rgba(10, 11, 15, 0.08);
   }
   .article-prose table {
     width: 100%;
     border-collapse: collapse;
     font-size: 0.95rem;
   }
   .article-prose th,
   .article-prose td {
     padding: 12px 14px;
     text-align: left;
     border-bottom: 1px solid rgba(10, 11, 15, 0.06);
   }
   .article-prose thead th {
     background: #f7f5f2;
     font-size: 12px;
     font-weight: 800;
     letter-spacing: 0.06em;
     text-transform: uppercase;
     color: #5c6478;
   }
   .article-prose tbody tr:last-child td { border-bottom: 0; }
   .article-pull {
     margin: 2em 0;
     padding: 22px 24px;
     border-left: 4px solid var(--orange);
     background: #faf9f7;
     border-radius: 0 16px 16px 0;
     font-size: 1.2rem;
     line-height: 1.45;
     letter-spacing: -0.02em;
     color: var(--ink);
     font-weight: 650;
   }
   .article-callout {
     margin: 2em 0;
     padding: 22px 22px 20px;
     border-radius: 18px;
     background:
       radial-gradient(ellipse 80% 70% at 0% 0%, rgba(255, 77, 26, 0.1), transparent 55%),
       #12141c;
     color: #fff;
   }
   .article-callout p {
     margin: 0 0 14px;
     color: rgba(255, 255, 255, 0.72);
     font-size: 0.98rem;
     line-height: 1.5;
   }
   .article-callout .cta-row { margin: 0; }
   .article-end {
     margin-top: 40px;
     padding-top: 28px;
     border-top: 1px solid rgba(10, 11, 15, 0.08);
   }
   .article-tags {
     display: flex;
     flex-wrap: wrap;
     gap: 8px;
     margin-bottom: 22px;
   }
   .article-tags a,
   .article-tags span {
     padding: 7px 12px;
     border-radius: 999px;
     background: #f4f2ef;
     font-size: 12.5px;
     font-weight: 700;
     color: #2a3140;
   }
   .article-tags a:hover { color: var(--orange); }
   .article-related {
     padding: 56px 0 88px;
     background: #f4f2ef;
     border-top: 1px solid rgba(10, 11, 15, 0.06);
   }
   .article-related h2 {
     margin: 0 0 22px;
     font-size: 1.35rem;
     letter-spacing: -0.025em;
   }
   .article-related-grid {
     display: grid;
     gap: 14px;
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
   .article-related a {
     display: grid;
     gap: 10px;
     padding: 0 0 16px;
     border-radius: 18px;
     overflow: hidden;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.06);
     color: inherit !important;
     box-shadow: 0 10px 28px rgba(10, 11, 15, 0.05);
     transition: transform 0.18s ease;
   }
   .article-related a:hover { transform: translateY(-3px); }
   .article-related .thumb {
     aspect-ratio: 16 / 10;
     background-size: cover;
     background-position: center;
   }
   .article-related .body { padding: 0 16px; }
   .article-related .meta {
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: var(--orange);
   }
   .article-related strong {
     display: block;
     font-size: 1.02rem;
     letter-spacing: -0.02em;
     line-height: 1.25;
     margin-bottom: 4px;
   }
   .article-related span {
     font-size: 13.5px;
     color: #5c6478;
     line-height: 1.4;
   }
   @media (max-width: 900px) {
     .article-related-grid { grid-template-columns: 1fr; }
     .article-hero {
       width: calc(100% - 24px);
       aspect-ratio: 16 / 10;
       max-height: none;
       transform: translateY(18px);
     }
     .article-prose > p.lede::first-letter { font-size: 2.8rem; }
   }
   
   .profile-seo-url {
     margin: 0 0 18px;
     font-size: 13px;
     color: #8b92a5;
     letter-spacing: -0.01em;
   }
   .profile-seo-url span {
     color: #5c6478;
     font-weight: 650;
   }
   
   .profile-variant-switch {
     margin: 0 0 22px;
     max-width: 760px;
   }
   .profile-variant-label {
     margin: 0 0 8px;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: #8b92a5;
   }
   .profile-variant-row {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: 8px;
   }
   .profile-variant-link {
     display: grid;
     gap: 2px;
     padding: 11px 12px;
     border-radius: 14px;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.08);
     color: inherit !important;
     transition: border-color 0.15s, transform 0.15s, background 0.15s;
   }
   .profile-variant-link span {
     font-size: 10.5px;
     font-weight: 800;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: #8b92a5;
   }
   .profile-variant-link strong {
     font-size: 12.5px;
     letter-spacing: -0.02em;
     color: #2a3140;
     word-break: break-all;
   }
   .profile-variant-link:hover,
   .profile-variant-link.on {
     border-color: rgba(255, 77, 26, 0.4);
     transform: translateY(-1px);
   }
   .profile-variant-link.on {
     background:
       radial-gradient(ellipse 90% 80% at 0% 0%, rgba(255, 77, 26, 0.1), transparent 55%),
       #fff;
   }
   .profile-variant-link.on span { color: var(--orange); }
   @media (max-width: 700px) {
     .profile-variant-row { grid-template-columns: 1fr; }
   }
   
   .profile-slug-switch { margin: 0 0 22px; max-width: 920px; }
   .profile-slug-row {
     display: grid;
     grid-template-columns: repeat(4, minmax(0, 1fr));
     gap: 8px;
   }
   .profile-slug-link {
     display: grid;
     gap: 2px;
     padding: 10px 11px;
     border-radius: 12px;
     background: #f7f5f2;
     border: 1px solid rgba(10, 11, 15, 0.07);
     color: inherit !important;
     transition: border-color 0.15s, transform 0.15s, background 0.15s;
   }
   .profile-slug-link span {
     font-size: 10px;
     font-weight: 800;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: #8b92a5;
   }
   .profile-slug-link strong {
     font-size: 12px;
     letter-spacing: -0.02em;
     color: #12141c;
     word-break: break-all;
   }
   .profile-slug-link:hover,
   .profile-slug-link.on {
     border-color: rgba(255, 77, 26, 0.4);
     background: #fff;
     transform: translateY(-1px);
   }
   .profile-slug-link.on span { color: var(--orange); }
   .profile-alias-note {
     margin: 0 0 16px;
     padding: 12px 14px;
     border-radius: 12px;
     background: rgba(255, 77, 26, 0.08);
     border: 1px solid rgba(255, 77, 26, 0.18);
     font-size: 14px;
     line-height: 1.45;
     color: #2a3140;
     max-width: 46ch;
   }
   
   .profile-entry-tags {
     display: none;
   }
   .profile-tag-cloud {
     display: none;
   }
   .profile-seo-tags {
     display: flex;
     flex-wrap: wrap;
     gap: 4px 6px;
     margin: 28px 0 0;
     max-width: none;
     opacity: 0.28;
     filter: saturate(0.35);
   }
   .profile-seo-tag {
     padding: 2px 6px;
     border-radius: 4px;
     background: transparent;
     border: 0;
     font-size: 9px;
     font-weight: 500;
     letter-spacing: 0.01em;
     line-height: 1.25;
     color: #8b92a5 !important;
     text-decoration: none;
   }
   a.profile-seo-tag:hover {
     color: #6a7285 !important;
     text-decoration: underline;
   }
   .profile-end .profile-seo-tags {
     margin-top: 32px;
     padding-top: 18px;
     border-top: 1px solid rgba(10, 11, 15, 0.06);
   }
   
   .profile-entry-tags-legacy {
     display: flex;
     flex-wrap: wrap;
     gap: 8px;
     margin: 0 0 22px;
   }
   .profile-entry-tag {
     display: inline-flex;
     flex-direction: column;
     gap: 2px;
     padding: 10px 14px;
     border-radius: 999px;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.08);
     color: inherit !important;
     transition: border-color 0.15s, transform 0.15s, background 0.15s;
     font-size: 13.5px;
     font-weight: 750;
     letter-spacing: -0.01em;
   }
   .profile-entry-tag em {
     font-style: normal;
     font-size: 11px;
     font-weight: 650;
     color: #8b92a5;
   }
   .profile-entry-tag:hover,
   .profile-entry-tag.on {
     border-color: rgba(255, 77, 26, 0.4);
     transform: translateY(-1px);
   }
   .profile-entry-tag.on {
     background: #12141c;
     color: #fff !important;
   }
   .profile-entry-tag.on em { color: #c8e86a; }
   
   .profile-tag-cloud-legacy {
     display: flex;
     flex-wrap: wrap;
     gap: 8px;
     margin: 0 0 20px;
     max-width: 52rem;
   }
   .profile-cloud-tag {
     padding: 7px 12px;
     border-radius: 999px;
     background: #f3f0eb;
     border: 1px solid transparent;
     font-size: 12.5px;
     font-weight: 700;
     color: #2a3140 !important;
     line-height: 1.2;
   }
   a.profile-cloud-tag:hover {
     border-color: rgba(255, 77, 26, 0.35);
     color: var(--orange) !important;
     background: #fff;
   }
   .article-prose .profile-tag-cloud {
     margin: 1.6em 0 1.8em;
   }
   .profile-end .profile-tag-cloud {
     margin: 0 0 22px;
     max-width: none;
   }
   
   .hub-featured-wrap { margin-bottom: 22px; }
   .hub-featured-wrap .hub-featured { margin-bottom: 0; }
   .hub-alias-row {
     display: flex;
     flex-wrap: wrap;
     gap: 6px;
     margin-top: 10px;
   }
   .hub-alias-chip {
     padding: 6px 10px;
     border-radius: 999px;
     background: #12141c;
     border: 1px solid rgba(10, 11, 15, 0.08);
     font-size: 11.5px;
     font-weight: 700;
     color: #c8e86a !important;
   }
   .hub-alias-chip:hover { filter: brightness(1.1); }
   
   .hub-mosaic {
     display: grid;
     grid-template-columns: repeat(4, minmax(0, 1fr));
     grid-auto-rows: minmax(150px, auto);
     gap: 12px;
   }
   .hub-mosaic-card {
     position: relative;
     display: grid;
     align-content: end;
     gap: 6px;
     padding: 18px 16px;
     border-radius: 18px;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.08);
     color: inherit !important;
     min-height: 150px;
     overflow: hidden;
     isolation: isolate;
     transition: transform 0.18s ease, border-color 0.15s, box-shadow 0.18s;
   }
   .hub-mosaic-card:hover {
     transform: translateY(-3px);
     border-color: rgba(255, 77, 26, 0.3);
     box-shadow: 0 16px 34px rgba(10, 11, 15, 0.08);
   }
   .hub-mosaic-card.has-bg,
   .hub-mosaic-card.hub-mosaic-tall,
   .hub-mosaic-card.hub-mosaic-wide {
     color: #fff !important;
   }
   .hub-mosaic-bg {
     position: absolute;
     inset: 0;
     z-index: -2;
     background-size: cover;
     background-position: center;
     transition: transform 0.4s ease;
   }
   .hub-mosaic-card.has-bg::after,
   .hub-mosaic-card.hub-mosaic-tall::after,
   .hub-mosaic-card.hub-mosaic-wide::after {
     content: "";
     position: absolute;
     inset: 0;
     z-index: -1;
     background: linear-gradient(180deg, transparent 15%, rgba(8, 9, 14, 0.88) 100%);
   }
   .hub-mosaic-card:hover .hub-mosaic-bg { transform: scale(1.05); }
   .hub-mosaic-tall {
     grid-row: span 2;
     min-height: 320px;
   }
   .hub-mosaic-wide {
     grid-column: span 2;
     min-height: 200px;
   }
   .hub-mosaic-tag {
     font-size: 10.5px;
     font-weight: 800;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: var(--orange);
   }
   .hub-mosaic-card.has-bg .hub-mosaic-tag,
   .hub-mosaic-card.hub-mosaic-tall .hub-mosaic-tag,
   .hub-mosaic-card.hub-mosaic-wide .hub-mosaic-tag {
     color: #c8e86a;
   }
   .hub-mosaic-card strong {
     font-size: 1.05rem;
     letter-spacing: -0.025em;
     line-height: 1.25;
     color: #12141c;
   }
   .hub-mosaic-card.has-bg strong,
   .hub-mosaic-card.hub-mosaic-tall strong,
   .hub-mosaic-card.hub-mosaic-wide strong {
     color: #fff;
     font-size: 1.2rem;
   }
   .hub-mosaic-card em {
     font-style: normal;
     font-size: 13px;
     line-height: 1.4;
     color: #5c6478;
   }
   .hub-mosaic-card.has-bg em,
   .hub-mosaic-card.hub-mosaic-tall em,
   .hub-mosaic-card.hub-mosaic-wide em {
     color: rgba(255, 255, 255, 0.72);
   }
   .hub-seo-strip {
     margin-top: 36px;
     padding: 18px 18px 14px;
     border-radius: 16px;
     background: #f3f0eb;
     border: 1px solid rgba(10, 11, 15, 0.06);
   }
   .hub-seo-label {
     margin: 0 0 10px;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: #8b92a5;
   }
   .hub-seo-strip p {
     margin: 0 0 8px;
     font-size: 12.5px;
     line-height: 1.5;
     color: #5c6478;
   }
   .hub-seo-strip p span {
     display: inline-block;
     min-width: 11.5rem;
     font-weight: 750;
     color: #12141c;
   }
   .hub-seo-strip a {
     color: #5c6478 !important;
     text-decoration: underline;
     text-underline-offset: 2px;
   }
   .hub-seo-strip a:hover { color: var(--orange) !important; }
   @media (max-width: 1000px) {
     .hub-mosaic { grid-template-columns: repeat(2, minmax(0, 1fr)); }
     .hub-mosaic-wide { grid-column: span 2; }
     .hub-seo-strip p span { display: block; min-width: 0; margin-bottom: 2px; }
   }
   @media (max-width: 640px) {
     .hub-mosaic { grid-template-columns: 1fr; }
     .hub-mosaic-wide,
     .hub-mosaic-tall { grid-column: auto; grid-row: auto; min-height: 180px; }
   }
   @media (prefers-reduced-motion: reduce) {
     .hub-mosaic-card:hover,
     .hub-mosaic-card:hover .hub-mosaic-bg { transform: none; }
   }
   @media (max-width: 900px) {
     .profile-slug-row { grid-template-columns: 1fr 1fr; }
   }
   @media (max-width: 700px) {
     .profile-slug-row { grid-template-columns: 1fr; }
   }
   
   .profile-top {
     background:
       radial-gradient(ellipse 70% 55% at 100% 0%, rgba(255, 77, 26, 0.08), transparent 55%),
       radial-gradient(ellipse 50% 40% at 0% 100%, rgba(200, 232, 106, 0.12), transparent 50%),
       #f7f5f2;
     padding-bottom: 28px;
   }
   .profile-hero-grid {
     display: grid;
     grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
     gap: 28px 40px;
     align-items: end;
     padding-bottom: 8px;
   }
   .profile-head {
     max-width: none;
     padding: 8px 0 12px;
   }
   .profile-head h1 {
     font-size: clamp(2.4rem, 5vw, 3.6rem);
     letter-spacing: -0.045em;
     line-height: 0.98;
     margin: 0 0 10px;
   }
   .profile-subhead {
     margin: 0 0 14px;
     font-size: clamp(1.15rem, 2vw, 1.45rem);
     font-weight: 750;
     letter-spacing: -0.03em;
     line-height: 1.25;
     color: #12141c;
     max-width: 28ch;
   }
   .profile-head .article-deck {
     max-width: 42ch;
     color: #3d4454;
   }
   .profile-hero-cta {
     margin-top: 22px;
     flex-wrap: wrap;
   }
   .profile-hero-visual {
     position: relative;
     padding-bottom: 18px;
   }
   .profile-hero-img {
     width: 100%;
     margin: 0;
     aspect-ratio: 4 / 3;
     max-height: 380px;
     transform: none;
     border-radius: 24px;
   }
   .profile-float-chip {
     position: absolute;
     left: -10px;
     bottom: 36px;
     display: grid;
     gap: 1px;
     padding: 10px 14px;
     border-radius: 14px;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.08);
     box-shadow: 0 14px 30px rgba(10, 11, 15, 0.12);
     color: inherit !important;
     transform: rotate(-3deg);
     transition: transform 0.2s ease;
   }
   .profile-float-chip span {
     font-size: 10px;
     font-weight: 800;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: var(--orange);
   }
   .profile-float-chip {
     font-size: 13px;
     font-weight: 750;
   }
   .profile-float-chip:hover { transform: rotate(0deg) translateY(-2px); }
   .profile-float-chip.chip-2 {
     left: auto;
     right: 8%;
     bottom: auto;
     top: 12%;
     transform: rotate(4deg);
     background: #12141c;
     color: #fff !important;
   }
   .profile-float-chip.chip-2 span { color: #c8e86a; }
   .profile-float-chip.chip-2:hover { transform: rotate(0deg) translateY(-2px); }
   .profile-float-chip.chip-3 {
     left: auto;
     right: -6px;
     bottom: 18%;
     transform: rotate(-2deg);
     background: linear-gradient(145deg, #c8e86a, #9fcf3a);
   }
   .profile-float-chip.chip-3 span { color: #2a3140; }
   
   .profile-shell {
     width: min(1240px, calc(100% - 32px));
     display: flex;
     flex-direction: column;
     gap: 40px;
     align-items: stretch;
     padding-top: 48px;
     padding-bottom: 56px;
     overflow: visible;
   }
   .profile-shell-main {
     display: grid;
     grid-template-columns: minmax(200px, 240px) minmax(0, 1fr) minmax(220px, 280px);
     gap: 28px;
     align-items: start;
     width: 100%;
   }
   .profile-shell .article-end,
   .profile-end {
     position: relative;
     z-index: 4;
     grid-column: auto;
     width: 100%;
     margin-top: 0;
     padding: 28px 0 8px;
     background: #fff;
     isolation: isolate;
   }
   .profile-end-cta {
     position: relative;
     z-index: 5;
     flex-wrap: wrap;
     gap: 10px;
   }
   .profile-end-cta .btn {
     position: relative;
     z-index: 5;
     opacity: 1 !important;
     visibility: visible !important;
   }
   .profile-end-cta .btn-orange {
     background: var(--orange) !important;
     color: #fff !important;
     border-color: var(--orange) !important;
     box-shadow: 0 10px 24px rgba(255, 77, 26, 0.28);
   }
   .article-callout .btn-orange {
     background: var(--orange) !important;
     color: #fff !important;
     border-color: var(--orange) !important;
     opacity: 1 !important;
     visibility: visible !important;
     box-shadow: 0 10px 24px rgba(255, 77, 26, 0.35);
   }
   .profile-rail {
     position: sticky;
     top: 92px;
     z-index: 1;
     display: grid;
     gap: 22px;
     padding-top: 8px;
     align-self: start;
     max-height: calc(100vh - 110px);
     overflow: auto;
     overscroll-behavior: contain;
     -webkit-overflow-scrolling: touch;
     scrollbar-width: thin;
   }
   .profile-rail-block {
     display: grid;
     gap: 10px;
   }
   .profile-rail-label {
     margin: 0;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     color: #8b92a5;
   }
   .profile-rail-more {
     font-size: 13px;
     font-weight: 700;
     color: var(--orange) !important;
     letter-spacing: -0.01em;
   }
   .profile-hub-stack,
   .profile-blog-stack,
   .profile-ad-stack,
   .profile-people-stack {
     display: grid;
     gap: 10px;
   }
   .profile-hub-card {
     display: grid;
     gap: 4px;
     padding: 14px 14px 12px;
     border-radius: 16px;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.08);
     color: inherit !important;
     box-shadow: 0 8px 22px rgba(10, 11, 15, 0.04);
     transition: transform 0.18s ease, border-color 0.15s;
   }
   .profile-hub-card span {
     font-size: 10.5px;
     font-weight: 800;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: #8b92a5;
   }
   .profile-hub-card strong {
     font-size: 14.5px;
     letter-spacing: -0.02em;
     color: #12141c;
   }
   .profile-hub-card em {
     font-style: normal;
     font-size: 12.5px;
     line-height: 1.4;
     color: #5c6478;
   }
   .profile-hub-card:hover,
   .profile-hub-card.on {
     border-color: rgba(255, 77, 26, 0.4);
     transform: translateY(-2px);
   }
   .profile-hub-card.on {
     background:
       radial-gradient(ellipse 90% 80% at 0% 0%, rgba(255, 77, 26, 0.1), transparent 55%),
       #fff;
   }
   .profile-hub-card.on span { color: var(--orange); }
   .profile-blog-card {
     display: grid;
     gap: 4px;
     padding: 14px 14px 12px;
     border-radius: 16px;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.08);
     color: inherit !important;
     box-shadow: 0 10px 28px rgba(10, 11, 15, 0.05);
     transition: transform 0.22s ease, border-color 0.15s, box-shadow 0.22s;
   }
   .profile-blog-card.tilt-1 { transform: rotate(-0.8deg); }
   .profile-blog-card.tilt-2 { transform: rotate(0.7deg); }
   .profile-blog-card.tilt-3 { transform: rotate(-0.4deg); }
   .profile-blog-card:hover {
     transform: translateY(-3px) rotate(0deg);
     border-color: rgba(255, 77, 26, 0.35);
     box-shadow: 0 16px 34px rgba(10, 11, 15, 0.1);
   }
   .profile-blog-meta {
     font-size: 10.5px;
     font-weight: 800;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: var(--orange);
   }
   .profile-blog-card strong {
     font-size: 14px;
     letter-spacing: -0.02em;
     line-height: 1.3;
     color: #12141c;
   }
   .profile-blog-card em {
     font-style: normal;
     font-size: 12.5px;
     color: #8b92a5;
   }
   .profile-ad-card {
     display: grid;
     gap: 6px;
     padding: 16px 15px 14px;
     border-radius: 18px;
     color: #fff !important;
     text-decoration: none !important;
     transition: transform 0.22s ease, filter 0.22s;
   }
   .profile-ad-card:hover {
     transform: translateY(-4px) scale(1.01);
     filter: brightness(1.04);
   }
   .profile-ad-card span {
     font-size: 10.5px;
     font-weight: 800;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     opacity: 0.78;
   }
   .profile-ad-card strong {
     font-size: 16px;
     letter-spacing: -0.03em;
     line-height: 1.2;
   }
   .profile-ad-card p {
     margin: 0;
     font-size: 13px;
     line-height: 1.45;
     opacity: 0.82;
   }
   .profile-ad-card em {
     font-style: normal;
     font-size: 13px;
     font-weight: 750;
     margin-top: 4px;
   }
   .profile-ad-card.orange {
     background:
       radial-gradient(ellipse 90% 80% at 100% 0%, rgba(255, 255, 255, 0.22), transparent 50%),
       linear-gradient(145deg, #ff5a2a, #e63d12);
   }
   .profile-ad-card.ink {
     background:
       radial-gradient(ellipse 80% 70% at 0% 100%, rgba(255, 77, 26, 0.35), transparent 55%),
       #12141c;
   }
   .profile-ad-card.lime {
     background:
       radial-gradient(ellipse 90% 80% at 0% 0%, rgba(255, 255, 255, 0.35), transparent 45%),
       linear-gradient(145deg, #c8e86a, #9fcf3a);
     color: #12141c !important;
   }
   .profile-ad-card.lime span { opacity: 0.65; }
   .profile-ad-card.lime p { opacity: 0.72; }
   .profile-people-card {
     display: flex;
     gap: 12px;
     align-items: center;
     padding: 12px 12px;
     border-radius: 16px;
     background: #faf9f7;
     border: 1px solid rgba(10, 11, 15, 0.06);
     color: inherit !important;
     transition: transform 0.18s ease, border-color 0.15s, background 0.15s;
   }
   .profile-people-card:hover {
     transform: translateX(3px);
     border-color: rgba(255, 77, 26, 0.28);
     background: #fff;
   }
   .profile-people-avatar {
     flex: 0 0 auto;
     width: 40px;
     height: 40px;
     border-radius: 50%;
     display: grid;
     place-items: center;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.04em;
     color: #fff;
     background: linear-gradient(145deg, rgba(255, 77, 26, 0.55), #1a1d28);
   }
   .profile-people-card strong {
     display: block;
     font-size: 13px;
     letter-spacing: -0.02em;
     line-height: 1.25;
     color: #12141c;
   }
   .profile-people-card em {
     display: block;
     font-style: normal;
     font-size: 12px;
     color: #8b92a5;
     margin-top: 2px;
   }
   
   .hub-dir-page { background: #f7f5f2; min-height: 60vh; }
   
   /* Investor Relations hub */
   .ir-page { background: #fff; color: var(--ink); }
   .ir-hero {
     position: relative;
     min-height: min(72vh, 640px);
     display: grid;
     align-items: end;
     overflow: hidden;
     background: #0f1117;
     color: #fff;
   }
   .ir-hero-media {
     position: absolute;
     inset: 0;
     background:
       linear-gradient(105deg, rgba(10, 11, 15, 0.92) 0%, rgba(10, 11, 15, 0.72) 42%, rgba(10, 11, 15, 0.35) 70%, rgba(10, 11, 15, 0.55) 100%),
       url("https://images.unsplash.com/photo-1560066984-138dadb4c035?auto=format&fit=crop&w=2400&q=85") center / cover no-repeat;
     pointer-events: none;
   }
   .ir-hero-main {
     position: relative;
     z-index: 1;
     max-width: 640px;
     padding: 72px 0 56px;
   }
   .ir-hero-brand {
     margin: 0 0 14px;
     font-size: clamp(2.6rem, 6vw, 4.2rem);
     font-weight: 800;
     letter-spacing: -0.055em;
     line-height: 0.92;
     color: #ff8f66;
   }
   .ir-hero-kicker {
     margin: 0 0 12px;
     font-size: 12px;
     font-weight: 800;
     letter-spacing: 0.14em;
     text-transform: uppercase;
     color: rgba(255, 255, 255, 0.55);
   }
   .ir-hero h1 {
     margin: 0 0 16px;
     font-size: clamp(2rem, 4vw, 3rem);
     letter-spacing: -0.04em;
     line-height: 1.05;
     color: #fff;
   }
   .ir-hero .lead {
     margin: 0 0 28px;
     max-width: 44ch;
     color: rgba(255, 255, 255, 0.72);
     font-size: 1.1rem;
     line-height: 1.55;
   }
   .ir-hero .btn-ghost {
     border-color: rgba(255, 255, 255, 0.3);
     color: #fff !important;
   }
   .ir-hero .btn-ghost:hover { background: rgba(255, 255, 255, 0.08); }
   .ir-jump {
     display: flex;
     flex-wrap: wrap;
     gap: 4px 18px;
     padding: 14px 0;
     position: sticky;
     top: 64px;
     z-index: 12;
     background: rgba(255, 255, 255, 0.96);
     backdrop-filter: blur(10px);
     border-bottom: 1px solid rgba(10, 11, 15, 0.06);
   }
   .ir-jump a {
     padding: 4px 0;
     background: transparent;
     font-size: 13px;
     font-weight: 650;
     color: #8b92a5 !important;
     border-bottom: 1px solid transparent;
   }
   .ir-jump a:hover {
     color: var(--orange) !important;
     border-bottom-color: rgba(255, 77, 26, 0.35);
   }
   @media (max-width: 860px) {
     .ir-hero { min-height: 0; }
     .ir-hero-main { padding: 48px 0 40px; }
   }
   .ir-sec { padding: 64px 0; }
   .ir-sec.soft { background: #f7f5f2; }
   .ir-kicker {
     margin: 0 0 10px;
     font-size: 12px;
     font-weight: 800;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     color: var(--orange);
   }
   .ir-sec h2 {
     margin: 0 0 12px;
     max-width: 18ch;
     font-size: clamp(1.7rem, 3.2vw, 2.5rem);
     letter-spacing: -0.035em;
     line-height: 1.1;
   }
   .ir-sub {
     margin: 0 0 24px;
     max-width: 52ch;
     color: #5c6478;
     font-size: 1.02rem;
     line-height: 1.55;
   }
   .ir-glance {
     display: grid;
     grid-template-columns: repeat(4, minmax(0, 1fr));
     gap: 10px;
   }
   .ir-glance article {
     padding: 18px 16px;
     border-radius: 16px;
     background: #f7f5f2;
     border: 1px solid rgba(10, 11, 15, 0.06);
   }
   .ir-glance strong {
     display: block;
     margin-bottom: 6px;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: var(--orange);
   }
   .ir-glance span {
     font-size: 15px;
     letter-spacing: -0.015em;
     color: #12141c;
     font-weight: 650;
   }
   .ir-split {
     display: grid;
     grid-template-columns: 1.15fr 0.85fr;
     gap: 28px 40px;
     align-items: start;
   }
   .ir-list {
     margin: 0;
     padding: 0;
     list-style: none;
     display: grid;
     gap: 10px;
   }
   .ir-list li {
     position: relative;
     padding-left: 26px;
     font-size: 15px;
     line-height: 1.45;
     color: #2a3140;
   }
   .ir-list li::before {
     content: "";
     position: absolute;
     left: 0;
     top: 0.4em;
     width: 12px;
     height: 12px;
     border-radius: 50%;
     background: var(--orange);
     box-shadow: 0 0 0 3px rgba(255, 77, 26, 0.15);
   }
   .ir-panel {
     padding: 24px 22px;
     border-radius: 20px;
     background: #12141c;
     color: #fff;
   }
   .ir-panel p {
     margin: 0 0 16px;
     color: rgba(255, 255, 255, 0.72);
     line-height: 1.5;
   }
   .ir-grid-3 {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: 12px;
   }
   .ir-grid-3 article {
     padding: 22px 18px;
     border-radius: 18px;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.07);
   }
   .ir-sec.soft .ir-grid-3 article { background: #fff; }
   .ir-grid-3 h3 {
     margin: 0 0 8px;
     font-size: 1.1rem;
     letter-spacing: -0.02em;
   }
   .ir-grid-3 p {
     margin: 0 0 12px;
     font-size: 14px;
     line-height: 1.45;
     color: #5c6478;
   }
   .ir-grid-3 a {
     font-size: 13.5px;
     font-weight: 750;
     color: var(--orange) !important;
   }
   .ir-chip-grid {
     display: flex;
     flex-wrap: wrap;
     gap: 8px;
   }
   .ir-chip-grid a {
     padding: 10px 14px;
     border-radius: 999px;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.08);
     font-size: 13.5px;
     font-weight: 700;
     color: #2a3140 !important;
   }
   .ir-chip-grid a:hover {
     border-color: rgba(255, 77, 26, 0.35);
     color: var(--orange) !important;
   }
   .ir-stack-links {
     display: grid;
     gap: 10px;
   }
   .ir-stack-links a {
     display: grid;
     gap: 2px;
     padding: 16px 16px;
     border-radius: 16px;
     background: #f7f5f2;
     border: 1px solid rgba(10, 11, 15, 0.06);
     color: inherit !important;
   }
   .ir-stack-links a:hover { border-color: rgba(255, 77, 26, 0.3); }
   .ir-stack-links strong {
     font-size: 15px;
     letter-spacing: -0.02em;
   }
   .ir-stack-links span {
     font-size: 13px;
     color: #8b92a5;
   }
   .ir-updates {
     display: grid;
     grid-template-columns: repeat(4, minmax(0, 1fr));
     gap: 10px;
   }
   .ir-updates a {
     display: grid;
     gap: 4px;
     padding: 18px 16px;
     border-radius: 16px;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.07);
     color: inherit !important;
   }
   .ir-updates span {
     font-size: 10.5px;
     font-weight: 800;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: var(--orange);
   }
   .ir-updates strong {
     font-size: 1.05rem;
     letter-spacing: -0.02em;
   }
   .ir-updates em {
     font-style: normal;
     font-size: 13px;
     color: #8b92a5;
   }
   .ir-faq {
     display: grid;
     gap: 10px;
     max-width: 820px;
   }
   .ir-faq details {
     border-radius: 16px;
     background: #f7f5f2;
     border: 1px solid rgba(10, 11, 15, 0.07);
     overflow: hidden;
   }
   .ir-faq details[open] { border-color: rgba(255, 77, 26, 0.28); }
   .ir-faq summary {
     cursor: pointer;
     list-style: none;
     padding: 16px 18px;
     font-weight: 750;
   }
   .ir-faq summary::-webkit-details-marker { display: none; }
   .ir-faq details p {
     margin: 0 18px 16px;
     padding-top: 12px;
     border-top: 1px solid rgba(10, 11, 15, 0.06);
     color: #5c6478;
     line-height: 1.55;
   }
   .ir-contact {
     display: grid;
     grid-template-columns: 1.2fr 0.8fr;
     gap: 24px;
     align-items: center;
   }
   .ir-contact-teaser {
     margin-top: 22px;
     grid-template-columns: 1fr;
     max-width: 420px;
   }
   .ir-desk-preview {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: 14px;
     margin: 8px 0 0;
   }
   .ir-desk-preview article {
     padding: 22px 18px;
     border-radius: 18px;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.07);
     display: grid;
     gap: 8px;
     align-content: start;
   }
   .ir-desk-preview em {
     font-style: normal;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: var(--orange);
   }
   .ir-desk-preview strong {
     font-size: 1.12rem;
     letter-spacing: -0.025em;
   }
   .ir-desk-preview p {
     margin: 0 0 8px;
     font-size: 14px;
     line-height: 1.45;
     color: #5c6478;
   }
   .ir-contact-card {
     padding: 24px 22px;
     border-radius: 20px;
     background: #12141c;
     color: #fff;
   }
   .ir-contact-label {
     margin: 0 0 8px;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: #c8e86a;
   }
   .ir-contact-card p { margin: 0 0 12px; color: rgba(255, 255, 255, 0.7); }
   .ir-contact-card a { color: #ff8f66 !important; font-weight: 750; }
   @media (max-width: 960px) {
     .ir-glance,
     .ir-grid-3,
     .ir-updates,
     .ir-desk-preview { grid-template-columns: 1fr 1fr; }
     .ir-split,
     .ir-contact { grid-template-columns: 1fr; }
     .ir-jump { top: 56px; }
   }
   @media (max-width: 640px) {
     .ir-glance,
     .ir-grid-3,
     .ir-updates { grid-template-columns: 1fr; }
   }
   
   .hub-dir-hero {
     padding: 36px 0 28px;
     background:
       radial-gradient(ellipse 60% 50% at 100% 0%, rgba(255, 77, 26, 0.1), transparent 55%),
       #fff;
     border-bottom: 1px solid rgba(10, 11, 15, 0.06);
   }
   .hub-dir-hero h1 {
     margin: 0 0 10px;
     font-size: clamp(2.2rem, 4.5vw, 3.2rem);
     letter-spacing: -0.04em;
   }
   .hub-dir-hero .lead {
     margin: 0 0 20px;
     max-width: 48ch;
     color: #5c6478;
     font-size: 1.05rem;
     line-height: 1.5;
   }
   .hub-dir-tabs {
     display: flex;
     flex-wrap: wrap;
     gap: 8px;
   }
   .hub-dir-tabs a {
     padding: 10px 16px;
     border-radius: 999px;
     background: #f4f2ef;
     font-size: 13.5px;
     font-weight: 750;
     color: #2a3140 !important;
     border: 1px solid transparent;
   }
   .hub-dir-tabs a.on,
   .hub-dir-tabs a:hover {
     background: #12141c;
     color: #fff !important;
   }
   .hub-dir-body { padding: 36px 0 72px; }
   .hub-featured {
     display: grid;
     grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
     gap: 0;
     margin-bottom: 22px;
     border-radius: 24px;
     overflow: hidden;
     background: #12141c;
     color: #fff !important;
     border: 2px solid rgba(255, 77, 26, 0.55);
     box-shadow: 0 24px 50px rgba(10, 11, 15, 0.18);
     transition: transform 0.2s ease;
   }
   .hub-featured:hover { transform: translateY(-3px); }
   .hub-featured-badge {
     position: absolute;
     margin: 16px;
     padding: 6px 10px;
     border-radius: 999px;
     background: var(--orange);
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.08em;
     text-transform: uppercase;
     z-index: 1;
   }
   .hub-featured { position: relative; }
   .hub-featured-copy {
     padding: 40px 32px 32px;
     display: grid;
     align-content: center;
     gap: 8px;
   }
   .hub-featured-kicker {
     margin: 0;
     font-size: 12px;
     font-weight: 800;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: #c8e86a;
   }
   .hub-featured-copy h2 {
     margin: 0;
     font-size: clamp(1.7rem, 3vw, 2.3rem);
     letter-spacing: -0.035em;
   }
   .hub-featured-copy p {
     margin: 0;
     color: rgba(255, 255, 255, 0.72);
     line-height: 1.5;
     max-width: 42ch;
   }
   .hub-featured-go {
     margin-top: 10px;
     font-weight: 750;
     color: #ff8f6b;
   }
   .hub-featured-visual {
     min-height: 240px;
     background-size: cover;
     background-position: center;
   }
   .hub-dir-grid {
     display: grid;
     gap: 12px;
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
   .hub-dir-card {
     display: grid;
     gap: 6px;
     padding: 18px 16px;
     border-radius: 18px;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.08);
     color: inherit !important;
     transition: transform 0.18s ease, border-color 0.15s;
   }
   .hub-dir-card:hover {
     transform: translateY(-3px);
     border-color: rgba(255, 77, 26, 0.35);
   }
   .hub-dir-card span {
     font-size: 10.5px;
     font-weight: 800;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: var(--orange);
   }
   .hub-dir-card strong {
     font-size: 16px;
     letter-spacing: -0.02em;
     color: #12141c;
   }
   .hub-dir-card em {
     font-style: normal;
     font-size: 13px;
     color: #5c6478;
     line-height: 1.4;
   }
   .feat-hub-card-hot {
     outline: 2px solid rgba(255, 77, 26, 0.55);
     outline-offset: 0;
   }
   
   @media (max-width: 1100px) {
     .profile-shell-main {
       grid-template-columns: minmax(0, 1fr) minmax(220px, 280px);
     }
     .profile-rail-left { display: none; }
   }
   @media (max-width: 960px) {
     .profile-hero-grid { grid-template-columns: 1fr; }
     .profile-float-chip.chip-2 { top: 8%; right: 6%; }
     .profile-shell-main {
       grid-template-columns: 1fr;
       gap: 28px;
     }
     .profile-rail-left { display: grid; order: 2; }
     .profile-rail-right { order: 3; }
     .profile-shell-main .article-prose { order: 1; }
     .profile-rail {
       position: static;
       max-height: none;
       overflow: visible;
     }
     .hub-featured { grid-template-columns: 1fr; }
     .hub-dir-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
   }
   @media (max-width: 700px) {
     .hub-dir-grid { grid-template-columns: 1fr; }
     .profile-float-chip.chip-3 { display: none; }
   }
   @media (prefers-reduced-motion: reduce) {
     .profile-blog-card,
     .profile-ad-card,
     .profile-people-card,
     .profile-hub-card,
     .profile-float-chip,
     .hub-featured { transition: none; }
     .profile-blog-card.tilt-1,
     .profile-blog-card.tilt-2,
     .profile-blog-card.tilt-3,
     .profile-float-chip { transform: none; }
     .profile-blog-card:hover,
     .profile-ad-card:hover,
     .profile-people-card:hover,
     .profile-hub-card:hover,
     .hub-featured:hover { transform: none; }
   }
   
   /* Demo page pro */
   .demo-pro {
     background: #faf9f7;
   }
   .demo-shell {
     display: grid;
     gap: 28px;
     padding: 40px 0 72px;
   }
   @media (min-width: 980px) {
     .demo-shell {
       grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
       align-items: start;
       gap: 48px;
     }
   }
   .demo-story h1 {
     font-size: clamp(2.2rem, 4.5vw, 3.5rem);
     max-width: 12ch;
     margin: 0 0 16px;
   }
   .demo-story .lead {
     font-size: 1.15rem;
     color: #5c6478;
     max-width: 40ch;
     margin: 0 0 28px;
   }
   .demo-proof {
     display: grid;
     gap: 12px;
     margin: 28px 0;
   }
   .demo-proof article {
     display: grid;
     grid-template-columns: auto 1fr;
     gap: 14px;
     align-items: start;
     padding: 16px 18px;
     border-radius: 16px;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.06);
   }
   .demo-proof strong { display: block; margin-bottom: 2px; }
   .demo-proof span { color: #6a6f7c; font-size: 14px; line-height: 1.45; }
   .demo-step {
     width: 36px;
     height: 36px;
     border-radius: 50%;
     display: grid;
     place-items: center;
     background: rgba(255, 77, 26, 0.12);
     color: var(--orange);
     font-weight: 800;
     font-size: 13px;
   }
   .demo-card {
     position: sticky;
     top: 88px;
     background: #fff;
     border-radius: 28px;
     padding: 28px 26px 30px;
     border: 1px solid rgba(10, 11, 15, 0.08);
     box-shadow: 0 28px 70px rgba(10, 11, 15, 0.1);
   }
   .demo-card h2 {
     margin: 0 0 6px;
     font-size: 1.45rem;
   }
   .demo-card .demo-card-sub {
     margin: 0 0 22px;
     color: #6a6f7c;
     font-size: 14.5px;
   }
   .demo-form { display: grid; gap: 12px; }
   .demo-form label {
     display: grid;
     gap: 6px;
     font-size: 13px;
     font-weight: 700;
     color: #3a3f4d;
   }
   .demo-form input,
   .demo-form select,
   .demo-form textarea {
     width: 100%;
     border: 1.5px solid rgba(10, 11, 15, 0.12);
     border-radius: 12px;
     padding: 12px 14px;
     font: inherit;
     background: #fff;
   }
   .demo-form textarea { min-height: 88px; resize: vertical; }
   .demo-form input:focus,
   .demo-form select:focus,
   .demo-form textarea:focus {
     outline: 0;
     border-color: var(--orange);
     box-shadow: 0 0 0 3px rgba(255, 77, 26, 0.12);
   }
   .demo-form .btn { width: 100%; margin-top: 4px; }
   .demo-or {
     display: flex;
     align-items: center;
     gap: 12px;
     margin: 18px 0 12px;
     color: #9aa3b5;
     font-size: 12px;
     font-weight: 700;
     letter-spacing: 0.08em;
     text-transform: uppercase;
   }
   .demo-or::before,
   .demo-or::after {
     content: "";
     flex: 1;
     height: 1px;
     background: rgba(10, 11, 15, 0.1);
   }
   .demo-trust {
     margin-top: 18px;
     font-size: 12.5px;
     color: #8b92a5;
     line-height: 1.45;
   }
   .demo-aside-links {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
     margin-top: 14px;
   }
   
   /* Footer country / language — compact pill + popup */
   .footer-locale {
     position: relative;
     margin: 22px 0 20px;
     padding: 0;
     background: none;
     border: 0;
     width: fit-content;
   }
   .locale-pill {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     margin: 0;
     padding: 8px 12px 8px 10px;
     border-radius: 999px;
     border: 1px solid rgba(255, 255, 255, 0.16);
     background: rgba(255, 255, 255, 0.06);
     color: rgba(255, 255, 255, 0.88);
     font-family: inherit;
     font-size: 13px;
     font-weight: 600;
     cursor: pointer;
     line-height: 1;
     transition: border-color 0.15s ease, background 0.15s ease;
   }
   .locale-pill:hover,
   .locale-pill[aria-expanded="true"] {
     border-color: rgba(255, 255, 255, 0.28);
     background: rgba(255, 255, 255, 0.1);
   }
   .locale-flag {
     font-size: 16px;
     line-height: 1;
   }
   .locale-pill-text strong {
     font-weight: 800;
     letter-spacing: 0.04em;
   }
   .locale-pill-chev {
     width: 12px;
     height: 12px;
     opacity: 0.55;
     transition: transform 0.15s ease;
   }
   .locale-pill[aria-expanded="true"] .locale-pill-chev {
     transform: rotate(180deg);
   }
   .locale-pop {
     position: absolute;
     left: 0;
     bottom: calc(100% + 10px);
     width: min(240px, 78vw);
     padding: 12px;
     border-radius: 16px;
     background: #12141c;
     border: 1px solid rgba(255, 255, 255, 0.12);
     box-shadow: 0 18px 50px rgba(0, 0, 0, 0.45);
     z-index: 120;
   }
   .locale-pop[hidden] { display: none !important; }
   .locale-pop-title {
     margin: 10px 0 6px;
     font-size: 10px;
     font-weight: 800;
     letter-spacing: 0.14em;
     text-transform: uppercase;
     color: rgba(255, 255, 255, 0.4);
   }
   .locale-pop-title:first-child { margin-top: 0; }
   .footer-locale .locale-opt {
     display: flex;
     align-items: center;
     gap: 8px;
     padding: 9px 10px;
     border-radius: 10px;
     border: 0;
     background: transparent;
     color: rgba(255, 255, 255, 0.88);
     font-size: 13.5px;
     font-weight: 600;
   }
   .footer-locale .locale-opt:hover,
   .footer-locale .locale-opt.on {
     background: rgba(255, 77, 26, 0.16);
     color: #fff;
     border: 0;
   }
   .footer-locale .locale-opt.is-soon {
     opacity: 0.38;
     filter: grayscale(0.35);
     pointer-events: none;
     cursor: default;
   }
   .footer-locale .locale-langs {
     display: flex;
     flex-wrap: wrap;
     gap: 6px;
     margin: 0 0 8px;
   }
   .footer-locale .locale-lang {
     border-color: rgba(255, 255, 255, 0.16);
     background: transparent;
     color: rgba(255, 255, 255, 0.7);
   }
   .footer-locale .locale-lang.on {
     background: #fff;
     color: #0a0b0f;
     border-color: #fff;
   }
   .footer-locale .locale-lang.is-soon,
   .footer-locale .locale-lang:disabled {
     opacity: 0.35;
     cursor: not-allowed;
     filter: grayscale(0.4);
   }
   .locale-pop-hint {
     margin: 4px 0 0;
     font-size: 11.5px;
     line-height: 1.4;
     color: rgba(255, 255, 255, 0.4);
   }
   
   /* ========== Pricing page ========== */
   .price-page { background: #fff; }
   .price-hero {
     position: relative;
     padding: 120px 0 88px;
     background: #05060a;
     color: #fff;
     overflow: hidden;
     isolation: isolate;
   }
   .price-hero-glow {
     position: absolute;
     inset: 0;
     z-index: -1;
     background:
       radial-gradient(ellipse 55% 50% at 15% 10%, rgba(255, 77, 26, 0.34), transparent 58%),
       radial-gradient(ellipse 40% 40% at 90% 30%, rgba(255, 150, 90, 0.12), transparent 55%);
     pointer-events: none;
   }
   .price-hero .eyebrow { color: #ff8f66; }
   .price-hero h1 {
     margin: 0 0 18px;
     max-width: 12ch;
     font-size: clamp(2.8rem, 7vw, 5rem);
     font-weight: var(--fw-display);
     letter-spacing: -0.045em;
     line-height: 0.98;
     color: #fff;
   }
   .price-hero .lead {
     margin: 0 0 28px;
     max-width: 40ch;
     font-size: clamp(1.1rem, 2vw, 1.3rem);
     line-height: 1.45;
     color: rgba(255, 255, 255, 0.7);
   }
   .price-hero-cta { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 18px; }
   .price-hero-note {
     margin: 0;
     font-size: 14px;
     color: rgba(255, 255, 255, 0.45);
   }
   
   .price-strip {
     background: #0c0e14;
     border-top: 1px solid rgba(255, 255, 255, 0.06);
     border-bottom: 1px solid rgba(255, 255, 255, 0.06);
     padding: 18px 0;
   }
   .price-strip-row {
     display: flex;
     flex-wrap: wrap;
     gap: 10px 28px;
     justify-content: space-between;
     color: rgba(255, 255, 255, 0.62);
     font-size: 13.5px;
     font-weight: 650;
   }
   
   .price-plans { background: #f7f5f2; }
   .price-plans-head {
     display: flex;
     flex-wrap: wrap;
     align-items: end;
     justify-content: space-between;
     gap: 20px;
     margin-bottom: 36px;
   }
   .price-bill-toggle {
     display: inline-flex;
     padding: 5px;
     border-radius: 999px;
     background: rgba(10, 11, 15, 0.06);
     gap: 4px;
   }
   .price-bill-toggle button {
     border: 0;
     background: transparent;
     border-radius: 999px;
     padding: 10px 16px;
     font-family: inherit;
     font-size: 13.5px;
     font-weight: 700;
     color: #5c6478;
     cursor: pointer;
   }
   .price-bill-toggle button em {
     font-style: normal;
     margin-left: 6px;
     color: var(--orange);
     font-size: 11px;
     font-weight: 800;
   }
   .price-bill-toggle button.on {
     background: #fff;
     color: var(--ink);
     box-shadow: 0 6px 18px rgba(10, 11, 15, 0.08);
   }
   
   .price-plan-grid {
     display: grid;
     gap: 16px;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     align-items: stretch;
   }
   .price-plan {
     display: flex;
     flex-direction: column;
     padding: 28px 24px 26px;
     border-radius: 28px;
     background: #12141c;
     color: #fff;
     border: 1px solid rgba(255, 255, 255, 0.08);
     box-shadow: 0 18px 40px rgba(10, 11, 15, 0.12);
   }
   .price-plan-hot {
     background:
       radial-gradient(ellipse 90% 70% at 50% 0%, rgba(255, 77, 26, 0.35), transparent 55%),
       linear-gradient(165deg, #1a1d28, #0c0e14 70%);
     border-color: rgba(255, 77, 26, 0.45);
     transform: translateY(-10px);
     box-shadow: 0 28px 60px rgba(255, 77, 26, 0.18);
   }
   .price-plan-badge {
     margin: 0 0 12px;
     width: fit-content;
     padding: 5px 10px;
     border-radius: 999px;
     background: rgba(255, 77, 26, 0.95);
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.04em;
   }
   .price-plan-kicker {
     margin: 0 0 8px;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.14em;
     text-transform: uppercase;
     color: #ff8f66;
   }
   .price-plan h3 {
     margin: 0 0 8px;
     font-size: 1.55rem;
     letter-spacing: -0.03em;
     color: #fff;
   }
   .price-plan-lead {
     margin: 0 0 18px;
     font-size: 14.5px;
     color: rgba(255, 255, 255, 0.58);
   }
   .price-plan-amt {
     margin: 0 0 20px;
     font-size: 2.2rem;
     font-weight: var(--fw-display);
     letter-spacing: -0.035em;
     color: #fff;
   }
   .price-plan-amt small {
     font-size: 14px;
     font-weight: 600;
     color: rgba(255, 255, 255, 0.5);
   }
   .price-plan ul {
     list-style: none;
     margin: 0 0 24px;
     padding: 0;
     display: grid;
     gap: 10px;
     flex: 1;
   }
   .price-plan li {
     position: relative;
     padding-left: 16px;
     font-size: 14.5px;
     color: rgba(255, 255, 255, 0.82);
   }
   .price-plan li::before {
     content: "";
     position: absolute;
     left: 0;
     top: 0.55em;
     width: 6px;
     height: 6px;
     border-radius: 50%;
     background: var(--orange);
   }
   .price-plan .btn { align-self: flex-start; }
   .price-fine {
     margin: 22px 0 0;
     font-size: 13px;
     color: #8b92a5;
   }
   
   .price-bleed {
     position: relative;
     min-height: min(58vh, 520px);
     display: grid;
     align-items: end;
     color: #fff;
     overflow: hidden;
   }
   .price-bleed-bg {
     position: absolute;
     inset: 0;
     background-size: cover;
     background-position: center;
   }
   .price-bleed-bg::after {
     content: "";
     position: absolute;
     inset: 0;
     background:
       linear-gradient(90deg, rgba(5, 6, 10, 0.88), rgba(5, 6, 10, 0.35) 55%, rgba(5, 6, 10, 0.55)),
       linear-gradient(0deg, rgba(5, 6, 10, 0.75), transparent 45%);
   }
   .price-bleed-copy {
     position: relative;
     z-index: 1;
     padding: 72px 0;
     max-width: 34ch;
   }
   .price-bleed-copy .eyebrow { color: #ff8f66; }
   .price-bleed-copy h2 {
     margin: 0 0 14px;
     font-size: clamp(2rem, 4vw, 3rem);
     letter-spacing: -0.035em;
     color: #fff;
   }
   .price-bleed-copy p {
     margin: 0 0 22px;
     color: rgba(255, 255, 255, 0.72);
     line-height: 1.5;
   }
   
   .price-include-grid {
     display: grid;
     gap: 14px;
     margin-top: 32px;
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
   .price-include-grid article {
     padding: 24px 22px;
     border-radius: 22px;
     background: #12141c;
     color: #fff;
     border: 1px solid rgba(255, 255, 255, 0.06);
   }
   .price-include-grid h3 {
     margin: 0 0 8px;
     font-size: 1.15rem;
     color: #fff;
   }
   .price-include-grid p {
     margin: 0;
     font-size: 14.5px;
     line-height: 1.5;
     color: rgba(255, 255, 255, 0.6);
   }
   
   .price-who {
     padding: 96px 0;
     background: #05060a;
     color: #fff;
   }
   .price-who .eyebrow { color: #ff8f66; }
   .price-who h2 { color: #fff; margin: 0 0 28px; }
   .price-who-grid {
     display: grid;
     gap: 14px;
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
   .price-who-card {
     padding: 28px 24px;
     border-radius: 24px;
     background: rgba(255, 255, 255, 0.04);
     border: 1px solid rgba(255, 255, 255, 0.08);
     min-height: 220px;
     display: flex;
     flex-direction: column;
   }
   .price-who-card.hot {
     background:
       radial-gradient(ellipse 80% 70% at 0% 0%, rgba(255, 77, 26, 0.28), transparent 55%),
       rgba(255, 255, 255, 0.04);
     border-color: rgba(255, 77, 26, 0.35);
   }
   .price-who-kicker {
     margin: 0 0 14px;
     font-size: 12px;
     font-weight: 800;
     letter-spacing: 0.14em;
     color: #ff8f66;
   }
   .price-who-card h3 {
     margin: 0 0 10px;
     font-size: 1.35rem;
     letter-spacing: -0.03em;
     color: #fff;
   }
   .price-who-card p {
     margin: 0 0 18px;
     flex: 1;
     color: rgba(255, 255, 255, 0.62);
     line-height: 1.5;
   }
   .price-who-card a {
     color: #ff8f66;
     font-weight: 750;
   }
   
   .price-addon-grid {
     display: grid;
     gap: 14px;
     margin-top: 28px;
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
   .price-addon-grid article {
     padding: 22px 20px;
     border-radius: 20px;
     border: 1px solid rgba(10, 11, 15, 0.08);
     background: #fff;
     box-shadow: 0 12px 30px rgba(10, 11, 15, 0.05);
   }
   .price-addon-grid h3 { margin: 0 0 8px; font-size: 1.1rem; }
   .price-addon-grid p {
     margin: 0 0 14px;
     font-size: 14px;
     color: #5c6478;
     line-height: 1.45;
   }
   .price-addon-grid a { font-weight: 750; color: var(--orange); }
   
   .price-roi {
     padding: 96px 0;
     background:
       radial-gradient(ellipse 50% 60% at 90% 20%, rgba(255, 77, 26, 0.12), transparent 55%),
       #f7f5f2;
   }
   .price-roi-inner {
     display: grid;
     gap: 36px;
     grid-template-columns: 1fr 1fr;
     align-items: center;
   }
   .price-roi-card {
     display: grid;
     gap: 14px;
     padding: 28px;
     border-radius: 28px;
     background: #12141c;
     color: #fff;
     border: 1px solid rgba(255, 255, 255, 0.08);
   }
   .price-roi-card label {
     display: grid;
     gap: 8px;
     font-size: 13px;
     font-weight: 700;
     color: rgba(255, 255, 255, 0.7);
   }
   .price-roi-card input {
     border: 1px solid rgba(255, 255, 255, 0.12);
     background: rgba(255, 255, 255, 0.06);
     color: #fff;
     border-radius: 12px;
     padding: 12px 14px;
     font: inherit;
     font-size: 16px;
     font-weight: 700;
   }
   .price-roi-out {
     margin: 8px 0 0;
     font-size: 1.15rem;
     color: rgba(255, 255, 255, 0.85);
   }
   .price-roi-out strong { color: #ff8f66; font-size: 1.35rem; }
   .price-roi-note {
     margin: 0;
     font-size: 13px;
     color: rgba(255, 255, 255, 0.45);
   }
   
   .price-switch-grid {
     display: grid;
     gap: 40px;
     grid-template-columns: 0.9fr 1.1fr;
     align-items: start;
   }
   .price-steps {
     list-style: none;
     margin: 0;
     padding: 0;
     display: grid;
     gap: 0;
   }
   .price-steps li {
     display: grid;
     gap: 4px;
     padding: 18px 0;
     border-top: 1px solid rgba(10, 11, 15, 0.08);
   }
   .price-steps li:last-child { border-bottom: 1px solid rgba(10, 11, 15, 0.08); }
   .price-steps strong {
     font-size: 1.05rem;
     letter-spacing: -0.02em;
   }
   .price-steps span { color: #5c6478; font-size: 14.5px; }
   
   .price-proof {
     padding: 96px 0;
     background: #05060a;
     color: #fff;
   }
   .price-proof .eyebrow { color: #ff8f66; }
   .price-proof h2 { color: #fff; margin: 0 0 28px; }
   .price-proof-grid {
     display: grid;
     gap: 14px;
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
   .price-proof-grid blockquote {
     margin: 0;
     padding: 26px 22px;
     border-radius: 22px;
     background:
       radial-gradient(ellipse 80% 60% at 0% 0%, rgba(255, 77, 26, 0.18), transparent 55%),
       rgba(255, 255, 255, 0.04);
     border: 1px solid rgba(255, 255, 255, 0.08);
   }
   .price-proof-grid p {
     margin: 0 0 18px;
     font-size: 1.05rem;
     line-height: 1.45;
     letter-spacing: -0.015em;
     color: rgba(255, 255, 255, 0.88);
   }
   .price-proof-grid cite {
     font-style: normal;
     font-size: 13px;
     color: rgba(255, 255, 255, 0.45);
   }
   
   .price-vert-chips {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
     margin-top: 28px;
   }
   .price-vert-chips a {
     padding: 12px 16px;
     border-radius: 999px;
     background: #12141c;
     color: #fff;
     font-weight: 700;
     font-size: 14px;
     transition: transform 0.15s, background 0.15s;
   }
   .price-vert-chips a:hover {
     background: var(--orange);
     transform: translateY(-2px);
   }
   
   .price-faq {
     padding: 100px 0;
     background:
       radial-gradient(ellipse 60% 50% at 0% 0%, rgba(255, 77, 26, 0.06), transparent 55%),
       #f4f2ef;
   }
   .price-faq-inner {
     display: grid;
     gap: 40px;
     grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
     align-items: start;
   }
   .price-faq-intro h2 {
     margin: 0 0 12px;
     letter-spacing: -0.035em;
   }
   .price-faq-lead {
     margin: 0;
     max-width: 32ch;
     color: #5c6478;
     font-size: 15.5px;
     line-height: 1.5;
   }
   .price-faq-list { display: grid; gap: 10px; }
   .price-faq-item {
     border-radius: 18px;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.08);
     box-shadow: 0 8px 24px rgba(10, 11, 15, 0.04);
     overflow: hidden;
     transition: border-color 0.18s ease, box-shadow 0.18s ease;
   }
   .price-faq-item[open] {
     border-color: rgba(255, 77, 26, 0.35);
     box-shadow: 0 14px 36px rgba(255, 77, 26, 0.1);
   }
   .price-faq-item summary {
     cursor: pointer;
     list-style: none;
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 16px;
     padding: 18px 20px;
     font-weight: 750;
     font-size: 1.02rem;
     letter-spacing: -0.015em;
     color: #12141c;
     user-select: none;
   }
   .price-faq-item summary::-webkit-details-marker { display: none; }
   .price-faq-icon {
     flex: 0 0 auto;
     width: 28px;
     height: 28px;
     border-radius: 999px;
     background: rgba(10, 11, 15, 0.05);
     border: 1px solid rgba(10, 11, 15, 0.08);
     position: relative;
     transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
   }
   .price-faq-icon::before,
   .price-faq-icon::after {
     content: "";
     position: absolute;
     top: 50%;
     left: 50%;
     background: #12141c;
     border-radius: 2px;
     transition: transform 0.2s ease, opacity 0.2s ease, background 0.18s ease;
   }
   .price-faq-icon::before {
     width: 12px;
     height: 2px;
     transform: translate(-50%, -50%);
   }
   .price-faq-icon::after {
     width: 2px;
     height: 12px;
     transform: translate(-50%, -50%);
   }
   .price-faq-item[open] .price-faq-icon {
     background: rgba(255, 77, 26, 0.12);
     border-color: rgba(255, 77, 26, 0.35);
   }
   .price-faq-item[open] .price-faq-icon::before,
   .price-faq-item[open] .price-faq-icon::after {
     background: var(--orange);
   }
   .price-faq-item[open] .price-faq-icon::after {
     opacity: 0;
     transform: translate(-50%, -50%) rotate(90deg);
   }
   .price-faq-body {
     padding: 0 20px 18px;
   }
   .price-faq-body p {
     margin: 0;
     border-top: 1px solid rgba(10, 11, 15, 0.06);
     padding-top: 14px;
     color: #5c6478;
     line-height: 1.55;
     font-size: 15px;
   }
   
   .price-table-wrap { overflow-x: auto; margin-top: 28px; }
   .price-table {
     width: 100%;
     border-collapse: collapse;
     min-width: 640px;
     background: #fff;
     border-radius: 20px;
     overflow: hidden;
     box-shadow: 0 14px 40px rgba(10, 11, 15, 0.06);
   }
   .price-table th,
   .price-table td {
     text-align: left;
     padding: 16px 18px;
     border-bottom: 1px solid rgba(10, 11, 15, 0.06);
     font-size: 14.5px;
   }
   .price-table th {
     background: #12141c;
     color: #fff;
     font-weight: 700;
   }
   .price-table td:first-child { font-weight: 650; }
   .price-table tr:last-child td { border-bottom: 0; }
   
   .price-finale {
     position: relative;
     padding: 72px 0 96px;
     background: #05060a;
     color: #fff;
     overflow: hidden;
   }
   .price-finale-card {
     position: relative;
     display: grid;
     grid-template-columns: minmax(0, 1.05fr) minmax(160px, 0.95fr);
     align-items: stretch;
     min-height: 300px;
     border-radius: 28px;
     overflow: hidden;
     border: 1px solid rgba(255, 255, 255, 0.1);
     box-shadow: 0 28px 70px rgba(0, 0, 0, 0.4);
     isolation: isolate;
     background: #0c0e14;
   }
   .price-finale-copy {
     position: relative;
     z-index: 2;
     display: flex;
     flex-direction: column;
     justify-content: center;
     padding: 40px 36px 40px 40px;
     background:
       radial-gradient(ellipse 80% 70% at 0% 0%, rgba(255, 77, 26, 0.28), transparent 55%),
       linear-gradient(90deg, #0c0e14 0%, rgba(12, 14, 20, 0.94) 62%, rgba(12, 14, 20, 0.2) 100%);
   }
   .price-finale-kicker {
     margin: 0 0 10px;
     font-size: 12px;
     font-weight: 800;
     letter-spacing: 0.14em;
     text-transform: uppercase;
     color: #ff8f66;
   }
   .price-finale-copy h2 {
     margin: 0 0 12px;
     max-width: 14ch;
     font-size: clamp(1.85rem, 3.8vw, 2.75rem);
     letter-spacing: -0.04em;
     line-height: 1.1;
     color: #fff;
   }
   .price-finale-copy > p {
     margin: 0 0 22px;
     max-width: 38ch;
     color: rgba(255, 255, 255, 0.62);
     font-size: 15.5px;
     line-height: 1.5;
   }
   .price-finale-form {
     margin: 0 0 14px;
     max-width: 440px;
   }
   .price-finale-alt {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
   }
   .price-finale-visual {
     position: absolute;
     inset: 0 0 0 40%;
     z-index: 0;
     background-size: cover;
     background-position: center;
     opacity: 0.48;
     filter: saturate(0.85) contrast(1.05);
     transform: scale(1.04);
     transition: opacity 0.4s ease, transform 0.6s ease;
   }
   .price-finale-visual::before {
     content: "";
     position: absolute;
     inset: 0;
     background:
       linear-gradient(90deg, #0c0e14 0%, rgba(12, 14, 20, 0.7) 26%, transparent 58%),
       linear-gradient(180deg, transparent 50%, rgba(8, 9, 14, 0.45) 100%),
       radial-gradient(ellipse 70% 70% at 80% 40%, rgba(255, 77, 26, 0.22), transparent 60%);
     pointer-events: none;
   }
   .price-finale-card:hover .price-finale-visual {
     opacity: 0.62;
     transform: scale(1.08);
   }
   
   @media (max-width: 980px) {
     .price-plan-grid,
     .price-include-grid,
     .price-who-grid,
     .price-proof-grid,
     .price-roi-inner,
     .price-switch-grid,
     .price-faq-inner { grid-template-columns: 1fr; }
     .price-addon-grid { grid-template-columns: 1fr 1fr; }
     .price-plan-hot { transform: none; }
     .price-finale-card {
       grid-template-columns: 1fr;
       min-height: 280px;
     }
     .price-finale-copy {
       max-width: 78%;
       padding: 32px 24px;
     }
     .price-finale-visual { inset: 0 0 0 22%; }
   }
   @media (max-width: 600px) {
     .price-addon-grid { grid-template-columns: 1fr; }
     .price-hero { padding: 96px 0 72px; }
   }
   
   /* ——— ROI Calculator page ——— */
   body:has(.roi-finale) .footer-finale { display: none; }
   .roi-page { overflow: clip; background: #fff; color: var(--ink); }
   .roi-hero {
     position: relative;
     padding: 64px 0 52px;
     overflow: hidden;
     color: #fff;
     isolation: isolate;
     min-height: min(78vh, 700px);
     display: grid;
     align-items: end;
   }
   .roi-hero-bg {
     position: absolute;
     inset: 0;
     z-index: -2;
     background-size: cover;
     background-position: center 30%;
   }
   .roi-hero::after {
     content: "";
     position: absolute;
     inset: 0;
     z-index: -1;
     background:
       linear-gradient(115deg, rgba(8, 9, 14, 0.94) 0%, rgba(8, 9, 14, 0.7) 48%, rgba(8, 9, 14, 0.42) 100%),
       radial-gradient(ellipse 50% 45% at 88% 18%, rgba(255, 77, 26, 0.34), transparent 55%);
   }
   .roi-hero-grid {
     position: relative;
     z-index: 1;
     display: grid;
     grid-template-columns: minmax(0, 1.1fr) minmax(240px, 0.7fr);
     gap: 32px;
     align-items: end;
   }
   .roi-hero .hero-brand-lockup {
     display: block;
     margin: 0 0 16px;
     font-size: clamp(1.7rem, 3.2vw, 2.15rem);
     font-weight: 700;
     letter-spacing: var(--track-wordmark, -0.035em);
     line-height: 1;
     color: #fff;
   }
   .roi-hero-kicker {
     margin: 0 0 12px;
     font-size: 12px;
     font-weight: 800;
     letter-spacing: 0.14em;
     text-transform: uppercase;
     color: rgba(255, 255, 255, 0.72);
   }
   .roi-hero h1 {
     margin: 0 0 16px;
     font-size: clamp(2.4rem, 5.4vw, 4rem);
     font-weight: var(--fw-display);
     letter-spacing: -0.045em;
     line-height: 1.02;
     color: #fff;
   }
   .roi-hero .lead {
     margin: 0 0 24px;
     max-width: 46ch;
     color: rgba(255, 255, 255, 0.72);
     font-size: 1.08rem;
     line-height: 1.55;
   }
   .roi-hero .btn-outline-light {
     border-color: rgba(255, 255, 255, 0.28);
     color: #fff !important;
   }
   .roi-hero-panel {
     padding: 22px 20px;
     border-radius: 24px;
     background: rgba(12, 13, 18, 0.7);
     border: 1px solid rgba(255, 255, 255, 0.12);
     backdrop-filter: blur(16px);
   }
   .roi-hero-panel > p {
     margin: 0 0 8px;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     color: #ff8f66;
   }
   .roi-hero-panel > strong {
     display: block;
     font-size: clamp(1.8rem, 3vw, 2.4rem);
     letter-spacing: -0.04em;
     font-variant-numeric: tabular-nums;
     line-height: 1;
   }
   .roi-hero-panel > span {
     display: block;
     margin: 8px 0 16px;
     font-size: 0.88rem;
     color: rgba(255, 255, 255, 0.55);
   }
   .roi-hero-panel ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
   .roi-hero-panel li { display: grid; grid-template-columns: auto 1fr; gap: 2px 12px; }
   .roi-hero-panel em {
     grid-row: span 2;
     font-style: normal;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.08em;
     color: #c8e86a;
     padding-top: 3px;
   }
   .roi-hero-panel li strong { font-size: 0.98rem; font-variant-numeric: tabular-nums; }
   .roi-hero-panel li span { font-size: 0.86rem; color: rgba(255, 255, 255, 0.55); }
   .roi-manifesto {
     background: var(--ink);
     color: #fff;
     padding: 28px 0 32px;
     border-top: 1px solid rgba(255, 255, 255, 0.06);
   }
   .roi-manifesto-inner {
     display: grid;
     grid-template-columns: repeat(4, minmax(0, 1fr));
     gap: 14px;
   }
   .roi-manifesto article {
     padding: 16px 14px;
     border-radius: 16px;
     border: 1px solid rgba(255, 255, 255, 0.08);
     background: rgba(255, 255, 255, 0.04);
   }
   .roi-manifesto em {
     display: block;
     margin-bottom: 8px;
     font-style: normal;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.12em;
     color: #c8e86a;
   }
   .roi-manifesto strong { display: block; margin-bottom: 4px; }
   .roi-manifesto span { font-size: 0.88rem; color: rgba(255, 255, 255, 0.58); }
   
   .roi-calc {
     padding: 88px 0 96px;
     background:
       radial-gradient(ellipse 50% 40% at 100% 0%, rgba(255, 77, 26, 0.06), transparent 55%),
       #f4f2ef;
   }
   .roi-calc-head {
     max-width: 640px;
     margin-bottom: 36px;
   }
   .roi-calc-head h2 {
     margin: 0 0 10px;
     letter-spacing: -0.035em;
   }
   .roi-calc-grid {
     display: grid;
     gap: 22px;
     grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
     align-items: start;
   }
   .roi-inputs {
     display: grid;
     gap: 18px;
     padding: 26px 24px;
     border-radius: 24px;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.07);
     box-shadow: 0 18px 44px rgba(10, 11, 15, 0.06);
   }
   .roi-field-top {
     display: flex;
     justify-content: space-between;
     align-items: baseline;
     gap: 12px;
     margin-bottom: 8px;
   }
   .roi-field-top label {
     font-size: 13.5px;
     font-weight: 700;
     color: #2a3140;
   }
   .roi-field-top output {
     font-size: 14px;
     font-weight: 800;
     color: var(--orange);
     font-variant-numeric: tabular-nums;
   }
   .roi-inputs input[type="range"] {
     width: 100%;
     accent-color: var(--orange);
     height: 6px;
     cursor: pointer;
   }
   .roi-inputs-note {
     margin: 4px 0 0;
     font-size: 12.5px;
     line-height: 1.45;
     color: #8b92a5;
   }
   
   .roi-results {
     position: sticky;
     top: 96px;
     padding: 32px 28px;
     border-radius: 28px;
     background:
       radial-gradient(ellipse 80% 60% at 0% 0%, rgba(255, 77, 26, 0.3), transparent 55%),
       linear-gradient(165deg, #171a24, #0a0c12 70%);
     color: #fff;
     border: 1px solid rgba(255, 255, 255, 0.1);
     box-shadow: 0 28px 70px rgba(0, 0, 0, 0.28);
   }
   .roi-results-kicker {
     margin: 0 0 8px;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.14em;
     text-transform: uppercase;
     color: #ff8f66;
   }
   .roi-results-hero {
     margin: 0 0 8px;
     font-size: clamp(2.6rem, 5vw, 3.6rem);
     font-weight: 750;
     letter-spacing: -0.045em;
     line-height: 1;
     font-variant-numeric: tabular-nums;
   }
   .roi-results-year {
     margin: 0 0 24px;
     color: rgba(255, 255, 255, 0.55);
     font-size: 15px;
   }
   .roi-results-year strong { color: #fff; }
   .roi-break {
     display: grid;
     gap: 10px;
     margin-bottom: 22px;
   }
   .roi-break > div {
     display: flex;
     justify-content: space-between;
     gap: 12px;
     padding: 12px 14px;
     border-radius: 14px;
     background: rgba(255, 255, 255, 0.05);
     border: 1px solid rgba(255, 255, 255, 0.07);
     font-size: 13.5px;
   }
   .roi-break span { color: rgba(255, 255, 255, 0.55); }
   .roi-break strong {
     color: #fff;
     font-variant-numeric: tabular-nums;
   }
   .roi-meter {
     height: 10px;
     border-radius: 999px;
     background: rgba(255, 255, 255, 0.08);
     overflow: hidden;
     margin-bottom: 10px;
   }
   .roi-meter-fill {
     height: 100%;
     width: 40%;
     border-radius: inherit;
     background: linear-gradient(90deg, #ff4d1a, #ff8f66);
     transition: width 0.35s ease;
   }
   .roi-meter-cap {
     margin: 0 0 22px;
     font-size: 13px;
     line-height: 1.4;
     color: rgba(255, 255, 255, 0.55);
   }
   .roi-kpi-row {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: 10px;
     margin-bottom: 20px;
   }
   .roi-kpi-row article {
     padding: 14px 12px;
     border-radius: 14px;
     background: rgba(255, 255, 255, 0.04);
     border: 1px solid rgba(255, 255, 255, 0.07);
     text-align: center;
   }
   .roi-kpi-row strong {
     display: block;
     margin-bottom: 4px;
     font-size: 1.25rem;
     letter-spacing: -0.03em;
     color: #ff8f66;
     font-variant-numeric: tabular-nums;
   }
   .roi-kpi-row span {
     font-size: 11.5px;
     line-height: 1.3;
     color: rgba(255, 255, 255, 0.48);
   }
   .roi-motivate {
     margin: 0 0 20px;
     padding: 14px 16px;
     border-radius: 14px;
     background: rgba(255, 77, 26, 0.12);
     border: 1px solid rgba(255, 77, 26, 0.25);
     font-size: 14px;
     line-height: 1.45;
     color: rgba(255, 255, 255, 0.82);
   }
   .roi-results-cta {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
   }
   
   .roi-boost {
     padding: 96px 0;
     background: #fff;
   }
   .roi-boost-head {
     max-width: 620px;
     margin-bottom: 40px;
   }
   .roi-boost-head h2 {
     margin: 0 0 12px;
     letter-spacing: -0.035em;
   }
   .roi-boost-grid {
     display: grid;
     gap: 16px;
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
   .roi-boost-card {
     padding: 24px 22px;
     border-radius: 22px;
     background:
       radial-gradient(ellipse 90% 70% at 0% 0%, rgba(255, 77, 26, 0.08), transparent 55%),
       #f7f5f2;
     border: 1px solid rgba(10, 11, 15, 0.06);
     transition: transform 0.2s ease, border-color 0.2s ease;
   }
   .roi-boost-card:hover {
     transform: translateY(-3px);
     border-color: rgba(255, 77, 26, 0.3);
   }
   .roi-boost-num {
     margin: 0 0 14px;
     font-size: 12px;
     font-weight: 800;
     letter-spacing: 0.14em;
     color: var(--orange);
   }
   .roi-boost-card h3 {
     margin: 0 0 10px;
     font-size: 1.15rem;
     letter-spacing: -0.025em;
   }
   .roi-boost-card > p {
     margin: 0 0 16px;
     font-size: 14px;
     line-height: 1.5;
     color: #5c6478;
   }
   .roi-boost-stat {
     margin: 0 !important;
     padding-top: 14px;
     border-top: 1px solid rgba(10, 11, 15, 0.08);
     font-size: 13.5px !important;
     color: #2a3140 !important;
   }
   .roi-boost-stat strong { color: var(--orange); }
   
   .roi-proof-strip {
     padding: 64px 0;
     background: #0c0e14;
     color: #fff;
   }
   .roi-proof-inner {
     display: grid;
     gap: 28px;
     grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
     align-items: center;
   }
   .roi-proof-inner .eyebrow { color: #ff8f66; }
   .roi-proof-inner h2 {
     margin: 0;
     color: #fff;
     letter-spacing: -0.035em;
     max-width: 16ch;
   }
   .roi-proof-nums {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: 12px;
   }
   .roi-proof-nums article {
     padding: 22px 18px;
     border-radius: 18px;
     background: rgba(255, 255, 255, 0.04);
     border: 1px solid rgba(255, 255, 255, 0.08);
   }
   .roi-proof-nums strong {
     display: block;
     margin-bottom: 6px;
     font-size: clamp(1.4rem, 2.5vw, 1.85rem);
     letter-spacing: -0.03em;
     color: #ff8f66;
   }
   .roi-proof-nums span {
     font-size: 13px;
     line-height: 1.35;
     color: rgba(255, 255, 255, 0.5);
   }
   
   .roi-finale {
     margin: 12px 16px 16px;
     border-radius: var(--r-lg, 28px);
     padding: 56px 32px;
     background:
       radial-gradient(ellipse at 30% 20%, rgba(255, 77, 26, 0.35), transparent 50%),
       var(--ink);
     color: #fff;
   }
   .roi-finale-inner {
     display: grid;
     grid-template-columns: 1.2fr 0.8fr;
     gap: 28px;
     align-items: end;
   }
   .roi-finale .eyebrow { color: #ff8f66; }
   .roi-finale h2 {
     margin: 0 0 10px;
     max-width: 16ch;
     color: #fff;
     font-size: clamp(1.7rem, 3.4vw, 2.4rem);
   }
   .roi-finale p { color: rgba(255, 255, 255, 0.72); }
   .roi-finale aside { display: grid; gap: 8px; }
   .roi-finale aside a,
   .roi-finale aside .btn {
     color: #fff;
     text-decoration: none;
     padding: 12px 16px;
     border-radius: 14px;
     border: 1px solid rgba(255, 255, 255, 0.14);
     font-weight: 700;
     width: 100%;
     justify-content: center;
   }
   .roi-finale aside a:hover { background: rgba(255, 255, 255, 0.08); }
   
   @media (max-width: 980px) {
     .roi-hero-grid,
     .roi-manifesto-inner,
     .roi-finale-inner,
     .roi-calc-grid,
     .roi-proof-inner { grid-template-columns: 1fr; }
     .roi-boost-grid { grid-template-columns: 1fr 1fr; }
     .roi-results { position: static; }
   }
   @media (max-width: 900px) {
     .roi-hero { min-height: 0; padding: 40px 0 36px; }
     .roi-hero .cta-row .btn { width: 100%; }
   }
   @media (max-width: 640px) {
     .roi-kpi-row,
     .roi-proof-nums,
     .roi-boost-grid { grid-template-columns: 1fr; }
   }
   
   /* ——— Solution vertical pages (12-section format) ——— */
   .sol-page { background: #fff; color: var(--ink); overflow: clip; }
   
   .sol-hero {
     position: relative;
     min-height: min(88vh, 780px);
     display: flex;
     align-items: flex-end;
     padding: 120px 0 48px;
     color: #fff;
     isolation: isolate;
   }
   .sol-hero-bg {
     position: absolute;
     inset: 0;
     z-index: -2;
     background-size: cover;
     background-position: center;
     transform: scale(1.04);
   }
   .sol-hero::after {
     content: "";
     position: absolute;
     inset: 0;
     z-index: -1;
     background:
       linear-gradient(105deg, rgba(7, 8, 12, 0.92) 0%, rgba(7, 8, 12, 0.62) 48%, rgba(7, 8, 12, 0.28) 100%),
       linear-gradient(0deg, rgba(7, 8, 12, 0.78) 0%, transparent 52%),
       radial-gradient(ellipse 50% 45% at 80% 20%, rgba(255, 77, 26, 0.28), transparent 55%);
   }
   .sol-hero .eyebrow { color: #ff8f66; }
   .sol-hero h1 {
     margin: 0 0 14px;
     max-width: 13ch;
     font-size: clamp(2.5rem, 5.8vw, 4.2rem);
     letter-spacing: -0.045em;
     line-height: 1.02;
     color: #fff;
   }
   .sol-hero .lead {
     margin: 0 0 26px;
     max-width: 44ch;
     font-size: clamp(1.05rem, 1.8vw, 1.22rem);
     line-height: 1.5;
     color: rgba(255, 255, 255, 0.78);
   }
   .sol-hero-stats {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: 10px;
     max-width: 640px;
     margin: 28px 0 0;
   }
   .sol-hero-stats article {
     padding: 14px 12px;
     border-radius: 14px;
     background: rgba(255, 255, 255, 0.06);
     border: 1px solid rgba(255, 255, 255, 0.1);
   }
   .sol-hero-stats strong {
     display: block;
     margin-bottom: 4px;
     font-size: 1.2rem;
     letter-spacing: -0.03em;
     color: #ff8f66;
   }
   .sol-hero-stats span {
     font-size: 12px;
     line-height: 1.3;
     color: rgba(255, 255, 255, 0.55);
   }
   .sol-toc {
     display: flex;
     flex-wrap: wrap;
     gap: 8px;
     margin-top: 22px;
     max-width: 720px;
   }
   .sol-toc a {
     font-size: 12px;
     font-weight: 700;
     color: rgba(255, 255, 255, 0.7);
     border: 1px solid rgba(255, 255, 255, 0.16);
     padding: 7px 11px;
     border-radius: 999px;
     background: rgba(255, 255, 255, 0.04);
   }
   .sol-toc a:hover {
     color: #fff;
     border-color: rgba(255, 77, 26, 0.5);
     background: rgba(255, 77, 26, 0.16);
   }
   
   .sol-sec { padding: 88px 0; }
   .sol-sec.soft { background: #f4f2ef; }
   .sol-sec.ink {
     background: #07080c;
     color: #fff;
   }
   .sol-sec.ink .sub,
   .sol-sec.ink p { color: rgba(255, 255, 255, 0.65); }
   .sol-sec.ink h2 { color: #fff; }
   .sol-kicker {
     margin: 0 0 10px;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.14em;
     text-transform: uppercase;
     color: var(--orange);
   }
   .sol-sec.ink .sol-kicker { color: #ff8f66; }
   .sol-sec h2 {
     margin: 0 0 12px;
     font-size: clamp(1.85rem, 3.5vw, 2.8rem);
     letter-spacing: -0.035em;
     line-height: 1.1;
     max-width: 16ch;
   }
   .sol-sec .sub {
     margin: 0 0 28px;
     max-width: 48ch;
     font-size: 1.05rem;
     line-height: 1.55;
     color: #5c6478;
   }
   
   .sol-promise-grid {
     display: grid;
     gap: 14px;
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
   .sol-promise-grid article {
     padding: 24px 20px;
     border-radius: 20px;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.07);
     box-shadow: 0 14px 36px rgba(10, 11, 15, 0.05);
   }
   .sol-promise-grid .num {
     margin: 0 0 12px;
     font-size: 12px;
     font-weight: 800;
     letter-spacing: 0.12em;
     color: var(--orange);
   }
   .sol-promise-grid h3 {
     margin: 0 0 8px;
     font-size: 1.2rem;
     letter-spacing: -0.025em;
   }
   .sol-promise-grid p {
     margin: 0;
     font-size: 14.5px;
     line-height: 1.45;
     color: #5c6478;
   }
   
   .sol-stages {
     display: grid;
     gap: 14px;
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
   .sol-stage {
     position: relative;
     min-height: 280px;
     padding: 22px;
     border-radius: 22px;
     overflow: hidden;
     color: #fff !important;
     isolation: isolate;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
   }
   .sol-stage-bg {
     position: absolute;
     inset: 0;
     z-index: -2;
     background-size: cover;
     background-position: center;
     opacity: 0.55;
     transition: transform 0.45s ease, opacity 0.3s;
   }
   .sol-stage:hover .sol-stage-bg {
     opacity: 0.72;
     transform: scale(1.06);
   }
   .sol-stage::after {
     content: "";
     position: absolute;
     inset: 0;
     z-index: -1;
     background:
       linear-gradient(180deg, rgba(8, 9, 14, 0.15) 0%, rgba(8, 9, 14, 0.88) 72%),
       radial-gradient(ellipse 70% 50% at 0% 100%, rgba(255, 77, 26, 0.35), transparent 55%);
   }
   .sol-stage .tag {
     width: fit-content;
     margin-bottom: auto;
     padding: 4px 9px;
     border-radius: 999px;
     background: rgba(255, 77, 26, 0.9);
     font-size: 10px;
     font-weight: 800;
     letter-spacing: 0.08em;
     text-transform: uppercase;
   }
   .sol-stage h3 {
     margin: 0 0 6px;
     font-size: 1.35rem;
     letter-spacing: -0.025em;
     color: #fff;
   }
   .sol-stage p {
     margin: 0;
     font-size: 13.5px;
     line-height: 1.4;
     color: rgba(255, 255, 255, 0.72);
   }
   
   .sol-bleed {
     position: relative;
     min-height: 58vh;
     display: flex;
     align-items: flex-end;
     padding: 64px 0;
     color: #fff;
     isolation: isolate;
   }
   .sol-bleed-bg {
     position: absolute;
     inset: 0;
     z-index: -2;
     background-size: cover;
     background-position: center;
   }
   .sol-bleed::after {
     content: "";
     position: absolute;
     inset: 0;
     z-index: -1;
     background: linear-gradient(0deg, rgba(7, 8, 12, 0.88) 0%, rgba(7, 8, 12, 0.35) 55%, rgba(7, 8, 12, 0.2) 100%);
   }
   .sol-bleed .wrap { max-width: 720px; }
   .sol-bleed h2 {
     margin: 0 0 12px;
     max-width: 14ch;
     font-size: clamp(1.9rem, 3.6vw, 2.8rem);
     color: #fff;
   }
   .sol-bleed p {
     margin: 0 0 18px;
     max-width: 42ch;
     color: rgba(255, 255, 255, 0.78);
     font-size: 1.08rem;
     line-height: 1.5;
   }
   
   .sol-leak-grid {
     display: grid;
     gap: 12px;
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
   .sol-leak-grid article {
     padding: 20px 16px;
     border-radius: 16px;
     background: rgba(255, 255, 255, 0.04);
     border: 1px solid rgba(255, 255, 255, 0.08);
   }
   .sol-leak-grid strong {
     display: block;
     margin-bottom: 6px;
     font-size: 1.05rem;
     color: #fff;
   }
   .sol-leak-grid span {
     font-size: 13.5px;
     line-height: 1.4;
     color: rgba(255, 255, 255, 0.55);
   }
   
   .sol-stack {
     display: grid;
     gap: 12px;
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
   .sol-stack a {
     display: grid;
     gap: 6px;
     padding: 22px 20px;
     border-radius: 18px;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.07);
     color: inherit !important;
     transition: transform 0.18s, border-color 0.18s;
   }
   .sol-stack a:hover {
     transform: translateY(-3px);
     border-color: rgba(255, 77, 26, 0.35);
   }
   .sol-stack .go {
     margin-top: 8px;
     font-size: 13px;
     font-weight: 750;
     color: var(--orange);
   }
   .sol-stack h3 {
     margin: 0;
     font-size: 1.15rem;
     letter-spacing: -0.02em;
   }
   .sol-stack p {
     margin: 0;
     font-size: 14px;
     line-height: 1.45;
     color: #5c6478;
   }
   
   .sol-day {
     display: grid;
     gap: 0;
     border-radius: 24px;
     overflow: hidden;
     border: 1px solid rgba(10, 11, 15, 0.08);
     background: #fff;
   }
   .sol-day-row {
     display: grid;
     grid-template-columns: 110px 1fr;
     gap: 16px;
     padding: 18px 20px;
     border-top: 1px solid rgba(10, 11, 15, 0.06);
     align-items: start;
   }
   .sol-day-row:first-child { border-top: 0; }
   .sol-day-row time {
     font-size: 12px;
     font-weight: 800;
     letter-spacing: 0.08em;
     text-transform: uppercase;
     color: var(--orange);
   }
   .sol-day-row strong {
     display: block;
     margin-bottom: 4px;
     font-size: 1.02rem;
   }
   .sol-day-row span {
     font-size: 14px;
     line-height: 1.4;
     color: #5c6478;
   }
   
   .sol-proof {
     display: grid;
     gap: 14px;
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
   .sol-proof article {
     padding: 28px 22px;
     border-radius: 20px;
     background: rgba(255, 255, 255, 0.04);
     border: 1px solid rgba(255, 255, 255, 0.08);
     text-align: center;
   }
   .sol-proof strong {
     display: block;
     margin-bottom: 8px;
     font-size: clamp(1.8rem, 3vw, 2.4rem);
     letter-spacing: -0.04em;
     color: #ff8f66;
   }
   .sol-proof span {
     font-size: 14px;
     line-height: 1.4;
     color: rgba(255, 255, 255, 0.55);
   }
   
   .sol-roles {
     display: grid;
     gap: 12px;
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
   .sol-roles article {
     padding: 22px 18px;
     border-radius: 18px;
     background: #faf9f7;
     border: 1px solid rgba(10, 11, 15, 0.06);
   }
   .sol-roles h3 {
     margin: 0 0 8px;
     font-size: 1.1rem;
   }
   .sol-roles p {
     margin: 0;
     font-size: 14px;
     line-height: 1.45;
     color: #5c6478;
   }
   
   .sol-switch {
     display: grid;
     gap: 12px;
     grid-template-columns: repeat(4, minmax(0, 1fr));
     counter-reset: sw;
   }
   .sol-switch article {
     padding: 20px 16px;
     border-radius: 18px;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.07);
   }
   .sol-switch article::before {
     counter-increment: sw;
     content: "0" counter(sw);
     display: block;
     margin-bottom: 10px;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.12em;
     color: var(--orange);
   }
   .sol-switch h3 {
     margin: 0 0 6px;
     font-size: 1.05rem;
   }
   .sol-switch p {
     margin: 0;
     font-size: 13.5px;
     line-height: 1.4;
     color: #5c6478;
   }
   
   .sol-faq { display: grid; gap: 10px; max-width: 820px; }
   .sol-faq details {
     border-radius: 16px;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.08);
     overflow: hidden;
   }
   .sol-faq details[open] { border-color: rgba(255, 77, 26, 0.3); }
   .sol-faq summary {
     cursor: pointer;
     list-style: none;
     padding: 16px 18px;
     font-weight: 750;
     font-size: 1.02rem;
   }
   .sol-faq summary::-webkit-details-marker { display: none; }
   .sol-faq details p {
     margin: 0;
     padding: 0 18px 16px;
     color: #5c6478;
     font-size: 15px;
     line-height: 1.55;
     border-top: 1px solid rgba(10, 11, 15, 0.06);
     padding-top: 14px;
     margin: 0 18px 16px;
   }
   
   .sol-finale {
     position: relative;
     padding: 72px 0 96px;
     background: #05060a;
   }
   .sol-finale-card {
     position: relative;
     display: grid;
     grid-template-columns: minmax(0, 1.05fr) minmax(140px, 0.95fr);
     min-height: 300px;
     border-radius: 28px;
     overflow: hidden;
     border: 1px solid rgba(255, 255, 255, 0.1);
     isolation: isolate;
     background: #0c0e14;
     margin-bottom: 28px;
   }
   .sol-finale-copy {
     position: relative;
     z-index: 2;
     padding: 40px 36px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     background:
       radial-gradient(ellipse 80% 70% at 0% 0%, rgba(255, 77, 26, 0.28), transparent 55%),
       linear-gradient(90deg, #0c0e14 0%, rgba(12, 14, 20, 0.94) 58%, rgba(12, 14, 20, 0.18) 100%);
   }
   .sol-finale-copy h2 {
     margin: 0 0 12px;
     max-width: 14ch;
     font-size: clamp(1.8rem, 3.5vw, 2.6rem);
     letter-spacing: -0.04em;
     color: #fff;
   }
   .sol-finale-copy > p {
     margin: 0 0 22px;
     max-width: 40ch;
     color: rgba(255, 255, 255, 0.62);
     font-size: 15.5px;
     line-height: 1.5;
   }
   .sol-finale-visual {
     position: absolute;
     inset: 0 0 0 40%;
     z-index: 0;
     background-size: cover;
     background-position: center;
     opacity: 0.48;
     filter: saturate(0.85);
   }
   .sol-finale-visual::before {
     content: "";
     position: absolute;
     inset: 0;
     background: linear-gradient(90deg, #0c0e14 0%, rgba(12, 14, 20, 0.7) 28%, transparent 60%);
   }
   .sol-sisters {
     display: flex;
     flex-wrap: wrap;
     gap: 8px;
   }
   .sol-sisters a {
     padding: 10px 14px;
     border-radius: 999px;
     background: rgba(255, 255, 255, 0.06);
     border: 1px solid rgba(255, 255, 255, 0.1);
     color: rgba(255, 255, 255, 0.8) !important;
     font-size: 13px;
     font-weight: 700;
   }
   .sol-sisters a:hover {
     background: rgba(255, 77, 26, 0.18);
     border-color: rgba(255, 77, 26, 0.4);
     color: #fff !important;
   }
   .sol-sisters a.on {
     background: rgba(255, 77, 26, 0.25);
     border-color: rgba(255, 77, 26, 0.5);
     color: #fff !important;
   }
   
   @media (max-width: 980px) {
     .sol-hero-stats,
     .sol-promise-grid,
     .sol-stages,
     .sol-proof,
     .sol-roles,
     .sol-switch { grid-template-columns: 1fr 1fr; }
     .sol-leak-grid,
     .sol-stack { grid-template-columns: 1fr 1fr; }
     .sol-finale-card { grid-template-columns: 1fr; }
     .sol-finale-copy { max-width: 78%; padding: 32px 24px; }
     .sol-finale-visual { inset: 0 0 0 22%; }
   }
   @media (max-width: 640px) {
     .sol-hero-stats,
     .sol-promise-grid,
     .sol-stages,
     .sol-leak-grid,
     .sol-stack,
     .sol-proof,
     .sol-roles,
     .sol-switch { grid-template-columns: 1fr; }
     .sol-day-row { grid-template-columns: 1fr; gap: 6px; }
     .sol-hero h1 { max-width: none; }
   }
   
   /* Partner with us */
   .partner-page {
     --partner-stone: #f3f0eb;
     --partner-ink: #12141c;
     background: #fff;
     color: var(--ink);
     overflow: clip;
   }
   .partner-hero {
     position: relative;
     min-height: min(92vh, 820px);
     display: flex;
     align-items: flex-end;
     padding: 130px 0 56px;
     color: #fff;
     isolation: isolate;
   }
   .partner-hero-bg {
     position: absolute;
     inset: 0;
     z-index: -2;
     background-size: cover;
     background-position: center;
     transform: scale(1.03);
   }
   .partner-hero::after {
     content: "";
     position: absolute;
     inset: 0;
     z-index: -1;
     background:
       linear-gradient(115deg, rgba(8, 9, 14, 0.94) 0%, rgba(8, 9, 14, 0.7) 46%, rgba(8, 9, 14, 0.35) 100%),
       linear-gradient(0deg, rgba(8, 9, 14, 0.82) 0%, transparent 55%),
       radial-gradient(ellipse 55% 50% at 85% 15%, rgba(255, 77, 26, 0.32), transparent 55%),
       radial-gradient(ellipse 40% 35% at 10% 80%, rgba(200, 232, 106, 0.16), transparent 50%);
   }
   .partner-hero .eyebrow { color: #ff8f66; }
   .partner-hero h1 {
     margin: 0 0 16px;
     max-width: 14ch;
     font-size: clamp(2.6rem, 6vw, 4.4rem);
     letter-spacing: -0.048em;
     line-height: 0.98;
     color: #fff;
   }
   .partner-hero .lead {
     margin: 0 0 28px;
     max-width: 46ch;
     font-size: clamp(1.05rem, 1.9vw, 1.25rem);
     line-height: 1.5;
     color: rgba(255, 255, 255, 0.78);
   }
   .partner-hero-stats {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: 10px;
     max-width: 680px;
     margin-top: 30px;
   }
   .partner-hero-stats article {
     padding: 14px 12px;
     border-radius: 14px;
     background: rgba(255, 255, 255, 0.07);
     border: 1px solid rgba(255, 255, 255, 0.12);
     backdrop-filter: blur(8px);
   }
   .partner-hero-stats strong {
     display: block;
     margin-bottom: 4px;
     font-size: 1.15rem;
     letter-spacing: -0.03em;
     color: #c8e86a;
   }
   .partner-hero-stats span {
     font-size: 12px;
     line-height: 1.35;
     color: rgba(255, 255, 255, 0.58);
   }
   .partner-jump {
     display: flex;
     flex-wrap: wrap;
     gap: 8px;
     padding: 18px 0;
     border-bottom: 1px solid rgba(10, 11, 15, 0.06);
     position: sticky;
     top: 64px;
     z-index: 20;
     background: rgba(255, 255, 255, 0.92);
     backdrop-filter: blur(10px);
   }
   .partner-jump a {
     padding: 7px 12px;
     border-radius: 999px;
     font-size: 12px;
     font-weight: 750;
     color: #3d4454 !important;
     background: var(--partner-stone);
     transition: background 0.15s, color 0.15s, transform 0.15s;
   }
   .partner-jump a:hover {
     background: var(--partner-ink);
     color: #fff !important;
     transform: translateY(-1px);
   }
   .partner-sec {
     padding: 72px 0;
   }
   .partner-sec.soft { background: var(--partner-stone); }
   .partner-sec.dark {
     background: var(--partner-ink);
     color: #fff;
   }
   .partner-kicker {
     margin: 0 0 10px;
     font-size: 12px;
     font-weight: 800;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     color: var(--orange);
   }
   .partner-kicker.light { color: #ff8f66; }
   .partner-sec h2 {
     margin: 0 0 12px;
     max-width: 18ch;
     font-size: clamp(1.85rem, 3.6vw, 2.75rem);
     letter-spacing: -0.035em;
     line-height: 1.08;
   }
   .partner-sec.dark h2 { color: #fff; }
   .partner-sec .sub {
     margin: 0 0 28px;
     max-width: 48ch;
     font-size: 1.05rem;
     line-height: 1.55;
     color: #5c6478;
   }
   .partner-sec .sub.light,
   .partner-sec.dark .sub { color: rgba(255, 255, 255, 0.68); }
   .partner-who-grid {
     display: grid;
     grid-template-columns: repeat(4, minmax(0, 1fr));
     gap: 12px;
   }
   .partner-who-card {
     position: relative;
     min-height: 280px;
     padding: 22px 18px;
     border-radius: 22px;
     overflow: hidden;
     color: #fff;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     isolation: isolate;
   }
   .partner-who-bg {
     position: absolute;
     inset: 0;
     z-index: -2;
     background-size: cover;
     background-position: center;
     transition: transform 0.45s ease;
   }
   .partner-who-card::after {
     content: "";
     position: absolute;
     inset: 0;
     z-index: -1;
     background: linear-gradient(180deg, transparent 20%, rgba(8, 9, 14, 0.88) 100%);
   }
   .partner-who-card:hover .partner-who-bg { transform: scale(1.06); }
   .partner-who-card strong {
     font-size: 1.25rem;
     letter-spacing: -0.02em;
     margin-bottom: 6px;
   }
   .partner-who-card p {
     margin: 0;
     font-size: 13.5px;
     line-height: 1.45;
     color: rgba(255, 255, 255, 0.72);
   }
   .partner-split {
     display: grid;
     grid-template-columns: 1.05fr 0.95fr;
     gap: 36px 48px;
     align-items: center;
   }
   .partner-split.reverse { grid-template-columns: 0.95fr 1.05fr; }
   .partner-check {
     margin: 0 0 22px;
     padding: 0;
     list-style: none;
     display: grid;
     gap: 10px;
   }
   .partner-check li {
     position: relative;
     padding-left: 28px;
     font-size: 15px;
     line-height: 1.45;
     color: #2a3140;
   }
   .partner-check li::before {
     content: "";
     position: absolute;
     left: 0;
     top: 0.35em;
     width: 14px;
     height: 14px;
     border-radius: 50%;
     background: radial-gradient(circle at 35% 35%, #ff8f66, var(--orange));
     box-shadow: 0 0 0 3px rgba(255, 77, 26, 0.15);
   }
   .partner-check.light li { color: rgba(255, 255, 255, 0.82); }
   .partner-check.muted li { color: #8b92a5; }
   .partner-check.muted li::before {
     background: #c5c9d2;
     box-shadow: none;
   }
   .partner-promise-panel {
     padding: 32px 28px;
     border-radius: 24px;
     background:
       radial-gradient(ellipse 80% 70% at 100% 0%, rgba(255, 77, 26, 0.2), transparent 50%),
       var(--partner-ink);
     color: #fff;
     transform: rotate(0.6deg);
   }
   .partner-promise-quote {
     margin: 0 0 22px;
     font-size: clamp(1.25rem, 2.2vw, 1.55rem);
     letter-spacing: -0.025em;
     line-height: 1.35;
     font-weight: 650;
   }
   .partner-promise-meta {
     display: flex;
     gap: 12px;
     align-items: baseline;
   }
   .partner-promise-meta span { font-weight: 800; color: #c8e86a; }
   .partner-promise-meta em {
     font-style: normal;
     font-size: 13px;
     color: rgba(255, 255, 255, 0.5);
   }
   .partner-lane-grid {
     display: grid;
     grid-template-columns: repeat(4, minmax(0, 1fr));
     gap: 12px;
   }
   .partner-lane {
     display: grid;
     gap: 8px;
     padding: 22px 18px;
     border-radius: 20px;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.08);
     color: inherit !important;
     transition: transform 0.2s ease, border-color 0.15s, box-shadow 0.2s;
   }
   .partner-lane:hover {
     transform: translateY(-4px);
     border-color: rgba(255, 77, 26, 0.35);
     box-shadow: 0 18px 40px rgba(10, 11, 15, 0.08);
   }
   .partner-lane span {
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.12em;
     color: var(--orange);
   }
   .partner-lane strong {
     font-size: 1.2rem;
     letter-spacing: -0.025em;
   }
   .partner-lane em {
     font-style: normal;
     font-size: 14px;
     line-height: 1.4;
     color: #5c6478;
   }
   .partner-bleed-visual {
     min-height: 360px;
     border-radius: 24px;
     background-size: cover;
     background-position: center;
     box-shadow: 0 28px 60px rgba(0, 0, 0, 0.35);
   }
   .partner-tech-grid {
     display: grid;
     grid-template-columns: repeat(4, minmax(0, 1fr));
     gap: 12px;
   }
   .partner-tech-grid article {
     padding: 22px 18px;
     border-radius: 18px;
     background: var(--partner-stone);
     border: 1px solid rgba(10, 11, 15, 0.05);
   }
   .partner-tech-grid h3 {
     margin: 0 0 8px;
     font-size: 1.08rem;
     letter-spacing: -0.02em;
   }
   .partner-tech-grid p {
     margin: 0;
     font-size: 14px;
     line-height: 1.45;
     color: #5c6478;
   }
   .partner-pill-row {
     display: flex;
     flex-wrap: wrap;
     gap: 8px;
     margin-top: 8px;
   }
   .partner-pill-row span {
     padding: 8px 12px;
     border-radius: 999px;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.08);
     font-size: 13px;
     font-weight: 700;
   }
   .partner-impl-stack {
     display: grid;
     gap: 10px;
   }
   .partner-impl-stack article {
     display: grid;
     grid-template-columns: 88px 1fr;
     gap: 12px;
     align-items: center;
     padding: 16px 16px;
     border-radius: 16px;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.07);
     transition: transform 0.18s ease;
   }
   .partner-impl-stack article:hover { transform: translateX(4px); }
   .partner-impl-stack strong {
     font-size: 13px;
     letter-spacing: -0.01em;
     color: var(--orange);
   }
   .partner-impl-stack p {
     margin: 0;
     font-size: 14.5px;
     color: #2a3140;
   }
   .partner-agency-grid {
     display: grid;
     grid-template-columns: 1.3fr 1fr 1fr;
     grid-template-rows: 220px 220px;
     gap: 12px;
   }
   .partner-agency-card {
     position: relative;
     border-radius: 22px;
     overflow: hidden;
     background-size: cover;
     background-position: center;
     padding: 22px 18px;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     color: #fff;
     isolation: isolate;
   }
   .partner-agency-card.tall { grid-row: 1 / span 2; }
   .partner-agency-card::after {
     content: "";
     position: absolute;
     inset: 0;
     z-index: -1;
     background: linear-gradient(180deg, transparent 25%, rgba(8, 9, 14, 0.88) 100%);
   }
   .partner-agency-card span {
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: #c8e86a;
     margin-bottom: 6px;
   }
   .partner-agency-card strong {
     font-size: clamp(1.15rem, 2vw, 1.45rem);
     letter-spacing: -0.03em;
     line-height: 1.2;
     max-width: 14ch;
   }
   .partner-benefit-grid {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: 12px;
   }
   .partner-benefit-grid article {
     padding: 22px 18px;
     border-radius: 18px;
     background: rgba(255, 255, 255, 0.05);
     border: 1px solid rgba(255, 255, 255, 0.1);
   }
   .partner-benefit-grid span {
     display: block;
     margin-bottom: 10px;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.12em;
     color: #ff8f66;
   }
   .partner-benefit-grid h3 {
     margin: 0 0 8px;
     font-size: 1.15rem;
     color: #fff;
   }
   .partner-benefit-grid p {
     margin: 0;
     font-size: 14px;
     line-height: 1.45;
     color: rgba(255, 255, 255, 0.62);
   }
   .partner-steps {
     margin: 0;
     padding: 0;
     list-style: none;
     display: grid;
     grid-template-columns: repeat(5, minmax(0, 1fr));
     gap: 10px;
     counter-reset: ps;
   }
   .partner-steps li {
     position: relative;
     padding: 22px 16px 18px;
     border-radius: 18px;
     background: var(--partner-stone);
     border: 1px solid rgba(10, 11, 15, 0.06);
   }
   .partner-steps li::before {
     counter-increment: ps;
     content: "0" counter(ps);
     display: block;
     margin-bottom: 12px;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.12em;
     color: var(--orange);
   }
   .partner-steps strong {
     display: block;
     margin-bottom: 6px;
     font-size: 1.05rem;
     letter-spacing: -0.02em;
   }
   .partner-steps p {
     margin: 0;
     font-size: 13.5px;
     line-height: 1.4;
     color: #5c6478;
   }
   .partner-proof-grid {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: 12px;
   }
   .partner-proof-grid blockquote {
     margin: 0;
     padding: 24px 20px;
     border-radius: 20px;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.07);
     box-shadow: 0 12px 30px rgba(10, 11, 15, 0.04);
   }
   .partner-proof-grid p {
     margin: 0 0 16px;
     font-size: 1.05rem;
     letter-spacing: -0.015em;
     line-height: 1.45;
     color: var(--partner-ink);
     font-weight: 650;
   }
   .partner-proof-grid cite {
     font-style: normal;
     font-size: 12.5px;
     color: #8b92a5;
   }
   .partner-floor-grid {
     display: grid;
     grid-template-columns: repeat(4, minmax(0, 1fr));
     gap: 10px;
   }
   .partner-floor-grid a {
     display: grid;
     gap: 4px;
     padding: 18px 16px;
     border-radius: 16px;
     background: var(--partner-stone);
     color: inherit !important;
     border: 1px solid transparent;
     transition: transform 0.15s, border-color 0.15s, background 0.15s;
   }
   .partner-floor-grid a:hover {
     transform: translateY(-2px);
     background: #fff;
     border-color: rgba(255, 77, 26, 0.3);
   }
   .partner-floor-grid strong {
     font-size: 1.02rem;
     letter-spacing: -0.02em;
   }
   .partner-floor-grid span {
     font-size: 13px;
     color: #8b92a5;
   }
   .partner-toolkit {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: 12px;
   }
   .partner-toolkit a {
     display: grid;
     gap: 6px;
     padding: 20px 18px;
     border-radius: 18px;
     background: rgba(255, 255, 255, 0.05);
     border: 1px solid rgba(255, 255, 255, 0.1);
     color: #fff !important;
     transition: transform 0.18s ease, background 0.15s;
   }
   .partner-toolkit a:hover {
     transform: translateY(-3px);
     background: rgba(255, 255, 255, 0.09);
   }
   .partner-toolkit span {
     font-size: 10.5px;
     font-weight: 800;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: #c8e86a;
   }
   .partner-toolkit strong {
     font-size: 1.12rem;
     letter-spacing: -0.02em;
   }
   .partner-toolkit em {
     font-style: normal;
     font-size: 13.5px;
     color: rgba(255, 255, 255, 0.58);
   }
   .partner-econ {
     display: grid;
     grid-template-columns: 1.1fr 0.9fr;
     gap: 18px;
     align-items: stretch;
   }
   .partner-econ-controls {
     display: grid;
     gap: 18px;
     padding: 24px 22px;
     border-radius: 22px;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.07);
   }
   .partner-econ-controls label {
     display: grid;
     gap: 8px;
     font-size: 13px;
     font-weight: 750;
     color: #2a3140;
   }
   .partner-econ-controls input[type="range"] {
     width: 100%;
     accent-color: var(--orange);
   }
   .partner-econ-controls output {
     font-size: 1.05rem;
     font-weight: 800;
     color: var(--orange);
     letter-spacing: -0.02em;
   }
   .partner-econ-result {
     padding: 28px 24px;
     border-radius: 22px;
     background:
       radial-gradient(ellipse 90% 80% at 0% 0%, rgba(255, 77, 26, 0.22), transparent 50%),
       var(--partner-ink);
     color: #fff;
     display: grid;
     align-content: center;
     gap: 8px;
   }
   .partner-econ-label {
     margin: 0;
     font-size: 12px;
     font-weight: 800;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: rgba(255, 255, 255, 0.55);
   }
   .partner-econ-num {
     margin: 0;
     font-size: clamp(2.2rem, 4vw, 3rem);
     letter-spacing: -0.04em;
     font-weight: 800;
     color: #c8e86a;
   }
   .partner-econ-note {
     margin: 0 0 14px;
     font-size: 13.5px;
     line-height: 1.45;
     color: rgba(255, 255, 255, 0.62);
   }
   .partner-faq {
     display: grid;
     gap: 10px;
     max-width: 820px;
   }
   .partner-faq details {
     border-radius: 16px;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.08);
     overflow: hidden;
   }
   .partner-faq details[open] { border-color: rgba(255, 77, 26, 0.3); }
   .partner-faq summary {
     cursor: pointer;
     list-style: none;
     padding: 16px 18px;
     font-weight: 750;
     font-size: 1.02rem;
   }
   .partner-faq summary::-webkit-details-marker { display: none; }
   .partner-faq details p {
     margin: 0 18px 16px;
     padding-top: 14px;
     border-top: 1px solid rgba(10, 11, 15, 0.06);
     color: #5c6478;
     font-size: 15px;
     line-height: 1.55;
   }
   .partner-finale {
     padding: 40px 0 96px;
     background: var(--partner-stone);
   }
   .partner-finale-card {
     position: relative;
     display: grid;
     grid-template-columns: 1.15fr 0.85fr;
     min-height: 520px;
     border-radius: 28px;
     overflow: hidden;
     background: var(--partner-ink);
     color: #fff;
     box-shadow: 0 30px 70px rgba(10, 11, 15, 0.2);
   }
   .partner-finale-copy {
     position: relative;
     z-index: 1;
     padding: 40px 36px 36px;
     max-width: 620px;
   }
   .partner-finale-kicker {
     margin: 0 0 10px;
     font-size: 12px;
     font-weight: 800;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     color: #ff8f66;
   }
   .partner-finale-copy h2 {
     margin: 0 0 12px;
     max-width: 16ch;
     font-size: clamp(1.9rem, 3.2vw, 2.6rem);
     letter-spacing: -0.035em;
     color: #fff;
   }
   .partner-finale-copy > p {
     margin: 0 0 22px;
     color: rgba(255, 255, 255, 0.68);
     line-height: 1.5;
     max-width: 42ch;
   }
   .partner-finale-visual {
     position: absolute;
     inset: 0 0 0 48%;
     background-size: cover;
     background-position: center;
   }
   .partner-finale-visual::before {
     content: "";
     position: absolute;
     inset: 0;
     background: linear-gradient(90deg, #12141c 0%, rgba(18, 20, 28, 0.55) 45%, transparent 75%);
   }
   .partner-form-grid {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 12px;
     margin-bottom: 16px;
   }
   .partner-form-grid label {
     display: grid;
     gap: 6px;
     font-size: 12px;
     font-weight: 750;
     color: rgba(255, 255, 255, 0.7);
   }
   .partner-form-grid label.full { grid-column: 1 / -1; }
   .partner-form-grid input,
   .partner-form-grid select,
   .partner-form-grid textarea {
     width: 100%;
     padding: 12px 14px;
     border-radius: 12px;
     border: 1px solid rgba(255, 255, 255, 0.14);
     background: rgba(255, 255, 255, 0.06);
     color: #fff;
     font: inherit;
   }
   .partner-form-grid input::placeholder,
   .partner-form-grid textarea::placeholder {
     color: rgba(255, 255, 255, 0.35);
   }
   .partner-form-grid select option { color: #12141c; }
   @media (max-width: 1100px) {
     .partner-who-grid,
     .partner-lane-grid,
     .partner-tech-grid,
     .partner-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
     .partner-agency-grid {
       grid-template-columns: 1fr 1fr;
       grid-template-rows: 220px 220px 220px;
     }
     .partner-agency-card.tall { grid-row: auto; grid-column: 1 / -1; min-height: 240px; }
     .partner-benefit-grid,
     .partner-proof-grid,
     .partner-toolkit { grid-template-columns: 1fr 1fr; }
     .partner-floor-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
   }
   @media (max-width: 900px) {
     .partner-hero { min-height: auto; padding: 110px 0 40px; }
     .partner-hero h1 { max-width: none; }
     .partner-hero-stats,
     .partner-split,
     .partner-split.reverse,
     .partner-econ,
     .partner-finale-card { grid-template-columns: 1fr; }
     .partner-jump { top: 56px; }
     .partner-finale-copy { max-width: none; padding: 28px 22px; }
     .partner-finale-visual {
       position: relative;
       inset: auto;
       min-height: 220px;
     }
     .partner-finale-visual::before {
       background: linear-gradient(0deg, #12141c 0%, transparent 70%);
     }
     .partner-bleed-visual { min-height: 240px; }
   }
   @media (max-width: 640px) {
     .partner-who-grid,
     .partner-lane-grid,
     .partner-tech-grid,
     .partner-steps,
     .partner-benefit-grid,
     .partner-proof-grid,
     .partner-toolkit,
     .partner-floor-grid,
     .partner-agency-grid,
     .partner-form-grid { grid-template-columns: 1fr; }
     .partner-hero-stats { grid-template-columns: 1fr; }
     .partner-impl-stack article { grid-template-columns: 1fr; gap: 4px; }
   }
   @media (prefers-reduced-motion: reduce) {
     .partner-who-card:hover .partner-who-bg,
     .partner-lane:hover,
     .partner-impl-stack article:hover,
     .partner-toolkit a:hover,
     .partner-floor-grid a:hover,
     .partner-jump a:hover { transform: none; }
   }
   
   /* Customer stories hub */
   .cs-page { background: #fff; color: var(--ink); overflow: clip; }
   .cs-hero {
     position: relative;
     min-height: min(78vh, 680px);
     display: flex;
     align-items: flex-end;
     padding: 120px 0 48px;
     color: #fff;
     isolation: isolate;
   }
   .cs-hero-bg {
     position: absolute;
     inset: 0;
     z-index: -2;
     background-size: cover;
     background-position: center;
   }
   .cs-hero::after {
     content: "";
     position: absolute;
     inset: 0;
     z-index: -1;
     background:
       linear-gradient(115deg, rgba(8, 9, 14, 0.94) 0%, rgba(8, 9, 14, 0.68) 50%, rgba(8, 9, 14, 0.35) 100%),
       linear-gradient(0deg, rgba(8, 9, 14, 0.8) 0%, transparent 55%),
       radial-gradient(ellipse 50% 45% at 88% 18%, rgba(255, 77, 26, 0.3), transparent 55%);
   }
   .cs-hero .eyebrow { color: #ff8f66; }
   .cs-hero h1 {
     margin: 0 0 14px;
     max-width: 16ch;
     font-size: clamp(2.4rem, 5.4vw, 4rem);
     letter-spacing: -0.045em;
     line-height: 1;
     color: #fff;
   }
   .cs-hero .lead {
     margin: 0 0 24px;
     max-width: 48ch;
     font-size: 1.1rem;
     line-height: 1.5;
     color: rgba(255, 255, 255, 0.78);
   }
   .cs-hero .lead strong { color: #c8e86a; font-weight: 750; }
   .cs-hero-stats {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: 10px;
     max-width: 560px;
     margin-top: 28px;
   }
   .cs-hero-stats article {
     padding: 14px 12px;
     border-radius: 14px;
     background: rgba(255, 255, 255, 0.07);
     border: 1px solid rgba(255, 255, 255, 0.12);
   }
   .cs-hero-stats strong {
     display: block;
     font-size: 1.35rem;
     letter-spacing: -0.03em;
     color: #c8e86a;
   }
   .cs-hero-stats span {
     font-size: 12px;
     color: rgba(255, 255, 255, 0.55);
   }
   .cs-featured {
     display: grid;
     grid-template-columns: 1.4fr 0.6fr;
     gap: 14px;
     margin-top: -36px;
     position: relative;
     z-index: 2;
     padding-bottom: 8px;
   }
   .cs-sai-banner {
     display: grid;
     grid-template-columns: 0.85fr 1.15fr;
     min-height: 280px;
     border-radius: 24px;
     overflow: hidden;
     background: #12141c;
     color: #fff !important;
     border: 2px solid rgba(255, 77, 26, 0.45);
     box-shadow: 0 24px 50px rgba(10, 11, 15, 0.2);
     transition: transform 0.2s ease;
   }
   .cs-sai-banner:hover { transform: translateY(-3px); }
   .cs-sai-visual {
     background-size: cover;
     background-position: center;
     min-height: 220px;
   }
   .cs-sai-copy {
     display: grid;
     align-content: center;
     gap: 8px;
     padding: 28px 26px;
   }
   .cs-sai-copy strong {
     font-size: clamp(1.6rem, 2.8vw, 2.1rem);
     letter-spacing: -0.035em;
   }
   .cs-sai-copy em {
     font-style: normal;
     font-size: 1.05rem;
     letter-spacing: -0.02em;
     color: rgba(255, 255, 255, 0.88);
     font-weight: 650;
   }
   .cs-sai-copy p {
     margin: 0;
     color: rgba(255, 255, 255, 0.62);
     line-height: 1.45;
     max-width: 40ch;
   }
   .cs-sai-side {
     display: grid;
     gap: 10px;
   }
   .cs-sai-side a {
     display: grid;
     gap: 2px;
     padding: 16px 16px;
     border-radius: 16px;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.08);
     color: inherit !important;
     box-shadow: 0 10px 28px rgba(10, 11, 15, 0.06);
     transition: transform 0.15s, border-color 0.15s;
   }
   .cs-sai-side a:hover {
     transform: translateX(3px);
     border-color: rgba(255, 77, 26, 0.35);
   }
   .cs-sai-side span {
     font-size: 10.5px;
     font-weight: 800;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: var(--orange);
   }
   .cs-sai-side strong {
     font-size: 14.5px;
     letter-spacing: -0.02em;
   }
   .cs-tag {
     display: inline-block;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: #ff8f66;
   }
   .cs-go {
     font-weight: 750;
     color: #ff8f66;
     margin-top: 4px;
   }
   .cs-tabs {
     display: flex;
     flex-wrap: wrap;
     gap: 8px;
     padding: 28px 0 8px;
     position: sticky;
     top: 64px;
     z-index: 15;
     background: rgba(255, 255, 255, 0.94);
     backdrop-filter: blur(10px);
   }
   .cs-tabs button {
     border: 0;
     cursor: pointer;
     padding: 10px 14px;
     border-radius: 999px;
     background: #f3f0eb;
     font: inherit;
     font-size: 13.5px;
     font-weight: 750;
     color: #2a3140;
   }
   .cs-tabs button em {
     font-style: normal;
     margin-left: 6px;
     color: #8b92a5;
   }
   .cs-tabs button.on,
   .cs-tabs button:hover {
     background: #12141c;
     color: #fff;
   }
   .cs-tabs button.on em,
   .cs-tabs button:hover em { color: #c8e86a; }
   .cs-kicker {
     margin: 0 0 14px;
     font-size: 12px;
     font-weight: 800;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     color: var(--orange);
   }
   .cs-spotlight { padding: 28px 0 8px; }
   .cs-spotlight-grid {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: 12px;
   }
   .cs-spot {
     position: relative;
     min-height: 220px;
     border-radius: 20px;
     overflow: hidden;
     padding: 20px 18px;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     color: #fff !important;
     isolation: isolate;
   }
   .cs-spot-bg {
     position: absolute;
     inset: 0;
     z-index: -2;
     background-size: cover;
     background-position: center;
     transition: transform 0.4s ease;
   }
   .cs-spot::after {
     content: "";
     position: absolute;
     inset: 0;
     z-index: -1;
     background: linear-gradient(180deg, transparent 20%, rgba(8, 9, 14, 0.9) 100%);
   }
   .cs-spot:hover .cs-spot-bg { transform: scale(1.05); }
   .cs-spot strong {
     font-size: 1.2rem;
     letter-spacing: -0.02em;
     margin-bottom: 4px;
   }
   .cs-spot em {
     font-style: normal;
     font-size: 13.5px;
     line-height: 1.35;
     color: rgba(255, 255, 255, 0.72);
   }
   .cs-grid-sec { padding: 28px 0 72px; }
   .cs-grid {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: 14px;
   }
   .cs-card {
     position: relative;
     display: grid;
     grid-template-rows: 150px auto;
     border-radius: 20px;
     overflow: hidden;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.07);
     color: inherit !important;
     transition: transform 0.18s ease, border-color 0.15s, box-shadow 0.18s;
   }
   .cs-card:hover {
     transform: translateY(-4px);
     border-color: rgba(255, 77, 26, 0.3);
     box-shadow: 0 18px 40px rgba(10, 11, 15, 0.08);
   }
   .cs-card.sai {
     border-color: rgba(255, 77, 26, 0.45);
     box-shadow: 0 12px 30px rgba(255, 77, 26, 0.12);
   }
   .cs-card-bg {
     background-size: cover;
     background-position: center;
   }
   .cs-card-body {
     display: grid;
     gap: 6px;
     padding: 16px 16px 18px;
   }
   .cs-card-body .cs-tag { color: var(--orange); }
   .cs-card-body strong {
     font-size: 1.02rem;
     letter-spacing: -0.02em;
     line-height: 1.3;
     color: #12141c;
   }
   .cs-card-body em {
     font-style: normal;
     font-size: 12.5px;
     color: #8b92a5;
     line-height: 1.35;
   }
   .cs-card-body .cs-go {
     font-size: 13px;
     color: var(--orange);
   }
   .cs-finale {
     padding: 72px 0 96px;
     background:
       radial-gradient(ellipse 60% 50% at 100% 0%, rgba(255, 77, 26, 0.18), transparent 55%),
       #12141c;
     color: #fff;
   }
   .cs-finale-inner h2 {
     margin: 0 0 12px;
     max-width: 14ch;
     font-size: clamp(1.9rem, 3.4vw, 2.8rem);
     letter-spacing: -0.035em;
     color: #fff;
   }
   .cs-finale-inner p {
     margin: 0 0 22px;
     max-width: 42ch;
     color: rgba(255, 255, 255, 0.68);
     line-height: 1.5;
   }
   .story-sai-link {
     margin: 1.6em 0;
     padding: 20px 18px;
     border-radius: 18px;
     background: #f7f5f2;
     border: 1px solid rgba(255, 77, 26, 0.2);
   }
   .story-sai-link p {
     margin: 0 0 12px !important;
     font-weight: 650;
     color: #12141c !important;
   }
   @media (max-width: 960px) {
     .cs-featured,
     .cs-sai-banner { grid-template-columns: 1fr; }
     .cs-spotlight-grid,
     .cs-grid { grid-template-columns: 1fr 1fr; }
     .cs-hero h1 { max-width: none; }
     .cs-tabs { top: 56px; }
   }
   @media (max-width: 640px) {
     .cs-hero-stats,
     .cs-spotlight-grid,
     .cs-grid { grid-template-columns: 1fr; }
   }
   @media (prefers-reduced-motion: reduce) {
     .cs-card:hover,
     .cs-sai-banner:hover,
     .cs-sai-side a:hover,
     .cs-spot:hover .cs-spot-bg { transform: none; }
   }
   
   /* ── Newsroom / media room ── */
   body:has(.nr-finale) .footer-finale { display: none; }
   .nr-page {
     background: #fff;
     color: var(--ink);
     overflow: clip;
   }
   .nr-hero {
     position: relative;
     min-height: min(88vh, 760px);
     display: flex;
     align-items: flex-end;
     padding: 120px 0 48px;
     color: #fff;
     isolation: isolate;
   }
   .nr-hero-bg {
     position: absolute;
     inset: 0;
     z-index: -2;
     background-size: cover;
     background-position: center;
     transform: scale(1.04);
     animation: nrken 18s ease-in-out infinite alternate;
   }
   @keyframes nrken {
     from { transform: scale(1.04) translate3d(0, 0, 0); }
     to { transform: scale(1.1) translate3d(-1.5%, -1%, 0); }
   }
   .nr-hero::after {
     content: "";
     position: absolute;
     inset: 0;
     z-index: -1;
     background:
       linear-gradient(112deg, rgba(8, 9, 14, 0.94) 0%, rgba(8, 9, 14, 0.72) 48%, rgba(8, 9, 14, 0.38) 100%),
       linear-gradient(0deg, rgba(8, 9, 14, 0.88) 0%, transparent 52%),
       radial-gradient(ellipse 50% 45% at 90% 12%, rgba(255, 77, 26, 0.34), transparent 55%),
       radial-gradient(ellipse 40% 35% at 8% 78%, rgba(200, 232, 106, 0.14), transparent 50%);
   }
   .nr-crumb a { color: rgba(255, 255, 255, 0.72) !important; }
   .nr-crumb .sep { color: rgba(255, 255, 255, 0.35); }
   .nr-hero .eyebrow { color: #ff8f66; margin-bottom: 10px; }
   .nr-hero-grid {
     position: relative;
     z-index: 1;
     display: grid;
     grid-template-columns: minmax(0, 1.1fr) minmax(240px, 0.7fr);
     gap: 32px;
     align-items: end;
   }
   .nr-hero-kicker {
     margin: 0 0 12px;
     font-size: 12px;
     font-weight: 800;
     letter-spacing: 0.14em;
     text-transform: uppercase;
     color: rgba(255, 255, 255, 0.72);
   }
   .nr-hero h1 {
     margin: 0 0 16px;
     font-size: clamp(2.4rem, 5.4vw, 4rem);
     font-weight: var(--fw-display);
     letter-spacing: -0.045em;
     line-height: 1.02;
     color: #fff;
   }
   .nr-hero .lead {
     margin: 0 0 24px;
     max-width: 44ch;
     color: rgba(255, 255, 255, 0.72);
     font-size: 1.08rem;
     line-height: 1.55;
   }
   .nr-hero .btn-outline-light {
     border-color: rgba(255, 255, 255, 0.28);
     color: #fff !important;
   }
   .nr-hero-panel {
     padding: 22px 20px;
     border-radius: 24px;
     background: rgba(12, 13, 18, 0.7);
     border: 1px solid rgba(255, 255, 255, 0.12);
     backdrop-filter: blur(16px);
   }
   .nr-hero-panel > p {
     margin: 0 0 14px;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     color: #ff8f66;
   }
   .nr-hero-panel ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
   .nr-hero-panel li { display: grid; grid-template-columns: auto 1fr; gap: 2px 12px; }
   .nr-hero-panel em {
     grid-row: span 2;
     font-style: normal;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.08em;
     color: #c8e86a;
     padding-top: 3px;
   }
   .nr-hero-panel strong { font-size: 0.98rem; overflow-wrap: anywhere; }
   .nr-hero-panel span { font-size: 0.88rem; color: rgba(255, 255, 255, 0.55); }
   .nr-manifesto {
     background: var(--ink);
     color: #fff;
     padding: 28px 0 32px;
     border-top: 1px solid rgba(255, 255, 255, 0.06);
   }
   .nr-manifesto-inner {
     display: grid;
     grid-template-columns: repeat(4, minmax(0, 1fr));
     gap: 14px;
   }
   .nr-manifesto article {
     padding: 16px 14px;
     border-radius: 16px;
     border: 1px solid rgba(255, 255, 255, 0.08);
     background: rgba(255, 255, 255, 0.04);
   }
   .nr-manifesto em {
     display: block;
     margin-bottom: 8px;
     font-style: normal;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.12em;
     color: #c8e86a;
   }
   .nr-manifesto strong { display: block; margin-bottom: 4px; }
   .nr-manifesto span { font-size: 0.88rem; color: rgba(255, 255, 255, 0.58); }
   .nr-jump,
  .ir-jump-row {
     display: flex;
     flex-wrap: wrap;
     gap: 8px;
     padding: 14px 16px;
     position: sticky;
     top: 64px;
     z-index: 30;
     background: rgba(255, 255, 255, 0.92);
     backdrop-filter: blur(12px);
     border-bottom: 1px solid rgba(10, 11, 15, 0.08);
   }
   .nr-jump a {
     padding: 8px 12px;
     border-radius: 999px;
     font-size: 13px;
     font-weight: 700;
     color: #2a3140 !important;
     background: #f3f0eb;
   }
   .nr-jump a:hover { background: #12141c; color: #fff !important; }
   .nr-sec { padding: 72px 0; }
   .nr-sec.soft { background: #f6f4f0; }
   .nr-sec-ink {
     background:
       radial-gradient(ellipse 60% 50% at 100% 0%, rgba(255, 77, 26, 0.22), transparent 55%),
       radial-gradient(ellipse 45% 40% at 0% 100%, rgba(200, 232, 106, 0.12), transparent 50%),
       #12141c;
     color: #fff;
   }
   .nr-kicker {
     margin: 0 0 10px;
     font-size: 12px;
     font-weight: 800;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     color: var(--orange);
   }
   .nr-kicker.light { color: #ff8f66; }
   .nr-sec h2 {
     margin: 0 0 12px;
     max-width: 18ch;
     font-size: clamp(1.8rem, 3.5vw, 2.6rem);
     letter-spacing: -0.04em;
     line-height: 1.05;
   }
   .nr-sec-ink h2 { color: #fff; }
   .nr-sub {
     margin: 0 0 28px;
     max-width: 48ch;
     font-size: 1.05rem;
     line-height: 1.55;
     color: #5a6272;
   }
   .nr-sub.light { color: rgba(255, 255, 255, 0.7); }
   .nr-sec-head {
     display: flex;
     flex-wrap: wrap;
     align-items: flex-end;
     justify-content: space-between;
     gap: 18px;
     margin-bottom: 8px;
   }
   .nr-filters {
     display: flex;
     flex-wrap: wrap;
     gap: 8px;
   }
   .nr-filters button {
     appearance: none;
     border: 1px solid rgba(10, 11, 15, 0.12);
     background: #fff;
     color: #2a3140;
     padding: 9px 14px;
     border-radius: 999px;
     font: inherit;
     font-size: 13px;
     font-weight: 750;
     cursor: pointer;
   }
   .nr-filters button.on,
   .nr-filters button:hover {
     background: #12141c;
     color: #fff;
     border-color: #12141c;
   }
   .nr-facts,
   .nr-brief,
   .nr-now,
   .nr-brand-grid {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: 12px;
     margin-top: 8px;
   }
   .nr-facts article,
   .nr-brief article,
   .nr-brand-grid article,
   .nr-now a {
     padding: 18px 16px;
     border-radius: 18px;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.08);
     display: grid;
     gap: 6px;
     color: inherit;
     text-decoration: none;
   }
   .nr-now a:hover { border-color: var(--orange); box-shadow: 0 10px 28px rgba(10, 11, 15, 0.08); }
   .nr-facts em,
   .nr-brief em,
   .nr-now em,
   .nr-brand-grid em {
     font-style: normal;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: var(--orange);
   }
   .nr-facts strong,
   .nr-brief strong,
   .nr-now strong,
   .nr-brand-grid strong {
     font-size: 1.02rem;
     letter-spacing: -0.03em;
   }
   .nr-facts span,
   .nr-brief span,
   .nr-now span,
   .nr-brand-grid span {
     font-size: 0.92rem;
     line-height: 1.45;
     color: #5a6272;
   }
   .nr-swatch-orange { background: #ff4e1b !important; color: #fff; }
   .nr-swatch-orange em,
   .nr-swatch-orange span { color: rgba(255, 255, 255, 0.78); }
   .nr-swatch-ink { background: #111 !important; color: #fff; }
   .nr-swatch-ink em,
   .nr-swatch-ink span { color: rgba(255, 255, 255, 0.62); }
   .nr-swatch-peach { background: #ff8f66 !important; color: #111; }
   .nr-swatch-peach em,
   .nr-swatch-peach span { color: rgba(17, 17, 17, 0.7); }
   .nr-release-tools {
     display: grid;
     gap: 10px;
     min-width: min(100%, 320px);
   }
   .nr-release-tools input[type="search"] {
     width: 100%;
     border: 1px solid rgba(10, 11, 15, 0.12);
     background: #fff;
     border-radius: 999px;
     padding: 11px 16px;
     font: inherit;
     font-size: 14px;
   }
   .nr-release-tools input[type="search"]:focus {
     outline: 2px solid rgba(255, 78, 27, 0.35);
     border-color: var(--orange);
   }
   .nr-empty {
     margin: 18px 0 0;
     padding: 18px 16px;
     border-radius: 16px;
     background: #fff;
     border: 1px dashed rgba(10, 11, 15, 0.16);
     color: #5a6272;
   }
   .nr-kit button {
     appearance: none;
     border: 0;
     background: none;
     padding: 0;
     font: inherit;
     font-size: 13px;
     font-weight: 750;
     color: var(--orange) !important;
     cursor: pointer;
     text-align: left;
   }
   
   .nr-lead {
     display: grid;
     grid-template-columns: 1.15fr 1fr;
     gap: 22px;
     align-items: stretch;
     margin-top: 18px;
   }
   .nr-lead-visual {
     min-height: 420px;
     border-radius: 22px;
     background-size: cover;
     background-position: center;
     display: block;
     position: relative;
     overflow: hidden;
     transform: translateZ(0);
   }
   .nr-lead-visual::after {
     content: "";
     position: absolute;
     inset: 0;
     background: linear-gradient(0deg, rgba(8, 9, 14, 0.35), transparent 45%);
   }
   .nr-lead-copy {
     display: grid;
     align-content: center;
     gap: 14px;
     padding: 8px 4px;
   }
   .nr-lead-meta {
     display: flex;
     gap: 12px;
     margin: 0;
     font-size: 12px;
     font-weight: 800;
     letter-spacing: 0.08em;
     text-transform: uppercase;
     color: var(--orange);
   }
   .nr-lead-meta time { color: #8b92a5; }
   .nr-lead-copy h2 {
     max-width: 16ch;
     margin: 0;
   }
   .nr-lead-copy > p {
     margin: 0;
     max-width: 42ch;
     font-size: 1.08rem;
     line-height: 1.55;
     color: #5a6272;
   }
   
   .nr-mosaic {
     display: grid;
     grid-template-columns: repeat(4, minmax(0, 1fr));
     grid-auto-rows: minmax(210px, auto);
     gap: 12px;
     margin: 22px 0 28px;
   }
   .nr-card {
     position: relative;
     display: grid;
     align-content: end;
     gap: 8px;
     padding: 18px 16px;
     border-radius: 18px;
     min-height: 210px;
     overflow: hidden;
     isolation: isolate;
     color: #fff !important;
     transition: transform 0.2s ease, box-shadow 0.2s ease;
   }
   .nr-card-wide { grid-column: span 2; }
   .nr-card-tall { grid-row: span 2; min-height: 432px; }
   .nr-card-bg {
     position: absolute;
     inset: 0;
     z-index: -2;
     background-image: var(--nr-img);
     background-size: cover;
     background-position: center;
     transform: scale(1.04);
     transition: transform 0.45s ease;
   }
   .nr-card-shade {
     position: absolute;
     inset: 0;
     z-index: -1;
     background:
       linear-gradient(0deg, rgba(8, 9, 14, 0.92) 0%, rgba(8, 9, 14, 0.35) 55%, rgba(8, 9, 14, 0.15) 100%);
   }
   .nr-card:hover { transform: translateY(-3px); box-shadow: 0 18px 40px rgba(10, 11, 15, 0.18); }
   .nr-card:hover .nr-card-bg { transform: scale(1.1); }
   .nr-card-meta {
     display: flex;
     justify-content: space-between;
     gap: 10px;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.1em;
     text-transform: uppercase;
   }
   .nr-card-meta em { font-style: normal; color: #c8e86a; }
   .nr-card-meta time { color: rgba(255, 255, 255, 0.62); }
   .nr-card strong {
     font-size: 1.15rem;
     letter-spacing: -0.03em;
     line-height: 1.2;
   }
   .nr-card p {
     margin: 0;
     font-size: 13.5px;
     line-height: 1.4;
     color: rgba(255, 255, 255, 0.72);
     max-width: 36ch;
   }
   
   .nr-feed {
     display: grid;
     gap: 0;
     border-top: 1px solid rgba(10, 11, 15, 0.1);
   }
   .nr-row {
     display: grid;
     grid-template-columns: 118px 88px minmax(0, 1fr) auto;
     gap: 12px;
     align-items: center;
     padding: 14px 4px;
     border-bottom: 1px solid rgba(10, 11, 15, 0.08);
     color: inherit !important;
     transition: background 0.15s;
   }
   .nr-row:hover { background: rgba(255, 77, 26, 0.05); }
   .nr-row time {
     font-size: 12.5px;
     font-weight: 700;
     color: #8b92a5;
   }
   .nr-row-tag {
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.08em;
     text-transform: uppercase;
     color: var(--orange);
   }
   .nr-row strong {
     font-size: 15px;
     letter-spacing: -0.02em;
     line-height: 1.3;
   }
   .nr-row em {
     font-style: normal;
     font-size: 13px;
     font-weight: 750;
     color: #8b92a5;
     white-space: nowrap;
   }
   .nr-row:hover em { color: var(--orange); }
   
   .nr-wire {
     display: grid;
     grid-template-columns: repeat(4, minmax(0, 1fr));
     gap: 10px;
     margin-top: 22px;
   }
   .nr-wire article {
     padding: 16px 14px;
     border-radius: 14px;
     background: rgba(255, 255, 255, 0.05);
     border: 1px solid rgba(255, 255, 255, 0.1);
   }
   .nr-wire strong {
     display: block;
     margin-bottom: 6px;
     font-size: 14px;
     letter-spacing: -0.02em;
     color: #c8e86a;
   }
   .nr-wire span {
     font-size: 13px;
     line-height: 1.4;
     color: rgba(255, 255, 255, 0.68);
   }
   
   .nr-award-grid {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: 12px;
     margin-top: 22px;
   }
   .nr-award-grid article {
     padding: 20px 16px;
     border-radius: 16px;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.08);
   }
   .nr-award-grid span {
     display: block;
     margin-bottom: 10px;
     font-size: 12px;
     font-weight: 800;
     letter-spacing: 0.1em;
     color: var(--orange);
   }
   .nr-award-grid strong {
     display: block;
     margin-bottom: 8px;
     font-size: 1.15rem;
     letter-spacing: -0.03em;
   }
   .nr-award-grid em {
     font-style: normal;
     font-size: 13.5px;
     line-height: 1.4;
     color: #5a6272;
   }
   
   .nr-split {
     display: grid;
     grid-template-columns: 1.35fr 0.85fr;
     gap: 28px;
     align-items: start;
   }
   .nr-statements {
     display: grid;
     gap: 12px;
     margin-top: 8px;
   }
   .nr-statements blockquote {
     margin: 0;
     padding: 18px 16px;
     border-radius: 16px;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.08);
   }
   .nr-statements p {
     margin: 0 0 12px;
     font-size: 1.05rem;
     line-height: 1.45;
     letter-spacing: -0.015em;
   }
   .nr-statements footer {
     display: flex;
     flex-wrap: wrap;
     gap: 8px 14px;
     font-size: 12.5px;
     color: #8b92a5;
   }
   .nr-statements cite {
     font-style: normal;
     font-weight: 800;
     color: var(--orange);
   }
   .nr-aside {
     padding: 22px 18px;
     border-radius: 18px;
     background: #12141c;
     color: #fff;
     position: sticky;
     top: 120px;
   }
   .nr-aside-kicker {
     margin: 0 0 10px;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     color: #c8e86a;
   }
   .nr-aside p {
     margin: 0 0 18px;
     font-size: 14.5px;
     line-height: 1.5;
     color: rgba(255, 255, 255, 0.78);
   }
   .nr-aside .cta-row,
   .nr-aside .btn { margin-bottom: 8px; }
   .nr-aside .btn-ghost { color: #fff; border-color: rgba(255, 255, 255, 0.28); }
   
   .nr-kit {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: 12px;
     margin-top: 22px;
   }
   .nr-kit article {
     padding: 18px 16px;
     border-radius: 16px;
     background: #f6f4f0;
     border: 1px solid rgba(10, 11, 15, 0.06);
     display: grid;
     gap: 8px;
     align-content: start;
   }
   .nr-kit strong {
     font-size: 1.1rem;
     letter-spacing: -0.025em;
   }
   .nr-kit p {
     margin: 0;
     font-size: 14px;
     line-height: 1.45;
     color: #5a6272;
   }
   .nr-kit a {
     font-size: 13.5px;
     font-weight: 750;
     color: var(--orange) !important;
   }
   
   .nr-people {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: 14px;
     margin-top: 22px;
   }
   .nr-person {
     display: grid;
     grid-template-rows: 220px auto;
     border-radius: 18px;
     overflow: hidden;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.08);
     color: inherit !important;
     transition: transform 0.18s ease, border-color 0.15s;
   }
   .nr-person:hover {
     transform: translateY(-3px);
     border-color: rgba(255, 77, 26, 0.35);
   }
   .nr-person-img {
     display: block;
     background-size: cover;
     background-position: center top;
   }
   .nr-person-ink {
     background:
       radial-gradient(ellipse 70% 60% at 30% 20%, rgba(255, 77, 26, 0.45), transparent 55%),
       #12141c;
   }
   .nr-person-copy {
     display: grid;
     gap: 6px;
     padding: 16px;
   }
   .nr-person-copy em {
     font-style: normal;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: var(--orange);
   }
   .nr-person-copy strong {
     font-size: 1.15rem;
     letter-spacing: -0.03em;
   }
   .nr-person-copy p {
     margin: 0;
     font-size: 14px;
     line-height: 1.45;
     color: #5a6272;
   }
   .nr-person-copy > span,
   .nr-person-copy > a {
     font-size: 13.5px;
     font-weight: 750;
     color: var(--orange) !important;
   }
   .nr-person-static { cursor: default; }
   .nr-person-static:hover { transform: none; }
   
   .nr-contact {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 28px;
     align-items: start;
   }
   .nr-contact-list {
     list-style: none;
     margin: 22px 0 0;
     padding: 0;
     display: grid;
     gap: 12px;
   }
   .nr-contact-list li {
     display: grid;
     grid-template-columns: 90px minmax(0, 1fr);
     gap: 10px;
     padding-bottom: 12px;
     border-bottom: 1px solid rgba(255, 255, 255, 0.1);
     font-size: 15px;
   }
   .nr-contact-list strong { color: #c8e86a; font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; padding-top: 3px; }
   .nr-contact-list a { color: #fff !important; }
   .nr-contact-list a:hover { color: #ff8f66 !important; }
   .nr-form {
     display: grid;
     gap: 12px;
     padding: 22px 18px;
     border-radius: 18px;
     background: rgba(255, 255, 255, 0.05);
     border: 1px solid rgba(255, 255, 255, 0.12);
   }
   .nr-form-title {
     margin: 0 0 4px;
     font-size: 1.15rem;
     letter-spacing: -0.02em;
     color: #fff;
   }
   .nr-form label {
     display: grid;
     gap: 6px;
     font-size: 12px;
     font-weight: 750;
     letter-spacing: 0.04em;
     text-transform: uppercase;
     color: rgba(255, 255, 255, 0.6);
   }
   .nr-form input,
   .nr-form textarea {
     width: 100%;
     padding: 12px 14px;
     border-radius: 12px;
     border: 1px solid rgba(255, 255, 255, 0.14);
     background: rgba(255, 255, 255, 0.06);
     color: #fff;
     font: inherit;
     font-size: 15px;
     text-transform: none;
     letter-spacing: 0;
     font-weight: 500;
   }
   .nr-form input::placeholder,
   .nr-form textarea::placeholder { color: rgba(255, 255, 255, 0.35); }
   .nr-form-note {
     margin: 0;
     font-size: 12.5px;
     color: rgba(255, 255, 255, 0.5);
   }
   
   .nr-finale {
     margin: 12px 16px 16px;
     border-radius: var(--r-lg, 28px);
     padding: 56px 32px;
     background:
       radial-gradient(ellipse at 30% 20%, rgba(255, 77, 26, 0.35), transparent 50%),
       var(--ink);
     color: #fff;
   }
   .nr-finale-inner {
     display: grid;
     grid-template-columns: 1.2fr 0.8fr;
     gap: 28px;
     align-items: end;
   }
   .nr-finale .eyebrow { color: #ff8f66; }
   .nr-finale h2 {
     margin: 0 0 10px;
     max-width: 16ch;
     color: #fff;
     font-size: clamp(1.7rem, 3.4vw, 2.4rem);
   }
   .nr-finale p { color: rgba(255, 255, 255, 0.72); }
   .nr-finale aside { display: grid; gap: 8px; }
   .nr-finale aside a {
     color: #fff;
     text-decoration: none;
     padding: 12px 16px;
     border-radius: 14px;
     border: 1px solid rgba(255, 255, 255, 0.14);
     font-weight: 700;
   }
   .nr-finale aside a:hover { background: rgba(255, 255, 255, 0.08); }

   /* Newsroom delight — cinematic polish */
   .nr-hero-brand {
     margin: 0 0 10px;
     font-family: Outfit, var(--font);
     font-size: clamp(2.6rem, 6.2vw, 4.4rem);
     font-weight: 800;
     letter-spacing: var(--track-wordmark, -0.035em);
     line-height: 0.9;
   }
   .nr-hero-brand .logo-salon { color: #fff; }
   .nr-hero-brand .logo-bills { color: #ff8f66; }
   .nr-hero-panel {
     box-shadow: 0 28px 60px rgba(0, 0, 0, 0.38);
     transition: transform 0.25s ease, border-color 0.2s ease, box-shadow 0.25s ease;
   }
   .nr-hero-panel:hover {
     transform: translateY(-4px);
     border-color: rgba(255, 77, 26, 0.38);
     box-shadow: 0 32px 70px rgba(255, 77, 26, 0.18);
   }
   .nr-marquee {
     background: var(--ink);
     border-top: 1px solid rgba(255, 255, 255, 0.06);
     border-bottom: 1px solid rgba(255, 255, 255, 0.06);
     padding: 14px 0;
     overflow: hidden;
   }
   .nr-marquee-track {
     display: flex;
     gap: 28px;
     animation: nrMarquee 38s linear infinite;
     white-space: nowrap;
   }
   .nr-marquee-track span {
     font-size: 12px;
     font-weight: 800;
     letter-spacing: 0.14em;
     text-transform: uppercase;
     color: rgba(255, 255, 255, 0.42);
   }
   @keyframes nrMarquee {
     from { transform: translateX(0); }
     to { transform: translateX(-50%); }
   }
   .nr-manifesto article {
     transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
   }
   .nr-manifesto article:hover {
     transform: translateY(-3px);
     border-color: rgba(255, 77, 26, 0.42);
     background: rgba(255, 255, 255, 0.07);
   }
   .nr-jump {
     background:
       radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 77, 26, 0.14), transparent 55%),
       linear-gradient(180deg, #12141c 0%, #0a0b0f 100%);
     border-bottom: 1px solid rgba(255, 255, 255, 0.08);
     padding: 16px 20px;
     box-shadow: 0 12px 32px rgba(10, 11, 15, 0.12);
   }
   .nr-jump a {
     background: rgba(255, 255, 255, 0.06);
     border: 1px solid rgba(255, 255, 255, 0.12);
     color: rgba(255, 255, 255, 0.78) !important;
     transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
   }
   .nr-jump a:hover {
     background: rgba(255, 77, 26, 0.22);
     border-color: rgba(255, 77, 26, 0.48);
     color: #fff !important;
     transform: translateY(-1px);
   }
   .nr-facts article {
     background:
       radial-gradient(ellipse 80% 70% at 100% 0%, rgba(255, 77, 26, 0.24), transparent 55%),
       #12141c;
     border: 1px solid rgba(255, 255, 255, 0.09);
     color: #fff;
     transition: transform 0.18s ease, border-color 0.18s ease;
   }
   .nr-facts article:hover {
     transform: translateY(-3px);
     border-color: rgba(255, 77, 26, 0.38);
   }
   .nr-facts em { color: #c8e86a; }
   .nr-facts strong { color: #fff; letter-spacing: -0.025em; }
   .nr-facts span { color: rgba(255, 255, 255, 0.68); }
   .nr-lead-visual {
     border-radius: 24px;
     box-shadow: 0 28px 64px rgba(10, 11, 15, 0.22);
     transition: transform 0.35s ease, box-shadow 0.35s ease;
   }
   .nr-lead-visual:hover {
     transform: scale(1.02);
     box-shadow: 0 36px 80px rgba(255, 77, 26, 0.28);
   }
   .nr-lead-copy {
     padding: 28px 26px;
     border-radius: 24px;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.08);
     box-shadow: 0 22px 54px rgba(10, 11, 15, 0.08);
   }
   .nr-now a {
     position: relative;
     overflow: hidden;
     border-radius: 20px;
     padding: 22px 18px 22px 22px;
     background: linear-gradient(145deg, #fff 0%, #f7f4ef 100%);
     border: 1px solid rgba(10, 11, 15, 0.08);
     box-shadow: 0 8px 24px rgba(10, 11, 15, 0.05);
     transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
   }
   .nr-now a::before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     width: 4px;
     background: var(--orange);
     opacity: 0;
     transition: opacity 0.2s ease;
   }
   .nr-now a:hover {
     transform: translateY(-4px);
     border-color: rgba(255, 77, 26, 0.35);
     box-shadow: 0 18px 44px rgba(10, 11, 15, 0.12);
   }
   .nr-now a:hover::before { opacity: 1; }
   .nr-now strong { font-size: 1.12rem; letter-spacing: -0.03em; }
   .nr-wire article {
     transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;
   }
   .nr-wire article:hover {
     transform: translateY(-2px);
     border-color: rgba(255, 77, 26, 0.35);
     background: rgba(255, 255, 255, 0.07);
   }
   .nr-award-grid article {
     background: linear-gradient(180deg, #fff 0%, #faf8f5 100%);
     border-top: 3px solid var(--orange);
     box-shadow: 0 10px 28px rgba(10, 11, 15, 0.06);
     transition: transform 0.18s ease, box-shadow 0.18s ease;
   }
   .nr-award-grid article:hover {
     transform: translateY(-3px);
     box-shadow: 0 16px 40px rgba(10, 11, 15, 0.1);
   }
   .nr-brief article {
     background:
       radial-gradient(ellipse 90% 70% at 0% 0%, rgba(255, 77, 26, 0.16), transparent 52%),
       #12141c;
     border: 1px solid rgba(255, 255, 255, 0.08);
     color: #fff;
     transition: transform 0.18s ease, border-color 0.18s ease;
   }
   .nr-brief article:hover {
     transform: translateY(-3px);
     border-color: rgba(255, 77, 26, 0.35);
   }
   .nr-brief em { color: #c8e86a; }
   .nr-brief strong { color: #fff; }
   .nr-brief span { color: rgba(255, 255, 255, 0.68); }
   .nr-kit article {
     background: linear-gradient(160deg, #fff 0%, #f6f4f0 100%);
     border: 1px solid rgba(10, 11, 15, 0.07);
     border-radius: 18px;
     transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
   }
   .nr-kit article:hover {
     transform: translateY(-3px);
     border-color: rgba(255, 77, 26, 0.32);
     box-shadow: 0 16px 40px rgba(10, 11, 15, 0.1);
   }
   .nr-brand-grid article:not(.nr-swatch) {
     transition: transform 0.18s ease, border-color 0.18s ease;
   }
   .nr-brand-grid article:not(.nr-swatch):hover {
     transform: translateY(-2px);
     border-color: rgba(255, 77, 26, 0.28);
   }
   .nr-swatch {
     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
   }
   .nr-statements blockquote {
     transition: transform 0.18s ease, border-color 0.18s ease;
   }
   .nr-statements blockquote:hover {
     transform: translateY(-2px);
     border-color: rgba(255, 77, 26, 0.22);
   }
   .nr-filters button {
     transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
   }
   .nr-filters button:hover { transform: translateY(-1px); }
   @media (prefers-reduced-motion: reduce) {
     .nr-marquee-track { animation: none; }
     .nr-hero-panel:hover,
     .nr-manifesto article:hover,
     .nr-facts article:hover,
     .nr-now a:hover,
     .nr-wire article:hover,
     .nr-award-grid article:hover,
     .nr-brief article:hover,
     .nr-kit article:hover,
     .nr-lead-visual:hover { transform: none; }
   }
   
   @media (max-width: 1100px) {
     .nr-mosaic { grid-template-columns: repeat(2, minmax(0, 1fr)); }
     .nr-card-tall { grid-row: span 1; min-height: 210px; }
     .nr-wire { grid-template-columns: repeat(3, minmax(0, 1fr)); }
     .nr-people,
     .nr-kit,
     .nr-award-grid,
     .nr-facts,
     .nr-brief,
     .nr-now,
     .nr-brand-grid { grid-template-columns: 1fr 1fr; }
   }
   @media (max-width: 900px) {
     .nr-hero-grid,
     .nr-manifesto-inner,
     .nr-finale-inner { grid-template-columns: 1fr; }
     .nr-hero { min-height: 0; padding: 40px 0 36px; }
   }
   @media (max-width: 860px) {
     .nr-hero { min-height: auto; padding: 110px 0 40px; }
     .nr-lead,
     .nr-split,
     .nr-contact,
     .nr-finale-inner { grid-template-columns: 1fr; }
     .nr-lead-visual { min-height: 280px; }
     .nr-aside { position: static; }
     .nr-row { grid-template-columns: 1fr; gap: 4px; }
     .nr-jump { top: 56px; }
   }
   @media (max-width: 640px) {
     .nr-mosaic,
     .nr-wire,
     .nr-people,
     .nr-kit,
     .nr-award-grid,
     .nr-facts,
     .nr-brief,
     .nr-now,
     .nr-brand-grid { grid-template-columns: 1fr; }
     .nr-card-wide { grid-column: span 1; }
   }
   @media (prefers-reduced-motion: reduce) {
     .nr-hero-bg,
     .nr-card-bg,
     .nr-card:hover,
     .nr-person:hover { animation: none; transform: none; }
   }
   
   /* ── Investor Relations storytelling expansions ── */
   /* Dark cinematic hero retired; IR uses the light .ir-hero system language. */
   .ir-hero-story,
   .ir-hero-bg,
   .ir-brand { display: none !important; }
   
   .ir-chapter { max-width: 1100px; }
   .ir-story-grid {
     display: grid;
     grid-template-columns: 1.35fr 0.75fr;
     gap: 28px;
     align-items: start;
     margin-top: 8px;
   }
   .ir-story-prose p {
     margin: 0 0 16px;
     font-size: 1.08rem;
     line-height: 1.65;
     color: #3a4150;
     max-width: 58ch;
   }
   .ir-story-aside {
     padding: 20px 18px;
     border-radius: 18px;
     background: #12141c;
     color: #fff;
     position: sticky;
     top: 120px;
   }
   .ir-story-aside ol {
     list-style: none;
     margin: 0;
     padding: 0;
     display: grid;
     gap: 12px;
   }
   .ir-story-aside li {
     display: grid;
     grid-template-columns: 36px 1fr;
     gap: 10px;
     align-items: baseline;
   }
   .ir-story-aside span {
     font-size: 12px;
     font-weight: 800;
     letter-spacing: 0.08em;
     color: #c8e86a;
   }
   .ir-story-aside strong {
     font-size: 14.5px;
     letter-spacing: -0.02em;
     font-weight: 650;
   }
   
   .ir-industry-grid {
     display: grid;
     grid-template-columns: repeat(4, minmax(0, 1fr));
     gap: 12px;
     margin: 8px 0 22px;
   }
   .ir-industry-grid article {
     padding: 20px 16px;
     border-radius: 16px;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.07);
   }
   .ir-industry-grid em {
     display: block;
     margin-bottom: 10px;
     font-style: normal;
     font-size: 12px;
     font-weight: 800;
     letter-spacing: 0.1em;
     color: var(--orange);
   }
   .ir-industry-grid strong {
     display: block;
     margin-bottom: 8px;
     font-size: 1.12rem;
     letter-spacing: -0.03em;
   }
   .ir-industry-grid p {
     margin: 0;
     font-size: 14px;
     line-height: 1.45;
     color: #5c6478;
   }
   .ir-focus-band {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 12px;
   }
   .ir-focus-band > div {
     padding: 22px 18px;
     border-radius: 18px;
     background: #12141c;
     color: #fff;
   }
   .ir-focus-label {
     margin: 0 0 8px;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     color: #c8e86a;
   }
   .ir-focus-band h3 {
     margin: 0 0 8px;
     font-size: 1.25rem;
     letter-spacing: -0.03em;
   }
   .ir-focus-band p {
     margin: 0;
     font-size: 14.5px;
     line-height: 1.45;
     color: rgba(255, 255, 255, 0.7);
   }
   
   .ir-panel-quiet {
     background: #f7f5f2;
     border: 1px solid rgba(10, 11, 15, 0.06);
   }
   .ir-panel-kicker {
     margin: 0 0 8px;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: var(--orange);
   }
   .ir-panel-quiet p { color: #3a4150; }
   
   .ir-vert-grid {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: 10px;
   }
   .ir-vert-grid a {
     display: grid;
     gap: 4px;
     padding: 16px 14px;
     border-radius: 14px;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.07);
     color: inherit !important;
     transition: border-color 0.15s, transform 0.15s;
   }
   .ir-vert-grid a:hover {
     border-color: rgba(255, 77, 26, 0.35);
     transform: translateY(-2px);
   }
   .ir-vert-grid span {
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: var(--orange);
   }
   .ir-vert-grid strong {
     font-size: 1.05rem;
     letter-spacing: -0.025em;
   }
   .ir-vert-grid em {
     font-style: normal;
     font-size: 13.5px;
     color: #5c6478;
     line-height: 1.35;
   }
   
   .ir-flow {
     display: grid;
     grid-template-columns: repeat(4, minmax(0, 1fr));
     gap: 12px;
     margin-top: 8px;
   }
   .ir-flow article {
     padding: 20px 16px;
     border-radius: 16px;
     background: #f7f5f2;
     border: 1px solid rgba(10, 11, 15, 0.05);
   }
   .ir-flow span {
     display: inline-block;
     margin-bottom: 12px;
     padding: 5px 10px;
     border-radius: 999px;
     background: #12141c;
     color: #c8e86a;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.08em;
     text-transform: uppercase;
   }
   .ir-flow h3 {
     margin: 0 0 8px;
     font-size: 1.15rem;
     letter-spacing: -0.03em;
   }
   .ir-flow p {
     margin: 0 0 14px;
     font-size: 14px;
     line-height: 1.45;
     color: #5c6478;
   }
   .ir-flow a {
     font-size: 13.5px;
     font-weight: 750;
     color: var(--orange) !important;
   }
   
   .ir-activity-grid {
     display: grid;
     grid-template-columns: repeat(4, minmax(0, 1fr));
     gap: 12px;
   }
   .ir-activity-grid article {
     padding: 18px 15px;
     border-radius: 16px;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.07);
   }
   .ir-activity-grid em {
     display: block;
     margin-bottom: 8px;
     font-style: normal;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: var(--orange);
   }
   .ir-activity-grid strong {
     display: block;
     margin-bottom: 8px;
     font-size: 1.05rem;
     letter-spacing: -0.025em;
   }
   .ir-activity-grid p {
     margin: 0;
     font-size: 13.5px;
     line-height: 1.45;
     color: #5c6478;
   }
   
   .ir-roadmap {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: 14px;
     margin-top: 8px;
   }
   .ir-roadmap article {
     padding: 22px 18px;
     border-radius: 18px;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.07);
   }
   .ir-rm-phase {
     display: inline-block;
     margin-bottom: 12px;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     color: #c8e86a;
     background: #12141c;
     padding: 6px 10px;
     border-radius: 999px;
   }
   .ir-roadmap h3 {
     margin: 0 0 12px;
     font-size: 1.2rem;
     letter-spacing: -0.03em;
   }
   .ir-roadmap ul {
     margin: 0;
     padding: 0;
     list-style: none;
     display: grid;
     gap: 8px;
   }
   .ir-roadmap li {
     position: relative;
     padding-left: 14px;
     font-size: 14px;
     line-height: 1.4;
     color: #3a4150;
   }
   .ir-roadmap li::before {
     content: "";
     position: absolute;
     left: 0;
     top: 0.55em;
     width: 6px;
     height: 6px;
     border-radius: 50%;
     background: var(--orange);
   }
   .ir-disclaimer {
     margin: 22px 0 0;
     font-size: 13px;
     line-height: 1.45;
     color: #8b92a5;
     max-width: 70ch;
   }
   
   .ir-principle-grid {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: 12px;
     margin-top: 8px;
   }
   .ir-principle-grid article {
     padding: 18px 16px;
     border-radius: 16px;
     background: #f7f5f2;
   }
   .ir-principle-grid strong {
     display: block;
     margin-bottom: 8px;
     font-size: 1.05rem;
     letter-spacing: -0.025em;
   }
   .ir-principle-grid p {
     margin: 0;
     font-size: 14px;
     line-height: 1.45;
     color: #5c6478;
   }
   
   .ir-leaders {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: 14px;
     margin-top: 8px;
   }
   .ir-leader {
     display: grid;
     grid-template-rows: 220px auto;
     border-radius: 18px;
     overflow: hidden;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.08);
     color: inherit !important;
     transition: transform 0.18s ease, border-color 0.15s;
   }
   .ir-leader:hover {
     transform: translateY(-3px);
     border-color: rgba(255, 77, 26, 0.35);
   }
   .ir-leader-img {
     display: block;
     background-size: cover;
     background-position: center top;
   }
   .ir-leader-more {
     grid-template-rows: auto;
     background: #12141c;
     color: #fff !important;
     align-content: end;
     min-height: 320px;
   }
   .ir-leader-copy {
     display: grid;
     gap: 6px;
     padding: 16px;
   }
   .ir-leader-copy em {
     font-style: normal;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: var(--orange);
   }
   .ir-leader-more .ir-leader-copy em { color: #c8e86a; }
   .ir-leader-copy strong {
     font-size: 1.15rem;
     letter-spacing: -0.03em;
   }
   .ir-leader-more .ir-leader-copy strong { color: #fff; }
   .ir-leader-copy p {
     margin: 0;
     font-size: 14px;
     line-height: 1.45;
     color: #5c6478;
   }
   .ir-leader-more .ir-leader-copy p { color: rgba(255, 255, 255, 0.7); }
   .ir-leader-copy > span {
     font-size: 13.5px;
     font-weight: 750;
     color: var(--orange);
   }
   .ir-leader-more .ir-leader-copy > span { color: #ff8f66; }
   
   .ir-company {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: 12px;
     margin-top: 8px;
   }
   .ir-company article {
     padding: 20px 16px;
     border-radius: 16px;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.07);
   }
   .ir-company span {
     display: block;
     margin-bottom: 10px;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: var(--orange);
   }
   .ir-company strong {
     display: block;
     margin-bottom: 10px;
     font-size: 1.15rem;
     letter-spacing: -0.03em;
   }
   .ir-company p {
     margin: 0;
     font-size: 14.5px;
     line-height: 1.5;
     color: #5c6478;
   }
   
   .ir-lib {
     display: grid;
     grid-template-columns: repeat(4, minmax(0, 1fr));
     gap: 10px;
     margin-top: 8px;
   }
   .ir-lib a {
     display: grid;
     gap: 4px;
     padding: 14px 14px;
     border-radius: 14px;
     background: #f7f5f2;
     border: 1px solid transparent;
     color: inherit !important;
     transition: border-color 0.15s, background 0.15s;
   }
   .ir-lib a:hover {
     background: #fff;
     border-color: rgba(255, 77, 26, 0.3);
   }
   .ir-lib em {
     font-style: normal;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.08em;
     text-transform: uppercase;
     color: #8b92a5;
   }
   .ir-lib strong {
     font-size: 14.5px;
     letter-spacing: -0.02em;
   }
   
   .ir-contact-fine {
     margin: 0 0 14px !important;
     font-size: 13px !important;
     line-height: 1.45 !important;
     color: rgba(255, 255, 255, 0.55) !important;
   }
   .ir-sec-end { padding-top: 24px; padding-bottom: 72px; }

.ir-finale {
  margin: 12px 16px 16px;
  border-radius: var(--r-lg, 28px);
  padding: 56px 32px;
  background:
    radial-gradient(ellipse at 30% 20%, rgba(255, 77, 26, 0.35), transparent 50%),
    var(--ink);
  color: #fff;
}
.ir-finale-inner {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 28px;
  align-items: end;
}
.ir-finale .eyebrow { color: #ff8f66; }
.ir-finale h2 {
  margin: 0 0 10px;
  max-width: 16ch;
  color: #fff;
  font-size: clamp(1.7rem, 3.4vw, 2.4rem);
}
.ir-finale p { color: rgba(255, 255, 255, 0.72); max-width: 52ch; }
.ir-finale aside { display: grid; gap: 8px; }
.ir-finale aside a {
  color: #fff;
  text-decoration: none;
  padding: 12px 16px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  font-weight: 700;
}
.ir-finale aside a:hover { background: rgba(255, 255, 255, 0.08); }
.ir-finale aside .btn-orange { border-color: transparent; text-align: center; }
.ir-hub-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 8px 0 40px;
}
.ir-hub-tabs a {
  padding: 8px 14px;
  border-radius: 999px;
  background: #f3f0eb;
  font-size: 13px;
  font-weight: 750;
  color: #2a3140 !important;
}
.ir-hub-tabs a.on,
.ir-hub-tabs a:hover {
  background: #12141c;
  color: #fff !important;
}
   
   /* Dedicated Contact IR desk */
   .ir-contact-page { background: #fff; color: var(--ink); overflow: clip; }
   .ir-contact-hero {
     padding: 40px 0 36px;
     background:
       radial-gradient(ellipse 50% 55% at 100% 0%, rgba(255, 77, 26, 0.1), transparent 55%),
       radial-gradient(ellipse 40% 45% at 0% 20%, rgba(200, 232, 106, 0.12), transparent 50%),
       #f7f5f2;
     border-bottom: 1px solid rgba(10, 11, 15, 0.06);
   }
   .ir-contact-hero h1 {
     margin: 0 0 12px;
     font-size: clamp(2.2rem, 4.6vw, 3.3rem);
     letter-spacing: -0.04em;
     line-height: 1.05;
   }
   .ir-contact-hero .lead {
     margin: 0 0 18px;
     max-width: 52ch;
     color: #5c6478;
     font-size: 1.08rem;
     line-height: 1.5;
   }
   .ir-contact-hero-pillars {
     display: flex;
     flex-wrap: wrap;
     gap: 8px;
   }
   .ir-contact-hero-pillars span {
     padding: 7px 12px;
     border-radius: 999px;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.08);
     font-size: 12.5px;
     font-weight: 700;
     color: #2a3140;
   }
   .ir-contact-paths,
   .ir-contact-flow,
   .ir-contact-form-sec,
   .ir-contact-alt { padding: 56px 0; }
   .ir-contact-flow.soft { background: #f7f5f2; }
   .ir-path-grid {
     display: grid;
     grid-template-columns: repeat(4, minmax(0, 1fr));
     gap: 12px;
     margin-top: 8px;
   }
   .ir-path-card {
     padding: 22px 18px;
     border-radius: 18px;
     background: #f7f5f2;
     border: 1px solid rgba(10, 11, 15, 0.06);
     display: grid;
     gap: 8px;
     align-content: start;
   }
   .ir-path-card em {
     font-style: normal;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: var(--orange);
   }
   .ir-path-card strong {
     font-size: 1.1rem;
     letter-spacing: -0.025em;
   }
   .ir-path-card p {
     margin: 0 0 10px;
     font-size: 14px;
     line-height: 1.45;
     color: #5c6478;
   }
   .ir-flow-steps {
     list-style: none;
     margin: 8px 0 0;
     padding: 0;
     display: grid;
     grid-template-columns: repeat(4, minmax(0, 1fr));
     gap: 12px;
   }
   .ir-flow-steps li {
     padding: 20px 16px;
     border-radius: 18px;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.07);
     display: grid;
     grid-template-columns: 36px 1fr;
     gap: 12px;
     align-items: start;
   }
   .ir-flow-steps span {
     width: 36px;
     height: 36px;
     border-radius: 999px;
     display: grid;
     place-items: center;
     background: #12141c;
     color: #c8e86a;
     font-size: 13px;
     font-weight: 800;
   }
   .ir-flow-steps strong {
     display: block;
     margin-bottom: 6px;
     font-size: 15px;
     letter-spacing: -0.02em;
   }
   .ir-flow-steps p {
     margin: 0;
     font-size: 13.5px;
     line-height: 1.45;
     color: #5c6478;
   }
   .ir-contact-form-grid {
     display: grid;
     grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
     gap: 32px;
     align-items: start;
   }
   .ir-contact-meta {
     list-style: none;
     margin: 0 0 18px;
     padding: 0;
     display: grid;
     gap: 10px;
   }
   .ir-contact-meta li {
     display: grid;
     grid-template-columns: 88px 1fr;
     gap: 10px;
     align-items: baseline;
     padding: 10px 0;
     border-bottom: 1px solid rgba(10, 11, 15, 0.06);
     font-size: 14.5px;
   }
   .ir-contact-meta strong {
     font-size: 12px;
     letter-spacing: 0.08em;
     text-transform: uppercase;
     color: #8b92a5;
   }
   .ir-contact-note {
     padding: 14px 16px;
     border-radius: 14px;
     background: #f7f5f2;
     border: 1px solid rgba(10, 11, 15, 0.06);
   }
   .ir-contact-note p {
     margin: 0;
     font-size: 13px;
     line-height: 1.45;
     color: #5c6478;
   }
   .ir-desk-form {
     padding: 24px 22px;
     border-radius: 22px;
     background: #12141c;
     color: #fff;
     display: grid;
     gap: 14px;
     box-shadow: 0 20px 44px rgba(10, 11, 15, 0.16);
   }
   .ir-desk-form-title {
     margin: 0 0 4px;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     color: #c8e86a;
   }
   .ir-desk-form label {
     display: grid;
     gap: 6px;
   }
   .ir-desk-form label > span {
     font-size: 12.5px;
     font-weight: 700;
     color: rgba(255, 255, 255, 0.72);
   }
   .ir-desk-form input,
   .ir-desk-form select,
   .ir-desk-form textarea {
     width: 100%;
     padding: 12px 14px;
     border-radius: 12px;
     border: 1px solid rgba(255, 255, 255, 0.12);
     background: rgba(255, 255, 255, 0.06);
     color: #fff;
     font: inherit;
   }
   .ir-desk-form input::placeholder,
   .ir-desk-form textarea::placeholder { color: rgba(255, 255, 255, 0.35); }
   .ir-desk-form select option { color: #12141c; }
   .ir-desk-check {
     grid-template-columns: 18px 1fr !important;
     gap: 10px !important;
     align-items: start;
     font-size: 13px;
     line-height: 1.4;
     color: rgba(255, 255, 255, 0.7);
   }
   .ir-desk-check input { width: auto; margin-top: 2px; }
   .ir-desk-form-note {
     margin: 0;
     font-size: 12.5px;
     line-height: 1.4;
     color: rgba(255, 255, 255, 0.45);
   }
   .ir-contact-alt { padding-top: 0; padding-bottom: 72px; }
   .ir-contact-alt-grid {
     display: grid;
     grid-template-columns: repeat(4, minmax(0, 1fr));
     gap: 12px;
   }
   .ir-contact-alt-grid a {
     padding: 18px 16px;
     border-radius: 16px;
     background: #f7f5f2;
     border: 1px solid rgba(10, 11, 15, 0.06);
     color: inherit !important;
     display: grid;
     gap: 4px;
     transition: transform 0.15s ease, border-color 0.15s ease;
   }
   .ir-contact-alt-grid a:hover {
     transform: translateY(-2px);
     border-color: rgba(255, 77, 26, 0.35);
   }
   .ir-contact-alt-grid em {
     font-style: normal;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.08em;
     text-transform: uppercase;
     color: #8b92a5;
   }
   .ir-contact-alt-grid strong {
     font-size: 15px;
     letter-spacing: -0.02em;
   }
   .ir-contact-alt-grid span {
     font-size: 13px;
     color: #5c6478;
   }
   @media (max-width: 1100px) {
     .ir-path-grid,
     .ir-flow-steps,
     .ir-contact-alt-grid { grid-template-columns: 1fr 1fr; }
   }
   @media (max-width: 860px) {
     .ir-contact-form-grid,
     .ir-path-grid,
     .ir-flow-steps,
     .ir-desk-preview,
     .ir-contact-alt-grid { grid-template-columns: 1fr; }
   }
   .ir-end {
     display: grid;
     gap: 18px;
     justify-items: start;
   }
   
   @media (max-width: 1100px) {
     .ir-industry-grid,
     .ir-activity-grid,
     .ir-flow,
     .ir-lib { grid-template-columns: repeat(2, minmax(0, 1fr)); }
     .ir-vert-grid,
     .ir-principle-grid,
     .ir-company,
     .ir-roadmap,
     .ir-leaders { grid-template-columns: 1fr 1fr; }
   }
   @media (max-width: 860px) {
     .ir-story-grid,
     .ir-focus-band { grid-template-columns: 1fr; }
     .ir-story-aside { position: static; }
   }
   @media (max-width: 640px) {
     .ir-industry-grid,
     .ir-activity-grid,
     .ir-flow,
     .ir-lib,
     .ir-vert-grid,
     .ir-principle-grid,
     .ir-company,
     .ir-roadmap,
     .ir-leaders { grid-template-columns: 1fr; }
   }
   @media (prefers-reduced-motion: reduce) {
     .ir-leader:hover,
     .ir-vert-grid a:hover { transform: none; }
   }
   
   /* ── About page ── */
   .about-page { overflow: clip; background: #fff; }
   .about-stage {
     position: relative;
     min-height: min(78vh, 720px);
     display: grid;
     align-items: end;
     overflow: hidden;
     background:
       radial-gradient(ellipse 55% 50% at 12% 0%, rgba(255, 77, 26, 0.1), transparent 55%),
       linear-gradient(180deg, #faf8f5 0%, #f1eee8 100%);
     border-bottom: 1px solid rgba(10, 11, 15, 0.06);
   }
   .about-stage-media {
     position: absolute;
     inset: 0 0 0 48%;
     background:
       linear-gradient(90deg, #faf8f5 0%, rgba(250, 248, 245, 0.55) 18%, transparent 42%),
       linear-gradient(180deg, transparent 55%, rgba(241, 238, 232, 0.55) 100%),
       url("https://images.unsplash.com/photo-1580618672591-eb180b1a973f?auto=format&fit=crop&w=1800&q=85") center / cover no-repeat;
     pointer-events: none;
   }
   .about-stage-media::after {
     content: "";
     position: absolute;
     inset: 0;
     background: linear-gradient(115deg, transparent 40%, rgba(255, 77, 26, 0.08) 100%);
   }
   .about-stage-inner {
     position: relative;
     z-index: 1;
     display: grid;
     grid-template-columns: minmax(0, 1.05fr) minmax(220px, 0.55fr);
     gap: 28px;
     padding: 56px 0 48px;
     align-items: end;
   }
   .about-stage-brand {
     margin: 0 0 10px;
     font-size: clamp(2.6rem, 6vw, 4.2rem);
     font-weight: 800;
     letter-spacing: -0.055em;
     line-height: 0.95;
     color: var(--orange);
   }
   .about-stage-kicker {
     margin: 0 0 12px;
     font-size: 12px;
     font-weight: 800;
     letter-spacing: 0.14em;
     text-transform: uppercase;
     color: #8b92a5;
   }
   .about-stage h1 {
     margin: 0 0 14px;
     max-width: 14ch;
     font-size: clamp(1.85rem, 3.6vw, 2.75rem);
     letter-spacing: -0.04em;
     line-height: 1.08;
     color: var(--ink);
   }
   .about-stage .lead {
     margin: 0 0 22px;
     max-width: 42ch;
     font-size: 1.06rem;
     line-height: 1.55;
     color: #5c6478;
   }
   .about-stage-links {
     display: flex;
     flex-wrap: wrap;
     gap: 8px 18px;
     margin-top: 18px;
   }
   .about-stage-links a {
     font-size: 14px;
     font-weight: 700;
     color: #2a3140 !important;
     border-bottom: 1px solid rgba(10, 11, 15, 0.18);
   }
   .about-stage-links a:hover {
     color: var(--orange) !important;
     border-bottom-color: rgba(255, 77, 26, 0.45);
   }
   .about-stage-aside {
     padding: 20px 18px;
     border-radius: 20px;
     background: rgba(255, 255, 255, 0.78);
     backdrop-filter: blur(12px);
     border: 1px solid rgba(10, 11, 15, 0.08);
     box-shadow: 0 16px 36px rgba(10, 11, 15, 0.06);
   }
   .about-stage-aside-label {
     margin: 0 0 14px;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     color: var(--orange);
   }
   .about-stage-aside ul {
     list-style: none;
     margin: 0;
     padding: 0;
     display: grid;
     gap: 12px;
   }
   .about-stage-aside li {
     display: grid;
     gap: 2px;
     padding-bottom: 12px;
     border-bottom: 1px solid rgba(10, 11, 15, 0.06);
   }
   .about-stage-aside li:last-child { border-bottom: 0; padding-bottom: 0; }
   .about-stage-aside strong {
     font-size: 14.5px;
     letter-spacing: -0.02em;
   }
   .about-stage-aside span {
     font-size: 13px;
     color: #5c6478;
   }
   @media (max-width: 900px) {
     .about-stage { min-height: 0; }
     .about-stage-media {
       inset: auto 0 0 0;
       height: 42%;
       background:
         linear-gradient(180deg, #f1eee8 0%, rgba(241, 238, 232, 0.2) 28%, transparent 55%),
         url("https://images.unsplash.com/photo-1580618672591-eb180b1a973f?auto=format&fit=crop&w=1400&q=85") center / cover no-repeat;
     }
     .about-stage-inner {
       grid-template-columns: 1fr;
       padding: 40px 0 36px;
     }
     .about-stage-aside { max-width: 420px; }
   }
   .about-intro {
     display: grid;
     grid-template-columns: 1.15fr 0.85fr;
     gap: 28px;
     align-items: start;
   }
   .about-prose {
     margin: 0 0 14px;
     max-width: 58ch;
     font-size: 1.02rem;
     line-height: 1.6;
     color: #3a4150;
   }
   .about-stat-stack {
     display: grid;
     gap: 10px;
   }
   .about-stat-stack article {
     padding: 16px 16px 15px;
     border-radius: 16px;
     background:
       radial-gradient(ellipse 80% 70% at 100% 0%, rgba(255, 77, 26, 0.22), transparent 55%),
       #12141c;
     border: 1px solid rgba(255, 255, 255, 0.08);
     color: #fff;
     transition: transform 0.18s ease, border-color 0.15s;
   }
   .about-stat-stack article:hover {
     transform: translateY(-2px);
     border-color: rgba(255, 77, 26, 0.35);
   }
   .about-stat-stack em {
     display: block;
     margin-bottom: 8px;
     font-style: normal;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.12em;
     color: #c8e86a;
   }
   .about-stat-stack strong {
     display: block;
     margin-bottom: 4px;
     font-size: 1.08rem;
     letter-spacing: -0.025em;
     color: #fff;
   }
   .about-stat-stack span {
     font-size: 13.5px;
     line-height: 1.4;
     color: rgba(255, 255, 255, 0.68);
   }
   
   .about-best {
     position: relative;
     padding: 72px 0;
     color: #fff;
     isolation: isolate;
     background:
       radial-gradient(ellipse 55% 50% at 0% 0%, rgba(255, 77, 26, 0.28), transparent 55%),
       radial-gradient(ellipse 45% 40% at 100% 100%, rgba(200, 232, 106, 0.12), transparent 50%),
       #0a0b0f;
   }
   .about-best-inner {
     display: grid;
     grid-template-columns: 1.05fr 0.95fr;
     gap: 28px;
     align-items: center;
   }
   .about-best .eyebrow { color: #ff8f66; }
   .about-best h2 {
     margin: 0 0 14px;
     max-width: 16ch;
     font-size: clamp(1.9rem, 3.8vw, 2.8rem);
     letter-spacing: -0.04em;
     line-height: 1.05;
     color: #fff;
   }
   .about-best-copy > p {
     margin: 0 0 22px;
     max-width: 46ch;
     font-size: 1.05rem;
     line-height: 1.55;
     color: rgba(255, 255, 255, 0.72);
   }
   .about-best-cards {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 12px;
   }
   .about-best-cards article {
     padding: 18px 16px;
     border-radius: 16px;
     background: rgba(255, 255, 255, 0.05);
     border: 1px solid rgba(255, 255, 255, 0.1);
     backdrop-filter: blur(8px);
     transition: transform 0.18s ease, border-color 0.15s, background 0.15s;
   }
   .about-best-cards article:hover {
     transform: translateY(-3px);
     border-color: rgba(255, 77, 26, 0.4);
     background: rgba(255, 255, 255, 0.08);
   }
   .about-best-cards strong {
     display: block;
     margin-bottom: 8px;
     font-size: 1.05rem;
     letter-spacing: -0.025em;
     color: #c8e86a;
   }
   .about-best-cards p {
     margin: 0;
     font-size: 13.5px;
     line-height: 1.45;
     color: rgba(255, 255, 255, 0.68);
   }
   
   .about-build-sec {
     background: #f7f5f2;
   }
   .about-dark-grid {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: 12px;
     margin: 8px 0 24px;
   }
   .about-dark-grid article {
     padding: 20px 16px;
     border-radius: 18px;
     background:
       radial-gradient(ellipse 90% 70% at 0% 0%, rgba(255, 77, 26, 0.18), transparent 50%),
       #12141c;
     border: 1px solid rgba(255, 255, 255, 0.07);
     color: #fff;
     min-height: 180px;
     transition: transform 0.18s ease, border-color 0.15s;
   }
   .about-dark-grid article:hover {
     transform: translateY(-3px);
     border-color: rgba(255, 77, 26, 0.35);
   }
   .about-dark-grid em {
     display: inline-block;
     margin-bottom: 12px;
     font-style: normal;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.12em;
     color: #c8e86a;
   }
   .about-dark-grid h3 {
     margin: 0 0 8px;
     font-size: 1.12rem;
     letter-spacing: -0.03em;
     color: #fff;
   }
   .about-dark-grid p {
     margin: 0;
     font-size: 14px;
     line-height: 1.45;
     color: rgba(255, 255, 255, 0.68);
   }
   
   .about-people {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: 14px;
     margin-top: 18px;
   }
   .about-person {
     display: grid;
     grid-template-rows: 220px auto;
     border-radius: 18px;
     overflow: hidden;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.08);
     color: inherit !important;
     transition: transform 0.18s ease, border-color 0.15s;
   }
   .about-person:hover {
     transform: translateY(-3px);
     border-color: rgba(255, 77, 26, 0.35);
   }
   .about-person-img {
     display: block;
     background-size: cover;
     background-position: center top;
   }
   .about-person-more {
     grid-template-rows: auto;
     min-height: 320px;
     background:
       radial-gradient(ellipse 80% 60% at 20% 0%, rgba(255, 77, 26, 0.35), transparent 55%),
       #12141c;
     color: #fff !important;
     align-content: end;
   }
   .about-person-copy {
     display: grid;
     gap: 6px;
     padding: 16px;
   }
   .about-person-copy em {
     font-style: normal;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: var(--orange);
   }
   .about-person-more .about-person-copy em { color: #c8e86a; }
   .about-person-copy strong {
     font-size: 1.15rem;
     letter-spacing: -0.03em;
   }
   .about-person-more .about-person-copy strong { color: #fff; }
   .about-person-copy p {
     margin: 0;
     font-size: 14px;
     line-height: 1.45;
     color: #5c6478;
   }
   .about-person-more .about-person-copy p { color: rgba(255, 255, 255, 0.7); }
   .about-person-copy > span {
     font-size: 13.5px;
     font-weight: 750;
     color: var(--orange);
   }
   .about-person-more .about-person-copy > span { color: #ff8f66; }
   .about-company {
     display: grid;
     grid-template-columns: 1.25fr 0.75fr;
     gap: 24px;
     align-items: start;
   }
   .about-company-card {
     padding: 24px 20px;
     border-radius: 18px;
     background:
       radial-gradient(ellipse 90% 70% at 100% 0%, rgba(255, 77, 26, 0.28), transparent 55%),
       #12141c;
     color: #fff;
     border: 1px solid rgba(255, 255, 255, 0.08);
   }
   .about-company-label {
     margin: 0 0 10px;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     color: #c8e86a;
   }
   .about-company-card strong {
     display: block;
     margin-bottom: 12px;
     font-size: 1.2rem;
     letter-spacing: -0.03em;
   }
   .about-company-card p {
     margin: 0 0 8px;
     font-size: 14px;
     color: rgba(255, 255, 255, 0.7);
   }
   @media (max-width: 1000px) {
     .about-dark-grid { grid-template-columns: 1fr 1fr; }
     .about-best-inner { grid-template-columns: 1fr; }
   }
   @media (max-width: 900px) {
     .about-intro,
     .about-company,
     .about-people { grid-template-columns: 1fr; }
     .about-person-more { min-height: 220px; }
   }
   @media (max-width: 640px) {
     .about-dark-grid,
     .about-best-cards { grid-template-columns: 1fr; }
   }
   @media (prefers-reduced-motion: reduce) {
     .about-person:hover,
     .about-stat-stack article:hover,
     .about-dark-grid article:hover,
     .about-best-cards article:hover { transform: none; }
   }
   
   
   /* ── Careers page ── */
   body:has(.careers-finale) .footer-finale { display: none; }
   .careers-page { overflow: clip; background: #fff; }
   .careers-hero {
     position: relative;
     overflow: hidden;
     padding: 56px 0 48px;
     background:
       linear-gradient(180deg, #f7f5f2 0%, #fff 55%, #fff 100%);
     border-bottom: 1px solid rgba(10, 11, 15, 0.06);
   }
   .careers-hero-glow {
     position: absolute;
     inset: -20% -10% auto;
     height: 85%;
     background:
       radial-gradient(ellipse 42% 55% at 85% 20%, rgba(255, 77, 26, 0.16), transparent 60%),
       radial-gradient(ellipse 36% 50% at 8% 70%, rgba(200, 232, 106, 0.18), transparent 58%);
     pointer-events: none;
   }
   .careers-hero-grid {
     position: relative;
     z-index: 1;
     display: grid;
     grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.95fr);
     gap: 32px 40px;
     align-items: center;
   }
   .careers-hero-brand {
     margin: 0 0 14px;
     font-size: clamp(2.6rem, 6vw, 4.2rem);
     font-weight: 800;
     letter-spacing: -0.055em;
     line-height: 0.92;
     color: var(--orange);
   }
   .careers-hero-hire {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     margin: 0 0 14px;
     padding: 7px 12px;
     border-radius: 999px;
     background: rgba(225, 29, 46, 0.08);
     border: 1px solid rgba(225, 29, 46, 0.22);
     font-size: 12px;
     font-weight: 800;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: #c01222;
   }
   .careers-hero-hire .hire-dot { margin: 0; }
   .careers-hero h1 {
     margin: 0 0 16px;
     max-width: 13ch;
     font-size: clamp(2.1rem, 4.4vw, 3.15rem);
     letter-spacing: -0.045em;
     line-height: 1.05;
     color: var(--ink);
   }
   .careers-hero .lead {
     margin: 0 0 26px;
     max-width: 44ch;
     font-size: 1.08rem;
     line-height: 1.55;
     color: #5c6478;
   }
   .careers-hero-visual {
     display: grid;
     gap: 12px;
   }
   .careers-hero-photo {
     min-height: 220px;
     border-radius: 24px;
     background:
       linear-gradient(135deg, rgba(18, 20, 28, 0.15), rgba(18, 20, 28, 0.45)),
       url("https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=1400&q=85") center / cover no-repeat;
     box-shadow: 0 22px 48px rgba(10, 11, 15, 0.12);
     border: 1px solid rgba(10, 11, 15, 0.06);
     animation: careers-hero-rise 0.7s ease both;
   }
   .careers-hero-crafts {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 10px;
   }
   .careers-hero-crafts article {
     padding: 16px 14px;
     border-radius: 16px;
     background: #12141c;
     color: #fff;
     border: 1px solid rgba(255, 255, 255, 0.08);
     transition: transform 0.2s ease, border-color 0.2s ease;
     animation: careers-hero-rise 0.7s ease both;
   }
   .careers-hero-crafts article.c1 { animation-delay: 0.08s; }
   .careers-hero-crafts article.c2 { animation-delay: 0.14s; }
   .careers-hero-crafts article.c3 { animation-delay: 0.2s; }
   .careers-hero-crafts article.c4 { animation-delay: 0.26s; }
   .careers-hero-crafts article:hover {
     transform: translateY(-3px);
     border-color: rgba(255, 77, 26, 0.4);
   }
   .careers-hero-crafts em {
     display: block;
     margin-bottom: 8px;
     font-style: normal;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.12em;
     color: #c8e86a;
   }
   .careers-hero-crafts strong {
     display: block;
     margin-bottom: 4px;
     font-size: 1.05rem;
     letter-spacing: -0.025em;
   }
   .careers-hero-crafts span {
     font-size: 13px;
     line-height: 1.35;
     color: rgba(255, 255, 255, 0.62);
   }
   @keyframes careers-hero-rise {
     from { opacity: 0; transform: translateY(14px); }
     to { opacity: 1; transform: translateY(0); }
   }
   @media (prefers-reduced-motion: reduce) {
     .careers-hero-photo,
     .careers-hero-crafts article { animation: none; }
   }
   .careers-ai {
     display: grid;
     grid-template-columns: 1.2fr 0.8fr;
     gap: 32px;
     align-items: start;
   }
   .careers-ai-copy .careers-prose { margin-bottom: 14px; }
   .careers-ai-rail {
     display: grid;
     gap: 10px;
   }
   .careers-ai-rail article {
     padding: 16px;
     border-radius: 16px;
     background:
       radial-gradient(ellipse 80% 70% at 100% 0%, rgba(255, 77, 26, 0.22), transparent 55%),
       #12141c;
     border: 1px solid rgba(255, 255, 255, 0.08);
     color: #fff;
   }
   .careers-ai-rail em {
     display: block;
     margin-bottom: 8px;
     font-style: normal;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.12em;
     color: #c8e86a;
   }
   .careers-ai-rail strong {
     display: block;
     margin-bottom: 4px;
     font-size: 1.05rem;
     letter-spacing: -0.025em;
   }
   .careers-ai-rail span {
     font-size: 13.5px;
     line-height: 1.4;
     color: rgba(255, 255, 255, 0.68);
   }
   .careers-build-grid {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: 14px;
     margin-top: 8px;
   }
   .careers-build-grid article {
     padding: 22px 18px;
     border-radius: 18px;
     background: #f7f5f2;
     border: 1px solid rgba(10, 11, 15, 0.06);
   }
   .careers-build-grid em {
     display: block;
     margin-bottom: 10px;
     font-style: normal;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     color: var(--orange);
   }
   .careers-build-grid strong {
     display: block;
     margin-bottom: 8px;
     font-size: 1.12rem;
     letter-spacing: -0.025em;
   }
   .careers-build-grid p {
     margin: 0;
     font-size: 14.5px;
     line-height: 1.5;
     color: #5c6478;
   }
   .careers-thrive {
     display: grid;
     grid-template-columns: 1.2fr 0.8fr;
     gap: 28px;
     align-items: start;
   }
   .careers-thrive-list {
     list-style: none;
     margin: 0;
     padding: 0;
     display: grid;
     gap: 12px;
   }
   .careers-thrive-list li {
     padding: 14px 16px;
     border-radius: 14px;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.08);
     font-size: 14.5px;
     line-height: 1.45;
     color: #3a4150;
   }
   .careers-thrive-list strong { color: var(--ink); }
   .careers-intro {
     display: grid;
     grid-template-columns: 1.15fr 0.85fr;
     gap: 28px;
     align-items: start;
   }
   .careers-prose {
     margin: 0;
     max-width: 58ch;
     font-size: 1.02rem;
     line-height: 1.6;
     color: #3a4150;
   }
   .careers-dark-stack {
     display: grid;
     gap: 10px;
   }
   .careers-dark-stack article {
     padding: 16px;
     border-radius: 16px;
     background:
       radial-gradient(ellipse 80% 70% at 100% 0%, rgba(255, 77, 26, 0.22), transparent 55%),
       #12141c;
     border: 1px solid rgba(255, 255, 255, 0.08);
     color: #fff;
     transition: transform 0.18s ease, border-color 0.15s;
   }
   .careers-dark-stack article:hover {
     transform: translateY(-2px);
     border-color: rgba(255, 77, 26, 0.35);
   }
   .careers-dark-stack em {
     display: block;
     margin-bottom: 8px;
     font-style: normal;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.12em;
     color: #c8e86a;
   }
   .careers-dark-stack strong {
     display: block;
     margin-bottom: 4px;
     font-size: 1.08rem;
     letter-spacing: -0.025em;
   }
   .careers-dark-stack span {
     font-size: 13.5px;
     line-height: 1.4;
     color: rgba(255, 255, 255, 0.68);
   }
   
   .careers-leaders {
     padding: 72px 0;
     color: #fff;
     background:
       radial-gradient(ellipse 55% 50% at 0% 0%, rgba(255, 77, 26, 0.28), transparent 55%),
       radial-gradient(ellipse 40% 35% at 100% 100%, rgba(200, 232, 106, 0.12), transparent 50%),
       #0a0b0f;
   }
   .careers-leaders-inner {
     display: grid;
     grid-template-columns: 1.1fr 0.9fr;
     gap: 28px;
     align-items: center;
   }
   .careers-leaders .eyebrow { color: #ff8f66; }
.careers-leaders .btn-outline-light {
  border-color: rgba(255, 255, 255, 0.28);
  color: #fff !important;
}
   .careers-leaders h2 {
     margin: 0 0 14px;
     max-width: 16ch;
     font-size: clamp(1.85rem, 3.6vw, 2.7rem);
     letter-spacing: -0.04em;
     line-height: 1.05;
     color: #fff;
   }
   .careers-leaders-inner > div > p {
     margin: 0 0 16px;
     max-width: 48ch;
     font-size: 1.05rem;
     line-height: 1.55;
     color: rgba(255, 255, 255, 0.72);
   }
   .careers-check {
     margin: 0 0 22px;
     padding: 0;
     list-style: none;
     display: grid;
     gap: 10px;
   }
   .careers-check li {
     position: relative;
     padding-left: 16px;
     font-size: 14.5px;
     line-height: 1.45;
     color: rgba(255, 255, 255, 0.78);
   }
   .careers-check li::before {
     content: "";
     position: absolute;
     left: 0;
     top: 0.55em;
     width: 7px;
     height: 7px;
     border-radius: 50%;
     background: #c8e86a;
   }
   .careers-leader-cards {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 12px;
   }
   .careers-leader-cards article {
     padding: 18px 16px;
     border-radius: 16px;
     background: rgba(255, 255, 255, 0.05);
     border: 1px solid rgba(255, 255, 255, 0.1);
     transition: transform 0.18s ease, border-color 0.15s;
   }
   .careers-leader-cards article:hover {
     transform: translateY(-3px);
     border-color: rgba(255, 77, 26, 0.4);
   }
   .careers-leader-cards strong {
     display: block;
     margin-bottom: 8px;
     font-size: 1.05rem;
     letter-spacing: -0.025em;
     color: #c8e86a;
   }
   .careers-leader-cards p {
     margin: 0;
     font-size: 13.5px;
     line-height: 1.45;
     color: rgba(255, 255, 255, 0.68);
   }
   
   .careers-quotes {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 16px;
     margin-top: 18px;
   }
   .careers-quote {
     margin: 0;
     padding: 24px 20px;
     border-radius: 20px;
     background:
       radial-gradient(ellipse 90% 70% at 0% 0%, rgba(255, 77, 26, 0.2), transparent 50%),
       #12141c;
     border: 1px solid rgba(255, 255, 255, 0.08);
     color: #fff;
   }
   .careers-quote > p {
     margin: 0 0 22px;
     font-size: clamp(1.1rem, 2vw, 1.3rem);
     letter-spacing: -0.025em;
     line-height: 1.4;
   }
   .careers-quote footer {
     display: flex;
     gap: 12px;
     align-items: center;
   }
   .careers-quote-avatar {
     flex: 0 0 auto;
     width: 48px;
     height: 48px;
     border-radius: 50%;
     background-size: cover;
     background-position: center;
     border: 2px solid rgba(255, 255, 255, 0.15);
   }
   .careers-quote strong {
     display: block;
     font-size: 15px;
     letter-spacing: -0.02em;
   }
   .careers-quote em {
     display: block;
     font-style: normal;
     font-size: 12.5px;
     color: rgba(255, 255, 255, 0.58);
     margin: 2px 0 4px;
   }
   .careers-quote a {
     font-size: 13px;
     font-weight: 750;
     color: #ff8f66 !important;
   }
   
   .careers-how {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: 12px;
     margin-top: 18px;
   }
   .careers-how article {
     padding: 20px 16px;
     border-radius: 18px;
     background:
       radial-gradient(ellipse 90% 70% at 0% 0%, rgba(255, 77, 26, 0.18), transparent 50%),
       #12141c;
     border: 1px solid rgba(255, 255, 255, 0.07);
     color: #fff;
     min-height: 170px;
     transition: transform 0.18s ease, border-color 0.15s;
   }
   .careers-how article:hover {
     transform: translateY(-3px);
     border-color: rgba(255, 77, 26, 0.35);
   }
   .careers-how em {
     display: inline-block;
     margin-bottom: 12px;
     font-style: normal;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.12em;
     color: #c8e86a;
   }
   .careers-how strong {
     display: block;
     margin-bottom: 8px;
     font-size: 1.08rem;
     letter-spacing: -0.025em;
   }
   .careers-how p {
     margin: 0;
     font-size: 14px;
     line-height: 1.45;
     color: rgba(255, 255, 255, 0.68);
   }
   
   .careers-roles-head {
     display: flex;
     flex-wrap: wrap;
     align-items: flex-end;
     justify-content: space-between;
     gap: 16px;
     margin-bottom: 18px;
   }
   .careers-roles {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: 12px;
   }
   .careers-role {
     display: grid;
     gap: 6px;
     align-content: start;
     padding: 18px 16px;
     border-radius: 18px;
     background: #f7f5f2;
     border: 1px solid rgba(10, 11, 15, 0.06);
     color: inherit !important;
     min-height: 180px;
     transition: transform 0.18s ease, border-color 0.15s, background 0.15s;
   }
   .careers-role:hover {
     transform: translateY(-3px);
     border-color: rgba(255, 77, 26, 0.35);
     background: #fff;
   }
   .careers-role-team {
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: var(--orange);
   }
   .careers-role strong {
     font-size: 1.15rem;
     letter-spacing: -0.03em;
   }
   .careers-role em {
     font-style: normal;
     font-size: 13px;
     color: #8b92a5;
   }
   .careers-role p {
     margin: 4px 0 0;
     font-size: 14px;
     line-height: 1.45;
     color: #5c6478;
   }
   .careers-role-cta {
     margin-top: auto;
     padding-top: 12px;
     font-size: 13.5px;
     font-weight: 750;
     color: var(--orange);
   }
   
   .careers-finale {
     padding: 64px 0 80px;
     background:
       radial-gradient(ellipse 50% 45% at 0% 0%, rgba(255, 77, 26, 0.14), transparent 55%),
       #0a0b0f;
     color: #fff;
   }
   .careers-finale .eyebrow { color: #ff8f66; }
   .careers-finale h2 {
     margin: 0 0 12px;
     max-width: 14ch;
     color: #fff;
     font-size: clamp(1.85rem, 3.5vw, 2.6rem);
     letter-spacing: -0.04em;
   }
   .careers-finale-inner {
     display: grid;
     grid-template-columns: 1.2fr 0.8fr;
     gap: 24px;
     align-items: end;
   }
   .careers-finale-inner > div > p {
     margin: 0 0 22px;
     color: rgba(255, 255, 255, 0.7);
     max-width: 42ch;
   }
   .careers-finale-card {
     padding: 22px 18px;
     border-radius: 18px;
     background: rgba(255, 255, 255, 0.05);
     border: 1px solid rgba(255, 255, 255, 0.1);
     display: grid;
     gap: 10px;
   }
   .careers-finale-label {
     margin: 0 0 4px;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     color: #c8e86a;
   }
   .careers-finale-card a {
     color: #fff !important;
     font-weight: 650;
     font-size: 15px;
   }
   .careers-finale-card a:hover { color: #ff8f66 !important; }
   
   @media (max-width: 1000px) {
     .careers-how,
     .careers-build-grid,
     .careers-roles { grid-template-columns: 1fr 1fr; }
     .careers-hero-grid,
     .careers-ai,
     .careers-thrive,
     .careers-leaders-inner,
     .careers-quotes,
     .careers-finale-inner { grid-template-columns: 1fr; }
   }
   @media (max-width: 640px) {
     .careers-how,
     .careers-build-grid,
     .careers-roles,
     .careers-leader-cards { grid-template-columns: 1fr; }
     .careers-hero { padding: 40px 0 36px; }
     .careers-hero-photo { min-height: 180px; }
   }
   @media (prefers-reduced-motion: reduce) {
     .careers-dark-stack article:hover,
     .careers-leader-cards article:hover,
     .careers-how article:hover,
     .careers-role:hover { transform: none; }
   }
   
   /* Careers application form */
   .careers-apply-page { background: #fff; overflow: clip; }
   .careers-apply-hero {
     padding: 40px 0 28px;
     background:
       radial-gradient(ellipse 50% 60% at 100% 0%, rgba(255, 77, 26, 0.1), transparent 55%),
       #f7f5f2;
     border-bottom: 1px solid rgba(10, 11, 15, 0.06);
   }
   .careers-apply-jd-link {
     margin: 14px 0 0;
   }
   .careers-apply-jd-link a {
     font-size: 14px;
     font-weight: 750;
     color: var(--orange) !important;
   }
   .careers-apply-hero h1 {
     margin: 0 0 10px;
     font-size: clamp(1.7rem, 3vw, 2.3rem);
     letter-spacing: -0.035em;
   }
   .careers-apply-hero .lead {
     margin: 0;
     max-width: 52ch;
     color: #5c6478;
     font-size: 1.05rem;
     line-height: 1.5;
   }
   .careers-apply-layout {
     display: grid;
     grid-template-columns: minmax(220px, 0.75fr) minmax(0, 1.25fr);
     gap: 28px;
     align-items: start;
   }
   .careers-apply-aside {
     position: sticky;
     top: 96px;
     padding: 22px 20px;
     border-radius: 18px;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.08);
   }
   .careers-apply-aside h2 {
     margin: 0 0 12px;
     font-size: 1.35rem;
     letter-spacing: -0.03em;
   }
   .careers-apply-aside ul {
     margin: 0 0 16px;
     padding-left: 18px;
     color: #5c6478;
     line-height: 1.5;
   }
   .careers-apply-aside li { margin-bottom: 6px; }
   .careers-apply-note {
     margin: 0 0 16px;
     font-size: 13.5px;
     line-height: 1.45;
     color: #8b92a5;
   }
   .careers-apply-form {
     display: grid;
     gap: 18px;
   }
   .careers-apply-block {
     padding: 22px 20px;
     border-radius: 18px;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.08);
   }
   .careers-apply-block h3 {
     margin: 0 0 16px;
     font-size: 1.05rem;
     letter-spacing: -0.02em;
   }
   .careers-apply-grid {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 14px 12px;
   }
   .careers-apply-grid label {
     display: grid;
     gap: 6px;
     font-size: 13px;
     font-weight: 650;
     color: #2a3140;
   }
   .careers-apply-grid label.full { grid-column: 1 / -1; }
   .careers-apply-grid input,
   .careers-apply-grid select,
   .careers-apply-grid textarea {
     width: 100%;
     padding: 11px 12px;
     border-radius: 12px;
     border: 1px solid rgba(10, 11, 15, 0.12);
     background: #faf9f7;
     font: inherit;
     font-weight: 500;
     color: var(--ink);
   }
   .careers-apply-grid input[type="file"] {
     padding: 10px;
     background: #fff;
   }
   .careers-apply-grid textarea { resize: vertical; min-height: 96px; }
   .careers-apply-grid input:focus,
   .careers-apply-grid select:focus,
   .careers-apply-grid textarea:focus {
     outline: none;
     border-color: rgba(255, 77, 26, 0.45);
     box-shadow: 0 0 0 3px rgba(255, 77, 26, 0.12);
   }
   .careers-apply-hint {
     font-style: normal;
     font-size: 12.5px;
     font-weight: 500;
     color: #8b92a5;
   }
   .careers-apply-check {
     grid-template-columns: 18px 1fr !important;
     gap: 10px !important;
     align-items: start;
     font-weight: 500 !important;
     color: #5c6478 !important;
   }
   .careers-apply-check input { width: auto; margin-top: 2px; }
   .careers-apply-actions {
     display: grid;
     gap: 10px;
     justify-items: start;
   }
   .careers-apply-fine {
     margin: 0;
     font-size: 13px;
     color: #8b92a5;
     max-width: 48ch;
   }
   @media (max-width: 900px) {
     .careers-apply-layout { grid-template-columns: 1fr; }
     .careers-apply-aside { position: static; }
   }
   @media (max-width: 640px) {
     .careers-apply-grid { grid-template-columns: 1fr; }
   }
   
   /* Job description pages */
   .jd-page { background: #fff; overflow: clip; }
   .jd-hero {
     padding: 40px 0 36px;
     background:
       radial-gradient(ellipse 50% 60% at 100% 0%, rgba(255, 77, 26, 0.1), transparent 55%),
       #f7f5f2;
     border-bottom: 1px solid rgba(10, 11, 15, 0.06);
   }
   .jd-team {
     margin: 12px 0 8px;
     font-size: 12px;
     font-weight: 800;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     color: var(--orange);
   }
   .jd-hero h1 {
     margin: 0 0 12px;
     font-size: clamp(2rem, 4vw, 3rem);
     letter-spacing: -0.04em;
   }
   .jd-hero .lead {
     margin: 0 0 20px;
     max-width: 54ch;
     color: #5c6478;
     font-size: 1.06rem;
     line-height: 1.55;
   }
   .jd-meta {
     list-style: none;
     margin: 0 0 22px;
     padding: 0;
     display: flex;
     flex-wrap: wrap;
     gap: 10px 18px;
   }
   .jd-meta li {
     display: grid;
     gap: 2px;
     min-width: 120px;
   }
   .jd-meta em {
     font-style: normal;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: #8b92a5;
   }
   .jd-meta strong {
     font-size: 14.5px;
     letter-spacing: -0.02em;
   }
   .jd-layout {
     display: grid;
     grid-template-columns: minmax(0, 1.25fr) minmax(240px, 0.75fr);
     gap: 28px;
     align-items: start;
   }
   .jd-body {
     display: grid;
     gap: 28px;
   }
   .jd-body h2 {
     margin: 0 0 10px;
     font-size: 1.35rem;
     letter-spacing: -0.03em;
   }
   .jd-body p {
     margin: 0 0 10px;
     max-width: 62ch;
     color: #3a4150;
     line-height: 1.6;
   }
   .jd-body ul {
     margin: 0;
     padding-left: 18px;
     color: #3a4150;
     line-height: 1.55;
   }
   .jd-body li { margin-bottom: 8px; }
   .jd-side {
     display: grid;
     gap: 12px;
     position: sticky;
     top: 96px;
   }
   .jd-side-card {
     padding: 20px 18px;
     border-radius: 18px;
     background: #12141c;
     color: #fff;
     display: grid;
     gap: 8px;
   }
   .jd-side-card.soft {
     background: #f7f5f2;
     color: var(--ink);
     border: 1px solid rgba(10, 11, 15, 0.08);
   }
   .jd-side-label {
     margin: 0;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     color: #c8e86a;
   }
   .jd-side-card.soft .jd-side-label { color: var(--orange); }
   .jd-side-card strong {
     font-size: 1.15rem;
     letter-spacing: -0.03em;
   }
   .jd-side-card p {
     margin: 0 0 6px;
     font-size: 14px;
     color: rgba(255, 255, 255, 0.65);
   }
   .jd-side-card.soft p { color: #5c6478; }
   .jd-side-card .btn { justify-self: start; margin-top: 4px; }
   .jd-side-link {
     margin-top: 6px;
     font-size: 14px;
     font-weight: 700;
     color: #ff8f66 !important;
   }
   .jd-side-card.soft a {
     display: block;
     padding: 6px 0;
     font-size: 14px;
     font-weight: 650;
     color: #2a3140 !important;
     border-bottom: 1px solid rgba(10, 11, 15, 0.06);
   }
   .jd-side-card.soft a:last-child { border-bottom: 0; }
   .jd-side-card.soft a:hover { color: var(--orange) !important; }
   @media (max-width: 900px) {
     .jd-layout { grid-template-columns: 1fr; }
     .jd-side { position: static; }
   }
   
   /* ── Videos library ── */
   body:has(.videos-finale) .footer-finale { display: none; }
   .videos-page { background: #fff; overflow: clip; color: var(--ink); }
   .videos-hero {
     position: relative;
     padding: 52px 0 48px;
     overflow: hidden;
     background: linear-gradient(180deg, #0f1117 0%, #171a22 100%);
     color: #fff;
   }
   .videos-hero-glow {
     position: absolute;
     inset: -20% -10% auto;
     height: 90%;
     background:
       radial-gradient(ellipse 45% 55% at 90% 10%, rgba(255, 77, 26, 0.28), transparent 60%),
       radial-gradient(ellipse 40% 50% at 10% 80%, rgba(200, 232, 106, 0.12), transparent 55%);
     pointer-events: none;
   }
   .videos-hero-grid {
     position: relative;
     z-index: 1;
     display: grid;
     grid-template-columns: minmax(0, 0.95fr) minmax(280px, 1.05fr);
     gap: 28px 36px;
     align-items: center;
   }
   .videos-hero-brand {
     margin: 0 0 12px;
     font-size: clamp(2.5rem, 5.8vw, 4rem);
     font-weight: 800;
     letter-spacing: -0.055em;
     line-height: 0.92;
     color: #ff8f66;
   }
   .videos-hero-kicker {
     margin: 0 0 12px;
     font-size: 12px;
     font-weight: 800;
     letter-spacing: 0.14em;
     text-transform: uppercase;
     color: rgba(255, 255, 255, 0.5);
   }
   .videos-hero h1 {
     margin: 0 0 14px;
     max-width: 12ch;
     font-size: clamp(2rem, 4.2vw, 3.1rem);
     letter-spacing: -0.045em;
     line-height: 1.05;
   }
   .videos-hero .lead {
     margin: 0 0 24px;
     max-width: 42ch;
     color: rgba(255, 255, 255, 0.7);
     font-size: 1.06rem;
     line-height: 1.55;
   }
   .videos-hero .btn-ghost {
     border-color: rgba(255, 255, 255, 0.28);
     color: #fff !important;
   }
   .videos-hero-feature {
     position: relative;
     display: block;
     width: 100%;
     min-height: 340px;
     border: 0;
     padding: 0;
     border-radius: 28px;
     overflow: hidden;
     cursor: pointer;
     text-align: left;
     box-shadow: 0 28px 60px rgba(0, 0, 0, 0.35);
     transform: translateZ(0);
     transition: transform 0.25s ease;
   }
   .videos-hero-feature:hover { transform: translateY(-4px) scale(1.01); }
   .videos-hero-feature-media {
     position: absolute;
     inset: 0;
     background-size: cover;
     background-position: center;
     transform: scale(1.04);
     transition: transform 0.5s ease;
   }
   .videos-hero-feature:hover .videos-hero-feature-media { transform: scale(1.08); }
   .videos-hero-feature-shade {
     position: absolute;
     inset: 0;
     background: linear-gradient(180deg, rgba(10, 11, 15, 0.1) 0%, rgba(10, 11, 15, 0.78) 100%);
   }
   .videos-hero-feature-pulse {
     position: absolute;
     left: 50%;
     top: 42%;
     width: 84px;
     height: 84px;
     margin: -42px 0 0 -42px;
     border-radius: 50%;
     border: 2px solid rgba(255, 255, 255, 0.35);
     animation: vid-pulse 2s ease-out infinite;
   }
   .videos-hero-feature-play {
     position: absolute;
     left: 50%;
     top: 42%;
     width: 72px;
     height: 72px;
     margin: -36px 0 0 -36px;
     border-radius: 50%;
     display: grid;
     place-items: center;
     background: rgba(255, 77, 26, 0.95);
     box-shadow: 0 12px 30px rgba(255, 77, 26, 0.35);
   }
   .videos-hero-feature-play svg {
     width: 28px;
     height: 28px;
     fill: #fff;
     margin-left: 3px;
   }
   .videos-hero-feature-meta {
     position: absolute;
     left: 22px;
     right: 22px;
     bottom: 22px;
     display: grid;
     gap: 4px;
     color: #fff;
   }
   .videos-hero-feature-meta em {
     font-style: normal;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     color: #c8e86a;
   }
   .videos-hero-feature-meta strong {
     font-size: 1.25rem;
     letter-spacing: -0.03em;
   }
   .videos-hero-feature-meta span {
     font-size: 13.5px;
     color: rgba(255, 255, 255, 0.7);
   }
   @keyframes vid-pulse {
     0% { transform: scale(0.85); opacity: 0.8; }
     70% { transform: scale(1.35); opacity: 0; }
     100% { transform: scale(1.35); opacity: 0; }
   }
   
   .videos-library { padding: 64px 0 40px; }
   .videos-library-head {
     display: flex;
     flex-wrap: wrap;
     gap: 18px 24px;
     justify-content: space-between;
     align-items: end;
     margin-bottom: 22px;
   }
   .videos-library-head h2 {
     margin: 0 0 8px;
     font-size: clamp(1.7rem, 3vw, 2.4rem);
     letter-spacing: -0.035em;
   }
   .videos-library-head .sub {
     margin: 0;
     max-width: 46ch;
     color: #5c6478;
   }
   .videos-filters {
     display: flex;
     flex-wrap: wrap;
     gap: 8px;
   }
   .videos-filters button {
     padding: 10px 14px;
     border-radius: 999px;
     border: 1px solid rgba(10, 11, 15, 0.1);
     background: #fff;
     font: inherit;
     font-size: 13.5px;
     font-weight: 750;
     color: #2a3140;
     cursor: pointer;
     transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
   }
   .videos-filters button.on,
   .videos-filters button:hover {
     background: #12141c;
     color: #fff;
     border-color: #12141c;
   }
   .videos-grid {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: 14px;
   }
   .vid-card {
     display: grid;
     gap: 0;
     padding: 0;
     border: 1px solid rgba(10, 11, 15, 0.08);
     border-radius: 20px;
     overflow: hidden;
     background: #fff;
     text-align: left;
     cursor: pointer;
     font: inherit;
     color: inherit;
     transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
     animation: vid-rise 0.55s ease both;
     animation-delay: calc(var(--i, 0) * 0.04s);
   }
   .vid-card:hover {
     transform: translateY(-4px);
     box-shadow: 0 18px 40px rgba(10, 11, 15, 0.1);
     border-color: rgba(255, 77, 26, 0.28);
   }
   .vid-card[hidden] { display: none !important; }
   .vid-card-media {
     position: relative;
     display: block;
     min-height: 170px;
     background-size: cover;
     background-position: center;
   }
   .vid-card-shade {
     position: absolute;
     inset: 0;
     background: linear-gradient(180deg, transparent 40%, rgba(10, 11, 15, 0.45) 100%);
   }
   .vid-play {
     position: absolute;
     left: 14px;
     bottom: 14px;
     width: 42px;
     height: 42px;
     border-radius: 50%;
     display: grid;
     place-items: center;
     background: rgba(255, 77, 26, 0.95);
     transform: scale(0.92);
     transition: transform 0.2s ease;
   }
   .vid-card:hover .vid-play { transform: scale(1); }
   .vid-play svg { width: 16px; height: 16px; fill: #fff; margin-left: 2px; }
   .vid-time {
     position: absolute;
     right: 12px;
     bottom: 14px;
     padding: 4px 8px;
     border-radius: 8px;
     background: rgba(10, 11, 15, 0.72);
     color: #fff;
     font-size: 12px;
     font-weight: 750;
   }
   .vid-badge {
     position: absolute;
     top: 12px;
     left: 12px;
     padding: 5px 9px;
     border-radius: 999px;
     background: rgba(255, 255, 255, 0.92);
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.06em;
     text-transform: uppercase;
     color: #12141c;
   }
   .vid-card-copy {
     display: grid;
     gap: 6px;
     padding: 16px 16px 18px;
   }
   .vid-card-copy strong {
     font-size: 1.05rem;
     letter-spacing: -0.025em;
   }
   .vid-card-copy em {
     font-style: normal;
     font-size: 13.5px;
     line-height: 1.45;
     color: #5c6478;
   }
   .videos-empty {
     margin: 18px 0 0;
     color: #8b92a5;
     font-size: 14.5px;
   }
   @keyframes vid-rise {
     from { opacity: 0; transform: translateY(16px); }
     to { opacity: 1; transform: translateY(0); }
   }
   
   .videos-series {
     padding: 28px 0 64px;
     background: #f7f5f2;
   }
   .videos-series h2 {
     margin: 0 0 18px;
     font-size: clamp(1.6rem, 3vw, 2.2rem);
     letter-spacing: -0.035em;
   }
   .videos-series-grid {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: 12px;
   }
   .videos-series-grid article {
     padding: 22px 18px;
     border-radius: 18px;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.07);
   }
   .videos-series-grid em {
     display: block;
     margin-bottom: 10px;
     font-style: normal;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.12em;
     color: var(--orange);
   }
   .videos-series-grid strong {
     display: block;
     margin-bottom: 8px;
     font-size: 1.12rem;
     letter-spacing: -0.025em;
   }
   .videos-series-grid p {
     margin: 0 0 12px;
     color: #5c6478;
     font-size: 14.5px;
     line-height: 1.45;
   }
   .videos-series-grid span {
     font-size: 12px;
     font-weight: 800;
     letter-spacing: 0.08em;
     text-transform: uppercase;
     color: #8b92a5;
   }
   
   .videos-finale {
     padding: 64px 0 80px;
     background:
       radial-gradient(ellipse 50% 45% at 0% 0%, rgba(255, 77, 26, 0.16), transparent 55%),
       #0a0b0f;
     color: #fff;
   }
   .videos-finale .eyebrow { color: #ff8f66; }
   .videos-finale h2 {
     margin: 0 0 12px;
     max-width: 14ch;
     font-size: clamp(1.85rem, 3.5vw, 2.6rem);
     letter-spacing: -0.04em;
   }
   .videos-finale-inner {
     display: grid;
     grid-template-columns: 1.2fr 0.8fr;
     gap: 24px;
     align-items: end;
   }
   .videos-finale-inner > div > p {
     margin: 0 0 22px;
     color: rgba(255, 255, 255, 0.7);
     max-width: 42ch;
   }
   .videos-finale aside {
     display: grid;
     gap: 10px;
     padding: 20px 18px;
     border-radius: 18px;
     background: rgba(255, 255, 255, 0.05);
     border: 1px solid rgba(255, 255, 255, 0.1);
   }
   .videos-finale aside a {
     color: #fff !important;
     font-weight: 650;
     font-size: 15px;
   }
   .videos-finale aside a:hover { color: #ff8f66 !important; }
   
   .vid-lightbox[hidden] { display: none !important; }
   .vid-lightbox {
     position: fixed;
     inset: 0;
     z-index: 1200;
     display: grid;
     place-items: center;
     padding: 24px;
   }
   .vid-lightbox-backdrop {
     position: absolute;
     inset: 0;
     background: rgba(8, 9, 12, 0.72);
     backdrop-filter: blur(8px);
     border: 0;
     cursor: pointer;
   }
   .vid-lightbox-panel {
     position: relative;
     z-index: 1;
     width: min(920px, 100%);
     border-radius: 24px;
     overflow: hidden;
     background: #12141c;
     color: #fff;
     box-shadow: 0 30px 80px rgba(0, 0, 0, 0.45);
     animation: vid-rise 0.28s ease both;
   }
   .vid-lightbox-x {
     position: absolute;
     top: 14px;
     right: 14px;
     z-index: 2;
     width: 40px;
     height: 40px;
     border: 0;
     border-radius: 999px;
     background: rgba(255, 255, 255, 0.12);
     color: #fff;
     font-size: 24px;
     cursor: pointer;
   }
   .vid-lightbox-stage {
     position: relative;
     min-height: 360px;
     overflow: hidden;
   }
   .vid-lightbox-bg {
     position: absolute;
     inset: 0;
     background-size: cover;
     background-position: center;
     filter: saturate(1.05);
   }
   .vid-lightbox-bg::after {
     content: "";
     position: absolute;
     inset: 0;
     background: linear-gradient(180deg, rgba(10, 11, 15, 0.25), rgba(10, 11, 15, 0.72));
   }
   .vid-lightbox-scan {
     position: absolute;
     inset: 0;
     background: repeating-linear-gradient(
       180deg,
       transparent 0 2px,
       rgba(255, 255, 255, 0.03) 2px 3px
     );
     pointer-events: none;
     opacity: 0.5;
   }
   .vid-lightbox-orb {
     position: absolute;
     left: 50%;
     top: 45%;
     width: 180px;
     height: 180px;
     margin: -90px 0 0 -90px;
     border-radius: 50%;
     background: radial-gradient(circle, rgba(255, 77, 26, 0.35), transparent 70%);
     animation: vid-orb 3.2s ease-in-out infinite;
     pointer-events: none;
   }
   .vid-lightbox-play {
     position: absolute;
     left: 50%;
     top: 45%;
     width: 78px;
     height: 78px;
     margin: -39px 0 0 -39px;
     border: 0;
     border-radius: 50%;
     background: #ff4d1a;
     display: grid;
     place-items: center;
     cursor: pointer;
     box-shadow: 0 14px 36px rgba(255, 77, 26, 0.4);
     transition: transform 0.2s ease;
   }
   .vid-lightbox-play svg { width: 28px; height: 28px; fill: #fff; margin-left: 3px; }
   .vid-lightbox-play.is-playing {
     transform: scale(0.92);
     background: #c8e86a;
   }
   .vid-lightbox-play.is-playing svg { fill: #12141c; }
   .vid-lightbox-soon {
     position: absolute;
     left: 50%;
     bottom: 22px;
     transform: translateX(-50%);
     margin: 0;
     padding: 8px 12px;
     border-radius: 999px;
     background: rgba(10, 11, 15, 0.7);
     font-size: 12.5px;
     font-weight: 750;
     letter-spacing: 0.04em;
     white-space: nowrap;
   }
   .vid-lightbox-soon.is-playing { color: #c8e86a; }
   .vid-lightbox-copy {
     padding: 22px 22px 24px;
     display: grid;
     gap: 8px;
   }
   .vid-lightbox-kicker {
     margin: 0;
     font-size: 12px;
     font-weight: 800;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     color: #c8e86a;
   }
   .vid-lightbox-copy h3 {
     margin: 0;
     font-size: 1.4rem;
     letter-spacing: -0.03em;
   }
   .vid-lightbox-copy p {
     margin: 0 0 8px;
     color: rgba(255, 255, 255, 0.7);
     line-height: 1.5;
   }
   .vid-lightbox-copy .btn-ghost {
     border-color: rgba(255, 255, 255, 0.28);
     color: #fff !important;
   }
   @keyframes vid-orb {
     0%, 100% { transform: scale(0.9); opacity: 0.55; }
     50% { transform: scale(1.15); opacity: 0.9; }
   }
   
   @media (max-width: 1000px) {
     .videos-hero-grid,
     .videos-finale-inner,
     .videos-series-grid { grid-template-columns: 1fr; }
     .videos-grid { grid-template-columns: 1fr 1fr; }
     .videos-hero-feature { min-height: 280px; }
   }
   @media (max-width: 640px) {
     .videos-grid { grid-template-columns: 1fr; }
     .vid-lightbox-stage { min-height: 240px; }
     .videos-hero { padding: 40px 0 36px; }
   }
   @media (prefers-reduced-motion: reduce) {
     .videos-hero-feature-pulse,
     .vid-lightbox-orb,
     .vid-card { animation: none; }
   }
   
   /* ── Tools hub ── */
   body:has(.tools-finale) .footer-finale { display: none; }
   .tools-page { background: #fff; color: var(--ink); overflow: clip; }
   .tools-hero {
     position: relative;
     padding: 52px 0 48px;
     overflow: hidden;
     background:
       radial-gradient(ellipse 55% 60% at 100% 0%, rgba(255, 77, 26, 0.12), transparent 55%),
       radial-gradient(ellipse 40% 50% at 0% 100%, rgba(200, 232, 106, 0.14), transparent 50%),
       #f7f5f2;
     border-bottom: 1px solid rgba(10, 11, 15, 0.06);
   }
   .tools-hero-glow {
     position: absolute;
     inset: -15% auto auto -5%;
     width: 50%;
     height: 70%;
     background: radial-gradient(circle, rgba(255, 77, 26, 0.1), transparent 70%);
     pointer-events: none;
   }
   .tools-hero-grid {
     position: relative;
     z-index: 1;
     display: grid;
     grid-template-columns: minmax(0, 1.15fr) minmax(260px, 0.85fr);
     gap: 28px 36px;
     align-items: end;
   }
   .tools-hero-brand {
     margin: 0 0 12px;
     font-size: clamp(2.5rem, 5.8vw, 4rem);
     font-weight: 800;
     letter-spacing: -0.055em;
     line-height: 0.92;
     color: var(--orange);
   }
   .tools-hero-kicker {
     margin: 0 0 12px;
     font-size: 12px;
     font-weight: 800;
     letter-spacing: 0.14em;
     text-transform: uppercase;
     color: #8b92a5;
   }
   .tools-hero h1 {
     margin: 0 0 14px;
     max-width: 14ch;
     font-size: clamp(2rem, 4.2vw, 3.1rem);
     letter-spacing: -0.045em;
     line-height: 1.05;
   }
   .tools-hero .lead {
     margin: 0 0 24px;
     max-width: 48ch;
     color: #5c6478;
     font-size: 1.08rem;
     line-height: 1.55;
   }
   .tools-hero-panel {
     padding: 22px 20px;
     border-radius: 22px;
     background: #12141c;
     color: #fff;
     box-shadow: 0 20px 44px rgba(10, 11, 15, 0.14);
   }
   .tools-hero-panel-label {
     margin: 0 0 14px;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     color: #c8e86a;
   }
   .tools-hero-panel ul {
     list-style: none;
     margin: 0 0 16px;
     padding: 0;
     display: grid;
     gap: 12px;
   }
   .tools-hero-panel li {
     display: grid;
     grid-template-columns: 34px 1fr;
     grid-template-rows: auto auto;
     column-gap: 10px;
     padding-bottom: 12px;
     border-bottom: 1px solid rgba(255, 255, 255, 0.08);
   }
   .tools-hero-panel li:last-child { border-bottom: 0; padding-bottom: 0; }
   .tools-hero-panel em {
     grid-row: 1 / span 2;
     font-style: normal;
     font-size: 11px;
     font-weight: 800;
     color: rgba(255, 255, 255, 0.35);
     padding-top: 3px;
   }
   .tools-hero-panel strong {
     font-size: 15px;
     letter-spacing: -0.02em;
   }
   .tools-hero-panel span {
     font-size: 13px;
     color: rgba(255, 255, 255, 0.58);
   }
   .tools-hero-panel > a {
     font-size: 14px;
     font-weight: 750;
     color: #ff8f66 !important;
   }
   
   .tools-band {
     padding: 56px 0;
     background:
       radial-gradient(ellipse 50% 60% at 0% 0%, rgba(255, 77, 26, 0.22), transparent 55%),
       #0a0b0f;
     color: #fff;
   }
   .tools-band .eyebrow { color: #ff8f66; }
   .tools-band h2 {
     margin: 0 0 12px;
     max-width: 16ch;
     font-size: clamp(1.7rem, 3.2vw, 2.5rem);
     letter-spacing: -0.035em;
   }
   .tools-band .sub {
     margin: 0;
     max-width: 54ch;
     color: rgba(255, 255, 255, 0.7);
     line-height: 1.55;
   }
   .tools-band-inner {
     display: flex;
     flex-wrap: wrap;
     gap: 22px 32px;
     justify-content: space-between;
     align-items: end;
   }
   
   .tools-shelf { padding: 64px 0 40px; }
   .tools-shelf-head { margin-bottom: 20px; }
   .tools-shelf-head h2 {
     margin: 0 0 8px;
     font-size: clamp(1.7rem, 3vw, 2.4rem);
     letter-spacing: -0.035em;
   }
   .tools-shelf-head .sub {
     margin: 0;
     max-width: 48ch;
     color: #5c6478;
   }
   .tools-shelf-grid {
     display: grid;
     grid-template-columns: repeat(4, minmax(0, 1fr));
     gap: 12px;
   }
   .tools-shelf-card {
     display: grid;
     gap: 8px;
     align-content: start;
     padding: 22px 18px;
     border-radius: 18px;
     background: #f7f5f2;
     border: 1px solid rgba(10, 11, 15, 0.07);
     color: inherit !important;
     transition: transform 0.18s ease, border-color 0.18s ease;
   }
   .tools-shelf-card:hover {
     transform: translateY(-3px);
     border-color: rgba(255, 77, 26, 0.35);
   }
   .tools-shelf-card.featured {
     background:
       radial-gradient(ellipse 80% 70% at 100% 0%, rgba(255, 77, 26, 0.28), transparent 55%),
       #12141c;
     color: #fff !important;
     border-color: transparent;
   }
   .tools-shelf-card em {
     font-style: normal;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     color: var(--orange);
   }
   .tools-shelf-card.featured em { color: #c8e86a; }
   .tools-shelf-card strong {
     font-size: 1.12rem;
     letter-spacing: -0.025em;
   }
   .tools-shelf-card p {
     margin: 0;
     font-size: 14px;
     line-height: 1.45;
     color: #5c6478;
   }
   .tools-shelf-card.featured p { color: rgba(255, 255, 255, 0.68); }
   .tools-shelf-card > span {
     margin-top: 6px;
     font-size: 13.5px;
     font-weight: 750;
     color: var(--orange);
   }
   .tools-shelf-card.featured > span { color: #ff8f66; }
   
   .tools-calc { padding: 56px 0; }
   .tools-calc.soft { background: #f7f5f2; }
   .tools-calc-grid {
     display: grid;
     grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
     gap: 28px;
     align-items: start;
   }
   .tools-calc-grid.flip { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); }
   .tools-calc-grid.flip .tools-calc-copy { order: 2; }
   .tools-calc-grid.flip .tools-calc-panel { order: 1; }
   .tools-calc-copy h2 {
     margin: 0 0 10px;
     max-width: 14ch;
     font-size: clamp(1.6rem, 3vw, 2.3rem);
     letter-spacing: -0.035em;
   }
   .tools-calc-copy .sub {
     margin: 0 0 16px;
     max-width: 46ch;
     color: #5c6478;
     line-height: 1.55;
   }
   .tools-check {
     margin: 0;
     padding-left: 18px;
     color: #3a4150;
     line-height: 1.55;
   }
   .tools-check li { margin-bottom: 6px; }
   .tools-calc-panel {
     display: grid;
     gap: 14px;
     padding: 22px 20px;
     border-radius: 22px;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.08);
     box-shadow: 0 16px 36px rgba(10, 11, 15, 0.05);
   }
   .tools-calc-panel.dark {
     background: #12141c;
     color: #fff;
     border-color: transparent;
   }
   .tools-calc-panel label {
     display: grid;
     grid-template-columns: 1fr auto;
     gap: 8px 12px;
     align-items: center;
     font-size: 13.5px;
     font-weight: 650;
   }
   .tools-calc-panel label span { grid-column: 1; }
   .tools-calc-panel label output {
     grid-column: 2;
     font-weight: 800;
     color: var(--orange);
   }
   .tools-calc-panel.dark label output { color: #c8e86a; }
   .tools-calc-panel label input[type="range"] {
     grid-column: 1 / -1;
     width: 100%;
     accent-color: var(--orange);
   }
   .tools-calc-result {
     margin-top: 6px;
     padding-top: 16px;
     border-top: 1px solid rgba(10, 11, 15, 0.08);
     display: grid;
     gap: 6px;
   }
   .tools-calc-panel.dark .tools-calc-result {
     border-top-color: rgba(255, 255, 255, 0.1);
   }
   .tools-calc-result p {
     margin: 0;
     font-size: 12px;
     font-weight: 800;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: #8b92a5;
   }
   .tools-calc-panel.dark .tools-calc-result p { color: rgba(255, 255, 255, 0.45); }
   .tools-calc-result strong {
     font-size: clamp(1.8rem, 3vw, 2.4rem);
     letter-spacing: -0.04em;
     color: var(--ink);
   }
   .tools-calc-panel.dark .tools-calc-result strong { color: #fff; }
   .tools-calc-result em {
     font-style: normal;
     font-size: 13.5px;
     color: #5c6478;
   }
   .tools-calc-panel.dark .tools-calc-result em { color: rgba(255, 255, 255, 0.6); }
   .tools-meter {
     margin-top: 8px;
     height: 10px;
     border-radius: 999px;
     background: rgba(10, 11, 15, 0.08);
     overflow: hidden;
   }
   .tools-meter i {
     display: block;
     height: 100%;
     border-radius: inherit;
     background: linear-gradient(90deg, #ff4d1a, #ff8f66);
     transition: width 0.2s ease;
   }
   .tools-rings {
     position: relative;
     width: 72px;
     height: 72px;
     margin-top: 8px;
   }
   .tools-ring {
     position: absolute;
     inset: 0;
     border-radius: 50%;
     background:
       conic-gradient(#c8e86a calc(var(--p, 50) * 1%), rgba(255, 255, 255, 0.12) 0);
     mask: radial-gradient(farthest-side, transparent calc(100% - 8px), #000 calc(100% - 7px));
     -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 8px), #000 calc(100% - 7px));
     transition: background 0.2s ease;
   }
   .tools-ring-label {
     position: absolute;
     inset: 0;
     display: grid;
     place-items: center;
     font-size: 14px;
     font-weight: 800;
     color: #fff;
   }
   .tools-bars {
     display: flex;
     align-items: end;
     gap: 8px;
     height: 64px;
     margin-top: 8px;
   }
   .tools-bars span {
     flex: 1;
     height: 100%;
     border-radius: 10px 10px 4px 4px;
     background: rgba(10, 11, 15, 0.06);
     display: flex;
     align-items: end;
     overflow: hidden;
   }
   .tools-bars i {
     display: block;
     width: 100%;
     height: 40%;
     border-radius: inherit;
     background: linear-gradient(180deg, #ff8f66, #ff4d1a);
     transition: height 0.2s ease;
   }
   
   .tools-how { padding: 56px 0 64px; }
   .tools-how h2 {
     margin: 0 0 18px;
     font-size: clamp(1.6rem, 3vw, 2.2rem);
     letter-spacing: -0.035em;
   }
   .tools-how-grid {
     display: grid;
     grid-template-columns: repeat(4, minmax(0, 1fr));
     gap: 12px;
   }
   .tools-how-grid article {
     padding: 20px 16px;
     border-radius: 18px;
     background: #f7f5f2;
     border: 1px solid rgba(10, 11, 15, 0.06);
   }
   .tools-how-grid em {
     display: block;
     margin-bottom: 10px;
     font-style: normal;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.12em;
     color: var(--orange);
   }
   .tools-how-grid strong {
     display: block;
     margin-bottom: 8px;
     font-size: 1.05rem;
     letter-spacing: -0.025em;
   }
   .tools-how-grid p {
     margin: 0;
     font-size: 14px;
     line-height: 1.45;
     color: #5c6478;
   }
   
   .tools-finale {
     padding: 64px 0 80px;
     background:
       radial-gradient(ellipse 50% 45% at 100% 0%, rgba(255, 77, 26, 0.18), transparent 55%),
       #0a0b0f;
     color: #fff;
   }
   .tools-finale .eyebrow { color: #ff8f66; }
   .tools-finale h2 {
     margin: 0 0 12px;
     max-width: 14ch;
     font-size: clamp(1.85rem, 3.5vw, 2.6rem);
     letter-spacing: -0.04em;
   }
   .tools-finale-inner {
     display: grid;
     grid-template-columns: 1.25fr 0.75fr;
     gap: 24px;
     align-items: end;
   }
   .tools-finale-inner > div > p {
     margin: 0 0 22px;
     color: rgba(255, 255, 255, 0.7);
     max-width: 48ch;
   }
   .tools-finale aside {
     display: grid;
     gap: 10px;
     padding: 20px 18px;
     border-radius: 18px;
     background: rgba(255, 255, 255, 0.05);
     border: 1px solid rgba(255, 255, 255, 0.1);
   }
   .tools-finale aside a {
     color: #fff !important;
     font-weight: 650;
     font-size: 15px;
   }
   .tools-finale aside a:hover { color: #ff8f66 !important; }
   
   @media (max-width: 1000px) {
     .tools-hero-grid,
     .tools-calc-grid,
     .tools-calc-grid.flip,
     .tools-finale-inner { grid-template-columns: 1fr; }
     .tools-calc-grid.flip .tools-calc-copy,
     .tools-calc-grid.flip .tools-calc-panel { order: 0; }
     .tools-shelf-grid,
     .tools-how-grid { grid-template-columns: 1fr 1fr; }
   }
   @media (max-width: 640px) {
     .tools-shelf-grid,
     .tools-how-grid { grid-template-columns: 1fr; }
     .tools-hero { padding: 40px 0 36px; }
   }
   
   /* ── Guides library ── */
   body:has(.guides-band) .footer-finale { display: none; }
   .guides-page { background: #fff; color: var(--ink); overflow: clip; }
   .guides-hero {
     position: relative;
     padding: 52px 0 48px;
     overflow: hidden;
     background:
       linear-gradient(180deg, #faf8f5 0%, #f3f0eb 100%);
     border-bottom: 1px solid rgba(10, 11, 15, 0.06);
   }
   .guides-hero-glow {
     position: absolute;
     inset: -20% -5% auto;
     height: 80%;
     background:
       radial-gradient(ellipse 40% 55% at 90% 20%, rgba(255, 77, 26, 0.12), transparent 60%),
       radial-gradient(ellipse 35% 50% at 5% 70%, rgba(200, 232, 106, 0.14), transparent 55%);
     pointer-events: none;
   }
   .guides-hero-grid {
     position: relative;
     z-index: 1;
     display: grid;
     grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
     gap: 28px 36px;
     align-items: end;
   }
   .guides-hero-brand {
     margin: 0 0 12px;
     font-size: clamp(2.5rem, 5.8vw, 4rem);
     font-weight: 800;
     letter-spacing: -0.055em;
     line-height: 0.92;
     color: var(--orange);
   }
   .guides-hero-kicker {
     margin: 0 0 12px;
     font-size: 12px;
     font-weight: 800;
     letter-spacing: 0.14em;
     text-transform: uppercase;
     color: #8b92a5;
   }
   .guides-hero h1 {
     margin: 0 0 14px;
     max-width: 14ch;
     font-size: clamp(2rem, 4.2vw, 3.1rem);
     letter-spacing: -0.045em;
     line-height: 1.05;
   }
   .guides-hero .lead {
     margin: 0 0 22px;
     max-width: 48ch;
     color: #5c6478;
     font-size: 1.08rem;
     line-height: 1.55;
   }
   .guides-hero-caption {
     margin: 16px 0 0;
     font-size: 13px;
     color: #8b92a5;
   }
   .guides-hero-featured {
     display: grid;
     gap: 10px;
     padding: 18px;
     border-radius: 22px;
     background: #12141c;
     color: #fff;
     box-shadow: 0 22px 48px rgba(10, 11, 15, 0.14);
   }
   .guides-hero-featured-label {
     margin: 0 0 4px;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     color: #c8e86a;
   }
   .guides-hero-featured button {
     display: grid;
     gap: 4px;
     text-align: left;
     padding: 14px 12px;
     border-radius: 14px;
     border: 1px solid rgba(255, 255, 255, 0.08);
     background: rgba(255, 255, 255, 0.04);
     color: #fff;
     font: inherit;
     cursor: pointer;
     transition: border-color 0.15s ease, background 0.15s ease;
   }
   .guides-hero-featured button:hover {
     border-color: rgba(255, 77, 26, 0.4);
     background: rgba(255, 255, 255, 0.07);
   }
   .guides-hero-featured em {
     font-style: normal;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: #ff8f66;
   }
   .guides-hero-featured strong {
     font-size: 14.5px;
     letter-spacing: -0.02em;
     line-height: 1.3;
   }
   .guides-hero-featured span {
     font-size: 13px;
     color: rgba(255, 255, 255, 0.58);
     line-height: 1.4;
   }
   
   .guides-library { padding: 56px 0 40px; scroll-margin-top: 80px; }
   .guides-library-head {
     display: flex;
     flex-wrap: wrap;
     gap: 16px 24px;
     justify-content: space-between;
     align-items: end;
     margin-bottom: 18px;
   }
   .guides-library-head h2 {
     margin: 0 0 8px;
     font-size: clamp(1.7rem, 3vw, 2.4rem);
     letter-spacing: -0.035em;
   }
   .guides-library-head .sub {
     margin: 0;
     color: #5c6478;
   }
   .guides-search input {
     width: min(280px, 100%);
     padding: 12px 14px;
     border-radius: 12px;
     border: 1px solid rgba(10, 11, 15, 0.12);
     background: #faf9f7;
     font: inherit;
   }
   .guides-search input:focus {
     outline: none;
     border-color: rgba(255, 77, 26, 0.45);
     box-shadow: 0 0 0 3px rgba(255, 77, 26, 0.12);
   }
   .guides-filters {
     display: flex;
     flex-wrap: wrap;
     gap: 8px;
     margin-bottom: 20px;
   }
   .guides-filters button {
     padding: 9px 13px;
     border-radius: 999px;
     border: 1px solid rgba(10, 11, 15, 0.1);
     background: #fff;
     font: inherit;
     font-size: 13px;
     font-weight: 750;
     color: #2a3140;
     cursor: pointer;
   }
   .guides-filters button.on,
   .guides-filters button:hover {
     background: #12141c;
     color: #fff;
     border-color: #12141c;
   }
   .guides-grid {
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
     gap: 12px;
   }
   .guide-card {
     border-radius: 18px;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.08);
     overflow: hidden;
     transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
     animation: guide-rise 0.5s ease both;
     animation-delay: calc(var(--i, 0) * 0.02s);
   }
   .guide-card:hover {
     transform: translateY(-3px);
     border-color: rgba(255, 77, 26, 0.3);
     box-shadow: 0 16px 34px rgba(10, 11, 15, 0.08);
   }
   .guide-card[hidden] { display: none !important; }
   .guide-card-hit {
     display: grid;
     gap: 8px;
     width: 100%;
     height: 100%;
     padding: 18px 16px;
     border: 0;
     background: transparent;
     text-align: left;
     font: inherit;
     color: inherit;
     cursor: pointer;
   }
   .guide-card-meta {
     display: flex;
     justify-content: space-between;
     gap: 10px;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.08em;
     text-transform: uppercase;
   }
   .guide-card-meta em {
     font-style: normal;
     color: var(--orange);
   }
   .guide-card-meta span { color: #8b92a5; }
   .guide-card-hit strong {
     font-size: 1.05rem;
     letter-spacing: -0.025em;
     line-height: 1.25;
   }
   .guide-card-hit p {
     margin: 0;
     font-size: 13.5px;
     line-height: 1.45;
     color: #5c6478;
   }
   .guide-card-cta {
     margin-top: 4px;
     font-size: 13.5px;
     font-weight: 750;
     color: var(--orange);
   }
   .guides-empty {
     margin: 16px 0 0;
     color: #8b92a5;
   }
   @keyframes guide-rise {
     from { opacity: 0; transform: translateY(12px); }
     to { opacity: 1; transform: translateY(0); }
   }
   
   .guides-reader {
     padding: 40px 0 64px;
     background: #f7f5f2;
     border-top: 1px solid rgba(10, 11, 15, 0.06);
   }
   .guides-reader[hidden],
   .guides-library[hidden] { display: none !important; }
   .guide-reader-panel {
     max-width: 760px;
     padding: 28px 28px 32px;
     border-radius: 24px;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.08);
     box-shadow: 0 18px 40px rgba(10, 11, 15, 0.06);
   }
   .guide-reader-panel[hidden] { display: none !important; }
   .guide-reader-kicker {
     margin: 0 0 10px;
     font-size: 12px;
     font-weight: 800;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     color: var(--orange);
   }
   .guide-reader-panel h2 {
     margin: 0 0 10px;
     font-size: clamp(1.7rem, 3vw, 2.4rem);
     letter-spacing: -0.035em;
     line-height: 1.1;
   }
   .guide-reader-lead {
     margin: 0 0 18px;
     font-size: 1.08rem;
     color: #5c6478;
     line-height: 1.5;
   }
   .guide-reader-body p {
     margin: 0 0 14px;
     color: #3a4150;
     line-height: 1.65;
     max-width: 62ch;
   }
   .guide-reader-body h3 {
     margin: 22px 0 10px;
     font-size: 1.1rem;
     letter-spacing: -0.02em;
   }
   .guide-reader-body ol {
     margin: 0 0 14px;
     padding-left: 18px;
     color: #3a4150;
     line-height: 1.55;
   }
   .guide-reader-body li { margin-bottom: 8px; }
   
   .guides-page.is-reading .guides-reader {
     padding: 40px 0 24px;
     background: #fff;
     border-top: 0;
   }
   .guides-finale {
     margin: 12px 16px 16px;
     border-radius: var(--r-lg, 28px);
     padding: 56px 32px;
     background:
       radial-gradient(ellipse at 30% 20%, rgba(255, 77, 26, 0.35), transparent 50%),
       var(--ink);
     color: #fff;
   }
   .guides-finale-inner {
     display: grid;
     grid-template-columns: 1.2fr 0.8fr;
     gap: 28px;
     align-items: end;
   }
   .guides-finale .eyebrow { color: #ff8f66; }
   .guides-finale h2 {
     margin: 0 0 10px;
     max-width: 16ch;
     color: #fff;
     font-size: clamp(1.7rem, 3.4vw, 2.4rem);
   }
   .guides-finale p { color: rgba(255, 255, 255, 0.72); }
   .guides-finale aside { display: grid; gap: 8px; }
   .guides-finale aside a,
   .guides-finale aside .btn {
     color: #fff;
     text-decoration: none;
     padding: 12px 16px;
     border-radius: 14px;
     border: 1px solid rgba(255, 255, 255, 0.14);
     font-weight: 700;
     width: 100%;
     justify-content: center;
   }
   .guides-finale aside a:hover { background: rgba(255, 255, 255, 0.08); }

   /* Guides delight — cinematic polish */
   .guides-hero-bg {
     transform: scale(1.04);
     animation: guidesKen 20s ease-in-out infinite alternate;
   }
   @keyframes guidesKen {
     from { transform: scale(1.04) translate3d(0, 0, 0); }
     to { transform: scale(1.1) translate3d(-1.2%, -1%, 0); }
   }
   .guides-hero::after {
     background:
       linear-gradient(112deg, rgba(8, 9, 14, 0.94) 0%, rgba(8, 9, 14, 0.72) 48%, rgba(8, 9, 14, 0.38) 100%),
       linear-gradient(0deg, rgba(8, 9, 14, 0.88) 0%, transparent 52%),
       radial-gradient(ellipse 50% 45% at 90% 12%, rgba(255, 77, 26, 0.34), transparent 55%),
       radial-gradient(ellipse 40% 35% at 8% 78%, rgba(200, 232, 106, 0.14), transparent 50%);
   }
   .guides-hero-brand {
     margin: 0 0 10px;
     font-family: Outfit, var(--font);
     font-size: clamp(2.6rem, 6.2vw, 4.4rem);
     font-weight: 800;
     letter-spacing: var(--track-wordmark, -0.035em);
     line-height: 0.9;
   }
   .guides-hero-brand .logo-salon { color: #fff; }
   .guides-hero-brand .logo-bills { color: #ff8f66; }
   .guides-hero-stats {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
     margin: 0 0 22px;
   }
   .guides-hero-stats div {
     padding: 10px 14px;
     border-radius: 14px;
     background: rgba(255, 255, 255, 0.08);
     border: 1px solid rgba(255, 255, 255, 0.12);
     backdrop-filter: blur(8px);
     min-width: 88px;
   }
   .guides-hero-stats strong {
     display: block;
     font-size: 1.35rem;
     font-weight: 800;
     letter-spacing: -0.03em;
     color: #fff;
     line-height: 1.1;
   }
   .guides-hero-stats span {
     display: block;
     margin-top: 2px;
     font-size: 11px;
     font-weight: 700;
     letter-spacing: 0.08em;
     text-transform: uppercase;
     color: rgba(255, 255, 255, 0.55);
   }
   .guides-hero-panel {
     box-shadow: 0 28px 60px rgba(0, 0, 0, 0.38);
     transition: transform 0.25s ease, border-color 0.2s ease, box-shadow 0.25s ease;
   }
   .guides-hero-panel:hover {
     transform: translateY(-4px);
     border-color: rgba(255, 77, 26, 0.38);
     box-shadow: 0 32px 70px rgba(255, 77, 26, 0.18);
   }
   .guides-marquee {
     background: var(--ink);
     border-top: 1px solid rgba(255, 255, 255, 0.06);
     border-bottom: 1px solid rgba(255, 255, 255, 0.06);
     padding: 14px 0;
     overflow: hidden;
   }
   .guides-marquee-track {
     display: flex;
     gap: 28px;
     animation: guidesMarquee 42s linear infinite;
     white-space: nowrap;
   }
   .guides-marquee-track span {
     font-size: 12px;
     font-weight: 800;
     letter-spacing: 0.14em;
     text-transform: uppercase;
     color: rgba(255, 255, 255, 0.42);
   }
   @keyframes guidesMarquee {
     from { transform: translateX(0); }
     to { transform: translateX(-50%); }
   }
   .guides-jump {
     position: relative;
     z-index: 1;
     display: flex;
     flex-wrap: wrap;
     gap: 8px;
     background:
       radial-gradient(ellipse 80% 100% at 0% 0%, rgba(255, 77, 26, 0.14), transparent 55%),
       linear-gradient(180deg, #12141c 0%, #0a0b0f 100%);
     border-bottom: 1px solid rgba(255, 255, 255, 0.08);
     padding: 14px 20px;
     box-shadow: 0 12px 32px rgba(10, 11, 15, 0.12);
   }
   .guides-jump a {
     padding: 9px 14px;
     border-radius: 999px;
     background: rgba(255, 255, 255, 0.06);
     border: 1px solid rgba(255, 255, 255, 0.12);
     color: rgba(255, 255, 255, 0.78) !important;
     font-size: 13px;
     font-weight: 750;
     text-decoration: none;
     transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
   }
   .guides-jump a:hover {
     background: rgba(255, 77, 26, 0.22);
     border-color: rgba(255, 77, 26, 0.48);
     color: #fff !important;
     transform: translateY(-1px);
   }
   .guides-jump a:last-child {
     background: rgba(255, 77, 26, 0.18);
     border-color: rgba(255, 77, 26, 0.42);
     color: #fff !important;
   }
   .guides-manifesto-inner {
     grid-template-columns: repeat(6, minmax(0, 1fr));
   }
   .guides-manifesto button {
     transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
   }
   .guides-manifesto button:hover {
     transform: translateY(-3px);
     border-color: rgba(255, 77, 26, 0.42);
     background: rgba(255, 255, 255, 0.08);
   }
   .guides-how {
     background:
       radial-gradient(ellipse 70% 80% at 100% 0%, rgba(255, 77, 26, 0.08), transparent 55%),
       #f6f4f0;
   }
   .guides-how-grid article {
     position: relative;
     padding: 22px 18px 20px 56px;
     border-radius: 20px;
     box-shadow: 0 10px 28px rgba(10, 11, 15, 0.05);
     transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
   }
   .guides-how-grid article::before {
     content: attr(data-step);
     position: absolute;
     left: 16px;
     top: 18px;
     width: 32px;
     height: 32px;
     border-radius: 10px;
     background: var(--ink);
     color: #c8e86a;
     font-size: 12px;
     font-weight: 800;
     display: flex;
     align-items: center;
     justify-content: center;
   }
   .guides-how-grid article:hover {
     transform: translateY(-3px);
     border-color: rgba(255, 77, 26, 0.28);
     box-shadow: 0 18px 40px rgba(10, 11, 15, 0.08);
   }
   .guides-how-grid em { display: none; }
   .guides-floor-card {
     position: relative;
     overflow: hidden;
     padding: 22px 18px 18px;
     border-radius: 20px;
     background: #fff;
     border: 1px solid rgba(10, 11, 15, 0.08);
     box-shadow: 0 8px 24px rgba(10, 11, 15, 0.05);
     transition: transform 0.22s ease, border-color 0.2s ease, box-shadow 0.22s ease;
   }
   .guides-floor-card::before {
     content: "";
     position: absolute;
     inset: 0;
     opacity: 0.55;
     pointer-events: none;
     transition: opacity 0.22s ease;
   }
   .guides-floor-card--salon::before {
     background: linear-gradient(145deg, rgba(255, 77, 26, 0.14), transparent 60%);
   }
   .guides-floor-card--spa::before {
     background: linear-gradient(145deg, rgba(120, 170, 255, 0.18), transparent 60%);
   }
   .guides-floor-card--medspa::before {
     background: linear-gradient(145deg, rgba(200, 232, 106, 0.16), transparent 60%);
   }
   .guides-floor-card--barber::before {
     background: linear-gradient(145deg, rgba(255, 180, 120, 0.2), transparent 60%);
   }
   .guides-floor-card--nails::before {
     background: linear-gradient(145deg, rgba(255, 140, 200, 0.16), transparent 60%);
   }
   .guides-floor-card--groups::before {
     background: linear-gradient(145deg, rgba(100, 120, 200, 0.18), transparent 60%);
   }
   .guides-floor-card:hover {
     transform: translateY(-4px);
     border-color: rgba(255, 77, 26, 0.32);
     box-shadow: 0 22px 48px rgba(10, 11, 15, 0.1);
   }
   .guides-floor-card:hover::before { opacity: 0.85; }
   .guides-floor-card em,
   .guides-floor-card strong,
   .guides-floor-card p,
   .guides-floor-card button {
     position: relative;
     z-index: 1;
   }
   .guides-library {
     background:
       radial-gradient(ellipse 60% 50% at 0% 0%, rgba(255, 77, 26, 0.06), transparent 55%),
       #fff;
   }
   .guides-filters-sticky {
     position: sticky;
     top: var(--header-offset, 72px);
     z-index: 25;
     padding: 10px 12px;
     margin: 0 -12px 20px;
     border-radius: 16px;
     background: rgba(255, 255, 255, 0.92);
     border: 1px solid rgba(10, 11, 15, 0.08);
     box-shadow: 0 12px 32px rgba(10, 11, 15, 0.06);
     backdrop-filter: blur(12px);
   }
   body:has(.site-header.mega-live) .guides-jump,
   body:has(.site-header.mega-live) .guides-filters-sticky,
   body:has(.site-header.mega-live) .nr-jump {
     visibility: hidden;
     pointer-events: none;
   }
   .guide-card {
     position: relative;
   }
   .guide-card[data-cat="operations"] { --guide-accent: #ff4e1b; }
   .guide-card[data-cat="revenue"] { --guide-accent: #8bc34a; }
   .guide-card[data-cat="experience"] { --guide-accent: #6b9fff; }
   .guide-card[data-cat="growth"] { --guide-accent: #ffb347; }
   .guide-card[data-cat="team"] { --guide-accent: #c8e86a; }
   .guide-card[data-cat="technology"] { --guide-accent: #9b7bff; }
   .guide-card::before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     width: 4px;
     background: var(--guide-accent, var(--orange));
     border-radius: 18px 0 0 18px;
     z-index: 1;
   }
   .guide-card::after {
     content: "";
     position: absolute;
     inset: 0;
     background: linear-gradient(135deg, rgba(255, 77, 26, 0.04), transparent 55%);
     opacity: 0;
     transition: opacity 0.2s ease;
     pointer-events: none;
   }
   .guide-card:hover::after { opacity: 1; }
   .guide-card-meta em { color: var(--guide-accent, var(--orange)); }
   .guides-related {
     background: var(--ink);
     color: #fff;
   }
   .guides-related .eyebrow { color: #ff8f66; }
   .guides-related h2 { color: #fff; max-width: none; }
   .guides-related .sub { color: rgba(255, 255, 255, 0.62); }
   .guides-related-grid a {
     background:
       radial-gradient(ellipse 80% 70% at 100% 0%, rgba(255, 77, 26, 0.22), transparent 55%),
       rgba(255, 255, 255, 0.04);
     border: 1px solid rgba(255, 255, 255, 0.1);
     color: #fff;
     transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
   }
   .guides-related-grid a:hover {
     transform: translateY(-3px);
     border-color: rgba(255, 77, 26, 0.45);
     background: rgba(255, 255, 255, 0.08);
   }
   .guides-related-grid em { color: #c8e86a; }
   .guides-related-grid span { color: rgba(255, 255, 255, 0.62); }
   .guide-reader-panel {
     border-radius: 28px;
     box-shadow: 0 28px 64px rgba(10, 11, 15, 0.1);
   }
   .guide-reader-body ol {
     padding: 16px 18px 16px 36px;
     border-radius: 16px;
     background: #f6f4f0;
     border: 1px solid rgba(10, 11, 15, 0.06);
   }
   .guides-finale {
     box-shadow: 0 28px 64px rgba(10, 11, 15, 0.2);
   }
   @media (prefers-reduced-motion: reduce) {
     .guides-hero-bg { animation: none; transform: none; }
     .guides-marquee-track { animation: none; }
   }
   
   @media (max-width: 1200px) {
     .guides-manifesto-inner { grid-template-columns: repeat(3, minmax(0, 1fr)); }
   }
   @media (max-width: 1000px) {
     .guides-hero-grid,
     .guides-manifesto-inner,
     .guides-how-grid,
     .guides-finale-inner { grid-template-columns: 1fr 1fr; }
     .guides-grid,
     .guides-floor-grid,
     .guides-related-grid { grid-template-columns: 1fr 1fr; }
   }
   @media (max-width: 900px) {
     .guides-hero-grid,
     .guides-manifesto-inner,
     .guides-finale-inner { grid-template-columns: 1fr; }
     .guides-hero { min-height: 0; padding: 40px 0 36px; }
     .guides-hero .cta-row .btn { width: 100%; }
   }
   @media (max-width: 640px) {
     .guides-manifesto-inner { grid-template-columns: 1fr 1fr; }
     .guides-grid,
     .guides-how-grid,
     .guides-floor-grid,
     .guides-related-grid { grid-template-columns: 1fr; }
     .guide-reader-panel { padding: 22px 18px; }
   }
   @media (prefers-reduced-motion: reduce) {
     .guide-card { animation: none; }
   }
   
   /* ========== Support Center ========== */
   body:has(.support-page) .footer-finale { display: none; }
   .support-page { background: #fff; color: var(--ink); overflow: clip; }
   
   .support-hero {
     position: relative;
     padding: 64px 0 52px;
     overflow: hidden;
     color: #fff;
     isolation: isolate;
     min-height: min(72vh, 640px);
     display: grid;
     align-items: end;
   }
   .support-hero-bg {
     position: absolute;
     inset: 0;
     z-index: -2;
     background-size: cover;
     background-position: center 30%;
   }
   .support-hero::after {
     content: "";
     position: absolute;
     inset: 0;
     z-index: -1;
     background:
       linear-gradient(115deg, rgba(8, 9, 14, 0.94) 0%, rgba(8, 9, 14, 0.72) 48%, rgba(8, 9, 14, 0.42) 100%),
       radial-gradient(ellipse 50% 45% at 88% 18%, rgba(255, 77, 26, 0.34), transparent 55%);
   }
   .support-hero-grid {
     position: relative;
     z-index: 1;
     display: grid;
     grid-template-columns: minmax(0, 1.15fr) minmax(240px, 0.7fr);
     gap: 32px;
     align-items: end;
   }
   .support-hero .hero-brand-lockup {
     display: block;
     margin: 0 0 16px;
     font-size: clamp(1.7rem, 3.2vw, 2.15rem);
     font-weight: 700;
     letter-spacing: var(--track-wordmark, -0.035em);
     line-height: 1;
     color: #fff;
   }
   .support-hero-kicker {
     margin: 0 0 12px;
     font-size: 12px;
     font-weight: 800;
     letter-spacing: 0.14em;
     text-transform: uppercase;
     color: rgba(255, 255, 255, 0.5);
   }
   .support-hero h1 {
     margin: 0 0 16px;
     font-size: clamp(2.5rem, 5.6vw, 4rem);
     letter-spacing: -0.05em;
     line-height: 0.98;
   }
   .support-hero .lead {
     margin: 0 0 22px;
     max-width: 44ch;
     color: rgba(255, 255, 255, 0.72);
     font-size: 1.08rem;
     line-height: 1.55;
   }
   .support-search {
     display: flex;
     gap: 10px;
     max-width: 540px;
     margin: 0 0 20px;
   }
   .support-search input {
     flex: 1;
     min-width: 0;
     border: 1px solid rgba(255, 255, 255, 0.18);
     border-radius: 14px;
     background: rgba(255, 255, 255, 0.08);
     color: #fff;
     padding: 14px 16px;
     font: inherit;
   }
   .support-search input::placeholder { color: rgba(255, 255, 255, 0.5); }
   .support-search input:focus {
     outline: 2px solid rgba(255, 78, 27, 0.45);
     border-color: #FF4E1B;
   }
   .support-hero .cta-row { gap: 10px; }
   .support-hero .btn-outline-light { color: #fff !important; }
   .support-hero-panel {
     padding: 22px 20px;
     border-radius: 24px;
     background: rgba(12, 13, 18, 0.7);
     border: 1px solid rgba(255, 255, 255, 0.12);
     backdrop-filter: blur(16px);
   }
   .support-hero-panel > p {
     margin: 0 0 14px;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     color: #ff8f66;
   }
   .support-hero-panel ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
   .support-hero-panel li { display: grid; grid-template-columns: auto 1fr; gap: 2px 12px; }
   .support-hero-panel em {
     grid-row: span 2;
     font-style: normal;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.08em;
     color: #c8e86a;
     padding-top: 3px;
   }
   .support-hero-panel a { color: inherit; text-decoration: none; display: grid; gap: 2px; }
   .support-hero-panel strong { font-size: 0.98rem; color: #fff; }
   .support-hero-panel span { font-size: 0.88rem; color: rgba(255, 255, 255, 0.55); }
   .support-hero-panel a:hover strong { color: #ff8f66; }
   
   .support-pulse-bar {
     background: #12141c;
     color: #fff;
     border-bottom: 1px solid rgba(255, 255, 255, 0.06);
   }
   .support-pulse-bar-inner {
     max-width: var(--max);
     margin: 0 auto;
     padding: 14px 24px;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     gap: 12px 18px;
     font-size: 0.95rem;
   }
   .support-pulse-bar-inner p { margin: 0; color: rgba(255, 255, 255, 0.78); }
   .support-pulse-bar-inner a {
     margin-left: auto;
     color: #ff8a63;
     font-weight: 600;
     text-decoration: none;
   }
   .support-pulse-bar-inner a:hover { color: #fff; }
   .support-pulse-dot {
     width: 10px;
     height: 10px;
     border-radius: 50%;
     background: #3dd68c;
     box-shadow: 0 0 0 0 rgba(61, 214, 140, 0.6);
     animation: support-pulse 1.8s ease-out infinite;
   }
   @keyframes support-pulse {
     0% { box-shadow: 0 0 0 0 rgba(61, 214, 140, 0.55); }
     70% { box-shadow: 0 0 0 12px rgba(61, 214, 140, 0); }
     100% { box-shadow: 0 0 0 0 rgba(61, 214, 140, 0); }
   }

   .support-manifesto {
     background: var(--ink);
     color: #fff;
     padding: 28px 0 32px;
     border-top: 1px solid rgba(255, 255, 255, 0.06);
   }
   .support-manifesto-inner {
     display: grid;
     grid-template-columns: repeat(4, minmax(0, 1fr));
     gap: 14px;
   }
   .support-manifesto article {
     padding: 16px 14px;
     border-radius: 16px;
     border: 1px solid rgba(255, 255, 255, 0.08);
     background: rgba(255, 255, 255, 0.04);
   }
   .support-manifesto em {
     display: block;
     margin-bottom: 8px;
     font-style: normal;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.12em;
     color: #c8e86a;
   }
   .support-manifesto strong { display: block; margin-bottom: 4px; }
   .support-manifesto span { font-size: 0.88rem; color: rgba(255, 255, 255, 0.58); }
   
   .support-jump {
     max-width: var(--max);
     margin: 0 auto;
     padding: 18px 24px;
     display: flex;
     flex-wrap: wrap;
     gap: 8px;
     border-bottom: 1px solid var(--line-dark);
     position: sticky;
     top: 0;
     z-index: 20;
     background: rgba(255, 255, 255, 0.94);
     backdrop-filter: blur(10px);
   }
   .support-jump a {
     font-size: 0.82rem;
     font-weight: 600;
     color: #5c6478;
     text-decoration: none;
     padding: 7px 11px;
     border-radius: 999px;
     border: 1px solid transparent;
   }
   .support-jump a:hover {
     color: var(--ink);
     border-color: var(--line-dark);
     background: var(--fog);
   }
   
   .support-sec {
     padding: 64px 0;
   }
   .support-sec.soft { background: var(--fog); }
   .support-sec .wrap {
     max-width: var(--max);
     margin: 0 auto;
     padding: 0 24px;
   }
   .support-kicker {
     margin: 0 0 10px;
     font-size: 12px;
     font-weight: 800;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     color: var(--orange);
   }
   .support-kicker.light { color: #ff8a63; }
   .support-sec h2 {
     margin: 0 0 14px;
     max-width: 18ch;
     font-size: clamp(1.65rem, 3vw, 2.4rem);
     letter-spacing: -0.035em;
     line-height: 1.1;
   }
   .support-sub {
     margin: 0 0 18px;
     max-width: 54ch;
     color: #5c6478;
     line-height: 1.55;
     font-size: 1.05rem;
   }
   
   .support-get-grid {
     display: grid;
     grid-template-columns: repeat(5, 1fr);
     gap: 14px;
     margin-top: 28px;
   }
   .support-get-grid article {
     padding: 20px 18px;
     border-radius: 16px;
     background: #fff;
     border: 1px solid var(--line-dark);
   }
   .support-get-grid strong {
     display: block;
     margin-bottom: 8px;
     font-size: 0.98rem;
     letter-spacing: -0.02em;
   }
   .support-get-grid p {
     margin: 0;
     font-size: 0.9rem;
     color: #5c6478;
     line-height: 1.45;
   }
   
   .support-topic-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 12px;
     margin-top: 24px;
   }
   .support-topic-grid a {
     display: block;
     padding: 20px 18px;
     border-radius: 16px;
     background: #fff;
     border: 1px solid var(--line-dark);
     text-decoration: none;
     color: inherit;
     transition: border-color 0.15s, transform 0.15s;
   }
   .support-topic-grid a:hover {
     border-color: rgba(255, 77, 26, 0.45);
     transform: translateY(-2px);
   }
   .support-topic-grid em {
     display: block;
     margin-bottom: 6px;
     font-style: normal;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: var(--orange);
   }
   .support-topic-grid strong {
     font-size: 1.05rem;
     letter-spacing: -0.02em;
   }
   
   .support-split {
     display: grid;
     grid-template-columns: 1.35fr 0.85fr;
     gap: 28px;
     align-items: start;
   }
   .support-steps {
     margin: 0;
     padding-left: 18px;
     color: #3a4150;
     line-height: 1.55;
   }
   .support-steps li { margin-bottom: 8px; }
   .support-bullets {
     margin: 0;
     padding-left: 18px;
     color: #3a4150;
     line-height: 1.55;
   }
   .support-bullets li { margin-bottom: 8px; }
   .support-aside {
     padding: 22px 20px;
     border-radius: 18px;
     background: #fff;
     border: 1px solid var(--line-dark);
     display: grid;
     gap: 10px;
   }
   .support-aside.dark {
     background: #12141c;
     border-color: transparent;
     color: #fff;
   }
   .support-aside.dark a { color: #ff8a63; }
   .support-aside-label {
     margin: 0 0 4px;
     font-size: 12px;
     font-weight: 800;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: var(--orange);
   }
   .support-aside.dark .support-aside-label { color: #ff8a63; }
   .support-aside p { margin: 0 0 8px; color: #5c6478; line-height: 1.45; }
   .support-aside.dark p { color: rgba(255, 255, 255, 0.7); }
   .support-aside a {
     color: var(--ink);
     font-weight: 600;
     text-decoration: none;
   }
   .support-aside a:hover { color: var(--orange); }
   
   .support-howto-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 12px;
     margin-top: 24px;
   }
   .support-howto-grid a {
     display: flex;
     flex-direction: column;
     gap: 6px;
     padding: 18px 16px;
     border-radius: 14px;
     background: #fff;
     border: 1px solid var(--line-dark);
     text-decoration: none;
     color: inherit;
   }
   .support-howto-grid a:hover { border-color: rgba(255, 77, 26, 0.4); }
   .support-howto-grid strong { font-size: 1rem; letter-spacing: -0.02em; }
   .support-howto-grid span { font-size: 0.88rem; color: #5c6478; }
   
   .support-faq {
     display: grid;
     gap: 10px;
     margin-top: 22px;
     max-width: 760px;
   }
   .support-faq details {
     border-radius: 14px;
     background: #fff;
     border: 1px solid var(--line-dark);
     padding: 4px 16px 4px;
   }
   .support-faq summary {
     cursor: pointer;
     list-style: none;
     padding: 14px 0;
     font-weight: 600;
     letter-spacing: -0.015em;
   }
   .support-faq summary::-webkit-details-marker { display: none; }
   .support-faq details[hidden] { display: none !important; }
   .support-faq p {
     margin: 0 0 14px;
     color: #5c6478;
     line-height: 1.55;
   }
   
   .support-compliance,
   .support-trouble,
   .support-status-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 12px;
     margin-top: 24px;
   }
   .support-compliance article,
   .support-trouble article,
   .support-status-grid article {
     padding: 20px 18px;
     border-radius: 16px;
     background: #fff;
     border: 1px solid var(--line-dark);
   }
   .support-compliance strong,
   .support-trouble strong,
   .support-status-grid strong {
     display: block;
     margin-bottom: 8px;
     letter-spacing: -0.02em;
   }
   .support-compliance p,
   .support-trouble p,
   .support-status-grid p {
     margin: 0;
     font-size: 0.92rem;
     color: #5c6478;
     line-height: 1.45;
   }
   .support-trouble em {
     display: block;
     margin-bottom: 8px;
     font-style: normal;
     font-size: 12px;
     font-weight: 800;
     letter-spacing: 0.1em;
     color: var(--orange);
   }
   .support-status-grid .ok {
     display: inline-block;
     width: 8px;
     height: 8px;
     border-radius: 50%;
     background: #3dd68c;
     margin-bottom: 10px;
     animation: support-pulse 1.8s ease-out infinite;
   }
   
   .support-academy {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 12px;
     margin-top: 24px;
   }
   .support-academy a {
     display: block;
     padding: 22px 18px;
     border-radius: 16px;
     background: #12141c;
     color: #fff;
     text-decoration: none;
   }
   .support-academy em {
     display: block;
     margin-bottom: 8px;
     font-style: normal;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     color: #ff8a63;
   }
   .support-academy strong {
     display: block;
     margin-bottom: 6px;
     font-size: 1.15rem;
     letter-spacing: -0.025em;
   }
   .support-academy span {
     font-size: 0.9rem;
     color: rgba(255, 255, 255, 0.62);
   }
   
   .support-verticals {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
     margin-top: 22px;
   }
   .support-verticals a {
     padding: 12px 18px;
     border-radius: 999px;
     border: 1px solid var(--line-dark);
     background: #fff;
     color: var(--ink);
     font-weight: 600;
     text-decoration: none;
   }
   .support-verticals a:hover {
     border-color: rgba(255, 77, 26, 0.45);
     color: var(--orange);
   }
   
   .support-pulse {
     display: grid;
     grid-template-columns: 1.1fr 0.9fr;
     gap: 28px;
     align-items: start;
   }
   .support-pulse-form {
     display: grid;
     gap: 12px;
     padding: 22px 20px;
     border-radius: 18px;
     background: #fff;
     border: 1px solid var(--line-dark);
     box-shadow: var(--shadow-soft);
   }
   .support-pulse-form label {
     display: grid;
     gap: 6px;
     font-size: 0.88rem;
     font-weight: 600;
     color: #3a4150;
   }
   .support-pulse-form input,
   .support-pulse-form select,
   .support-pulse-form textarea {
     width: 100%;
     border: 1px solid var(--line-dark);
     border-radius: 10px;
     padding: 11px 12px;
     font: inherit;
     background: #fff;
   }
   .support-pulse-form input:focus,
   .support-pulse-form select:focus,
   .support-pulse-form textarea:focus {
     outline: none;
     border-color: rgba(255, 77, 26, 0.55);
   }
   .support-form-note {
     margin: 0;
     font-size: 0.85rem;
     color: #5c6478;
     line-height: 1.45;
   }
   .support-pulse-form.is-sent {
     border-color: rgba(61, 214, 140, 0.55);
     background: #f3fbf7;
   }
   
   .support-contact-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 14px;
     margin-top: 24px;
   }
   .support-contact-grid article {
     padding: 22px 20px;
     border-radius: 16px;
     background: var(--fog);
     border: 1px solid var(--line-dark);
   }
   .support-contact-grid em {
     display: block;
     margin-bottom: 8px;
     font-style: normal;
     font-size: 11px;
     font-weight: 800;
     letter-spacing: 0.12em;
     text-transform: uppercase;
     color: var(--orange);
   }
   .support-contact-grid strong {
     display: block;
     margin-bottom: 8px;
     font-size: 1.15rem;
     letter-spacing: -0.02em;
   }
   .support-contact-grid a {
     color: inherit;
     text-decoration: none;
   }
   .support-contact-grid a:hover { color: var(--orange); }
   .support-contact-grid p {
     margin: 0;
     color: #5c6478;
     font-size: 0.92rem;
   }
   
   .support-finale {
     margin: 12px 16px 16px;
     border-radius: var(--r-lg, 28px);
     padding: 56px 32px;
     background:
       radial-gradient(ellipse at 30% 20%, rgba(255, 77, 26, 0.35), transparent 50%),
       var(--ink);
     color: #fff;
   }
   .support-finale-inner {
     display: grid;
     grid-template-columns: 1.2fr 0.8fr;
     gap: 28px;
     align-items: end;
   }
   .support-finale .eyebrow { color: #ff8f66; }
   .support-finale h2 {
     margin: 0 0 10px;
     max-width: 16ch;
     color: #fff;
     font-size: clamp(1.7rem, 3.4vw, 2.4rem);
   }
   .support-finale p { color: rgba(255, 255, 255, 0.72); }
   .support-finale aside { display: grid; gap: 8px; }
   .support-finale aside a {
     color: #fff;
     text-decoration: none;
     padding: 12px 16px;
     border-radius: 14px;
     border: 1px solid rgba(255, 255, 255, 0.14);
     font-weight: 700;
   }
   .support-finale aside a:hover { background: rgba(255, 255, 255, 0.08); }
   
   @media (max-width: 1000px) {
     .support-get-grid { grid-template-columns: 1fr 1fr; }
     .support-howto-grid,
     .support-academy,
     .support-compliance,
     .support-trouble,
     .support-status-grid,
     .support-contact-grid { grid-template-columns: 1fr 1fr; }
     .support-split,
     .support-pulse,
     .support-hero-grid,
     .support-manifesto-inner,
     .support-finale-inner { grid-template-columns: 1fr; }
     .support-topic-grid { grid-template-columns: 1fr 1fr; }
     .support-hero { min-height: 0; padding: 40px 0 36px; }
   }
   @media (max-width: 640px) {
     .support-hero { padding: 40px 0 36px; }
     .support-search { flex-direction: column; }
     .support-get-grid,
     .support-howto-grid,
     .support-academy,
     .support-compliance,
     .support-trouble,
     .support-status-grid,
     .support-contact-grid,
     .support-topic-grid { grid-template-columns: 1fr; }
     .support-jump { top: auto; position: relative; }
     .support-pulse-bar-inner a { margin-left: 0; }
   }
   @media (prefers-reduced-motion: reduce) {
     .support-pulse-dot,
     .support-status-grid .ok { animation: none; }
   }

/* ── Merged from post-backup work (Aug 22) ── */

/* ── Brand lockup + header helpers (merged Aug 22) ── */

.nav-mobile-only { display: none !important; }
.header-demo .demo-short { display: none; }
@media (max-width: 720px) {
  .header-demo .demo-long { display: none; }
  .header-demo .demo-short { display: inline !important; }
}
.hero-brand-lockup .logo-wordmark {
  font-size: clamp(1.6rem, 4vw, 2.35rem);
}
.hero-brand-lockup .logo-salon { color: #fff; }
.hero-brand-lockup .logo-bills { color: var(--orange); }


/* ── Customer Love ── */
body:has(.love-finale) .footer-finale { display: none; }
.love-page { background: #fff; color: var(--ink); overflow: clip; }
.love-hero {
  position: relative;
  padding: 56px 0 48px;
  overflow: hidden;
  color: #fff;
  isolation: isolate;
}
.love-hero-bg {
  position: absolute;
  inset: 0;
  z-index: -2;
  background-size: cover;
  background-position: center;
}
.love-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(115deg, rgba(8, 9, 14, 0.94) 0%, rgba(8, 9, 14, 0.72) 48%, rgba(8, 9, 14, 0.4) 100%),
    radial-gradient(ellipse 50% 45% at 88% 18%, rgba(255, 77, 26, 0.32), transparent 55%);
}
.love-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.95fr);
  gap: 32px;
  align-items: center;
}
.love-hero-brand {
  margin: 0 0 10px;
  font-size: clamp(2.4rem, 5.5vw, 3.8rem);
  font-weight: 800;
  letter-spacing: -0.055em;
  line-height: 0.9;
  color: #ff8f66;
}
.love-kicker {
  margin: 0 0 12px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
}
.love-hero h1 {
  margin: 0 0 14px;
  max-width: 14ch;
  font-size: clamp(2rem, 4.4vw, 3.2rem);
  letter-spacing: -0.045em;
  line-height: 1.04;
}
.love-hero .lead {
  margin: 0 0 22px;
  max-width: 42ch;
  color: rgba(255, 255, 255, 0.72);
  font-size: 1.06rem;
  line-height: 1.55;
}
.love-hero .btn-ghost {
  border-color: rgba(255, 255, 255, 0.28);
  color: #fff !important;
}
.love-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  max-width: 420px;
  margin-top: 28px;
}
.love-stats article {
  padding: 12px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.12);
}
.love-stats strong {
  display: block;
  font-size: 1.05rem;
  letter-spacing: -0.03em;
  color: #c8e86a;
}
.love-stats span {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.55);
}
.love-hero-quote {
  margin: 0;
  padding: 28px 26px;
  border-radius: 28px;
  background: rgba(12, 13, 18, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(16px);
  box-shadow: 0 28px 60px rgba(0, 0, 0, 0.35);
}
.love-stars {
  display: block;
  margin-bottom: 12px;
  letter-spacing: 0.18em;
  color: #ff4e1b;
  font-size: 0.82rem;
}
.love-hero-quote blockquote {
  margin: 0 0 18px;
  font-size: clamp(1.15rem, 2.2vw, 1.45rem);
  font-weight: 650;
  letter-spacing: -0.03em;
  line-height: 1.35;
}
.love-hero-quote figcaption strong {
  display: block;
  font-size: 1rem;
}
.love-hero-quote figcaption em {
  color: rgba(255, 255, 255, 0.55);
  font-style: normal;
  font-size: 0.9rem;
}
.love-marquee {
  overflow: hidden;
  padding: 16px 0;
  background: var(--ink);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.love-marquee-track {
  display: flex;
  gap: 36px;
  width: max-content;
  animation: love-scroll 32s linear infinite;
}
.love-marquee-track span {
  font-size: 0.92rem;
  font-weight: 750;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.38);
  white-space: nowrap;
}
@keyframes love-scroll {
  to { transform: translateX(-50%); }
}
.love-wall { padding: 64px 0 24px; }
.love-wall-head {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: flex-end;
  flex-wrap: wrap;
  margin-bottom: 28px;
}
.love-wall h2 {
  margin: 0 0 8px;
  max-width: 16ch;
  font-size: clamp(1.6rem, 3vw, 2.2rem);
}
.love-wall .sub { margin: 0; max-width: 46ch; color: var(--muted); }
.love-filters { display: flex; flex-wrap: wrap; gap: 8px; }
.love-filters button {
  border: 1px solid var(--line);
  background: #fff;
  color: var(--ink);
  border-radius: 999px;
  padding: 8px 14px;
  font-weight: 700;
  font-size: 0.88rem;
  cursor: pointer;
}
.love-filters button.on,
.love-filters button:hover {
  background: var(--ink);
  color: #fff;
  border-color: var(--ink);
}
.love-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.love-card {
  display: flex;
  flex-direction: column;
  min-height: 420px;
  border-radius: 24px;
  overflow: hidden;
  background: var(--canvas, #f4f2ef);
  color: inherit;
  text-decoration: none;
  border: 1px solid rgba(17, 17, 17, 0.06);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.love-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(17, 17, 17, 0.1);
}
.love-card[hidden] { display: none !important; }
.love-card--lg { grid-column: span 2; flex-direction: row; min-height: 320px; }
.love-card-media {
  display: block;
  min-height: 180px;
  flex: 0 0 42%;
  background-size: cover;
  background-position: center;
}
.love-card-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 22px 22px 20px;
  flex: 1;
}
.love-card blockquote {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 650;
  letter-spacing: -0.03em;
  line-height: 1.4;
}
.love-card cite { display: block; font-style: normal; }
.love-card cite strong { display: block; }
.love-card cite em {
  color: var(--muted);
  font-style: normal;
  font-size: 0.9rem;
}
.love-go {
  margin-top: auto;
  font-size: 0.88rem;
  font-weight: 750;
  color: var(--orange);
}
.love-proof {
  padding: 48px 0 20px;
}
.love-proof-inner {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 28px;
  align-items: start;
  padding: 36px;
  border-radius: 28px;
  background: var(--canvas, #f4f2ef);
}
.love-proof h2 {
  margin: 0;
  max-width: 12ch;
  font-size: clamp(1.5rem, 3vw, 2rem);
}
.love-proof ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 16px;
}
.love-proof li strong { display: block; margin-bottom: 4px; }
.love-proof li span { color: var(--muted); }
.love-finale {
  margin: 28px 16px 16px;
  border-radius: var(--r-lg, 28px);
  padding: 56px 32px;
  background:
    radial-gradient(ellipse at 30% 20%, rgba(255, 77, 26, 0.35), transparent 50%),
    var(--ink);
  color: #fff;
}
.love-finale-inner {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 28px;
  align-items: end;
}
.love-finale .eyebrow { color: #ff8f66; }
.love-finale h2 {
  margin: 0 0 10px;
  max-width: 16ch;
  color: #fff;
  font-size: clamp(1.7rem, 3.4vw, 2.4rem);
}
.love-finale p { color: rgba(255, 255, 255, 0.72); }
.love-finale aside {
  display: grid;
  gap: 8px;
}
.love-finale aside a {
  color: #fff;
  text-decoration: none;
  padding: 12px 16px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  font-weight: 700;
}
.love-finale aside a:hover { background: rgba(255, 255, 255, 0.08); }
@media (max-width: 900px) {
  .love-hero-grid,
  .love-card--lg,
  .love-proof-inner,
  .love-finale-inner { grid-template-columns: 1fr; }
  .love-card--lg { flex-direction: column; }
  .love-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
  .love-grid { grid-template-columns: 1fr; }
  .love-stats { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .love-marquee-track { animation: none; }
}

/* ── Contact page ── */
body:has(.contact-finale) .footer-finale { display: none; }
.contact-page { overflow: clip; background: #fff; }
.contact-hero {
  position: relative;
  padding: 72px 0 140px;
  overflow: hidden;
  color: #fff;
  isolation: isolate;
  min-height: min(72vh, 640px);
  display: grid;
  align-items: end;
}
.contact-hero-bg {
  position: absolute;
  inset: 0;
  z-index: -2;
  background-size: cover;
  background-position: center 30%;
}
.contact-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(115deg, rgba(8, 9, 14, 0.94) 0%, rgba(8, 9, 14, 0.72) 46%, rgba(8, 9, 14, 0.4) 100%),
    radial-gradient(ellipse 50% 45% at 88% 18%, rgba(255, 77, 26, 0.36), transparent 55%);
}
.contact-hero-inner {
  position: relative;
  z-index: 1;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  width: min(var(--max), calc(100% - 40px));
}
.contact-hero-kicker {
  margin: 0 0 12px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
}
.contact-hero h1 {
  margin: 0 0 16px;
  font-size: clamp(2.6rem, 6vw, 4.4rem);
  letter-spacing: -0.05em;
  line-height: 0.98;
}
.contact-hero .lead {
  margin: 0 0 26px;
  max-width: 42ch;
  color: rgba(255, 255, 255, 0.74);
  font-size: 1.12rem;
  line-height: 1.55;
}
.contact-hero .btn-outline-light {
  color: #fff !important;
}
.contact-hero-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 22px;
}
.contact-hero-chips span {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.82);
}
.contact-desk {
  position: relative;
  z-index: 2;
  margin-top: -88px;
  padding: 0 0 28px;
}
.contact-desk-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(260px, 0.7fr);
  gap: 18px;
  align-items: start;
}
.contact-form-card {
  padding: 32px 30px 28px;
  border-radius: 28px;
  background: #fff;
  border: 1px solid rgba(17, 17, 17, 0.08);
  box-shadow: 0 28px 60px rgba(8, 9, 14, 0.18);
}
.contact-form-card .eyebrow { color: var(--orange, #FF4E1B); }
.contact-form-card h2 {
  margin: 0 0 8px;
  font-size: clamp(1.5rem, 2.6vw, 2rem);
  letter-spacing: -0.04em;
}
.contact-form-sub {
  margin: 0 0 22px;
  color: var(--muted, #5c5c5c);
  font-size: 0.95rem;
}
.contact-form { display: grid; gap: 14px; }
.contact-form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.contact-form label {
  display: grid;
  gap: 6px;
  font-size: 13px;
  font-weight: 700;
}
.contact-form input,
.contact-form select,
.contact-form textarea {
  width: 100%;
  border: 1px solid rgba(17, 17, 17, 0.14);
  border-radius: 14px;
  padding: 12px 14px;
  font: inherit;
  background: #faf9f7;
}
.contact-form textarea { min-height: 110px; resize: vertical; }
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
  outline: 2px solid rgba(255, 78, 27, 0.35);
  border-color: #FF4E1B;
  background: #fff;
}
.contact-form .btn { width: 100%; margin-top: 4px; }
.contact-form-fine {
  margin: 2px 0 0;
  font-size: 12px;
  color: var(--muted, #5c5c5c);
  font-weight: 500;
}
.contact-form-fine a { font-weight: 700; }
.contact-lanes {
  display: grid;
  gap: 12px;
}
.contact-lane {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 2px 12px;
  padding: 18px 18px 16px;
  border-radius: 22px;
  background: var(--ink, #111);
  color: #fff;
  text-decoration: none;
  border: 1px solid rgba(255, 255, 255, 0.08);
  transition: transform 0.2s ease, background 0.2s ease;
}
.contact-lane:hover { transform: translateY(-2px); background: #1a1a1a; }
.contact-lane em {
  grid-row: span 4;
  font-style: normal;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.1em;
  color: #c8e86a;
  padding-top: 4px;
}
.contact-lane strong { font-size: 1.02rem; letter-spacing: -0.02em; }
.contact-lane span {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.58);
  grid-column: 2;
}
.contact-lane b {
  grid-column: 2;
  margin-top: 6px;
  font-size: 13px;
  font-weight: 700;
  color: #ff8f66;
}
.contact-lane-accent {
  background:
    radial-gradient(ellipse at 90% 0%, rgba(255, 78, 27, 0.45), transparent 55%),
    var(--ink, #111);
}
.contact-paths {
  padding: 56px 0 20px;
}
.contact-paths h2 {
  margin: 0 0 28px;
  max-width: 16ch;
  font-size: clamp(1.7rem, 3.4vw, 2.5rem);
  letter-spacing: -0.04em;
}
.contact-path-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.contact-path {
  display: flex;
  flex-direction: column;
  min-height: 220px;
  padding: 22px 20px;
  border-radius: 22px;
  border: 1px solid rgba(17, 17, 17, 0.08);
  background: var(--canvas, #f4f2ef);
  text-decoration: none;
  color: inherit;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.contact-path:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 36px rgba(8, 9, 14, 0.08);
}
.contact-path em {
  font-style: normal;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--orange, #FF4E1B);
}
.contact-path strong {
  display: block;
  margin: 10px 0 8px;
  font-size: 1.15rem;
  letter-spacing: -0.03em;
}
.contact-path p {
  margin: 0;
  flex: 1;
  color: var(--muted, #5c5c5c);
  font-size: 0.92rem;
  line-height: 1.5;
}
.contact-path span {
  margin-top: 16px;
  font-size: 14px;
  font-weight: 700;
  color: var(--ink, #111);
}
.contact-hours {
  padding: 12px 0 48px;
}
.contact-hours-inner {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.contact-hours article {
  padding: 22px 20px;
  border-radius: 20px;
  border: 1px solid rgba(17, 17, 17, 0.08);
}
.contact-hours strong {
  display: block;
  margin-bottom: 6px;
  letter-spacing: -0.02em;
}
.contact-hours p {
  margin: 0;
  color: var(--muted, #5c5c5c);
  font-size: 0.92rem;
}
.contact-finale {
  margin: 12px 16px 16px;
  border-radius: var(--r-lg, 28px);
  padding: 56px 32px;
  background:
    radial-gradient(ellipse at 30% 20%, rgba(255, 77, 26, 0.35), transparent 50%),
    var(--ink);
  color: #fff;
}
.contact-finale-inner {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 28px;
  align-items: end;
}
.contact-finale .eyebrow { color: #ff8f66; }
.contact-finale h2 {
  margin: 0 0 10px;
  max-width: 18ch;
  color: #fff;
  font-size: clamp(1.7rem, 3.4vw, 2.4rem);
}
.contact-finale p { color: rgba(255, 255, 255, 0.72); }
.contact-finale aside { display: grid; gap: 8px; }
.contact-finale aside a {
  color: #fff;
  text-decoration: none;
  padding: 12px 16px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  font-weight: 700;
}
.contact-finale aside a:hover { background: rgba(255, 255, 255, 0.08); }

@media (max-width: 980px) {
  .contact-desk-grid,
  .contact-path-grid,
  .contact-hours-inner,
  .contact-finale-inner { grid-template-columns: 1fr; }
  .contact-hero { padding-bottom: 48px; min-height: 0; }
}
@media (max-width: 640px) {
  .contact-form-row { grid-template-columns: 1fr; }
  .contact-form-card { padding: 24px 18px; }
  .contact-hero .cta-row .btn { width: 100%; }
}

/* ── Pulse Hub ── */
body:has(.pulse-hub-finale) .footer-finale { display: none; }
.pulse-hub-page { overflow: clip; background: #fff; }
.pulse-hub-hero {
  position: relative;
  padding: 64px 0 48px;
  overflow: hidden;
  color: #fff;
  isolation: isolate;
}
.pulse-hub-hero-bg {
  position: absolute;
  inset: 0;
  z-index: -2;
  background-size: cover;
  background-position: center 30%;
}
.pulse-hub-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(115deg, rgba(8, 9, 14, 0.94) 0%, rgba(8, 9, 14, 0.78) 52%, rgba(8, 9, 14, 0.55) 100%),
    radial-gradient(ellipse 50% 45% at 88% 18%, rgba(255, 77, 26, 0.34), transparent 55%);
}
.pulse-hub-hero-inner { position: relative; z-index: 1; max-width: 720px; }
.pulse-hub-kicker {
  margin: 0 0 12px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
}
.pulse-hub-hero h1 {
  margin: 0 0 14px;
  font-size: clamp(2.5rem, 5.6vw, 4rem);
  letter-spacing: -0.05em;
  line-height: 0.98;
}
.pulse-hub-hero .lead {
  margin: 0 0 22px;
  max-width: 46ch;
  color: rgba(255, 255, 255, 0.74);
  font-size: 1.08rem;
  line-height: 1.55;
}
.pulse-hub-search {
  display: flex;
  gap: 8px;
  max-width: 540px;
}
.pulse-hub-search input {
  flex: 1;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  border-radius: 14px;
  padding: 14px 16px;
  font: inherit;
}
.pulse-hub-search input::placeholder { color: rgba(255, 255, 255, 0.5); }
.pulse-hub-search input:focus {
  outline: 2px solid rgba(255, 78, 27, 0.45);
  border-color: #FF4E1B;
}
.pulse-hub-hero-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}
.pulse-hub-hero-chips a {
  font-size: 12px;
  font-weight: 700;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.88) !important;
  text-decoration: none;
}
.pulse-hub-hero-chips a:hover { background: rgba(255, 255, 255, 0.12); }
.pulse-hub-status {
  background: var(--ink);
  color: #fff;
  padding: 14px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.pulse-hub-status-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 18px;
}
.pulse-hub-status-inner p { margin: 0; color: rgba(255, 255, 255, 0.78); }
.pulse-hub-status-inner a { color: #ff8f66; font-weight: 700; }
.pulse-hub-docs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 22px;
}
.pulse-hub-doc {
  display: flex;
  flex-direction: column;
  min-height: 170px;
  padding: 20px 18px;
  border-radius: 20px;
  border: 1px solid rgba(17, 17, 17, 0.08);
  background: var(--canvas, #f4f2ef);
  text-decoration: none;
  color: inherit;
}
.pulse-hub-doc:hover { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(8, 9, 14, 0.08); }
.pulse-hub-doc em {
  font-style: normal;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--orange);
}
.pulse-hub-doc strong { display: block; margin: 8px 0 6px; letter-spacing: -0.03em; }
.pulse-hub-doc p { margin: 0; flex: 1; color: var(--muted, #5c5c5c); font-size: 0.9rem; }
.pulse-hub-doc span { margin-top: 12px; font-size: 13px; font-weight: 700; }
.pulse-hub-empty { margin-top: 12px; color: var(--muted, #5c5c5c); }
.pulse-hub-checks-head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 16px;
  align-items: end;
  margin-bottom: 20px;
}
.pulse-hub-filters { display: flex; flex-wrap: wrap; gap: 8px; }
.pulse-hub-filters button {
  border: 1px solid rgba(17, 17, 17, 0.12);
  background: #fff;
  color: var(--ink);
  border-radius: 999px;
  padding: 8px 14px;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
.pulse-hub-filters button.on,
.pulse-hub-filters button:hover {
  background: var(--ink);
  color: #fff;
  border-color: var(--ink);
}
.pulse-hub-issues {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.pulse-hub-issue {
  padding: 22px 20px;
  border-radius: 22px;
  background: #fff;
  border: 1px solid rgba(17, 17, 17, 0.08);
}
.pulse-hub-issue em {
  font-style: normal;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.1em;
  color: #6a8f12;
}
.pulse-hub-issue strong { display: block; margin: 8px 0 12px; font-size: 1.12rem; letter-spacing: -0.03em; }
.pulse-hub-issue ol { margin: 0 0 14px; padding-left: 18px; color: #3a4150; }
.pulse-hub-issue li { margin-bottom: 8px; line-height: 1.45; }
.pulse-hub-issue a { font-weight: 700; }
.pulse-hub-talk {
  padding: 56px 0;
  background: var(--ink);
  color: #fff;
}
.pulse-hub-talk .eyebrow { color: #ff8f66; }
.pulse-hub-talk h2 {
  margin: 0 0 12px;
  font-size: clamp(1.7rem, 3.4vw, 2.5rem);
  color: #fff;
}
.pulse-hub-talk > .wrap > div > p,
.pulse-hub-talk-grid > div > p {
  color: rgba(255, 255, 255, 0.72);
  max-width: 48ch;
}
.pulse-hub-talk-grid {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 24px;
  align-items: start;
}
.pulse-hub-lanes { display: grid; gap: 10px; margin-top: 20px; }
.pulse-hub-lane {
  display: grid;
  gap: 4px;
  padding: 16px 18px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.04);
  color: #fff;
  text-decoration: none;
}
.pulse-hub-lane:hover { background: rgba(255, 255, 255, 0.08); }
.pulse-hub-lane em {
  font-style: normal;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #c8e86a;
}
.pulse-hub-lane span { font-size: 0.88rem; color: rgba(255, 255, 255, 0.58); }
.pulse-hub-lane-accent {
  background:
    radial-gradient(ellipse at 90% 0%, rgba(255, 78, 27, 0.45), transparent 55%),
    rgba(255, 255, 255, 0.04);
}
.pulse-hub-lane-soon {
  cursor: default;
  pointer-events: none;
  opacity: 0.88;
}
.pulse-hub-lane-soon:hover { background:
    radial-gradient(ellipse at 90% 0%, rgba(255, 78, 27, 0.45), transparent 55%),
    rgba(255, 255, 255, 0.04); }
.pulse-hub-lane b {
  display: inline-block;
  margin-top: 6px;
  width: fit-content;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #c8e86a;
  border: 1px solid rgba(200, 232, 106, 0.35);
  border-radius: 999px;
  padding: 4px 8px;
}
.pulse-hub-form {
  display: grid;
  gap: 12px;
  padding: 24px 22px;
  border-radius: 24px;
  background: #fff;
  color: var(--ink);
}
.pulse-hub-form-label {
  margin: 0;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--orange);
}
.pulse-hub-form-sub { margin: 0 0 4px; color: var(--muted, #5c5c5c); font-size: 0.9rem; }
.pulse-hub-form label { display: grid; gap: 6px; font-size: 13px; font-weight: 700; }
.pulse-hub-form input,
.pulse-hub-form select,
.pulse-hub-form textarea {
  width: 100%;
  border: 1px solid rgba(17, 17, 17, 0.14);
  border-radius: 14px;
  padding: 12px 14px;
  font: inherit;
  background: #faf9f7;
  font-weight: 500;
}
.pulse-hub-form textarea { min-height: 96px; resize: vertical; }
.pulse-hub-form input:focus,
.pulse-hub-form select:focus,
.pulse-hub-form textarea:focus {
  outline: 2px solid rgba(255, 78, 27, 0.35);
  border-color: #FF4E1B;
}
.pulse-hub-form .btn { width: 100%; }
.pulse-hub-form-fine { margin: 0; font-size: 12px; color: var(--muted, #5c5c5c); font-weight: 500; }
.pulse-hub-form.is-sent { box-shadow: inset 0 0 0 2px rgba(61, 214, 140, 0.55); }
.pulse-hub-finale {
  margin: 12px 16px 16px;
  border-radius: var(--r-lg, 28px);
  padding: 56px 32px;
  background:
    radial-gradient(ellipse at 30% 20%, rgba(255, 77, 26, 0.35), transparent 50%),
    var(--ink);
  color: #fff;
}
.pulse-hub-finale-inner {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 28px;
  align-items: end;
}
.pulse-hub-finale .eyebrow { color: #ff8f66; }
.pulse-hub-finale h2 { margin: 0 0 10px; color: #fff; font-size: clamp(1.7rem, 3.4vw, 2.4rem); }
.pulse-hub-finale p { color: rgba(255, 255, 255, 0.72); }
.pulse-hub-finale aside { display: grid; gap: 8px; }
.pulse-hub-finale aside a {
  color: #fff;
  text-decoration: none;
  padding: 12px 16px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  font-weight: 700;
}
.pulse-hub-finale aside a:hover { background: rgba(255, 255, 255, 0.08); }
@media (max-width: 980px) {
  .pulse-hub-docs,
  .pulse-hub-issues,
  .pulse-hub-talk-grid,
  .pulse-hub-finale-inner { grid-template-columns: 1fr; }
  .pulse-hub-search { flex-direction: column; }
  .pulse-hub-search .btn { width: 100%; }
}

/* ── Site-wide mobile ── */
@media (max-width: 900px) {
  .section { padding: 56px 0; }
  .footer { padding: 40px 0 28px; }
  .footer-shell { padding: 20px; border-radius: 22px; }
  .footer-news-card,
  .footer-trust-row { padding: 18px; }
  .hero-shell { padding: 8px 10px 0; }
  .hero {
    min-height: 0;
    border-radius: 0 0 22px 22px;
  }
  .hero .brand-hero { display: none; }
  .hero-alt {
    flex-direction: column;
    align-items: stretch;
  }
  .hero-alt .btn,
  .hero-alt .btn-outline-light { width: 100%; }
  .hero-inner {
    width: min(720px, calc(100% - 28px));
    margin: 0 auto;
    padding: 48px 0 40px;
  }
  .hero .brand-hero {
    font-size: clamp(2.8rem, 16vw, 5.5rem);
    right: 5%;
    bottom: 6%;
  }
  .finale .brand-hero {
    font-size: clamp(2.5rem, 14vw, 5rem);
    right: 5%;
    bottom: 8%;
  }
  .finale {
    padding: 48px 18px;
    margin: 8px 10px 10px;
  }
  .finale .cta-row { justify-content: stretch; }
  .cta-row { gap: 8px; }
  main .cta-row .btn,
  .hero .cta-row .btn,
  .finale .cta-row .btn {
    width: 100%;
  }
  .email-row {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 8px;
    padding: 10px;
    border-radius: 20px;
    max-width: 100%;
  }
  .email-row input {
    flex: none;
    width: 100%;
    min-height: 48px;
    padding: 12px 12px 4px;
  }
  .email-row .btn {
    width: 100%;
    max-width: 100%;
    flex: none;
  }

  .about-hero-grid,
  .about-finale-inner,
  .about-intro,
  .contact-hero-inner,
  .contact-finale-inner,
  .contact-desk-grid,
  .contact-path-grid,
  .careers-hero-grid,
  .careers-finale-inner,
  .support-hero-grid,
  .support-finale-inner,
  .pulse-hub-finale-inner,
  .pulse-hub-talk-grid,
  .nr-hero-grid,
  .nr-finale-inner,
  .ir-hero-grid,
  .ir-finale-inner,
  .nr-lead,
  .nr-split,
  .nr-contact,
  .guides-hero-grid,
  .guides-finale-inner,
  .roi-hero-grid,
  .roi-finale-inner,
  .roi-calc-grid,
  .roi-method-inner,
  .love-hero-grid,
  .love-finale-inner,
  .videos-hero-grid,
  .videos-finale-inner,
  .tools-hero-grid,
  .tools-finale-inner,
  .tools-calc-grid,
  .tools-calc-grid.flip,
  .jd-layout,
  .jd-finale-inner,
  .price-grid,
  .feat-block,
  .mid,
  .grid-2 {
    grid-template-columns: 1fr !important;
  }

  .about-hero,
  .contact-hero,
  .careers-hero,
  .support-hero,
  .pulse-hub-hero,
  .nr-hero,
  .ir-hero,
  .guides-hero,
  .roi-hero,
  .love-hero,
  .videos-hero,
  .tools-hero,
  .sol-hero,
  .price-hero,
  .feat-hero-bleed {
    min-height: 0 !important;
    padding-top: 40px;
    padding-bottom: 36px;
  }

  .roi-results,
  .jd-side,
  .careers-apply-aside,
  .nr-aside { position: static !important; }

  .nr-jump {
    top: 56px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .nr-jump::-webkit-scrollbar { display: none; }

  .guides-filters,
  .pulse-hub-filters,
  .roi-preset-grid,
  .roi-scenarios,
  .careers-filters {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    flex-wrap: wrap;
  }
}

@media (max-width: 640px) {
  .section { padding: 44px 0; }
  h2, .section h2 { font-size: clamp(1.45rem, 7vw, 1.85rem); }
  .hero-brand-lockup { font-size: clamp(2rem, 9vw, 2.6rem); }
  .banner { padding: 8px 40px 8px 12px; font-size: 12px; }
  .banner-inner { justify-content: flex-start; text-align: left; }
  .wrap,
  .wrap-wide {
    width: min(var(--max), calc(100% - 20px));
  }
  .wrap-wide { width: min(1280px, calc(100% - 20px)); }
  .header-inner { width: min(1280px, calc(100% - 16px)); }
  .toast-head {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }
  .seg-toggle { width: 100%; }
  .seg-toggle button { flex: 1; }

  .about-manifesto-inner,
  .nr-manifesto-inner,
  .ir-manifesto-inner,
  .guides-manifesto-inner,
  .roi-manifesto-inner,
  .careers-manifesto-inner,
  .support-manifesto-inner,
  .nr-facts,
  .nr-brief,
  .nr-now,
  .nr-brand-grid,
  .nr-wire,
  .nr-people,
  .nr-kit,
  .nr-award-grid,
  .nr-mosaic,
  .guides-grid,
  .guides-how-grid,
  .guides-floor-grid,
  .guides-related-grid,
  .roi-preset-grid,
  .roi-boost-grid,
  .roi-buys-grid,
  .roi-related-grid,
  .roi-kpi-row,
  .love-grid,
  .videos-grid,
  .tools-shelf-grid,
  .tools-how-grid,
  .product-grid,
  .grid-3,
  .grid-4,
  .sol-grid,
  .metrics,
  .path,
  .inclusive-grid,
  .pulse-board,
  .pulse-hub-docs,
  .pulse-hub-issues {
    grid-template-columns: 1fr !important;
  }

  .nr-card-wide,
  .pcard.wide { grid-column: span 1 !important; }

  [class$="-finale"] {
    margin: 8px 10px 12px;
    padding: 40px 18px;
    border-radius: 22px;
  }
  [class$="-finale"] aside a,
  [class$="-finale"] .btn {
    width: 100%;
  }

  input,
  select,
  textarea {
    font-size: 16px !important;
    max-width: 100%;
  }

  .btn, .nav-trigger, .nav-link, .burger {
    min-height: 44px;
  }

  .nav.open .mega-mosaic { grid-template-columns: 1fr !important; }

  .guide-reader-panel,
  .roi-inputs,
  .roi-results,
  .contact-form-card {
    padding: 20px 16px;
  }

  img, video, iframe, svg, canvas {
    max-width: 100%;
  }
}

@media (max-width: 400px) {
  .header-actions .btn-orange {
    letter-spacing: -0.02em;
  }
  .logo-icon { width: 32px; height: 32px; min-width: 32px; min-height: 32px; }
  .logo-wordmark { font-size: 1.18rem; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

/* ── Contact page ── */
body:has(.contact-finale) .footer-finale { display: none; }
.contact-page { overflow: clip; background: #fff; }
.contact-hero {
  position: relative;
  padding: 72px 0 140px;
  overflow: hidden;
  color: #fff;
  isolation: isolate;
  min-height: min(72vh, 640px);
  display: grid;
  align-items: end;
}
.contact-hero-bg {
  position: absolute;
  inset: 0;
  z-index: -2;
  background-size: cover;
  background-position: center 30%;
}
.contact-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(115deg, rgba(8, 9, 14, 0.94) 0%, rgba(8, 9, 14, 0.72) 46%, rgba(8, 9, 14, 0.4) 100%),
    radial-gradient(ellipse 50% 45% at 88% 18%, rgba(255, 77, 26, 0.36), transparent 55%);
}
.contact-hero-wm {
  position: absolute;
  right: 3%;
  bottom: 18%;
  z-index: 0;
  margin: 0;
  font-family: Outfit, var(--font);
  font-weight: 700;
  letter-spacing: var(--track-wordmark, -0.035em);
  font-size: clamp(3rem, 12vw, 7.5rem);
  line-height: 0.82;
  pointer-events: none;
  user-select: none;
}
.contact-hero-wm span:first-child { color: rgba(255, 255, 255, 0.12); }
.contact-hero-wm span:last-child { color: rgba(255, 78, 27, 0.28); }
.contact-hero-wm {
  position: absolute;
  right: 3%;
  bottom: 18%;
  z-index: 0;
  margin: 0;
  font-family: Outfit, var(--font);
  font-weight: 700;
  letter-spacing: var(--track-wordmark, -0.035em);
  font-size: clamp(3rem, 12vw, 7.5rem);
  line-height: 0.82;
  pointer-events: none;
  user-select: none;
}
.contact-hero-wm span:first-child { color: rgba(255, 255, 255, 0.12); }
.contact-hero-wm span:last-child { color: rgba(255, 78, 27, 0.28); }
.contact-hero-inner {
  position: relative;
  z-index: 1;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  width: min(var(--max), calc(100% - 40px));
}
.contact-hero-kicker {
  margin: 0 0 12px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
}
.contact-hero h1 {
  margin: 0 0 16px;
  font-size: clamp(2.6rem, 6vw, 4.4rem);
  letter-spacing: -0.05em;
  line-height: 0.98;
}
.contact-hero .lead {
  margin: 0 0 26px;
  max-width: 42ch;
  color: rgba(255, 255, 255, 0.74);
  font-size: 1.12rem;
  line-height: 1.55;
}
.contact-hero .btn-outline-light {
  color: #fff !important;
}
.contact-hero-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 22px;
}
.contact-hero-chips span {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.82);
}
.contact-desk {
  position: relative;
  z-index: 2;
  margin-top: -88px;
  padding: 0 0 28px;
}
.contact-desk-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(260px, 0.7fr);
  gap: 18px;
  align-items: start;
}
.contact-form-card {
  padding: 32px 30px 28px;
  border-radius: 28px;
  background: #fff;
  border: 1px solid rgba(17, 17, 17, 0.08);
  box-shadow: 0 28px 60px rgba(8, 9, 14, 0.18);
}
.contact-form-card .eyebrow { color: var(--orange, #FF4E1B); }
.contact-form-card h2 {
  margin: 0 0 8px;
  font-size: clamp(1.5rem, 2.6vw, 2rem);
  letter-spacing: -0.04em;
}
.contact-form-sub {
  margin: 0 0 22px;
  color: var(--muted, #5c5c5c);
  font-size: 0.95rem;
}
.contact-form { display: grid; gap: 14px; }
.contact-form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.contact-form label {
  display: grid;
  gap: 6px;
  font-size: 13px;
  font-weight: 700;
}
.contact-form input,
.contact-form select,
.contact-form textarea {
  width: 100%;
  border: 1px solid rgba(17, 17, 17, 0.14);
  border-radius: 14px;
  padding: 12px 14px;
  font: inherit;
  background: #faf9f7;
}
.contact-form textarea { min-height: 110px; resize: vertical; }
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
  outline: 2px solid rgba(255, 78, 27, 0.35);
  border-color: #FF4E1B;
  background: #fff;
}
.contact-form .btn { width: 100%; margin-top: 4px; }
.contact-form-fine {
  margin: 2px 0 0;
  font-size: 12px;
  color: var(--muted, #5c5c5c);
  font-weight: 500;
}
.contact-form-fine a { font-weight: 700; }
.contact-lanes {
  display: grid;
  gap: 12px;
}
.contact-lane {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 2px 12px;
  padding: 18px 18px 16px;
  border-radius: 22px;
  background: var(--ink, #111);
  color: #fff;
  text-decoration: none;
  border: 1px solid rgba(255, 255, 255, 0.08);
  transition: transform 0.2s ease, background 0.2s ease;
}
.contact-lane:hover { transform: translateY(-2px); background: #1a1a1a; }
.contact-lane em {
  grid-row: span 4;
  font-style: normal;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.1em;
  color: #c8e86a;
  padding-top: 4px;
}
.contact-lane strong { font-size: 1.02rem; letter-spacing: -0.02em; }
.contact-lane span {
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.58);
  grid-column: 2;
}
.contact-lane b {
  grid-column: 2;
  margin-top: 6px;
  font-size: 13px;
  font-weight: 700;
  color: #ff8f66;
}
.contact-lane-accent {
  background:
    radial-gradient(ellipse at 90% 0%, rgba(255, 78, 27, 0.45), transparent 55%),
    var(--ink, #111);
}
.contact-paths {
  padding: 56px 0 20px;
}
.contact-paths h2 {
  margin: 0 0 28px;
  max-width: 16ch;
  font-size: clamp(1.7rem, 3.4vw, 2.5rem);
  letter-spacing: -0.04em;
}
.contact-path-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.contact-path {
  display: flex;
  flex-direction: column;
  min-height: 220px;
  padding: 22px 20px;
  border-radius: 22px;
  border: 1px solid rgba(17, 17, 17, 0.08);
  background: var(--canvas, #f4f2ef);
  text-decoration: none;
  color: inherit;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.contact-path:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 36px rgba(8, 9, 14, 0.08);
}
.contact-path em {
  font-style: normal;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--orange, #FF4E1B);
}
.contact-path strong {
  display: block;
  margin: 10px 0 8px;
  font-size: 1.15rem;
  letter-spacing: -0.03em;
}
.contact-path p {
  margin: 0;
  flex: 1;
  color: var(--muted, #5c5c5c);
  font-size: 0.92rem;
  line-height: 1.5;
}
.contact-path span {
  margin-top: 16px;
  font-size: 14px;
  font-weight: 700;
  color: var(--ink, #111);
}
.contact-hours {
  padding: 12px 0 48px;
}
.contact-hours-inner {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.contact-hours article {
  padding: 22px 20px;
  border-radius: 20px;
  border: 1px solid rgba(17, 17, 17, 0.08);
}
.contact-hours strong {
  display: block;
  margin-bottom: 6px;
  letter-spacing: -0.02em;
}
.contact-hours p {
  margin: 0;
  color: var(--muted, #5c5c5c);
  font-size: 0.92rem;
}
.contact-finale {
  margin: 12px 16px 16px;
  border-radius: var(--r-lg, 28px);
  padding: 56px 32px;
  background:
    radial-gradient(ellipse at 30% 20%, rgba(255, 77, 26, 0.35), transparent 50%),
    var(--ink);
  color: #fff;
}
.contact-finale-inner {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 28px;
  align-items: end;
}
.contact-finale .eyebrow { color: #ff8f66; }
.contact-finale h2 {
  margin: 0 0 10px;
  max-width: 18ch;
  color: #fff;
  font-size: clamp(1.7rem, 3.4vw, 2.4rem);
}
.contact-finale p { color: rgba(255, 255, 255, 0.72); }
.contact-finale aside { display: grid; gap: 8px; }
.contact-finale aside a {
  color: #fff;
  text-decoration: none;
  padding: 12px 16px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  font-weight: 700;
}
.contact-finale aside a:hover { background: rgba(255, 255, 255, 0.08); }

@media (max-width: 980px) {
  .contact-desk-grid,
  .contact-path-grid,
  .contact-hours-inner,
  .contact-finale-inner { grid-template-columns: 1fr; }
  .contact-hero { padding-bottom: 120px; min-height: 0; }
  .contact-hero-wm { font-size: 3.2rem; bottom: 22%; }
  .contact-hero-wm { font-size: 3.2rem; bottom: 22%; }
}
@media (max-width: 640px) {
  .contact-form-row { grid-template-columns: 1fr; }
  .contact-form-card { padding: 24px 18px; }
  .contact-hero .cta-row .btn { width: 100%; }
}

/* ── Pulse Hub ── */
body:has(.pulse-hub-finale) .footer-finale { display: none; }
.pulse-hub-page { overflow: clip; background: #fff; }
.pulse-hub-hero {
  position: relative;
  padding: 64px 0 48px;
  overflow: hidden;
  color: #fff;
  isolation: isolate;
}
.pulse-hub-hero-bg {
  position: absolute;
  inset: 0;
  z-index: -2;
  background-size: cover;
  background-position: center 30%;
}
.pulse-hub-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(115deg, rgba(8, 9, 14, 0.94) 0%, rgba(8, 9, 14, 0.78) 52%, rgba(8, 9, 14, 0.55) 100%),
    radial-gradient(ellipse 50% 45% at 88% 18%, rgba(255, 77, 26, 0.34), transparent 55%);
}
.pulse-hub-hero-inner { position: relative; z-index: 1; max-width: 720px; }
.pulse-hub-kicker {
  margin: 0 0 12px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
}
.pulse-hub-hero h1 {
  margin: 0 0 14px;
  font-size: clamp(2.5rem, 5.6vw, 4rem);
  letter-spacing: -0.05em;
  line-height: 0.98;
}
.pulse-hub-hero .lead {
  margin: 0 0 22px;
  max-width: 46ch;
  color: rgba(255, 255, 255, 0.74);
  font-size: 1.08rem;
  line-height: 1.55;
}
.pulse-hub-search {
  display: flex;
  gap: 8px;
  max-width: 540px;
}
.pulse-hub-search input {
  flex: 1;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  border-radius: 14px;
  padding: 14px 16px;
  font: inherit;
}
.pulse-hub-search input::placeholder { color: rgba(255, 255, 255, 0.5); }
.pulse-hub-search input:focus {
  outline: 2px solid rgba(255, 78, 27, 0.45);
  border-color: #FF4E1B;
}
.pulse-hub-hero-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}
.pulse-hub-hero-chips a {
  font-size: 12px;
  font-weight: 700;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.88) !important;
  text-decoration: none;
}
.pulse-hub-hero-chips a:hover { background: rgba(255, 255, 255, 0.12); }
.pulse-hub-status {
  background: var(--ink);
  color: #fff;
  padding: 14px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.pulse-hub-status-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 18px;
}
.pulse-hub-status-inner p { margin: 0; color: rgba(255, 255, 255, 0.78); }
.pulse-hub-status-inner a { color: #ff8f66; font-weight: 700; }
.pulse-hub-docs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 22px;
}
.pulse-hub-doc {
  display: flex;
  flex-direction: column;
  min-height: 170px;
  padding: 20px 18px;
  border-radius: 20px;
  border: 1px solid rgba(17, 17, 17, 0.08);
  background: var(--canvas, #f4f2ef);
  text-decoration: none;
  color: inherit;
}
.pulse-hub-doc:hover { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(8, 9, 14, 0.08); }
.pulse-hub-doc em {
  font-style: normal;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--orange);
}
.pulse-hub-doc strong { display: block; margin: 8px 0 6px; letter-spacing: -0.03em; }
.pulse-hub-doc p { margin: 0; flex: 1; color: var(--muted, #5c5c5c); font-size: 0.9rem; }
.pulse-hub-doc span { margin-top: 12px; font-size: 13px; font-weight: 700; }
.pulse-hub-empty { margin-top: 12px; color: var(--muted, #5c5c5c); }
.pulse-hub-checks-head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 16px;
  align-items: end;
  margin-bottom: 20px;
}
.pulse-hub-filters { display: flex; flex-wrap: wrap; gap: 8px; }
.pulse-hub-filters button {
  border: 1px solid rgba(17, 17, 17, 0.12);
  background: #fff;
  color: var(--ink);
  border-radius: 999px;
  padding: 8px 14px;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
.pulse-hub-filters button.on,
.pulse-hub-filters button:hover {
  background: var(--ink);
  color: #fff;
  border-color: var(--ink);
}
.pulse-hub-issues {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.pulse-hub-issue {
  padding: 22px 20px;
  border-radius: 22px;
  background: #fff;
  border: 1px solid rgba(17, 17, 17, 0.08);
}
.pulse-hub-issue em {
  font-style: normal;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.1em;
  color: #6a8f12;
}
.pulse-hub-issue strong { display: block; margin: 8px 0 12px; font-size: 1.12rem; letter-spacing: -0.03em; }
.pulse-hub-issue ol { margin: 0 0 14px; padding-left: 18px; color: #3a4150; }
.pulse-hub-issue li { margin-bottom: 8px; line-height: 1.45; }
.pulse-hub-issue a { font-weight: 700; }
.pulse-hub-talk {
  padding: 56px 0;
  background: var(--ink);
  color: #fff;
}
.pulse-hub-talk .eyebrow { color: #ff8f66; }
.pulse-hub-talk h2 {
  margin: 0 0 12px;
  font-size: clamp(1.7rem, 3.4vw, 2.5rem);
  color: #fff;
}
.pulse-hub-talk > .wrap > div > p,
.pulse-hub-talk-grid > div > p {
  color: rgba(255, 255, 255, 0.72);
  max-width: 48ch;
}
.pulse-hub-talk-grid {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 24px;
  align-items: start;
}
.pulse-hub-lanes { display: grid; gap: 10px; margin-top: 20px; }
.pulse-hub-lane {
  display: grid;
  gap: 4px;
  padding: 16px 18px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.04);
  color: #fff;
  text-decoration: none;
}
.pulse-hub-lane:hover { background: rgba(255, 255, 255, 0.08); }
.pulse-hub-lane em {
  font-style: normal;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #c8e86a;
}
.pulse-hub-lane span { font-size: 0.88rem; color: rgba(255, 255, 255, 0.58); }
.pulse-hub-lane-accent {
  background:
    radial-gradient(ellipse at 90% 0%, rgba(255, 78, 27, 0.45), transparent 55%),
    rgba(255, 255, 255, 0.04);
}
.pulse-hub-lane-soon {
  cursor: default;
  pointer-events: none;
  opacity: 0.88;
}
.pulse-hub-lane-soon:hover { background:
    radial-gradient(ellipse at 90% 0%, rgba(255, 78, 27, 0.45), transparent 55%),
    rgba(255, 255, 255, 0.04); }
.pulse-hub-lane b {
  display: inline-block;
  margin-top: 6px;
  width: fit-content;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #c8e86a;
  border: 1px solid rgba(200, 232, 106, 0.35);
  border-radius: 999px;
  padding: 4px 8px;
}
.pulse-hub-form {
  display: grid;
  gap: 12px;
  padding: 24px 22px;
  border-radius: 24px;
  background: #fff;
  color: var(--ink);
}
.pulse-hub-form-label {
  margin: 0;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--orange);
}
.pulse-hub-form-sub { margin: 0 0 4px; color: var(--muted, #5c5c5c); font-size: 0.9rem; }
.pulse-hub-form label { display: grid; gap: 6px; font-size: 13px; font-weight: 700; }
.pulse-hub-form input,
.pulse-hub-form select,
.pulse-hub-form textarea {
  width: 100%;
  border: 1px solid rgba(17, 17, 17, 0.14);
  border-radius: 14px;
  padding: 12px 14px;
  font: inherit;
  background: #faf9f7;
  font-weight: 500;
}
.pulse-hub-form textarea { min-height: 96px; resize: vertical; }
.pulse-hub-form input:focus,
.pulse-hub-form select:focus,
.pulse-hub-form textarea:focus {
  outline: 2px solid rgba(255, 78, 27, 0.35);
  border-color: #FF4E1B;
}
.pulse-hub-form .btn { width: 100%; }
.pulse-hub-form-fine { margin: 0; font-size: 12px; color: var(--muted, #5c5c5c); font-weight: 500; }
.pulse-hub-form.is-sent { box-shadow: inset 0 0 0 2px rgba(61, 214, 140, 0.55); }
.pulse-hub-finale {
  margin: 12px 16px 16px;
  border-radius: var(--r-lg, 28px);
  padding: 56px 32px;
  background:
    radial-gradient(ellipse at 30% 20%, rgba(255, 77, 26, 0.35), transparent 50%),
    var(--ink);
  color: #fff;
}
.pulse-hub-finale-inner {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 28px;
  align-items: end;
}
.pulse-hub-finale .eyebrow { color: #ff8f66; }
.pulse-hub-finale h2 { margin: 0 0 10px; color: #fff; font-size: clamp(1.7rem, 3.4vw, 2.4rem); }
.pulse-hub-finale p { color: rgba(255, 255, 255, 0.72); }
.pulse-hub-finale aside { display: grid; gap: 8px; }
.pulse-hub-finale aside a {
  color: #fff;
  text-decoration: none;
  padding: 12px 16px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  font-weight: 700;
}
.pulse-hub-finale aside a:hover { background: rgba(255, 255, 255, 0.08); }
@media (max-width: 980px) {
  .pulse-hub-docs,
  .pulse-hub-issues,
  .pulse-hub-talk-grid,
  .pulse-hub-finale-inner { grid-template-columns: 1fr; }
  .pulse-hub-search { flex-direction: column; }
  .pulse-hub-search .btn { width: 100%; }
}

/* ── Podcast (shares videos layout) ── */
.podcasts-page .videos-hero h1 { max-width: 14ch; }
.pod-listen svg { width: 22px; height: 22px; fill: currentColor; }
.pod-wave {
  position: absolute;
  left: 50%;
  top: 46%;
  z-index: 1;
  display: flex;
  gap: 5px;
  align-items: flex-end;
  height: 42px;
  transform: translate(-50%, 48px);
  pointer-events: none;
}
.pod-wave i {
  display: block;
  width: 4px;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.55);
  animation: pod-bar 1.1s ease-in-out infinite;
}
.pod-wave i:nth-child(1) { height: 12px; animation-delay: 0s; }
.pod-wave i:nth-child(2) { height: 22px; animation-delay: 0.08s; }
.pod-wave i:nth-child(3) { height: 34px; animation-delay: 0.16s; }
.pod-wave i:nth-child(4) { height: 18px; animation-delay: 0.24s; }
.pod-wave i:nth-child(5) { height: 40px; animation-delay: 0.1s; }
.pod-wave i:nth-child(6) { height: 16px; animation-delay: 0.2s; }
.pod-wave i:nth-child(7) { height: 28px; animation-delay: 0.05s; }
.pod-wave i:nth-child(8) { height: 14px; animation-delay: 0.18s; }
.pod-wave i:nth-child(9) { height: 24px; animation-delay: 0.12s; }
.pod-wave i:nth-child(10) { height: 10px; animation-delay: 0.22s; }
@keyframes pod-bar {
  0%, 100% { transform: scaleY(0.45); opacity: 0.45; }
  50% { transform: scaleY(1); opacity: 1; }
}
.pod-subscribe {
  background: var(--ink);
  color: #fff;
  padding: 36px 0;
}
.pod-subscribe-inner {
  display: flex;
  justify-content: space-between;
  gap: 28px;
  align-items: flex-end;
  flex-wrap: wrap;
}
.pod-subscribe .eyebrow { color: #ff8f66; }
.pod-subscribe h2 {
  margin: 0 0 8px;
  max-width: 16ch;
  color: #fff;
  font-size: clamp(1.5rem, 3vw, 2rem);
}
.pod-subscribe .sub {
  margin: 0;
  max-width: 46ch;
  color: rgba(255, 255, 255, 0.68);
}
.pod-subscribe-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.pod-subscribe-pills span {
  display: inline-flex;
  align-items: center;
  padding: 10px 16px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.06);
  font-size: 0.88rem;
  font-weight: 700;
  letter-spacing: -0.02em;
}
@media (prefers-reduced-motion: reduce) {
  .pod-wave i { animation: none; }
}

/* ── Site-wide mobile ── */
@media (max-width: 900px) {
  .section { padding: 56px 0; }
  .hero-shell { padding: 8px 10px 0; }
  .wrap,
  .wrap-wide {
    width: min(var(--max), calc(100% - 24px));
  }
  .wrap-wide { width: min(1280px, calc(100% - 24px)); }
  .hero {
    min-height: 0;
    border-radius: 0 0 22px 22px;
  }
  .hero-inner {
    width: min(720px, calc(100% - 28px));
    margin: 0 auto;
    padding: 48px 0 40px;
  }
  .finale {
    padding: 48px 18px;
    margin: 8px 10px 10px;
  }
  .finale .cta-row { justify-content: stretch; }
  .cta-row { gap: 8px; }
  main .cta-row .btn,
  .hero .cta-row .btn,
  .finale .cta-row .btn {
    width: 100%;
  }
  .email-row {
    flex-direction: column;
    padding: 8px;
    border-radius: 18px;
  }
  .email-row .btn { width: 100%; }

  .about-hero-grid,
  .about-manifesto-inner,
  .about-finale-inner,
  .about-intro,
  .contact-hero-inner,
  .contact-finale-inner,
  .contact-desk-grid,
  .contact-path-grid,
  .careers-hero-grid,
  .careers-finale-inner,
  .careers-manifesto-inner,
  .support-hero-grid,
  .support-finale-inner,
  .pulse-hub-finale-inner,
  .pulse-hub-talk-grid,
  .nr-hero-grid,
  .nr-manifesto-inner,
  .nr-finale-inner,
  .nr-lead,
  .nr-split,
  .nr-contact,
  .guides-hero-grid,
  .guides-manifesto-inner,
  .guides-finale-inner,
  .roi-hero-grid,
  .roi-manifesto-inner,
  .roi-finale-inner,
  .roi-calc-grid,
  .roi-method-inner,
  .love-hero-grid,
  .love-finale-inner,
  .videos-hero-grid,
  .videos-finale-inner,
  .tools-hero-grid,
  .tools-finale-inner,
  .tools-calc-grid,
  .tools-calc-grid.flip,
  .jd-layout,
  .jd-finale-inner,
  .price-grid,
  .feat-block,
  .mid,
  .grid-2 {
    grid-template-columns: 1fr !important;
  }

  .about-hero,
  .contact-hero,
  .careers-hero,
  .support-hero,
  .pulse-hub-hero,
  .nr-hero,
  .guides-hero,
  .roi-hero,
  .love-hero,
  .videos-hero,
  .tools-hero,
  .sol-hero,
  .price-hero,
  .feat-hero-bleed {
    min-height: 0 !important;
    padding-top: 40px;
    padding-bottom: 36px;
  }

  .roi-results,
  .jd-side,
  .careers-apply-aside,
  .nr-aside { position: static !important; }

  .nr-jump {
    top: 56px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .nr-jump::-webkit-scrollbar { display: none; }

  .guides-filters,
  .pulse-hub-filters,
  .roi-preset-grid,
  .roi-scenarios,
  .careers-filters {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    flex-wrap: wrap;
  }
}

@media (max-width: 640px) {
  .section { padding: 44px 0; }
  h2, .section h2 { font-size: clamp(1.45rem, 7vw, 1.85rem); }
  .hero-brand-lockup { font-size: clamp(2rem, 9vw, 2.6rem); }
  .banner { padding: 8px 40px 8px 12px; font-size: 12px; }
  .banner-inner { justify-content: flex-start; text-align: left; }

  .about-manifesto-inner,
  .nr-manifesto-inner,
  .guides-manifesto-inner,
  .roi-manifesto-inner,
  .careers-manifesto-inner,
  .support-manifesto-inner,
  .nr-facts,
  .nr-brief,
  .nr-now,
  .nr-brand-grid,
  .nr-wire,
  .nr-people,
  .nr-kit,
  .nr-award-grid,
  .nr-mosaic,
  .guides-grid,
  .guides-how-grid,
  .guides-floor-grid,
  .guides-related-grid,
  .roi-preset-grid,
  .roi-boost-grid,
  .roi-buys-grid,
  .roi-related-grid,
  .roi-kpi-row,
  .love-grid,
  .videos-grid,
  .tools-shelf-grid,
  .tools-how-grid,
  .product-grid,
  .grid-3,
  .grid-4,
  .sol-grid,
  .metrics,
  .path,
  .inclusive-grid,
  .pulse-board,
  .pulse-hub-docs,
  .pulse-hub-issues,
  .footer-links {
    grid-template-columns: 1fr !important;
  }

  .nr-card-wide,
  .pcard.wide { grid-column: span 1 !important; }

  [class$="-finale"] {
    margin: 8px 10px 12px;
    padding: 40px 18px;
    border-radius: 22px;
  }
  [class$="-finale"] aside a,
  [class$="-finale"] .btn {
    width: 100%;
  }

  input,
  select,
  textarea {
    font-size: 16px !important;
    max-width: 100%;
  }

  .btn, .nav-trigger, .nav-link, .burger {
    min-height: 44px;
  }

  .nav.open .mega-mosaic { grid-template-columns: 1fr !important; }
  .nav.open .mega-tile,
  .nav.open .mega-tile-lg { min-height: 140px; }
  .nav.open .mega-tile,
  .nav.open .mega-tile-lg { min-height: 140px; }

  .guide-reader-panel,
  .roi-inputs,
  .roi-results,
  .contact-form-card {
    padding: 20px 16px;
  }

  img, video, iframe, svg, canvas {
    max-width: 100%;
  }
}

@media (max-width: 400px) {
  .header-actions .btn-orange {
    letter-spacing: -0.02em;
  }
  .logo-wordmark { font-size: 1.18rem; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}
body:has(.ir-finale) .footer-finale { display: none; }
.ir-page { background: #fff; color: var(--ink); overflow: clip; }
.ir-hero {
  position: relative;
  min-height: min(78vh, 700px);
  display: grid;
  align-items: end;
  padding: 64px 0 52px;
  overflow: hidden;
  color: #fff;
  isolation: isolate;
}
.ir-hero-bg {
  position: absolute;
  inset: 0;
  z-index: -2;
  background-size: cover;
  background-position: center 30%;
}
.ir-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(115deg, rgba(8, 9, 14, 0.94) 0%, rgba(8, 9, 14, 0.7) 48%, rgba(8, 9, 14, 0.42) 100%),
    radial-gradient(ellipse 50% 45% at 88% 18%, rgba(255, 77, 26, 0.34), transparent 55%);
}
.ir-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(240px, 0.7fr);
  gap: 32px;
  align-items: end;
}
.ir-hero-kicker {
  margin: 0 0 12px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.72);
}
.ir-hero h1 {
  margin: 0 0 16px;
  font-size: clamp(2.4rem, 5.4vw, 4rem);
  font-weight: var(--fw-display, 800);
  letter-spacing: -0.045em;
  line-height: 1.02;
  color: #fff;
}
.ir-hero .lead {
  margin: 0 0 24px;
  max-width: 44ch;
  color: rgba(255, 255, 255, 0.72);
  font-size: 1.08rem;
  line-height: 1.55;
}
.ir-hero .btn-ghost,
.ir-hero .btn-outline-light {
  border-color: rgba(255, 255, 255, 0.28);
  color: #fff !important;
}
.ir-hero .btn-ghost:hover,
.ir-hero .btn-outline-light:hover { background: rgba(255, 255, 255, 0.08); }
.ir-hero-panel {
  padding: 22px 20px;
  border-radius: 24px;
  background: rgba(12, 13, 18, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(16px);
}
.ir-hero-panel > p {
  margin: 0 0 14px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #ff8f66;
}
.ir-hero-panel ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.ir-hero-panel li { display: grid; grid-template-columns: auto 1fr; gap: 2px 12px; }
.ir-hero-panel em {
  grid-row: span 2;
  font-style: normal;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  color: #c8e86a;
  padding-top: 3px;
}
.ir-hero-panel strong { font-size: 0.98rem; overflow-wrap: anywhere; }
.ir-hero-panel span { font-size: 0.88rem; color: rgba(255, 255, 255, 0.55); }
.ir-manifesto {
  background: var(--ink);
  color: #fff;
  padding: 28px 0 32px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.ir-manifesto-inner {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.ir-manifesto article {
  padding: 16px 14px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.04);
}
.ir-manifesto em {
  display: block;
  margin-bottom: 8px;
  font-style: normal;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
  color: #c8e86a;
}
.ir-manifesto strong { display: block; margin-bottom: 4px; }
.ir-manifesto span { font-size: 0.88rem; color: rgba(255, 255, 255, 0.58); }
.ir-jump {
  padding: 14px 0 10px;
  background: #fff;
  border-bottom: 1px solid rgba(10, 11, 15, 0.06);
}
.ir-jump-row {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding-bottom: 4px;
}
.ir-jump-row::-webkit-scrollbar { display: none; }
.ir-jump a {
  flex: 0 0 auto;
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  color: #2a3140 !important;
  background: #f3f0eb;
  white-space: nowrap;
}
.ir-jump a:hover { background: #12141c; color: #fff !important; }
.ir-jump a[href="contact/"],
.ir-jump a[href="#contact-ir"] {
  background: #12141c;
  color: #fff !important;
}
@media (max-width: 860px) {
  .ir-hero { min-height: 0; padding: 40px 0 36px; }
  .ir-hero-grid,
  .ir-manifesto-inner,
  .ir-finale-inner { grid-template-columns: 1fr; }
}

/* Investor Relations hub */
body:has(.ir-finale) .footer-finale { display: none; }
.ir-page { background: #fff; color: var(--ink); overflow: clip; }
.ir-hero {
  position: relative;
  min-height: min(78vh, 700px);
  display: grid;
  align-items: end;
  padding: 64px 0 52px;
  overflow: hidden;
  color: #fff;
  isolation: isolate;
}
.ir-hero-bg {
  position: absolute;
  inset: 0;
  z-index: -2;
  background-size: cover;
  background-position: center 30%;
}
.ir-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(115deg, rgba(8, 9, 14, 0.94) 0%, rgba(8, 9, 14, 0.7) 48%, rgba(8, 9, 14, 0.42) 100%),
    radial-gradient(ellipse 50% 45% at 88% 18%, rgba(255, 77, 26, 0.34), transparent 55%);
}
.ir-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(240px, 0.7fr);
  gap: 32px;
  align-items: end;
}
.ir-hero-kicker {
  margin: 0 0 12px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.72);
}
.ir-hero h1 {
  margin: 0 0 16px;
  font-size: clamp(2.4rem, 5.4vw, 4rem);
  font-weight: var(--fw-display, 800);
  letter-spacing: -0.045em;
  line-height: 1.02;
  color: #fff;
}
.ir-hero .lead {
  margin: 0 0 24px;
  max-width: 44ch;
  color: rgba(255, 255, 255, 0.72);
  font-size: 1.08rem;
  line-height: 1.55;
}
.ir-hero .btn-ghost,
.ir-hero .btn-outline-light {
  border-color: rgba(255, 255, 255, 0.28);
  color: #fff !important;
}
.ir-hero .btn-ghost:hover,
.ir-hero .btn-outline-light:hover { background: rgba(255, 255, 255, 0.08); }
.ir-hero-panel {
  padding: 22px 20px;
  border-radius: 24px;
  background: rgba(12, 13, 18, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(16px);
}
.ir-hero-panel > p {
  margin: 0 0 14px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #ff8f66;
}
.ir-hero-panel ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.ir-hero-panel li { display: grid; grid-template-columns: auto 1fr; gap: 2px 12px; }
.ir-hero-panel em {
  grid-row: span 2;
  font-style: normal;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  color: #c8e86a;
  padding-top: 3px;
}
.ir-hero-panel strong { font-size: 0.98rem; overflow-wrap: anywhere; }
.ir-hero-panel span { font-size: 0.88rem; color: rgba(255, 255, 255, 0.55); }
.ir-manifesto {
  background: var(--ink);
  color: #fff;
  padding: 28px 0 32px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.ir-manifesto-inner {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.ir-manifesto article {
  padding: 16px 14px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.04);
}
.ir-manifesto em {
  display: block;
  margin-bottom: 8px;
  font-style: normal;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
  color: #c8e86a;
}
.ir-manifesto strong { display: block; margin-bottom: 4px; }
.ir-manifesto span { font-size: 0.88rem; color: rgba(255, 255, 255, 0.58); }
.ir-jump {
  padding: 14px 0 10px;
  background: #fff;
  border-bottom: 1px solid rgba(10, 11, 15, 0.06);
}
.ir-jump-row {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding-bottom: 4px;
}
.ir-jump-row::-webkit-scrollbar { display: none; }
.ir-jump a {
  flex: 0 0 auto;
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  color: #2a3140 !important;
  background: #f3f0eb;
  white-space: nowrap;
}
.ir-jump a:hover { background: #12141c; color: #fff !important; }
.ir-jump a[href="contact/"],
.ir-jump a[href="#contact-ir"] {
  background: #12141c;
  color: #fff !important;
}
@media (max-width: 860px) {
  .ir-hero { min-height: 0; padding: 40px 0 36px; }
  .ir-hero-grid,
  .ir-manifesto-inner,
  .ir-finale-inner { grid-template-columns: 1fr; }
}