:root{--bg:#151820;--deep:#10131a;--panel:#1d222d;--line:#303849;--text:#f5f7fb;--muted:#aab4c5;--blue:#627fff;--cyan:#4ad9df;--green:#59d58c}
body{background:radial-gradient(900px 420px at 80% -10%,rgba(98,127,255,.12),transparent 60%),var(--bg);overflow-x:hidden}
.topbar{background:rgba(21,24,32,.88);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.brand-mark{transition:transform .34s cubic-bezier(.22,.72,.22,1),box-shadow .34s ease}.brand:hover .brand-mark{transform:rotate(90deg) scale(1.08);box-shadow:0 0 22px rgba(74,217,223,.35)}
nav a,.back-link,.button,.card{transition:transform .28s cubic-bezier(.22,.72,.22,1),border-color .28s ease,background .28s ease,box-shadow .28s ease}nav a:hover,.back-link:hover{transform:translateY(-1px) scale(1.04);color:#fff}.button:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(98,127,255,.2)}
.hero{animation:commerce-reveal .55s both}.card{animation:commerce-reveal .6s both;box-shadow:0 18px 50px rgba(0,0,0,.12)}.connection-card{animation-delay:.07s}.grid-two .card:nth-child(2){animation-delay:.13s}.grid-two .card:nth-child(3){animation-delay:.19s}
.site-footer{border-top:1px solid var(--line);margin-top:72px;padding:32px 0 46px;background:rgba(10,13,18,.2)}.footer-inner{width:min(1180px,calc(100% - 36px));margin:auto;display:flex;align-items:center;gap:28px}.footer-inner .brand{margin-right:auto}.footer-links{display:flex;gap:18px;align-items:center}.footer-links a{color:var(--muted);font-size:13px}.footer-inner>small{color:var(--muted)}
@keyframes commerce-reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:700px){.footer-inner{flex-wrap:wrap}.footer-links{order:3;width:100%;flex-wrap:wrap}.footer-inner>small{margin-left:auto}.hero{padding-top:34px}}