.cs{--ink: #F4F6FA;--ink-soft: rgba(244, 246, 250, .78);--ink-faint: rgba(244, 246, 250, .38);--button: #FFFFFF;--button-hover: #E3E9F3;--sky: #060B18;--font: "Space Grotesk", sans-serif;--gutter: clamp(20px, 10.5vw, 160px);position:relative;min-height:100vh;min-height:100dvh;font-family:var(--font);color:var(--ink);background:var(--sky);-webkit-font-smoothing:antialiased;overflow-x:hidden}.cs *,.cs *:before,.cs *:after{box-sizing:border-box}.cs a{color:inherit;text-decoration:none}.cs :focus-visible{outline:2px solid var(--ink);outline-offset:4px}.cs .backdrop{position:fixed;inset:0;z-index:0;overflow:hidden;background:var(--sky)}.cs .backdrop img{position:absolute;inset:-3%;width:106%;max-width:none;height:106%;object-fit:cover;object-position:center;filter:saturate(.9) contrast(1.05);animation:cs-drift 60s ease-in-out infinite alternate}.cs .backdrop:before{position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse 55% 45% at 50% 50%,#060b189e,#060b1847),linear-gradient(180deg,#060b18b3,#060b1833 24% 70%,#060b18bf);content:""}.cs .backdrop:after{position:absolute;inset:0;z-index:2;background:#0a1d4f;mix-blend-mode:color;opacity:.35;content:""}@keyframes cs-drift{0%{transform:scale(1)}to{transform:scale(1.05) translate3d(-1%,0,0)}}.cs .page{position:relative;z-index:1;display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;min-height:100dvh;padding:0 var(--gutter)}.cs .topbar{display:flex;justify-content:center;padding:52px 0 0}.cs .logo{display:inline-flex;align-items:center;gap:12px;color:var(--ink);transition:opacity .16s ease}.cs .logo:hover{opacity:.85}.cs .logo img{width:auto;height:45px}.cs .logo-name{margin:0;font-size:22px;font-weight:600;line-height:1;letter-spacing:.02em;text-transform:uppercase}.cs .logo-name small{display:block;margin-top:3px;font-size:17px;letter-spacing:.08em}.cs .hero{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;text-align:center}.cs .title{margin:0;text-shadow:0 4px 30px rgba(6,11,24,.6);font-size:clamp(40px,6.2vw,96px);font-weight:400;line-height:1;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}.cs .lead{margin:10px 0 0;font-size:clamp(17px,2vw,30px);font-weight:300;letter-spacing:.01em;color:var(--ink-soft)}.cs .products{display:flex;align-items:center;justify-content:center;margin:26px 0 0;padding:0;list-style:none}.cs .products li{font-size:clamp(16px,1.5vw,22px);letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}.cs .products li+li:before{display:inline-block;width:1px;height:1.1em;margin:0 22px;vertical-align:-.18em;background:var(--ink-faint);content:""}.cs .notify{display:inline-flex;align-items:center;justify-content:center;margin-top:32px;padding:8px 24px;border-radius:6px;background:var(--button);box-shadow:0 6px 22px #5a91ff40;font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:#141518;transition:background-color .16s ease,transform .16s ease}.cs .notify:hover{background:var(--button-hover);transform:translateY(-1px)}.cs .social{display:flex;justify-content:center;gap:14px;margin:0;padding:0 0 44px;list-style:none}.cs .social a{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;color:var(--ink-soft);transition:color .16s ease,transform .16s ease}.cs .social a:hover{color:#fff;transform:translateY(-1px)}.cs .social svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@media(max-width:480px){.cs .topbar{padding-top:36px}.cs .logo img{height:38px}.cs .logo-name{font-size:19px}.cs .logo-name small{font-size:15px}.cs .title{letter-spacing:.05em}.cs .products li+li:before{margin:0 14px}.cs .social{padding-bottom:32px}}@media(prefers-reduced-motion:reduce){.cs .backdrop img{animation:none}}
