*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:#fff;background:radial-gradient(ellipse at 20% 56%,#007d91a6,transparent 26%),radial-gradient(ellipse at 77% 53%,#095c8e88,transparent 26%),#101318;font-family:Arial,Helvetica,sans-serif;padding:5.7vh 24px;display:flex;align-items:center;justify-content:center}.browser{width:1100px;max-width:100%;border:1px solid #505665;border-radius:10px;box-shadow:0 20px 60px #000b;overflow:hidden}.chrome{height:50px;display:flex;align-items:center;gap:8px;padding:0 16px;background:linear-gradient(110deg,#252934,#1b1f28);position:relative}.chrome i{width:12px;height:12px;border-radius:50%;background:#fc6663}.chrome i:nth-child(2){background:#f7c451}.chrome i:nth-child(3){background:#39c65b}.chrome span{position:absolute;width:42.5%;height:29px;border-radius:6px;left:28.7%;background:#373b46}.site{background:radial-gradient(ellipse 180px 220px at 101% 0%,#00e9ee 0%,#00b6e9a8 22%,#7d16ca99 56%,transparent 88%),radial-gradient(ellipse 180px 180px at 0% 100%,#00e7ee 0%,#007d9c88 30%,#8215c477 58%,transparent 90%),#04091f;overflow:hidden;padding:0 15.4% 14px}header{height:102px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;color:white;text-decoration:none;line-height:.88;font-weight:800;font-size:20px}.brand svg{width:35px;height:54px;margin-right:7px}nav{display:flex;align-items:center;gap:25px}nav a,nav button{color:white;background:none;border:0;text-decoration:none;font:11px Arial;white-space:nowrap;cursor:pointer;padding:8px 0}nav .contact{border:1px solid #69a9c2;border-radius:20px;padding:9px 17px;box-shadow:0 0 12px #00eaff88,inset 0 0 14px #6a1abc77}.menu{display:none}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:22px;align-items:center;min-height:288px}.hero h1{font-size:32px;line-height:1.08;letter-spacing:-.6px;margin:10px 0 12px;font-weight:800;white-space:nowrap}.hero h1 span{background:linear-gradient(90deg,#00ecf5,#ba83ff);background-clip:text;color:transparent}.hero p{font-size:13px;line-height:1.35;color:#d1d3e0;margin:0 0 19px}.actions{display:flex;gap:8px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:31px;background:transparent;color:white;border:1px solid #476080;border-radius:18px;padding:7px 15px;font-size:11px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.button:hover,nav .contact:hover{box-shadow:0 0 16px #00d9ee55;transform:translateY(-2px)}.button.white{background:white;color:#101529;border-color:white}.showcase{height:258px;position:relative;margin-top:15px}.grid{position:absolute;inset:15px -10px 35px;background-image:linear-gradient(#16dbf612 1px,transparent 1px),linear-gradient(90deg,#16dbf612 1px,transparent 1px);background-size:35px 35px;mask-image:radial-gradient(ellipse,#000,transparent 72%)}.monitor{position:absolute;width:70%;height:165px;top:22px;left:20%;border:4px solid #080c14;border-bottom-width:11px;border-radius:7px;box-shadow:0 0 30px #00eaff3b;background:#222}.screen{width:100%;height:100%;overflow:hidden;background:white}.tiny-nav{height:18px;background:#070d27;color:#fff;font-size:5px;padding:6px;font-weight:bold;white-space:nowrap}.tiny-nav span{float:right;font-size:3px}.tiny-hero{height:66px;background:radial-gradient(at 90% 20%,#0aa1b8,transparent 65%),#090d26;padding:9px;color:white;font-size:9px;display:flex;justify-content:space-between}.tiny-hero em{color:#00d9ec;font-style:normal}.tiny-art{font-size:42px;color:#b784ff}.tiny-white{color:#17203d;text-align:center;padding:9px 5px;font-size:6px;background:#f5f7fb;height:64px}.tiny-columns{display:flex;gap:6px;margin-top:8px;justify-content:center}.tiny-columns i{width:28%;height:25px;background:linear-gradient(#aebbd0 20%,#fff 20%,#e4e8f0 75%);border:1px solid #d6dce6}.tiny-footer{height:15px;background:#0d1835}.stand{position:absolute;top:186px;left:46%;height:22px;width:50px;background:linear-gradient(90deg,#6b939c,#e9fafc,#587b87);clip-path:polygon(20% 0,80% 0,87% 84%,100% 92%,100% 100%,0 100%,0 92%,13% 84%)}.tablet{position:absolute;top:75px;left:11%;width:91px;height:131px;border:5px solid #080b10;border-radius:7px;box-shadow:0 0 0 1px #6b98a4,0 0 14px #00ddff33}.tablet .tiny-hero{font-size:6px;height:53px}.tablet .tiny-nav{font-size:4px}.phone{position:absolute;right:0;top:89px;width:58px;height:119px;border:4px solid #080b10;border-radius:8px;box-shadow:0 0 0 1px #6b98a4}.phone .tiny-nav{font-size:3px;height:14px}.phone .tiny-hero{font-size:5px;height:42px;padding:7px 3px}.phone .tiny-white{font-size:4px;padding:6px 2px}.phone .tiny-columns{gap:2px}.badge{position:absolute;border:1px solid #507286;background:#0d2638da;border-radius:6px;padding:6px 8px;font-size:10px;box-shadow:0 0 10px #00c9e777;z-index:4;white-space:nowrap}.speed{top:15px;left:-3%}.mobile{top:22px;right:-13%}.tablet-badge{top:166px;left:-4%}.benefits{position:absolute;bottom:3px;left:0;right:-13%;display:flex;justify-content:center;gap:17px;color:#75d6ed;white-space:nowrap}.benefits small{font-size:10px;color:#fff}.pricing{text-align:center;padding-top:14px}.pricing h2{font-size:27px;letter-spacing:-.5px;margin:0 0 5px}.pricing>p{font-size:13px;margin:0;color:#d1d3e0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:29px auto 0;max-width:650px}.card{position:relative;border:1px solid #566079;border-radius:12px;padding:17px 15px 14px;background:radial-gradient(ellipse at 0 0,#15778a9c,transparent 56%),linear-gradient(130deg,#151d35,#151a30);display:flex;flex-direction:column;box-shadow:0 8px 16px #0005}.card h3{font-size:19px;margin:0;line-height:1.1}.card>p{font-size:12px;color:#d0d7e5;margin:3px 0 7px}.card strong{font-size:30px;text-shadow:0 2px 3px #000}.card>small{font-size:10px;color:#d1d3e0}.card ul{list-style:none;border-top:1px solid #49546b;padding:11px 0 13px;margin:8px 0 0;text-align:left;flex:1}.card li{font-size:11px;margin-bottom:6px;white-space:nowrap}.card li:before{content:'✓';border:1px solid #54d8ef;color:#54d8ef;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;width:10px;height:10px;font-size:7px;margin-right:7px}.card .button{width:100%;border-radius:9px;min-height:29px;font-size:10px;padding:7px 2px}.featured{border-color:#c64aff;box-shadow:0 0 0 3px #a22ae929,0 0 19px #b02cff80;background:radial-gradient(ellipse at 40% 0,#6f23a366,transparent 60%),#151a30}.popular{position:absolute;top:-13px;left:50%;transform:translateX(-50%);padding:6px 13px;border-radius:14px;background:linear-gradient(90deg,#00effa,#c635ff);color:#0a1331;font-size:10px;font-weight:bold;white-space:nowrap}.gradient{background:linear-gradient(100deg,#00e9fa,#25caff 40%,#d118f6);color:#07112d;border:0}button:focus-visible,a:focus-visible{outline:2px solid #00ebfa;outline-offset:5px}dialog{width:440px;max-width:90vw;background:#111a32;color:white;border:1px solid #7694b2;border-radius:14px;padding:32px;box-shadow:0 0 40px #10cfe433}dialog::backdrop{background:#020613d9;backdrop-filter:blur(8px)}dialog h2{margin:0 0 12px}dialog p{font-size:14px;line-height:1.6;color:#cbd5e8}.close{position:absolute;right:12px;top:8px;border:0;background:none;color:white;font-size:27px;cursor:pointer}label{display:block;font-size:13px;margin:15px 0 7px}input,textarea{width:100%;padding:11px;background:#070e21;border:1px solid #465873;border-radius:6px;color:white;font:14px Arial}textarea{resize:vertical;min-height:90px}form .button{margin-top:20px}a.download{color:#65eaff} @media(min-width:1300px){.browser{width:1100px}}@media(max-width:1050px){.site{padding-left:9%;padding-right:9%}.hero h1{font-size:29px}nav{gap:19px}.hero{gap:17px}.mobile{right:-5%}.benefits{right:-5%;gap:10px}}@media(max-width:760px){body{padding:18px 14px}.chrome{height:35px}.chrome i{height:9px;width:9px}.chrome span{height:19px}.site{padding:0 7% 28px}header{height:86px}.brand{font-size:18px}.brand svg{height:45px}.menu{display:block;background:transparent;border:1px solid #4f6d88;color:white;border-radius:6px;padding:6px 10px;font-size:22px}nav{display:none;position:absolute;top:130px;left:10%;right:10%;padding:20px;background:#111a32;border:1px solid #52677d;border-radius:10px;z-index:10;flex-wrap:wrap;justify-content:center}nav.open{display:flex}nav a,nav button{font-size:14px}.hero{grid-template-columns:1fr;gap:15px}.hero-copy{padding-top:14px}.hero h1{font-size:clamp(25px,5.5vw,39px)}.hero p{font-size:14px;max-width:440px}.desktop{display:none}.showcase{width:350px;max-width:96%;justify-self:center;margin:4px 0 14px;height:263px}.mobile{right:-4%}.benefits{right:0;gap:13px}.pricing{padding-top:10px}.pricing h2{font-size:23px}.cards{gap:12px}.card{padding:20px 10px 12px}.card li{font-size:10px;white-space:normal}.card strong{font-size:26px}.card h3{font-size:17px}}@media(max-width:560px){.cards{grid-template-columns:1fr;max-width:300px;gap:28px;margin-top:32px}.card{padding:22px}.card h3{font-size:23px}.card strong{font-size:35px}.card li{font-size:13px;margin-bottom:10px}.card>p{font-size:13px}.card .button{font-size:12px;min-height:38px}.card ul{padding-top:16px;padding-bottom:12px}.pricing h2{font-size:21px}.pricing>p{font-size:12px;line-height:1.5}.actions .button{font-size:10px;padding:9px 11px;min-height:36px}.hero h1{letter-spacing:-.5px}.benefits{gap:9px}.benefits small{font-size:8px}.badge{font-size:8px}.tablet-badge{left:-2%}.speed{left:0}.hero p{font-size:12px}.showcase{margin-top:15px}.browser{border-radius:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}