:root{--bg-primary: #faf9f7;--bg-secondary: #f4f2ef;--bg-tertiary: #ebe8e3;--surface: #ffffff;--surface-hover: #f9f9f9;--border-light: #e8e5e0;--border-medium: #d4d0c9;--text-primary: #1a1a1a;--text-secondary: #6b6b6b;--text-tertiary: #9b9b9b;--text-inverse: #ffffff;--accent-primary: #2b2b2b;--accent-secondary: #4a4a4a;--accent-blue: #5b7fff;--accent-blue-light: #f0f3ff;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--space-3xl: 6rem;--space-4xl: 8rem;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Monaco", "Cascadia Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--transition-fast: .15s ease-out;--transition-base: .25s ease-out;--transition-slow: .35s ease-out}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);background-image:radial-gradient(circle at 20% 10%,rgba(91,127,255,.03) 0%,transparent 50%),radial-gradient(circle at 80% 90%,rgba(43,43,43,.02) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(91,127,255,.01) 0%,transparent 50%);min-height:100vh;position:relative}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 18% 16%,rgba(91,127,255,.08),transparent 24%),radial-gradient(circle at 78% 20%,rgba(255,255,255,.08),transparent 22%),radial-gradient(circle at 52% 78%,rgba(91,127,255,.06),transparent 20%),url("data:image/svg+xml,%3Csvg width='1600' height='1200' viewBox='0 0 1600 1200' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.22'%3E%3Cpath d='M1093 140C959 74 771 62 612 115C429 176 279 310 229 489C191 623 216 761 308 856C414 964 591 1013 759 988C936 961 1112 851 1206 694C1284 564 1286 406 1204 292C1176 252 1138 187 1093 140Z' stroke='%23A9BFFF' stroke-width='1.5'/%3E%3Cpath d='M1173 248C1051 158 864 132 693 170C507 211 352 321 296 483C255 604 283 747 380 845C483 949 647 998 803 979C973 957 1135 858 1213 726C1277 618 1270 490 1210 389C1200 372 1188 286 1173 248Z' stroke='white' stroke-opacity='0.75' stroke-width='1'/%3E%3Cpath d='M361 255C438 211 550 189 663 199C772 209 881 250 959 323C1040 399 1088 507 1083 610C1079 717 1028 814 944 883C863 949 756 989 648 1002C533 1017 411 994 320 928C232 864 183 764 188 657C194 531 267 361 361 255Z' stroke='%23FFFFFF' stroke-opacity='0.4' stroke-width='1' stroke-dasharray='6 10'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;background-size:auto,auto,auto,cover;background-position:center,center,center,center;opacity:.9}::view-transition-old(root),::view-transition-new(root){animation-duration:.52s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(root){animation-name:pageOut}::view-transition-new(root){animation-name:pageIn}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:var(--leading-tight);letter-spacing:-.025em}p{line-height:var(--leading-relaxed)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}.site{min-height:100vh;display:flex;flex-direction:column;position:relative;isolation:isolate}.main{flex:1;position:relative;z-index:1}.bg-orb,.bg-grid,.bg-noise{position:fixed;pointer-events:none;z-index:0}.bg-orb{border-radius:50%;filter:blur(50px);opacity:.8}.bg-orb-a{top:8vh;left:-8vw;width:28rem;height:28rem;background:radial-gradient(circle,rgba(91,127,255,.14) 0%,transparent 72%);animation:orbDriftA 18s ease-in-out infinite}.bg-orb-b{top:22vh;right:-6vw;width:24rem;height:24rem;background:radial-gradient(circle,rgba(255,255,255,.16) 0%,transparent 72%);animation:orbDriftB 22s ease-in-out infinite}.bg-orb-c{bottom:6vh;left:40vw;width:22rem;height:22rem;background:radial-gradient(circle,rgba(91,127,255,.1) 0%,transparent 72%);animation:orbDriftC 20s ease-in-out infinite}.bg-grid{inset:0;background-image:linear-gradient(rgba(91,127,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(91,127,255,.035) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(circle at center,black 36%,transparent 92%);mask-image:radial-gradient(circle at center,black 36%,transparent 92%);opacity:.5;animation:gridShift 18s linear infinite}.bg-grid:after{content:"";position:absolute;inset:8% 10%;border-radius:40px;border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px #5b7fff08,0 0 120px #5b7fff0a}.bg-noise{inset:0;opacity:.08;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.55) .5px,transparent .8px),radial-gradient(circle at 75% 75%,rgba(255,255,255,.45) .5px,transparent .8px);background-size:24px 24px,31px 31px}.page-stage{min-height:100%;animation:pageStageEnter .52s cubic-bezier(.22,1,.36,1)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#faf9f7f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);padding:var(--space-md) var(--space-lg);display:flex;align-items:center;justify-content:space-between;overflow:hidden}.nav:after{content:"";position:absolute;left:-20%;right:-20%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(91,127,255,.24),transparent);animation:navSweep 9s linear infinite}.nav-brand{font-weight:700;font-size:var(--text-xl);letter-spacing:-.02em;color:var(--accent-primary);transition:opacity var(--transition-fast)}.nav-brand:hover{opacity:.7}.nav-links{display:flex;gap:var(--space-lg)}.nav-link{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);transition:all var(--transition-fast)}.nav-link:hover,.nav-link.active{color:var(--text-primary);background-color:var(--surface)}.lang-toggle{font-size:var(--text-xs);font-weight:500;color:var(--text-tertiary);padding:var(--space-xs) var(--space-sm);border:1px solid var(--border-light);border-radius:var(--radius-md);background-color:var(--surface);transition:all var(--transition-fast)}.lang-toggle:hover{color:var(--text-primary);border-color:var(--border-medium)}.hero{padding:calc(var(--space-4xl) + var(--space-lg)) 0 var(--space-4xl);background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 10% 20%,rgba(91,127,255,.05) 0%,transparent 50%),radial-gradient(circle at 90% 80%,rgba(43,43,43,.03) 0%,transparent 50%);z-index:1;pointer-events:none;animation:heroAtmosphere 12s ease-in-out infinite}.hero:after{content:"";position:absolute;right:-8%;top:12%;width:38rem;height:38rem;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.16) 0%,rgba(91,127,255,.06) 36%,transparent 68%);filter:blur(12px);pointer-events:none;z-index:1;animation:heroHalo 10s ease-in-out infinite}.hero .container{position:relative;z-index:2}.hero-content{display:grid;grid-template-columns:1fr 400px;gap:var(--space-4xl);align-items:center}.hero-text{max-width:600px}.hero-label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm)}.hero-title{font-size:var(--text-5xl);font-weight:700;color:var(--text-primary);line-height:var(--leading-tight);margin-bottom:var(--space-md);letter-spacing:-.02em}.hero-description{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-xl);max-width:540px}.hero-actions{display:flex;gap:var(--space-md);align-items:center}.hero-visual{display:flex;justify-content:center;align-items:center;height:400px;position:relative}.hero-visual:before{content:"";position:absolute;top:20%;left:10%;width:100px;height:100px;border:1px solid rgba(91,127,255,.1);border-radius:50%;animation:rotate 20s linear infinite}.hero-visual:after{content:"";position:absolute;bottom:20%;right:15%;width:60px;height:60px;background:linear-gradient(45deg,rgba(91,127,255,.05),transparent);border-radius:var(--radius-lg);animation:rotate 15s linear infinite reverse}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-showcase{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.showcase-main{position:absolute;width:320px;height:200px;z-index:5;transform:perspective(1000px) rotateY(-15deg) rotateX(5deg);animation:showcaseFloat 8s ease-in-out infinite}.showcase-browser{width:100%;height:100%;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;border:1px solid var(--border-light);position:relative}.showcase-browser:after{content:"";position:absolute;inset:-20% auto auto -25%;width:42%;height:160%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:rotate(16deg);animation:browserSweep 7s linear infinite}.showcase-header{height:45%;background:linear-gradient(135deg,var(--accent-blue-light),var(--bg-secondary));position:relative;animation:showcaseSlide 4s ease-in-out infinite}.showcase-nav{position:absolute;top:var(--space-xs);left:var(--space-xs);right:var(--space-xs);height:4px;background:#fff6;border-radius:var(--radius-sm)}.showcase-hero{position:absolute;bottom:var(--space-xs);left:var(--space-xs);right:var(--space-xs);display:flex;flex-direction:column;gap:var(--space-xs)}.hero-text-block{height:8px;background:#fff9;border-radius:var(--radius-sm);width:70%}.hero-cta{height:6px;background:#5b7fffcc;border-radius:var(--radius-sm);width:30%}.showcase-sections{padding:var(--space-xs);display:flex;flex-direction:column;gap:var(--space-xs);background:var(--surface)}.section-block{height:6px;background:var(--bg-secondary);border-radius:var(--radius-sm);animation:sectionPulse 3s ease-in-out infinite}.section-block:nth-child(2){animation-delay:.5s;width:85%}.section-block:nth-child(3){animation-delay:1s;width:75%}.section-block.small{height:4px;width:50%}@keyframes showcaseFloat{0%,to{transform:perspective(1000px) rotateY(-15deg) rotateX(5deg) translateY(0)}50%{transform:perspective(1000px) rotateY(-15deg) rotateX(5deg) translateY(-8px)}}@keyframes showcaseSlide{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes sectionPulse{0%,to{opacity:.4}50%{opacity:.7}}.floating-card{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-lg);width:240px;transform:rotate(8deg) translate(60px,40px);transition:transform var(--transition-slow);animation:float 6s ease-in-out infinite;position:absolute;z-index:10;right:-20px;top:20px}.floating-card:hover{transform:rotate(0) scale(1.05)}@keyframes float{0%,to{transform:translateY(0) rotate(3deg)}50%{transform:translateY(-10px) rotate(3deg)}}.card-header{display:flex;justify-content:flex-end;margin-bottom:var(--space-md)}.card-dots{display:flex;gap:var(--space-xs)}.card-dots span{width:8px;height:8px;border-radius:50%;background-color:var(--border-medium)}.card-content h3{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-xs);color:var(--text-primary)}.card-content .price{font-size:var(--text-2xl);font-weight:700;color:var(--accent-blue);margin-bottom:var(--space-sm);display:block}.card-content .description{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-snug)}.btn-primary{background-color:var(--accent-primary);color:var(--text-inverse);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);font-weight:500;font-size:var(--text-base);border:none;transition:all var(--transition-base);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn-primary:hover{background-color:var(--accent-secondary);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-secondary{background-color:var(--surface);color:var(--text-primary);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);font-weight:500;font-size:var(--text-base);border:1px solid var(--border-light);transition:all var(--transition-base);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn-secondary:hover{border-color:var(--border-medium);transform:translateY(-1px);box-shadow:var(--shadow-md)}.section-title{font-size:var(--text-3xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-md)}.section-description{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);max-width:640px}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.approach{padding:var(--space-4xl) 0;background-color:var(--bg-secondary);position:relative}.approach:before{content:"";position:absolute;top:10%;right:5%;width:200px;height:200px;background:radial-gradient(circle,rgba(91,127,255,.02) 0%,transparent 70%);border-radius:50%;animation:pulse 8s ease-in-out infinite}.approach:after,.services:after,.pricing:after,.portfolio-grid-section:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.35),transparent 12%,transparent 88%,rgba(91,127,255,.03));opacity:.75}@keyframes pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.1}}.approach-content{text-align:center;max-width:700px;margin:0 auto}.services{padding:var(--space-4xl) 0;position:relative}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-xl)}.service-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-xl);transition:all var(--transition-base);position:relative}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-medium)}.service-number{position:absolute;top:var(--space-lg);right:var(--space-lg);font-size:var(--text-sm);font-family:var(--font-mono);color:var(--text-tertiary);font-weight:600}.service-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.service-description{color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-md)}.service-features{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xs)}.service-features li{font-size:var(--text-sm);color:var(--text-secondary);position:relative;padding-left:var(--space-sm)}.service-features li:before{content:"•";color:var(--accent-blue);font-weight:700;position:absolute;left:0}.process{padding:var(--space-4xl) 0;background-color:var(--bg-secondary);position:relative;overflow:hidden}.process:after{content:"";position:absolute;bottom:-20%;left:-10%;width:300px;height:300px;background:linear-gradient(135deg,rgba(43,43,43,.01) 0%,transparent 70%);border-radius:50%;animation:float 10s ease-in-out infinite}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}.process-step{position:relative;text-align:center}.step-number{width:48px;height:48px;border-radius:50%;background-color:var(--accent-primary);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:600;margin:0 auto var(--space-md)}.step-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.step-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-snug)}.step-connector{position:absolute;top:24px;right:-50%;width:100%;height:2px;background-color:var(--border-light);z-index:-1}.pricing{padding:var(--space-4xl) 0;position:relative}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-xl);max-width:1000px;margin:0 auto}.pricing-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-xl);transition:all var(--transition-base);position:relative}.pricing-card.featured{border-color:var(--accent-blue);transform:scale(1.05);box-shadow:var(--shadow-lg)}.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.pricing-card.featured:hover{transform:scale(1.05) translateY(-4px)}.pricing-header{text-align:center;border-bottom:1px solid var(--border-light);padding-bottom:var(--space-lg);margin-bottom:var(--space-lg)}.plan-name{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.plan-price{margin-bottom:var(--space-md)}.plan-price .price{font-size:var(--text-3xl);font-weight:700;color:var(--accent-blue)}.plan-price .period{font-size:var(--text-base);color:var(--text-secondary);margin-left:var(--space-xs)}.plan-summary{font-size:var(--text-sm);color:var(--text-secondary)}.pricing-features ul{list-style:none}.pricing-features li{padding:var(--space-xs) 0;font-size:var(--text-sm);color:var(--text-secondary);position:relative;padding-left:var(--space-lg)}.pricing-features li:before{content:"✓";color:var(--accent-blue);font-weight:700;position:absolute;left:0}.contact{padding:var(--space-4xl) 0;background-color:var(--bg-secondary)}.contact-content{text-align:center;max-width:600px;margin:0 auto}.contact-content .section-description{margin-bottom:var(--space-xl)}.portfolio-hero{padding:calc(var(--space-4xl) + var(--space-lg)) 0 var(--space-2xl)}.portfolio-header{text-align:center;max-width:700px;margin:0 auto}.page-title{font-size:var(--text-4xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-md)}.page-description{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed)}.portfolio-filter{padding:var(--space-2xl) 0;border-bottom:1px solid var(--border-light)}.filter-tabs{display:flex;justify-content:center;gap:var(--space-xs);flex-wrap:wrap}.filter-tab{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);background-color:var(--surface);border:1px solid var(--border-light);transition:all var(--transition-fast)}.filter-tab:hover,.filter-tab.active{color:var(--text-primary);background-color:var(--accent-primary);color:var(--text-inverse);border-color:var(--accent-primary)}.portfolio-grid-section{padding:var(--space-3xl) 0;position:relative}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-xl)}.portfolio-item{background:var(--surface);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-light);transition:all var(--transition-base);animation:portfolioCardIn .7s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--animation-delay, 0) * .08s)}.portfolio-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-medium)}.portfolio-image{height:280px;background-color:var(--bg-tertiary);position:relative;overflow:hidden;padding:var(--space-md);display:flex;align-items:center;justify-content:center}.portfolio-mockup{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform:perspective(1000px) rotateX(10deg);transition:transform var(--transition-base)}.portfolio-item:hover .portfolio-mockup{transform:perspective(1000px) rotateX(0) scale(1.05)}.mockup-browser{width:90%;height:85%;background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;animation:slideIn .6s ease-out forwards;animation-delay:calc(var(--animation-delay, 0) * .1s)}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.browser-bar{height:28px;background:var(--bg-tertiary);display:flex;align-items:center;padding:0 var(--space-sm);justify-content:space-between}.browser-dots{display:flex;gap:4px}.browser-dots span{width:8px;height:8px;border-radius:50%;background-color:var(--border-medium)}.browser-dots span:nth-child(1){background-color:#ff5f56}.browser-dots span:nth-child(2){background-color:#ffbd2e}.browser-dots span:nth-child(3){background-color:#27ca3f}.browser-url{flex:1;margin:0 var(--space-sm);background:var(--surface);border-radius:var(--radius-sm);height:18px;display:flex;align-items:center;justify-content:center}.browser-url span{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono)}.browser-content{height:calc(100% - 28px);background:var(--surface);position:relative;overflow:hidden}.content-header{height:40%;background:linear-gradient(135deg,var(--accent-blue-light),var(--bg-secondary));position:relative;animation:contentSlide 3s ease-in-out infinite}.content-nav{position:absolute;top:var(--space-xs);left:var(--space-xs);right:var(--space-xs);height:6px;background:#ffffff4d;border-radius:var(--radius-sm)}.content-hero{position:absolute;bottom:var(--space-xs);left:var(--space-xs);right:40%;height:12px;background:#ffffff80;border-radius:var(--radius-sm)}.content-sections{padding:var(--space-xs);display:flex;flex-direction:column;gap:var(--space-xs)}.content-block{height:8px;background:var(--bg-secondary);border-radius:var(--radius-sm);animation:blockPulse 2s ease-in-out infinite}.content-block:nth-child(2){animation-delay:.3s;width:80%}.content-block:nth-child(3){animation-delay:.6s;width:60%}.content-block.small{height:4px;width:40%}@keyframes contentSlide{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes blockPulse{0%,to{opacity:.3}50%{opacity:.6}}@keyframes pageOut{0%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}to{opacity:0;transform:translateY(18px) scale(.985);filter:blur(6px)}}@keyframes pageIn{0%{opacity:0;transform:translateY(18px) scale(1.015);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes pageStageEnter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes orbDriftA{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(42px,26px,0) scale(1.08)}}@keyframes orbDriftB{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-36px,28px,0) scale(.95)}}@keyframes orbDriftC{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-28px,-22px,0) scale(1.06)}}@keyframes gridShift{0%{transform:translateZ(0)}50%{transform:translate3d(0,-10px,0)}to{transform:translateZ(0)}}@keyframes navSweep{0%{transform:translate(-18%);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translate(18%);opacity:0}}@keyframes heroAtmosphere{0%,to{opacity:1;transform:scale(1)}50%{opacity:.82;transform:scale(1.03)}}@keyframes heroHalo{0%,to{transform:translateZ(0) scale(1);opacity:.9}50%{transform:translate3d(-18px,16px,0) scale(1.06);opacity:.72}}@keyframes browserSweep{0%{transform:translate(-160%) rotate(16deg)}to{transform:translate(320%) rotate(16deg)}}@keyframes portfolioCardIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.portfolio-content{padding:var(--space-lg)}.portfolio-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.portfolio-meta .category{font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.portfolio-meta .tech{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--accent-blue);background-color:var(--accent-blue-light);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.portfolio-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.portfolio-summary{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.portfolio-cta{padding:var(--space-4xl) 0;background-color:var(--bg-secondary)}.cta-content{text-align:center;max-width:600px;margin:0 auto}.cta-actions{display:flex;gap:var(--space-md);justify-content:center;align-items:center;margin-top:var(--space-xl)}.footer{padding:var(--space-2xl) 0 var(--space-lg);border-top:1px solid var(--border-light);background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);position:relative}.footer:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 30%,rgba(91,127,255,.04) 0%,transparent 50%),radial-gradient(circle at 85% 70%,rgba(43,43,43,.02) 0%,transparent 50%);pointer-events:none}.footer .container{position:relative;z-index:2}.footer-grid{display:flex;justify-content:space-between;gap:var(--space-xl);align-items:start;padding-bottom:var(--space-xl)}.footer-brand{max-width:440px}.footer-label{font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-md)}.footer-brand-title{font-size:clamp(2.5rem,5vw,3.6rem);font-weight:700;color:var(--accent-primary);margin-bottom:var(--space-sm);letter-spacing:-.02em}.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm);min-width:200px}.footer-text{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);max-width:380px}.footer-icon-link{margin-top:var(--space-lg);width:56px;height:56px;border-radius:var(--radius-xl);display:inline-flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border-light);color:var(--accent-blue);box-shadow:var(--shadow-md);transition:all var(--transition-base);font-size:var(--text-lg)}.footer-icon-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:var(--accent-blue);color:var(--text-inverse);border-color:var(--accent-blue)}.footer-link,.footer-contact-link{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary);transition:all var(--transition-fast);padding:var(--space-xs) 0;border:none;background:none;text-align:left}.footer-link:hover,.footer-contact-link:hover{color:var(--text-primary);transform:translate(4px)}.footer-bottom{padding-top:var(--space-2xl);border-top:1px solid var(--border-light);display:flex;justify-content:space-between;gap:var(--space-md);align-items:center}.footer-meta{font-size:var(--text-sm);color:var(--text-tertiary)}@media(max-width:1024px){.hero-content{grid-template-columns:1fr;gap:var(--space-2xl);text-align:center}.hero-visual{order:-1;height:300px}.showcase-main{width:280px;height:180px;transform:perspective(800px) rotateY(-10deg) rotateX(3deg)}.floating-card{width:200px;transform:rotate(5deg) translate(40px,30px)}.process-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}.step-connector{display:none}.footer-grid{flex-direction:column;align-items:flex-start}}@media(max-width:768px){.container{padding:0 var(--space-md)}.nav{padding:var(--space-sm) var(--space-md)}.nav-links{gap:var(--space-md)}.hero{padding:calc(var(--space-3xl) + var(--space-lg)) 0 var(--space-3xl)}.hero-title{font-size:var(--text-4xl)}.hero-actions{flex-direction:column;align-items:stretch}.services-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr;gap:var(--space-lg)}.pricing-grid,.portfolio-grid{grid-template-columns:1fr}.cta-actions{flex-direction:column;align-items:stretch}.section-title{font-size:var(--text-2xl)}.page-title{font-size:var(--text-3xl)}.footer-brand-title{font-size:var(--text-2xl)}.footer-link,.footer-contact-link,.footer-text,.footer-meta{font-size:var(--text-base)}.footer-bottom{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.hero-title{font-size:var(--text-3xl)}.hero-description{font-size:var(--text-base)}.hero-showcase{transform:scale(.8)}.showcase-main{width:240px;height:150px;transform:perspective(600px) rotateY(-8deg) rotateX(2deg)}.floating-card{width:180px;padding:var(--space-md);transform:rotate(3deg) translate(20px,20px)}.service-features{grid-template-columns:1fr}.portfolio-mockup{transform:perspective(800px) rotateX(5deg)}}