:root { --accent:var(--awd-color-accent); --accent-hover:var(--awd-color-accent-hover); --accent-ink:var(--awd-color-accent-ink); --dark:var(--awd-color-bg-dark); --dark-2:var(--awd-color-dark-2); --rail:var(--awd-color-rail); --cream:var(--awd-color-bg); --warm:var(--awd-color-bg-alt); --edge:var(--awd-color-border); --ink:var(--awd-color-text); --body:var(--awd-color-body); --muted:var(--awd-color-text-muted); --dim:var(--awd-color-dim); --hair:var(--awd-color-hairline-dark); --inv:var(--awd-color-text-inverse); --card:var(--awd-color-card); --pill:var(--awd-color-pill); --warm-2:var(--awd-color-warm-2); --clay:var(--awd-color-clay); --clay-ink:var(--awd-color-clay-ink); --clay-body:var(--awd-color-clay-body); --clay-kicker:var(--awd-color-clay-kicker); --awd-header-h:76px; }
.page-systems { font-size:17px; line-height:1.65; }
.page-systems *, .page-systems *::before, .page-systems *::after { box-sizing:border-box; }
.page-systems h1 { font-size:clamp(34px,4.25vw,58px); font-weight:300; letter-spacing:-.035em; line-height:1.06; margin:0 0 22px; max-width:13ch; }
.page-systems h2 { font-size:clamp(28px,3.6vw,44px); font-weight:300; letter-spacing:-.025em; line-height:1.14; margin:0 0 18px; }
.page-systems h3 { font-size:20px; font-weight:500; letter-spacing:-.01em; line-height:1.3; margin:0 0 10px; }
.page-systems .s-title-accent { color:var(--accent); font-style:normal; }
.page-systems .kicker { font-size:11.5px; letter-spacing:.24em; text-transform:uppercase; color:var(--accent); font-weight:600; margin:0 0 14px; }
.page-systems .lede { font-size:17.5px; line-height:1.6; max-width:58ch; margin:0; }
.page-systems .btn { background:var(--accent); color:var(--dark-2); padding:15px 30px; border-radius:8px; font-size:15px; font-weight:600; min-height:48px; display:inline-flex; align-items:center; justify-content:center; gap:9px; transition:background .22s,transform .22s; cursor:pointer; border:0; font-family:inherit; text-decoration:none; }
.page-systems .btn:hover { background:var(--accent-hover); transform:translateY(-2px); }
.page-systems .btn-ghost { background:transparent; color:var(--accent); border:1px solid color-mix(in srgb,var(--accent) 50%,transparent); }
.page-systems .btn-ghost:hover { background:color-mix(in srgb,var(--accent) 12%,transparent); transform:none; }
.page-systems section[class*="ground-"] { padding:96px 0; position:relative; overflow:hidden; }
.page-systems .ground-hero { background:var(--awd-gradient-hero); color:var(--inv); }
.page-systems section[class*="ground-"].ground-hero { padding-top:calc(var(--awd-header-h) + var(--wp-admin--admin-bar--height,0px) + 62px); padding-bottom:86px; }
.page-systems .ground-dark { background:var(--dark); color:var(--inv); }
.page-systems .ground-dark2 { background:var(--dark-2); color:var(--dim); }
.page-systems .ground-cream { background:var(--cream); color:var(--ink); }
.page-systems .ground-warm { background:var(--warm); color:var(--ink); }
.page-systems .ground-clay { background:var(--clay); color:var(--clay-body); }
.page-systems .ground-hero .lede, .page-systems .ground-dark .lede, .page-systems .ground-dark2 .lede { color:var(--dim); }
.page-systems .ground-cream .lede, .page-systems .ground-warm .lede { color:var(--body); }
.page-systems .ground-clay .lede { color:var(--clay-body); }
.page-systems .ground-dark h2, .page-systems .ground-hero h2 { color:var(--inv); }
.page-systems .ground-clay h2 { color:var(--clay-ink); }
.page-systems .ground-clay .kicker { color:var(--clay-kicker); }
.page-systems .ground-clay .s-title-accent { color:var(--clay-ink); }
.page-systems .ground-cream::before, .page-systems .ground-warm::before { content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(80% 60% at 85% -10%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 60%); }
.page-systems .ground-warm::before { background:radial-gradient(70% 60% at 10% 0%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 62%); }
.page-systems .wrap { max-width:1120px; padding:0 24px; position:relative; z-index:2; }
.s-section-head { max-width:760px; }
.s-section-head .lede { margin-top:16px; }
.s-narrow { max-width:850px !important; }
.page-systems [hidden] { display:none !important; }
.s-hero { display:grid; grid-template-columns:14px minmax(0,1fr); gap:36px; align-items:stretch; }
.s-rail { background:var(--rail); border-radius:2px; min-height:260px; position:relative; overflow:hidden; }
.s-rail::after { content:""; position:absolute; left:0; right:0; height:44%; background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--accent) 62%,transparent),transparent); animation:s-rail-travel 8s cubic-bezier(.45,0,.55,1) infinite; }
@keyframes s-rail-travel { 0% { top:-44%; } 100% { top:100%; } }
.s-hero-grid { display:grid; grid-template-columns:1.04fr .96fr; gap:58px; align-items:center; }
.s-hero-grid > * { min-width:0; }
.s-cta-row { display:flex; flex-wrap:wrap; gap:14px; margin-top:30px; }
.s-flow-card { background:color-mix(in srgb,var(--inv) 5%,transparent); border:1px solid color-mix(in srgb,var(--accent) 25%,transparent); border-radius:16px; padding:24px; box-shadow:0 28px 70px color-mix(in srgb,var(--dark) 65%,transparent); }
.s-flow-head { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-bottom:18px; margin-bottom:20px; border-bottom:1px solid var(--rail); color:var(--inv); font-size:13px; font-weight:600; }
.s-live { display:inline-flex; align-items:center; gap:7px; color:var(--dim); font-size:11px; letter-spacing:.12em; text-transform:uppercase; }
.s-live i { width:7px; height:7px; border-radius:50%; background:var(--accent); box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 13%,transparent); animation:s-live-pulse 2.4s ease infinite; }
@keyframes s-live-pulse { 50% { box-shadow:0 0 0 9px transparent; } }
.s-flow { display:flex; flex-direction:column; }
.s-flow-node { border:1px solid var(--rail); background:var(--dark-2); border-radius:11px; padding:14px 16px; }
.s-flow-node span { display:flex; align-items:center; gap:10px; color:var(--inv); }
.s-flow-node svg { color:var(--accent); flex:none; }
.s-flow-node b { font-size:14.5px; font-weight:600; }
.s-flow-node small { display:block; margin:4px 0 0 32px; color:var(--dim); font-size:12.5px; }
.s-flow-line { width:2px; height:24px; background:var(--rail); margin-left:27px; position:relative; overflow:hidden; }
.s-flow-line i { position:absolute; left:0; top:-9px; width:2px; height:9px; background:var(--accent); animation:s-flow-travel 2.8s ease-in-out infinite; }
.s-flow-line:nth-of-type(2) i { animation-delay:1.4s; }
@keyframes s-flow-travel { 0%,22% { transform:translateY(-10px); } 58%,100% { transform:translateY(35px); } }
.s-flow-foot { margin:18px 0 0; display:flex; align-items:flex-start; gap:10px; color:var(--dim); font-size:12.5px; }
.s-flow-foot span { color:var(--accent); font-weight:700; }
.page-systems section.s-proof-strip { padding:0; }
.s-stats { display:grid; grid-template-columns:repeat(5,1fr); gap:0; padding-top:30px !important; padding-bottom:30px !important; }
.s-stats > div { padding:5px 22px; border-left:1px solid var(--hair); }
.s-stats > div:first-child { border-left:0; padding-left:0; }
.s-stats b { display:block; color:var(--accent); font-family:var(--awd-font-display); font-size:29px; font-weight:500; line-height:1; }
.s-stats span { display:block; margin-top:7px; color:var(--dim); font-size:12.5px; line-height:1.35; }
.s-own-grid { display:grid; grid-template-columns:minmax(0,1fr) 94px minmax(0,1fr); gap:22px; align-items:center; margin-top:42px; }
.s-own-card { border:1px solid var(--edge); border-radius:16px; padding:30px; background:var(--card); min-height:100%; }
.s-own-card.is-rented { background:color-mix(in srgb,var(--warm) 55%,var(--card)); }
.s-own-card.is-owned { border-color:color-mix(in srgb,var(--accent) 55%,var(--edge)); box-shadow:inset 0 4px 0 var(--accent); }
.s-card-kicker { font-size:11px; text-transform:uppercase; letter-spacing:.17em; color:var(--muted); margin:0 0 9px; font-weight:600; }
.s-own-card h3 { font-size:23px; margin-bottom:22px; }
.s-cost-line { display:flex; justify-content:space-between; gap:18px; padding:10px 0; border-bottom:1px dashed var(--edge); color:var(--body); font-size:14.5px; }
.s-cost-line b { color:var(--ink); font-weight:600; white-space:nowrap; }
.s-cost-total { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin:20px -10px 16px; padding:17px 10px; border-radius:9px; background:var(--warm); }
.is-owned .s-cost-total { background:var(--pill); }
.s-cost-total span { font-size:12.5px; max-width:18ch; }
.s-cost-total b { font-family:var(--awd-font-display); font-size:24px; font-weight:500; color:var(--ink); white-space:nowrap; }
.s-own-card > p:last-child { margin:15px 0 0; color:var(--body); font-size:14px; }
.s-own-arrow { text-align:center; color:var(--accent-ink); }
.s-own-arrow span { display:block; font-family:var(--awd-font-display); font-size:40px; line-height:1; }
.s-own-arrow small { display:block; font-size:10px; line-height:1.35; text-transform:uppercase; letter-spacing:.1em; margin-top:8px; }
.s-builder { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(290px,.72fr); gap:28px; align-items:start; margin-top:42px; }
.s-builder-main { min-width:0; }
.s-filters { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:20px; }
.s-filter { min-height:44px; padding:9px 17px; border:1px solid var(--edge); border-radius:999px; background:var(--card); color:var(--body); font:500 13.5px/1 var(--awd-font-body); cursor:pointer; transition:border-color .2s,background .2s,color .2s; }
.s-filter:hover { border-color:var(--accent); }
.s-filter.is-on { background:var(--accent); color:var(--dark-2); border-color:var(--accent); }
.s-module-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.s-module { position:relative; display:grid; grid-template-columns:38px minmax(0,1fr) auto; grid-template-rows:auto auto; gap:4px 12px; align-items:start; width:100%; min-height:118px; padding:17px 42px 15px 16px; border:1px solid var(--edge); border-radius:12px; background:var(--card); color:var(--ink); text-align:left; font-family:var(--awd-font-body); cursor:pointer; transition:border-color .2s,box-shadow .2s,transform .2s,background .2s; }
.s-module:hover { border-color:color-mix(in srgb,var(--accent) 65%,var(--edge)); transform:translateY(-2px); box-shadow:0 10px 24px color-mix(in srgb,var(--ink) 8%,transparent); }
.s-module.is-selected { border-color:var(--accent); background:color-mix(in srgb,var(--pill) 68%,var(--card)); box-shadow:inset 0 0 0 1px var(--accent); }
.s-module-icon { grid-row:1 / 3; width:38px; height:38px; display:flex; align-items:center; justify-content:center; border-radius:10px; background:var(--warm-2); color:var(--accent-ink); }
.s-module-copy { min-width:0; }
.s-module-copy b { display:block; font-size:14px; line-height:1.35; font-weight:600; }
.s-module-copy small { display:block; color:var(--body); font-size:12.5px; line-height:1.4; margin-top:4px; }
.s-module-price { grid-column:2; align-self:end; color:var(--accent-ink); font-size:12.5px; font-weight:600; }
.s-module-mark { position:absolute; top:14px; right:14px; width:24px; height:24px; display:flex; align-items:center; justify-content:center; border:1px solid var(--edge); border-radius:50%; color:var(--muted); font-size:18px; line-height:1; transition:all .2s; }
.s-module.is-selected .s-module-mark { background:var(--accent); border-color:var(--accent); color:var(--dark-2); transform:rotate(45deg); }
.s-summary { position:sticky; top:calc(var(--awd-header-h) + 22px); border-radius:15px; background:var(--dark); color:var(--inv); padding:26px; box-shadow:0 24px 54px color-mix(in srgb,var(--ink) 16%,transparent); }
.s-summary-step { margin:0 0 7px; color:var(--accent); text-transform:uppercase; letter-spacing:.16em; font-size:10.5px; font-weight:600; }
.s-summary h3 { font-size:22px; color:var(--inv); }
.s-summary-empty { color:var(--dim); font-size:14px; margin:12px 0 22px; }
.s-summary-list { list-style:none; padding:0; margin:18px 0; }
.s-summary-list li { display:flex; justify-content:space-between; gap:12px; padding:9px 0; border-bottom:1px solid var(--rail); color:var(--dim); font-size:12.5px; }
.s-summary-list li span:first-child { color:var(--inv); }
.s-summary-total { padding:17px 0; margin-top:12px; border-top:1px solid var(--rail); border-bottom:1px solid var(--rail); }
.s-summary-total > span { display:block; color:var(--dim); font-size:11.5px; }
.s-summary-total strong { display:flex; align-items:baseline; flex-wrap:wrap; gap:8px; color:var(--accent); font-family:var(--awd-font-display); font-size:30px; font-weight:500; line-height:1.2; margin-top:5px; }
.s-summary-total i { color:var(--dim); font-style:normal; font-size:18px; }
.s-support { color:var(--dim); font-size:12.5px; line-height:1.5; margin:18px 0; }
.s-summary .btn { width:100%; }
.s-fine { color:var(--muted); font-size:11.5px; line-height:1.45; margin:12px 0 0; }
.s-kind-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:40px; }
.s-kind-grid article { position:relative; padding:28px; border:1px solid var(--hair); border-radius:15px; background:var(--dark-2); overflow:hidden; }
.s-kind-grid article > span { display:block; color:var(--accent); font-family:var(--awd-font-display); font-size:18px; margin-bottom:34px; }
.s-kind-grid h3 { color:var(--inv); font-size:24px; }
.s-kind-grid p { color:var(--dim); font-size:15px; margin:0 0 20px; }
.s-kind-grid small { display:block; padding-top:16px; border-top:1px solid var(--hair); color:var(--accent); font-size:12.5px; }
.s-demo-grid { display:grid; grid-template-columns:.82fr 1.18fr; gap:62px; align-items:center; }
.s-demo-tabs { display:flex; flex-wrap:wrap; gap:8px; margin-top:28px; }
.s-demo-tab { min-height:44px; padding:9px 16px; border:1px solid var(--edge); border-radius:999px; background:var(--card); color:var(--body); font:500 13px/1 var(--awd-font-body); cursor:pointer; }
.s-demo-tab.is-on { background:var(--accent); border-color:var(--accent); color:var(--dark-2); }
.s-demo-stage { background:var(--dark); border-radius:16px; color:var(--inv); padding:28px; min-height:440px; display:flex; }
.s-demo-panel { width:100%; }
.s-demo-label { margin:0 0 23px; color:var(--accent); font-size:11px; text-transform:uppercase; letter-spacing:.17em; }
.s-demo-panel ol { list-style:none; padding:0; margin:0; }
.s-demo-panel li { display:grid; grid-template-columns:38px 1fr; gap:14px; align-items:center; position:relative; padding-bottom:31px; }
.s-demo-panel li:not(:last-child)::after { content:""; position:absolute; left:18px; top:41px; bottom:4px; width:2px; background:var(--rail); }
.s-demo-panel li > span { width:38px; height:38px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:color-mix(in srgb,var(--accent) 14%,transparent); border:1px solid color-mix(in srgb,var(--accent) 42%,transparent); color:var(--accent); font-family:var(--awd-font-display); }
.s-demo-panel li b { display:block; font-size:14.5px; }
.s-demo-panel li small { display:block; color:var(--dim); font-size:12.5px; margin-top:3px; }
.s-demo-result { display:flex; align-items:flex-start; gap:10px; margin:5px 0 0; padding:16px; border-radius:10px; background:color-mix(in srgb,var(--accent) 11%,transparent); color:var(--inv); font-size:13px; }
.s-demo-result span { color:var(--accent); font-weight:700; }
.s-software-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:38px; }
.s-software { display:flex; gap:15px; padding:22px; border-radius:14px; background:var(--card); border:1px solid var(--edge); transition:transform .28s,box-shadow .28s; }
.s-software:hover { transform:translateY(-5px); box-shadow:0 22px 46px color-mix(in srgb,var(--ink) 13%,transparent); }
.s-software-mark { flex:0 0 44px; width:44px; height:44px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center; background:var(--warm-2); color:var(--accent-ink); }
.s-software-mark svg { width:24px; height:24px; display:block; }
.s-software-mark > b { font-family:var(--awd-font-display); font-size:16px; font-weight:500; }
.s-software > div { min-width:0; }
.s-software h3 { display:flex; align-items:center; flex-wrap:wrap; gap:7px; margin:0 0 5px; font:600 15px/1.35 var(--awd-font-body); }
.s-software h3 a { color:inherit; text-decoration:none; }
.s-software h3 a:hover { color:var(--accent-ink); }
.s-software p { margin:0; color:var(--body); font-size:14px; line-height:1.45; }
.s-ai-chip { padding:2px 7px; border-radius:999px; background:var(--accent); color:var(--dark-2); font-size:9px; letter-spacing:.1em; }
.s-proof-chip { display:inline-flex; align-items:baseline; gap:5px; margin:11px 0 0; padding:4px 10px; border-radius:999px; background:var(--pill); color:var(--ink); font-size:11.5px; }
.s-proof-chip b { font-family:var(--awd-font-display); font-size:14px; font-weight:500; }
.s-project-link { display:block; width:max-content; margin-top:11px; color:var(--accent-ink); font-size:12.5px; font-weight:600; }
.s-more-work { margin:24px 0 0; }
.s-more-work a { color:var(--accent-ink); font-weight:600; }
.s-ai-grid { display:grid; grid-template-columns:.82fr 1.18fr; gap:58px; align-items:start; }
.s-ai-options { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.s-ai-options article { padding:26px; border:1px solid var(--hair); border-radius:15px; background:var(--dark-2); }
.s-ai-no { display:block; color:var(--accent); font-family:var(--awd-font-display); font-size:17px; margin-bottom:24px; }
.s-ai-options h3 { color:var(--inv); }
.s-ai-options p { color:var(--dim); font-size:14px; margin:0 0 20px; }
.s-ai-options ul { list-style:none; padding:0; margin:0; }
.s-ai-options li { position:relative; padding:8px 0 8px 18px; border-top:1px solid var(--hair); color:var(--dim); font-size:12.5px; }
.s-ai-options li::before { content:"✓"; position:absolute; left:0; color:var(--accent); }
.s-connect-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:62px; align-items:center; }
.s-connect-map { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; position:relative; }
.s-connect-map span { min-height:74px; display:flex; align-items:center; justify-content:center; padding:12px; text-align:center; border:1px solid var(--edge); border-radius:12px; background:var(--card); color:var(--body); font-size:13px; }
.s-connect-map .s-connect-core { grid-column:2; grid-row:1 / 3; min-height:160px; background:var(--dark); border-color:var(--dark); color:var(--accent); font-family:var(--awd-font-display); font-size:22px; box-shadow:0 20px 42px color-mix(in srgb,var(--ink) 13%,transparent); }
.s-process { position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:30px; margin-top:48px; padding-top:32px; }
.s-process-line { position:absolute; top:10px; left:12.5%; right:12.5%; height:2px; background:color-mix(in srgb,var(--clay-ink) 25%,transparent); overflow:hidden; }
.s-process-line i { position:absolute; inset:0; background:var(--clay-ink); transform:translateX(-100%); animation:s-process-run 8s ease-in-out infinite; }
@keyframes s-process-run { 0%,8% { transform:translateX(-100%); } 78%,100% { transform:translateX(100%); } }
.s-process article { position:relative; }
.s-process article > span { position:absolute; top:-29px; left:0; width:18px; height:18px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:var(--clay-ink); color:var(--clay); font-size:10px; font-weight:700; }
.s-process h3 { color:var(--clay-ink); font-size:17px; }
.s-process p { color:var(--clay-body); font-size:13.5px; margin:0; }
.s-faqs { margin-top:34px; border-top:1px solid var(--edge); }
.s-faqs details { border-bottom:1px solid var(--edge); }
.s-faqs summary { position:relative; list-style:none; cursor:pointer; padding:20px 48px 20px 0; color:var(--ink); font-weight:600; font-size:16px; }
.s-faqs summary::-webkit-details-marker { display:none; }
.s-faqs summary::after { content:"+"; position:absolute; right:10px; top:17px; color:var(--accent-ink); font-size:24px; font-weight:300; }
.s-faqs details[open] summary::after { content:"−"; }
.s-faqs details > div { padding:0 50px 20px 0; color:var(--body); font-size:15px; max-width:68ch; }
.s-faqs details > div p { margin:0; }
.s-close-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:60px; align-items:end; }
.s-close-grid h2 { max-width:16ch; }
.s-close-actions { display:flex; flex-direction:column; align-items:flex-start; gap:16px; padding-left:32px; border-left:1px solid var(--hair); }
.s-close-actions > a:not(.btn) { color:var(--accent); font-weight:600; }
.s-close-actions small { color:var(--dim); }
.page-systems button:focus-visible, .page-systems a:focus-visible, .page-systems summary:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
@media(max-width:980px) {
.page-systems section[class*="ground-"] { padding:72px 0; }
.page-systems section[class*="ground-"].ground-hero { padding-top:calc(var(--awd-header-h) + var(--wp-admin--admin-bar--height,0px) + 46px); }
.s-hero-grid { grid-template-columns:1fr; gap:42px; }
.s-flow-card { max-width:620px; }
.s-stats { grid-template-columns:repeat(3,1fr); row-gap:22px; }
.s-stats > div:nth-child(4) { border-left:0; padding-left:0; }
.s-own-grid { grid-template-columns:1fr 62px 1fr; gap:14px; }
.s-builder { grid-template-columns:1fr; }
.s-summary { position:relative; top:auto; }
.s-demo-grid, .s-ai-grid, .s-connect-grid { grid-template-columns:1fr; gap:38px; }
.s-software-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.s-process { grid-template-columns:repeat(2,1fr); row-gap:54px; }
.s-process-line { display:none; }
.s-process article > span { top:-28px; }
}
@media(max-width:700px) {
.page-systems .wrap { padding-left:20px; padding-right:20px; }
.s-hero { grid-template-columns:8px minmax(0,1fr); gap:20px; }
.s-rail { min-height:220px; }
.s-stats { grid-template-columns:repeat(2,1fr); }
.s-stats > div { border-left:0; padding:5px 12px 5px 0; }
.s-own-grid { grid-template-columns:1fr; }
.s-own-arrow { transform:rotate(90deg); padding:5px 0; }
.s-own-arrow small { display:none; }
.s-module-grid { grid-template-columns:1fr; }
.s-kind-grid { grid-template-columns:1fr; }
.s-software-grid { grid-template-columns:1fr; }
.s-ai-options { grid-template-columns:1fr; }
.s-connect-map { grid-template-columns:1fr 1fr; }
.s-connect-map .s-connect-core { grid-column:1 / -1; grid-row:auto; min-height:90px; }
.s-process { grid-template-columns:1fr; }
.s-close-grid { grid-template-columns:1fr; gap:34px; }
.s-close-actions { padding:25px 0 0; border-left:0; border-top:1px solid var(--hair); }
}
@media(max-width:520px) {
.page-systems h1 { font-size:38px; }
.s-cta-row .btn, .s-close-actions .btn { width:100%; }
.s-flow-card, .s-own-card, .s-summary, .s-demo-stage, .s-ai-options article { padding:21px; }
.s-module { min-height:110px; }
.s-summary-total strong { font-size:26px; }
}
@media(prefers-reduced-motion:reduce) {
.s-rail::after, .s-live i, .s-flow-line i, .s-process-line i { animation:none; }
.s-rail::after { top:18%; }
.s-flow-line i { top:8px; }
.s-module, .s-software { transition:none; }
.s-module:hover, .s-software:hover { transform:none; }
}