:root{--color-white: #f5f5f5;--color-white-faded: rgba(245, 245, 245, .8);--color-bg: #060606;--color-card: #111111;--color-border: #1e1e1e;--color-text-on-bg: #589DDF;--color-text-on-card: #8ab8e8;--font-primary: "Neue Haas Grotesk Display Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-heading: "Host Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 999px;--transition-fast: .15s ease;--transition-base: .25s ease;--max-width: 1200px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}body{font-family:var(--font-primary);font-weight:700;text-transform:uppercase;background-color:var(--color-bg);color:var(--color-text-on-bg);line-height:1.6;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}.header{position:fixed;top:0;left:0;right:0;z-index:100;padding:var(--space-md) 0;background-color:transparent}.header--static{position:fixed;background-color:var(--color-bg)}.header+main,.header~main{padding-top:200px}.header~.coming-soon{padding-top:200px}.header__inner{display:flex;align-items:center;justify-content:space-between}.header__logo{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);color:var(--color-white)}.header__logo-img{width:50px;height:50px;object-fit:contain}.header__logo-text{font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-align:center;line-height:1.2}.nav__list{display:flex;align-items:center;gap:0;background-color:#060606;border:1px solid #589DDF;border-radius:var(--radius-md);padding:0;overflow:hidden}.nav__link{display:inline-block;padding:8px 20px;font-family:var(--font-primary);font-size:.9rem;font-weight:700;color:#589ddf;background:none;border:none;border-radius:0;transition:color var(--transition-fast),background-color var(--transition-fast)}.nav__link:hover,.nav__link:focus-visible{color:#589ddf;background-color:transparent}.nav__link--outline{color:#8ab8e8;background-color:transparent}.nav__link--outline:hover,.nav__link--outline:focus-visible{color:#8ab8e8;background-color:transparent}.nav__toggle{display:none;flex-direction:column;gap:5px;padding:var(--space-sm);margin-left:auto}.nav__toggle-bar{display:block;width:24px;height:2px;background-color:var(--color-text-on-bg);border-radius:2px;transition:transform var(--transition-fast),opacity var(--transition-fast)}.nav__toggle--active .nav__toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav__toggle--active .nav__toggle-bar:nth-child(2){opacity:0}.nav__toggle--active .nav__toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.hero__bg{position:absolute;inset:0;z-index:0}.hero__bg-img{width:100%;height:100%;object-fit:cover;object-position:center}.hero__bg-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#06060633,#06060666 50%,#060606d9 80%,#060606)}.hero__inner{position:relative;z-index:2;padding-top:calc(var(--space-4xl) * 2 + clamp(3.25rem,7.25vw,6.25rem) + var(--space-4xl));padding-bottom:var(--space-xl)}.hero__watermark{position:absolute;top:calc(var(--space-4xl) * 2 + var(--space-xl));left:0;right:0;font-size:clamp(3rem,6vw,5.5rem);font-weight:700;color:#0003;line-height:1;letter-spacing:-.02em;text-align:center;white-space:nowrap;z-index:1;pointer-events:none}.hero__content{display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--space-3xl);align-items:stretch}.hero__text-left{position:relative}.hero__text-backdrop{position:absolute;top:calc(-1 * var(--space-lg));left:50%;transform:translate(-50%);width:100vw;bottom:calc(-1 * var(--space-lg));background:#060606e0;mask-image:linear-gradient(to bottom,transparent 0%,black 12%,black 88%,transparent 100%),linear-gradient(to right,transparent 0%,black 40%,black 48%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 18%,black 88%,transparent 100%),linear-gradient(to right,transparent 0%,black 40%,black 48%,transparent 100%);-webkit-mask-composite:source-in;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:-1;pointer-events:none}.hero__title{font-size:clamp(2.8rem,5.5vw,4.2rem);font-weight:700;line-height:1.05;letter-spacing:-.02em;color:#589ddf;margin-bottom:var(--space-lg)}.hero__description{font-size:1.05rem;line-height:1.5;color:#589ddf;max-width:520px}.hero__dashboard{display:flex;align-items:flex-start;align-self:flex-start;border:1px solid #2a2a2a;border-radius:var(--radius-lg);overflow:hidden;background-color:#111;box-shadow:0 4px 24px #0000004d,0 1px 6px #0003;margin-left:auto;max-width:480px;width:100%}.hero__dashboard-img{width:100%;height:auto;display:block}.hero__dashboard-sidebar{width:44px;border-right:1px solid #222;padding:var(--space-md) var(--space-sm);display:flex;flex-direction:column;gap:var(--space-sm);background-color:#0d0d0d}.hero__dashboard-sidebar-item{width:100%;height:6px;border-radius:2px;background-color:#2a2a2a}.hero__dashboard-main{flex:1;display:flex;flex-direction:column;position:relative}.hero__dashboard-topbar{height:12px;border-bottom:1px solid #222;background-color:#0f0f0f}.hero__dashboard-body{flex:1;padding:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-sm);position:relative}.hero__dashboard-row{display:flex;gap:var(--space-sm)}.hero__dashboard-card{flex:1;height:28px;border-radius:var(--radius-sm);border:1px solid #2a2a2a;background-color:#1a1a1a}.hero__dashboard-card--short{height:24px}.hero__dashboard-card--tall{height:56px}.hero__dashboard-card--40{flex:4}.hero__dashboard-card--60{flex:6}.hero__dashboard-card--wide{flex:2}.hero__dashboard-row--tall{flex:1}.hero__dashboard-row--tall .hero__dashboard-card{height:auto}.hero__dashboard-label{position:absolute;bottom:45px;left:0;right:0;text-align:center;font-size:.8rem;font-weight:700;color:#555;letter-spacing:.05em;pointer-events:none}.showcase{padding:var(--space-lg) 0 var(--space-4xl);background-color:var(--color-bg)}.showcase__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.showcase__card{background-color:var(--color-card);border:.25px solid #589DDF;border-radius:var(--radius-sm);overflow:hidden}.showcase__placeholder{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.showcase__placeholder:not(:has(.showcase__img)){aspect-ratio:4 / 3}.showcase__label{position:absolute;bottom:var(--space-md);left:var(--space-md);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#b8d5ff;z-index:2}.showcase__placeholder:has(.showcase__img){display:block}.showcase__img{width:100%;height:auto;display:block}.showcase__placeholder:has(.showcase__img) .showcase__icon{display:none}.showcase__icon{width:32px;height:32px;color:var(--color-text-on-card);opacity:.8}.showcase__card--wide{grid-column:1 / -1;margin-top:var(--space-lg)}.showcase__placeholder--video{aspect-ratio:16 / 5;background-color:#0006}.showcase__placeholder--video .showcase__icon{width:48px;height:48px}.showcase__video-label{position:absolute;bottom:var(--space-md);left:50%;transform:translate(-50%);font-size:.75rem;font-weight:700;letter-spacing:.08em;color:var(--color-text-on-card);opacity:.8}.footer{display:flex;flex-direction:column;color:var(--color-text-on-card);background-color:#111;border:2px solid var(--color-border);border-bottom:none;border-radius:var(--radius-md) var(--radius-md) 0 0;padding:var(--space-4xl) var(--space-xl) var(--space-4xl);margin:var(--space-4xl) var(--space-lg) 0;min-height:420px}.footer__inner{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3xl);max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg);flex:1}.footer__column{display:flex;flex-direction:column;gap:var(--space-md)}.footer__column--info{flex:1}.footer__heading{font-size:1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-on-card);margin:0}.footer__links{display:flex;flex-direction:column;gap:var(--space-sm);list-style:none;margin:0;padding:0}.footer__link{font-size:1.35rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--color-text-on-card);transition:color var(--transition-fast)}.footer__link:hover{color:var(--color-white)}.footer__copy{margin-top:var(--space-xl);margin-bottom:0;font-size:.875rem;color:var(--color-text-on-card);align-self:flex-start;grid-column:1 / -1}.info{padding:var(--space-3xl) 0 var(--space-4xl);background-color:var(--color-bg);flex:1}.info__inner{max-width:960px;margin:0 auto}.info__heading{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;line-height:1.2;color:var(--color-text-on-bg);margin-bottom:var(--space-2xl);letter-spacing:-.02em}.info__subheading{font-size:1.25rem;font-weight:700;color:var(--color-text-on-bg);margin-top:var(--space-2xl);margin-bottom:var(--space-md);letter-spacing:-.01em}.info__body p{font-size:1.05rem;font-weight:700;line-height:1.45;color:var(--color-text-on-bg);margin-bottom:var(--space-lg)}.info-page--minimal{background-color:var(--color-bg)}.info__branding{position:fixed;top:200px;left:var(--space-xl);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-on-bg);z-index:10;pointer-events:none}.info--minimal{min-height:100vh;padding:calc(var(--space-4xl) + 2rem) var(--space-xl) var(--space-4xl);display:flex;align-items:center}.info__inner--minimal{max-width:1100px;width:100%;margin-left:20%;margin-right:auto;padding:0 var(--space-3xl) 0 var(--space-md)}.info__heading--minimal{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;line-height:1.25;color:var(--color-text-on-bg);letter-spacing:-.01em;margin-bottom:var(--space-xl);text-align:left}.info__subheading--minimal{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--color-text-on-bg);margin-top:var(--space-xl);margin-bottom:var(--space-md)}.info__body--minimal p{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;line-height:1.25;color:var(--color-text-on-bg);margin-bottom:var(--space-xl);text-align:left}.contact-form{display:flex;flex-direction:column;gap:var(--space-lg)}.contact-form__group{display:flex;flex-direction:column;gap:var(--space-xs)}.contact-form__label{font-size:.9rem;font-weight:700;color:var(--color-text-on-bg)}.contact-form__input,.contact-form__textarea{font-family:var(--font-primary);font-size:1rem;color:#8ab8e8;background-color:var(--color-card);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);transition:border-color var(--transition-fast);-webkit-user-select:text;user-select:text}.contact-form__input::placeholder,.contact-form__textarea::placeholder{color:#8ab8e899}.contact-form__input:focus,.contact-form__textarea:focus{outline:none;border-color:var(--color-text-on-bg)}.contact-form__textarea{resize:vertical;min-height:120px}.contact-form__submit{align-self:flex-start;padding:10px 28px;font-family:var(--font-primary);font-size:.9rem;font-weight:700;color:#589ddf;background-color:#060606;border:1px solid #589DDF;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.contact-form__submit:hover,.contact-form__submit:focus-visible{background-color:#589ddf1a;border-color:#589ddf;color:#589ddf}.contact-form__submit:active{background-color:#589ddf26;border-color:#589ddf;color:#589ddf}.js-reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.js-reveal--visible{opacity:1;transform:translateY(0)}.hero__bg.js-reveal{opacity:1;transform:none}.js-typewriter .text-char{display:inline;opacity:0;animation:typewriter-char 0s ease forwards;animation-play-state:paused}.js-typewriter.visible .text-char{animation-play-state:running;animation-delay:calc(var(--char-index) * var(--char-delay, .003) * 1s)}@keyframes typewriter-char{to{opacity:1}}.nav__overlay{display:none;position:fixed;inset:0;background-color:#0009;z-index:150;opacity:0;transition:opacity var(--transition-base)}.nav__overlay--visible{display:block;opacity:1}@media(max-width:1024px){.hero__content{grid-template-columns:1fr}.showcase__grid{grid-template-columns:1fr;gap:var(--space-md)}.showcase__card:nth-child(3){grid-column:auto}}@media(max-width:768px){.nav__list{position:fixed;top:0;right:0;width:280px;height:100vh;flex-direction:column;align-items:stretch;gap:0;padding:var(--space-4xl) var(--space-lg) var(--space-lg);background-color:var(--color-bg);border-left:1px solid #589DDF;border-radius:0;transform:translate(100%);transition:transform var(--transition-base);z-index:200}.nav__list--open{transform:translate(0)}.nav__toggle{display:flex;z-index:250}.nav__link{text-align:center;padding:var(--space-md);font-size:1rem;color:#589ddf}.hero{min-height:80vh}.hero__watermark{font-size:clamp(2rem,6vw,3.5rem)}.footer{margin:0 var(--space-md);padding:var(--space-3xl) var(--space-md);min-height:360px}.footer__inner{grid-template-columns:1fr;gap:var(--space-2xl);text-align:center}.footer__column{align-items:center}.footer__copy{align-self:center;text-align:center;margin-top:var(--space-2xl)}}@media(max-width:768px){.info__branding{position:relative;top:0;left:0;padding:var(--space-xl) var(--space-lg)}.info__inner--minimal{margin-left:0;padding:0 var(--space-lg)}}@media(max-width:480px){:root{--space-lg: 16px;--space-xl: 24px}}.coming-soon{flex:1;min-height:50vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg)}.coming-soon__text{font-family:var(--font-primary);font-size:1.25rem;font-weight:700;color:var(--color-white);text-align:center}
