@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Manrope:wght@400;500;600&display=swap";:root{--bg:#0a0e18;--bg-rgb:10, 14, 24;--text:#eef2fb;--text-secondary:#9aa7c7;--text-body:#aab6d4;--accent:#4f7fff;--accent-rgb:79, 127, 255;--accent-2:#46c9ff;--accent-hover:#6b93ff;--card:#0d1220;--card-hover:#141d33;--hairline:#ffffff14;--hairline-strong:#ffffff29;--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Manrope", system-ui, sans-serif;--max-width:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2{font-family:var(--font-display);margin:0}p{margin:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes floatGlow{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.rn-fade{animation:.9s cubic-bezier(.16,1,.3,1) both fadeUp}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rn-fade{animation:none}}.section{max-width:var(--max-width);margin:0 auto;padding:60px 48px}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:44px;display:flex}.section-head h2{letter-spacing:-.01em;max-width:18ch;font-size:38px;font-weight:600}.eyebrow{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;font-size:13px}.btn{font-family:var(--font-display);border-radius:100px;justify-content:center;align-items:center;font-weight:600;transition:background .25s,box-shadow .25s,border-color .25s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-cta{background:var(--accent);color:#fff;box-shadow:0 6px 20px #0a66ff38}.btn-cta:hover{box-shadow:0 8px 26px #0a66ff59}.btn-outline{border:1px solid var(--hairline-strong);color:var(--text)}.btn-outline:hover{border-color:#fff6}.btn-sm{padding:10px 20px;font-size:13.5px}.btn-lg{padding:14px 26px;font-size:15px}.header{z-index:20;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--hairline);background:#0a0e18b8;align-items:center;gap:32px;padding:20px 48px;display:flex;position:sticky;top:0}.wordmark{font-family:var(--font-display);letter-spacing:.02em;font-size:19px;font-weight:700}button.wordmark{color:inherit;cursor:pointer;background:0 0;border:none;padding:0}.header nav{gap:26px;margin-right:auto;display:flex}.header nav a{color:var(--text-secondary);font-size:14px;transition:color .2s}.header nav a:hover{color:var(--text)}.hero{justify-content:center;align-items:center;min-height:92vh;display:flex;position:relative;overflow:hidden}.hero canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hero-scrim{background:radial-gradient(ellipse 60% 55% at 50% 62%, #0a0e1800 40%, var(--bg) 100%);pointer-events:none;position:absolute;inset:0}.hero-inner{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:26px;max-width:900px;padding:0 32px;display:flex;position:relative}.pill-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);background:#0a66ff0f;border:1px solid #0a66ff40;border-radius:100px;align-items:center;gap:8px;padding:7px 16px;font-size:12.5px;display:flex}.hero h1{letter-spacing:-.02em;color:var(--text);font-size:clamp(44px,7vw,84px);font-weight:700;line-height:1.02}.hero-sub{color:var(--text-secondary);max-width:56ch;font-size:18.5px;line-height:1.6}.hero-ctas{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:4px;display:flex}.services{padding-top:120px}.services .section-head h2{max-width:16ch}.services-grid{background:var(--hairline);border:1px solid var(--hairline);border-radius:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1px;display:grid;overflow:hidden}.service-card{background:var(--card);flex-direction:column;gap:12px;padding:32px 28px;transition:background .25s;display:flex}.service-card:hover{background:var(--card-hover)}.service-kicker{color:var(--accent);font-family:var(--font-display);letter-spacing:.08em;font-size:12px}.service-title{font-family:var(--font-display);font-size:19px;font-weight:600}.service-body{color:var(--text-secondary);flex:1;font-size:14px;line-height:1.55}.work .section-head h2{max-width:18ch}.work-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;display:grid}.work-card{color:inherit;flex-direction:column;gap:14px;transition:transform .25s;display:flex}.work-card:hover{transform:translateY(-4px)}.work-card .work-thumb{transition:border-color .25s,box-shadow .25s}.work-card:hover .work-thumb{border-color:#0a66ff59;box-shadow:0 12px 30px #0a66ff1f}.work-more{font-family:var(--font-display);color:var(--accent);opacity:0;font-size:13px;font-weight:600;transition:opacity .25s,transform .25s;transform:translate(-4px)}.work-card:hover .work-more{opacity:1;transform:translate(0)}.work-thumb{aspect-ratio:4/3;border:1px solid var(--hairline);background:#10162a repeating-linear-gradient(135deg,#12172400 0 10px,#ffffff08 10px 20px);border-radius:16px;position:relative;overflow:hidden}.work-thumb img{width:100%;height:100%;display:block;position:absolute;inset:0}.work-thumb-cover img{object-fit:cover;object-position:top left}.work-thumb-contain{background:radial-gradient(circle at 50% 15%,#1a2440 0%,#0b0f1c 72%)}.work-thumb-contain img{object-fit:contain;padding:14px 0}.work-thumb-logo{background:#fff}.work-thumb-logo img{object-fit:contain;padding:16% 22%}.placeholder-label{color:#fff6;text-align:center;justify-content:center;align-items:center;padding:0 6px;font:11px ui-monospace,Menlo,monospace;display:flex;position:absolute;inset:0}.work-tag{width:fit-content;color:var(--accent);background:#0a66ff14;border:1px solid #0a66ff33;border-radius:100px;padding:4px 10px;font-size:11.5px}.work-title{font-family:var(--font-display);font-size:17px;font-weight:600}.work-body{color:var(--text-secondary);font-size:13.5px;line-height:1.55}.logos{max-width:var(--max-width);border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);flex-wrap:wrap;align-items:center;gap:48px;margin:24px auto 0;padding:48px;display:flex}.logos-row{flex-wrap:wrap;flex:1;align-items:center;gap:52px;display:flex}.client-logo{object-fit:contain;box-sizing:border-box;opacity:.9;background:#fff;border-radius:12px;width:auto;max-width:210px;height:64px;padding:12px 20px;transition:opacity .25s,transform .25s}.client-logo-tall{padding:10px 16px}.client-logo:hover{opacity:1;transform:translateY(-2px)}.products{padding-top:100px}.products-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:28px;display:grid}.product-card{border:1px solid var(--hairline);background:var(--card);border-radius:18px;gap:22px;padding:26px;display:flex;box-shadow:0 2px 18px #0000004d}.product-art{aspect-ratio:1;background:repeating-linear-gradient(135deg,#141d33 0 8px,#0d1220 8px 16px);border-radius:12px;flex:none;justify-content:center;align-items:center;width:130px;display:flex;position:relative}.product-meta{flex-direction:column;justify-content:center;gap:8px;display:flex}.status-pill{border-radius:100px;width:fit-content;padding:3px 10px;font-size:11px}.product-title{font-family:var(--font-display);font-size:19px;font-weight:600}.product-body{color:var(--text-secondary);font-size:13.5px;line-height:1.5}.contact{background:linear-gradient(135deg, #4f7fff29, var(--card) 78%);text-align:center;border:1px solid #4f7fff47;border-radius:24px;margin:60px 48px 0;padding:70px 48px;position:relative;overflow:hidden}.contact-glow{pointer-events:none;background:radial-gradient(circle,#0a66ff24,#0000 70%);border-radius:50%;width:420px;height:420px;animation:7s ease-in-out infinite floatGlow;position:absolute;top:-160px;right:-120px}.contact h2{max-width:20ch;color:var(--text);margin:0 auto 22px;font-size:36px;font-weight:600;position:relative}.contact-ctas{flex-wrap:wrap;justify-content:center;gap:14px;display:flex;position:relative}.contact .btn-lg{padding:14px 28px}.footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:60px;padding:36px 48px;display:flex}.footer .wordmark{font-size:16px}.footer span{color:#8a8a8e;font-size:12.5px}.phoenix{background:radial-gradient(70% 60% at 50% 92%,#ff601a29,#ff601a00 60%),radial-gradient(80% 70% at 50% 40%,#0d1424,#06080f 80%);align-items:flex-end;width:100%;height:100vh;min-height:640px;display:flex;position:relative;overflow:hidden}.phoenix-canvas{cursor:none;width:100%;height:100%;position:absolute;inset:0}.phoenix-canvas canvas{display:block}.phoenix-overlay{z-index:2;width:100%;max-width:var(--max-width);pointer-events:none;flex-direction:column;gap:18px;margin:0 auto;padding:0 48px 8vh;display:flex;position:relative}.phoenix-cursor{z-index:5;pointer-events:none;opacity:0;will-change:transform;align-items:center;gap:12px;margin:-22px 0 0 -22px;transition:opacity .2s;display:flex;position:absolute;top:0;left:0}.phoenix-cursor.visible{opacity:1}.phoenix-cursor-dot{-webkit-backdrop-filter:blur(4px);color:#fff;background:#0a0e1859;border:1.5px solid #fff9;border-radius:50%;flex:none;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .15s,background .15s,border-color .15s;display:flex}.phoenix-cursor.dragging .phoenix-cursor-dot{background:#4f7fff80;border-color:#ffffffe6;transform:scale(.88)}.phoenix-cursor-label{font-family:var(--font-body);color:#fff;white-space:nowrap;border:1px solid var(--hairline);-webkit-backdrop-filter:blur(4px);background:#0a0e1899;border-radius:100px;padding:5px 12px;font-size:12.5px;font-weight:500}@media (hover:none){.phoenix-canvas{cursor:auto}.phoenix-cursor{display:none}}.phoenix-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);text-shadow:0 6px 40px #0009;margin:0;font-size:clamp(44px,7vw,88px);font-weight:700;line-height:1}.phoenix-sub{max-width:44ch;color:var(--text-body);text-shadow:0 2px 20px #000000b3;font-size:18px;line-height:1.6}@media (width<=640px){.phoenix{flex-direction:column;height:auto;min-height:0}.phoenix-canvas{width:100%;height:56vh;position:relative;inset:auto}.phoenix-overlay{text-align:center;align-items:center;padding:8px 20px 48px;position:relative}}.cs-header{z-index:20;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--hairline);background:#0a0e18b8;align-items:center;gap:24px;padding:20px 48px;display:flex;position:sticky;top:0}.cs-header .wordmark{font-family:var(--font-display);letter-spacing:.02em;font-size:19px;font-weight:700}.cs-back{color:var(--text-secondary);margin-right:auto;font-size:14px;transition:color .2s}.cs-back:hover{color:var(--text)}.cs{max-width:1080px;margin:0 auto;padding:60px 48px 20px}.cs-inner{flex-direction:column;gap:22px;display:flex}.cs-title{font-family:var(--font-display);letter-spacing:-.02em;margin:6px 0 0;font-size:clamp(36px,5vw,60px);font-weight:700;line-height:1.04}.cs-subtitle{color:var(--text-secondary);max-width:60ch;font-size:19px;line-height:1.5}.cs-hero-art{aspect-ratio:16/8;border:1px solid var(--hairline);background:#10162a repeating-linear-gradient(135deg,#ffffff05 0 12px,#ffffff0d 12px 24px);border-radius:20px;margin:14px 0 28px;position:relative;overflow:hidden}.cs-hero-art img{width:100%;height:100%;display:block;position:absolute;inset:0}.cs-hero-cover img{object-fit:cover;object-position:top left}.cs-hero-contain{aspect-ratio:16/9;background:radial-gradient(circle at 50% 15%,#1a2440 0%,#0b0f1c 72%)}.cs-hero-contain img{object-fit:contain;padding:26px 0}.cs-hero-logo{aspect-ratio:16/7;background:#fff}.cs-hero-logo img{object-fit:contain;padding:4% 24%}.cs-visit{align-self:flex-start;margin-top:4px}.cs-body{grid-template-columns:1.7fr 1fr;align-items:start;gap:56px;display:grid}.cs-h2{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 16px;font-size:24px;font-weight:600}.cs-overview .cs-h2:not(:first-child){margin-top:40px}.cs-para{color:var(--text-body);margin-bottom:16px;font-size:16px;line-height:1.7}.cs-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.cs-list li{color:var(--text-body);padding-left:26px;font-size:15px;line-height:1.5;position:relative}.cs-list li:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;position:absolute;top:8px;left:4px}.cs-meta{border:1px solid var(--hairline);background:var(--card);border-radius:18px;flex-direction:column;gap:20px;padding:26px;display:flex;position:sticky;top:96px}.cs-meta-row{flex-direction:column;gap:8px;display:flex}.cs-meta-label{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:11.5px}.cs-meta-value{color:var(--text);font-size:15px}.cs-cta{text-align:center;background:linear-gradient(135deg, #4f7fff29, var(--card) 78%);border:1px solid #4f7fff47;border-radius:24px;margin-top:64px;padding:48px}.cs-cta .cs-h2{margin-bottom:22px}.cs-cta .hero-ctas{justify-content:center}.cs-notfound{text-align:center;flex-direction:column;align-items:center;gap:18px;padding-top:120px;display:flex}.contact-page{max-width:1080px;margin:0 auto;padding:72px 48px 40px}.contact-page-inner{grid-template-columns:1fr 1fr;align-items:start;gap:64px;display:grid}.contact-h1{font-family:var(--font-display);letter-spacing:-.02em;margin:10px 0 20px;font-size:clamp(34px,4.5vw,52px);font-weight:700;line-height:1.05}.contact-lead{color:var(--text-body);max-width:46ch;margin-bottom:36px;font-size:17px;line-height:1.7}.contact-detail{border-top:1px solid var(--hairline);color:var(--text);flex-direction:column;gap:6px;padding:18px 0;font-size:15px;display:flex}.contact-email{color:var(--accent);width:fit-content;font-weight:600}.contact-email:hover{text-decoration:underline}.contact-form-card{border:1px solid var(--hairline);background:var(--card);border-radius:22px;padding:34px;box-shadow:0 8px 40px #00000059}.contact-form{flex-direction:column;gap:20px;display:flex}.field{flex-direction:column;gap:8px;display:flex}.field label{color:var(--text);font-size:13px;font-weight:600}.hp-field{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;left:-9999px}.field input,.field select,.field textarea{font-family:var(--font-body);color:var(--text);background:var(--card);border:1px solid var(--hairline);border-radius:12px;width:100%;padding:12px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s,background .2s}.field textarea{resize:vertical;min-height:120px}.field input::placeholder,.field textarea::placeholder{color:#5c6784}.field input:focus,.field select:focus,.field textarea:focus{background:var(--card-hover);border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #4f7fff33}.field input.invalid,.field textarea.invalid{border-color:#d64545;box-shadow:0 0 0 3px #d645451a}.field-error{color:#d64545;font-size:12.5px}.form-status-error{color:#d64545;font-size:13.5px;line-height:1.5}.contact-submit{cursor:pointer;border:none;align-self:flex-start;margin-top:4px}.contact-submit:disabled{opacity:.7;cursor:default}.contact-success{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:20px 0;display:flex}.contact-success-mark{width:56px;height:56px;color:var(--accent);background:#0a66ff1a;border-radius:50%;justify-content:center;align-items:center;font-size:26px;display:flex}.contact-success .cs-para{max-width:40ch}@media (width<=860px){.cs-body{grid-template-columns:1fr;gap:32px}.cs-meta{position:static}.contact-page-inner{grid-template-columns:1fr;gap:36px}}@media (width<=640px){.header{gap:16px;padding:16px 20px}.header nav{display:none}.header .btn-primary{margin-left:auto}.section,.services,.products{padding-left:20px;padding-right:20px}.contact{margin:60px 20px 0;padding:48px 24px}.section-head h2{font-size:30px}.product-card{flex-direction:column}.footer{padding:28px 20px}.cs-header{gap:14px;padding:16px 20px}.cs{padding:40px 20px 20px}.cs-cta{padding:36px 22px}.contact-page{padding:44px 20px 30px}.contact-form-card{padding:24px}}