/* Security page (green). Loaded after page.css; every rule sits under body.sy so nothing leaks to other pages.
   The scenes copy the homepage vocabulary (home.css is not loaded here): safety score cards, the agent scopes card,
   the six-agent strip, the campaign team, an App frame with the Settings audit log, the trust list.
   Motion: the decided state is the markup. security.js adds .sy-mo to <html> only when motion is allowed, then a
   pending class per scene, and plays each change once when the scene is in view. Transform and opacity only. */

/* ---------- Shared ---------- */
/* a plain section after a tint or dark band keeps its full top padding (the kit shares the gap with any section) */
.sy .pg-sec.tint + .pg-sec:not(.tint):not(.dark),.sy .pg-sec.dark + .pg-sec:not(.tint):not(.dark){padding-top:128px;}
.sy .ui .chip{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;font-size:12px;line-height:16px;font-weight:500;white-space:nowrap;background:var(--u-wash);color:var(--u-2);}
.sy .ui .ag{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;background:var(--u-teal-w);color:var(--u-teal);font-size:12px;font-weight:500;white-space:nowrap;}
.sy .ui .av{outline:1px solid rgba(0,0,0,.1);outline-offset:-1px;}
.sy .ui .cap{font-size:12px;}
.sy .ui .nm{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;}
.sy .tb .mk{fill:var(--u-ink);}
.sy .sy-stage{display:grid;place-items:center;min-width:0;padding:40px;border-radius:var(--r-l);background:var(--tile);}
.sy .pg-sec.tint .sy-stage{background:var(--canvas);}
.sy .sy-l{margin-top:12px;}
/* a quiet secondary button: in the CTA band it reads as an outline beside the white primary */
.sy .btn.ghost,.sy .pg-cta .btn.ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(238,242,239,.34);}
@media (hover:hover) and (pointer:fine){.sy .btn.ghost:hover,.sy .pg-cta .btn.ghost:hover{background:rgba(255,255,255,.08);color:#fff;}}
.sy .acts{gap:12px;}

/* the three-up point list (S3, S5) and the stacked list beside a scene (S4) */
.sy .sy-pts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;margin-top:56px;}
.sy .sy-pts li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;align-content:start;padding-top:24px;border-top:1px solid var(--line);}
.sy .sy-pts .ic{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:#fff;box-shadow:0 0 0 1px rgba(20,32,27,.06),var(--sh-1);}
.sy .pg-sec.tint .sy-pts .ic{background:var(--canvas);box-shadow:inset 0 0 0 1px var(--line);}
.sy .sy-pts .ic .ico{width:18px;height:18px;color:var(--green-2);}
.sy .sy-pts h3{font-size:var(--fs-h3);line-height:1.3;letter-spacing:-0.02em;}
.sy .sy-pts p{margin-top:4px;color:var(--ink-2);font-size:15px;}
.sy .sy-pts.col{grid-template-columns:minmax(0,1fr);gap:0;margin-top:0;align-content:center;}
.sy .sy-pts.col li{padding:24px 0;}
.sy .sy-pts.col li:last-child{border-bottom:1px solid var(--line);}
.sy .sy-pts.dk li{border-color:var(--edge-dk);}
.sy .sy-pts.dk .ic{background:transparent;box-shadow:inset 0 0 0 1px var(--edge-dk);}
.sy .sy-pts.dk .ic .ico{color:#CFE3D6;}
.sy .sy-pts.dk p{color:var(--on-dark-2);}

/* ---------- S1 Hero ---------- */
.sy .sy-hero{padding-bottom:88px;}
.sy .sy-hg{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:end;}
.sy .sy-hero h1{max-width:12em;}
.sy .sy-hc .sub{margin-top:0;}
.sy .sy-trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 32px;margin-top:96px;}
.sy .sy-trust li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 16px;align-content:start;padding-top:24px;border-top:1px solid rgba(255,255,255,.16);}
.sy .sy-trust .mk{grid-row:span 2;width:44px;height:44px;border-radius:10px;background:#fff;display:grid;place-items:center;padding:6px;}
.sy .sy-trust .mk img{width:32px;height:32px;object-fit:contain;}
.sy .sy-trust .mk.t{background:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);}
.sy .sy-trust .mk.t .ico{width:20px;height:20px;color:#CFE3D6;stroke-width:1.5;}
.sy .sy-trust .tt{display:block;font-size:17px;line-height:1.35;font-weight:500;letter-spacing:-0.015em;color:#fff;}
.sy .sy-trust p{font-size:15px;line-height:1.5;color:#B8C9C0;}

/* ---------- S2 Scores and checks ---------- */
.sy .sy-ai-g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:stretch;}
.sy .sy-ai-g > .sy-pts{order:-1;}
.sy .sy-sst{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:48px 48px 32px;border-radius:var(--r-l);background:var(--tile);}
.sy .sy-sr{display:flex;flex-direction:column;gap:16px;width:100%;max-width:600px;margin:0 auto;}
.sy .sy-sr > .sy-s{width:calc(100% - 56px);}
.sy .sy-sr > .sy-s + .sy-s{align-self:flex-end;}
.sy .sy-s{border-radius:var(--r-m);background:#fff;box-shadow:0 0 0 1px rgba(20,32,27,.05),0 18px 40px -18px rgba(12,38,30,.35);overflow:hidden;}
.sy .sy-sh{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--u-line);}
.sy .sy-sh .av,.sy .sy-sh .avt{width:32px;height:32px;}
.sy .sy-sh b{font-size:14px;}
.sy .sy-sb{display:flex;gap:12px;align-items:flex-start;padding:16px;}
.sy .sy-sb .t{flex:1;min-width:0;}
.sy .sy-i{width:32px;height:32px;flex:0 0 auto;display:grid;place-items:center;border-radius:8px;background:var(--u-teal-w);}
.sy .ui .sy-i .ico{width:16px;height:16px;color:var(--u-teal);}
.sy .sy-i.att{background:var(--u-att-w);}
.sy .ui .sy-i.att .ico{color:var(--u-att);}
.sy .sy-k{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin-bottom:4px;}
.sy .sy-k b{font-size:15px;font-weight:600;}
.sy .sy-k .ag{margin-left:auto;}
.sy .sy-ls{display:inline-flex;align-items:center;gap:6px;margin-left:auto;}
.sy .sy-rs{display:block;text-wrap:pretty;}
.sy .scope .sr .t .sm{display:block;text-wrap:balance;}
.sy .sy-m .sm{text-wrap:pretty;}
.sy .sy-sa{display:flex;gap:8px;padding:0 16px 16px 60px;}
.sy .ui .sy-sa .ico{width:14px;height:14px;color:var(--u-ink);}
.sy .sy-dis{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:28px;font-size:13px;line-height:20px;color:var(--ink-2);}
.sy .sy-dis .star{width:12px;height:12px;flex:0 0 auto;fill:var(--green-2);}
.sy .sy-nums .ic.n{font-size:14px;line-height:20px;font-weight:500;color:var(--green-2);font-variant-numeric:tabular-nums;}

/* ---------- S3 Agents and scopes ---------- */
.sy .sy-ag-g{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:20px;align-items:stretch;}
.sy .scope{width:100%;max-width:600px;overflow:hidden;border-radius:var(--r-m);background:#fff;box-shadow:0 0 0 1px rgba(20,32,27,.05),var(--sh-2);}
.sy .scope .sh{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--u-line);background:var(--u-canvas);}
.sy .scope .sh2{border-top:1px solid var(--u-line);}
.sy .scope .sh .r{margin-left:auto;display:inline-flex;align-items:baseline;white-space:pre;}
.sy .scope .sr{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#fff;border-bottom:1px solid var(--u-line);}
.sy .scope .sr:last-child{border-bottom:0;}
.sy .scope .ai{display:inline-flex;align-items:center;gap:3px;height:20px;padding:0 7px;border-radius:999px;background:var(--u-teal-w);color:var(--u-teal);font-size:12px;font-weight:600;flex:0 0 auto;}
.sy .scope .ai .star{width:8px;height:8px;}
.sy .scope .sr .t{flex:1;min-width:0;}
.sy .scope .sr .t b{display:block;}
.sy .scope .seg{display:inline-flex;border:1px solid var(--u-in);border-radius:8px;overflow:hidden;flex:0 0 auto;}
.sy .scope .seg span{position:relative;padding:4px 10px;color:var(--u-3);}
.sy .scope .seg span.on{background:#fff;color:var(--u-ink);font-weight:500;box-shadow:0 0 0 1px var(--u-in);}
.sy .scope .lock{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--u-in);border-radius:8px;color:var(--u-2);flex:0 0 auto;}
.sy .scope .lock .ico{width:13px;height:13px;}
/* the count swap: two numerals stacked in one slot, the decided one showing */
.sy .sw-n{display:inline-grid;overflow:hidden;height:16px;vertical-align:top;}
.sy .sw-n > span{grid-area:1/1;transition:transform .26s var(--ease-out),opacity .26s var(--ease-out);}
.sy .sw-n .b{transform:translateY(100%);opacity:0;}
.sy-mo .sy #sy-scope.pend .sw-n .a{transform:translateY(-100%);opacity:0;}
.sy-mo .sy #sy-scope.pend .sw-n .b{transform:none;opacity:1;}

.sy .sy-pwr{display:flex;flex-direction:column;border-radius:var(--r-l);background:var(--green-deep);color:var(--on-dark);padding:32px;}
.sy .sy-pwr-h{display:flex;align-items:center;gap:10px;font-size:var(--fs-h3);line-height:1.3;letter-spacing:-0.02em;font-weight:500;}
.sy .sy-pwr-h .star{width:14px;height:14px;fill:#9FD1BE;}
.sy .sy-pwr ul{margin-top:18px;}
.sy .sy-pwr li{display:grid;grid-template-columns:minmax(0,9fr) minmax(0,16fr);gap:16px;padding:13px 0;border-top:1px solid rgba(255,255,255,.14);}
.sy .sy-pwr b{font-weight:500;font-size:15px;line-height:22px;}
.sy .sy-pwr li span{font-size:15px;line-height:22px;color:var(--on-dark-2);text-wrap:pretty;}

/* ---------- S4 Access ---------- */
.sy .sy-ac-g{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:stretch;}
.sy .sy-team{width:100%;max-width:560px;border-radius:var(--r-m);background:#fff;box-shadow:0 0 0 1px rgba(20,32,27,.05),var(--sh-2);overflow:hidden;}
.sy .sy-th{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:14px 16px 12px;border-bottom:1px solid var(--u-line);}
.sy .sy-th .t{display:flex;flex-direction:column;min-width:0;}
.sy .sy-th b{font-size:15px;line-height:22px;}
.sy .sy-roles{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;}
.sy .sy-roles .sm{margin-right:4px;}
.sy .sy-roles .rl{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;border:1px solid var(--u-in);font-size:12px;color:var(--u-2);}
.sy .sy-ms{padding:4px 0;}
.sy .sy-m{display:flex;align-items:center;gap:12px;padding:11px 16px;}
.sy .sy-m + .sy-m{border-top:1px solid var(--u-line);}
.sy .sy-m .t{flex:1;min-width:0;display:flex;flex-direction:column;}
.sy .sy-m .avt{width:34px;height:34px;}
.sy .ui .avt.has-img{background:none;overflow:hidden;padding:0;}
.sy .ui .avt.has-img img{width:100%;height:100%;display:block;border-radius:50%;object-fit:cover;outline:1px solid rgba(0,0,0,.1);outline-offset:-1px;}
.sy .ui .avt.od.has-img{box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--green);}
.sy .sy-od{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 8px 0 6px;border-radius:999px;background:var(--u-teal-w);color:var(--green);font-size:12px;font-weight:500;}
.sy .sy-od svg{width:11px;height:11px;fill:currentColor;}
.sy .sy-agc{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;background:var(--u-wash);color:var(--u-2);font-size:12px;font-weight:500;}
.sy .sy-r{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;background:var(--u-wash);color:var(--u-2);font-size:12px;font-weight:500;flex:0 0 auto;}
.sy .sy-r.ad{background:var(--u-dark);color:#fff;}

/* ---------- S5 Audit log ---------- */
.sy .sy-au-f{min-width:0;}
.sy .sy-app{max-width:1120px;margin:0 auto;}
.sy .sy-au-bd{padding:20px 24px 24px;background:var(--u-canvas);}
.sy .sy-tabs{display:flex;gap:22px;border-bottom:1px solid var(--u-line);font-size:13px;color:var(--u-2);}
.sy .sy-tabs span{padding:4px 0 10px;white-space:nowrap;}
.sy .sy-tabs .on{color:var(--u-ink);font-weight:500;box-shadow:inset 0 -2px 0 var(--u-ink);}
.sy .sy-flt{display:flex;gap:8px;margin:16px 0 14px;}
.sy .sy-flt .sel{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 10px 0 12px;border:1px solid var(--u-in);border-radius:8px;background:#fff;white-space:nowrap;flex:0 0 auto;}
.sy .ui .sy-flt .ico{width:14px;height:14px;color:var(--u-3);}
.sy .sy-tbl{overflow:hidden;}
.sy .sy-tr{display:grid;grid-template-columns:120px 150px 150px minmax(0,1fr) 96px;gap:16px;align-items:center;min-height:52px;padding:0 16px;background:#fff;}
.sy .sy-rows{position:relative;}
.sy .sy-rows .sy-tr{border-top:1px solid var(--u-line);}
.sy .sy-tr.th{min-height:38px;background:var(--u-canvas);font-size:12px;line-height:16px;letter-spacing:.04em;text-transform:uppercase;color:var(--u-3);font-weight:500;}
.sy .sy-tr > span{min-width:0;}
.sy .sy-tr .tm{color:var(--u-2);white-space:nowrap;}
.sy .sy-tr .us{display:flex;align-items:center;gap:8px;white-space:nowrap;font-weight:500;}
.sy .sy-tr .us .av{width:22px;height:22px;}
.sy .sy-tr .ds{color:var(--u-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sy .sy-tr .ok{display:inline-flex;align-items:center;gap:6px;color:var(--u-ok);font-size:12px;font-weight:500;}
.sy .ui .sy-tr .ok .ico{width:14px;height:14px;color:var(--u-ok-d);}
/* the newest row: under motion it arrives at the top, the others make room, and a soft wash settles */
.sy .sy-tr.nw{position:relative;}
.sy .sy-tr.nw::before{content:"";position:absolute;inset:0;background:var(--u-teal-w);opacity:0;pointer-events:none;}
.sy .sy-tr.nw > span{position:relative;}
.sy-mo .sy .sy-rows > .sy-tr{transition:transform .38s var(--ease-out),opacity .28s var(--ease-out);}
.sy-mo .sy #sy-log.pend .sy-tr.nw{opacity:0;transform:translateY(-10px);}
.sy-mo .sy #sy-log.pend .sy-tr:not(.nw){transform:translateY(calc(var(--rh, 53px) * -1));transition:none;}
.sy-mo .sy #sy-log.played .sy-tr.nw::before{animation:sy-wash 1.1s var(--ease-out) .15s both;}
@keyframes sy-wash{0%{opacity:0}20%{opacity:1}100%{opacity:0}}

/* ---------- S6 Your data ---------- */
.sy .sy-da-g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start;}
.sy .sy-da-t .lede{margin-top:20px;}
.sy .sy-da-t .sy-l{margin-top:24px;}
.sy .sy-tiles li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 16px;padding:24px 0;border-top:1px solid var(--line);}
.sy .sy-tiles li:last-child{border-bottom:1px solid var(--line);}
.sy .sy-tiles .mk{grid-row:span 2;width:44px;height:44px;border-radius:10px;display:grid;place-items:center;background:#fff;box-shadow:0 0 0 1px rgba(20,32,27,.06),var(--sh-1);}
.sy .sy-tiles .mk .ico{width:20px;height:20px;color:var(--green-2);}
.sy .sy-tiles h3{font-size:var(--fs-h3);line-height:1.3;letter-spacing:-0.02em;}
.sy .sy-tiles p{color:var(--ink-2);font-size:15px;}
.sy .sy-nx{grid-column:2;display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 10px;justify-self:start;margin-top:12px;padding:8px 12px;border-radius:10px;background:#fff;box-shadow:0 0 0 1px rgba(20,32,27,.06),var(--sh-1);font-size:13px;line-height:20px;}
.sy .sy-nx .cap{font-size:12px;line-height:16px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);font-weight:500;}
.sy .sy-nx b{font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums;}
.sy .sy-tiles .sy-nx .sm{color:var(--ink-2);}

/* ---------- S6b Controls and contracts: the S6 tile (mark, title, line), six in a 3 by 2 grid on the tint ---------- */
.sy .sy-cc-l{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;}
.sy .sy-cc-l li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 16px;align-content:start;padding:24px 0 32px;border-top:1px solid var(--line);}
.sy .sy-cc-l .mk{grid-row:span 2;width:44px;height:44px;border-radius:10px;display:grid;place-items:center;background:var(--canvas);box-shadow:inset 0 0 0 1px var(--line);}
.sy .sy-cc-l .mk .ico{width:20px;height:20px;color:var(--green-2);}
.sy .sy-cc-l h3{font-size:var(--fs-h3);line-height:1.3;letter-spacing:-0.02em;}
.sy .sy-cc-l p{color:var(--ink-2);font-size:15px;}

/* ---------- S7 CTA ---------- */
.sy .pg-cta .mark{position:absolute;right:-60px;top:-80px;width:360px;opacity:.07;pointer-events:none;}

/* ---------- Motion (only with .sy-mo, which security.js sets when motion is allowed) ---------- */
/* S2: the two cards rise in, then the reason and the flag land */
.sy-mo .sy #sy-sc .sy-s{transition:transform .38s var(--ease-out),opacity .3s var(--ease-out);}
.sy-mo .sy #sy-sc .sy-s + .sy-s{transition-delay:60ms;}
.sy-mo .sy #sy-sc :is(.sy-rs,.sy-ls,.tag,.sy-sa){transition:opacity .28s var(--ease-out) .2s,transform .28s var(--ease-out) .2s;}
.sy-mo .sy #sy-sc .sy-s + .sy-s :is(.sy-ls,.sy-sa){transition-delay:.28s;}
.sy-mo .sy #sy-sc.pend .sy-s{opacity:0;transform:translateY(12px);}
.sy-mo .sy #sy-sc.pend :is(.sy-rs,.sy-ls,.tag,.sy-sa){opacity:0;transform:translateY(4px);}
/* S3: Schedule changes moves from Record only to Execute (a crossfade of the two highlights) */
.sy .scope .sy-flip{position:relative;isolation:isolate;}
.sy .scope .sy-flip span,.sy .scope .sy-flip span.on{background:none;box-shadow:none;}
.sy .scope .sy-flip span::before{content:"";position:absolute;inset:0;z-index:-1;background:#fff;box-shadow:0 0 0 1px var(--u-in);opacity:0;transition:opacity .22s var(--ease-out);}
.sy .scope .sy-flip span.on::before{opacity:1;}
.sy-mo .sy #sy-scope.pend .sy-flip .ex::before{opacity:0;}
.sy-mo .sy #sy-scope.pend .sy-flip .ro::before{opacity:1;}
.sy-mo .sy #sy-scope.pend .sy-flip .ex{color:var(--u-3);}
.sy-mo .sy #sy-scope.pend .sy-flip .ro{color:var(--u-ink);}
/* S4: the Odore specialists join the team one by one */
.sy-mo .sy #sy-team .sy-m.od{transition:opacity .28s var(--ease-out),transform .28s var(--ease-out);transition-delay:calc(40ms + var(--i,0) * 60ms);}
.sy-mo .sy #sy-team.pend .sy-m.od{opacity:0;transform:translateY(8px);}

/* ---------- Responsive ---------- */
@media (max-width:1279px){
  .sy .sy-tr{grid-template-columns:104px 136px 140px minmax(0,1fr) 84px;gap:12px;}
}
@media (max-width:1099px){
  .sy .sy-hg{grid-template-columns:minmax(0,1fr);gap:24px;}
  .sy .sy-trust{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;margin-top:64px;}
  .sy .sy-trust li{padding-bottom:24px;}
  .sy .sy-ag-g{grid-template-columns:minmax(0,1fr);}
  .sy .sy-ai-g{grid-template-columns:minmax(0,1fr);gap:40px;}
  .sy .sy-ai-g > .sy-pts{order:0;}
  .sy .sy-ac-g{grid-template-columns:minmax(0,1fr);gap:40px;}
  .sy .sy-pts.col{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;}
  .sy .sy-pts.col li{padding:24px 0 0;}
  .sy .sy-pts.col li:last-child{border-bottom:0;}
  .sy .sy-da-g{grid-template-columns:minmax(0,1fr);gap:40px;}
  .sy .sy-cc-l{grid-template-columns:repeat(2,minmax(0,1fr));}
  .sy .sy-pwr ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;}
  .sy .sy-pwr li{grid-template-columns:minmax(0,1fr);gap:2px;}
  .sy .sy-tr{grid-template-columns:96px 128px 132px minmax(0,1fr);}
  .sy .sy-tr > :last-child{display:none;}
}
@media (max-width:899px){
  .sy .sy-pts,.sy .sy-pts.col{grid-template-columns:minmax(0,1fr);}
  .sy .sy-pts li,.sy .sy-pts.col li{padding:20px 0;}
  .sy .sy-pts li:last-child,.sy .sy-pts.col li:last-child{border-bottom:1px solid var(--line);}
  .sy .sy-pts.dk li:last-child{border-color:var(--edge-dk);}
  .sy .sy-app .tb .nv .l,.sy .sy-app .tb .cmp span{display:none;}
  /* the audit table becomes two-line items: time and user, then the action and its description */
  .sy .sy-tr.th{display:none;}
  .sy .sy-rows .sy-tr:first-child{border-top:0;}
  .sy .sy-tr{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"us us tm" "ac ds ds";gap:6px 10px;padding:12px 14px;}
  .sy .sy-tr .us{grid-area:us;}
  .sy .sy-tr .tm{grid-area:tm;font-size:12px;}
  .sy .sy-tr .ac{grid-area:ac;}
  .sy .sy-tr .ds{grid-area:ds;white-space:normal;text-wrap:pretty;align-self:center;}
  .sy .sy-tr .ac{align-self:start;}
  .sy .sy-au-bd{padding:16px;}
  .sy .sy-tabs{gap:18px;overflow-x:auto;scrollbar-width:none;}
  .sy .sy-tabs::-webkit-scrollbar{display:none;}
}
@media (max-width:759px){
  .sy .pg-sec.tint + .pg-sec:not(.tint):not(.dark),.sy .pg-sec.dark + .pg-sec:not(.tint):not(.dark){padding-top:64px;}
  .sy .sy-hero{padding-bottom:48px;}
  .sy .sy-hero h1{font-size:38px;line-height:1.05;}
  .sy .sy-hg{gap:16px;}
  .sy .sy-hc .acts{flex-direction:column;align-items:stretch;gap:10px;margin-top:24px;}
  .sy .sy-hc .acts .btn{width:100%;}
  /* the four facts as rows: mark left, title and line right, so the line reads at 15px */
  .sy .sy-trust{grid-template-columns:minmax(0,1fr);gap:0;margin-top:40px;}
  .sy .sy-trust li{grid-template-columns:36px minmax(0,1fr);gap:2px 14px;padding:14px 0;}
  .sy .sy-trust li:last-child{padding-bottom:0;}
  .sy .sy-trust .mk{width:36px;height:36px;padding:5px;}
  .sy .sy-trust .mk img{width:26px;height:26px;}
  .sy .sy-trust .mk.t .ico{width:18px;height:18px;}
  .sy .sy-trust .tt{font-size:15px;line-height:22px;}
  .sy .sy-trust p{font-size:15px;line-height:22px;}
  .sy .sy-stage{padding:0;background:none;border-radius:0;}
  .sy .pg-sec.tint .sy-stage{background:none;}
  .sy .sy-sst{padding:0;background:none;border-radius:0;}
  .sy .sy-sr{flex-direction:row;width:auto;max-width:none;margin:0 calc(var(--gut) * -1);}
  .sy .sy-sr > .sy-s{width:auto;}
  .sy .sy-sr[data-snap]{gap:10px;padding-bottom:20px;}
  .sy .sy-sr .ag{display:none;}
  .sy .sy-ai-g{gap:28px;}
  .sy .sy-ai-g > .sy-pts{margin-top:0;}
  .sy .sy-sa{padding-left:16px;}
  .sy .sy-dis{justify-content:flex-start;align-items:flex-start;margin-top:14px;font-size:12px;line-height:18px;}
  .sy .sy-dis .star{margin-top:3px;}
  .sy .sy-ag-g{gap:12px;}
  /* the six agents stay on phones: a compact panel, name over line */
  .sy .sy-pwr{padding:20px;border-radius:var(--r-m);}
  .sy .sy-pwr-h{font-size:18px;}
  .sy .sy-pwr ul{grid-template-columns:minmax(0,1fr);margin-top:14px;}
  .sy .sy-pwr li{padding:12px 0;}
  .sy .sy-pwr li:last-child{padding-bottom:0;}
  .sy .scope .sh .r,.sy .scope .ai{display:none;}
  .sy .scope .sr{gap:10px;padding:10px 12px;}
  .sy .scope .seg span{padding:4px 8px;}
  .sy .scope .lock{padding:4px 8px;white-space:nowrap;}
  .sy .sy-pts{margin-top:28px;}
  .sy .sy-pts li,.sy .sy-pts.col li{grid-template-columns:32px minmax(0,1fr);gap:12px;padding:16px 0;}
  .sy .sy-pts .ic{width:32px;height:32px;border-radius:8px;}
  .sy .sy-pts .ic .ico{width:16px;height:16px;}
  .sy .sy-pts h3{font-size:18px;}
  .sy .sy-pts p{font-size:15px;line-height:22px;}
  .sy .sy-ac-g{gap:28px;}
  .sy .sy-team{max-width:none;}
  .sy .sy-th{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 14px;}
  .sy .sy-m{padding:10px 14px;gap:10px;}
  .sy .sy-app{border-radius:10px;}
  .sy .sy-app .tb{display:none;}
  .sy .sy-au-bd{padding:12px 0 0;}
  .sy .sy-tabs{padding:0 14px;}
  .sy .sy-flt{margin:12px 0;padding:0 14px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;}
  .sy .sy-flt::-webkit-scrollbar{display:none;}
  .sy .sy-tbl{border-radius:0;border-left:0;border-right:0;border-bottom:0;}
  .sy .sy-tr.x{display:none;}
  .sy .sy-da-g{display:flex;flex-direction:column;gap:0;}
  .sy .sy-da-t{display:contents;}
  .sy .sy-tiles{order:1;margin-top:28px;}
  .sy .sy-da-t .sy-l{order:2;margin-top:20px;align-self:flex-start;}
  .sy .sy-tiles li{grid-template-columns:32px minmax(0,1fr);gap:4px 12px;padding:16px 0;}
  .sy .sy-tiles .mk{width:32px;height:32px;border-radius:8px;}
  .sy .sy-tiles .mk .ico{width:16px;height:16px;}
  .sy .sy-tiles h3{font-size:18px;}
  .sy .sy-tiles p{font-size:15px;line-height:22px;}
  .sy .sy-nx{font-size:12px;line-height:18px;}
  .sy .sy-cc-l{grid-template-columns:minmax(0,1fr);}
  .sy .sy-cc-l li{grid-template-columns:32px minmax(0,1fr);gap:4px 12px;padding:16px 0;}
  .sy .sy-cc-l li:last-child{border-bottom:1px solid var(--line);}
  .sy .sy-cc-l .mk{width:32px;height:32px;border-radius:8px;}
  .sy .sy-cc-l .mk .ico{width:16px;height:16px;}
  .sy .sy-cc-l h3{font-size:18px;}
  .sy .sy-cc-l p{font-size:15px;line-height:22px;}
  .sy .pg-cta .acts{flex-direction:column;align-items:stretch;gap:10px;}
  .sy .pg-cta .acts .btn{width:100%;}
  .sy .pg-cta .mark{width:220px;right:-50px;top:-40px;}
}
@media (prefers-reduced-motion:reduce){
  .sy .sy-tr.nw::before{display:none;}
}

/* Vulnerability disclosure line under the procurement checklist (security.txt Policy points here) */
.pg .sy-vd{margin:32px 0 0;font-size:15px;color:var(--ink-2);}
.pg .sy-vd a{color:var(--green-2);text-decoration:underline;text-underline-offset:3px;}