*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#17252d;background:#fff}.top{background:#079447;color:#fff;text-align:center;padding:9px;font-size:13px}nav{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #e4ebe7;padding:14px 6%;display:flex;align-items:center;justify-content:space-between}.logo{font-size:25px;font-weight:800;color:#079447;text-decoration:none}.logo span{color:#17252d}.navlinks{display:flex;align-items:center;gap:22px}.navlinks a{color:#17252d;text-decoration:none;font-weight:700;font-size:14px}.btn{display:inline-block;background:#079447;color:#fff!important;border:0;border-radius:7px;padding:13px 21px;text-decoration:none;font-weight:700;cursor:pointer}.hero{min-height:590px;position:relative;overflow:hidden;display:flex;align-items:center;padding:65px 8%;color:#fff;background:#102f25}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,42,29,.78),rgba(8,42,29,.45) 48%,rgba(8,42,29,.12));z-index:1}.server-art{position:absolute;right:2%;bottom:-75px;width:57%;max-width:760px;z-index:0}.hero-content{position:relative;z-index:3;max-width:650px}.eyebrow{color:#45dc86;font-weight:800;letter-spacing:1px}.hero h1{font-size:58px;line-height:1.04;margin:14px 0}.hero h1 span,.title span,.about span{color:#45dc86}.hero p{font-size:18px;line-height:1.6}.checks{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:24px 0;font-size:14px}.checks div:before{content:"✓";display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;border-radius:50%;background:#079447;margin-right:8px}.domain{max-width:780px;margin:-27px auto 35px;background:#fff;border:1px solid #e2ebe6;border-radius:40px;padding:8px;display:flex;position:relative;z-index:5;box-shadow:0 12px 35px #0002}.domain input{flex:1;border:0;outline:0;padding:13px 18px;font-size:16px}.domain select{border:1px solid #ddd;border-radius:8px;background:#fff}.domain button{border:0;background:#079447;color:#fff;border-radius:30px;padding:0 25px;margin-left:7px;font-weight:700}.features{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;padding:35px 7%;text-align:center}.features b{display:block;color:#079447;font-size:15px}.features small{display:block;color:#68747b;margin-top:7px}section{padding:68px 7%}.soft{background:#f5fbf7}.title{text-align:center}.title h2{font-size:34px;margin:0 0 8px}.title p{color:#68747b}.plans{max-width:1030px;margin:36px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.card{background:#fff;border:1px solid #dfe7e2;border-radius:12px;padding:29px;box-shadow:0 9px 28px #0001}.popular{border:2px solid #079447;position:relative}.badge{position:absolute;left:0;right:0;top:0;background:#079447;color:#fff;text-align:center;padding:7px;border-radius:10px 10px 0 0;font-size:12px}.popular h3{margin-top:28px}.price{font-size:34px;font-weight:800;color:#079447}.price small{font-size:14px;color:#68747b}.card ul{padding:0;list-style:none}.card li{margin:9px 0}.card li:before{content:"✓";color:#079447;font-weight:800;margin-right:8px}.why{max-width:1000px;margin:35px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.why div{background:#fff;border:1px solid #dfe7e2;border-radius:12px;padding:25px;text-align:center}.faq{max-width:850px;margin:35px auto}.faqitem{border:1px solid #dfe7e2;border-radius:10px;margin:11px 0;overflow:hidden}.faqitem button{width:100%;border:0;background:#fff;padding:18px;text-align:left;font-weight:700;display:flex;justify-content:space-between}.faqitem div{display:none;padding:0 18px 18px;color:#68747b;line-height:1.6}.faqitem.open div{display:block}.about{max-width:1050px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.about h1{font-size:42px}.about p{color:#68747b;line-height:1.7}.stats{display:grid;grid-template-columns:1fr 1fr;gap:15px}.stats div{background:#fff;border:1px solid #dfe7e2;border-radius:12px;padding:25px;text-align:center}.stats b{display:block;color:#079447;font-size:29px;margin-bottom:7px}footer{background:#10252c;color:#dce9e3;padding:55px 7% 0}.footergrid{max-width:1150px;margin:auto;display:grid;grid-template-columns:2fr repeat(4,1fr);gap:30px}.footergrid h4{color:#fff}.footergrid a{display:block;color:#aabdb5;text-decoration:none;margin:10px 0;font-size:14px}.footerbottom{max-width:1150px;margin:35px auto 0;border-top:1px solid #2b444b;padding:18px 0;color:#8fa49d;font-size:12px}.auth{min-height:100vh;background:#f5fbf7;display:grid;place-items:center;padding:20px}.authbox{width:min(440px,100%);background:#fff;padding:30px;border-radius:15px;box-shadow:0 12px 40px #0001}.authbox input,.authbox select{width:100%;padding:13px;margin:7px 0 15px;border:1px solid #ccd5d0;border-radius:7px}.authbox .btn{width:100%}.authbox a{color:#079447}.error{background:#fff0f0;color:#a33;padding:10px;border-radius:7px;margin:10px 0}.success{background:#eef8f2;color:#17633b;padding:12px;border-radius:7px;margin:10px 0}.clientgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.clientcard{background:#fff;border:1px solid #dfe7e2;padding:25px;border-radius:12px}.green{color:#079447}.notice{background:#eef8f2;padding:18px;border-radius:10px;margin-top:20px}
@media(max-width:800px){nav{padding:12px 16px}.navlinks a:not(.btn){display:none}.hero{min-height:650px;padding:45px 20px;align-items:flex-start}.hero h1{font-size:41px}.hero p{font-size:16px}.hero .server-art{width:115%;right:-110px;bottom:-15px;opacity:.7}.checks{grid-template-columns:1fr}.domain{margin:12px 16px 30px;border-radius:14px;display:grid;grid-template-columns:1fr auto}.domain select{display:none}.domain button{min-height:44px}.features{grid-template-columns:repeat(2,1fr);padding:28px 16px}.plans,.why,.clientgrid{grid-template-columns:1fr}section{padding:50px 16px}.about{grid-template-columns:1fr}.footergrid{grid-template-columns:1fr 1fr}.footergrid>div:first-child{grid-column:1/-1}}
@media(max-width:430px){.footergrid{grid-template-columns:1fr}.footergrid>div:first-child{grid-column:auto}}