*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#06234a;background:#fff;font-family:Arial,Helvetica,sans-serif}:root{--azul-oscuro:#06234a;--azul-medio:#0b3b78;--azul-claro:#155aa3;--amarillo:#f5b51b;--amarillo-hover:#d99a00;--blanco:#fff;--gris-claro:#f4f7fb;--gris-borde:#dbeafe;--gris-texto:#334155;--sombra:0 14px 34px #06234a1f}.header{background:var(--azul-oscuro);width:100%;color:var(--blanco);z-index:10;border-bottom:4px solid var(--amarillo);position:sticky;top:0}.container{width:min(1180px,90%);margin:0 auto}.nav{justify-content:space-between;align-items:center;gap:24px;min-height:78px;display:flex}.logo{letter-spacing:1px;color:var(--blanco);white-space:nowrap;font-size:1.45rem;font-weight:900;text-decoration:none}.logo span{color:var(--amarillo)}.menu{flex-wrap:wrap;justify-content:flex-end;gap:24px;display:flex}.menu a{color:var(--blanco);font-size:.95rem;font-weight:700;text-decoration:none}.menu a:hover{color:var(--amarillo)}.hero:after{content:"";background:var(--amarillo);opacity:.14;border-radius:50%;width:460px;height:460px;position:absolute;top:-140px;right:-140px}.hero-grid{z-index:1;grid-template-columns:1.25fr .75fr;align-items:center;gap:42px;display:grid;position:relative}.hero-content{max-width:780px}.tag,.section-label{color:var(--amarillo);text-transform:uppercase;letter-spacing:1px;margin-bottom:14px;font-size:.82rem;font-weight:900;display:inline-block}.tag{background:#f5b51b29;border-radius:999px;padding:9px 16px}.hero h1{color:var(--blanco);text-transform:uppercase;margin-bottom:24px;font-size:clamp(2.7rem,6vw,5.2rem);line-height:1.02}.hero p{color:#dbeafe;margin-bottom:34px;font-size:1.15rem;line-height:1.75}.hero-buttons{flex-wrap:wrap;gap:16px;display:flex}.btn{cursor:pointer;border:none;border-radius:10px;padding:15px 24px;font-weight:900;text-decoration:none;transition:all .3s;display:inline-block}.btn.primary{background:var(--amarillo);color:var(--azul-oscuro)}.btn.primary:hover{background:var(--amarillo-hover);transform:translateY(-2px)}.btn.secondary{border:2px solid var(--blanco);color:var(--blanco);background:0 0}.btn.secondary:hover{background:var(--blanco);color:var(--azul-oscuro);transform:translateY(-2px)}.hero-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #dbeafe40;border-radius:24px;padding:30px;box-shadow:0 20px 46px #00000029}.hero-card h2{color:var(--blanco);margin-bottom:24px;font-size:1.5rem}.hero-features{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.hero-features div{border-left:4px solid var(--amarillo);background:#ffffff1a;border-radius:14px;padding:16px}.hero-features strong{color:var(--amarillo);margin-bottom:4px;display:block}.hero-features span{color:var(--blanco);font-size:.9rem}.section{padding:110px 0}.section.light{background:var(--gris-claro)}.section h2,.contact h2{color:var(--azul-oscuro);margin-bottom:18px;font-size:clamp(2rem,4vw,2.7rem);line-height:1.15}.section-text{max-width:850px;color:var(--gris-texto);margin-bottom:24px;font-size:1.05rem;line-height:1.8}.two-columns{grid-template-columns:.9fr 1.1fr;align-items:start;gap:48px;display:grid}.section-heading{max-width:850px}.product-card{background:var(--blanco);border:1px solid var(--gris-borde);box-shadow:var(--sombra);border-radius:20px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden}.product-grid{grid-template-columns:repeat(4,1fr);gap:24px;margin-top:42px;display:grid}.product-card{background:var(--blanco);border:1px solid var(--gris-borde);border-bottom:6px solid var(--amarillo);box-shadow:var(--sombra);border-radius:20px;flex-direction:column;transition:all .35s;display:flex;overflow:hidden}.product-card:hover{background:var(--azul-oscuro);border-color:var(--azul-oscuro);border-bottom-color:var(--amarillo);transform:translateY(-10px);box-shadow:0 24px 52px #06234a47}.product-image{background:linear-gradient(135deg, var(--azul-oscuro), var(--azul-claro));border:7px solid var(--amarillo);border-radius:14px;justify-content:center;align-items:center;height:175px;margin:24px 24px 0;transition:all .35s;display:flex;overflow:hidden}.product-card:hover .product-image{border-color:var(--blanco);box-shadow:0 12px 28px #00000040}.product-image span{color:var(--amarillo);letter-spacing:1px;text-align:center;font-size:1.2rem;font-weight:900;transition:all .35s}.product-card:hover .product-image span{color:var(--blanco)}.product-content{text-align:center;flex-direction:column;flex:1;padding:24px;display:flex}.product-content h3{color:var(--azul-oscuro);margin-bottom:14px;font-size:1.2rem;line-height:1.2;transition:all .35s}.product-card:hover .product-content h3{color:var(--amarillo)}.product-content p{color:var(--gris-texto);margin-bottom:16px;line-height:1.65;transition:all .35s}.product-card:hover .product-content p{color:var(--blanco)}.product-content ul{text-align:left;gap:9px;margin-bottom:22px;list-style:none;display:grid}.product-content li{color:var(--gris-texto);padding-left:22px;font-size:.92rem;line-height:1.4;transition:all .35s;position:relative}.product-card:hover .product-content li{color:var(--blanco)}.product-content li:before{content:"✓";color:var(--azul-medio);font-weight:900;transition:all .35s;position:absolute;top:0;left:0}.product-card:hover .product-content li:before{color:var(--amarillo)}.product-link{background:var(--azul-oscuro);width:fit-content;color:var(--blanco);border-radius:6px;margin:auto auto 0;padding:12px 18px;font-weight:900;text-decoration:none;transition:all .35s;display:inline-block}.product-link:hover{background:var(--amarillo-hover);color:var(--azul-oscuro)}.product-card:hover .product-link{background:var(--amarillo);color:var(--azul-oscuro)}.applications{background:var(--azul-oscuro);color:var(--blanco)}.applications h2{color:var(--blanco)}.app-grid{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px;display:grid}.app-card{background:linear-gradient(135deg, #06234aeb, #0b3b78b8), var(--azul-medio);border:1px solid #ffffff2e;border-radius:20px;align-items:flex-end;min-height:170px;padding:26px;display:flex;box-shadow:0 14px 34px #00000029}.app-card span{color:var(--blanco);text-transform:uppercase;border-left:5px solid var(--amarillo);padding-left:14px;font-size:1.4rem;font-weight:900}.why{background:var(--gris-claro)}.why-grid{grid-template-columns:repeat(4,1fr);gap:22px;margin-top:38px;display:grid}.why-item{background:var(--blanco);border:1px solid var(--gris-borde);box-shadow:var(--sombra);border-radius:18px;padding:26px}.why-item strong{color:var(--azul-oscuro);margin-bottom:10px;font-size:1.05rem;display:block}.why-item p{color:var(--gris-texto);line-height:1.6}.contact{background:linear-gradient(135deg, var(--azul-oscuro), var(--azul-medio));color:var(--blanco);border-top:6px solid var(--amarillo);padding:90px 0}.contact h2{color:var(--blanco)}.contact p{color:#dbeafe;line-height:1.7}.contact-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:40px;display:grid}.contact-box{background:#ffffff1a;border:1px solid #dbeafe40;border-radius:22px;padding:30px}.contact-info{gap:12px;margin-bottom:28px;display:grid}.contact-info p{color:var(--blanco);margin:0}.footer{color:#cbd5e1;border-top:3px solid var(--amarillo);background:#03152d;padding:30px 0}.footer-content{flex-wrap:wrap;justify-content:space-between;gap:20px;display:flex}@media (width<=1100px){.product-grid,.why-grid{grid-template-columns:repeat(2,1fr)}.hero-grid,.two-columns,.contact-grid{grid-template-columns:1fr}.hero-card{max-width:620px}}@media (width<=768px){.nav{flex-direction:column;padding:18px 0}.menu{justify-content:center;gap:14px}.hero{text-align:center;min-height:auto;padding:90px 0}.hero-buttons{justify-content:center}.hero-features,.product-grid,.app-grid,.why-grid{grid-template-columns:1fr}.section,.contact{padding:78px 0}.footer-content{text-align:center;justify-content:center}}.pattern-dark,.pattern-light{position:relative;overflow:hidden}.pattern-dark>*,.pattern-light>*{z-index:2;position:relative}.pattern-dark:before{content:"";z-index:1;pointer-events:none;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='104' viewBox='0 0 120 104'%3E%3Cg fill='none' stroke='%23f5b51b' stroke-opacity='0.25' stroke-width='1.2'%3E%3Cpath d='M30 0h60l30 52-30 52H30L0 52Z'/%3E%3Cpath d='M90 0 60 52 90 104'/%3E%3Cpath d='M30 0 60 52 30 104'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;background-size:120px 104px;position:absolute;inset:0}.pattern-light:before{content:"";z-index:1;pointer-events:none;opacity:.32;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='86' viewBox='0 0 100 86'%3E%3Cg fill='none' stroke='%2306234a' stroke-opacity='0.42' stroke-width='1.25'%3E%3Cpath d='M25 0h50l25 43-25 43H25L0 43Z'/%3E%3Cpath d='M75 0l25 43-25 43'/%3E%3Cpath d='M25 0 0 43l25 43'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;background-size:100px 86px;position:absolute;inset:0}.section-divider{background:#f8fafc;height:145px;position:relative;overflow:hidden}.section-divider:before{content:"";z-index:1;pointer-events:none;opacity:.32;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='86' viewBox='0 0 100 86'%3E%3Cg fill='none' stroke='%2306234a' stroke-opacity='0.42' stroke-width='1.25'%3E%3Cpath d='M25 0h50l25 43-25 43H25L0 43Z'/%3E%3Cpath d='M75 0l25 43-25 43'/%3E%3Cpath d='M25 0 0 43l25 43'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;background-size:100px 86px;position:absolute;inset:0}.section-divider:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#06234a29 0%,#ffffffbf 35%,#ffffffeb 100%);position:absolute;inset:0}.divider-layer-one{z-index:3;background:linear-gradient(90deg,#06234a3d,#06234a14);width:116%;height:68px;position:absolute;top:12px;left:-8%;transform:skewY(3deg)}.divider-layer-two{z-index:4;background:#ffffffb8;width:116%;height:72px;position:absolute;top:42px;left:-8%;transform:skewY(-2.5deg)}.divider-layer-three{z-index:3;background:#06234a1a;width:116%;height:52px;position:absolute;top:82px;left:-8%;transform:skewY(2deg)}.center-heading{text-align:center;max-width:900px;margin:0 auto 10px}.center-heading .section-text{margin-left:auto;margin-right:auto}.hero{background:linear-gradient(120deg, #06234af5, #0b3b78eb), linear-gradient(135deg, var(--azul-oscuro), var(--azul-medio));min-height:88vh;color:var(--blanco);align-items:center;display:flex;position:relative;overflow:hidden}.hero:after{content:"";background:var(--amarillo);opacity:.12;z-index:1;border-radius:50%;width:460px;height:460px;position:absolute;top:-140px;right:-140px}.hero-grid{z-index:2;position:relative}.products-section{background:var(--gris-claro);position:relative;overflow:hidden}.products-section:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#ffffff1f 0%,#ffffff0a 100%);position:absolute;inset:0}.products-section .container{z-index:2;position:relative}.about-section{border-bottom:14px solid var(--amarillo);background:#f4f7fb;position:relative;overflow:hidden}.about-content{grid-template-columns:.85fr 1.35fr;min-height:620px;display:grid}.about-text{z-index:2;background:#f4f7fb;flex-direction:column;justify-content:center;padding:90px 56px 90px max(56px,50vw - 590px);display:flex;position:relative}.about-small-title{color:var(--amarillo-hover);text-transform:uppercase;letter-spacing:1.8px;margin-bottom:16px;font-size:.9rem;font-weight:900}.about-text h2{color:#06234a2e;text-transform:uppercase;letter-spacing:4px;margin-bottom:22px;font-size:clamp(3.4rem,6vw,5.8rem);line-height:.95}.about-line{background:var(--amarillo);width:120px;height:8px;margin-bottom:38px}.about-text p{color:var(--gris-texto);max-width:470px;margin-bottom:18px;font-size:1.04rem;line-height:1.8}.about-image{background-color:#0000;background-image:linear-gradient(90deg,#06234a29,#06234a14),url(https://images.unsplash.com/photo-1541888946425-d81bb19240f5?auto=format&fit=crop&w=1600&q=80);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:620px;position:relative;overflow:hidden}.about-image:before{content:"";z-index:1;background:linear-gradient(135deg,#06234a29,#f5b51b1a);position:absolute;inset:0}.about-image:after{content:"";transform-origin:bottom;z-index:2;background:#f4f7fb;width:180px;height:120%;position:absolute;bottom:-1px;left:-80px;transform:skew(-9deg)}.about-image-overlay{background:var(--amarillo);z-index:3;width:42%;height:14px;position:absolute;bottom:0;right:0}.about-image span{z-index:4;color:var(--blanco);border-left:5px solid var(--amarillo);text-transform:uppercase;letter-spacing:1px;background:#06234ac7;padding:14px 18px;font-size:.9rem;font-weight:900;position:absolute;bottom:38px;right:38px}@media (width<=900px){.about-content{grid-template-columns:1fr}.about-text{padding:80px 5%}.about-text p{max-width:100%}.about-image{background-attachment:scroll;min-height:420px}.about-image:after{display:none}}@media (width<=600px){.about-text h2{font-size:3.2rem}.about-section{border-bottom-width:10px}.about-image{min-height:340px}.about-image span{text-align:center;bottom:24px;left:24px;right:24px}}