/* ── SiliconSetu · Shared CSS ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --font:'Outfit',sans-serif;--mono:'JetBrains Mono',monospace;
  /* brand */
  --c1:#0EA5E9;--c2:#6D28D9;--c3:#10B981;--c4:#F59E0B;--c5:#EF4444;--c6:#EC4899;--c7:#06B6D4;--c8:#6B21A8;
  /* phase colours */
  --fe:#2563EB;--fe-bg:rgba(37,99,235,.1);--fe-b:rgba(37,99,235,.25);
  --be:#D97706;--be-bg:rgba(217,119,6,.1);--be-b:rgba(217,119,6,.25);
  --so:#DC2626;--so-bg:rgba(220,38,38,.1);--so-b:rgba(220,38,38,.25);
  --au:#059669;--au-bg:rgba(5,150,105,.1);--au-b:rgba(5,150,105,.25);
  --es:#7C3AED;--es-bg:rgba(124,58,237,.1);--es-b:rgba(124,58,237,.25);
  /* surfaces */
  --bg:#060C1A;--bg2:#0A1225;--bg3:#080F1E;--card:#0D1830;--card2:#0B1428;
  --border:rgba(255,255,255,.07);--border2:rgba(255,255,255,.12);
  --text:#F1F5F9;--text2:#94A3B8;--text3:#475569;
}
[data-theme=light]{
  --bg:#F0F4F8;--bg2:#FFFFFF;--bg3:#E8EEF4;--card:#FFFFFF;--card2:#F8FAFC;
  --border:rgba(0,0,0,.06);--border2:rgba(0,0,0,.12);
  --text:#0A0F1E;--text2:#4B5563;--text3:#9CA3AF;
  --c1:#0284C7;--c2:#6D28D9;--c3:#059669;--c4:#D97706;--c5:#DC2626;--c6:#DB2777;--c7:#0891B2;--c8:#6B21A8;
  --fe:#1D4ED8;--fe-bg:rgba(29,78,216,.08);
  --be:#B45309;--be-bg:rgba(180,83,9,.08);
  --so:#B91C1C;--so-bg:rgba(185,28,28,.08);
  --au:#047857;--au-bg:rgba(4,120,87,.08);
  --es:#6D28D9;--es-bg:rgba(109,40,217,.08);
}
html{scroll-behavior:smooth}
body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;transition:background .3s,color .3s;overflow-x:hidden}

