/* ITSMverse design system. Loaded last on every page: one palette, one type scale, one card, one footer. */
:root{
 --bg:#060913;--bg2:#0a1020;--card:#0a1224;--card2:#111b32;--surface:#0a1224;--white:#0a1224;
 --ink:#eaf1fb;--mut:#9aaac4;--muted:#9aaac4;--line:#1b2a45;--border:#1b2a45;
 --n-mint:#52ffc6;--n-cyan:#36e4ff;--n-violet:#a678ff;--n-pink:#ff4fd0;--n-lime:#d4ff3f;--n-coral:#ff7a63;--n-gold:#ffc857;
 --acc:#52ffc6;--acc2:#36e4ff;--mint:#52ffc6;--green:#52ffc6;--lime:#d4ff3f;--violet:#a678ff;--peach:#ff9a82;--warn:#ffc857;--amber:#ffc857;--red:#ff8a78;--gold:#ffc857;
 --grad:linear-gradient(96deg,#36e4ff 0%,#a678ff 52%,#ff4fd0 100%);
 --grad2:linear-gradient(96deg,#52ffc6,#36e4ff);
 --glass:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.018));
 --edge:rgba(255,255,255,.09);
 --sans:Inter,"Segoe UI Variable Text","Segoe UI","SF Pro Text",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;
 --mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;
 --r:18px;--r2:12px;
 --glow:0 0 0 1px rgba(82,255,198,.35),0 0 28px -4px rgba(82,255,198,.45);
 color-scheme:dark}
html{scroll-padding-top:90px;-webkit-text-size-adjust:100%}
body,button,input,select,textarea{font-family:var(--sans)}
body{background:var(--bg);color:var(--ink);font-size:17px;line-height:1.68;letter-spacing:-.003em;-webkit-font-smoothing:antialiased;position:relative}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:
 radial-gradient(900px 520px at 85% -8%,rgba(166,120,255,.20),transparent 60%),
 radial-gradient(700px 480px at -5% 8%,rgba(54,228,255,.14),transparent 60%),
 radial-gradient(800px 600px at 60% 110%,rgba(255,79,208,.10),transparent 60%),var(--bg)}
