/* latin-ext */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/outfit-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/outfit-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/outfit-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/outfit-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/outfit-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/outfit-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/outfit-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/outfit-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/space-grotesk-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/space-grotesk-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/space-grotesk-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/space-grotesk-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/space-grotesk-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/space-grotesk-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/space-grotesk-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/space-grotesk-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/space-grotesk-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/space-grotesk-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/space-grotesk-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/space-grotesk-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/space-mono-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/space-mono-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/space-mono-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/space-mono-vietnamese.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/space-mono-latin-ext.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/space-mono-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ==========================================================================
   Lockera — production stylesheet
   Sections: fonts / base / keyframes / utilities (generated) / components /
   responsive overrides
   ========================================================================== */

/* ---------- base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#0c0906;color:#f7f5f1;font-family:'Space Grotesk',system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%}
a{color:inherit}
:focus-visible{outline:2px solid #f4741a;outline-offset:3px;border-radius:4px}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* ---------- keyframes ---------- */
@keyframes pulseDot{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes floatY2{0%,100%{transform:translateY(-6px)}50%{transform:translateY(8px)}}
@keyframes dashMove{to{stroke-dashoffset:-24}}
@keyframes loadBar{0%{width:6%}55%{width:70%}100%{width:100%}}
@keyframes ringPulse{0%{transform:scale(.7);opacity:.9}100%{transform:scale(1.55);opacity:0}}
@keyframes focusPulse{0%,100%{box-shadow:0 0 0 0 rgba(244,91,91,.55)}50%{box-shadow:0 0 0 7px rgba(244,91,91,0)}}
@keyframes popIn{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}

/* h3 reset for card titles — placed BEFORE utilities so the generated
   u-classes (which carry each title's real color/size/weight) override it */
.card-title{margin:0;font-family:inherit;font-weight:inherit;font-size:inherit;line-height:inherit;color:inherit}

/* ---------- generated utilities (deduplicated from source design) ---------- */
.u0{position:fixed;inset:0;z-index:200;background:#0c0906;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;transition:opacity .55s ease}
.u1{height:34px;width:auto;display:block}
.u2{font-family:'Space Mono',monospace;font-size:11.5px;letter-spacing:.16em;color:rgba(247,245,241,.5);text-transform:uppercase;text-align:center;max-width:420px;line-height:1.8}
.u3{width:220px;height:2px;background:rgba(247,245,241,.12);border-radius:2px;overflow:hidden}
.u4{height:100%;background:#f4741a;animation:loadBar 1.5s ease forwards}
.u5{position:sticky;top:0;z-index:50;background:rgba(12,10,8,.78);backdrop-filter:blur(14px);border-bottom:1px solid rgba(247,245,241,.08)}
.u6{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:18px 40px}
.u7{text-decoration:none}
.u8{height:30px;width:auto;display:block}
.u9{display:flex;align-items:center;gap:34px;font-size:15px;color:rgba(244,243,239,.72)}
.u10{color:inherit;text-decoration:none}
.u11{background:#f4741a;color:#141619;font-weight:600;padding:11px 22px;border-radius:8px;font-size:14px;text-decoration:none;transition:transform .2s}
.u12{position:relative;overflow:hidden;background:#0c0906;font-family:'Outfit',system-ui,sans-serif}
.u13{position:absolute;inset:0;background:radial-gradient(1100px 720px at 66% 64%, #b4581a 0%, #7a3910 28%, #3a1d0b 55%, #120d08 80%, transparent 100%)}
.u14{position:relative;max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr));gap:40px;padding:96px 40px 0;min-height:660px}
.u15{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;gap:28px}
.u16{margin:0;font-size:clamp(34px,4vw,49px);line-height:1.08;font-weight:700;color:#f7f5f1;letter-spacing:-.02em}
.u17{font-size:22px;color:rgba(247,245,241,.75)}
.u18{color:#f4741a;font-weight:700;border-bottom:2px solid rgba(244,116,26,.45);padding-bottom:2px}
.u19{display:flex;gap:16px;flex-wrap:wrap}
.u20{background:#f4741a;color:#141619;font-weight:700;padding:16px 32px;border-radius:10px;font-size:16px;text-decoration:none;box-shadow:0 8px 32px rgba(244,116,26,.35);transition:transform .2s}
.u21{border:1px solid rgba(247,245,241,.3);color:#f7f5f1;font-weight:500;padding:16px 32px;border-radius:10px;font-size:16px;text-decoration:none;transition:border-color .2s}
.u22{font-size:13px;color:rgba(247,245,241,.42);line-height:1.6;max-width:460px;border-top:1px solid rgba(247,245,241,.12);padding-top:18px}
.u23{position:relative;display:flex;align-items:center;justify-content:center;padding:20px 0 70px}
.u24{position:absolute;left:-60px;right:-60px;bottom:44px;height:3px;background:linear-gradient(90deg,transparent,rgba(255,170,90,.55),rgba(255,200,130,.8),rgba(255,170,90,.5),transparent);filter:blur(1px)}
.u25{position:relative;width:min(480px,100%);background:#101114;border:1px solid rgba(247,245,241,.12);border-radius:18px;padding:22px;box-shadow:0 50px 100px rgba(0,0,0,.65)}
.u26{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}
.u27{display:flex;gap:10px;align-items:flex-start}
.u28{width:9px;height:9px;border-radius:50%;background:#4ade80;margin-top:6px;flex:none;animation:pulseDot 2s infinite}
.u29{font-size:15px;font-weight:700;color:#f7f5f1}
.u30{font-size:11px;color:#8a8e95;margin-top:2px}
.u31{text-align:right}
.u32{display:inline-block;font-family:'Space Mono',monospace;font-size:10px;color:#4ade80;border:1px solid rgba(74,222,128,.35);border-radius:999px;padding:4px 10px}
.u33{font-size:10.5px;color:#8a8e95;margin-top:5px}
.u34{background:#17181c;border:1px solid rgba(247,245,241,.06);border-radius:12px;padding:12px}
.u35{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.u36{height:66px;background:linear-gradient(160deg,#272c34,#21252c);border:1px solid rgba(148,163,184,.22);border-left:3px solid rgba(203,213,225,.35);border-radius:10px;position:relative;padding:8px 10px;box-sizing:border-box}
.u37{display:flex;justify-content:space-between;align-items:center}
.u38{font-family:'Space Mono',monospace;font-size:11px;font-weight:700;color:#e2e8f0}
.u39{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 8px rgba(52,211,153,.8)}
.u40{position:absolute;left:10px;bottom:6px;font-family:'Space Mono',monospace;font-size:8.5px;color:#7c8694}
.u41{height:66px;background:linear-gradient(160deg,#3a2726,#2c1f1e);border:1px solid rgba(248,113,113,.5);border-left:3px solid rgba(248,113,113,.55);border-radius:10px;position:relative;padding:8px 10px;box-sizing:border-box;animation:focusPulse 2.4s infinite}
.u42{width:8px;height:8px;border-radius:50%;background:#f87171;box-shadow:0 0 8px rgba(248,113,113,.85);animation:pulseDot 1.8s infinite}
.u43{position:absolute;left:10px;bottom:6px;font-family:'Space Mono',monospace;font-size:8.5px;color:#8d7c7a}
.u44{height:66px;background:linear-gradient(160deg,#3a2726,#2c1f1e);border:1px solid rgba(248,113,113,.5);border-left:3px solid rgba(248,113,113,.55);border-radius:10px;position:relative;padding:8px 10px;box-sizing:border-box;animation:focusPulse 2.4s 1.2s infinite}
.u45{height:92px;background:linear-gradient(160deg,#272c34,#21252c);border:1px solid rgba(148,163,184,.22);border-left:3px solid rgba(203,213,225,.35);border-radius:10px;position:relative;padding:8px 10px;box-sizing:border-box}
.u46{position:absolute;left:-28px;top:96px;width:252px;background:#f7f5f1;border-radius:12px;padding:12px 14px;display:flex;gap:11px;align-items:center;box-shadow:0 24px 48px rgba(0,0,0,.55);animation:popIn .45s ease}
.u47{width:34px;height:34px;border-radius:9px;background:#4ade80;flex:none;display:flex;align-items:center;justify-content:center}
.u48{width:18px;height:18px;background-image:url(../icons/package.svg);background-size:contain;background-repeat:no-repeat;background-position:center;filter:invert(1)}
.u49{font-size:13px;font-weight:700;color:#141619}
.u50{font-size:11px;color:#5b5f66;margin-top:1px}
.u51{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.u52{flex:1 1 132px;background:#17181c;border:1px solid rgba(52,211,153,.3);border-radius:10px;padding:10px 12px}
.u53{display:flex;align-items:center;gap:7px;font-size:12.5px;color:#f7f5f1}
.u54{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 6px rgba(52,211,153,.8)}
.u55{font-size:15px}
.u56{font-size:10px;color:#8a8e95;margin-top:4px;display:flex;gap:9px}
.u57{color:#34d399}
.u58{flex:1 1 132px;background:#17181c;border:1px solid rgba(248,113,113,.35);border-radius:10px;padding:10px 12px}
.u59{width:7px;height:7px;border-radius:50%;background:#f87171;box-shadow:0 0 6px rgba(248,113,113,.8)}
.u60{color:#f87171}
.u61{flex:1 1 132px;background:#17181c;border:1px solid rgba(247,245,241,.14);border-radius:10px;padding:10px 12px}
.u62{width:7px;height:7px;border-radius:50%;background:#8a8e95}
.u63{color:#b9bcc2}
.u64{position:absolute;left:0;right:0;bottom:0;height:130px;background:linear-gradient(180deg,transparent,rgba(8,6,4,.85));pointer-events:none}
.u65{position:relative;z-index:3;max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;padding:0 40px 22px;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.08em;color:rgba(247,245,241,.4);text-transform:uppercase}
.u66{background:#ecebe5;padding:110px 40px}
.u67{max-width:1280px;margin:0 auto}
.u68{font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.18em;color:#f4741a;text-transform:uppercase;margin-bottom:20px}
.u69{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:18px;margin-bottom:56px}
.u70{margin:0;font-size:48px;line-height:1.08;font-weight:700;color:#1e2126;letter-spacing:-.02em}
.u71{margin:0;font-size:16.5px;line-height:1.65;color:#63676e}
.u72{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr));gap:28px}
.u73{background:#fff;border-radius:20px;overflow:hidden;border:1px solid rgba(30,33,38,.08);transition:transform .3s, box-shadow .3s}
.u74{background:#17130e;height:320px;position:relative;overflow:hidden}
.u75{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.u76{position:absolute;top:20px;left:24px;display:flex;gap:7px}
.u77{font-family:'Space Mono',monospace;font-size:10px;font-weight:700;background:rgba(247,245,241,.12);color:#f7f5f1;padding:6px 10px;border-radius:5px;backdrop-filter:blur(6px)}
.u78{position:absolute;top:20px;right:24px;font-family:'Space Mono',monospace;font-size:10px;color:rgba(247,245,241,.5);letter-spacing:.12em}
.u79{padding:32px}
.u80{margin:0 0 10px;font-size:28px;font-weight:700;color:#1e2126}
.u81{margin:0 0 22px;font-size:15.5px;line-height:1.65;color:#63676e}
.u82{display:inline-flex;align-items:center;gap:8px;color:#1e2126;font-weight:600;font-size:15.5px;border-bottom:2px solid #f4741a;padding-bottom:3px}
.u83{color:#f4741a}
.u84{height:320px;position:relative;overflow:hidden;background:radial-gradient(120% 110% at 50% 42%, #6b4a2c 0%, #3a2a1c 55%, #1d1611 100%)}
.u85{position:absolute;top:20px;left:24px;font-family:'Space Mono',monospace;font-size:10px;color:rgba(247,245,241,.75);letter-spacing:.12em;text-shadow:0 1px 6px rgba(0,0,0,.5)}
.u86{position:absolute;top:20px;right:24px;background:#fff;border-radius:9px;padding:10px 14px;display:flex;align-items:center;gap:10px;box-shadow:0 12px 28px rgba(0,0,0,.35);animation:floatY 8s ease-in-out infinite}
.u87{width:26px;height:26px;border-radius:7px;background:#f4741a;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:12px}
.u88{font-size:11.5px;font-weight:600;color:#1e2126}
.u89{font-size:10px;color:#8a8e95}
.u90{background:#141519;padding:110px 40px}
.u91{margin:0;font-size:48px;line-height:1.08;font-weight:700;color:#f7f5f1;letter-spacing:-.02em}
.u92{margin:0;font-size:16.5px;line-height:1.65;color:rgba(247,245,241,.55)}
.u93{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px;margin-bottom:26px}
.u94{background:#1c1d22;border:1px solid rgba(247,245,241,.08);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s, border-color .25s}
.u95{background:#0f1013;padding:20px;height:250px;box-sizing:border-box;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-content:center}
.u96{height:62px;background:linear-gradient(160deg,#272c34,#21252c);border:1px solid rgba(148,163,184,.22);border-left:3px solid rgba(203,213,225,.35);border-radius:8px;position:relative;padding:7px 9px;box-sizing:border-box}
.u97{font-family:'Space Mono',monospace;font-size:10px;font-weight:700;color:#e2e8f0}
.u98{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 7px rgba(52,211,153,.8)}
.u99{position:absolute;left:9px;bottom:5px;font-family:'Space Mono',monospace;font-size:8px;color:#7c8694}
.u100{height:62px;background:linear-gradient(160deg,#3a2726,#2c1f1e);border:1px solid rgba(248,113,113,.5);border-left:3px solid rgba(248,113,113,.55);border-radius:8px;position:relative;padding:7px 9px;box-sizing:border-box;animation:focusPulse 2.4s infinite}
.u101{width:7px;height:7px;border-radius:50%;background:#f87171;box-shadow:0 0 7px rgba(248,113,113,.85);animation:pulseDot 1.8s infinite}
.u102{position:absolute;left:9px;bottom:5px;font-family:'Space Mono',monospace;font-size:8px;color:#8d7c7a}
.u103{padding:26px;display:flex;flex-direction:column;flex:1}
.u104{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.u105{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.14em;color:#8a8e95}
.u106{font-family:'Space Mono',monospace;font-size:12px;font-weight:700;color:#f4741a}
.u107{font-size:20px;font-weight:700;color:#f7f5f1;margin-bottom:8px}
.u108{font-size:14.5px;line-height:1.65;color:rgba(247,245,241,.55);margin-bottom:18px}
.u109{display:flex;flex-direction:column;gap:9px;margin-top:auto}
.u110{display:flex;gap:9px;align-items:baseline;font-size:13.5px;color:rgba(247,245,241,.72)}
.u111{color:#f4741a;font-weight:700}
.u112{background:#0f1013;padding:20px;height:250px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:12px}
.u113{display:flex;justify-content:space-between}
.u114{font-family:'Space Mono',monospace;font-size:9.5px;color:#f7f5f1;letter-spacing:.1em}
.u115{font-family:'Space Mono',monospace;font-size:9.5px;color:#4ade80}
.u116{display:flex;gap:8px}
.u117{flex:1;background:#17181c;border-radius:8px;padding:10px}
.u118{font-family:'Space Mono',monospace;font-size:8px;color:#8a8e95}
.u119{font-size:17px;font-weight:700;color:#f7f5f1;margin-top:3px}
.u120{font-size:17px;font-weight:700;color:#4ade80;margin-top:3px}
.u121{display:flex;align-items:flex-end;gap:6px;height:62px}
.u122{flex:1;height:38%;background:#2a2f38;border-radius:3px}
.u123{flex:1;height:60%;background:#2a2f38;border-radius:3px}
.u124{flex:1;height:46%;background:#2a2f38;border-radius:3px}
.u125{flex:1;height:78%;background:#2a2f38;border-radius:3px}
.u126{flex:1;height:56%;background:#2a2f38;border-radius:3px}
.u127{flex:1;height:100%;background:#f4741a;border-radius:3px}
.u128{flex:1;height:68%;background:#2a2f38;border-radius:3px}
.u129{flex:1;height:50%;background:#2a2f38;border-radius:3px}
.u130{display:flex;justify-content:space-between;font-family:'Space Mono',monospace;font-size:8.5px;color:#8a8e95;border-top:1px solid rgba(247,245,241,.07);padding-top:10px}
.u131{color:#4ade80}
.u132{background:#0f1013;padding:20px;height:250px;box-sizing:border-box;display:flex;flex-direction:column;gap:9px;justify-content:center}
.u133{font-family:'Space Mono',monospace;font-size:8.5px;color:#8a8e95;letter-spacing:.08em;margin-bottom:2px}
.u134{display:flex;align-items:center;gap:10px;background:#1e232b;border-radius:8px;padding:9px 11px}
.u135{width:24px;height:24px;border-radius:7px;background:#34d399;display:flex;align-items:center;justify-content:center;color:#0f1013;font-weight:700;font-size:11px;flex:none}
.u136{font-size:12px;font-weight:600;color:#f7f5f1}
.u137{font-family:'Space Mono',monospace;font-size:8px;color:#8a8e95;margin-top:1px}
.u138{display:flex;align-items:center;gap:10px;background:#1e232b;border-radius:8px;padding:9px 11px;border:1px solid rgba(244,116,26,.4)}
.u139{width:24px;height:24px;border-radius:7px;background:#f4741a;display:flex;align-items:center;justify-content:center;color:#0f1013;font-weight:700;font-size:10px;flex:none}
.u140{font-family:'Space Mono',monospace;font-size:8px;color:#f4a15e;margin-top:1px}
.u141{width:24px;height:24px;border-radius:7px;background:#2a2f38;display:flex;align-items:center;justify-content:center;color:#8a8e95;font-weight:700;font-size:9px;flex:none}
.u142{background:#f6f5f1;padding:110px 40px}
.u143{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}
.u144{position:relative;overflow:hidden;background:#fff;border:1px solid rgba(30,33,38,.08);border-radius:16px;padding:26px;display:flex;flex-direction:column;transition:transform .25s, box-shadow .25s}
.u145{position:absolute;right:-44px;bottom:-44px;width:130px;height:130px;border-radius:50%;border:1px solid rgba(244,116,26,.18);pointer-events:none}
.u146{position:absolute;right:-22px;bottom:-22px;width:70px;height:70px;border-radius:50%;background:rgba(244,116,26,.07);pointer-events:none}
.u147{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}
.u148{position:relative;width:56px;height:56px}
.u149{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(244,116,26,.45);animation:ringPulse 3s ease-out infinite}
.u150{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(244,116,26,.3);animation:ringPulse 3s ease-out 1.5s infinite}
.u151{position:absolute;inset:4px;border-radius:50%;background:linear-gradient(135deg,#fdeede,#faf6ef);border:1px solid rgba(244,116,26,.25);display:flex;align-items:center;justify-content:center}
.u152{width:18px;height:18px;background:#1e2126;border-radius:3px;position:relative}
.u153{position:absolute;left:0;right:0;top:6px;height:3px;background:#f4741a}
.u154{font-family:'Space Mono',monospace;font-size:11px;color:#b3b0a8}
.u155{font-size:19px;font-weight:700;color:#1e2126;margin-bottom:6px}
.u156{font-size:13.5px;color:#8a8e95;margin-bottom:16px}
.u157{display:flex;flex-direction:column;gap:7px;font-size:14px;color:#4b4f56;margin-bottom:18px}
.u158{margin-top:auto;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.06em;color:#f4741a;border-top:1px solid rgba(30,33,38,.08);padding-top:14px}
.u159{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(244,116,26,.45);animation:ringPulse 3s ease-out .3s infinite}
.u160{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(244,116,26,.3);animation:ringPulse 3s ease-out 1.8s infinite}
.u161{display:grid;grid-template-columns:repeat(2,8px);gap:2px}
.u162{height:8px;background:#1e2126;border-radius:2px}
.u163{height:8px;background:#f4741a;border-radius:2px}
.u164{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(244,116,26,.45);animation:ringPulse 3s ease-out .6s infinite}
.u165{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(244,116,26,.3);animation:ringPulse 3s ease-out 2.1s infinite}
.u166{display:flex;align-items:flex-end;gap:3px}
.u167{width:6px;height:20px;background:#1e2126;border-radius:1.5px}
.u168{width:6px;height:14px;background:#f4741a;border-radius:1.5px}
.u169{width:6px;height:17px;background:#1e2126;border-radius:1.5px}
.u170{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(244,116,26,.45);animation:ringPulse 3s ease-out .9s infinite}
.u171{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(244,116,26,.3);animation:ringPulse 3s ease-out 2.4s infinite}
.u172{width:16px;height:20px;background:#1e2126;border-radius:8px 8px 3px 3px;position:relative}
.u173{position:absolute;right:4px;top:10px;width:3px;height:3px;border-radius:50%;background:#f4741a}
.u174{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(244,116,26,.45);animation:ringPulse 3s ease-out 1.2s infinite}
.u175{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(244,116,26,.3);animation:ringPulse 3s ease-out 2.7s infinite}
.u176{width:15px;height:15px;background:#1e2126;border-radius:3px;transform:rotate(45deg);position:relative}
.u177{position:absolute;left:4px;top:4px;width:4px;height:4px;border-radius:50%;background:#f4741a}
.u178{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(244,116,26,.45);animation:ringPulse 3s ease-out 1.5s infinite}
.u179{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(244,116,26,.3);animation:ringPulse 3s ease-out 3s infinite}
.u180{width:18px;height:18px;border:2.5px solid #1e2126;border-radius:50%;position:relative;box-sizing:border-box}
.u181{position:absolute;left:-1px;right:-1px;top:5.5px;height:2.5px;background:#f4741a}
.u182{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(244,116,26,.45);animation:ringPulse 3s ease-out .2s infinite}
.u183{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(244,116,26,.3);animation:ringPulse 3s ease-out 1.7s infinite}
.u184{display:flex;align-items:center}
.u185{width:7px;height:14px;background:#1e2126;border-radius:2px}
.u186{width:8px;height:4px;background:#f4741a}
.u187{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(244,116,26,.45);animation:ringPulse 3s ease-out .5s infinite}
.u188{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(244,116,26,.3);animation:ringPulse 3s ease-out 2s infinite}
.u189{position:relative;width:18px;height:18px}
.u190{position:absolute;left:6.5px;top:0;width:5px;height:18px;background:#f4741a;border-radius:2px}
.u191{position:absolute;top:6.5px;left:0;width:18px;height:5px;background:#f4741a;border-radius:2px}
.u192{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(244,116,26,.45);animation:ringPulse 3s ease-out .8s infinite}
.u193{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(244,116,26,.3);animation:ringPulse 3s ease-out 2.3s infinite}
.u194{display:flex;align-items:flex-end;gap:2.5px}
.u195{width:5px;height:12px;background:#1e2126}
.u196{width:5px;height:20px;background:#1e2126}
.u197{width:5px;height:8px;background:#f4741a}
.u198{width:5px;height:16px;background:#1e2126}
.u199{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(244,116,26,.45);animation:ringPulse 3s ease-out 1.1s infinite}
.u200{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(244,116,26,.3);animation:ringPulse 3s ease-out 2.6s infinite}
.u201{width:20px}
.u202{height:4px;background:#1e2126;border-radius:1px;margin-bottom:2px}
.u203{width:4px;height:12px;background:#1e2126}
.u204{width:4px;height:12px;background:#f4741a}
.u205{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(244,116,26,.45);animation:ringPulse 3s ease-out 1.4s infinite}
.u206{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(244,116,26,.3);animation:ringPulse 3s ease-out 2.9s infinite}
.u207{width:22px;height:10px;border-radius:6px;overflow:hidden;display:flex;transform:rotate(-25deg)}
.u208{flex:1;background:#f4741a}
.u209{flex:1;background:#1e2126}
.u210{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(244,116,26,.45);animation:ringPulse 3s ease-out 1.7s infinite}
.u211{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(244,116,26,.3);animation:ringPulse 3s ease-out 3.2s infinite}
.u212{display:grid;grid-template-columns:repeat(2,7px);gap:3px}
.u213{height:7px;border-radius:50%;background:#1e2126}
.u214{height:7px;border-radius:50%;background:#f4741a}
.u215{grid-column:1/-1;background:#f4741a;border-radius:16px;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;transition:transform .25s}
.u216{font-size:22px;font-weight:700;color:#141619;max-width:560px}
.u217{display:inline-flex;align-items:center;gap:8px;background:#141619;color:#f7f5f1;font-weight:600;font-size:15px;padding:14px 24px;border-radius:10px;white-space:nowrap;text-decoration:none}
.u218{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:18px;margin-bottom:64px}
.u219{position:relative}
.u220{position:absolute;left:0;right:0;top:26px;height:2px;background:repeating-linear-gradient(90deg,#c9c5ba 0 8px,transparent 8px 16px)}
.u221{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:24px;position:relative}
.u222{width:52px;height:52px;border-radius:50%;background:#f4741a;display:flex;align-items:center;justify-content:center;font-family:'Space Mono',monospace;font-weight:700;font-size:14px;color:#141619;margin-bottom:22px;box-shadow:0 0 0 8px #ecebe5}
.u223{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.14em;color:#8a8e95;margin-bottom:8px}
.u224{font-size:21px;font-weight:700;color:#1e2126;margin-bottom:8px}
.u225{font-size:14.5px;line-height:1.6;color:#63676e}
.u226{width:52px;height:52px;border-radius:50%;background:#1e2126;display:flex;align-items:center;justify-content:center;font-family:'Space Mono',monospace;font-weight:700;font-size:14px;color:#f7f5f1;margin-bottom:22px;box-shadow:0 0 0 8px #ecebe5}
.u227{margin:0 0 48px;font-size:48px;line-height:1.08;font-weight:700;color:#1e2126;letter-spacing:-.02em}
.u228{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr));gap:14px;align-items:start}
.u229{position:relative;overflow:hidden;background:#0c0906;padding:130px 40px}
.u230{position:absolute;inset:0;background:radial-gradient(800px 500px at 50% 115%, #b4581a 0%, #7a3910 30%, #3a1d0b 58%, transparent 85%)}
.u231{position:relative;max-width:820px;margin:0 auto;text-align:center}
.u232{display:inline-flex;align-items:center;gap:10px;font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.18em;color:#f4a15e;text-transform:uppercase;margin-bottom:26px}
.u233{width:8px;height:8px;border-radius:50%;background:#f4741a;animation:pulseDot 2s infinite}
.u234{margin:0 0 22px;font-size:56px;line-height:1.06;font-weight:700;color:#f7f5f1;letter-spacing:-.02em}
.u235{margin:0 auto 40px;font-size:17px;line-height:1.65;color:rgba(247,245,241,.6);max-width:580px}
.u236{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.u237{background:#f4741a;color:#141619;font-weight:700;padding:18px 40px;border-radius:10px;font-size:17px;box-shadow:0 8px 32px rgba(244,116,26,.4);cursor:pointer;transition:transform .2s;text-decoration:none;display:inline-block}
.u238{border:1px solid rgba(247,245,241,.35);color:#f7f5f1;font-weight:500;padding:18px 40px;border-radius:10px;font-size:17px;cursor:pointer;transition:border-color .2s;text-decoration:none;display:inline-block}
.u239{background:#0a0806;border-top:1px solid rgba(247,245,241,.07);padding:72px 40px 36px}
.u240{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:56px;margin-bottom:56px}
.u241{display:flex;flex-direction:column}
.u242{height:22px;width:auto;display:block;margin-bottom:18px;align-self:flex-start}
.u243{font-size:14px;line-height:1.7;color:rgba(247,245,241,.42);max-width:320px}
.u244{display:flex;gap:8px;margin-top:auto;padding-top:20px}
.u245{font-family:'Space Mono',monospace;font-size:9px;letter-spacing:.08em;color:rgba(247,245,241,.5);border:1px solid rgba(247,245,241,.14);border-radius:5px;padding:5px 9px}
.u246{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.14em;color:rgba(247,245,241,.4);margin-bottom:18px}
.u247{display:flex;flex-direction:column;gap:12px;font-size:14.5px;color:rgba(247,245,241,.68)}
.u248{color:#f4a15e;text-decoration:none}
.u249{color:rgba(247,245,241,.68);text-decoration:none}
.u250{font-size:13.5px;line-height:1.7;color:rgba(247,245,241,.45)}
.u251{display:flex;gap:10px;margin-top:16px}
.u252{width:40px;height:40px;border-radius:10px;border:1px solid rgba(247,245,241,.16);display:flex;align-items:center;justify-content:center;color:rgba(247,245,241,.7);transition:border-color .2s, color .2s}
.u253{border-top:1px solid rgba(247,245,241,.07);padding-top:26px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.u254{font-size:13px;color:rgba(247,245,241,.35)}
.u255{display:flex;gap:26px;font-size:13px;color:rgba(247,245,241,.45)}
.hv0:hover{color:#f7f5f1}
.hv1:hover{transform:translateY(-2px)}
.hv2:hover{border-color:rgba(247,245,241,.7)}
.hv3:hover{transform:translateY(-8px);box-shadow:0 32px 64px rgba(30,33,38,.14)}
.hv4:hover{transform:translateY(-6px);border-color:rgba(244,116,26,.4)}
.hv5:hover{transform:translateY(-6px);box-shadow:0 20px 44px rgba(30,33,38,.12)}
.hv6:hover{transform:translateY(-4px)}
.hv7:hover{border-color:rgba(247,245,241,.8)}
.hv8:hover{border-color:#f4741a;color:#f4741a}

/* ---------- components ---------- */
.img-contain{object-fit:contain!important}
.nav-inner{position:relative}

/* FAQ accordion (details/summary — works without JavaScript) */
.faq-item{background:#fff;border:1px solid rgba(30,33,38,.08);border-radius:14px;overflow:hidden}
.faq-q{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 26px;cursor:pointer;list-style:none;transition:background .2s}
.faq-q::-webkit-details-marker{display:none}
.faq-q:hover{background:#fbfaf7}
.faq-q h3{margin:0;font-size:17px;font-weight:600;color:#1e2126;font-family:inherit;line-height:1.4}
.faq-toggle{width:30px;height:30px;border-radius:8px;background:#f2f0eb;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#f4741a;flex:none}
.faq-toggle::before{content:"+"}
.faq-item[open] .faq-toggle::before{content:"\2212"}
.faq-a{padding:0 26px 24px;font-size:15px;line-height:1.7;color:#63676e;max-width:720px}
.faq-a p{margin:0}

/* Mobile navigation */
.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;background:none;border:1px solid rgba(247,245,241,.2);border-radius:8px;cursor:pointer}
.nav-toggle span{display:block;height:2px;width:100%;background:#f7f5f1;border-radius:2px;transition:transform .25s,opacity .25s}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Reveal-on-scroll (JS adds .is-revealed; content is visible by default for no-JS and crawlers) */
.js-reveal-ready [data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.7,.3,1),transform .8s cubic-bezier(.2,.7,.3,1)}
.js-reveal-ready [data-reveal].is-revealed{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .js-reveal-ready [data-reveal]{opacity:1;transform:none}
}

/* ---------- responsive overrides ---------- */
.lg-br{display:inline}
@media (max-width:720px){.lg-br{display:none}}
@media (max-width:1080px){
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .grid-3{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:980px){
  .hero-grid{grid-template-columns:1fr;min-height:0;padding-top:64px}
  .grid-2{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr;gap:40px}
}
@media (max-width:880px){
  .nav-toggle{display:flex}
  .nav-links{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:rgba(12,10,8,.97);backdrop-filter:blur(14px);border-bottom:1px solid rgba(247,245,241,.1);padding:10px 24px 22px;display:none}
  .nav-links.is-open{display:flex}
  .nav-links a{padding:14px 4px;border-bottom:1px solid rgba(247,245,241,.06)}
  .nav-links a:last-child{margin-top:14px;text-align:center;border-bottom:none}
  .site-header{position:sticky}
}
@media (max-width:720px){
  .u65{flex-direction:column;gap:6px;align-items:flex-start;text-align:left}
  .section-pad{padding-left:20px;padding-right:20px}
  .hero-inner{padding-left:20px;padding-right:20px}
  .grid-3{grid-template-columns:1fr}
  .grid-4{grid-template-columns:1fr}
  .cta-row{flex-direction:column;align-items:stretch}
  .cta-row a{text-align:center}
  .live-event{left:8px!important;width:232px}
  h2{font-size:clamp(30px,7.5vw,48px)!important}
}

/* ---------- WhatsApp floating chat ---------- */
.wa-float{position:fixed;right:20px;bottom:20px;z-index:60;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(37,211,102,.45);transition:transform .2s,box-shadow .2s;text-decoration:none}
.wa-float:hover{transform:scale(1.08);box-shadow:0 8px 26px rgba(37,211,102,.6)}
.wa-float:active{transform:scale(.96)}
@media (max-width:720px){.wa-float{right:16px;bottom:16px;width:52px;height:52px}}
@media (prefers-reduced-motion:reduce){.wa-float{transition:none}}

/* ==========================================================================
   Industry landing pages (/industries/*)
   Semantic, reusable across all 12 verticals. Tokens match the home page:
   ink #1e2126 · muted #63676e · cream #ecebe5 / #f6f5f1 · dark #141519 /
   #0c0906 · accent #f4741a. Never restyle these by editing a u* rule.
   ========================================================================== */

/* ---------- section scaffolding ---------- */
.ind-sec{padding:104px 40px;position:relative}
.ind-sec--cream{background:#ecebe5}
.ind-sec--light{background:#f6f5f1}
.ind-sec--dark{background:#141519}
.ind-sec--black{background:#0c0906}
.ind-wrap{max-width:1180px;margin:0 auto}
.ind-head{margin-bottom:56px;max-width:820px}
.ind-head--center{margin-left:auto;margin-right:auto;text-align:center}
.ind-head--center .ind-h2,.ind-head--center .ind-lede{margin-left:auto;margin-right:auto}
.ind-faq-list{display:grid;gap:12px;max-width:900px;margin:0 auto}
.ind-eyebrow{font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.18em;color:#f4741a;text-transform:uppercase;margin-bottom:20px}
.ind-h2{margin:0 0 18px;font-size:clamp(30px,4.2vw,44px);line-height:1.1;font-weight:700;color:#1e2126;letter-spacing:-.02em}
.ind-lede{margin:0;font-size:16.5px;line-height:1.7;color:#63676e}
.ind-sec--dark .ind-h2,.ind-sec--black .ind-h2{color:#f7f5f1}
.ind-sec--dark .ind-lede,.ind-sec--black .ind-lede{color:rgba(247,245,241,.62)}

/* ---------- hero ---------- */
.ind-hero{position:relative;overflow:hidden;background:#0c0906;font-family:'Outfit',system-ui,sans-serif;padding:96px 40px 104px}
.ind-hero-glow{position:absolute;inset:0;background:radial-gradient(1000px 640px at 72% 58%, #b4581a 0%, #7a3910 26%, #3a1d0b 52%, #120d08 78%, transparent 100%);opacity:.9;pointer-events:none}
.ind-hero-inner{position:relative;max-width:1180px;margin:0 auto}
.ind-hero-copy{max-width:760px}
.ind-crumb{font-family:'Space Mono',monospace;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(247,245,241,.45);margin-bottom:26px}
.ind-crumb a{color:rgba(247,245,241,.45);text-decoration:none;transition:color .2s}
.ind-crumb a:hover{color:#f4741a}
.ind-crumb span{margin:0 8px;color:rgba(247,245,241,.25)}
.ind-crumb b{color:rgba(247,245,241,.8);font-weight:400}
.ind-kicker{font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#f4a15e;margin-bottom:22px;display:flex;align-items:center;gap:10px}
.ind-kicker::before{content:"";width:8px;height:8px;border-radius:50%;background:#f4741a;animation:pulseDot 2s infinite;flex:none}
.ind-hero h1{margin:0 0 24px;font-size:clamp(32px,4.4vw,50px);line-height:1.07;font-weight:700;color:#f7f5f1;letter-spacing:-.025em}
.ind-hero-sub{margin:0 0 18px;font-size:18px;line-height:1.7;color:rgba(247,245,241,.72);max-width:660px}
.ind-hero-note{margin:0 0 38px;font-size:15px;line-height:1.7;color:rgba(247,245,241,.5);max-width:620px;border-left:2px solid rgba(244,116,26,.5);padding-left:16px}
.ind-hero-grid{display:grid;grid-template-columns:1fr;gap:48px}
@media (min-width:981px){.ind-hero-grid{grid-template-columns:1fr 1.15fr;gap:54px;align-items:center}}
.ind-hero-art{display:grid;grid-template-columns:1.75fr 1fr;gap:26px;align-items:end}
/* verticals that show one product rather than two */
.ind-hero-art--single{grid-template-columns:minmax(0,1fr);max-width:430px;margin-left:auto}
@media (max-width:980px){.ind-hero-art--single{margin-left:0}}
.ind-hero-unit{margin:0}
/* Images are trimmed to the product itself, so they sit straight on the hero
   with no frame - the studio backdrop is cropped away, not masked. */
.ind-hero-unit img{display:block;width:100%;height:auto}
.ind-hero-unit figcaption{margin-top:13px;font-family:'Space Mono',monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;line-height:1.65}
.ind-hero-unit figcaption b{display:flex;align-items:center;gap:8px;font-weight:400;color:rgba(247,245,241,.75)}
.ind-hero-unit figcaption b::before{content:"";width:6px;height:6px;border-radius:50%;background:#f4741a;flex:none}
.ind-cap-sub{display:block;padding-left:14px;color:rgba(247,245,241,.38)}

/* ---------- buttons ---------- */
.ind-cta-row{display:flex;gap:16px;flex-wrap:wrap}
.ind-btn{display:inline-block;padding:16px 34px;border-radius:10px;font-size:16px;font-weight:600;text-decoration:none;transition:transform .2s,border-color .2s,background .2s}
.ind-btn--primary{background:#f4741a;color:#141619;font-weight:700;box-shadow:0 8px 32px rgba(244,116,26,.35)}
.ind-btn--primary:hover{transform:translateY(-2px)}
.ind-btn--ghost{border:1px solid rgba(247,245,241,.3);color:#f7f5f1;font-weight:500}
.ind-btn--ghost:hover{border-color:rgba(247,245,241,.8)}
.ind-btn--ink{border:1px solid rgba(30,33,38,.25);color:#1e2126;font-weight:500}
.ind-btn--ink:hover{border-color:#1e2126}

/* ---------- trust bar ---------- */
/* One compact centred line, as it was. The pill treatment broke into four
   stacked rows on a phone and read as a bulleted list, which was worse than
   the plain line it replaced. Keeping only the highlight: accent hairline,
   a soft glow, and colour separation between the label and the items. */
.ind-trust{position:relative;overflow:hidden;background:#101114;padding:30px 40px 32px;border-top:1px solid rgba(247,245,241,.07);border-bottom:1px solid rgba(247,245,241,.07)}
.ind-trust::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(700px,80%);height:1px;background:linear-gradient(90deg,transparent,rgba(244,116,26,.8),transparent)}
.ind-trust::after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(900px,94%);height:130px;background:radial-gradient(ellipse at top,rgba(244,116,26,.13),transparent 70%);pointer-events:none}
.ind-trust-inner{position:relative;max-width:1000px;margin:0 auto;text-align:center;font-family:'Space Mono',monospace;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;line-height:2}
.ind-trust-label{color:#f4a15e;margin-right:.9em;white-space:nowrap}
.ind-trust-list{display:inline;list-style:none;margin:0;padding:0}
.ind-trust-list li{display:inline;white-space:nowrap;color:rgba(247,245,241,.7)}
/* separator trails its own item, so a wrap never starts a line with a dot */
.ind-trust-list li:not(:last-child)::after{content:"\00b7";color:#f4741a;margin:0 .3em 0 .7em}
@media (max-width:720px){
  .ind-trust{padding:26px 20px 28px}
  .ind-trust-inner{font-size:10.5px;letter-spacing:.12em;line-height:2.1}
  .ind-trust-label{display:block;margin-right:0;margin-bottom:2px}
}

/* ---------- grids & cards ---------- */
.ind-grid{display:grid;gap:20px}
.ind-grid--2{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}
.ind-grid--3{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.ind-card{position:relative;overflow:hidden;background:#fff;border:1px solid rgba(30,33,38,.08);border-radius:16px;padding:28px;transition:transform .25s,box-shadow .25s}
.ind-card:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(30,33,38,.09)}
.ind-card h3{margin:0 0 8px;font-size:19px;font-weight:700;color:#1e2126;line-height:1.35}
.ind-card p{margin:0;font-size:14.5px;line-height:1.7;color:#63676e}
.ind-card-num{font-family:'Space Mono',monospace;font-size:11px;color:#b3b0a8;margin-bottom:16px;display:block}
.ind-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}
.ind-card-top .ind-card-num{margin-bottom:0;padding-top:6px}
.ind-ico{width:46px;height:46px;border-radius:13px;flex:none;display:inline-flex;align-items:center;justify-content:center;background:rgba(244,116,26,.1);color:#f4741a;transition:background .25s,transform .25s}
.ind-ico svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.ind-card:hover .ind-ico{background:rgba(244,116,26,.18);transform:translateY(-2px)}
.ind-sec--dark .ind-ico{background:rgba(244,116,26,.15)}
.ind-sec--dark .ind-card:hover .ind-ico{background:rgba(244,116,26,.24)}
@media (prefers-reduced-motion:reduce){.ind-ico{transition:none}.ind-card:hover .ind-ico{transform:none}}
.ind-card-rule{position:absolute;left:0;top:0;width:100%;height:3px;background:#f4741a;transform:scaleX(0);transform-origin:left;transition:transform .3s}
.ind-card:hover .ind-card-rule{transform:scaleX(1)}
.ind-sec--dark .ind-card{background:#1b1d22;border-color:rgba(247,245,241,.09)}
.ind-sec--dark .ind-card:hover{box-shadow:0 18px 44px rgba(0,0,0,.4)}
.ind-sec--dark .ind-card h3{color:#f7f5f1}
.ind-sec--dark .ind-card p{color:rgba(247,245,241,.6)}
.ind-sec--dark .ind-card-num{color:rgba(247,245,241,.35)}

/* ---------- figures (generated section illustrations) ---------- */
.ind-figure{margin:0 0 40px;border:1px solid rgba(247,245,241,.09);border-radius:18px;overflow:hidden;background:#141519;line-height:0}
.ind-figure-svg{display:block;width:100%;height:auto}
.ind-sec--light .ind-figure,.ind-sec--cream .ind-figure{border-color:rgba(30,33,38,.1)}
@media (max-width:720px){.ind-figure{border-radius:14px;margin-bottom:28px}}
/* Diagram type is sized for a 1600px canvas and becomes unreadable on a phone, so
   below 900px the HTML cards carry the same content instead. */
/* this one draws its own white panel, so no frame around it */
.ind-figure--plain{background:transparent;border:none;border-radius:0;margin-top:44px}
@media (max-width:899px){.ind-figure{display:none}}

/* Small-screen alternatives to the generated diagrams. Diagram type is sized for
   a ~1080px canvas and is unreadable on a phone, so below 900px the figure hides
   and whatever carries the same content in HTML takes over. */
.ind-alt,.ind-grid.ind-alt,.ind-steps.ind-alt,.ind-list.ind-alt{display:none}
@media (max-width:899px){
  .ind-alt{display:block}
  .ind-grid.ind-alt,.ind-steps.ind-alt,.ind-list.ind-alt{display:grid}
}
.ind-subhead{margin:44px 0 22px}
.ind-subhead .ind-eyebrow{margin-bottom:10px}
.ind-h3{margin:0;font-size:clamp(21px,3vw,27px);line-height:1.22;font-weight:700;color:#1e2126;letter-spacing:-.01em}

/* ---------- bullet lists ---------- */
.ind-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.ind-list li{position:relative;padding-left:26px;font-size:15.5px;line-height:1.7;color:#63676e}
.ind-list li::before{content:"";position:absolute;left:0;top:10px;width:9px;height:9px;border-radius:50%;border:2px solid #f4741a}
.ind-list b{color:#1e2126;font-weight:600}
.ind-sec--dark .ind-list li,.ind-sec--black .ind-list li{color:rgba(247,245,241,.6)}
.ind-sec--dark .ind-list b,.ind-sec--black .ind-list b{color:#f7f5f1}
.ind-list--2{grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:16px 36px}

/* ---------- cause-and-effect explainer ---------- */
.ind-explainer{margin-top:44px;background:#fff;border:1px solid rgba(30,33,38,.1);border-radius:18px;padding:32px 36px 26px}
.ind-explainer-head{margin-bottom:24px}
.ind-explainer-head .ind-eyebrow{margin-bottom:10px}
.ind-explainer-lead{margin:0;font-size:17px;line-height:1.6;font-weight:600;color:#1e2126;max-width:640px}
.ind-chain-labels{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-bottom:12px;border-bottom:1px solid rgba(30,33,38,.09);font-family:'Space Mono',monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#a5a29a}
.ind-chain-labels span:last-child{padding-left:52px}
.ind-chain{margin:0}
.ind-chain-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;padding:16px 0;border-bottom:1px solid rgba(30,33,38,.06)}
.ind-chain-row:last-child{border-bottom:none;padding-bottom:6px}
.ind-chain-row dt{display:flex;align-items:center;gap:14px;margin:0;font-size:16px;font-weight:600;line-height:1.4;color:#1e2126}
.ind-chain-n{font-style:normal;flex:none;width:26px;height:26px;border-radius:8px;background:rgba(244,116,26,.1);color:#f4741a;font-family:'Space Mono',monospace;font-size:10.5px;display:inline-flex;align-items:center;justify-content:center}
.ind-chain-row dt::after{content:"";flex:1;height:0;border-bottom:1px dotted rgba(30,33,38,.2);margin-left:6px}
.ind-chain-row dd{position:relative;margin:0;padding-left:52px;font-size:15.5px;line-height:1.5;color:#63676e}
.ind-chain-row dd::before{content:"";position:absolute;left:6px;top:50%;width:28px;height:1px;background:rgba(244,116,26,.45);transform:translateY(-50%)}
.ind-chain-row dd::after{content:"";position:absolute;left:28px;top:50%;width:6px;height:6px;border-top:1.5px solid #f4741a;border-right:1.5px solid #f4741a;transform:translateY(-50%) rotate(45deg)}
.ind-explainer-foot{margin:20px 0 0;padding-top:18px;border-top:1px solid rgba(30,33,38,.09);font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#8a8e95}
.ind-explainer-foot b{color:#f4741a;font-weight:700}
@media (max-width:720px){
  .ind-explainer{margin-top:32px;padding:24px 20px 20px;border-radius:14px}
  .ind-explainer-lead{font-size:16px}
  .ind-chain-labels{display:none}
  .ind-chain-row{grid-template-columns:1fr;gap:0;padding:16px 0}
  .ind-chain-row dt::after{display:none}
  .ind-chain-row dd{padding-left:40px;padding-top:12px}
  .ind-chain-row dd::before{left:12px;top:5px;width:1px;height:16px;transform:none}
  .ind-chain-row dd::after{left:9px;top:18px;transform:rotate(135deg)}
}

/* ---------- tables ---------- */
.ind-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid rgba(30,33,38,.1);border-radius:14px;background:#fff}
.ind-table{width:100%;border-collapse:collapse;min-width:560px;font-size:15px}
.ind-table caption{text-align:left;padding:20px 24px 0;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#b3b0a8}
.ind-table th,.ind-table td{text-align:left;padding:16px 24px;border-bottom:1px solid rgba(30,33,38,.07);vertical-align:top}
.ind-table thead th{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8a8e95;font-weight:400;background:#faf9f6}
.ind-table tbody th{font-weight:600;color:#1e2126;width:34%}
.ind-table td{color:#63676e}
.ind-table tbody tr:last-child th,.ind-table tbody tr:last-child td{border-bottom:none}
.ind-table tbody tr:hover{background:#fbfaf7}
.ind-table .ind-col-win{background:rgba(244,116,26,.04);color:#1e2126;font-weight:500}
.ind-yes,.ind-no{display:inline-flex;align-items:center;gap:8px}
.ind-yes::before{content:"\2713";color:#16a34a;font-weight:700}
.ind-no::before{content:"\2715";color:#c2410c;font-weight:700}

/* ---------- process steps ---------- */
.ind-steps{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));counter-reset:indstep}
.ind-step{position:relative;background:#fff;border:1px solid rgba(30,33,38,.08);border-radius:16px;padding:28px}
.ind-step::before{counter-increment:indstep;content:"0" counter(indstep);font-family:'Space Mono',monospace;font-size:28px;font-weight:700;color:rgba(244,116,26,.28);display:block;margin-bottom:14px;line-height:1}
.ind-step h3{margin:0 0 8px;font-size:18px;font-weight:700;color:#1e2126}
.ind-step p{margin:0;font-size:14.5px;line-height:1.7;color:#63676e}

/* ---------- closing CTA ---------- */
.ind-final{position:relative;overflow:hidden;background:#0c0906;padding:120px 40px}
.ind-final-glow{position:absolute;inset:0;background:radial-gradient(760px 420px at 50% 0%, rgba(180,88,26,.45) 0%, rgba(58,29,11,.25) 45%, transparent 75%);pointer-events:none}
.ind-final-inner{position:relative;max-width:780px;margin:0 auto;text-align:center}
.ind-final h2{margin:0 0 20px;font-size:clamp(32px,4.6vw,52px);line-height:1.08;font-weight:700;color:#f7f5f1;letter-spacing:-.02em}
.ind-final p{margin:0 auto 36px;font-size:17px;line-height:1.7;color:rgba(247,245,241,.6);max-width:600px}
.ind-final .ind-cta-row{justify-content:center}
/* Needs .ind-final to outrank `.ind-final p` above (0,1,1 beats a lone class), which
   was silently overriding the top margin to 0 and leaving this line jammed against
   the buttons on all 13 pages. */
.ind-final .ind-final-foot{margin:48px auto 0;font-size:14px;color:rgba(247,245,241,.4);max-width:560px}

/* ---------- home-page industry cards that link to a landing page ---------- */
.ind-card-link{text-decoration:none;color:inherit;display:flex;flex-direction:column}
.ind-more{margin-top:12px;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#f4741a;display:flex;align-items:center;gap:7px}
.ind-more::after{content:"\2192";transition:transform .25s}
.ind-card-link:hover .ind-more::after{transform:translateX(4px)}

/* Illustrated banner at the top of each industry card. The -26px margins cancel
   the card's own padding so it runs full-bleed; .u144 already clips to the card
   radius. The aspect-ratio holds the box before the SVG loads, so a lazy image
   arriving late cannot shift the grid. */
.ind-thumb{position:relative;margin:-26px -26px 18px;overflow:hidden;background:#fdeede;line-height:0}
.ind-thumb img{display:block;width:100%;height:auto;aspect-ratio:640/280;transition:transform .35s}
.ind-card-link:hover .ind-thumb img{transform:scale(1.04)}
.ind-thumb-num{position:absolute;top:12px;right:14px;font-family:'Space Mono',monospace;font-size:11px;line-height:1;color:#b3b0a8}

/* The home-page product card is now a link too; nudge its arrow like .ind-more. */
.ind-card-link .u83{display:inline-block;transition:transform .25s}
.ind-card-link:hover .u83{transform:translateX(4px)}

/* ---------- product pages ---------- */

/* Caveat under a table or figure — where a real spec would go but none is
   published, so the page says "specified per site" instead of inventing one. */
.ind-note{margin:18px 0 0;font-size:14.5px;line-height:1.6;color:#63676e;max-width:70ch}
.ind-sec--dark .ind-note{color:#a7a29a}

/* Compact grid of cross-links, used to point a product page at every industry
   page. Deliberately not .ind-card — these are navigation, not content. */
.ind-xgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:14px}
/* Colour is set explicitly, not inherited: body{color:#f7f5f1} for the dark theme,
   and light sections only set a background — so `color:inherit` here rendered
   near-white text on a white card. */
.ind-xlink{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 20px;
  border:1px solid rgba(30,33,38,.12);border-radius:12px;background:#fff;text-decoration:none;color:#1e2126;
  font-weight:600;font-size:15.5px;transition:border-color .22s,box-shadow .22s}
.ind-xlink::after{content:"\2192";color:#f4741a;transition:transform .22s}
.ind-xlink:hover{border-color:rgba(244,116,26,.55);box-shadow:0 6px 20px rgba(30,33,38,.07)}
.ind-xlink:hover::after{transform:translateX(4px)}
.ind-sec--dark .ind-xlink{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.14);color:#f6f5f1}
@media (prefers-reduced-motion:reduce){.ind-xlink,.ind-xlink::after{transition:none}}

/* Registered mark, used once per page on the first prose mention of ParcellBox.
   line-height:0 is the point of this rule: a bare <sup> grows the line box and
   nudges the heading it sits in, which is visible when the card titles in a grid
   stop lining up. Inherits weight so it does not bolden inside <b> or a heading. */
.reg{font-size:.58em;vertical-align:super;line-height:0;font-weight:inherit;letter-spacing:0}

/* ---------- footer build credit ---------- */

/* Third child of .u253, which is justify-content:space-between. The auto right
   margin absorbs the free space so the credit sits beside the copyright on the
   left and the legal links stay hard right, rather than floating in the middle
   as an even three-way split would put it. */
.footer-credit{font-size:13px;color:rgba(247,245,241,.35);margin-right:auto}
/* The legal links read as links from their position; a credit line does not, so
   this one carries a hairline underline to be discoverable. */
.footer-credit a{color:rgba(247,245,241,.55);text-decoration:none;
  border-bottom:1px solid rgba(247,245,241,.18);transition:color .2s,border-color .2s}
.footer-credit a:hover,.footer-credit a:focus-visible{color:#f7f5f1;border-color:rgba(244,116,26,.7)}
@media (max-width:640px){.footer-credit{margin-right:0}}
@media (prefers-reduced-motion:reduce){.footer-credit a{transition:none}}

/* ---------- responsive ---------- */
@media (max-width:980px){
  .ind-sec,.ind-hero,.ind-final{padding-left:28px;padding-right:28px}
}
@media (max-width:720px){
  .ind-hero-grid{gap:38px}
  .ind-hero-art{gap:16px}
  .ind-hero-unit figcaption{font-size:9.5px;letter-spacing:.1em;gap:6px}
  .ind-sec{padding:72px 20px}
  .ind-hero{padding:64px 20px 76px}
  .ind-final{padding:88px 20px}
  .ind-trust{padding:22px 20px}
  .ind-head{margin-bottom:40px}
  .ind-cta-row{flex-direction:column;align-items:stretch}
  .ind-cta-row .ind-btn{text-align:center}

  /* Tables become stacked cards. A side-scrolling table hides the right-hand
     column, which on the comparison table is the entire argument. */
  .ind-table-scroll{overflow:visible;border:none;background:transparent;border-radius:0}
  .ind-table{display:block;min-width:0}
  .ind-table caption{padding:0 2px 18px}
  .ind-table thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
  .ind-table tbody{display:block}
  .ind-table tbody tr{display:block;background:#fff;border:1px solid rgba(30,33,38,.1);border-radius:14px;padding:18px 20px;margin-bottom:12px}
  .ind-table tbody tr:hover{background:#fff}
  .ind-table tbody tr:last-child{margin-bottom:0}
  .ind-table tbody th{display:block;width:auto;font-size:16.5px;padding:0 0 13px;border-bottom:1px solid rgba(30,33,38,.08)}
  .ind-table tbody tr:last-child th{border-bottom:1px solid rgba(30,33,38,.08)}
  .ind-table tbody td{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding:11px 0 0;border:none;text-align:right}
  .ind-table tbody td::before{content:attr(data-label);font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#a5a29a;flex:none;text-align:left}
  .ind-table tbody td.ind-col-win{background:transparent;font-weight:600}
}
@media (prefers-reduced-motion:reduce){
  .ind-card,.ind-card-rule,.ind-btn,.ind-more::after{transition:none}
  .ind-card:hover{transform:none}
  .ind-card-rule{transform:scaleX(1)}
}

/* ---------- articles ---------- */

/* Home-page article cards. Separate from .ind-card because these are links with a
   category chip and a footer meta row, and they sit three-up rather than in the
   twelve-card industry grid. */
.art-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.art-card{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(30,33,38,.08);
  border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;
  transition:transform .25s,box-shadow .25s}
.art-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(30,33,38,.10)}
.art-card-thumb{background:#fdeede;line-height:0;overflow:hidden}
.art-card-thumb img{display:block;width:100%;height:auto;aspect-ratio:640/280;transition:transform .35s}
.art-card:hover .art-card-thumb img{transform:scale(1.04)}
.art-card-body{padding:24px 26px 26px;display:flex;flex-direction:column;flex:1}
.art-chip{align-self:flex-start;font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.12em;
  text-transform:uppercase;color:#f4741a;border:1px solid rgba(244,116,26,.35);border-radius:999px;
  padding:5px 11px;margin-bottom:14px}
.art-card h3{margin:0 0 10px;font-size:19px;line-height:1.32;font-weight:700;color:#1e2126}
.art-card p{margin:0 0 18px;font-size:14.5px;line-height:1.65;color:#4b4f56}
.art-card-foot{margin-top:auto;display:flex;align-items:center;gap:10px;font-family:'Space Mono',monospace;
  font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#f4741a}
.art-card-foot i{font-style:normal;color:#b3b0a8}
.art-card-foot b{font-weight:400;margin-left:auto}
.art-card-foot b::after{content:"\2192";margin-left:7px;display:inline-block;transition:transform .25s}
.art-card:hover .art-card-foot b::after{transform:translateX(4px)}

/* Article page. Prose column is deliberately narrower than .ind-wrap — long-form
   reading wants ~70 characters a line, not the full section width. */
.art-wrap{max-width:744px;margin:0 auto;padding:0 28px}
.art-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px;
  font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  color:rgba(247,245,241,.45)}
.art-meta i{font-style:normal;color:rgba(247,245,241,.25)}
.art-sec{background:#f6f5f1;padding:72px 0 88px}
.art-fig{margin:0 0 44px;border-radius:16px;overflow:hidden;background:#fdeede;line-height:0}
.art-fig img{display:block;width:100%;height:auto}
.art-lead{font-size:19.5px;line-height:1.7;color:#2b2f35;margin:0 0 34px}
.art-body h2{font-size:clamp(23px,3.2vw,30px);line-height:1.22;font-weight:700;color:#1e2126;
  letter-spacing:-.015em;margin:48px 0 16px}
.art-body h3{font-size:18.5px;line-height:1.35;font-weight:700;color:#1e2126;margin:34px 0 12px}
.art-body p{font-size:17px;line-height:1.78;color:#3f434a;margin:0 0 20px}
.art-body ul,.art-body ol{margin:0 0 22px;padding-left:22px;font-size:17px;line-height:1.75;color:#3f434a}
.art-body li{margin-bottom:10px}
.art-body li::marker{color:#f4741a}
.art-body strong{color:#1e2126;font-weight:600}
.art-body a{color:#b4551a;text-decoration:none;border-bottom:1px solid rgba(180,85,26,.3)}
.art-body a:hover{border-color:#f4741a}
.art-key{border-left:3px solid #f4741a;background:#fdeede;padding:20px 24px;border-radius:0 12px 12px 0;
  margin:0 0 28px}
.art-key p{margin:0;font-size:16px;color:#2b2f35}
.art-key b{display:block;font-family:'Space Mono',monospace;font-size:10.5px;letter-spacing:.12em;
  text-transform:uppercase;color:#b4551a;margin-bottom:8px;font-weight:400}
.art-next{border:1px solid rgba(30,33,38,.12);border-radius:16px;padding:28px 30px;margin:44px 0 0;background:#fff}
.art-next h3{margin:0 0 10px;font-size:19px;color:#1e2126}
.art-next p{margin:0 0 18px;font-size:16px;color:#4b4f56}
.art-more{border-top:1px solid rgba(30,33,38,.1);margin-top:56px;padding-top:36px}
.art-more h3{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;
  color:#8a8e95;font-weight:400;margin:0 0 20px}
@media (prefers-reduced-motion:reduce){
  .art-card,.art-card-thumb img,.art-card-foot b::after{transition:none}
}
@media (max-width:640px){
  .art-sec{padding:52px 0 64px}
  .art-body p,.art-body ul,.art-body ol{font-size:16px}
  .art-lead{font-size:18px}
}

/* "See all blogs" under the home-page teaser grid, pointing at the /articles/ hub. */
.art-all{margin-top:34px;text-align:center}
.art-all a{display:inline-flex;align-items:center;gap:9px;font-family:'Space Mono',monospace;font-size:11px;
  letter-spacing:.12em;text-transform:uppercase;color:#f4741a;text-decoration:none;
  border:1px solid rgba(244,116,26,.4);border-radius:999px;padding:12px 22px;transition:background .2s,border-color .2s}
.art-all a::after{content:"\2192";transition:transform .25s}
.art-all a:hover{background:rgba(244,116,26,.07);border-color:rgba(244,116,26,.75)}
.art-all a:hover::after{transform:translateX(4px)}
@media (prefers-reduced-motion:reduce){.art-all a,.art-all a::after{transition:none}}