/* ==========================================================================
   DigiID — Elyon IoT  ·  styles
   Design tokens, page layout, loader, and generated element classes (c0…cN).
   ========================================================================== */

:root{
  --elyon-ink:#121723; --elyon-neutral:#F5F7FF; --elyon-copper:#8A5E4C; --elyon-blue:#6C97FF;
  --elyon-copper-lt:#E2BCB1; --elyon-copper-dk:#8A5D4B; --elyon-blue-lt:#8DAEFF;
  --surface-ink:#121723; --surface-ink-2:#1B2233;
  --text-strong:#121723; --text-body:#283047; --text-muted:#5A647F; --text-faint:#8A93AB;
  --text-on-ink:#F5F7FF; --text-on-ink-muted:#A7B0C9; --text-accent:#8A5E4C; --text-link:#6C97FF;
  --border-soft:#DDE3F2; --border-strong:#C2CAE0; --border-on-ink:rgba(245,247,255,0.12);
  --font-display:"Bebas Neue","Arial Narrow",sans-serif;
  --font-body:"Fira Sans",system-ui,-apple-system,sans-serif;
  --font-mono:"Fira Mono","SF Mono",ui-monospace,monospace;
  color-scheme:light;
}

html { scroll-behavior: smooth; scroll-padding-top: 88px; }
body { margin: 0; background: #F5F7FF; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
* { box-sizing: border-box; }

@keyframes nodePulse { 0%,100% { opacity: .18; } 50% { opacity: .85; } }
@keyframes loaderSpin { to { transform: rotate(360deg); } }

/* ---- Loading overlay ---- */
#loader { position: fixed; inset: 0; z-index: 5000; display: flex; align-items: center; justify-content: center; background: var(--elyon-ink); transition: opacity .5s ease, visibility .5s ease; }
#loader.hide { opacity: 0; visibility: hidden; }
.loader-inner { display: flex; flex-direction: column; align-items: center; gap: 22px; }
.loader-logo { font-family: var(--font-display); font-size: 48px; letter-spacing: .05em; color: var(--elyon-neutral); }
.loader-spin { width: 34px; height: 34px; border-radius: 50%; border: 3px solid rgba(245,247,255,.18); border-top-color: var(--elyon-blue-lt); animation: loaderSpin .8s linear infinite; }

/* ---- Reveal-card hover + bento grid ---- */
[data-reveal-card] [data-card-icon] { transition: transform 360ms cubic-bezier(0.34,1.56,0.64,1); }
@media (hover: hover) {
  [data-reveal-card]:hover { box-shadow: 0 16px 40px rgba(18,23,35,0.16) !important; }
  [data-reveal-card]:hover [data-card-icon] { transform: translateY(-4px) scale(1.07) rotate(-5deg); }
}
@media (prefers-reduced-motion: reduce) { [data-reveal-card]:hover [data-card-icon] { transform: none; } }


.why-mod{ background:#0a0f1b !important }

#why-bento { display: grid; grid-template-columns: repeat(12, 1fr); grid-auto-rows: minmax(0, auto); gap: 18px; }
#why-bento > [data-span="7"] { grid-column: span 7; }
#why-bento > [data-span="5"] { grid-column: span 5; }
#why-bento > [data-tall] { grid-row: span 2; }
#why-bento .why-mod { transition: border-color 240ms cubic-bezier(0.22,1,0.36,1), box-shadow 240ms cubic-bezier(0.22,1,0.36,1), transform 240ms cubic-bezier(0.22,1,0.36,1); }
@media (hover: hover) { #why-bento .why-mod:hover { border-color: rgba(108,151,255,0.42); box-shadow: 0 10px 34px rgba(108,151,255,0.16); transform: translateY(-2px); } }

/* ---- Responsive ---- */
@media (max-width: 1024px) { #hero-safer { display: block; } }
@media (max-width: 900px) {
  #why-bento { grid-template-columns: 1fr; }
  #why-bento > * { grid-column: auto !important; grid-row: auto !important; }
  #why-bento [data-bento-split] { flex-direction: column !important; }
  #why-bento [data-bento-visual] { display: none !important; }
}
@media (max-width: 860px) {
  #nav-desktop { display: none !important; }
  #nav-burger { display: inline-flex !important; }
  #footer-watermark { display: none !important; }
  #footer-cta { align-items: center; text-align: center; }
}

/* ==========================================================================
   Generated element classes (extracted from inline styles)
   ========================================================================== */
.c0{font-family:var(--font-body);color:var(--text-body)}
.c1{position:fixed;top:0;left:0;right:0;z-index:1000;border-bottom:1px solid transparent;transition:background 240ms cubic-bezier(0.22,1,0.36,1),backdrop-filter 240ms cubic-bezier(0.22,1,0.36,1),border-color 240ms cubic-bezier(0.22,1,0.36,1)}
.c2{width:calc(100% - 48px);max-width:1200px;margin:15px auto 0;padding:11px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:12px;border:1px solid transparent;transition:background 240ms cubic-bezier(0.22,1,0.36,1),backdrop-filter 240ms cubic-bezier(0.22,1,0.36,1),border-color 240ms cubic-bezier(0.22,1,0.36,1)}
.c3{display:inline-flex;align-items:center;gap:9px;text-decoration:none}
.c4{font-family:var(--font-display);font-size:30.5px;line-height:1;letter-spacing:0.02em;color:var(--elyon-ink);display:block;position:relative;top:2px}
.c5{display:flex;align-items:center;gap:30px}
.c6{font-family:var(--font-mono);font-weight:500;font-size:12px;letter-spacing:0.16em;text-transform:uppercase;color:var(--elyon-ink);text-decoration:none;transition:opacity 140ms}
.c6:hover{opacity:0.62}
.c7{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:999px;font-family:var(--font-mono);font-weight:500;font-size:12px;letter-spacing:0.13em;text-transform:uppercase;color:var(--elyon-ink);background-image:linear-gradient(251deg,#8DAEFF 0%,#E2BCB1 100%);box-shadow:0 8px 30px rgba(108,151,255,0.35);text-decoration:none;white-space:nowrap;transition:transform 140ms cubic-bezier(0.22,1,0.36,1),box-shadow 240ms cubic-bezier(0.22,1,0.36,1)}
.c7:hover{transform:translateY(-1px);box-shadow:0 10px 34px rgba(138,94,76,0.34)}
.c7:active{transform:scale(0.98)}
.c8{display:none;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--border-strong);border-radius:10px;background:rgba(255,255,255,0.6);cursor:pointer;color:var(--elyon-ink)}
.c9{width:20px;height:20px}
.c10{display:none;position:fixed;top:62px;left:0;right:0;z-index:999;flex-direction:column;background:rgba(245,247,255,0.97);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid var(--border-soft);padding:8px 24px 22px}
.c11{font-family:var(--font-mono);font-weight:500;font-size:13px;letter-spacing:0.14em;text-transform:uppercase;color:var(--elyon-ink);text-decoration:none;padding:14px 0;border-bottom:1px solid var(--border-soft)}
.c12{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;padding:14px 22px;border-radius:999px;font-family:var(--font-mono);font-weight:500;font-size:13px;letter-spacing:0.13em;text-transform:uppercase;color:var(--elyon-ink);background-image:linear-gradient(251deg,#8DAEFF 0%,#E2BCB1 100%);text-decoration:none}
.c13{background:#F5F7FF;min-height:86vh;display:flex;align-items:center;justify-content:center;padding:116px 24px 40px;text-align:center;position:relative;overflow:hidden}
.c14{max-width:900px;margin:0 auto}
.c15{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-mono);font-weight:500;font-size:13px;letter-spacing:0.18em;text-transform:uppercase;color:var(--elyon-copper)}
.c16{width:6px;height:6px;border-radius:50%;background:var(--elyon-blue);display:inline-block}
.c17{font-family: var(--font-display); text-transform: uppercase; font-weight: 400; font-size: clamp(37px,6.66vw,85px); line-height: 0.82; letter-spacing: 0.012em; color: var(--elyon-ink); margin: 20px 0 0}
.c18{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.c19{color:#000}
.c20{background-image: linear-gradient(251deg,#7F9DE6 0%,#CBA99F 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; line-height: 82.97px}
.c21{font-family:var(--font-body);font-weight:300;font-size:clamp(16px,2.07vw,22px);line-height:1.45;color:var(--text-body);margin:24px auto 0;max-width:600px}
.c22{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:38px}
.c23{display:inline-flex;align-items:center;gap:9px;padding:15px 30px;border-radius:999px;font-family:var(--font-mono);font-weight:500;font-size:13px;letter-spacing:0.14em;text-transform:uppercase;color:var(--elyon-ink);background-image:linear-gradient(251deg,#8DAEFF 0%,#E2BCB1 100%);box-shadow:0 8px 30px rgba(108,151,255,0.35);text-decoration:none;white-space:nowrap;transition:transform 140ms cubic-bezier(0.22,1,0.36,1),box-shadow 240ms cubic-bezier(0.22,1,0.36,1)}
.c23:hover{transform:translateY(-1px);box-shadow:0 10px 34px rgba(138,94,76,0.34)}
.c23:active{transform:scale(0.98)}
.c24{display:inline-flex;align-items:center;gap:9px;padding:15px 28px;border-radius:999px;font-family:var(--font-mono);font-weight:500;font-size:13px;letter-spacing:0.14em;text-transform:uppercase;color:var(--elyon-ink);background:transparent;border:1px solid var(--border-strong);text-decoration:none;white-space:nowrap;transition:opacity 140ms,transform 140ms}
.c24:hover{opacity:0.66}
.c24:active{transform:scale(0.98)}
.c25{background:#F5F7FF;padding:0 24px 72px;text-align:center}
.c26{max-width:1100px;margin:0 auto}
.c27{font-family:var(--font-mono);font-weight:500;font-size:12px;letter-spacing:0.2em;text-transform:uppercase;color:var(--text-faint);margin-bottom:34px}
.c28{display:flex;flex-wrap:wrap;justify-content:center;gap:34px 24px;max-width:1060px;margin:0 auto}
.c29{display:flex;flex-direction:column;align-items:center;gap:15px;width:120px}
.c30{display:inline-flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:50%;background:#67D0DD;box-shadow:0 8px 22px #67D0DD66}
.c31{width:27px;height:27px;color:var(--elyon-ink)}
.c32{font-family:var(--font-mono);font-weight:500;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--elyon-ink);text-align:center;line-height:1.4}
.c33{display:inline-flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:50%;background:#9FE481;box-shadow:0 8px 22px #9FE48166}
.c34{display:inline-flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:50%;background:#F6E785;box-shadow:0 8px 22px #F6E78566}
.c35{display:inline-flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:50%;background:#FAAFA5;box-shadow:0 8px 22px #FAAFA566}
.c36{display:inline-flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:50%;background:#DC95DD;box-shadow:0 8px 22px #DC95DD66}
.c37{display:inline-flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:50%;background:#A885EE;box-shadow:0 8px 22px #A885EE66}
.c38{display:inline-flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:50%;background:#EFA24C;box-shadow:0 8px 22px #EFA24C66}
.c39{background:var(--elyon-ink);padding:clamp(80px,9vw,120px) 24px;position:relative;overflow:hidden}
.c40{position:absolute;inset:0;width:46%;height:100%;left:auto;right:0;opacity:0.6;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 60%);mask-image:linear-gradient(90deg,transparent 0%,#000 60%)}
.c41{filter:drop-shadow(0 0 5px #6C97FF);animation:nodePulse 4s ease-in-out infinite}
.c42{filter:drop-shadow(0 0 5px #6C97FF);animation:nodePulse 5s ease-in-out infinite 1s}
.c43{filter:drop-shadow(0 0 6px #6C97FF);animation:nodePulse 4.5s ease-in-out infinite .5s}
.c44{filter:drop-shadow(0 0 5px #C98A6B);animation:nodePulse 4.8s ease-in-out infinite .8s}
.c45{filter:drop-shadow(0 0 5px #C98A6B);animation:nodePulse 5.4s ease-in-out infinite 1.6s}
.c46{max-width:1200px;margin:0 auto;position:relative;z-index:1}
.c47{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-mono);font-weight:500;font-size:13px;letter-spacing:0.18em;text-transform:uppercase;color:#8DAEFF}
.c48{width:6px;height:6px;border-radius:50%;background:var(--elyon-copper);display:inline-block}
.c49{font-family:var(--font-display);text-transform:uppercase;font-weight:400;font-size:clamp(34px,5vw,58px);line-height:0.94;letter-spacing:0.01em;color:var(--elyon-neutral);margin:16px 0 48px;max-width:760px}
.c50{position:relative;overflow:hidden;background:var(--elyon-ink);border:1px solid var(--border-on-ink);border-radius:12px;padding:30px 30px 34px;display:flex;flex-direction:column;min-height:300px}
.c51{position:absolute;right:-30px;top:50%;width:340px;height:340px;transform:translateY(-50%);background:url('assets/globe-dotted.svg') center/contain no-repeat;opacity:0.4;pointer-events:none}
.c52{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:1}
.c53{font-family:var(--font-mono);font-weight:500;font-size:12px;letter-spacing:0.2em;text-transform:uppercase;color:var(--text-on-ink-muted)}
.c54{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-weight:500;font-size:12px;letter-spacing:0.16em;text-transform:uppercase;color:#8DAEFF}
.c55{width:6px;height:6px;border-radius:50%;background:#8DAEFF;box-shadow:0 0 6px #8DAEFF;display:inline-block}
.c56{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:10px;background:rgba(108,151,255,0.10);border:1px solid var(--border-on-ink);margin:30px 0 0;position:relative;z-index:1}
.c57{width:23px;height:23px;color:#8DAEFF}
.c58{font-family:var(--font-display);text-transform:uppercase;font-weight:400;font-size:clamp(30px,3.6vw,42px);line-height:0.94;letter-spacing:0.01em;color:var(--elyon-neutral);margin:22px 0 12px;position:relative;z-index:1;max-width:330px}
.c59{font-family:var(--font-body);font-weight:300;font-size:15.5px;line-height:1.6;color:var(--text-on-ink-muted);margin:0;max-width:340px;position:relative;z-index:1}
.c60{background:var(--elyon-ink);border:1px solid var(--border-on-ink);border-radius:12px;padding:28px 28px}
.c61{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.c62{font-family: var(--font-mono); font-weight: 500; font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: #ff8800}
.c63{display:flex;align-items:flex-start;gap:16px}
.c64{flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:rgba(138,94,76,0.14);border:1px solid var(--border-on-ink)}
.c65{width: 22px; height: 22px; color: #FF8800}
.c66{font-family:var(--font-display);text-transform:uppercase;font-weight:400;font-size:26px;line-height:0.96;letter-spacing:0.01em;color:var(--elyon-neutral);margin:2px 0 8px}
.c67{font-family:var(--font-body);font-weight:300;font-size:15px;line-height:1.55;color:var(--text-on-ink-muted);margin:0}
.c68{font-size: 15.5px;}
.c69{font-family: var(--font-mono); font-weight: 500; font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: #01b0ff}
.c70{flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:rgba(108,151,255,0.10);border:1px solid var(--border-on-ink)}
.c71{width: 22px; height: 22px; color: #01B0FF}
.c72{background:var(--elyon-ink);border:1px solid var(--border-on-ink);border-radius:12px;padding:30px 30px}
.c73{display:flex;gap:28px;align-items:stretch;height:100%}
.c74{flex:1 1 0;min-width:0;display:flex;flex-direction:column}
.c75{display:flex;align-items:center;justify-content:space-between;gap:12px}
.c76{letter-spacing: 2.4px;}
.c77{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-weight:500;font-size:11px;letter-spacing:0.16em;text-transform:uppercase;color:#9FE481}
.c78{width:6px;height:6px;border-radius:50%;background:#9FE481;box-shadow:0 0 6px #9FE481;display:inline-block}
.c79{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:10px;background:rgba(138,94,76,0.14);border:1px solid var(--border-on-ink);margin:24px 0 0}
.c80{width: 23px; height: 23px; color: #9FE481}
.c81{font-family:var(--font-display);text-transform:uppercase;font-weight:400;font-size:clamp(28px,3.4vw,40px);line-height:0.94;letter-spacing:0.01em;color:var(--elyon-neutral);margin:20px 0 12px}
.c82{font-family: var(--font-body); font-weight: 300; font-size: 16px; line-height: 1.6; color: var(--text-on-ink-muted); margin: 0 0 22px; max-width: none}
.c83{font-family: var(--font-mono); font-weight: 500; font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: #d82cff}
.c84{width: 22px; height: 22px; color: #D82CFF}
.c85{font-family: var(--font-mono); font-weight: 500; font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: #ffe700}
.c86{width: 22px; height: 22px; color: #FFE700}
.c87{background:#F5F7FF;padding:clamp(32px,4vw,51px) 24px}
.c88{max-width:1200px;margin:0 auto}
.c89{font-family:var(--font-display);text-transform:uppercase;font-weight:400;font-size:clamp(31px,4.5vw,52px);line-height:0.94;letter-spacing:0.01em;color:var(--elyon-ink);margin:16px 0 48px}
.c90{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}
.c91{flex:1 1 258px;max-width:316px;background:#fff;border:1px solid var(--border-soft);border-radius:12px;box-shadow:0 6px 18px rgba(18,23,35,0.08);overflow:hidden}
.c92{height:4px;background:#67D0DD}
.c93{padding:26px 24px 24px;text-align:center}
.c94{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:#67D0DD}
.c95{width:23px;height:23px;color:var(--elyon-ink)}
.c96{font-family:var(--font-display);text-transform:uppercase;font-weight:400;font-size:24px;letter-spacing:0.01em;color:var(--elyon-ink);margin:18px 0 8px}
.c97{font-family:var(--font-body);font-size:15px;line-height:1.6;color:var(--text-body);margin:0}
.c98{height:4px;background:#9FE481}
.c99{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:#9FE481}
.c100{font-family:var(--font-display);text-transform:uppercase;font-weight:400;font-size:26px;letter-spacing:0.01em;color:var(--elyon-ink);margin:18px 0 8px}
.c101{height:4px;background:#F6E785}
.c102{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:#F6E785}
.c103{height:4px;background:#FAAFA5}
.c104{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:#FAAFA5}
.c105{height:4px;background:#DC95DD}
.c106{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:#DC95DD}
.c107{height:4px;background:#A885EE}
.c108{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:#A885EE}
.c109{height:4px;background:#EFA24C}
.c110{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:#EFA24C}
.c111{background:#F5F7FF;padding:18px 24px clamp(30px,3.5vw,45px)}
.c112{width:100%;max-width:1200px;margin:0 auto;text-align:center}
.c113{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-mono);font-weight:500;font-size:13px;letter-spacing:0.18em;text-transform:uppercase;color:var(--elyon-copper);margin-bottom:18px}
.c114{width:100%;max-width:1200px;margin:0 auto;background:var(--elyon-ink);border-radius:12px;position:relative;overflow:hidden;padding:24px clamp(22px,4vw,56px) clamp(25px,2.7vw,38px)}
.c115{position:absolute;inset:0;width:42%;height:100%;left:0;right:auto;opacity:0.55;pointer-events:none;transform:scaleX(-1);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 60%);mask-image:linear-gradient(90deg,transparent 0%,#000 60%)}
.c116{filter:drop-shadow(0 0 5px #6C97FF);animation:nodePulse 4.5s ease-in-out infinite .3s}
.c117{filter:drop-shadow(0 0 5px #6C97FF);animation:nodePulse 5.5s ease-in-out infinite 1.2s}
.c118{max-width:1100px;margin:0 auto;position:relative;z-index:1}
.c119{font-family: var(--font-display); text-transform: uppercase; font-weight: 400; font-size: clamp(31px,4.5vw,52px); line-height: 0.84; letter-spacing: 0.01em; color: var(--elyon-neutral); margin: 16px 0 11px; text-align: center}
.c120{font-family: var(--font-body); font-weight: 300; font-size: clamp(13px,1.55vw,20px); line-height: 1.3; color: var(--elyon-neutral); margin: 0 auto 32px; max-width: 880px; text-align: center}
.c121{font-style:italic}
.c122{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:18px}
.c123{flex: 1 1 320px; background: var(--surface-ink-2); border: 1px solid var(--border-on-ink); border-radius: 12px; padding: 25px 32px}
.c124{width:30px;height:30px;color:var(--elyon-copper)}
.c125{font-family:var(--font-mono);font-weight:500;font-size:13px;letter-spacing:0.18em;text-transform:uppercase;color:var(--elyon-copper);margin:16px 0 5px}
.c126{font-family:var(--font-display);text-transform:uppercase;font-weight:400;font-size:clamp(25px,3.06vw,36px);line-height:0.96;letter-spacing:0.01em;color:var(--elyon-neutral);margin:0 0 9px}
.c127{font-family: var(--font-body); font-weight: 300; font-size: 16px; line-height: 1.25; color: var(--text-on-ink-muted); margin: 0 0 14px}
.c128{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.c129{display:flex;gap:11px;align-items:flex-start;font-family:var(--font-body);font-weight:300;font-size:15.5px;line-height:1.5;color:var(--text-on-ink-muted)}
.c130{width:18px;height:18px;color:var(--elyon-copper);flex:none;margin-top:2px}
.c131{flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-family:var(--font-body);font-weight:300;font-size:28px;color:var(--text-on-ink-muted);padding:0 4px}
.c132{flex: 1 1 320px; background: #fff; border: 1px solid rgba(255,255,255,0.6); border-radius: 12px; padding: 25px 32px; box-shadow: 0 8px 36px rgba(108,151,255,0.42),0 18px 48px rgba(18,23,35,0.28); position: relative}
.c133{width:30px;height:30px;color:#6C97FF}
.c134{font-family:var(--font-mono);font-weight:500;font-size:13px;letter-spacing:0.18em;text-transform:uppercase;color:#6C97FF;margin:16px 0 5px}
.c135{font-family:var(--font-display);text-transform:uppercase;font-weight:400;font-size:clamp(25px,3.06vw,36px);line-height:0.96;letter-spacing:0.01em;color:var(--elyon-ink);margin:0 0 9px}
.c136{font-family: var(--font-body); font-size: 16px; line-height: 1.25; color: var(--text-body); margin: 0 0 14px}
.c137{display:flex;gap:11px;align-items:flex-start;font-family:var(--font-body);font-size:15.5px;line-height:1.5;color:var(--text-body)}
.c138{width:18px;height:18px;color:#6C97FF;flex:none;margin-top:2px}
.c139{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:space-between;margin-top:14px}
.c140{font-family:var(--font-mono);font-weight:500;font-size:13px;letter-spacing:0.16em;text-transform:uppercase;color:var(--text-faint);margin-left:35px}
.c141{font-family:var(--font-body);font-weight:400;font-size:16px;color:#6C97FF;margin-right:35px}
.c142{background:#F5F7FF;padding:clamp(48px,6vw,72px) 24px}
.c143{font-family:var(--font-display);text-transform:uppercase;font-weight:400;font-size:clamp(34px,5vw,58px);line-height:0.94;letter-spacing:0.01em;color:var(--elyon-ink);margin:16px 0 36px}
.c144{background:#fff;border:1px solid var(--border-soft);border-radius:12px;box-shadow:0 6px 18px rgba(18,23,35,0.08);padding:6px 28px}
.c145{border-bottom:1px solid var(--border-soft)}
.c146{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;background:none;border:0;padding:24px 0;cursor:pointer;text-align:left;font-family:var(--font-body);font-weight:400;font-size:clamp(16px,2vw,18px);color:var(--elyon-ink)}
.c147{display:inline-flex;flex:none;color:var(--elyon-copper);transition:transform 240ms cubic-bezier(0.22,1,0.36,1)}
.c148{max-height:0;overflow:hidden;transition:max-height 240ms cubic-bezier(0.22,1,0.36,1)}
.c149{font-family:var(--font-body);font-weight:300;font-size:16px;line-height:1.65;color:var(--text-body);margin:0;padding:0 0 24px}
.c150{background:var(--elyon-ink);padding:clamp(56px,7vw,88px) 24px;position:relative;overflow:hidden}
.c151{position:absolute;right:-60px;top:0;bottom:0;height:100%;width:auto;opacity:0.067;pointer-events:none;user-select:none}
.c152{display:flex;flex-wrap:wrap;gap:48px 44px;justify-content:space-between;align-items:center}
.c153{flex:1 1 270px;max-width:360px}
.c154{display:block;height:128px;width:auto}
.c155{font-family: var(--font-body); font-weight: 300; font-size: 13px; line-height: 1.62; color: var(--text-on-ink-muted); margin: 24px 0 0; max-width: 330px}
.c156{flex:1 1 380px;display:flex;gap:0;min-width:300px}
.c157{flex:1;padding-right:34px}
.c158{display:flex;align-items:center;gap:9px;margin-bottom:26px}
.c159{width:16px;height:16px;color:var(--elyon-copper)}
.c160{font-family:var(--font-mono);font-weight:500;font-size:13px;letter-spacing:0.2em;text-transform:uppercase;color:var(--elyon-copper)}
.c161{font-family:var(--font-mono);font-weight:500;font-size:16px;letter-spacing:0.12em;text-transform:uppercase;color:var(--elyon-neutral);margin-bottom:12px}
.c162{list-style:none;margin:0 0 28px;padding:0;display:flex;flex-direction:column;gap:9px}
.c163{font-family:var(--font-mono);font-size:14px;letter-spacing:0.04em;color:var(--text-on-ink-muted);text-decoration:none;transition:color 140ms}
.c163:hover{color:var(--elyon-neutral)}
.c164{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.c165{width:1px;background:var(--border-on-ink);align-self:stretch}
.c166{flex:1;padding-left:34px}
.c167{width:16px;height:16px;color:#6C97FF}
.c168{font-family:var(--font-mono);font-weight:500;font-size:13px;letter-spacing:0.2em;text-transform:uppercase;color:#8DAEFF}
.c169{flex:1 1 280px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;text-align:right;gap:18px}
.c170{display:block;text-decoration:none;position:relative}
.c171{width:46px;height:46px;color:var(--elyon-neutral);margin-bottom:2px;transition:transform 240ms cubic-bezier(0.22,1,0.36,1)}
.c171:hover{transform:translate(4px,-4px)}
.c172{font-family:var(--font-display);text-transform:uppercase;font-weight:400;font-size:clamp(56px,8vw,104px);line-height:0.86;letter-spacing:0.01em;color:var(--elyon-neutral)}
.c173{font-family:var(--font-body);font-weight:500;font-size:14px;letter-spacing:0.04em;color:var(--text-on-ink-muted)}
.c174{position:fixed;right:24px;bottom:24px;z-index:1100;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,0.4);background-image:linear-gradient(251deg,#8DAEFF 0%,#E2BCB1 100%);color:var(--elyon-ink);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 24px rgba(108,151,255,0.4);opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity 260ms cubic-bezier(0.22,1,0.36,1),transform 260ms cubic-bezier(0.22,1,0.36,1),visibility 260ms,box-shadow 240ms ease}
.c174:hover{box-shadow:0 12px 32px rgba(108,151,255,0.6)}
.c175{width:22px;height:22px}






.d26{ width:16px; }