: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<=1024px){.processGrid{grid-template-columns:repeat(2,1fr);gap:20px;padding:0 40px}.processGridBox{width:auto;min-width:0}}@media (width<=900px){.servicesGrid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.servicesGrid{grid-template-columns:1fr}.servicesBox{padding:50px 24px}}@media (width<=768px){.heroGrid{grid-template-columns:1fr}.heroContent{text-align:center;align-items:center;padding-left:0}.heroContent span{width:80%;margin-left:38px}.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}.getInTouchBox a{font-family:var(--font-display);color:#fff;text-decoration:none}.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:repeat(2,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}.cardBottom a,#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 p{padding-top:10px1;align-items:center;display:flex}.footerBox span{font-family:var(--font-display);color:var(--azure);align-items:center;gap:10px;padding-top:15px;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}.pricingBox{background:var(--white);width:100%;padding:80px 50px}.pricingHeader{text-align:left;max-width:640px;margin:0 auto 50px}.pricingHeader h2{font-family:var(--font-display);color:var(--navy-950);margin:14px 0 12px;font-size:34px;font-weight:700}.pricingHeader p{font-family:var(--font-display);color:var(--ice-dim);margin:0;font-size:16px}.pricingGrid{grid-template-columns:repeat(3,1fr);align-items:start;gap:24px;max-width:1100px;margin:0 auto;display:grid}.priceCard{clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%);background:#eef7fb;flex-direction:column;padding:32px 28px;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.priceCard:hover{transform:translateY(-4px);box-shadow:0 12px 24px #01a2e22e}.priceCard.featured{background:var(--navy-950);clip-path:polygon(0 0,100% 0,100% 100%,24px 100%,0 calc(100% - 24px));padding:40px 28px 32px}.popular{color:var(--white);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;clip-path:polygon(12px 0,100% 0,100% 100%,0 100%);background:linear-gradient(135deg,#fab4b4,red);padding:6px 16px 6px 22px;font-size:11px;font-weight:700;position:absolute;top:0;right:0}.priceName{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--azure-deep);font-size:13px;font-weight:700}.priceCard.featured .priceName{color:var(--azure)}.priceTagline{font-family:var(--font-display);color:var(--navy-800);margin:8px 0 20px;font-size:14px}.priceCard.featured .priceTagline{color:var(--ice-dim)}.priceAmount{align-items:baseline;gap:8px;margin-bottom:24px;display:flex}.priceAmount .from{font-family:var(--font-display);color:var(--ice-dim);font-size:13px}.priceAmount .amount{font-family:var(--font-display);color:var(--navy-950);font-size:40px;font-weight:800;line-height:1}.priceCard.featured .priceAmount .amount{color:var(--white)}.priceFeatures{flex-direction:column;flex-grow:1;gap:12px;margin:0 0 28px;padding:0;list-style:none;display:flex}.priceFeatures li{font-family:var(--font-display);color:var(--navy-800);align-items:center;gap:10px;font-size:14px;display:flex}.priceFeatures li svg{color:var(--azure);stroke-width:3px;flex-shrink:0}.priceCard.featured .priceFeatures li{color:var(--ice-dim)}.priceBtn{background:linear-gradient(135deg, var(--azure), var(--azure-deep));color:var(--white);font-family:var(--font-display);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 100%,0 100%);justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:600;text-decoration:none;transition:filter .2s,transform .2s;display:flex}.priceBtn:hover{filter:brightness(1.08);transform:translateY(-2px)}.priceCard.featured .priceBtn{background:linear-gradient(135deg,#fab4b4,red)}.recurringStrip{grid-template-columns:1fr 1fr 1fr;gap:24px;max-width:1100px;margin:24px auto 0;display:grid}.recurringCard{clip-path:polygon(0 0,100% 0,100% 100%,24px 100%,0 calc(100% - 24px));background:#67c0e9;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;display:flex}.recurringInfo .recurringName{font-family:var(--font-display);color:var(--navy-950);font-size:16px;font-weight:700}.recurringInfo p{font-family:var(--font-display);color:var(--navy-800);margin:6px 0 0;font-size:13px}.recurringPrice{text-align:right;white-space:nowrap}.recurringPrice .from{font-family:var(--font-display);color:var(--navy-800);font-size:12px;display:block}.recurringPrice .amount{font-family:var(--font-display);color:var(--navy-950);font-size:26px;font-weight:800}.recurringPrice .amount em{font-size:14px;font-style:normal;font-weight:600}@media (width<=900px){.pricingGrid,.recurringStrip{grid-template-columns:1fr;max-width:440px}}@media (width<=560px){.pricingBox{padding:60px 24px}}@media (width<=900px){.processGrid{grid-template-columns:1fr 1fr;gap:20px;padding:0 40px}.processGridBox{width:auto}}@media (width<=560px){.processBox{padding:60px 24px}.processGrid{grid-template-columns:1fr;padding:0}}@media (width<=900px){.worksBox{padding:40px}.worksGrid{grid-template-columns:1fr;justify-items:center;gap:24px}.workCard{width:100%;max-width:500px;height:auto;min-height:360px}}@media (width<=560px){.worksBox{padding:40px 20px}}@media (width<=740px){.footerBox{text-align:center;grid-template-columns:1fr;gap:20px}.footerBox p,.footerBox span{justify-content:center}.contactBox{align-items:center;padding-left:0}}.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 a{color:var(--white);text-decoration:none}.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<=768px){.navigation{display:none}.topBtn{color:var(--white);min-width:125px;max-width:225px;margin-left:55px;text-decoration:none}}.topBtn{color:var(--white);text-decoration:none}.topBtn a{color:var(--white);font-family:var(--font-display);text-decoration:none}
