:root{--bg: #f7f8fb;--card: #ffffff;--text: #0f172a;--muted: #475569;--brand: #2563eb;--brand-2: #16a34a;--border: #e2e8f0}:root.dark{--bg: #0b0f17;--card: #121826;--text: #e6e6e6;--muted: #a0a7b4;--brand: #5ab0ff;--brand-2: #7ee787;--border: #1f2a44}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:var(--bg);transition:background-color .2s ease,color .2s ease}h1,h2,h3{line-height:1.15;margin:0}h1{font-size:clamp(28px,4.2vw,44px);margin-bottom:16px}h2{font-size:clamp(22px,3vw,30px);margin-bottom:12px;text-align:center}h3{font-size:clamp(18px,2.2vw,22px);margin-bottom:8px}p{font-size:16px;line-height:1.6;margin:0 0 16px}.lead{font-size:18px;line-height:1.7;color:var(--muted);text-align:center}.app-container{display:flex;min-height:100%;flex-direction:column}.content{flex:1 1 auto}.container{width:min(1100px,92%);margin:0 auto}.section{padding:clamp(32px,8vw,64px) 0;text-align:center}.navbar{position:sticky;top:0;z-index:10;background:color-mix(in oklab,var(--bg) 85%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);transition:background-color .2s ease}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.brand a{color:var(--text);font-weight:700;font-size:20px;letter-spacing:.3px;text-decoration:none;transition:color .2s ease}.menu{display:flex;gap:8px;align-items:center}.menu a{color:var(--muted);text-decoration:none;padding:10px 14px;border-radius:8px;transition:all .2s ease;font-weight:500}.menu a.active{color:var(--text);background:color-mix(in oklab,var(--brand) 12%,transparent)}.menu a:hover{color:var(--text);background:color-mix(in oklab,var(--brand) 8%,transparent)}.theme-toggle-btn{margin-left:12px;width:40px;height:40px;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:16px}.theme-toggle-btn:hover{background:color-mix(in oklab,var(--brand) 8%,transparent);border-color:var(--brand);transform:scale(1.05)}.theme-toggle-btn:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in oklab,var(--brand) 20%,transparent)}.hamburger{display:none;flex-direction:column;width:42px;height:38px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text);align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:all .2s ease}.hamburger:hover{background:color-mix(in oklab,var(--border) 50%,transparent)}.hamburger span{display:block;width:18px;height:2px;background:var(--text);transition:transform .2s ease,opacity .2s ease;border-radius:1px}.hamburger.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger.is-open span:nth-child(2){opacity:0}.hamburger.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:24px}.card{background:var(--card);border:1px solid var(--border);padding:24px;border-radius:12px;transition:all .2s ease}.card:hover{transform:translateY(-2px);border-color:var(--brand);box-shadow:0 8px 32px color-mix(in oklab,var(--brand) 15%,transparent)}.card h3{margin-top:0}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:24px}.grid-3{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;margin-top:32px;max-width:900px;margin-left:auto;margin-right:auto}.hero{padding:clamp(48px,12vw,80px) 0;border-bottom:1px solid var(--border);min-height:70vh;display:flex;align-items:center}.hero-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center}.hero-copy h1{font-size:clamp(32px,5vw,48px);line-height:1.1;margin:0 0 16px}.hero-copy p{font-size:18px;color:var(--muted);margin:0 0 24px}.gradient{background:linear-gradient(90deg,var(--brand),var(--brand-2));-webkit-background-clip:text;background-clip:text;color:transparent}.cta{display:flex;gap:16px;margin:24px 0;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:8px;border:1px solid var(--border);color:var(--text);text-decoration:none;font-weight:500;transition:all .2s ease}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn-primary:hover{background:color-mix(in oklab,var(--brand) 90%,black);transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in oklab,var(--brand) 30%,transparent)}.btn-ghost{background:transparent}.btn-ghost:hover{background:color-mix(in oklab,var(--border) 50%,transparent);border-color:var(--brand)}.stats{display:flex;gap:32px;margin:32px 0 0;flex-wrap:wrap;justify-content:center}.stat{text-align:center;min-width:120px}.stat strong{display:block;font-size:28px;color:var(--brand);font-weight:700}.stat span{font-size:14px;color:var(--muted);margin-top:4px;display:block}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-top:32px}.service-card{background:var(--card);border:1px solid var(--border);padding:28px;border-radius:16px;transition:all .2s ease;text-align:left}.service-card:hover{transform:translateY(-4px);border-color:var(--brand);box-shadow:0 12px 40px color-mix(in oklab,var(--brand) 12%,transparent)}.service-icon{font-size:36px;margin-bottom:16px;display:block}.service-card ul{margin:16px 0 0;padding-left:20px}.service-card li{margin:6px 0;color:var(--muted)}.feature{text-align:center;padding:32px 24px;background:var(--card);border:1px solid var(--border);border-radius:12px;transition:all .2s ease;width:280px;flex:0 0 280px}.feature:hover{transform:translateY(-2px);border-color:var(--brand);box-shadow:0 8px 24px color-mix(in oklab,var(--brand) 12%,transparent)}.feature h3{margin:0 0 16px}.feature p{margin:0}.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px;margin-top:32px;max-width:900px;margin-left:auto;margin-right:auto}.testimonial{background:var(--card);padding:32px 28px;border-radius:12px;border-left:4px solid var(--brand);box-shadow:0 4px 16px color-mix(in oklab,var(--border) 40%,transparent);text-align:left;transition:all .2s ease}.testimonial:hover{transform:translateY(-2px);box-shadow:0 8px 32px color-mix(in oklab,var(--brand) 15%,transparent)}.testimonial p{font-style:italic;margin:0 0 20px;line-height:1.6;font-size:16px}.testimonial strong{color:var(--brand);font-size:14px}.services-intro{margin:40px 0;text-align:left}.services-intro h2{text-align:left;margin-bottom:16px}.services-intro p{color:var(--muted);font-size:16px;line-height:1.6}.services-detailed{margin:56px 0}.service-section{margin-bottom:64px;padding-bottom:48px;border-bottom:1px solid var(--border)}.service-section:last-child{border-bottom:none}.service-header{display:flex;gap:20px;align-items:flex-start;margin-bottom:32px}.service-header .service-icon{font-size:48px;flex-shrink:0}.service-header h2{margin:0 0 8px;text-align:left;color:var(--brand)}.service-subtitle{color:var(--muted);font-size:16px;line-height:1.5;margin:0}.service-content{margin-top:32px}.expertise-areas{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}.expertise-area{background:var(--card);border:1px solid var(--border);padding:28px;border-radius:12px;transition:all .2s ease}.expertise-area:hover{transform:translateY(-2px);border-color:var(--brand);box-shadow:0 8px 24px color-mix(in oklab,var(--brand) 10%,transparent)}.expertise-area h3{margin:0 0 16px;color:var(--text);font-size:18px}.tech-stack{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tech-tag{background:color-mix(in oklab,var(--brand) 10%,transparent);color:var(--brand);padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;border:1px solid color-mix(in oklab,var(--brand) 20%,transparent)}.expertise-area ul{margin:0;padding-left:20px}.expertise-area li{margin:8px 0;color:var(--muted);font-size:14px;line-height:1.4}.service-stats{margin:56px 0;text-align:center}.service-process{margin:56px 0;text-align:left}.service-process h2{text-align:left;margin-bottom:32px}.process-steps{display:grid;gap:24px;margin-top:32px}.process-step{display:flex;gap:20px;align-items:flex-start}.step-number{width:50px;height:50px;background:var(--brand);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;font-size:18px}.service-detail{margin:48px 0;padding:32px 0;border-bottom:1px solid var(--border)}.service-detail:last-of-type{border-bottom:none}.service-detail h2{color:var(--brand);margin:0 0 16px}.service-detail ul{margin:12px 0}.service-detail li{margin:6px 0}.cta-section{text-align:center;margin:48px 0;padding:40px;background:color-mix(in oklab,var(--brand) 5%,var(--bg));border-radius:16px;border:1px solid color-mix(in oklab,var(--brand) 15%,transparent)}.cta-band{background:color-mix(in oklab,var(--brand) 4%,var(--bg));border:1px solid color-mix(in oklab,var(--brand) 12%,transparent);border-radius:16px;padding:48px 32px;margin:56px 0;text-align:center}.cta-row{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;text-align:center;max-width:700px;margin:0 auto}.cta-row>div:first-child{text-align:center}.cta-row h2{margin-bottom:12px;font-size:clamp(24px,4vw,32px)}.cta-row .muted{font-size:16px;line-height:1.6;margin:0}.cta-buttons{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:8px}.about-story{margin:40px 0;text-align:left}.about-story h2{text-align:left}.founding-journey{margin:48px 0;text-align:left}.founding-journey h2{text-align:left}.timeline{margin-top:32px}.timeline-item{display:flex;gap:20px;margin-bottom:32px;align-items:flex-start}.timeline-marker{width:60px;height:60px;background:var(--brand);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;font-size:14px}.timeline-content{flex:1}.timeline-content h3{margin:0 0 8px;text-align:left}.timeline-content p{margin:0;color:var(--muted);text-align:left}.team-expertise{margin:48px 0}.expertise-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:32px}.expertise-card{background:var(--card);border:1px solid var(--border);padding:24px;border-radius:12px;transition:all .2s ease;text-align:left}.expertise-card:hover{transform:translateY(-2px);border-color:var(--brand);box-shadow:0 8px 24px color-mix(in oklab,var(--brand) 12%,transparent)}.expertise-icon{font-size:32px;margin-bottom:12px;display:block}.expertise-card h3{margin:0 0 12px;text-align:left}.expertise-card p{margin:0;color:var(--muted);text-align:left}.vision-mission,.values{margin:48px 0}.value-item{text-align:center;padding:20px}.value-item h3{margin:0 0 12px}.approach{margin:48px 0;text-align:left}.approach h2{text-align:left}.approach-steps{display:grid;gap:28px;margin-top:32px}.step{display:flex;gap:20px;align-items:flex-start}.step-number{width:40px;height:40px;background:var(--brand);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;font-size:16px}.step-content h3{margin:0 0 8px;text-align:left}.step-content p{margin:0;color:var(--muted);text-align:left}.team-stats{margin:48px 0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:24px;margin-top:32px}.stat-card{padding:24px;background:var(--card);border:1px solid var(--border);border-radius:12px;transition:all .2s ease}.stat-card:hover{transform:translateY(-2px);border-color:var(--brand)}.stat-card strong{display:block;font-size:32px;color:var(--brand);margin-bottom:8px;font-weight:700}.contact-methods{margin:40px 0}.contact-card{text-align:center;padding:32px 24px;background:var(--card);border:1px solid var(--border);border-radius:12px;transition:all .2s ease}.contact-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px color-mix(in oklab,var(--border) 30%,transparent)}.contact-icon{font-size:36px;margin-bottom:16px;display:block}.contact-link{color:var(--brand);text-decoration:none;font-weight:600;display:block;margin:12px 0;transition:color .2s ease}.contact-link:hover{color:color-mix(in oklab,var(--brand) 80%,black)}.contact-card small{color:var(--muted);font-size:14px}.contact-form-section{margin:56px 0}.contact-form{max-width:600px;margin:32px auto 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:var(--text)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text);font-family:inherit;font-size:15px;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in oklab,var(--brand) 15%,transparent)}.form-group textarea{resize:vertical;min-height:120px}.contact-cta{margin:56px 0;text-align:center;background:color-mix(in oklab,var(--brand) 5%,var(--bg));padding:40px;border-radius:16px;border:1px solid color-mix(in oklab,var(--brand) 15%,transparent)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:28px;margin:40px 0}.project-card{background:var(--card);border:1px solid var(--border);padding:28px;border-radius:16px;transition:all .2s ease}.project-card:hover{transform:translateY(-2px);border-color:var(--brand);box-shadow:0 8px 32px color-mix(in oklab,var(--brand) 10%,transparent)}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.project-header h3{margin:0;flex:1}.project-sector{background:color-mix(in oklab,var(--brand) 15%,transparent);color:var(--brand);padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600}.project-description{color:var(--muted);margin:16px 0}.project-tech,.project-results{margin:20px 0}.project-tech h4,.project-results h4{margin:0 0 12px;font-size:15px;color:var(--brand);font-weight:600}.tech-tags{display:flex;flex-wrap:wrap;gap:8px}.tech-tag{background:color-mix(in oklab,var(--border) 70%,transparent);color:var(--text);padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.project-results ul{margin:0;padding-left:20px}.project-results li{margin:6px 0;color:var(--muted);font-size:14px}.project-stats{margin:56px 0;text-align:center}.sectors{margin:56px 0}.sector-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:32px}.sector-item{padding:24px;background:var(--card);border:1px solid var(--border);border-radius:12px;transition:all .2s ease}.sector-item:hover{transform:translateY(-2px);border-color:var(--brand)}.sector-item h3{margin:0 0 12px}.sector-item p{margin:0;color:var(--muted);font-size:15px}.case-study-cta{margin:56px 0;text-align:center;background:color-mix(in oklab,var(--brand) 5%,var(--bg));padding:40px;border-radius:16px;border:1px solid color-mix(in oklab,var(--brand) 15%,transparent)}.footer{border-top:1px solid var(--border);background:color-mix(in oklab,var(--bg) 95%,var(--border));transition:all .2s ease}.footer-inner{display:flex;justify-content:space-between;align-items:center;padding:24px 0;gap:16px;flex-wrap:wrap}.muted{color:var(--muted)}.hero-art{display:grid;place-items:center}.orbit{position:relative;width:280px;height:280px;border-radius:50%;border:1px dashed color-mix(in oklab,var(--brand) 35%,transparent)}.planet{position:absolute;width:72px;height:72px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--brand),color-mix(in oklab,var(--brand) 70%,black));top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 60px color-mix(in oklab,var(--brand) 25%,transparent)}.sat{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--brand-2);box-shadow:0 0 20px color-mix(in oklab,var(--brand-2) 60%,transparent)}.sat-1{top:-6px;left:50%;transform:translate(-50%)}.sat-2{bottom:12px;right:16px}.sat-3{top:40%;left:-6px}@media (max-width: 900px){.hero{min-height:60vh}.hero-inner{grid-template-columns:1fr;text-align:center}.hero-art{order:-1;margin-bottom:24px}.stats{justify-content:center}.hamburger{display:flex}.menu{position:absolute;right:4%;top:70px;background:color-mix(in oklab,var(--card) 95%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:12px;padding:16px;display:none;flex-direction:column;gap:8px;width:84%;box-shadow:0 8px 32px color-mix(in oklab,var(--border) 30%,transparent)}.menu.open{display:flex}.menu a{padding:12px 16px;border-radius:8px}.theme-toggle-btn{margin-left:0;margin-top:8px}.cta-buttons{justify-content:center}.form-grid,.services-grid,.projects-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.sector-list{grid-template-columns:1fr}.cta-row{text-align:center}.grid-3{justify-content:center}.feature{width:100%;max-width:320px;flex:none}.expertise-grid{grid-template-columns:1fr}.timeline-item{flex-direction:column;text-align:center}.timeline-marker{margin:0 auto 16px}.service-header{flex-direction:column;text-align:center}.service-header .service-icon{margin:0 auto 16px}.expertise-areas{grid-template-columns:1fr}.process-step{flex-direction:column;text-align:center}.step-number{margin:0 auto 16px}}@media (max-width: 600px){.stats-grid{grid-template-columns:1fr}.hero{min-height:50vh}.orbit{width:200px;height:200px}.planet{width:50px;height:50px}.testimonial-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column;align-items:center}}