:root{--navy:#102a43;--teal:#007f8a;--cyan:#00b8c4;--muted:#536a7b;--pale:#edf8f8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--navy);font-family:"Segoe UI",Arial,sans-serif}a{color:inherit}.top{max-width:1260px;margin:auto;padding:30px 48px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:10px;font-size:26px;font-weight:750;text-decoration:none;letter-spacing:-.8px}.brand>span{margin-left:10px;padding-left:18px;border-left:1px solid #ccdadf;font-size:11px;font-weight:600;letter-spacing:1.3px;color:var(--muted);text-transform:uppercase}.nav{font-size:14px;text-decoration:none;font-weight:600}.nav span{margin-left:14px;color:var(--teal)}.hero{max-width:1260px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:68px 48px 95px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--teal);display:flex;gap:9px;align-items:center}.eyebrow>span{width:7px;height:7px;background:var(--cyan);border-radius:50%}h1{font-size:57px;line-height:1.11;letter-spacing:-2.5px;margin:24px 0}h1 em{color:var(--teal);font-style:normal}.lead{font-size:18px;line-height:1.65;max-width:470px;color:var(--muted)}.button{display:inline-flex;align-items:center;gap:36px;padding:15px 22px;border-radius:8px;background:var(--navy);color:#fff;font-size:14px;font-weight:600;text-decoration:none;margin-top:18px}.button:hover{background:var(--teal)}a:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}.note{font-size:12px;color:#718493;margin-top:18px}.visual{position:relative;min-height:365px;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;border-radius:50%;background:var(--pale);width:390px;height:390px}.o2{height:320px;width:320px;background:transparent;border:1px solid #cee9eb}.screen{z-index:1;background:#fff;border:9px solid var(--navy);border-bottom-width:16px;border-radius:18px;width:440px;box-shadow:0 25px 50px #183f521b;transform:perspective(800px) rotateY(-7deg) rotateX(3deg)}.screen-top{display:flex;justify-content:space-between;align-items:center;padding:17px 15px;border-bottom:1px solid #e5edef}.mini-brand{font-weight:800;color:var(--cyan);font-size:14px}.mini-brand span{color:var(--navy)}.pill{font-size:7px;letter-spacing:1.5px;color:#637c88}.chart{position:relative;height:145px;margin:15px 17px}.chart-lines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 34px,#edf3f5 35px,#edf3f5 36px)}.chart svg{position:absolute;inset:0;width:100%;height:100%}.area{fill:#dff5f5}.line{stroke:var(--teal);stroke-width:3;fill:none;stroke-linejoin:round}.resources{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;padding:6px 18px 10px}.resources b{font-size:9px;font-weight:600;color:#456375}.bar{display:block;position:relative;background:#edf3f4;height:5px;border-radius:4px;margin-top:8px;overflow:hidden}.bar:after{content:"";display:block;width:65%;height:100%;background:var(--cyan)}.ram:after{width:82%;background:#278b9e}.disk:after{width:40%;background:#70bdca}.net:after{width:56%;background:#173f5c}.concept{font-size:8px;text-align:right;color:#647e8a;padding:0 18px;margin-bottom:13px}.stand{position:absolute;width:120px;height:65px;background:linear-gradient(120deg,#d0dde2,#ecf1f3);bottom:0;clip-path:polygon(36% 0,64% 0,72% 76%,100% 87%,100% 100%,0 100%,0 87%,28% 76%)}.tag{position:absolute;z-index:2;background:#fff;border:1px solid #d9ecee;border-radius:10px;padding:13px 15px;box-shadow:0 8px 20px #17374a0d;font-size:11px;font-weight:600}.tag span{color:var(--teal);font-size:21px;margin-right:8px;vertical-align:middle}.tag-a{right:-10px;top:25px}.tag-b{left:-14px;bottom:20px}.process{background:#f5f9fa;padding:68px 48px 75px}.section-title{max-width:1164px;margin:auto}.section-title h2,.contact h2{font-size:34px;letter-spacing:-1.2px;margin:15px 0}.section-title>p:last-child{font-size:16px;color:var(--muted);line-height:1.6}.cards{max-width:1164px;margin:35px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.cards article{background:white;border:1px solid #e0ebee;border-radius:13px;padding:28px 27px}.step{font-size:10px;letter-spacing:1.4px;color:#68808c;font-weight:600}.icon{font-size:34px;color:var(--teal);height:50px;margin-top:17px}.cards h3{font-size:20px;margin:11px 0}.cards p{font-size:14px;line-height:1.75;color:var(--muted);margin-bottom:0}.contact{max-width:1260px;margin:0 auto;padding:70px 48px;display:flex;align-items:center;justify-content:space-between;gap:80px}.contact>p{max-width:350px;font-size:16px;line-height:1.8;color:var(--muted)}footer{background:var(--navy);color:white;padding:35px max(48px,calc((100vw - 1164px)/2));display:flex;align-items:center;gap:35px}footer p{font-size:11px;line-height:1.8;color:#bfd0db}.footer-brand{font-size:24px}.footer-note{font-size:10px;letter-spacing:1px;color:#8db1be;margin-left:auto}@media(max-width:1000px){h1{font-size:46px}.hero{gap:20px}.screen{width:360px}.tag-a{right:-5px}.tag-b{left:0}.orbit{width:330px;height:330px}.visual{min-height:340px}.contact{gap:35px}}@media(max-width:760px){.top{padding:22px 24px}.brand>span{display:none}.nav{font-size:12px}.hero{padding:40px 24px 65px;grid-template-columns:1fr;gap:40px}h1{font-size:48px}.visual{max-width:460px;width:100%;margin:auto}.screen{width:88%}.tag-a{right:0;top:12px}.tag-b{left:0;bottom:12px}.process{padding:45px 24px}.cards{grid-template-columns:1fr}.contact{padding:45px 24px;display:block}.contact>p{max-width:none}.section-title h2,.contact h2{font-size:29px}footer{padding:30px 24px;display:block}footer p{margin-top:18px}.footer-note{display:block;margin-top:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}