*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#111;-webkit-font-smoothing:antialiased;background:#fff;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}#root{width:100%}.sg{font-family:Space Grotesk,sans-serif}.container{width:min(1160px,100% - 2.5rem);margin:0 auto}.nav{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080808f7;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;height:58px;padding:0 2rem;transition:background .3s,border-color .3s;display:flex;position:sticky;top:0}.nav.scrolled{background:#fffffff7;border-bottom-color:#e8e8e8}.nav-brand{color:#fff;font-family:Space Grotesk,sans-serif;font-size:.95rem;font-weight:700}.nav.scrolled .nav-brand{color:#111}.nav-cta{color:#111;background:#fff;border-radius:999px;padding:7px 18px;font-size:13px;font-weight:600;transition:opacity .2s}.nav.scrolled .nav-cta{color:#fff;background:#111}.nav-cta:hover{opacity:.82}.hero{background:#090909;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(55% 60% at 15% 60%,#6366f121 0%,#0000 65%),radial-gradient(45% 55% at 85% 20%,#f472b617 0%,#0000 60%);position:absolute;inset:0}.hero-inner{z-index:1;grid-template-columns:1fr 260px;align-items:center;gap:3rem;max-width:1160px;margin:0 auto;padding:6rem 2rem 5.5rem;display:grid;position:relative}.hero-badge{letter-spacing:.09em;text-transform:uppercase;color:#ffffff80;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:7px;margin-bottom:1.75rem;padding:5px 14px;font-size:11px;font-weight:600;display:inline-flex}.hero-badge:before{content:"";background:#22c55e;border-radius:50%;width:6px;height:6px;animation:2s infinite pls;display:block}.hero-copy h1{letter-spacing:-.03em;color:#fff;margin-bottom:1.1rem;font-family:Space Grotesk,sans-serif;font-size:clamp(2.8rem,6vw,5rem);font-weight:700;line-height:1.02}.hero-copy p{color:#ffffff7a;max-width:460px;margin-bottom:1.875rem;font-size:1rem;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:10px;display:flex}.btn-wh{color:#111;background:#fff;border-radius:999px;padding:11px 24px;font-size:13px;font-weight:600;transition:transform .2s,opacity .2s}.btn-wh:hover{opacity:.9;transform:translateY(-2px)}.btn-ol{color:#ffffffb3;background:0 0;border:1px solid #ffffff21;border-radius:999px;padding:11px 24px;font-size:13px;font-weight:600;transition:border-color .2s,background .2s}.btn-ol:hover{background:#ffffff0f;border-color:#ffffff47}.hero-panel{background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;gap:1px;display:flex;overflow:hidden}.hero-stat{border-bottom:1px solid #ffffff0d;padding:1.25rem 1.5rem}.hero-stat:last-child{border-bottom:none}.hero-stat strong{color:#fff;letter-spacing:-.02em;font-family:Space Grotesk,sans-serif;font-size:1.9rem;font-weight:700;display:block}.hero-stat span{color:#ffffff61;margin-top:2px;font-size:11px;display:block}.sdot{white-space:nowrap;align-items:center;gap:5px;font-size:11px;font-weight:600;display:inline-flex}.sdot:before{content:"";border-radius:50%;flex-shrink:0;width:6px;height:6px;display:block}.sdot-live{color:#16a34a}.sdot-live:before{background:#22c55e;animation:2s infinite pls}.sdot-soon{color:#9ca3af}.sdot-soon:before{background:#d1d5db}@keyframes pls{0%,to{box-shadow:0 0 #22c55e59}50%{box-shadow:0 0 0 5px #22c55e00}}.section{padding:5rem 2rem}.sec-label{letter-spacing:.12em;text-transform:uppercase;color:#94a3b8;margin-bottom:.5rem;font-size:11px;font-weight:700}.sec-h2{letter-spacing:-.025em;color:#111;font-family:Space Grotesk,sans-serif;font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:700;line-height:1.1}.sec-sub{color:#6b7280;margin-top:.5rem;font-size:.9rem;line-height:1.6}.featured-grid{grid-template-columns:repeat(2,1fr);gap:1.1rem;display:grid}.fc{background:#f9f9f9;border:1px solid #e8e8e8;border-radius:16px;flex-direction:column;transition:box-shadow .25s,transform .25s;display:flex;overflow:hidden}.fc:hover{transform:translateY(-4px);box-shadow:0 14px 36px #00000017}.fc-img-wrap{overflow:hidden}.fc-img{object-fit:cover;background:#e8e8e8;width:100%;height:180px;transition:transform .5s;display:block}.fc:hover .fc-img{transform:scale(1.04)}.fc-body{flex-direction:column;flex:1;padding:1.1rem;display:flex}.fc-meta{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.fc-cat{letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:700}.fc-body h3{color:#111;margin-bottom:.4rem;font-family:Space Grotesk,sans-serif;font-size:.98rem;font-weight:700;line-height:1.25}.fc-body p{color:#6b7280;flex:1;font-size:.78rem;line-height:1.65}.fc-btn{color:#fff;border-radius:8px;align-self:flex-start;align-items:center;margin-top:.875rem;padding:6px 14px;font-size:12px;font-weight:600;transition:opacity .2s;display:inline-flex}.fc-btn:hover{opacity:.85}.catalog-bg{background:#f8f8f8}.catalog-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.875rem;margin-bottom:1.5rem;display:flex}.ctabs{background:#ebebeb;border-radius:10px;gap:3px;padding:3px;display:flex}.ctab{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:8px;padding:7px 18px;font-size:13px;font-weight:600;transition:background .15s,color .15s}.ctab.on{color:#111;background:#fff;box-shadow:0 1px 4px #0000001a}.sinput{color:#111;background:#fff;border:1px solid #e0e0e0;border-radius:9px;outline:none;min-width:200px;padding:8px 14px;font-size:13px;transition:border-color .2s}.sinput:focus{border-color:#6366f1}.gstack{flex-direction:column;gap:3rem;display:flex}.ghead{border-bottom:1px solid #eee;align-items:flex-start;gap:.8rem;margin-bottom:1.1rem;padding-bottom:.875rem;display:flex}.gbar{border-radius:4px;flex-shrink:0;width:4px;height:40px;margin-top:2px}.ghead h3{color:#111;font-family:Space Grotesk,sans-serif;font-size:1.05rem;font-weight:700;line-height:1.2}.ghead p{color:#6b7280;margin-top:.2rem;font-size:.78rem;line-height:1.55}.mgrid{grid-template-columns:repeat(3,1fr);gap:.8rem;display:grid}.mc{background:#fff;border:1px solid #ebebeb;border-radius:12px;flex-direction:column;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden}.mc:hover{transform:translateY(-3px);box-shadow:0 6px 18px #00000014}.mc-bar{height:3px}.mc-body{flex-direction:column;flex:1;gap:.45rem;padding:.9rem 1rem 1rem;display:flex}.mc-head{justify-content:space-between;align-items:flex-start;gap:.4rem;display:flex}.mc-head h4{color:#111;font-family:Space Grotesk,sans-serif;font-size:.85rem;font-weight:700;line-height:1.25}.mc-body p{color:#6b7280;flex:1;font-size:.75rem;line-height:1.6}.mbl{color:#fff;background:#111;border-radius:7px;align-self:flex-start;margin-top:.4rem;padding:5px 12px;font-size:11px;font-weight:600;transition:opacity .2s;display:inline-block}.mbl:hover{opacity:.78}.mbs{color:#9ca3af;background:#f2f2f2;border-radius:7px;align-self:flex-start;margin-top:.4rem;padding:5px 12px;font-size:11px;font-weight:600;display:inline-block}a.mbs{color:#6b7280;cursor:pointer}a.mbs:hover{color:#111;background:#e8e8e8}.lab-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.1rem;display:grid}.lab-card{background:#0d0d0d;border:1px solid #22d3ee1f;border-radius:18px;transition:border-color .25s,transform .25s,box-shadow .25s;display:block;position:relative;overflow:hidden}.lab-card:hover{border-color:#22d3ee4d;transform:translateY(-4px);box-shadow:0 16px 48px #22d3ee12}.lab-card-inner{z-index:1;padding:1.75rem;position:relative}.lab-glow{pointer-events:none;background:radial-gradient(60% 60% at 10% 0,#22d3ee0f 0%,#0000 70%);position:absolute;inset:0}.lab-tag{letter-spacing:.12em;text-transform:uppercase;color:#22d3ee;align-items:center;gap:5px;margin-bottom:1rem;font-size:10px;font-weight:700;display:inline-flex}.lab-tag:before{content:"";background:#22d3ee;border-radius:50%;width:5px;height:5px;animation:2s infinite pls;display:block}.lab-card h3{color:#fff;letter-spacing:-.02em;margin-bottom:.625rem;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:700}.lab-card p{color:#fff6;margin-bottom:1.25rem;font-size:.82rem;line-height:1.7}.lab-cta{color:#22d3ee;letter-spacing:.04em;align-items:center;gap:4px;font-size:12px;font-weight:700;transition:gap .2s;display:inline-flex}.lab-card:hover .lab-cta{gap:8px}.cta-sec{text-align:center;background:#090909;padding:5.5rem 2rem;position:relative;overflow:hidden}.cta-sec:before{content:"";pointer-events:none;background:radial-gradient(70% 80% at 50% 0,#6366f124 0%,#0000 70%);position:absolute;inset:0}.cta-inner{z-index:1;position:relative}.cta-sec h2{letter-spacing:-.025em;color:#fff;margin-bottom:.875rem;font-family:Space Grotesk,sans-serif;font-size:clamp(1.9rem,4vw,3rem);font-weight:700;line-height:1.1}.cta-sec p{color:#ffffff73;max-width:420px;margin:0 auto 2rem;font-size:.95rem;line-height:1.7}.cta-btns{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.btn-cta{color:#111;background:#fff;border-radius:999px;align-items:center;gap:7px;padding:12px 30px;font-size:14px;font-weight:700;transition:transform .2s,opacity .2s;display:inline-flex}.btn-cta:hover{opacity:.9;transform:translateY(-2px)}.btn-cta-ol{color:#ffffffbf;background:0 0;border:1px solid #fff3;border-radius:999px;align-items:center;gap:7px;padding:12px 30px;font-size:14px;font-weight:700;transition:transform .2s,border-color .2s,background .2s;display:inline-flex}.btn-cta-ol:hover{background:#ffffff12;border-color:#ffffff73;transform:translateY(-2px)}.site-footer{background:#060606;border-top:1px solid #ffffff0a;padding:1.75rem 2rem}.footer-inner{color:#ffffff4d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.875rem;max-width:1160px;margin:0 auto;font-size:12px;display:flex}.footer-brand{color:#fff9;font-family:Space Grotesk,sans-serif;font-weight:700}.site-footer a{color:#ffffff59}.site-footer a:hover{color:#ffffffa6}@media (width<=900px){.hero-inner{grid-template-columns:1fr}.hero-panel{display:none}.featured-grid,.mgrid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.featured-grid,.mgrid{grid-template-columns:1fr}.catalog-top{flex-direction:column;align-items:stretch}.sinput{width:100%;min-width:0}.hero-inner{padding:4rem 1.5rem 3.5rem}.section{padding:3.5rem 1.5rem}}