*{box-sizing:border-box;margin:0;padding:0}body{background-color:#05070d;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}img{max-width:100%;display:block}button{font-family:inherit}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.page{color:#f8fafc;background:radial-gradient(circle at top,#0e1420,#070b12 50%,#05070d);min-height:100vh;position:relative;overflow:hidden}.background-effects{z-index:0;pointer-events:none;filter:blur();position:absolute;inset:0}.orb{opacity:.55;background:radial-gradient(circle,#627cffbf,#627cff00);border-radius:50%;width:320px;height:320px;animation:18s ease-in-out infinite float;position:absolute}.orb-one{top:-80px;right:-60px}.orb-two{background:radial-gradient(circle,#ff84ccb3,#ff84cc00);animation-delay:2s;bottom:10%;left:-120px}.orb-three{background:radial-gradient(circle,#5dead399,#5dead300);animation-delay:4s;bottom:-120px;right:12%}@keyframes float{0%,to{transform:translateY(0)translate(0)}50%{transform:translateY(24px)translate(-18px)}}.hero{z-index:1;padding:36px 6vw 80px;position:relative}.nav{justify-content:space-between;align-items:center;gap:24px;padding:16px 0 48px;display:flex}.logo{letter-spacing:.08em;text-transform:uppercase;font-weight:700}.nav-links{gap:20px;font-size:.95rem;display:flex}.nav a{color:inherit;opacity:.8;text-decoration:none;transition:opacity .2s}.nav a:hover{opacity:1}.hero-content{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center;gap:48px;display:grid}.hero-text h1{margin-bottom:20px;font-size:clamp(2.4rem,4vw,3.6rem);line-height:1.1}.hero-text span{color:#92f3ff}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:#f8fafcb3;margin-bottom:12px;font-size:.85rem}.subhead{color:#f8fafcc2;font-size:1.05rem;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:16px;margin-top:28px;display:flex}.primary,.secondary{cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;padding:12px 20px;font-weight:600;text-decoration:none;display:inline-flex}.primary{color:#0b0e15;background:linear-gradient(120deg,#7b6cff,#49d6ff);box-shadow:0 12px 30px #49d6ff40}.secondary{color:#f8fafc;background:0 0;border:1px solid #f8fafc66}.hero-photo{justify-content:center;display:flex}.photo-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c1018b3;border:1px solid #ffffff1a;border-radius:24px;max-width:320px;padding:18px;box-shadow:0 20px 40px #0000004d}.photo-placeholder{letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(140deg,#7b6cff80,#49d6ff1a);border-radius:18px;justify-content:center;align-items:center;height:260px;font-weight:600;display:flex}.photo-caption h3{margin:20px 0 8px}.section{z-index:1;padding:80px 6vw;position:relative}.section-header{max-width:720px;margin-bottom:40px}.section h2{margin-bottom:16px;font-size:clamp(2rem,4vw,2.8rem)}.work-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.work-card{background:#0f131cb3;border:1px solid #ffffff14;border-radius:20px;padding:24px;box-shadow:inset 0 1px #ffffff0d}.work-card-header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px;display:flex}.work-card span{color:#f8fafc99;font-size:.85rem}.company{color:#f8fafcd9;margin-bottom:12px;font-weight:600}.contact{padding-bottom:120px}.contact-card{background:#0f131cbf;border:1px solid #ffffff1a;border-radius:28px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px;padding:36px;display:grid;box-shadow:0 18px 40px #00000059}.contact-form{gap:16px;display:grid}.contact-form label{color:#f8fafccc;gap:8px;font-size:.95rem;display:grid}.contact-form input,.contact-form textarea{color:#f8fafc;background:#080c12cc;border:1px solid #ffffff1f;border-radius:12px;padding:12px 14px;font-family:inherit}.contact-form input:focus,.contact-form textarea:focus{border-color:#0000;outline:2px solid #49d6ff80}.footer{text-align:center;color:#f8fafc99;z-index:1;padding:32px 6vw 48px;font-size:.9rem;position:relative}.domain{letter-spacing:.12em;text-transform:uppercase;color:#f8fafc66;margin-top:6px}@media (max-width:720px){.nav,.hero-actions{flex-direction:column;align-items:flex-start}}