:root{--bg:#fbfbfd;--surface:#ffffffb3;--accent:#008073;--accent2:#005a51;--text:#1d1d1f;--muted:#6e6e73;--border:#00000014;--font-heading:"Cormorant Garamond", serif;--font-sans:"Inter", "Outfit", sans-serif;--font-mono:"DM Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg);color:var(--text);font-family:var(--font-sans);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-weight:300;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{border:2px solid var(--bg);background:#0000001a;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#0003}#root{width:100%;margin:0;padding:0;display:block}.canvas-container{z-index:1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}canvas{object-fit:cover;filter:none;mix-blend-mode:normal;width:100%;height:100%}nav{z-index:200;-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border);background:#fbfbfdd9;justify-content:space-between;align-items:center;padding:1.2rem 4rem;display:flex;position:fixed;top:0;left:0;right:0}.logo{flex-direction:column;line-height:1;text-decoration:none;display:flex}.logo-main{font-family:var(--font-heading);letter-spacing:.08em;color:var(--text);font-size:1.8rem;font-weight:600}.logo-sub{font-family:var(--font-mono);letter-spacing:.3em;color:var(--accent);text-transform:uppercase;margin-top:4px;font-size:.55rem}nav ul{align-items:center;gap:1.8rem;list-style:none;display:flex}nav ul li a{font-family:var(--font-mono);color:var(--muted);text-transform:uppercase;font-size:.75rem;text-decoration:none;transition:color .3s}nav ul li a:hover{color:var(--accent)}.nav-cta{border-radius:6px;transition:all .2s ease-in-out;border:1px solid var(--border)!important;color:var(--text)!important;background:#00000005!important;padding:.5rem 1.2rem!important}.nav-cta:hover{background:#0000000d!important;border-color:#00000026!important}.scroll-container{z-index:2;position:relative}section{background:0 0;flex-direction:column;justify-content:center;min-height:120vh;padding:10rem 4rem 6rem;display:flex}.glass-card{background:var(--surface);-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--border);opacity:0;border-top:1px solid #ffffff80;border-bottom:1px solid #00000005;border-radius:16px;width:100%;max-width:1000px;margin:0 auto;padding:4.5rem 3.5rem;transform:translateY(40px);box-shadow:0 30px 60px -15px #0000000d,0 0 40px #00000003}.eyebrow{font-family:var(--font-mono);letter-spacing:.3em;color:var(--accent);text-transform:uppercase;margin-bottom:1.5rem;font-size:.72rem}h1,h2{font-family:var(--font-heading);color:var(--text);letter-spacing:-.02em;margin-bottom:1.8rem;font-size:clamp(2.2rem,4vw,3.8rem);font-weight:300;line-height:1.1}h1 em,h2 em{color:var(--accent);font-style:italic;font-weight:300}p{color:var(--muted);margin-bottom:1.5rem;font-size:1.05rem;line-height:1.6}.stats-bar{border-top:1px solid var(--border);grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2rem;padding-top:2rem;display:grid}.stat-item{text-align:center}.stat-num{font-family:var(--font-heading);color:var(--text);font-size:2.8rem;font-weight:300}.stat-label{font-family:var(--font-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:.3rem;font-size:.62rem}.about-info-grid{background:var(--border);border-radius:8px;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:2.5rem;display:grid;overflow:hidden}.info-cell{background:#ffffff8c;padding:1.6rem}.info-cell-label{font-family:var(--font-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.62rem}.info-cell-value{color:var(--text);margin-top:.4rem;font-size:.95rem}.compare-row{grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem;display:grid}.compare-col{border:1px solid var(--border);background:#ffffff73;border-radius:8px;padding:2.2rem}.compare-col h3{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;border-bottom:1px solid var(--border);margin-bottom:1.2rem;padding-bottom:.6rem;font-size:.85rem}.compare-col.old h3{color:var(--muted)}.compare-col.new h3{color:var(--text)}.compare-item{color:var(--muted);margin-bottom:.8rem;padding-left:1.2rem;font-size:.85rem;line-height:1.5;position:relative}.compare-item:before{content:"–";position:absolute;left:0}.compare-col.new .compare-item{color:var(--text)}.compare-col.new .compare-item:before{content:"✓";color:var(--accent);font-weight:700}.services-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.2rem;margin-top:2rem;display:grid}.visual-card{border:1px solid var(--border);background:#fff9;border-radius:12px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 4px 20px #00000005}.visual-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000000d}.card-image-wrap{width:100%;height:120px;overflow:hidden}.card-img{object-fit:cover;filter:grayscale(10%)contrast(1.05);width:100%;height:100%}.card-body{padding:1rem}.card-body h3{color:#1d1d1f;margin-bottom:.5rem;font-family:Cormorant Garamond,serif;font-size:1.1rem;font-weight:600}.card-body p{color:var(--muted);margin:0;font-size:.75rem;line-height:1.5}.about-text-content{margin-bottom:2.5rem}.vision-mission-container{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:2.5rem;margin-top:2.2rem;padding-top:2.2rem;display:grid}.vision-box h3,.mission-box h3{font-family:var(--font-heading);color:var(--text);margin-bottom:1.2rem;font-size:1.5rem;font-weight:500}.vision-box p{color:var(--muted);font-size:1.05rem;font-style:italic;line-height:1.6}.mission-list{flex-direction:column;gap:.8rem;list-style:none;display:flex}.mission-list li{color:var(--muted);padding-left:1.4rem;font-size:.95rem;line-height:1.5;position:relative}.mission-list li:before{content:"✓";color:var(--accent);font-weight:700;position:absolute;left:0}.product-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem;margin-top:1.5rem;display:grid}.product-card{border:1px solid var(--border);background:#ffffff80;border-radius:8px;padding:1.5rem;transition:transform .3s}.product-card:hover{transform:translateY(-3px)}.product-badge{border:1px solid var(--accent);color:var(--accent);text-transform:uppercase;margin-bottom:.8rem;padding:.2rem .5rem;font-family:DM Mono,monospace;font-size:.55rem;display:inline-block}.product-badge.granted{background:#0080730d}.product-title{color:var(--text);margin-bottom:.6rem;font-family:Cormorant Garamond,serif;font-size:1.15rem;font-weight:600;line-height:1.3}.product-desc{color:var(--muted);font-size:.78rem;line-height:1.6}.reg-grid{background:var(--border);border-radius:8px;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:2rem;display:grid;overflow:hidden}.reg-key{font-family:var(--font-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;background:#08090cf2;padding:1.2rem;font-size:.65rem}.reg-val{color:var(--text);background:#08090cf2;padding:1.2rem;font-size:.88rem}.reg-val.highlight{color:var(--accent);font-family:var(--font-mono);letter-spacing:.05em;font-weight:500}.contact-layout{grid-template-columns:1fr 1.2fr;gap:3rem;margin-top:2rem;display:grid}.contact-details{flex-direction:column;gap:1.8rem;display:flex}.contact-item{align-items:flex-start;gap:1.2rem;display:flex}.contact-icon{font-size:1.4rem;line-height:1}.contact-label{font-family:var(--font-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.62rem}.contact-val{color:var(--text);margin-top:.2rem;font-size:.9rem;line-height:1.5}.contact-val a{color:var(--text);-webkit-text-decoration:underline #00000026;text-decoration:underline #00000026;transition:all .2s}.contact-val a:hover{color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.form-group{margin-bottom:1.2rem}.form-label{font-family:var(--font-mono);color:var(--muted);text-transform:uppercase;margin-bottom:.4rem;font-size:.65rem;display:block}.form-input,.form-textarea,.form-select{border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-sans);background:#ffffffd9;border-radius:6px;outline:none;padding:.8rem;font-size:.9rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--accent);box-shadow:0 0 12px #00807314}.form-submit{background:var(--accent);color:#fff;border:1px solid var(--accent);width:100%;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border-radius:6px;padding:1rem;font-size:.8rem;font-weight:500;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #00807326}.form-submit:hover{background:var(--accent2);border-color:var(--accent2);transform:translateY(-1px);box-shadow:0 8px 24px #00807340}@media (width<=960px){nav{padding:1.2rem 2rem}nav ul{display:none}section{min-height:100vh;padding:8rem 1.5rem 4rem}.glass-card{padding:3rem 2rem}.stats-bar{grid-template-columns:repeat(2,1fr)}.compare-row,.contact-layout{grid-template-columns:1fr;gap:2rem}.reg-grid{grid-template-columns:1fr}.services-grid{grid-template-columns:1fr;gap:1.5rem}.vision-mission-container{grid-template-columns:1fr;gap:2rem}}.scroll-to-top{background:var(--surface);-webkit-backdrop-filter:blur(12px)saturate(180%);border:1px solid var(--border);width:3.2rem;height:3.2rem;color:var(--accent);cursor:pointer;z-index:1000;border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;transition:all .35s cubic-bezier(.16,1,.3,1);animation:.3s ease-out scrollFadeIn;display:flex;position:fixed;bottom:2.5rem;right:2.5rem;box-shadow:0 4px 30px #00000008}.scroll-to-top:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-4px);box-shadow:0 10px 30px #00807333}@keyframes scrollFadeIn{0%{opacity:0;transform:scale(.8)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=960px){.scroll-to-top{width:2.6rem;height:2.6rem;font-size:1.15rem;bottom:1.5rem;right:1.5rem}}.toast-notification{z-index:2000;-webkit-backdrop-filter:blur(16px);border:1px solid #00807326;border-left:4px solid var(--accent);color:var(--text);font-family:var(--font-sans);background:#fffffff2;border-radius:8px;align-items:center;gap:.8rem;max-width:380px;padding:.9rem 1.4rem;font-size:.85rem;animation:.4s cubic-bezier(.16,1,.3,1) forwards toastSlideIn;display:flex;position:fixed;top:5rem;right:2rem;box-shadow:0 10px 30px #0000000f}.toast-notification.success{border-left-color:var(--accent)}.toast-notification.error{border-color:#dc354526}.toast-icon{align-items:center;font-size:1.15rem;display:flex}.toast-content{flex-grow:1;font-weight:400;line-height:1.4}.toast-close{color:var(--muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-left:.5rem;padding:0;font-size:1rem;transition:color .2s;display:flex}.toast-close:hover{color:var(--text)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.form-submit:disabled{background:var(--muted);border-color:var(--border);color:#fff9;cursor:not-allowed;box-shadow:none;transform:none!important}.form-submit-content{justify-content:center;align-items:center;gap:.6rem;display:flex}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:1rem;height:1rem;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=960px){.toast-notification{max-width:none;animation:.4s cubic-bezier(.16,1,.3,1) forwards toastSlideUp;inset:auto 1.5rem 2rem}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}