:root{--p:#089a6b;--pd:#057b56;--soft:#e9fbf4;--ink:#0c2119;--muted:#637870;--line:#dcebe5;--gold:#f4b942;--white:#fff;--dark:#071b14;--shadow:0 25px 80px rgba(5,87,61,.14)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:#f8fcfa;line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit}.container{width:min(1160px,92%);margin:auto}
.topbar{height:38px;background:var(--p);color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;font-size:10px;font-weight:900;letter-spacing:1.2px}.top-sep{opacity:.5}
nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(8,154,107,.1)}.navin{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-weight:950;font-size:17px}.brand img{width:50px;height:50px;object-fit:contain}.brand span{color:var(--p)}.navlinks{display:flex;align-items:center;gap:22px;font-size:13px;font-weight:800;color:#486159}.navlinks a:not(.navbtn):hover{color:var(--p)}.navbtn,.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:13px;padding:13px 19px;font-weight:900;transition:.25s;cursor:pointer}.navbtn,.cta{background:var(--p);color:#fff;box-shadow:0 12px 30px rgba(8,154,107,.2)}.navbtn:hover,.cta:hover{transform:translateY(-3px);background:var(--pd);box-shadow:0 18px 35px rgba(8,154,107,.28)}.hamburger{display:none;border:0;background:none;font-size:25px}.mobilemenu{display:none}
.progress{position:fixed;top:0;left:0;width:0;height:3px;background:#f4b942;z-index:999}
.hero{position:relative;min-height:700px;padding:85px 0 70px;overflow:hidden;background:radial-gradient(circle at 8% 18%,rgba(8,154,107,.15),transparent 30%),radial-gradient(circle at 90% 15%,rgba(244,185,66,.15),transparent 28%),linear-gradient(#fff,#f4fbf8)}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:40px}.badge{display:inline-flex;align-items:center;gap:8px;background:var(--soft);border:1px solid #cbeee0;color:var(--pd);padding:9px 14px;border-radius:99px;font-size:11px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}.pulse-dot{width:8px;height:8px;background:var(--p);border-radius:50%;box-shadow:0 0 0 0 rgba(8,154,107,.5);animation:pulse 1.8s infinite}@keyframes pulse{70%{box-shadow:0 0 0 9px transparent}100%{box-shadow:0 0 0 0 transparent}}
h1{font-size:clamp(43px,5.4vw,73px);line-height:1.01;letter-spacing:-3.5px;margin:20px 0 19px;max-width:720px}h1 span,h2 span{color:var(--p)}.hero-lead{font-size:17px;color:var(--muted);max-width:690px}.actions{display:flex;gap:11px;flex-wrap:wrap;margin:28px 0 10px}.cta.secondary{background:#fff;color:var(--p);border:1px solid #bfe8d8;box-shadow:none}.micro{font-size:11px;color:#7a8e86;font-weight:700}.hero-stats{display:flex;gap:10px;margin-top:30px}.hero-stats div{background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px 17px;min-width:125px;box-shadow:0 10px 30px rgba(8,72,51,.05)}.hero-stats strong{display:block;color:var(--p);font-size:25px;line-height:1}.hero-stats span{font-size:9px;color:var(--muted);font-weight:800}
.particles i{position:absolute;width:7px;height:7px;border-radius:50%;background:rgba(8,154,107,.25);animation:float 7s ease-in-out infinite}.particles i:nth-child(1){left:5%;top:50%;animation-delay:-1s}.particles i:nth-child(2){left:17%;top:14%;animation-delay:-3s}.particles i:nth-child(3){left:38%;top:8%;animation-delay:-5s}.particles i:nth-child(4){left:56%;top:22%;animation-delay:-2s}.particles i:nth-child(5){left:76%;top:7%;animation-delay:-4s}.particles i:nth-child(6){left:91%;top:46%;animation-delay:-1s}.particles i:nth-child(7){left:69%;top:81%;animation-delay:-5s}.particles i:nth-child(8){left:31%;top:88%;animation-delay:-2s}.particles i:nth-child(9){left:12%;top:75%;animation-delay:-4s}.particles i:nth-child(10){left:84%;top:73%;animation-delay:-3s}@keyframes float{50%{transform:translateY(-25px) translateX(15px);opacity:.35}}
.portal-visual{position:relative;height:510px;display:flex;align-items:center;justify-content:center}.dashboard{width:470px;height:330px;border-radius:22px;background:#fff;box-shadow:var(--shadow);border:1px solid #d8ebe4;overflow:hidden;transform:perspective(1100px) rotateY(-7deg) rotateX(4deg);animation:dashboardFloat 5s ease-in-out infinite}@keyframes dashboardFloat{50%{transform:perspective(1100px) rotateY(-4deg) rotateX(1deg) translateY(-12px)}}.dash-top{height:35px;background:#0d2b21;color:#cfe6de;display:flex;align-items:center;gap:9px;padding:0 13px;font-size:8px}.dash-top b{margin-left:auto;color:#68dfae;font-size:8px}.dots{display:flex;gap:4px}.dots i{width:5px;height:5px;background:#76998d;border-radius:50%}.dash-body{display:grid;grid-template-columns:100px 1fr;height:295px}.dash-body aside{background:#f1f8f5;padding:14px 8px;display:flex;flex-direction:column;gap:5px}.side-logo img{width:32px;height:32px;display:block;margin:0 auto 9px}.dash-body aside span{font-size:7px;padding:7px;border-radius:6px;color:#71877f}.dash-body aside .active{background:#d9f6ea;color:var(--p);font-weight:900}.dash-content{padding:18px}.dash-title{display:flex;justify-content:space-between;align-items:center}.dash-title small{font-size:6px;color:#9aa9a4;font-weight:900}.dash-title h3{font-size:14px}.avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--p);color:#fff;font-size:9px;font-weight:900}.mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:17px 0}.mini-grid div{padding:10px 7px;border:1px solid #e2eee9;border-radius:9px}.mini-grid small{display:block;color:#9aa9a4;font-size:5px;font-weight:900}.mini-grid b{font-size:13px;display:block}.mini-grid em{font-size:6px;color:var(--p);font-style:normal;font-weight:900}.chart{height:105px;border:1px solid #e5efeb;border-radius:10px;display:flex;align-items:end;padding:13px}.bars{width:100%;height:100%;display:flex;align-items:end;gap:12px}.bars i{width:9%;border-radius:5px 5px 2px 2px;background:linear-gradient(#34c58e,var(--p));animation:bars 2.8s ease-in-out infinite alternate}.bars i:nth-child(2){animation-delay:-.4s}.bars i:nth-child(3){animation-delay:-.9s}.bars i:nth-child(4){animation-delay:-.2s}.bars i:nth-child(5){animation-delay:-.7s}.bars i:nth-child(6){animation-delay:-1.2s}.bars i:nth-child(7){animation-delay:-.5s}.bars i:nth-child(8){animation-delay:-1s}@keyframes bars{to{filter:brightness(1.1);transform:scaleY(.82);transform-origin:bottom}}
.orbit{position:absolute;border:1px solid rgba(8,154,107,.18);border-radius:50%;animation:spin 20s linear infinite}.orbit1{width:470px;height:470px}.orbit2{width:370px;height:370px;border-style:dashed;animation-duration:15s;animation-direction:reverse}@keyframes spin{to{transform:rotate(360deg)}}.floating-card{position:absolute;z-index:5;background:#fff;border:1px solid var(--line);box-shadow:0 15px 45px rgba(7,65,46,.13);padding:11px 14px;border-radius:13px;font-size:11px;animation:floatCard 4s ease-in-out infinite}.floating-card small{display:block;color:#84968f;font-size:8px;margin-top:1px}.card-a{left:0;top:100px}.card-b{right:5px;top:55px;animation-delay:-1.5s}.card-c{right:0;bottom:85px;animation-delay:-2.5s}@keyframes floatCard{50%{transform:translateY(-13px) rotate(1deg)}}
.marquee{overflow:hidden;background:#0a231a;color:#d8f5e9;padding:14px 0;border-block:1px solid rgba(255,255,255,.06)}.marquee-track{display:flex;width:max-content;gap:20px;align-items:center;animation:marquee 28s linear infinite;font-size:10px;font-weight:900;letter-spacing:1.5px}.marquee i{color:#63dcae;font-style:normal}@keyframes marquee{to{transform:translateX(-50%)}}
.section{padding:90px 0}.alt{background:#eff8f4}.eyebrow{text-align:center;color:var(--p);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:2px}.eyebrow.left{text-align:left}h2{font-size:clamp(32px,4.4vw,54px);line-height:1.06;letter-spacing:-2.2px;text-align:center;margin:10px auto 14px;max-width:900px}.left{text-align:left;margin-left:0}.lead{text-align:center;color:var(--muted);max-width:790px;margin:0 auto 38px;font-size:15px}
.panel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.panel-card{background:#fff;border:1px solid var(--line);border-radius:21px;padding:23px;position:relative;overflow:hidden;transition:.3s}.panel-card:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:var(--soft);right:-40px;top:-45px}.panel-card:hover{transform:translateY(-8px);box-shadow:var(--shadow);border-color:#bfe8d8}.panel-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--soft);font-size:23px;margin-bottom:14px;position:relative;z-index:1}.panel-card h3{font-size:18px}.panel-card p{font-size:12px;color:var(--muted);margin:3px 0 13px}.tags{display:flex;flex-wrap:wrap;gap:5px}.tags b{font-size:8px;padding:5px 7px;border-radius:99px;background:#f1f7f4;color:#6b7f77}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-grid article{padding:23px;border:1px solid var(--line);border-radius:19px;background:#fff;transition:.25s}.feature-grid article:hover{transform:translateY(-6px);box-shadow:0 18px 45px rgba(7,80,56,.09)}.feature-grid article>span{font-size:26px;display:block;margin-bottom:9px}.feature-grid h3{font-size:17px}.feature-grid p{font-size:12px;color:var(--muted);margin-top:5px}
.custom-section{background:#fff}.custom-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}.check-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:22px}.check-list p{font-size:12px;font-weight:800;color:#456158}.before-after{position:relative}.code-window{background:#081b14;border-radius:22px;padding:0;box-shadow:var(--shadow);overflow:hidden;transform:rotate(1deg);animation:codeFloat 5s ease-in-out infinite}@keyframes codeFloat{50%{transform:rotate(-1deg) translateY(-8px)}}.windowbar{height:38px;background:#0d2a20;display:flex;align-items:center;gap:5px;padding:0 13px}.windowbar i{width:7px;height:7px;border-radius:50%;background:#53796c}.windowbar span{font-size:9px;color:#8ba59b;margin-left:8px}.code-window pre{padding:28px;color:#d8eee6;font:12px/2 "SFMono-Regular",Consolas,monospace}.dim{color:#5e7f73}.pink{color:#f09ab6}.green{color:#78e2b3}.blue{color:#78b7ef}.edit-bubble{position:absolute;right:-15px;bottom:-18px;background:var(--gold);color:#362900;font-size:10px;font-weight:950;padding:12px 16px;border-radius:99px;box-shadow:0 12px 30px rgba(155,112,10,.25);animation:pulseBubble 2s infinite}@keyframes pulseBubble{50%{transform:scale(1.07)}}
.dark-section{background:var(--dark);color:#fff}.dark-section .lead{color:#b9d0c7}.dark-section .eyebrow{color:#67e2af}.tech-orbit{height:390px;max-width:650px;margin:10px auto 0;position:relative;display:flex;align-items:center;justify-content:center}.tech-center{width:125px;height:125px;border-radius:50%;background:#fff;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 15px rgba(8,154,107,.08),0 0 0 35px rgba(8,154,107,.04);z-index:2;animation:centerPulse 3s infinite}.tech-center img{width:48px;height:48px;object-fit:contain}.tech-center b{font-size:11px;text-align:center;line-height:1.05}@keyframes centerPulse{50%{box-shadow:0 0 0 23px rgba(8,154,107,.08),0 0 0 50px rgba(8,154,107,.03)}}.tech{position:absolute;padding:11px 15px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.07);border-radius:99px;font-size:11px;font-weight:900;animation:techFloat 4s ease-in-out infinite}.t1{top:20px;left:18%;animation-delay:-.2s}.t2{top:85px;right:13%;animation-delay:-1.1s}.t3{left:2%;top:47%;animation-delay:-2s}.t4{right:0;top:50%;animation-delay:-.7s}.t5{bottom:40px;left:15%;animation-delay:-1.5s}.t6{bottom:5px;right:17%;animation-delay:-2.4s}.t7{top:39%;left:29%;animation-delay:-3s}.t8{top:32%;right:29%;animation-delay:-1.8s}@keyframes techFloat{50%{transform:translateY(-10px)}}.stack-line{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:18px}.stack-line span{color:#74dcb1;font-size:10px;font-weight:900}.stack-line b{font-size:10px;background:rgba(255,255,255,.07);padding:7px 10px;border-radius:8px}
.world-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.world-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:23px;display:flex;flex-direction:column;gap:5px}.world-card b{font-size:15px}.world-card span{font-size:11px;color:var(--muted)}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.timeline>div{padding:25px;border-left:1px solid #cce4da;position:relative}.timeline>div:before{content:"";position:absolute;left:-5px;top:24px;width:9px;height:9px;border-radius:50%;background:var(--p);box-shadow:0 0 0 6px var(--soft)}.timeline strong{color:var(--p);font-size:12px}.timeline h3{font-size:18px;margin:8px 0}.timeline p{font-size:12px;color:var(--muted)}
.audience{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;max-width:900px;margin:auto}.audience span{padding:12px 16px;background:#fff;border:1px solid var(--line);border-radius:99px;font-size:11px;font-weight:800;transition:.25s}.audience span:hover{border-color:#9edbc4;transform:translateY(-3px)}
.offer-section{background:linear-gradient(135deg,#eafaf4,#fff)}.offer-wrap{position:relative}.offer{position:relative;z-index:2;text-align:center;background:#fff;border:1px solid #bfe7d7;border-radius:30px;padding:50px 35px;box-shadow:var(--shadow);overflow:hidden}.offer:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:rgba(8,154,107,.06);right:-220px;top:-300px}.offer h2{position:relative}.offer-glow{position:absolute;inset:20px;border-radius:40px;background:rgba(8,154,107,.16);filter:blur(35px);animation:glow 3s infinite alternate}@keyframes glow{to{opacity:.35;transform:scale(.97)}}.limited{display:inline-block;background:var(--p);color:#fff;padding:8px 14px;border-radius:99px;font-size:10px;font-weight:950;letter-spacing:1px}.receive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;text-align:left;max-width:850px;margin:25px auto}.receive-grid div{background:#f4fbf8;border:1px solid #dceee7;border-radius:11px;padding:11px 12px;font-size:11px;font-weight:800;color:#3c5c50}.receive-grid div:first-letter{color:var(--p)}.cta.big{font-size:15px;padding:17px 25px}.secure{font-size:10px;color:#84968f;margin-top:10px}
.requirements{background:#fff}.req-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.req-grid div{background:#f4faf7;border:1px solid var(--line);padding:20px;border-radius:17px;font-size:20px}.req-grid b{display:block;font-size:14px;margin-top:5px}.req-grid small{display:block;color:var(--muted);font-size:10px;margin-top:2px}
.faq{max-width:850px;margin:30px auto}.faq details{background:#fff;border:1px solid var(--line);border-radius:14px;margin:9px 0;padding:17px 19px;transition:.2s}.faq details[open]{border-color:#a9dec9;box-shadow:0 12px 35px rgba(7,80,56,.06)}.faq summary{cursor:pointer;list-style:none;font-size:13px;font-weight:900;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:"+";color:var(--p);font-size:19px;line-height:1}.faq details[open] summary:after{content:"−"}.faq p{font-size:12px;color:var(--muted);padding:12px 5px 0}
.final{text-align:center;background:linear-gradient(#fff,#eef9f5);padding-bottom:110px}.final-logo{width:110px;height:110px;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(8,154,107,.14));animation:logoFloat 4s infinite ease-in-out}@keyframes logoFloat{50%{transform:translateY(-9px) rotate(2deg)}}.final .lead{max-width:760px}
footer{background:#06150f;color:#9db5aa;text-align:center;padding:27px 10px;font-size:10px}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin-bottom:8px}.footer-links a:hover{color:#fff}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.show{opacity:1;transform:none}.cursor-glow{position:fixed;width:240px;height:240px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(8,154,107,.10),transparent 65%);transform:translate(-50%,-50%);z-index:0;mix-blend-mode:multiply}
@media(max-width:950px){.hero-grid,.custom-grid{grid-template-columns:1fr}.hero{text-align:center}.hero-lead{margin:auto}.actions,.hero-stats{justify-content:center}.portal-visual{margin-top:25px}.panel-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.world-grid,.req-grid{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:repeat(2,1fr);gap:15px}.timeline>div{border-left:0;border-top:1px solid #cce4da}.timeline>div:before{left:0;top:-5px}.navlinks{display:none}.hamburger{display:block}.mobilemenu{padding:12px 4%;background:#fff;display:none;flex-direction:column;gap:10px}.mobilemenu.open{display:flex}.mobilemenu a{padding:9px;font-size:13px;font-weight:800}.mobilemenu .navbtn{text-align:center}}
@media(max-width:620px){.topbar{font-size:8px;letter-spacing:.5px}.top-sep{display:none}.brand{font-size:14px}.brand img{width:42px;height:42px}.hero{padding-top:55px}.hero-grid{gap:10px}h1{letter-spacing:-2px}.hero-lead{font-size:15px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.hero-stats div{min-width:0;padding:11px 5px}.hero-stats strong{font-size:20px}.hero-stats span{font-size:7px}.portal-visual{height:380px}.dashboard{width:345px;height:250px}.dash-body{grid-template-columns:75px 1fr;height:215px}.dash-body aside span{font-size:5px}.dash-content{padding:11px}.mini-grid{gap:4px;margin:10px 0}.mini-grid div{padding:7px 4px}.mini-grid b{font-size:10px}.chart{height:75px}.floating-card{font-size:8px;padding:8px 10px}.card-a{left:0;top:60px}.card-b{right:0;top:30px}.card-c{right:0;bottom:50px}.orbit1{width:350px;height:350px}.orbit2{width:285px;height:285px}.section{padding:65px 0}.panel-grid,.feature-grid{grid-template-columns:1fr}.custom-grid{gap:35px}.check-list{grid-template-columns:1fr}.tech-orbit{height:350px}.tech{font-size:8px;padding:8px 10px}.tech-center{width:105px;height:105px}.t1{left:2%}.t2{right:2%}.t7{left:8%}.t8{right:8%}.receive-grid{grid-template-columns:1fr}.world-grid,.req-grid,.timeline{grid-template-columns:1fr}.offer{padding:35px 16px}.offer h2{font-size:34px}.cta.big{width:100%;font-size:12px}.faq summary{font-size:12px}}