/* codearmy.net theme "seam" (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:"Archivo";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/archivo-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:"Archivo";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/archivo-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:"Archivo";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/archivo-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}
@font-face{font-family:"Archivo";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/archivo-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:"Archivo";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/archivo-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:"Archivo";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/archivo-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}
@font-face{font-family:"Archivo";font-style:normal;font-weight:900;font-display:swap;src:url(/assets/archivo-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:"Archivo";font-style:normal;font-weight:900;font-display:swap;src:url(/assets/archivo-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:"Archivo";font-style:normal;font-weight:900;font-display:swap;src:url(/assets/archivo-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}
/* CodeArmory reset: neutralise theme-guard quirks of site.css */
body.theme-guard{--bg:#eceef1!important;--ink:#1c2230!important;--accent:#74489c!important;background-color:#eceef1}
body.theme-guard .header{border-bottom:0}
body.theme-guard .cards article{border-inline-start:0;border-radius:0}
body.theme-guard .button{border-radius:0}
body.theme-guard .workspace{transform:none;border-radius:0;box-shadow:none}
body.theme-guard :is(h1,h2,h3,dt,th){hyphens:manual}
body.theme-guard .footer-bottom{opacity:1}
body.theme-guard .privacy .updated{opacity:1!important}
body.theme-guard .main-nav a{opacity:1}

/* CodeArmory - "Purple Seam Board": red-team / blue-team exercise board. CSS only. */
body.theme-guard{
  --red:#a63f2e;--red-d:#7d2c1f;--red-t:#f2e0da;--red-t2:#e6cbc1;
  --blue:#3d6a93;--blue-d:#264a6b;--blue-t:#dde8f1;--blue-t2:#c4d7e8;
  --pur:#74489c;--pur-d:#43275f;--pur-t:#e9dff2;
  --ground:#eceef1;--paper:#fbfbfc;--line:#cbd0d8;--soft:#2f3748;
  --disp:"Archivo",Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  --gut:max(20px,calc((100% - 1280px)/2));--cut:28px;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}
body.theme-guard :is(h1,h2,h3){font-family:var(--disp);font-weight:800;color:var(--ink);letter-spacing:-.018em;text-wrap:balance}
body.theme-guard a:focus-visible,body.theme-guard button:focus-visible,body.theme-guard select:focus-visible,body.theme-guard summary:focus-visible{outline:3px solid var(--pur);outline-offset:3px}

/* ---------- header: scoreboard strip split by the seam ---------- */
body.theme-guard .header{
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;
  width:100%;max-width:none;margin:0;min-height:78px;padding:12px var(--gut);
  background:linear-gradient(115deg,var(--red-t) 0 calc(50% - 4px),var(--pur) calc(50% - 4px) calc(50% + 4px),var(--blue-t) calc(50% + 4px) 100%);
}
body.theme-guard .brand{justify-self:start;font:800 23px/1 var(--disp);letter-spacing:-.02em;gap:11px;color:var(--ink)}
body.theme-guard .brand-symbol.brand-logo{width:38px;height:38px;border-radius:0;background:none;display:block;flex:none;place-items:initial}
body.theme-guard .brand-logo svg{display:block;width:100%;height:100%}
body.theme-guard .main-nav{margin:0;justify-self:center;display:flex;gap:0;font-size:13px;font-weight:700;background:var(--paper);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--pur)}
body.theme-guard .main-nav a{padding:9px 16px;color:var(--ink);text-decoration:none!important;border-inline-start:1px solid var(--line)}
body.theme-guard .main-nav a:first-child{border-inline-start:0}
body.theme-guard .main-nav a:hover{background:var(--pur-t)}
body.theme-guard .main-nav a[aria-current]{background:var(--ink);color:var(--paper)}
body.theme-guard .language{justify-self:end;color:var(--ink);gap:6px}
body.theme-guard .language select{background:var(--paper);border:2px solid var(--ink);border-radius:0;padding:7px 8px;font-size:13px;font-weight:600;max-width:170px}

/* ---------- bands: full-width, side-coloured, joined by the purple seam ---------- */
body.theme-guard main.wrap{width:100%;max-width:none;margin:0;padding:0;overflow-x:clip}
body.theme-guard main.wrap>*{
  --b-col:var(--ground);
  --b-pat:linear-gradient(rgba(28,34,48,.045) 1px,transparent 1px) 0 0/30px 30px,linear-gradient(90deg,rgba(28,34,48,.045) 1px,transparent 1px) 0 0/30px 30px;
  --side:var(--pur);--edge:transparent;--edge-x:0;--edge-y:var(--cut);
  --cols:minmax(0,5fr) minmax(0,7fr);--hc:1;--bc:2;
  position:relative;isolation:isolate;box-sizing:border-box;width:auto;max-width:none;min-height:0;margin:0;
  padding:calc(var(--cut) + 42px) var(--gut) 68px;border:0;border-radius:0;background:none;
}
body.theme-guard main.wrap>*+*{margin-top:calc(var(--cut) * -1)}
body.theme-guard main.wrap>*::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:var(--b-pat),var(--b-col);
  clip-path:polygon(0 var(--cut),100% 0,100% 100%,0 100%);
}
body.theme-guard main.wrap>*::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    linear-gradient(to bottom right,transparent calc(50% - 3.5px),var(--pur) calc(50% - 3.5px) calc(50% + 3.5px),transparent calc(50% + 3.5px)) 0 0/100% var(--cut) no-repeat,
    linear-gradient(var(--edge),var(--edge)) var(--edge-x) var(--edge-y)/10px calc(100% - var(--edge-y)) no-repeat;
}
body.theme-guard main.wrap>:first-child::before{clip-path:none}
body.theme-guard main.wrap>:first-child::after{display:none}
body.theme-guard main.wrap>:first-child{padding-top:64px}

/* red bands (left side), blue bands (right side), purple closing */
body.page-0 main.wrap>:is(:nth-child(3),:nth-child(6),:nth-child(8)),
body.page-1 main.wrap>:is(:nth-child(2),:nth-child(5)),
body.page-2 main.wrap>:nth-child(2),
body.page-3 main.wrap>:nth-child(2),
body.page-4 main.wrap>:nth-child(3),
body.page-5 main.wrap>:is(:nth-child(2),:nth-child(4)){
  --b-col:var(--red-t);--b-pat:repeating-linear-gradient(135deg,rgba(166,63,46,.075) 0 2px,transparent 2px 15px);
  --side:var(--red);--edge:var(--red);--edge-x:0 ;--cols:minmax(0,5fr) minmax(0,7fr);--hc:1;--bc:2;
}
body.page-0 main.wrap>:is(:nth-child(5),:nth-child(7)),
body.page-1 main.wrap>:is(:nth-child(4),:nth-child(6)),
body.page-2 main.wrap>:nth-child(4),
body.page-3 main.wrap>:nth-child(4),
body.page-5 main.wrap>:nth-child(3),
body.page-6 main.wrap>:nth-child(2){
  --b-col:var(--blue-t);--b-pat:radial-gradient(circle,rgba(61,106,147,.26) 1.3px,transparent 1.6px) 0 0/20px 20px;
  --side:var(--blue);--edge:var(--blue);--edge-x:100%;--edge-y:0;--cols:minmax(0,5fr) minmax(0,7fr);--hc:1;--bc:2;
}
body.theme-guard main.wrap>.closing{
  --b-col:var(--pur-d);--b-pat:radial-gradient(circle,rgba(255,255,255,.09) 1.3px,transparent 1.6px) 0 0/22px 22px;
  --side:#fff;
}
[dir=rtl] body.page-0 main.wrap>:is(:nth-child(3),:nth-child(6),:nth-child(8)),[dir=rtl] body.page-1 main.wrap>:is(:nth-child(2),:nth-child(5)),[dir=rtl] body.page-2 main.wrap>:nth-child(2),[dir=rtl] body.page-3 main.wrap>:nth-child(2),[dir=rtl] body.page-4 main.wrap>:nth-child(3),[dir=rtl] body.page-5 main.wrap>:is(:nth-child(2),:nth-child(4)){--edge-x:100%;--edge-y:0}
[dir=rtl] body.page-0 main.wrap>:is(:nth-child(5),:nth-child(7)),[dir=rtl] body.page-1 main.wrap>:is(:nth-child(4),:nth-child(6)),[dir=rtl] body.page-2 main.wrap>:nth-child(4),[dir=rtl] body.page-3 main.wrap>:nth-child(4),[dir=rtl] body.page-5 main.wrap>:nth-child(3),[dir=rtl] body.page-6 main.wrap>:nth-child(2){--edge-x:0;--edge-y:var(--cut)}
[dir=rtl] body.theme-guard main.wrap>:is(.home-hero,.inner-hero)::before{transform:scaleX(-1)}
[dir=rtl] body.theme-guard .cards article::after{transform:none}

