*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg:#060810;--bg-card:#0c1018;--bg-card-h:#111827;--surface:#141c2b;--surface-2:#1a2435;--border:#1e293b;--border-h:#334155;--text:#f1f5f9;--text-2:#94a3b8;--text-3:#64748b;--green:#10b981;--green-glow:#10b98133;--green-deep:#065f46;--cyan:#06b6d4;--amber:#f59e0b;--amber-glow:#f59e0b33;--red:#ef4444;--font-d:"Instrument Serif",Georgia,serif;--font-b:"DM Sans",system-ui,sans-serif;--font-m:"JetBrains Mono",monospace}html{scroll-behavior:smooth}body{font-family:var(--font-b);color:var(--text);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 2rem;background:#06080cd9;backdrop-filter:blur(20px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.logo{font-family:var(--font-m);font-weight:600;font-size:1.2rem;display:flex;align-items:center;gap:.5rem}.logo .mark{width:28px;height:28px;background:var(--green);border-radius:6px;display:grid;place-items:center;font-size:.7rem;color:var(--bg);font-weight:700}.nav-links{display:flex;gap:1.75rem;align-items:center}.nav-links a{font-size:.875rem;color:var(--text-2);font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--text)}.nav-links a.active{color:var(--green)}.nav-links a.active-amber{color:var(--amber)}a.nav-cta{padding:.5rem 1.25rem;background:var(--green);color:var(--bg);font-weight:600;font-size:.875rem;border-radius:8px;border:none;cursor:pointer;transition:all .2s;font-family:var(--font-b)}a.nav-cta:hover{box-shadow:0 0 20px var(--green-glow);transform:translateY(-1px);color:var(--bg)}a.nav-cta.amber{background:var(--amber)}a.nav-cta.amber:hover{box-shadow:0 0 20px var(--amber-glow)}.hamburger{display:none;background:none;border:none;cursor:pointer;padding:.5rem;z-index:101}.hamburger span{display:block;width:22px;height:2px;background:var(--text);margin:5px 0;border-radius:2px;transition:all .3s}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.inner{max-width:1140px;margin:0 auto;padding-left:2rem;padding-right:2rem}.breadcrumb-area{padding-top:5rem;padding-bottom:.5rem}.main-content{padding-top:1.5rem;padding-bottom:4rem}body:not(:has(.breadcrumb-area)) .main-content{padding-top:6rem}footer{padding:3rem 2rem 1.5rem;border-top:1px solid var(--border);margin-top:3rem}.footer-inner{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2.5rem}.footer-brand{font-size:.85rem;color:var(--text-3);line-height:1.7;max-width:280px}.footer-col h4{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);margin-bottom:.75rem;font-weight:600}.footer-col a{display:block;font-size:.85rem;color:var(--text-2);padding:.25rem 0;transition:color .2s}.footer-col a:hover{color:var(--text)}.footer-bottom{max-width:1140px;margin:2rem auto 0;padding-top:1.5rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;font-size:.78rem;color:var(--text-3)}.label{font-family:var(--font-m);font-size:.72rem;font-weight:600;color:var(--green);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem}@media (max-width:1024px){.footer-inner{grid-template-columns:1fr 1fr;gap:2rem}}@media (max-width:768px){nav{padding:.75rem 1rem}.hamburger{display:block}.nav-links{display:none;flex-direction:column;position:fixed;inset:0;background:#06080cf7;backdrop-filter:blur(20px);padding:5rem 2rem 2rem;gap:0;z-index:100;align-items:stretch;justify-content:flex-start}.nav-links.open{display:flex}.nav-links a{font-size:1.15rem;padding:.85rem 0;border-bottom:1px solid var(--border);color:var(--text-2)}.nav-links a:last-child{border-bottom:none}.nav-links .nav-cta{margin-top:1.5rem;text-align:center;justify-content:center;padding:.85rem 1.5rem;border-bottom:none}.inner{padding-left:1.25rem;padding-right:1.25rem}.breadcrumb-area{padding-top:4.5rem}body:not(:has(.breadcrumb-area)) .main-content{padding-top:5rem}.footer-inner{grid-template-columns:1fr;gap:1.5rem}}@media (max-width:400px){.inner{padding-left:1rem;padding-right:1rem}}
