/* сімсот медіа. Базові координати композиції: 1024 × 1536.
   1cqw дорівнює 1% ширини .reference-stage.
   Усі елементи інтерфейсу — HTML; фотографія — окремий файл. */
@font-face {
  font-family: "Agency Sans"; font-style: normal; font-weight: 200 800; font-display: swap;
  src: url("../manrope-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Agency Sans"; font-style: normal; font-weight: 200 800; font-display: swap;
  src: url("../manrope-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
  color-scheme: dark;
  --color-ink: #080f20;
  --color-white: #f8faff;
  --color-muted: #dadde9;
  --color-blue: #0755ff;
  --color-cyan: #28c7f3;
  --button-gradient: linear-gradient(110deg, #0544ff 0%, #006bff 49%, #35c9f0 100%);
  --font: "Agency Sans", "Montserrat", "Arial", sans-serif;
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 2rem; }
body { margin: 0; background: #070d19; color: var(--color-white); font-family: var(--font); -webkit-font-smoothing: antialiased; }
body.dialog-open { overflow: hidden; }
button, input, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
button { color: inherit; }
a { color: inherit; text-decoration: none; }
button, a, input, textarea { touch-action: manipulation; }
button:focus-visible, a:focus-visible { outline: 3px solid #78dcff; outline-offset: 5px; }
input:focus-visible, textarea:focus-visible { outline: 2px solid #38b7ff; outline-offset: 3px; }
svg { display: inline-block; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.svg-definitions { position: absolute; width: 0; height: 0; overflow: hidden; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: 100; left: 1rem; top: 1rem; transform: translateY(-170%); padding: .8rem 1rem; background: #0862e9; border-radius: .5rem; }
.skip-link:focus { transform: translateY(0); }
.page-shell { width: min(100%, 1440px); margin-inline: auto; }
.reference-stage { position: relative; isolation: isolate; container-type: inline-size; aspect-ratio: 2 / 3; overflow: hidden; background: #080f1e; }
.scene-layer { position: absolute; inset: 0; z-index: -2; pointer-events: none; }
.scene-image { display: block; width: 100%; height: 100%; object-fit: fill; }

/* Header: x≈66, y≈45, w≈904 at the reference width. */
.site-header { position: absolute; top: 4.39cqw; left: 6.45%; right: 5.35%; height: 5.1cqw; display: grid; grid-template-columns: 23.4% 1fr 18.6%; gap: 2.4%; align-items: center; z-index: 5; }
.brand { display: inline-flex; align-items: center; gap: .9cqw; width: max-content; font-size: 2.05cqw; letter-spacing: -.08cqw; line-height: 1; white-space: nowrap; font-weight: 400; }
.brand strong { font-weight: 750; }
.brand-mark { width: 3.4cqw; height: 4.1cqw; flex-shrink: 0; stroke: none; }
.primary-navigation { display: flex; align-items: center; justify-content: space-between; gap: 1.6cqw; height: 100%; }
.nav-link { position: relative; border: 0; border-radius: 0; background: transparent; padding: 1.2cqw 0; white-space: nowrap; color: #e4e5ed; font-size: max(14px, 1.47cqw); line-height: 1.35; font-weight: 400; }
.nav-link:hover { color: white; }
.nav-link::after { content: ""; position: absolute; height: .18cqw; left: 0; right: 0; bottom: -.12cqw; background: #1a9dfb; transform: scaleX(0); box-shadow: 0 .15cqw .55cqw #0878ff; transition: transform .18s ease; }
.nav-link.is-active { color: white; font-weight: 700; }
.nav-link.is-active::after, .nav-link:hover::after { transform: scaleX(1); }
.button { display: inline-flex; justify-content: center; align-items: center; gap: 1.1cqw; border: 0; border-radius: 99px; background: var(--button-gradient); color: #fff; font-weight: 650; text-align: center; line-height: 1.25; box-shadow: 0 .35cqw 1.6cqw #0343ff35, inset 0 1px 0 #ffffff14; transition: filter .18s, box-shadow .18s, transform .18s; }
.button:hover { filter: brightness(1.12); box-shadow: 0 .5cqw 2.1cqw #0365ff55, inset 0 1px 0 #ffffff26; transform: translateY(-2px); }
.button:active { transform: translateY(0); }
.button svg { width: 2cqw; height: 2cqw; flex-shrink: 0; }
.button-header { height: 4.2cqw; padding: 0 1.5cqw; font-size: max(14px, 1.6cqw); gap: .7cqw; white-space: nowrap; }
.menu-toggle { display: none; }

/* Hero: the same centered title hierarchy and untouched photo space. */
.hero-copy { position: absolute; top: 14.36cqw; inset-inline: 0; text-align: center; }
.hero-eyebrow { display: flex; justify-content: center; align-items: center; gap: 1.9cqw; margin: 0 0 .75cqw; color: #228dde; font-size: 3.9cqw; line-height: 1.25; font-weight: 400; }
.hero-eyebrow em { font-style: italic; font-weight: 400; }
.hero-eyebrow > span { width: 6.45cqw; height: 1px; background: linear-gradient(90deg, transparent, #2a9af0); }
.hero-eyebrow > span:last-child { transform: rotate(180deg); }
h1 { margin: 0; font-size: 6.7cqw; line-height: 1.1; letter-spacing: -.23cqw; font-weight: 750; }
.headline-main { display: block; color: #fbfcff; }
.headline-accent { display: flex; align-items: center; justify-content: center; gap: 2cqw; margin-top: .22cqw; line-height: 1.12; font-size: 7.65cqw; letter-spacing: -.32cqw; }
.headline-accent > span { background: linear-gradient(105deg, #0760fa 5%, #0297ed 50%, #44d8ed 78%, #039aef); color: transparent; -webkit-background-clip: text; background-clip: text; padding: 0 .5cqw .35cqw; filter: drop-shadow(0 .2cqw 1.7cqw #0073ff24); }
.headline-accent > i { display: block; width: 5.3cqw; border-top: .2cqw dotted #6c778c70; transform: translateY(.65cqw); }
.hero-subtitle { margin: 1.65cqw auto 0; color: #eceef6; font-size: 2.45cqw; line-height: 1.4; letter-spacing: .025cqw; font-weight: 400; }
.light-divider { display: flex; align-items: center; justify-content: center; gap: 1cqw; height: 1cqw; margin: 2.05cqw auto 0; }
.light-divider > span { position: relative; display: block; width: 12.7cqw; height: .17cqw; background: linear-gradient(90deg, transparent, #007dff 30%, #1dbeff 50%, #1762c7 70%, transparent); }
.light-divider > span::after { content: ""; position: absolute; inset: -.13cqw 32%; background: #148dff; border-radius: 50%; filter: blur(.25cqw); box-shadow: 0 0 1cqw #007aff; }
.light-divider > i { width: .6cqw; height: .6cqw; border-radius: 50%; background: #2167b9; }

/* Separate live HTML fitted to the photographic display by script.js. */
.laptop-screen { width: 660px; height: 392px; position: absolute; left: 0; top: 0; transform-origin: 0 0; visibility: hidden; padding: 16px 24px 12px; overflow: hidden; background: radial-gradient(ellipse at 93% 58%, #073377aa, transparent 52%), linear-gradient(155deg, #070c1a, #020613 76%); border-radius: 8px; color: #fff; font-family: var(--font); }
.laptop-screen.is-fitted { visibility: visible; }
.laptop-screen::before { content: ""; position: absolute; width: 620px; height: 190px; right: -70px; bottom: 22px; transform: rotate(-24deg); border-top: 2px solid #11a4ff; box-shadow: 0 -3px 13px #087dff99; background: linear-gradient(180deg, #0863c955, transparent 35%); opacity: .7; }
.laptop-screen::after { content: ""; position: absolute; inset: 115px -10px 18px 55%; background-image: radial-gradient(#6aa7da70 .8px, transparent .8px); background-size: 7px 7px; transform: rotate(-21deg); opacity: .3; pointer-events: none; }
.screen-nav, .screen-main, .screen-channels { position: relative; z-index: 1; }
.screen-nav { display: flex; align-items: center; justify-content: space-between; }
.screen-brand { display: flex; gap: 5px; align-items: center; font-size: 13px; letter-spacing: -.4px; }
.screen-brand svg { width: 18px; height: 20px; stroke: none; }
.screen-brand strong { font-weight: 700; }.screen-brand strong > span { font-weight: 400; }
.screen-nav > div { display: flex; gap: 26px; font-size: 8px; }
.screen-nav-active { padding-bottom: 6px; border-bottom: 1px solid #29a5ff; }
.screen-nav-cta { border-radius: 7px; color: #090f1b; background: #fff; padding: 6px 9px; font-size: 8px; font-weight: 650; }
.screen-main { display: grid; grid-template-columns: 1fr 255px; gap: 16px; margin-top: 37px; }
.screen-copy { padding-top: 3px; }.screen-copy h2 { margin: 0; font-size: 32px; line-height: 1.17; font-style: italic; letter-spacing: -.9px; font-weight: 750; }
.screen-copy > p { font-size: 13px; font-style: italic; margin: 17px 0 21px; white-space: nowrap; letter-spacing: -.15px; }
.screen-button { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; background: var(--button-gradient); border-radius: 12px; padding: 11px 15px; }
.screen-button svg { width: 15px; height: 15px; }.screen-caption { display: block; margin-top: 15px; color: #cbd5e6; font-size: 10px; }
.screen-chart { position: relative; padding: 12px 13px 10px; border: 1px solid #b3cdff35; border-radius: 7px; background: linear-gradient(150deg, #081124a6, #020616b3); box-shadow: 0 12px 30px #0005; }
.screen-chart-label { display: block; font-size: 12px; font-weight: 650; }.screen-chart-note { display: block; font-size: 8px; color: #9faec8; margin-top: 3px; }
.growth-chart { width: 100%; height: 151px; margin-top: 3px; overflow: visible; stroke: none; }.chart-line { stroke-dasharray: 420; stroke-dashoffset: 0; animation: draw-line 2.2s ease-out both; }
.screen-tools { display: flex; gap: 9px; margin-top: -2px; }.screen-tools > span { background: linear-gradient(#182237, #060d1a); border: 1px solid #c2dcff18; border-radius: 6px; padding: 7px 10px; }.screen-tools svg { width: 22px; height: 22px; color: #bfdbff; }
.screen-channels { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #718fbe35; margin-top: 19px; padding-top: 13px; gap: 12px; }.screen-channels > span { font-size: 10px; line-height: 1.3; }.screen-channels strong { font-size: 14px; font-weight: 650; }

/* Four reference glass cards: x159…890, y1055…1210. */
.services { position: absolute; top: 103.02cqw; left: 15.52%; width: 71.4%; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.55cqw; scroll-margin-top: 2rem; }
.service-card { position: relative; display: flex; align-items: center; flex-direction: column; height: 15.2cqw; padding: 1.05cqw .35cqw 1.05cqw; border: .12cqw solid #ffffffaa; border-radius: 1.35cqw; background: linear-gradient(135deg, #ffffff59 0%, #f7f7ffb8 48%, #ffffffe0 100%); color: #070e22; box-shadow: inset 0 1px 1.4cqw #ffffff88, 0 .4cqw 1.4cqw #ffffffaa, 0 2.1cqw 2.7cqw #ffffff55; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.service-card:hover { transform: translateY(-.55cqw); box-shadow: inset 0 1px 1.4cqw #ffffffaa, 0 .2cqw 2cqw #ffffffaa, 0 2.5cqw 3.3cqw #ffffff70; }
.service-icon { display: flex; align-items: center; justify-content: center; width: 5.2cqw; height: 5.2cqw; border-radius: 50%; color: #0875e9; background: radial-gradient(circle at 35% 30%, white 0%, #ffffffb8 63%, #ffffff30 100%); }
.service-icon svg { width: 3.15cqw; height: 3.15cqw; stroke-width: 1.85; }
.service-title { display: block; margin-top: .73cqw; font-size: 1.52cqw; line-height: 1.3; font-weight: 700; letter-spacing: -.05cqw; white-space: nowrap; }
.service-lines { display: flex; flex-direction: column; align-items: center; gap: .57cqw; margin-top: 1.05cqw; width: 10cqw; }.service-lines i { display: block; height: .18cqw; background: #31324555; width: 100%; }.service-lines i:last-child { width: 70%; }
.service-dots { display: flex; gap: .33cqw; margin-top: auto; padding-top: .6cqw; }.service-dots i { width: .59cqw; height: .59cqw; border-radius: 50%; background: #096ee7; }
.service-card-featured { transform: translateY(-.3cqw); background: radial-gradient(ellipse at 68% 0, #086fe3bf, transparent 48%), linear-gradient(155deg, #0a2046f2, #02091a 70%); color: #fff; border-color: #438dde8c; box-shadow: inset 0 1px 1.5cqw #2073ba77, 0 1cqw 2.1cqw #004cda65, 0 .45cqw .6cqw #0983ff99; }
.service-card-featured::after { content: ""; position: absolute; inset: auto 18% -.22cqw; height: .28cqw; background: #069aff; filter: blur(.35cqw); }
.service-card-featured .service-icon { color: #e5f7ff; background: radial-gradient(ellipse at 60% 20%, #0b7fd9b0, #052043 76%); }.service-card-featured .service-lines i { background: #b8c1d885; }.service-card-featured:hover { box-shadow: inset 0 1px 1.5cqw #2073ba88, 0 1cqw 2.7cqw #006dff88, 0 .45cqw .7cqw #149bff; }

/* Lower glass bar and the final typography match the reference silhouette. */
.value-strip { position: absolute; top: 121.3cqw; left: 17.57%; width: 75.4%; min-height: 9.86cqw; padding: 1.65cqw 1.6cqw 1.65cqw 1.8cqw; display: grid; grid-template-columns: 1.1fr 1.2fr 1.1fr 1.85fr; align-items: center; border: 1px solid #ced5e64a; border-radius: 2.85cqw; background: linear-gradient(120deg, #18203230, #0a102036 55%, #d3dcec12); box-shadow: inset 0 1px 1cqw #ffffff10; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.value-item { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: .7cqw; min-width: 0; padding-inline: .35cqw; text-align: center; line-height: 1.15; }.value-item + .value-item { border-left: 1px solid #ccd0db7a; }.value-item strong { font-size: 2.55cqw; letter-spacing: -.08cqw; font-weight: 750; white-space: nowrap; }.value-item > span { color: #e1e3ee; font-size: 1.3cqw; line-height: 1.4; white-space: nowrap; }.button-quote { height: 5.5cqw; margin-left: .6cqw; padding: 0 1.6cqw; font-size: 1.74cqw; white-space: nowrap; }.button-quote svg { width: 2.2cqw; height: 2.2cqw; }
.stage-footer { position: absolute; top: 135.15cqw; left: 0; right: 0; text-align: center; }.stage-footer p { display: flex; align-items: center; justify-content: center; gap: 1.8cqw; margin: 0; color: #e6e9f1; font-size: 2.03cqw; letter-spacing: .12cqw; line-height: 1.6; }.stage-footer b { padding-inline: .48cqw; color: #1385f3; font-weight: 400; }.footer-dash { display: inline-block; width: 2.9cqw; height: .2cqw; background: #138eff; box-shadow: 0 0 .5cqw #0083ff8c; }.stage-footer .light-divider { margin-top: 2.05cqw; }

/* Additional content opens without changing the composition of the page. */
.content-dialog { position: fixed; width: min(600px, calc(100% - 32px)); max-height: min(90dvh, 860px); margin: auto; padding: 38px; border: 1px solid #509cd955; border-radius: 22px; background: linear-gradient(145deg, #11243c, #071120 64%); color: #f8faff; box-shadow: 0 35px 130px #000b; }
.content-dialog::backdrop { background: #020613b8; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.dialog-close { position: absolute; right: 15px; top: 15px; display: grid; place-items: center; width: 38px; height: 38px; padding: 8px; border: 1px solid #accded33; border-radius: 50%; background: #a7d7ff0b; }.dialog-close svg { width: 22px; height: 22px; }.dialog-eyebrow { display: block; margin-bottom: 14px; color: #67c9ff; font-size: 14px; }.content-dialog h2 { margin: 0 25px 17px 0; font-size: clamp(25px, 4vw, 34px); line-height: 1.2; letter-spacing: -.8px; }.dialog-body { color: #d3e0ee; font-size: 16px; line-height: 1.6; }.dialog-body p { margin: 0 0 18px; }.dialog-body ul, .dialog-body ol { padding-left: 22px; margin: 0 0 24px; }.dialog-body li { margin-bottom: 12px; }.dialog-body li::marker { color: #4dbdff; }.dialog-body strong { color: #f7fbff; }.dialog-body .button { min-height: 48px; padding: 13px 22px; border-radius: 24px; gap: 10px; font-size: 16px; }.dialog-body .button svg { width: 21px; height: 21px; }
.brief-form { display: grid; gap: 15px; }.brief-form label { display: grid; gap: 6px; font-size: 14px; color: #e1ecf6; }.brief-form input, .brief-form textarea { width: 100%; padding: 12px 14px; border: 1px solid #aac5e838; border-radius: 9px; background: #010b19a1; color: #f5f9ff; font-size: 16px; line-height: 1.5; }.brief-form textarea { resize: vertical; min-height: 95px; }.brief-form input::placeholder, .brief-form textarea::placeholder { color: #8b9eb6; }.brief-form .brief-note { margin: 0; color: #a6b8cc; font-size: 14px; line-height: 1.5; }.brief-form .form-status { margin: 0; font-size: 14px; color: #8ddfff; }.form-status:empty { display: none; }.form-submit { width: 100%; }.no-script-note { margin: 0; padding: 20px; text-align: center; background: #091728; color: #e3edf9; }
@keyframes draw-line { from { stroke-dashoffset: 420; } to { stroke-dashoffset: 0; } }

/* Mobile uses readable text and two card columns instead of shrinking the poster. */
@media (max-width: 860px) {
  .reference-stage { aspect-ratio: auto; min-height: 1180px; padding-bottom: 42px; overflow: hidden; background: #080f1e; }
  .scene-layer { top: clamp(100px, calc(240px - 26vw), 160px); left: -7%; width: 120%; height: auto; aspect-ratio: 2 / 3; right: auto; bottom: auto; }
  .scene-layer::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, #080f1e 0%, transparent 18%, transparent 77%, #080f1e 100%); pointer-events: none; }
  .site-header { position: relative; inset: auto; height: 80px; margin: 0 23px; display: flex; justify-content: space-between; gap: 16px; }
  .brand { font-size: 23px; gap: 9px; letter-spacing: -.9px; }.brand-mark { width: 30px; height: 36px; }.button-header { display: none; }
  .menu-toggle { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; height: 44px; width: 44px; padding: 9px; border: 1px solid #ffffff26; border-radius: 10px; background: #14203496; }.menu-toggle span { height: 2px; width: 22px; background: #fff; border-radius: 2px; transition: transform .2s; }.menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(4px) rotate(45deg); }.menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-4px) rotate(-45deg); }
  .primary-navigation { display: none; position: absolute; top: 73px; left: 0; right: 0; height: auto; background: #091628f5; border: 1px solid #ffffff24; border-radius: 14px; padding: 14px; box-shadow: 0 15px 40px #0007; backdrop-filter: blur(15px); }.primary-navigation.is-open { display: flex; flex-direction: column; align-items: stretch; gap: 3px; }.nav-link { font-size: 16px; padding: 12px; text-align: left; border-radius: 7px; }.nav-link:hover { background: #163052; }.nav-link::after { display: none; }.nav-link.is-active { color: #58c8ff; }
  .hero-copy { position: relative; inset: auto; margin: 29px 12px 0; }.hero-eyebrow { font-size: clamp(25px, 6.3vw, 34px); gap: 15px; line-height: 1.25; margin-bottom: 10px; }.hero-eyebrow > span { width: 35px; }.hero-copy h1 { font-size: clamp(28px, 7.95vw, 48px); line-height: 1.2; letter-spacing: -.045em; }.headline-accent { font-size: clamp(38px, 10.3vw, 65px); line-height: 1.2; margin-top: 1px; letter-spacing: -.045em; gap: 12px; }.headline-accent > i { width: 22px; border-top-width: 2px; transform: translateY(4px); }.headline-accent > span { padding-bottom: 3px; }.hero-subtitle { max-width: 340px; margin-top: 18px; padding-inline: 10px; font-size: 16px; line-height: 1.6; letter-spacing: 0; }.light-divider { gap: 8px; margin-top: 20px; height: 8px; }.light-divider > span { width: 100px; height: 2px; }.light-divider > span::after { inset: -1px 32%; filter: blur(2px); }.light-divider > i { width: 4px; height: 4px; }
  .services { position: relative; top: auto; left: auto; width: auto; margin: clamp(270px, calc(65vw + 32px), 430px) 22px 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
  .service-card { height: 150px; padding: 12px 6px 14px; border-radius: 13px; border-width: 1px; box-shadow: inset 0 1px 10px #fff7, 0 5px 21px #ffffff35; }.service-card:hover { transform: translateY(-4px); }.service-icon { width: 49px; height: 49px; }.service-icon svg { width: 30px; height: 30px; }.service-title { margin-top: 8px; font-size: clamp(14px, 3.6vw, 17px); line-height: 1.35; letter-spacing: -.35px; white-space: normal; }.service-lines { gap: 5px; margin-top: 12px; width: 85px; }.service-lines i { height: 2px; }.service-dots { gap: 4px; padding-top: 5px; }.service-dots i { width: 5px; height: 5px; }.service-card-featured { transform: none; box-shadow: inset 0 1px 15px #2073ba77, 0 6px 23px #004cda50, 0 3px 5px #0983ff80; }.service-card-featured::after { inset: auto 20% -2px; height: 3px; filter: blur(3px); }
  .value-strip { position: relative; inset: auto; width: auto; margin: 26px 22px 0; padding: 24px 12px 17px; border-radius: 22px; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 22px 0; background: linear-gradient(130deg, #172c4055, #0a142755); }.value-item { gap: 7px; padding-inline: 3px; }.value-item strong { font-size: clamp(16px, 4.5vw, 25px); letter-spacing: -.6px; }.value-item > span { max-width: 100%; font-size: 12px; line-height: 1.4; white-space: normal; }.button-quote { grid-column: 1 / -1; margin: 0 4px; height: 52px; padding: 0 20px; font-size: 17px; gap: 13px; }.button-quote svg { width: 22px; height: 22px; }
  .stage-footer { position: relative; inset: auto; margin: 30px 14px 0; }.stage-footer p { font-size: clamp(12px, 3.2vw, 17px); letter-spacing: .2px; gap: 8px; line-height: 1.7; }.stage-footer b { padding-inline: 1px; }.footer-dash { width: 15px; height: 2px; }.stage-footer .light-divider { margin-top: 23px; }
  .content-dialog { padding: 32px 22px 25px; border-radius: 18px; }.dialog-close { right: 10px; top: 10px; width: 34px; height: 34px; }.dialog-eyebrow { margin-bottom: 16px; }
}
@media (min-width: 481px) and (max-width: 860px) {
  .scene-layer { top: calc(280px - 40vw); }.hero-copy { margin-top: 24px; }.hero-subtitle { max-width: 470px; }.services { margin-top: calc(63vw + 35px); }.service-card { height: 167px; }.service-title { font-size: 17px; }.service-icon { width: 55px; height: 55px; }
}
@media (max-width: 359px) {
  .brand { font-size: 20px; }.site-header { margin-inline: 17px; }.services { margin-inline: 16px; gap: 12px; }.service-card { height: 166px; }.service-title { min-height: 38px; font-size: 14px; }.hero-subtitle { max-width: 300px; }.value-strip { margin-inline: 16px; }.stage-footer p { gap: 5px; }.footer-dash { width: 9px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}