/* ---------- small type pieces ---------- */
body.theme-guard .eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0 0 20px;padding:5px 13px 5px 9px;background:var(--paper);border:1.5px solid var(--ink);font:600 13px/1.3 Inter,sans-serif;letter-spacing:0;text-transform:none;color:var(--ink)}
body.theme-guard .eyebrow i{flex:none;width:14px;height:14px;border-radius:50%;background:linear-gradient(90deg,var(--red) 50%,var(--blue) 50%);box-shadow:0 0 0 2px var(--pur)}
body.theme-guard main.wrap>*:not(.hero):not(.closing) h2{font-size:clamp(26px,2.7vw,38px);line-height:1.12;margin:0 0 .6em}
body.theme-guard main.wrap>*:not(.hero):not(.closing) h2::before{content:"";display:inline-block;width:.4em;height:.4em;border-top:.17em solid var(--side);border-right:.17em solid var(--side);transform:rotate(45deg);margin-inline-end:.5em;vertical-align:.12em}
[dir=rtl] body.theme-guard main.wrap>*:not(.hero):not(.closing) h2::before{transform:rotate(-135deg)}
body.theme-guard h3{font-size:21px;line-height:1.22}
body.theme-guard .button{padding:14px 22px;font:700 14px/1.2 Inter,sans-serif;gap:14px;border:2px solid var(--ink);transition:transform .12s,box-shadow .12s}
body.theme-guard .button.primary{background:var(--pur);border-color:var(--pur-d);color:#fff;box-shadow:4px 4px 0 var(--ink)}
body.theme-guard .button.secondary{background:var(--paper);color:var(--ink);box-shadow:4px 4px 0 rgba(28,34,48,.2)}
body.theme-guard .button:hover{transform:translate(2px,2px)}
body.theme-guard .button.primary:hover{box-shadow:2px 2px 0 var(--ink)}
body.theme-guard .button.secondary:hover{box-shadow:2px 2px 0 rgba(28,34,48,.2)}
body.theme-guard .text-link{text-decoration:none;font-size:15px;font-weight:600}

/* ---------- home hero: diagonal seam, lab network, plate over the seam ---------- */
body.theme-guard .home-hero{
  display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:40px;align-items:start;
  min-height:0;padding:56px var(--gut) calc(var(--cut) + 80px);
}
body.theme-guard main.wrap>.home-hero::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 1000' preserveAspectRatio='xMidYMin slice'%3E%3Cdefs%3E%3Cpattern id='h' width='18' height='18' patternUnits='userSpaceOnUse' patternTransform='rotate(45)'%3E%3Cpath d='M0 0h18' stroke='%23a63f2e' stroke-opacity='.10' stroke-width='2'/%3E%3C/pattern%3E%3Cpattern id='g' width='26' height='26' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='2' cy='2' r='1.6' fill='%233d6a93' fill-opacity='.28'/%3E%3C/pattern%3E%3C/defs%3E%3Cpolygon points='0,0 940,0 470,1000 0,1000' fill='%23f2e0da'/%3E%3Cpolygon points='0,0 940,0 470,1000 0,1000' fill='url(%23h)'/%3E%3Cpolygon points='940,0 1600,0 1600,1000 470,1000' fill='%23dde8f1'/%3E%3Cpolygon points='940,0 1600,0 1600,1000 470,1000' fill='url(%23g)'/%3E%3Cpath d='M940 0L470 1000' stroke='%2374489c' stroke-width='9' fill='none'/%3E%3Cpath d='M940 0L470 1000' stroke='%2374489c' stroke-width='2' stroke-dasharray='3 14' stroke-linecap='round' fill='none' transform='translate(16 0)'/%3E%3Cpath d='M940 0L470 1000' stroke='%2374489c' stroke-width='2' stroke-dasharray='3 14' stroke-linecap='round' fill='none' transform='translate(-16 0)'/%3E%3Cpath d='M1080 190H1230M1230 190H1300V300M1080 190V350H1110M1110 350H1250V440' fill='none' stroke='%233d6a93' stroke-width='4' stroke-opacity='0.42' stroke-linejoin='round' stroke-linecap='round'/%3E%3Cpath d='M1230 190V100H1340' fill='none' stroke='%233d6a93' stroke-width='4' stroke-opacity='0.42' stroke-linejoin='round' stroke-linecap='round'/%3E%3Cpath d='M250 720H410M410 720V890H330M330 890H470' fill='none' stroke='%23a63f2e' stroke-width='4' stroke-opacity='0.42' stroke-linejoin='round' stroke-linecap='round'/%3E%3Cpath d='M250 690V56H1180' fill='none' stroke='%2374489c' stroke-width='5' stroke-opacity='0.9' stroke-linejoin='round' stroke-linecap='round' stroke-dasharray='14 10'/%3E%3Cpath d='M330 922V975H1350V300H1300' fill='none' stroke='%2374489c' stroke-width='5' stroke-opacity='0.9' stroke-linejoin='round' stroke-linecap='round' stroke-dasharray='14 10'/%3E%3Cpath d='M470 880H700V600H1110V350' fill='none' stroke='%2374489c' stroke-width='5' stroke-opacity='0.55' stroke-linejoin='round' stroke-linecap='round' stroke-dasharray='14 10'/%3E%3Cpath d='M913.68 45l11 11l-11 11l-11 -11z' fill='%23fbfbfc' stroke='%2374489c' stroke-width='3.5'/%3E%3Cpath d='M658 589l11 11l-11 11l-11 -11z' fill='%23fbfbfc' stroke='%2374489c' stroke-width='3.5'/%3E%3Cpath d='M481.75 964l11 11l-11 11l-11 -11z' fill='%23fbfbfc' stroke='%2374489c' stroke-width='3.5'/%3E%3Cg transform='translate(1080 190) scale(1)'%3E%3Crect x='-32' y='-32' width='64' height='64' rx='12' fill='%23fbfbfc' stroke='%233d6a93' stroke-width='4'/%3E%3Cg transform='translate(-32 -32)'%3E%3Cpath d='M32 13l14 5v11c0 9-6 15-14 19-8-4-14-10-14-19V18z' fill='none' stroke='%233d6a93' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M32 13v35' fill='none' stroke='%233d6a93' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(1230 190) scale(1)'%3E%3Crect x='-32' y='-32' width='64' height='64' rx='12' fill='%23fbfbfc' stroke='%233d6a93' stroke-width='4'/%3E%3Cg transform='translate(-32 -32)'%3E%3Cpath d='M32 12l17 10v20L32 52 15 42V22z' fill='none' stroke='%233d6a93' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='32' cy='32' r='4' fill='%233d6a93'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(1300 300) scale(1)'%3E%3Crect x='-32' y='-32' width='64' height='64' rx='12' fill='%23fbfbfc' stroke='%233d6a93' stroke-width='4'/%3E%3Cg transform='translate(-32 -32)'%3E%3Cellipse cx='32' cy='19' rx='14' ry='6' fill='none' stroke='%233d6a93' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 19v26c0 3.3 6.3 6 14 6s14-2.7 14-6V19M18 32c0 3.3 6.3 6 14 6s14-2.7 14-6' fill='none' stroke='%233d6a93' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(1110 350) scale(1)'%3E%3Crect x='-32' y='-32' width='64' height='64' rx='12' fill='%23fbfbfc' stroke='%233d6a93' stroke-width='4'/%3E%3Cg transform='translate(-32 -32)'%3E%3Cpath d='M10 32c6-10 14-14 22-14s16 4 22 14c-6 10-14 14-22 14S16 42 10 32z' fill='none' stroke='%233d6a93' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='32' cy='32' r='5.5' fill='none' stroke='%233d6a93' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(1250 440) scale(1)'%3E%3Crect x='-32' y='-32' width='64' height='64' rx='12' fill='%23fbfbfc' stroke='%233d6a93' stroke-width='4'/%3E%3Cg transform='translate(-32 -32)'%3E%3Crect x='16' y='14' width='32' height='9' rx='2' fill='none' stroke='%233d6a93' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='23' cy='18' r='1.6' fill='%233d6a93'/%3E%3Crect x='16' y='27' width='32' height='9' rx='2' fill='none' stroke='%233d6a93' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='23' cy='31' r='1.6' fill='%233d6a93'/%3E%3Crect x='16' y='40' width='32' height='9' rx='2' fill='none' stroke='%233d6a93' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='23' cy='44' r='1.6' fill='%233d6a93'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(1340 100) scale(0.8)'%3E%3Crect x='-32' y='-32' width='64' height='64' rx='12' fill='%23fbfbfc' stroke='%233d6a93' stroke-width='4'/%3E%3Cg transform='translate(-32 -32)'%3E%3Cpath d='M10 32c6-10 14-14 22-14s16 4 22 14c-6 10-14 14-22 14S16 42 10 32z' fill='none' stroke='%233d6a93' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='32' cy='32' r='5.5' fill='none' stroke='%233d6a93' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(250 720) scale(1)'%3E%3Crect x='-32' y='-32' width='64' height='64' rx='12' fill='%23fbfbfc' stroke='%23a63f2e' stroke-width='4'/%3E%3Cg transform='translate(-32 -32)'%3E%3Crect x='17' y='19' width='30' height='20' rx='2' fill='none' stroke='%23a63f2e' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 46h40' fill='none' stroke='%23a63f2e' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(410 720) scale(1)'%3E%3Crect x='-32' y='-32' width='64' height='64' rx='12' fill='%23fbfbfc' stroke='%23a63f2e' stroke-width='4'/%3E%3Cg transform='translate(-32 -32)'%3E%3Ccircle cx='32' cy='32' r='9' fill='none' stroke='%23a63f2e' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M32 12v11M32 41v11M12 32h11M41 32h11' fill='none' stroke='%23a63f2e' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(330 890) scale(1)'%3E%3Crect x='-32' y='-32' width='64' height='64' rx='12' fill='%23fbfbfc' stroke='%23a63f2e' stroke-width='4'/%3E%3Cg transform='translate(-32 -32)'%3E%3Crect x='16' y='14' width='32' height='9' rx='2' fill='none' stroke='%23a63f2e' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='23' cy='18' r='1.6' fill='%23a63f2e'/%3E%3Crect x='16' y='27' width='32' height='9' rx='2' fill='none' stroke='%23a63f2e' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='23' cy='31' r='1.6' fill='%23a63f2e'/%3E%3Crect x='16' y='40' width='32' height='9' rx='2' fill='none' stroke='%23a63f2e' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='23' cy='44' r='1.6' fill='%23a63f2e'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(470 880) scale(1)'%3E%3Crect x='-32' y='-32' width='64' height='64' rx='12' fill='%23fbfbfc' stroke='%23a63f2e' stroke-width='4'/%3E%3Cg transform='translate(-32 -32)'%3E%3Crect x='17' y='19' width='30' height='20' rx='2' fill='none' stroke='%23a63f2e' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 46h40' fill='none' stroke='%23a63f2e' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(250 56) scale(0.78)'%3E%3Crect x='-32' y='-32' width='64' height='64' rx='12' fill='%23fbfbfc' stroke='%23a63f2e' stroke-width='4'/%3E%3Cg transform='translate(-32 -32)'%3E%3Cpath d='M20 52V14M20 16h26l-6 9 6 9H20' fill='none' stroke='%23a63f2e' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(1180 56) scale(0.78)'%3E%3Crect x='-32' y='-32' width='64' height='64' rx='12' fill='%23fbfbfc' stroke='%233d6a93' stroke-width='4'/%3E%3Cg transform='translate(-32 -32)'%3E%3Cpath d='M32 13l14 5v11c0 9-6 15-14 19-8-4-14-10-14-19V18z' fill='none' stroke='%233d6a93' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M32 13v35' fill='none' stroke='%233d6a93' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 50% 0/cover no-repeat,var(--red-t)}
body.theme-guard .home-hero .hero-copy{
  grid-column:1/span 8;grid-row:1;position:relative;z-index:1;min-width:0;
  background:var(--paper);padding:44px 52px 42px;
  border:10px solid transparent;border-width:10px 3px 3px;
  border-image:linear-gradient(90deg,var(--red) 0 46%,var(--pur) 46% 54%,var(--blue) 54% 100%) 1;
  box-shadow:12px 12px 0 var(--pur);
}
body.theme-guard .home-hero h1{font-size:clamp(34px,4.1vw,58px);line-height:1.04;margin:0 0 22px;max-width:none;font-weight:800}
body.theme-guard .hero-lead{max-width:640px;font-size:17px;line-height:1.65;opacity:1;color:var(--soft);margin:0}
body.theme-guard .home-hero .actions{margin-top:28px}
body.theme-guard .home-hero .agent-run{grid-column:5/span 8;grid-row:2;align-self:start;width:auto;--c:var(--blue)}

