/* CASIANIX foundations, components, then responsive overrides. */
:root {
  --bg-dark:var(--wp--preset--color--navy);
  --bg-dark-2:var(--wp--preset--color--navy-secondary);
  --surface-dark:var(--wp--preset--color--surface-dark);
  --surface-light:var(--wp--preset--color--surface-light);
  --text-dark:var(--wp--preset--color--ink);
  --text-light:var(--wp--preset--color--text-light);
  --muted-dark:var(--wp--preset--color--muted);
  --muted-light:var(--wp--preset--color--muted-light);
  --cyan:var(--wp--preset--color--cyan);
  --blue:var(--wp--preset--color--blue);
  --fuchsia:var(--wp--preset--color--fuchsia);
  --border:var(--wp--preset--color--border);
  --radius:var(--wp--custom--radius--card)
}

* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:24px
}
body {
  margin:0;
}
button {
  font:inherit;
  cursor:pointer;
  border:0
}
a {
  color:inherit;
  text-decoration:none
}
h1,h2,h3,p {
  margin:0
}
h1,h2,h3 {
  line-height:1.17;
  letter-spacing:-.035em
}
h2 {
  font-size:var(--wp--preset--font-size--h-2);
  font-weight:720
}
h3 {
  font-size:var(--wp--preset--font-size--h-3)
}
p {
  color:var(--muted-dark)
}
ul,ol {
  padding:0;
  margin:0;
  list-style:none
}
a:focus-visible,button:focus-visible {
  outline:3px solid var(--blue);
  outline-offset:5px
}
.dark :focus-visible,.final-cta :focus-visible {
  outline-color:var(--cyan)
}
.container {
  width:min(var(--wp--style--global--content-size,1200px),calc(100% - 80px));
  margin-inline:auto
}
.section {
  padding:var(--wp--preset--spacing--60) 0
}
.dark {
  background:var(--bg-dark);
  color:var(--text-light)
}
.dark p {
  color:var(--muted-light)
}
.light {
  background:var(--surface-light)
}
.eyebrow {
  font-size:11px!important;
  font-weight:700;
  letter-spacing:.1em;
  line-height:1.5;
  color:#415bd4!important;
  margin-bottom:22px
}
.dark .eyebrow {
  color:var(--cyan)!important
}
.wp-block-button__link {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:transform .18s,background .18s,box-shadow .18s;
  min-height:49px
}
.wp-block-button__link:hover {
  transform:translateY(-2px);
  box-shadow:0 8px 22px #07101c16
}
.primary > .wp-block-button__link {
}
.primary > .wp-block-button__link:hover {
  background:#84e6fa
}
.outline > .wp-block-button__link {
  border:1px solid #ffffff35;
  color:white;
  background:transparent
}
.outline > .wp-block-button__link:hover {
  background:#ffffff0c
}
.ink > .wp-block-button__link {
  background:var(--bg-dark);
  color:white
}
.white > .wp-block-button__link {
  background:white;
  color:#27377b
}
.actions {
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:30px
}
.brand {
  display:inline-flex;
  align-items:center;
  gap:11px;
  font-size:22px;
  font-weight:780;
  letter-spacing:-.04em;
  white-space:nowrap
}
.brand-mark {
  width:37px;
  height:39px;
  border:1px solid #4dd8f43b;
  background:#4dd8f40b;
  border-radius:var(--wp--custom--radius--button);
  display:inline-grid;
  place-items:center;
  color:var(--cyan);
  font-weight:700;
  font-size:23px
}
.dot {
  color:var(--cyan)
}
.brand .dot {
  margin-left:-10px
}
.hero {
  padding:26px 0 100px;
  position:relative;
  overflow:hidden;
  background:radial-gradient(ellipse at 87% 51%,#38488640,transparent 47%),radial-gradient(ellipse at 65% 94%,#74389618,transparent 50%),var(--bg-dark)
}
.navbar {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 23px;
  border:1px solid #6b92b232;
  border-radius:22px;
  background:#101d31b8;
  box-shadow:0 -1px 0 #4dd8f448;
  gap:24px
}
.nav-links {
  display:flex;
  align-items:center;
  gap:30px;
  font-size:12px;
  color:#bdc7d8
}
.nav-links>a:hover {
  color:var(--cyan)
}
.nav-links .wp-block-button__link {
  margin-left:26px;
  min-height:42px;
  padding:11px 22px;
  background:#ffffff09
}
.menu-toggle {
  display:none
}
.hero-grid {
  display:grid;
  grid-template-columns:1.28fr .9fr;
  gap:80px;
  align-items:center;
  padding-top:85px
}
.hero h1 {
  font-size:var(--wp--preset--font-size--h-1);
  letter-spacing:-.045em;
  line-height:1.09;
  font-weight:760
}
.hero h1 span {
  color:#a4baff
}
.hero-copy>.eyebrow {
  display:inline-block;
  background:#142a39;
  padding:7px 12px;
  border-radius:30px;
  letter-spacing:.045em
}
.hero .lead {
  font-size:15px;
  line-height:1.85;
  margin-top:27px;
  max-width:590px
}
.microcopy {
  font-size:10px;
  margin-top:25px;
  line-height:1.9
}
.system-panel {
  background:linear-gradient(140deg,#172538e8,#0d1728f0);
  border:1px solid #ffffff18;
  border-radius:26px;
  padding:30px;
  box-shadow:0 25px 80px #0003
}
.system-panel h2 {
  font-size:27px;
  letter-spacing:-.025em;
  max-width:320px;
  margin-bottom:30px
}
.system-steps {
  display:grid;
  gap:16px
}
.system-steps li {
  position:relative;
  display:flex;
  align-items:center;
  gap:13px;
  background:#091320a8;
  border:1px solid #ffffff10;
  padding:17px 12px;
  border-radius:13px;
  font-size:11px;
  font-weight:600
}
.system-steps li+li:before {
  content:"";
  position:absolute;
  height:17px;
  width:1px;
  background:#4dd8f450;
  left:29px;
  top:-18px
}
.system-steps li>span {
  display:grid;
  place-items:center;
  background:#4dd8f419;
  color:var(--cyan);
  border-radius:10px;
  min-width:32px;
  height:32px;
  font-size:10px
}
.system-steps li:nth-child(2)>span {
  color:#a9b5ff;
  background:#506bff22
}
.system-steps li:nth-child(3)>span {
  color:#d5acfa;
  background:#c84dff15
}
.system-steps i {
  margin-left:auto;
  font-style:normal;
  color:#6c7d94
}
.status {
  display:inline-block;
  background:#4dd8f40b;
  color:var(--cyan)!important;
  border:1px solid #4dd8f415;
  border-radius:30px;
  padding:6px 10px;
  font-size:9px;
  letter-spacing:.025em;
  margin-top:24px
}
.panel-bottom {
  display:flex;
  justify-content:space-between;
  border-top:1px solid #ffffff0c;
  margin-top:23px;
  padding-top:17px;
  color:#8191a8;
  font-size:8px;
  letter-spacing:.07em
}
.benefits {
  padding:62px 0 66px
}
.benefits h2 {
  font-size:clamp(1.8rem,2.4vw,2.15rem);
  max-width:600px
}
.benefit-track {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:25px;
  margin-top:34px;
  position:relative
}
.benefit-track:before {
  content:"";
  position:absolute;
  top:19px;
  left:20px;
  right:calc(25% - 20px);
  height:1px;
  background:linear-gradient(90deg,#4dd8f4,#506bff70,#c84dff60)
}
.benefit-track > .benefit-item {
  position:relative
}
.node {
  display:grid;
  place-items:center;
  position:relative;
  width:39px;
  height:39px;
  border:1px solid #d9e7f8;
  background:white;
  color:#415bd4;
  font-size:11px;
  border-radius:50%;
  margin-bottom:18px
}
.benefit-track h3 {
  font-size:14px;
  letter-spacing:-.015em;
  margin-bottom:8px
}
.benefit-track p {
  font-size:12px;
  max-width:215px
}
.section-heading {
  max-width:785px;
  margin-bottom:40px
}
.section-heading>p:last-child:not(.eyebrow) {
  max-width:650px;
  margin-top:22px;
  font-size:14px
}
.services-grid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:22px
}
.service-card {
  padding:29px 31px;
  background:white;
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:0 5px 20px #10244802;
  transition:transform .2s,box-shadow .2s
}
.service-card:hover {
  transform:translateY(-3px);
  box-shadow:0 13px 30px #10244809
}
.card-top {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:24px
}
.number {
  display:inline-grid;
  place-items:center;
  background:var(--bg-dark);
  color:#a7e9f4;
  padding:5px 11px;
  border-radius:30px;
  font-size:10px;
  letter-spacing:.05em
}
.service-icon {
  font-size:24px;
  line-height:1;
  color:#6c7ca0
}
.service-card h3 {
  margin-bottom:14px
}
.service-card p {
  font-size:13px;
  max-width:455px
}
.chips {
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:25px
}
.chips li {
  padding:4px 9px;
  background:#f1f4fd;
  border:1px solid #e8edfa;
  border-radius:6px;
  font-size:10px;
  color:#425ac2
}
.service-card:last-child {
  border-color:#aebaff;
  background:linear-gradient(135deg,white 75%,#f7f1fe)
}
.split {
  display:grid;
  grid-template-columns:1.12fr .9fr;
  gap:100px;
  align-items:center
}
.split>div>p:not(.eyebrow) {
  margin-top:23px;
  font-size:14px
}
.automation {
  background:radial-gradient(ellipse at 85% 70%,#3c376924,transparent 50%),#101a27
}
.automation h2 {
  max-width:460px
}
.check-list {
  display:grid;
  gap:14px;
  margin:29px 0 32px;
  font-size:12px
}
.check-list li {
  display:flex;
  align-items:center;
  gap:11px
}
.check-list li:before {
  content:"✓";
  display:grid;
  place-items:center;
  flex-shrink:0;
  width:24px;
  height:24px;
  border-radius:50%;
  background:#4dd8f410;
  color:var(--cyan);
  font-size:11px
}
.chat-panel {
  border:1px solid #ffffff17;
  border-radius:24px;
  background:#09131f;
  box-shadow:0 25px 60px #0002;
  transform:rotate(1deg)
}
.chat-header {
  padding:21px;
  display:flex;
  align-items:center;
  gap:12px;
  border-bottom:1px solid #ffffff10
}
.chat-header .cx-strong {
  font-size:13px
}
.chat-header .cx-small {
  display:block;
  color:#7f90a6;
  font-size:9px;
  margin-top:2px
}
.chat-header .dot {
  margin-left:auto;
  font-size:10px
}
.chat-body {
  padding:24px
}
.bubble {
  padding:17px;
  background:#182535;
  border:1px solid #ffffff08;
  border-radius:3px 14px 14px;
  font-size:11px!important;
  line-height:1.8;
  color:#d5deec!important;
  margin-bottom:16px;
  max-width:88%
}
.bubble.customer {
  margin-left:auto;
  background:#222d54;
  border-color:#7c83eb30;
  border-radius:14px 3px 14px 14px
}
.typing {
  font-size:9px;
  color:#8191a8!important
}
.process-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:25px;
  position:relative;
  margin-bottom:33px
}
.process-grid:before {
  content:"";
  position:absolute;
  top:41px;
  left:0;
  right:0;
  height:1px;
  background:linear-gradient(90deg,var(--cyan),#d5c7ef)
}
.process-card {
  background:white;
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:27px;
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:start
}
.process-card h3 {
  font-size:18px;
  margin:30px 0 15px
}
.process-card p {
  font-size:12px;
  margin-bottom:30px
}
.process-card > .cx-small {
  font-size:10px;
  color:#425ac2;
  margin-top:auto
}
.project-grid {
  display:grid;
  grid-template-columns:1.35fr .85fr;
  gap:45px;
  align-items:center
}
.browser-mockup {
  border:1px solid #dce3ec;
  border-radius:18px;
  background:white;
  overflow:hidden;
  box-shadow:0 16px 45px #12223808
}
.browser-bar {
  display:flex;
  align-items:center;
  gap:18px;
  padding:12px 16px;
  background:#eaf0f5;
  color:#71839b
}
.browser-bar>span:first-child {
  letter-spacing:4px;
  font-size:9px;
  color:#8798c3
}
.browser-bar .cx-small {
  font-size:9px;
  flex:1
}
.store-preview {
  padding:21px
}
.store-hero {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:24px;
  background:#0a1220;
  border-radius:12px;
  color:white
}
.store-hero > .cx-small {
  display:block;
  color:var(--cyan);
  font-size:9px;
  margin-bottom:14px
}
.store-hero > .cx-strong {
  display:block;
  font-size:23px;
  line-height:1.2;
  letter-spacing:-.025em
}
.mini-button {
  display:inline-block;
  font-size:7px;
  background:white;
  color:#122034;
  padding:6px 10px;
  border-radius:20px;
  margin-top:18px
}
.orb {
  position:absolute;
  z-index:-1;
  width:210px;
  height:210px;
  border-radius:50%;
  right:-40px;
  top:-5px;
  background:linear-gradient(140deg,#2e6876,#343459 60%,#855f8550)
}
.categories {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:17px
}
.categories>div {
  padding:7px;
  border-radius:9px;
  background:#f5f7fa;
  border:1px solid #edf0f4
}
.categories .cx-small {
  display:block;
  font-size:8px;
  padding-top:7px
}
.product-art {
  height:96px;
  border-radius:6px;
  background:#dbe0e8;
  position:relative;
  overflow:hidden;
  display:grid;
  place-items:center
}
.shirt:after {
  content:"";
  width:64px;
  height:65px;
  background:linear-gradient(90deg,#68778d,#96a1b1);
  clip-path:polygon(25% 0,40% 6%,60% 6%,75% 0,100% 22%,83% 40%,74% 30%,76% 100%,24% 100%,26% 30%,17% 40%,0 22%)
}
.bag {
  background:#e8e0da
}
.bag:after {
  content:"";
  width:44px;
  height:45px;
  border-radius:4px 4px 10px 10px;
  background:#a58f7e;
  transform:rotate(-8deg)
}
.bag:before {
  content:"";
  position:absolute;
  width:23px;
  height:26px;
  border:4px solid #a58f7e;
  border-radius:16px;
  top:16px;
  transform:rotate(-8deg)
}
.glasses {
  background:#dbe4e1
}
.glasses:after {
  content:"∞";
  font:700 72px/1 Georgia;
  color:#526861;
  transform:rotate(-12deg)
}
.mockup-caption {
  font-size:7px;
  letter-spacing:.14em;
  text-align:right;
  margin-top:13px
}
.project-copy {
  padding:30px;
  background:white;
  border:1px solid var(--border);
  border-radius:20px
}
.project-copy h3 {
  font-size:24px;
  margin-bottom:20px
}
.project-copy>p:not(.eyebrow) {
  font-size:12px
}
.project-copy .wp-block-button__link {
  margin-top:26px
}
.training {
  background:radial-gradient(ellipse at 5% 70%,#173d511e,transparent 65%),var(--bg-dark)
}
.training-note {
  border-top:1px solid #ffffff15;
  padding-top:24px;
  font-size:11px!important
}
.credential-card {
  background:white;
  border-radius:20px;
  overflow:hidden;
  color:var(--text-dark);
  border:1px solid #ffffff30
}
.mini-project {
  padding:23px 26px;
  background:#17243b
}
.mini-project > p:first-child {
  display:flex;
  justify-content:space-between;
  color:var(--cyan);
  font-size:9px;
  font-weight:700
}
.mini-project small {
  font-size:7px;
  color:#a2b0c6;
  font-weight:400;
  letter-spacing:.06em
}
.mini-project > .cx-strong {
  display:block;
  font-size:19px;
  margin:16px 0;
  color:white;
  letter-spacing:-.035em
}
.mini-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px
}
.mini-grid i {
  height:35px;
  border-radius:4px;
  background:linear-gradient(130deg,#405c70,#668284)
}
.mini-grid i:nth-child(2) {
  background:linear-gradient(130deg,#696275,#a09b94)
}
.mini-grid i:nth-child(3) {
  background:linear-gradient(130deg,#444b78,#7481a1)
}
.credential-body {
  padding:28px
}
.credential-label {
  font-size:8px;
  letter-spacing:.07em;
  color:#5e6b81!important;
  margin-bottom:17px
}
.credential-body h3 {
  font-size:23px
}
.year {
  display:block;
  font-size:15px;
  color:#415bd4;
  margin-top:19px
}
.redacted {
  display:flex;
  gap:7px;
  margin:19px 0 14px
}
.redacted i {
  width:86px;
  height:7px;
  background:#dce2e9;
  border-radius:2px
}
.redacted i+i {
  width:49px
}
.credential-disclaimer {
  color:#657185!important;
  font-size:9px;
  border-top:1px solid var(--border);
  padding-top:13px;
  margin-bottom:20px
}
.credential-body .wp-block-button__link {
  font-size:11px;
  min-height:42px;
  padding:11px 17px
}
.final-section {
  background:#eef1fa;
  padding:74px 0
}
.final-cta {
  display:grid;
  grid-template-columns:1.35fr .85fr;
  gap:65px;
  align-items:center;
  color:white;
  background:radial-gradient(ellipse at 100% 10%,#9757b354,transparent 65%),var(--wp--preset--gradient--cta);
  border:1px solid #5c65c5;
  border-radius:27px;
  padding:54px
}
.final-cta .eyebrow {
  color:#d6e4ff!important
}
.final-cta h2 {
  font-size:clamp(1.9rem,2.6vw,2.35rem)
}
.final-cta p:not(.eyebrow) {
  font-size:12px;
  color:#d9def3;
  margin-top:23px
}
.response-panel {
  padding:26px;
  border:1px solid #ffffff25;
  border-radius:17px;
  background:#121b5530
}
.response-panel .eyebrow {
  font-size:9px!important;
  letter-spacing:.07em
}
.response-panel li {
  display:flex;
  gap:12px;
  align-items:center;
  font-size:11px;
  padding:18px 0;
  border-top:1px solid #ffffff14
}
.response-panel li span {
  font-size:9px;
  color:#bdcdfa
}
.response-bottom {
  display:block;
  color:#b7c6ec;
  font-size:7px;
  letter-spacing:.08em;
  margin-top:14px
}
footer {
  padding:65px 0 24px;
  border-top:1px solid #7272ba55
}
.footer-grid {
  display:grid;
  grid-template-columns:1.7fr .8fr .7fr 1.2fr;
  gap:45px
}
.footer-brand>p {
  max-width:300px;
  font-size:12px;
  margin-top:20px
}
.footer-badge {
  display:inline-block;
  font-size:7px;
  letter-spacing:.08em;
  color:#90a8bf;
  border:1px solid #ffffff17;
  border-radius:5px;
  padding:6px 8px;
  margin-top:20px
}
.footer-grid h3 {
  font-size:12px;
  font-weight:600;
  letter-spacing:0;
  margin:8px 0 21px
}
.footer-grid > div:not(:first-child) > .footer-link {
  display:block;
  font-size:11px;
  color:#aab4c5;
  margin-bottom:11px
}
.footer-grid a:hover {
  color:var(--cyan)
}
.footer-contact p {
  font-size:11px;
  margin-bottom:20px
}
.footer-contact .wp-block-button__link {
  font-size:10px;
  padding:12px 14px;
  min-height:42px
}
.footer-bottom {
  display:flex;
  justify-content:space-between;
  gap:20px;
  margin-top:52px;
  border-top:1px solid #ffffff12;
  padding-top:24px;
  font-size:9px;
  color:#8896aa
}
.skip-link {
  position:fixed;
  top:-80px;
  left:16px;
  padding:12px;
  background:white;
  z-index:100
}
.skip-link:focus {
  top:12px
}
dialog {
  width:min(550px,calc(100% - 36px));
  max-height:85vh;
  overflow:auto;
  border:1px solid var(--border);
  border-radius:22px;
  padding:38px;
  color:var(--text-dark);
  box-shadow:0 30px 100px #0005
}
dialog::backdrop {
  background:#06101cba;
  backdrop-filter:blur(5px)
}
dialog h2 {
  font-size:26px;
  margin-right:12px
}
dialog p:not(.eyebrow) {
  font-size:14px;
  margin:22px 0
}
dialog .eyebrow {
  margin-right:20px
}
.dialog-close {
  position:absolute;
  right:14px;
  top:12px;
  background:#edf1f6;
  border-radius:50%;
  width:32px;
  height:32px;
  font-size:22px;
  line-height:1
}
body.modal-open {
  overflow:hidden
}

@media(max-width:1199px) {
  .hero-grid {
  gap:38px;
  grid-template-columns:1.15fr .9fr
}
.hero h1 {
  font-size:var(--wp--custom--typography--hero-medium)
}
.split {
  gap:50px
}
.system-panel {
  padding:24px
}
.system-panel h2 {
  font-size:24px
}
.system-steps li {
  font-size:10px
}
.final-cta {
  padding:40px;
  gap:35px
}
.footer-grid {
  gap:25px
}
.nav-links {
  gap:23px
}
.nav-links .wp-block-button__link {
  margin-left:0
}

}

@media(max-width:1023px) {
  .container {
  width:calc(100% - 48px)
}
.section {
  padding:var(--wp--custom--spacing--section-tablet) 0
}
.hero-grid {
  grid-template-columns:1fr;
  padding-top:55px;
  gap:42px
}
.hero-copy {
  max-width:720px
}
.hero h1 {
  font-size:var(--wp--custom--typography--hero-tablet)
}
.system-panel {
  width:100%;
  max-width:600px;
  justify-self:center;
  padding:28px
}
.system-panel h2 {
  max-width:none
}
.hero .lead {
  max-width:650px
}
.split {
  gap:35px;
  grid-template-columns:1fr 1fr
}
.project-grid {
  gap:24px;
  grid-template-columns:1.1fr 1fr
}
.store-preview {
  padding:14px
}
.store-hero > .cx-strong {
  font-size:20px
}
.product-art {
  height:76px
}
.project-copy {
  padding:24px
}
.final-cta {
  grid-template-columns:1fr;
  gap:35px
}
.response-panel ol {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px
}
.footer-grid {
  grid-template-columns:1.3fr 1fr 1fr
}
.footer-brand {
  grid-column:1/-1
}
.footer-brand>p {
  max-width:500px
}
.benefits {
  padding:50px 0
}
.nav-links {
  gap:18px
}
.navbar {
  padding:12px 17px
}
.brand {
  font-size:20px
}
.nav-links {
  font-size:11px
}

}

@media(max-width:767px) {
  .container {
  width:calc(100% - 40px)
}
.section {
  padding:var(--wp--custom--spacing--section-mobile) 0
}
.hero {
  padding-top:18px;
  padding-bottom:58px
}
.navbar {
  flex-wrap:wrap;
  gap:0;
  border-radius:18px
}
.menu-toggle {
  display:flex;
  align-items:center;
  gap:9px;
  background:transparent;
  color:white;
  padding:10px;
  font-size:12px
}
.nav-links {
  display:none;
  flex-direction:column;
  align-items:stretch;
  width:100%;
  gap:0;
  margin-top:12px;
  border-top:1px solid #ffffff15;
  padding-top:8px
}
.nav-links.is-open {
  display:flex
}
.nav-links a {
  padding:12px;
  font-size:13px
}
.nav-links .wp-block-button__link {
  margin-top:8px
}
.hero-grid {
  padding-top:46px;
  gap:36px
}
.hero h1 {
  font-size:var(--wp--custom--typography--hero-mobile);
  line-height:1.13
}
.hero .lead {
  font-size:14px;
  line-height:1.8;
  margin-top:24px
}
.eyebrow {
  font-size:9px!important;
  margin-bottom:19px
}
.hero-copy>.eyebrow {
  font-size:8px!important;
  letter-spacing:.04em
}
.actions {
  gap:10px
}
.actions .wp-block-button__link {
  flex:1 1 auto;
  font-size:12px;
  padding:14px 17px
}
.microcopy {
  font-size:9px
}
.system-panel {
  padding:23px;
  border-radius:20px
}
.system-panel h2 {
  font-size:25px;
  max-width:300px
}
.system-steps li {
  font-size:11px
}
.benefit-track {
  grid-template-columns:1fr;
  gap:25px;
  margin-top:30px
}
.benefit-track:before {
  left:19px;
  top:20px;
  bottom:35px;
  width:1px;
  height:auto;
  right:auto;
  background:linear-gradient(var(--cyan),#506bff70,#c84dff60)
}
.benefit-track > .benefit-item {
  padding-left:59px;
  min-height:49px
}
.node {
  position:absolute;
  left:0;
  top:0
}
.benefit-track p {
  max-width:none
}
.benefit-track h3 {
  padding-top:2px
}
.services-grid,.split,.project-grid,.process-grid {
  grid-template-columns:1fr
}
.service-card {
  padding:25px
}
.card-top {
  margin-bottom:22px
}
.service-card p {
  font-size:13px
}
.section-heading {
  margin-bottom:30px
}
.section-heading>p:last-child:not(.eyebrow) {
  font-size:13px
}
.split {
  gap:36px
}
.chat-panel {
  transform:none;
  max-width:470px;
  width:100%;
  margin-inline:auto
}
.process-grid {
  gap:18px
}
.process-grid:before {
  top:0;
  bottom:0;
  left:44px;
  width:1px;
  height:auto
}
.process-card {
  padding:25px
}
.process-card h3 {
  margin-top:24px
}
.process-card p {
  margin-bottom:23px
}
.project-grid {
  gap:25px
}
.store-preview {
  padding:16px
}
.store-hero > .cx-strong {
  font-size:22px
}
.product-art {
  height:90px
}
.credential-card {
  max-width:470px;
  width:100%;
  margin:auto
}
.training-note {
  line-height:1.8
}
.final-cta {
  padding:29px 23px;
  border-radius:22px;
  gap:30px
}
.final-section>.container {
  width:calc(100% - 28px)
}
.final-cta h2 {
  font-size:clamp(1.85rem,6.7vw,2.4rem)
}
.final-cta .actions {
  flex-direction:column
}
.response-panel {
  padding:22px
}
.response-panel ol {
  grid-template-columns:1fr;
  gap:0
}
.response-panel li {
  font-size:12px
}
.footer-grid {
  grid-template-columns:1fr 1fr;
  gap:30px
}
.footer-contact {
  grid-column:1/-1
}
.footer-grid h3 {
  margin-bottom:17px
}
.footer-bottom {
  flex-direction:column;
  gap:12px;
  margin-top:35px;
  font-size:9px
}
.footer-brand>p {
  font-size:12px
}
footer {
  padding:45px 0 24px
}
dialog {
  padding:32px 24px
}

}

@media(prefers-reduced-motion:reduce) {
  html {
  scroll-behavior:auto
}
*,*:before,*:after {
  transition:none!important;
  animation:none!important
}

}

/* Final readability pass: preserve desktop scale and the conceptual previews. */
.service-icon { display: block; flex: 0 0 24px; }
@media (max-width: 767px) {
  .eyebrow, .hero-copy > .eyebrow, .response-panel .eyebrow {
    font-size: 11px !important;
  }
  .microcopy, .chips li, .process-card > .cx-small, .training-note,
  .credential-label, .credential-disclaimer, .credential-body .wp-block-button__link,
  .chat-header .cx-small, .typing, .status, .panel-bottom,
  .response-panel li span, .response-bottom, .number,
  .system-steps li > span, .footer-badge {
    font-size: 11px !important;
  }
  .bubble { font-size: 12px !important; }
  .system-steps li, .check-list, .footer-contact p,
  .footer-contact .wp-block-button__link, .footer-bottom,
  .footer-grid > div:not(:first-child) > .footer-link {
    font-size: 12px;
  }
  .panel-bottom { gap: 12px; }
  .footer-badge { letter-spacing: .035em; }
  .footer-contact a { overflow-wrap: anywhere; }
}