#root{width:100%;min-height:100vh}:root{--primary-color:#22d3ee;--primary-dark:#0ea5b8;--primary-light:#8ef0ff;--secondary-color:#0bbfc6;--secondary-dark:#08979c;--secondary-light:#5fe4ea;--accent-color:#06b6d4;--accent-dark:#0891b2;--accent-light:#22d3ee;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-card:#1e293b;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-dark:#64748b;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--border-color:#334155;--border-light:#475569;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-glow:0 0 20px #22d3ee59;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell",sans-serif;--font-heading:"Plus Jakarta Sans","Inter",sans-serif;--font-mono:"Fira Code","Courier New",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;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:.15s ease-in-out;--transition-base:.25s ease-in-out;--transition-slow:.35s ease-in-out;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}@media (prefers-color-scheme:light){:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-card:#fff;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-dark:#94a3b8;--border-color:#e2e8f0;--border-light:#cbd5e1;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}}*,:before,:after{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-primary);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--text-primary);margin-bottom:var(--space-md)}h1{font-size:var(--text-5xl);font-weight:var(--font-extrabold)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{margin-bottom:var(--space-md);color:var(--text-secondary)}a{color:var(--primary-color);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-light)}ul,ol{margin-bottom:var(--space-md);padding-left:var(--space-lg)}li{margin-bottom:var(--space-sm);color:var(--text-secondary)}img{max-width:100%;height:auto;display:block}button{font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-base);background:0 0;border:none;outline:none}input,textarea,select{font-family:var(--font-primary);font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-md);width:100%;transition:all var(--transition-fast)}input:focus,textarea:focus,select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #22d3ee33}textarea{resize:vertical;min-height:120px}.container{width:100%;max-width:var(--container-xl);padding:0 var(--space-lg);margin:0 auto}@media (min-width:640px){.container{padding:0 var(--space-xl)}}section{padding:var(--space-3xl)0}@media (min-width:768px){section{padding:var(--space-4xl)0}}.text-center{text-align:center}.text-gradient{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.grid{gap:var(--space-lg);display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:640px){.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-xl);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-xl);border-color:var(--primary-color);transform:translateY(-4px)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md)var(--space-xl);font-size:var(--text-base);font-weight:var(--font-semibold);border-radius:var(--radius-lg);transition:all var(--transition-base);cursor:pointer;white-space:nowrap;border:none;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-secondary{color:var(--primary-color);border:2px solid var(--primary-color);background:0 0}.btn-secondary:hover{background:var(--primary-color);color:#fff}.btn-outline{color:var(--text-primary);border:1px solid var(--border-color);background:0 0}.btn-outline:hover{background:var(--bg-secondary);border-color:var(--primary-color)}.badge{padding:var(--space-xs)var(--space-md);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);align-items:center;display:inline-flex}.spinner{border:4px solid var(--bg-tertiary);border-top-color:var(--primary-color);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-slow)ease-out}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}::selection{background:var(--primary-color);color:#fff}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media (max-width:768px){h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}section{padding:var(--space-2xl)0}}.navbar{z-index:1000;will-change:transform;border-bottom:1px solid #0000;align-items:center;height:80px;transition:transform .3s cubic-bezier(.4,0,.2,1),background-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s,border-color .3s;display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(0)}.navbar-transparent{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#0000;border-bottom-color:#0000}.navbar-transparent .navbar-link{color:#fff}.navbar-transparent .navbar-link:hover{color:var(--primary-color)}.navbar-transparent .navbar-cta{color:#fff;border-color:#fff}.navbar-transparent .navbar-toggle span{background:#fff}.navbar-solid{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background-color:#0a111ef2;border-bottom-color:#ffffff1f}.navbar-solid .navbar-logo img{filter:none}.navbar-solid .navbar-link{color:#fff}.navbar-solid .navbar-toggle span{background:#fff}.navbar-visible{transform:translateY(0)}.navbar-hidden{transform:translateY(-100%)}.navbar-container{padding:0 var(--space-xl);justify-content:space-between;align-items:center;width:100%;display:flex}.navbar-logo{transition:transform var(--transition-fast);align-items:center;text-decoration:none;display:inline-flex}.navbar-logo:hover{transform:scale(1.03)}.navbar-logo img{width:140px;height:auto;display:block}.navbar-menu{align-items:center;gap:var(--space-xl);display:flex}.navbar-links{gap:var(--space-lg);margin:0;padding:0;list-style:none;display:flex}.navbar-link{font-weight:var(--font-medium);font-size:var(--text-base);padding:var(--space-sm)var(--space-md);border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none;position:relative}.navbar-link:hover{color:var(--primary-color);background:#22d3ee1f}.navbar-link.active{color:var(--primary-color)}.navbar-link.active:after{content:"";background:var(--primary-color);border-radius:var(--radius-full);width:20px;height:2px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.navbar-cta{padding:var(--space-sm)var(--space-lg);font-size:var(--text-sm)}.navbar-toggle{cursor:pointer;padding:var(--space-sm);background:0 0;border:none;flex-direction:column;gap:4px;display:none}.navbar-toggle span{border-radius:var(--radius-full);width:25px;height:3px;transition:all var(--transition-base);display:block}.navbar-toggle.active span:first-child{transform:rotate(45deg)translate(8px,8px)}.navbar-toggle.active span:nth-child(2){opacity:0}.navbar-toggle.active span:nth-child(3){transform:rotate(-45deg)translate(7px,-7px)}@media (max-width:1024px){.navbar-toggle{display:flex}.navbar-menu{padding:var(--space-xl);gap:var(--space-md);opacity:0;visibility:hidden;transition:all var(--transition-base);background:#0a1121f2;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;flex-direction:column;position:fixed;top:72px;left:0;right:0;transform:translateY(-100%)}.navbar-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.navbar-links{gap:var(--space-sm);flex-direction:column;width:100%}.navbar-link{padding:var(--space-md);text-align:center;border:1px solid var(--border-color);border-radius:var(--radius-md);display:block}.navbar-link.active:after{display:none}.navbar-cta{justify-content:center;width:100%}}@media (max-width:768px){.navbar-container{padding:0 var(--space-lg)}.navbar-logo{transform:none}.navbar-logo img{width:120px}}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--space-2xl)0 var(--space-lg);margin-top:auto}.footer-content{gap:var(--space-3xl);margin-bottom:var(--space-xl);grid-template-columns:1.5fr 2fr;display:grid}.footer-brand-reveal{cursor:default;justify-content:center;align-items:center;width:100%;height:200px;display:flex}.brand-text-base{font-family:var(--font-primary);fill:#0000;stroke:var(--text-muted);stroke-width:.3px;opacity:.3;letter-spacing:.1em;font-size:120px;font-weight:900}.brand-text-reveal{font-family:var(--font-primary);fill:#0000;stroke-width:.7px;letter-spacing:.1em;font-size:120px;font-weight:900}@media (max-width:768px){.footer-brand-reveal{height:100px}.brand-text-base,.brand-text-reveal{font-size:60px}}.footer-brand{max-width:400px}.footer-logo-container{margin-bottom:var(--space-md)}.footer-logo{align-items:center;text-decoration:none;display:inline-flex}.footer-logo img{filter:drop-shadow(0 12px 24px #0f172a33);width:160px;height:auto;display:block}.footer-tagline{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-sm)}.footer-description{font-size:var(--text-base);color:var(--text-muted);line-height:var(--leading-relaxed);margin-bottom:var(--space-lg)}.footer-social{gap:var(--space-md);display:flex}.social-link{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:40px;height:40px;transition:all var(--transition-base);justify-content:center;align-items:center;display:flex}.social-link:hover{background:var(--primary-color);border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.social-link img{width:18px;height:18px}.social-link:hover img{filter:brightness(0)invert()}.footer-links-container{gap:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.footer-section{flex-direction:column;display:flex}.footer-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.05em}.footer-list{gap:var(--space-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.footer-link{color:var(--text-muted);font-size:var(--text-sm);transition:color var(--transition-fast);text-decoration:none}.footer-link:hover{color:var(--primary-color)}.footer-bottom{padding-top:var(--space-md);border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.footer-copyright{color:var(--text-muted);font-size:var(--text-sm);margin:0}.footer-legal{align-items:center;gap:var(--space-md);display:flex}.footer-legal-link{color:var(--text-muted);font-size:var(--text-sm);transition:color var(--transition-fast);text-decoration:none}.footer-legal-link:hover{color:var(--primary-color)}@media (max-width:1024px){.footer-content{gap:var(--space-2xl);grid-template-columns:1fr}.footer-links-container{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.footer{padding:var(--space-2xl)0 var(--space-lg)}.footer-content{gap:var(--space-xl)}.footer-links-container{gap:var(--space-lg);grid-template-columns:1fr}.footer-logo img{width:140px}.footer-bottom{gap:var(--space-md);text-align:center;flex-direction:column}.footer-legal{flex-wrap:wrap;justify-content:center}}.app{flex-direction:column;min-height:100vh;display:flex}.main-content{flex-direction:column;flex:1;display:flex}.hero{min-height:100vh;padding:140px 0 var(--space-4xl);align-items:center;display:flex;position:relative;overflow:hidden}.hero-video-layer{z-index:0;position:absolute;inset:0}.hero-video-layer video{object-fit:cover;object-position:80% center;filter:saturate(1.2);opacity:.85;width:100%;height:100%}.hero-video-overlay{z-index:0;pointer-events:none;background:linear-gradient(90deg,#060c14eb 0%,#060c14d1 45%,#060c1473 70%,#060c1426 100%),radial-gradient(circle at 15%,#22d3ee2e,#0000 55%);position:absolute;inset:0}.hero-container{z-index:1;width:100%;max-width:100%;margin:0;padding:0;position:relative}.hero-content{gap:var(--space-lg);max-width:640px;padding-left:clamp(2rem,7vw,6rem);padding-right:var(--space-xl);flex-direction:column;display:flex}.hero-badge{align-items:center;gap:var(--space-sm);padding:var(--space-xs)var(--space-lg);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172aa6;border:1px solid #ffffff1a;display:inline-flex}.badge-dot{background:var(--primary-light);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 12px #22d3eeb3}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hero-title{font-size:clamp(2.75rem,5vw,4.5rem);font-weight:var(--font-extrabold);margin-bottom:0;line-height:1.1}.hero-description{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:0}.hero-tech-keywords{align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.tech-keyword{align-items:center;gap:var(--space-sm);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--primary-light);opacity:.9;animation:.6s ease-out forwards techFadeIn;display:inline-flex}.tech-keyword:first-child{animation-delay:.1s}.tech-keyword:nth-child(2){animation-delay:.2s}.tech-keyword:nth-child(3){animation-delay:.3s}.tech-keyword:nth-child(4){animation-delay:.4s}.tech-keyword:nth-child(5){animation-delay:.5s}@keyframes techFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:.9;transform:translateY(0)}}.tech-separator{color:var(--primary-color);margin-left:var(--space-sm)}.hero-buttons{gap:var(--space-md);margin-top:var(--space-md);flex-wrap:wrap;display:flex}@media (max-width:1024px){.hero{padding:120px 0 var(--space-3xl)}.hero-content{max-width:100%}}@media (max-width:768px){.hero{min-height:auto;padding:110px 0 var(--space-3xl)}.hero-video-layer video{object-position:center;opacity:.5}.hero-video-overlay{background:#060c14e6}.hero-buttons{flex-direction:column}.hero-buttons .btn{width:100%}.hero-content{padding:0 var(--space-lg)}}.service-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-xl);gap:var(--space-md);transition:all var(--transition-base);flex-direction:column;height:100%;display:flex}.service-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-xl);transform:translateY(-8px)}.service-icon{font-size:var(--text-5xl);background:var(--bg-tertiary);border-radius:var(--radius-lg);width:80px;height:80px;margin-bottom:var(--space-sm);justify-content:center;align-items:center;display:flex}.service-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.service-description{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);flex-grow:1;margin:0}.service-tech-stack{gap:var(--space-sm);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.tech-badge{padding:var(--space-xs)var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);white-space:nowrap}.service-features{gap:var(--space-sm);margin:0;margin-top:var(--space-md);padding:0;padding-top:var(--space-md);border-top:1px solid var(--border-color);flex-direction:column;list-style:none;display:flex}.service-features li{align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--text-secondary);margin:0;display:flex}.feature-icon{width:20px;height:20px;color:var(--primary-color);font-size:var(--text-xs);font-weight:var(--font-bold);background:#22d3ee1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}@media (max-width:768px){.service-card{padding:var(--space-lg)}.service-icon{width:60px;height:60px;font-size:var(--text-4xl)}.service-title{font-size:var(--text-xl)}}.project-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);transition:all var(--transition-base);flex-direction:column;height:100%;display:flex;overflow:hidden}.project-card:hover{box-shadow:var(--shadow-xl);border-color:var(--primary-color);transform:translateY(-8px)}.project-image-link{text-decoration:none;display:block}.project-image{background:var(--bg-tertiary);width:100%;height:240px;position:relative;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.project-card:hover .project-image img{transform:scale(1.05)}.project-overlay{top:var(--space-md);left:var(--space-md);right:var(--space-md);justify-content:space-between;align-items:flex-start;gap:var(--space-sm);display:flex;position:absolute}.project-category{padding:var(--space-xs)var(--space-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;background:#0f172ae6}.project-status{padding:var(--space-xs)var(--space-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;background:#0f172ae6}.status-live{color:var(--success);border:1px solid var(--success)}.status-completed{color:var(--info);border:1px solid var(--info)}.status-in-development{color:var(--warning);border:1px solid var(--warning)}.project-content{padding:var(--space-xl);gap:var(--space-md);flex-direction:column;flex-grow:1;display:flex}.project-header{justify-content:space-between;align-items:flex-start;gap:var(--space-md);display:flex}.project-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);flex-grow:1;margin:0}.project-title-link{color:inherit;text-decoration:none}.project-title-link:hover{color:var(--primary-color)}.project-year{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-muted);padding:var(--space-xs)var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-md);white-space:nowrap}.project-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);flex-grow:1;margin:0}.project-tech{gap:var(--space-sm);flex-wrap:wrap;display:flex}.tech-tag{padding:var(--space-xs)var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary)}.project-actions{gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-color);flex-wrap:wrap;margin-top:auto;display:flex}.project-link{align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);transition:all var(--transition-fast);text-decoration:none;display:flex}.project-link:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:translate(2px)}.link-icon{font-size:var(--text-base);transition:transform var(--transition-fast)}.project-link:hover .link-icon{transform:translate(3px)}@media (max-width:768px){.project-image{height:200px}.project-content{padding:var(--space-lg)}.project-title{font-size:var(--text-lg)}.project-actions{flex-direction:column}.project-link{justify-content:space-between}}.blog-preview{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);transition:all var(--transition-base);flex-direction:column;height:100%;text-decoration:none;display:flex;overflow:hidden}.blog-preview:hover{box-shadow:var(--shadow-xl);border-color:var(--primary-color);transform:translateY(-8px)}.blog-image{background:var(--bg-tertiary);width:100%;height:240px;position:relative;overflow:hidden}.blog-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.blog-preview:hover .blog-image img{transform:scale(1.05)}.blog-category{top:var(--space-md);left:var(--space-md);padding:var(--space-xs)var(--space-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--primary-color);text-transform:uppercase;letter-spacing:.05em;background:#0f172ae6;position:absolute}.blog-content{padding:var(--space-xl);gap:var(--space-md);flex-direction:column;flex-grow:1;display:flex}.blog-meta{align-items:center;gap:var(--space-sm);font-size:var(--text-xs);color:var(--text-muted);flex-wrap:wrap;display:flex}.blog-author{font-weight:var(--font-medium);color:var(--text-secondary)}.blog-separator{color:var(--text-dark)}.blog-date,.blog-read-time{color:var(--text-muted)}.blog-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:var(--leading-tight);transition:color var(--transition-fast);margin:0}.blog-preview:hover .blog-title{color:var(--primary-color)}.blog-excerpt{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;flex-grow:1;margin:0;display:-webkit-box;overflow:hidden}.blog-tags{gap:var(--space-sm);flex-wrap:wrap;display:flex}.blog-tag{padding:var(--space-xs)var(--space-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary)}.blog-read-more{align-items:center;gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--border-color);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--primary-color);transition:gap var(--transition-fast);display:flex}.blog-preview:hover .blog-read-more{gap:var(--space-md)}.read-more-icon{font-size:var(--text-base);transition:transform var(--transition-fast)}.blog-preview:hover .read-more-icon{transform:translate(3px)}@media (max-width:768px){.blog-image{height:200px}.blog-content{padding:var(--space-lg)}.blog-title{font-size:var(--text-lg)}.blog-meta{font-size:var(--text-xs)}}.cta-section{min-height:60vh;padding:var(--space-5xl)0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.cta-background{pointer-events:none;opacity:.6;position:absolute;inset:0}.cta-paths-container{pointer-events:none;position:absolute;inset:0}.cta-paths-svg{width:100%;height:100%;color:var(--primary-color)}.cta-container{z-index:10;position:relative}.cta-content-wrapper{text-align:center;max-width:900px;margin:0 auto}.cta-title{margin-bottom:var(--space-xl);background:linear-gradient(to right,#fff 20%,var(--primary-color)50%,#fff 80%);-webkit-text-fill-color:transparent;text-shadow:0 0 30px #22d3ee33;background-size:200%;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,5vw,4rem);font-weight:900;line-height:1.1;animation:5s linear infinite shine}@keyframes shine{to{background-position:200%}}.cta-title-word{margin-right:.3em;display:inline-block}.cta-title-word:last-child{margin-right:0}.cta-title-letter{display:inline-block}.cta-description{font-size:var(--text-xl);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-2xl);max-width:700px;margin-left:auto;margin-right:auto}.cta-buttons{justify-content:center;gap:var(--space-lg);flex-wrap:wrap;display:flex}.cta-button-wrapper{position:relative}.cta-button{align-items:center;gap:var(--space-sm);min-width:200px;padding:var(--space-md)var(--space-2xl);font-size:var(--text-base);font-weight:var(--font-semibold);border-radius:var(--radius-full);transition:all var(--transition-base);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-shadow:0 2px 4px #0000004d;justify-content:center;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 30px #0000001a,inset 0 0 20px #ffffff05;color:#fff!important;background:#ffffff08!important;border:1px solid #ffffff14!important}.cta-button:hover{transform:translateY(-.5px);box-shadow:0 0 20px #22d3ee66,inset 0 0 10px #ffffff0d;border-color:var(--primary-color)!important;background:#ffffff14!important}.cta-button:before{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(135deg,#22d3ee1a,#0ea5b81a);position:absolute;inset:0}.cta-button:hover:before{opacity:1}.cta-button-text{z-index:1;position:relative}.cta-button-arrow{z-index:1;font-size:1.2em;display:inline-block;position:relative}.cta-section.cta-gradient{background:linear-gradient(180deg,var(--bg-primary)0%,var(--bg-secondary)50%,var(--bg-primary)100%)}.cta-section.cta-gradient .cta-title{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color),var(--primary-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.cta-section.cta-minimal{min-height:40vh;padding:var(--space-4xl)0;background:var(--bg-secondary)}.cta-section.cta-minimal .cta-background{opacity:.3}@media (max-width:768px){.cta-section{min-height:50vh;padding:var(--space-4xl)0}.cta-title{margin-bottom:var(--space-lg);font-size:clamp(2rem,8vw,3rem)}.cta-description{font-size:var(--text-base);margin-bottom:var(--space-xl)}.cta-buttons{gap:var(--space-md);flex-direction:column}.cta-button{width:100%;min-width:0}}@media (prefers-reduced-motion:reduce){.cta-title-letter,.cta-description,.cta-buttons,.cta-paths-svg path{animation:none}}.services-preview{background:var(--bg-primary)}.section-header{text-align:center;max-width:800px;margin:0 auto var(--space-3xl)}.section-title{font-size:var(--text-4xl);font-weight:var(--font-extrabold);margin-bottom:var(--space-md)}.section-subtitle{font-size:var(--text-lg);color:var(--text-secondary);margin:0}.services-grid{gap:var(--space-xl);margin-bottom:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.section-cta{margin-top:var(--space-2xl);justify-content:center;display:flex}.featured-projects{background:var(--bg-secondary)}.projects-grid{gap:var(--space-xl);margin-bottom:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.about-snippet{background:var(--bg-primary)}.about-content{gap:var(--space-3xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.about-text{gap:var(--space-lg);flex-direction:column;display:flex}.about-description{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.about-highlights{gap:var(--space-lg);flex-direction:column;display:flex}.highlight-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-xl);transition:all var(--transition-base)}.highlight-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translate(8px)}.highlight-icon{font-size:var(--text-4xl);margin-bottom:var(--space-md)}.highlight-card h3{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-sm)}.highlight-card p{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.blog-teaser{background:var(--bg-secondary)}.blog-grid{gap:var(--space-xl);margin-bottom:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}@media (max-width:1024px){.about-content{gap:var(--space-2xl);grid-template-columns:1fr}}@media (max-width:768px){.section-title{font-size:var(--text-3xl)}.section-subtitle{font-size:var(--text-base)}.services-grid,.projects-grid,.blog-grid{grid-template-columns:1fr}.cta-title{font-size:var(--text-3xl)}.cta-description{font-size:var(--text-base)}}.service-section{padding:var(--space-4xl)0;position:relative;overflow:hidden}.service-section.odd{background:var(--bg-secondary)}.service-section.even{background:var(--bg-primary)}.service-section-container{align-items:center;gap:var(--space-4xl);display:flex}.service-section.odd .service-section-container{flex-direction:row-reverse}.service-visual{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.service-icon-wrapper{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);width:300px;height:300px;box-shadow:var(--shadow-xl);z-index:1;transition:transform var(--transition-slow);justify-content:center;align-items:center;display:flex;position:relative}.service-icon-large{z-index:2;font-size:8rem}.service-icon-glow{filter:blur(40px);z-index:0;background:radial-gradient(circle,#22d3ee33 0%,#0000 70%);width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.service-image-wrapper{aspect-ratio:1;border-radius:var(--radius-2xl);width:100%;max-width:420px;box-shadow:var(--shadow-xl);border:1px solid var(--border-color);transition:transform var(--transition-base);position:relative;overflow:hidden}.service-section .service-image-wrapper:hover{border-color:var(--primary-color);transform:scale(1.01)}.service-image{object-fit:cover;width:100%;height:100%;display:block}.service-image-overlay{pointer-events:none;background:linear-gradient(#0000,#0000004d);position:absolute;inset:0}.service-content{flex:1.2}.service-title{font-size:var(--text-4xl);font-weight:var(--font-extrabold);margin-bottom:var(--space-lg);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.service-description{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-xl)}.service-tech{margin-bottom:var(--space-xl)}.service-tech h4{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:var(--space-md)}.tech-tags{gap:var(--space-sm);flex-wrap:wrap;display:flex}.tech-tag{padding:var(--space-xs)var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);transition:all var(--transition-fast)}.tech-tag:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.service-features-list h4{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:var(--space-md)}.service-features-list ul{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0;padding:0;list-style:none;display:grid}.service-features-list li{align-items:flex-start;gap:var(--space-sm);font-size:var(--text-base);color:var(--text-secondary);display:flex}.check-icon{color:var(--success);flex-shrink:0;margin-top:2px;font-weight:700}@media (max-width:1024px){.service-section-container{gap:var(--space-2xl);text-align:center;flex-direction:column!important}.service-visual,.service-content{width:100%}.service-features-list ul{text-align:left}.tech-tags{justify-content:center}}@media (max-width:768px){.service-section{padding:var(--space-2xl)0}.service-icon-wrapper{width:200px;height:200px}.service-icon-large{font-size:5rem}.service-title{font-size:var(--text-3xl)}}.services-page{padding-top:0}.services-hero{background:var(--bg-secondary);padding:160px 0 var(--space-3xl);text-align:center}.page-title{font-size:var(--text-6xl);font-weight:var(--font-extrabold);margin-bottom:var(--space-lg);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.page-description{font-size:var(--text-xl);color:var(--text-secondary);max-width:800px;line-height:var(--leading-relaxed);margin:0 auto}.services-list{flex-direction:column;display:flex}.services-process{background:var(--bg-secondary)}.process-steps{gap:var(--space-xl);padding:var(--space-2xl)var(--space-xl);grid-template-columns:repeat(4,1fr);width:100%;display:grid}.process-step-wrapper{gap:var(--space-md);flex-direction:column;height:100%;display:flex}.step-number{font-size:var(--text-6xl);color:var(--primary-color);opacity:.2;margin-left:var(--space-lg);font-weight:900;line-height:1}.process-card{-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-xl);padding:var(--space-xl);transition:transform var(--transition-base);background:linear-gradient(145deg,#ffffff14 0%,#ffffff08 100%);border:1px solid #ffffff1a;flex-direction:column;flex:1;display:flex;position:relative;box-shadow:0 4px 30px #0000001a}.process-card:hover{transform:translateY(-5px)}.process-card:before{content:"";border-radius:inherit;background:radial-gradient(600px circle at var(--mouse-x)var(--mouse-y),var(--primary-color),transparent 40%);-webkit-mask-composite:xor;pointer-events:none;opacity:0;padding:1px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.process-card:hover:before{opacity:1}.process-card h3{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-sm);color:var(--text-primary)}.process-card p{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}@media (max-width:768px){.services-page{padding-top:0}.page-title{font-size:var(--text-4xl)}.page-description{font-size:var(--text-base)}.services-grid,.process-steps{grid-template-columns:1fr}}.projects-page{padding-top:0}.projects-hero{background:var(--bg-secondary);padding:160px 0 var(--space-3xl);text-align:center}.projects-filter{background:var(--bg-primary);padding:var(--space-xl)0;border-bottom:1px solid var(--border-color);z-index:var(--z-sticky);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);top:72px}.projects-gallery{background:var(--bg-secondary);min-height:60vh}.projects-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));display:grid}.no-projects{text-align:center;padding:var(--space-4xl)0}.no-projects p{font-size:var(--text-lg);color:var(--text-muted)}@media (max-width:768px){.projects-page{padding-top:0}.projects-filter{top:60px}.projects-grid{grid-template-columns:1fr}.filter-buttons{gap:var(--space-sm)}.filter-btn{padding:var(--space-sm)var(--space-lg);font-size:var(--text-xs)}}.project-details-page{background:var(--bg-primary);padding-top:72px}.project-details-status{justify-content:center;align-items:center;gap:var(--space-xl);text-align:center;min-height:60vh;color:var(--text-secondary);flex-direction:column;display:flex}.project-details-hero{background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:420px;position:relative}.project-details-hero-overlay{padding:var(--space-5xl)0 var(--space-4xl);background:radial-gradient(circle at 0 0,#22d3ee59 0%,#070a13e6 45%,#070a13d9 100%),linear-gradient(170deg,#070a13eb 0%,#070a13cc 45%,#070a13b3 100%)}.project-back-link{align-items:center;gap:var(--space-xs);padding:var(--space-xs)0;margin-bottom:var(--space-xl);color:#ffffffb3;font-size:var(--text-sm);transition:color var(--transition-fast);text-decoration:none;display:inline-flex}.project-back-link:before{content:"<";font-weight:var(--font-bold);font-size:var(--text-base)}.project-back-link:hover{color:#fff}.project-hero-meta{gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap;align-items:center;display:flex}.project-year-pill{padding:var(--space-xs)var(--space-md);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.05em;color:#ffffffd9;background:#0f172ab3}.project-hero-title{font-size:clamp(2.5rem,4vw,3.75rem);font-weight:var(--font-extrabold);color:#fff;margin:0 0 var(--space-lg);line-height:var(--leading-tight);max-width:840px}.project-hero-summary{font-size:var(--text-lg);color:#ffffffd1;line-height:var(--leading-relaxed);max-width:720px;margin:0}.project-hero-actions{gap:var(--space-md);margin-top:var(--space-2xl);flex-wrap:wrap;display:flex}.project-hero-actions .btn{min-width:180px}.project-details-body{padding:var(--space-4xl)0}.project-details-grid{gap:var(--space-3xl);grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;display:grid}.project-details-main{gap:var(--space-2xl);flex-direction:column;display:flex}.details-section h2,.details-section h3{margin-bottom:var(--space-md);font-weight:var(--font-extrabold);color:var(--text-primary)}.details-section h2{font-size:clamp(1.75rem,2.5vw,2.25rem)}.details-section h3{font-size:var(--text-xl)}.details-section p{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.details-list{gap:var(--space-sm);margin:0;padding:0;list-style:none;display:grid}.details-list li{padding-left:calc(var(--space-lg) + 6px);font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);position:relative}.details-list li:before{content:"";background:var(--primary-color);border-radius:50%;width:10px;height:10px;position:absolute;top:10px;left:0;box-shadow:0 0 0 4px #22d3ee33}.project-gallery{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.gallery-item{cursor:pointer;border-radius:var(--radius-xl);border:1px solid var(--border-color);position:relative;overflow:hidden}.gallery-item img{object-fit:cover;width:100%;height:100%;min-height:180px;transition:transform var(--transition-base);display:block}.gallery-item:hover img{transform:scale(1.05)}.gallery-overlay{opacity:0;transition:opacity var(--transition-fast);background:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-overlay span{color:#fff;font-weight:var(--font-semibold);padding:var(--space-xs)var(--space-md);border-radius:var(--radius-full);background:#0000004d;border:1px solid #fff}.image-modal{z-index:2000;padding:var(--space-xl);background:#000000f2;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{max-width:90vw;max-height:90vh;position:relative}.modal-content img{object-fit:contain;border-radius:var(--radius-lg);max-width:100%;max-height:90vh;box-shadow:var(--shadow-2xl)}.modal-nav{color:#fff;cursor:pointer;width:52px;height:52px;transition:background var(--transition-fast),transform var(--transition-fast);background:#0f172acc;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:2.5rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.modal-nav.prev{left:-70px}.modal-nav.next{right:-70px}.modal-nav:hover{background:#22d3eee6;transform:translateY(-50%)scale(1.05)}.close-modal{color:#fff;cursor:pointer;padding:var(--space-sm);transition:color var(--transition-fast);background:0 0;border:none;font-size:3rem;line-height:1;position:absolute;top:-40px;right:-40px}.close-modal:hover{color:var(--primary-color)}@media (max-width:768px){.close-modal{top:-40px;right:0}.modal-nav.prev{left:0}.modal-nav.next{right:0}}.project-details-sidebar{gap:var(--space-xl);flex-direction:column;display:flex}.sidebar-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-xl);gap:var(--space-md);flex-direction:column;display:flex}.sidebar-card h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.tech-list,.facts-list{gap:var(--space-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.tech-list li{padding:var(--space-sm)var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.facts-list li{font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-sm)0;border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.facts-list li:last-child{border-bottom:none}.highlight-card{background:linear-gradient(135deg,#22d3ee1f,#0ea5b840);border-color:#22d3ee66}.highlight-card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.project-related{padding:var(--space-4xl)0 var(--space-5xl);background:var(--bg-secondary)}.project-related .projects-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}@media (max-width:1024px){.project-details-grid{grid-template-columns:1fr}.project-details-sidebar{flex-flow:wrap}.sidebar-card{flex:280px}}@media (max-width:768px){.project-details-page{padding-top:60px}.project-details-hero-overlay{padding:var(--space-4xl)0 var(--space-3xl)}.project-hero-actions{flex-direction:column}.project-hero-actions .btn{width:100%;min-width:0}.project-back-link{margin-bottom:var(--space-lg)}.project-related .projects-grid{grid-template-columns:1fr}}.about-page{background:var(--bg-primary)}.about-hero{color:#fff;background-position:50%;background-size:cover;align-items:center;min-height:100vh;display:flex;position:relative}.about-hero-overlay{padding:var(--space-5xl)0 var(--space-4xl);background:linear-gradient(#070a13bf 0%,#070a13d9 35%,#070a13f2 100%);width:100%}.about-hero-content{align-items:flex-start;gap:var(--space-xl);flex-direction:column;max-width:720px;display:flex}.about-hero h1{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:var(--font-extrabold);line-height:var(--leading-tight);margin:0}.about-hero p{font-size:var(--text-lg);color:#ffffffd1;line-height:var(--leading-relaxed);margin:0}.about-hero-values{gap:var(--space-md);margin-top:var(--space-md);grid-template-columns:repeat(2,1fr);width:100%;max-width:600px;display:grid}.value-item{padding:var(--space-sm)var(--space-lg);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--primary-light);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#22d3ee1f;border:1px solid #22d3ee4d}.about-story{padding:var(--space-4xl)0;background:var(--bg-primary)}.story-grid{gap:var(--space-3xl);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;display:grid}.story-text h2{font-size:clamp(2rem,3vw,2.75rem);font-weight:var(--font-extrabold);margin-bottom:var(--space-xl)}.story-text p{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-lg)}.story-highlights{gap:var(--space-xl);display:grid}.story-highlight{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-sm)}.story-highlight h3{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--primary-color);margin-bottom:var(--space-sm)}.story-highlight p{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.about-approach{padding:var(--space-4xl)0;background:var(--bg-secondary)}.section-title{font-size:var(--text-4xl);font-weight:var(--font-extrabold);text-align:center;margin-bottom:var(--space-3xl)}.approach-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.approach-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-2xl)var(--space-xl);text-align:left;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.approach-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.approach-icon{font-size:var(--text-4xl);margin-bottom:var(--space-lg)}.approach-card h3{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-sm)}.approach-card p{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.founders-note{background:var(--bg-primary);padding:var(--space-4xl)0}.founders-note blockquote{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:var(--font-semibold);line-height:var(--leading-relaxed);color:var(--text-primary);margin:0 0 var(--space-md);padding-left:var(--space-xl);position:relative}.founders-note blockquote:before{content:"\"";color:var(--primary-color);opacity:.4;font-size:3rem;position:absolute;top:-12px;left:0}.founders-note cite{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);display:inline-block}.about-tech{background:var(--bg-secondary);padding:var(--space-4xl)0;position:relative;overflow:hidden}.tech-categories-wrapper{gap:var(--space-xl);perspective:1500px;flex-direction:column;display:flex}.tech-category-column{align-items:flex-start;column-gap:var(--space-3xl);grid-template-columns:auto minmax(0,1fr);width:100%;display:grid;position:relative}.tech-category-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--primary-color);text-transform:uppercase;letter-spacing:.1em;padding-top:var(--space-sm);flex-shrink:0}.tech-cards-grid{gap:var(--space-lg);flex:1;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid;position:relative}.tech-card-3d{width:120px;height:120px;transform-style:preserve-3d}.tech-card-content{border-radius:var(--radius-lg);width:120px;height:120px;padding:var(--space-md);transform-style:preserve-3d;will-change:transform;box-sizing:border-box;background:#ffffff08;border:1px solid #22d3ee33;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.tech-card-inner{justify-content:center;align-items:center;gap:var(--space-sm);transform-style:preserve-3d;flex-direction:column;width:100%;max-width:100%;display:flex;transform:translateZ(80px)}.tech-icon{object-fit:contain;filter:drop-shadow(0 8px 16px #0006);flex-shrink:0;width:48px;height:48px}.tech-name{color:var(--text-primary);text-align:center;text-shadow:0 2px 4px #0000004d;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.75rem;font-weight:500;line-height:1.2;overflow:hidden}@media (max-width:1024px){.story-grid{grid-template-columns:1fr}.story-highlights{grid-template-columns:repeat(2,minmax(0,1fr))}.tech-category-title{min-width:auto;padding-top:0}.tech-cards-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.tech-card-3d,.tech-card-content{width:100px;height:100px}}@media (max-width:768px){.about-hero{min-height:100vh}.about-hero-content{max-width:100%}.story-highlights,.approach-grid{grid-template-columns:1fr}.tech-categories-wrapper{gap:var(--space-lg)}.tech-category-column{gap:var(--space-sm);flex-direction:column}.tech-category-title{font-size:var(--text-base)}.tech-cards-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.tech-card-3d,.tech-card-content{width:90px;height:90px}.tech-icon{width:36px;height:36px}.tech-name{font-size:var(--text-xs)}.about-hero-values{grid-template-columns:1fr}}.contact-page{padding-top:0}.contact-hero{background:var(--bg-secondary);padding:160px 0 var(--space-3xl);text-align:center}.contact-content{background:var(--bg-primary)}.contact-grid{gap:var(--space-4xl);grid-template-columns:1fr 1.5fr;display:grid}.contact-info h2{font-size:var(--text-3xl);font-weight:var(--font-extrabold);margin-bottom:var(--space-md)}.contact-info>p{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-2xl)}.contact-methods{gap:var(--space-lg);margin-bottom:var(--space-3xl);flex-direction:column;display:flex}.contact-method{align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-fast);display:flex}.contact-method:hover{border-color:var(--primary-color);transform:translate(4px)}.method-icon{font-size:var(--text-3xl);background:var(--bg-tertiary);border-radius:var(--radius-md);justify-content:center;align-items:center;min-width:50px;height:50px;display:flex}.method-details h3{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-xs)}.method-details p,.method-details a{font-size:var(--text-base);color:var(--text-secondary);margin:0;text-decoration:none}.method-details a:hover{color:var(--primary-color)}.social-links h3{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-md)}.social-buttons{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.social-btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);transition:all var(--transition-fast);text-decoration:none;display:flex}.social-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:translateY(-2px)}.social-btn-icon{object-fit:contain;width:18px;height:18px}.social-btn:hover .social-btn-icon{filter:brightness(0)invert()}.contact-form-wrapper{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-2xl)}.contact-form{gap:var(--space-lg);flex-direction:column;display:flex}.form-group{gap:var(--space-sm);flex-direction:column;display:flex}.form-group label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.submit-btn{width:100%;padding:var(--space-lg);font-size:var(--text-lg);margin-top:var(--space-md)}.success-message{text-align:center;padding:var(--space-4xl);flex-direction:column;justify-content:center;align-items:center;display:flex}.success-icon{background:var(--success);color:#fff;width:80px;height:80px;font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--space-xl);border-radius:50%;justify-content:center;align-items:center;animation:.5s ease-out scaleIn;display:flex}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.success-message h3{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-md)}.success-message p{font-size:var(--text-lg);color:var(--text-secondary);margin:0}@media (max-width:1024px){.contact-grid{gap:var(--space-2xl);grid-template-columns:1fr}}@media (max-width:768px){.contact-page{padding-top:0}.contact-form-wrapper{padding:var(--space-xl)}.social-buttons{grid-template-columns:1fr}.success-message{padding:var(--space-2xl)}}.blog-page{padding-top:0}.blog-hero{background:var(--bg-secondary);padding:160px 0 var(--space-3xl);text-align:center}.blog-filter{background:var(--bg-primary);padding:var(--space-xl)0;border-bottom:1px solid var(--border-color);z-index:var(--z-sticky);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);top:72px}.filter-buttons{justify-content:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.filter-btn{padding:var(--space-sm)var(--space-xl);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);transition:all var(--transition-fast);cursor:pointer}.filter-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.filter-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.blog-list{background:var(--bg-secondary);min-height:60vh}.blog-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));display:grid}.no-posts{text-align:center;padding:var(--space-4xl)0}.no-posts p{font-size:var(--text-lg);color:var(--text-muted)}.blog-post{background:var(--bg-primary)}.post-hero{background:var(--bg-secondary);padding:var(--space-3xl)0 var(--space-2xl)}.back-link{align-items:center;gap:var(--space-sm);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-lg);transition:color var(--transition-fast);text-decoration:none;display:inline-flex}.back-link:hover{color:var(--primary-color)}.post-category{padding:var(--space-xs)var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--primary-color);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-lg);display:inline-block}.post-title{font-size:var(--text-5xl);font-weight:var(--font-extrabold);line-height:var(--leading-tight);margin-bottom:var(--space-lg);max-width:900px}.post-meta{align-items:center;gap:var(--space-md);font-size:var(--text-sm);color:var(--text-muted);flex-wrap:wrap;display:flex}.post-author{font-weight:var(--font-medium);color:var(--text-secondary)}.separator{color:var(--text-dark)}.post-image{width:100%;height:500px;margin-bottom:var(--space-4xl);overflow:hidden}.post-image img{object-fit:cover;width:100%;height:100%}.post-content{max-width:800px;margin:0 auto var(--space-3xl)}.post-content p{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-xl)}.post-tags{max-width:800px;margin:0 auto var(--space-3xl);padding-top:var(--space-2xl);border-top:1px solid var(--border-color)}.post-tags h4{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-md)}.tags-list{gap:var(--space-sm);flex-wrap:wrap;display:flex}.post-tag{padding:var(--space-sm)var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.post-footer{max-width:800px;padding:var(--space-3xl)0;justify-content:center;gap:var(--space-lg);flex-wrap:wrap;margin:0 auto;display:flex}@media (max-width:768px){.blog-page{padding-top:0}.blog-filter{top:60px}.blog-grid{grid-template-columns:1fr}.filter-buttons{gap:var(--space-sm)}.filter-btn{padding:var(--space-sm)var(--space-lg);font-size:var(--text-xs)}.post-title{font-size:var(--text-3xl)}.post-image{height:300px}.post-content p{font-size:var(--text-base)}.post-footer{flex-direction:column}.post-footer .btn{width:100%}}