/* marketplace.css: the MDBM Marketplace as a store front (MKT-18), one look for the three profiles. MKT-08: the operator's own identity:
   the MDBM logo, navy and gold, IBM Plex (served from /fonts, SIL OFL 1.1: fonts/OFL.txt). Designed for a phone (390 px) as for a desktop:
   below 760 px the profile's tabs become a bar at the foot of the screen and every page is one column; nothing is wider than the screen. */
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/ibm-plex-sans-v23-latin-regular.ttf') format('truetype')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/ibm-plex-sans-v23-latin-600.ttf') format('truetype')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/ibm-plex-sans-v23-latin-700.ttf') format('truetype')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/ibm-plex-mono-v20-latin-regular.ttf') format('truetype')}

:root{
  --navy:#16406B;--navy-deep:#0F2E4F;--navy-soft:#EAF0F7;--ink:#0E1B2A;--ground:#EEF1F5;--border:#E2E8F0;--muted:#5B6B82;
  --gold:#C68B2C;--gold2:#E0B04F;--gold-soft:#FBF3E3;--green:#177A53;--green-soft:#E7F3EE;--red:#B3261E;--red-soft:#FDECEA;
  --card:#FFFFFF;--radius:16px;--shadow:0 1px 2px rgba(14,27,42,.06),0 6px 20px rgba(14,27,42,.05);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ground);color:var(--ink);font-family:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:15px;line-height:1.5;
  min-height:100vh;display:flex;flex-direction:column}
.mono{font-family:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;font-size:13px;overflow-wrap:anywhere;word-break:break-all}
.muted{color:var(--muted)}
a{color:var(--navy)}
button,input,select,textarea{font:inherit;color:inherit}
[hidden]{display:none!important}

