*{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:light;--primary: #b8860b;--secondary: #c2410c;--accent: #4d7c0f;--bg-dark: #ffffff;--bg-card: #ffffff;--bg-light: #f6f6f3;--input-bg: #fbfbf9;--text-primary: #16181c;--text-secondary: #4b5563;--text-muted: #8b9099;--border: #e5e5e0;--nav-bg: rgba(255, 255, 255, .92);--glow: 0 10px 30px rgba(184, 134, 11, .18);--shadow: 0 10px 30px rgba(16, 18, 22, .08);--on-primary: #14110a;--primary-soft: rgba(184, 134, 11, .1);--primary-soft-strong: rgba(184, 134, 11, .18);--primary-border: rgba(184, 134, 11, .35);--primary-border-strong: rgba(184, 134, 11, .6);--hero-glow: rgba(184, 134, 11, .08);--heading-gradient: linear-gradient(135deg, #b8860b 0%, #4d7c0f 52%, #c2410c 100%);--focus-ring: rgba(184, 134, 11, .25);--icon-shadow: 0 8px 16px rgba(16, 18, 22, .14);--hero-grid-opacity: .4;--hero-grid: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%23dcdcd6" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>')}[data-theme=dark]{color-scheme:dark;--primary: #ffd700;--secondary: #ff8c42;--accent: #7cb342;--bg-dark: #0a0a0a;--bg-card: #111111;--bg-light: #1a1a1a;--input-bg: #0a0a0a;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-muted: #666666;--border: #333333;--nav-bg: rgba(10, 10, 10, .95);--glow: 0 0 20px rgba(255, 215, 0, .3);--shadow: 0 8px 32px rgba(0, 0, 0, .4);--on-primary: #0a0a0a;--primary-soft: rgba(255, 215, 0, .1);--primary-soft-strong: rgba(255, 215, 0, .18);--primary-border: rgba(255, 215, 0, .3);--primary-border-strong: rgba(255, 215, 0, .6);--hero-glow: rgba(255, 215, 0, .05);--heading-gradient: linear-gradient(135deg, #ffd700 0%, #a4d037 50%, #ff8c42 100%);--focus-ring: rgba(255, 215, 0, .25);--icon-shadow: 0 8px 16px rgba(0, 0, 0, .4);--hero-grid-opacity: .3;--hero-grid: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%23222" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>')}body{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;background:var(--bg-dark);color:var(--text-primary);line-height:1.6;overflow-x:hidden;transition:background-color .25s ease,color .25s ease}.container{max-width:1200px;margin:0 auto;padding:0 20px}nav{position:fixed;top:0;width:100%;background:var(--nav-bg);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid var(--border);transition:background-color .25s ease,border-color .25s ease}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 20px;max-width:1200px;margin:0 auto}.nav-toggle{display:none;background:none;border:none;font-size:2rem;color:var(--text-primary);cursor:pointer}.nav-actions{display:flex;align-items:center;gap:1rem}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;font-size:1rem;line-height:1;background:transparent;border:1px solid var(--border);border-radius:50%;color:var(--text-primary);cursor:pointer;transition:all .25s ease}.theme-toggle:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}@media (max-width: 768px){.nav-toggle{display:block}.nav-links{display:none;position:absolute;top:100%;right:0;background:var(--nav-bg);flex-direction:column;width:200px;padding:1rem;border:1px solid var(--border)}.nav-links.show{display:flex}.nav-links li{margin:.5rem 0}}.logo{font-size:1.5rem;font-weight:700;color:var(--primary);text-decoration:none;display:flex;align-items:center;gap:.5rem}.logo-icon{width:32px;height:32px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><g><path d="M50 15 L45 5 L50 0 L55 5 Z" fill="%23a4d037"/><path d="M40 20 L35 10 L40 5 L45 10 Z" fill="%23a4d037"/><path d="M60 20 L55 10 L60 5 L65 10 Z" fill="%23a4d037"/><path d="M30 25 L25 15 L30 10 L35 15 Z" fill="%23a4d037"/><path d="M70 25 L65 15 L70 10 L75 15 Z" fill="%23a4d037"/><circle cx="50" cy="60" r="35" fill="%23ff8c42"/><path d="M50 25 C65 25 75 35 75 50 L75 70 C75 85 65 95 50 95 C35 95 25 85 25 70 L25 50 C25 35 35 25 50 25 Z" fill="%23ffd700"/><rect x="20" y="45" width="60" height="12" rx="6" fill="%23000000"/><circle cx="35" cy="51" r="3" fill="%23333"/><circle cx="65" cy="51" r="3" fill="%23333"/><path d="M30 70 L35 75 L40 70 M45 75 L50 70 L55 75 M60 70 L65 75 L70 70" stroke="%23cc6600" stroke-width="2" fill="none"/><path d="M30 80 L35 85 L40 80 M45 85 L50 80 L55 85 M60 80 L65 85 L70 80" stroke="%23cc6600" stroke-width="2" fill="none"/></g></svg>') center/contain no-repeat}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{color:var(--text-secondary);text-decoration:none;transition:color .3s ease;font-size:.9rem}.nav-links a:hover{color:var(--primary)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:9rem 2rem 5rem;background:radial-gradient(ellipse at top,var(--hero-glow) 0%,var(--bg-dark) 50%);position:relative;overflow:hidden}.hero-background{position:absolute;inset:0;background:var(--hero-grid);opacity:var(--hero-grid-opacity);animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:translateY(0)}to{transform:translateY(100px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes glow{0%,to{filter:drop-shadow(0 0 20px rgba(255,215,0,.3))}50%{filter:drop-shadow(0 0 40px rgba(255,215,0,.6))}}.hero-content{position:relative;z-index:2;text-align:center;width:100%;max-width:800px;margin:0 auto}.logo-large{width:180px;height:180px;margin:0 auto 3rem;animation:float 4s ease-in-out infinite,glow 3s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(255,215,0,.4))}.logo-large svg{width:100%;height:100%}.hero h1{font-size:clamp(3rem,7vw,5.5rem);font-weight:800;margin-bottom:1.5rem;background:var(--heading-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;line-height:1.1}.hero .tagline{font-size:clamp(1.25rem,3vw,2rem);color:var(--text-secondary);margin-bottom:3rem;font-weight:300;letter-spacing:.02em}.hero .contact-info{margin-top:2.5rem}.email-link{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:var(--primary-soft);border:2px solid var(--primary-border);border-radius:50px;color:var(--primary);text-decoration:none;font-size:clamp(.95rem,2vw,1.1rem);font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px)}.email-link:hover{background:var(--primary-soft-strong);border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--glow)}.email-icon{width:20px;height:20px;color:var(--primary)}.hero .subtitle{font-size:1.1rem;color:var(--text-muted);margin:0 auto 3rem;max-width:600px}.cta-button{display:inline-block;padding:1rem 2rem;background:linear-gradient(135deg,var(--primary),var(--accent));color:var(--on-primary);text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s ease;box-shadow:var(--glow);font-size:1.1rem}.cta-button:hover{transform:translateY(-2px);box-shadow:var(--glow)}.services{padding:8rem 0;background:var(--bg-light)}.section-title{text-align:center;font-size:3rem;margin-bottom:1rem;color:var(--primary)}.section-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:4rem;font-size:1.2rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:3rem}.service-card{background:var(--bg-card);padding:2.5rem;border-radius:12px;border:1px solid var(--border);transition:all .3s ease;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent))}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:var(--primary)}.service-icon{font-size:3rem;margin-bottom:1.5rem;display:block}.service-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--primary)}.service-card p{color:var(--text-secondary);line-height:1.7}.tech-tags{font-size:.9rem;color:#ccc;margin-top:1rem;font-family:inherit}.tech-tag:after{content:"/"}.tech-tag:last-child:after{content:""}.tech-tag{padding:0;margin:0;display:inline}.about{padding:8rem 0;background:var(--bg-dark)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-text h2{font-size:2.5rem;margin-bottom:2rem;color:var(--primary)}.about-text p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:1.5rem}.code-block{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:2rem;font-family:SF Mono,monospace;position:relative}.code-block:before{content:"// Our approach";position:absolute;top:.5rem;right:1rem;color:var(--text-muted);font-size:.8rem}.code-line{display:block;margin:.5rem 0}.code-comment{color:var(--text-muted)}.code-function{color:var(--accent)}.code-string{color:var(--secondary)}.why-choose{padding:8rem 0;background:var(--bg-light)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.feature-item{text-align:center;padding:2rem}.feature-item .icon{font-size:2.5rem;margin-bottom:1rem;color:var(--primary)}.feature-item h4{font-size:1.3rem;margin-bottom:1rem;color:var(--text-primary)}.feature-item p{color:var(--text-secondary)}.testimonials{padding:8rem 0;background:var(--bg-dark)}.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.testimonial-card{background:var(--bg-card);padding:2rem;border-radius:12px;border:1px solid var(--border);position:relative}.testimonial-card:before{content:'"';font-size:4rem;color:var(--primary);position:absolute;top:1rem;left:1.5rem;opacity:.3}.testimonial-text{color:var(--text-secondary);font-style:italic;margin-bottom:1.5rem;padding-left:2rem}.testimonial-author{color:var(--primary);font-weight:600}.testimonial-role{color:var(--text-muted);font-size:.9rem}.contact{padding:8rem 0;background:var(--bg-light)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.contact-info h3{font-size:1.5rem;margin-bottom:1.5rem;color:var(--primary)}.contact-item{display:flex;align-items:center;margin-bottom:1.5rem;color:var(--text-secondary)}.contact-item .icon{margin-right:1rem;color:var(--primary);font-size:1.2rem}.contact-form{background:var(--bg-card);padding:2.5rem;border-radius:12px;border:1px solid var(--border)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-size:.9rem}.form-group input,.form-group textarea{width:100%;padding:.8rem;background:var(--input-bg);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--focus-ring)}.submit-btn{width:100%;padding:1rem;background:linear-gradient(135deg,var(--primary),var(--accent));color:var(--on-primary);border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem}.submit-btn:hover{transform:translateY(-2px);box-shadow:var(--glow)}footer{background:var(--bg-dark);padding:3rem 0;border-top:1px solid var(--border);text-align:center;color:var(--text-muted)}@media (max-width: 768px){.nav-links{display:none}.hero{padding:7rem 1rem 3rem}.logo-large{width:120px;height:120px;margin:0 auto 2rem}.hero h1{font-size:2.5rem}.email-link{font-size:.9rem;padding:.9rem 1.5rem}.services-grid{grid-template-columns:1fr}.about-content,.contact-content{grid-template-columns:1fr;gap:2rem}.section-title{font-size:2rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .6s ease-out}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}a{color:var(--primary);text-decoration:none}