@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--brand-50:#f1f6f9;--brand-100:#dbe8ef;--brand-200:#bcd3e0;--brand-300:#8fb4c9;--brand-400:#5c8dab;--brand-500:#3c6f8f;--brand-600:#305a76;--brand-700:#294b62;--brand-800:#253f52;--brand-900:#223646;--brand-950:#0f172a;--ansava-blue:var(--brand-600);--ansava-red:#df1f2d;--ansava-steel:#94a3b8;--graphite-50:#f8fafc;--graphite-100:#f1f5f9;--graphite-200:#e2e8f0;--graphite-300:#cbd5e1;--graphite-400:#94a3b8;--graphite-500:#64748b;--graphite-600:#475569;--graphite-700:#334155;--graphite-800:#1e293b;--graphite-900:#0f172a;--graphite-950:#0a1128;--background:var(--graphite-50);--foreground:var(--graphite-900);--font-sans:"Inter", sans-serif;--font-display:"Plus Jakarta Sans", sans-serif;--shadow-premium:0 30px 100px #0a11281f;--shadow-glow:0 24px 70px #305a7640;--transition:.3s cubic-bezier(.4, 0, .2, 1);--ease-apple:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:var(--font-sans);background:var(--background);color:var(--foreground);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.05em;font-weight:800;line-height:1.1}a{color:inherit;transition:var(--transition);text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}.container{max-width:1280px;margin:0 auto;padding:0 24px}.industrial-grid{background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:44px 44px}.glass-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid #fff6;box-shadow:0 20px 70px #070a1014}.premium-card{border:1px solid var(--graphite-200);box-shadow:var(--shadow-premium);transition:var(--transition);background:#fff;border-radius:2rem;overflow:hidden}.premium-card:hover{box-shadow:var(--shadow-glow);border-color:#003e8a4d;transform:translateY(-5px)}.navbar{z-index:1000;border-bottom:1px solid var(--graphite-200);transition:var(--transition);background:#fff;padding:16px 0;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 30px #00000008}.navbar.scrolled{padding:10px 0}.navbar .container{justify-content:space-between;align-items:center;display:flex}.nav-logo{color:var(--ansava-blue);font-size:1.5rem;font-weight:800;font-family:var(--font-display);align-items:center;gap:10px;display:flex}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:var(--graphite-600);font-size:.9rem;font-weight:700}.nav-links a:hover{color:var(--ansava-blue)}.nav-cta{background:var(--ansava-blue);box-shadow:var(--shadow-glow);border-radius:50px;padding:12px 28px;color:#fff!important}.hero{background:var(--graphite-950);color:#fff;align-items:center;min-height:85vh;padding:120px 0 80px;display:flex;position:relative;overflow:hidden}.hero-overlay{background:radial-gradient(circle at 70% 30%,#305a7633 0%,#0000 70%);position:absolute;inset:0}.hero .industrial-grid,.hero-overlay{will-change:transform, opacity}.hero .container{z-index:2;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;display:grid;position:relative}.hero-tag{text-transform:uppercase;letter-spacing:.2em;color:#fffc;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50px;align-items:center;gap:8px;margin-bottom:32px;padding:8px 16px;font-size:.75rem;font-weight:800;display:inline-flex}.hero h1{color:#fff;margin-bottom:24px;font-size:4.5rem}.hero p{color:#ffffffb3;max-width:600px;margin-bottom:40px;font-size:1.15rem}.btn{transition:var(--transition);cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;padding:16px 36px;font-size:.95rem;font-weight:800;display:inline-flex}.btn-primary{background:var(--ansava-blue);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover{background:var(--brand-500);transform:translateY(-3px)}.btn-secondary{color:#fff;background:#ffffff1a;border:1px solid #fff3}.btn-secondary:hover{background:#fff3}.section{padding:100px 0}.section-tag{text-transform:uppercase;letter-spacing:.25em;color:var(--ansava-blue);margin-bottom:16px;font-size:.85rem;font-weight:800;display:block}.section h2{color:var(--graphite-950);margin-bottom:24px;font-size:3.5rem}.stats-panel{color:var(--graphite-950);border-radius:2.5rem;padding:32px}.stats-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.stat-item{transition:var(--transition);background:#fff;border-radius:1.5rem;padding:24px}.stat-item:hover{box-shadow:0 10px 30px #0000000d}.stat-value{color:var(--graphite-950);font-size:1.5rem;font-weight:800}.stat-label{color:var(--graphite-500);text-transform:uppercase;margin-top:4px;font-size:.75rem;font-weight:700}.services-grid{grid-template-columns:repeat(3,1fr);gap:32px;margin-top:60px;display:grid}.service-card{padding:40px}.service-card .icon{background:var(--graphite-50);width:60px;height:60px;color:var(--ansava-blue);border-radius:1rem;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.service-card h3{color:var(--graphite-950);margin-bottom:16px;font-size:1.5rem}.service-card p{color:var(--graphite-600);margin-bottom:24px;line-height:1.7}.service-link{color:var(--ansava-blue);font-size:.9rem;font-weight:800}.pin-section{grid-template-columns:.85fr 1.15fr;gap:60px;margin-top:60px;display:grid}.pin-visual{align-self:start;height:fit-content;position:sticky;top:110px}.pin-visual-card{background:var(--graphite-950);color:#fff;border-radius:2rem;flex-direction:column;justify-content:flex-end;min-height:360px;padding:48px 40px;display:flex;position:relative;overflow:hidden}.pin-visual-card:before{content:"";transition:opacity .6s var(--ease-apple);background:radial-gradient(circle at 30% 20%,#5c8dab59 0%,#0000 65%);position:absolute;inset:0}.pin-visual-index{font-size:5rem;font-weight:800;font-family:var(--font-display);color:#ffffff24;transition:opacity .5s var(--ease-apple);position:absolute;top:24px;right:32px}.pin-visual-icon{background:var(--brand-600);width:64px;height:64px;transition:transform .5s var(--ease-apple), background .5s var(--ease-apple);border-radius:1.25rem;justify-content:center;align-items:center;margin-bottom:28px;display:flex}.pin-visual-title{color:#fff;margin-bottom:12px;font-size:1.6rem}.pin-visual-desc{color:#ffffffa6;font-size:.98rem;line-height:1.7}.pin-list{flex-direction:column;gap:40px;display:flex}.pin-item{border:1px solid var(--graphite-200);opacity:.5;min-height:220px;transition:opacity .5s var(--ease-apple), transform .5s var(--ease-apple), border-color .5s var(--ease-apple), box-shadow .5s var(--ease-apple);background:#fff;border-radius:1.75rem;flex-direction:column;justify-content:center;padding:32px;display:flex;transform:scale(.98)}.pin-item.active{opacity:1;box-shadow:var(--shadow-premium);border-color:#305a7659;transform:scale(1)}.pin-item h3{color:var(--graphite-950);margin-bottom:12px;font-size:1.4rem}.pin-item p{color:var(--graphite-600);line-height:1.7}@media (width<=1024px){.pin-section{grid-template-columns:1fr}.pin-visual{position:relative;top:0}}.stat-value{transition:color .4s var(--ease-apple)}.cta-banner{background:var(--graphite-950);color:#fff;border-radius:2.5rem;justify-content:space-between;align-items:center;margin-top:80px;padding:60px;display:flex}.footer{border-top:1px solid var(--graphite-200);background:#fff;padding:80px 0 40px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;display:grid}.footer h4{color:var(--graphite-950);margin-bottom:24px;font-size:1.1rem}.footer a{color:var(--graphite-600);margin-bottom:12px;font-size:.95rem;display:block}.footer a:hover{color:var(--ansava-blue)}.reveal{opacity:0;filter:blur(6px);transition:opacity .9s var(--ease-apple), transform .9s var(--ease-apple), filter .9s var(--ease-apple);transform:translateY(36px)scale(.97)}.reveal.visible{opacity:1;filter:blur();transform:translateY(0)scale(1)}@media (width<=1024px){.hero .container{grid-template-columns:1fr}.hero h1{font-size:3.5rem}.services-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.nav-links{display:none}.hero h1{font-size:2.8rem}.services-grid{grid-template-columns:1fr}.cta-banner{text-align:center;flex-direction:column;gap:32px;padding:40px 24px}.footer-grid{grid-template-columns:1fr 1fr}}
