@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Playfair+Display:wght@600&display=swap";:root{color-scheme:light;--color-deep-blue: #021f3b;--color-navy: #032f52;--color-emerald: #35d087;--color-lime: #6ef2c7;--color-light: #f7fbff;--color-text: #0f1f2b}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Space Grotesk,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:radial-gradient(circle at 10% 20%,rgba(53,208,135,.18),transparent 45%),radial-gradient(circle at 80% 0%,rgba(110,242,199,.2),transparent 40%),linear-gradient(180deg,#010f1f,#031f3a 35%,#02182d);color:var(--color-text)}#root{min-height:100vh}::selection{background:var(--color-emerald);color:#021325}.navbar{position:sticky;top:0;z-index:1000;background:#021220d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08)}.navbar__container{max-width:1200px;margin:0 auto;padding:.5rem clamp(1rem,5vw,5rem);display:flex;align-items:center;justify-content:space-between}.navbar__logo{display:flex;align-items:center;background:#fff;padding:.5rem 1rem;border-radius:12px;transition:transform .2s ease}.navbar__logo:hover{transform:scale(1.02)}.navbar__logo img{height:50px;width:auto;display:block}.navbar__menu{display:flex;gap:2rem;list-style:none;margin:0;padding:0;align-items:center}.navbar__menu a{color:var(--color-light);text-decoration:none;font-weight:500;font-size:.95rem;transition:color .2s ease;position:relative}.navbar__menu a:hover{color:var(--color-lime)}.navbar__menu a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--color-emerald);transition:width .3s ease}.navbar__menu a:hover:after{width:100%}.navbar__cta{background:linear-gradient(135deg,var(--color-emerald),var(--color-lime));color:#021325!important;padding:.6rem 1.5rem;border-radius:999px;font-weight:600}.navbar__cta:after{display:none}.navbar__cta:hover{color:#021325!important;transform:translateY(-2px)}.navbar__toggle{display:none;flex-direction:column;gap:5px;background:transparent;border:none;cursor:pointer;padding:.5rem}.navbar__toggle span{width:25px;height:3px;background:var(--color-light);border-radius:2px;transition:all .3s ease}.navbar__toggle.active span:nth-child(1){transform:rotate(45deg) translate(7px,7px)}.navbar__toggle.active span:nth-child(2){opacity:0}.navbar__toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}@media(max-width:768px){.navbar__logo img{height:40px}.navbar__toggle{display:flex}.navbar__menu{position:fixed;top:80px;left:0;right:0;flex-direction:column;background:#021220fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem;gap:1.5rem;transform:translate(100%);transition:transform .3s ease;border-bottom:1px solid rgba(255,255,255,.08)}.navbar__menu.active{transform:translate(0)}.navbar__menu a:after{display:none}}.page{padding:clamp(1rem,4vw,4rem) clamp(1rem,5vw,5rem) 3rem;color:var(--color-light)}section{margin-inline:auto;max-width:1200px}.tag{font-size:.85rem;letter-spacing:.25em;text-transform:uppercase;color:var(--color-lime);margin-bottom:.75rem}h1{font-family:Playfair Display,Times New Roman,serif;font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.1;margin:0 0 1rem}h2{font-size:clamp(1.75rem,4vw,2.75rem);margin:0 0 1rem}h3{margin:0 0 .75rem;font-size:1.25rem}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(2rem,4vw,4rem);align-items:center;padding-block:clamp(2rem,6vw,6rem)}.hero__copy{font-size:clamp(1rem,2vw,1.1rem);line-height:1.6;color:#f7fbffd9;max-width:520px}.hero__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.btn{border:none;border-radius:999px;padding:.95rem 1.75rem;font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease;display:inline-block;text-align:center}.btn.primary{background:linear-gradient(135deg,var(--color-emerald),var(--color-lime));color:#021325;box-shadow:0 15px 40px #35d08759}.btn.primary:hover,.btn.primary:focus-visible{transform:translateY(-3px)}.btn.ghost{color:var(--color-light);border:1px solid rgba(255,255,255,.25);background:transparent}.btn.ghost:hover,.btn.ghost:focus-visible{border-color:var(--color-lime);color:var(--color-lime)}.hero__visual{position:relative;min-height:320px;border-radius:32px;background:linear-gradient(160deg,#032f52e6,#021f3bb3);overflow:hidden;padding:2rem}.orb{position:absolute;border-radius:50%;filter:blur(30px);animation:float 10s ease-in-out infinite}.orb--primary{width:180px;height:180px;top:-40px;right:-20px;background:#35d087b3}.orb--secondary{width:140px;height:140px;bottom:-30px;left:-10px;background:#6ef2c780;animation-duration:12s}.hero__card{position:relative;background:#021526cc;border-radius:20px;padding:1.5rem;box-shadow:inset 0 0 0 1px #ffffff0a;margin-top:6rem;z-index:1}.hero__card p{margin:0 0 .35rem;text-transform:uppercase;font-size:.85rem;letter-spacing:.2em;color:#ffffffb3}.hero__card strong{display:block;font-size:1.3rem;margin-bottom:.4rem}.hero__card span{color:var(--color-lime);font-size:.9rem}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:clamp(2.5rem,6vw,4rem)}.stat{padding:1.5rem;border-radius:20px;background:#021526b3;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.stat__value{font-size:2rem;margin:0 0 .35rem}.stat__label{margin:0;color:#f7fbffb3}.about{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(1.5rem,4vw,3rem);align-items:start;margin-top:clamp(3rem,8vw,6rem)}.about__card{background:#032f52b3;padding:2rem;border-radius:28px;border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 60px #010f1f66}.about__card ul{padding-left:1.2rem;color:#f7fbffcc}.section-heading{text-align:left;margin-bottom:2.5rem}.services{margin-top:clamp(3rem,8vw,6rem)}.services__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.5rem}.service{padding:1.75rem;border-radius:20px;background:#021220bf;border:1px solid rgba(255,255,255,.05);box-shadow:0 20px 45px #00000059;min-height:220px;display:flex;flex-direction:column;gap:.75rem;transition:transform .25s ease,border-color .25s ease}.service:hover{transform:translateY(-6px);border-color:var(--color-emerald)}.service__cta{margin-top:auto;align-self:flex-start;border:none;background:transparent;color:var(--color-lime);font-weight:600;cursor:pointer}.process{margin-top:clamp(3rem,8vw,6rem)}.process__steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.process__card{padding:1.5rem;border-radius:22px;background:#032639b3;border:1px solid rgba(255,255,255,.05)}.process__step{font-size:.85rem;text-transform:uppercase;letter-spacing:.4em;color:#fff6}.cta{margin-top:clamp(4rem,10vw,7rem);padding:clamp(2rem,6vw,4rem);border-radius:36px;background:linear-gradient(135deg,#031f3af2,#022f32e6);border:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;align-items:center}.cta__form{display:grid;gap:1rem}.cta__form label{display:flex;flex-direction:column;gap:.4rem;font-size:.9rem;color:#f7fbffcc}.cta__form input,.cta__form textarea{background:#010f1fb3;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:.9rem 1rem;color:var(--color-light);font-size:1rem;font-family:inherit}.cta__form input:focus,.cta__form textarea:focus{outline:1px solid var(--color-emerald)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}[data-animate]{opacity:0;transform:translateY(25px);animation:fadeUp .8s ease forwards}[data-animate]:nth-child(2){animation-delay:.15s}[data-animate]:nth-child(3){animation-delay:.3s}[data-animate]:nth-child(4){animation-delay:.45s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.hero{grid-template-columns:1fr;gap:2rem}.hero__visual{min-height:280px}.stats{grid-template-columns:repeat(2,1fr)}.about,.services__grid,.process__steps{grid-template-columns:1fr}.cta{grid-template-columns:1fr;padding:2rem 1.5rem}}@media(max-width:480px){.hero__actions{flex-direction:column;width:100%}.btn{width:100%}.stats{grid-template-columns:1fr}.service{min-height:auto}}
