/* Console Light: the one look for yourdigitalworker.com and digitalapex.ai.
   Owner's choices, 2026-09-24: template B "Console" in light only, amber as a
   fill and highlight (too pale for text on white, so small amber text uses
   --amber-ink), IBM Plex Sans and Mono served from our own server, square
   buttons, a faint grid, plain words. Every page of both sites uses this file;
   a page adds only what is truly its own. */

/* ---------- fonts (OFL, self-hosted: no request to Google) ---------- */
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-sans-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-sans-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-sans-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-sans-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/ibm-plex-sans-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/ibm-plex-sans-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ---------- tokens ---------- */
:root{
  --ground:#f5f6f8; --paper:#ffffff; --line:#dde1e7; --line-2:#c9cfd8;
  --ink:#3a4350; --head:#11151b; --muted:#66707d;
  --amber:#f0b44f; --amber-edge:#d39a2c; --amber-ink:#9a6400; --amber-soft:#fdf3e1;
  --ok:#1a7f45; --err:#b42318;
  --sans:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --r:6px; --rb:4px; --wrap:1120px; --gut:clamp(16px,4vw,40px);
  --grid:linear-gradient(rgba(17,21,27,.045) 1px,transparent 1px) 0 0/32px 32px,linear-gradient(90deg,rgba(17,21,27,.045) 1px,transparent 1px) 0 0/32px 32px;
  color-scheme:light;
}

/* ---------- base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
body{margin:0;background:var(--grid),var(--ground);color:var(--ink);font:400 16px/1.65 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{max-width:100%;height:auto}
h1,h2,h3,h4{font-family:var(--sans);color:var(--head);font-weight:600;letter-spacing:-.02em;line-height:1.12;margin:0 0 .5em;text-wrap:balance}
h1{font-size:clamp(2.2rem,5.4vw,3.9rem);letter-spacing:-.03em;line-height:1.06}
h2{font-size:clamp(1.7rem,3.4vw,2.5rem)}
h3{font-size:1.15rem;letter-spacing:-.01em;line-height:1.3}
p{margin:0 0 1em}
a{color:var(--head);text-decoration:underline;text-decoration-color:var(--amber-edge);text-decoration-thickness:1.5px;text-underline-offset:3px}
a:hover{text-decoration-color:var(--head)}
:focus-visible{outline:2px solid var(--head);outline-offset:3px;border-radius:2px}
strong,b{color:var(--head);font-weight:600}
code{font-family:var(--mono);font-size:.88em;background:var(--paper);border:1px solid var(--line);border-radius:3px;padding:0 5px;white-space:nowrap}
ul,ol{margin:0 0 1em;padding-left:1.25em}
li{margin:.3em 0}
li::marker{color:var(--amber-ink)}
[hidden]{display:none!important}
.skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--head);color:#fff;padding:10px 14px}
.skip:focus{left:12px;top:12px}
.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:var(--gut)}
.mono{font-family:var(--mono)}
.muted{color:var(--muted)}
.num{font-variant-numeric:tabular-nums}
/* a jump to a section lands below the sticky header; old section names are kept as aliases */
[id]{scroll-margin-top:76px}
.alias{display:block;height:0;overflow:hidden}