/* ---------- inner hero: plate centred over the seam ---------- */
body.theme-guard .inner-hero{
  display:flex;align-items:center;justify-content:center;min-height:0;gap:0;
  padding:40px var(--gut) calc(var(--cut) + 46px);
}
body.theme-guard main.wrap>.inner-hero::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 360' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3Cpattern id='h' width='18' height='18' patternUnits='userSpaceOnUse' patternTransform='rotate(45)'%3E%3Cpath d='M0 0h18' stroke='%23a63f2e' stroke-opacity='.10' stroke-width='2'/%3E%3C/pattern%3E%3Cpattern id='g' width='26' height='26' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='2' cy='2' r='1.6' fill='%233d6a93' fill-opacity='.28'/%3E%3C/pattern%3E%3C/defs%3E%3Cpolygon points='0,0 900,0 738,360 0,360' fill='%23f2e0da'/%3E%3Cpolygon points='0,0 900,0 738,360 0,360' fill='url(%23h)'/%3E%3Cpolygon points='900,0 1600,0 1600,360 738,360' fill='%23dde8f1'/%3E%3Cpolygon points='900,0 1600,0 1600,360 738,360' fill='url(%23g)'/%3E%3Cpath d='M900 0L738 360' stroke='%2374489c' stroke-width='9' fill='none'/%3E%3Cpath d='M214 150H300M90 80V120H148' fill='none' stroke='%23a63f2e' stroke-width='4' stroke-opacity='0.42' stroke-linejoin='round' stroke-linecap='round'/%3E%3Cpath d='M110 26H1400' fill='none' stroke='%2374489c' stroke-width='5' stroke-opacity='0.9' stroke-linejoin='round' stroke-linecap='round' stroke-dasharray='14 10'/%3E%3Cpath d='M888.3 15l11 11l-11 11l-11 -11z' fill='%23fbfbfc' stroke='%2374489c' stroke-width='3.5'/%3E%3Cg transform='translate(180 150) scale(0.8)'%3E%3Crect x='-32' y='-32' width='64' height='64' rx='12' fill='%23fbfbfc' stroke='%23a63f2e' stroke-width='4'/%3E%3Cg transform='translate(-32 -32)'%3E%3Crect x='17' y='19' width='30' height='20' rx='2' fill='none' stroke='%23a63f2e' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 46h40' fill='none' stroke='%23a63f2e' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(90 52) scale(0.55)'%3E%3Crect x='-32' y='-32' width='64' height='64' rx='12' fill='%23fbfbfc' stroke='%23a63f2e' stroke-width='4'/%3E%3Cg transform='translate(-32 -32)'%3E%3Cpath d='M20 52V14M20 16h26l-6 9 6 9H20' fill='none' stroke='%23a63f2e' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(230 290) scale(0.6)'%3E%3Crect x='-32' y='-32' width='64' height='64' rx='12' fill='%23fbfbfc' stroke='%23a63f2e' stroke-width='4'/%3E%3Cg transform='translate(-32 -32)'%3E%3Crect x='16' y='14' width='32' height='9' rx='2' fill='none' stroke='%23a63f2e' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='23' cy='18' r='1.6' fill='%23a63f2e'/%3E%3Crect x='16' y='27' width='32' height='9' rx='2' fill='none' stroke='%23a63f2e' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='23' cy='31' r='1.6' fill='%23a63f2e'/%3E%3Crect x='16' y='40' width='32' height='9' rx='2' fill='none' stroke='%23a63f2e' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='23' cy='44' r='1.6' fill='%23a63f2e'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(1340 62) scale(0.6)'%3E%3Crect x='-32' y='-32' width='64' height='64' rx='12' fill='%23fbfbfc' stroke='%233d6a93' stroke-width='4'/%3E%3Cg transform='translate(-32 -32)'%3E%3Cellipse cx='32' cy='19' rx='14' ry='6' fill='none' stroke='%233d6a93' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 19v26c0 3.3 6.3 6 14 6s14-2.7 14-6V19M18 32c0 3.3 6.3 6 14 6s14-2.7 14-6' fill='none' stroke='%233d6a93' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(1450 100) scale(0.6)'%3E%3Crect x='-32' y='-32' width='64' height='64' rx='12' fill='%23fbfbfc' stroke='%233d6a93' stroke-width='4'/%3E%3Cg transform='translate(-32 -32)'%3E%3Cpath d='M32 13l14 5v11c0 9-6 15-14 19-8-4-14-10-14-19V18z' fill='none' stroke='%233d6a93' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M32 13v35' fill='none' stroke='%233d6a93' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(1345 165) scale(0.7)'%3E%3Crect x='-32' y='-32' width='64' height='64' rx='12' fill='%23fbfbfc' stroke='%233d6a93' stroke-width='4'/%3E%3Cg transform='translate(-32 -32)'%3E%3Cpath d='M32 12l17 10v20L32 52 15 42V22z' fill='none' stroke='%233d6a93' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='32' cy='32' r='4' fill='%233d6a93'/%3E%3C/g%3E%3C/g%3E%3Cpath d='M1345 94V130M1400 62H1450' fill='none' stroke='%233d6a93' stroke-width='4' stroke-opacity='0.42' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E") 50% 50%/cover no-repeat,var(--red-t)}
body.theme-guard .inner-hero .hero-copy{
  position:relative;z-index:1;width:min(100%,860px);min-width:0;background:var(--paper);padding:28px 40px 26px;
  border:10px solid transparent;border-width:10px 3px 3px;
  border-image:linear-gradient(90deg,var(--red) 0 46%,var(--pur) 46% 54%,var(--blue) 54% 100%) 1;
  box-shadow:10px 10px 0 var(--pur);
}
body.theme-guard .inner-hero h1{font-size:clamp(30px,3.5vw,48px);line-height:1.07;margin:0;max-width:none}
body.theme-guard .inner-hero .eyebrow{margin-bottom:14px}
body.theme-guard .hero-number{
  position:absolute;inset-inline-end:calc(var(--gut) + 8px);bottom:calc(var(--cut) + 34px);z-index:0;
  font:900 clamp(60px,6vw,84px)/.8 var(--disp);letter-spacing:-.04em;opacity:1;color:transparent;-webkit-text-stroke:2px var(--blue);pointer-events:none;
}

