@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap";
:root{--color-primary-bg:#080c14;--color-text-default:#fff;--color-accent-cyan:#22d3ee;--color-accent-blue:#3b82f6;--color-dark-card:#1f293780;--max-content-width:1280px}html,body{min-height:100vh;margin:0;padding:0;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}.lan-main{background-color:var(--color-primary-bg);color:var(--color-text-default)}a{color:inherit;text-decoration:none;transition:color .3s,opacity .3s}*{margin:0;padding:0}.relative{position:relative}.z-10{z-index:10}.z-20{z-index:20}.mx-auto{margin-left:auto;margin-right:auto}.px-6{padding-left:1.5rem;padding-right:1.5rem}body:before{content:"";opacity:.5;z-index:0;pointer-events:none;background-image:linear-gradient(90deg,#22d3ee08 1px,#0000 1px),linear-gradient(#22d3ee08 1px,#0000 1px);background-size:50px 50px;width:100%;height:100%;position:fixed;top:0;left:0}.contact-btn{color:#0b0f19;background:linear-gradient(to right,var(--color-accent-cyan),var(--color-accent-blue));border-radius:9999px;padding:.5rem 1.75rem;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.contact-btn:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #22d3ee99,0 4px 6px -4px #22d3ee66}#menu-toggle-btn{color:var(--color-accent-cyan);cursor:pointer;background:0 0;border:none;font-size:1.5rem;display:block}.mobile-menu{z-index:50;background-color:#0b0f19;flex-direction:column;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.mobile-menu.open{opacity:1;visibility:visible}.mobile-menu a{color:#fff;margin:1rem;font-size:1.875rem;font-weight:600}.mobile-menu a:hover{color:var(--color-accent-cyan)}#close-menu-btn{color:var(--color-accent-cyan);cursor:pointer;background:0 0;border:none;font-size:2.25rem;position:absolute;top:2rem;right:2rem}.hero-section{max-width:var(--max-content-width);gap:3rem;margin:0 auto;padding:10rem 1.5rem 5rem;display:grid}.hero-left{flex-direction:column;justify-content:center;display:flex}.hero-heading{letter-spacing:-.05em;font-size:2.25rem;font-weight:800;line-height:1.25}.hero-accent{color:var(--color-accent-cyan);margin-top:.5rem;display:block}.hero-description{color:#d1d5db;max-width:40rem;margin-top:1.5rem;font-size:1.125rem;line-height:1.625}.hero-cta-group{align-items:center;gap:1.5rem;margin-top:2.5rem;display:flex}.hero-cta-btn{background-color:var(--color-accent-cyan);color:#000;border-radius:.75rem;padding:1rem 2rem;font-size:1.125rem;font-weight:700;transition:background-color .2s;box-shadow:0 10px 15px -3px #22d3ee4d,0 4px 6px -4px #22d3ee4d}.hero-cta-btn:hover{background-color:#67e8f9}.hero-code-visual{background-color:#1f2937;border:2px solid #22d3ee4d;border-radius:1rem;justify-content:center;align-items:center;padding:2rem;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #22d3ee1a,0 0 0 1px #22d3ee0d}.hero-code-visual pre{color:var(--color-accent-cyan);white-space:pre-wrap;font-family:monospace;font-size:.875rem;line-height:1.625}.expertise-section{max-width:var(--max-content-width);z-index:10;margin:0 auto;padding:2.5rem 1.5rem;position:relative}.expertise-header{text-align:center;margin-bottom:4rem}.expertise-header h2{margin-bottom:.75rem;font-size:1.875rem;font-weight:800}.expertise-header h2 span{color:var(--color-accent-cyan)}.expertise-header p{color:#9ca3af;max-width:48rem;margin:0 auto;font-size:1.125rem}.expertise-grid{grid-template-columns:1fr;gap:2rem;display:grid}.expertise-card{background-color:var(--color-dark-card);border:1px solid #22d3ee33;border-radius:.75rem;padding:2rem;transition:transform .3s,box-shadow .3s;box-shadow:0 10px 15px -3px #0000001a}.expertise-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px -12px #22d3ee26}.expertise-card h3{color:var(--color-accent-cyan);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.expertise-card p{color:#d1d5db;font-size:1rem}.img--back{background-position:50%;background-repeat:no-repeat;background-size:cover}.footer{max-width:var(--max-content-width);text-align:center;color:#6b7280;border-top:1px solid #1f2937;margin:4rem auto 0;padding:2.5rem 1.5rem}@media (min-width:768px){.navbar-title{font-size:1.875rem}.navbar-links{display:flex}#menu-toggle-btn{display:none}.contact-btn{display:inline-block}.hero-section{grid-template-columns:repeat(2,minmax(0,1fr));gap:4rem}.hero-heading{font-size:4.5rem}.expertise-section{padding-top:6rem;padding-bottom:6rem}.expertise-header h2{font-size:2.25rem}.expertise-grid{grid-template-columns:repeat(2,1fr)}.hero-code-visual pre{font-size:1rem}}