:root{color-scheme:dark;--bg:#020c14;--panel:#06121c;--text:#f5f7fa;--muted:#a4b7c7;--cyan:#20c8e9;--border:#20313f}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}.container{width:min(1320px,calc(100% - 64px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}a:focus-visible,button:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}.skip-link{position:absolute;z-index:10;left:16px;top:-80px;padding:14px;background:var(--cyan);color:var(--bg)}.skip-link:focus{top:12px}
.hero-shell{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 60% 80%,#062134 0%,#020c14 66%)}.hero-art{position:absolute;right:0;top:0;width:62%;height:100%;object-fit:cover;object-position:center;z-index:-2;mask-image:linear-gradient(to right,transparent,#000 16%);opacity:.98}.hero-shell:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,var(--bg),transparent 12%),linear-gradient(90deg,rgba(2,12,20,.25),transparent 65%)}
.site-header{height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px}.brand strong{display:block;font-size:26px;font-weight:600;letter-spacing:4px}.brand small{display:block;font-size:10px;letter-spacing:3.8px;margin-top:3px}.site-header nav{display:flex;gap:30px;font-size:15px}.site-header nav a{padding-block:12px;transition:color .18s}.site-header nav a:hover,.text-link:hover,footer a:hover{color:var(--cyan)}.menu-toggle{display:none}
.hero{padding-block:15px 42px;min-height:453px}.hero h1{font-size:clamp(68px,7.1vw,108px);line-height:.78;letter-spacing:-5.5px;font-weight:800;margin:7px 0 28px}.hero h1 span{color:var(--cyan)}.hero h1 br{line-height:1}.hero p{font-size:22px;line-height:1.3;color:var(--muted);margin:0 0 20px}.hero-actions{display:flex;gap:12px}.button{display:inline-flex;justify-content:center;align-items:center;gap:16px;padding:15px 24px;font-size:16px;font-weight:600;border:1px solid var(--border);border-radius:7px;min-height:51px;transition:background .18s, border-color .18s}.button svg{width:20px;height:20px}.button-primary{background:var(--cyan);border-color:var(--cyan);color:#02111c}.button-primary:hover{background:#68e0f5}.button-secondary{background:#020c14b8}.button-secondary:hover{border-color:var(--cyan)}
.projects{padding-top:22px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:16px}.eyebrow{text-transform:uppercase;letter-spacing:2.8px;font-size:12px;color:#b4cee1;margin:0 0 6px}h2{font-size:34px;line-height:1.16;letter-spacing:-.8px;margin:0}p{color:var(--muted)}.section-heading>p{font-size:15px;line-height:1.5;margin:0 0 2px;max-width:420px}.project-grid,.secondary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.project-card,.small-card{border:1px solid var(--border);border-radius:7px;background:linear-gradient(135deg,#06121c,#020a11);overflow:hidden;transition:border-color .18s,background .18s}.project-card:hover,.small-card:hover{border-color:#3e8296;background:#081a26}.project-image{position:relative;height:174px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover}.live-badge{position:absolute;left:12px;top:12px;padding:7px 10px;border:1px solid var(--cyan);border-radius:6px;color:#66e5fc;background:#001019e8;text-transform:uppercase;font-size:11px;letter-spacing:.4px;display:flex;gap:6px;align-items:center}.live-badge span{color:#20d9ed}.project-copy{padding:13px 20px 14px;min-height:94px}h3{font-size:20px;line-height:1.25;margin:0 0 5px;letter-spacing:-.4px;display:flex;justify-content:space-between;gap:12px}h3>span{font-weight:400;font-size:21px}.project-copy p{font-size:16px;line-height:1.4;margin:0}.play-link{color:#25def5;display:block;font-size:16px;font-weight:600;margin-top:4px}.secondary-grid{margin-top:16px}.small-card{display:flex;align-items:center;min-height:91px}.small-card>img{width:32%;height:89px;object-fit:cover;flex-shrink:0}.small-card>div{padding:12px 18px;flex:1;min-width:0}.small-card h3{font-size:16px;margin-bottom:5px}.small-card p{font-size:14px;line-height:1.4;margin:0}
.context-sections{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:72px 58px}.context-sections section{scroll-margin-top:24px}.context-sections h2{font-size:28px}.context-sections p:not(.eyebrow){line-height:1.7;font-size:16px;max-width:520px}.text-link{font-size:15px;color:var(--cyan)}footer{border-top:1px solid var(--border);padding-block:25px 30px;display:flex;justify-content:space-between;font-size:14px;color:var(--muted)}.footer-detail{font-size:12px;margin-left:8px}
@media(min-width:1440px){.container{width:calc(100% - 220px);max-width:1320px}}
@media(max-width:1100px){.hero h1{font-size:90px}.hero-art{width:65%;object-position:45% center}.section-heading{align-items:start}.section-heading h2{font-size:29px}.section-heading>p{max-width:310px}.project-copy{padding:14px}.project-copy h3{font-size:18px}.small-card>img{width:26%}.small-card>div{padding:12px}.small-card h3{font-size:15px}.small-card p{font-size:13px}.context-sections{gap:40px}}
@media(max-width:850px){.site-header nav{gap:19px;font-size:14px}.brand strong{font-size:23px}.brand small{font-size:9px;letter-spacing:3px}.brand img{width:38px}.hero-art{width:75%;opacity:.65;object-position:35% center}.hero h1{font-size:86px}.hero p{font-size:20px}.section-heading{display:block}.section-heading>p{max-width:none;margin-top:12px}.desktop-break{display:none}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center}.project-card:last-child .project-image{height:190px}.secondary-grid{grid-template-columns:1fr}.small-card>img{width:130px}.small-card h3{font-size:18px}.small-card p{font-size:15px}}
@media(max-width:600px){.container{width:calc(100% - 40px)}.site-header{height:auto;min-height:80px;flex-wrap:wrap;gap:0;position:relative}.brand strong{font-size:23px}.brand small{font-size:9px}.menu-toggle:not([hidden]){display:flex;gap:14px;align-items:center;border:1px solid var(--border);color:var(--text);background:#06121c;padding:10px 12px;border-radius:5px;font-size:14px}.site-header nav{width:100%;justify-content:space-between;gap:10px;padding:5px 0 17px}.site-header nav[hidden]{display:none}.hero{padding-top:32px;padding-bottom:40px;min-height:475px}.hero h1{font-size:clamp(60px,16vw,92px);letter-spacing:-3.5px;line-height:.88;margin:0 0 26px}.hero-art{width:100%;height:100%;object-position:28% center;opacity:.32;mask-image:linear-gradient(to right,transparent,#000 40%)}.hero-shell:after{background:linear-gradient(0deg,var(--bg),transparent 35%)}.hero p{font-size:18px;max-width:280px;line-height:1.5;margin-bottom:23px}.hero-actions{gap:10px;flex-wrap:wrap}.button{padding:14px 16px;font-size:14px;gap:10px}.projects{padding-top:26px}.section-heading h2{font-size:29px;max-width:320px}.section-heading>p{font-size:15px;line-height:1.6}.project-grid{grid-template-columns:1fr;gap:16px}.project-image{height:auto;aspect-ratio:2.35}.project-card:last-child{display:block;grid-column:auto}.project-card:last-child .project-image{height:auto}.project-copy{padding:17px 18px}.project-copy h3{font-size:20px}.project-copy p{font-size:16px}.secondary-grid{gap:12px}.small-card>img{width:105px;height:100px}.small-card>div{padding:13px}.small-card h3{font-size:16px}.small-card p{font-size:14px}.context-sections{grid-template-columns:1fr;gap:36px;padding-block:48px 40px}.context-sections h2{font-size:26px}footer{align-items:center}.footer-detail{display:block;margin:5px 0 0}}
@media(max-width:1100px) and (min-width:601px){.site-header nav{background:#020c14bf;border-radius:6px;padding-inline:12px}.hero-art{opacity:.5}}
.product-screenshot{background:#f7f8fa}.project-image.product-screenshot img{object-fit:contain}
.contact{border-top:1px solid var(--border);padding-block:40px 52px}.contact h2{font-size:28px}.contact-links{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:26px}.contact-links h3{font-size:18px}.contact-links p{font-size:15px;line-height:1.6;margin:8px 0 14px}.contact-links a{display:inline-block;padding-block:6px;font-size:17px}.contact-links>div{min-width:0}
@media(max-width:600px){.contact-links{grid-template-columns:1fr;gap:26px}.contact h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}