/* key words in a headline: an amber block, like text selected in an editor */
.hl{color:var(--head);padding:0 .12em;margin:0 -.02em;background:linear-gradient(transparent 14%,var(--amber) 14%,var(--amber) 88%,transparent 88%);-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* small labels */
.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 14px;font:500 12.5px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--amber-ink)}
.eyebrow::before{content:"";flex:none;width:9px;height:9px;background:var(--amber);box-shadow:inset 0 0 0 1px var(--amber-edge)}
.tag{display:inline-block;font:500 11.5px/1.3 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--amber-ink);border:1px solid var(--line);background:var(--paper);border-radius:3px;padding:4px 8px}
.lede{font-size:clamp(1.05rem,1.6vw,1.22rem);line-height:1.6;color:var(--ink);max-width:62ch}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:11px 20px;border-radius:var(--rb);border:1px solid var(--amber-edge);background:var(--amber);color:var(--head);font:500 15px/1.2 var(--mono);text-decoration:none;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,transform .15s}
.btn:hover{background:#f4c26c;color:var(--head)}
.btn:active{transform:translateY(1px)}
.btn-2{background:var(--paper);border-color:var(--head)}
.btn-2:hover{background:var(--ground)}
.btn-sm{min-height:38px;padding:7px 14px;font-size:14px}
.btn[disabled]{opacity:.6;cursor:progress}
.btns{display:flex;flex-wrap:wrap;gap:12px}

/* ---------- site header ---------- */
.head{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.94);-webkit-backdrop-filter:saturate(1.2) blur(8px);backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid var(--line)}
.head .wrap{display:flex;align-items:center;gap:22px;min-height:62px}
.logo{display:flex;align-items:center;gap:10px;color:var(--head);text-decoration:none;font-weight:600;font-size:16.5px;letter-spacing:-.01em;white-space:nowrap}
.logo img{width:30px;height:30px}
.logo small{font:400 12px/1 var(--mono);color:var(--muted);letter-spacing:.02em}
.nav{display:flex;align-items:center;gap:4px;margin-left:auto}
.nav a{color:var(--head);text-decoration:none;font:500 14px/1 var(--mono);padding:10px 10px;border-radius:3px;white-space:nowrap}
.nav a:hover{background:var(--ground)}
.nav a[aria-current]{box-shadow:inset 0 -2px 0 var(--amber)}
.head .btn{margin-left:6px}
.menu{display:none;margin-left:auto;position:relative}
.menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line-2);border-radius:var(--rb);background:var(--paper)}
.menu summary::-webkit-details-marker{display:none}
.menu summary span,.menu summary span::before,.menu summary span::after{display:block;width:18px;height:2px;background:var(--head);position:relative}
.menu summary span::before,.menu summary span::after{content:"";position:absolute;left:0}
.menu summary span::before{top:-6px}.menu summary span::after{top:6px}
.menu[open] summary span{background:transparent}
.menu[open] summary span::before{top:0;transform:rotate(45deg)}
.menu[open] summary span::after{top:0;transform:rotate(-45deg)}
.menu nav{position:absolute;right:0;top:calc(100% + 10px);width:min(86vw,300px);display:flex;flex-direction:column;padding:8px;background:var(--paper);border:1px solid var(--line-2);border-radius:var(--r);box-shadow:0 18px 40px -18px rgba(17,21,27,.35)}
.menu nav a{padding:12px 12px;color:var(--head);text-decoration:none;font:500 15px/1.2 var(--mono);border-radius:3px}
.menu nav a:hover{background:var(--ground)}
.menu nav .btn{margin-top:8px}
/* the full menu needs about 920 px; below 960 the compact one takes over */
@media (max-width:960px){.head .nav,.head>.wrap>.btn{display:none}.menu{display:block}}
@media (max-width:440px){.head .logo small{display:none}.head .wrap{gap:12px}}

/* ---------- sections ---------- */
.sec{padding-block:clamp(56px,8vw,104px)}
.sec + .sec{border-top:1px solid var(--line)}
.sec.paper{background:var(--paper)}
.sec-head{max-width:760px;margin-bottom:clamp(28px,4vw,44px)}
.sec-head p{color:var(--ink);font-size:1.08rem;max-width:62ch}
.sec-head.center{margin-inline:auto;text-align:center}
.sec-head.center .eyebrow{justify-content:center}
.sec-head.center p{margin-inline:auto}

/* ---------- hero ---------- */
.hero{padding-block:clamp(44px,7vw,92px) clamp(48px,7vw,96px)}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(28px,5vw,64px);align-items:center}
.hero .lede{margin-bottom:28px}
.facts{display:flex;flex-wrap:wrap;gap:6px 0;margin:24px 0 0;padding:0;list-style:none;font:400 13.5px/1.5 var(--mono);color:var(--muted)}
.facts li{margin:0;display:flex;align-items:center}
.facts li+li::before{content:"";width:4px;height:4px;background:var(--amber-edge);margin:0 12px}
@media (max-width:900px){.hero .wrap{grid-template-columns:1fr}}

/* ---------- a console box: a log, a list of lines ---------- */
.con{background:var(--paper);border:1px solid var(--line-2);border-radius:var(--r);box-shadow:0 22px 48px -26px rgba(17,21,27,.28);overflow:hidden;min-width:0}
.con-bar{display:flex;align-items:center;gap:7px;padding:10px 14px;border-bottom:1px solid var(--line);font:400 12px/1 var(--mono);color:var(--muted)}
.con-bar i{width:9px;height:9px;border-radius:50%;border:1px solid var(--line-2)}
.con-bar span{margin-left:8px;letter-spacing:.02em}
.con-bar em{margin-left:auto;font-style:normal;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--amber-ink)}
.con ol{list-style:none;margin:0;padding:10px 0}
.con li{display:grid;grid-template-columns:52px 1fr;gap:12px;margin:0;padding:8px 16px;font-size:14.5px;line-height:1.5;color:var(--head)}
.con li+li{border-top:1px dashed var(--line)}
.con time,.con .t{font:500 13px/1.6 var(--mono);color:var(--amber-ink);font-variant-numeric:tabular-nums}
.con .note{color:var(--muted)}
.con .done{display:inline-block;margin-left:6px;font:500 11px/1 var(--mono);color:var(--ok);letter-spacing:.04em}