/* ---------- facts as pins on a clothesline ---------- */
body.theme-guard .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 24px;--side:var(--pur)}
body.theme-guard .cards article{
  --c:var(--red);--cd:var(--red-d);
  position:relative;margin:0;padding:38px 26px 24px;background:var(--paper);border:1px solid var(--line);border-top:4px solid var(--c);border-radius:0;
}
body.theme-guard .cards article:nth-child(even){--c:var(--blue);--cd:var(--blue-d)}
body.theme-guard .cards article:nth-child(3n){--c:var(--pur);--cd:var(--pur-d)}
body.theme-guard .cards article::before{
  content:"";position:absolute;z-index:2;top:-13px;inset-inline-start:26px;width:20px;height:20px;border-radius:50%;
  background:radial-gradient(circle at 35% 32%,#fff 0 12%,transparent 14%),var(--c);box-shadow:0 3px 0 rgba(28,34,48,.28);
}
body.theme-guard .cards article::after{
  content:"";position:absolute;z-index:-1;top:-3px;left:-12px;right:-12px;height:4px;background:var(--pur);
}
body.theme-guard .cards article:nth-child(3n+1)::after{left:-50vw}
body.theme-guard .cards article:nth-child(3n)::after{right:-50vw}
body.theme-guard .cards .number{display:block;margin:0 0 8px;font:700 13px/1.3 Inter,sans-serif;color:var(--cd);opacity:1}
body.theme-guard .cards h3{font-size:28px;margin:0 0 8px}
body.theme-guard .cards p{font-size:15px;line-height:1.55;opacity:1;color:var(--soft)}

/* ---------- scenario (heading on one side, text plate on the other) ---------- */
body.theme-guard .scenario{display:grid;grid-template-columns:var(--cols);column-gap:56px;row-gap:6px;align-items:start}
body.theme-guard .scenario>.eyebrow{grid-column:var(--hc);grid-row:1;justify-self:start;margin-bottom:12px}
body.theme-guard .scenario>h2{grid-column:var(--hc);grid-row:2;max-width:none;margin:0}
body.theme-guard .scenario>p{grid-column:var(--bc);grid-row:1/span 3;margin:0;max-width:none;font-size:18px;line-height:1.7;opacity:1;background:var(--paper);padding:30px 34px;border:1px solid var(--line);border-top:5px solid var(--side)}

/* ---------- steps: moves on a horizontal exercise track ---------- */
body.theme-guard .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:start;position:relative;padding-top:22px;margin:0}
body.theme-guard .steps::before{content:"";position:absolute;left:0;right:30px;top:20px;height:5px;background:var(--pur)}
body.theme-guard .steps::after{content:"";position:absolute;right:0;top:10px;border-left:24px solid var(--pur);border-top:12.5px solid transparent;border-bottom:12.5px solid transparent}
[dir=rtl] body.theme-guard .steps::before{left:30px;right:0}
[dir=rtl] body.theme-guard .steps::after{right:auto;left:0;transform:scaleX(-1)}
body.theme-guard .steps article{
  --c:var(--red);position:relative;min-width:0;margin:0;padding:38px 18px 22px;background:var(--paper);border:1px solid var(--line);border-top:5px solid var(--c);
}
body.theme-guard .steps article:nth-child(even){--c:var(--blue)}
body.theme-guard .steps .number{
  position:absolute;top:-24px;left:18px;right:auto;margin:0;z-index:1;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;
  background:var(--c);color:#fff;border:4px solid var(--ground);font:800 15px/1 var(--disp);opacity:1;letter-spacing:0;
}
[dir=rtl] body.theme-guard .steps .number{left:auto;right:18px}
body.theme-guard .steps h3{font-size:20px;margin:0 0 10px}
body.theme-guard .steps p{font-size:14.5px;line-height:1.6;opacity:1;color:var(--soft)}
body.theme-guard .steps article .code-example{margin-top:16px}
body.theme-guard .steps+p{margin:44px 0 0}

