*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#1c1c1c;background:#f4f6f8;font-family:Arial,sans-serif;line-height:1.6}a{text-decoration:none}.hero{color:#111827;padding:30px 8% 100px;position:relative}.heroImage{background-color:#0000;background-image:linear-gradient(#f5f6f8f0,#f5f6f8f0),url(/assets/waterfall-CRjT19qq.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.nav{justify-content:space-between;align-items:center;margin-bottom:80px;display:flex}.nav header{z-index:1000;background:#f5f5f5;position:sticky;top:0}.brand{font-size:28px;font-weight:700}.navLinks{gap:24px;display:flex}.navLinks a{color:#0f172a}.navLinks a .navLinks a:visited .navLinks a:hover{opacity:.7}.navLinks a .navLinks a:visited{color:#000}.navLinks a{font-weight:700}.heroContent{grid-template-columns:2fr 1fr;align-items:center;gap:50px;display:grid}.hero h1{max-width:800px;margin:20px 0;font-size:58px;line-height:1.05}.intro{max-width:700px;margin-bottom:30px;font-size:22px}.eyebrow{letter-spacing:4px;text-transform:uppercase;color:#111827;margin-bottom:20px;font-size:18px;font-weight:700}.dark{color:#334155}.heroButtons{flex-wrap:wrap;gap:16px;margin-top:30px;display:flex}.button{border-radius:12px;padding:15px 28px;font-weight:700;transition:all .3s}.primary{color:#fff;background:#111827;border:2px solid #111827}.primary:hover{background:#e2e8f0}.secondary{color:#fff;background:#111827;border:2px solid #111827}.secondary:hover{color:#fff;background:#000;border-color:#000}.profileCard{color:#111827;background:#fff;border-radius:24px;overflow:hidden;transform:scale(1.08);box-shadow:0 20px 60px #00000073}.profileCard img{object-fit:cover;object-position:center top;width:100%;height:520px}.profileCard h3{padding:24px 24px 10px;font-size:28px}.profileCard p{padding:0 24px 24px}.section{padding:100px 8%}.section h2{margin:15px 0 25px;font-size:46px}.section p{max-width:900px;margin-bottom:20px;font-size:18px}.light{background:#fff}.grid{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}.card{background:#f8fafc;border:1px solid #dbe3ea;border-radius:20px;padding:35px;transition:all .3s}.card:hover{transform:translateY(-5px)}.card h3{margin-bottom:15px;font-size:24px}.steps{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:40px;display:grid}.steps div{background:#fff;border:1px solid #dbe3ea;border-radius:20px;padding:35px}.steps span{color:#94a3b8;font-size:48px;font-weight:700}.contact{color:#fff;background:#0f172a;grid-template-columns:2fr 1fr;gap:50px;padding:100px 8%;display:grid}.contactBox{color:#111827;background:#fff;border-radius:24px;padding:35px}.contactBox p{margin-bottom:20px;font-size:20px}.contactBox a{color:#0f172a;font-weight:700}footer{color:#cbd5e1;text-align:center;background:#020617;padding:30px}@media (width<=900px){.heroContent,.contact{grid-template-columns:1fr}.hero h1{font-size:42px}.nav{flex-direction:column;gap:20px}.profileCard{color:#111827;background:#fff;border-radius:24px;max-width:480px;overflow:hidden;box-shadow:0 20px 60px #00000073}.profileCard img{object-fit:cover;object-position:center top;width:100%;height:420px;display:block}.profileCard h3{padding:24px 24px 10px;font-size:36px}.profileCard p{padding:0 24px 28px;font-size:18px;line-height:1.5}}.secondaryDark{border-radius:12px;padding:15px 28px;font-weight:700;display:inline-block;color:#fff!important;background:#111827!important;border:2px solid #111827!important}.secondaryDark:hover{color:#fff!important;background:#000!important;border-color:#000!important}.contactBox{background:#fff;border-radius:24px;max-width:700px;padding:40px;box-shadow:0 10px 30px #00000014}.contactBox p{margin-bottom:20px;font-size:18px;line-height:1.7}.contactForm{flex-direction:column;gap:16px;max-width:700px;display:flex}.contactForm input,.contactForm textarea{color:#111827;background:#fff;border:2px solid #6b7280;border-radius:8px;width:100%;padding:14px;font-size:16px}.contactForm input::placeholder,.contactForm textarea::placeholder{color:#4b5563;opacity:1}.contactForm input:focus,.contactForm textarea:focus{border-color:#0f172a;outline:none}.contactForm textarea{resize:vertical;min-height:160px}.contactForm input:focus,.contactForm textarea:focus{border-color:#111827;outline:none;box-shadow:0 0 0 3px #11182714}.contactForm button{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:14px;width:fit-content;padding:16px 28px;font-size:16px;font-weight:600;transition:all .2s}.contactForm button:hover{opacity:.9}.supportGrid{grid-template-columns:repeat(4,1fr);align-items:stretch;gap:28px;display:grid}.supportGrid .card{box-sizing:border-box;flex-direction:column;justify-content:flex-start;width:100%;min-height:260px;display:flex}.supportGrid .card:nth-child(5){grid-column:1;margin-left:55%}.supportGrid .card:nth-child(6){grid-column:2;margin-left:55%}.supportGrid .card:nth-child(7){grid-column:3;margin-left:55%}@media (width<=1100px){.supportGrid{grid-template-columns:repeat(2,1fr)}.supportGrid .card:nth-child(5),.supportGrid .card:nth-child(6),.supportGrid .card:nth-child(7){grid-column:auto;margin-left:0}}@media (width<=700px){.supportGrid{grid-template-columns:1fr}}.siteLogo{object-fit:contain;width:110px;height:auto}@media (width<=768px){.nav{flex-direction:column;align-items:flex-start;gap:20px}.navLinks{flex-wrap:wrap;gap:14px}.heroContent{grid-template-columns:1fr}.heroContent h1{font-size:52px;line-height:1.05}.profileCard{width:100%;margin-top:30px}.supportGrid{grid-template-columns:1fr}.supportCard{width:100%}}
