.skip-link{position:absolute;top:-100%;left:16px;z-index:10000;padding:12px 24px;background:var(--color-accent);color:var(--color-white);text-decoration:none;border-radius:0 0 8px 8px;font-weight:600;font-size:.9rem;transition:top .3s ease}.skip-link:focus{top:0}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #0a0a0b;--color-bg-elevated: #111113;--color-bg-card: #161618;--color-bg-card-hover: #1c1c1f;--color-surface: #1e1e21;--color-border: #2a2a2e;--color-border-light: #333338;--color-text: #e8e8ec;--color-text-secondary: #9898a0;--color-text-muted: #6b6b74;--color-accent: #FF6B35;--color-accent-light: #FF8A5C;--color-accent-glow: rgba(255, 107, 53, .15);--color-accent-glow-strong: rgba(255, 107, 53, .3);--color-white: #ffffff;--font-heading: "Sora", sans-serif;--font-body: "DM Sans", sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--transition: .3s cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5)}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}img{max-width:100%;display:block;-webkit-user-drag:none;user-select:none;-webkit-user-select:none;pointer-events:auto}.hidden{display:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}.accent{color:var(--color-accent)}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0a0a0bcc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid transparent;transition:var(--transition)}.nav.scrolled{border-bottom-color:var(--color-border)}.nav-container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:72px}.nav-logo{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.nav-menu{display:flex;align-items:center;gap:8px;list-style:none}.nav-link{font-size:.875rem;font-weight:500;color:var(--color-text-secondary);padding:8px 16px;border-radius:var(--radius-sm);transition:var(--transition)}.nav-link:hover,.nav-link.active{color:var(--color-text);background:var(--color-surface)}.nav-link-cta{background:var(--color-accent);color:var(--color-white);margin-left:8px}.nav-link-cta:hover{background:var(--color-accent-light);color:var(--color-white)}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.nav-toggle span{display:block;width:24px;height:2px;background:var(--color-text);border-radius:2px;transition:var(--transition)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-size:.9375rem;font-weight:600;padding:14px 28px;border-radius:var(--radius-md);border:none;cursor:pointer;transition:var(--transition)}.btn-primary{background:var(--color-accent);color:var(--color-white);box-shadow:0 0 20px var(--color-accent-glow)}.btn-primary:hover{background:var(--color-accent-light);box-shadow:0 0 30px var(--color-accent-glow-strong);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--color-text);border:1px solid var(--color-border-light)}.btn-outline:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-glow)}.btn-full{width:100%}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:72px;overflow:hidden}.hero-dna{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero-content{position:relative;z-index:1;padding:80px 24px}.hero-badge{display:inline-flex;align-items:center;gap:8px;font-size:.8125rem;font-weight:500;color:var(--color-accent);background:var(--color-accent-glow);border:1px solid rgba(255,107,53,.2);padding:6px 16px;border-radius:100px;margin-bottom:32px;animation:fadeInUp .6s ease}.hero-badge:before{content:"";width:6px;height:6px;background:var(--color-accent);border-radius:50%;animation:pulse 2s infinite}.hero-title{font-family:var(--font-heading);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;margin-bottom:24px;animation:fadeInUp .6s ease .1s both}.hero-title-accent{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.125rem;color:var(--color-text-secondary);max-width:540px;line-height:1.7;margin-bottom:40px;animation:fadeInUp .6s ease .2s both}.hero-actions{display:flex;gap:16px;margin-bottom:64px;animation:fadeInUp .6s ease .3s both}.hero-stats{display:flex;gap:48px;animation:fadeInUp .6s ease .4s both}.hero-stat{display:flex;flex-direction:column;gap:4px}.hero-stat-number{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;color:var(--color-text)}.hero-stat-label{font-size:.8125rem;color:var(--color-text-muted);font-weight:500}.section{padding:120px 0}.section-label{font-size:.8125rem;font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px}.section-title{font-family:var(--font-heading);font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.15;letter-spacing:-.02em;margin-bottom:24px}.section-title-center{text-align:center}.section-title-center+.services-grid,.section-title-center+.portfolio-grid,.section-title-center+.testimonials-grid{margin-top:48px}.about{border-top:1px solid var(--color-border)}.about-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:64px;align-items:center;margin-top:48px}.about-img{width:100%;aspect-ratio:3 / 4;object-fit:cover;border:1px solid var(--color-border);border-radius:var(--radius-lg)}.inline-link{color:var(--color-accent);text-decoration:none;border-bottom:1px solid transparent;transition:var(--transition)}.inline-link:hover{border-bottom-color:var(--color-accent)}.about-content p{color:var(--color-text-secondary);margin-bottom:16px;font-size:1rem;line-height:1.8}.about-tech{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}.tech-tag{font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);padding:6px 14px;border-radius:100px}.services{border-top:1px solid var(--color-border)}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.service-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:36px;transition:var(--transition)}.service-card:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-light);transform:translateY(-2px)}.service-icon{width:48px;height:48px;background:var(--color-accent-glow);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-accent);margin-bottom:20px}.service-card h3{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;margin-bottom:12px}.service-card p{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.7}.portfolio{border-top:1px solid var(--color-border)}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.portfolio-card{display:block;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-card);border:1px solid var(--color-border);transition:var(--transition)}.portfolio-card:hover{border-color:var(--color-border-light);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.portfolio-image{position:relative;overflow:hidden}.portfolio-img{width:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:top;display:block}.portfolio-overlay{position:absolute;inset:0;background:#ff6b35d9;display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition)}.portfolio-card:hover .portfolio-overlay{opacity:1}.portfolio-view{color:var(--color-white);font-weight:600;font-size:.9375rem}.portfolio-info{padding:20px 24px 24px}.portfolio-info h3{font-family:var(--font-heading);font-size:1.125rem;font-weight:600;margin-bottom:4px}.portfolio-info>p{color:var(--color-text-muted);font-size:.8125rem;margin-bottom:12px}.portfolio-tags{display:flex;gap:8px}.portfolio-tags span{font-size:.75rem;font-weight:500;color:var(--color-accent);background:var(--color-accent-glow);padding:4px 10px;border-radius:100px}.process{border-top:1px solid var(--color-border)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px}.process-step{position:relative;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:36px;transition:var(--transition)}.process-step:hover{border-color:var(--color-border-light);transform:translateY(-2px)}.process-number{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;color:var(--color-accent);opacity:.3;line-height:1;margin-bottom:20px}.process-step h3{font-family:var(--font-heading);font-size:1.15rem;font-weight:600;margin-bottom:10px}.process-step p{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.7}.pricing{border-top:1px solid var(--color-border)}.pricing-subtitle{text-align:center;color:var(--color-text-secondary);font-size:1.0625rem;max-width:500px;margin:0 auto 48px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}.pricing-card{position:relative;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:36px;transition:var(--transition)}.pricing-card:hover{border-color:var(--color-border-light);transform:translateY(-2px)}.pricing-card-featured{border-color:var(--color-accent);box-shadow:0 0 40px var(--color-accent-glow)}.pricing-card-featured:hover{border-color:var(--color-accent-light)}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-accent);color:var(--color-white);font-size:.75rem;font-weight:600;padding:4px 16px;border-radius:100px;white-space:nowrap}.pricing-header{margin-bottom:16px}.pricing-header h3{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;margin-bottom:8px}.pricing-desc{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.6;margin-bottom:24px}.pricing-features{list-style:none;margin-bottom:32px}.pricing-features li{color:var(--color-text-secondary);font-size:.9rem;padding:8px 0;border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:10px}.pricing-features li:last-child{border-bottom:none}.pricing-features li:before{content:"✓";color:var(--color-accent);font-weight:700;font-size:.85rem;flex-shrink:0}.in-progress{border-top:1px solid var(--color-border)}.in-progress-grid{display:flex;flex-wrap:wrap;justify-content:center;margin-top:48px;margin-left:-12px;margin-right:-12px}.in-progress-card{background:#161618;border:1px solid #2a2a2e;border-radius:16px;padding:36px;position:relative;transition:.3s cubic-bezier(.4,0,.2,1);width:calc(50% - 24px);max-width:500px;margin:0 12px;box-sizing:border-box}.in-progress-card:hover{border-color:#333338;transform:translateY(-2px)}.in-progress-status{display:inline-flex;align-items:center;font-size:.8125rem;font-weight:500;color:#22c55e;margin-bottom:16px}.in-progress-status .status-dot{margin-right:8px}.status-dot{width:6px;height:6px;min-width:6px;min-height:6px;background:#22c55e;border-radius:50%;display:inline-block;animation:pulse 2s infinite}.in-progress-card h3{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;margin-bottom:4px}.in-progress-type{color:var(--color-text-muted);font-size:.8125rem;margin-bottom:16px}.in-progress-tags{display:flex;flex-wrap:wrap}.in-progress-tags span{margin-right:8px;margin-bottom:8px;font-size:.75rem;font-weight:500;color:var(--color-accent);background:var(--color-accent-glow);padding:4px 10px;border-radius:100px}.contact{border-top:1px solid var(--color-border)}.contact-subtitle{text-align:center;color:var(--color-text-secondary);font-size:1.0625rem;max-width:500px;margin:0 auto 48px}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:48px}.contact-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.form-group input,.form-group select,.form-group textarea{font-family:var(--font-body);font-size:.9375rem;color:var(--color-text);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px 16px;transition:var(--transition);outline:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-muted)}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b6b74' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.form-group textarea{resize:vertical;min-height:120px}.contact-info{display:flex;flex-direction:column;justify-content:center}.contact-info-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:36px}.contact-info-card h3{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;margin-bottom:12px}.contact-info-card>p{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.7;margin-bottom:24px}.contact-links{display:flex;flex-direction:column;gap:16px}.contact-link{display:flex;align-items:center;gap:12px;color:var(--color-text-secondary);font-size:.9375rem;transition:var(--transition)}.contact-link:hover{color:var(--color-accent)}.contact-link svg{flex-shrink:0}.footer{border-top:1px solid var(--color-border);padding:48px 0}.footer-content{display:flex;align-items:center;justify-content:space-between}.footer-logo{font-family:var(--font-heading);font-size:1.25rem;font-weight:700}.footer-text{color:var(--color-text-muted);font-size:.8125rem}.footer-links{display:flex;gap:24px}.footer-links a{color:var(--color-text-muted);font-size:.8125rem;transition:var(--transition)}.footer-links a:hover{color:var(--color-text)}.footer-privacy{color:var(--color-text-muted);transition:var(--transition)}.footer-privacy:hover{color:var(--color-accent)}.back-to-top{position:fixed;bottom:32px;right:32px;width:44px;height:44px;background:var(--color-accent);color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transform:translateY(12px);transition:var(--transition);z-index:999;box-shadow:0 4px 16px #ff6b354d}.back-to-top.visible{opacity:1;pointer-events:all;transform:translateY(0)}.back-to-top:hover{background:var(--color-accent-light);transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.fade-in{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:var(--color-card);border-top:1px solid rgba(255,255,255,.06);color:var(--color-muted);padding:20px 24px;display:flex;align-items:center;justify-content:center;gap:20px;font-size:.88rem;line-height:1.5;transform:translateY(100%);transition:transform .4s ease}.cookie-banner.visible{transform:translateY(0)}.cookie-banner p{margin:0}.cookie-banner a{color:var(--color-accent);text-decoration:underline}.cookie-banner a:hover{color:var(--color-accent-light)}.cookie-buttons{display:flex;gap:10px;flex-shrink:0}.cookie-btn{padding:8px 20px;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:var(--font-body)}.cookie-accept{background:var(--color-accent);color:#fff}.cookie-accept:hover{background:var(--color-accent-light)}.cookie-decline{background:transparent;color:var(--color-muted);border:1px solid rgba(255,255,255,.1)}.cookie-decline:hover{border-color:#ffffff40;color:var(--color-text)}@media(max-width:1024px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.nav-toggle{display:flex}.nav-menu{position:fixed;top:72px;left:0;right:0;background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);flex-direction:column;padding:16px 24px;gap:4px;transform:translateY(-100%);opacity:0;pointer-events:none;transition:var(--transition)}.nav-menu.open{transform:translateY(0);opacity:1;pointer-events:all}.nav-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-link{padding:12px 16px;width:100%}.nav-link-cta{margin-left:0;text-align:center;margin-top:8px}.hero-content{padding:60px 24px}.hero-actions{flex-direction:column;margin-bottom:48px}.hero-stats{gap:32px}.section{padding:80px 0}.about-grid{grid-template-columns:1fr;gap:40px}.about-img{aspect-ratio:4 / 3;max-width:400px}.services-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}.pricing-card-featured{order:-1}.portfolio-grid{grid-template-columns:1fr}.in-progress-card{width:100%;max-width:400px;margin:0 0 24px}.in-progress-card:last-child{margin-bottom:0}.in-progress-grid{flex-direction:column;align-items:center;margin:48px 0 0}.contact-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;gap:16px;text-align:center}.footer-links{gap:16px}}@media(max-width:480px){.hero-title{font-size:2rem}.hero-stats{flex-direction:column;gap:16px}.hero-stat{flex-direction:row;align-items:center;gap:12px}.process-grid{grid-template-columns:1fr}.section-title{font-size:1.75rem}.service-card{padding:24px}}.blog-page,.blog-post-page{padding-top:120px;min-height:100vh}.blog-listing{padding:0 0 120px}.blog-empty{text-align:center;padding:80px 0;color:var(--color-text-secondary);font-size:1.125rem}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-top:48px}.blog-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition);display:flex;flex-direction:column}.blog-card:hover{border-color:var(--color-border-light);background:var(--color-bg-card-hover);transform:translateY(-4px)}.blog-card-image{aspect-ratio:16 / 9;overflow:hidden}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}.blog-card:hover .blog-card-image img{transform:scale(1.03)}.blog-card-content{padding:28px;flex:1}.blog-card-content time{font-size:.8125rem;color:var(--color-text-muted)}.blog-card-content h2{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;margin:8px 0 12px;line-height:1.4}.blog-card-content p{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.7}.blog-card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.blog-tag{font-size:.75rem;color:var(--color-accent);background:#ff6b3514;padding:4px 10px;border-radius:var(--radius-sm);font-weight:500}.blog-post{max-width:720px;margin:0 auto;padding:0 24px 120px}.blog-post-header{margin-bottom:48px}.blog-back-link{display:inline-block;color:var(--color-text-secondary);font-size:.875rem;margin-bottom:32px;transition:var(--transition)}.blog-back-link:hover{color:var(--color-accent)}.blog-post-header h1{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:16px}.blog-post-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.blog-post-meta time{font-size:.875rem;color:var(--color-text-muted)}.blog-post-tags{display:flex;gap:8px}.blog-post-hero-image{width:100%;border-radius:var(--radius-lg);margin-top:32px}.blog-post-content h2{font-family:var(--font-heading);font-size:1.5rem;font-weight:600;margin:48px 0 16px}.blog-post-content h3{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;margin:32px 0 12px}.blog-post-content p{color:var(--color-text-secondary);font-size:1rem;line-height:1.8;margin-bottom:20px}.blog-post-content ul,.blog-post-content ol{color:var(--color-text-secondary);font-size:1rem;line-height:1.8;margin-bottom:20px;padding-left:24px}.blog-post-content li{margin-bottom:8px}.blog-post-content a{color:var(--color-accent);text-decoration:none;transition:var(--transition)}.blog-post-content a:hover{text-decoration:underline}.blog-post-content code{background:#ffffff0f;padding:2px 8px;border-radius:var(--radius-sm);font-size:.875em}.blog-post-content pre{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px;overflow-x:auto;margin-bottom:24px}.blog-post-content pre code{background:none;padding:0}.blog-post-content blockquote{border-left:3px solid var(--color-accent);padding-left:20px;margin:24px 0;color:var(--color-text-secondary);font-style:italic}.blog-post-content img{max-width:100%;border-radius:var(--radius-md);margin:24px 0}.blog-post-content hr{border:none;border-top:1px solid var(--color-border);margin:48px 0}@media(max-width:768px){.blog-grid{grid-template-columns:1fr}.blog-post-header h1{font-size:1.75rem}}.portfolio-placeholder{aspect-ratio:16 / 10;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#2c2c2c;font-weight:500}