/* HClod storefront — independent of the administration interface. */
:root{color-scheme:dark;--bg:#080c14;--panel:#111925;--line:#263348;--text:#f3f6ff;--muted:#9caec6;--blue:#6ba6ff;--cyan:#a2ddff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:17px/1.7 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #a2ddff;outline-offset:5px}::selection{background:#355f96;color:white}[hidden]{display:none!important}.wrap{width:min(1220px,calc(100% - 64px));margin:auto}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.brand>b{font:700 32px/1 Arial;letter-spacing:-1.4px}.brand>b>span{font-size:12px;vertical-align:top;margin-left:3px;letter-spacing:0;color:#fff}.logo-symbol{display:flex;gap:3px;align-items:center;width:33px;height:33px;transform:skew(-18deg)}.logo-symbol i{width:7px;height:18px;border-radius:3px;background:linear-gradient(#bdedff,#5185ff)}.logo-symbol i:nth-child(2){height:32px}.logo-symbol i:last-child{height:25px}.site-header{border-bottom:1px solid #ffffff0d;background:#0c121dec;position:relative;z-index:20}.nav-row{height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px}.nav-row nav{display:flex;gap:30px;font-size:14px;color:#c0cbda}.nav-row nav a:hover{color:#8cbdff}.account{border:1px solid #42516a;border-radius:7px;padding:10px 17px;font-size:13px}.account span{margin-left:13px}.menu-toggle{display:none}.hero{position:relative;overflow:hidden;isolation:isolate;padding:64px 0 0;text-align:center;background:radial-gradient(ellipse at 50% 80%,#204d862e,transparent 65%)}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 49.9%,#47689512 50%,transparent 50.1%),repeating-linear-gradient(90deg,transparent 0 139px,#3c58751a 139px 140px);mask-image:linear-gradient(transparent,#000,transparent)}.eyebrow{display:flex;align-items:center;justify-content:center;gap:10px;color:#92bdf2;font:11px/1.6 Consolas,monospace;letter-spacing:2px;text-transform:uppercase}.eyebrow i{width:5px;height:5px;border-radius:50%;background:#91c8ff;box-shadow:0 0 12px #78b8ff}.hero h1{font-size:clamp(48px,6.2vw,86px);font-weight:500;line-height:1.08;letter-spacing:-4.5px;margin:23px auto;max-width:1000px}.hero h1 span{color:#93bcf7;background:linear-gradient(100deg,#dbefff,#85b6ff 60%,#6084c7);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-intro{max-width:630px;margin:0 auto;color:#aabbcf;font-size:18px;line-height:1.85}.hero-actions{display:flex;align-items:center;justify-content:center;gap:24px;margin:27px 0 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:49px;padding:13px 21px;border-radius:7px;border:1px solid #b6d4ff;background:#d4e7ff;color:#11223a;font-size:14px;font-weight:700;transition:background .2s,transform .2s}.button:hover{background:#d4e7ff;transform:translateY(-2px)}.text-link{font-size:14px;color:#b7c7dd}.text-link span{margin-left:12px}.visual-stage{position:relative;max-width:920px;margin:47px auto 0;padding:25px 16px 0;display:grid;grid-template-columns:1fr 1.13fr 1fr;gap:22px;align-items:center;isolation:isolate}.visual-stage:before{content:'';position:absolute;inset:30% 0 -15%;background:radial-gradient(ellipse,#3368a94a,transparent 65%);filter:blur(25px);z-index:-1}.visual-stage:after{content:'';position:absolute;left:8%;right:8%;height:1px;top:52%;background:linear-gradient(90deg,transparent,#688cbd,transparent);z-index:-1}.scene{height:235px;background:linear-gradient(145deg,#192a40,#0c1422);border:1px solid #446080;border-radius:13px;box-shadow:0 25px 40px #0006;overflow:hidden;text-align:left;position:relative}.scene-web{transform:perspective(1000px) rotateY(15deg) rotateZ(-4deg)}.scene-stream{transform:perspective(1000px) rotateY(-15deg) rotateZ(4deg)}.scene-top{height:35px;border-bottom:1px solid #344a65;display:flex;align-items:center;gap:5px;padding:0 14px;background:#152238;font:9px Consolas,monospace;color:#8ba6c6}.scene-top i{width:4px;height:4px;background:#718caf;border-radius:50%}.scene-top span{margin-left:auto}.web-content{padding:25px 22px}.web-content small{font:8px Consolas,monospace;letter-spacing:1.4px;color:#89acd5}.web-content b{display:block;color:#d1e4fc;font-size:25px;line-height:1.2;margin:12px 0}.web-lines{display:flex;gap:7px}.web-lines i{display:block;height:30px;flex:1;border:1px solid #416089;background:#223d60;border-radius:4px}.web-lines i:nth-child(2){background:#33537d}.web-foot{display:block;height:5px;width:60%;background:#4d6686;margin-top:16px;border-radius:5px}.scene-core{height:278px;background:radial-gradient(ellipse at top,#2b476c,#101d30 65%);border-color:#688cb7;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:visible;box-shadow:0 25px 50px #0008,0 0 40px #63a6ff0d}.core-label{font:9px Consolas,monospace;letter-spacing:2px;color:#9db8d9;margin-bottom:22px}.chip{width:120px;height:110px;display:grid;place-items:center;border:1px solid #a0c3ef;border-radius:12px;background:linear-gradient(140deg,#42688f,#182b46);box-shadow:0 0 0 7px #1c3454,0 0 0 8px #506e95,0 0 0 15px #25436544;transform:rotate(-8deg)}.chip .logo-symbol{transform:skew(-18deg) scale(1.5)}.core-foot{margin-top:29px;display:flex;gap:15px;font:9px Consolas,monospace;color:#95b5dc}.core-foot b{color:#e0edff;font-weight:400}.video-picture{height:142px;position:relative;background:radial-gradient(ellipse at 30% 100%,#71a9c84d,transparent 50%),linear-gradient(135deg,#142334,#26446e);overflow:hidden}.video-picture:before{content:'';position:absolute;inset:0;background:linear-gradient(145deg,transparent 45%,#182c45 46%),linear-gradient(35deg,transparent 45%,#324f73 46%);opacity:.8}.play-disc{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:42px;height:42px;border:1px solid #bedbff;border-radius:50%;display:grid;place-items:center;background:#719ac12e;color:#e6f2ff;font-size:17px}.timeline{margin:14px;display:flex;gap:4px;align-items:center;height:18px}.timeline i{height:100%;flex:1;background:linear-gradient(#608ec1,#2d4c74);border-radius:2px}.timeline i:nth-child(3n){height:50%}.timeline i:nth-child(2n){height:75%}.visual-captions{max-width:920px;margin:22px auto 27px;display:grid;grid-template-columns:1fr 1.13fr 1fr;gap:22px;font:10px Consolas,monospace;letter-spacing:2px;color:#7c9ac1}.trust-strip{border-top:1px solid #27354b;border-bottom:1px solid #27354b;background:#101824;margin-top:37px}.trust-row{padding:22px 0;display:flex;align-items:center;justify-content:center;gap:45px;color:#b0c2d9;font-size:13px}.trust-row span{display:flex;align-items:center;gap:10px}.trust-row b{font-weight:400;color:#91bcf8;font-size:17px}.catalog{padding:82px 0 70px}.section-intro{text-align:center;margin:auto auto 32px;max-width:740px}h2{font-size:clamp(31px,3.4vw,47px);font-weight:500;letter-spacing:-1.8px;line-height:1.2;margin:14px 0}h2 em{font-style:normal;color:#8dbbfb}.section-intro p{color:var(--muted);font-size:16px;margin:16px 0}.tabs{display:flex;justify-content:center;gap:6px;padding:6px;background:#101824;border:1px solid #2c3c52;border-radius:10px;width:max-content;max-width:100%;margin:0 auto 30px}.tabs button{padding:13px 27px;border:1px solid transparent;border-radius:6px;background:none;color:#a7b8d0;font-size:15px;display:flex;align-items:center;gap:12px;transition:.2s}.tabs button span{font-size:18px}.tabs button[aria-pressed=true]{background:#253e60;border-color:#587aa5;color:#fff;box-shadow:0 4px 10px #0003}.tabs button:hover{color:#fff}.plan-group{scroll-margin-top:25px}.group-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 2px 22px}.group-intro h3{font-size:18px;font-weight:500;margin:0}.group-intro small{font-size:12px;color:#87a5ca}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.plan{background:linear-gradient(140deg,#141f30,#101722);border:1px solid #32445e;border-radius:13px;padding:28px;position:relative;transition:transform .2s,border-color .2s;display:flex;flex-direction:column}.plan:hover{transform:translateY(-4px);border-color:#7199cc}.plan.featured{background:linear-gradient(145deg,#1e3451,#121f32 70%);border-color:#719acf;box-shadow:0 16px 55px #2559941a}.plan-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.plan-id{font:10px Consolas,monospace;color:#7595be;letter-spacing:1px}.plan-tag{font-size:9px;background:#305988;color:#d4e9ff;padding:4px 8px;letter-spacing:1px;border-radius:4px}.plan h4{font-size:27px;font-weight:500;letter-spacing:-.8px;margin:0 0 3px}.plan-caption{font-size:13px;color:#9aadc7;margin:0}.price{display:flex;align-items:baseline;gap:6px;margin:21px 0 23px}.price small{font-size:16px;color:#bccde4}.price strong{font-size:51px;font-weight:500;letter-spacing:-2px;line-height:1}.price span{font-size:13px;color:#9caec7}.specs{margin:0 0 24px;padding:19px 0 0;border-top:1px solid #34455e;list-style:none}.specs li{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:15px;margin:0 0 13px;color:#9eafc7}.specs strong{font-weight:500;color:#e3edfc}.plan-note{border-top:1px solid #30435f;padding-top:16px;font-size:12px;line-height:1.6;color:#abc2e0;margin:0 0 22px}.plan-note b{color:#8fc1ff;font-weight:400;margin-right:5px}.plan .button{width:100%;background:#1a2a41;border-color:#47638a;color:#cbdff9;margin-top:auto}.plan.featured .button{background:#d1e5ff;border-color:#d1e5ff;color:#15263e}.plan .button:hover{background:#3d638f;color:white}.catalog-foot{display:flex;justify-content:space-between;align-items:center;gap:25px;color:#8c9fb9;font-size:12px;padding:22px 3px}.catalog-foot a{color:#a6cbfc}.cdn-section{padding:65px 0;background:linear-gradient(125deg,#101b2b,#122139 70%,#112138);border-block:1px solid #2f415d;overflow:hidden}.cdn-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.cdn-visual{position:relative;height:330px;display:grid;place-items:center;background:radial-gradient(ellipse,#385f8d33,transparent 65%)}.globe{width:290px;height:290px;position:relative;border-radius:50%;border:1px solid #5f86b077;background:radial-gradient(circle at 35% 30%,#447aaa25,#14294322);box-shadow:inset -30px -20px 70px #080e1d55,0 0 70px #619ae715}.globe svg{width:100%;height:100%;color:#628cb9}.globe-ring{position:absolute;left:50%;top:50%;width:400px;height:130px;transform:translate(-50%,-50%) rotate(-22deg);border:1px solid #8db5df55;border-radius:50%}.cdn-label{position:absolute;background:#172b44;border:1px solid #4d719c;border-radius:8px;padding:12px 19px;font-size:12px;box-shadow:0 15px 30px #0004;left:0;bottom:55px}.cdn-label b{display:block;font-size:17px;color:#f3f7ff}.cdn-label span{color:#92b4da}.cdn-free{position:absolute;right:0;top:30px;font:11px Consolas,monospace;letter-spacing:1px;background:#182d47;border:1px solid #4b6e95;border-radius:30px;padding:8px 13px;color:#aacff5}.cdn-copy .eyebrow{justify-content:flex-start;color:#ddb081}.cdn-copy h2{font-size:43px}.cdn-copy p{color:#a8bed8;font-size:16px}.cdn-points{display:flex;gap:20px;flex-wrap:wrap;margin:23px 0;color:#cfdef0;font-size:13px}.cdn-points span:before{content:'✓';margin-right:8px;color:#91bff9}.cdn-copy>a{display:inline-block;font-size:14px;color:#cce2ff;border-bottom:1px solid #6986a9;padding:5px 0}.solutions{padding:75px 0}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid #2c3c53;border-radius:12px;overflow:hidden;background:#0e1725}.solution{padding:30px;border-right:1px solid #2b3b54}.solution:last-child{border:0}.solution-icon{font-size:28px;color:#99c4ff;margin-bottom:18px;display:block}.solution h3{font-size:21px;font-weight:500;margin:0 0 13px}.solution p{font-size:15px;color:#9dafc8;margin:0 0 20px;line-height:1.8}.solution a{font-size:13px;color:#b3d2fc}.faq{padding:0 0 70px}.questions{max-width:850px;margin:32px auto 0;border-top:1px solid #32425a}.questions details{border-bottom:1px solid #2a3b53}.questions summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:17px;padding:24px 0;cursor:pointer;color:#cddbf0}.questions summary::-webkit-details-marker{display:none}.questions summary:after{content:'+';color:#93b8ec;font-size:23px}.questions details[open] summary:after{content:'−'}.questions p{font-size:15px;color:#a4b6cf;margin:0 0 25px;line-height:1.85;max-width:780px}.contact{padding:49px 40px;background:radial-gradient(ellipse at 50% 0,#304e7b55,transparent 70%),#142035;border:1px solid #3d5476;border-radius:15px;text-align:center;margin-bottom:65px}.contact h2{font-size:39px}.contact p{font-size:16px;color:#a9bdd9;margin-bottom:23px}.contact .button{font-size:14px}.footer{border-top:1px solid #28384f;padding:35px 0 25px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer nav{display:flex;gap:28px;font-size:13px;color:#9caec6}.footer-word{font-size:clamp(40px,8vw,105px);font-weight:500;line-height:1.5;letter-spacing:-4px;color:#263c59;text-align:center;margin:20px 0}.footer-bottom{padding-top:20px;border-top:1px solid #25334a;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#7f96b5}.skip{position:absolute;left:20px;top:-90px;background:white;color:#111;padding:15px;z-index:100}.skip:focus{top:10px}
@media(max-width:1050px){.nav-row{gap:20px}.nav-row nav{gap:20px}.plan{padding:22px}.plan-grid{gap:14px}.cdn-grid{gap:40px}.trust-row{gap:25px}.scene{height:210px}.scene-core{height:260px}.web-content b{font-size:22px}.solution{padding:25px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.nav-row{height:76px;gap:14px}.nav-row>.account{display:none}.menu-toggle{display:block;background:#17253a;border:1px solid #39516e;border-radius:7px;color:#dbe9fb;padding:9px 13px;font-size:14px}.nav-row nav{display:none;position:absolute;top:75px;left:12px;right:12px;border:1px solid #3b5270;border-radius:9px;background:#111e31;box-shadow:0 20px 40px #0008;padding:15px;flex-direction:column;gap:0}.nav-row nav.open{display:flex}.nav-row nav a{padding:13px;font-size:16px}.hero{padding-top:39px}.hero h1{font-size:clamp(40px,8.6vw,63px);letter-spacing:-2px;line-height:1.12;margin:23px 0}.hero-intro{font-size:16px;max-width:520px}.hero-actions{gap:19px;margin-top:23px}.hero-actions .button{font-size:13px;padding:13px 16px;gap:16px}.text-link{font-size:13px}.eyebrow{font-size:9px;letter-spacing:1.6px}.visual-stage{gap:10px;padding:10px 0 0;margin-top:34px;max-width:560px;grid-template-columns:1fr 1.1fr 1fr}.scene{height:170px;border-radius:9px}.scene-core{height:205px}.scene-top{padding:0 8px;height:27px;font-size:7px}.scene-top span{font-size:6px}.scene-top i{width:3px;height:3px}.web-content{padding:13px 11px}.web-content small{font-size:6px;letter-spacing:.6px}.web-content b{font-size:16px;margin:9px 0}.web-lines{gap:4px}.web-lines i{height:24px}.web-foot{margin-top:10px;height:3px}.core-label{font-size:7px;letter-spacing:1px;margin-bottom:22px}.chip{width:75px;height:72px;box-shadow:0 0 0 5px #1c3454,0 0 0 6px #506e95}.chip .logo-symbol{transform:skew(-18deg)}.core-foot{font-size:6px;gap:6px;margin-top:25px}.video-picture{height:99px}.play-disc{width:32px;height:32px;font-size:12px}.timeline{margin:12px 9px;gap:3px;height:14px}.visual-captions{font-size:7px;letter-spacing:1px;gap:10px;margin-top:17px}.trust-strip{margin-top:24px}.trust-row{display:grid;grid-template-columns:1fr 1fr;gap:13px 15px;padding:19px 0;font-size:11px}.trust-row span{justify-content:center;gap:7px}.trust-row b{font-size:14px}.catalog{padding:52px 0 42px}.section-intro{margin-bottom:25px}.section-intro p{font-size:15px}.tabs{width:100%;gap:4px;padding:5px;margin-bottom:25px}.tabs button{flex:1;justify-content:center;padding:12px 6px;font-size:12px;gap:5px}.tabs button span{font-size:15px}.group-intro{display:block;padding:0 3px 19px}.group-intro h3{font-size:17px}.group-intro small{display:block;font-size:11px;margin-top:7px}.plan-grid{grid-template-columns:1fr;gap:18px;max-width:520px;margin:auto}.plan{padding:25px}.plan-top{margin-bottom:12px}.plan h4{font-size:28px}.price strong{font-size:49px}.specs li{font-size:16px}.plan-note{font-size:13px}.plan .button{min-height:50px;font-size:15px}.catalog-foot{flex-direction:column;gap:8px;text-align:center;font-size:11px}.cdn-section{padding:45px 0}.cdn-grid{grid-template-columns:1fr;gap:25px}.cdn-copy{text-align:center;order:-1}.cdn-copy .eyebrow{justify-content:center}.cdn-copy h2{font-size:34px}.cdn-copy p{font-size:15px}.cdn-points{justify-content:center;gap:15px;font-size:12px}.cdn-visual{height:290px;max-width:430px;width:100%;margin:auto}.globe{width:245px;height:245px}.globe-ring{width:320px;height:110px}.cdn-label{left:0;bottom:20px;padding:10px 14px}.cdn-free{right:0;top:20px;font-size:9px}.solutions{padding:48px 0}.solution-grid{grid-template-columns:1fr}.solution{padding:26px;border-right:0;border-bottom:1px solid #2b3b54}.solution h3{font-size:23px}.solution p{font-size:16px}.solution a{font-size:14px}.faq{padding-bottom:45px}.questions{margin-top:25px}.questions summary{font-size:16px;line-height:1.5;padding:21px 0}.questions p{font-size:15px}.contact{padding:32px 21px;margin-bottom:45px}.contact h2{font-size:31px}.contact p{font-size:15px}.contact .button{font-size:13px;gap:15px}.footer-top{flex-direction:column;gap:22px}.footer nav{flex-wrap:wrap;justify-content:center;gap:15px 22px;font-size:13px}.footer-word{font-size:clamp(30px,8vw,53px);letter-spacing:-1.6px;margin:22px 0}.footer-bottom{flex-direction:column;text-align:center;gap:8px;font-size:11px}}
@media(max-width:370px){.hero-actions{flex-direction:column;gap:15px}.scene{height:145px}.scene-core{height:182px}.video-picture{height:77px}.web-content b{font-size:14px}.web-lines i{height:17px}.core-label{font-size:6px}.core-foot{font-size:5px}.visual-captions{font-size:6px}.trust-row{font-size:10px}.tabs button{font-size:11px}.tabs button span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.plan .button:hover{background:#253e60;border-color:#587aa5;color:#fff;box-shadow:0 4px 10px #0003}
.account{transition:background .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s}
.account:hover{background:#253e60;border-color:#587aa5;color:#fff;box-shadow:0 4px 10px #0003;transform:translateY(-2px)}