*{box-sizing:border-box}
:root{--navy:#102f53;--navy2:#09264a;--blue:#087be0;--sky:#67c5ff;--ink:#102a50;--muted:#344b6d;--pale:#edf6fd}
html{min-height:100%;background:#f8fbff}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff}
.topbar{min-height:124px;padding:24px clamp(22px,4vw,64px);display:flex;align-items:center;gap:25px;color:white;background:linear-gradient(110deg,var(--navy2),var(--navy));position:relative;overflow:hidden}
.brand-mark{width:72px;flex:0 0 72px}.brand-mark svg{width:100%;height:auto}
.brand-copy{position:relative;z-index:1}.eyebrow{font-size:clamp(20px,2vw,29px);letter-spacing:.09em;font-weight:750;margin:0 0 4px}.tagline{color:#77c9ff;font-size:17px;letter-spacing:.03em;margin:0}
.circuit{position:absolute;right:-10px;top:22px;width:290px;height:85px;opacity:.8;border-top:2px solid #2298ed;transform:skewX(-28deg)}
.circuit:before,.circuit:after{content:"";position:absolute;left:20px;right:40px;height:20px;border-bottom:2px solid #2298ed;top:20px}
.circuit:after{left:65px;right:0;top:44px}.circuit span{position:absolute;width:7px;height:7px;background:#47b9ff;border-radius:50%;top:-4px;left:10px}.circuit span:nth-child(2){top:39px;left:48px}.circuit span:nth-child(3){top:62px;left:100px}
.hero{max-width:1450px;margin:0 auto;padding:55px clamp(24px,4.5vw,70px) 48px;display:grid;grid-template-columns:minmax(300px,1fr) minmax(360px,1.05fr);gap:clamp(35px,5vw,80px);align-items:center;min-height:590px}
.illustration{height:430px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}
.orb{position:absolute;width:88%;height:85%;border-radius:48% 52% 43% 57%;background:linear-gradient(145deg,#e4f5ff,#c5e6ff);z-index:-2;transform:rotate(-5deg)}
.dot-grid{position:absolute;right:9%;top:35px;width:100px;height:85px;background-image:radial-gradient(#9bd8ff 3px,transparent 3.5px);background-size:24px 24px;opacity:.8}
.laptop{width:min(78%,410px);position:relative;transform:rotate(-4deg);filter:drop-shadow(0 17px 12px #14436b2b);z-index:1}
.screen{height:250px;border:10px solid #123e69;border-bottom-width:15px;border-radius:20px 20px 9px 9px;background:radial-gradient(circle at 50% 35%,#1768a9,#092a50 75%);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 2px #8bcfff}
.screen svg{height:82%;width:auto;filter:drop-shadow(0 0 12px #3baaff55)}
.keyboard{height:13px;margin:0 -16px;background:linear-gradient(#b7d2e7,#6c8da9);clip-path:polygon(3% 0,97% 0,100% 100%,0 100%)}
.base{height:17px;margin:0 -28px;border-radius:0 0 25px 25px;background:linear-gradient(#dceaf5,#8ba8c0);clip-path:polygon(5% 0,95% 0,100% 70%,87% 100%,13% 100%,0 70%)}
.plant{position:absolute;left:1%;bottom:70px;width:90px;height:165px;z-index:2}
.plant i{position:absolute;bottom:60px;left:36px;width:29px;height:66px;border-radius:100% 0 100% 0;background:#38a96e;transform:rotate(-25deg)}
.plant i:nth-child(2){left:13px;bottom:82px;transform:rotate(-55deg);height:57px;background:#4cbf80}
.plant i:nth-child(3){left:47px;bottom:102px;transform:rotate(15deg);height:60px;background:#238d5b}
.pot{position:absolute;bottom:0;left:16px;width:61px;height:55px;background:linear-gradient(90deg,#d7e8f2,#fff,#c5dce9);clip-path:polygon(0 0,100% 0,85% 100%,15% 100%);border-radius:0 0 9px 9px}
.gear{position:absolute;right:1%;bottom:105px;font-size:130px;line-height:1;color:#7e9bb6;text-shadow:2px 5px 0 #dceaf5;z-index:2}
.wrench{position:absolute;right:3%;bottom:62px;font-size:98px;color:#1479c9;transform:rotate(-45deg);z-index:3;text-shadow:1px 2px #fff}
.message{max-width:700px}.section-label{color:var(--blue);letter-spacing:.16em;font-size:15px;font-weight:750;margin:0 0 16px}
h1{font-size:clamp(34px,3.6vw,54px);line-height:1.12;letter-spacing:-.035em;margin:0 0 20px;color:#0b254a}h1 span{color:var(--blue)}
.lead{font-size:19px;line-height:1.65;color:var(--muted);margin:0 0 19px}.thanks{font-size:18px;color:var(--muted);margin:0 0 25px}
.security-note{display:flex;gap:22px;align-items:flex-start;background:linear-gradient(110deg,#eef8ff,#e5f3ff);padding:22px 25px;border-radius:14px;margin:0 0 20px}
.check-shield{flex:0 0 55px;width:55px;height:62px;border:4px solid var(--blue);clip-path:polygon(50% 0,100% 18%,95% 62%,50% 100%,5% 62%,0 18%);display:grid;place-items:center;font-size:30px;font-weight:800;color:var(--blue)}
.security-note h2{font-size:18px;color:var(--blue);margin:1px 0 6px}.security-note p{font-size:16px;line-height:1.55;color:var(--muted);margin:0}
.return-note{display:flex;gap:17px;align-items:center}.clock{font-size:44px;color:#0a66bb;line-height:1}.return-note strong{font-size:18px}.return-note p{margin:5px 0 0;color:var(--muted)}
.security-features{display:grid;grid-template-columns:repeat(5,1fr);background:#eff6fc;border-top:1px solid #e1edf7;padding:27px clamp(12px,3vw,45px);gap:0}
.security-features article{text-align:center;padding:0 15px;border-right:1px solid #c9d9e8}.security-features article:last-child{border:0}
.feature-icon{font-size:37px;font-weight:750;line-height:1.2;color:#1268bd}.security-features h2{font-size:16px;margin:9px 0 5px;color:#10386a}.security-features p{font-size:13px;line-height:1.45;color:#496486;margin:0}
footer{background:linear-gradient(100deg,var(--navy2),var(--navy));color:#6cc4ff;text-align:center;padding:21px 15px 14px;letter-spacing:.18em;font-size:13px}footer p{margin:0}footer span{padding:0 12px}.footer-small{margin-top:9px;font-size:11px;letter-spacing:.05em;color:#c2d7e9}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:35px;gap:22px}.illustration{height:340px;max-width:560px;width:100%;margin:auto}.screen{height:205px}.gear{font-size:100px}.wrench{font-size:76px}.plant{transform:scale(.8);transform-origin:bottom left}.message{max-width:760px;margin:auto}.security-features{grid-template-columns:repeat(3,1fr);row-gap:25px}.security-features article:nth-child(3){border-right:0}.security-features article:nth-child(4),.security-features article:nth-child(5){padding-top:10px}}
@media(max-width:560px){.topbar{min-height:100px;gap:14px;padding:18px}.brand-mark{width:52px;flex-basis:52px}.eyebrow{font-size:17px;letter-spacing:.04em}.tagline{font-size:13px}.circuit{opacity:.25}.hero{padding:28px 20px 35px}.illustration{height:280px}.laptop{width:75%}.screen{height:165px;border-width:7px;border-bottom-width:11px}.keyboard{height:10px}.base{height:12px}.gear{font-size:74px;right:0;bottom:75px}.wrench{font-size:60px;bottom:40px}.plant{transform:scale(.62)}.dot-grid{right:3%;top:10px}h1{font-size:36px}.section-label{font-size:12px;letter-spacing:.11em}.lead{font-size:17px}.security-note{padding:18px 16px;gap:14px}.check-shield{flex-basis:42px;width:42px;height:49px;font-size:24px;border-width:3px}.security-note p{font-size:14px}.security-features{grid-template-columns:repeat(2,1fr);padding:22px 10px;row-gap:23px}.security-features article{padding:0 9px}.security-features article:nth-child(2),.security-features article:nth-child(4){border-right:0}.security-features article:nth-child(3){border-right:1px solid #c9d9e8}.security-features article:last-child{grid-column:1/-1;border:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}