/* ---------- comparison table ---------- */
body.theme-guard .feature-matrix{display:grid;grid-template-columns:var(--cols);column-gap:56px;row-gap:0;align-items:start}
body.theme-guard .feature-matrix>h2{grid-column:var(--hc);grid-row:1;margin:0 0 26px}
body.theme-guard .feature-matrix>p{grid-column:var(--bc);grid-row:1;margin:0 0 26px;max-width:none;font-size:17px;line-height:1.65;opacity:1;color:var(--soft)}
body.theme-guard .feature-matrix>table{grid-column:1/-1;grid-row:2;border-collapse:separate;border-spacing:0;width:100%;table-layout:fixed;background:var(--paper);border:2px solid var(--ink)}
body.theme-guard .feature-matrix thead th{padding:16px 22px;font:800 18px/1.25 var(--disp);width:auto;text-align:start;border-bottom:2px solid var(--ink)}
body.theme-guard .feature-matrix thead th:first-child{width:22%;background:var(--ground)}
body.theme-guard .feature-matrix thead th:nth-child(2){background:#e1e4ea;color:var(--ink)}
body.theme-guard .feature-matrix thead th:nth-child(3){background:var(--pur);color:#fff}
body.theme-guard .feature-matrix tbody th{width:auto;padding:20px 22px;font:800 17px/1.3 var(--disp);border-bottom:1px solid var(--line);border-inline-start:6px solid var(--red);background:#f3f4f7}
body.theme-guard .feature-matrix tbody tr:nth-child(even) th{border-inline-start-color:var(--blue)}
body.theme-guard .feature-matrix td{padding:20px 22px;font-size:15px;line-height:1.55;border-bottom:1px solid var(--line);color:var(--soft)}
body.theme-guard .feature-matrix td:last-child{background:var(--pur-t);color:var(--ink)}
body.theme-guard .feature-matrix tbody tr:last-child :is(th,td){border-bottom:0}

/* ---------- setup list: lettered moves ---------- */
body.theme-guard .split-section{display:grid;grid-template-columns:var(--cols);column-gap:56px;align-items:start;margin-top:calc(var(--cut) * -1)}
body.theme-guard .split-section>h2{grid-column:var(--hc);margin:0;max-width:none}
body.theme-guard .split-section>ol,body.theme-guard .split-section>.agent-run{grid-column:var(--bc);min-width:0}
body.theme-guard .split-section>div:not(.agent-run){grid-column:var(--hc);min-width:0}
body.theme-guard .split-section>h2{grid-row:1}
body.theme-guard .split-section>:is(ol,div){grid-row:1;align-self:center}
body.theme-guard ol.setup{list-style:none;counter-reset:mv;margin:0;padding:0;display:grid;gap:12px}
body.theme-guard ol.setup li{
  --c:var(--red);counter-increment:mv;position:relative;margin:0;padding:15px 18px 15px 70px;background:var(--paper);border:1px solid var(--line);border-inline-start:5px solid var(--c);line-height:1.6;min-height:60px;
}
body.theme-guard ol.setup li:nth-child(even){--c:var(--blue)}
body.theme-guard ol.setup li::before{
  content:counter(mv,upper-alpha);position:absolute;inset-inline-start:15px;top:13px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--c);color:#fff;font:800 15px/1 var(--disp);
}
body.theme-guard .split-section p{max-width:none;opacity:1;color:var(--soft)}
body.theme-guard .split-section .agent-run{--c:var(--red)}
body.page-0 main.wrap>.split-section{grid-template-columns:minmax(0,1fr);row-gap:26px}
body.page-0 main.wrap>.split-section>h2{grid-column:1;grid-row:1;margin-bottom:0}
body.page-0 main.wrap>.split-section>ol{grid-column:1;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px}

/* ---------- reading blocks ---------- */
body.theme-guard main.wrap>.reading{max-width:none;padding-bottom:68px}
body.theme-guard .reading>h2{margin-top:0!important}
body.theme-guard .reading p,body.theme-guard .reading li{opacity:1}
body.theme-guard .reading p{color:var(--soft)}
body.theme-guard .reading>p.large,body.theme-guard .product-lead p.large{font:600 clamp(19px,1.8vw,24px)/1.55 Inter,sans-serif;color:var(--ink);opacity:1;max-width:1100px;margin:0;background:var(--paper);padding:30px 36px;border:1px solid var(--line);border-top:5px solid var(--side)}
body.theme-guard .product-lead{max-width:none;padding-bottom:68px}
/* home: who it is for - three personas side by side */
body.page-0 main.wrap>:nth-child(7){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px}
body.page-0 main.wrap>:nth-child(7)>h2{grid-column:1/-1;margin-bottom:28px!important}
body.page-0 main.wrap>:nth-child(7)>p{margin:0;padding:26px 28px;background:var(--paper);border:1px solid var(--line);border-top:5px solid var(--red);font-size:16px;line-height:1.7}
body.page-0 main.wrap>:nth-child(7)>p:nth-of-type(2){border-top-color:var(--blue)}
body.page-0 main.wrap>:nth-child(7)>p:nth-of-type(3){border-top-color:var(--pur)}
/* home: useful links as tiles */
body.page-0 main.wrap>:nth-child(10){display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:56px;align-items:start}
body.page-0 main.wrap>:nth-child(10)>h2{grid-column:1;grid-row:1;margin-bottom:14px!important}
body.page-0 main.wrap>:nth-child(10)>p:nth-of-type(1){grid-column:1;grid-row:2;margin:0;font-size:16px}
body.page-0 main.wrap>:nth-child(10)>p:nth-of-type(2){grid-column:2;grid-row:1/span 2;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body.theme-guard .reading .text-link{display:block;margin:0;padding:15px 18px;background:var(--paper);border:1.5px solid var(--ink);border-inline-start:6px solid var(--red);line-height:1.4;overflow-wrap:anywhere}
body.theme-guard .reading .text-link:nth-child(even){border-inline-start-color:var(--blue)}
body.theme-guard .reading .text-link:hover{background:var(--pur-t)}
/* product: capability notes */
body.theme-guard .feature-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none}
body.theme-guard .feature-list li{--c:var(--red);margin:0;padding:20px 20px 22px;background:var(--paper);border:1px solid var(--line);border-top:5px solid var(--c);border-radius:0;font-size:14.5px;line-height:1.6;color:var(--soft)}
body.theme-guard .feature-list li:nth-child(even){--c:var(--blue)}
body.theme-guard .feature-list strong{display:block;margin-bottom:8px;font:800 18px/1.25 var(--disp);color:var(--ink)}
/* two-column h3 + paragraph pairs (product, workflows) */
body.page-1 main.wrap>:nth-child(6),body.page-3 main.wrap>:nth-child(4){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;row-gap:0;align-items:stretch}
body.page-1 main.wrap>:nth-child(6)>h2,body.page-3 main.wrap>:nth-child(4)>h2{grid-column:1/-1;grid-row:1;margin-bottom:26px!important}
body.page-1 main.wrap>:nth-child(6)>h3:nth-of-type(1),body.page-3 main.wrap>:nth-child(4)>h3:nth-of-type(1){grid-column:1;grid-row:2}
body.page-1 main.wrap>:nth-child(6)>h3:nth-of-type(2),body.page-3 main.wrap>:nth-child(4)>h3:nth-of-type(2){grid-column:2;grid-row:2}
body.page-1 main.wrap>:nth-child(6)>p:nth-of-type(1),body.page-3 main.wrap>:nth-child(4)>p:nth-of-type(1){grid-column:1;grid-row:3}
body.page-1 main.wrap>:nth-child(6)>p:nth-of-type(2),body.page-3 main.wrap>:nth-child(4)>p:nth-of-type(2){grid-column:2;grid-row:3}
body.page-1 main.wrap>:nth-child(6)>.notice{grid-column:1/-1;grid-row:4;margin-top:24px}
body.page-1 main.wrap>:nth-child(6)>:is(h3,p),body.page-3 main.wrap>:nth-child(4)>:is(h3,p){margin:0;background:var(--paper);border-inline:1px solid var(--line)}
body.page-1 main.wrap>:nth-child(6)>h3,body.page-3 main.wrap>:nth-child(4)>h3{padding:24px 28px 8px;border-top:5px solid var(--red)}
body.page-1 main.wrap>:nth-child(6)>h3:nth-of-type(2),body.page-3 main.wrap>:nth-child(4)>h3:nth-of-type(2){border-top-color:var(--blue)}
body.page-1 main.wrap>:nth-child(6)>p,body.page-3 main.wrap>:nth-child(4)>p{padding:0 28px 26px;border-bottom:1px solid var(--line);line-height:1.7}
/* models: three ways to connect */
body.page-2 main.wrap>:nth-child(4){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;row-gap:0;align-items:stretch}
body.page-2 main.wrap>:nth-child(4)>h2{margin-bottom:24px!important}
body.page-2 main.wrap>:nth-child(4)>h2:nth-of-type(1){grid-column:1/-1;grid-row:1}
body.page-2 main.wrap>:nth-child(4)>h3:nth-of-type(1){grid-column:1;grid-row:2}
body.page-2 main.wrap>:nth-child(4)>h3:nth-of-type(2){grid-column:2;grid-row:2}
body.page-2 main.wrap>:nth-child(4)>h3:nth-of-type(3){grid-column:3;grid-row:2}
body.page-2 main.wrap>:nth-child(4)>p:nth-of-type(1){grid-column:1;grid-row:3}
body.page-2 main.wrap>:nth-child(4)>p:nth-of-type(2){grid-column:2;grid-row:3}
body.page-2 main.wrap>:nth-child(4)>p:nth-of-type(3){grid-column:3;grid-row:3}
body.page-2 main.wrap>:nth-child(4)>h2:nth-of-type(2){grid-column:1;grid-row:4;margin-top:56px!important}
body.page-2 main.wrap>:nth-child(4)>h2:nth-of-type(3){grid-column:2/-1;grid-row:4;margin-top:56px!important}
body.page-2 main.wrap>:nth-child(4)>p:nth-of-type(4){grid-column:1;grid-row:5}
body.page-2 main.wrap>:nth-child(4)>p:nth-of-type(5){grid-column:2;grid-row:5}
body.page-2 main.wrap>:nth-child(4)>p:nth-of-type(6){grid-column:3;grid-row:5}
body.page-2 main.wrap>:nth-child(4)>:is(h3,p){margin:0;background:var(--paper);border-inline:1px solid var(--line)}
body.page-2 main.wrap>:nth-child(4)>h3{padding:24px 26px 8px;border-top:5px solid var(--red)}
body.page-2 main.wrap>:nth-child(4)>h3:nth-of-type(2){border-top-color:var(--blue)}
body.page-2 main.wrap>:nth-child(4)>h3:nth-of-type(3){border-top-color:var(--pur)}
body.page-2 main.wrap>:nth-child(4)>p{padding:0 26px 26px;border-bottom:1px solid var(--line);line-height:1.7}
body.page-2 main.wrap>:nth-child(4)>:is(p:nth-of-type(4),p:nth-of-type(5),p:nth-of-type(6)){padding:24px 26px;border-top:5px solid var(--blue);border-bottom:1px solid var(--line)}
body.page-2 main.wrap>:nth-child(4)>p:nth-of-type(4){border-top-color:var(--red)}
body.page-2 main.wrap>:nth-child(4)>p:nth-of-type(6){border-top-color:var(--pur)}
/* download: requirements / updates / verify */
body.page-4 main.wrap>:nth-child(3){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;row-gap:0;align-items:stretch}
body.page-4 main.wrap>:nth-child(3)>h2{margin-bottom:22px!important}
body.page-4 main.wrap>:nth-child(3)>h2:nth-of-type(1){grid-column:1;grid-row:1}
body.page-4 main.wrap>:nth-child(3)>h2:nth-of-type(2){grid-column:2;grid-row:1}
body.page-4 main.wrap>:nth-child(3)>p:nth-of-type(1){grid-column:1;grid-row:2}
body.page-4 main.wrap>:nth-child(3)>p:nth-of-type(2){grid-column:2;grid-row:2}
body.page-4 main.wrap>:nth-child(3)>h2:nth-of-type(3){grid-column:1/-1;grid-row:3;margin-top:52px!important}
body.page-4 main.wrap>:nth-child(3)>.code-example{grid-column:1;grid-row:4;align-self:start}
body.page-4 main.wrap>:nth-child(3)>p:nth-of-type(3){grid-column:2;grid-row:4}
body.page-4 main.wrap>:nth-child(3)>p{margin:0;padding:24px 28px;background:var(--paper);border:1px solid var(--line);border-top:5px solid var(--red);line-height:1.7}
body.page-4 main.wrap>:nth-child(3)>p:nth-of-type(2){border-top-color:var(--blue)}
body.page-4 main.wrap>:nth-child(3)>p:nth-of-type(3){border-top-color:var(--pur)}

/* workflows: steps on the track, example below in two columns */
body.theme-guard .workflow-grid{display:block;margin:0}
body.theme-guard .workflow-grid>div:first-child{margin:0}
body.theme-guard .sticky-example{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;align-items:start;padding:64px 0 0;margin:0}
body.theme-guard .sticky-example>h2{grid-column:1/-1;margin:0}
body.theme-guard .sticky-example>.agent-run{grid-column:1;margin:0}
body.theme-guard .sticky-example>.code-example{grid-column:2;margin:0}
body.theme-guard .sticky-example>p{grid-column:1/-1;margin:0;max-width:760px;opacity:1;color:var(--soft);font-size:16px}
body.theme-guard .sticky-example h2::before{content:"";display:inline-block;width:.4em;height:.4em;border-top:.17em solid var(--pur);border-right:.17em solid var(--pur);transform:rotate(45deg);margin-inline-end:.5em;vertical-align:.12em}

/* ---------- faq ---------- */
body.theme-guard main.wrap>.faq{max-width:none;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;align-items:start}
body.theme-guard .faq>h2{grid-column:1/-1;margin:0 0 12px}
body.theme-guard .faq details{--c:var(--red);padding:0;background:var(--paper);border:1px solid var(--line);border-top:1px solid var(--line);border-inline-start:6px solid var(--c);min-width:0}
body.theme-guard .faq details:nth-of-type(even){--c:var(--blue)}
body.theme-guard .faq summary{list-style:none;display:flex;gap:14px;align-items:flex-start;padding:18px 20px;cursor:pointer;font:700 17px/1.4 Inter,sans-serif;color:var(--ink)}
body.theme-guard .faq summary::-webkit-details-marker{display:none}
body.theme-guard .faq summary::before{
  content:"";flex:none;width:24px;height:24px;margin-top:0;border:2px solid var(--ink);border-radius:50%;
  background:linear-gradient(var(--ink),var(--ink)) center/10px 2px no-repeat,linear-gradient(var(--ink),var(--ink)) center/2px 10px no-repeat,var(--paper);
}
body.theme-guard .faq details[open] summary::before{background:linear-gradient(#fff,#fff) center/10px 2px no-repeat,var(--c);border-color:var(--c)}
body.theme-guard .faq details[open] summary{padding-bottom:8px}
body.theme-guard .faq p{margin:0;padding:0 20px 20px 58px;max-width:none;opacity:1;color:var(--soft);font-size:15.5px;line-height:1.7}
[dir=rtl] body.theme-guard .faq p{padding:0 58px 20px 20px}

/* ---------- closing: red and blue meet in purple ---------- */
body.theme-guard main.wrap>.closing{
  text-align:start;color:#fff;display:block;padding-top:calc(var(--cut) + 56px);padding-bottom:72px;
}
body.theme-guard main.wrap>.closing::before{
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 520 420'%3E%3Cpath d='M40 60L170 210 40 360' fill='none' stroke='%23e0654e' stroke-width='46' stroke-linejoin='miter' stroke-linecap='butt'/%3E%3Cpath d='M480 60L350 210 480 360' fill='none' stroke='%236fa5d6' stroke-width='46' stroke-linejoin='miter' stroke-linecap='butt'/%3E%3Cpath d='M260 100L350 210 260 320 170 210z' fill='none' stroke='%23c9a4f0' stroke-width='14' stroke-linejoin='round'/%3E%3Cpath d='M260 150L305 210 260 270 215 210z' fill='%23c9a4f0'/%3E%3C/svg%3E") right max(24px,calc((100vw - 1280px)/2)) center/auto 74% no-repeat,var(--b-pat),var(--b-col);
}
[dir=rtl] body.theme-guard main.wrap>.closing::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 520 420'%3E%3Cpath d='M40 60L170 210 40 360' fill='none' stroke='%23e0654e' stroke-width='46' stroke-linejoin='miter' stroke-linecap='butt'/%3E%3Cpath d='M480 60L350 210 480 360' fill='none' stroke='%236fa5d6' stroke-width='46' stroke-linejoin='miter' stroke-linecap='butt'/%3E%3Cpath d='M260 100L350 210 260 320 170 210z' fill='none' stroke='%23c9a4f0' stroke-width='14' stroke-linejoin='round'/%3E%3Cpath d='M260 150L305 210 260 270 215 210z' fill='%23c9a4f0'/%3E%3C/svg%3E") left max(24px,calc((100vw - 1280px)/2)) center/auto 74% no-repeat,var(--b-pat),var(--b-col)}
body.theme-guard .closing>span{display:inline-block;margin:0 0 16px;padding:5px 12px;font:600 13px/1.3 Inter,sans-serif;letter-spacing:0;text-transform:none;color:#fff;border:1.5px solid rgba(255,255,255,.7)}
body.theme-guard .closing h2{color:#fff;margin:0 0 20px;max-width:760px;font-size:clamp(30px,3.6vw,50px);line-height:1.08}
body.theme-guard .closing p{max-width:660px;margin:0 0 30px;font-size:18px;line-height:1.65;opacity:1;color:#efe8f6}
body.theme-guard .closing .button.primary{background:#fff;color:var(--pur-d);border-color:#fff;box-shadow:5px 5px 0 var(--ink)}
body.theme-guard .closing .button.primary:hover{box-shadow:2px 2px 0 var(--ink)}
body.theme-guard .closing h2+.button{margin-top:10px}

/* ---------- agent run: the move log ---------- */
body.theme-guard .agent-run{--c:var(--blue);background:var(--paper);border:2px solid var(--ink);border-radius:0;box-shadow:9px 9px 0 var(--c);min-width:0}
body.theme-guard .agent-run-bar{padding:11px 16px;background:linear-gradient(90deg,var(--red) 0 46%,var(--pur) 46% 54%,var(--blue) 54% 100%);color:#fff;border-bottom:2px solid var(--ink);font-weight:600}
body.theme-guard .agent-run-bar span:first-child{opacity:1}
body.theme-guard .agent-run-mode{color:#fff}
body.theme-guard .agent-run-body{padding:20px}
body.theme-guard .agent-run-prompt span{background:var(--blue-t);color:var(--ink);border-radius:0;border-inline-start:5px solid var(--blue)}
body.theme-guard .agent-run-steps li{--c:var(--red);background:#f1f3f6;border:1px solid var(--line);border-inline-start:5px solid var(--c);border-radius:0}
body.theme-guard .agent-run-steps li:nth-child(even){--c:var(--blue)}
body.theme-guard .ar-tool{color:var(--ink)}
body.theme-guard .ar-ok{color:var(--pur)}
body.theme-guard .agent-run-foot>span:first-child{opacity:1;color:var(--soft)}
body.theme-guard .ar-btn{border-radius:0;border:1.5px solid var(--ink);color:var(--ink);background:var(--paper)}
body.theme-guard .ar-btn-primary{background:var(--pur);border-color:var(--pur-d);color:#fff}
body.theme-guard .sticky-example .agent-run,body.theme-guard .split-section .agent-run{--c:var(--red)}
body.page-0 main.wrap>.split-section{grid-template-columns:minmax(0,1fr);row-gap:26px}
body.page-0 main.wrap>.split-section>h2{grid-column:1;grid-row:1;margin-bottom:0}
body.page-0 main.wrap>.split-section>ol{grid-column:1;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px}
body.theme-guard .code-example{background:var(--ink);color:#e8ecf3;border:0;border-radius:0;border-top:4px solid var(--pur)}
body.theme-guard .code-example>div{background:#2a3347;color:#e8ecf3}
body.theme-guard .code-example button{background:#ffffff26;color:#fff;border-radius:0}
body.theme-guard .code-example pre{padding:18px 20px;font-size:12.5px}
body.theme-guard .notice{border:1px solid var(--line);border-inline-start:6px solid var(--pur);background:var(--paper);padding:18px 24px;font-size:15px;color:var(--soft);opacity:1}
body.theme-guard .notice strong{color:var(--ink)}

/* ---------- models: connection as network nodes ---------- */
body.theme-guard .connection{display:flex;align-items:center;justify-content:center;gap:18px;margin:0;border:0;border-radius:0;font:800 clamp(15px,1.8vw,24px)/1.2 var(--disp)}
body.theme-guard .connection span{flex:1 1 0;max-width:300px;min-width:0;padding:26px 20px;text-align:center;background:var(--paper);border:3px solid var(--red);border-radius:0;box-shadow:7px 7px 0 var(--red)}
body.theme-guard .connection span:nth-of-type(2){border-color:var(--pur);box-shadow:7px 7px 0 var(--pur)}
body.theme-guard .connection span:nth-of-type(3){border-color:var(--blue);box-shadow:7px 7px 0 var(--blue)}
body.theme-guard .connection b{flex:none;color:var(--pur);font-size:1.5em}

/* ---------- download ---------- */
body.theme-guard .download-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:56px;margin:0;align-items:start}
body.theme-guard .download-card{
  text-align:center;background:var(--paper);padding:40px 26px 36px;border-radius:0;border:10px solid transparent;border-width:10px 3px 3px;
  border-image:linear-gradient(90deg,var(--red) 0 46%,var(--pur) 46% 54%,var(--blue) 54% 100%) 1;box-shadow:10px 10px 0 var(--pur);
}
body.theme-guard .app-icon{width:92px;height:92px;border-radius:0;margin:0 auto 20px;box-shadow:none;color:#fff;font:900 52px/1 var(--disp);background:linear-gradient(115deg,var(--red) 0 44%,var(--pur-d) 44% 56%,var(--blue) 56% 100%);text-shadow:0 2px 0 rgba(28,34,48,.45)}
body.theme-guard .download-card h2{font-size:30px;margin:0 0 6px}
body.theme-guard .download-card h2::before{display:none}
body.theme-guard .download-card p{margin:0 0 22px;color:var(--soft)}
body.theme-guard .download-grid>div:last-child p.large{font-size:20px;line-height:1.6;opacity:1;color:var(--ink);margin:0 0 22px}
body.theme-guard .download-grid .notice{margin-top:22px}

/* ---------- privacy ---------- */
body.theme-guard .privacy.reading{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
body.theme-guard .privacy article{--c:var(--red);padding:26px 30px 14px;background:var(--paper);border:1px solid var(--line);border-top:5px solid var(--c)}
body.theme-guard .privacy article:nth-child(even){--c:var(--blue)}
body.theme-guard .privacy article:nth-child(5){--c:var(--pur)}
body.theme-guard .privacy article{--side:var(--c)}
body.theme-guard .privacy article h2{font-size:24px;margin:0 0 .5em}
body.theme-guard .privacy article h2::before{border-color:var(--c)}
body.theme-guard .privacy p{font-size:16px;opacity:1;line-height:1.7}
body.theme-guard .privacy .updated{align-self:end;margin:0;font-size:14px!important;color:var(--soft)}

/* ---------- footer ---------- */
body.theme-guard footer.wrap{
  width:100%;max-width:none;margin:0;padding:40px var(--gut) 26px;background:var(--ground);border-top:10px solid transparent;border-image:linear-gradient(90deg,var(--red) 0 46%,var(--pur) 46% 54%,var(--blue) 54% 100%) 1;
}
body.theme-guard .footer-top{gap:24px}
body.theme-guard .footer-top p{opacity:1;color:var(--soft);font-size:14px}
body.theme-guard footer nav{gap:10px;margin:26px 0}
body.theme-guard footer nav a{padding:7px 14px;background:var(--paper);border:1.5px solid var(--ink);font-size:13px;font-weight:600}
body.theme-guard footer nav a:hover{background:var(--pur-t)}
body.theme-guard .footer-bottom{color:var(--soft);font-size:12px}

/* ---------- non-Latin fallbacks for the display face ---------- */
html:is([lang=ru],[lang=uk],[lang=ar],[lang=hi],[lang=th],[lang=ja],[lang=ko]) body.theme-guard :is(h1,h2,h3,.brand,.hero-number,.cards .number,.steps .number,.feature-matrix :is(th,td),.connection,.app-icon,ol.setup li::before,.feature-list strong){font-family:Inter,system-ui,sans-serif;font-weight:800;letter-spacing:-.01em}
html:is([lang=ru],[lang=uk],[lang=ar],[lang=hi],[lang=th],[lang=ja],[lang=ko]) body.theme-guard .home-hero h1{font-size:clamp(30px,3.6vw,50px)}
html:is([lang=ru],[lang=uk],[lang=ar],[lang=hi],[lang=th],[lang=ja],[lang=ko]) body.theme-guard .inner-hero h1{font-size:clamp(28px,3.1vw,42px)}

/* ---------- 1280 and below: steps become a vertical track ---------- */
@media(max-width:1279px){
  body.theme-guard .steps{grid-template-columns:minmax(0,1fr);padding:0 0 0 62px;gap:28px}
  [dir=rtl] body.theme-guard .steps{padding:0 62px 0 0}
  body.theme-guard .steps::before{left:19px;right:auto;top:0;bottom:12px;width:5px;height:auto}
  [dir=rtl] body.theme-guard .steps::before{left:auto;right:19px}
  body.theme-guard .steps::after{left:9.5px;right:auto;top:auto;bottom:0;border-left:12.5px solid transparent;border-right:12.5px solid transparent;border-top:24px solid var(--pur);border-bottom:0}
  [dir=rtl] body.theme-guard .steps::after{left:auto;right:9.5px;transform:none}
  body.theme-guard .steps article{padding:26px 22px 22px;max-width:860px}
  body.theme-guard .steps .number{top:20px;left:-62px}
  [dir=rtl] body.theme-guard .steps .number{left:auto;right:-62px}
  body.theme-guard .steps article .code-example{max-width:560px}
}
@media(max-width:1100px){
  body.theme-guard .feature-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* ---------- tablet and phone: everything stacks ---------- */
@media(max-width:900px){
  body.theme-guard main.wrap>*{--cols:minmax(0,1fr);--hc:1;--bc:1}
  body.theme-guard main.wrap :is(.scenario,.feature-matrix,.split-section,.faq,.reading,.download-grid,.privacy)>*{grid-column:1/-1!important;grid-row:auto!important}
  body.theme-guard main.wrap>*:is(.scenario,.feature-matrix,.split-section,.download-grid){grid-template-columns:minmax(0,1fr)}
  body.theme-guard .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.theme-guard .cards article:nth-child(n)::after{left:-12px;right:-12px}
  body.theme-guard .cards article:nth-child(odd)::after{left:-50vw}
  body.theme-guard .cards article:nth-child(even)::after{right:-50vw}
  body.theme-guard .faq{grid-template-columns:minmax(0,1fr)}
  body.page-0 main.wrap>:nth-child(7),body.page-1 main.wrap>:nth-child(6),body.page-2 main.wrap>:nth-child(4),body.page-3 main.wrap>:nth-child(4),body.page-4 main.wrap>:nth-child(3),body.page-0 main.wrap>:nth-child(10),body.theme-guard .privacy.reading{grid-template-columns:minmax(0,1fr)}
  body.page-0 main.wrap>:nth-child(10)>p:nth-of-type(2){grid-template-columns:repeat(2,minmax(0,1fr))}
  body.page-0 main.wrap>:nth-child(7)>p{margin-bottom:16px}
  body.page-1 main.wrap>:nth-child(6)>:is(h3,p),body.page-3 main.wrap>:nth-child(4)>:is(h3,p),body.page-2 main.wrap>:nth-child(4)>:is(h3,p){margin-top:0}
  body.page-1 main.wrap>:nth-child(6)>p,body.page-3 main.wrap>:nth-child(4)>p{margin-bottom:18px}
  body.page-2 main.wrap>:nth-child(4)>:is(h2:nth-of-type(2),h2:nth-of-type(3)){margin-top:34px!important}
  body.page-2 main.wrap>:nth-child(4)>p{margin-bottom:18px}
  body.page-4 main.wrap>:nth-child(3)>p{margin-bottom:18px}
  body.page-4 main.wrap>:nth-child(3)>.code-example{margin-bottom:18px}
  body.theme-guard .download-grid{gap:34px}
  body.page-0 main.wrap>.split-section>ol{grid-template-columns:minmax(0,1fr)}
  body.theme-guard .home-hero .hero-copy{grid-column:1/-1;grid-row:1}
  body.theme-guard .home-hero .agent-run{grid-column:1/-1;grid-row:2}
  body.theme-guard .sticky-example{grid-template-columns:minmax(0,1fr);padding-top:44px}
  body.theme-guard .sticky-example>:is(.agent-run,.code-example){grid-column:1}
  body.theme-guard .connection{flex-direction:column}
  body.theme-guard .connection span{width:100%;max-width:none;flex:none}
  body.theme-guard .connection b{transform:rotate(90deg)}
  body.theme-guard .scenario>p{grid-row:auto}
}
@media(max-width:760px){
  body.theme-guard{--cut:20px}
  body.theme-guard main.wrap>*{padding:calc(var(--cut) + 38px) var(--gut) 60px}
  body.theme-guard main.wrap>:first-child{padding-top:34px}
  body.theme-guard{--gut:18px}
  body.theme-guard .header{grid-template-columns:1fr auto;gap:10px 12px;padding:12px var(--gut) 14px;min-height:0;background:linear-gradient(115deg,var(--red-t) 0 calc(60% - 4px),var(--pur) calc(60% - 4px) calc(60% + 4px),var(--blue-t) calc(60% + 4px) 100%)}
  body.theme-guard .brand{font-size:21px}
  body.theme-guard .brand-symbol.brand-logo{width:34px;height:34px}
  body.theme-guard .language{margin-inline-start:0}
  body.theme-guard .language select{max-width:140px;font-size:12px;padding:6px 6px}
  body.theme-guard .main-nav{grid-column:1/-1;order:3;flex:none;justify-self:stretch;width:auto;padding:0;font-size:11.5px;box-shadow:3px 3px 0 var(--pur)}
  body.theme-guard .main-nav a{flex:1 1 auto;text-align:center;padding:9px 2px;white-space:nowrap}
  body.theme-guard .home-hero{padding:34px var(--gut) calc(var(--cut) + 130px);row-gap:30px}
  body.theme-guard main.wrap>.home-hero::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 1500' preserveAspectRatio='xMidYMin slice'%3E%3Cdefs%3E%3Cpattern id='h' width='18' height='18' patternUnits='userSpaceOnUse' patternTransform='rotate(45)'%3E%3Cpath d='M0 0h18' stroke='%23a63f2e' stroke-opacity='.10' stroke-width='2'/%3E%3C/pattern%3E%3Cpattern id='g' width='26' height='26' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='2' cy='2' r='1.6' fill='%233d6a93' fill-opacity='.28'/%3E%3C/pattern%3E%3C/defs%3E%3Cpolygon points='0,0 430,0 220,1500 0,1500' fill='%23f2e0da'/%3E%3Cpolygon points='0,0 430,0 220,1500 0,1500' fill='url(%23h)'/%3E%3Cpolygon points='430,0 640,0 640,1500 220,1500' fill='%23dde8f1'/%3E%3Cpolygon points='430,0 640,0 640,1500 220,1500' fill='url(%23g)'/%3E%3Cpath d='M430 0L220 1500' stroke='%2374489c' stroke-width='10' fill='none'/%3E%3Cpath d='M100 1425H360' fill='none' stroke='%2374489c' stroke-width='6' stroke-opacity='0.9' stroke-linejoin='round' stroke-linecap='round' stroke-dasharray='14 10'/%3E%3Cpath d='M360 1425H520' fill='none' stroke='%233d6a93' stroke-width='4' stroke-opacity='0.42' stroke-linejoin='round' stroke-linecap='round'/%3E%3Cpath d='M230.5 1414l11 11l-11 11l-11 -11z' fill='%23fbfbfc' stroke='%2374489c' stroke-width='3.5'/%3E%3Cg transform='translate(100 1425) scale(0.9)'%3E%3Crect x='-32' y='-32' width='64' height='64' rx='12' fill='%23fbfbfc' stroke='%23a63f2e' stroke-width='4'/%3E%3Cg transform='translate(-32 -32)'%3E%3Crect x='17' y='19' width='30' height='20' rx='2' fill='none' stroke='%23a63f2e' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 46h40' fill='none' stroke='%23a63f2e' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(360 1425) scale(0.9)'%3E%3Crect x='-32' y='-32' width='64' height='64' rx='12' fill='%23fbfbfc' stroke='%233d6a93' stroke-width='4'/%3E%3Cg transform='translate(-32 -32)'%3E%3Cpath d='M32 13l14 5v11c0 9-6 15-14 19-8-4-14-10-14-19V18z' fill='none' stroke='%233d6a93' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M32 13v35' fill='none' stroke='%233d6a93' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(520 1425) scale(0.9)'%3E%3Crect x='-32' y='-32' width='64' height='64' rx='12' fill='%23fbfbfc' stroke='%233d6a93' stroke-width='4'/%3E%3Cg transform='translate(-32 -32)'%3E%3Cellipse cx='32' cy='19' rx='14' ry='6' fill='none' stroke='%233d6a93' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 19v26c0 3.3 6.3 6 14 6s14-2.7 14-6V19M18 32c0 3.3 6.3 6 14 6s14-2.7 14-6' fill='none' stroke='%233d6a93' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 50% 0/cover no-repeat,var(--red-t)}
  body.theme-guard .home-hero .hero-copy{padding:26px 20px 26px;box-shadow:7px 7px 0 var(--pur)}
  body.theme-guard .home-hero h1{font-size:clamp(31px,9vw,40px);margin-bottom:16px}
  body.theme-guard .hero-lead{font-size:16px}
  body.theme-guard .home-hero .actions{margin-top:22px}
  body.theme-guard .home-hero .actions .button{flex:1 1 100%}
  body.theme-guard .inner-hero{padding:30px var(--gut) calc(var(--cut) + 46px)}
  body.theme-guard .inner-hero .hero-copy{padding:24px 20px 22px;box-shadow:6px 6px 0 var(--pur)}
  body.theme-guard .inner-hero h1{font-size:clamp(27px,8vw,34px)}
  body.theme-guard .hero-number{display:none}
  body.theme-guard .cards{grid-template-columns:minmax(0,1fr);gap:34px}
  body.theme-guard .cards article:nth-child(n)::after{left:-50vw;right:-50vw}
  body.theme-guard .cards h3{font-size:25px}
  body.theme-guard .scenario>p{padding:22px 20px;font-size:16.5px}
  body.theme-guard .steps{padding-inline-start:54px}
  body.theme-guard .steps::before{left:15px}
  [dir=rtl] body.theme-guard .steps{padding:0 54px 0 0}
  [dir=rtl] body.theme-guard .steps::before{left:auto;right:15px}
  body.theme-guard .steps::after{left:5.5px}
  [dir=rtl] body.theme-guard .steps::after{left:auto;right:5.5px}
  body.theme-guard .steps .number{left:-54px;width:40px;height:40px;font-size:14px}
  [dir=rtl] body.theme-guard .steps .number{left:auto;right:-54px}
  body.theme-guard .steps article{padding:24px 16px 20px}
  body.theme-guard .feature-matrix thead tr{display:flex;flex-wrap:wrap;gap:8px;padding:12px}
  body.theme-guard .feature-matrix thead th{padding:7px 12px;font-size:14px;border:0;width:auto}
  body.theme-guard .feature-matrix thead th:empty{display:none}
  body.theme-guard .feature-matrix thead{display:block;border-bottom:2px solid var(--ink);background:var(--ground)}
  body.theme-guard .feature-matrix table{display:block}
  body.theme-guard .feature-matrix tbody{display:block}
  body.theme-guard .feature-matrix tbody tr{display:block;border-bottom:3px solid var(--ink)}
  body.theme-guard .feature-matrix tbody tr:last-child{border-bottom:0}
  body.theme-guard .feature-matrix tbody :is(th,td){display:block;width:auto;padding:14px 16px;border-bottom:0}
  body.theme-guard .feature-matrix tbody th{font-size:17px;border-inline-start-width:6px}
  body.theme-guard .feature-matrix tbody td{border-inline-start:6px solid #c8ccd4}
  body.theme-guard .feature-matrix tbody td:last-child{border-inline-start-color:var(--pur)}
  body.theme-guard .feature-list{grid-template-columns:minmax(0,1fr)}
  body.page-0 main.wrap>:nth-child(10)>p:nth-of-type(2){grid-template-columns:minmax(0,1fr)}
  body.theme-guard .faq summary{font-size:16px;padding:16px 16px}
  body.theme-guard .faq p{padding:0 16px 18px 54px}
  [dir=rtl] body.theme-guard .faq p{padding:0 54px 18px 16px}
  body.theme-guard .closing h2{font-size:30px}
  body.theme-guard main.wrap>.closing::before{background:var(--b-pat),var(--b-col)}
  body.theme-guard .closing p{font-size:16.5px}
  body.theme-guard .agent-run{box-shadow:6px 6px 0 var(--c)}
  body.theme-guard .agent-run-body{padding:14px}
  body.theme-guard .download-card{padding:30px 18px;box-shadow:6px 6px 0 var(--pur)}
  body.theme-guard footer.wrap{padding:30px var(--gut) 22px}
  body.theme-guard .reading>p.large,body.theme-guard .product-lead p.large{padding:22px 20px}
}

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