:root{color:#eef4ff;font-synthesis:none;text-rendering:optimizelegibility;background:#08111d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit}#root{min-height:100vh}html{scroll-behavior:smooth}main{width:min(1120px,100% - 40px);margin:0 auto}.hero{flex-direction:column;justify-content:center;max-width:850px;min-height:88vh;display:flex}.eyebrow,.section-label{color:#65d6b4;letter-spacing:.14em;text-transform:uppercase;margin:0 0 16px;font-size:.9rem;font-weight:700}.hero h1{margin:0;font-size:clamp(3.5rem,10vw,7rem);line-height:.95}.hero h2{color:#b8c2d1;max-width:760px;margin:24px 0 0;font-size:clamp(1.5rem,4vw,2.6rem);line-height:1.2}.intro{color:#98a4b5;max-width:680px;margin:28px 0 0;font-size:1.1rem;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.primary-button,.secondary-button{border-radius:8px;padding:13px 20px;font-weight:700;text-decoration:none;display:inline-block}.primary-button{color:#08111d;background:#65d6b4}.secondary-button{color:#eef4ff;border:1px solid #3b4657}.section{padding:80px 0 120px}.section h2{margin:0 0 32px;font-size:2.4rem}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:20px;display:grid}.project-card{background:#111a27;border:1px solid #273244;border-radius:14px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.project-image{object-fit:cover;object-position:top;border-bottom:1px solid #2a394b;width:100%;height:160px;display:block}.project-content{flex-direction:column;flex:1;padding:28px;display:flex}.project-card h3{margin:0 0 16px;font-size:1.4rem}.project-card p{color:#aab5c4;margin:0 0 18px;line-height:1.65}.project-card .tech{color:#65d6b4;margin-top:auto;margin-bottom:0;font-size:.9rem}.project-links{flex-wrap:wrap;gap:16px;margin-top:22px;display:flex}.project-links a{color:#eef4ff;font-weight:700;text-decoration:none}.project-links a:hover{color:#65d6b4}.case-study{border-top:1px solid #273244;scroll-margin-top:24px}.case-study-intro{grid-template-columns:minmax(0,1fr) minmax(0,510px);align-items:start;gap:56px;display:grid}.case-study-copy h3,.case-study-details h3,.architecture h3{margin:0 0 16px;font-size:1.45rem}.case-study-copy p,.case-study-details p{color:#aab5c4;margin:0 0 18px;line-height:1.75}.case-study-links{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.video-container,.case-study-image-container{width:100%;max-width:510px;margin:0}.project-video,.case-study-image{object-fit:cover;object-position:top;background:#08111d;border:1px solid #273244;border-radius:14px;width:100%;height:285px;display:block}.video-container figcaption,.case-study-image-container figcaption{color:#7f8b9b;margin-top:12px;font-size:.9rem;line-height:1.5}.case-study-details{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:56px;display:grid}.case-study-details article{background:#111a27;border:1px solid #273244;border-radius:14px;padding:26px}.architecture{margin-top:56px}.architecture-flow{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.architecture-flow span{color:#eef4ff;text-align:center;background:#111a27;border:1px solid #334155;border-radius:10px;padding:18px 12px;font-size:.9rem;font-weight:700;position:relative}.architecture-flow span:not(:last-child):after{z-index:1;color:#65d6b4;content:"→";position:absolute;top:50%;right:-13px;transform:translateY(-50%)}@media (width<=900px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-study-intro{grid-template-columns:1fr}.video-container,.case-study-image-container{max-width:none}.project-video,.case-study-image{aspect-ratio:16/9;height:auto}.case-study-details,.architecture-flow{grid-template-columns:1fr}.architecture-flow span:not(:last-child):after{content:"↓";top:auto;bottom:-19px;right:50%;transform:translate(50%)}.demo-video-section{max-width:none}.demo-video{aspect-ratio:16/9;height:auto}}@media (width<=650px){.project-grid{grid-template-columns:1fr}.hero{min-height:78vh}.project-image{height:180px}.section{padding:64px 0 88px}}.demo-video-section{width:100%;max-width:510px;margin-top:56px}.demo-video-section h3{margin:0 0 16px;font-size:1.45rem}.demo-video-section p{color:#aab5c4;margin:0 0 24px;line-height:1.75}.demo-video{object-fit:cover;object-position:top;background:#08111d;border:1px solid #273244;border-radius:14px;width:100%;height:285px;display:block}.case-study-media-column{flex-direction:column;gap:48px;width:100%;max-width:510px;display:flex}.case-study-media-column .demo-video-section{margin-top:0}