*{box-sizing:border-box}html,body{margin:0}body{background:#05080f;font-family:Space Grotesk,system-ui,sans-serif;color:#e8f0ff;-webkit-font-smoothing:antialiased}a{color:#9fc5ff;text-decoration:none}a:hover{color:#c9e0ff}::selection{background:#4d9fff4d}input,textarea{font-family:inherit}input:focus,textarea:focus{outline:none;border-color:var(--ac,#4d9fff)!important;box-shadow:0 0 0 3px #4d9fff24}input::placeholder,textarea::placeholder{color:#4c6488}button{font-family:Space Grotesk,system-ui,sans-serif}@keyframes ayfloat{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes ayfade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.ayview{animation:ayfade .5s ease both}.app{--ac:#4d9fff;min-height:100vh;background:#05080f}.nav{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:18px 44px;background:#05080fb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(120,160,220,.1)}.nav-logo{display:flex;align-items:center}.nav-logo img{height:34px;width:auto;opacity:.95}.nav-links{display:flex;align-items:center;gap:30px;font:500 13px JetBrains Mono,monospace;color:#8ea6c8}.aylink{opacity:.78;transition:color .3s,opacity .3s;cursor:pointer}.aylink:hover{opacity:1;color:#c9e0ff}.aybtn{transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .4s,background .3s,border-color .3s;cursor:pointer}.aybtn:hover{transform:translateY(-2px)}.nav-cta{padding:9px 16px;border:1px solid rgba(77,159,255,.4);border-radius:7px;color:#bcd6ff;background:#4d9fff0f}.btn-primary{padding:14px 26px;border-radius:9px;border:0;background:var(--ac,#4d9fff);color:#02060d;font-weight:600;font-size:14px;box-shadow:0 12px 40px -8px #4d9fff99}.btn-ghost{padding:14px 26px;border-radius:9px;background:#ffffff0a;border:1px solid rgba(120,160,220,.2);color:#cddcf5;font-weight:500;font-size:14px}.hero{position:relative;min-height:640px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;padding:70px 40px 60px}.hero canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero-glow{position:absolute;left:50%;top:66%;transform:translate(-50%,-50%);width:1100px;height:1100px;background:radial-gradient(circle,rgba(30,90,190,.3),rgba(20,60,140,.09) 42%,transparent 66%);pointer-events:none}.hero-mark{position:relative;z-index:3;animation:ayfloat 9s ease-in-out infinite}.hero-mark img{width:270px;height:auto;filter:drop-shadow(0 0 40px rgba(77,159,255,.35))}.hero-eyebrow{position:relative;z-index:3;margin:38px 0 0;font:500 12px JetBrains Mono,monospace;letter-spacing:.34em;color:#5f7fb0}.hero-title{position:relative;z-index:3;margin:20px 0 0;font-size:52px;font-weight:300;line-height:1.08;letter-spacing:-.02em;max-width:720px;text-wrap:balance}.hero-title .accent{font-weight:600;color:#8fc0ff}.hero-sub{position:relative;z-index:3;margin:24px 0 0;font-size:17px;line-height:1.6;color:#8ea6c8;max-width:520px}.hero-actions{position:relative;z-index:3;display:flex;gap:14px;margin-top:36px}.eyebrow{font:500 12px JetBrains Mono,monospace;letter-spacing:.28em;color:#5f7fb0}.portfolio{position:relative;z-index:2;padding:78px 56px 30px;background:linear-gradient(180deg,#05080f,#070d1a);scroll-margin-top:80px}.portfolio-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}.portfolio-head .note{font:400 13px Space Grotesk;color:#6b83a6}.aybrand{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:26px;padding:28px 20px;border-top:1px solid rgba(120,160,220,.12);text-decoration:none;color:inherit;cursor:pointer;transition:background .45s,border-color .45s,padding-left .4s cubic-bezier(.2,.8,.2,1)}.aybrand:hover{background:#4d9fff0d;padding-left:32px}.brand-badge{width:64px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,#4d9fff29,#1e3c781a);border:1px solid rgba(120,160,220,.16);font:700 15px JetBrains Mono,monospace;color:#9cc5ff;letter-spacing:.04em}.brand-name{font-size:22px;font-weight:600;letter-spacing:-.01em}.brand-name .tld{color:#4d7db8;font-weight:400}.brand-tag{margin-top:5px;font-size:14px;color:#8296b4}.ayarrow{display:flex;align-items:center;gap:14px;font:500 12px JetBrains Mono,monospace;color:#5f7fb0;letter-spacing:.14em;opacity:.7;transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .4s}.ayarrow .chev{font-size:16px}.aybrand:hover .ayarrow{transform:translate(6px);opacity:1}.portfolio-foot{border-top:1px solid rgba(120,160,220,.12)}.studio{padding:82px 56px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:#070d1a;scroll-margin-top:80px}.studio h2{margin:18px 0 0;font-size:34px;font-weight:400;line-height:1.2;letter-spacing:-.01em}.studio p{margin:20px 0 0;font-size:16px;line-height:1.65;color:#8ea6c8;max-width:440px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#78a0dc1a;border:1px solid rgba(120,160,220,.1);border-radius:12px;overflow:hidden}.stat{padding:26px;background:#080f1e}.stat .num{font-size:34px;font-weight:600;color:#8fc0ff;font-family:JetBrains Mono}.stat .lbl{margin-top:6px;font-size:13px;color:#8296b4}.contact{position:relative;padding:88px 56px 70px;overflow:hidden;background:linear-gradient(180deg,#070d1a,#04070e);scroll-margin-top:80px}.contact-glow{position:absolute;left:50%;bottom:-260px;transform:translate(-50%);width:900px;height:520px;background:radial-gradient(ellipse at center,rgba(77,159,255,.18),transparent 68%);pointer-events:none}.contact-head{position:relative;max-width:760px;margin:0 auto;text-align:center}.contact-head h2{margin:16px 0 0;font-size:40px;font-weight:300;letter-spacing:-.02em}.contact-head h2 .accent{font-weight:600;color:#8fc0ff}.contact-head p{margin:16px 0 0;font-size:16px;color:#8ea6c8}.contact-form{position:relative;max-width:620px;margin:40px auto 0;display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:7px;text-align:left}.field-label{font:500 12px JetBrains Mono,monospace;color:#7a90b0;letter-spacing:.06em}.field-label .opt{opacity:.5}.field input,.field textarea{padding:13px 15px;border-radius:9px;background:#ffffff08;border:1px solid rgba(120,160,220,.2);color:#e8f0ff;font-size:15px;transition:border-color .3s,box-shadow .3s}.field textarea{resize:vertical}.form-error{font:500 13px JetBrains Mono,monospace;color:#ff8b8b;text-align:left}.form-submit{margin-top:6px;align-self:flex-start;padding:15px 30px;border:0;border-radius:9px;background:var(--ac,#4d9fff);color:#02060d;font-weight:600;font-size:15px;cursor:pointer;box-shadow:0 12px 40px -8px #4d9fff99}.form-submit:disabled{opacity:.6;cursor:default;transform:none}.contact-success{position:relative;max-width:620px;margin:40px auto 0;padding:44px;text-align:center;border-radius:14px;background:#4d9fff0f;border:1px solid rgba(77,159,255,.28)}.contact-success .check{width:52px;height:52px;margin:0 auto;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--ac,#4d9fff);color:#02060d;font-size:26px;font-weight:700}.contact-success h3{margin:20px 0 0;font-size:24px;font-weight:600}.contact-success p{margin:12px 0 0;font-size:15px;color:#8ea6c8}.contact-success .again{margin-top:24px;padding:12px 24px;border:1px solid rgba(120,160,220,.25);border-radius:9px;background:transparent;color:#cddcf5;font-weight:500;font-size:14px;cursor:pointer}.detail-hero{position:relative;padding:44px 56px 56px;overflow:hidden;background:linear-gradient(180deg,#070d1a,#05080f)}.detail-glow{position:absolute;right:-160px;top:-160px;width:620px;height:620px;background:radial-gradient(circle,var(--ac,#4d9fff),transparent 66%);opacity:.16;pointer-events:none}.back-link{position:relative;font:500 13px JetBrains Mono,monospace;color:#8ea6c8;letter-spacing:.06em;cursor:pointer}.detail-head{position:relative;margin-top:34px;display:flex;align-items:flex-start;gap:26px}.detail-badge{width:76px;height:76px;flex:none;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#78a0dc14;border:1px solid var(--ac,#4d9fff);font:700 18px JetBrains Mono,monospace;color:#dbe8ff;box-shadow:0 0 32px -6px var(--ac,#4d9fff)}.detail-titlerow{display:flex;align-items:center;gap:14px}.detail-titlerow h1{margin:0;font-size:44px;font-weight:600;letter-spacing:-.02em}.detail-titlerow h1 .tld{color:#4d7db8;font-weight:400}.detail-kind{padding:5px 11px;border-radius:20px;border:1px solid var(--ac,#4d9fff);font:500 11px JetBrains Mono,monospace;color:#cfe2ff;letter-spacing:.14em}.detail-blurb{margin:16px 0 0;font-size:20px;line-height:1.4;color:#c3d4ee;max-width:640px;font-weight:300}.detail-visit{display:inline-block;margin-top:24px;padding:13px 24px;border-radius:9px;background:var(--ac,#4d9fff);color:#02060d;font-weight:600;font-size:14px;box-shadow:0 12px 40px -10px var(--ac,#4d9fff)}.detail-overview{padding:56px 56px 40px;display:grid;grid-template-columns:1.3fr 1fr;gap:56px;background:#05080f}.detail-overview .body{margin:16px 0 0;font-size:17px;line-height:1.7;color:#b6c8e2}.highlights{margin-top:16px;display:flex;flex-direction:column;gap:12px}.highlight{display:flex;align-items:baseline;gap:12px;font-size:15px;color:#c3d4ee}.highlight .mark{color:var(--ac,#4d9fff);font-family:JetBrains Mono;font-size:13px}.screenshots{padding:24px 56px 80px;background:#05080f}.shots-row{margin-top:18px;display:grid;grid-template-columns:2fr 1fr;gap:16px}.shots-row.pair{margin-top:16px;grid-template-columns:1fr 1fr}.shot{position:relative;border-radius:12px;overflow:hidden;background:#0a1320;border:1px solid rgba(120,160,220,.14)}.detail-cta{padding:50px 56px 80px;background:linear-gradient(180deg,#05080f,#070d1a);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.detail-cta .work{padding:15px 28px;border-radius:9px;background:var(--ac,#4d9fff);color:#02060d;font-weight:600;font-size:15px;box-shadow:0 12px 40px -10px var(--ac,#4d9fff)}.next-brand{display:flex;align-items:center;gap:16px;padding:16px 24px;border-radius:9px;border:1px solid rgba(120,160,220,.2);background:#ffffff05;color:#cddcf5}.next-brand .kicker{font:500 11px JetBrains Mono,monospace;color:#5f7fb0;letter-spacing:.14em}.next-brand .name{font-size:17px;font-weight:600}.footer{padding:34px 56px;display:flex;align-items:center;justify-content:space-between;background:#04070e;border-top:1px solid rgba(120,160,220,.1);font:400 12px JetBrains Mono,monospace;color:#5f7fb0}.footer .brands{letter-spacing:.18em}.imgslot{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:12px;color:#5b74a0;-webkit-user-select:none;user-select:none}.imgslot svg{opacity:.5}.imgslot .cap{max-width:90%;font-weight:500;font-size:13px;letter-spacing:.01em}.imgslot .ring{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:12px;border:1.5px dashed rgba(120,160,220,.22)}.imgslot img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}@media(max-width:860px){.nav{padding:16px 22px}.nav-links{gap:18px}.hero{padding:56px 22px 48px;min-height:520px}.hero-title{font-size:38px}.portfolio,.studio,.contact{padding-left:22px;padding-right:22px}.studio{grid-template-columns:1fr;gap:34px}.detail-hero,.detail-overview,.screenshots,.detail-cta{padding-left:22px;padding-right:22px}.detail-overview{grid-template-columns:1fr;gap:34px}.detail-titlerow h1{font-size:34px}.shots-row,.shots-row.pair,.form-row{grid-template-columns:1fr}.footer{padding:24px 22px;flex-direction:column;gap:12px;text-align:center}}@media(max-width:560px){.nav-links a.aylink{display:none}.aybrand{grid-template-columns:52px 1fr;gap:16px}.aybrand .ayarrow{display:none}}