@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('fonts/inter-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;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('fonts/inter-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;
}
@font-face {
  font-family: 'Fira Code';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('fonts/firacode-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;
}
@font-face {
  font-family: 'Fira Code';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('fonts/firacode-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;
}
:root {
  --bg: #0b0e11;
  --bg2: #14171c;
  --surface: #181a20;
  --surface2: #1e2129;
  --border: #2b2f36;
  --border2: #3a3f47;
  --accent: #f0b90b;
  --accent-contrast: #1e2329;
  --accent2: #c99400;
  --accent3: #ffd257;
  --green: #22c55e;
  --green-text: #4ade80;
  --text: #eaecef;
  --text-muted: #848e9c;
  --text-dim: #8791a4;
  --nav-h: 72px;
}
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { background:var(--bg); color:var(--text); font-family:'Inter',sans-serif; overflow-x:hidden; }
body::before {
  content:''; position:fixed; inset:0;
  background-image: url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 27.7128 48.0000%27><path d=%27M-13.86 -28.00 L0.00 -20.00 L0.00 -4.00 L-13.86 4.00 L-27.71 -4.00 L-27.71 -20.00 Z M13.86 -28.00 L27.71 -20.00 L27.71 -4.00 L13.86 4.00 L-0.00 -4.00 L0.00 -20.00 Z M41.57 -28.00 L55.43 -20.00 L55.43 -4.00 L41.57 4.00 L27.71 -4.00 L27.71 -20.00 Z M0.00 -4.00 L13.86 4.00 L13.86 20.00 L0.00 28.00 L-13.86 20.00 L-13.86 4.00 Z M27.71 -4.00 L41.57 4.00 L41.57 20.00 L27.71 28.00 L13.86 20.00 L13.86 4.00 Z M-13.86 20.00 L0.00 28.00 L0.00 44.00 L-13.86 52.00 L-27.71 44.00 L-27.71 28.00 Z M13.86 20.00 L27.71 28.00 L27.71 44.00 L13.86 52.00 L-0.00 44.00 L0.00 28.00 Z M41.57 20.00 L55.43 28.00 L55.43 44.00 L41.57 52.00 L27.71 44.00 L27.71 28.00 Z M0.00 44.00 L13.86 52.00 L13.86 68.00 L0.00 76.00 L-13.86 68.00 L-13.86 52.00 Z M27.71 44.00 L41.57 52.00 L41.57 68.00 L27.71 76.00 L13.86 68.00 L13.86 52.00 Z%27 fill=%27none%27 stroke=%27%23f0b90b%27 stroke-opacity=%270.09%27 stroke-width=%271%27/></svg>");
  background-size:55.4256px 96px; pointer-events:none; z-index:0;
}
/* NAV */
nav#nav {
  position:fixed; top:0; left:0; right:0; height:var(--nav-h); z-index:200;
  display:flex; align-items:center; justify-content:space-between; padding:0 64px;
  background:rgba(11,14,17,0.85); backdrop-filter:blur(20px);
  border-bottom:1px solid var(--border); transition:border-color 0.3s;
}
.logo { display:flex; align-items:center; gap:12px; text-decoration:none; }
.logo-mark {
  width:40px; height:40px;
  display:flex; align-items:center; justify-content:center;
}
.logo-mark img { width:100%; height:100%; object-fit:contain; }
.logo-name { font-family:'Inter',sans-serif; font-weight:800; font-size:1.2rem; color:var(--text); letter-spacing:-0.01em; }
.logo-name em { color:var(--accent); font-style:normal; }
.nav-links { display:flex; align-items:center; gap:8px; list-style:none; }
.nav-links li { display:flex; align-items:center; }
.nav-links a {
  font-family:'Fira Code',monospace; font-size:0.72rem; color:var(--text-muted);
  text-decoration:none; letter-spacing:0.06em; padding:8px 16px; border-radius:6px; transition:all 0.2s;
}
.nav-links a:hover, .nav-links a.active { color:var(--accent); background:rgba(240,185,11,0.08); }
.nav-dropdown { position:relative; }
.nav-dropdown > a { display:inline-flex; align-items:center; gap:5px; }
.nav-caret { transition:transform 0.2s; }
.nav-dropdown.open .nav-caret { transform:rotate(180deg); }
.nav-dropdown-panel {
  position:absolute; top:100%; left:50%; transform:translateX(-50%) translateY(-6px);
  padding-top:14px;
  opacity:0; visibility:hidden; pointer-events:none; transition:opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
  z-index:250;
}
.nav-dropdown.open .nav-dropdown-panel {
  opacity:1; visibility:visible; pointer-events:auto; transform:translateX(-50%) translateY(0);
}
.nav-dropdown-panel-inner {
  background:var(--surface); border:1px solid var(--border); border-radius:12px;
  padding:10px; display:grid; grid-template-columns:1fr 1fr; gap:2px;
  min-width:540px; box-shadow:0 24px 60px rgba(0,0,0,0.5);
}
.nav-dropdown-panel a {
  font-family:'Inter',sans-serif; font-size:0.83rem; color:var(--text-muted);
  padding:10px 14px; border-radius:8px; text-decoration:none; letter-spacing:0; white-space:nowrap;
  transition:all 0.15s;
}
.nav-dropdown-panel a:hover { color:var(--accent); background:rgba(240,185,11,0.08); }
.mobile-sub { display:flex; flex-direction:column; padding-left:14px; gap:2px; margin-bottom:8px; }
.mobile-sub-link { font-size:0.78rem !important; color:var(--text-dim) !important; padding:9px 16px !important; }
.nav-btn { background:var(--accent) !important; color:var(--accent-contrast) !important; font-weight:600 !important; padding:9px 22px !important; border-radius:7px !important; }
.nav-btn:hover { box-shadow:0 0 24px rgba(240,185,11,0.45) !important; }
.hamburger { display:none; flex-direction:column; gap:5px; cursor:pointer; padding:8px; }
.hamburger span { display:block; width:22px; height:2px; background:var(--text-muted); border-radius:2px; transition:0.3s; }
#mobile-nav {
  display:none; position:fixed; top:var(--nav-h); left:0; right:0;
  background:rgba(11,14,17,0.92); backdrop-filter:blur(20px);
  border-bottom:1px solid var(--border); padding:24px 24px 32px;
  z-index:199; flex-direction:column; gap:4px;
  max-height:calc(100vh - var(--nav-h)); overflow-y:auto;
}
#mobile-nav.open { display:flex; }
#mobile-nav a { font-family:'Fira Code',monospace; font-size:0.85rem; color:var(--text-muted); padding:12px 16px; border-radius:8px; text-decoration:none; transition:0.2s; display:block; }
#mobile-nav a:hover, #mobile-nav a.active { color:var(--accent); background:rgba(240,185,11,0.08); }
/* LAYOUT */
.page-wrap { position:relative; z-index:1; padding-top:var(--nav-h); min-height:100vh; }
.section { padding:100px 64px; }
.section-bg { background:var(--surface); }
.container { max-width:1200px; margin:0 auto; }
/* TYPE */
.lbl { font-family:'Fira Code',monospace; font-size:0.68rem; color:var(--accent); letter-spacing:0.15em; text-transform:uppercase; display:flex; align-items:center; gap:12px; margin-bottom:18px; }
.lbl::before { content:''; width:28px; height:1px; background:var(--accent); }
.h1 { font-family:'Inter',sans-serif; font-weight:800; line-height:1.0; letter-spacing:-0.03em; font-size:clamp(2.8rem,5.5vw,5.2rem); margin-bottom:24px; }
.h2 { font-family:'Inter',sans-serif; font-weight:800; line-height:1.05; letter-spacing:-0.03em; font-size:clamp(2rem,4vw,3.4rem); margin-bottom:18px; }
.h3 { font-family:'Inter',sans-serif; font-weight:700; font-size:1.15rem; letter-spacing:-0.01em; margin-bottom:10px; }
.sub { font-size:1.05rem; color:var(--text-muted); line-height:1.75; max-width:540px; margin-bottom:56px; }
.accent { color:var(--accent); }
/* BUTTONS */
.btn { display:inline-flex; align-items:center; gap:10px; padding:15px 32px; border-radius:999px; font-family:'Inter',sans-serif; font-weight:600; font-size:0.95rem; text-decoration:none; cursor:pointer; border:none; transition:all 0.25s; }
.btn-blue { background:var(--accent); color:var(--accent-contrast); }
.btn-blue:hover { box-shadow:0 6px 30px rgba(240,185,11,0.4); transform:translateY(-2px); }
.btn-ghost { border:1px solid var(--border2); color:var(--text-muted); background:transparent; }
.btn-ghost:hover { border-color:var(--accent); color:var(--accent); }
/* TEASER CTA STRIP */
.cta-strip {
  background:linear-gradient(135deg,var(--surface) 0%,#1e2129 100%);
  border-top:1px solid var(--border); border-bottom:1px solid var(--border);
  padding:80px 64px; display:flex; align-items:center; justify-content:space-between; gap:48px;
}
.cta-strip h2 { font-family:'Inter',sans-serif; font-weight:800; font-size:2.2rem; letter-spacing:-0.03em; max-width:520px; }
.cta-strip .cta-btns { display:flex; gap:14px; flex-shrink:0; }
/* FOOTER */
footer { background:var(--surface); border-top:1px solid var(--border); padding:60px 64px 32px; position:relative; z-index:1; }
.footer-top { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:48px; margin-bottom:48px; }
.footer-brand p { font-size:0.88rem; color:var(--text-muted); line-height:1.7; margin-top:16px; max-width:280px; }
.footer-col h3 { font-family:'Inter',sans-serif; font-weight:700; font-size:0.9rem; margin-bottom:16px; }
.footer-col ul { list-style:none; display:flex; flex-direction:column; gap:10px; }
.footer-col ul li a, .footer-col ul li span { font-size:0.85rem; color:var(--text-muted); text-decoration:none; transition:color 0.2s; }
.footer-col ul li a:hover { color:var(--accent); }
.footer-bottom { border-top:1px solid var(--border); padding-top:28px; display:flex; justify-content:space-between; align-items:center; }
.footer-bottom p { font-family:'Fira Code',monospace; font-size:0.68rem; color:var(--text-dim); letter-spacing:0.05em; }
.footer-bottom a { color:var(--accent); text-decoration:none; }
/* ANIMATION */
@keyframes fadeUp { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:translateY(0)} }
@keyframes pageIn { from{opacity:0;transform:translateY(14px)} to{opacity:1;transform:translateY(0)} }
.page-wrap { animation:pageIn 0.35s ease both; }
/* REVEAL ON SCROLL */
.reveal { opacity:0; transform:translateY(28px); transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1), transform 0.7s cubic-bezier(0.16,1,0.3,1); }
.reveal.is-visible { opacity:1; transform:translateY(0); }
/* CURSOR GLOW */
.glow-card { position:relative; }
.glow-card::after { content:''; position:absolute; inset:0; border-radius:inherit; background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%), rgba(240,185,11,0.10), transparent 70%); opacity:0; transition:opacity 0.3s ease; pointer-events:none; }
.glow-card:hover::after { opacity:1; }
/* RESPONSIVE */
@media(max-width:800px){
  nav#nav{padding:0 20px;}
  .nav-links{display:none;}
  .hamburger{display:flex;}
  .section{padding:64px 20px;}
  .cta-strip{flex-direction:column;padding:56px 20px;}
  .cta-strip .cta-btns{flex-wrap:wrap;}
  footer{padding:48px 20px 24px;}
  .footer-top{grid-template-columns:1fr 1fr;}
  .footer-bottom{flex-direction:column;gap:12px;text-align:center;}
}
@media(max-width:500px){
  .footer-top{grid-template-columns:1fr;}
}
.page-hero { padding:90px 64px 70px; background:linear-gradient(180deg,var(--bg2) 0%,var(--bg) 100%); border-bottom:1px solid var(--border); position:relative; overflow:hidden; }
.page-hero::after { content:''; position:absolute; right:0; top:0; bottom:0; width:50%; background:radial-gradient(ellipse at right center,rgba(240,185,11,0.05) 0%,transparent 70%); pointer-events:none; }
.page-illust { position:absolute; right:64px; top:50%; transform:translateY(-50%); width:300px; height:300px; z-index:1; pointer-events:none; animation:fadeUp 0.9s ease 0.3s both; }
.page-illust svg { width:100%; height:100%; }
.page-illust .node-pulse { animation:nodepulse 2.4s ease-in-out infinite; }
@keyframes nodepulse { 0%,100%{opacity:1} 50%{opacity:0.35} }
.page-illust .link-line { animation:linkdash 3.2s linear infinite; }
@keyframes linkdash { to { stroke-dashoffset:-24; } }
.page-chip { position:absolute; display:flex; align-items:center; gap:8px; background:var(--surface); border:1px solid var(--border); border-radius:100px; padding:7px 14px; box-shadow:0 8px 24px rgba(240,185,11,0.1); font-family:'Fira Code',monospace; font-size:0.65rem; color:var(--text); white-space:nowrap; }
.page-chip .dot { width:6px; height:6px; border-radius:50%; background:var(--green); box-shadow:0 0 8px rgba(34,197,94,0.7); flex-shrink:0; }
@media(max-width:1300px){ .page-illust{display:none;} }
.contact-layout { display:grid; grid-template-columns:1fr 1.4fr; gap:64px; align-items:start; }
.contact-info h2 { font-family:'Inter',sans-serif; font-weight:800; font-size:2.4rem; letter-spacing:-0.03em; margin-bottom:18px; }
.contact-info > p { font-size:0.95rem; color:var(--text-muted); line-height:1.7; margin-bottom:40px; }
.contact-methods { display:flex; flex-direction:column; gap:14px; }
.c-method { display:flex; align-items:center; gap:18px; background:var(--surface); border:1px solid var(--border); border-radius:10px; padding:18px 20px; transition:border-color 0.25s; }
.c-method:hover { border-color:rgba(240,185,11,0.25); }
.c-icon { width:42px; height:42px; border-radius:10px; background:rgba(240,185,11,0.08); display:flex; align-items:center; justify-content:center; font-size:1.1rem; flex-shrink:0; }
.c-label { font-family:'Fira Code',monospace; font-size:0.63rem; color:var(--accent); letter-spacing:0.1em; text-transform:uppercase; margin-bottom:3px; }
.c-value { font-size:0.92rem; color:var(--text); font-weight:500; }
.sla-box { background:rgba(240,185,11,0.05); border:1px solid rgba(240,185,11,0.2); border-radius:10px; padding:22px; margin-top:24px; }
.sla-box .lbl { margin-bottom:12px; }
.sla-items { display:flex; flex-direction:column; gap:10px; }
.sla-row { display:flex; justify-content:space-between; align-items:center; }
.sla-cat { font-family:'Fira Code',monospace; font-size:0.69rem; color:var(--text-muted); }
.sla-time { font-family:'Fira Code',monospace; font-size:0.69rem; color:var(--green-text); }
.form-wrap { background:var(--surface); border:1px solid var(--border); border-radius:16px; padding:44px; position:sticky; top:calc(var(--nav-h) + 24px); }
.form-title { font-family:'Inter',sans-serif; font-weight:800; font-size:1.5rem; letter-spacing:-0.02em; margin-bottom:6px; }
.form-sub { font-size:0.85rem; color:var(--text-muted); margin-bottom:32px; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.form-group { display:flex; flex-direction:column; gap:7px; margin-bottom:18px; }
.form-group label { font-family:'Fira Code',monospace; font-size:0.63rem; color:var(--accent); letter-spacing:0.1em; text-transform:uppercase; }
.form-group input, .form-group select, .form-group textarea { background:var(--bg); border:1px solid var(--border); border-radius:8px; padding:13px 16px; font-family:'Inter',sans-serif; font-size:0.9rem; color:var(--text); outline:none; transition:border-color 0.25s,box-shadow 0.25s; width:100%; }
.form-group input::placeholder, .form-group textarea::placeholder { color:var(--text-dim); }
.form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color:var(--accent); box-shadow:0 0 0 3px rgba(240,185,11,0.1); }
.form-group select option { background:var(--bg); color:var(--text); }
.form-group textarea { resize:vertical; min-height:120px; }
.checkbox-group { display:flex; align-items:flex-start; gap:12px; margin-bottom:24px; cursor:pointer; }
.checkbox-group input[type="checkbox"] { width:16px; height:16px; accent-color:var(--accent); margin-top:2px; flex-shrink:0; cursor:pointer; }
.checkbox-group span { font-size:0.82rem; color:var(--text-muted); line-height:1.5; }
.checkbox-group a { color:var(--accent); text-decoration:none; }
.cf-turnstile { margin-bottom:20px; }
.form-submit-btn { width:100%; background:var(--accent); color:#0b0e11; padding:16px; border-radius:9px; border:none; cursor:pointer; font-family:'Inter',sans-serif; font-weight:700; font-size:1rem; display:flex; align-items:center; justify-content:center; gap:10px; transition:all 0.25s; }
.form-submit-btn:hover { box-shadow:0 6px 30px rgba(240,185,11,0.4); transform:translateY(-2px); }
.form-submit-btn:disabled { opacity:0.6; cursor:not-allowed; transform:none; box-shadow:none; }
.form-success { display:none; text-align:center; padding:40px 20px; }
.form-success .check-icon { width:72px; height:72px; border-radius:50%; background:rgba(34,197,94,0.1); border:1px solid rgba(34,197,94,0.3); display:flex; align-items:center; justify-content:center; font-size:2rem; margin:0 auto 20px; }
.form-success h3 { font-family:'Inter',sans-serif; font-weight:800; font-size:1.5rem; margin-bottom:10px; }
.form-success p { font-size:0.9rem; color:var(--text-muted); line-height:1.65; }
#form-error { color:var(--accent2); font-size:0.82rem; margin-top:12px; display:none; }
@media(max-width:900px){
  .page-hero{padding:64px 20px 48px;}
  .contact-layout{grid-template-columns:1fr;}
  .form-wrap{position:static;}
  .form-row{grid-template-columns:1fr;}
}
.doc-body { max-width:820px; }
.doc-body h2 { font-family:'Inter',sans-serif; font-weight:700; font-size:1.4rem; letter-spacing:-0.02em; margin:48px 0 16px; color:var(--text); }
.doc-body h2:first-child { margin-top:0; }
.doc-body p { font-size:0.95rem; color:var(--text-muted); line-height:1.8; margin-bottom:14px; }
.doc-body ul { list-style:none; padding:0; margin-bottom:14px; display:flex; flex-direction:column; gap:10px; }
.doc-body ul li { font-size:0.93rem; color:var(--text-muted); line-height:1.7; padding-left:20px; position:relative; }
.doc-body ul li::before { content:'▸'; position:absolute; left:0; color:var(--accent); font-size:0.7rem; top:4px; }
.doc-body .highlight { background:rgba(240,185,11,0.06); border:1px solid rgba(240,185,11,0.18); border-radius:10px; padding:20px 24px; margin:24px 0; }
.doc-body .highlight p { margin:0; color:var(--text); }
.doc-divider { height:1px; background:var(--border); margin:40px 0; }
.doc-meta { font-family:'Fira Code',monospace; font-size:0.68rem; color:var(--text-dim); letter-spacing:0.06em; margin-top:48px; padding-top:24px; border-top:1px solid var(--border); }
@media(max-width:800px){ .page-hero{padding:64px 20px 48px;} }
.about-split { display:flex; gap:80px; align-items:flex-start; }
.about-left { flex:1; }
.about-right { flex:1; display:flex; flex-direction:column; gap:20px; }
.info-block { background:var(--surface); border:1px solid var(--border); border-radius:12px; padding:28px; transition:border-color 0.25s; }
.info-block:hover { border-color:rgba(240,185,11,0.2); }
.info-block .lbl { margin-bottom:10px; }
.info-block p { font-size:0.88rem; color:var(--text-muted); line-height:1.65; }
.values-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:56px; }
.val-card { background:var(--surface); border:1px solid var(--border); border-radius:12px; padding:32px; transition:all 0.25s; text-align:center; }
.val-card:hover { border-color:rgba(240,185,11,0.2); transform:translateY(-3px); }
.val-icon { font-size:2.2rem; margin-bottom:16px; }
.val-card h4 { font-family:'Inter',sans-serif; font-weight:700; font-size:1rem; margin-bottom:8px; }
.val-card p { font-size:0.85rem; color:var(--text-muted); line-height:1.65; }
.team-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:56px; }
.team-card { background:var(--surface); border:1px solid var(--border); border-radius:12px; padding:28px 24px; text-align:center; transition:all 0.25s; }
.team-card:hover { border-color:rgba(240,185,11,0.2); transform:translateY(-3px); }
.team-avatar { width:72px; height:72px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-family:'Inter',sans-serif; font-weight:800; font-size:1.3rem; color:#0b0e11; margin:0 auto 16px; }
.team-card h4 { font-family:'Inter',sans-serif; font-weight:700; font-size:0.95rem; margin-bottom:5px; }
.team-card .role { font-family:'Fira Code',monospace; font-size:0.65rem; color:var(--accent); letter-spacing:0.08em; margin-bottom:10px; }
.team-card p { font-size:0.82rem; color:var(--text-muted); line-height:1.55; }
.certs-row { display:flex; flex-wrap:wrap; gap:14px; margin-top:40px; }
.cert-badge { display:flex; align-items:center; gap:10px; background:var(--surface); border:1px solid var(--border); border-radius:8px; padding:12px 18px; font-family:'Fira Code',monospace; font-size:0.72rem; color:#848e9c; letter-spacing:0.04em; transition:all 0.2s; }
.cert-badge:hover { border-color:var(--accent); color:var(--accent); }
.cert-badge .dot { width:8px; height:8px; border-radius:50%; background:var(--accent); flex-shrink:0; }
@media(max-width:900px){
  .page-hero{padding:64px 20px 48px;}
  .about-split{flex-direction:column; gap:40px;}
  .values-grid{grid-template-columns:1fr;}
  .team-grid{grid-template-columns:1fr 1fr;}
}
/* HERO */
.hero { min-height:calc(100vh - var(--nav-h)); display:flex; align-items:center; padding:80px 64px; position:relative; overflow:hidden; }
.hero-orb1 { position:absolute; width:800px; height:800px; border-radius:50%; background:radial-gradient(circle,rgba(240,185,11,0.07) 0%,transparent 65%); right:-250px; top:-200px; pointer-events:none; animation:orbpulse 7s ease-in-out infinite; }
.hero-orb2 { position:absolute; width:500px; height:500px; border-radius:50%; background:radial-gradient(circle,rgba(255,210,87,0.06) 0%,transparent 65%); left:-100px; bottom:0; pointer-events:none; animation:orbpulse 9s ease-in-out infinite reverse; }
@keyframes orbpulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.08)} }
.hero-inner { max-width:700px; position:relative; z-index:2; }
.hero-badge { display:inline-flex; align-items:center; gap:10px; background:rgba(240,185,11,0.07); border:1px solid rgba(240,185,11,0.22); border-radius:100px; padding:7px 18px; margin-bottom:36px; animation:fadeUp 0.7s ease 0.1s both; }
.badge-pulse { width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 10px rgba(34,197,94,0.8); animation:blink 2s ease-in-out infinite; }
@keyframes blink{0%,100%{opacity:1}50%{opacity:0.2}}
.hero-badge span { font-family:'Fira Code',monospace; font-size:0.69rem; color:var(--accent); letter-spacing:0.1em; }
.hero h1 { animation:fadeUp 0.7s ease 0.2s both; }
.hero .sub { animation:fadeUp 0.7s ease 0.3s both; }
.hero-actions { display:flex; gap:14px; align-items:center; animation:fadeUp 0.7s ease 0.4s both; flex-wrap:wrap; }
.hero-stats { display:flex; gap:0; margin-top:72px; padding-top:48px; border-top:1px solid var(--border); animation:fadeUp 0.7s ease 0.5s both; flex-wrap:wrap; gap:28px; }
.stat { padding-right:48px; margin-right:48px; border-right:1px solid var(--border); }
.stat:last-child { border-right:none; padding-right:0; margin-right:0; }
.stat-n { font-family:'Inter',sans-serif; font-weight:800; font-size:2.6rem; letter-spacing:-0.04em; line-height:1; }
.stat-n span { color:var(--accent); }
.stat-l { font-family:'Fira Code',monospace; font-size:0.65rem; color:var(--text-muted); letter-spacing:0.08em; text-transform:uppercase; margin-top:6px; }
/* HERO ILLUSTRATION */
.hero-illust { position:absolute; right:64px; top:50%; transform:translateY(-50%); width:380px; height:380px; z-index:2; pointer-events:none; animation:fadeUp 0.9s ease 0.3s both; }
.hero-illust svg { width:100%; height:100%; }
.hero-illust .node-pulse { animation:nodepulse 2.4s ease-in-out infinite; }
.hero-illust .link-line { animation:linkdash 3.2s linear infinite; }
.hero-chip { position:absolute; display:flex; align-items:center; gap:8px; background:var(--surface); border:1px solid var(--border); border-radius:100px; padding:8px 16px; box-shadow:0 8px 24px rgba(240,185,11,0.1); font-family:'Fira Code',monospace; font-size:0.68rem; color:var(--text); white-space:nowrap; }
.hero-chip .dot { width:6px; height:6px; border-radius:50%; background:var(--green); box-shadow:0 0 8px rgba(34,197,94,0.7); flex-shrink:0; }
.hero-chip-1 { top:18px; left:-24px; animation:fadeUp 0.7s ease 0.6s both; }
.hero-chip-2 { bottom:36px; right:-8px; animation:fadeUp 0.7s ease 0.7s both; }
@media(max-width:1300px){ .hero-illust{display:none;} }
/* SERVICES GRID */
.services-row { display:grid; grid-template-columns:repeat(3,1fr); gap:2px; background:var(--border); border-radius:16px; overflow:hidden; border:1px solid var(--border); }
.srv-card { background:var(--surface); padding:38px 32px; transition:background 0.25s; position:relative; overflow:hidden; }
.srv-card::before { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg,var(--accent),transparent); transform:scaleX(0); transform-origin:left; transition:transform 0.35s; }
.srv-card:hover { background:var(--surface2); }
.srv-card:hover::before { transform:scaleX(1); }
.srv-icon { width:48px; height:48px; border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:1.35rem; margin-bottom:20px; }
.srv-card p { font-size:0.88rem; color:var(--text-muted); line-height:1.65; }
.srv-tag { display:inline-block; margin-top:18px; font-family:'Fira Code',monospace; font-size:0.63rem; letter-spacing:0.1em; text-transform:uppercase; padding:4px 10px; border-radius:4px; }
/* WHY */
.why-split { display:flex; gap:80px; align-items:center; }
.why-left { flex:1.1; }
.why-right { flex:0.9; }
.feat-list { display:flex; flex-direction:column; gap:20px; margin-top:40px; }
.feat { display:flex; gap:18px; align-items:flex-start; padding:24px; background:var(--surface); border:1px solid var(--border); border-radius:10px; transition:all 0.25s; }
.feat:hover { border-color:rgba(240,185,11,0.25); transform:translateX(4px); }
.feat-num { font-family:'Fira Code',monospace; font-size:0.62rem; color:var(--accent); min-width:26px; padding-top:3px; }
.feat h4 { font-family:'Inter',sans-serif; font-weight:700; font-size:0.98rem; margin-bottom:5px; }
.feat p { font-size:0.86rem; color:var(--text-muted); line-height:1.6; }
/* TERMINAL */
.terminal { background:var(--surface); border:1px solid var(--border); border-radius:14px; overflow:hidden; box-shadow:0 0 60px rgba(240,185,11,0.08); }
.term-bar { padding:13px 18px; background:var(--surface2); border-bottom:1px solid var(--border); display:flex; align-items:center; gap:7px; }
.td { width:10px; height:10px; border-radius:50%; }
.td.r{background:#ff5f57}
.td.y{background:#febc2e}
.td.g{background:#28c840}
.term-title { font-family:'Fira Code',monospace; font-size:0.68rem; color:var(--text-dim); margin-left:8px; }
.term-body { padding:24px; font-family:'Fira Code',monospace; font-size:0.79rem; line-height:2.1; }
.tc{color:var(--text-muted)}
.tg{color:var(--green-text)}
.tb{color:var(--accent)}
.tw{color:var(--accent2)}
.tv{color:var(--accent3)}
.tx{color:var(--text)}
.tcursor { display:inline-block; width:7px; height:13px; background:var(--accent); vertical-align:middle; animation:cblink 1s step-end infinite; }
@keyframes cblink{0%,100%{opacity:1}50%{opacity:0}}
/* TESTIMONIALS */
.testi-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:56px; }
.testi-card { background:var(--surface); border:1px solid var(--border); border-radius:12px; padding:30px; transition:border-color 0.25s; }
.testi-card:hover { border-color:rgba(240,185,11,0.2); }
.tq { font-size:1.8rem; color:var(--accent); opacity:0.35; font-family:'Inter',sans-serif; line-height:1; margin-bottom:12px; }
.testi-card p { font-size:0.89rem; color:var(--text-muted); line-height:1.7; margin-bottom:20px; font-style:italic; }
.tauthor { display:flex; align-items:center; gap:12px; }
.tavatar { width:38px; height:38px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-family:'Inter',sans-serif; font-weight:800; font-size:0.8rem; color:#ffffff; flex-shrink:0; }
.tname { font-family:'Inter',sans-serif; font-weight:700; font-size:0.88rem; }
.trole { font-family:'Fira Code',monospace; font-size:0.64rem; color:var(--text-muted); }
@media(max-width:900px){
  .hero{padding:64px 20px;}
  .services-row{grid-template-columns:1fr;}
  .why-split{flex-direction:column; gap:40px;}
  .testi-grid{grid-template-columns:1fr;}
  .stat{border-right:none;padding-right:0;margin-right:0;}
}
.srv-accordion { display:flex; flex-direction:column; gap:12px; margin-top:56px; }
.srv-acc-item { background:var(--surface); border:1px solid var(--border); border-radius:14px; overflow:hidden; transition:border-color 0.25s; scroll-margin-top:calc(var(--nav-h) + 24px); }
.srv-acc-item:hover { border-color:rgba(240,185,11,0.25); }
.srv-acc-item.open { border-color:rgba(240,185,11,0.35); }
.srv-acc-head { width:100%; display:flex; align-items:center; gap:20px; padding:22px 28px; background:none; border:none; cursor:pointer; text-align:left; font:inherit; color:var(--text); }
.srv-acc-icon { font-size:2rem; width:48px; height:48px; border-radius:12px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.srv-acc-head h3 { font-family:'Inter',sans-serif; font-weight:700; font-size:1.08rem; flex:1; }
.srv-acc-chev { color:var(--text-muted); flex-shrink:0; transition:transform 0.3s; }
.srv-acc-item.open .srv-acc-chev { transform:rotate(180deg); color:var(--accent); }
.srv-acc-body { max-height:0; overflow:hidden; transition:max-height 0.35s ease; }
.srv-acc-inner { padding:0 28px 28px; padding-left:88px; }
.desc { font-size:0.9rem; color:var(--text-muted); line-height:1.7; margin-bottom:20px; }
.srv-features { list-style:none; display:flex; flex-direction:column; gap:8px; }
.srv-features li { font-size:0.84rem; color:var(--text-muted); display:flex; align-items:flex-start; gap:10px; }
.srv-features li::before { content:'▸'; color:var(--accent); font-size:0.7rem; flex-shrink:0; margin-top:2px; }
@media(max-width:700px){ .srv-acc-inner{padding-left:28px;} }
.process-timeline { margin-top:56px; display:flex; flex-direction:column; gap:0; position:relative; }
.process-timeline::before { content:''; position:absolute; left:31px; top:32px; bottom:32px; width:1px; background:linear-gradient(180deg,var(--accent),var(--border),transparent); }
.proc-step { display:flex; gap:32px; align-items:flex-start; padding:28px 32px; position:relative; }
.proc-num { width:64px; height:64px; border-radius:50%; flex-shrink:0; background:var(--bg); border:1px solid var(--border); display:flex; align-items:center; justify-content:center; font-family:'Fira Code',monospace; font-size:0.75rem; color:var(--accent); position:relative; z-index:1; transition:all 0.3s; }
.proc-step:hover .proc-num { border-color:var(--accent); background:rgba(240,185,11,0.08); box-shadow:0 0 20px rgba(240,185,11,0.2); }
.proc-content { padding-top:12px; }
.proc-content h4 { font-family:'Inter',sans-serif; font-weight:700; font-size:1.05rem; margin-bottom:8px; }
.proc-content p { font-size:0.88rem; color:var(--text-muted); line-height:1.65; max-width:560px; }
@media(max-width:800px){
  .page-hero{padding:64px 20px 48px;}
  .proc-step{padding:20px 16px;}
}
.nav-dropdown-panel a:hover, .nav-dropdown-panel a.active { color:var(--accent); background:rgba(240,185,11,0.08); }
.h1-page { font-family:'Inter',sans-serif; font-weight:800; line-height:1.0; letter-spacing:-0.03em; font-size:clamp(2.2rem,4.5vw,3.6rem); margin-bottom:24px; }
.sub-page { font-size:1.05rem; color:var(--text-muted); line-height:1.75; max-width:640px; margin-bottom:40px; }
.srv-page-icon { width:64px; height:64px; border-radius:16px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.srv-page-head { display:flex; align-items:center; gap:22px; margin-bottom:24px; flex-wrap:wrap; }
.page-features { list-style:none; display:flex; flex-direction:column; gap:16px; margin-top:8px; }
.page-features li { font-size:0.98rem; color:var(--text-muted); line-height:1.6; display:flex; align-items:flex-start; gap:14px; padding:18px 22px; background:var(--surface); border:1px solid var(--border); border-radius:12px; transition:border-color 0.25s; }
.page-features li:hover { border-color:rgba(240,185,11,0.25); }
.page-features li::before { content:'▸'; color:var(--accent); font-size:0.85rem; flex-shrink:0; margin-top:2px; }
.back-link { display:inline-flex; align-items:center; gap:8px; font-family:'Fira Code',monospace; font-size:0.75rem; color:var(--text-muted); text-decoration:none; margin-bottom:24px; transition:color 0.2s; }
.back-link:hover { color:var(--accent); }

/* Utility classes (CSP hardening — replace inline style attributes) */
.ico-inline { vertical-align:-2px; margin-right:5px; }
.c-text { color:var(--text); }
.c-accent { color:var(--accent); }
.c-accent2 { color:var(--accent2); }
.c-accent3 { color:var(--accent3); }
.c-green { color:var(--green); }
.mb-0 { margin-bottom:0; }
.w-narrow { max-width:760px; }
.btn-sm-outline { margin-top:20px; padding:11px 22px; font-size:0.85rem; }
.icon-accent { background:rgba(240,185,11,0.1); color:var(--accent); }
.icon-accent2 { background:rgba(201,148,0,0.1); color:var(--accent2); }
.icon-accent3 { background:rgba(255,210,87,0.1); color:var(--accent3); }
.icon-green { background:rgba(34,197,94,0.1); color:var(--green); }
.tag-accent { color:var(--accent); background:rgba(240,185,11,0.08); }
.tag-accent2 { color:var(--accent2); background:rgba(201,148,0,0.08); }
.tag-accent3 { color:var(--accent3); background:rgba(255,210,87,0.08); }
.tag-green { color:var(--green-text); background:rgba(34,197,94,0.08); }
.dot-inline { display:inline-block; width:8px; height:8px; border-radius:50%; margin-right:8px; vertical-align:1px; }
.dot-red { background:#ef4444; }
.dot-amber2 { background:#c99400; }
.dot-amber { background:#eab308; }
.dot-green { background:#22c55e; }
.sub-mb20 { font-size:1rem; color:var(--text-muted); line-height:1.75; margin-bottom:20px; }
.sub-mb32 { font-size:1rem; color:var(--text-muted); line-height:1.75; margin-bottom:32px; }
.center-mt36 { margin-top:36px; text-align:center; }
.chip-pos-1 { top:56px; left:-10px; }
.chip-pos-2 { top:12px; left:-10px; }
.chip-pos-3 { bottom:36px; right:-16px; }
.chip-pos-4 { top:6px; right:-10px; }