:root {
  --bg: #06101f;
  --bg-deep: #030a14;
  --panel: #0a1729;
  --panel-2: #0d1c30;
  --panel-3: #10233a;
  --ink: #f4f8ff;
  --muted: #96a9c2;
  --muted-2: #71849c;
  --line: #213752;
  --line-strong: #34516f;
  --blue: #1473e6;
  --blue-bright: #268aff;
  --mint: #32d39a;
  --amber: #f6a915;
  --danger: #ef6675;
  --shadow: 0 24px 80px rgba(0, 0, 0, .32);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color-scheme: dark;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background:
    linear-gradient(rgba(35, 62, 95, .12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(35, 62, 95, .12) 1px, transparent 1px),
    var(--bg);
  background-size: 72px 72px;
  color: var(--ink);
  font-size: 16px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
img { display: block; max-width: 100%; }
::selection { background: #1e75d9; color: #fff; }
:focus-visible { outline: 3px solid #65b5ff; outline-offset: 3px; }
.skip-link { position: fixed; z-index: 100; top: 12px; left: 12px; padding: 10px 14px; transform: translateY(-150%); background: #fff; color: #051020; font-weight: 800; }
.skip-link:focus { transform: none; }
.site-header {
  position: sticky;
  top: 0;
  z-index: 30;
  min-height: 76px;
  padding: 0 max(28px, calc((100vw - 1500px) / 2));
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #1a304a;
  background: rgba(3, 12, 25, .95);
  backdrop-filter: blur(18px);
}
.brand { display: inline-flex; align-items: center; gap: 12px; flex: 0 0 auto; }
.brand-mark { width: 42px; height: 42px; display: grid; place-items: center; }
.brand-mark svg { width: 42px; height: 42px; overflow: visible; }
.brand-mark svg path:first-child { fill: #258bff; }
.brand-mark svg path:last-child { fill: #d9eeff; opacity: .96; }
.brand b { display: grid; font-size: 1.05rem; line-height: 1.05; letter-spacing: -.02em; }
.brand small { margin-top: 5px; color: #55b3ff; font-size: .59rem; font-weight: 900; letter-spacing: .14em; }
.site-header nav { display: flex; align-items: center; gap: 26px; color: #b7c6d9; font-size: .88rem; font-weight: 720; }
.site-header nav > a:not(.nav-login):not(.nav-cta) { position: relative; padding: 27px 0 24px; }
.site-header nav > a:not(.nav-login):not(.nav-cta)::after { content: ""; position: absolute; left: 0; right: 100%; bottom: 17px; height: 2px; background: var(--blue-bright); transition: right .2s ease; }
.site-header nav > a:hover, .site-header nav > a.active { color: #fff; }
.site-header nav > a:hover::after, .site-header nav > a.active::after { right: 0; }
.nav-login, .nav-cta { min-height: 42px; padding: 10px 18px; border: 1px solid #526b88; border-radius: 5px; color: #fff; }
.nav-cta { border-color: var(--blue); background: var(--blue); box-shadow: 0 10px 28px rgba(20, 115, 230, .24); }
.nav-login:hover { border-color: #8eabc9; background: #0d1d31; }
.nav-cta:hover { background: var(--blue-bright); }
.menu { display: none; align-items: center; gap: 4px; padding: 10px; border: 1px solid #425c79; border-radius: 5px; background: #0a1728; color: #fff; }
.menu span { width: 18px; height: 2px; display: block; background: currentColor; }
.menu b { margin-left: 5px; font-size: .8rem; }
.flash { position: relative; z-index: 4; max-width: 1450px; margin: 18px auto 0; padding: 14px 17px; display: flex; justify-content: space-between; gap: 18px; border: 1px solid #23795f; border-radius: 6px; background: #0d332c; color: #baf4df; }
.flash.error { border-color: #863b4a; background: #351823; color: #ffd0d8; }
.flash button { border: 0; background: transparent; color: inherit; font-size: 1.25rem; cursor: pointer; }
.hero-v21 {
  position: relative;
  max-width: 1600px;
  min-height: 640px;
  margin: 0 auto;
  padding: 54px 32px 50px;
  display: grid;
  grid-template-columns: minmax(390px, .78fr) minmax(650px, 1.42fr);
  gap: 42px;
  align-items: center;
  overflow: hidden;
}
.hero-v21::before { content: ""; position: absolute; inset: 0 auto 0 -15%; width: 62%; z-index: -1; background: radial-gradient(circle at 45% 45%, rgba(18, 106, 218, .18), transparent 57%); }
.eyebrow { display: block; margin-bottom: 14px; color: #4da3ff; font-size: .72rem; font-weight: 900; letter-spacing: .16em; }
.hero-copy h1, .page-intro h1, .workspace-head h1, .form-card h1, .section-intro h2, .cta-band h2, .services-v21 h2, .workflow-v21 h2 { margin: 0; line-height: 1.02; letter-spacing: -.045em; }
.hero-copy h1 { max-width: 640px; font-size: clamp(3.25rem, 5.1vw, 5.35rem); }
.hero-copy > p { max-width: 610px; margin: 24px 0; color: #b2c1d2; font-size: 1.08rem; }
.actions { display: flex; gap: 12px; flex-wrap: wrap; }
.button { min-height: 48px; padding: 12px 19px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; border: 1px solid transparent; border-radius: 5px; font-weight: 850; cursor: pointer; transition: transform .18s ease, background .18s ease, border-color .18s ease; }
.button:hover { transform: translateY(-2px); }
.button.primary { background: var(--blue); color: #fff; box-shadow: 0 13px 34px rgba(20, 115, 230, .25); }
.button.primary:hover { background: var(--blue-bright); }
.button.secondary { border-color: #607894; background: rgba(8, 22, 39, .65); color: #fff; }
.button.secondary:hover { border-color: #91a8c0; background: #0e2136; }
.button.amber { background: var(--amber); color: #1b1304; }
.windows-mark { font-size: 1.35rem; line-height: 1; }
.trust-row { margin-top: 30px; display: grid; gap: 9px; color: #98abc2; font-size: .84rem; font-weight: 720; }
.trust-row span::before { content: ""; width: 8px; height: 8px; margin-right: 9px; display: inline-block; border-radius: 50%; background: var(--mint); box-shadow: 0 0 0 4px rgba(50, 211, 154, .09); }
.operations-preview { min-width: 0; height: 515px; display: grid; grid-template-columns: minmax(0, 1fr) 210px; border: 1px solid #29435f; background: #07111f; box-shadow: var(--shadow); overflow: hidden; }
.ops-board { min-width: 0; padding: 17px; background: linear-gradient(145deg, #0a1728, #07111f); }
.ops-title { height: 34px; display: flex; justify-content: space-between; color: #c7d4e4; font-size: .72rem; font-weight: 800; }
.ops-title span { display: flex; align-items: center; gap: 8px; }
.ops-title i { width: 8px; height: 8px; display: inline-block; border-radius: 50%; background: var(--mint); }
.ops-title small { color: #3d93ed; font-weight: 900; letter-spacing: .12em; }
.ops-grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: 10px; }
.ops-grid section { min-width: 0; padding: 15px; border: 1px solid #203751; background: #0b192a; }
.ops-grid small { color: #7890ab; font-size: .62rem; font-weight: 900; letter-spacing: .1em; }
.ops-grid strong { display: block; margin: 6px 0; font-size: 1rem; }
.ops-grid a { color: #49a1ff; font-size: .7rem; font-weight: 800; }
.ops-balance { min-height: 145px; }
.ops-balance strong { margin: 5px 0 0; font-size: 2rem; letter-spacing: -.04em; }
.ops-balance > span { display: block; margin-bottom: 12px; color: #8195ac; font-size: .69rem; }
.ops-balance a { display: inline-block; padding: 7px 10px; background: var(--blue); color: #fff; }
.ops-model > div { margin: 11px 0 10px; padding: 9px 10px; display: flex; justify-content: space-between; border: 1px solid #2b425d; color: #7e91a8; font-size: .69rem; }
.ops-model > div b { color: #58a8fb; }
.ops-jobs { grid-column: 1 / -1; }
.ops-jobs > div { display: flex; justify-content: space-between; gap: 15px; }
.ops-jobs p, .ops-status p { margin: 0; padding: 9px 0; display: flex; justify-content: space-between; gap: 16px; border-top: 1px solid #1b3048; font-size: .69rem; }
.ops-jobs p:first-of-type, .ops-status p:first-of-type { margin-top: 8px; }
.ops-jobs p b { color: #c5d2e1; font-weight: 720; }
.ops-jobs p span { color: var(--mint); }
.ops-status { grid-column: 1 / -1; }
.ops-status p { justify-content: flex-start; }
.ops-status p i { width: 7px; height: 7px; margin-top: 4px; border-radius: 50%; background: var(--mint); }
.ops-status p span { margin-left: auto; color: var(--mint); }
.workbench-photo { position: relative; min-width: 0; margin: 0; overflow: hidden; background: #050b14; }
.workbench-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #07111f 0, transparent 40%), linear-gradient(0deg, rgba(1, 7, 15, .85), transparent 48%); }
.workbench-photo img { width: 100%; height: 100%; object-fit: cover; object-position: 73% center; }
.workbench-photo figcaption { position: absolute; z-index: 2; left: 18px; right: 16px; bottom: 18px; display: grid; }
.workbench-photo figcaption span { color: var(--amber); font-size: .59rem; font-weight: 900; letter-spacing: .13em; }
.workbench-photo figcaption b { margin-top: 5px; font-size: .83rem; line-height: 1.25; }
.proof-v21 { max-width: 1536px; margin: 0 auto; padding: 0 32px 62px; display: grid; grid-template-columns: repeat(3, 1fr); }
.proof-v21 > div { min-height: 92px; padding: 20px 28px; display: flex; gap: 16px; align-items: center; border: 1px solid #233b56; border-right: 0; background: #081524; }
.proof-v21 > div:last-child { border-right: 1px solid #233b56; }
.proof-v21 > div > span { color: #4a97e7; font-size: .7rem; font-weight: 900; }
.proof-v21 p { margin: 0; display: grid; }
.proof-v21 strong { font-size: .92rem; }
.proof-v21 small { margin-top: 3px; color: #8296ad; font-size: .74rem; }
.services-v21 { max-width: 1536px; margin: 0 auto; padding: 62px 32px 36px; border-top: 1px solid #1b3049; }
.services-v21 > header { max-width: 760px; }
.services-v21 h2 { max-width: 690px; font-size: clamp(2.5rem, 4.4vw, 4.4rem); }
.services-v21 > header p { color: #8fa3bb; }
.service-cards { margin-top: 36px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.service-cards article { position: relative; min-height: 240px; padding: 28px; border: 1px solid #243d59; background: linear-gradient(145deg, #0c1b2e, #081524); }
.service-cards article > span { display: inline-grid; width: 38px; height: 38px; place-items: center; border: 1px solid #2e5074; color: #5ea9f7; font-size: .72rem; font-weight: 900; }
.service-cards h3 { margin: 30px 0 8px; font-size: 1.32rem; }
.service-cards p { color: #91a4ba; }
.service-cards a { position: absolute; left: 28px; bottom: 25px; color: #54a7fb; font-size: .84rem; font-weight: 850; }
.workflow-v21 { max-width: 1472px; margin: 40px auto 85px; display: grid; grid-template-columns: .82fr 1.25fr .85fr; border: 1px solid #263f5b; background: #081524; }
.workflow-v21 > * { padding: 32px; }
.workflow-v21 h2 { font-size: clamp(2rem, 3.3vw, 3.4rem); }
.workflow-v21 ol { margin: 0; display: grid; gap: 20px; border-left: 1px solid #223951; border-right: 1px solid #223951; list-style: none; }
.workflow-v21 li { display: flex; gap: 15px; }
.workflow-v21 li > span { flex: 0 0 34px; height: 34px; display: grid; place-items: center; background: var(--blue); font-weight: 900; }
.workflow-v21 li strong { font-size: .92rem; }
.workflow-v21 li p { margin: 4px 0 0; color: #8195ac; font-size: .78rem; }
.workflow-v21 aside { background: linear-gradient(145deg, #1b2130, #18180f); }
.workflow-v21 aside .eyebrow { color: var(--amber); }
.workflow-v21 aside h3 { margin: 0; font-size: 1.55rem; line-height: 1.12; }
.workflow-v21 aside p { color: #adb4bb; }
.section-intro { max-width: 950px; margin: 0 auto; padding: 72px 28px 30px; text-align: center; }
.section-intro h2 { font-size: clamp(2.5rem, 5vw, 4.5rem); }
.section-intro p { color: var(--muted); font-size: 1.05rem; }
.cta-band { max-width: 1472px; margin: 0 auto 85px; padding: 38px 42px; display: flex; align-items: center; justify-content: space-between; gap: 30px; border: 1px solid #2a4b70; background: linear-gradient(120deg, #0c1f37, #0b294b); box-shadow: var(--shadow); }
.cta-band h2 { font-size: clamp(2rem, 4vw, 3.5rem); }
.cta-band p { margin-bottom: 0; color: #a9bbce; }
.cta-band.compact { margin-top: 38px; }
.page-intro { max-width: 1472px; margin: 0 auto; padding: 82px 28px 44px; border-bottom: 1px solid #1b3049; }
.page-intro h1 { max-width: 970px; font-size: clamp(2.8rem, 5vw, 5rem); }
.page-intro > p { max-width: 820px; color: var(--muted); font-size: 1.08rem; }
.feature-grid, .price-grid, .download-list, .process, .dashboard-grid, .brand-grid, .reseller-grid { max-width: 1472px; margin: 0 auto; padding: 34px 28px 85px; }
.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.feature-grid article, .price-grid article, .panel, .download-list article, .process article, .brand-card, .reseller-grid article, .empty-catalog { border: 1px solid var(--line); border-radius: 6px; background: var(--panel); box-shadow: 0 14px 50px rgba(0, 0, 0, .12); }
.feature-grid article { padding: 28px; }
.feature-icon { width: 44px; height: 44px; display: grid !important; place-items: center; border: 1px solid #315475; color: #55a9ff !important; }
.feature-grid h2 { margin: 18px 0 6px; }
.feature-grid p, .price-grid p, .panel p, .process p, .empty-catalog p { color: var(--muted); }
.feature-grid a, .panel a { color: #58aaff; font-weight: 820; }
.brand-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; }
.brand-card { padding: 24px; }
.brand-card-head { display: flex; align-items: center; gap: 17px; }
.brand-card-head img, .brand-card-head > span { width: 82px; height: 58px; object-fit: contain; display: grid; place-items: center; border: 1px solid #2a425d; border-radius: 4px; background: #eaf2fb; color: #0d4f91; font-weight: 950; }
.brand-card-head small { color: #4ea4fa; font-size: .67rem; font-weight: 900; letter-spacing: .1em; }
.brand-card-head h2 { margin: 2px 0; font-size: 1.5rem; }
.model-list { display: grid; margin-top: 20px; }
.model-list > div { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 13px 0; border-top: 1px solid var(--line); }
.model-list span { display: grid; }
.model-list small { color: var(--muted); }
.model-list strong { color: #55a9ff; white-space: nowrap; }
.empty-catalog { grid-column: 1 / -1; padding: 45px; text-align: center; }
.pill { display: inline-flex; padding: 5px 9px; border: 1px solid #50637a; border-radius: 3px; color: #aab9ca; font-size: .67rem; font-weight: 900; letter-spacing: .08em; }
.pill.available { border-color: #2f775f; color: #7ee7bd; background: #0b2b24; }
.pill.planned { border-color: #796534; color: #f0ce71; background: #2d2614; }
.price-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.price-grid article { padding: 30px; }
.price-grid article > span { color: #55a9ff; font-size: .69rem; font-weight: 900; letter-spacing: .13em; }
.price-grid strong { display: block; margin: 18px 0; font-size: 1.8rem; }
.price-grid .featured { border-color: #286fb9; background: linear-gradient(145deg, #0b2d55, #0b1e36); }
.price-grid .featured > span { color: #7fc0ff; }
.download-list { display: grid; gap: 12px; }
.download-list article { padding: 24px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.download-list h2 { margin: 4px 0; }
.download-list p, .download-list span { color: var(--muted); }
.process { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.process article { padding: 24px; display: flex; gap: 18px; }
.process article > span { flex: 0 0 42px; height: 42px; display: grid; place-items: center; background: #11335b; color: #66b3ff; font-weight: 950; }
.process h2 { margin: 0; }
.reseller-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; padding-bottom: 24px; }
.reseller-grid article { padding: 25px; display: flex; gap: 18px; }
.reseller-mark { flex: 0 0 58px; height: 58px; display: grid; place-items: center; background: #1267c9; color: #fff; font-weight: 950; }
.reseller-grid h2 { margin: 8px 0 0; }
.reseller-grid p { margin: 0; color: var(--muted); }
.reseller-links { display: flex; gap: 15px; margin-top: 12px; color: #55a9ff; font-weight: 800; }
.center { padding: 0 24px 85px; text-align: center; }
.form-wrap { max-width: 760px; margin: 0 auto; padding: 72px 24px 100px; }
.form-card { padding: 40px; border: 1px solid #29435f; border-radius: 7px; background: #0a1729; box-shadow: var(--shadow); }
.form-card h1 { font-size: clamp(2.3rem, 5vw, 3.9rem); }
.form-card > p { margin-bottom: 28px; color: var(--muted); }
.stack { display: grid; gap: 17px; }
.two { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
label { display: grid; gap: 7px; color: #b8c8da; font-size: .75rem; font-weight: 900; letter-spacing: .06em; }
input, select, textarea { width: 100%; padding: 13px 14px; border: 1px solid #39536e; border-radius: 4px; background: #06111f; color: #f4f8ff; font-size: 1rem; letter-spacing: 0; }
input::placeholder, textarea::placeholder { color: #60748c; }
input:focus, select:focus, textarea:focus { outline: 2px solid #3e9cff; border-color: transparent; }
label small { color: var(--muted); font-size: .77rem; font-weight: 500; letter-spacing: 0; }
.form-link { text-align: center; color: var(--muted); }
.form-link a { color: #61adfa; }
.whatsapp-card { margin: 0 0 22px; padding: 16px; display: flex; align-items: center; gap: 14px; border: 1px solid #27705a; background: #0b2b24; }
.whatsapp-card > span { width: 42px; height: 42px; display: grid; place-items: center; background: #1ab878; color: #fff; font-weight: 900; }
.whatsapp-card div { display: grid; flex: 1; }
.whatsapp-card small { color: #9ac9ba; }
.workspace-head { max-width: 1280px; margin: 0 auto; padding: 64px 24px 28px; display: flex; justify-content: space-between; align-items: end; gap: 30px; }
.workspace-head h1 { font-size: clamp(2.6rem, 5vw, 4.5rem); }
.workspace-head p { max-width: 700px; color: var(--muted); }
.balance { min-width: 210px; padding: 20px 24px; border: 1px solid #2c725b; border-radius: 6px; background: #0a2a23; }
.balance small { display: block; color: #8eb9aa; font-weight: 800; letter-spacing: .09em; }
.balance strong { display: block; color: var(--mint); font-size: 2rem; }
.dashboard-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; padding-bottom: 18px; }
.panel { max-width: 1232px; margin: 0 auto 18px; padding: 28px; }
.dashboard-grid .panel { margin: 0; }
.panel h2 { margin-top: 0; }
.credit-panel, .manual-panel { display: grid; grid-template-columns: .85fr 1.15fr; gap: 46px; align-items: start; }
.credit-panel form, .manual-panel form { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.credit-panel form label, .credit-panel form button, .manual-panel form button { grid-column: 1 / -1; }
.table-panel { overflow: hidden; }
.table { overflow: auto; }
.tr { min-width: 720px; padding: 14px 4px; display: grid; grid-template-columns: 1fr 1fr 1fr 1.4fr; gap: 16px; border-top: 1px solid var(--line); }
.tr.th { color: #72869e; font-size: .71rem; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }
.tr small { display: block; color: var(--muted); }
.signout { max-width: 1232px; margin: 0 auto 75px; text-align: right; }
.signout button { padding: 9px 13px; border: 1px solid #526b86; border-radius: 4px; background: #0a1729; color: #fff; }
.site-footer { padding: 48px max(28px, calc((100vw - 1472px) / 2)) 25px; display: grid; grid-template-columns: 1.7fr .72fr .72fr 1.05fr 1.25fr; gap: 34px; border-top: 1px solid #223b59; background: #020a15; }
.site-footer > div { display: grid; align-content: start; gap: 8px; }
.site-footer > div > b { margin-bottom: 7px; color: #dce8f5; font-size: .76rem; text-transform: uppercase; letter-spacing: .09em; }
.site-footer p, .site-footer a { color: #879bb2; font-size: .83rem; }
.site-footer a:hover { color: #fff; }
.footer-brand p { max-width: 310px; }
.socials { display: grid !important; grid-template-columns: 1fr 1fr; gap: 7px !important; }
.socials a { display: flex; align-items: center; gap: 7px; }
.socials a span { width: 29px; height: 29px; display: grid; place-items: center; border: 1px solid #304b6a; color: #c6ddf5; font-size: .58rem; font-weight: 900; }
.footer-bottom { grid-column: 1 / -1; margin-top: 18px; padding-top: 22px; display: flex !important; justify-content: space-between; border-top: 1px solid #1b2c42; color: #60748c; font-size: .75rem; }
@media (max-width: 1250px) {
  .site-header nav { gap: 16px; font-size: .8rem; }
  .hero-v21 { grid-template-columns: .75fr 1.25fr; gap: 28px; }
  .operations-preview { grid-template-columns: minmax(0, 1fr) 150px; }
  .workflow-v21 { margin-inline: 28px; grid-template-columns: 1fr 1.25fr; }
  .workflow-v21 aside { grid-column: 1 / -1; }
  .site-footer { grid-template-columns: 1.6fr repeat(3, .8fr); }
  .footer-social { grid-column: 1 / -1; }
}
@media (max-width: 980px) {
  .site-header { min-height: 72px; }
  .site-header nav { display: none; position: absolute; top: 72px; left: 0; right: 0; padding: 18px 24px 24px; flex-direction: column; align-items: stretch; gap: 0; border-bottom: 1px solid #29435f; background: #030c19; box-shadow: 0 22px 50px rgba(0, 0, 0, .45); }
  .site-header nav.open { display: flex; }
  .site-header nav > a:not(.nav-login):not(.nav-cta) { padding: 12px 0; }
  .site-header nav > a:not(.nav-login):not(.nav-cta)::after { display: none; }
  .site-header nav .nav-login, .site-header nav .nav-cta { margin-top: 10px; text-align: center; }
  .menu { display: flex; flex-direction: column; }
  .menu b { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .hero-v21 { grid-template-columns: 1fr; padding-top: 66px; }
  .hero-copy { max-width: 780px; }
  .operations-preview { max-width: 900px; width: 100%; margin: 0 auto; }
  .proof-v21 { grid-template-columns: 1fr; }
  .proof-v21 > div { border-right: 1px solid #233b56; border-bottom: 0; }
  .proof-v21 > div:last-child { border-bottom: 1px solid #233b56; }
  .service-cards, .price-grid, .process { grid-template-columns: 1fr; }
  .service-cards article { min-height: 220px; }
  .workflow-v21 { grid-template-columns: 1fr; }
  .workflow-v21 ol { border: 0; border-top: 1px solid #223951; border-bottom: 1px solid #223951; }
  .brand-grid { grid-template-columns: 1fr; }
  .site-footer { grid-template-columns: 1.5fr 1fr 1fr; }
  .footer-social { grid-column: auto; }
}
@media (max-width: 700px) {
  body { background-size: 44px 44px; }
  .site-header { padding-inline: 18px; }
  .brand b { font-size: .92rem; }
  .brand small { font-size: .52rem; }
  .brand-mark, .brand-mark svg { width: 36px; height: 36px; }
  .hero-v21 { padding: 50px 18px 34px; }
  .hero-copy h1 { font-size: clamp(2.75rem, 13vw, 4.2rem); }
  .hero-copy > p { font-size: 1rem; }
  .actions { display: grid; }
  .button { width: 100%; }
  .operations-preview { height: auto; grid-template-columns: 1fr; }
  .ops-board { padding: 13px; }
  .ops-grid { grid-template-columns: 1fr; }
  .ops-jobs, .ops-status { grid-column: auto; }
  .workbench-photo { height: 280px; }
  .workbench-photo img { object-position: 64% center; }
  .proof-v21, .services-v21 { padding-inline: 18px; }
  .services-v21 { padding-top: 50px; }
  .services-v21 h2 { font-size: 2.65rem; }
  .workflow-v21 { margin: 30px 18px 64px; }
  .workflow-v21 > * { padding: 26px; }
  .page-intro { padding: 64px 18px 36px; }
  .feature-grid, .price-grid, .download-list, .process, .dashboard-grid, .brand-grid, .reseller-grid { padding-inline: 18px; }
  .cta-band { margin-inline: 18px; padding: 28px; flex-direction: column; align-items: flex-start; }
  .form-wrap { padding-inline: 18px; }
  .form-card { padding: 26px; }
  .two { grid-template-columns: 1fr; }
  .workspace-head { padding-inline: 18px; align-items: stretch; flex-direction: column; }
  .balance { width: 100%; }
  .dashboard-grid { grid-template-columns: 1fr; }
  .credit-panel, .manual-panel { margin-inline: 18px; grid-template-columns: 1fr; }
  .credit-panel form, .manual-panel form { grid-template-columns: 1fr; }
  .download-list article { align-items: flex-start; flex-direction: column; }
  .reseller-grid { grid-template-columns: 1fr; }
  .reseller-grid article { flex-direction: column; }
  .model-list > div { align-items: flex-start; flex-direction: column; }
  .site-footer { padding-inline: 22px; grid-template-columns: 1fr 1fr; }
  .footer-brand, .footer-social { grid-column: 1 / -1; }
  .footer-bottom { flex-direction: column; gap: 6px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}