*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Hanken Grotesk',system-ui,sans-serif;background:#0a0e29;color:#f0f1ff;min-height:100vh;position:relative;overflow-x:hidden;-webkit-font-smoothing:antialiased}
::selection{background:#7c5cff;color:#fff}
a{text-decoration:none;color:inherit}
input,textarea,select{font-family:inherit}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes pulseGlow{0%,100%{opacity:.5}50%{opacity:1}}
@keyframes drift{0%{transform:translate(0,0)}50%{transform:translate(20px,-18px)}100%{transform:translate(0,0)}}
select option{background:#0a0e29;color:#fff}
.case-sel{background:rgba(255,255,255,0.035);border:1px solid rgba(255,255,255,0.08)}
.case-sel.case-active{background:rgba(124,92,255,0.1);border-color:rgba(124,92,255,0.5)}
.case-panel{display:none}
.case-panel.case-active{display:block}
.faq-item .faq-a{display:none}
.faq-item.faq-open .faq-a{display:block}
@media (max-width:900px){
  nav.site-nav{flex-wrap:wrap;gap:12px;padding:14px 20px!important}
  nav.site-nav .nav-links{flex-wrap:wrap;justify-content:flex-end}
  section{padding-left:20px!important;padding-right:20px!important}
  .grid-4,.grid-3,.grid-2,.grid-cases,.grid-blogfeat,.grid-split,.grid-contact{grid-template-columns:1fr!important}
  .matrix-row,.matrix-head{grid-template-columns:1.4fr 1fr 1fr 1fr!important;font-size:12px!important}
}
@media (max-width:560px){ nav.site-nav .nav-links a{padding:7px 9px!important;font-size:13.5px!important} }
.article-body{color:#c8cdec;font-size:16.5px;line-height:1.75}
.article-body h2{font-family:'Space Grotesk',sans-serif;color:#fff;font-weight:700;font-size:26px;letter-spacing:-0.01em;margin:40px 0 14px}
.article-body h3{font-family:'Space Grotesk',sans-serif;color:#fff;font-weight:600;font-size:19px;margin:28px 0 10px}
.article-body p{margin:0 0 18px}
.article-body ul{margin:0 0 20px;padding-left:22px}
.article-body li{margin:0 0 10px}
.article-body li::marker{color:#7c5cff}
.article-body strong{color:#e7e9ff;font-weight:600}
.article-body a{color:#c4b5ff;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(196,181,255,0.4)}
.article-body a:hover{color:#fff}
.article-body code{font-family:'Space Mono',monospace;font-size:14px;background:rgba(124,92,255,0.14);border:1px solid rgba(124,92,255,0.25);padding:1px 6px;border-radius:6px;color:#dcd6ff}
.article-body blockquote{margin:28px 0;padding:20px 24px;border-left:3px solid #7c5cff;background:rgba(124,92,255,0.07);border-radius:0 12px 12px 0;color:#eef0ff;font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:19px;line-height:1.5}
.article-body em{color:#c4b5ff;font-style:italic}