/* ---------- cards and grids ---------- */
.grid{display:grid;gap:16px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:980px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.g2,.g3,.g4{grid-template-columns:1fr}}
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:22px 22px 20px}
.card h3{margin-top:10px}
.card p{margin-bottom:.6em}
.card p:last-child{margin-bottom:0}
.card ul{list-style:none;padding:0;margin:12px 0 0}
.card ul li{position:relative;padding-left:20px;margin:0;padding-block:7px;border-top:1px solid var(--line)}
.card ul li:first-child{border-top:0}
.card ul li::before{content:"";position:absolute;left:0;top:15px;width:8px;height:8px;background:var(--amber);box-shadow:inset 0 0 0 1px var(--amber-edge)}
.note-line{margin-top:18px;font:400 13px/1.5 var(--mono);color:var(--muted)}

/* ---------- before and after rows ---------- */
.ba{display:grid;border:1px solid var(--line);border-radius:var(--r);background:var(--paper);overflow:hidden}
.ba-row{display:grid;grid-template-columns:200px minmax(0,1fr) minmax(0,1fr);gap:0}
.ba-row+.ba-row{border-top:1px solid var(--line)}
.ba-row>*{padding:16px 18px;margin:0}
.ba-row>*+*{border-left:1px solid var(--line)}
.ba-row h3{font-size:1rem;margin:0}
.ba-row .today{color:var(--muted)}
.ba-row .after{color:var(--head)}
.ba-head{background:var(--ground);font:500 12px/1.4 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
@media (max-width:760px){.ba-row{grid-template-columns:1fr}.ba-row>*+*{border-left:0;padding-top:0}.ba-head{display:none}.ba-row .today::before{content:"Today: ";font-weight:600;color:var(--muted)}.ba-row .after::before{content:"With Digital Worker: ";font-weight:600;color:var(--amber-ink)}}

/* ---------- steps (a real sequence) ---------- */
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:s}
.steps>li{margin:0;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:22px;counter-increment:s}
.steps>li::before{content:counter(s);display:inline-grid;place-items:center;width:32px;height:32px;margin-bottom:14px;background:var(--amber);border:1px solid var(--amber-edge);border-radius:var(--rb);font:500 15px/1 var(--mono);color:var(--head)}
.steps h3{margin:0 0 6px}
.steps p{margin:0}
.steps ul{list-style:none;padding:0;margin:10px 0 0}
.steps ul li{position:relative;margin:0;padding:7px 0 7px 18px;border-top:1px solid var(--line);font-size:15px}
.steps ul li::before{content:"";position:absolute;left:0;top:15px;width:7px;height:7px;background:var(--amber);box-shadow:inset 0 0 0 1px var(--amber-edge)}
@media (max-width:860px){.steps{grid-template-columns:1fr}}

