/* smartcodegroup.com theme "flood" (2026-10-29): style + layout, CSS only (HTML/text unchanged).
   One audited variant (frontend-design skill), redo v2 with own skeleton, logo and favicon. Fonts self-hosted from Google Fonts (SIL OFL). */
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/barlow-condensed-600-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/barlow-condensed-600-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/barlow-condensed-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/barlow-condensed-700-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/barlow-condensed-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/barlow-condensed-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* _reset.css — neutralise theme-dispatch quirks from site.css */
body.theme-dispatch{--bg:#eef0ea!important;--ink:#12292d!important;--accent:#b13f00!important}
body.theme-dispatch main.wrap{width:100%;max-width:none;margin:0}
body.theme-dispatch .home-hero{display:flex;max-width:none;margin:0;min-height:0;grid-template-columns:none}
body.theme-dispatch .hero-copy{display:flex;grid-template-columns:none;column-gap:0}
body.theme-dispatch .primary,body.theme-dispatch .brand-symbol{color:#111}
body.theme-dispatch .feature-list li{border:0;border-radius:0}
body.theme-dispatch .workspace{transform:none;box-shadow:none}
body.theme-dispatch h1,body.theme-dispatch h2,body.theme-dispatch h3{hyphens:manual;overflow-wrap:break-word}

/* v1-flood.css — "Flood gate": traffic as water, page as a funnel of levee bands */
body.theme-dispatch{
  --deep:#0a2f35;--water:#0f4a52;--mid:#1a7a85;--foam:#8fd4cf;--conc:#c3c8c0;--conc-d:#9aa39d;--panel:#eef0ea;
  --khaki:#c9b27a;--orange:#ff6a1a;--oink:#b13f00;--ink2:#35504f;
  --disp:"Barlow Condensed","Arial Narrow",Inter,system-ui,sans-serif;
  background:linear-gradient(180deg,rgba(10,47,53,0) 0,rgba(10,47,53,.35) 25%,#0a2f35 72%),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22320%22 height=%22160%22 viewBox=%220 0 320 160%22%3E%3Cpath d=%22M0 12 q40 -5 80 0 t80 0 t80 0 t80 0%22 fill=%22none%22 stroke=%22%238fd4cf%22 stroke-opacity=%22.16%22 stroke-width=%222%22/%3E%3Cpath d=%22M0 34 q40 -7 80 0 t80 0 t80 0 t80 0%22 fill=%22none%22 stroke=%22%238fd4cf%22 stroke-opacity=%22.16%22 stroke-width=%222%22/%3E%3Cpath d=%22M0 56 q40 -9 80 0 t80 0 t80 0 t80 0%22 fill=%22none%22 stroke=%22%238fd4cf%22 stroke-opacity=%22.16%22 stroke-width=%222%22/%3E%3Cpath d=%22M0 78 q40 -5 80 0 t80 0 t80 0 t80 0%22 fill=%22none%22 stroke=%22%238fd4cf%22 stroke-opacity=%22.16%22 stroke-width=%222%22/%3E%3Cpath d=%22M0 100 q40 -7 80 0 t80 0 t80 0 t80 0%22 fill=%22none%22 stroke=%22%238fd4cf%22 stroke-opacity=%22.16%22 stroke-width=%222%22/%3E%3Cpath d=%22M0 122 q40 -9 80 0 t80 0 t80 0 t80 0%22 fill=%22none%22 stroke=%22%238fd4cf%22 stroke-opacity=%22.16%22 stroke-width=%222%22/%3E%3Cpath d=%22M0 144 q40 -5 80 0 t80 0 t80 0 t80 0%22 fill=%22none%22 stroke=%22%238fd4cf%22 stroke-opacity=%22.16%22 stroke-width=%222%22/%3E%3C/svg%3E") 0 0/320px 160px repeat,#0f4a52;
  color:var(--ink);overflow-x:clip;
}
html:is([lang=ru],[lang=uk],[lang=ar],[lang=hi],[lang=th],[lang=ja],[lang=ko]) body.theme-dispatch{--disp:Inter,system-ui,sans-serif}
html:is([lang=ru],[lang=uk],[lang=ar],[lang=hi],[lang=th],[lang=ja],[lang=ko]) body.theme-dispatch :is(h1,h2,h3,.number,.main-nav a,.cards h3,.steps .number){font-weight:800;letter-spacing:-.02em}

html{background:#0a2f35}
/* ---------- header: slim concrete bar ---------- */
body.theme-dispatch .header{width:100%;max-width:none;margin:0;min-height:64px;padding:8px max(18px,calc((100% - 1200px)/2));gap:24px;background:#d6dad3;border-bottom:0;color:var(--deep)}
body.theme-dispatch .brand{font-family:"Barlow Condensed","Arial Narrow",Inter,system-ui,sans-serif;font-weight:700;font-size:27px;letter-spacing:0;color:var(--deep);gap:10px}
body.theme-dispatch .brand-symbol{width:40px;height:40px;border-radius:0;background:none;color:var(--water);display:block;font-size:0;line-height:0}
body.theme-dispatch .brand-symbol svg{display:block;width:100%;height:100%}
body.theme-dispatch .main-nav{margin-inline:auto 0;gap:30px;font:600 18px/1 var(--disp);letter-spacing:.01em}
body.theme-dispatch .main-nav a{opacity:1;color:#1e4249;padding:8px 0}
body.theme-dispatch .main-nav a:hover,body.theme-dispatch .main-nav a[aria-current]{text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:3px;text-underline-offset:7px}
body.theme-dispatch .language select{border:1px solid var(--conc-d);border-radius:0;color:var(--deep);padding:8px 6px}

/* ---------- hero: the flood meets the sluice gate ---------- */
body.theme-dispatch main.wrap>.hero{position:relative;width:100%;max-width:none;margin:0;padding:188px 18px 22px;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center;color:#fff;
  background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1600 280%22 preserveAspectRatio=%22none%22%3E%3Cpath vector-effect=%22non-scaling-stroke%22 d=%22M8 0 L12 11 L24 21 L44 30 L69 38 L100 45 L135 52 L174 58 L215 63 L258 68 L302 74 L346 79 L389 84 L430 90 L469 96 L504 102 L535 110 L560 118 L580 128 L592 138 L596 150 L596 172 L0 172 L0 -4Z%22 fill=%22%23072226%22/%3E%3Cpath vector-effect=%22non-scaling-stroke%22 d=%22M1592 0 L1588 11 L1576 21 L1556 30 L1531 38 L1500 45 L1465 52 L1426 58 L1385 63 L1342 68 L1298 74 L1254 79 L1211 84 L1170 90 L1131 96 L1096 102 L1065 110 L1040 118 L1020 128 L1008 138 L1004 150 L1004 172 L1600 172 L1600 -4Z%22 fill=%22%23072226%22/%3E%3Cg fill=%22none%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath vector-effect=%22non-scaling-stroke%22 d=%22M30 -4 L50 6 L63 15 L67 23 L67 30 L76 36 L98 43 L135 48 L177 53 L218 58 L251 62 L279 67 L305 71 L337 74 L375 78 L417 82 L458 87 L494 91 L524 95 L550 100 L575 106 L599 111 L621 118 L640 125 L653 132 L661 141 L663 150%22 stroke=%22%236cc7c4%22 stroke-opacity=%22.75%22 stroke-width=%222%22/%3E%3Cpath vector-effect=%22non-scaling-stroke%22 d=%22M176 -4 L173 6 L162 15 L154 23 L159 30 L183 36 L218 43 L255 48 L284 53 L304 58 L320 62 L340 67 L368 71 L404 74 L443 78 L479 82 L508 87 L531 91 L552 95 L575 100 L598 106 L621 111 L641 118 L655 125 L665 132 L671 141 L673 150%22 stroke=%22%236cc7c4%22 stroke-opacity=%22.75%22 stroke-width=%222%22/%3E%3Cpath vector-effect=%22non-scaling-stroke%22 d=%22M274 -4 L265 6 L263 15 L272 23 L291 30 L314 36 L336 43 L354 48 L368 53 L384 58 L405 62 L431 67 L461 71 L491 74 L517 78 L541 82 L562 87 L583 91 L605 95 L627 100 L648 106 L666 111 L680 118 L691 125 L699 132 L705 141 L707 150%22 stroke=%22%236cc7c4%22 stroke-opacity=%22.75%22 stroke-width=%222%22/%3E%3Cpath vector-effect=%22non-scaling-stroke%22 d=%22M374 -4 L371 6 L381 15 L399 23 L417 30 L430 36 L437 43 L442 48 L451 53 L468 58 L491 62 L516 67 L539 71 L557 74 L572 78 L586 82 L603 87 L622 91 L642 95 L660 100 L675 106 L686 111 L696 118 L704 125 L711 132 L715 141 L717 150%22 stroke=%22%236cc7c4%22 stroke-opacity=%22.75%22 stroke-width=%222%22/%3E%3Cpath vector-effect=%22non-scaling-stroke%22 d=%22M478 -4 L498 6 L522 15 L538 23 L539 30 L530 36 L524 43 L528 48 L546 53 L573 58 L597 62 L614 67 L621 71 L625 74 L633 78 L646 82 L665 87 L685 91 L701 95 L712 100 L719 106 L726 111 L733 118 L740 125 L747 132 L750 141 L751 150%22 stroke=%22%236cc7c4%22 stroke-opacity=%22.75%22 stroke-width=%222%22/%3E%3Cpath vector-effect=%22non-scaling-stroke%22 d=%22M627 -4 L640 6 L643 15 L635 23 L625 30 L621 36 L628 43 L643 48 L660 53 L672 58 L677 62 L678 67 L678 71 L683 74 L694 78 L707 82 L720 87 L728 91 L733 95 L736 100 L740 106 L745 111 L751 118 L756 125 L759 132 L761 141 L761 150%22 stroke=%22%236cc7c4%22 stroke-opacity=%22.75%22 stroke-width=%222%22/%3E%3Cpath vector-effect=%22non-scaling-stroke%22 d=%22M753 -4 L749 6 L741 15 L735 23 L734 30 L740 36 L750 43 L757 48 L760 53 L759 58 L757 62 L756 67 L760 71 L766 74 L773 78 L778 82 L780 87 L781 91 L781 95 L783 100 L786 106 L790 111 L792 118 L794 125 L794 132 L795 141 L795 150%22 stroke=%22%236cc7c4%22 stroke-opacity=%22.75%22 stroke-width=%222%22/%3E%3Cpath vector-effect=%22non-scaling-stroke%22 d=%22M867 -4 L848 6 L836 15 L839 23 L852 30 L865 36 L870 43 L862 48 L848 53 L834 58 L828 62 L830 67 L836 71 L840 74 L838 78 L830 82 L821 87 L814 91 L812 95 L813 100 L814 106 L813 111 L810 118 L807 125 L805 132 L805 141 L805 150%22 stroke=%22%236cc7c4%22 stroke-opacity=%22.75%22 stroke-width=%222%22/%3E%3Cpath vector-effect=%22non-scaling-stroke%22 d=%22M955 -4 L951 6 L963 15 L980 23 L989 30 L984 36 L966 43 L945 48 L930 53 L925 58 L928 62 L932 67 L929 71 L917 74 L901 78 L886 82 L877 87 L872 91 L871 95 L868 100 L862 106 L854 111 L847 118 L843 125 L840 132 L839 141 L839 150%22 stroke=%22%236cc7c4%22 stroke-opacity=%22.75%22 stroke-width=%222%22/%3E%3Cpath vector-effect=%22non-scaling-stroke%22 d=%22M1086 -4 L1094 6 L1101 15 L1099 23 L1088 30 L1071 36 L1055 43 L1043 48 L1036 53 L1030 58 L1021 62 L1007 67 L989 71 L970 74 L954 78 L940 82 L929 87 L919 91 L908 95 L895 100 L883 106 L872 111 L864 118 L858 125 L853 132 L850 141 L849 150%22 stroke=%22%236cc7c4%22 stroke-opacity=%22.75%22 stroke-width=%222%22/%3E%3Cpath vector-effect=%22non-scaling-stroke%22 d=%22M1222 -4 L1229 6 L1223 15 L1206 23 L1186 30 L1170 36 L1160 43 L1154 48 L1147 53 L1133 58 L1112 62 L1086 67 L1062 71 L1042 74 L1026 78 L1012 82 L997 87 L979 91 L960 95 L941 100 L925 106 L913 111 L904 118 L896 125 L889 132 L885 141 L883 150%22 stroke=%22%236cc7c4%22 stroke-opacity=%22.75%22 stroke-width=%222%22/%3E%3Cpath vector-effect=%22non-scaling-stroke%22 d=%22M1363 -4 L1347 6 L1319 15 L1295 23 L1282 30 L1281 36 L1281 43 L1273 48 L1250 53 L1216 58 L1180 62 L1149 67 L1127 71 L1111 74 L1094 78 L1072 82 L1045 87 L1015 91 L988 95 L966 100 L950 106 L936 111 L923 118 L911 125 L901 132 L895 141 L893 150%22 stroke=%22%236cc7c4%22 stroke-opacity=%22.75%22 stroke-width=%222%22/%3E%3Cpath vector-effect=%22non-scaling-stroke%22 d=%22M1454 -4 L1436 6 L1424 15 L1420 23 L1419 30 L1413 36 L1395 43 L1366 48 L1331 53 L1296 58 L1268 62 L1245 67 L1222 71 L1197 74 L1166 78 L1132 82 L1097 87 L1067 91 L1042 95 L1020 100 L1000 106 L980 111 L962 118 L946 125 L935 132 L929 141 L927 150%22 stroke=%22%236cc7c4%22 stroke-opacity=%22.75%22 stroke-width=%222%22/%3E%3Cpath vector-effect=%22non-scaling-stroke%22 d=%22M1559 -4 L1557 6 L1556 15 L1552 23 L1539 30 L1517 36 L1486 43 L1452 48 L1419 53 L1390 58 L1361 62 L1330 67 L1295 71 L1257 74 L1216 78 L1178 82 L1142 87 L1110 91 L1081 95 L1052 100 L1024 106 L999 111 L977 118 L960 125 L947 132 L940 141 L937 150%22 stroke=%22%236cc7c4%22 stroke-opacity=%22.75%22 stroke-width=%222%22/%3E%3Cpath vector-effect=%22non-scaling-stroke%22 d=%22M58 -4 L31 6 L13 15 L32 23 L77 30 L116 36 L130 43 L133 48 L152 53 L197 58 L250 62 L290 67 L314 71 L336 74 L372 78 L418 82 L462 87 L495 91 L519 95 L544 100 L574 106 L603 111 L626 118 L641 125 L652 132 L660 141 L663 150%22 stroke=%22%23fff%22 stroke-opacity=%22.38%22 stroke-width=%221.5%22 stroke-dasharray=%225 15%22/%3E%3Cpath vector-effect=%22non-scaling-stroke%22 d=%22M139 -4 L116 6 L137 15 L182 23 L212 30 L212 36 L203 43 L218 48 L261 53 L310 58 L340 62 L352 67 L366 71 L398 74 L442 78 L482 82 L508 87 L525 91 L547 95 L575 100 L605 106 L627 111 L641 118 L652 125 L663 132 L671 141 L673 150%22 stroke=%22%23fff%22 stroke-opacity=%22.38%22 stroke-width=%221.5%22 stroke-dasharray=%225 15%22/%3E%3Cpath vector-effect=%22non-scaling-stroke%22 d=%22M248 -4 L261 6 L284 15 L299 23 L299 30 L299 36 L314 43 L344 48 L376 53 L398 58 L411 62 L428 67 L456 71 L489 74 L519 78 L541 82 L559 87 L581 91 L606 95 L631 100 L650 106 L665 111 L678 118 L690 125 L700 132 L705 141 L707 150%22 stroke=%22%23fff%22 stroke-opacity=%22.38%22 stroke-width=%221.5%22 stroke-dasharray=%225 15%22/%3E%3Cpath vector-effect=%22non-scaling-stroke%22 d=%22M379 -4 L403 6 L410 15 L399 23 L391 30 L403 36 L432 43 L459 48 L471 53 L473 58 L483 62 L507 67 L537 71 L560 74 L574 78 L584 82 L601 87 L624 91 L646 95 L662 100 L672 106 L683 111 L694 118 L705 125 L712 132 L716 141 L717 150%22 stroke=%22%23fff%22 stroke-opacity=%22.38%22 stroke-width=%221.5%22 stroke-dasharray=%225 15%22/%3E%3Cpath vector-effect=%22non-scaling-stroke%22 d=%22M538 -4 L537 6 L504 15 L481 23 L496 30 L536 36 L565 43 L563 48 L548 53 L549 58 L577 62 L611 67 L631 71 L631 74 L631 78 L644 82 L669 87 L691 91 L702 95 L706 100 L712 106 L724 111 L736 118 L744 125 L748 132 L750 141 L751 150%22 stroke=%22%23fff%22 stroke-opacity=%22.38%22 stroke-width=%221.5%22 stroke-dasharray=%225 15%22/%3E%3Cpath vector-effect=%22non-scaling-stroke%22 d=%22M643 -4 L615 6 L600 15 L613 23 L642 30 L657 36 L649 43 L635 48 L637 53 L657 58 L679 62 L688 67 L684 71 L682 74 L691 78 L709 82 L723 87 L728 91 L728 95 L731 100 L740 106 L749 111 L755 118 L757 125 L758 132 L760 141 L761 150%22 stroke=%22%23fff%22 stroke-opacity=%22.38%22 stroke-width=%221.5%22 stroke-dasharray=%225 15%22/%3E%3Cpath vector-effect=%22non-scaling-stroke%22 d=%22M733 -4 L725 6 L735 15 L751 23 L757 30 L749 36 L739 43 L740 48 L752 53 L764 58 L766 62 L761 67 L758 71 L763 74 L773 78 L779 82 L780 87 L778 91 L779 95 L784 100 L789 106 L792 111 L792 118 L792 125 L794 132 L795 141 L795 150%22 stroke=%22%23fff%22 stroke-opacity=%22.38%22 stroke-width=%221.5%22 stroke-dasharray=%225 15%22/%3E%3Cpath vector-effect=%22non-scaling-stroke%22 d=%22M827 -4 L851 6 L881 15 L883 23 L857 30 L832 36 L832 43 L852 48 L867 53 L858 58 L836 62 L822 67 L827 71 L839 74 L841 78 L830 82 L817 87 L812 91 L816 95 L819 100 L817 106 L810 111 L806 118 L805 125 L806 132 L806 141 L805 150%22 stroke=%22%23fff%22 stroke-opacity=%22.38%22 stroke-width=%221.5%22 stroke-dasharray=%225 15%22/%3E%3Cpath vector-effect=%22non-scaling-stroke%22 d=%22M975 -4 L1008 6 L1003 15 L969 23 L941 30 L944 36 L967 43 L977 48 L959 53 L929 58 L912 62 L917 67 L927 71 L923 74 L903 78 L883 82 L875 87 L877 91 L877 95 L869 100 L857 106 L848 111 L846 118 L845 125 L843 132 L840 141 L839 150%22 stroke=%22%23fff%22 stroke-opacity=%22.38%22 stroke-width=%221.5%22 stroke-dasharray=%225 15%22/%3E%3Cpath vector-effect=%22non-scaling-stroke%22 d=%22M1114 -4 L1108 6 L1087 15 L1071 23 L1072 30 L1079 36 L1076 43 L1057 48 L1033 53 L1018 58 L1012 62 L1008 67 L994 71 L973 74 L952 78 L939 82 L931 87 L922 91 L908 95 L892 100 L880 106 L872 111 L866 118 L859 125 L853 132 L850 141 L849 150%22 stroke=%22%23fff%22 stroke-opacity=%22.38%22 stroke-width=%221.5%22 stroke-dasharray=%225 15%22/%3E%3Cpath vector-effect=%22non-scaling-stroke%22 d=%22M1228 -4 L1203 6 L1188 15 L1194 23 L1205 30 L1200 36 L1173 43 L1144 48 L1127 53 L1123 58 L1116 62 L1096 67 L1066 71 L1040 74 L1024 78 L1013 82 L999 87 L978 91 L955 95 L938 100 L927 106 L917 111 L906 118 L895 125 L888 132 L884 141 L883 150%22 stroke=%22%23fff%22 stroke-opacity=%22.38%22 stroke-width=%221.5%22 stroke-dasharray=%225 15%22/%3E%3Cpath vector-effect=%22non-scaling-stroke%22 d=%22M1308 -4 L1294 6 L1318 15 L1343 23 L1334 30 L1292 36 L1249 43 L1233 48 L1238 53 L1233 58 L1202 62 L1157 67 L1121 71 L1104 74 L1095 78 L1076 82 L1042 87 L1008 91 L984 95 L970 100 L957 106 L940 111 L921 118 L907 125 L899 132 L895 141 L893 150%22 stroke=%22%23fff%22 stroke-opacity=%22.38%22 stroke-width=%221.5%22 stroke-dasharray=%225 15%22/%3E%3Cpath vector-effect=%22non-scaling-stroke%22 d=%22M1426 -4 L1448 6 L1465 15 L1451 23 L1415 30 L1381 36 L1367 43 L1364 48 L1350 53 L1315 58 L1271 62 L1236 67 L1215 71 L1197 74 L1169 78 L1131 82 L1094 87 L1066 91 L1045 95 L1025 100 L1001 106 L977 111 L958 118 L945 125 L936 132 L930 141 L927 150%22 stroke=%22%23fff%22 stroke-opacity=%22.38%22 stroke-width=%221.5%22 stroke-dasharray=%225 15%22/%3E%3Cpath vector-effect=%22non-scaling-stroke%22 d=%22M1572 -4 L1582 6 L1570 15 L1542 23 L1517 30 L1502 36 L1490 43 L1468 48 L1431 53 L1389 58 L1353 62 L1324 67 L1296 71 L1259 74 L1217 78 L1176 82 L1142 87 L1113 91 L1083 95 L1052 100 L1022 106 L996 111 L977 118 L961 125 L948 132 L940 141 L937 150%22 stroke=%22%23fff%22 stroke-opacity=%22.38%22 stroke-width=%221.5%22 stroke-dasharray=%225 15%22/%3E%3C/g%3E%3Cpath vector-effect=%22non-scaling-stroke%22 d=%22M8 0 L12 11 L24 21 L44 30 L69 38 L100 45 L135 52 L174 58 L215 63 L258 68 L302 74 L346 79 L389 84 L430 90 L469 96 L504 102 L535 110 L560 118 L580 128 L592 138 L596 150%22 fill=%22none%22 stroke=%22%239aa39d%22 stroke-width=%225%22/%3E%3Cpath vector-effect=%22non-scaling-stroke%22 d=%22M1592 0 L1588 11 L1576 21 L1556 30 L1531 38 L1500 45 L1465 52 L1426 58 L1385 63 L1342 68 L1298 74 L1254 79 L1211 84 L1170 90 L1131 96 L1096 102 L1065 110 L1040 118 L1020 128 L1008 138 L1004 150%22 fill=%22none%22 stroke=%22%239aa39d%22 stroke-width=%225%22/%3E%3Cpath vector-effect=%22non-scaling-stroke%22 d=%22M0 172H596M1004 172H1600%22 stroke=%22%239aa39d%22 stroke-width=%224%22 fill=%22none%22/%3E%3Cg%3E%3Crect x=%22596%22 y=%22148%22 width=%2263%22 height=%2226%22 fill=%22%239aa39d%22/%3E%3Crect x=%22596%22 y=%22148%22 width=%2263%22 height=%225%22 fill=%22%23c3c8c0%22/%3E%3Crect x=%22677%22 y=%22148%22 width=%2226%22 height=%2226%22 fill=%22%239aa39d%22/%3E%3Crect x=%22677%22 y=%22148%22 width=%2226%22 height=%225%22 fill=%22%23c3c8c0%22/%3E%3Crect x=%22721%22 y=%22148%22 width=%2226%22 height=%2226%22 fill=%22%239aa39d%22/%3E%3Crect x=%22721%22 y=%22148%22 width=%2226%22 height=%225%22 fill=%22%23c3c8c0%22/%3E%3Crect x=%22765%22 y=%22148%22 width=%2226%22 height=%2226%22 fill=%22%239aa39d%22/%3E%3Crect x=%22765%22 y=%22148%22 width=%2226%22 height=%225%22 fill=%22%23c3c8c0%22/%3E%3Crect x=%22809%22 y=%22148%22 width=%2226%22 height=%2226%22 fill=%22%239aa39d%22/%3E%3Crect x=%22809%22 y=%22148%22 width=%2226%22 height=%225%22 fill=%22%23c3c8c0%22/%3E%3Crect x=%22853%22 y=%22148%22 width=%2226%22 height=%2226%22 fill=%22%239aa39d%22/%3E%3Crect x=%22853%22 y=%22148%22 width=%2226%22 height=%225%22 fill=%22%23c3c8c0%22/%3E%3Crect x=%22897%22 y=%22148%22 width=%2226%22 height=%2226%22 fill=%22%239aa39d%22/%3E%3Crect x=%22897%22 y=%22148%22 width=%2226%22 height=%225%22 fill=%22%23c3c8c0%22/%3E%3Crect x=%22941%22 y=%22148%22 width=%2263%22 height=%2226%22 fill=%22%239aa39d%22/%3E%3Crect x=%22941%22 y=%22148%22 width=%2263%22 height=%225%22 fill=%22%23c3c8c0%22/%3E%3Crect x=%22655%22 y=%22132%22 width=%2226%22 height=%2214%22 fill=%22%23ff6a1a%22/%3E%3Crect x=%22655%22 y=%22132%22 width=%2226%22 height=%223%22 fill=%22%23ffa366%22/%3E%3Crect x=%22699%22 y=%22132%22 width=%2226%22 height=%2214%22 fill=%22%23ff6a1a%22/%3E%3Crect x=%22699%22 y=%22132%22 width=%2226%22 height=%223%22 fill=%22%23ffa366%22/%3E%3Crect x=%22743%22 y=%22132%22 width=%2226%22 height=%2214%22 fill=%22%23ff6a1a%22/%3E%3Crect x=%22743%22 y=%22132%22 width=%2226%22 height=%223%22 fill=%22%23ffa366%22/%3E%3Crect x=%22787%22 y=%22132%22 width=%2226%22 height=%2214%22 fill=%22%23ff6a1a%22/%3E%3Crect x=%22787%22 y=%22132%22 width=%2226%22 height=%223%22 fill=%22%23ffa366%22/%3E%3Crect x=%22831%22 y=%22132%22 width=%2226%22 height=%2214%22 fill=%22%23ff6a1a%22/%3E%3Crect x=%22831%22 y=%22132%22 width=%2226%22 height=%223%22 fill=%22%23ffa366%22/%3E%3Crect x=%22875%22 y=%22132%22 width=%2226%22 height=%2214%22 fill=%22%23ff6a1a%22/%3E%3Crect x=%22875%22 y=%22132%22 width=%2226%22 height=%223%22 fill=%22%23ffa366%22/%3E%3Crect x=%22919%22 y=%22132%22 width=%2226%22 height=%2214%22 fill=%22%23ff6a1a%22/%3E%3Crect x=%22919%22 y=%22132%22 width=%2226%22 height=%223%22 fill=%22%23ffa366%22/%3E%3C/g%3E%3Cg fill=%22none%22 stroke-linecap=%22round%22%3E%3Cdefs%3E%3ClinearGradient id=%22f%22 gradientUnits=%22userSpaceOnUse%22 x1=%220%22 y1=%22174%22 x2=%220%22 y2=%22262%22%3E%3Cstop offset=%220%22 stop-color=%22%23bfeee9%22 stop-opacity=%22.9%22/%3E%3Cstop offset=%221%22 stop-color=%22%23bfeee9%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath vector-effect=%22non-scaling-stroke%22 d=%22M668 174V262%22 stroke=%22url(%23f)%22 stroke-width=%223%22/%3E%3Cpath vector-effect=%22non-scaling-stroke%22 d=%22M712 174V262%22 stroke=%22url(%23f)%22 stroke-width=%223%22/%3E%3Cpath vector-effect=%22non-scaling-stroke%22 d=%22M756 174V262%22 stroke=%22url(%23f)%22 stroke-width=%223%22/%3E%3Cpath vector-effect=%22non-scaling-stroke%22 d=%22M800 174V262%22 stroke=%22url(%23f)%22 stroke-width=%223%22/%3E%3Cpath vector-effect=%22non-scaling-stroke%22 d=%22M844 174V262%22 stroke=%22url(%23f)%22 stroke-width=%223%22/%3E%3Cpath vector-effect=%22non-scaling-stroke%22 d=%22M888 174V262%22 stroke=%22url(%23f)%22 stroke-width=%223%22/%3E%3Cpath vector-effect=%22non-scaling-stroke%22 d=%22M932 174V262%22 stroke=%22url(%23f)%22 stroke-width=%223%22/%3E%3Cpath vector-effect=%22non-scaling-stroke%22 d=%22M650 206H950%22 stroke=%22%238fd4cf%22 stroke-opacity=%220.22%22 stroke-width=%222%22/%3E%3Cpath vector-effect=%22non-scaling-stroke%22 d=%22M600 226H1000%22 stroke=%22%238fd4cf%22 stroke-opacity=%220.16%22 stroke-width=%222%22/%3E%3Cpath vector-effect=%22non-scaling-stroke%22 d=%22M540 246H1060%22 stroke=%22%238fd4cf%22 stroke-opacity=%220.1%22 stroke-width=%222%22/%3E%3C/g%3E%3C/svg%3E") center top/100% 214px no-repeat,repeating-linear-gradient(180deg,rgba(143,212,207,.08) 0 1px,transparent 1px 16px),linear-gradient(180deg,#0d4047 0,#0b373e 100%);overflow:hidden}
body.theme-dispatch main.wrap>.inner-hero{padding:128px 18px 46px;gap:0;min-height:0;background-size:100% 116px,auto,auto}
body.theme-dispatch .hero-copy{flex-direction:column;align-items:center;text-align:center;width:100%;max-width:900px;position:relative;z-index:1}
body.theme-dispatch .hero .eyebrow{display:inline-flex;margin:0 0 20px;padding:7px 14px 7px 11px;gap:9px;background:#d6dad3;color:var(--deep);text-transform:none;letter-spacing:0;font:650 14px/1.2 Inter,system-ui,sans-serif}
body.theme-dispatch .eyebrow i{width:8px;height:8px;border-radius:0;background:var(--orange);transform:rotate(45deg);flex:none}
body.theme-dispatch .hero h1{font:700 clamp(46px,5.8vw,80px)/.96 var(--disp);letter-spacing:0;color:#fff;margin:0 0 22px;max-width:15em;text-wrap:balance}
body.theme-dispatch .inner-hero h1{font-size:clamp(38px,5vw,66px);margin:0;max-width:17em}
html:is([lang=ru],[lang=uk],[lang=ar],[lang=hi],[lang=th],[lang=ja],[lang=ko]) body.theme-dispatch .hero h1{font-size:clamp(34px,4.6vw,62px);line-height:1.1}
html:is([lang=ru],[lang=uk],[lang=ar],[lang=hi],[lang=th],[lang=ja],[lang=ko]) body.theme-dispatch .inner-hero h1{font-size:clamp(30px,3.8vw,48px)}
body.theme-dispatch .hero-lead{color:#d3ebe8;opacity:1;max-width:780px;font-size:18px;line-height:1.55;margin:0 auto}
body.theme-dispatch .hero .actions{justify-content:center;margin-top:22px}
body.theme-dispatch .inner-hero .hero-number{position:absolute;inset-inline-end:max(24px,6%);bottom:8px;font:700 150px/.8 var(--disp);letter-spacing:0;color:#fff;opacity:.09;pointer-events:none}
body.theme-dispatch .home-hero .agent-run{width:min(1000px,100%);align-self:center;text-align:start}
body.theme-dispatch .home-hero .agent-run-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px}

/* ---------- buttons ---------- */
body.theme-dispatch .button{border-radius:0;font:700 15px/1.2 Inter,system-ui,sans-serif;padding:14px 22px;gap:12px}
body.theme-dispatch .primary{background:var(--orange);color:#111;box-shadow:0 4px 0 var(--oink)}
body.theme-dispatch .primary:hover{transform:translateY(-1px)}
body.theme-dispatch .secondary{border:1.5px solid rgba(18,41,45,.55);color:var(--ink)}
body.theme-dispatch .hero .secondary,body.theme-dispatch .closing .secondary{border-color:var(--foam);color:#fff}

/* ---------- levee bands: each band narrower than the one above ---------- */
body.theme-dispatch main.wrap>:not(.hero){--w:1160px;--lvl:50%;position:relative;width:min(var(--w),calc(100% - 24px));max-width:none;margin:0 auto;padding:26px clamp(18px,4.5vw,60px) 16px;
  background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2260%22 height=%2214%22 viewBox=%220 0 60 14%22%3E%3Crect x=%22.5%22 y=%22.5%22 width=%2228%22 height=%2213%22 rx=%226%22 fill=%22%23c9b27a%22 stroke=%22%238f7a47%22/%3E%3Crect x=%2230.5%22 y=%22.5%22 width=%2228%22 height=%2213%22 rx=%226%22 fill=%22%23bda56a%22 stroke=%22%238f7a47%22/%3E%3Cpath d=%22M8 7h12M38 7h12%22 stroke=%22%238f7a47%22 stroke-opacity=%22.5%22/%3E%3C/svg%3E") 0 0/auto 10px repeat-x,var(--panel);border:0;border-inline:6px solid var(--conc);border-radius:0;box-sizing:border-box;min-width:0}
body.theme-dispatch main.wrap>:nth-child(2){--w:1160px;--wave:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2228%22 height=%2210%22 viewBox=%220 0 28 10%22%3E%3Cpath d=%22M0 5q7 -8 14 0t14 0%22 fill=%22none%22 stroke=%22%23ff6a1a%22 stroke-width=%223%22/%3E%3C/svg%3E")}
body.theme-dispatch main.wrap>:nth-child(3){--w:1090px;--wave:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2228%22 height=%2210%22 viewBox=%220 0 28 10%22%3E%3Cpath d=%22M0 5q7 -8 14 0t14 0%22 fill=%22none%22 stroke=%22%23ff6a1a%22 stroke-width=%223%22/%3E%3C/svg%3E")}
body.theme-dispatch main.wrap>:nth-child(4){--w:1020px;--wave:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2228%22 height=%2210%22 viewBox=%220 0 28 10%22%3E%3Cpath d=%22M0 5q7 -8 14 0t14 0%22 fill=%22none%22 stroke=%22%23ff6a1a%22 stroke-width=%223%22/%3E%3C/svg%3E")}
body.theme-dispatch main.wrap>:nth-child(5){--w:950px;--wave:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2228%22 height=%2210%22 viewBox=%220 0 28 10%22%3E%3Cpath d=%22M0 5q7 -4 14 0t14 0%22 fill=%22none%22 stroke=%22%23ff6a1a%22 stroke-width=%223%22/%3E%3C/svg%3E")}
body.theme-dispatch main.wrap>:nth-child(6){--w:880px;--wave:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2228%22 height=%2210%22 viewBox=%220 0 28 10%22%3E%3Cpath d=%22M0 5q7 -4 14 0t14 0%22 fill=%22none%22 stroke=%22%23ff6a1a%22 stroke-width=%223%22/%3E%3C/svg%3E")}
body.theme-dispatch main.wrap>:nth-child(7){--w:810px;--wave:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2228%22 height=%2210%22 viewBox=%220 0 28 10%22%3E%3Cpath d=%22M0 5q7 -4 14 0t14 0%22 fill=%22none%22 stroke=%22%23ff6a1a%22 stroke-width=%223%22/%3E%3C/svg%3E")}
body.theme-dispatch main.wrap>:nth-child(8){--w:740px;--wave:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2228%22 height=%228%22 viewBox=%220 0 28 8%22%3E%3Cpath d=%22M0 4H28%22 stroke=%22%23ff6a1a%22 stroke-width=%223%22/%3E%3C/svg%3E")}
body.theme-dispatch main.wrap>:nth-child(9){--w:690px;--wave:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2228%22 height=%228%22 viewBox=%220 0 28 8%22%3E%3Cpath d=%22M0 4H28%22 stroke=%22%23ff6a1a%22 stroke-width=%223%22/%3E%3C/svg%3E")}
body.theme-dispatch main.wrap>:nth-child(n+10){--w:640px;--wave:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2228%22 height=%228%22 viewBox=%220 0 28 8%22%3E%3Cpath d=%22M0 4H28%22 stroke=%22%23ff6a1a%22 stroke-width=%223%22/%3E%3C/svg%3E")}
body.theme-dispatch:not(.page-0) main.wrap>:nth-child(2){--w:1040px}
body.theme-dispatch:not(.page-0) main.wrap>:nth-child(3){--w:980px}
body.theme-dispatch:not(.page-0) main.wrap>:nth-child(4){--w:920px}
body.theme-dispatch:not(.page-0) main.wrap>:nth-child(5){--w:860px}
body.theme-dispatch:not(.page-0) main.wrap>:nth-child(6){--w:800px}
body.theme-dispatch:not(.page-0) main.wrap>:nth-child(7){--w:760px}
body.theme-dispatch:not(.page-0) main.wrap>:nth-child(n+8){--w:700px}
body.theme-dispatch main.wrap>.closing{--w:660px}
body.theme-dispatch main.wrap>:not(.hero) h2{font:700 clamp(28px,3vw,40px)/1.05 var(--disp);letter-spacing:0;color:var(--deep);margin:0 0 .45em;max-width:20em}
body.theme-dispatch main.wrap>:not(.hero) h2::after{content:"";display:block;width:84px;height:10px;margin-top:8px;background:var(--wave) 0 50%/28px auto repeat-x}
body.theme-dispatch main.wrap>:not(.hero) h3{font:700 clamp(23px,2vw,28px)/1.1 var(--disp);letter-spacing:0;color:var(--water)}
body.theme-dispatch main.wrap>:not(.hero) p{opacity:1}
html:is([lang=ru],[lang=uk],[lang=ar],[lang=hi],[lang=th],[lang=ja],[lang=ko]) body.theme-dispatch main.wrap>:not(.hero) h2{font-size:clamp(26px,2.8vw,38px);line-height:1.2}
html:is([lang=ru],[lang=uk],[lang=ar],[lang=hi],[lang=th],[lang=ja],[lang=ko]) body.theme-dispatch main.wrap>:not(.hero) h3{font-size:21px;line-height:1.25}
body.theme-dispatch .eyebrow{text-transform:none;letter-spacing:0}

/* prose */
body.theme-dispatch .reading{max-width:none}
body.theme-dispatch .reading>p,body.theme-dispatch .reading>h3,body.theme-dispatch .reading>.notice,body.theme-dispatch .reading>ul:not(.feature-list),body.theme-dispatch .product-lead p,body.theme-dispatch .feature-matrix>p,body.theme-dispatch .split-section p{max-width:66ch}
body.theme-dispatch .reading p,body.theme-dispatch .large{color:#223c3f;opacity:1}
body.theme-dispatch .large{font-size:20px;line-height:1.6}
body.theme-dispatch .reading h3{margin:1.3em 0 .35em}
body.theme-dispatch main.wrap>.reading>h2:not(:first-child){margin-top:1.5em}
body.theme-dispatch .reading p{font-size:16.5px}
body.theme-dispatch .code-example+p{margin-top:16px}
body.theme-dispatch .notice{background:#f1e8cf;border-inline-start:5px solid var(--khaki);border-radius:0;color:var(--ink)}
body.theme-dispatch .feature-list{gap:14px}
body.theme-dispatch .feature-list li{background:#f6f7f3;border-inline-start:5px solid var(--khaki);padding:16px 20px;color:#223c3f}
body.theme-dispatch .feature-list strong{font:700 21px/1.1 var(--disp);color:var(--water);letter-spacing:0}
body.theme-dispatch .text-link{text-decoration:none;font-size:15px}
body.theme-dispatch .reading .text-link{display:block;margin:0;padding:8px 0;border-bottom:1px solid rgba(18,41,45,.2);color:var(--water);font-weight:600}
body.theme-dispatch .reading .text-link:hover{color:var(--oink);border-bottom-color:var(--orange)}
body.theme-dispatch .reading p:has(>.text-link){max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}

/* ---------- facts: staff gauges ---------- */
body.theme-dispatch main.wrap>.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(136px,1fr));gap:22px 0;padding-block:26px 12px}
body.theme-dispatch .cards article{position:relative;padding:4px 12px 4px 38px;border:0;border-radius:0;background:none;min-width:0;margin:0;transform:none}
body.theme-dispatch .cards article::before{content:"";position:absolute;inset-inline-start:6px;top:2px;bottom:2px;width:20px;
  background:repeating-linear-gradient(0deg,#12292d 0 2px,transparent 2px 40px) right top/20px 100% no-repeat,
  repeating-linear-gradient(0deg,#12292d 0 1px,transparent 1px 8px) right top/10px 100% no-repeat,
  linear-gradient(0deg,transparent calc(var(--lvl) - 4px),var(--orange) calc(var(--lvl) - 4px) var(--lvl),transparent var(--lvl)) left top/9px 100% no-repeat,
  linear-gradient(0deg,var(--mid) var(--lvl),transparent var(--lvl)) left top/9px 100% no-repeat}
[dir=rtl] body.theme-dispatch .cards article::before{transform:scaleX(-1)}
body.theme-dispatch .cards article:nth-child(1){--lvl:92%}
body.theme-dispatch .cards article:nth-child(2){--lvl:80%}
body.theme-dispatch .cards article:nth-child(3){--lvl:68%}
body.theme-dispatch .cards article:nth-child(4){--lvl:56%}
body.theme-dispatch .cards article:nth-child(5){--lvl:44%}
body.theme-dispatch .cards article:nth-child(6){--lvl:32%}
body.theme-dispatch .cards .number{display:flex;align-items:center;gap:7px;font:600 15px/1.2 var(--disp);letter-spacing:.02em;opacity:1;color:var(--water);margin:0 0 8px}
body.theme-dispatch .cards .number::before{content:"";width:7px;height:7px;background:var(--orange);transform:rotate(45deg);flex:none}
body.theme-dispatch .cards h3{font:700 clamp(25px,2.3vw,32px)/1 var(--disp);color:var(--deep);margin:0 0 7px}
html:is([lang=ru],[lang=uk],[lang=ar],[lang=hi],[lang=th],[lang=ja],[lang=ko]) body.theme-dispatch .cards h3{font-size:20px;line-height:1.2}
body.theme-dispatch .cards p{font-size:14px;line-height:1.45;color:var(--ink2);opacity:1}

/* ---------- keyword section: calm teal-tinted water ---------- */
body.theme-dispatch main.wrap>.scenario{--panel:#d9e9e6;margin-block:0}
body.theme-dispatch .scenario .eyebrow{display:inline-flex;background:var(--water);color:#fff;padding:6px 12px 6px 10px;margin:0 0 18px;font:650 13px/1.2 Inter,system-ui,sans-serif}
body.theme-dispatch .scenario p{max-width:74ch;font-size:17px;line-height:1.58;color:#1c3639}
body.theme-dispatch main.wrap>.product-lead{padding-block:58px 30px}

/* ---------- walkthrough steps: canal locks ---------- */
body.theme-dispatch .steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 32px}

body.theme-dispatch .steps article{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:16px;align-items:start;padding:0;border:0;position:relative;min-width:0}
body.theme-dispatch .steps article>*{grid-column:2;min-width:0}
body.theme-dispatch .steps article:nth-child(1){--lvl:14px}
body.theme-dispatch .steps article:nth-child(2){--lvl:32px}
body.theme-dispatch .steps article:nth-child(3){--lvl:50px}
body.theme-dispatch .steps article:nth-child(4){--lvl:68px}
body.theme-dispatch .steps .number{grid-column:1;grid-row:1/span 6;position:static;align-self:stretch;min-height:120px;display:flex;align-items:flex-end;justify-content:center;padding:0 0 12px;margin:0;opacity:1;
  font:700 30px/1 var(--disp);letter-spacing:0;color:#fff;
  border-inline:6px solid var(--conc);border-bottom:6px solid var(--orange);
  background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2248%22 height=%2212%22 viewBox=%220 0 48 12%22%3E%3Cpath d=%22M0 6Q12 0 24 6T48 6V12H0Z%22 fill=%22%231a7a85%22/%3E%3C/svg%3E") 0 var(--lvl)/48px 12px repeat-x,linear-gradient(180deg,transparent calc(var(--lvl) + 6px),var(--mid) calc(var(--lvl) + 6px),var(--water) 100%),#dfe5e0}
body.theme-dispatch .steps h3{margin:0 0 .35em}
body.theme-dispatch .steps p{font-size:14.5px;line-height:1.55;color:#223c3f;opacity:1;max-width:64ch}
body.theme-dispatch .steps article .code-example{margin-top:10px}
body.theme-dispatch .steps+p{margin-top:24px}

/* ---------- comparison table ---------- */
body.theme-dispatch .feature-matrix{padding-bottom:54px}
body.theme-dispatch .feature-matrix table{table-layout:fixed;width:100%;border-collapse:collapse;margin-top:6px}
body.theme-dispatch .feature-matrix thead th{background:var(--water);color:#fff;font:700 21px/1.1 var(--disp);letter-spacing:.01em;padding:11px 16px;border:0}
body.theme-dispatch .feature-matrix thead th:last-child{background:var(--deep);border-bottom:5px solid var(--orange)}
body.theme-dispatch .feature-matrix tbody th{font:700 22px/1.1 var(--disp);color:var(--water);padding:8px 16px;width:21%;letter-spacing:0}
body.theme-dispatch .feature-matrix td{padding:8px 16px;font-size:14.5px;line-height:1.55;color:#223c3f;border-bottom:1px solid rgba(18,41,45,.2)}
body.theme-dispatch .feature-matrix tbody th{border-bottom:1px solid rgba(18,41,45,.2)}
body.theme-dispatch .feature-matrix td:last-child{background:#d9e9e6;color:var(--ink);font-weight:500}

/* ---------- split / setup list: letters A–D (numbers are used by the locks) ---------- */
body.theme-dispatch .split-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:40px;align-items:start;padding-block:32px 22px}
body.theme-dispatch .split-section>h2{margin:0}
body.theme-dispatch .setup{list-style:none;counter-reset:lock;margin:0;padding:0}
body.theme-dispatch .setup li{counter-increment:lock;position:relative;padding:4px 0 24px;padding-inline-start:56px;font-size:16px;line-height:1.6;color:#223c3f}
body.theme-dispatch .setup li::before{content:counter(lock,upper-alpha);position:absolute;inset-inline-start:0;top:2px;width:36px;height:36px;display:grid;place-items:center;background:var(--water);color:#fff;font:700 19px/1 var(--disp);border-bottom:4px solid var(--orange)}
body.theme-dispatch .setup li:not(:last-child)::after{content:"";position:absolute;inset-inline-start:16px;top:42px;bottom:2px;width:4px;background:var(--mid);opacity:.55}
body.theme-dispatch .download-grid .setup li:last-child{padding-bottom:6px}

body.theme-dispatch .split-section:has(>.setup){grid-template-columns:minmax(0,1fr);gap:26px}
body.theme-dispatch .split-section>.setup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8px}
body.theme-dispatch .split-section>.setup li{padding:44px 24px 4px 0;padding-inline-start:0}
body.theme-dispatch .split-section>.setup li:nth-child(2n)::after{display:none}
body.theme-dispatch .split-section>.setup li::before{top:0}
body.theme-dispatch .split-section>.setup li:not(:last-child)::after{inset-inline-start:42px;inset-inline-end:8px;top:15px;bottom:auto;width:auto;height:4px}
/* ---------- FAQ: gate raised when open ---------- */
body.theme-dispatch .faq{margin:0;max-width:none}
body.theme-dispatch .faq details{border-top:1px solid rgba(18,41,45,.22);padding:0}
body.theme-dispatch .faq details:last-of-type{border-bottom:1px solid rgba(18,41,45,.22)}
body.theme-dispatch .faq summary{display:flex;align-items:flex-start;gap:16px;list-style:none;font:650 19px/1.4 Inter,system-ui,sans-serif;padding:8px 0;color:var(--deep)}
body.theme-dispatch .faq summary::-webkit-details-marker{display:none}
body.theme-dispatch .faq summary::before{content:"";flex:none;width:22px;height:26px;margin-top:1px;border:2px solid var(--deep);border-bottom-width:5px;background:linear-gradient(var(--orange),var(--orange)) 0 0/100% 100% no-repeat,var(--mid);transition:background-position .25s}
body.theme-dispatch .faq details[open] summary::before{background-position:0 -17px}
body.theme-dispatch .faq p{margin:0 0 12px;padding-inline-start:38px;max-width:62ch;color:#223c3f;font-size:16px;line-height:1.7}

/* ---------- closing: the calm channel ---------- */
body.theme-dispatch main.wrap>.closing{--panel:var(--water);text-align:center;color:#fff;padding-block:36px 32px;
  background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2260%22 height=%2214%22 viewBox=%220 0 60 14%22%3E%3Crect x=%22.5%22 y=%22.5%22 width=%2228%22 height=%2213%22 rx=%226%22 fill=%22%23c9b27a%22 stroke=%22%238f7a47%22/%3E%3Crect x=%2230.5%22 y=%22.5%22 width=%2228%22 height=%2213%22 rx=%226%22 fill=%22%23bda56a%22 stroke=%22%238f7a47%22/%3E%3Cpath d=%22M8 7h12M38 7h12%22 stroke=%22%238f7a47%22 stroke-opacity=%22.5%22/%3E%3C/svg%3E") 0 0/auto 10px repeat-x,repeating-linear-gradient(180deg,rgba(143,212,207,.1) 0 1px,transparent 1px 18px),linear-gradient(180deg,#0f4a52,#0b3a41)}
body.theme-dispatch .closing>span{display:inline-block;background:#d6dad3;color:var(--deep);padding:6px 12px;font:650 13px/1.2 Inter,system-ui,sans-serif;letter-spacing:0;text-transform:none}
body.theme-dispatch main.wrap>.closing h2{color:#fff;margin:12px auto 10px;max-width:none;font-size:clamp(34px,3.6vw,46px)}
body.theme-dispatch main.wrap>.closing h2::after{margin-inline:auto;width:84px;background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2228%22 height=%228%22 viewBox=%220 0 28 8%22%3E%3Cpath d=%22M0 4H28%22 stroke=%22%23ff6a1a%22 stroke-width=%223%22/%3E%3C/svg%3E")}
body.theme-dispatch .closing p{color:#d3ebe8;max-width:52ch;margin:0 auto 20px;font-size:16.5px;line-height:1.6}

/* ---------- models: canal diagram ---------- */
body.theme-dispatch .connection{display:flex;align-items:center;justify-content:space-between;gap:12px;font:700 clamp(18px,2.4vw,28px)/1.1 var(--disp);padding-block:50px;margin:0}
body.theme-dispatch .connection span{flex:1 1 0;min-width:0;text-align:center;border:0;border-radius:0;background:var(--water);color:#fff;padding:24px 14px;border-bottom:6px solid var(--orange)}
body.theme-dispatch .connection b{color:var(--oink);font-size:1.4em;flex:none}

/* ---------- download ---------- */
body.theme-dispatch .download-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:44px;margin-bottom:0;padding-block:58px 54px}
body.theme-dispatch .download-card{border:6px solid var(--conc);border-radius:0;background:var(--water);color:#fff;padding:36px 22px}
body.theme-dispatch .download-card h2,body.theme-dispatch main.wrap>.download-grid .download-card h2{color:#fff;margin-inline:auto;font-size:34px}
body.theme-dispatch .download-card h2::after{margin-inline:auto;background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2228%22 height=%2210%22 viewBox=%220 0 28 10%22%3E%3Cpath d=%22M0 5q7 -4 14 0t14 0%22 fill=%22none%22 stroke=%22%23ff6a1a%22 stroke-width=%223%22/%3E%3C/svg%3E")}
body.theme-dispatch .download-card p{color:#d3ebe8}
body.theme-dispatch .app-icon{position:relative;width:84px;height:84px;border-radius:0;background:var(--deep);border:4px solid var(--foam);color:#fff;font:700 54px/1 var(--disp);box-shadow:none;margin-bottom:20px}
body.theme-dispatch .app-icon::after{content:"";position:absolute;inset-inline:8px;bottom:6px;height:5px;background:var(--orange)}

/* ---------- workflows ---------- */
body.theme-dispatch .workflow-grid{display:block}
body.theme-dispatch .workflow-grid>div:first-child{margin-bottom:46px}
body.theme-dispatch .sticky-example{padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 28px;align-items:start}
body.theme-dispatch .sticky-example>h2,body.theme-dispatch .sticky-example>p{grid-column:1/-1;margin-top:0}
body.theme-dispatch .sticky-example .agent-run{margin:0}
body.theme-dispatch .sticky-example>p{opacity:1;font-size:15.5px;color:#223c3f;max-width:66ch}

/* ---------- privacy ---------- */
body.theme-dispatch .privacy article{border-top:0;border-inline-start:5px solid var(--khaki);padding:6px 0 6px 22px;margin:0 0 24px;max-width:70ch}
body.theme-dispatch main.wrap>.privacy h2{font-size:clamp(26px,2.6vw,34px);margin-bottom:.4em}
body.theme-dispatch .privacy h2::after{display:none}
body.theme-dispatch .privacy p{font-size:16px;line-height:1.7;color:#223c3f}
body.theme-dispatch .privacy .updated{color:var(--ink2)!important;opacity:1!important}

/* ---------- console card (agent-run) and code ---------- */
body.theme-dispatch .agent-run{background:#0b353b;color:#d7ece9;border:4px solid #b9beb7;border-radius:0;box-shadow:none}
body.theme-dispatch .agent-run-bar{background:#082a30;border-bottom:1px solid #1d5a62;color:#bfe3df}
body.theme-dispatch .agent-run-bar span:first-child{opacity:1}
body.theme-dispatch .agent-run-mode{color:#ffa366}
body.theme-dispatch .agent-run-prompt span{background:#14606a;color:#fff;border-radius:0}
body.theme-dispatch .agent-run-steps li{background:#0a2f35;border:1px solid #1d5a62;border-radius:0;padding:5px 14px}
body.theme-dispatch .agent-run-steps{gap:4px}
body.theme-dispatch .agent-run-body{padding:14px 16px}
body.theme-dispatch .agent-run-prompt{margin-bottom:10px}
body.theme-dispatch .agent-run-foot{margin-top:12px}
body.theme-dispatch .ar-tool{color:#ffa366}
body.theme-dispatch .agent-run-steps code{color:#cfe9e5}
body.theme-dispatch .ar-res{color:#9fd4cf;opacity:1}
body.theme-dispatch .ar-ok{color:#8ee6dc}
body.theme-dispatch .agent-run-foot>span:first-child{opacity:1;color:#bfe3df}
body.theme-dispatch .ar-btn{border-radius:0;border:1px solid #5aa8a6;color:#d7ece9}
body.theme-dispatch .ar-btn-primary{background:var(--orange);border-color:var(--orange);color:#111}
body.theme-dispatch .code-example{background:#0a2f35;border:1px solid #1d5a62;border-radius:0;color:#cfe9e5}
body.theme-dispatch .code-example>div{background:#082a30;color:#bfe3df;padding:9px 14px}
body.theme-dispatch .code-example pre{padding:12px 16px}
body.theme-dispatch .code-example button{border-radius:0;background:rgba(255,255,255,.12);color:#fff}

/* ---------- footer: still water ---------- */
body.theme-dispatch footer.wrap{width:min(1160px,calc(100% - 36px));margin:34px auto 0;border-top:1px solid rgba(143,212,207,.35);color:#cfe6e3;padding-top:32px}
body.theme-dispatch footer .brand{color:#fff;font-size:26px}
body.theme-dispatch footer .footer-top p{opacity:1;color:#c3e0dc}
body.theme-dispatch footer nav a{color:#e4f3f1}
body.theme-dispatch footer nav a:hover{color:#fff;text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:5px}
body.theme-dispatch footer .footer-bottom{opacity:1;color:#a9d0cc;font-size:12px;line-height:1.6}

/* ---------- RTL ---------- */
[dir=rtl] body.theme-dispatch .steps article{padding:0}
[dir=rtl] body.theme-dispatch .steps .number{right:auto}

/* ---------- tablet ---------- */
@media(max-width:1000px){
  body.theme-dispatch .split-section{grid-template-columns:minmax(0,1fr)}
  body.theme-dispatch .download-grid{grid-template-columns:minmax(0,1fr)}
  body.theme-dispatch .sticky-example{grid-template-columns:minmax(0,1fr)}
}
/* ---------- phone ---------- */
@media(max-width:760px){
  body.theme-dispatch .header{padding:10px 16px 8px;gap:8px 12px;min-height:0}
  body.theme-dispatch .brand{font-size:22px;gap:8px}
  body.theme-dispatch .brand-symbol{width:32px;height:32px}
  body.theme-dispatch .main-nav{order:3;flex:1 0 100%;justify-content:space-between;gap:6px;font-size:16px;padding:2px 0 4px;margin:0}
  body.theme-dispatch .main-nav a{padding:6px 0}
  body.theme-dispatch .language{margin-inline-start:auto}
  body.theme-dispatch .language select{max-width:112px;font-size:13px}
  body.theme-dispatch main.wrap>.hero{padding:112px 16px 40px;gap:30px;background-size:100% 104px,auto,auto}
  body.theme-dispatch main.wrap>.inner-hero{padding:88px 16px 34px;background-size:100% 80px,auto,auto}
  body.theme-dispatch .hero h1{font-size:clamp(40px,12vw,56px)}
  body.theme-dispatch .inner-hero h1{font-size:clamp(32px,9vw,42px)}
  html:is([lang=ru],[lang=uk],[lang=ar],[lang=hi],[lang=th],[lang=ja],[lang=ko]) body.theme-dispatch .hero h1{font-size:clamp(28px,8vw,38px)}
  html:is([lang=ru],[lang=uk],[lang=ar],[lang=hi],[lang=th],[lang=ja],[lang=ko]) body.theme-dispatch .inner-hero h1{font-size:clamp(26px,7.4vw,34px)}
  body.theme-dispatch .hero-lead{font-size:16px}
  body.theme-dispatch .hero .actions{margin-top:22px}
  body.theme-dispatch main.wrap>:not(.hero){width:calc(100% - 14px);padding:48px 16px 40px;border-inline-width:4px}
  body.theme-dispatch main.wrap>.cards{grid-template-columns:repeat(2,minmax(0,1fr));padding-block:46px 32px}
  body.theme-dispatch main.wrap>.closing{padding-block:50px 46px}
  body.theme-dispatch .split-section{padding-block:48px 40px;gap:26px}
  body.theme-dispatch .split-section:has(>.setup){grid-template-columns:minmax(0,1fr)}
  body.theme-dispatch .steps{grid-template-columns:minmax(0,1fr);gap:24px}
  body.theme-dispatch .split-section>.setup{grid-template-columns:minmax(0,1fr)}
  body.theme-dispatch .split-section>.setup li{padding:4px 0 24px;padding-inline-start:56px}
  body.theme-dispatch .split-section>.setup li::before{top:2px}
  body.theme-dispatch .split-section>.setup li:nth-child(2n)::after{display:block}
  body.theme-dispatch .split-section>.setup li:last-child::after{display:none}
  body.theme-dispatch .split-section>.setup li:not(:last-child)::after{inset-inline-start:16px;inset-inline-end:auto;top:42px;bottom:2px;width:4px;height:auto}
  body.theme-dispatch .steps+p{margin-top:26px}
  body.theme-dispatch .steps article{grid-template-columns:44px minmax(0,1fr);column-gap:12px}
  body.theme-dispatch .steps .number{font-size:27px}
  body.theme-dispatch .steps .number{min-height:128px;font-size:27px;border-inline-width:5px;padding-bottom:9px}
  body.theme-dispatch .steps p{font-size:15px}
  body.theme-dispatch .feature-matrix thead tr{display:grid;grid-template-columns:1fr 1fr}
  body.theme-dispatch .feature-matrix thead th:empty{display:none}
  body.theme-dispatch .feature-matrix thead th{font-size:18px;padding:12px}
  body.theme-dispatch .feature-matrix tbody tr{display:block;margin-top:14px;border-top:3px solid var(--water)}
  body.theme-dispatch .feature-matrix tbody th{padding:12px 4px 4px;border:0;font-size:22px;width:100%}
  body.theme-dispatch .feature-matrix td{padding:10px 12px;border-bottom:0;border-inline-start:5px solid var(--conc-d)}
  body.theme-dispatch .feature-matrix td:last-child{border-inline-start-color:var(--orange)}
  body.theme-dispatch .connection{flex-direction:column;padding-block:36px}
  body.theme-dispatch .connection span{width:100%;flex:none}
  body.theme-dispatch .connection b{transform:rotate(90deg)}
  body.theme-dispatch .faq summary{font-size:17px;gap:12px}
  body.theme-dispatch .faq p{padding-inline-start:0}
  body.theme-dispatch .download-grid{padding-block:44px 38px}
  body.theme-dispatch .privacy article{padding-inline-start:16px}
  body.theme-dispatch footer.wrap{margin-top:40px}
  body.theme-dispatch .reading p:has(>.text-link){grid-template-columns:minmax(0,1fr)}
  body.theme-dispatch .home-hero .agent-run-steps{grid-template-columns:minmax(0,1fr)}
  body.theme-dispatch main.wrap>.cards.cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.theme-dispatch.page-1 main.wrap>.cards{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:380px){
  body.theme-dispatch .main-nav{font-size:15px}
  body.theme-dispatch .brand{font-size:22px}
}

/* no automatic hyphenation in the main headline (long words still wrap) */
body h1{hyphens:manual;-webkit-hyphens:manual}