@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--white: #ffffff;--bg: #f4f7f2;--bg-alt: #eaf0e6;--bg-dark: #0a1a12;--bg-card: rgba(255, 255, 255, .35);--bg-card-hover: rgba(255, 255, 255, .55);--text-primary: #0c1a10;--text-secondary: #3d5040;--text-muted: #7a9680;--text-light: #a0bfa8;--brand-primary: #1F6F5F;--brand-secondary: #2FA084;--brand-light: #6FCF97;--brand-accent: #F2EDC2;--brand-dark: #346739;--brand-sage: #79AE6F;--brand-soft: #9FCB98;--brand-cream: #F2EDC2;--brand-gray: #EEEEEE;--brand-blue: #1F6F5F;--brand-blue-light: #2FA084;--brand-purple: #346739;--brand-cyan: #6FCF97;--brand-pink: #9FCB98;--gradient-brand: #1F6F5F;--gradient-text: #1F6F5F;--glass-bg: rgba(255, 255, 255, .18);--glass-bg-strong: rgba(255, 255, 255, .35);--glass-bg-dark: rgba(10, 26, 18, .4);--glass-border: rgba(255, 255, 255, .35);--glass-blur: blur(20px) saturate(180%);--glass-blur-strong: blur(30px) saturate(200%);--border-subtle: rgba(31,111,95,.08);--border-card: rgba(255, 255, 255, .5);--shadow-sm: 0 2px 12px rgba(31,111,95,.06);--shadow-md: 0 8px 32px rgba(31,111,95,.08);--shadow-lg: 0 20px 60px rgba(31,111,95,.12);--shadow-glow: 0 0 40px rgba(31,111,95,.15);--shadow-glow-blue: 0 0 40px rgba(31,111,95,.15);--font-display: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--section-padding: clamp(4rem, 8vw, 8rem);--container-max: 1320px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background:var(--bg);color:var(--text-primary);overflow-x:hidden;line-height:1.7;cursor:none;background-image:radial-gradient(ellipse at 20% 50%,rgba(31,111,95,.04) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(31,111,95,.03) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(31,111,95,.025) 0%,transparent 50%);background-attachment:fixed}::selection{background:var(--brand-primary);color:#fff}a{text-decoration:none;color:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:1.1;letter-spacing:-.03em}.accent-text,.gradient-text{color:var(--brand-primary);-webkit-text-fill-color:var(--brand-primary)}.cursor-dot{position:fixed;top:0;left:0;width:6px;height:6px;background:var(--brand-primary);border-radius:50%;pointer-events:none;z-index:99999}.cursor-ring{position:fixed;top:0;left:0;width:36px;height:36px;border:1.5px solid rgba(31,111,95,.5);border-radius:50%;pointer-events:none;z-index:99998}.container{max-width:var(--container-max);margin:0 auto;padding:0 clamp(1.5rem,4vw,4rem)}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-primary);background:#1f6f5f14;border:1px solid rgba(31,111,95,.15);border-radius:100px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-primary{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 2rem;font-family:var(--font-body);font-size:.95rem;font-weight:600;color:#fff;background:var(--brand-primary);border:none;border-radius:100px;cursor:none;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 20px #1f6f5f4d;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff0;transition:background .4s}.btn-primary:hover:before{background:#ffffff1a}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px #1f6f5f80}.btn-secondary{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 2rem;font-family:var(--font-body);font-size:.95rem;font-weight:600;color:var(--text-primary);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1.5px solid var(--glass-border);border-radius:100px;cursor:none;transition:all .4s cubic-bezier(.16,1,.3,1)}.btn-secondary:hover{border-color:var(--brand-primary);color:var(--brand-primary);transform:translateY(-2px);box-shadow:var(--shadow-glow);background:#ffffff4d}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:4rem;align-items:center;max-width:var(--container-max);margin:0 auto;width:100%;padding:0 clamp(1.5rem,4vw,4rem)}.marquee-wrap{overflow:hidden;white-space:nowrap;padding:1.8rem 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.marquee-track{display:inline-flex;gap:3rem;animation:marquee 25s linear infinite}.marquee-track.reverse{animation:marqueeReverse 30s linear infinite}.marquee-item{display:inline-flex;align-items:center;gap:.8rem;font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--text-light);white-space:nowrap}.marquee-item .dot{width:6px;height:6px;background:var(--brand-primary);border-radius:50%;opacity:.4}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marqueeReverse{0%{transform:translate(-50%)}to{transform:translate(0)}}.glow-border{position:relative;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:24px;overflow:hidden}.glow-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;padding:1.5px;background:conic-gradient(from var(--angle, 0deg),transparent 40%,rgba(31,111,95,.6) 50%,rgba(31,111,95,.3) 55%,rgba(31,111,95,.15) 60%,transparent 70%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:rotateBorder 4s linear infinite;opacity:0;transition:opacity .5s}.glow-border:hover:before{opacity:1}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes rotateBorder{to{--angle: 360deg}}.scroll-progress{position:fixed;top:0;left:0;height:3px;z-index:9999;background:var(--brand-primary);transform-origin:left;border-radius:0 2px 2px 0}.aurora{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;opacity:.07;background:radial-gradient(ellipse 80% 60% at 20% 40%,rgba(31,111,95,.5),transparent),radial-gradient(ellipse 60% 80% at 80% 30%,rgba(31,111,95,.35),transparent),radial-gradient(ellipse 70% 50% at 50% 80%,rgba(31,111,95,.25),transparent);animation:auroraShift 12s ease-in-out infinite alternate}@keyframes auroraShift{0%{transform:scale(1) translateY(0)}50%{transform:scale(1.1) translateY(-30px)}to{transform:scale(1) translateY(10px)}}.stats-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;background:var(--border-subtle);border-radius:24px;overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--glass-border)}.stat-item{background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:2.5rem 2rem;text-align:center}.stat-number{font-family:var(--font-display);font-size:3rem;font-weight:900;letter-spacing:-.03em;line-height:1;margin-bottom:.5rem}.stat-label{font-family:var(--font-mono);font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}@media (max-width: 1024px){.hero-grid{grid-template-columns:1fr;text-align:center;gap:3rem}}@media (max-width: 768px){body{cursor:auto}.btn-primary,.btn-secondary{cursor:pointer}.cursor-dot,.cursor-ring{display:none}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}main{perspective:1200px;perspective-origin:50% 50%}.detail-modal-body::-webkit-scrollbar,.nav-menu-panel::-webkit-scrollbar{width:5px}.detail-modal-body::-webkit-scrollbar-track,.nav-menu-panel::-webkit-scrollbar-track{background:transparent;margin:28px 0}.detail-modal-body::-webkit-scrollbar-thumb,.nav-menu-panel::-webkit-scrollbar-thumb{background:#1f6f5f33;border-radius:10px}.detail-modal-body::-webkit-scrollbar-thumb:hover,.nav-menu-panel::-webkit-scrollbar-thumb:hover{background:#1f6f5f66}.detail-modal-body,.nav-menu-panel{scrollbar-width:thin;scrollbar-color:rgba(31,111,95,.2) transparent}@keyframes glowPulse{0%{opacity:.5;filter:blur(18px)}50%{opacity:.8;filter:blur(25px)}to{opacity:.5;filter:blur(18px)}}@keyframes shimmerBar{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 1024px){.nav-links-wrap{display:none!important}.techstack-grid{grid-template-columns:repeat(2,1fr)!important}.parent-grid{grid-template-columns:1fr!important}.parent-brand-card{grid-row:span 1!important}.hero-grid>.hero-doodle{display:block!important;margin:2rem auto 0;max-width:400px;width:100%}.hero-grid{text-align:center}.hero-title-line{justify-content:center}.industry-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 768px){:root{--section-padding: clamp(3rem, 6vw, 5rem)}body{cursor:auto}.btn-primary,.btn-secondary{cursor:pointer;font-size:.9rem}.cursor-dot,.cursor-ring{display:none!important}.container{padding:0 1.2rem!important}.aurora{opacity:.03!important}.bg-orb{display:none!important}.section-divider-text{font-size:clamp(2.8rem,8vw,5rem)!important}.hero-section{min-height:85vh!important;padding-top:4rem!important}.hero-grid{gap:2rem}.hero-content .hero-title{font-size:clamp(2.2rem,7vw,3rem)!important}.hero-content .hero-subtitle{font-size:.95rem!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important}.hero-content .hero-buttons,.hero-content .hero-trust-strip{justify-content:center!important}.hero-scroll-indicator{display:none!important}.stats-bar{grid-template-columns:repeat(2,1fr)!important;border-radius:18px!important}.stat-item{padding:1.5rem 1rem!important}.stat-number{font-size:2.2rem!important}.stat-label{font-size:.65rem!important}.trust-badge-grid{grid-template-columns:repeat(3,1fr)!important}.impact-metric-grid{grid-template-columns:repeat(2,1fr)!important}.achievement-grid{grid-template-columns:1fr!important}.why-grid{grid-template-columns:repeat(2,1fr)!important}.services-grid{grid-template-columns:1fr!important;gap:1rem!important}.service-card-inner{padding:1.8rem 1.5rem!important;border-radius:20px!important}.techstack-grid{grid-template-columns:repeat(2,1fr)!important;gap:.8rem!important}.techstack-strip{flex-direction:column!important;gap:.8rem!important;padding:1rem!important}.process-grid{grid-template-columns:1fr!important;gap:1rem!important}.process-card-inner{padding:2rem 1.5rem!important}.results-metric-grid{grid-template-columns:repeat(2,1fr)!important;gap:.8rem!important}.case-study-grid{grid-template-columns:1fr!important}.industry-grid{grid-template-columns:repeat(2,1fr)!important;gap:.6rem!important}.industry-item{padding:.8rem 1rem!important;border-radius:14px!important}.industry-item-name{font-size:.82rem!important}.industry-item-desc{display:none!important}.industry-item-icon{width:34px!important;height:34px!important}.recent-projects-wrap{flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding-bottom:.5rem!important;scrollbar-width:none}.recent-projects-wrap::-webkit-scrollbar{display:none}.recent-project-chip{flex-shrink:0!important;scroll-snap-align:start}.testimonial-arrow{display:none!important}.testimonial-card{padding:1.8rem 1.5rem!important;border-radius:22px!important}.testimonial-text{font-size:.95rem!important}.testimonial-author-metric{flex-direction:column!important;align-items:flex-start!important;gap:1rem!important}.parent-grid{grid-template-columns:1fr!important;gap:1rem!important}.parent-brand-card{grid-row:span 1!important;border-radius:24px!important;padding:2rem!important}.parent-capabilities-inner{grid-template-columns:1fr!important}.cta-grid{grid-template-columns:1fr!important;gap:2rem!important}.cta-section-inner{padding:2.5rem 1.5rem!important;border-radius:28px!important}.cta-heading{font-size:clamp(2rem,6vw,2.8rem)!important}.footer-grid{grid-template-columns:1fr 1fr!important;gap:2rem!important}.footer-brand-col{grid-column:span 2!important}.footer-bottom{flex-direction:column!important;text-align:center!important;gap:.8rem!important}.detail-modal-overlay{padding:1rem!important;align-items:center!important}.detail-modal-body{max-width:100%!important;max-height:85vh!important;overflow-y:auto!important;margin:auto!important}.detail-modal-close{top:1rem!important;right:1rem!important;width:38px!important;height:38px!important}.nav-menu-grid{grid-template-columns:1fr!important;gap:.8rem!important}.nav-menu-panel{padding:1.5rem!important;border-radius:24px!important}.nav-menu-card{padding:1.2rem!important;border-radius:16px!important}.nav-menu-card-title{font-size:1.1rem!important}}@media (max-width: 480px){:root{--section-padding: clamp(2rem, 5vw, 3.5rem)}.container{padding:0 .9rem!important}.section-heading{font-size:clamp(1.8rem,7vw,2.4rem)!important;margin-bottom:.6rem!important}.section-desc{font-size:.92rem!important}.section-header{margin-bottom:2.5rem!important}.stats-bar{grid-template-columns:1fr!important;gap:1px!important;border-radius:16px!important}.stat-item{padding:1.2rem 1rem!important}.stat-number{font-size:2rem!important}.trust-badge-grid,.impact-metric-grid{grid-template-columns:repeat(2,1fr)!important;gap:.6rem!important}.why-grid{grid-template-columns:1fr!important;gap:1rem!important;margin-bottom:3rem!important}.why-card-inner{padding:1.8rem 1.3rem!important}.philosophy-card{padding:2rem 1.2rem!important;border-radius:24px!important}.service-card-inner{padding:1.5rem 1.2rem!important}.service-icon-box{width:46px!important;height:46px!important;border-radius:13px!important;margin-bottom:1rem!important}.service-title{font-size:1.15rem!important}.techstack-grid{grid-template-columns:1fr!important;gap:.7rem!important}.techstack-card{padding:1.3rem!important;border-radius:18px!important}.process-card-inner{padding:1.5rem 1.2rem!important}.results-metric-grid{grid-template-columns:1fr!important}.results-dark-card{padding:1.5rem!important;border-radius:22px!important}.industry-grid{grid-template-columns:1fr!important;gap:.5rem!important}.testimonial-card{padding:1.5rem 1.2rem!important;border-radius:20px!important}.testimonial-text{font-size:.9rem!important;margin-bottom:1.5rem!important}.testimonial-impact-metric{padding:.6rem .9rem!important}.parent-brand-card{padding:1.5rem!important}.parent-brand-title{font-size:clamp(1.6rem,6vw,2.2rem)!important}.cta-section-inner{padding:2rem 1.2rem!important}.cta-heading{font-size:clamp(1.8rem,6vw,2.4rem)!important}.cta-email-btn{padding:.85rem 1.8rem!important;font-size:.92rem!important}.cta-info-cards{gap:.8rem!important}.footer-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.footer-brand-col{grid-column:span 1!important}.marquee-item{font-size:.88rem!important;gap:.5rem!important}.hero-content .hero-title{font-size:clamp(1.9rem,8vw,2.5rem)!important}.hero-content .hero-buttons{flex-direction:column!important;gap:.8rem!important;align-items:center!important}.hero-content .hero-buttons .btn-primary,.hero-content .hero-buttons .btn-secondary{width:100%!important;justify-content:center!important}.hero-content .hero-trust-strip{flex-direction:column!important;gap:.8rem!important;align-items:center!important}.hero-trust-divider{display:none!important}.detail-modal-overlay{padding:0!important;align-items:flex-end!important}.detail-modal-body{border-radius:20px 20px 0 0!important;max-height:90vh!important;padding:0 .8rem!important}.detail-modal-close{top:.8rem!important;right:.8rem!important;width:36px!important;height:36px!important}}@media (max-width: 360px){.container{padding:0 .7rem!important}.hero-content .hero-title,.stat-number{font-size:1.7rem!important}.trust-badge-grid{grid-template-columns:repeat(2,1fr)!important}.impact-metric-grid{grid-template-columns:1fr!important}.cta-heading{font-size:1.6rem!important}.badge{font-size:.62rem!important;padding:.3rem .7rem!important}}@media (max-height: 500px) and (orientation: landscape){.hero-section{min-height:auto!important;padding:5rem 0 2rem!important}.hero-scroll-indicator{display:none!important}}
