@font-face { font-family: "Oswald"; src: url("fonts/oswald-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Oswald"; src: url("fonts/oswald-600.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Oswald"; src: url("fonts/oswald-700.woff2") format("woff2"); font-weight: 700 900; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("fonts/ibm-plex-mono-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("fonts/ibm-plex-mono-600.woff2") format("woff2"); font-weight: 600 900; font-display: swap; }

:root {
  --paper: #eee9df;
  --ink: #121212;
  --hot: #f04424;
  --blue: #1647d8;
  --line: rgba(18, 18, 18, .72);
  --muted: rgba(18, 18, 18, .62);
  --display: "Oswald", "Arial Narrow", Impact, sans-serif;
  --mono: "IBM Plex Mono", Consolas, monospace;
  --sans: Arial, Helvetica, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background:
    radial-gradient(circle at 18% 22%, rgba(255,255,255,.55), transparent 30%),
    repeating-linear-gradient(0deg, rgba(18,18,18,.018) 0, rgba(18,18,18,.018) 1px, transparent 1px, transparent 4px),
    var(--paper);
  font-family: var(--sans);
  font-size: 16px;
}
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible { outline: 3px solid var(--blue); outline-offset: 3px; }
.shell { width: min(1440px, calc(100% - 96px)); margin-inline: auto; }
.registration { position: fixed; z-index: 20; width: 24px; height: 24px; pointer-events: none; }
.registration::before, .registration::after { content: ""; position: absolute; background: var(--ink); }
.registration::before { width: 24px; height: 1px; top: 11px; }
.registration::after { width: 1px; height: 24px; left: 11px; }
.registration--tl { top: 16px; left: 16px; }.registration--tr { top: 16px; right: 16px; }.registration--bl { bottom: 16px; left: 16px; }.registration--br { bottom: 16px; right: 16px; }

.site-header { height: 88px; display: grid; grid-template-columns: 240px 1fr auto; align-items: center; gap: 48px; border-bottom: 1px solid var(--line); }
.wordmark { font: 900 42px/.8 var(--display); letter-spacing: -2px; transform: scaleX(.72); transform-origin: left center; width: 220px; }
.main-nav { display: flex; align-items: stretch; justify-content: center; gap: 52px; height: 100%; }
.main-nav a { position: relative; display: grid; place-items: center; font: 700 14px var(--mono); text-transform: uppercase; }
.main-nav a::after { content: ""; position: absolute; height: 3px; left: 0; right: 100%; bottom: 0; background: var(--hot); transition: right .2s; }
.main-nav a:hover::after, .main-nav a.active::after { right: 0; }
.main-nav a.active { color: var(--hot); }
.header-actions { display: flex; align-items: center; gap: 30px; font: 700 14px var(--mono); text-transform: uppercase; }
.button { min-height: 52px; padding: 0 28px; border: 1px solid var(--ink); background: transparent; display: inline-flex; align-items: center; justify-content: space-between; gap: 32px; font: 700 15px var(--mono); text-transform: uppercase; cursor: pointer; border-radius: 0; transition: background .15s, color .15s; }
.button:hover { background: var(--ink); color: var(--paper); }
.button--hot { color: #fff; background: var(--hot); border-color: var(--hot); }
.button--hot:hover { background: var(--ink); border-color: var(--ink); }
.button--small { min-height: 50px; padding-inline: 26px; }
.text-link { border: 0; border-bottom: 1px solid; background: none; padding: 8px 0; font: 14px var(--mono); cursor: pointer; }
.eyebrow, .technical, .frame-label { font: 12px/1.5 var(--mono); letter-spacing: .04em; text-transform: uppercase; }
.messages { position: fixed; z-index: 30; top: 100px; left: 50%; transform: translateX(-50%); }
.message { padding: 16px 22px; color: #fff; background: var(--ink); border-left: 8px solid var(--hot); font: 14px var(--mono); }
.site-footer { min-height: 72px; border-top: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; font: 11px var(--mono); }
.hot-text { color: var(--hot); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

/* Home */
.hero { min-height: 700px; padding: 60px 0 42px; display: grid; grid-template-columns: 36% 64%; border-bottom: 1px solid var(--line); }
.hero-copy { padding: 12px 42px 0 0; display: flex; flex-direction: column; }
.hero-copy h1, .catalog h1, .pricing h1, .checkout h1, .updates h1, .support h1, .login-page h1, .result-page h1 {
  margin: 30px 0 24px; max-width: 820px; font: 900 clamp(68px, 7.4vw, 116px)/.82 var(--display); letter-spacing: -4px; text-transform: uppercase;
}
.hero-copy h1 { font-size: clamp(72px, 6.7vw, 108px); }
.hero-copy > p { max-width: 410px; margin: 0; font: 19px/1.45 var(--mono); }
.hero-actions { margin-top: 38px; display: flex; align-items: center; gap: 28px; }
.build-strip { margin-top: auto; border: 1px solid var(--ink); height: 30px; display: grid; grid-template-columns: repeat(3, 1fr) 42px; align-items: center; font: 10px var(--mono); }
.build-strip span { padding-inline: 12px; border-right: 1px solid var(--ink); }
.build-strip b { height: 100%; display: grid; place-items: center; background: var(--blue); color: white; }
.timeline { position: relative; align-self: center; border: 1px solid var(--line); min-height: 490px; padding-top: 150px; overflow: hidden; }
.timeline-top { position: absolute; inset: 0 0 auto; height: 145px; border-bottom: 1px solid var(--line); padding: 20px 26px; display: grid; grid-template-columns: 1fr auto 150px; align-items: center; }
.timeline-top > span { align-self: start; font: 10px var(--mono); }
.timeline-top strong { font: 64px/1 var(--mono); letter-spacing: -5px; }
.timeline-top dl { margin: 0; display: grid; grid-template-columns: 1fr 1fr; font: 10px/1.4 var(--mono); }.timeline-top dt { font-weight: 700; }.timeline-top dd { margin: 0; }
.time-ruler { height: 38px; padding-left: 150px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--line); background: repeating-linear-gradient(90deg, transparent 0, transparent 38px, rgba(18,18,18,.25) 39px, transparent 40px); font: 9px var(--mono); }
.time-ruler span:last-child { color: var(--hot); }
.playhead { position: absolute; z-index: 3; top: 172px; bottom: 0; left: 78%; width: 2px; background: var(--hot); }
.playhead::before { content: ""; position: absolute; top: -9px; left: -5px; border: 6px solid transparent; border-top-color: var(--hot); }
.track { height: 62px; display: grid; grid-template-columns: 45px 112px 1fr; align-items: stretch; border-bottom: 1px solid var(--line); font: 10px var(--mono); }
.track > b { padding: 12px; font-weight: 400; }.track-name { padding: 20px 10px; border-left: 1px solid var(--line); border-right: 1px solid var(--line); font-weight: 700; }
.track i { display: block; margin: 10px 8px; }
.frames { background: repeating-linear-gradient(90deg, #171717 0 54px, #4d4d4d 54px 56px); }
.wave { background: repeating-linear-gradient(0deg, transparent 0 4px, #222 5px 6px), repeating-linear-gradient(90deg, #111 0 2px, transparent 2px 7px); clip-path: polygon(0 42%,5% 20%,10% 70%,15% 38%,20% 60%,25% 16%,30% 70%,35% 34%,40% 58%,45% 25%,50% 66%,55% 18%,60% 72%,65% 32%,70% 60%,75% 20%,80% 68%,85% 38%,90% 54%,95% 28%,100% 45%,100% 58%,0 58%); }
.wave--blue { background-color: var(--blue); opacity: .9; clip-path: none; }
.controls { background: linear-gradient(90deg, #171717 0 32%, transparent 32% 33%, #171717 33% 66%, transparent 66% 67%, #171717 67%); }
.export { margin-left: 72%!important; display: grid!important; place-items: center; background: var(--hot); color: white; font-style: normal; }
.subtitle-track { height: 42px; margin-left: 157px; display: grid; grid-template-columns: repeat(3, 1fr); font: 9px var(--mono); }.subtitle-track span { padding: 12px; border-right: 1px solid var(--line); }
.route { min-height: 390px; display: grid; grid-template-columns: 200px 1.5fr 1fr; grid-template-rows: 80px auto; gap: 0 40px; padding: 45px 0; }
.section-index { font: 11px var(--mono); display: flex; gap: 28px; }.section-index b { color: var(--hot); }.section-index span { border-bottom: 1px solid; height: 18px; }
.route h2 { margin: 32px 0; font: 900 clamp(52px, 5vw, 84px)/.9 var(--display); text-transform: uppercase; letter-spacing: -2px; }
.route > p { align-self: center; font: 13px/1.5 var(--mono); }.route-list { grid-column: 3; grid-row: 2; margin: 0; padding: 0; list-style: none; align-self: end; }
.route-list li { display: grid; grid-template-columns: 36px 1fr auto; border-bottom: 1px solid var(--line); padding: 12px 0; font: 11px var(--mono); }.route-list span { color: var(--muted); }.route-list i { font-style: normal; }

/* Products */
.catalog { padding: 28px 0 64px; }
.catalog-heading { display: grid; grid-template-columns: 1fr 350px; align-items: end; padding-bottom: 32px; }
.catalog h1 { margin: 18px 0 0; font-size: clamp(58px, 5.7vw, 90px); max-width: 900px; }
.catalog-heading .technical { justify-self: end; margin-bottom: 14px; }
.product-layout { display: grid; grid-template-columns: 1fr 320px; gap: 12px; }
.product-main, .future-ticket { border: 1px solid var(--line); }
.product-head { min-height: 176px; display: grid; grid-template-columns: 1fr 360px; align-items: center; padding: 28px 22px; }
.product-head h2 { margin: 0 0 10px; font: 900 50px/.9 var(--display); text-transform: uppercase; }.product-head p { margin: 0; max-width: 440px; font: 17px/1.35 var(--mono); }
.product-head dl { display: grid; grid-template-columns: 1fr auto; gap: 12px; font: 10px var(--mono); }.product-head dd { margin: 0; }.product-head dt { border-bottom: 1px dotted var(--line); }
.pipeline { height: 42px; border-block: 1px solid var(--line); display: flex; align-items: center; justify-content: space-around; font: 10px var(--mono); }
.feature-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); }
.feature-cell { min-height: 360px; padding: 16px 14px; border-right: 1px solid var(--line); }.feature-cell:last-child { border-right: 0; }.feature-cell > b { color: var(--hot); font: 14px var(--mono); }.feature-cell h3 { font: 20px var(--mono); font-weight: 400; }.feature-cell p { font: 11px/1.4 var(--mono); }
.feature-viz { height: 150px; margin: 22px 0; border-block: 1px solid var(--line); position: relative; overflow: hidden; }
.feature-viz i { position: absolute; display: block; border: 1px solid var(--line); }
.feature-viz i:nth-child(1) { inset: 22px auto 22px 8px; width: 30px; }.feature-viz i:nth-child(2) { inset: 36px 44px auto 44px; height: 24px; }.feature-viz i:nth-child(3) { inset: auto 44px 36px 44px; height: 24px; }.feature-viz i:nth-child(4) { inset: 22px 8px 22px auto; width: 30px; }
.feature-viz--download { border-radius: 50%; background: conic-gradient(var(--blue) 0 78%, transparent 78%); transform: scale(.72); }.feature-viz--enhance { background: linear-gradient(120deg, transparent 0 49%, var(--line) 50%, transparent 51%); }.feature-viz--subtitles::after { content: "ЭТО КАДР"; position: absolute; left: 20px; right: 20px; bottom: 28px; padding: 8px; color: white; background: var(--ink); font: 9px var(--mono); }.feature-viz--tracks { background: repeating-linear-gradient(0deg, transparent 0 26px, var(--line) 27px), repeating-linear-gradient(90deg, transparent 0 5px, #111 6px 7px); }.feature-viz--timecodes::after { content: "00:02:59:14"; display: grid; place-items: center; height: 100%; font: 20px var(--mono); }
.product-cta { margin: 12px; min-width: 480px; }
.future-products { display: grid; gap: 12px; }.future-ticket { min-height: 280px; padding: 22px 42px 20px 16px; position: relative; }.future-ticket > b { color: var(--hot); font: 11px var(--mono); }.future-ticket h3 { margin: 16px 0 6px; font: 900 28px var(--display); text-transform: uppercase; }.future-ticket p { font: 11px/1.4 var(--mono); }.future-viz { height: 100px; margin: 22px 0; display: flex; align-items: center; justify-content: space-around; border-block: 1px solid var(--line); }.future-viz i { width: 1px; background: var(--ink); height: 30%; }.future-viz i:nth-child(2) { height: 72%; }.future-viz i:nth-child(3) { height: 48%; }.future-viz i:nth-child(4) { height: 84%; }.vertical-status { position: absolute; inset: 0 0 0 auto; width: 30px; display: grid; place-items: center; writing-mode: vertical-rl; background: var(--hot); font: 10px var(--mono); text-transform: uppercase; }

/* Pricing */
.pricing { padding: 28px 0 54px; }.pricing > .eyebrow { text-align: right; }.pricing h1 { margin: 12px 0 10px; font-size: clamp(68px, 7vw, 112px); }.lead { margin: 0 0 24px; font: 22px var(--mono); }
.plans { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--line); }
.plan { position: relative; min-width: 0; padding: 24px 24px 18px 50px; border-right: 1px solid var(--line); display: flex; flex-direction: column; }.plan:last-child { border: 0; }.plan--featured { background: var(--hot); }.perforation { position: absolute; inset: 0 auto 0 0; width: 30px; border-right: 1px solid var(--line); background: radial-gradient(circle, var(--ink) 0 5px, transparent 6px) center 18px/18px 58px repeat-y; }
.plan header { min-height: 95px; border-bottom: 1px solid var(--line); position: relative; }.plan header small { font: 9px var(--mono); }.plan header span { position: absolute; right: 0; border: 2px solid var(--ink); padding: 8px; transform: rotate(-5deg); font: 18px var(--mono); }.plan h2 { margin: 24px 0 8px; font: 900 40px/.8 var(--display); text-transform: uppercase; }
.plan-price { min-height: 110px; padding: 14px 0; }.plan-price small { display: block; font: 9px var(--mono); }.plan-price strong { font: 900 58px var(--display); }.plan dl { margin: 0; padding: 12px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; border-block: 1px solid var(--line); font: 10px var(--mono); }.plan dd { margin: 0; text-align: right; }.plan ul { padding: 14px 0; margin: 0; list-style: none; }.plan li { padding: 7px; border-bottom: 1px dotted var(--line); font: 13px var(--mono); }.plan li::before { content: "+"; color: var(--blue); margin-right: 12px; }.serial { padding: 12px 0; font: 10px/1.5 var(--mono); }.duration { display: flex; align-items: center; gap: 10px; font: 9px var(--mono); }.duration i { flex: 1; border-top: 1px solid var(--ink); }.plan-button { margin-top: auto; width: 100%; }.plan--featured .plan-button { background: transparent; color: var(--ink); border-color: var(--ink); }.plan--featured .plan-button:hover { background: var(--ink); color: white; }
.pricing-note { border: 1px solid var(--line); border-top: 0; padding: 22px 32px; display: flex; justify-content: flex-end; gap: 70px; font: 13px var(--mono); }.pricing-note a { color: var(--blue); text-decoration: underline; }

/* Checkout */
.checkout { padding: 30px 0 60px; }.checkout-heading { display: flex; justify-content: space-between; align-items: flex-start; }.checkout h1 { margin: 30px 0 20px; font-size: clamp(64px, 6vw, 96px); }.checkout-heading > p { text-align: right; font: 13px/2 var(--mono); }.checkout-heading a { text-decoration: underline; }
.checkout-steps { max-width: 900px; height: 60px; display: grid; grid-template-columns: repeat(4, 1fr); align-items: center; background: linear-gradient(var(--ink),var(--ink)) 0 12px/100% 1px no-repeat; font: 14px var(--mono); }.checkout-steps span::before, .checkout-steps b::before { content: ""; width: 14px; height: 14px; border: 2px solid var(--ink); background: var(--paper); border-radius: 50%; display: block; margin-bottom: 8px; }.checkout-steps b { color: var(--hot); }.checkout-steps b::before { border-color: var(--hot); }
.checkout-grid { display: grid; grid-template-columns: 1.45fr .75fr; gap: 80px; align-items: start; }.checkout-form { border: 1px solid var(--line); }.field { padding: 18px; border-bottom: 1px solid var(--line); }.field label { display: block; margin-bottom: 8px; font: 11px var(--mono); text-transform: uppercase; }.field input:not([type=checkbox]) { width: 100%; border: 1px solid var(--line); background: rgba(255,255,255,.25); padding: 14px; font: 18px var(--mono); border-radius: 0; }.field--check { display: flex; align-items: center; gap: 10px; }.field--check label { order: 2; margin: 0; }.field--check input { width: 18px; height: 18px; accent-color: var(--hot); }
.payment-methods { padding: 18px; border: 0; border-bottom: 1px solid var(--line); }.payment-methods legend { font: 11px var(--mono); text-transform: uppercase; }.payment-methods label { display: grid; grid-template-columns: auto 1fr auto; gap: 16px; padding: 14px; border: 1px solid var(--line); border-bottom: 0; font: 15px var(--mono); }.payment-methods label:last-child { border-bottom: 1px solid var(--line); }.payment-methods input { accent-color: var(--hot); }.checkout-button { width: calc(100% - 36px); margin: 18px; font-size: 20px; }.secure-note { margin: 0; padding: 0 18px 18px; font: 12px var(--mono); }.form-error { display: block; color: #b51d08; margin-top: 6px; font: 11px var(--mono); }
.receipt { position: relative; padding: 30px; border: 1px dashed var(--line); background: rgba(255,255,255,.12); }.receipt::before { content: ""; position: absolute; inset: -1px 0 auto; height: 10px; background: radial-gradient(circle at 5px 0, transparent 0 5px, var(--paper) 6px) 0 0/14px 10px repeat-x; }.receipt h2 { font: 900 36px var(--display); text-transform: uppercase; }.receipt ul { list-style: none; padding: 0; font: 13px var(--mono); }.receipt li { display: flex; justify-content: space-between; padding: 7px 0; border-bottom: 1px dotted var(--line); }.receipt-total { margin: 28px 0; padding: 18px 0; border-block: 2px solid var(--ink); display: flex; align-items: center; justify-content: space-between; }.receipt-total span { font: 900 28px var(--display); }.receipt-total strong { color: var(--hot); font: 900 44px var(--display); }.receipt-code { font: 10px var(--mono); }.receipt-code span { display: block; margin: 8px 0; color: var(--hot); font-size: 15px; }.receipt-code i, .license-barcode { display: block; height: 45px; width: 78%; background: repeating-linear-gradient(90deg, var(--ink) 0 2px, transparent 2px 4px, var(--ink) 4px 5px, transparent 5px 9px); }.receipt-term { position: relative; margin: 26px 0; padding: 16px 0; border-block: 1px solid var(--line); font: 10px/1.6 var(--mono); }.receipt-term span { display: block; }.receipt-term em { position: absolute; right: 0; bottom: 9px; padding: 8px 14px; color: var(--hot); border: 2px solid var(--hot); transform: rotate(-4deg); font: 900 24px var(--display); text-transform: uppercase; }

/* Account */
.account { padding: 58px 0; }.account-heading { display: flex; justify-content: space-between; align-items: end; }.account-heading h1 { margin: 0; font: 900 68px/.9 var(--display); text-transform: uppercase; }.account-heading p { font: 17px var(--mono); }.license-dossier { margin-top: 26px; min-height: 340px; display: grid; grid-template-columns: 88px 1fr 340px; border: 1px solid var(--line); border-radius: 24px; overflow: hidden; background: rgba(255,255,255,.15); box-shadow: 0 10px 14px rgba(18,18,18,.12); }.license-stub { padding: 28px 16px; border-right: 1px dashed var(--line); writing-mode: vertical-rl; color: var(--hot); font: 10px var(--mono); }.license-main { padding: 28px 34px; }.license-main header { display: flex; justify-content: space-between; border-bottom: 1px solid var(--line); }.license-main h2 { margin: 0 0 18px; font: 900 48px var(--display); text-transform: uppercase; }.license-main header strong { color: var(--hot); font: 22px var(--display); }.license-main dl { display: grid; grid-template-columns: .7fr 1.4fr 1fr .5fr; margin: 16px 0; }.license-main dl div { padding: 0 14px; border-right: 1px solid var(--line); }.license-main dt { font: 9px var(--mono); }.license-main dd { margin: 8px 0 0; font: 14px var(--mono); }.license-main summary { list-style: none; cursor: pointer; }.license-main details[open] summary { display: none; }.license-duration { display: flex; gap: 12px; align-items: center; font: 9px var(--mono); margin-top: 20px; }.license-duration i { flex: 1; border-top: 2px solid var(--hot); }.license-actions { border-left: 1px dashed var(--line); padding: 30px; display: flex; flex-direction: column; gap: 16px; }.license-actions > span { padding-bottom: 24px; border-bottom: 1px solid var(--line); color: var(--hot); font: 28px var(--display); }.license-actions .button { margin-top: 30px; }
.account-panels { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 18px; }.account-panels > section { min-height: 230px; padding: 20px; border: 1px solid var(--line); border-right: 0; }.account-panels > section:last-child { border-right: 1px solid var(--line); }.account-panels h3 { margin: 0 0 28px; padding-bottom: 14px; border-bottom: 1px solid var(--line); font: 18px var(--display); }.account-panels p, .account-panels a { font: 12px/1.5 var(--mono); }.account-panels a { color: var(--hot); text-decoration: underline; }.device { display: flex; gap: 16px; align-items: center; }.device > span { font-size: 34px; }.device p { flex: 1; }.device small { display: block; margin-top: 5px; color: var(--muted); }.device button { padding: 8px 12px; background: transparent; border: 1px solid var(--line); cursor: pointer; }.empty-state { margin: 40px 0; padding: 60px; border: 1px solid var(--line); }.empty-state h2 { font: 900 48px var(--display); text-transform: uppercase; }.logout-form { margin-top: 30px; }

/* Updates */
.updates { padding: 52px 0; }.updates-heading { display: grid; grid-template-columns: 1fr 360px; border-bottom: 1px solid var(--line); }.updates h1 { margin: 0 0 20px; font-size: clamp(60px, 6vw, 96px); }.updates-heading > div > p { max-width: 780px; font: 16px/1.45 var(--mono); text-transform: uppercase; }.updates-heading aside { border-left: 1px solid var(--line); padding: 10px 28px 28px; }.updates-heading aside h3 { font: 24px var(--display); }.updates-heading aside p { display: flex; justify-content: space-between; padding: 12px 0; border-bottom: 1px dotted var(--line); font: 13px var(--mono); }.updates-heading aside b { color: var(--blue); }
.release-current { margin-top: 28px; display: grid; grid-template-columns: 250px 1fr; border: 1px solid var(--line); }.release-version { padding: 22px; border-right: 1px solid var(--line); display: flex; flex-direction: column; gap: 10px; }.release-version small, .release-version span { font: 11px var(--mono); }.release-version strong { color: var(--hot); font: 900 68px var(--display); }.release-version em { align-self: flex-start; margin-top: 12px; padding: 8px 12px; color: var(--hot); border: 2px solid var(--hot); font: 700 18px var(--mono); font-style: normal; }.release-body h2 { margin: 0; padding: 24px; border-bottom: 1px solid var(--line); font: 900 34px var(--display); text-transform: uppercase; }.change-grid { display: grid; grid-template-columns: repeat(3,1fr); }.change-grid section { padding: 20px; border-right: 1px solid var(--line); }.change-grid h3 { color: var(--hot); font: 22px var(--display); }.change-grid p { font: 12px/1.5 var(--mono); }.release-body .button { float: right; margin: 14px; }.release-row { border: 1px solid var(--line); border-top: 0; }.release-row summary { padding: 18px 28px; display: grid; grid-template-columns: 180px 1fr auto; align-items: center; cursor: pointer; list-style: none; font: 14px var(--mono); }.release-row summary b { font-size: 22px; }.release-row > div { padding: 22px; border-top: 1px solid var(--line); }.frame-label { margin-top: 32px; text-align: center; }

/* Support */
.support { padding: 0 0 54px; }.support-grid { display: grid; grid-template-columns: 1fr 320px; border-bottom: 1px solid var(--line); }.support-main { padding: 60px 48px 48px 0; }.support-title { display: grid; grid-template-columns: 180px 1fr; }.support-title > span { color: var(--muted); font: 11px/1.5 var(--mono); }.support h1 { margin: 0 0 24px; font-size: clamp(56px, 5.3vw, 86px); }.support-title p { font: 16px var(--mono); }.support-search { margin-top: 36px; display: grid; grid-template-columns: 64px 1fr 220px 70px; min-height: 66px; border: 2px solid var(--ink); align-items: center; }.support-search > span { display: grid; place-items: center; height: 100%; border-right: 1px solid var(--line); font-size: 32px; }.support-search input { height: 100%; border: 0; background: transparent; padding: 16px; font: 14px var(--mono); }.support-search .button { margin: 8px; }.support-search kbd { margin: 12px; padding: 5px; border: 1px dashed var(--line); font: 10px var(--mono); }
.support-topics { position: relative; margin-top: 84px; display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); }.support-topics::before { content: ""; position: absolute; top: -50px; left: 50%; height: 50px; border-left: 1px solid var(--ink); }.support-topics section { min-height: 240px; padding: 18px; border: 1px solid var(--line); border-top: 0; border-right: 0; }.support-topics section:last-child { border-right: 1px solid var(--line); }.support-topics h2 { margin: 0 0 22px; display: flex; gap: 12px; align-items: center; font: 18px var(--display); }.support-topics h2 b { color: var(--hot); font-size: 38px; }.support-topics a { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid var(--line); font: 11px var(--mono); }
.human-help { padding: 22px; border-left: 1px solid var(--line); }.human-help small { color: var(--muted); font: 9px var(--mono); }.human-help h2 { margin: 65px 0 28px; padding-bottom: 28px; border-bottom: 1px dotted var(--line); font: 900 42px var(--display); }.human-help p { margin-bottom: 34px; font: 15px/1.5 var(--mono); }.human-help .button { width: 100%; margin-bottom: 12px; padding-inline: 16px; font-size: 12px; }.human-help dl { margin-top: 40px; border-top: 1px dotted var(--line); }.human-help dt { padding-top: 22px; font: 11px var(--mono); }.human-help dd { margin: 6px 0 0; color: var(--hot); font: 700 13px var(--mono); }.system-status { height: 78px; display: flex; align-items: center; justify-content: center; gap: 48px; border-bottom: 1px solid var(--line); }.system-status i { width: 16px; height: 16px; border-radius: 50%; background: #19b52e; }.system-status b { font: 26px var(--display); }.system-status a { font: 12px var(--mono); text-decoration: underline; }.ticket-form { padding: 70px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; }.ticket-form h2 { font: 900 58px var(--display); text-transform: uppercase; }.ticket-form p { font: 14px var(--mono); }.ticket-form form > div { margin-bottom: 16px; }.ticket-form label, .login-page label { display: block; margin-bottom: 8px; font: 11px var(--mono); text-transform: uppercase; }.ticket-form input, .ticket-form textarea, .login-page input { width: 100%; padding: 14px; border: 1px solid var(--line); background: rgba(255,255,255,.18); border-radius: 0; font: 15px var(--mono); }

/* Login / result */
.login-page { min-height: 700px; padding: 90px 0; display: grid; grid-template-columns: 1.2fr .8fr; gap: 100px; align-items: start; }.login-page h1 { margin-top: 30px; font-size: clamp(64px, 6vw, 96px); }.login-page > div p { max-width: 600px; font: 17px/1.5 var(--mono); }.login-page form { margin-top: 80px; padding: 32px; border: 1px solid var(--line); }.login-page form > div { margin-bottom: 20px; }.login-page .button { width: 100%; }.result-page { min-height: 700px; padding: 90px 0; }.result-page p { max-width: 720px; font: 18px/1.5 var(--mono); }.result-ticket { max-width: 780px; margin: 40px 0; display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--line); }.result-ticket span, .result-ticket b { padding: 18px; border-bottom: 1px solid var(--line); font: 13px var(--mono); }.result-ticket b { border-left: 1px solid var(--line); }

@media (max-width: 1100px) {
  .shell { width: min(100% - 40px, 960px); }
  .site-header { grid-template-columns: 180px 1fr auto; gap: 16px; }.main-nav { gap: 20px; }.wordmark { font-size: 34px; }
  .hero { grid-template-columns: 1fr; }.hero-copy { min-height: 600px; }.timeline { margin-top: 40px; }.route { grid-template-columns: 140px 1fr; }.route-list { grid-column: 2; grid-row: auto; }
  .product-layout, .support-grid { grid-template-columns: 1fr; }.future-products { grid-template-columns: repeat(2, 1fr); }.feature-grid { grid-template-columns: repeat(3, 1fr); }.feature-cell { border-bottom: 1px solid var(--line); }
  .checkout-grid { grid-template-columns: 1fr .75fr; gap: 24px; }.license-dossier { grid-template-columns: 60px 1fr; }.license-actions { grid-column: 2; border-left: 0; border-top: 1px dashed var(--line); }.support-main { padding-right: 0; }.human-help { border-left: 0; border-top: 1px solid var(--line); }.support-topics { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 760px) {
  html { scroll-padding-bottom: 76px; }
  body { padding-bottom: calc(64px + env(safe-area-inset-bottom)); overflow-x: hidden; }
  .shell { width: calc(100% - 28px); }
  .registration { display: none; }
  .site-header.shell { position: sticky; z-index: 15; top: 0; width: 100%; min-height: 64px; height: 64px; padding-inline: 14px; grid-template-columns: 1fr auto; background: rgba(238, 233, 223, .96); backdrop-filter: blur(10px); }
  .wordmark { width: 150px; font-size: 32px; }
  .main-nav { position: fixed; z-index: 50; inset: auto 0 0; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 0; width: 100%; height: calc(64px + env(safe-area-inset-bottom)); padding-bottom: env(safe-area-inset-bottom); overflow: visible; background: rgba(238, 233, 223, .98); border-top: 1px solid var(--line); box-shadow: 0 -8px 24px rgba(18,18,18,.08); }
  .main-nav a { min-width: 0; padding: 10px 4px 8px; font-size: 9px; line-height: 1.15; text-align: center; white-space: nowrap; }
  .main-nav a::after { inset: 0 100% auto 0; }
  .main-nav a:hover::after, .main-nav a.active::after { right: 0; }
  .header-actions > a:first-child { display: none; }
  .button { min-height: 48px; }
  .button--small { min-height: 42px; padding-inline: 14px; }
  .hero { padding-top: 28px; }
  .hero-copy { min-height: 0; padding-right: 0; }
  .hero-copy h1, .catalog h1, .pricing h1, .checkout h1, .updates h1, .support h1, .login-page h1, .result-page h1 { margin-block: 22px 18px; font-size: clamp(50px, 16vw, 62px); line-height: .86; letter-spacing: -2px; }
  .hero-copy > p { font-size: 15px; line-height: 1.45; }
  .hero-actions { margin-top: 26px; align-items: stretch; flex-direction: column; gap: 12px; }
  .hero-actions .button { width: 100%; }
  .hero-actions .text-link { align-self: flex-start; }
  .build-strip { margin-top: 28px; }
  .timeline { min-height: 420px; margin: 34px -14px 0; padding-top: 110px; border-inline: 0; }
  .timeline-top { height: 106px; padding-inline: 14px; grid-template-columns: 1fr auto; }
  .timeline-top strong { font-size: 34px; letter-spacing: -3px; }
  .timeline-top dl { display: none; }
  .time-ruler { padding-left: 100px; }
  .track { grid-template-columns: 32px 92px 1fr; }
  .track-name { padding-inline: 6px; }
  .subtitle-track { margin-left: 124px; }
  .route { min-height: 0; grid-template-columns: 1fr; padding-block: 36px; }
  .route h2, .route > p, .route-list { grid-column: 1; }
  .route h2 { margin: 24px 0 18px; font-size: 48px; }
  .route > p { margin-bottom: 24px; }
  .route-list { grid-row: auto; }
  .catalog-heading, .product-head, .updates-heading, .checkout-grid, .account-heading, .ticket-form, .login-page { grid-template-columns: 1fr; }.catalog-heading .technical { justify-self: start; }.product-head dl { margin-top: 20px; }.feature-grid { grid-template-columns: 1fr; }.product-cta { min-width: 0; width: calc(100% - 24px); }.future-products { grid-template-columns: 1fr; }
  .plans { grid-template-columns: 1fr; }.plan { border-right: 0; border-bottom: 1px solid var(--line); }.pricing-note { flex-direction: column; gap: 14px; }.checkout-steps { font-size: 10px; }.receipt { order: -1; }.license-dossier { display: block; border-radius: 12px; }.license-stub { display: none; }.license-main { padding: 20px; }.license-main h2 { font-size: 34px; }.license-main dl { grid-template-columns: 1fr 1fr; gap: 16px; }.license-actions { border-top: 1px dashed var(--line); }.account-panels { grid-template-columns: 1fr; }.account-panels > section { border-right: 1px solid var(--line); border-bottom: 0; }.account-panels > section:last-child { border-bottom: 1px solid var(--line); }
  .updates-heading aside { border: 1px solid var(--line); margin: 20px 0; }.release-current { grid-template-columns: 1fr; }.release-version { border-right: 0; border-bottom: 1px solid var(--line); }.change-grid { grid-template-columns: 1fr; }.support-title { grid-template-columns: 1fr; }.support-title > span { margin-bottom: 22px; }.support-search { grid-template-columns: 48px 1fr; }.support-search .button { grid-column: 1 / -1; margin: 0; }.support-search kbd { display: none; }.support-topics { grid-template-columns: 1fr; }.system-status { gap: 14px; justify-content: flex-start; padding: 12px; }.system-status b { font-size: 18px; }.site-footer { min-height: 58px; padding-block: 12px; flex-wrap: wrap; gap: 8px; font-size: 8px; }
}