:root{--font-display:"Space Grotesk", sans-serif;--navy-950:#0a121e;--navy-900:#0d1726;--navy-800:#101b2d;--navy-700:#16223a;--azure:#00aeef;--azure-deep:#0077b6;--white:white;--ice:#d3e2eb;--ice-dim:#7f96ab}*,:before,:after{box-sizing:border-box}body{margin:0;padding:0}.hero{background:linear-gradient(135deg,#e8f3f4,#a1e9fb);justify-content:center;align-items:center;width:100%;padding:40px 20px;display:flex}.heroGrid{grid-template-columns:1fr 1fr;display:grid}.heroContent{flex-direction:column;justify-content:center;align-items:center;padding-left:30px;display:flex}.heroContent p{width:100%;font-family:var(--font-display);margin:0}.heroContent h1{font-size:60px;font-weight:600;font-family:var(--font-display);margin:10px}.heroContent span{background-color:#bfe0fd;border-radius:10px;justify-content:center;align-items:center;width:65%;margin:0;padding-left:0;display:flex}.heroContent h3{font-family:var(--font-display);font-size:20px}.bigLogo{justify-content:center;align-items:center;display:flex}.btnDisplay{cursor:pointer;width:400px;height:64px;display:flex}.btn{font-family:var(--font-display);clip-path:polygon(20px 0,100% 0,calc(100% - 20px) 100%,0 100%);opacity:0;flex:190px;justify-content:center;align-items:center;gap:8px;margin-right:-20px;font-size:16px;font-weight:600;text-decoration:none;transition:transform .2s,filter .2s;animation:.6s forwards slideIn;display:flex;transform:translate(-60px)}.btn:last-child{margin-right:0}.btn.dark{background:var(--navy-800);color:var(--white);z-index:1;cursor:pointer;animation-delay:.1s}.btn.mid{background:linear-gradient(135deg, var(--azure), var(--azure-deep));color:var(--white);z-index:2;cursor:pointer;animation-delay:.25s}.btn.light{background:var(--white);color:var(--navy-950);z-index:3;cursor:pointer;animation-delay:.4s}@keyframes slideIn{to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.btn{opacity:1;animation:none;transform:none}}.btn:hover{filter:brightness(1.08);transform:translateY(-2px)}.optionBox{background-color:#01a2e2;width:100%;height:100px}.optionGrid{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;gap:32px;padding:10px;display:grid}.option{color:var(--white);text-align:center;flex-direction:column;align-items:center;gap:14px;padding-top:3px;display:flex}.option svg{stroke:var(--white);stroke-width:1.75px}.option h4{font-family:var(--font-display);color:var(--white);margin:0;font-size:14px;font-weight:600}.servicesBox{width:100%;padding:80px 50px}.servicesHeader{text-align:left;max-width:640px;margin:0 auto 50px}.eyebrow{font-family:var(--font-display);letter-spacing:.08em;color:var(--azure-deep);font-size:13px;font-weight:600}.servicesHeader h2{font-family:var(--font-display);color:var(--navy-950);margin:14px 0 12px;font-size:34px;font-weight:700}.servicesHeader p{font-family:var(--font-display);color:var(--ice-dim);margin:0;font-size:16px}.servicesGrid{grid-template-columns:repeat(4,1fr);gap:24px;max-width:1400px;margin:0 auto;display:grid}.serviceCard{clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%);background:#67c0e9;padding:28px 24px;transition:transform .2s,box-shadow .2s}.serviceCard:hover{transform:translateY(-4px);box-shadow:0 12px 24px #01a2e22e}.serviceCard .tag{font-family:var(--font-display);letter-spacing:.06em;color:var(--white);text-transform:uppercase;font-size:12px;font-weight:700}.serviceCard h3{font-family:var(--font-display);color:var(--navy-950);margin:12px 0 10px;font-size:20px;font-weight:700}.serviceCard p{font-family:var(--font-display);color:var(--navy-800);margin:0;font-size:14px;line-height:1.5}@media (width<=900px){.servicesGrid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.servicesGrid{grid-template-columns:1fr}.servicesBox{padding:50px 24px}}@media (width<=740px){.heroGrid{grid-template-columns:1fr}.heroContent{text-align:center;align-items:center;padding-left:0}.bigLogo{order:-1}.btnDisplay{width:100%;max-width:400px}.optionGrid{gap:10px;padding:16px 8px}.option{gap:6px;padding-top:0}.option h4{font-size:10px}.option svg{width:20px!important;height:20px!important}}.getInTouchBox{background:linear-gradient(135deg,#d1f3fc,var(--azure-deep));flex-direction:column;justify-content:center;align-items:center;width:100%;padding:125px 130px;display:flex}.getEye{font-family:var(--font-display);color:var(--navy-850);font-size:25px;font-weight:900}.getInTouchBox h2{color:var(--white);font-weight:900;font-family:var(--font-display);font-size:32px}.getInTouchBox span{font-family:var(--font-display)}.processBox{background-color:var(--navy-950);flex-direction:column;width:100%;padding:80px 50px;display:flex}.processHeader{text-align:left;max-width:640px;margin:0 auto 50px}.processHeader h2{font-family:var(--font-display);color:var(--white);margin:14px 0 12px;font-size:34px;font-weight:700}.processHeader p{font-family:var(--font-display);color:var(--ice-dim);margin:0;font-size:16px}.emailBtn{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 100%,0 100%);font-family:var(--font-display);color:#fff;font-size:16px;font-family:var(--font-display);cursor:pointer;background:linear-gradient(135deg,#fab4b4,red);border:none;border-radius:10px 0 0 10px;margin-top:25px;padding:10px 25px;font-weight:500}.processGrid{grid-template-columns:1fr 1fr 1fr 1fr;padding:0 65px;display:grid}.processGridBox{background-color:var(--navy-800);border-top:1px solid #01a2e2;width:250px;padding:15px 20px}.processGridBox span{color:var(--azure);font-family:var(--font-display);font-weight:800}.processGridBox h3{font-family:var(--font-display);color:var(--white)}.processGridBox p{font-family:var(--font-display);color:var(--ice-dim)}.faqBox{background:var(--white);width:100%;padding:100px 50px}.faqHeader{max-width:640px;margin:0 auto 56px}.faqHeader h2{font-family:var(--font-display);color:var(--navy-950);margin:14px 0 12px;font-size:34px;font-weight:700}.faqHeader p{font-family:var(--font-display);color:var(--navy-950);margin:0;font-size:16px}.faqList{background:#00aeef2e;border:1px solid #00aeef2e;flex-direction:column;gap:1px;max-width:780px;margin:0 auto;display:flex}.faqItem{background:var(--white)}.faqQuestion{cursor:pointer;text-align:left;width:100%;font-family:var(--font-display);color:var(--navy-950);background:0 0;border:none;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;font-size:17px;font-weight:600;display:flex}.faqIcon{color:var(--azure);flex-shrink:0;transition:transform .25s}.faqItem.open .faqIcon{transform:rotate(45deg)}.faqAnswer{grid-template-rows:0fr;transition:grid-template-rows .3s;display:grid}.faqItem.open .faqAnswer{grid-template-rows:1fr}.faqAnswer p{font-family:var(--font-display);color:var(--ice-dim);margin:0;padding:0 28px;font-size:15px;line-height:1.6;overflow:hidden}.faqItem.open .faqAnswer p{padding:0 28px 24px}@media (width<=560px){.faqBox{padding:60px 24px}.faqQuestion{padding:20px;font-size:15px}}.worksBox{background:linear-gradient(135deg,#d1f3fc,var(--azure-deep));width:100%;padding:40px 80px}.worksBox span{font-family:var(--font-display);color:var(--ice-dim);font-weight:800}.worksBox h2{font-family:var(--font-display);color:var(--navy-800);font-size:32px}.worksGrid{grid-template-columns:1fr 1fr;width:100%;display:grid}.workCard{background-color:var(--navy-800);grid-template-rows:1.2fr .8fr;width:500px;height:400px;display:grid}.cardTop{background-color:#0000ff53;justify-content:center;align-items:center;display:flex}.cardBottom{padding:10px 35px}.cardBottom span{font-family:var(--font-display);color:red;font-size:12px;font-weight:800}.cardBottom h3{font-family:var(--font-display);color:var(--white);font-size:20px;font-weight:800}.cardBottom p{font-family:var(--font-display);color:var(--ice-dim);font-size:14px;font-weight:800}#live{color:#32cd32}.cardTop span{color:#fff;font-family:var(--font-display);font-size:30px}.cardTop strong{color:red}.footerBox{background-color:var(--navy-800);grid-template-columns:1fr 1fr 1fr;width:100%;padding:25px 15px;display:grid}.footerBox span{font-family:var(--font-display);color:var(--azure);align-items:center;gap:10px;padding-top:35px;display:flex}.contactBox{flex-direction:column;gap:1rem;padding-left:55px;display:flex}.contactBox span{color:var(--azure);font-family:var(--font-display);margin:0;padding:0}.contactBox a{color:var(--azure);text-decoration:none}.topArea{border-bottom:1px solid var(--azure);z-index:100;background-color:var(--navy-950);grid-template-columns:2fr 6fr 2fr;align-items:center;width:100%;padding:0 20px;display:grid;position:sticky;top:0}.logo{font-family:var(--font-display);color:#fff;align-items:center;font-size:25px;font-weight:600;display:flex}.logo strong{font-family:var(--font-display);color:var(--azure);padding-left:3px;font-weight:900}.logo img{padding-right:20px}.navigation ul{font-family:var(--font-display);color:#fff;justify-content:center;align-items:center;gap:32px;padding-right:25px;font-size:20px;font-weight:500;display:flex}.navigation li{font-family:var(--font-display);display:inline-block}.topArea button{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 100%,0 100%);font-family:var(--font-display);background:linear-gradient(135deg, var(--azure), var(--azure-deep));color:#fff;font-size:16px;font-family:var(--font-display);border:1px solid #101b2d;border-radius:10px 0 0 10px;padding:10px;font-weight:500}@media (width<=740px){.navigation{display:none}}.topButton{color:var(--white);text-decoration:none}