/* NAV */
nav{background:var(--bg2);border-bottom:.5px solid var(--border2);padding:0 3rem;display:flex;align-items:center;justify-content:space-between;height:60px;position:sticky;top:0;z-index:200;transition:background .3s}
.logo{display:flex;align-items:center;gap:11px;text-decoration:none;flex-shrink:0}
.logo-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#0EA5E9,#7C3AED);display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:800;letter-spacing:-.5px;transition:transform .2s;flex-shrink:0}
.logo:hover .logo-mark{transform:rotate(-7deg) scale(1.07)}
.logo img{transition:transform .2s;flex-shrink:0}
.logo:hover img{transform:scale(1.05)}
.logo-text{font-size:16px;font-weight:800;color:var(--text);letter-spacing:-.4px;white-space:nowrap}
.nav-links{display:flex;align-items:center;gap:1.75rem}
.nav-links a{font-size:13.5px;color:var(--text2);text-decoration:none;font-weight:500;transition:color .15s;white-space:nowrap}
.nav-links a:hover,.nav-links a.active{color:var(--c1)}
.nav-r{display:flex;align-items:center;gap:10px;flex-shrink:0}
.icon-btn{width:36px;height:36px;border-radius:9px;border:.5px solid var(--border2);background:transparent;color:var(--text2);cursor:pointer;font-size:17px;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}
.icon-btn:hover{border-color:var(--c1);color:var(--c1)}
.nav-cta{background:var(--c1);color:#fff;border:none;padding:9px 20px;border-radius:9px;font-size:13.5px;font-weight:600;font-family:var(--font);cursor:pointer;transition:opacity .15s,transform .15s;white-space:nowrap;min-height:40px;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.nav-cta:hover{opacity:.88;transform:translateY(-1px)}
.burger{display:none;width:40px;height:40px;border-radius:9px;border:.5px solid var(--border2);background:transparent;color:var(--text);cursor:pointer;font-size:20px;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}
.burger:hover{border-color:var(--c1);color:var(--c1)}
.mobile-nav{display:none;flex-direction:column;background:var(--bg2);border-bottom:.5px solid var(--border2);overflow:hidden;max-height:0;transition:max-height .3s ease}
.mobile-nav.open{max-height:600px}
.mobile-nav a{display:block;font-size:15px;color:var(--text2);text-decoration:none;font-weight:500;padding:.9rem 1.5rem;border-bottom:.5px solid var(--border);transition:color .15s,background .15s}
.mobile-nav a:hover{color:var(--c1);background:var(--bg3)}
.mobile-nav .m-cta{display:block;margin:1rem 1.5rem 1.25rem;background:var(--c1);color:#fff;border:none;padding:13px;border-radius:10px;font-size:15px;font-weight:700;font-family:var(--font);cursor:pointer;text-align:center;text-decoration:none}

/* BUTTONS */
.btn-p{background:var(--c1);color:#fff;border:none;padding:14px 28px;border-radius:10px;font-size:15px;font-weight:700;font-family:var(--font);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:opacity .15s,transform .2s;min-height:48px;text-decoration:none}
.btn-p:hover{opacity:.9;transform:translateY(-2px)}
.btn-o{background:transparent;color:var(--text);border:.5px solid var(--border2);padding:14px 28px;border-radius:10px;font-size:15px;font-weight:500;font-family:var(--font);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s;min-height:48px;text-decoration:none}
.btn-o:hover{border-color:var(--c1);color:var(--c1);transform:translateY(-2px)}
.btn-sm{padding:9px 18px;font-size:13px;min-height:38px}

/* SECTION */
.sec{padding:5rem 3rem}
.wrap{max-width:1080px;margin:0 auto}
.sec-label{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin-bottom:.6rem}
.sec-h{font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;letter-spacing:-.7px;line-height:1.15;margin-bottom:.5rem}
.sec-sub{font-size:15px;color:var(--text2);max-width:560px;line-height:1.75;margin-bottom:2.5rem}
.alt{background:var(--bg);border-top:.5px solid var(--border2);border-bottom:.5px solid var(--border2)}
.light{background:var(--bg2);border-top:.5px solid var(--border2);border-bottom:.5px solid var(--border2)}

/* FOOTER */
footer{background:var(--bg2);border-top:.5px solid var(--border2);padding:3rem}
.foot-inner{max-width:1080px;margin:0 auto}
.foot-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:2.5rem;padding-bottom:2.5rem;border-bottom:.5px solid var(--border2);margin-bottom:1.5rem}
.foot-mark{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#0EA5E9,#7C3AED);display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:800;margin-bottom:10px}
.foot-name{font-size:16px;font-weight:800;letter-spacing:-.3px;margin-bottom:7px}
.foot-desc{font-size:13px;color:var(--text3);line-height:1.65;max-width:220px}
.foot-col h4{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text3);margin-bottom:14px}
.foot-col a{display:block;font-size:13px;color:var(--text2);text-decoration:none;margin-bottom:9px;transition:color .15s}
.foot-col a:hover{color:var(--c1)}
.foot-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.foot-bottom p,.foot-bottom a{font-size:12.5px;color:var(--text3);text-decoration:none;transition:color .15s}
.foot-bottom a:hover{color:var(--c1)}

/* CHIP */
.chip{font-size:11px;font-weight:500;background:var(--bg3);border:.5px solid var(--border);padding:3px 9px;border-radius:20px;color:var(--text3)}

/* ANIMATIONS */
@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  nav{padding:0 2rem}.sec{padding:4rem 2rem}
  footer{padding:2.5rem 2rem}.foot-top{grid-template-columns:1fr 1fr 1fr;gap:2rem}
}
@media(max-width:768px){
  nav{padding:0 1.25rem}.nav-links,.nav-cta{display:none}.burger{display:flex}.mobile-nav{display:flex}
  .sec{padding:3.5rem 1.25rem}
  .btn-p,.btn-o{padding:12px 20px;font-size:14px}
  footer{padding:2rem 1.25rem}.foot-top{grid-template-columns:1fr 1fr;gap:1.5rem}
}
@media(max-width:480px){
  .sec{padding:3rem 1rem}
  footer{padding:1.75rem 1rem}.foot-top{grid-template-columns:1fr;gap:1.5rem}
  .foot-bottom{flex-direction:column;align-items:flex-start}
}
@media(max-width:360px){.logo-text{display:none}}