:root{--text:#334155;--text-h:#0f172a;--bg:#eff6ff;--surface:#fff;--surface-soft:#f8fbff;--accent:#2f58ff;--accent-soft:#dbeafe;--accent-strong:#0f3fb8;--muted:#64748b;--border:#0f3fb81f;--shadow:0 24px 80px #0f3fb824;--shadow-soft:0 12px 40px #0f3fb814;--sans:Inter, system-ui, sans-serif;--heading:Inter, system-ui, sans-serif;--mono:ui-monospace, SFMono-Regular, monospace;font:18px/1.7 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#fdfcff,#eff6ff 42%,#f8fbff 100%)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 0 0,#dbeafe 0%,#0000 38%),linear-gradient(#f9fbff 0%,#eef4ff 100%);min-height:100vh;margin:0}#root{width:100%;max-width:100%;min-height:100vh}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,a{font:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--heading);color:var(--text-h);margin:0}h1{font-size:clamp(2.75rem,5vw,4.75rem);line-height:1.02}h2{font-size:clamp(1.7rem,2vw,2.35rem);line-height:1.15}p,li{color:var(--muted)}ul{margin:0;padding:0;list-style:none}.container{width:min(1140px,100% - 2rem);margin:0 auto}header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border-bottom:1px solid #0f3fb814;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 0;display:flex}.logo{flex-direction:column;gap:.15rem;display:flex}.logo h2{letter-spacing:.3rem;text-transform:uppercase;color:var(--accent-strong);margin:0;font-size:1.5rem}.logo span{letter-spacing:.3rem;color:var(--muted);font-size:.8rem}nav ul{align-items:center;gap:clamp(1rem,2vw,2rem);display:flex}nav a{color:var(--text);font-weight:600;transition:color .2s}nav a:hover{color:var(--accent-strong)}.nav-toggle{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;display:none}.nav-toggle span{background:var(--text);border-radius:999px;width:24px;height:2px;margin:4px 0;display:block}.btn,.btn-outline{box-sizing:border-box;border-radius:999px;justify-content:center;align-items:center;padding:.95rem 2rem;font-weight:600;transition:transform .25s,box-shadow .25s,background .25s;display:inline-flex}.btn{background:linear-gradient(135deg, var(--accent), #0f3fb8);color:#fff;border:none;box-shadow:0 18px 40px #2f58ff2e}.btn:hover{transform:translateY(-1px);box-shadow:0 22px 48px #2f58ff38}.btn-outline{color:var(--accent-strong);background:#fff padding-box padding-box;border:1px solid #0f3fb859}.btn-outline:hover{background:#f8fbff}.hero{color:#fff;background:linear-gradient(#0f3fb8f2,#2563fff0),url(/assets/hero-CLDdwZDr.png) 50%/cover no-repeat;align-items:center;min-height:92vh;padding:6rem 0 5rem;display:grid;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle at 20% 10%,#ffffff2e,#0000 26%),radial-gradient(circle at 80% 20%,#ffffff14,#0000 24%);position:absolute;inset:0}.hero-content{z-index:2;max-width:720px;position:relative}.hero-text h1{margin-bottom:1.5rem;font-size:clamp(3.25rem,5vw,5rem);line-height:.98}.hero-text h1 span{color:#ffffffd9}.hero-text p{letter-spacing:.01em;color:#ffffffe0;max-width:680px;font-size:1.05rem;line-height:1.9}.hero-buttons{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.features{padding:4.5rem 0}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;display:grid}.feature-box{background:var(--surface);box-shadow:var(--shadow-soft);border:1px solid #0f3fb814;border-radius:24px;padding:2rem}.feature-box h3{color:var(--accent-strong);margin-bottom:.75rem}.feature-box p{line-height:1.8}.about,.products,.services,.contact,footer{padding:5rem 0}.about{box-shadow:var(--shadow);background:#fff;border-radius:32px}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;display:grid}.about h4{color:var(--accent-strong);letter-spacing:.25rem;text-transform:uppercase;margin-bottom:1rem}.about h2{margin-bottom:1.5rem}.about p{margin-bottom:1.25rem}.about img{width:100%;box-shadow:var(--shadow-soft);border-radius:28px}.section-title{flex-direction:column;align-items:center;gap:.85rem;margin-bottom:3rem;display:flex}.section-title h4{background:var(--accent-soft);color:var(--accent-strong);letter-spacing:.2em;border-radius:999px;padding:.5rem 1rem;font-size:.85rem}.section-title h2{text-align:center;max-width:720px}.products{background:var(--surface-soft);border-radius:32px}.product-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;display:grid}.product-card{text-align:center;box-shadow:var(--shadow-soft);background:#fff;border:1px solid #0f3fb814;border-radius:28px;padding:2rem;transition:transform .25s,box-shadow .25s}.product-card:hover{transform:translateY(-4px);box-shadow:0 22px 46px #0f3fb81f}.product-card h3{color:var(--text-h);margin-top:1.25rem;margin-bottom:.75rem}.product-card p{color:var(--muted)}.services{background:linear-gradient(135deg,#f8fbff 0%,#e1ecff 100%)}.services .section-title h2{color:var(--text-h)}.service-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.service-box{box-shadow:var(--shadow-soft);background:#fff;border:1px solid #0f3fb814;border-radius:24px;padding:2.2rem}.service-box h3{color:var(--accent-strong);margin-bottom:.85rem}.service-box p{color:var(--muted)}.contact{box-shadow:var(--shadow);background:#fff;border-radius:32px}.contact-box{background:linear-gradient(135deg,#eff6ff 0%,#fff 100%);border:1px solid #0f3fb814;border-radius:30px;justify-content:space-between;align-items:center;gap:2rem;padding:3rem;display:flex}.contact-box h2{margin-bottom:1rem}.contact-box p{max-width:560px;color:var(--muted)}footer{color:#cbd5e1;background:#0f172a}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;padding-bottom:2rem;display:grid}footer h3,footer h4{color:#f8fafc}footer a{color:#cbd5e1}footer p{color:#94a3b8}footer ul{gap:.75rem;display:grid}.modal-backdrop{z-index:10000;background:#0f172aa8;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.quote-modal{background:#fff;border-radius:30px;width:min(720px,100%);padding:2rem;position:relative;box-shadow:0 30px 80px #0f172a2e}.modal-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.modal-header h2{margin:0;font-size:1.75rem}.modal-close{color:#0f172a;cursor:pointer;background:0 0;border:none;font-size:1.75rem;line-height:1}.quote-form{gap:1rem;display:grid}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.quote-form label{color:#334155;gap:.65rem;font-weight:600;display:grid}.quote-form input,.quote-form textarea{color:#0f172a;background:#f8fbff;border:1px solid #0f3fb829;border-radius:16px;width:100%;padding:.95rem 1rem;font-size:.975rem}.quote-form textarea{resize:vertical;min-height:130px}.form-actions{flex-wrap:wrap;justify-content:flex-end;gap:1rem;margin-top:.5rem;display:flex}.form-fallback{color:#334155;background:#f8fafc;border:1px solid #0f172a14;border-radius:16px;margin-top:1rem;padding:1rem 1.1rem}.form-fallback p{margin:0 0 .85rem;line-height:1.6}.form-notice{color:#0f172a;border-radius:16px;padding:1rem 1.15rem;font-size:.95rem}.form-notice.success{background:#dcfce7;border:1px solid #86efac}.form-notice.error{background:#fee2e2;border:1px solid #fca5a5}.btn[disabled]{opacity:.65;cursor:not-allowed}.copyright{text-align:center;color:#94a3b8;border-top:1px solid #ffffff14;padding:1.5rem 0 1rem}@media (width<=980px){.hero{min-height:80vh;padding:5rem 0 3rem}.hero-text h1{font-size:clamp(2.8rem,8vw,3.7rem)}.about-grid,.contact-box{grid-template-columns:1fr;display:grid}}@media (width<=768px){.container{width:100%;padding:0 1rem}.nav-container{flex-direction:column;align-items:stretch;gap:.75rem}.nav-toggle{display:inline-flex}nav{width:100%}nav ul{background:#fffffffc;border-radius:18px;flex-direction:column;gap:.35rem;width:100%;padding:1rem .75rem;display:none;box-shadow:0 18px 40px #0f172a14}.nav-open nav ul{display:flex}nav ul li{width:100%}nav ul li a{border-radius:14px;width:100%;padding:.85rem 1rem;display:block}.logo{align-items:flex-start}.hero{padding:4rem 0 3rem}.hero-content{max-width:100%}.hero-text h1{font-size:clamp(2.4rem,9vw,3rem);line-height:1.05}.hero-text p{max-width:100%;font-size:1rem}.hero-buttons{flex-direction:column;align-items:stretch}.btn,.btn-outline{justify-content:center;width:100%}.features,.services,.about,.products,.contact,footer{padding:3rem 0}.feature-grid,.product-grid,.service-grid,.about-grid,.contact-box,.footer-grid{gap:1.5rem;display:grid}.about-grid,.contact-box,.footer-grid{grid-template-columns:1fr}.about{padding:2.5rem 1rem}.about img{max-width:100%}.product-card,.service-box,.feature-box,.contact-box,.about{padding:1.75rem}.contact-box{flex-direction:column;align-items:stretch;padding:2rem}.quote-modal{width:100%;max-width:640px;padding:1.25rem}.form-row{grid-template-columns:1fr}.quote-form input,.quote-form textarea{padding:.95rem}.form-actions{justify-content:stretch}.form-actions button{width:100%}}@media (width<=580px){header{padding:.75rem 0}.nav-container{gap:.5rem}nav ul{gap:.65rem}.logo h2{font-size:1.25rem}.hero{min-height:70vh;padding:3rem 0 2.5rem}.hero-text h1{font-size:clamp(2rem,10vw,2.8rem)}.section-title{gap:.65rem}.section-title h2,.about h2,.contact-box h2{font-size:1.7rem}.contact-box{padding:1.5rem}.footer-grid{gap:1rem}}