@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700;800&family=Manrope:wght@400;600;800&display=swap');:root{--ink:#12373b;--mint:#5adac8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fcfefd;color:var(--ink);font-family:'DM Sans',sans-serif}a{text-decoration:none;color:inherit}header{height:85px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;background:#fff}header nav{display:flex;gap:35px;font-size:13px;font-weight:700}header button{border:1px solid #d5e7e3;background:#fff;border-radius:30px;padding:12px 18px;cursor:pointer}.logo{font-size:24px;font-weight:800;letter-spacing:-1px;color:#17ad9d}.logo b{font-size:17px;color:var(--ink);vertical-align:middle}.hero{display:grid;grid-template-columns:53% 47%;background:linear-gradient(120deg,#fff,#e5f9f4);min-height:650px}.hero>div:first-child{padding:115px 7% 95px 13%}.hero small,.section small,.dark small,.contact small{font-size:11px;font-weight:800;letter-spacing:2px}.hero h1,h2{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.065em;line-height:1.1}.hero h1{font-size:clamp(52px,5.4vw,90px);margin:28px 0}.hero p{max-width:520px;line-height:1.85;color:#607a7c}.hero em,h2 em{font-style:normal;color:#2cbba8}.button{display:inline-block;background:var(--mint);border-radius:40px;padding:18px 27px;font-size:13px;font-weight:800;margin-top:28px}.visual{position:relative;overflow:hidden;background:radial-gradient(circle,#a4f2e3,#dff9f3 60%,transparent 75%)}.orbit{position:absolute;border:1px solid #91d8cb;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.one{width:410px;height:410px}.two{width:630px;height:630px}.orb{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-12deg);width:245px;height:245px;border-radius:50%;background:linear-gradient(135deg,#103c43,#16ad9d);box-shadow:22px 30px 70px #168e8170;display:grid;place-items:center;color:#dcfff8;font-size:95px;font-weight:800}.tag{position:absolute;background:#ffffffdd;box-shadow:0 10px 35px #166a6020;border-radius:12px;padding:18px;font-size:11px;font-weight:800;letter-spacing:1px}.a{top:21%;left:9%}.b{top:61%;right:5%}.c{bottom:12%;left:8%}.ticker{background:#123a3f;color:#eafffa;padding:22px;text-align:center;font-size:12px;letter-spacing:2px;font-weight:800}.section{padding:115px 8%}.section h2,.dark h2,.contact h2{font-size:clamp(42px,4.8vw,72px);max-width:850px;margin:25px 0 50px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article{min-height:345px;border:1px solid #dcebe8;background:#f4faf8;border-radius:20px;padding:30px;display:flex;flex-direction:column;transition:.2s}.cards article:hover{transform:translateY(-5px);background:#e5f8f2}.cards article:first-child{background:#d8f7ef}.cards article span{font-size:10px;letter-spacing:2px;font-weight:800}.cards article strong{font-size:85px;color:#25bba7;margin:25px 0 10px}.cards h3{font-size:23px;margin:10px 0}.cards p{font-size:14px;line-height:1.7;color:#617c7d}.dark{background:#123a3f;color:white;padding:120px 9%;position:relative;overflow:hidden}.dark h2{font-size:clamp(52px,7vw,110px);max-width:1000px}.dark p{max-width:550px;line-height:1.8;color:#c2dfd9}.dark .button{color:#123a3f}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.steps div{border-top:1px solid #c9ded9;padding-top:25px}.steps b{color:#1ba995}.steps h3{font-size:23px}.steps p{color:#718889}.contact{padding:125px 9%;background:#e1f8f1}.contact a{font-size:clamp(24px,4vw,58px);font-weight:800;letter-spacing:-2px;border-bottom:2px solid #1da994}footer{padding:65px 8% 30px;background:#fff}.details{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:45px 0}.details p{line-height:2;font-size:13px}.details b{font-size:11px;letter-spacing:2px}footer hr{border:0;border-top:1px solid #e0ebe8}footer small{font-size:11px;color:#6b8485}@media(max-width:850px){header{padding:0 5%}header nav{gap:12px;font-size:11px}.hero{grid-template-columns:1fr}.hero>div:first-child{padding:75px 7%}.visual{min-height:440px}.cards{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){header nav{display:none}.hero h1{font-size:52px}.cards,.steps,.details{grid-template-columns:1fr}.section,.dark,.contact{padding:75px 6%}.ticker{font-size:9px}.orb{width:190px;height:190px;font-size:70px}}