*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#0A0A0B;color:#9CA3AF;font-family:'Inter',sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#0A0A0B}::-webkit-scrollbar-thumb{background:#1E2129}
@keyframes blink{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.fade-up{animation:fadeUp 0.3s ease forwards}
.sec{padding:80px 32px;max-width:900px;margin:0 auto}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.two-col>*,.three-col>*{min-width:0}
.nav-links{margin-right:184px} /* reserve the slot #df-nav-auth-overlay floats in (fixed, right:32px); signed-out state (Dashboard link + Sign in button) measures 167px wide, so 112px was not enough and the overlay covered the nav CTA */
@media(max-width:768px){
  .nav-links{display:none!important}
  .two-col{grid-template-columns:1fr;gap:32px}
  .three-col{grid-template-columns:1fr;gap:16px}
  .sec{padding:60px 20px}
  .hero-wrap{padding:32px 20px 48px!important}
  .hero-title{font-size:clamp(24px,6.4vw,56px)!important}
}
[data-v="grid"] .hero-wrap{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M 40 0 L 0 0 0 40' fill='none' stroke='%231E2129' stroke-width='0.5'/%3E%3C/svg%3E")}
[data-v="grid"] .alt-bg{background:#111318}
[data-v="signal"] .amber-note{display:none}
[data-v="grid"] .amber-note{display:block;border-left:2px solid #F59E0B;padding:12px 16px;background:rgba(245,158,11,0.06);margin:20px 0}

/* U-03 mobile nav (hamburger + overlay menu; auth chip shifts left to make room) */
#df-burger{display:none;position:fixed;top:14px;right:24px;z-index:1002;background:none;border:1px solid #1E2129;color:#E5E5E5;font-size:17px;line-height:1;padding:6px 10px;border-radius:4px;cursor:pointer;font-family:'JetBrains Mono',monospace}
#df-mobile-menu{display:none;position:fixed;inset:0;z-index:1003;background:rgba(10,10,11,0.98);padding:84px 32px;flex-direction:column;gap:26px}
#df-mobile-menu a{font-family:'JetBrains Mono',monospace;font-size:18px;color:#E5E5E5;text-decoration:none}
#df-mobile-menu a:hover{color:#22C55E}
#df-mobile-menu .df-close{position:absolute;top:14px;right:24px;background:none;border:none;color:#E5E5E5;font-size:22px;cursor:pointer;font-family:inherit}
@media(max-width:768px){#df-burger{display:block}#df-nav-auth-overlay{right:86px!important}}

/* U-18: keyboard focus + horizontal-scroll affordance */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #22C55E;outline-offset:2px}
::-webkit-scrollbar:horizontal{height:6px}
::-webkit-scrollbar-thumb:horizontal{background:#374151;border-radius:3px}

/* generated pass 2: former in-script style attributes */
.df-hidden{display:none}
.df-s02617c92{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.df-s110a80a9{font-size:13px;color:#9CA3AF}
.df-s14eb3ebe{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.df-s1c8b6bc4{display:none;color:#22C55E;font-size:13px;margin-top:8px}
.df-s288f942e{background:none;border:none;font-size:28px;cursor:pointer;color:#1E2129;padding:0}
.df-s295fd18d{background:#22C55E;border:none;color:#0A0A0B;padding:8px 16px;border-radius:4px;cursor:pointer;font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600}
.df-s2bb70ad3{background:none;border:1px solid #1E2129;color:#9CA3AF;padding:5px 12px;border-radius:4px;cursor:pointer;font-size:12px;font-family:JetBrains Mono,monospace}
.df-s334f78a1{font-family:JetBrains Mono,monospace;font-size:12px;color:#22C55E;text-decoration:none}
.df-s35277de2{border-top:1px solid rgba(128,128,128,0.25);margin-top:44px;padding-top:24px}
.df-s3d0b220c{font-family:'JetBrains Mono',monospace;font-size:12px;color:#6B7280;text-decoration:none}
.df-s3e43a507{margin:14px 0 4px}
.df-s3f3fcf8e{font-family:JetBrains Mono,monospace;font-size:10px;color:#22C55E;letter-spacing:.14em;margin-bottom:6px}
.df-s40c6af75{font-family:'JetBrains Mono',monospace;font-size:11px;color:#6B7280}
.df-s4798f7c2{background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.2);border-radius:4px;padding:10px 14px;margin:12px 0;font-family:JetBrains Mono,monospace;font-size:12px;color:#22C55E}
.df-s4ac78869{font-size:13px;opacity:0.6}
.df-s4e2a9c12{color:#6B7280}
.df-s56d3ff70{display:flex;gap:8px;margin:4px 0 8px}
.df-s56f43562{margin-top:12px}
.df-s5ed88083{color:#F9FAFB}
.df-s624b94c8{color:#9CA3AF;font-size:14px}
.df-s6724dc57{background:#0D1117;border:1px solid #1E2129;border-radius:4px;padding:10px;color:#F3F4F6;font-size:14px;resize:vertical;font-family:Inter,sans-serif}
.df-s67e0d668{background:none;border:1px solid #1E2129;color:#9CA3AF;padding:8px 16px;border-radius:4px;cursor:pointer;font-family:'JetBrains Mono',monospace;font-size:13px}
.df-s68565578{display:flex;gap:12px;justify-content:flex-end}
.df-s7b1dd1f4{flex:1;min-width:200px}
.df-s7c227fbd{font-family:'JetBrains Mono',monospace;font-size:22px;color:#F3F4F6;font-weight:700}
.df-s81e2777d{color:#F59E0B;font-size:12px;margin-top:6px;display:block}
.df-s984af1c5{height:5px;background:#1E2129;border-radius:3px;overflow:hidden}
.df-s990e9724{font-family:'JetBrains Mono',monospace;font-size:11px;color:#6B7280;text-decoration:line-through}
.df-s99661eed{font-family:'JetBrains Mono',monospace;font-size:11px;color:#22C55E}
.df-s99b8a8e5{font-size:11px;color:#6B7280;text-align:right}
.df-sb6ad7ca4{font-size:13px;line-height:1.6;margin:0 0 20px}
.df-sbac0f00d{margin:8px 0 4px}
.df-sbb77a74c{background:none;border:1px solid #22C55E;color:#22C55E;padding:9px 18px;border-radius:4px;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:12px;white-space:nowrap}
.df-sc2ff1415{display:none;text-align:center;padding:20px}
.df-sc95acb32{font-family:JetBrains Mono,monospace;font-size:16px;color:#F3F4F6;margin-bottom:8px}
.df-sce27c5e3{font-family:'JetBrains Mono',monospace;font-size:16px;color:#F9FAFB;margin:0 0 14px}
.df-sd07256a2{color:#6B7280;font-size:11px}
.df-sd89746c9{font-size:14px;line-height:1.7;margin:0 0 10px}
.df-sda017120{color:#22C55E;font-family:JetBrains Mono,monospace}
.df-sda12f285{margin-bottom:12px}
.df-sda61af79{font-size:40px;margin-bottom:12px}
.df-se4253d6f{color:#9CA3AF;font-size:14px;max-width:380px}
.df-se8b123e5{font-family:JetBrains Mono,monospace;font-size:14px;color:#F3F4F6;margin-bottom:4px}
.df-seb62184e{flex:1;min-width:160px}
.df-sfa227211{color:#22C55E}

.df-mnav-accent{color:#22C55E}