@import url('/fonts.css');
:root{--midnight:#080b14;--surface:#0f1423;--surface-raised:#131d2e;--line:#243249;--silver:#d7e2ef;--muted:#9fb1c7;--cyan:#59d5ec;font-family:Heebo,'Segoe UI',sans-serif;color:var(--silver);background:var(--midnight);color-scheme:dark;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% 12%,#59d5ec0b,transparent 48%),linear-gradient(90deg,#d7e2ef05 1px,transparent 1px),linear-gradient(#d7e2ef05 1px,transparent 1px);background-size:auto,80px 80px,80px 80px}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}img{display:block;max-inline-size:100%}a:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}::selection{background:var(--cyan);color:var(--midnight)}
.spatial-shell{max-inline-size:1520px;padding:28px 4.5% 0;margin-inline:auto}.spatial-rail{display:flex;justify-content:space-between;gap:20px;padding-block:0 18px;font:10px 'Space Grotesk',monospace;letter-spacing:1.6px;color:#8499b5;direction:ltr}.spatial-rail span:first-child{color:#a9c5d6}.spatial-rail b{display:inline-block;inline-size:5px;block-size:5px;border-radius:50%;background:var(--cyan);margin-inline-end:10px;box-shadow:0 0 10px #59d5ec60}
.spatial-header{display:flex;justify-content:space-between;align-items:center;gap:30px;border:1px solid var(--line);border-radius:5px;background:#080b14d9;padding:21px 26px}.spatial-logo{inline-size:225px;flex:none;direction:ltr}.spatial-logo img{inline-size:100%;block-size:59px;object-fit:contain}.spatial-header nav{display:flex;gap:35px;align-items:center;font-size:13px;color:var(--muted)}.spatial-header nav a:hover{color:var(--cyan)}.s-button{display:inline-flex;align-items:center;justify-content:center;gap:27px;border:1px solid #59d5ec8c;border-radius:4px;background:linear-gradient(110deg,#14293a,#101a2b);color:#e4f2fa;padding:13px 22px;font-size:13px;font-weight:500;box-shadow:0 0 25px #59d5ec0a;transition:border-color .2s,background .2s}.s-button:hover{border-color:var(--cyan);background:#163448}.s-button span{color:var(--cyan)}.s-button.small{font-size:11px;padding:10px 15px;gap:16px}.s-button.solid{background:var(--cyan);color:#071c28;border-color:var(--cyan);font-weight:600}.s-button.solid span{color:#071c28}.s-button.solid:hover{background:#8ee7f7}
.spatial-hero{display:grid;grid-template-columns:1.35fr 1fr;gap:26px;margin-block:28px}.s-panel{background:linear-gradient(135deg,#0f1423e8,#080b14f5);border:1px solid #273a50;border-radius:5px;position:relative;overflow:hidden}.s-hero-copy{padding:38px 38px 30px;display:flex;flex-direction:column;justify-content:space-between;min-block-size:475px}.s-hero-copy:before{content:'';position:absolute;inset-block-start:0;inset-inline:15%;block-size:1px;background:linear-gradient(90deg,transparent,#59d5ec8c,transparent)}.s-eyebrow{font:10px 'Space Grotesk',monospace;letter-spacing:1.8px;direction:ltr;unicode-bidi:isolate;color:#a4bbd0;display:flex;align-items:center;gap:10px}.s-eyebrow:before{content:'';inline-size:5px;block-size:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 9px #59d5ec60}.s-hero-copy h1{font:600 clamp(36px,3.55vw,59px)/1.1 'Space Grotesk','Segoe UI',sans-serif;letter-spacing:-1.8px;direction:ltr;unicode-bidi:isolate;margin-block:36px 28px}.s-hero-copy h1 span{display:block;background:linear-gradient(100deg,#59d5ec,#d7e2ef 68%,#9fb1c7);background-clip:text;color:transparent}.s-hero-copy>div>p{font-size:16px;line-height:1.95;color:#a6b7cc;max-inline-size:590px}.s-hero-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;border-block-start:1px solid #25334a;margin-block-start:36px;padding-block-start:23px}.s-hero-actions>span{font:9px 'Space Grotesk',monospace;letter-spacing:1.1px;color:#7c96ad;direction:ltr}
.s-art{display:flex;flex-direction:column;justify-content:space-between;padding:25px 24px;background-image:linear-gradient(#59d5ec05 1px,transparent 1px),linear-gradient(90deg,#59d5ec05 1px,transparent 1px);background-size:40px 40px}.s-art-note{font:9px 'Space Grotesk',monospace;letter-spacing:1px;direction:ltr;color:#8daac1;border-block-end:1px solid #233348;padding-block-end:17px;display:flex;justify-content:space-between;gap:12px}.s-art img{inline-size:92%;max-inline-size:360px;margin:auto;aspect-ratio:1;transition:transform .6s ease}.s-art:hover img{transform:translateY(-5px) rotate(2deg)}.s-art-foot{font:9px 'Space Grotesk',monospace;letter-spacing:1px;direction:ltr;color:#8ba8bf;border-block-start:1px solid #233348;padding-block-start:16px}
.s-capabilities{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:5px;background:#080c15;overflow:hidden}.s-capability{padding:25px 25px 28px;border-inline-start:1px solid var(--line)}.s-capability:first-child{border-inline-start:0}.s-capability>span{font:11px 'Space Grotesk',monospace;letter-spacing:1px;color:var(--cyan);direction:ltr;display:block;margin-block-end:23px}.s-capability h2{font-size:21px;font-weight:500;margin-block-end:12px}.s-capability p{font-size:13px;line-height:1.95;color:#9fb1c7}
.s-section{padding-block:72px;border-block-end:1px solid var(--line)}.s-section-heading{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:end;margin-block-end:28px}.s-section-code{font:10px 'Space Grotesk',monospace;letter-spacing:1.8px;direction:ltr;color:#73bbd0;margin-block-end:16px}.s-section h2{font-size:33px;font-weight:500;line-height:1.5}.s-section-heading>p{font-size:14px;color:var(--muted);line-height:1.9;max-inline-size:470px}.s-signature{border:1px solid var(--line);background:#060910;position:relative;min-block-size:260px;display:grid;place-items:center;padding:50px}.s-signature>img{inline-size:65%;max-inline-size:530px;block-size:auto}.s-signature-label{position:absolute;inset-block-start:20px;inset-inline-start:22px;font:9px 'Space Grotesk',monospace;letter-spacing:1.5px;color:#849ab5;direction:ltr}.s-specimens{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:18px;margin-block-start:18px}.s-specimen{border:1px solid var(--line);background:#0a101c;padding:26px;display:flex;align-items:center;gap:25px;min-block-size:140px}.s-specimen>img{inline-size:70px;block-size:70px;flex:none}.s-specimen strong{font:500 13px 'Space Grotesk',sans-serif;display:block;direction:ltr}.s-specimen p{font-size:11px;color:var(--muted);line-height:1.8;margin-block-start:9px}.s-specimen.mono>img{filter:grayscale(1);opacity:.85}.s-palette{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);direction:ltr}.s-palette>div{padding:20px 14px;display:flex;flex-direction:column;justify-content:space-between;gap:30px;font:10px 'Space Grotesk',sans-serif;letter-spacing:.5px}.s-palette .midnight{background:#080b14}.s-palette .silver{background:#d7e2ef;color:#172033}.s-palette .cyan{background:#59d5ec;color:#071c28}.s-palette code{font-size:10px}
.s-product{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding:45px 40px;border:1px solid #29475a;background:radial-gradient(ellipse at 15% 40%,#59d5ec0c,transparent 60%),#0b1220;margin-block:55px}.s-product h2{font:500 clamp(32px,3.5vw,53px)/1.12 'Space Grotesk',sans-serif;letter-spacing:-1.5px;direction:ltr;margin-block-start:20px}.s-product h2 span{color:var(--cyan)}.s-product p{font-size:14px;color:var(--muted);line-height:2;margin-block-end:24px}.s-resources{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-block:5px 55px}.s-resources h2{font-size:29px;font-weight:500}.s-downloads{border-block-start:1px solid var(--line)}.s-downloads a{display:flex;justify-content:space-between;gap:20px;padding-block:18px;border-block-end:1px solid var(--line);font-size:13px;color:#b3c3d6}.s-downloads a:hover{color:var(--cyan)}.s-downloads small{font:10px 'Space Grotesk',sans-serif;color:#7fb7c8}.spatial-footer{display:flex;justify-content:space-between;gap:20px;border-block-start:1px solid var(--line);padding-block:25px;direction:ltr;font:10px 'Space Grotesk',sans-serif;letter-spacing:.8px;color:#9baec6}.spatial-footer a{font-family:Heebo,sans-serif;direction:rtl;letter-spacing:normal}
@media(min-width:1650px){.s-hero-copy{min-block-size:530px}.s-hero-copy h1{font-size:61px}.s-art img{max-inline-size:390px}}
@media(max-width:1100px){.spatial-header nav{gap:18px}.spatial-logo{inline-size:190px}.s-hero-copy{padding:28px;min-block-size:425px}.s-hero-copy h1{font-size:41px}.s-hero-copy>div>p{font-size:14px}.s-hero-actions{flex-wrap:wrap}.s-art{padding:22px 18px}.s-art-note{font-size:8px}.s-specimens{grid-template-columns:1fr 1fr}.s-palette{grid-column:1/-1;min-block-size:130px}.s-capability{padding:23px 19px}.s-capability h2{font-size:19px}}
@media(max-width:760px){.spatial-shell{padding:18px 5% 0}.spatial-rail{font-size:8px;letter-spacing:1px}.spatial-rail>span:last-child{display:none}.spatial-header{padding:14px 15px;gap:15px}.spatial-logo{inline-size:165px}.spatial-logo img{block-size:44px}.spatial-header nav{display:none}.s-button.small{font-size:10px;padding:9px 11px;gap:12px}.spatial-hero{grid-template-columns:1fr;gap:16px;margin-block:18px}.s-hero-copy{min-block-size:0;padding:28px 24px}.s-hero-copy h1{font-size:clamp(35px,8.8vw,55px);letter-spacing:-1.5px;margin-block:28px 23px}.s-hero-copy>div>p{font-size:14px}.s-hero-actions{margin-block-start:28px;padding-block-start:20px;gap:17px}.s-hero-actions>span{font-size:8px}.s-art{min-block-size:355px}.s-art img{inline-size:80%;max-inline-size:300px}.s-art-note{font-size:8px}.s-capabilities{grid-template-columns:1fr}.s-capability{border-inline-start:0;border-block-start:1px solid var(--line);padding:25px}.s-capability:first-child{border-block-start:0}.s-capability>span{margin-block-end:15px}.s-capability h2{font-size:22px}.s-capability p{font-size:14px}.s-section{padding-block:42px}.s-section-heading{grid-template-columns:1fr;gap:20px}.s-section h2{font-size:28px}.s-section-heading>p{font-size:13px}.s-signature{min-block-size:195px;padding:45px 20px}.s-signature>img{inline-size:90%}.s-signature-label{font-size:7px;inset-inline-start:16px}.s-specimens{grid-template-columns:1fr;gap:13px}.s-specimen{padding:22px;min-block-size:125px}.s-specimen p{font-size:12px}.s-palette{min-block-size:135px}.s-product{grid-template-columns:1fr;gap:26px;padding:30px 25px;margin-block:35px}.s-product h2{font-size:41px}.s-product p{font-size:13px}.s-resources{grid-template-columns:1fr;gap:25px;padding-block-end:35px}.spatial-footer{flex-wrap:wrap;font-size:9px}.spatial-footer a{inline-size:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.s-art:hover img{transform:none}}