@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=General+Sans:wght@300;400;500;600;700&display=swap";
:root{--bg-primary:#060608;--bg-surface:#0c0c10;--bg-elevated:#141418;--bg-card:#101014;--accent:#4f6ef7;--accent-light:#7b93ff;--accent-dim:#3a51b8;--warm:#f5a623;--text-primary:#edeae6;--text-secondary:#807c77;--text-muted:#48453f;--border:#1e1e24;--border-light:#2a2a32;--font-display:"Instrument Serif", "Georgia", serif;--font-body:"General Sans", "system-ui", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes pulseRing{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes rotateSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dashDraw{to{stroke-dashoffset:0}}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}.grain-overlay:before{content:"";pointer-events:none;z-index:1000;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");width:200%;height:200%;animation:8s steps(10,end) infinite grain;position:fixed;inset:-50%}.anim-up{animation:.9s cubic-bezier(.16,1,.3,1) both fadeInUp}.anim-fade{animation:1s both fadeIn}.anim-scale{animation:.8s cubic-bezier(.16,1,.3,1) both scaleIn}.d1{animation-delay:.1s}.d2{animation-delay:.2s}.d3{animation-delay:.35s}.d4{animation-delay:.5s}.d5{animation-delay:.65s}.d6{animation-delay:.8s}.d7{animation-delay:.95s}.d8{animation-delay:1.1s}.nav{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#060608f2 0%,#060608b3 60%,#0000 100%);justify-content:space-between;align-items:center;padding:18px 40px;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;font-size:1.35rem;text-decoration:none}.nav-logo span{color:var(--accent-light)}.nav-links{align-items:center;gap:36px;list-style:none;display:flex}.nav-link{color:var(--text-secondary);letter-spacing:.03em;font-size:.82rem;font-weight:400;text-decoration:none;transition:color .3s}.nav-link:hover{color:var(--text-primary)}.nav-cta{background:var(--accent);color:#fff;font-family:var(--font-body);letter-spacing:.04em;cursor:pointer;border:none;border-radius:6px;padding:10px 24px;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .3s}.nav-cta:hover{background:var(--accent-light);transform:translateY(-1px);box-shadow:0 6px 24px #4f6ef74d}.hero{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:140px 24px 100px;display:flex;position:relative;overflow:hidden}.hero-orb{filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.hero-orb-1{background:radial-gradient(circle,#4f6ef71a 0%,#0000 70%);width:600px;height:600px;top:-15%;left:50%;transform:translate(-50%)}.hero-orb-2{background:radial-gradient(circle,#f5a6230f 0%,#0000 70%);width:400px;height:400px;bottom:10%;right:-5%}.hero-content{z-index:2;text-align:center;max-width:960px;position:relative}.hero-badge{letter-spacing:.1em;text-transform:uppercase;color:var(--accent-light);background:#4f6ef714;border:1px solid #4f6ef733;border-radius:100px;align-items:center;gap:10px;margin-bottom:44px;padding:8px 22px;font-size:.75rem;font-weight:500;display:inline-flex}.hero-badge-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;position:relative}.hero-badge-dot:after{content:"";border:1.5px solid var(--accent);border-radius:50%;animation:2s ease-out infinite pulseRing;position:absolute;inset:-4px}.hero-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-primary);margin-bottom:10px;font-size:clamp(3rem,7.5vw,6.8rem);font-weight:400;line-height:1.02}.hero-title-accent{background:linear-gradient(135deg, var(--accent-light), var(--accent), #a78bfa);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;font-style:italic;animation:5s infinite gradientShift}.hero-sub{color:var(--text-secondary);max-width:560px;margin:28px auto 48px;font-size:clamp(1rem,2vw,1.2rem);font-weight:300;line-height:1.7}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:80px;display:flex}.btn-primary{background:var(--accent);color:#fff;font-family:var(--font-body);letter-spacing:.03em;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:10px;padding:16px 36px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.btn-primary:hover{background:var(--accent-light);transform:translateY(-2px);box-shadow:0 10px 36px #4f6ef759}.btn-ghost{color:var(--text-primary);font-family:var(--font-body);letter-spacing:.03em;border:1px solid var(--border-light);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:10px;padding:16px 36px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.btn-ghost:hover{border-color:var(--accent-dim);color:var(--accent-light);transform:translateY(-2px)}.marquee-wrap{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-surface);padding:18px 0;overflow:hidden}.marquee-track{width:max-content;animation:30s linear infinite marquee;display:flex}.marquee-item{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;flex-shrink:0;padding:0 48px;font-size:.78rem;font-weight:500}.marquee-dot{color:var(--accent-dim)}.section{padding:120px 24px;position:relative}.section-inner{max-width:1120px;margin:0 auto}.section-tag{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:16px;font-size:.7rem;font-weight:600}.section-heading{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(2rem,4vw,3.2rem);font-weight:400;line-height:1.12}.section-heading em{font-style:italic}.section-desc{color:var(--text-secondary);max-width:560px;font-size:1.02rem;font-weight:300;line-height:1.7}.services-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:64px;display:grid}.service-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:44px 32px;transition:all .45s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.service-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:0;height:2px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.service-card:hover{border-color:var(--border-light);transform:translateY(-6px);box-shadow:0 20px 60px #0006}.service-card:hover:before{opacity:1}.service-icon{background:#4f6ef714;border:1px solid #4f6ef726;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:24px;font-size:1.3rem;transition:all .3s;display:flex}.service-card:hover .service-icon{background:#4f6ef724;border-color:#4f6ef74d;transform:scale(1.08)}.service-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:12px;font-size:1.4rem;font-weight:400}.service-desc{color:var(--text-secondary);font-size:.88rem;font-weight:300;line-height:1.7}.portfolio-section{background:var(--bg-surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:64px;display:grid}.portfolio-card{border:1px solid var(--border);background:var(--bg-primary);aspect-ratio:16/10;cursor:pointer;border-radius:12px;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.portfolio-card:hover{border-color:var(--border-light);transform:translateY(-4px);box-shadow:0 24px 64px #00000080}.portfolio-preview{font-family:var(--font-display);color:var(--text-muted);letter-spacing:-.02em;justify-content:center;align-items:center;font-size:1.8rem;transition:all .4s;display:flex;position:absolute;inset:0}.portfolio-card:hover .portfolio-preview{opacity:.4;transform:scale(1.05)}.portfolio-overlay{opacity:0;background:linear-gradient(#0000 40%,#060608f2 100%);flex-direction:column;justify-content:flex-end;padding:32px;transition:opacity .4s;display:flex;position:absolute;inset:0}.portfolio-card:hover .portfolio-overlay{opacity:1}.portfolio-type{letter-spacing:.15em;text-transform:uppercase;color:var(--accent-light);margin-bottom:8px;font-size:.68rem;font-weight:600}.portfolio-name{font-family:var(--font-display);color:var(--text-primary);margin-bottom:6px;font-size:1.3rem}.portfolio-info{color:var(--text-secondary);font-size:.82rem;font-weight:300}.process-grid{border:1px solid var(--border);border-radius:12px;grid-template-columns:repeat(4,1fr);gap:0;margin-top:64px;display:grid;overflow:hidden}.process-step{border-right:1px solid var(--border);padding:44px 32px;transition:background .3s;position:relative}.process-step:last-child{border-right:none}.process-step:hover{background:var(--bg-surface)}.process-num{font-family:var(--font-display);color:#4f6ef726;margin-bottom:20px;font-size:2.8rem;font-weight:400;line-height:1;transition:color .3s}.process-step:hover .process-num{color:#4f6ef74d}.process-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:10px;font-size:1.2rem;font-weight:400}.process-desc{color:var(--text-secondary);font-size:.84rem;font-weight:300;line-height:1.65}.stats-bar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(4,1fr);display:grid}.stat-item{text-align:center;border-right:1px solid var(--border);padding:48px 32px}.stat-item:last-child{border-right:none}.stat-value{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;font-size:2.6rem;font-weight:400;line-height:1}.stat-value span{color:var(--accent-light)}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.14em;margin-top:10px;font-size:.75rem;font-weight:400}.tech-grid{flex-wrap:wrap;gap:12px;margin-top:48px;display:flex}.tech-pill{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);cursor:default;border-radius:100px;padding:12px 24px;font-size:.84rem;font-weight:400;transition:all .3s}.tech-pill:hover{border-color:var(--accent-dim);color:var(--accent-light);background:#4f6ef70f}.pricing-grid{grid-template-columns:repeat(2,1fr);gap:24px;max-width:880px;margin-top:64px;margin-left:auto;margin-right:auto;display:grid}.pricing-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;padding:48px 40px;transition:all .45s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.pricing-card:before{content:"";background:linear-gradient(90deg, transparent, var(--border-light), transparent);height:2px;transition:background .4s;position:absolute;top:0;left:0;right:0}.pricing-card:hover{border-color:var(--border-light);transform:translateY(-6px);box-shadow:0 24px 64px #0006}.pricing-card:hover:before{background:linear-gradient(90deg, transparent, var(--accent), transparent)}.pricing-card-featured{background:linear-gradient(180deg, #4f6ef70a 0%, var(--bg-surface) 50%);border-color:#4f6ef74d}.pricing-card-featured:before{background:linear-gradient(90deg, transparent, var(--accent), transparent)}.pricing-badge{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-light);background:#4f6ef71f;border:1px solid #4f6ef740;border-radius:100px;margin-bottom:28px;padding:5px 14px;font-size:.68rem;font-weight:600;display:inline-block}.pricing-name{font-family:var(--font-display);color:var(--text-primary);margin-bottom:8px;font-size:1.6rem;font-weight:400}.pricing-tagline{color:var(--text-secondary);margin-bottom:32px;font-size:.88rem;font-weight:300;line-height:1.5}.pricing-amount{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;font-size:3.4rem;font-weight:400;line-height:1}.pricing-period{color:var(--text-muted);margin-top:8px;margin-bottom:32px;font-size:.82rem;font-weight:300}.pricing-features{margin-bottom:36px;list-style:none}.pricing-feature{color:var(--text-secondary);align-items:flex-start;gap:12px;padding:9px 0;font-size:.88rem;font-weight:300;line-height:1.5;display:flex}.pricing-check{color:var(--accent-light);flex-shrink:0;margin-top:2px;font-size:.82rem}.pricing-cta{text-align:center;width:100%;font-family:var(--font-body);letter-spacing:.04em;cursor:pointer;border:none;border-radius:8px;padding:16px;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:block}.pricing-cta-ghost{color:var(--text-primary);border:1px solid var(--border-light);background:0 0}.pricing-cta-ghost:hover{border-color:var(--accent-dim);color:var(--accent-light);transform:translateY(-1px)}.pricing-cta-primary{background:var(--accent);color:#fff}.pricing-cta-primary:hover{background:var(--accent-light);transform:translateY(-1px);box-shadow:0 8px 32px #4f6ef74d}@media (max-width:700px){.pricing-grid{grid-template-columns:1fr}.pricing-card{padding:36px 28px}}.cta-section{text-align:center;background:var(--bg-surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:relative;overflow:hidden}.cta-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#4f6ef70f 0%,#0000 70%);border-radius:50%;width:700px;height:700px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-heading{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:24px;font-size:clamp(2.2rem,5vw,4rem);font-weight:400;line-height:1.1;position:relative}.cta-heading em{font-style:italic}.cta-desc{color:var(--text-secondary);max-width:500px;margin-bottom:44px;margin-left:auto;margin-right:auto;font-size:1.05rem;font-weight:300;line-height:1.7}.contact-form-wrap{background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;max-width:520px;margin:56px auto 0;padding:48px;position:relative}.contact-form-wrap:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);border-radius:14px 14px 0 0;height:2px;position:absolute;top:0;left:0;right:0}.form-group{text-align:left;margin-bottom:16px}.form-label{color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;font-size:.76rem;font-weight:500;display:block}.form-input,.form-textarea{background:var(--bg-primary);border:1px solid var(--border);width:100%;color:var(--text-primary);font-family:var(--font-body);resize:vertical;border-radius:8px;outline:none;padding:14px 18px;font-size:.9rem;transition:border-color .3s}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:focus,.form-textarea:focus{border-color:var(--accent-dim)}.form-submit{background:var(--accent);color:#fff;width:100%;font-family:var(--font-body);letter-spacing:.04em;cursor:pointer;border:none;border-radius:8px;margin-top:8px;padding:16px;font-size:.9rem;font-weight:600;transition:all .4s cubic-bezier(.16,1,.3,1)}.form-submit:hover{background:var(--accent-light);transform:translateY(-1px);box-shadow:0 8px 32px #4f6ef74d}.footer{text-align:center;border-top:1px solid var(--border);padding:64px 24px}.footer-logo{font-family:var(--font-display);color:var(--text-primary);margin-bottom:12px;font-size:1.5rem}.footer-logo span{color:var(--accent-light)}.footer-text{color:var(--text-muted);font-size:.8rem;font-weight:300}.footer-links{justify-content:center;gap:36px;margin-top:24px;display:flex}.footer-link{color:var(--text-secondary);letter-spacing:.06em;font-size:.78rem;text-decoration:none;transition:color .3s}.footer-link:hover{color:var(--accent-light)}@media (max-width:1024px){.process-grid{grid-template-columns:repeat(2,1fr)}.process-step:nth-child(2){border-right:none}.process-step:first-child,.process-step:nth-child(2){border-bottom:1px solid var(--border)}.stats-bar{grid-template-columns:repeat(2,1fr)}.stat-item:nth-child(2){border-right:none}.stat-item:first-child,.stat-item:nth-child(2){border-bottom:1px solid var(--border)}}@media (max-width:900px){.services-grid{grid-template-columns:1fr 1fr}.portfolio-grid{grid-template-columns:1fr}.nav-links{display:none}}@media (max-width:640px){.services-grid,.process-grid{grid-template-columns:1fr}.process-step{border-right:none;border-bottom:1px solid var(--border)}.process-step:last-child{border-bottom:none}.stats-bar{grid-template-columns:1fr}.stat-item{border-right:none;border-bottom:1px solid var(--border)}.stat-item:last-child{border-bottom:none}.hero{padding:120px 20px 60px}.section{padding:80px 20px}.hero-buttons{flex-direction:column;align-items:center}.contact-form-wrap{padding:32px 24px}.footer-links{flex-direction:column;gap:16px}.nav{padding:16px 20px}}