:root{--ink:#202420;--lime:#d4f35b;--muted:#6d726b;--line:#e3e5dd;--paper:#fafbf7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #6c8820;outline-offset:5px}.announcement{background:var(--ink);color:white;text-align:center;font-size:12px;padding:9px}.announcement a{color:var(--lime);margin-left:20px}header{height:88px;display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:auto;padding:0 5%;border-bottom:1px solid var(--line)}.logo{font-size:36px;font-weight:900;letter-spacing:-2px;line-height:1}.logo span{color:#7e9d2c;margin-left:3px}nav{display:flex;gap:35px;font-size:14px;font-weight:600}.dark{background:var(--ink);color:white;padding:16px 24px;border:0;border-radius:5px;display:inline-flex;justify-content:space-between;gap:28px;align-items:center;font-size:14px}.dark:hover{background:#3c4734}.small{padding:12px 19px}.hero{max-width:1440px;margin:auto;padding:52px 5% 58px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:700}.dot{display:inline-block;width:7px;height:7px;background:#83a62b;border-radius:50%;margin-right:7px}h1{font-size:clamp(48px,5.3vw,76px);line-height:1.17;letter-spacing:-4px;margin:28px 0 24px}h1 span{color:#7c826e}.hero-copy>p{font-size:16px;color:var(--muted);line-height:1.9}.actions{display:flex;align-items:center;gap:18px;margin-top:30px}.plain{border:0;background:none;font-size:13px}.hero-foot{font-size:11px;color:var(--muted);margin-top:40px;display:flex;align-items:center;gap:13px}.hero-foot i{height:10px;border-right:1px solid #bfc3b5}.hero-art{min-height:540px;border-radius:8px;background:#e9eddf;position:relative;overflow:hidden}.art-label{position:absolute;top:28px;left:30px;font-size:11px;letter-spacing:2px;line-height:1.8}.art-label span{color:#7a806f}.orbit{width:400px;height:400px;border:1px solid #c6cdb7;border-radius:50%;position:absolute;top:80px;left:70px}.orbit:after{content:'';position:absolute;inset:28px;border:1px solid #d2d9c4;border-radius:50%}.laptop{position:absolute;width:79%;top:28%;left:12%;transform:rotate(-8deg)}.screen{border:9px solid #282d2c;border-bottom-width:15px;border-radius:14px 14px 4px 4px;height:260px;background:var(--lime);box-shadow:15px 24px 30px #45513335;padding:20px 30px;position:relative}.screen:after{content:'';position:absolute;width:140px;height:140px;border:1px solid #869d46;border-radius:50%;right:-35px;bottom:30px}.screen b{display:block;font-size:52px;font-weight:800;line-height:.96;letter-spacing:-3px}.screen em{font-style:normal;color:#738d28}.screen>span{position:absolute;bottom:12px;right:20px;font-size:13px;font-weight:bold}.base{height:19px;background:linear-gradient(#c7ccc8,#848b85);margin:0 -30px;border-radius:1px 1px 50% 50%;box-shadow:8px 25px 22px #4c584036}.float-tag{position:absolute;right:22px;bottom:65px;background:white;padding:15px 20px;border-radius:8px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 20px #2333140d;font-size:13px;font-weight:bold}.float-tag>span{font-size:32px;color:#7d9d26}.float-tag small{display:block;font-size:8px;letter-spacing:1px;color:#93998a;margin-top:3px}.art-bottom{position:absolute;bottom:22px;left:30px;right:30px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px}.brand-strip{border-block:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 5%;font-size:15px}.brand-strip>span:first-child{font-size:12px;color:var(--muted)}.brand-strip>span:not(:first-child){color:#93a66d}.section{padding:85px 5%;max-width:1440px;margin:auto}.section-top{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}h2{font-size:36px;letter-spacing:-1.6px;line-height:1.35;margin:13px 0 0}.section-top p,.how p{font-size:14px;color:var(--muted)}.filters{display:flex;gap:9px;margin-bottom:25px}.filters button{border:1px solid var(--line);border-radius:30px;padding:10px 21px;background:transparent;font-size:12px}.filters .selected{background:var(--ink);color:white;border-color:var(--ink)}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product{min-width:0}.product-art{height:210px;background:#eef0e9;position:relative;overflow:hidden;border-radius:6px}.product-art .badge{position:absolute;top:15px;left:15px;font-size:10px;background:white;padding:4px 8px;border-radius:3px;z-index:2}.mini-device{width:65%;height:105px;background:#2c3030;border:6px solid #9ca39f;border-radius:7px;position:absolute;top:58px;left:17%;transform:rotate(-7deg);box-shadow:10px 16px 14px #2734211a}.mini-device:before{content:'';position:absolute;inset:0;background:linear-gradient(130deg,#b7cab2,#dbe9c6 45%,#71886b)}.mini-device:after{content:'';position:absolute;bottom:-13px;left:-12%;width:124%;height:9px;background:#adb4ac;border-radius:0 0 50% 50%}.blue .mini-device:before{background:linear-gradient(135deg,#c7dce2,#879fad 50%,#dbe7e5)}.monitor .mini-device{transform:none;height:110px;top:43px;border-color:#414645}.monitor .mini-device:after{height:38px;width:10%;bottom:-42px;left:45%;border-radius:0;background:#6f7771}.desktop .mini-device{width:40%;height:125px;left:30%;top:42px;transform:rotate(-8deg);background:linear-gradient(90deg,#9ba59a,#d4dad0);border:0}.desktop .mini-device:before{inset:20px 15px;background:repeating-linear-gradient(0deg,#7c897a 0 2px,transparent 2px 6px)}.desktop .mini-device:after{display:none}.product-info{padding:18px 2px}.product-info small{font-size:10px;color:var(--muted);letter-spacing:.9px}.product h3{font-size:19px;margin:4px 0}.product p{font-size:12px;color:var(--muted);margin:4px 0 19px}.price-row{display:flex;justify-content:space-between;align-items:center}.price-row strong{font-size:20px;letter-spacing:-.7px}.price-row strong small{font-size:12px;font-weight:400}.price-row button{width:32px;height:32px;border:1px solid #d2d7cc;border-radius:50%;background:transparent}.plans{background:#f0f2e9;max-width:none}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.plan-grid article{background:#fafbf7;border:1px solid #dde2d2;border-radius:6px;padding:32px}.plan-grid article.featured{background:var(--lime);border-color:var(--lime)}.plan-grid article>span{font-size:10px;letter-spacing:1px}.plan-grid h3{font-size:25px;letter-spacing:-1px;margin:25px 0 12px}.plan-grid p{font-size:14px;color:#666e5c}.plan-grid dl{display:grid;grid-template-columns:1fr 1fr;font-size:12px;border-top:1px solid #cbd3bc;padding-top:20px;margin-top:28px;gap:12px}.plan-grid dd{margin:0;text-align:right;font-weight:600}.plan-grid dt{color:#697060}.plan-grid button{border:0;border-top:1px solid #cbd3bc;background:none;text-align:left;width:100%;margin-top:15px;padding:18px 0 0;font-weight:600;font-size:13px}.note{font-size:11px;color:#787f70;line-height:1.7}.plans>.note{margin-top:22px}.how{display:grid;grid-template-columns:1fr 1fr;gap:70px}.big-arrow{font-size:110px;line-height:1;color:#94a674;margin-top:35px}.how ol{list-style:none;padding:0;margin:0}.how li{display:flex;gap:28px;border-bottom:1px solid var(--line);padding:25px 0}.how li:first-child{padding-top:0}.how li>span{font-size:12px;color:#7f8f5f}.how h3{margin:0;font-size:19px}.how li p{margin:8px 0 0;font-size:13px}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:50px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{font-weight:600;font-size:15px;cursor:pointer}details p{color:var(--muted);font-size:13px;line-height:1.8}.cta{margin:0 5% 70px;padding:50px;background:var(--lime);border-radius:7px;position:relative;overflow:hidden}.cta h2{font-size:40px;margin-bottom:26px}.cta-star{position:absolute;right:9%;top:15%;font-size:200px;line-height:1;color:#7c9b34}footer{padding:30px 5% 25px;border-top:1px solid var(--line)}footer .logo{font-size:30px}footer p{font-size:12px;color:var(--muted)}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:23px;margin-top:35px;color:#818677;font-size:10px}dialog{border:0;border-radius:12px;padding:30px;width:min(520px,92vw);box-shadow:0 30px 90px #0003;color:var(--ink)}dialog::backdrop{background:#151d186b;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-top button{border:0;background:none;font-size:22px}dialog h2{font-size:28px}dialog p{font-size:13px;color:var(--muted)}label{display:block;font-size:12px;margin-top:20px}select,input{display:block;width:100%;margin-top:7px;border:1px solid #d5dacd;border-radius:5px;padding:12px;background:#fafbf7;color:var(--ink)}.form-row{display:grid;grid-template-columns:1.5fr 1fr;gap:15px}.total{display:flex;justify-content:space-between;align-items:center;background:#edf3df;padding:22px 16px;margin-top:25px;border-radius:6px}.total span{font-size:13px}.total small{display:block;font-size:10px;color:var(--muted)}.total strong{font-size:26px}dialog .dark{width:100%;justify-content:center}dialog p.note{font-size:11px}@media(min-width:1500px){.plans,.brand-strip,.cta,footer{padding-inline:max(5%,calc((100vw - 1296px)/2))}}@media(max-width:850px){nav{gap:16px;font-size:12px}.hero{gap:20px}.hero-art{min-height:470px}.screen{height:210px;padding:20px}.screen b{font-size:42px}.actions{flex-wrap:wrap}.products{grid-template-columns:repeat(2,1fr)}.brand-strip{font-size:12px;flex-wrap:wrap}.brand-strip>span:first-child{width:100%}.plan-grid{gap:12px}.plan-grid article{padding:22px}.plan-grid h3{font-size:21px}.how{gap:35px}.cta-star{right:5%}}@media(max-width:600px){.announcement{font-size:10px}.announcement a{margin-left:8px}header{height:73px}.logo{font-size:31px}nav{display:none}.hero{grid-template-columns:1fr;padding-top:35px}.hero h1{font-size:54px}.hero-art{min-height:390px}.hero-foot{margin-top:25px}.hero-copy>p{font-size:14px}.screen{height:220px}.laptop{top:24%;width:72%;left:15%}.float-tag{bottom:38px;right:15px;padding:10px 15px}.art-bottom{bottom:12px}.hero-art .orbit{width:300px;height:300px;left:30px;top:45px}.brand-strip{gap:10px}.brand-strip strong{font-size:10px}.section{padding:55px 5%}.section-top{display:block}.section-top p{font-size:12px;margin-top:16px}h2{font-size:29px}.products{gap:14px}.product-art{height:160px}.mini-device{height:75px;top:45px}.monitor .mini-device{height:80px;top:32px}.desktop .mini-device{height:95px;top:30px}.product h3{font-size:17px}.price-row strong{font-size:17px}.product p{font-size:10px}.filters{gap:6px}.filters button{padding:9px 13px;font-size:11px}.plan-grid{grid-template-columns:1fr}.plan-grid article{padding:27px}.plan-grid h3{margin-top:15px}.how,.faq{grid-template-columns:1fr;gap:30px}.big-arrow{display:none}.cta{padding:30px;margin-bottom:45px}.cta h2{font-size:29px;position:relative;z-index:1}.cta-star{font-size:130px;right:-30px;top:55px}.cta button{position:relative;z-index:1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:10px}dialog{padding:24px}.total strong{font-size:23px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
