@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--navy: #1e3a8a;--navy-dark: #020617;--navy-mid: #2563eb;--navy-light: #3b82f6;--sky: #06b6d4;--sky-dark: #0891b2;--sky-light: #22d3ee;--sky-pale: #ecfeff;--white: #ffffff;--off-white: #f8fafc;--light-gray: #e2e8f0;--mid-gray: #94a3b8;--dark-gray: #475569;--text-on-dark: #f1f5f9;--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--container-width: 1200px;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem;--shadow-sm: 0 2px 8px rgba(30, 58, 95, .08);--shadow-md: 0 8px 24px rgba(30, 58, 95, .12);--shadow-lg: 0 20px 40px rgba(30, 58, 95, .16);--shadow-sky: 0 8px 24px rgba(30, 180, 240, .25);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-xl: 32px;--transition: .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-body);background-color:var(--off-white);color:var(--navy);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.2;letter-spacing:-.02em;color:var(--navy)}a{color:var(--sky-dark);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--navy)}img{max-width:100%;display:block}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--spacing-sm)}.section{padding:var(--spacing-lg) 0;position:relative;overflow:hidden}.gradient-text{background:linear-gradient(135deg,var(--navy),var(--sky));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sky-text{color:var(--sky)}.navy-text{color:var(--navy)}.bg-navy{background-color:var(--navy)}.bg-navy-dark{background-color:var(--navy-dark)}.bg-sky-pale{background-color:var(--sky-pale)}.bg-off-white{background-color:var(--off-white)}.bg-white{background-color:var(--white)}.bg-stripe{background:linear-gradient(135deg,var(--sky-pale) 0%,var(--white) 100%)}.bg-navy-gradient{background:linear-gradient(135deg,var(--navy-dark) 0%,var(--navy) 60%,var(--navy-mid) 100%)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.85rem;border-radius:999px;font-family:var(--font-heading);font-weight:600;font-size:1rem;cursor:pointer;border:none;transition:all var(--transition);text-decoration:none;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--sky-dark),var(--sky));color:var(--white);box-shadow:var(--shadow-sky)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px #1eb4f066;color:var(--white)}.btn-navy{background:var(--navy);color:var(--white);box-shadow:var(--shadow-md)}.btn-navy:hover{background:var(--navy-dark);transform:translateY(-2px);color:var(--white)}.btn-outline{background:transparent;color:var(--white);border:2px solid rgba(255,255,255,.5)}.btn-outline:hover{background:#ffffff1f;border-color:var(--white);color:var(--white)}.btn-outline-navy{background:transparent;color:var(--navy);border:2px solid var(--navy)}.btn-outline-navy:hover{background:var(--navy);color:var(--white)}.card{background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-md);border:1px solid var(--light-gray);transition:all var(--transition);position:relative;overflow:hidden}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--sky-light)}.card-icon{width:54px;height:54px;background:linear-gradient(135deg,var(--sky-pale),rgba(30,180,240,.15));color:var(--sky-dark);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-sm);transition:all var(--transition)}.card:hover .card-icon{background:linear-gradient(135deg,var(--sky-dark),var(--sky));color:#fff;transform:scale(1.08) rotate(4deg)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.section-header{text-align:center;margin-bottom:3.5rem}.section-header h2{font-size:clamp(1.8rem,4vw,2.8rem);margin-bottom:1rem}.section-header p{max-width:680px;margin:0 auto;color:var(--dark-gray);font-size:1.05rem}.section-divider{width:60px;height:4px;background:linear-gradient(135deg,var(--sky-dark),var(--sky));border-radius:2px;margin:1rem auto 0}.badge{display:inline-flex;align-items:center;gap:.4rem;background:#1eb4f01f;color:var(--sky-dark);border:1px solid rgba(30,180,240,.25);border-radius:999px;padding:.35rem .9rem;font-size:.85rem;font-weight:600;font-family:var(--font-heading)}.badge-navy{background:#1e3a5f14;color:var(--navy);border-color:#1e3a5f33}.check-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.7rem}.check-list li{display:flex;align-items:flex-start;gap:.65rem;color:var(--dark-gray);font-size:.97rem}.check-list li:before{content:"✓";display:flex;align-items:center;justify-content:center;width:20px;height:20px;min-width:20px;border-radius:50%;background:linear-gradient(135deg,var(--sky-dark),var(--sky));color:#fff;font-size:.7rem;font-weight:700;margin-top:2px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.grid-2-sm{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.process-flow{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.process-step{display:flex;align-items:center;gap:.6rem}.process-step span{background:var(--white);color:var(--navy);border:1px solid rgba(30,180,240,.3);padding:.45rem 1rem;border-radius:999px;font-size:.88rem;font-weight:500;box-shadow:var(--shadow-sm);white-space:nowrap}.process-arrow{color:var(--sky);font-weight:700;font-size:1.1rem}.faq-item{background:var(--white);border-radius:var(--radius-md);border:1px solid var(--light-gray);overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition)}.faq-item:hover{border-color:var(--sky-light);box-shadow:var(--shadow-sm)}.faq-question{display:flex;align-items:flex-start;gap:.75rem;padding:1.25rem 1.5rem;font-weight:600;font-size:1rem;color:var(--navy);font-family:var(--font-heading)}.faq-answer{padding:0 1.5rem 1.25rem 3rem;color:var(--dark-gray);font-size:.95rem;line-height:1.65}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-label{font-weight:600;font-size:.9rem;color:var(--navy)}.form-input{width:100%;padding:.85rem 1rem;border-radius:var(--radius-sm);border:1.5px solid var(--light-gray);background:var(--white);font-size:1rem;font-family:var(--font-body);color:var(--navy);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.form-input:focus{border-color:var(--sky);box-shadow:0 0 0 3px #1eb4f026}.form-input::placeholder{color:var(--mid-gray)}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulseSoft{0%,to{opacity:1}50%{opacity:.75}}.anim-fade-up{animation:fadeUp .7s ease forwards}.anim-float{animation:floatY 5s ease-in-out infinite}.anim-pulse{animation:pulseSoft 3s ease-in-out infinite}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.hero-section{min-height:85vh;display:flex;align-items:center;background:linear-gradient(160deg,#020617d9,#1e3a8abf,#2563eb99),url(/waterbottle.jpg) center/cover no-repeat;position:relative;overflow:hidden;padding:8rem 0 6rem}.hero-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 60% at 80% 30%,rgba(30,180,240,.15) 0%,transparent 70%),radial-gradient(ellipse 40% 40% at 20% 80%,rgba(30,180,240,.08) 0%,transparent 70%);pointer-events:none}.info-strip{background:var(--sky);color:var(--white);padding:.6rem 0;font-size:.88rem;font-weight:500}.page-banner{background:linear-gradient(135deg,var(--navy-dark),var(--navy));color:var(--white);padding:5rem 0 3.5rem;text-align:center;position:relative;overflow:hidden}.page-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 50% 80% at 70% 50%,rgba(30,180,240,.12) 0%,transparent 70%);pointer-events:none}.page-banner h1{color:var(--white);font-size:clamp(2rem,5vw,3rem);margin-bottom:1rem;position:relative;z-index:1}.page-banner p{max-width:640px;margin:0 auto;opacity:.85;font-size:1.05rem;position:relative;z-index:1}.highlight-box{background:linear-gradient(135deg,var(--sky-pale),rgba(30,180,240,.08));border:1px solid rgba(30,180,240,.25);border-left:4px solid var(--sky);border-radius:var(--radius-md);padding:1.5rem}.warning-box{background:#ffa5000f;border:1px solid rgba(255,165,0,.25);border-left:4px solid #f59e0b;border-radius:var(--radius-md);padding:1.25rem 1.5rem;color:#92610a;font-size:.95rem}.status-step{display:flex;align-items:flex-start;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--light-gray)}.status-step:last-child{border-bottom:none}.status-dot{width:12px;height:12px;min-width:12px;border-radius:50%;margin-top:5px}.status-dot.active{background:var(--sky);box-shadow:0 0 0 3px #1eb4f033}.status-dot.pending{background:var(--light-gray);border:2px solid var(--mid-gray)}.doc-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;background:var(--white);border:1px solid var(--light-gray);border-radius:var(--radius-md);transition:all var(--transition-fast)}.doc-card:hover{border-color:var(--sky-light);box-shadow:var(--shadow-sm)}@media (max-width: 992px){.grid-2{grid-template-columns:1fr;gap:3rem}}@media (max-width: 768px){.section{padding:var(--spacing-md) 0}.hero-section{padding:7rem 0 4rem;min-height:auto}h1{font-size:2.2rem!important}h2{font-size:1.8rem!important}.grid-2-sm{grid-template-columns:1fr}}@media (max-width: 480px){.btn{padding:.75rem 1.4rem;font-size:.95rem}}
