/* UltraDox: graphite and warm whites sampled from the reference.
   Deeper surfaces and restrained light are original design adaptations. */
:root {
	color-scheme: dark;
	--ud-highlight: #ffe8e8;
	--ud-bg: #111112;
	--ud-bg-secondary: #191919;
	--ud-surface: #1d1d1f;
	--ud-surface-hover: #272729;
	--ud-primary: #a10b00;
	--ud-primary-hover: #c41000;
	--ud-primary-soft: rgba(255, 232, 232, .07);
	--ud-text: #f6f4f4;
	--ud-text-secondary: #b9b6b7;
	--ud-text-muted: #999497;
	--ud-border: #363436;
	--ud-success: #9bdeb0;
	--ud-warning: #e3c795;
	--ud-danger: #f29c9c;
	--ud-radius-sm: 10px;
	--ud-radius-md: 16px;
	--ud-radius-lg: 24px;
	--ud-container: 1200px;
	--ud-shadow: 0 20px 70px rgb(0 0 0 / .2);
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 100px; }
body { margin: 0; background: var(--ud-bg); color: var(--ud-text); font: 16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; }
::selection { background: #ffe8e8; color: #191919; }
button, input, textarea, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; cursor: pointer; }
a { color: inherit; text-decoration: none; }
img, video, iframe, svg { max-width: 100%; }
img, video { height: auto; }
figure { margin-inline: 0; }
p { margin: 0 0 1em; }
h1, h2, h3 { margin: 0; text-wrap: balance; overflow-wrap: anywhere; }
h1 { font-size: clamp(2.5rem, 5.3vw, 4.6rem); line-height: 1.09; letter-spacing: -.055em; font-weight: 650; }
h2 { font-size: clamp(2rem, 3.6vw, 3.15rem); line-height: 1.13; letter-spacing: -.045em; font-weight: 600; }
h3 { font-size: 1.25rem; line-height: 1.35; letter-spacing: -.02em; font-weight: 600; }
[hidden] { display: none !important; }
:focus-visible { outline: 3px solid var(--ud-highlight); outline-offset: 5px; border-radius: 4px; }
:disabled { cursor: not-allowed; }
section[id] { scroll-margin-top: 100px; }
.ud-container { width: min(var(--ud-container), calc(100% - 64px)); margin-inline: auto; }
.ud-section { padding-block: 96px; }
.ud-section-heading { display: flex; justify-content: space-between; gap: 32px; align-items: end; margin-bottom: 40px; }
.ud-section-heading h2 { max-width: 760px; }
.ud-section-heading p:not(.ud-eyebrow) { color: var(--ud-text-secondary); margin: 18px 0 0; max-width: 660px; }
.ud-eyebrow { color: var(--ud-text-secondary); font: 500 11px/1.5 ui-monospace, SFMono-Regular, Consolas, monospace; letter-spacing: .18em; text-transform: uppercase; margin-bottom: 24px; display: flex; align-items: center; gap: 10px; }
.ud-small-square { background: var(--ud-highlight); width: 6px; height: 6px; display: inline-block; }
.ud-section-index { font: 11px ui-monospace, monospace; color: var(--ud-text-muted); white-space: nowrap; padding-bottom: 5px; }
.ud-lead { color: var(--ud-text-secondary); font-size: 17px; line-height: 1.8; margin: 24px 0; white-space: pre-line; }
.ud-icon { width: 22px; height: 22px; flex: 0 0 auto; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.ud-skip { position: fixed; top: -100px; left: 16px; z-index: 1000; background: var(--ud-highlight); color: #111; padding: 14px 20px; }
.ud-skip:focus { top: 16px; }
/* Navigation */
.ud-header { position: sticky; top: 0; z-index: 50; background: rgb(17 17 18 / .87); border-bottom: 1px solid rgb(255 255 255 / .07); backdrop-filter: blur(18px); }
.admin-bar .ud-header { top: 32px; }
.ud-header-inner { min-height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.ud-brand { display: inline-flex; align-items: center; flex-shrink: 0; min-height: 44px; max-width: 100%; }
.ud-brand-logo { display: block; width: clamp(180px, 17vw, 220px); height: auto; }
.custom-logo-link { display: inline-flex; align-items: center; flex: 0 1 210px; }
.custom-logo { object-fit: contain; max-height: 52px; width: auto; max-width: 210px; }
.ud-navigation { display: flex; align-items: center; gap: 52px; }
.ud-nav-links { display: flex; gap: 30px; }
.ud-nav-links a { color: var(--ud-text-secondary); font-size: 13px; min-height: 44px; display: inline-flex; align-items: center; transition: color .2s; }
.ud-nav-links a:hover { color: var(--ud-highlight); }
.ud-menu-toggle { border: 1px solid var(--ud-border); border-radius: 8px; background: transparent; padding: 8px 14px; min-height: 44px; align-items: center; gap: 12px; }
.ud-menu-lines { display: block; width: 18px; height: 10px; border-block: 1px solid currentColor; }
.ud-menu-toggle[aria-expanded="true"] .ud-menu-lines { transform: rotate(-45deg); height: 0; border-bottom: 0; }
/* Buttons */
.ud-button { min-height: 54px; display: inline-flex; align-items: center; justify-content: center; gap: 16px; padding: 14px 25px; border: 1px solid transparent; border-radius: var(--ud-radius-sm); font-size: 14px; font-weight: 600; text-align: center; line-height: 1.4; transition: transform .2s, background .2s, box-shadow .2s, border-color .2s; }
.ud-button--primary { color: #fff; background: var(--ud-primary); box-shadow: 0 4px 26px rgb(255 232 232 / .08); }
.ud-button--primary:hover { background: var(--ud-primary-hover); box-shadow: 0 5px 34px rgb(255 232 232 / .16); transform: translateY(-2px); }
.ud-button--secondary { color: var(--ud-text); background: rgb(255 255 255 / .035); border-color: var(--ud-border); }
.ud-button--secondary:hover { background: var(--ud-surface-hover); border-color: #75686d; transform: translateY(-2px); }
.ud-button--ghost { color: var(--ud-text-secondary); background: transparent; }
.ud-button--ghost:hover { background: var(--ud-primary-soft); color: var(--ud-text); }
.ud-button:active { transform: scale(.98); }
.ud-button:disabled { background: #2b292b; color: #aaa3a6; border-color: #454044; box-shadow: none; transform: none; }
.ud-header .ud-button { min-height: 44px; padding: 11px 17px; font-size: 12px; }
.ud-header .ud-button .ud-icon { width: 17px; height: 17px; }
/* Hero: original CSS-only cinematic optics. */
.ud-hero { position: relative; isolation: isolate; min-height: 770px; display: flex; flex-direction: column; justify-content: center; overflow: hidden; background: radial-gradient(ellipse at 78% 36%, #342526 0, #1b191b 30%, #111112 66%); border-bottom: 1px solid var(--ud-border); }
.ud-hero-content { position: relative; z-index: 2; padding-block: 64px 110px; }
.ud-hero-content h1 { max-width: 760px; }
.ud-pill { display: inline-flex; gap: 10px; align-items: center; font-size: 11px; color: #d8cbce; padding: 6px 12px; border: 1px solid #5b4248; border-radius: 99px; background: rgb(32 25 27 / .6); margin: 0 0 30px; }
.ud-pill-line { display: inline-block; width: 16px; height: 1px; background: var(--ud-highlight); }
.ud-hero-brand { font-size: 15px; letter-spacing: .05em; font-weight: 500; color: var(--ud-highlight); margin-bottom: 12px; }
.ud-hero-brand > span { font-size: 10px; margin-left: 4px; vertical-align: top; }
.ud-hero-description { margin: 26px 0 30px; max-width: 530px; font-size: 17px; color: var(--ud-text-secondary); line-height: 1.8; white-space: pre-line; }
.ud-hero-actions { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; }
.ud-status { display: inline-flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 500; line-height: 1.5; margin: 0; color: var(--ud-text-secondary); flex-wrap: wrap; }
.ud-status--active { color: var(--ud-success); }
.ud-status--reserve { color: var(--ud-warning); }
.ud-status--offline { color: var(--ud-danger); }
.ud-dot { width: 6px; height: 6px; background: currentColor; border-radius: 50%; flex: 0 0 auto; box-shadow: 0 0 0 4px rgb(255 255 255 / .035); }
.ud-status--active .ud-dot { animation: ud-pulse 2.5s ease-in-out 3; }
.ud-status-domain { color: var(--ud-text-muted); margin-left: 6px; overflow-wrap: anywhere; }
.ud-scroll-link { display: flex; align-items: center; gap: 12px; width: fit-content; min-height: 44px; margin-top: 38px; color: var(--ud-text-secondary); font-size: 12px; }
.ud-scroll-link span { display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid #484044; border-radius: 50%; }
.ud-scroll-link:hover { color: var(--ud-text); }
.ud-cinema { position: absolute; z-index: -1; inset: 0; overflow: hidden; pointer-events: none; }
.ud-cinema::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgb(255 255 255 / .022) 1px, transparent 1px), linear-gradient(90deg, rgb(255 255 255 / .022) 1px, transparent 1px); background-size: 90px 90px; mask-image: linear-gradient(to right, transparent 20%, #000); }
.ud-cinema::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #111112 0, rgb(17 17 18 / .8) 34%, transparent 72%), linear-gradient(0deg, #111112, transparent 35%); }
.ud-orbit { position: absolute; width: 460px; height: 630px; right: 8%; top: 20px; border: 1px solid #957478; border-radius: 50%; transform: rotate(32deg); background: radial-gradient(ellipse at 65% 14%, rgb(255 216 221 / .18), transparent 57%); box-shadow: inset -12px 5px 28px rgb(255 227 231 / .08), 12px -3px 45px rgb(177 113 124 / .12); }
.ud-orbit::before { content: ""; position: absolute; inset: 18px; border: 1px solid #594449; border-radius: 50%; }
.ud-orbit--two { transform: rotate(-36deg); width: 350px; height: 550px; top: 85px; right: 9%; border-color: #665058; background: transparent; box-shadow: none; }
.ud-cinema-light { position: absolute; width: 370px; height: 3px; background: #ffd4dc; right: 0; top: 270px; transform: rotate(-48deg); box-shadow: 0 0 18px 5px rgb(255 179 195 / .16); opacity: .5; }
.ud-cinema-caption { position: absolute; top: 55%; right: 0; color: #8e787d; font: 9px ui-monospace, monospace; letter-spacing: .24em; transform: rotate(-90deg); }
.ud-hero-foot { position: absolute; inset-inline: 0; bottom: 0; display: flex; justify-content: space-between; padding-block: 21px; border-top: 1px solid #302b2e; font: 9px ui-monospace, monospace; letter-spacing: .15em; color: var(--ud-text-muted); }
/* Shared cards and domain dashboard */
.ud-card { border: 1px solid var(--ud-border); border-radius: var(--ud-radius-md); background: linear-gradient(135deg, #212123, #19191b); box-shadow: var(--ud-shadow); }
.ud-mirrors { padding-top: 80px; }
.ud-mirror-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.ud-mirror { min-width: 0; padding: 26px; transition: border-color .25s, transform .25s, box-shadow .25s; display: flex; flex-direction: column; }
.ud-mirror:hover { transform: translateY(-3px); border-color: #655259; box-shadow: 0 8px 45px rgb(233 178 188 / .04); }
.ud-mirror--primary { grid-column: 1 / -1; background: radial-gradient(ellipse at 100% 0%, #362b30, transparent 66%), linear-gradient(120deg, #252022, #1c1b1d); border-color: #7b6168; padding: 30px 32px; position: relative; }
.ud-mirror--primary::before { content: ""; position: absolute; inset: -1px 28% auto; height: 1px; background: linear-gradient(90deg, transparent, #ffe8e8, transparent); }
.ud-mirror--offline { background: #19191a; }
.ud-mirror--offline .ud-domain-row { color: #aaa3a6; }
.ud-mirror-top { display: flex; justify-content: space-between; gap: 16px; align-items: center; flex-wrap: wrap; margin-bottom: 24px; }
.ud-tag { font-size: 10px; letter-spacing: .035em; color: #dccdd1; padding: 4px 10px; border: 1px solid #68535a; border-radius: 6px; }
.ud-mirror-name { color: var(--ud-text-secondary); font-size: 12px; margin-bottom: 6px; }
.ud-domain-row { display: flex; align-items: center; gap: 14px; margin-bottom: 12px; }
.ud-domain-row h3 { font-size: clamp(1.2rem, 2.4vw, 1.8rem); letter-spacing: -.025em; overflow-wrap: anywhere; min-width: 0; }
.ud-mirror--primary .ud-domain-row h3 { font-size: clamp(1.4rem, 3vw, 2.35rem); }
.ud-copy { display: inline-grid; place-items: center; width: 44px; height: 44px; flex: 0 0 auto; border: 1px solid var(--ud-border); border-radius: 8px; background: transparent; color: #bbb0b4; }
.ud-copy:hover { background: var(--ud-primary-soft); color: var(--ud-text); }
.ud-copy .ud-icon { width: 17px; height: 17px; }
.ud-copy[aria-busy="true"] { opacity: .6; }
.ud-copy-fallback { width: 100%; padding: 10px; margin-block: 12px; color: var(--ud-text); background: var(--ud-bg); border: 1px solid var(--ud-border); }
.ud-mirror-caption { font-size: 13px; color: var(--ud-text-secondary); }
.ud-mirror-bottom { display: flex; justify-content: space-between; gap: 20px; align-items: center; margin-top: auto; padding-top: 24px; }
.ud-checked { color: var(--ud-text-muted); font-size: 11px; margin: 0; }
.ud-checked time { display: block; }
.ud-mirror-bottom .ud-button { font-size: 12px; padding: 12px 18px; min-height: 46px; flex-shrink: 0; }
.ud-mirror-bottom .ud-icon { width: 17px; }
.ud-mirrors-note { display: flex; gap: 8px; align-items: start; color: var(--ud-text-muted); font-size: 11px; margin: 22px 0 0; }
.ud-mirrors-note .ud-icon { width: 15px; height: 18px; }
.ud-empty { padding: 32px; display: flex; gap: 24px; align-items: center; margin-bottom: 20px; background: radial-gradient(ellipse at right, #30272a, transparent), #1a191b; }
.ud-empty-icon { border: 1px solid #59474d; border-radius: 12px; padding: 16px; display: flex; color: var(--ud-highlight); }
.ud-empty h3 { font-size: 21px; }
.ud-empty p { margin: 9px 0 0; color: var(--ud-text-secondary); font-size: 14px; }
.ud-copy-feedback { min-height: 0; color: var(--ud-success); font-size: 13px; margin: 12px 0 0; }
.ud-copy-feedback:empty { margin: 0; }
/* Advantages */
.ud-advantages { background: #151516; border-block: 1px solid #292729; }
.ud-advantages-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.ud-advantage { padding: 30px; box-shadow: none; transition: background .25s, border-color .25s, transform .25s; }
.ud-advantage:hover { border-color: #5e4d53; background: var(--ud-surface-hover); transform: translateY(-3px); }
.ud-advantage-top { display: flex; align-items: start; justify-content: space-between; margin-bottom: 32px; }
.ud-icon-tile { display: inline-grid; place-items: center; width: 45px; height: 45px; color: var(--ud-highlight); border-radius: 10px; background: linear-gradient(145deg, #423338, #292628); border: 1px solid #54434a; }
.ud-card-index { color: var(--ud-text-muted); font: 10px ui-monospace, monospace; }
.ud-advantage h3 { font-size: 19px; margin-bottom: 12px; }
.ud-advantage p { color: var(--ud-text-secondary); font-size: 14px; margin: 0; }
/* Original HTML/CSS showcase */
.ud-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 80px; align-items: center; }
.ud-check-list { margin: 26px 0 0; padding: 0; list-style: none; color: #d5cdd0; font-size: 13px; }
.ud-check-list li { display: flex; gap: 12px; align-items: center; margin-bottom: 12px; }
.ud-check-list .ud-icon { width: 17px; height: 17px; color: var(--ud-highlight); }
.ud-showcase { min-width: 0; margin: 0; background: #1a1a1c; border: 1px solid #52454c; border-radius: 15px; padding: 8px; transform: perspective(1200px) rotateY(-6deg) rotateX(2deg); box-shadow: 18px 25px 100px #0006, 0 0 65px #b8869212; position: relative; }
.ud-showcase img { display: block; width: 100%; height: auto; border-radius: 10px; }
.ud-showcase figcaption { position: absolute; bottom: -31px; left: 0; right: 0; text-align: center; font: 8px ui-monospace, monospace; letter-spacing: .14em; color: var(--ud-text-muted); }
.ud-showcase-bar { display: flex; align-items: center; gap: 16px; margin-bottom: 26px; }
.ud-showcase-bar strong { font-size: 17px; letter-spacing: -.04em; }
.ud-showcase-bar strong span { font-size: 8px; vertical-align: super; margin-left: 3px; }
.ud-showcase-bar > span { color: #aaa0a6; margin-left: auto; font: 6px ui-monospace, monospace; letter-spacing: .1em; }
.ud-showcase-bar i { width: 16px; height: 16px; border: 1px solid #8d747c; border-radius: 50%; }
.ud-showcase-search { display: flex; align-items: center; gap: 8px; padding: 10px 12px; background: #151517; border: 1px solid #383137; border-radius: 7px; font-size: 9px; color: #a7989f; margin-bottom: 20px; }
.ud-showcase-search .ud-icon { width: 12px; height: 12px; }
.ud-posters { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.ud-poster { aspect-ratio: .67; border-radius: 7px; border: 1px solid #ffffff1a; position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: end; padding: 12px; isolation: isolate; }
.ud-poster::before { content: ""; position: absolute; inset: 0; z-index: -1; }
.ud-poster::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, #080a0be8, transparent 85%); z-index: -1; }
.ud-poster--one { background: #283a45; }
.ud-poster--one::before { background: radial-gradient(ellipse at 65% 22%, #d6e0d0, #496274 15%, transparent 45%); clip-path: polygon(0 0, 100% 0, 100% 78%, 65% 46%, 29% 86%, 0 60%); }
.ud-poster--two { background: #5a7270; }
.ud-poster--two::before { background: repeating-radial-gradient(ellipse at 120% 40%, #749596 0 4%, #3e5d62 7%, #90aaaa 8%, #486a71 12%); transform: rotate(-12deg) scale(1.2); }
.ud-poster--three { background: #6d4842; }
.ud-poster--three::before { background: repeating-linear-gradient(88deg, transparent 0 18px, #22171a 19px 30px), radial-gradient(ellipse at 70% 40%, #e6a473, #563033 40%, #19191b); transform: rotate(14deg) scale(1.2); }
.ud-poster > span { font-size: clamp(10px, 1.3vw, 18px); line-height: 1.05; font-weight: 750; letter-spacing: -.05em; text-shadow: 0 2px 10px #000; }
.ud-poster small { margin-top: 10px; font: 5px ui-monospace, monospace; letter-spacing: .1em; }
.ud-showcase-footer { display: flex; align-items: center; gap: 10px; font-size: 8px; color: #b9b2b5; margin-top: 22px; }
.ud-showcase-footer span:not(:last-child) { padding: 5px 9px; border: 1px solid #3e373c; border-radius: 4px; }
.ud-showcase-footer span:last-child { margin-left: auto; font-size: 18px; }
.ud-showcase-label { position: absolute; bottom: -40px; left: 0; right: 0; text-align: center; font: 8px ui-monospace, monospace; letter-spacing: .14em; color: var(--ud-text-muted); }
/* Voice studio */
.ud-voiceover { background: radial-gradient(ellipse at 90% 90%, #34252d, transparent 65%), #1c191d; border: 1px solid #4a3a42; border-radius: var(--ud-radius-lg); padding: 56px; gap: 50px; }
.ud-voiceover h2 { font-size: clamp(2rem, 3.4vw, 2.9rem); }
.ud-audio-label { display: inline-flex; align-items: center; gap: 10px; color: #dac5ce; font: 9px ui-monospace, monospace; letter-spacing: .12em; }
.ud-audio-label .ud-icon { width: 17px; }
.ud-wave-art { min-width: 0; }
.ud-waveform { height: 190px; display: flex; align-items: center; justify-content: center; gap: 6px; position: relative; }
.ud-waveform::before { content: ""; position: absolute; inset: -20px; background: radial-gradient(ellipse, #ca829521, transparent 70%); }
.ud-waveform i { width: 5px; height: var(--bar); max-height: 140px; border-radius: 8px; background: linear-gradient(0deg, #634652, #ffe2e7); box-shadow: 0 0 16px #ffc4d317; }
.ud-wave-baseline { display: flex; justify-content: space-between; gap: 16px; border-top: 1px solid #4b3742; padding-top: 15px; font: 7px ui-monospace, monospace; letter-spacing: .12em; color: #c6a9b5; }
/* Steps */
.ud-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 48px; margin: 46px 0 0; padding: 0; list-style: none; counter-reset: none; }
.ud-steps li { position: relative; min-width: 0; }
.ud-steps li:not(:last-child)::before { content: ""; position: absolute; top: 24px; left: 76px; right: -22px; height: 1px; background: linear-gradient(90deg, #51454c, #29252a); }
.ud-step-number { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border: 1px solid #51424a; color: #dac3cc; background: #211c21; border-radius: 50%; font: 13px ui-monospace, monospace; margin-bottom: 25px; }
.ud-steps h3 { font-size: 18px; margin-bottom: 12px; }
.ud-steps p { color: var(--ud-text-secondary); font-size: 14px; margin: 0; max-width: 290px; }
/* FAQ: all answers are visible until JavaScript enhances the controls. */
.ud-faq { border-top: 1px solid #292729; }
.ud-faq-layout { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 90px; align-items: start; }
.ud-faq-list { border-top: 1px solid #494047; }
.ud-faq-item { border-bottom: 1px solid #3a3238; }
.ud-faq-item h3 { font-size: 14px; }
.ud-faq-item button { display: flex; align-items: center; justify-content: space-between; gap: 22px; width: 100%; min-height: 76px; padding: 22px 0; background: none; border: none; text-align: left; color: #e2dce0; font-weight: 500; line-height: 1.6; }
.ud-faq-item button:hover { color: var(--ud-highlight); }
.ud-faq-item button > span:first-child { overflow-wrap: anywhere; min-width: 0; }
.ud-faq-plus { width: 14px; height: 14px; position: relative; flex: 0 0 auto; }
.ud-faq-plus::before, .ud-faq-plus::after { content: ""; position: absolute; width: 12px; height: 1px; background: #c6b4bd; top: 6px; left: 1px; }
.ud-faq-plus::after { transform: rotate(90deg); transition: transform .2s; }
[aria-expanded="true"] .ud-faq-plus::after { transform: rotate(0); }
.ud-faq-answer { color: var(--ud-text-secondary); font-size: 14px; line-height: 1.9; padding: 0 34px 24px 0; overflow-wrap: anywhere; }
.ud-faq-answer p { margin: 0; }
/* Final and footer */
.ud-final-section { padding-top: 25px; }
.ud-final { position: relative; isolation: isolate; overflow: hidden; border-radius: var(--ud-radius-lg); border: 1px solid #5c454f; padding: 74px 32px 84px; text-align: center; background: radial-gradient(ellipse at 50% 115%, #55303e, #261e24 53%, #1c191c 90%); }
.ud-final .ud-eyebrow { justify-content: center; }
.ud-final h2 { max-width: 670px; margin-inline: auto; }
.ud-final .ud-lead { margin: 20px auto 28px; }
.ud-final .ud-status { display: flex; justify-content: center; margin-top: 20px; }
.ud-final-watermark { position: absolute; bottom: -65px; left: 0; right: 0; z-index: -1; font-size: clamp(80px, 15vw, 200px); font-weight: 750; letter-spacing: -.07em; opacity: .025; line-height: 1; }
.ud-footer { padding: 55px 0 0; border-top: 1px solid #302a2f; background: #141315; }
.ud-footer-top { display: grid; grid-template-columns: 1.4fr .7fr 1fr; gap: 70px; padding-bottom: 55px; }
.ud-footer-about > p { font-size: 13px; color: var(--ud-text-muted); max-width: 330px; margin: 19px 0 0; }
.ud-footer-label { font-size: 10px; text-transform: uppercase; letter-spacing: .13em; color: var(--ud-text-muted); margin-bottom: 16px; }
.ud-footer .ud-nav-links { flex-direction: column; gap: 0; align-items: start; }
.ud-footer .ud-nav-links a { min-height: 36px; }
.ud-footer-domain { font-size: 14px; display: inline-block; min-height: 44px; padding-block: 8px; overflow-wrap: anywhere; }
.ud-footer-domain:hover { color: var(--ud-highlight); }
.ud-footer-contacts { white-space: pre-line; font-size: 13px; color: var(--ud-text-muted); overflow-wrap: anywhere; }
.ud-footer-bottom { border-top: 1px solid #302a2f; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-block: 20px; font-size: 11px; color: var(--ud-text-muted); }
.ud-footer-bottom p { margin: 0; }
.ud-footer-notes { border-top: 1px solid #302a2f; padding-block: 22px 28px; color: var(--ud-text-muted); font-size: 12px; line-height: 1.75; }
.ud-footer-notes p { margin: 0; }
.ud-footer-notes p + p { margin-top: 6px; }
.ud-footer-notes a { color: var(--ud-text); text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.ud-footer-notes a:hover { color: var(--ud-highlight); }
.ud-legal-links, .ud-legal-links ul { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 20px; margin: 0; padding: 0; list-style: none; }
.ud-legal-links a, .ud-back-top { display: inline-flex; align-items: center; min-height: 44px; }
.ud-back-top { white-space: nowrap; }
.ud-content { min-height: 60vh; max-width: 900px; }
.ud-content h1 { font-size: clamp(2.2rem, 5vw, 3.6rem); margin-bottom: 32px; }
.ud-content h2, .ud-content h3 { margin-block: 28px 18px; }
.ud-content p, .ud-content li { overflow-wrap: anywhere; }
.ud-content .entry-content a { text-decoration: underline; color: var(--ud-highlight); }
.ud-content pre { overflow: auto; padding: 20px; background: var(--ud-surface); }
.ud-content table { display: block; overflow: auto; }
.ud-article { margin-bottom: 50px; }
.alignwide, .alignfull { max-width: 100%; }
.alignleft { float: left; margin: 0 24px 20px 0; }
.alignright { float: right; margin: 0 0 20px 24px; }
.aligncenter { margin-inline: auto; display: block; }
.wp-caption { max-width: 100%; }
.wp-caption-text, .gallery-caption { font-size: 13px; color: var(--ud-text-secondary); }
.bypostauthor, .sticky { border-color: var(--ud-border); }
@keyframes ud-pulse { 50% { box-shadow: 0 0 0 5px rgb(155 222 176 / .1); } }
@keyframes ud-enter { from { opacity: .6; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.ud-hero-content { animation: ud-enter .55s ease-out; }
@media (min-width: 1500px) { .ud-hero { min-height: 810px; } }
@media (max-width: 1100px) {
	.ud-navigation { gap: 25px; }.ud-nav-links { gap: 20px; }
	.ud-split { gap: 45px; }.ud-voiceover { padding: 38px; }.ud-faq-layout { gap: 45px; }
	.ud-orbit { right: -13%; opacity: .75; }.ud-orbit--two { right: -6%; }
	.ud-footer-top { gap: 35px; }.ud-advantages-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
	.ud-container { width: calc(100% - 40px); }.ud-section { padding-block: 64px; }
	.ud-header-inner { min-height: 74px; flex-wrap: wrap; gap: 0; }.ud-header .ud-brand { max-width: calc(100% - 110px); }
	.ud-brand-logo { width: min(180px, 100%); height: auto; }.custom-logo { max-width: 165px; max-height: 45px; }
	.ud-menu-toggle:not([hidden]) { display: inline-flex; }
	.ud-navigation { width: 100%; flex-direction: column; gap: 15px; align-items: stretch; padding: 12px 0 24px; }
	.ud-navigation .ud-nav-links { flex-direction: column; gap: 0; }.ud-navigation .ud-nav-links a { min-height: 48px; font-size: 15px; }
	.ud-header.ud-menu-ready .ud-navigation { display: none; }.ud-header.ud-menu-open .ud-navigation { display: flex; animation: ud-enter .2s ease-out; }
	.admin-bar .ud-header { top: 46px; }
	.ud-hero { min-height: 750px; }.ud-hero-content { padding-block: 58px 115px; }
	.ud-hero-content h1 { max-width: 590px; font-size: clamp(2.5rem, 8.5vw, 3.5rem); }
	.ud-hero-description { font-size: 16px; max-width: 470px; margin-top: 25px; }
	.ud-cinema::after { background: linear-gradient(90deg, #111112d9, #11111266), linear-gradient(0deg, #111112, transparent 70%); }
	.ud-orbit { width: 330px; height: 470px; top: 80px; right: -120px; opacity: .6; }.ud-orbit--two { width: 250px; height: 400px; right: -100px; top: 135px; }
	.ud-cinema-light { opacity: .2; }.ud-cinema-caption { display: none; }
	.ud-hero-foot { font-size: 7px; }.ud-hero-foot span:last-child { display: none; }
	.ud-pill { font-size: 10px; margin-bottom: 28px; }.ud-status-domain { margin-left: 0; }
	.ud-section-heading { margin-bottom: 30px; }.ud-section-index { display: none; }.ud-eyebrow { font-size: 9px; margin-bottom: 20px; }
	.ud-section-heading p:not(.ud-eyebrow) { font-size: 15px; }.ud-mirror-grid { grid-template-columns: 1fr; }
	.ud-split { grid-template-columns: 1fr; gap: 42px; }.ud-about { padding-bottom: 80px; }.ud-showcase { max-width: 550px; width: 100%; margin-inline: auto; transform: none; }
	.ud-poster > span { font-size: clamp(13px, 3vw, 20px); }.ud-showcase-bar > span { font-size: 6px; }
	.ud-voiceover { padding: 32px 24px; gap: 20px; }.ud-waveform { height: 160px; }.ud-wave-baseline { font-size: 6px; }
	.ud-steps { grid-template-columns: 1fr; gap: 30px; }.ud-steps li { padding-left: 74px; min-height: 96px; }.ud-step-number { position: absolute; top: 0; left: 0; }.ud-steps li:not(:last-child)::before { left: 24px; top: 62px; bottom: -16px; right: auto; width: 1px; height: auto; background: #493d43; }.ud-steps p { max-width: none; }
	.ud-faq-layout { grid-template-columns: 1fr; gap: 25px; }.ud-faq-item button { min-height: 75px; }.ud-faq-answer { padding-right: 12px; }
	.ud-final-section { padding-top: 5px; }.ud-final { padding: 52px 23px; }.ud-final .ud-status-domain { display: block; width: 100%; }
	.ud-footer-top { grid-template-columns: 1fr 1fr; gap: 32px; }.ud-footer-about { grid-column: 1 / -1; }.ud-footer-about > p { max-width: 440px; }
	.ud-footer-bottom { flex-wrap: wrap; gap: 12px; }.ud-legal-links { order: 3; justify-content: start; width: 100%; gap: 15px; }.ud-footer .ud-nav-links a { min-height: 44px; }
}
@media (max-width: 480px) {
	.ud-container { width: calc(100% - 36px); }.ud-hero { min-height: 780px; }.ud-hero-actions { flex-direction: column; align-items: stretch; gap: 8px; }.ud-hero-actions .ud-button { width: 100%; }.ud-hero-actions .ud-button--ghost { min-height: 44px; padding: 10px; }
	.ud-hero-content { padding-top: 45px; }.ud-hero-content h1 { font-size: clamp(2.4rem, 10.6vw, 3rem); }.ud-hero .ud-status { font-size: 10px; }.ud-hero .ud-status-domain { display: block; width: 100%; margin-left: 14px; }
	.ud-scroll-link { margin-top: 26px; }.ud-advantages-grid { grid-template-columns: 1fr; }.ud-advantage { padding: 26px; }.ud-advantage-top { margin-bottom: 25px; }
	.ud-mirror, .ud-mirror--primary { padding: 23px; }.ud-mirror-bottom { flex-direction: column; align-items: stretch; gap: 16px; }.ud-mirror-bottom .ud-button { width: 100%; }.ud-checked time { display: inline; }
	.ud-empty { padding: 24px; flex-direction: column; align-items: start; gap: 20px; }.ud-empty h3 { font-size: 20px; }
	.ud-showcase { padding: 16px; }.ud-poster { padding: 9px; }.ud-showcase-bar > span { display: none; }.ud-showcase-bar i { margin-left: auto; }
	.ud-final .ud-button { width: 100%; }.ud-footer-top { grid-template-columns: 1fr; }.ud-footer-about { grid-column: auto; }.ud-waveform { gap: 4px; }
}
@media (max-width: 600px) { .admin-bar .ud-header { top: 0; } }
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { animation: none !important; transition: none !important; }
}
@media print {
	.ud-header, .ud-cinema, .ud-hero-foot, .ud-copy, .ud-scroll-link, .ud-back-top { display: none; }
	body { color: #111; background: #fff; }.ud-hero { min-height: 0; }.ud-section { padding-block: 25px; }.ud-faq-answer[hidden] { display: block !important; }
	.ud-card { break-inside: avoid; box-shadow: none; }
}