/* ---------- pricing ---------- */
.prices{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;align-items:start}
@media (max-width:900px){.prices{grid-template-columns:1fr}}
.price-card{background:var(--paper);border:1px solid var(--line-2);border-radius:var(--r);padding:clamp(22px,3vw,32px)}
.price-card.main{border-color:var(--head);box-shadow:0 22px 48px -28px rgba(17,21,27,.35)}
.price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:8px 0 6px}
.price b{font:500 clamp(2.4rem,4.6vw,3.2rem)/1 var(--mono);color:var(--head);letter-spacing:-.02em}
.price span{color:var(--muted);font-size:15px}
.price-card .btns{margin-top:22px}
.ticks{list-style:none;padding:0;margin:18px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
.ticks li{position:relative;margin:0;padding:8px 0 8px 26px;border-top:1px solid var(--line);color:var(--head)}
.ticks li::before{content:"";position:absolute;left:2px;top:15px;width:10px;height:6px;border-left:2px solid var(--ok);border-bottom:2px solid var(--ok);transform:rotate(-45deg)}
@media (max-width:560px){.ticks{grid-template-columns:1fr}}
.terms{margin:16px 0 0;font:400 13px/1.55 var(--mono);color:var(--muted)}
.addons{margin-top:16px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:4px 22px}
.addon{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 18px;padding:15px 0;align-items:baseline}
.addon+.addon{border-top:1px solid var(--line)}
.addon b{display:block}
.addon span{color:var(--muted);font-size:14.5px}
.addon .amt{font:500 15px/1.3 var(--mono);color:var(--head);text-align:right;white-space:nowrap}
@media (max-width:480px){.addon{grid-template-columns:1fr}.addon .amt{text-align:left;white-space:normal}}

/* ---------- tables (stack on phones) ---------- */
.tbl{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin:0 0 1.2em}
.tbl table{width:100%;border-collapse:collapse;font-size:14.5px;line-height:1.5}
.tbl th{text-align:left;padding:12px 14px;font:500 11.5px/1.4 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);background:var(--ground)}
.tbl td{padding:12px 14px;border-top:1px solid var(--line);vertical-align:top}
.tbl tbody tr:first-child td{border-top:0}
.tbl td:first-child{color:var(--head);font-weight:600}
.tbl .n{font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}
@media (max-width:720px){
  .tbl thead{display:none}
  .tbl table,.tbl tbody,.tbl tr,.tbl td{display:block;width:100%}
  .tbl tr{padding:10px 16px;border-top:1px solid var(--line)}
  .tbl tbody tr:first-child{border-top:0}
  .tbl td{padding:3px 0;border:0}
  .tbl td::before{content:attr(data-label);display:block;font:500 11px/1.5 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
}

/* ---------- a definition list of facts ---------- */
.dl{margin:0 0 1.2em;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:4px 20px}
.dl div{display:grid;grid-template-columns:190px minmax(0,1fr);gap:16px;padding:11px 0}
.dl div+div{border-top:1px solid var(--line)}
.dl dt{font:500 13px/1.6 var(--mono);color:var(--muted)}
.dl dd{margin:0;color:var(--head)}
@media (max-width:640px){.dl div{grid-template-columns:1fr;gap:2px}}

/* ---------- FAQ ---------- */
.faq{max-width:860px}
.faq details{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);margin:0 0 10px}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;font-weight:600;color:var(--head);font-size:1.05rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line-2);border-radius:var(--rb);font:500 18px/1 var(--mono);color:var(--head)}
.faq details[open] summary::after{content:"\2212";background:var(--amber);border-color:var(--amber-edge)}
.faq details>div{padding:0 20px 18px;max-width:70ch}
.faq details>div p:last-child{margin:0}

/* ---------- tours ---------- */
.tours{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
@media (max-width:1060px){.tours{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:720px){.tours{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:460px){.tours{grid-template-columns:1fr}}
.tour-group{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:18px}
.tour-group h3{font-size:1rem;margin:0 0 10px}
.tour-group ul{list-style:none;padding:0;margin:0}
.tour-group li{margin:0;border-top:1px solid var(--line)}
.tour-group li:first-child{border-top:0}
.tour-group a{display:flex;justify-content:space-between;gap:10px;padding:9px 0;text-decoration:none;color:var(--head);font-size:14.5px;line-height:1.35}
.tour-group a::after{content:"\25B6";font-size:10px;color:var(--amber-ink);margin-top:4px}
.tour-group a:hover{color:var(--amber-ink)}

/* ---------- form ---------- */
.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;background:var(--paper);border:1px solid var(--line-2);border-radius:var(--r);padding:clamp(20px,3vw,32px)}
.form .full{grid-column:1/-1}
@media (max-width:640px){.form{grid-template-columns:1fr}}
.field{display:grid;gap:6px}
.field label,.field legend{font:500 12.5px/1.4 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--head)}
.field label i{font-style:normal;color:var(--amber-ink)}
.field input,.field select,.field textarea{width:100%;font:400 16px/1.4 var(--sans);color:var(--head);background:var(--paper);border:1px solid var(--line-2);border-radius:var(--rb);padding:12px 13px;min-height:48px}
.field textarea{min-height:110px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--amber);outline-offset:0;border-color:var(--amber-edge)}
.field input[aria-invalid="true"]{border-color:var(--err)}
.choice{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}
.choice legend{margin-bottom:6px;width:100%}
.choice label{display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid var(--line-2);border-radius:var(--rb);cursor:pointer;font:400 15px/1.3 var(--sans);text-transform:none;letter-spacing:0;color:var(--head)}
.choice input{width:18px;height:18px;min-height:0;accent-color:var(--head);margin:0}
.choice label:has(input:checked){border-color:var(--head);background:var(--amber-soft)}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.form-foot{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.form-foot p{margin:0;font-size:14px;color:var(--muted)}
.status{font:500 14px/1.5 var(--mono);color:var(--muted);min-height:1.5em;margin:0}
.status.err{color:var(--err)}
.done-box{background:var(--paper);border:1px solid var(--ok);border-radius:var(--r);padding:28px}
.done-box h3{display:flex;align-items:center;gap:10px}
.done-box h3::before{content:"";width:12px;height:7px;border-left:2.5px solid var(--ok);border-bottom:2.5px solid var(--ok);transform:rotate(-45deg) translateY(-2px)}

/* ---------- a document page (legal, the IT page) ---------- */
.doc{padding-block:clamp(40px,6vw,72px) clamp(56px,8vw,96px)}
.doc .wrap{max-width:900px}
.doc h1{font-size:clamp(2rem,4.4vw,3rem)}
.doc h2{font-size:clamp(1.3rem,2.2vw,1.6rem);margin:2.4em 0 .7em;letter-spacing:-.015em}
.doc h2 .n{font:500 .8em/1 var(--mono);color:var(--amber-ink);margin-right:.5em;font-variant-numeric:tabular-nums}
.doc .version{font:400 13.5px/1.5 var(--mono);color:var(--muted);margin:0 0 20px}
.pills{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 30px}
.pills li{margin:0}
.pills a{display:inline-block;padding:8px 14px;border:1px solid var(--line-2);border-radius:var(--rb);background:var(--paper);color:var(--head);text-decoration:none;font:500 13.5px/1.2 var(--mono)}
.pills a:hover{border-color:var(--head)}
.pills a[aria-current]{background:var(--amber);border-color:var(--amber-edge)}
.toc{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 8px;padding:14px 18px;list-style:none;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);font:400 14px/1.5 var(--mono)}
.toc li{margin:0}

