.vz-body-53 {
  color-scheme: dark;
  --bg: #090b10;
  --surface: #10131a;
  --surface-2: #171b24;
  --ink: #f5f2ea;
  --muted: #979aa5;
  --line: rgba(255,255,255,.11);
  --paper: #f1ede5;
  --paper-ink: #11131a;
  --coral: #ff6242;
  --violet: #805bff;
  --blue: #54b9ff;
  --lime: #c7f65b;
  --radius: 18px;
  --radius-sm: 13px;
  --page-pad: 10px;
  --scene-gap: 7px;
  --header-h: 66px;
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  font-family: Montserrat, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

* { box-sizing: border-box; }
.material-symbols-rounded{font-family:'Material Symbols Rounded';font-weight:normal;font-style:normal;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;font-feature-settings:'liga';font-variation-settings:'FILL' 0,'wght' 300,'GRAD' 0,'opsz' 24}
.vz-body-53 { min-width: 320px; scroll-behavior: smooth; background: #151820; scrollbar-width: none; }
html::-webkit-scrollbar, *::-webkit-scrollbar { display: none; width: 0; height: 0; }
.vz-body-53 { margin: 0; min-width: 320px; color: var(--ink); background: radial-gradient(circle at 50% 0, #262b37, #151820 36rem); -webkit-font-smoothing: antialiased; }
body.dialog-open { overflow: hidden; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
[hidden] { display: none !important; }

.skip-link { position: fixed; left: 12px; top: 8px; z-index: 200; padding: 10px 14px; border-radius: 10px; color: #111; background: white; transform: translateY(-150%); }
.skip-link:focus { transform: none; }
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.app-shell { position: relative; width: min(100%, 430px); min-height: 100vh; margin-inline: auto; overflow: clip; background: var(--bg); box-shadow: 0 0 0 1px rgba(255,255,255,.06), 0 28px 90px rgba(0,0,0,.35); }
.route-header { position: sticky; top: 0; z-index: 50; min-height: var(--header-h); padding: 8px var(--page-pad); display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px; align-items: center; border-bottom: 1px solid rgba(255,255,255,.08); background: rgba(9,11,16,.89); backdrop-filter: blur(20px) saturate(140%); }
.brand { min-width: 104px; min-height: 44px; display: flex; align-items: center; gap: 7px; color: white; text-decoration: none; }
.brand > span:last-child { min-width: 0; display: grid; gap: 2px; }
.brand b { font-size: 10px; line-height: 1; letter-spacing: -.02em; }
.brand small { color: #8e929f; font-size: 8px; font-weight: 620; }
.brand-mark { position: relative; width: 27px; height: 27px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.17); border-radius: 9px; background: #151925; }
.brand-mark i { position: absolute; width: 13px; height: 2px; border-radius: 2px; background: var(--blue); transform: rotate(-35deg); }
.brand-mark i:nth-child(2) { background: var(--violet); transform: rotate(35deg); }
.brand-mark i:nth-child(3) { width: 4px; height: 4px; background: var(--lime); transform: none; }
.route-map-button { min-width: 0; min-height: 48px; padding: 7px 6px 6px 11px; display: grid; grid-template-columns: minmax(0,1fr) 32px; grid-template-rows: 1fr 3px; column-gap: 6px; border: 1px solid var(--line); border-radius: 14px; color: white; background: rgba(255,255,255,.055); text-align: left; cursor: pointer; }
.route-map-copy { min-width: 0; display: grid; grid-template-columns: auto minmax(0,1fr); gap: 6px; align-items: baseline; }
.route-map-copy small { color: #777c89; font-size: 7px; font-weight: 750; letter-spacing: .04em; }
.route-map-copy strong { overflow: hidden; font-size: 10px; white-space: nowrap; text-overflow: ellipsis; }
.route-map-progress { display: block; height: 3px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.09); }
.route-map-progress i { display: block; width: 8.33%; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--blue),var(--violet)); transition: width .25s ease; }
.round-arrow { grid-column: 2; grid-row: 1 / 3; width: 32px; height: 32px; display: grid; place-items: center; border-radius: 10px; color: #111; background: var(--lime); font-size: 17px; font-weight: 850; }

.scene { position: relative; padding: 34px var(--page-pad) 40px; scroll-margin-top: 0; }
.scene + .scene { border-top: var(--scene-gap) solid #05070a; }
.scene-heading { margin-bottom: 20px; }
.scene-number, .micro-head { color: #858a98; font-size: 8px; line-height: 1.2; font-weight: 780; letter-spacing: .09em; text-transform: uppercase; }
.scene-heading h2 { max-width: 370px; margin: 8px 0 0; font-size: clamp(25px, 7.6vw, 32px); line-height: .99; letter-spacing: -.055em; font-weight: 780; }
.scene-heading p { max-width: 355px; margin: 10px 0 0; color: var(--muted); font-size: 11px; line-height: 1.5; font-weight: 530; }
.micro-head { margin: 0 2px 9px; display: flex; justify-content: space-between; gap: 10px; }

.mosaic { --cols: 9; --rows: 16; --gap: 5px; width: 100%; aspect-ratio: 9 / 16; display: grid; grid-template-columns: repeat(var(--cols), minmax(0,1fr)); grid-template-rows: repeat(var(--rows), minmax(0,1fr)); gap: var(--gap); }
.tile { position: relative; min-width: 0; min-height: 0; padding: 11px; overflow: hidden; border: 0; border-radius: var(--radius-sm); display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; color: var(--ink); background: var(--surface-2); text-align: left; isolation: isolate; }
button.tile { cursor: pointer; }
.mosaic article.tile { cursor: pointer; }
button.tile:active { transform: scale(.985); }
.tile::after { content: ""; position: absolute; inset: 0; z-index: -1; border: 1px solid rgba(255,255,255,.08); border-radius: inherit; pointer-events: none; }
.tile strong { position: relative; z-index: 2; max-width: 100%; font-size: 13px; line-height: 1.06; letter-spacing: -.045em; font-style: normal; overflow-wrap: anywhere; }
.tile p { position: relative; z-index: 2; margin: 5px 0 0; color: currentColor; opacity: .66; font-size: 8px; line-height: 1.35; }
.tile-main { padding: 15px 14px; }
.tile-main h1 { margin: 10px 0 0; font-size: clamp(26px, 7.7vw, 33px); line-height: .88; letter-spacing: -.075em; font-weight: 830; }
.tile-main h1 em { color: var(--coral); font-style: normal; }
.tile-main p { max-width: 205px; font-size: 9px; }
.tile-code, .tile-index, .tile-label { position: relative; z-index: 2; font-size: 7px; line-height: 1.2; font-weight: 740; letter-spacing: .06em; text-transform: uppercase; }
.tile-label { opacity: .66; }
.tile-big { position: relative; z-index: 2; font-size: clamp(24px, 8vw, 37px); line-height: .85; letter-spacing: -.08em; font-weight: 850; }
.tile-arrow { position: absolute; z-index: 2; right: 10px; top: 9px; font-size: 14px; }
.tone-ink { background: #11141b; }
.tone-coral { color: #111217; background: var(--coral); }
.tone-violet { background: var(--violet); }
.tone-blue { color: #0b1117; background: var(--blue); }
.tone-lime { color: #11150d; background: var(--lime); }
.tone-paper { color: var(--paper-ink); background: var(--paper); }
.visual-tile { contain: paint; background: #171b24; }
.media-layer { transition: opacity .2s ease; }
.visual-tile > .media-layer:not(.mini-wave) { position: absolute; inset: 0; z-index: 0; }
.visual-tile::before { content: ""; position: absolute; inset: 0; z-index: 1; background: var(--tile-veil,linear-gradient(180deg,transparent 45%,rgba(5,7,10,.72))); pointer-events: none; }
.visual-tile strong, .visual-tile .tile-label { z-index: 2; margin-top: auto; color: white; }
.illustrated-tile { contain:paint; }
.illustrated-tile > .media-layer { position:absolute;inset:0;z-index:0; }
.illustrated-tile::before { content:"";position:absolute;inset:0;z-index:1;pointer-events:none; }
.illustrated-tile .text-layer { position:relative;z-index:2; }
.illustrated-tile .tile-arrow { position:absolute; }
.asset-image { background-position:center; background-repeat:no-repeat; background-size:cover; }
.asset-offer-hero { background-image:url('assets/web/offer-hero.webp'); background-position:center; }
.asset-offer-idea { background-image:url('assets/web/v2/offer-idea-v2.webp'); }
.asset-offer-video { background-image:url('assets/web/offer-video.webp'); }
.asset-offer-edit { background-image:url('assets/web/offer-edit.webp'); }
.asset-offer-sound { background-image:url('assets/web/offer-sound.webp'); }
.asset-offer-audience { background-image:url('assets/web/v2/offer-audience-v2.webp');background-position:62% center; }
.asset-offer-images { background-image:url('assets/web/offer-images.webp');background-position:58% center; }
.asset-offer-projects { background-image:url('assets/web/offer-projects.webp');background-position:63% center; }
.asset-offer-formats { background-image:url('assets/web/offer-formats.webp');background-position:55% center; }
.asset-offer-final { background-image:url('assets/web/offer-final.webp');background-position:63% center; }
.asset-offer-schedule { background-image:url('assets/web/offer-schedule.webp');background-position:58% center; }
.asset-offer-cta { background-image:url('assets/web/offer-cta.webp');background-position:center; }
.offer-audience-tile::before { background:linear-gradient(90deg,rgba(255,98,66,.96) 0 24%,rgba(255,98,66,.25) 55%,transparent 78%),linear-gradient(0deg,rgba(255,98,66,.88),transparent 42%); }
.offer-images-tile::before { background:linear-gradient(180deg,rgba(90,55,213,.42),transparent 44%,rgba(58,31,142,.92)); }
.offer-projects-tile::before { background:linear-gradient(90deg,rgba(239,235,227,.98) 0 31%,rgba(239,235,227,.35) 58%,transparent 80%),linear-gradient(0deg,rgba(239,235,227,.92),transparent 44%); }
.offer-formats-tile::before { background:linear-gradient(180deg,rgba(84,185,255,.82),transparent 45%,rgba(84,185,255,.9)); }
.offer-final-tile::before { background:linear-gradient(90deg,rgba(239,235,227,.98) 0 35%,rgba(239,235,227,.25) 66%,transparent),linear-gradient(0deg,rgba(239,235,227,.95) 0 22%,transparent 52%); }
.offer-schedule-tile::before { background:linear-gradient(90deg,rgba(199,246,91,.94),rgba(199,246,91,.1) 60%,transparent),linear-gradient(0deg,rgba(199,246,91,.88),transparent 65%); }
.offer-cta-tile::before { background:linear-gradient(90deg,rgba(17,20,27,.97) 0 32%,rgba(17,20,27,.32) 62%,transparent),linear-gradient(0deg,rgba(17,20,27,.9),transparent 68%); }
.offer-cta-tile .tile-arrow { top:50%;transform:translateY(-50%); }
.offer-hero-focus::before { background:linear-gradient(90deg,rgba(7,9,13,.86) 0%,rgba(7,9,13,.46) 50%,rgba(7,9,13,.08) 78%),linear-gradient(0deg,rgba(7,9,13,.88) 0%,rgba(7,9,13,.06) 68%); }
.offer-hero-focus .text-layer { position:relative; z-index:2; }
.offer-hero-focus .tile-code { align-self:flex-start; }
.offer-mosaic .tile:nth-child(3) { --tile-veil:linear-gradient(0deg,rgba(9,4,19,.96) 0%,rgba(24,8,48,.68) 24%,transparent 61%),linear-gradient(90deg,rgba(128,91,255,.2),transparent 48%); }
.offer-mosaic .tile:nth-child(5) { --tile-veil:linear-gradient(0deg,rgba(5,10,25,.96) 0%,rgba(9,20,48,.66) 25%,transparent 60%),linear-gradient(90deg,rgba(84,185,255,.14),transparent 46%); }
.offer-mosaic .tile:nth-child(7) { --tile-veil:linear-gradient(0deg,rgba(6,8,16,.98) 0%,rgba(21,13,43,.64) 28%,transparent 64%),linear-gradient(90deg,rgba(255,98,66,.12),transparent 50%); }
.offer-mosaic .tile:nth-child(9) { --tile-veil:linear-gradient(0deg,rgba(3,12,18,.98) 0%,rgba(4,31,43,.64) 28%,transparent 66%),linear-gradient(90deg,rgba(84,185,255,.16),transparent 54%); }
.composition-focus { padding: 17px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.13); }
.composition-focus strong { max-width: 72%; font-size: 21px; }
.abstract-orbit { background: radial-gradient(circle at 50% 50%,transparent 0 15%,#6b51ed 16% 18%,transparent 19% 31%,#ff6242 32% 34%,transparent 35%), radial-gradient(circle at 30% 25%,#d7ff77 0 3%,transparent 4%), #10131a; transform: rotate(-12deg) scale(1.2); }
.abstract-frame { margin: 12px; border: 1px solid rgba(255,255,255,.4); border-radius: 8px; background: linear-gradient(135deg,#1f85af,#7745ce 60%,#ff7050); box-shadow: -7px 7px 0 rgba(255,255,255,.12), -14px 14px 0 rgba(255,255,255,.05); }
.abstract-timeline { padding: 16px 12px 18px; display: grid; grid-template-columns: 2fr 1fr 1.4fr 2.3fr; gap: 3px; align-items: end; background: linear-gradient(150deg,#171b24,#0c0e13); }
.abstract-timeline i { height: 60%; border-radius: 3px; background: var(--violet); }.abstract-timeline i:nth-child(2){height:90%;background:var(--coral)}.abstract-timeline i:nth-child(3){height:45%;background:var(--blue)}.abstract-timeline i:nth-child(4){height:72%;background:var(--lime)}
.abstract-wave, .mini-wave { background: repeating-radial-gradient(ellipse at 50% 50%,transparent 0 5px,rgba(84,185,255,.9) 6px 7px,transparent 8px 12px); }
.abstract-product, .asset-direction-ad { background-image:url('assets/web/v2/direction-ad-v2.webp');background-position:center 54%; }
.abstract-motion, .asset-direction-video { background-image:url('assets/web/direction-video.webp');background-position:center; }
.abstract-type { display: grid; place-items: center; color: white; font-size: 42px; font-weight: 850; letter-spacing: -.1em; background: linear-gradient(145deg,#1a1d27,#322b55); }
.mini-wave { width: 100%; height: 34px; margin-top: auto; }
.abstract-gallery, .asset-outcome-gallery { background-image:url('assets/web/result-gallery.webp');background-position:center; }
.asset-direction-images { background-image:url('assets/web/v2/direction-images.webp'); }
.asset-direction-prompt { background-image:url('assets/web/v2/direction-prompt.webp'); }
.asset-direction-light { background-image:url('assets/web/v2/direction-light.webp'); }
.asset-direction-2d3d { background-image:url('assets/web/v2/direction-2d3d.webp'); }
.asset-direction-story { background-image:url('assets/web/v2/direction-story.webp'); }
.asset-direction-sound { background-image:url('assets/web/v2/direction-sound.webp'); }
.asset-direction-character { background-image:url('assets/web/v2/direction-character.webp'); }
.asset-direction-edit { background-image:url('assets/web/v2/direction-edit.webp'); }
.asset-direction-type { background-image:url('assets/web/v2/direction-type.webp'); }
.asset-direction-portfolio { background-image:url('assets/web/v2/direction-portfolio.webp');background-position:center 48%; }
.asset-outcome-projects { background-image:url('assets/web/v2/outcome-projects.webp'); }
.asset-outcome-preproduction { background-image:url('assets/web/v2/outcome-preproduction.webp'); }
.asset-outcome-scenes { background-image:url('assets/web/v2/outcome-scenes.webp'); }
.asset-outcome-keyvisual { background-image:url('assets/web/v2/outcome-keyvisual.webp'); }
.asset-outcome-sound { background-image:url('assets/web/v2/outcome-sound.webp'); }
.asset-outcome-clip { background-image:url('assets/web/v2/outcome-clip.webp'); }
.asset-outcome-master { background-image:url('assets/web/v2/outcome-master.webp');background-position:center 46%; }
.asset-outcome-formats { background-image:url('assets/web/v2/outcome-formats.webp'); }
.asset-outcome-wide { background-image:url('assets/web/v2/outcome-wide.webp'); }
.asset-outcome-vertical { background-image:url('assets/web/v2/outcome-vertical.webp'); }
.asset-outcome-case { background-image:url('assets/web/v2/outcome-case.webp'); }
.direction-mosaic .illustrated-tile,
.outcome-mosaic .illustrated-tile { color:var(--tile-copy,#fff); background:#11141b; }
.direction-mosaic .illustrated-tile::before,
.outcome-mosaic .illustrated-tile::before { background:var(--image-veil,linear-gradient(0deg,rgba(6,8,12,.96),rgba(6,8,12,.58) 25%,transparent 60%)); }
.direction-mosaic .illustrated-tile strong,
.outcome-mosaic .illustrated-tile strong { margin-top:auto; }
.direction-mosaic .illustrated-tile .tile-label,
.outcome-mosaic .illustrated-tile .tile-label { color:var(--tile-copy,#fff); }

/* Тонированные зоны читаемости повторяют расположение текста, а не гасят
   изображение целиком. У каждой плитки свой оттенок из её арта. */
.direction-mosaic .tile:nth-child(1) { --tile-copy:#071923;--image-veil:radial-gradient(ellipse 105% 58% at 8% 104%,rgba(203,239,247,.99) 0 28%,rgba(142,211,230,.78) 49%,transparent 72%),radial-gradient(circle at 88% 8%,rgba(128,91,255,.3),transparent 34%); }
.direction-mosaic .tile:nth-child(2) { --image-veil:radial-gradient(ellipse 118% 78% at 3% 108%,rgba(116,31,139,.98) 0 31%,rgba(75,18,94,.84) 53%,transparent 78%),radial-gradient(circle at 82% 16%,rgba(199,246,91,.24),transparent 38%); }
.direction-mosaic .tile:nth-child(3) { --tile-copy:#180806;--image-veil:radial-gradient(ellipse 116% 70% at 3% 108%,rgba(255,98,66,.99) 0 31%,rgba(236,70,52,.8) 50%,transparent 72%),radial-gradient(ellipse 62% 48% at 94% 4%,rgba(255,194,95,.3),transparent 72%); }
.direction-mosaic .tile:nth-child(4) { --tile-copy:#19120b;--image-veil:radial-gradient(ellipse 128% 94% at 0 50%,rgba(247,224,177,.97) 0 25%,rgba(222,181,111,.72) 48%,transparent 78%),radial-gradient(circle at 85% 15%,rgba(84,185,255,.28),transparent 36%); }
.direction-mosaic .tile:nth-child(5) { --tile-copy:#061522;--image-veil:radial-gradient(circle 82px at 4% 4%,rgba(84,185,255,.99) 0 40%,rgba(44,143,218,.74) 68%,transparent 100%),radial-gradient(ellipse 58% 46% at 96% 92%,rgba(255,98,66,.3),transparent 74%); }
.direction-mosaic .tile:nth-child(6) { --image-veil:radial-gradient(ellipse 102% 58% at 4% 103%,rgba(13,54,89,.99) 0 30%,rgba(18,79,117,.76) 53%,transparent 76%),radial-gradient(circle at 8% 4%,rgba(255,98,66,.58),transparent 37%); }
.direction-mosaic .tile:nth-child(7) { --tile-copy:#131311;--image-veil:radial-gradient(ellipse 110% 62% at 2% 104%,rgba(242,238,229,.99) 0 31%,rgba(207,203,194,.82) 52%,transparent 75%),radial-gradient(ellipse 58% 34% at 2% 0,rgba(255,255,255,.86),transparent 72%); }
.direction-mosaic .tile:nth-child(8) { --tile-copy:#0e1706;--image-veil:radial-gradient(ellipse 120% 76% at 2% 108%,rgba(199,246,91,.99) 0 31%,rgba(146,214,52,.8) 54%,transparent 79%),radial-gradient(circle at 84% 14%,rgba(84,185,255,.32),transparent 38%); }
.direction-mosaic .tile:nth-child(9) { --tile-copy:#18130b;--image-veil:radial-gradient(ellipse 105% 65% at 7% 108%,rgba(239,219,177,.99) 0 31%,rgba(197,172,116,.8) 52%,transparent 74%),radial-gradient(ellipse 60% 46% at 94% 6%,rgba(128,91,255,.26),transparent 72%); }
.direction-mosaic .tile:nth-child(10) { --image-veil:radial-gradient(ellipse 118% 92% at 100% 100%,rgba(92,40,124,.98) 0 31%,rgba(129,61,153,.68) 54%,transparent 80%),radial-gradient(circle at 12% 86%,rgba(255,98,66,.38),transparent 48%); }
.direction-mosaic .tile:nth-child(11) { --tile-copy:#121316;--image-veil:radial-gradient(ellipse 118% 66% at 2% 107%,rgba(229,226,221,.99) 0 30%,rgba(176,174,176,.82) 52%,transparent 74%),radial-gradient(ellipse 58% 46% at 95% 4%,rgba(84,185,255,.3),transparent 74%); }
.direction-mosaic .tile:nth-child(12) { --tile-copy:#190805;--image-veil:radial-gradient(ellipse 98% 60% at 4% 104%,rgba(255,98,66,.99) 0 31%,rgba(224,62,43,.82) 53%,transparent 76%),radial-gradient(ellipse 54% 35% at 3% 0,rgba(255,167,139,.92),transparent 76%); }

.outcome-mosaic .tile:nth-child(1) { --tile-copy:#101603;--image-veil:radial-gradient(ellipse 108% 62% at 4% 104%,rgba(199,246,91,.99) 0 31%,rgba(155,211,37,.82) 53%,transparent 75%),radial-gradient(circle at 4% 2%,rgba(224,255,132,.96),transparent 36%); }
.outcome-mosaic .tile:nth-child(2) { --image-veil:radial-gradient(ellipse 124% 84% at 4% 108%,rgba(43,65,87,.99) 0 32%,rgba(69,99,126,.78) 56%,transparent 80%),radial-gradient(circle at 88% 12%,rgba(255,98,66,.25),transparent 40%); }
.outcome-mosaic .tile:nth-child(3) { --tile-copy:#190a08;--image-veil:radial-gradient(ellipse 105% 60% at 3% 104%,rgba(255,128,103,.99) 0 29%,rgba(220,88,77,.82) 52%,transparent 74%),radial-gradient(ellipse 54% 34% at 2% 0,rgba(255,181,155,.9),transparent 74%); }
.outcome-mosaic .tile:nth-child(4) { --image-veil:radial-gradient(ellipse 122% 96% at 100% 104%,rgba(83,14,35,.98) 0 31%,rgba(133,32,57,.66) 56%,transparent 81%),radial-gradient(circle at 8% 84%,rgba(255,98,66,.38),transparent 48%); }
.outcome-mosaic .tile:nth-child(5) { --image-veil:radial-gradient(ellipse 112% 68% at 3% 106%,rgba(38,67,185,.99) 0 31%,rgba(31,48,139,.82) 52%,transparent 75%),radial-gradient(ellipse 60% 46% at 94% 5%,rgba(84,185,255,.3),transparent 74%); }
.outcome-mosaic .tile:nth-child(6) { --tile-copy:#061820;--image-veil:radial-gradient(ellipse 122% 80% at 2% 108%,rgba(84,202,232,.99) 0 32%,rgba(48,157,197,.8) 55%,transparent 80%),radial-gradient(circle at 85% 10%,rgba(199,246,91,.26),transparent 39%); }
.outcome-mosaic .tile:nth-child(7) { --tile-copy:#1b0718;--image-veil:radial-gradient(circle 98px at 4% 100%,rgba(240,81,201,.99) 0 36%,rgba(183,42,155,.78) 66%,transparent 100%),radial-gradient(ellipse 58% 46% at 94% 5%,rgba(128,91,255,.32),transparent 74%); }
.outcome-mosaic .tile:nth-child(8) { --tile-copy:#1b0d04;--image-veil:radial-gradient(ellipse 107% 61% at 3% 104%,rgba(255,156,75,.99) 0 30%,rgba(216,97,37,.82) 52%,transparent 74%),radial-gradient(ellipse 54% 34% at 2% 0,rgba(255,202,120,.9),transparent 75%); }
.outcome-mosaic .tile:nth-child(9) { --tile-copy:#151516;--image-veil:radial-gradient(ellipse 128% 96% at 0 46%,rgba(241,238,232,.98) 0 27%,rgba(197,193,187,.76) 51%,transparent 80%),radial-gradient(circle at 88% 14%,rgba(128,91,255,.24),transparent 39%); }
.outcome-mosaic .tile:nth-child(10) { --tile-copy:#06131d;--image-veil:radial-gradient(ellipse 110% 67% at 2% 106%,rgba(84,185,255,.99) 0 31%,rgba(42,133,209,.82) 54%,transparent 76%),radial-gradient(ellipse 60% 46% at 94% 8%,rgba(199,246,91,.28),transparent 74%); }
.outcome-mosaic .tile:nth-child(11) { --image-veil:radial-gradient(ellipse 124% 82% at 2% 108%,rgba(91,55,213,.99) 0 32%,rgba(120,76,232,.81) 56%,transparent 80%),radial-gradient(circle at 86% 13%,rgba(255,98,66,.28),transparent 39%); }
.outcome-mosaic .tile:nth-child(12) { --tile-copy:#17130e;--image-veil:radial-gradient(ellipse 118% 70% at 3% 108%,rgba(239,229,211,.99) 0 32%,rgba(198,177,143,.82) 54%,transparent 76%),radial-gradient(circle at 84% 8%,rgba(84,185,255,.25),transparent 34%); }
.matrix-note { margin: 8px 3px 0; color: #626773; font-size: 7px; letter-spacing: .05em; text-transform: uppercase; }
.matrix-status { color: var(--lime); font-weight: 800; }

.goal-scene { background: #ece8df; color: #13151b; }
.goal-scene .scene-number, .goal-scene .scene-heading p { color: #656873; }
.rail-wrap { position: relative; }
.snap-rail { margin-inline: 0; padding-inline: 0 32px; display: flex; gap: 8px; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: x mandatory; scroll-padding-inline-start: 0; }
.goal-card { flex: 0 0 calc(100% - 34px); min-height: 390px; padding: 8px; border: 1px solid rgba(10,12,17,.1); border-radius: 20px; display: grid; grid-template-rows: 1fr auto; overflow: hidden; color: white; background: #11141b; text-align: left; scroll-snap-align: start; cursor: pointer; }
.goal-card.is-selected { box-shadow: inset 0 0 0 2px var(--coral); }
.goal-visual { position: relative; min-height: 270px; border-radius: 14px; overflow: hidden; }
.goal-card > span:last-child { padding: 15px 10px 10px; display: grid; gap: 5px; }
.goal-card small { color: #8f94a0; font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }
.goal-card strong { font-size: 22px; line-height: 1; letter-spacing: -.05em; }
.goal-card em { color: #a6aab4; font-size: 9px; line-height: 1.4; font-style: normal; }
.visual-product { background-image:url('assets/web/goal-ad.webp');background-position:center; }
.visual-rhythm { background-image:url('assets/web/goal-clip.webp');background-position:center 28%; }
.visual-cinema { background-image:url('assets/web/goal-film.webp');background-position:center 38%; }
.visual-motion { background-image:url('assets/web/goal-motion.webp');background-position:center 25%; }
.rail-controls { margin-top: 11px; display: flex; align-items: center; justify-content: space-between; color: #676b76; font-size: 9px; font-weight: 750; }
.rail-controls div { display: flex; gap: 6px; }
.rail-controls button { position:relative;width:44px;height:44px;border:1px solid rgba(10,12,17,.15);border-radius:14px;display:grid;place-items:center;color:#111;background:rgba(255,255,255,.45);cursor:pointer;transition:opacity .15s ease,transform .15s ease; }
.rail-controls button .material-symbols-rounded{font-size:19px}
.rail-controls button:active{transform:scale(.94)}
.rail-controls button:disabled{visibility:hidden;pointer-events:none}

.pipeline-scene { background: #10131a; }
.pipeline { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.pipeline li { min-height: 64px; padding: 10px 2px; display: grid; grid-template-columns: 30px minmax(0,1fr); align-items: center; gap: 7px; border-bottom: 1px solid var(--line); }
.pipeline li > b { color: var(--coral); font-size: 8px; }
.pipeline li span { display: grid; gap: 3px; }
.pipeline strong { font-size: 13px; letter-spacing: -.025em; }.pipeline small { color: #7f8491; font-size: 9px; }
.wide-action { width: 100%; min-height: 50px; margin-top: 10px; padding: 0 14px; border: 1px solid var(--line); border-radius: 14px; display: flex; align-items: center; justify-content: space-between; background: rgba(255,255,255,.045); font-size: 10px; font-weight: 740; text-align: left; cursor: pointer; }
.wide-action span { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; color: #111; background: var(--lime); font-size: 14px; }

.directions-scene { background: #0b0d12; }
.selection-count { min-height: 34px; margin-bottom: 8px; padding: 0 2px; display: flex; align-items: center; justify-content: space-between; color: #898e9a; font-size: 8px; font-weight: 750; text-transform: uppercase; }
.selection-count button { min-height: 44px; padding: 0; border: 0; color: #767b87; background: none; font-size: 8px; text-decoration: underline; cursor: pointer; }
.select-tile { transition: box-shadow .2s ease, transform .15s ease; }
.select-tile.is-selected { box-shadow: inset 0 0 0 3px var(--lime); }

.builder-scene { color: #12141a; background: #efebe3; }
.builder-scene .scene-number, .builder-scene .scene-heading p { color: #666a75; }
.format-tabs, .audience-tabs { padding: 4px; display: grid; grid-template-columns: repeat(4,1fr); gap: 3px; border-radius: 14px; background: rgba(18,20,26,.09); }
.format-tabs button, .audience-tabs button { min-height: 42px; padding: 0 4px; border: 0; border-radius: 10px; color: #747781; background: transparent; font-size: 8px; font-weight: 730; cursor: pointer; }
.format-tabs button.is-selected, .audience-tabs button.is-selected { color: white; background: #12151c; }
.project-builder { margin-top: 8px; padding: 8px; overflow: hidden; border-radius: 20px; color: white; background: #11141b; }
.builder-stage { position:relative;min-height:300px;border-radius:14px;overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:cover;--stage-veil:rgba(84,185,255,.08); }
.builder-stage[data-project="ad"] { background-image:url('assets/web/builder-ad.webp');background-position:center 52%; }
.builder-stage[data-project="clip"] { background-image:url('assets/web/builder-clip.webp');background-position:center; }
.builder-stage[data-project="film"] { background-image:url('assets/web/builder-film.webp');background-position:center; }
.builder-stage[data-project="motion"] { background-image:url('assets/web/builder-motion.webp');background-position:center; }
.builder-stage::before { content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(135deg,var(--stage-veil),transparent 52%),linear-gradient(0deg,rgba(7,9,13,.34),transparent 38%); }
.builder-frame { position:absolute;inset:18% 12%;z-index:2;border:1px solid rgba(255,255,255,.38);transform:perspective(500px) rotateX(5deg) rotateY(-9deg); }
.builder-frame i { position: absolute; height: 1px; left: -8%; right: -8%; background: rgba(255,255,255,.22); }.builder-frame i:nth-child(1){top:24%}.builder-frame i:nth-child(2){top:50%}.builder-frame i:nth-child(3){top:76%}
.builder-stage > span { position:absolute;left:10px;bottom:10px;z-index:3;padding:7px 9px;border:1px solid rgba(255,255,255,.18);border-radius:99px;background:rgba(8,10,15,.62);font-size:8px;font-weight:740; }
.builder-copy { padding: 15px 10px 10px; }
.builder-copy small { color: var(--coral); font-size: 8px; letter-spacing: .08em; font-weight: 780; }
.builder-copy h3 { margin: 7px 0 0; font-size: 21px; line-height: 1.04; letter-spacing: -.05em; }
.builder-copy p { margin: 8px 0 0; color: #989da9; font-size: 9px; line-height: 1.45; }
.builder-steps { margin: 3px; padding: 4px; display: grid; grid-template-columns: repeat(4,1fr); gap: 3px; list-style: none; border-radius: 11px; background: #1a1e27; }
.builder-steps li { min-width:0;min-height:46px;display:grid;place-items:stretch;border-radius:8px;overflow:hidden; }
.builder-steps button{position:relative;width:100%;min-height:46px;padding:6px 4px;border:0;border-radius:8px;color:#a0a5b0;background:transparent;font-size:7px;text-align:center;cursor:pointer;transition:color .18s ease,background .18s ease,transform .18s ease}
.builder-steps button:hover{color:#fff;background:rgba(255,255,255,.06)}
.builder-steps button:focus-visible{outline:2px solid var(--lime);outline-offset:-2px}
.builder-steps li.is-selected button{color:#111;background:var(--lime);box-shadow:0 8px 22px rgba(199,246,91,.16)}
.builder-copy h3,.builder-copy p{transition:opacity .16s ease}
.builder-stage[data-stage="1"]{--stage-veil:rgba(255,98,66,.2)}
.builder-stage[data-stage="2"]{--stage-veil:rgba(128,91,255,.2)}
.builder-stage[data-stage="3"]{--stage-veil:rgba(199,246,91,.16)}
.builder-scene .wide-action { color: white; background: #12151c; }

.program-scene { background: #11141b; }
.month-rail { padding-right: 48px; }
.month-card { flex: 0 0 calc(100% - 34px); min-height: 356px; padding: 17px; border-radius: 20px; display: flex; flex-direction: column; color: #11131a; scroll-snap-align: start; }
.month-card small { font-size: 8px; letter-spacing: .07em; font-weight: 780; }.month-card > b { margin-top: 30px; font-size: 25px; line-height: .98; letter-spacing: -.055em; }.month-card ul { margin: auto 0 12px; padding: 0; list-style: none; }.month-card li { padding: 8px 0; border-bottom: 1px solid rgba(10,12,16,.14); font-size: 10px; font-weight: 650; }.month-card button { min-height:44px;padding:0;border:0;border-top:1px solid rgba(10,12,16,.16);display:flex;align-items:center;justify-content:space-between;color:#11131a;background:none;font-size:9px;font-weight:750;text-align:left;cursor:pointer; }.month-card button .material-symbols-rounded{font-size:17px}
.month-violet { background: #a08aff; }.month-coral { background: #ff8067; }.month-blue { background: #80ccff; }.month-lime { background: #d7fa82; }
.program-scene .rail-controls { color: #8e929d; }.program-scene .rail-controls button { color: white; border-color: var(--line); background: #1b1f28; }

.rhythm-scene { color: #11131a; background: #efebe3; }
.rhythm-scene .scene-number { color: #686c76; }
.rhythm-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.rhythm-grid article, .rhythm-grid button { position:relative;min-height:116px;padding:13px;overflow:hidden;border:0;border-radius:15px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;isolation:isolate;color:var(--rhythm-copy,#fff);background:#13161d;text-align:left; }
.rhythm-grid .rhythm-main { grid-column: 1 / -1; min-height: 250px; padding: 18px; background: #151820; }
.rhythm-main small { color: #858a97; font-size: 8px; letter-spacing: .08em; }.rhythm-main h3 { margin: auto 0 0; font-size: 27px; line-height: .95; letter-spacing: -.06em; }.rhythm-main h3 em { color: var(--coral); font-style: normal; }.rhythm-main p { max-width: 290px; margin: 10px 0 0; color: #9095a1; font-size: 9px; line-height: 1.45; }
.rhythm-card > .media-layer { position:absolute;inset:0;z-index:0; }
.rhythm-card::before { content:"";position:absolute;inset:0;z-index:1;background:var(--rhythm-veil,linear-gradient(0deg,rgba(7,9,13,.96),rgba(7,9,13,.48) 27%,transparent 61%));pointer-events:none; }
.rhythm-card .text-layer { position:relative;z-index:2; }
.rhythm-main { --rhythm-veil:radial-gradient(ellipse 110% 68% at 4% 104%,rgba(13,19,42,.99) 0 34%,rgba(29,30,69,.81) 56%,transparent 77%),radial-gradient(circle at 4% 1%,rgba(84,185,255,.38),transparent 38%),radial-gradient(circle at 92% 12%,rgba(255,98,66,.32),transparent 35%); }
.rhythm-grid article:nth-of-type(2) { --rhythm-copy:#051820;--rhythm-muted:#123d4a;--rhythm-veil:radial-gradient(ellipse 115% 72% at 3% 106%,rgba(107,220,237,.98) 0 32%,rgba(47,161,191,.8) 55%,transparent 77%),radial-gradient(circle at 4% 2%,rgba(186,249,255,.9),transparent 38%); }
.rhythm-grid article:nth-of-type(3) { --rhythm-copy:#201006;--rhythm-muted:#5b2d12;--rhythm-veil:radial-gradient(ellipse 122% 82% at 2% 108%,rgba(255,159,76,.99) 0 32%,rgba(218,92,32,.8) 56%,transparent 80%),radial-gradient(circle at 7% 4%,rgba(255,213,137,.88),transparent 40%); }
.rhythm-grid article:nth-of-type(4) { --rhythm-veil:radial-gradient(ellipse 124% 96% at 0 52%,rgba(28,65,158,.94) 0 30%,rgba(20,43,116,.72) 55%,transparent 81%),radial-gradient(circle at 7% 8%,rgba(84,185,255,.72),transparent 42%); }
.rhythm-grid article:nth-of-type(5) { --rhythm-copy:#18130e;--rhythm-muted:#514536;--rhythm-veil:radial-gradient(ellipse 112% 70% at 4% 106%,rgba(231,211,175,.99) 0 32%,rgba(181,151,111,.82) 55%,transparent 76%),radial-gradient(circle at 4% 2%,rgba(255,239,205,.9),transparent 38%); }
.asset-rhythm-cycle { background-image:url('assets/web/v2/rhythm-cycle.webp');background-position:center top; }
.asset-rhythm-concept { background-image:url('assets/web/v2/rhythm-concept.webp'); }
.asset-rhythm-demo { background-image:url('assets/web/v2/rhythm-demo.webp'); }
.asset-rhythm-practice { background-image:url('assets/web/v2/rhythm-practice.webp');background-position:center 28%; }
.asset-rhythm-review { background-image:url('assets/web/v2/rhythm-review.webp'); }
.rhythm-grid article > b { font-size:31px;letter-spacing:-.08em;text-shadow:0 1px 12px rgba(0,0,0,.18); }.rhythm-grid article > small { color:var(--rhythm-muted,#d7d9df);font-size:8px; }
.rhythm-grid button { grid-column: 1 / -1; min-height: 58px; flex-direction: row; align-items: center; color: #111; background: var(--lime); font-size: 10px; cursor: pointer; }

.audience-scene { background: #0d1016; }
.audience-tabs { grid-template-columns: 1fr 1fr; background: #191d26; }
.audience-tabs button { color: #8b909c; }.audience-tabs button.is-selected { color: #111; background: var(--lime); }
.audience-panel { min-height: 310px; margin-top: 8px; padding: 18px; border: 1px solid var(--line); border-radius: 20px; background: linear-gradient(145deg,#171b24,#11141b); }
.audience-panel > small { color: var(--blue); font-size: 8px; letter-spacing: .08em; font-weight: 780; }.audience-panel h3 { margin: 42px 0 20px; font-size: 23px; line-height: 1; letter-spacing: -.05em; }.audience-panel ul { margin: 0; padding: 0; list-style: none; }.audience-panel li { padding: 10px 0 10px 17px; border-top: 1px solid var(--line); color: #a1a5af; font-size: 9px; line-height: 1.35; }.audience-panel li::before { content:"+"; float:left; margin-left:-17px; color:var(--lime); }

.support-scene { color: #11131a; background: var(--coral); }
.support-scene .scene-number, .support-scene .scene-heading p { color: rgba(17,19,26,.58); }
.support-stack { display: grid; gap: 5px; }
.support-stack button { min-height:80px;padding:12px;border:1px solid rgba(10,12,16,.13);border-radius:14px;display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:11px;color:white;background:#151820;text-align:left;cursor:pointer; }.support-stack b { width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,98,66,.32);border-radius:10px;color:var(--coral);font-size:8px;line-height:1; }.support-stack span { display:grid;gap:3px; }.support-stack strong { font-size:11px; }.support-stack small { color:#858a96;font-size:8px; }.support-stack i { width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:#111;background:var(--lime);font-style:normal; }

.responsibility-scene { background: #0e1117; }
.responsibility-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.responsibility-grid article { position:relative;min-height:162px;padding:13px;overflow:hidden;border:1px solid var(--line);border-radius:15px;display:flex;flex-direction:column;isolation:isolate;color:var(--responsibility-copy,#fff);background:#151922; }
.responsibility-card > .media-layer { position:absolute;inset:0;z-index:0; }
.responsibility-card::before { content:"";position:absolute;inset:0;z-index:1;background:var(--responsibility-veil,radial-gradient(ellipse 120% 78% at 4% 108%,rgba(7,9,13,.98),rgba(7,9,13,.66) 54%,transparent 80%));pointer-events:none; }
.responsibility-card .text-layer { position:relative;z-index:2; }
.responsibility-card:nth-child(1) { --responsibility-copy:#061820;--responsibility-muted:#174452;--responsibility-index:#075c78;--responsibility-veil:radial-gradient(ellipse 120% 70% at 4% 108%,rgba(104,215,232,.99) 0 33%,rgba(49,155,185,.82) 57%,transparent 78%),radial-gradient(circle at 4% 2%,rgba(177,244,249,.84),transparent 38%); }
.responsibility-card:nth-child(2) { --responsibility-copy:#fff7f3;--responsibility-muted:#ffe1d9;--responsibility-index:#ffc1b5;--responsibility-veil:radial-gradient(ellipse 124% 84% at 3% 108%,rgba(151,35,47,.98) 0 33%,rgba(204,57,68,.8) 56%,transparent 81%),radial-gradient(circle at 6% 2%,rgba(255,121,112,.5),transparent 42%); }
.responsibility-card:nth-child(3) { --responsibility-muted:#dfc6e8;--responsibility-index:#edb7ff;--responsibility-veil:radial-gradient(ellipse 122% 94% at 100% 106%,rgba(72,20,86,.99) 0 32%,rgba(122,45,137,.68) 57%,transparent 82%),radial-gradient(circle at 5% 5%,rgba(184,88,209,.68),transparent 46%); }
.responsibility-card:nth-child(4) { --responsibility-muted:#c5d9ff;--responsibility-index:#8ab8ff;--responsibility-veil:radial-gradient(ellipse 112% 68% at 4% 106%,rgba(21,71,165,.99) 0 32%,rgba(13,42,105,.84) 56%,transparent 78%),radial-gradient(circle at 6% 3%,rgba(84,185,255,.64),transparent 40%); }
.responsibility-grid .responsibility-index { color:var(--responsibility-index,var(--blue));font-size:8px; }
.responsibility-grid strong { margin-top:auto;font-size:12px; }.responsibility-grid p { margin:6px 0 0;color:var(--responsibility-muted,#a4a8b2);font-size:8px;line-height:1.4; }
.asset-responsibility-sources { background-image:url('assets/web/v2/responsibility-sources.webp'); }
.asset-responsibility-privacy { background-image:url('assets/web/v2/responsibility-privacy.webp'); }
.asset-responsibility-authorship { background-image:url('assets/web/v2/responsibility-authorship.webp'); }
.asset-responsibility-publish { background-image:url('assets/web/v2/responsibility-publish.webp'); }
.faq { border-bottom: 1px solid var(--line); }.faq:first-of-type { margin-top: 18px; border-top: 1px solid var(--line); }.faq summary { min-height: 58px; padding: 11px 2px; display: grid; grid-template-columns: 1fr 24px; gap: 10px; align-items: center; font-size: 10px; font-weight: 680; list-style: none; cursor: pointer; }.faq summary::-webkit-details-marker { display:none; }.faq summary span { width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:#1d222c; }.faq[open] summary span { transform:rotate(45deg); }.faq p { margin:0;padding:0 34px 15px 2px;color:#8d929e;font-size:9px;line-height:1.5; }

.outcomes-scene { color: #11131a; background: #efebe3; }.outcomes-scene .scene-number, .outcomes-scene .scene-heading p { color:#666a75; }
.outcome-mosaic .tile { color:white; }.outcome-mosaic .tone-paper, .outcome-mosaic .tone-blue, .outcome-mosaic .tone-lime { color:#11131a; }

.final-scene { padding-bottom: 54px; background: #090b10; }
.route-summary { padding: 8px; border: 1px solid var(--line); border-radius: 18px; background: #13161d; }.route-summary > div { min-height: 65px; padding: 11px; display:grid;gap:5px;border-bottom:1px solid var(--line); }.route-summary > div:last-child{border-bottom:0}.route-summary small,.route-sheet-summary small{color:#777d89;font-size:7px;letter-spacing:.07em;font-weight:760}.route-summary strong,.route-sheet-summary strong{font-size:11px;line-height:1.35;}
.next-actions { display:grid;gap:5px;margin-top:8px; }.next-actions button { min-height:68px;padding:9px;border:1px solid var(--line);border-radius:14px;display:grid;grid-template-columns:28px minmax(0,1fr);gap:7px;align-items:center;background:#141820;text-align:left;cursor:pointer; }.next-actions button.is-selected{border-color:var(--lime);box-shadow:inset 0 0 0 1px var(--lime)}.next-actions b{color:var(--coral);font-size:8px}.next-actions span{display:grid;gap:3px}.next-actions strong{font-size:10px}.next-actions small{color:#858a96;font-size:8px;line-height:1.35}
.lead-form { position:relative;margin-top:8px;padding:13px;border:1px solid var(--line);border-radius:16px;color:white;background:#151922;overflow:hidden; }.lead-form::before{content:"";position:absolute;left:13px;right:13px;top:0;height:2px;border-radius:0 0 2px 2px;background:linear-gradient(90deg,var(--blue),var(--violet),var(--coral))}.lead-form label{display:grid;gap:7px}.lead-form label>span{color:#858a96;font-size:8px;font-weight:750;text-transform:uppercase}.lead-form input{width:100%;height:46px;padding:0 12px;border:1px solid var(--line);border-radius:11px;color:white;background:#0d1016;font-size:11px;outline:none}.lead-form input::placeholder{color:#646a76}.lead-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(84,185,255,.12)}.lead-form button{width:100%;min-height:46px;margin-top:7px;padding:0 10px 0 12px;border:0;border-radius:11px;display:flex;align-items:center;justify-content:space-between;color:#111;background:var(--lime);font-size:10px;font-weight:780;cursor:pointer}.lead-form button span{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;color:white;background:#11141b}.lead-form p{margin:9px 2px 0;color:#6f7581;font-size:7px;line-height:1.35}
.final-scene footer { margin-top:16px;padding-top:12px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px;color:#656b77;font-size:7px; }.final-scene footer button{min-height:44px;padding:0;border:0;color:#7c828e;background:none;font-size:7px;text-decoration:underline;cursor:pointer;}

.sticky-route { position: fixed; z-index: 45; left: 50%; bottom: max(8px,var(--safe-bottom)); width: min(calc(100% - 16px),414px); transform: translateX(-50%); transition: opacity .2s ease,transform .2s ease; }
.sticky-route.is-hidden { opacity:0;pointer-events:none;transform:translate(-50%,14px); }.sticky-route > button { width:100%;min-height:60px;padding:7px 7px 7px 14px;border:1px solid rgba(255,255,255,.14);border-radius:18px;display:grid;grid-template-columns:minmax(0,1fr) 45px;align-items:center;color:white;background:rgba(17,20,27,.94);box-shadow:0 15px 40px rgba(0,0,0,.42);backdrop-filter:blur(18px);text-align:left;cursor:pointer; }.sticky-route button>span:first-child{min-width:0;display:grid;gap:3px}.sticky-route small{color:#777d89;font-size:7px;letter-spacing:.07em}.sticky-route strong{overflow:hidden;font-size:10px;white-space:nowrap;text-overflow:ellipsis}.sticky-route strong i{color:var(--lime);font-style:normal}.sticky-route strong em{color:#a2a7b2;font-style:normal}.route-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;color:#111;background:var(--coral);font-size:15px;font-weight:800}

.bottom-sheet { box-sizing:border-box;position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:clamp(12px,3vw,24px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;border:0;color:var(--ink);background:transparent; }
.bottom-sheet[open]{display:flex;flex-direction:column;align-items:center;justify-content:center}
.bottom-sheet.is-long{justify-content:flex-start}
.bottom-sheet::-webkit-scrollbar{display:none;width:0;height:0}
.bottom-sheet::backdrop{background:rgba(3,5,8,.7);backdrop-filter:blur(5px)}
.sheet-surface{position:relative;flex:0 0 auto;width:min(512px,100%);max-height:none;margin:0;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:clamp(20px,4vw,28px);background:#151922;box-shadow:0 30px 90px rgba(0,0,0,.48)}
.sheet-close{position:absolute;z-index:4;top:12px;right:12px;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:grid;place-items:center;color:white;background:rgba(10,12,17,.74);backdrop-filter:blur(12px);cursor:pointer}.sheet-close .material-symbols-rounded{font-size:21px}.sheet-visual{width:100%;margin:0;background:#0b0e14}.sheet-visual img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}.sheet-head{position:relative;z-index:2;padding:20px 22px 15px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);background:#151922}.sheet-head small{color:var(--coral);font-size:7px;letter-spacing:.08em;font-weight:780}.sheet-head h2{max-width:320px;margin:5px 0 0;font-size:23px;line-height:1;letter-spacing:-.05em}.sheet-body{padding:18px 22px 24px;color:#a4a9b4;font-size:10px;line-height:1.55}.sheet-body h3{margin:18px 0 7px;color:white;font-size:13px;line-height:1.2}.sheet-body p{margin:0 0 12px}.sheet-body ul,.sheet-body ol{margin:0 0 14px;padding-left:18px}.sheet-body li{margin:6px 0}.sheet-body .sheet-accent{padding:12px;border-radius:13px;color:#111;background:var(--lime)}
.route-sheet-summary{display:grid;gap:5px}.route-sheet-summary>div{padding:12px;border:1px solid var(--line);border-radius:13px;display:grid;gap:5px;color:white;background:#1a1f29}.chapter-nav{margin-top:14px;border-top:1px solid var(--line)}.chapter-nav a{min-height:48px;padding:7px 1px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:28px 1fr auto;gap:7px;align-items:center;color:white;text-decoration:none;font-size:9px}.chapter-nav b{color:#676d79;font-size:7px}.chapter-nav i{color:#676d79;font-style:normal}.display-controls{margin-top:18px;padding:12px;border-radius:15px;background:#0f1218}.display-controls>small{display:block;margin-bottom:8px;color:#686e7a;font-size:7px;letter-spacing:.08em}.display-controls button{width:100%;min-height:44px;padding:0;border:0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:none;font-size:9px;text-align:left;cursor:pointer}.display-controls button:last-child{border-bottom:0}.display-controls i{color:var(--lime);font-style:normal}

body.is-media-hidden .media-layer { opacity:0 !important; }
body.is-media-hidden .visual-tile { background:#151922; }
body.is-text-hidden .text-layer { visibility:hidden !important; }
body.theme-light { --bg:#e9e7e1;--surface:#f5f2eb;--surface-2:#dedbd4;--ink:#12141a;--muted:#60646e;--line:rgba(12,14,18,.14);color-scheme:light; }
body.theme-light .route-header,body.theme-light .sticky-route>button{color:white;background:rgba(15,18,24,.94)}
body.theme-light .pipeline-scene,body.theme-light .directions-scene,body.theme-light .program-scene,body.theme-light .audience-scene,body.theme-light .responsibility-scene,body.theme-light .final-scene{color:white;background:#10131a}

button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.vz-body-53{scroll-behavior:auto}.sheet-surface{animation:none}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}
@media (max-width:370px){.vz-body-53{--page-pad:8px}.brand{min-width:96px}.brand b{font-size:9px}.brand-mark{width:25px;height:25px}.tile{padding:9px;border-radius:12px}.tile-main{padding:12px}.tile strong{font-size:11px}.offer-cta-tile{padding-block:7px}.offer-cta-tile strong{max-width:calc(100% - 24px);font-size:9px;white-space:nowrap}.tile-main h1{font-size:26px}.goal-card,.month-card{flex-basis:calc(100% - 24px)}.scene-heading h2{font-size:25px}.responsibility-grid article{min-height:150px}}
@media (min-width:431px){.app-shell{border-inline:1px solid rgba(255,255,255,.06)}}

@media (min-width:900px){
  .vz-body-53{--page-pad:18px;--header-h:74px;--scene-gap:8px;--radius:22px;--radius-sm:16px}
  .vz-body-53{padding:0;background:#090b10}
  .app-shell{width:100%;max-width:none;border:0;border-radius:0;box-shadow:none}
  .route-header{border-radius:0;padding-inline:max(24px,calc((100vw - 1600px)/2 + 0px));grid-template-columns:auto minmax(360px,520px);justify-content:space-between}
  .brand{min-width:190px;gap:11px}.brand-mark{width:34px;height:34px}.brand b{font-size:13px}.brand small{font-size:9px}
  .route-map-button{min-height:54px}.route-map-copy small{font-size:8px}.route-map-copy strong{font-size:12px}
  .scene{padding:58px max(24px,calc((100vw - 1600px)/2 + 0px)) 66px}.scene-heading{margin-bottom:28px}.scene-number,.micro-head{font-size:10px}.scene-heading h2{font-size:48px;max-width:720px}.scene-heading p{max-width:620px;font-size:14px}
  .mosaic{--gap:8px;aspect-ratio:16 / 9}.tile{padding:17px}.tile::after{border-color:rgba(255,255,255,.1)}.tile strong{font-size:18px}.tile p{font-size:11px}.tile-code,.tile-index,.tile-label{font-size:9px}.tile-big{font-size:48px}.tile-main{padding:25px}.tile-main h1{max-width:580px;font-size:58px}.tile-main p{max-width:380px;font-size:12px}.tile-arrow{right:15px;top:14px;font-size:18px}.matrix-note{font-size:9px}
  .offer-mosaic .tile:last-child{flex-direction:row;align-items:center}.offer-mosaic .tile:last-child strong{font-size:25px}
  .goal-scene{padding-inline:max(24px,calc((100vw - 1600px)/2 + 0px))}.snap-rail{margin-inline:0;padding-inline:0 40px;gap:12px}.goal-card{flex-basis:calc(33.333% - 8px);min-height:470px}.goal-visual{min-height:330px}.goal-card strong{font-size:26px}.goal-card em{font-size:11px}.rail-controls{font-size:11px}
  .pipeline-scene{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);grid-template-rows:auto auto;gap:0 70px}.pipeline-scene .scene-heading{grid-column:1;grid-row:1;align-self:start}.pipeline-scene .pipeline{grid-column:2;grid-row:1 / span 2}.pipeline-scene>.wide-action{grid-column:1;grid-row:2;align-self:end}.pipeline li{min-height:82px}.pipeline strong{font-size:17px}.pipeline small{font-size:11px}.wide-action{min-height:56px;font-size:12px}
  .selection-count{font-size:10px}.composition-focus{padding:25px}.composition-focus strong{font-size:34px}
  .builder-scene{display:grid;grid-template-columns:minmax(300px,.68fr) minmax(0,1.32fr);grid-template-rows:auto auto 1fr;gap:0 60px}.builder-scene .scene-heading{grid-column:1;grid-row:1}.format-tabs{grid-column:1;grid-row:2}.project-builder{grid-column:2;grid-row:1 / span 3;margin-top:0;display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:1fr auto;gap:0}.builder-stage{grid-column:1;grid-row:1 / span 2;min-height:500px}.builder-copy{padding:28px 22px}.builder-copy h3{font-size:30px}.builder-copy p{font-size:11px}.builder-steps{grid-column:2;margin:10px}.builder-scene>.wide-action{grid-column:1;grid-row:3;align-self:end;margin-bottom:2px}.format-tabs button{font-size:10px}
  .month-rail{padding-right:30px;gap:8px}.month-card{flex-basis:calc(25% - 6px);min-height:410px}.month-card>b{font-size:27px}.month-card li{font-size:11px}
  .rhythm-scene{display:grid;grid-template-columns:.55fr 1.45fr;gap:55px}.rhythm-scene .scene-heading{grid-column:1}.rhythm-grid{grid-column:2;grid-row:1 / span 2;grid-template-columns:repeat(4,1fr)}.rhythm-grid .rhythm-main{grid-column:1 / span 2;grid-row:1 / span 2;min-height:330px}.rhythm-grid article{min-height:160px}.rhythm-grid button{grid-column:3 / span 2}.rhythm-main h3{font-size:38px}.rhythm-main p{font-size:11px}.rhythm-grid article>b{font-size:40px}
  .audience-scene{display:grid;grid-template-columns:.7fr 1.3fr;grid-template-rows:auto auto;gap:0 60px}.audience-scene .scene-heading{grid-column:1}.audience-tabs{grid-column:1}.audience-panel{grid-column:2;grid-row:1 / span 2;min-height:430px;padding:30px}.audience-panel h3{max-width:650px;font-size:36px}.audience-panel li{font-size:11px}
  .support-scene{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.support-stack{align-self:end}.support-stack button{min-height:92px}.support-stack strong{font-size:14px}.support-stack small{font-size:10px}
  .responsibility-scene{display:grid;grid-template-columns:.7fr 1.3fr;gap:0 60px}.responsibility-scene .scene-heading{grid-column:1;grid-row:1 / span 4}.responsibility-grid{grid-column:2;grid-row:1;grid-template-columns:repeat(4,1fr)}.responsibility-grid article{min-height:230px}.responsibility-grid strong{font-size:15px}.responsibility-grid p{font-size:10px}.responsibility-scene .faq{grid-column:2}.responsibility-scene .faq:first-of-type{margin-top:18px}.faq summary{font-size:12px}.faq p{font-size:11px}
  .final-scene{display:grid;grid-template-columns:.72fr 1.28fr;gap:0 60px;padding-bottom:95px}.final-scene .scene-heading{grid-column:1;grid-row:1}.route-summary{grid-column:2;grid-row:1 / span 2}.route-summary strong{font-size:14px}.next-actions{grid-column:1;grid-row:2;align-self:end}.lead-form{grid-column:2;grid-row:3;margin-top:10px;padding:16px;display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:8px;align-items:end}.lead-form::before{left:16px;right:16px}.lead-form button{height:50px;margin-top:0}.lead-form input{height:50px}.lead-form p{grid-column:1 / -1;margin-top:2px}.final-scene footer{grid-column:1 / -1}.next-actions button{min-height:76px}.next-actions strong{font-size:12px}.next-actions small{font-size:9px}.lead-form label>span,.lead-form p{font-size:9px}
  .sticky-route{width:min(calc(100% - 80px),1180px);bottom:18px}.sticky-route>button{min-height:64px}.sticky-route strong{font-size:12px}.sticky-route small{font-size:8px}
  .sheet-surface{width:min(512px,100%)}.sheet-head{padding:22px 24px 16px}.sheet-head h2{font-size:25px}.sheet-body{padding:20px 24px 26px;font-size:12px}.sheet-body h3{font-size:15px}
}
@media (min-width:900px) and (max-width:1150px){.tile-main h1{font-size:45px}.tile-main p{font-size:10px}.tile-main{padding:20px}}