:root{--cyan:#00d4ff;--blue:#0057ff;--cyan-soft:#7be3ff;--cyan-dim:#00d4ff18;--gradient:linear-gradient(90deg, var(--cyan), var(--blue));--bg:#080b14;--surface:#0d1120;--surface2:#131829;--border:#1e2540;--text:#e4eaff;--muted:#4a5470;--muted2:#6b7599;--green:#22c55e;--amber:#f5a623;--red:#ef4444;--font-sans:"DM Sans", sans-serif;--font-head:"Syne", sans-serif;--font-mono:"DM Mono", monospace;--page-x:56px;--section-y:110px;--radius-sm:2px;--radius-md:3px;--bp-mobile:480px;--bp-tablet:768px;--bp-desktop:1024px;--tap-target:2.75rem}@media (width<=1024px){:root{--page-x:32px;--section-y:80px}}@media (width<=768px){:root{--page-x:24px;--section-y:64px}}@media (width<=480px){:root{--page-x:18px;--section-y:48px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit;background:0 0;border:none;outline:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.label{font-family:var(--font-mono);letter-spacing:.25em;text-transform:uppercase;color:var(--cyan);opacity:.7;margin-bottom:14px;font-size:10px}.title{font-family:var(--font-head);letter-spacing:-.02em;color:var(--text);margin-bottom:16px;font-size:40px;font-weight:700}.subtitle{color:var(--muted2);max-width:500px;margin-bottom:64px;font-size:16px;font-weight:300;line-height:1.7}.mono-sm{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;font-size:11px}.accent{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@media (width<=768px){.title{font-size:30px}}.btn-primary{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--bg);background:var(--gradient);border-radius:var(--radius-sm);cursor:pointer;padding:14px 32px;font-size:12px;text-decoration:none;transition:opacity .2s,transform .2s;display:inline-block}.btn-primary:hover{opacity:.85;transform:translateY(-1px)}.btn-ghost{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted2);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;font-size:12px;text-decoration:none;transition:color .2s;display:flex}.btn-ghost:hover{color:var(--text)}.btn-ghost:after{content:"→";transition:transform .2s}.btn-ghost:hover:after{transform:translate(4px)}.btn-outline{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);border:1px solid var(--cyan);border-radius:var(--radius-sm);cursor:pointer;padding:8px 20px;font-size:11px;transition:background .2s,color .2s;display:inline-block}.btn-outline:hover{background:var(--cyan);color:var(--bg)}.section{padding:var(--section-y) var(--page-x);border-top:1px solid var(--border)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:18px 24px}.card-hover{background:var(--surface);padding:40px 36px;transition:background .3s;position:relative;overflow:hidden}.card-hover:hover{background:var(--surface2)}.card-hover:before{content:"";background:var(--gradient);transform-origin:0;height:2px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.card-hover:hover:before{transform:scaleX(1)}.input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;font-family:var(--font-sans);color:var(--text);padding:14px 18px;font-size:14px;transition:border-color .2s}.input::placeholder{color:var(--muted)}.input:focus{border-color:var(--cyan)}@media (width<=480px){.card-hover{padding:28px 24px}}.container{width:100%;padding-inline:var(--page-x);margin-inline:auto}.stack{gap:var(--stack-gap,1.25rem);flex-direction:column;display:flex}.responsive-grid{gap:var(--grid-gap,1.25rem);grid-template-columns:1fr;display:grid}@media (width>=768px){.responsive-grid{grid-template-columns:repeat(auto-fit, minmax(min(var(--col-min,16rem), 100%), 1fr))}}.split-grid{gap:var(--grid-gap,1.25rem);grid-template-columns:1fr;display:grid}@media (width>=768px){.split-grid{grid-template-columns:var(--cols,repeat(2, minmax(0, 1fr)))}}.stack-on-mobile{gap:var(--row-gap,.75rem);flex-direction:column;display:flex}@media (width>=768px){.stack-on-mobile{flex-direction:row;align-items:center}}.tap-target{min-height:var(--tap-target);justify-content:center;align-items:center;display:inline-flex}.scroll-row{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.25rem;display:flex;overflow-x:auto}.scroll-row::-webkit-scrollbar{display:none}.scroll-row>*{flex-shrink:0}.hide-on-mobile{display:none}@media (width>=768px){.hide-on-mobile{display:revert}.show-on-mobile{display:none}}