/* ---------- call to action band ---------- */
.cta{background:var(--head);color:#d6dae1}
.cta h2{color:#fff}
.cta .hl{color:var(--head)}
.cta p{color:#c3c9d2}
.cta .btn-2{background:transparent;color:#fff;border-color:#8a929d}
.cta .btn-2:hover{background:rgba(255,255,255,.08)}
.cta .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center}
@media (max-width:760px){.cta .wrap{grid-template-columns:1fr}}

/* ---------- site footer ---------- */
.foot{border-top:1px solid var(--line);background:var(--paper);padding-block:34px;font-size:14px;color:var(--muted)}
.foot .wrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px}
.foot .logo{margin-bottom:10px}
.foot address{font-style:normal;line-height:1.7}
.foot nav{display:flex;flex-wrap:wrap;gap:8px 20px;align-content:start;justify-content:flex-end}
.foot nav a{display:inline-block;padding:4px 0;color:var(--head);text-decoration:none;font:500 13.5px/1.6 var(--mono)}
.foot nav a:hover{text-decoration:underline}
@media (max-width:760px){.foot .wrap{grid-template-columns:1fr}.foot nav{justify-content:flex-start}}

/* ---------- parts added for digitalapex.ai (the same design, one file) ---------- */
/* a console box whose rows start with a word, not a time */
.con.labels li{grid-template-columns:112px minmax(0,1fr)}
.con .lbl{font:500 12px/1.7 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--amber-ink)}
.con a{color:var(--head)}
/* four steps in a row */
.steps.four{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1060px){.steps.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.steps.four{grid-template-columns:1fr}}
/* text beside a picture */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
.split + .split{margin-top:clamp(32px,5vw,64px)}
@media (max-width:860px){.split{grid-template-columns:1fr}.split .photo{order:-1}}
.photo{margin:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--paper)}
.photo img{display:block;width:100%;height:auto}
/* a quote from a person */
.quote{display:flex;flex-direction:column;gap:14px}
.quote blockquote{margin:0;font-size:15.5px;line-height:1.65;color:var(--ink)}
.quote .who{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}
.quote .who img{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:none}
.quote .who b{display:block;line-height:1.3}
.quote .who span{font-size:14px;color:var(--muted)}
/* the cookie banner of a site without analytics (same look as consent.js) */
.cookie-banner{position:fixed;left:18px;bottom:18px;z-index:500;max-width:410px;background:var(--paper);border:1px solid var(--line-2);border-radius:var(--r);box-shadow:0 22px 50px -20px rgba(17,21,27,.45);font-size:14px;line-height:1.6;color:var(--ink);padding:18px 20px}
.cookie-banner p{margin:0 0 14px}
.cookie-banner .row{display:flex;gap:8px;flex-wrap:wrap}
.cookie-banner .btn{min-height:42px}
@media (max-width:520px){.cookie-banner{left:10px;right:10px;max-width:none;bottom:10px}}