::selection{background:rgba(82,255,198,.28);color:#fff}
:focus-visible{outline:2px solid var(--n-cyan);outline-offset:2px;border-radius:6px}
a{color:var(--n-mint);text-underline-offset:3px}
h1,h2,h3,h4{font-family:var(--sans);letter-spacing:-.025em;line-height:1.15;text-wrap:balance}
h1{font-weight:800;font-size:clamp(34px,6vw,64px);letter-spacing:-.04em}
h2{font-weight:750;font-size:clamp(25px,3.4vw,36px)}
h3{font-weight:700;font-size:clamp(18px,2.2vw,21px)}
h1 em,h2 em,.grad{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--n-mint)}
.lead,.lede{color:#c9d6ea}
.muted,.sub{color:var(--mut)}
/* header */
.top,.site-header{background:rgba(7,10,20,.72)!important;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border-bottom:1px solid var(--edge)!important}
.top nav a,.site-header nav a{font-size:14.5px;font-weight:500;color:var(--mut);border-radius:10px}
.top nav a:hover,.site-header nav a:hover{color:#fff;background:rgba(255,255,255,.06)}
.top nav a[aria-current=page]{color:#fff;background:rgba(82,255,198,.10);box-shadow:inset 0 -2px 0 var(--n-mint)}
.mark b,.wordmark{font-weight:800;letter-spacing:-.03em}
/* buttons */
.go,.btn,nav a.cta,.button,.cta-row .go,.nav-cta,.gtry a{background:var(--grad2)!important;color:#03140f!important;font-weight:750;border:0;border-radius:999px;box-shadow:0 8px 24px -10px rgba(82,255,198,.7);transition:transform .15s,box-shadow .15s;text-decoration:none}
.go:hover,.btn:hover,nav a.cta:hover,.button:hover,.gtry a:hover{transform:translateY(-1px);box-shadow:0 12px 30px -8px rgba(82,255,198,.85)}
.btn.ghost,.go.ghost,.button-outline,.chip{background:transparent!important;color:var(--n-mint)!important;border:1px solid rgba(82,255,198,.4);box-shadow:none}
.btn.ghost:hover,.button-outline:hover{background:rgba(82,255,198,.1)!important}
/* the card */
.path,.pc,.panel,.stat,.lc,.qm,.side,.sc,.netbox,.rank,.blk,.tkcard,.box,.fcard,.benefit-card,.term,.case,.phase,.world,.kpi,.fwb,.gex,.gkv>div,.gsteps li,.gcheck label,.grel a,.dd>div,.demo-panel,.poster,.setting{background:var(--glass),var(--card)!important;border:1px solid var(--edge)!important;border-radius:var(--r);box-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 18px 40px -26px rgba(0,0,0,.9)}
a.path,a.pc,button.pc,a.tkcard,a.lc,button.lc,.grel a,a.term,.poster,.fwb{transition:transform .18s,border-color .18s,box-shadow .18s}
a.path:hover,a.tkcard:hover,.pc:hover,.lc:hover,.grel a:hover,.fwb:hover,.poster:hover{transform:translateY(-3px);border-color:rgba(82,255,198,.55)!important;box-shadow:0 0 0 1px rgba(82,255,198,.25),0 22px 44px -22px rgba(82,255,198,.45)}
.notice,.gnote,.disc{background:linear-gradient(90deg,rgba(166,120,255,.12),rgba(166,120,255,.03))!important;border:1px solid rgba(166,120,255,.28)!important;border-left:3px solid var(--n-violet)!important;border-radius:14px;color:#c4cde0}
.gnote b{color:var(--n-gold)}
.tag,.pill,.chips button[aria-pressed=true]{background:rgba(82,255,198,.12)!important;color:var(--n-mint)!important;border:1px solid rgba(82,255,198,.3)!important}
/* lists: one marker style, hanging indent, always aligned */
.chap ul,.gkv+ul,.box ul,.phase ul,.dd ul,.fcard ul,.in ul,.case ul,.benefit-card ul,.reflect,main ul:not([class]),main ol:not([class]){list-style:none;padding-left:0;margin:.6em 0}
.chap ul>li,.box ul>li,.phase ul>li,.dd ul>li,.fcard ul>li,.in ul>li,.case ul>li,main ul:not([class])>li{position:relative;padding-left:1.5em;margin:.45em 0;text-align:left}
.chap ul>li::before,.box ul>li::before,.phase ul>li::before,.dd ul>li::before,.fcard ul>li::before,.in ul>li::before,.case ul>li::before,main ul:not([class])>li::before{content:"";position:absolute;left:.15em;top:.62em;width:.5em;height:.5em;border-radius:50%;background:var(--grad2);box-shadow:0 0 10px rgba(82,255,198,.7)}
.chap ol:not([class])>li,main ol:not([class])>li{position:relative;padding-left:2em;margin:.5em 0;counter-increment:ol}
.chap ol:not([class]),main ol:not([class]){counter-reset:ol}
.chap ol:not([class])>li::before,main ol:not([class])>li::before{content:counter(ol);position:absolute;left:0;top:.05em;width:1.45em;height:1.45em;border-radius:50%;display:grid;place-items:center;font:700 .78em var(--mono);color:#03140f;background:var(--grad2)}
.dd .dont ul>li::before{background:linear-gradient(135deg,#ff7a63,#ff4fd0);box-shadow:0 0 10px rgba(255,79,208,.6)}
/* link lists: each link is its own aligned row */
.linklist{display:grid;gap:2px;margin:14px 0 0}
.linklist a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 4px;border-top:1px solid var(--edge);text-decoration:none;color:var(--ink);font-weight:500}
.linklist a::after{content:"→";color:var(--n-mint);flex:none;transition:transform .15s}
.linklist a:hover{color:var(--n-mint)}.linklist a:hover::after{transform:translateX(4px)}
/* tables */
.gtbl,.tw,.tbl{border:1px solid var(--edge);border-radius:14px;background:var(--glass),var(--card)}
.gtbl th,.gtbl td,.tw th,.tw td,table.t th,table.t td{border-color:var(--edge)!important}
.gtbl thead th,.tw thead th,table.t tr:first-child th{background:rgba(166,120,255,.10)!important;color:#dcd2ff;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
/* forms */
input,select,textarea{background:#0a1224;color:var(--ink);border:1px solid var(--edge);border-radius:12px}
input:focus,select:focus,textarea:focus{outline:2px solid var(--n-cyan);outline-offset:1px;border-color:transparent}
input[type=checkbox]{accent-color:#52ffc6}
/* footer: lean and centred, same on every page */
footer,.site-footer{max-width:none!important;margin:64px 0 0!important;padding:28px 20px calc(28px + env(safe-area-inset-bottom))!important;border-top:1px solid var(--edge);text-align:center!important;display:flex!important;flex-direction:column;align-items:center;gap:10px;background:linear-gradient(180deg,transparent,rgba(166,120,255,.06))}
footer p,.site-footer span,.site-footer div{margin:0;color:var(--mut);font-size:13.5px;line-height:1.5}
footer .fnav,.site-footer .fnav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px}
footer .fnav a{color:var(--mut);text-decoration:none;font-size:13.5px}footer .fnav a:hover{color:var(--n-mint)}
footer .fbrand{display:flex;align-items:center;gap:8px;font-weight:800;color:var(--ink);text-decoration:none;letter-spacing:-.02em}
footer .fbrand img{width:22px;height:22px}
footer a{color:var(--mut)}
@media(max-width:700px){body{font-size:16.5px}.top nav a.cta{display:block}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.subnav{position:sticky;top:61px;z-index:15;display:flex;gap:8px;overflow-x:auto;padding:10px max(20px,env(safe-area-inset-left));background:rgba(6,9,19,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--edge);scrollbar-width:none;-webkit-overflow-scrolling:touch}
.subnav::-webkit-scrollbar{display:none}
.subnav a{flex:none;white-space:nowrap;padding:7px 14px;border-radius:99px;border:1px solid var(--edge);color:var(--mut);text-decoration:none;font-size:13.5px;font-weight:600}
.subnav a:hover{color:#fff;border-color:rgba(82,255,198,.5);background:rgba(82,255,198,.08)}
@media(min-width:1100px){.subnav{justify-content:center}}
main:not(#content) .hero{position:relative}
main:not(#content) .hero{position:relative;overflow:clip}
main:not(#content) .hero::before{content:"";position:absolute;z-index:-1;width:560px;height:560px;right:-120px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(166,120,255,.22),transparent 65%);filter:blur(20px);pointer-events:none}
main:not(#content) .hero h1,.th-hero h1{background:linear-gradient(180deg,#fff 30%,#b3c2e2);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.04em}
html,body{overflow-x:clip}
.skipl{position:absolute;left:12px;top:-60px;z-index:200;padding:10px 16px;border-radius:10px;background:#3dffc0;color:#04110c;font-weight:700;text-decoration:none}.skipl:focus{top:10px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.nojs{margin:0;padding:16px max(16px,env(safe-area-inset-left));background:#2a1d05;color:#ffe2a8;border-bottom:1px solid #6b4a10;font:15px/1.5 system-ui,sans-serif;text-align:center}.nojs a{color:#ffd37a}