/* ---- icons: one mask per glyph, drawn in the text colour ---------------------------------------------------------------- */
.ico{display:inline-block;width:20px;height:20px;flex:none;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.i-discover{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><path d='M15.5 8.5l-2 5-5 2 2-5z'/></svg>")}
.i-systems{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='4' width='18' height='7' rx='2'/><rect x='3' y='13' width='18' height='7' rx='2'/><path d='M7 7.5h.01M7 16.5h.01'/></svg>")}
.i-services{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='3' width='7.5' height='7.5' rx='2'/><rect x='13.5' y='3' width='7.5' height='7.5' rx='2'/><rect x='3' y='13.5' width='7.5' height='7.5' rx='2'/><rect x='13.5' y='13.5' width='7.5' height='7.5' rx='2'/></svg>")}
.i-publish{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 15V4M7 9l5-5 5 5'/><path d='M4 15v3a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-3'/></svg>")}
.i-audience{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='9' cy='8' r='3.5'/><path d='M2.5 20a6.5 6.5 0 0 1 13 0'/><circle cx='17' cy='9' r='2.5'/><path d='M16 14.2a5 5 0 0 1 5.5 4.8'/></svg>")}
.i-payments{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='2.5' y='5' width='19' height='14' rx='2.5'/><path d='M2.5 10h19M6.5 15h4'/></svg>")}
.i-key{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='7.5' cy='15.5' r='4.5'/><path d='M10.7 12.3L20 3M16 7l3 3M14 9l2 2'/></svg>")}
.i-review{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 13l3-8h12l3 8v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/><path d='M3 13h5l1.5 2.5h5L16 13h5'/></svg>")}
.i-history{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><path d='M12 7v5l3 2'/></svg>")}
.i-customers{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 21V5a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v16'/><path d='M15 9h3a2 2 0 0 1 2 2v10M2 21h20M8 7h3M8 11h3M8 15h3'/></svg>")}
.i-settings{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 6h10M18 6h2M4 12h4M12 12h8M4 18h12M20 18h0'/><circle cx='16' cy='6' r='2'/><circle cx='10' cy='12' r='2'/><circle cx='18' cy='18' r='2'/></svg>")}
.i-search{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'><circle cx='11' cy='11' r='7'/><path d='M20 20l-4-4'/></svg>")}
.i-check{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12.5l4.5 4.5L19 7'/></svg>")}
.i-cross{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'><path d='M6 6l12 12M18 6L6 18'/></svg>")}
.i-back{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M15 5l-7 7 7 7'/></svg>")}
.i-download{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 4v11M7 10l5 5 5-5M4 20h16'/></svg>")}
.i-shield{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3l8 3v6c0 4.5-3.4 8.3-8 9-4.6-.7-8-4.5-8-9V6z'/><path d='M9 12l2 2 4-4'/></svg>")}

/* the landing page's glyphs (MKT-26), drawn like the others: 24 px grid, 2 px round stroke */
.i-data{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><ellipse cx='12' cy='5.5' rx='7.5' ry='3'/><path d='M4.5 5.5v13c0 1.7 3.4 3 7.5 3s7.5-1.3 7.5-3v-13M4.5 12c0 1.7 3.4 3 7.5 3s7.5-1.3 7.5-3'/></svg>")}
.i-files{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 7a2 2 0 0 1 2-2h4l2 2.5h8a2 2 0 0 1 2 2V18a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/></svg>")}
.i-signin{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='10' cy='8' r='4'/><path d='M3 20a7 7 0 0 1 11.5-5.4M15.5 18.5l2 2 4-4'/></svg>")}
.i-mail{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='5' width='18' height='14' rx='2'/><path d='M3.5 6.5l8.5 6.5 8.5-6.5'/></svg>")}
.i-copy{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='9' y='9' width='11' height='11' rx='2'/><path d='M5 15V6a2 2 0 0 1 2-2h9'/></svg>")}
.i-apps{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='4' width='18' height='16' rx='2.5'/><path d='M3 9h18M7.5 13h3.5v3.5H7.5zM14 13h3M14 16.5h3'/></svg>")}
.i-grow{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='3' width='18' height='18' rx='3'/><path d='M12 8v8M8 12h8'/></svg>")}
.i-retail{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 8h14l-1.2 11.2a2 2 0 0 1-2 1.8H8.2a2 2 0 0 1-2-1.8z'/><path d='M9 10V7a3 3 0 0 1 6 0v3'/></svg>")}
.i-finance{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 20.5h18M5 16l4.5-4.5 3.5 3.5 6-6.5M15 8.5h4v4'/></svg>")}
.i-health{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 20s-8-5.4-8-11a4.5 4.5 0 0 1 8-2.8A4.5 4.5 0 0 1 20 9c0 5.6-8 11-8 11z'/><path d='M12 9.5v5M9.5 12h5'/></svg>")}
.i-factory{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M2.5 20.5h19M4 20.5v-9l5 3.2v-3.2l5 3.2v-3.2l5 3.2v6M17.5 11V4h2.5v16.5'/></svg>")}
.i-public{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3.5 20.5h17M6 20.5v-7M10 20.5v-7M14 20.5v-7M18 20.5v-7M4.5 13.5h15M7 13.5a5 5 0 0 1 10 0M12 4v4.5'/></svg>")}
.i-education{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M2.5 9L12 4.5 21.5 9 12 13.5z'/><path d='M6.5 11v4.5c0 1.5 2.5 3 5.5 3s5.5-1.5 5.5-3V11M21.5 9v5'/></svg>")}
.i-media{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='5' width='18' height='14' rx='2.5'/><path d='M10 9.5v5l4.5-2.5z'/></svg>")}
.i-logistics{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M2.5 6.5h11v10h-11zM13.5 10h4l3 3.2v3.3h-7'/><circle cx='6.5' cy='17.5' r='1.8'/><circle cx='17' cy='17.5' r='1.8'/></svg>")}
.i-package{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3l8 4.5v9L12 21l-8-4.5v-9z'/><path d='M4 7.5l8 4.5 8-4.5M12 12v9'/></svg>")}
.i-licence{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M13 3H6.5A1.5 1.5 0 0 0 5 4.5v15A1.5 1.5 0 0 0 6.5 21H11'/><path d='M13 3l5 5v2M13 3v5h5'/><circle cx='16.5' cy='15' r='3'/><path d='M15 17.6V21.5l1.5-1 1.5 1v-3.9'/></svg>")}
.i-seal{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 2.8l2.2 1.6 2.7-.1.8 2.6 2.2 1.6-.8 2.6.8 2.6-2.2 1.6-.8 2.6-2.7-.1L12 21.2l-2.2-1.6-2.7.1-.8-2.6-2.2-1.6.8-2.6-.8-2.6 2.2-1.6.8-2.6 2.7.1z'/><path d='M8.8 12.2l2.2 2.2 4.2-4.4'/></svg>")}
.i-offline{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M2 8.8a15 15 0 0 1 4.2-2.6M10.7 5.1A15 15 0 0 1 22 8.8M5 12.9a10 10 0 0 1 5.2-2.7M15.8 10.9A10 10 0 0 1 19 12.9M8.5 16.4a5 5 0 0 1 7 0M12 20h.01M3 3l18 18'/></svg>")}
.i-unlock{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='4' y='11' width='16' height='10' rx='2.5'/><path d='M8 11V7.5a4 4 0 0 1 7.7-1.5M12 15v2'/></svg>")}
.i-cloud{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M7 18a4.5 4.5 0 0 1-.6-8.96A6 6 0 0 1 18 9.5a4 4 0 0 1-.5 8.5z'/></svg>")}
.i-premise{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 21h18M5 21V8l7-4 7 4v13'/><rect x='9' y='12' width='6' height='9'/></svg>")}
.i-edge{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='2'/><path d='M8.5 15.5a5 5 0 0 1 0-7M15.5 8.5a5 5 0 0 1 0 7M5.6 18.4a9 9 0 0 1 0-12.8M18.4 5.6a9 9 0 0 1 0 12.8'/></svg>")}
.i-hybrid{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='2.5' y='13' width='8' height='7' rx='1.5'/><path d='M14 11.5a3.5 3.5 0 0 1 .5-6.96A4.5 4.5 0 0 1 22 7a3 3 0 0 1-1 4.5z'/><path d='M6.5 13V10h11v1.5'/></svg>")}

/* ---- the navy bar with its gold rule (every profile, every page) -------------------------------------------------------- */
.bar{background:var(--navy);color:#fff;display:flex;align-items:center;gap:10px 16px;padding:10px 24px;border-bottom:3px solid var(--gold);min-height:58px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:18px;white-space:nowrap;margin-right:auto}
.brand img{display:block}
.brand b{color:var(--gold2);font-weight:600}
.who{display:flex;align-items:center;gap:10px;font-size:14px;flex-wrap:wrap;justify-content:flex-end;min-width:0}
.switch{display:inline-flex;background:rgba(255,255,255,.12);border-radius:999px;padding:3px;gap:2px}
.switch button{border:0;background:transparent;color:#dbe5f1;border-radius:999px;padding:5px 12px;cursor:pointer;font-size:13px;font-weight:600}
.switch button.on{background:#fff;color:var(--navy)}
.bell,.out{display:inline-flex;align-items:center;gap:6px;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.45);border-radius:999px;padding:5px 12px;cursor:pointer;
  font-size:13px;white-space:nowrap}
.bell::before,.out::before{content:'';display:inline-block;width:16px;height:16px;flex:none;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.bell::before{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9'/><path d='M10.3 21a1.9 1.9 0 0 0 3.4 0'/></svg>")}
.out::before{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4M16 17l5-5-5-5M21 12H9'/></svg>")}
.bell.fresh{background:var(--gold);border-color:var(--gold);color:var(--ink);font-weight:600}
.name{color:#dbe5f1;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---- the profile's tabs: a strip under the bar on a desktop, a bar at the foot of a phone -------------------------------- */
#pages{display:flex;gap:4px;background:#fff;border-bottom:1px solid var(--border);padding:0 24px;position:sticky;top:0;z-index:20;overflow-x:auto;scrollbar-width:none}
#pages:empty{display:none}
#pages a{display:flex;align-items:center;gap:8px;color:var(--muted);text-decoration:none;padding:12px 14px;font-size:14px;font-weight:600;border-bottom:3px solid transparent;white-space:nowrap}
#pages a:hover{color:var(--navy)}
#pages a.on{color:var(--navy);border-bottom-color:var(--gold)}
#pages a .ico{width:18px;height:18px}

/* ---- the notices panel ------------------------------------------------------------------------------------------------- */
.notices{position:absolute;right:16px;top:64px;width:min(420px,calc(100% - 32px));max-height:70vh;overflow:auto;background:#fff;border:1px solid var(--border);
  border-radius:var(--radius);box-shadow:0 12px 40px rgba(14,27,42,.18);padding:8px;z-index:40}
.notices h2{font-size:15px;margin:6px 8px 8px}
.notice{padding:10px 12px;border-radius:10px;margin:2px 0;font-size:14px;overflow-wrap:anywhere}
.notice.new{background:var(--gold-soft);box-shadow:inset 3px 0 0 var(--gold)}
.notice .when{display:block;color:var(--muted);font-size:12px;margin-top:2px}

/* ---- the page -------------------------------------------------------------------------------------------------------- */
main{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:28px 24px 48px}
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;margin:0 0 20px}
.page-head h1{font-size:32px;line-height:1.15;margin:0;color:var(--ink);font-weight:700;letter-spacing:-.01em;overflow-wrap:anywhere}
.lede{margin:6px 0 0;color:var(--muted);font-size:15px;max-width:720px}
.head-actions{display:flex;gap:8px;flex-wrap:wrap}
.back{display:inline-flex;align-items:center;gap:4px;color:var(--navy);text-decoration:none;font-weight:600;margin:0 0 12px;font-size:14px}
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;margin:0 0 16px;min-width:0}
.card h2{font-size:19px;margin:0 0 4px;color:var(--ink);font-weight:700}
.card h3{font-size:15px;margin:16px 0 6px;color:var(--ink)}
.card > p{margin:4px 0 12px;color:var(--muted)}
.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:4px 12px;margin:28px 0 12px;flex-wrap:wrap}
.section-title h2{font-size:21px;margin:0}
.section-title p{margin:0;color:var(--muted);font-size:14px}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.grid2 > .card{margin:0}

/* ---- buttons --------------------------------------------------------------------------------------------------------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:9px 18px;font-weight:600;font-size:14px;cursor:pointer;
  border:1px solid var(--border);background:#fff;color:var(--navy);text-decoration:none;white-space:nowrap;line-height:1.3;max-width:100%}
.btn:hover{border-color:var(--navy)}
.btn.primary{background:var(--navy);border-color:var(--navy);color:#fff}
.btn.primary:hover{background:var(--navy-deep)}
.btn.gold{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.btn.danger{color:var(--red);border-color:#F2C4C0}
.btn.danger.solid{background:var(--red);border-color:var(--red);color:#fff}
.btn.small{padding:6px 12px;font-size:13px}
.btn.big{padding:12px 28px;font-size:16px}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.btn .ico{width:16px;height:16px}

/* ---- words: pills, notes, chips -------------------------------------------------------------------------------------- */
.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:600;background:var(--navy-soft);color:var(--navy);
  max-width:100%;overflow-wrap:anywhere}
.pill.ok{background:var(--green-soft);color:var(--green)}
.pill.wait{background:var(--gold-soft);color:#8A5A12}
.pill.bad{background:var(--red-soft);color:var(--red)}
.pill.plain{background:var(--ground);color:var(--muted)}
.note{border-radius:12px;padding:12px 14px;margin:12px 0 0;background:var(--navy-soft);color:var(--ink);font-size:14px;overflow-wrap:anywhere}
.note.ok{background:var(--green-soft);color:#0F5A3C}
.note.bad{background:var(--red-soft);color:#8C1D18}
.note.warn{background:var(--gold-soft);color:#6B450D}
.chip{display:inline-flex;align-items:center;gap:6px;background:var(--ground);border:1px solid var(--border);border-radius:999px;padding:3px 6px 3px 12px;margin:6px 6px 0 0;
  font-size:14px;max-width:100%}
.chip.flag{background:var(--red-soft);border-color:#F2C4C0;color:#8C1D18;padding:3px 12px}
.chip input,.chip input[type=text]{width:110px;flex:none;border:1px solid var(--border);border-radius:999px;padding:3px 10px;font-size:13px}
.chip button{border:0;background:var(--muted);color:#fff;border-radius:999px;width:22px;height:22px;cursor:pointer;line-height:1;font-size:13px;flex:none}
.found{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}

/* ---- forms --------------------------------------------------------------------------------------------------------- */
.field{display:block;margin:12px 0 0}
.field > span{display:block;font-size:13px;font-weight:600;color:var(--ink);margin:0 0 6px}
.field small{display:block;color:var(--muted);font-size:12.5px;margin-top:4px}
input[type=text],input[type=search],input[type=number],input:not([type]),select,textarea{width:100%;max-width:100%;border:1px solid #CBD5E1;border-radius:10px;padding:9px 12px;
  background:#fff;font-size:15px}
textarea{min-height:84px;resize:vertical}
input.narrow,select.narrow{max-width:260px}
.pair{display:flex;gap:4px 12px;flex-wrap:wrap;margin-top:4px}
.pair .field{flex:0 1 180px;min-width:0;margin-top:6px}
input:focus,select:focus,textarea:focus{outline:2px solid var(--gold2);outline-offset:1px;border-color:var(--gold)}
.inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}
.inline > input,.inline > select{flex:1 1 160px;width:auto;min-width:0}
.choices{display:grid;gap:10px;margin-top:10px}
.choices.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.choice{display:flex;gap:12px;align-items:flex-start;border:1.5px solid var(--border);border-radius:14px;padding:14px 16px;cursor:pointer;background:#fff;min-width:0}
.choice:has(input:checked){border-color:var(--navy);background:var(--navy-soft)}
.choice input{margin-top:3px;accent-color:var(--navy);flex:none;width:auto}
.choice b{display:block}
.choice span{color:var(--muted);font-size:14px}
.file{display:flex;align-items:center;gap:12px;border:1.5px dashed #B8C4D4;border-radius:14px;padding:18px;background:#FAFBFD;flex-wrap:wrap;margin-top:12px}
.file input{max-width:100%;min-width:0}
.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;align-items:center}

/* ---- a service's icon: its initials on a deep tile of the identity's colours ------------------------------------------- */
.appicon{flex:none;width:64px;height:64px;border-radius:16px;display:grid;place-items:center;color:#fff;font-weight:700;font-size:22px;letter-spacing:.02em;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 2px 6px rgba(14,27,42,.18)}
.appicon.sm{width:40px;height:40px;border-radius:11px;font-size:15px}
.appicon.xl{width:112px;height:112px;border-radius:26px;font-size:38px}
.appicon.c0{background:linear-gradient(140deg,#2563A6,#16406B)}
.appicon.c1{background:linear-gradient(140deg,#16406B,#0B2340)}
.appicon.c2{background:linear-gradient(140deg,#E0B04F,#B37A1F);color:#2B1C05}
.appicon.c3{background:linear-gradient(140deg,#24966A,#136446)}
.appicon.c4{background:linear-gradient(140deg,#7C8BA3,#4A5A73)}
.appicon.c5{background:linear-gradient(140deg,#178C99,#0E5E68)}
.appicon.c6{background:linear-gradient(140deg,#9B3B4A,#6E2532)}
.appicon.c7{background:linear-gradient(140deg,#4F86B8,#2B5A86)}

/* ---- Discover: search, shelves and tiles ------------------------------------------------------------------------------- */
.searchbar{position:relative;margin:0 0 8px}
.searchbar .ico{position:absolute;left:14px;top:50%;margin-top:-10px;color:var(--muted)}
.searchbar input{padding:12px 14px 12px 44px;border-radius:14px;font-size:16px;border-color:var(--border);box-shadow:var(--shadow)}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px}
.tile{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:16px;text-decoration:none;color:var(--ink);
  box-shadow:var(--shadow);transition:transform .12s ease,box-shadow .12s ease;min-width:0}
.tile:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(14,27,42,.10)}
.tile-top{display:flex;gap:14px;align-items:flex-start;min-width:0}
.tile-body{min-width:0;flex:1}
.tile-name{font-weight:700;font-size:16px;overflow-wrap:anywhere}
.tile-pub{color:var(--muted);font-size:13px}
.tile-sum{color:var(--ink);font-size:13.5px;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tile-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;flex-wrap:wrap}
.getpill{display:inline-flex;align-items:center;background:var(--navy-soft);color:var(--navy);font-weight:700;border-radius:999px;padding:5px 16px;font-size:14px}
.getpill.off{background:var(--ground);color:var(--muted);font-weight:600}
.tile-meta{color:var(--muted);font-size:12.5px}
.private{display:inline-flex;align-items:center;gap:4px;background:var(--gold-soft);color:#8A5A12;border-radius:999px;padding:2px 8px;font-size:11.5px;font-weight:700;
  text-transform:uppercase;letter-spacing:.04em}

/* ---- the landing page (MKT-26): a visitor's first page, full width, in the store's one look (MKT-08, MKT-18) ------------- */
.door{display:inline-flex;align-items:center;color:#fff;border:1px solid rgba(255,255,255,.55);border-radius:999px;padding:6px 16px;font-size:14px;font-weight:600;
  text-decoration:none;white-space:nowrap}
.door:hover{background:rgba(255,255,255,.1);border-color:#fff}
body.landing{background:#fff}
body.landing main{max-width:none;padding:0}
body.landing footer{background:var(--navy-deep);border-top:1px solid rgba(255,255,255,.08);color:#8FA3BA;padding:16px max(28px,calc((100% - 1104px) / 2))}
body.landing footer .mono{color:#8FA3BA}
.l-wrap{max-width:1160px;margin:0 auto;padding:0 28px}
.l-eyebrow{font-size:12.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#9A6B1E}
.l-eyebrow.light{color:var(--gold2)}
.btn.gold:hover{background:var(--gold2);border-color:var(--gold2)}
.btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.btn.ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}
/* the hero */
.l-hero{position:relative;overflow:hidden;color:#fff;padding:76px 0 92px;
  background:radial-gradient(1100px 520px at 88% -12%,rgba(224,176,79,.22),transparent 60%),radial-gradient(900px 600px at -10% 120%,rgba(37,99,166,.5),transparent 60%),
  linear-gradient(160deg,var(--navy) 0%,var(--navy-deep) 72%)}
.l-hero::before{content:'';position:absolute;inset:0;pointer-events:none;background-size:44px 44px;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  -webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%)}
.l-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center}
.l-hero h1{font-size:58px;line-height:1.04;letter-spacing:-.025em;margin:16px 0 20px;font-weight:700;color:#fff;text-wrap:balance}
.l-hero h1 .gold{color:var(--gold2);display:block}
.l-lede{font-size:18.5px;line-height:1.6;color:#DCE6F2;margin:0 0 14px;max-width:610px}
.l-who{font-size:15px;line-height:1.55;color:#AFC1D6;margin:0 0 30px;max-width:580px}
.l-doors{display:flex;gap:12px;flex-wrap:wrap}
.l-doors .btn.big{padding:14px 32px;font-size:16.5px}
.l-small{font-size:13px;color:#9FB3C8;margin:16px 0 0}
.l-hero .note{max-width:610px}
/* the hero's picture: a system of the customer's own machines */
.l-illu{position:relative;padding:8px 8px 40px 22px}
.l-illu-card{background:#fff;color:var(--ink);border-radius:20px;padding:18px;transform:rotate(-1.2deg);
  box-shadow:0 30px 60px rgba(4,16,32,.45),0 0 0 1px rgba(255,255,255,.4)}
.l-illu-top{display:flex;align-items:center;gap:10px;padding:2px 2px 14px;border-bottom:1px solid var(--border);margin-bottom:6px;font-size:14px}
.l-illu-top b{margin-right:auto}
.l-dots{display:inline-flex;gap:5px}
.l-dots i{width:9px;height:9px;border-radius:50%;background:#D5DCE5;display:block}
.l-mach{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;margin-top:8px;background:#FAFBFD;min-width:0}
.l-mach-name{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--muted);width:92px;flex:none}
.l-mach-name .ico{width:16px;height:16px}
.l-chips{display:flex;gap:6px;flex-wrap:wrap;min-width:0}
.l-chip{font-size:12px;font-weight:600;border-radius:8px;padding:4px 9px;color:#fff;white-space:nowrap}
.l-chip.k-data{background:linear-gradient(140deg,#2563A6,#16406B)}
.l-chip.k-files{background:linear-gradient(140deg,#178C99,#0E5E68)}
.l-chip.k-signin{background:linear-gradient(140deg,#24966A,#136446)}
.l-chip.k-payments{background:linear-gradient(140deg,#E0B04F,#B37A1F);color:#2B1C05}
.l-chip.k-apps{background:linear-gradient(140deg,#4F86B8,#2B5A86)}
.l-chip.k-platform{background:var(--ground);color:var(--navy);border:1px solid var(--border)}
.l-mach.add{border-style:dashed;border-color:#B8C4D4;background:transparent;color:var(--navy);font-weight:600;font-size:13px;justify-content:center;gap:8px}
.l-mach.add .ico{width:18px;height:18px}
.l-illu-badge{position:absolute;left:0;bottom:2px;display:flex;align-items:center;gap:10px;background:#fff;color:var(--ink);border-radius:14px;padding:10px 16px;
  box-shadow:0 16px 36px rgba(4,16,32,.35);font-size:13.5px;border-left:4px solid var(--gold)}
.l-illu-badge .ico{color:var(--gold);width:26px;height:26px}
.l-illu-badge b{display:block}
.l-illu-badge span{color:var(--muted);font-size:12.5px}
/* what every system runs */
.l-strip{background:#fff;border-bottom:1px solid var(--border)}
.l-strip-row{display:flex;align-items:center;gap:12px 28px;flex-wrap:wrap;padding-top:22px;padding-bottom:22px;justify-content:center}
.l-strip-label{font-size:12.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.l-block{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--navy);font-size:15px;white-space:nowrap}
.l-block .ico{color:var(--gold)}
/* the sections */
.l-sec{padding:92px 0;background:#fff}
.l-sec.alt{background:var(--ground)}
.l-head{max-width:780px;margin:0 0 44px}
.l-head h2{font-size:42px;line-height:1.1;letter-spacing:-.022em;margin:10px 0 14px;font-weight:700;color:var(--ink);text-wrap:balance}
.l-panel h3,.l-tile h3,.l-ease h3,.l-pt h3,.l-cta h2{text-wrap:balance}
.l-head p{font-size:17.5px;line-height:1.6;color:var(--muted);margin:0}
.l-grid{display:grid;gap:18px}
.l-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.l-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.l-tile,.l-ease,.l-pt{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);min-width:0}
.l-tile{transition:transform .15s ease,box-shadow .15s ease}
.l-tile:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(14,27,42,.10)}
.l-tile-ico,.l-ease-ico,.l-pt-ico,.l-panel-ico,.l-asset-ico{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:var(--navy-soft);color:var(--navy);flex:none}
.l-tile-ico .ico,.l-ease-ico .ico,.l-pt-ico .ico,.l-panel-ico .ico,.l-asset-ico .ico{width:24px;height:24px}
.l-ease-ico{background:var(--navy);color:var(--gold2)}
.l-tile h3,.l-ease h3,.l-pt h3{font-size:17.5px;line-height:1.3;margin:18px 0 6px;color:var(--ink)}
.l-tile p,.l-ease p,.l-pt p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.55}
/* sovereignty: the leading message, on the identity's navy */
.l-sec.sovereign{background:radial-gradient(900px 500px at 100% 0,rgba(224,176,79,.16),transparent 60%),linear-gradient(180deg,var(--navy-deep),#0B2440);color:#fff}
.l-sec.sovereign .l-eyebrow{color:var(--gold2)}
.l-sec.sovereign .l-head{max-width:920px}
.l-sec.sovereign .l-head h2{color:#fff;font-size:50px}
.l-sec.sovereign .l-head p{color:#C9D6E5}
.l-sec.sovereign .l-pt{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);box-shadow:none}
.l-sec.sovereign .l-pt-ico{background:rgba(224,176,79,.14);color:var(--gold2)}
.l-sec.sovereign .l-pt h3{color:#fff}
.l-sec.sovereign .l-pt p{color:#B9C8DA}
/* who it is for */
.l-panel{position:relative;background:#fff;border:1px solid var(--border);border-radius:20px;padding:28px;box-shadow:var(--shadow);display:flex;flex-direction:column;min-width:0;overflow:hidden}
.l-panel::before{content:'';position:absolute;left:0;right:0;top:0;height:4px;background:var(--navy)}
.l-panel:nth-child(2)::before{background:var(--gold)}
.l-panel:nth-child(3)::before{background:var(--green)}
.l-panel-top{display:flex;align-items:center;gap:12px}
.l-panel h3{font-size:22px;line-height:1.22;margin:18px 0 16px;letter-spacing:-.01em}
.l-points{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:11px}
.l-points li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;font-size:14.5px;line-height:1.5}
.l-points .ico{width:18px;height:18px;color:var(--green);margin-top:2px}
.l-start{margin:auto 0 0;padding-top:16px;border-top:1px solid var(--border);color:var(--navy);font-weight:600;font-size:14px}
/* how a service travels */
.l-track{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;position:relative}
.l-track::before{content:'';position:absolute;top:31px;left:12.5%;right:12.5%;height:2px;background:repeating-linear-gradient(90deg,var(--gold) 0 10px,transparent 10px 18px)}
.l-step{position:relative;text-align:center;min-width:0}
.l-step-mark{position:relative;width:62px;height:62px;margin:0 auto 18px;border-radius:50%;background:var(--navy);color:var(--gold2);display:grid;place-items:center;
  box-shadow:0 0 0 8px var(--ground),0 10px 24px rgba(22,64,107,.28)}
.l-step-mark .ico{width:26px;height:26px}
.l-step-n{position:absolute;right:-4px;top:-4px;width:24px;height:24px;border-radius:50%;background:var(--gold);color:var(--ink);font-size:12.5px;font-weight:700;
  display:grid;place-items:center}
.l-step-who{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9A6B1E}
.l-step h3{font-size:19px;margin:6px 0 8px}
.l-step p{margin:0 auto;color:var(--muted);font-size:14.5px;line-height:1.55;max-width:250px}
.l-assets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:52px}
.l-asset{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px;box-shadow:var(--shadow);min-width:0}
.l-asset-ico{background:var(--gold-soft);color:#8A5A12}
.l-asset h3{font-size:16.5px;margin:2px 0 4px}
.l-asset p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.5}
/* the closing call and the footer */
.l-sec.close{padding-top:92px}
.l-cta{display:flex;align-items:center;justify-content:space-between;gap:24px 40px;flex-wrap:wrap;color:#fff;border-radius:24px;padding:52px 56px;border-bottom:4px solid var(--gold);
  background:radial-gradient(600px 300px at 100% 0,rgba(224,176,79,.22),transparent 60%),linear-gradient(135deg,var(--navy),var(--navy-deep))}
.l-cta h2{font-size:36px;line-height:1.12;margin:0 0 10px;letter-spacing:-.02em;color:#fff}
.l-cta p{margin:0;color:#C9D6E5;font-size:16.5px;line-height:1.55;max-width:560px}
.l-cta .l-small{color:#C9D6E5}
.l-foot{background:var(--navy-deep);color:#B9C8DA;padding:60px 0 44px}
.l-foot-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:32px}
.l-foot-logo{display:flex;align-items:center;gap:10px;color:#fff;font-size:18px}
.l-foot-logo b{color:var(--gold2);font-weight:600}
.l-foot-brand p{margin:14px 0 0;max-width:400px;font-size:14px;line-height:1.6}
.l-foot-col{display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-size:14px}
.l-foot-col b{color:#fff;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}
.l-foot-col a{color:#B9C8DA;text-decoration:none}
.l-foot-col a:hover{color:#fff}
/* MKT-33: the one call to action, Contact us: the address as text a person can select (one tap selects all of it), Email us and Copy */
.l-contact{display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0;max-width:100%}
.l-contact-line{margin:0;font-size:17px;line-height:1.4;color:#DCE6F2;overflow-wrap:anywhere}
.l-contact-line b{font-weight:600;color:#fff}
.l-contact-address{color:var(--gold2);font-weight:700;letter-spacing:.01em;-webkit-user-select:all;user-select:all;cursor:text}
.l-contact.hero .l-contact-line{font-size:clamp(18px,1.6vw,21px)}
.l-contact.close .l-contact-line{font-size:19px}
.l-contact .btn .ico{width:18px;height:18px}
.l-contact-said{font-size:13px;line-height:1.45;color:#B9C8DA}
.l-contact-said:empty{display:none}
.l-contact.foot{gap:10px}
.l-contact.foot .l-contact-line{font-size:14px;color:#B9C8DA}
.l-contact.foot .l-doors{gap:8px}
.l-contact.foot .btn.ghost{color:#fff;border-color:rgba(255,255,255,.3)}
.l-contact.sim{margin-top:14px}
.l-contact.sim .l-contact-line,.l-contact.sim .l-contact-line b{color:var(--ink)}
.l-contact.sim .l-contact-address{color:#8A5A12}
.l-contact.sim .l-contact-said{color:var(--muted)}
@media (max-width:1020px){
  .l-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}
  .l-hero h1{font-size:48px}
}
@media (max-width:900px){
  .l-hero-grid{grid-template-columns:minmax(0,1fr);gap:44px}
  .l-grid.three{grid-template-columns:minmax(0,1fr)}
  .l-track{grid-template-columns:minmax(0,1fr);gap:0}
  .l-track::before{display:none}
  .l-step:not(:last-child)::after{content:'';position:absolute;left:30px;top:62px;bottom:0;width:2px;background:repeating-linear-gradient(180deg,var(--gold) 0 10px,transparent 10px 18px)}
  .l-step:last-child{padding-bottom:0}
  .l-step{text-align:left;display:grid;grid-template-columns:62px minmax(0,1fr);column-gap:20px;padding-bottom:28px}
  .l-step > :not(.l-step-mark){grid-column:2}
  .l-step-mark{margin:0;grid-row:1 / span 3}
  .l-step-who{padding-top:6px}
  .l-step p{margin:0;max-width:none}
  .l-assets{grid-template-columns:minmax(0,1fr);margin-top:24px}
}
@media (max-width:760px){
  .door{padding:5px 12px;font-size:13px}
  .l-wrap{padding:0 18px}
  .l-hero{padding:40px 0 56px}
  .l-hero h1{font-size:38px;margin:12px 0 16px}
  .l-lede{font-size:16.5px}
  .l-doors .btn.big{flex:1 1 auto;padding:13px 20px}
  .l-contact.hero,.l-contact.close,.l-contact.hero .l-doors,.l-contact.close .l-doors{width:100%}
  .l-illu{padding:4px 0 44px}
  .l-illu-card{transform:none;padding:14px}
  .l-mach{flex-wrap:wrap;gap:8px}
  .l-mach-name{width:auto}
  .l-strip-row{justify-content:flex-start;gap:10px 18px}
  .l-strip-label{width:100%}
  .l-sec{padding:60px 0}
  .l-sec.close{padding-top:60px}
  .l-head{margin-bottom:28px}
  .l-head h2,.l-sec.sovereign .l-head h2{font-size:30px}
  .l-head p{font-size:16px}
  .l-grid.four{grid-template-columns:minmax(0,1fr);gap:12px}
  .l-tile,.l-ease,.l-pt{display:grid;grid-template-columns:46px minmax(0,1fr);gap:0 16px;padding:18px}
  .l-tile h3,.l-ease h3,.l-pt h3{margin:2px 0 4px}
  .l-panel{padding:22px}
  .l-cta{padding:32px 22px;border-radius:20px}
  .l-cta h2{font-size:28px}
  .l-cta .l-doors{width:100%}
  .l-foot{padding:44px 0 32px}
  .l-foot-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 20px}
  .l-foot-brand{grid-column:1 / -1}
}

/* ---- the service page --------------------------------------------------------------------------------------------- */
.hero{display:flex;gap:24px;align-items:flex-start}
.hero-text{min-width:0;flex:1}
.hero-text h1{font-size:30px;line-height:1.15;margin:0;overflow-wrap:anywhere}
.hero-pub{color:var(--navy);font-weight:600;margin-top:4px}
.hero-sum{margin:10px 0 0;font-size:15px;color:var(--ink);max-width:680px}
.badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.hero-actions{display:flex;align-items:center;gap:8px 14px;margin-top:18px;flex-wrap:wrap}
.hero-actions small{color:var(--muted);font-size:13px}
.facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:2px 16px;margin:6px 0 0}
.facts div{padding:10px 0;border-top:1px solid var(--border);min-width:0}
.facts dt{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600}
.facts dd{margin:2px 0 0;font-weight:600;overflow-wrap:anywhere}
.guide-page{border-top:1px solid var(--border);padding-top:4px;margin-top:12px}
.guide-page h3{font-size:16px}
.guide-page h4{font-size:14px;margin:12px 0 4px}
.guide-page p{margin:8px 0;color:var(--ink)}
.guide-page ul{margin:6px 0;padding-left:20px}
.flow{display:grid;gap:8px;margin:10px 0;padding:14px;background:var(--ground);border-radius:12px}
.flow-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
.flow .node{background:#fff;border:1px solid var(--border);border-radius:10px;padding:6px 10px;font-size:13px;font-weight:600;overflow-wrap:anywhere;max-width:100%}
.flow .edge{color:var(--muted);font-size:12px}
.flow-title{font-size:13px;font-weight:600;color:var(--muted);margin-top:10px}
.sheet{border:2px solid var(--navy);border-radius:var(--radius);background:#fff;padding:18px;margin:0 0 16px;box-shadow:0 12px 32px rgba(22,64,107,.14)}
.sheet h2{font-size:18px;margin:0 0 4px}
.sheet > p{margin:2px 0 6px;color:var(--muted)}

/* ---- lists of rows ------------------------------------------------------------------------------------------------- */
.row{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;padding:12px 0;border-top:1px solid var(--border);min-width:0}
.row:first-child{border-top:0}
.row > *{min-width:0}
.row .grow{flex:1 1 220px;min-width:0}
.row .end{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.row b{overflow-wrap:anywhere}
.sub{color:var(--muted);font-size:13px}

/* ---- My systems: a system and its licences, with the term as a bar -------------------------------------------------- */
.system-head{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap}
.system-head .grow{flex:1 1 220px;min-width:0}
.system-ico{width:44px;height:44px;border-radius:12px;background:var(--navy-soft);color:var(--navy);display:grid;place-items:center;flex:none}
.system-ico .ico{width:24px;height:24px}
.lic{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px 14px;padding:14px 0 4px;border-top:1px solid var(--border);margin-top:12px}
.lic-body{min-width:0}
.lic-top{display:flex;gap:6px 12px;align-items:center;flex-wrap:wrap}
.lic-top b{font-size:15px}
.term{margin-top:8px}
.term-bar{height:8px;border-radius:999px;background:var(--ground);overflow:hidden;max-width:420px}
.term-fill{height:100%;border-radius:999px;background:var(--green);width:0}
.term-fill.low{background:var(--gold)}
.term-fill.over{background:var(--red)}
.term-words{font-size:13px;color:var(--muted);margin-top:4px}
.dl{display:flex;gap:6px 12px;align-items:center;flex-wrap:wrap;margin-top:10px}
.dl .facts-line{font-size:12.5px;color:var(--muted);min-width:0;flex:1 1 240px}

/* ---- the developer's stepper and checks ------------------------------------------------------------------------------- */
.stepper{display:flex;gap:6px;list-style:none;padding:0;margin:0 0 18px;counter-reset:step;flex-wrap:wrap}
.stepper li{display:flex;align-items:center;gap:8px;color:var(--muted);font-weight:600;font-size:14px;padding:6px 12px 6px 6px;border-radius:999px;background:#fff;
  border:1px solid var(--border)}
.stepper li::before{counter-increment:step;content:counter(step);display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--ground);color:var(--muted);font-size:13px}
.stepper li.now{color:var(--navy);border-color:var(--navy)}
.stepper li.now::before{background:var(--navy);color:#fff}
.stepper li.done{color:var(--green)}
.stepper li.done::before{content:'\2713';background:var(--green);color:#fff}
.checks{list-style:none;margin:8px 0 0;padding:0}
.checks li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;padding:10px 0;border-top:1px solid var(--border)}
.checks li:first-child{border-top:0}
.tick{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--green)}
.tick.no{background:var(--red)}
.tick.todo{background:var(--gold)}
.tick .ico{width:14px;height:14px}
.checks b{display:block}
.checks li > div > span{color:var(--muted);font-size:14px;overflow-wrap:anywhere}
.outcome{display:flex;gap:14px;align-items:flex-start}
.outcome .tick{width:40px;height:40px;flex:none}
.outcome .tick .ico{width:22px;height:22px}
.outcome h2{overflow-wrap:anywhere}
.review dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 18px;margin:8px 0}
.review dt{color:var(--muted)}
.review dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.setup{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px;margin:0 0 16px}
.step-card{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--border);border-radius:14px;padding:14px;background:#fff;text-decoration:none;color:var(--ink);min-width:0}
.step-card .tick{flex:none}
.step-card:hover{border-color:var(--navy)}
.step-card .go{margin-left:auto;align-self:center;color:var(--muted);display:flex}
.step-card .go .ico{transform:rotate(180deg);width:16px;height:16px}
.step-card div > span{color:var(--muted);font-size:13.5px;display:block}
.vers{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.svc-card{display:flex;gap:16px;align-items:flex-start}
.svc-card .grow{flex:1;min-width:0}

/* ---- the operator's queue ------------------------------------------------------------------------------------------ */
.filters{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}
.filters button{border:1px solid var(--border);background:#fff;border-radius:999px;padding:6px 14px;font-weight:600;font-size:13.5px;cursor:pointer;color:var(--muted)}
.filters button.on{background:var(--navy);border-color:var(--navy);color:#fff}
.qitem{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px;margin:0 0 12px;display:block}
.qitem.picked{border-color:var(--navy);box-shadow:0 0 0 2px var(--navy-soft)}
.qhead{display:flex;gap:6px 10px;align-items:center;flex-wrap:wrap}
.qkind{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.qtitle{font-size:16px;font-weight:700;overflow-wrap:anywhere}
.qbody{margin-top:6px;color:var(--ink);font-size:14px;min-width:0}
.qbody .mono{display:block;margin-top:4px}
.qact{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}
.qact .inline{margin-top:0}
.take{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;cursor:pointer;color:var(--navy)}
.take input{width:18px;height:18px;accent-color:var(--navy)}
.why{margin-top:10px}
.takebar{position:sticky;bottom:12px;z-index:15;background:var(--navy);color:#fff;border-radius:16px;padding:12px 16px;display:flex;gap:10px 12px;align-items:center;flex-wrap:wrap;
  box-shadow:0 12px 32px rgba(14,27,42,.28);margin-top:8px}
.takebar .grow{flex:1 1 200px;min-width:0}
.takebar .note{margin:0;background:rgba(255,255,255,.14);color:#fff;flex:1 1 100%}
.takebar .mono{color:#fff}
.steps3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 16px}
.steps3 div{background:#fff;border:1px solid var(--border);border-radius:14px;padding:14px;min-width:0}
.steps3 b{display:block;color:var(--navy)}
.steps3 span{color:var(--muted);font-size:13.5px}
.kpis{display:flex;gap:6px;flex-wrap:wrap}

/* ---- empty states ---------------------------------------------------------------------------------------------------- */
.empty{text-align:center;padding:40px 24px}
.empty .empty-ico{width:56px;height:56px;border-radius:16px;background:var(--navy-soft);color:var(--navy);display:grid;place-items:center;margin:0 auto 12px}
.empty .empty-ico .ico{width:28px;height:28px}
.empty h2{font-size:19px;margin:0 0 6px}
.empty p{color:var(--muted);max-width:520px;margin:0 auto}
.empty .actions{justify-content:center}

/* ---- a payment's line ---------------------------------------------------------------------------------------------- */
.money-line{display:grid;grid-template-columns:110px minmax(0,1.6fr) repeat(3,minmax(0,1fr)) 96px;gap:8px 14px;align-items:center;padding:11px 0;border-top:1px solid var(--border);font-size:14px}
.money-line.headline{border-top:0;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em;font-weight:600}
.money-line .num{text-align:right;font-variant-numeric:tabular-nums}
.money-line .num::before{content:attr(data-label);display:none}
.money-line .what{min-width:0;overflow-wrap:anywhere}

footer{padding:14px 24px;color:var(--muted);font-size:12.5px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;background:#fff}
footer .mono{font-size:12px}

/* ---- narrow screens ---------------------------------------------------------------------------------------------- */
@media (max-width:900px){
  .steps3,.grid2,.choices.two{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  .bar{padding:8px 14px;gap:8px;min-height:52px}
  .brand{font-size:16px}
  .brand img{width:22px;height:27px}
  .name{display:none}
  .bell,.out{padding:6px 9px}
  .bell{font-size:0;gap:4px}
  .bell.fresh::after{content:attr(data-count);font-size:12px;font-weight:700}
  .out{font-size:0;gap:0;padding:6px 9px}
  .who{gap:6px}
  .switch{order:5;width:100%;justify-content:center}
  .switch button{flex:1;padding:5px 6px}
  #pages{order:20;position:sticky;bottom:0;top:auto;z-index:30;justify-content:space-around;gap:0;padding:4px 2px calc(4px + env(safe-area-inset-bottom));
    border-top:1px solid var(--border);border-bottom:0;box-shadow:0 -4px 18px rgba(14,27,42,.08);overflow:hidden}
  #pages a{flex:1 1 0;flex-direction:column;gap:2px;padding:6px 2px;font-size:10.5px;border-bottom:0;border-top:2px solid transparent;min-width:0;text-align:center}
  #pages a span{max-width:100%;overflow:hidden;text-overflow:ellipsis}
  #pages a.on{border-top-color:var(--gold)}
  #pages a .ico{width:22px;height:22px}
  main{padding:18px 14px 28px}
  .page-head h1{font-size:26px}
  .card{padding:16px;border-radius:14px}
  .hero{flex-direction:column;gap:14px}
  .hero .appicon.xl{width:88px;height:88px;font-size:30px;border-radius:22px}
  .hero-text h1{font-size:24px}
  .hero-actions .btn{flex:1 1 auto}
  .notices{position:fixed;left:8px;right:8px;top:60px;width:auto;max-height:75vh}
  .money-line{grid-template-columns:minmax(0,1fr) auto;gap:2px 10px}
  .money-line.headline{display:none}
  .money-line .num{text-align:left;font-size:13px;color:var(--muted);grid-column:1/-1}
  .money-line .num::before{display:inline;margin-right:4px}
  .money-line .when{grid-column:1/-1;color:var(--muted);font-size:12.5px}
  .takebar{bottom:74px}
  .stepper li{font-size:12.5px;padding:4px 10px 4px 4px}
  .stepper li span{display:none}
  .stepper li.now span{display:inline}
  .tiles{grid-template-columns:minmax(0,1fr)}
  .review dl{grid-template-columns:minmax(0,1fr);gap:0}
  .review dd{margin-bottom:8px}
  .svc-card{flex-direction:column}
  footer{padding:12px 14px;order:19}
  main{order:18}
}
/* what an act just said, under the head of the page drawn again after it; the answer from the operator app; a reason under its state */
.head-flash > .note,.head-flash > .card{margin:0 0 16px}
.card.answer .row{align-items:flex-start}
.why{color:var(--red)}
.note details{margin-top:8px;font-size:12.5px}
.note summary{cursor:pointer;font-weight:600}
.note details .mono{margin-top:4px;overflow-wrap:anywhere}

/* ---- MKT-30: ownership wherever it runs, the all-inclusive tiers, the simulator, the differences -------------------------------- */
.l-ways-title{font-size:20px;margin:0 0 16px;color:#fff}
.l-ways{list-style:none;margin:0 0 40px;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.l-way{background:rgba(255,255,255,.08);border:1px solid rgba(224,176,79,.35);border-radius:var(--radius);padding:20px 18px;min-width:0}
.l-way-ico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--gold);color:var(--navy-deep)}
.l-way-ico .ico{width:22px;height:22px}
.l-way h4{font-size:16px;line-height:1.3;margin:14px 0 6px;color:#fff}
.l-way p{margin:0;color:#C9D6E5;font-size:14px;line-height:1.5}
.l-prices-body{min-width:0}
.l-tiers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
.l-tier{position:relative;background:#fff;border:1px solid var(--border);border-radius:20px;padding:26px 22px;box-shadow:var(--shadow);display:flex;flex-direction:column;min-width:0;overflow:hidden}
.l-tier::before{content:'';position:absolute;left:0;right:0;top:0;height:4px;background:var(--navy)}
.l-tier:nth-child(2)::before{background:var(--gold)}
.l-tier:nth-child(3)::before{background:var(--green)}
.l-tier:nth-child(4)::before{background:var(--navy-deep)}
.l-tier h3{font-size:22px;margin:4px 0 2px}
.l-estimates{margin:18px 0 0;color:var(--muted);font-size:14px}
.l-tier-who{margin:0 0 6px;color:var(--muted);font-size:14px}
.l-tier-who b{font-size:22px;line-height:1.2;color:var(--ink,inherit)}
.l-tier-named{margin:0 0 14px;font-size:13px;color:var(--muted)}
.l-tier-named b{display:block;font-size:20px;line-height:1.2;color:var(--ink,inherit)}
.l-sim-named{margin:2px 0 6px;font-size:13px;color:var(--muted)}
.l-sim-named[hidden]{display:none}
.l-sim-named b{font-size:22px;line-height:1.2;color:var(--ink,inherit)}
.l-tier-price{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin:0 0 6px}
.l-tier-price b{font-size:36px;line-height:1.1;letter-spacing:-.02em;color:var(--navy)}
.l-tier-price span{color:var(--muted);font-size:14px;font-weight:600}
.l-tier-from{width:100%;text-transform:uppercase;letter-spacing:.08em;font-size:12px!important;color:#9A6B1E!important}
.l-tier-year{margin:0 0 6px;color:var(--muted);font-size:13.5px;font-weight:600}
.l-save{color:var(--green);font-weight:700}
.l-tier-note{margin:0 0 10px;color:#8A5A12;font-size:13.5px;font-weight:600}
.l-tier .l-points{margin:12px 0 18px;gap:9px}
.l-tier .l-points li{font-size:14px}
.l-tier-go{margin-top:auto;align-self:flex-start}
.l-byo{margin:22px 0 0;padding:16px 20px;border-radius:14px;background:var(--gold-soft);color:#6B450D;font-size:15.5px}
.l-sim{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;align-items:start}
.l-sim-in{background:#fff;border:1px solid var(--border);border-radius:20px;padding:24px;box-shadow:var(--shadow);display:grid;gap:18px;min-width:0}
.l-sim-field{display:grid;gap:6px}
.l-sim-field > label{font-weight:700;font-size:14.5px}
.l-sim-field small{color:var(--muted);font-size:12.5px}
.l-sim-people{font-size:26px;font-weight:700;color:var(--navy)}
.l-range{width:100%;accent-color:var(--navy);margin:0}
.l-seg{border:0;margin:0;padding:0;min-width:0}
.l-seg legend{font-weight:700;font-size:14.5px;margin:0 0 8px;padding:0}
.l-seg-row{display:flex;flex-wrap:wrap;gap:8px}
.l-seg-opt{position:relative;display:inline-flex}
.l-seg-opt input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.l-seg-opt span{display:inline-block;padding:7px 14px;border-radius:999px;border:1px solid var(--border);background:#fff;font-size:13.5px;font-weight:600;color:var(--ink)}
.l-seg-opt input:checked + span{background:var(--navy);border-color:var(--navy);color:#fff}
.l-seg-opt input:focus-visible + span{outline:3px solid var(--gold2);outline-offset:2px}
.l-sim-svcs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}
.l-sim-tick{display:flex;align-items:center;gap:8px;font-size:14px}
.l-sim-tick input{width:18px;height:18px;accent-color:var(--navy);margin:0}
.l-sim-count{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px}
.l-count{width:76px;padding:6px 8px;border:1px solid var(--border);border-radius:10px;background:#fff}
input[type=number].l-count{width:84px;flex:none}
.l-count:disabled{background:var(--ground);color:var(--muted)}
.l-sim-tick span{display:grid;min-width:0}
.l-sim-tick small{color:var(--muted);font-size:12px;font-weight:400}
.l-svcs{display:grid;gap:10px}
.l-svc{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;align-items:center;padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:#fff}
.l-svc .l-sim-count{justify-content:flex-end}
.l-svc-next{grid-column:1 / -1;color:var(--muted);font-size:12px}
.l-svc-cap{grid-column:1 / -1;color:var(--muted);font-size:12px}
.l-sim-typed{max-width:160px}
.l-sim-carry{background:#fff;border:1px solid var(--border);border-radius:20px;padding:18px 24px;box-shadow:var(--shadow);margin:0 0 16px;color:var(--muted);font-size:13.5px}
.l-sim-carry p{margin:4px 0}
.l-sim-carry .l-carry-people{font-size:30px;line-height:1.1;letter-spacing:-.02em;color:var(--navy)}
.l-sim-carry .l-carry-named b{font-size:20px;color:var(--ink,inherit)}
.l-sim-carry .l-carry-more{color:var(--ink,inherit);font-weight:600}
.l-sim-carry .l-carry-short{color:#8A5A12;font-weight:600}
.l-sim-said:empty{display:none}
.l-sim-said{display:grid;gap:6px}
.l-said{margin:0;padding:10px 12px;border-radius:12px;background:var(--gold-soft);color:#6B450D;font-size:13.5px;box-shadow:inset 3px 0 0 var(--gold)}
.l-sim-out{display:grid;gap:18px;min-width:0;position:sticky;top:16px}
.l-sys{background:linear-gradient(180deg,var(--navy-deep),#0B2440);color:#fff;border-radius:20px;padding:20px;min-width:0}
.l-sys-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.l-sys-facts{display:flex;gap:8px 18px;flex-wrap:wrap;color:#C9D6E5;font-size:13.5px;margin-bottom:12px}
.l-sys-facts b{color:var(--gold2);font-size:18px}
.l-sys-ent,.l-sys-extra{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.l-sys-e{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:10px;background:rgba(224,176,79,.16);border:1px dashed rgba(224,176,79,.6);font-size:13px;font-weight:600}
.l-sys-e .ico{width:16px;height:16px;color:var(--gold2)}
.l-sys-extra{margin:12px 0 0}
.l-sys-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;align-items:stretch}
.l-sys-m{background:#fff;color:var(--ink);border-radius:12px;padding:10px;min-width:0;border-top:3px solid var(--navy)}
.l-sys-m.own{border-top-color:var(--green)}
.l-sys-m.more{display:grid;place-items:center;background:rgba(255,255,255,.1);color:#fff;border-top-color:transparent}
.l-sys-m-top{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;font-size:12.5px;margin-bottom:8px;min-width:0}
.l-sys-m-top b{white-space:nowrap}
.l-sys-m-top .ico{width:15px;height:15px;color:var(--muted)}
.l-sys-tag{margin-left:auto;font-size:11px;font-weight:700;color:var(--muted)}
.l-sys-m .l-chips{gap:4px;flex-direction:column;align-items:stretch}
.l-sys-m .l-chip{text-align:center;overflow:hidden;text-overflow:ellipsis}
.l-sys-m.more{gap:4px;text-align:center}
.l-sys-m.more span{font-size:12px;color:#C9D6E5}
.l-sys-m .l-chip{font-size:11px;padding:3px 7px}
.l-chip.k-more{background:var(--ground);color:var(--ink)}
.l-sim-price{background:#fff;border:1px solid var(--border);border-radius:20px;padding:22px;box-shadow:var(--shadow)}
.l-sim-total{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.l-sim-total b{font-size:42px;line-height:1.05;letter-spacing:-.02em;color:var(--navy)}
.l-sim-total span{font-weight:600;color:var(--muted)}
.l-sim-total .l-save{font-size:15px;line-height:1.3;letter-spacing:0;color:var(--green)}
.l-sim-sys{min-width:0}
.l-sim-pertoggle{margin:0 0 14px}
.l-sim-pertoggle legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0;padding:0}
.l-sim-other{margin:4px 0 0;color:var(--muted);font-size:13.5px;font-weight:600}
.l-sim-per{margin:14px 0 0;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.l-sim-per + .l-sim-lines{margin-top:8px}
.l-sim-lines{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:6px}
.l-sim-lines li{display:flex;justify-content:space-between;gap:12px;font-size:14px;border-bottom:1px dashed var(--border);padding-bottom:6px;min-width:0}
.l-sim-lines li span{min-width:0}
.l-sim-lines li b{white-space:nowrap}
.l-sim-note{margin:12px 0 0;color:var(--muted);font-size:12.5px}
.l-cmp-wrap{border:1px solid var(--border);border-radius:20px;background:#fff;box-shadow:var(--shadow);overflow:hidden}
.l-cmp{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13.5px}
.l-cmp caption{caption-side:bottom;text-align:left;padding:12px 18px;color:var(--muted);font-size:12.5px;border-top:1px solid var(--border)}
.l-cmp th,.l-cmp td{padding:14px 16px;vertical-align:top;text-align:left;border-bottom:1px solid var(--border);overflow-wrap:anywhere}
.l-cmp thead th{background:var(--ground);font-size:14px}
.l-cmp thead th small{display:block;font-weight:400;color:var(--muted);font-size:12.5px}
.l-cmp tbody th{width:17%;font-size:14px;color:var(--ink)}
.l-cmp .l-cmp-us{background:var(--navy-soft)}
.l-cmp thead .l-cmp-us{background:var(--navy);color:#fff}
.l-cmp td p{margin:0 0 8px}
.l-cmp td p:last-child{margin-bottom:0}
.l-src{display:inline-block;font-size:11.5px;font-weight:700;color:var(--navy);background:var(--navy-soft);border-radius:999px;padding:1px 8px;margin-left:2px;text-decoration:none}
.l-src:hover,.l-src:focus-visible{background:var(--navy);color:#fff}
.l-cmp-foot{margin:12px 0 0;color:var(--muted);font-size:13px}
@media (max-width:1020px){
  .l-ways{grid-template-columns:repeat(2,minmax(0,1fr))}
  .l-tiers{grid-template-columns:repeat(2,minmax(0,1fr))}
  .l-sim{grid-template-columns:minmax(0,1fr)}
  .l-sim-out{position:static}
}
@media (max-width:760px){
  .l-ways{grid-template-columns:minmax(0,1fr);gap:10px}
  .l-way{display:grid;grid-template-columns:42px minmax(0,1fr);gap:0 14px;padding:16px}
  .l-way h4{margin:0 0 4px}
  .l-way p{grid-column:2}
  .l-tiers{grid-template-columns:minmax(0,1fr)}
  .l-tier-price b{font-size:32px}
  .l-sim-in{padding:18px}
  .l-sim-svcs{grid-template-columns:minmax(0,1fr)}
  .l-sys-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}
  .l-svc{grid-template-columns:minmax(0,1fr)}
  .l-svc .l-sim-count{justify-content:space-between}
  .l-sim-total b{font-size:34px}
  .l-cmp-wrap{border:0;background:transparent;box-shadow:none;overflow:visible}
  .l-cmp,.l-cmp tbody,.l-cmp tr,.l-cmp th,.l-cmp td,.l-cmp caption{display:block;width:auto}
  .l-cmp thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .l-cmp tr{background:#fff;border:1px solid var(--border);border-radius:16px;margin:0 0 12px;overflow:hidden;box-shadow:var(--shadow)}
  .l-cmp tbody th{width:auto;background:var(--navy);color:#fff;border:0}
  .l-cmp td{border-bottom:1px solid var(--border)}
  .l-cmp td:last-child{border-bottom:0}
  .l-cmp td::before{content:attr(data-label);display:block;font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#9A6B1E;margin-bottom:6px}
  .l-cmp caption{border:0;padding:4px 0 0}
}

/* ---- see it (MKT-31): the product's real screens, a lightbox, and every capability in one table -------------------------- */
.i-chart{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 20h16M7 16v-5M12 16V6M17 16v-8'/></svg>")}
.i-alert{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3.5 2.8 19.5h18.4z'/><path d='M12 10v4.5M12 17.2v.1'/></svg>")}
.i-book{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3.5 5.5A2 2 0 0 1 5.5 3.5H11v16H5.5a2 2 0 0 0-2 2zM20.5 5.5a2 2 0 0 0-2-2H13v16h5.5a2 2 0 0 1 2 2z'/></svg>")}
.i-code{--i:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M8.5 7 3.5 12l5 5M15.5 7l5 5-5 5M13.5 4.5l-3 15'/></svg>")}
.l-see-switch{display:inline-flex;gap:6px;padding:6px;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);margin:0 0 26px;max-width:100%}
.l-see-tab{display:flex;flex-direction:column;align-items:flex-start;gap:1px;border:0;background:transparent;border-radius:10px;padding:10px 18px;cursor:pointer;text-align:left;color:var(--muted);min-width:0;transition:background .15s ease,color .15s ease}
.l-see-tab b{color:var(--ink);font-size:15.5px}
.l-see-tab span{font-size:12.5px}
.l-see-tab[aria-selected="true"]{background:var(--navy);color:#C9D6E5}
.l-see-tab[aria-selected="true"] b{color:#fff}
.l-see-tab:focus-visible,.l-shot-open:focus-visible,.l-box button:focus-visible{outline:3px solid var(--gold2);outline-offset:2px}
.l-shot-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.l-shot{min-width:0}
.l-shot figure{margin:0;height:100%;display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;
  box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease}
.l-shot figure:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(14,27,42,.12)}
.l-shot-open{display:block;width:100%;padding:0;border:0;border-bottom:1px solid var(--border);background:#0B1220;cursor:zoom-in;aspect-ratio:16/10;overflow:hidden}
.l-shot-open img{display:block;width:100%;height:100%;object-fit:cover;object-position:top left}
.l-shot figcaption{padding:14px 16px 16px;display:grid;gap:5px;align-content:start}
.l-shot-tag{justify-self:start;font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#8A5A12;background:var(--gold-soft);border-radius:999px;padding:2px 10px}
.l-shot figcaption b{font-size:16px;line-height:1.3;color:var(--ink)}
.l-shot-cap{font-size:14px;line-height:1.5;color:var(--muted)}
.l-caps-head{margin:68px 0 20px;max-width:780px}
.l-caps-head h3{font-size:28px;line-height:1.15;letter-spacing:-.015em;margin:0 0 8px;color:var(--ink)}
.l-caps-head p{margin:0;color:var(--muted);font-size:16px;line-height:1.55}
.l-caps-wrap{background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);overflow:hidden}
.l-caps{width:100%;border-collapse:collapse;font-size:14.5px}
.l-caps caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.l-caps thead th{text-align:left;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:12px 22px;background:#F7F9FC;border-bottom:1px solid var(--border)}
.l-caps-product th{background:var(--navy);color:#fff;text-align:left;padding:15px 22px;font-size:17px;border-left:5px solid var(--gold)}
.l-caps-product th span{color:#AFC1D6;font-weight:400;font-size:13.5px;margin-left:12px}
tbody[data-product="planets"] .l-caps-product th{background:var(--navy-deep);border-left-color:var(--green)}
.l-caps tr[data-area] th{width:210px;vertical-align:top;text-align:left;padding:16px 22px;font-size:15px;font-weight:600;color:var(--ink);border-bottom:1px solid var(--border);white-space:nowrap}
.l-caps-ico{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--navy-soft);color:var(--navy);margin-right:12px;vertical-align:middle}
.l-caps-ico .ico{width:18px;height:18px}
.l-caps td{padding:16px 22px;border-bottom:1px solid var(--border);vertical-align:top}
.l-caps tbody tr:last-child th,.l-caps tbody tr:last-child td{border-bottom:0}
.l-caps tbody + tbody .l-caps-product th{border-top:1px solid var(--border)}
.l-caps-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 28px}
.l-caps-list li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:9px;line-height:1.45;color:#2A3B52}
.l-caps-list .ico{width:16px;height:16px;color:var(--green);margin-top:2px}
.l-box{border:0;padding:0;background:transparent;width:min(1280px,calc(100vw - 64px));max-width:none;max-height:none;overflow:visible}
.l-box::backdrop{background:rgba(6,14,26,.84)}
.l-box[open]{animation:l-box-in .18s ease-out}
@keyframes l-box-in{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}
.l-box-fig{margin:0;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.l-box-frame{background:#0B1220}
.l-box-img{display:block;width:100%;height:auto;max-height:calc(100vh - 200px);object-fit:contain}
.l-box figcaption{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding:14px 18px}
.l-box-words{display:grid;gap:3px;min-width:0;flex:1 1 360px}
.l-box-words .l-shot-tag{justify-self:start}
.l-box-words b{font-size:16.5px}
.l-box-cap{color:var(--muted);font-size:14.5px;line-height:1.5}
.l-box-nav{display:flex;align-items:center;gap:10px;flex:none}
.l-box-count{font-size:13px;color:var(--muted);min-width:58px;text-align:center}
.l-box-close{position:absolute;top:-16px;right:-16px;width:40px;height:40px;border-radius:50%;border:0;background:#fff;color:var(--ink);font-size:24px;line-height:1;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.3)}
@media (prefers-reduced-motion:reduce){.l-box[open]{animation:none}.l-shot figure,.l-see-tab{transition:none}.l-shot figure:hover{transform:none}}
@media (max-width:1020px){
  .l-shot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .l-caps-list{grid-template-columns:minmax(0,1fr)}
  .l-caps tr[data-area] th{width:200px}
}
@media (max-width:760px){
  .l-see-switch{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .l-see-tab{padding:9px 12px;align-items:center;text-align:center}
  .l-see-tab span{display:none}
  .l-shot-grid{gap:12px}
  .l-shot figcaption{padding:10px 12px 12px;gap:4px}
  .l-shot-tag{font-size:10.5px;padding:1px 8px}
  .l-shot figcaption b{font-size:14px}
  .l-shot-cap{font-size:12.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
  .l-caps-head{margin-top:44px}
  .l-caps-head h3{font-size:23px}
  .l-caps-head p{font-size:15px}
  .l-caps thead{display:none}
  .l-caps,.l-caps tbody,.l-caps tr,.l-caps th,.l-caps td{display:block;width:auto}
  .l-caps tr[data-area] th{width:auto;border-bottom:0;padding:16px 16px 8px;white-space:normal}
  .l-caps td{padding:0 16px 16px}
  .l-caps-product th{padding:13px 16px;font-size:16px}
  .l-caps-product th span{display:block;margin:2px 0 0}
  .l-caps-list li{font-size:14px}
  .l-box{width:calc(100vw - 16px)}
  .l-box-close{top:8px;right:8px}
  .l-box figcaption{padding:12px 14px}
  .l-box-words{flex-basis:100%}
  .l-box-nav{width:100%;justify-content:space-between}
}

/* ---- MKT-32: the landing page looks modern, in light and dark, and keeps still for a person who asks for less motion ---------------
   The owner's approved proposal (2026-10-19), over the same content and prices, in the identity's navy, gold and IBM Plex (MKT-08): fluid
   type, the eyebrow as a pill, a gold gradient line, glass doors and a glass system card, an entrance that rises once, quieter tier cards
   with tabular figures and the "from" tier (.wide, the one priced "from") on the identity's navy; a dark theme for a device set to dark.
   Everything here is the landing page's (body.landing or its l-* parts): the signed-in store keeps its one light look. */
:root{--l-ink:#0B1626;--l-muted:#56677F;--l-line:rgba(14,27,42,.08);--l-page:#F6F8FB}
body.landing{background:var(--l-page)}
/* the hero: deeper navy, soft lights, a finer grid that fades, the eyebrow as a pill, fluid display type, a gold gradient line */
.l-hero{padding:clamp(48px,8vw,112px) 0 clamp(64px,9vw,128px);
  background:radial-gradient(700px 420px at 82% 8%,rgba(224,176,79,.24),transparent 65%),radial-gradient(800px 520px at 8% 110%,rgba(56,120,210,.42),transparent 62%),
  radial-gradient(600px 400px at 50% 50%,rgba(23,122,83,.12),transparent 70%),linear-gradient(165deg,#0F3158 0%,#0A2240 55%,#071a33 100%)}
.l-hero::before{background-size:32px 32px;opacity:.8;-webkit-mask-image:radial-gradient(ellipse at 30% 30%,#000,transparent 70%);mask-image:radial-gradient(ellipse at 30% 30%,#000,transparent 70%)}
.l-hero .l-eyebrow.light{display:inline-flex;align-items:center;gap:10px;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(224,176,79,.35);
  letter-spacing:.06em;font-size:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.l-hero .l-eyebrow.light::before{content:'';flex:none;width:7px;height:7px;border-radius:50%;background:var(--gold2);box-shadow:0 0 0 4px rgba(224,176,79,.18)}
.l-hero h1{font-size:clamp(38px,4.2vw,60px);line-height:1.0;letter-spacing:-.035em;margin:22px 0 22px}
.l-hero h1 .gold{background:linear-gradient(92deg,#F3CF7A 0%,#E0B04F 45%,#C68B2C 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.l-lede{font-size:clamp(16.5px,1.45vw,19.5px);color:#D7E2F0;max-width:600px}
.l-who{color:#A9BCD3}
.l-doors .btn.big{padding:15px 30px;border-radius:14px;font-size:16px}
.l-doors .btn.gold{background:linear-gradient(180deg,#E9BD5E,#C9902F);border:0;color:#1A1204;box-shadow:0 10px 30px -8px rgba(224,176,79,.55),inset 0 1px 0 rgba(255,255,255,.35)}
.l-doors .btn.ghost{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.06);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.l-illu-card{transform:none;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#EAF1FA;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  box-shadow:0 40px 80px -30px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.12);padding:20px}
.l-illu-top{border-bottom-color:rgba(255,255,255,.12)}
.l-illu-top b{color:#fff}
.l-mach{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.10);border-radius:14px}
.l-mach-name{color:#B9C8DA}
.l-mach.add{border-color:rgba(255,255,255,.28);color:#E0B04F}
.l-dots i{background:rgba(255,255,255,.25)}
.l-illu-badge{border-radius:16px;box-shadow:0 20px 40px -18px rgba(0,0,0,.55)}
/* the entrance: the hero's words rise once, in order, and the system card floats; none of it for a person who asks for less motion (below) */
@keyframes l-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes l-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.l-hero-text > *{animation:l-rise .6s cubic-bezier(.2,.7,.2,1) both}
.l-hero-text > :nth-child(2){animation-delay:.06s}.l-hero-text > :nth-child(3){animation-delay:.12s}.l-hero-text > :nth-child(4){animation-delay:.18s}.l-hero-text > :nth-child(5){animation-delay:.24s}
.l-illu{animation:l-rise .7s .15s cubic-bezier(.2,.7,.2,1) both}
.l-illu-card{animation:l-float 7s ease-in-out 1s infinite}
/* the sections: more air, fluid headings */
.l-sec{padding:clamp(64px,8vw,112px) 0}
.l-head h2{font-size:clamp(30px,3.6vw,48px);letter-spacing:-.03em}
/* the tiers: quiet cards, the price in tabular figures, a hairline that lights on hover */
.l-tiers{gap:16px}
.l-tier{border-radius:24px;border:1px solid var(--l-line);box-shadow:0 1px 0 rgba(14,27,42,.04),0 24px 48px -32px rgba(14,27,42,.25);padding:28px 24px;
  transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s ease,border-color .25s ease}
.l-tier::before,.l-tier:nth-child(n)::before{height:auto;inset:0;border-radius:inherit;padding:1px;background:transparent;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:background .25s ease}
.l-tier:hover{transform:translateY(-4px);box-shadow:0 1px 0 rgba(14,27,42,.04),0 34px 60px -30px rgba(14,27,42,.35)}
.l-tier:nth-child(n):hover::before{background:linear-gradient(160deg,rgba(224,176,79,.9),rgba(37,99,166,.5))}
.l-tier h3{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#9A6B1E;margin:0 0 14px}
.l-tier-who,.l-tier-named{font-size:13px}
.l-tier-who b,.l-tier-named b{font-size:20px;letter-spacing:-.01em}
.l-tier-price{margin:16px 0 4px;padding-top:16px;border-top:1px solid var(--l-line)}
.l-tier-price b{font-size:clamp(30px,2.5vw,38px);letter-spacing:-.035em;font-variant-numeric:tabular-nums;color:var(--l-ink)}
.l-tier-price span{font-size:13px}
.l-tier-year{font-variant-numeric:tabular-nums}
.l-tier .l-points li{font-size:14px;color:#2A3B52}
.l-tier.wide{background:linear-gradient(165deg,#0F3158,#0A2240);color:#DCE6F2;border-color:transparent}
.l-tier.wide h3,.l-tier.wide .l-tier-from{color:var(--gold2)!important}
.l-tier.wide .l-tier-price{border-top-color:rgba(255,255,255,.12)}
.l-tier.wide .l-tier-price b,.l-tier.wide .l-tier-who b,.l-tier.wide .l-tier-named b{color:#fff}
.l-tier.wide .l-tier-who,.l-tier.wide .l-tier-named,.l-tier.wide .l-tier-year,.l-tier.wide .l-tier-price span:not(.l-tier-from){color:#A9BCD3}
.l-tier.wide .l-points li{color:#DCE6F2}
.l-tier.wide .l-points .ico{color:#6FD8A8}
.l-tier.wide .l-tier-note{color:var(--gold2)}
.l-tier.wide .l-save{color:#6FD8A8}
.l-tier-go{border-radius:12px}
.l-tier.wide .l-tier-go{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);color:#fff}
/* accessible: the gold words on the pale sections and the white words on the system's chips read at WCAG AA (4.5:1) */
.l-eyebrow,.l-step-who{color:#8A5A12}
.l-chip.k-files{background:linear-gradient(140deg,#127A86,#0E5E68)}
.l-chip.k-signin{background:linear-gradient(140deg,#1B7F57,#136446)}
.l-chip.k-apps{background:linear-gradient(140deg,#3A6E9E,#2B5A86)}
/* less motion, when the person's device asks for it: no entrance, no float, no lift; the page is drawn still and whole at once */
@media (prefers-reduced-motion:reduce){
  .l-hero-text > *,.l-illu,.l-illu-card{animation:none}
  .l-tier,.l-tier::before,.l-tile{transition:none}
  .l-tier:hover,.l-tile:hover{transform:none}
}
/* dark: the same page by night, for a device set to dark; only the landing page (the signed-in store has no dark look) */
@media (prefers-color-scheme:dark){
  body.landing{color-scheme:dark;--l-ink:#EEF3FA;--l-muted:#9FB0C6;--l-line:rgba(255,255,255,.09);--l-page:#070F1C;--ground:#0B1526;--border:rgba(255,255,255,.10);
    --muted:#9FB0C6;--ink:#E8EEF6;--card:#0F1A2C;--navy-soft:rgba(90,140,210,.16);--gold-soft:rgba(224,176,79,.12);--l-link:#8DB8EA;
    background:var(--l-page);color:var(--ink)}
  body.landing .l-sec{background:#070F1C}
  body.landing .l-sec.alt{background:#0B1526}
  body.landing .l-sec.sovereign{background:radial-gradient(900px 500px at 100% 0,rgba(224,176,79,.14),transparent 60%),linear-gradient(180deg,#0A1E36,#071629)}
  body.landing .l-strip{background:#0B1526;border-bottom-color:var(--border)}
  body.landing .l-eyebrow,body.landing .l-step-who,body.landing .l-tier h3,body.landing .l-tier-from{color:var(--gold2)!important}
  body.landing .l-tile,body.landing .l-ease,body.landing .l-pt,body.landing .l-panel,body.landing .l-asset,body.landing .l-tier,body.landing .l-shot figure,
  body.landing .l-caps-wrap,body.landing .l-see-switch,body.landing .l-sim-in,body.landing .l-sim-carry,body.landing .l-sim-price,body.landing .l-cmp-wrap,
  body.landing .l-svc,body.landing .l-box-fig{background:#0F1A2C;border-color:var(--border);box-shadow:0 24px 48px -32px rgba(0,0,0,.6)}
  body.landing .l-tier.wide{background:linear-gradient(165deg,#13396A,#0C284A);border-color:rgba(224,176,79,.30)}
  body.landing .l-sec.sovereign .l-pt{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);box-shadow:none}
  body.landing .l-tier .l-points li,body.landing .l-caps-list li{color:#C9D5E4}
  body.landing .l-tier-price b,body.landing .l-sim-total b,body.landing .l-sim-people,body.landing .l-sim-carry .l-carry-people{color:#fff}
  body.landing .l-block{color:#D7E2F0}
  body.landing .l-start,body.landing .l-src,body.landing .l-caps-ico,body.landing .l-tile-ico,body.landing .l-pt-ico,body.landing .l-panel-ico,body.landing a:not(.btn){color:var(--l-link)}
  body.landing .l-src:hover,body.landing .l-src:focus-visible{background:var(--navy);color:#fff}
  body.landing .l-save,body.landing .l-points .ico,body.landing .l-caps-list .ico{color:#6FD8A8}
  body.landing .l-tier-note,body.landing .l-sim-carry .l-carry-short,body.landing .l-shot-tag,body.landing .l-asset-ico{color:#F0C870}
  body.landing .l-byo,body.landing .l-said{color:#F3DDA8}
  body.landing .btn:not(.gold):not(.primary){background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.20);color:#EEF3FA}
  body.landing .l-seg-opt span{background:#0B1526;border-color:var(--border);color:var(--ink)}
  body.landing .l-seg-opt input:checked + span{background:#2563A6;border-color:#2563A6;color:#fff}
  body.landing input[type=text],body.landing input[type=search],body.landing input[type=number],body.landing input:not([type]),body.landing select,body.landing textarea{
    background:#0B1526;border-color:rgba(255,255,255,.18);color:var(--ink)}
  body.landing .l-count:disabled{background:#0F1A2C;color:var(--muted)}
  body.landing .l-range,body.landing .l-sim-tick input{accent-color:#5B9BE0}
  body.landing .l-sys{background:linear-gradient(180deg,#0A1E36,#071629);border:1px solid var(--border)}
  body.landing .l-sys-m{background:rgba(255,255,255,.06);color:var(--ink)}
  body.landing .l-sys-m-top .ico,body.landing .l-sys-tag{color:var(--muted)}
  body.landing .l-cmp thead th{background:#0B1526}
  body.landing .l-cmp thead .l-cmp-us{background:var(--navy);color:#fff}
  body.landing .l-cmp .l-cmp-us{background:rgba(90,140,210,.12)}
  body.landing .l-cmp tr{background:#0F1A2C;border-color:var(--border)}
  body.landing .l-cmp td::before{color:var(--gold2)}
  body.landing .l-caps thead th{background:#0B1526}
  body.landing .l-step-mark{box-shadow:0 0 0 8px #0B1526,0 10px 24px rgba(0,0,0,.4)}
  body.landing .l-box-close{background:#0F1A2C;color:var(--ink)}
  body.landing .l-illu-badge{--ink:#0E1B2A;--muted:#5B6B82}
  body.landing .l-chip.k-platform{background:#13233A;color:var(--l-link);border-color:var(--border)}
  body.landing .l-step-n{color:#0E1B2A}
  body.landing .l-contact.sim .l-contact-address{color:var(--gold2)}
}