@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";
:root{--bg-dark:#050b12;--bg-deep:#07111f;--bg-light:#f7f9fc;--bg-lighter:#fff;--white:#fff;--text:#07101d;--text-secondary:#38445a;--muted:#6d7787;--line:#07101d1a;--line-light:#ffffff1f;--blue:#168cff;--blue-2:#2f63ff;--blue-soft:#168cff1a;--blue-glow:#168cff59;--radius:22px;--radius-sm:10px;--shadow:0 24px 80px #07101d24;--shadow-blue:0 16px 34px #168cff47;--max:1200px;--header-h:80px;--section-py:120px;--section-py-mobile:72px;--transition:.4s cubic-bezier(.25, .46, .45, .94);--transition-fast:.25s cubic-bezier(.25, .46, .45, .94)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:var(--text);background:var(--bg-dark);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none}button{-webkit-tap-highlight-color:transparent;cursor:pointer;background:0 0;border:none;font-family:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6,p{margin:0}.container{width:min(var(--max), calc(100% - 48px));margin-inline:auto}.section-dark{color:var(--white);background:var(--bg-dark)}.section-light{color:var(--text);background:var(--bg-lighter)}h1,h2{letter-spacing:-.045em;font-weight:900;line-height:1}h1{font-size:clamp(48px,7.5vw,88px)}h2{font-size:clamp(34px,5vw,56px)}h3{letter-spacing:-.02em;font-weight:700}.accent{color:var(--blue)}.eyebrow{color:var(--blue);letter-spacing:.22em;text-transform:uppercase;margin-bottom:18px;font-size:11px;font-weight:800;display:inline-block}.eyebrow.dark{color:var(--text);opacity:.5}.btn{letter-spacing:.01em;min-height:48px;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);border-radius:8px;justify-content:center;align-items:center;padding:0 28px;font-size:13px;font-weight:800;line-height:1;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{color:var(--white);background:linear-gradient(135deg, var(--blue), var(--blue-2));box-shadow:var(--shadow-blue)}.btn-primary:hover{box-shadow:0 20px 44px #168cff61}.btn-outline{color:var(--blue);transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);background:#168cff0a;border:1.5px solid #168cff80}.btn-outline:hover{border-color:var(--blue);background:#168cff1f}.text-link{color:var(--blue);transition:gap var(--transition-fast);align-items:center;gap:10px;font-size:13px;font-weight:800;display:inline-flex}.text-link:hover{gap:14px}.text-link .arrow{width:28px;height:28px;transition:background var(--transition-fast), color var(--transition-fast);border:1.5px solid;border-radius:999px;place-items:center;font-size:13px;display:grid}.text-link:hover .arrow{background:var(--blue);color:var(--white)}.site-header{z-index:100;border-bottom:1px solid #0000;transition:background .35s,border-color .35s,-webkit-backdrop-filter .35s,backdrop-filter .35s,transform .4s cubic-bezier(.25,.46,.45,.94);position:fixed;top:0;left:0;right:0;transform:translateZ(0)}.site-header.is-scrolled{-webkit-backdrop-filter:blur(20px)saturate(1.2);border-color:var(--line-light);background:#050b12d1}.navbar{min-height:var(--header-h);justify-content:space-between;align-items:center;gap:28px;display:flex}.brand img{width:128px;height:auto}.nav-panel{align-items:center;gap:32px;display:flex}main,.footer{transition:transform .4s cubic-bezier(.25,.46,.45,.94)}body.menu-open{overflow-x:hidden}body.menu-open .site-header,body.menu-open main,body.menu-open .footer{transform:translate(-280px)}.nav-links{align-items:center;gap:40px;display:flex}.nav-links a{color:#fffc;transition:color var(--transition-fast);font-size:13px;font-weight:600;position:relative}.nav-links a:after{content:"";background:var(--blue);width:0;height:2px;transition:width var(--transition-fast);border-radius:1px;position:absolute;bottom:-4px;left:0}.nav-links a:hover,.nav-links a.is-active{color:var(--white)}.nav-links a:hover:after,.nav-links a.is-active:after{width:100%}.menu-toggle{border:1px solid var(--line-light);background:#ffffff0d;border-radius:999px;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;display:none}.menu-toggle span{background:var(--white);border-radius:2px;width:18px;height:2px;margin-inline:auto;transition:transform .3s,opacity .3s}.menu-toggle.is-open span:first-child{transform:translateY(7px)rotate(45deg)}.menu-toggle.is-open span:nth-child(2){opacity:0}.menu-toggle.is-open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.hero{align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;overflow:hidden}.hero-bg img{object-fit:cover;object-position:center;opacity:.85;filter:saturate(1.05)contrast(1.02);width:min(72vw,940px);height:100%;position:absolute;top:0;right:0}.hero-overlay{background:radial-gradient(ellipse at 75% 15%, #168cff33, transparent 50%), radial-gradient(ellipse at 20% 80%, #2f63ff1a, transparent 50%), linear-gradient(90deg, var(--bg-dark) 0%, var(--bg-dark) 30%, #050b12d9 48%, #050b1266 65%, #050b12a6 100%), linear-gradient(180deg, #050b1233, #050b12b3);position:absolute;inset:0}.hero-inner{z-index:2;padding-top:calc(var(--header-h) + 40px);padding-bottom:60px;position:relative}.hero-copy{max-width:620px}.hero-eyebrow{color:var(--blue);letter-spacing:.2em;text-transform:uppercase;margin-bottom:22px;font-size:12px;font-weight:700}.hero-title{color:var(--white);margin-bottom:28px;line-height:1.02}.hero-title .typewriter-word{color:var(--blue);position:relative}.hero-title .typewriter-word:after{content:"|";color:var(--blue);margin-left:2px;font-weight:400;animation:.8s step-end infinite blink;position:relative}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-text{color:#ffffffb8;max-width:460px;margin-bottom:40px;font-size:16px;line-height:1.75}.hero-actions{align-items:center;gap:24px;margin-bottom:60px;display:flex}.hero-actions .text-link{border-left:1px solid #fff3;padding-left:24px}.scroll-indicator{color:var(--white);letter-spacing:.05em;align-items:center;gap:16px;font-size:11px;font-weight:700;display:flex}.scroll-indicator .line{background:linear-gradient(90deg, #fff6, var(--blue));border-radius:1px;width:60px;height:2px}.hero-badge{z-index:2;cursor:pointer;transition:transform .2s cubic-bezier(.25,.46,.45,.94);position:absolute;bottom:80px;right:0}.hero-badge:hover .badge-circle{transform:scale(1.15)}.hero-badge:hover .badge-ring{border-color:#168cff66;inset:-64px}.badge-circle{width:180px;height:180px;color:var(--white);text-align:center;background:linear-gradient(135deg,#0c8fff,#3156ff);border-radius:999px;place-items:center;transition:transform .4s cubic-bezier(.25,.46,.45,.94);display:grid;position:relative;box-shadow:0 24px 80px #168cff66}.badge-circle span{z-index:1;font-size:14px;font-weight:900;line-height:1.3;position:relative}.badge-ring{border:1px solid #ffffff26;border-radius:999px;transition:inset .4s cubic-bezier(.25,.46,.45,.94),border-color .4s cubic-bezier(.25,.46,.45,.94);animation:24s linear infinite spin;position:absolute;inset:-24px}.badge-ring-text{width:100%;height:100%;position:absolute}.badge-ring-text span{color:#ffffff73;letter-spacing:.25em;text-transform:uppercase;transform-origin:0 100px;font-size:10px;font-weight:700;position:absolute;top:0;left:50%}@keyframes spin{to{transform:rotate(360deg)}}.services{padding:var(--section-py) 0;background:linear-gradient(#fff 0%,#f8faff 100%)}.services-header{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:64px;display:flex}.services-header-left h2{color:var(--text);margin-bottom:0}.services-header-right{max-width:380px}.services-header-right p{color:var(--text-secondary);margin-bottom:20px;font-size:15px;line-height:1.7}.services-list{border-top:1px solid var(--line)}.service-item{border-bottom:1px solid var(--line);position:relative;overflow:hidden}.service-item-inner{transition:padding var(--transition);grid-template-columns:60px 1fr 1fr 48px;align-items:center;gap:24px;padding:32px 0;display:grid}.service-item:hover .service-item-inner{padding-left:12px}.service-item .service-num{color:var(--blue);font-variant-numeric:tabular-nums;font-size:14px;font-weight:800}.service-item .service-icon{opacity:.6;width:32px;height:32px;transition:opacity var(--transition-fast)}.service-item:hover .service-icon{opacity:1}.service-item .service-title{color:var(--text);letter-spacing:-.03em;transition:color var(--transition-fast), transform var(--transition-fast);font-size:22px;font-weight:800}.service-item:hover .service-title{color:var(--blue);transform:translate(8px)}.service-item .service-desc{color:var(--muted);transition:opacity var(--transition-fast);font-size:14px;line-height:1.65}.service-item .service-arrow{border:1.5px solid var(--line);width:44px;height:44px;color:var(--muted);transition:all var(--transition-fast);border-radius:999px;justify-self:end;place-items:center;font-size:16px;display:grid}.service-item:hover .service-arrow{border-color:var(--blue);color:var(--white);background:var(--blue);transform:translate(0)rotate(-45deg)}.portfolio{padding:calc(var(--section-py) + 40px) 0;color:var(--white);background:radial-gradient(at 60% 10%,#168cff1f,#0000 45%),linear-gradient(#030911,#06101b)}.portfolio-header{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:56px;display:flex}.portfolio-header-copy p{color:#ffffffa6;max-width:320px;margin-top:16px;font-size:15px;line-height:1.7}.portfolio-filters{flex-wrap:wrap;gap:12px;margin-bottom:48px;display:flex}.filter-btn{color:#fff9;transition:all var(--transition-fast);border:1.5px solid #ffffff1a;border-radius:999px;padding:10px 24px;font-size:14px;font-weight:600}.filter-btn:hover,.filter-btn.is-active{color:var(--white);background:#ffffff0d;border-color:#ffffff4d}.filter-btn.is-active{background:var(--blue);border-color:var(--blue)}.project-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.project-card{aspect-ratio:4/5;cursor:pointer;background:#0d1a2a;border-radius:14px;position:relative;overflow:hidden}.project-card img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.project-card:after{content:"";opacity:.8;transition:opacity var(--transition);background:linear-gradient(#0000 20%,#000000f2 100%);position:absolute;inset:0}.project-card:hover:after{opacity:.95}.project-card:hover img{transform:scale(1.1)rotate(2deg)}.project-card-info{z-index:2;transition:transform var(--transition);background:#0d1a2a;border:1px solid #ffffff14;border-radius:12px;padding:24px;position:absolute;bottom:24px;left:24px;right:24px;transform:translateY(16px)}.project-card:hover .project-card-info{transform:translateY(0)}.project-card-info h3{color:var(--white);letter-spacing:-.02em;margin-bottom:6px;font-size:20px}.project-card-info p{color:#ffffffb3;font-size:14px}.project-card-arrow{z-index:2;width:40px;height:40px;color:var(--white);opacity:0;transition:all var(--transition-fast);border:1.5px solid #ffffff4d;border-radius:999px;place-items:center;font-size:14px;display:grid;position:absolute;bottom:20px;right:20px;transform:translateY(10px)}.project-card:hover .project-card-arrow{opacity:1;transform:translateY(0)}.about{padding:var(--section-py) 0;background:var(--bg-lighter)}.about-layout{grid-template-columns:1fr 1.15fr;align-items:center;gap:80px;display:grid}.media-card{border-radius:12px;position:relative;overflow:visible}.media-card img{aspect-ratio:1.45;object-fit:cover;width:100%;box-shadow:var(--shadow);border-radius:12px}.play-btn{width:88px;height:88px;color:var(--blue);background:var(--white);transition:transform var(--transition-fast), box-shadow var(--transition-fast);border-radius:999px;place-items:center;font-size:18px;display:grid;position:absolute;bottom:24px;left:-20px;box-shadow:0 20px 50px #07101d26}.play-btn:hover{transform:scale(1.08);box-shadow:0 24px 60px #07101d33}.play-btn-ring{border:1px dashed #168cff59;border-radius:999px;animation:18s linear infinite spin;position:absolute;inset:6px}.about-copy h2{max-width:520px;color:var(--text);margin-bottom:20px}.about-description{max-width:500px;color:var(--text-secondary);margin-bottom:44px;font-size:15px;line-height:1.8}.about-highlight{border-left:3px solid var(--blue);color:var(--text);letter-spacing:-.01em;margin-bottom:44px;padding-left:24px;font-size:16px;font-weight:600;line-height:1.7}.stats{grid-template-columns:repeat(3,1fr);display:grid}.stat-item{border-left:1px solid var(--line);padding:0 28px}.stat-item:first-child{border-left:0;padding-left:0}.stat-number{color:var(--blue-2);letter-spacing:-.03em;margin-bottom:6px;font-size:38px;font-weight:900;line-height:1;display:block}.stat-label{color:var(--muted);font-size:12px;font-weight:600}.process{padding:var(--section-py) 0;color:var(--white);background:radial-gradient(at 80% 35%,#168cff26,#0000 45%),linear-gradient(135deg,#040b13,#07172c 55%,#071b36)}.process-layout{grid-template-columns:.9fr 2.5fr;align-items:center;gap:60px;display:grid}.process-copy p{color:#ffffffa6;max-width:300px;margin:16px 0 28px;font-size:14px;line-height:1.75}.process-steps{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.step-card{text-align:center;border-radius:var(--radius-sm);transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);background:#ffffff08;border:1px solid #ffffff0f;padding:28px 12px;position:relative}.step-card:hover{background:#168cff14;border-color:#168cff33;transform:translateY(-6px)}.step-icon{width:64px;height:64px;color:var(--white);transition:border-color var(--transition-fast), background var(--transition-fast);border:1px solid #fff3;border-radius:999px;place-items:center;margin:0 auto 18px;font-size:24px;font-style:normal;display:grid}.step-card:hover .step-icon{border-color:var(--blue);background:#168cff1f}.step-num{color:var(--blue);margin-bottom:10px;font-size:16px;font-weight:900;display:block}.step-card h3{margin-bottom:8px;font-size:15px;font-weight:700}.step-card p{color:#fff9;max-width:140px;margin-inline:auto;font-size:12px;line-height:1.6}.step-connector{justify-content:center;align-items:center;width:16px;display:flex;position:absolute;top:58px;right:-16px}.step-connector:after{content:"···";color:#ffffff40;letter-spacing:2px;font-size:16px}.testimonials{padding:var(--section-py) 0;background:var(--bg-lighter)}.testimonials-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:48px;display:flex}.testimonial-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.testimonial-card{border:1px solid var(--line);background:var(--white);transition:transform var(--transition-fast), box-shadow var(--transition-fast);border-radius:14px;padding:36px;box-shadow:0 12px 40px #07101d0d}.testimonial-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px #07101d1a}.testimonial-quote{height:24px;color:var(--blue);margin-bottom:8px;font-size:48px;font-weight:700;line-height:1;display:block}.testimonial-text{color:#414c61;margin-bottom:28px;font-size:14px;line-height:1.75}.person{align-items:center;gap:12px;display:flex}.person-avatar{width:38px;height:38px;color:var(--white);background:linear-gradient(135deg,#ffb27d,#267eff);border-radius:999px;place-items:center;font-size:11px;font-weight:900;display:grid}.person-name{color:var(--text);font-size:13px;font-weight:700}.person-role{color:var(--muted);font-size:12px}.cta{min-height:380px;color:var(--white);position:relative;overflow:hidden}.cta-bg{object-fit:cover;opacity:.75;width:100%;height:100%;position:absolute;inset:0}.cta-overlay{background:linear-gradient(90deg,#08133a99,#070d22e0);position:absolute;inset:0}.cta-inner{z-index:2;justify-content:space-between;align-items:center;gap:40px;min-height:380px;display:flex;position:relative}.cta h2{max-width:540px;margin-bottom:18px}.cta-text{color:#ffffffc7;max-width:450px;margin-bottom:32px;font-size:15px;line-height:1.7}.connect-badge{cursor:pointer;color:var(--white);flex-shrink:0;text-decoration:none;transition:transform .2s cubic-bezier(.25,.46,.45,.94);display:block;position:relative}.connect-badge:hover .connect-circle{transform:scale(1.15)}.connect-badge:hover .connect-ring{border-color:#fff6;inset:-64px}.connect-circle{text-align:center;border:2px solid #ffffffa6;border-radius:999px;place-items:center;width:130px;height:130px;transition:transform .4s cubic-bezier(.25,.46,.45,.94);display:grid;position:relative}.connect-circle span{font-size:20px;font-weight:900;line-height:1.2}.connect-ring{border:1px solid #ffffff1f;border-radius:999px;transition:inset .4s cubic-bezier(.25,.46,.45,.94),border-color .4s cubic-bezier(.25,.46,.45,.94);animation:22s linear infinite spin;position:absolute;inset:-24px}.footer{color:var(--white);background:linear-gradient(135deg,#07101c,#081522 55%,#091927)}.footer-grid{grid-template-columns:.85fr 1.3fr .7fr .85fr .85fr;gap:40px;padding:64px 0 44px;display:grid}.footer-logo{width:124px;margin-bottom:8px}.footer-desc{color:#fff9;font-size:13px;line-height:1.75}.footer h3{color:var(--white);margin-bottom:16px;font-size:13px;font-weight:800}.footer-nav{flex-direction:column;gap:8px;display:flex}.footer-nav a,.footer-contact span,.footer-contact a{color:#fff9;transition:color var(--transition-fast);font-size:13px;font-style:normal;line-height:1.7}.footer-nav a:hover,.footer-contact a:hover{color:var(--blue)}.footer-bottom{color:#fff6;border-top:1px solid #ffffff14;justify-content:space-between;gap:20px;padding:22px 0 32px;font-size:12px;display:flex}.footer-bottom-links{gap:24px;display:flex}.footer-bottom-links a{color:#fff6;transition:color var(--transition-fast)}.footer-bottom-links a:hover{color:var(--blue)}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.25,.46,.45,.94),transform .7s cubic-bezier(.25,.46,.45,.94);transform:translateY(30px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transition:opacity .7s cubic-bezier(.25,.46,.45,.94),transform .7s cubic-bezier(.25,.46,.45,.94);transform:translate(-30px)}.reveal-left.is-visible{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transition:opacity .7s cubic-bezier(.25,.46,.45,.94),transform .7s cubic-bezier(.25,.46,.45,.94);transform:scale(.9)}.reveal-scale.is-visible{opacity:1;transform:scale(1)}.reveal-rotate{opacity:0;transform-origin:0 100%;transition:opacity .8s cubic-bezier(.25,.46,.45,.94),transform .8s cubic-bezier(.25,.46,.45,.94);transform:translateY(40px)rotate(-4deg)}.reveal-rotate.is-visible{opacity:1;transform:translateY(0)rotate(0)}@media (max-width:1100px){:root{--section-py:90px}.services-header{flex-direction:column;align-items:flex-start;gap:16px}.service-item-inner{grid-template-columns:48px 1fr 48px;gap:16px}.service-item .service-desc{display:none}.portfolio-header{flex-direction:column;align-items:flex-start}.about-layout,.process-layout{grid-template-columns:1fr;gap:48px}.process-steps{grid-template-columns:repeat(3,1fr)}.step-connector{display:none}.footer-grid{grid-template-columns:repeat(2,1fr);gap:32px}}@media (max-width:820px){:root{--section-py:var(--section-py-mobile);--header-h:68px}.container{width:min(100% - 32px, var(--max))}.menu-toggle{display:flex}.nav-panel{width:280px;height:100vh;padding:calc(var(--header-h) + 24px) 24px 24px;background:var(--white);opacity:1;pointer-events:all;border:none;border-radius:0;flex-direction:column;align-items:stretch;position:absolute;top:0;right:-280px;box-shadow:-20px 0 80px #0003}.nav-links{flex-direction:column;align-items:stretch;gap:0}.nav-links a{color:var(--bg-dark);border-bottom:1px solid #0000001a;padding:14px 0;font-size:15px;font-weight:700;transition:color .2s;display:block}.nav-links a.is-active,.nav-links a:hover{color:var(--blue)}.nav-links a:after{display:none}.nav-cta{width:100%;margin-top:8px}.hero-bg img{opacity:.45;width:100%}.hero-overlay{background:radial-gradient(ellipse at 70% 60%, #168cff26, transparent 50%), linear-gradient(180deg, var(--bg-dark) 0%, #050b12eb 50%, #050b12bf 100%)}.portfolio-filters{gap:8px;margin-bottom:24px}.filter-btn{padding:8px 16px;font-size:13px}.hero-badge{justify-content:center;margin-top:48px;display:flex;position:relative;bottom:auto;right:auto}.badge-circle,.connect-circle{width:140px;height:140px}.badge-ring,.connect-ring{inset:-16px}.hero-actions{flex-wrap:wrap}.hero-actions .text-link{border-left:0;padding-left:0}.service-item-inner{grid-template-columns:1fr 40px;gap:12px;padding:24px 0}.service-item .service-num,.service-item .service-desc{display:none}.project-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:16px;padding-bottom:24px;display:flex;overflow-x:auto}.project-grid>div{scroll-snap-align:center;flex:0 0 75vw}.project-card{width:100%}.testimonial-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:16px;padding-bottom:24px;display:flex;overflow-x:auto}.testimonial-card{scroll-snap-align:center;flex:0 0 70vw}.stats{grid-template-columns:1fr;gap:24px}.stat-item,.stat-item:first-child{border-left:0;padding:0}.cta-inner{flex-direction:column;justify-content:center;align-items:flex-start;padding:64px 0}.connect-badge{align-self:center}.process-steps{grid-template-columns:repeat(2,1fr);gap:14px}.footer-bottom{flex-direction:column;gap:12px}}@media (max-width:560px){.brand img,.footer-logo{width:108px}.scroll-indicator{display:none}.hero-badge{margin-top:32px;display:flex}.service-item .service-title{font-size:18px}.project-grid>div,.testimonial-card{flex:0 0 85vw}.about-layout{gap:32px}.play-btn{width:72px;height:72px;bottom:-28px;left:16px}.process-steps{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:28px}.testimonials-header{flex-direction:column;align-items:flex-start}}