@import "tailwindcss";

:root { color-scheme: dark; --bg:#060911; --panel:#0d1422; --panel-2:#111a2b; --line:#222e46; --text:#f5f7ff; --muted:#94a2b7; --violet:#8b6cff; --cyan:#35d8e6; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--text); background:var(--bg); font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
a { color:inherit; text-decoration:none; }
button,input,select { font:inherit; }
svg { display:block; }

.site-header { position:relative; z-index:20; height:76px; max-width:1240px; margin:0 auto; padding:0 24px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgb(43 55 82 / 56%); }
.brand { display:inline-flex; align-items:center; gap:11px; font-size:20px; font-weight:800; letter-spacing:-.04em; }.brand > span:last-child > span { color:#9a84ff; }
.brand-mark { position:relative; width:28px; height:25px; display:block; }.brand-mark span { position:absolute; display:block; width:10px; border:2px solid var(--violet); border-radius:2px; transform:skewY(-28deg); }.brand-mark span:nth-child(1){height:16px;left:0;top:8px}.brand-mark span:nth-child(2){height:23px;left:9px;top:1px;background:#080c15}.brand-mark span:nth-child(3){height:14px;left:18px;top:10px;background:#080c15}
.site-header nav { display:flex; align-items:center; gap:34px; color:#a0adc0; font-size:12px; font-weight:650; }.site-header nav a { transition:color .2s ease; }.site-header nav a:hover { color:#fff; }
.header-cta,.primary-button { display:inline-flex; align-items:center; justify-content:center; gap:10px; color:#fff; background:linear-gradient(135deg,#8b5cf6,#6266ee 57%,#28b2d6); box-shadow:0 13px 32px rgb(93 73 213 / 27%); font-size:12px; font-weight:800; transition:transform .2s ease,box-shadow .2s ease; }.header-cta { min-height:40px; padding:0 16px; border-radius:7px; }.header-cta svg,.primary-button svg { width:16px;height:16px; }.header-cta:hover,.primary-button:hover { transform:translateY(-2px); box-shadow:0 17px 40px rgb(93 73 213 / 38%); }

.hero { position:relative; overflow:hidden; min-height:680px; padding:80px max(24px,calc((100vw - 1192px)/2)) 90px; display:grid; grid-template-columns:.88fr 1.12fr; align-items:center; gap:72px; border-bottom:1px solid var(--line); background:radial-gradient(circle at 81% 28%,rgb(91 65 205 / 23%),transparent 29%),radial-gradient(circle at 45% 80%,rgb(35 164 190 / 10%),transparent 35%),linear-gradient(135deg,#070a12,#0a0f1d 58%,#07101b); }
.hero-grid { position:absolute; inset:0; opacity:.2; background-image:linear-gradient(#34415c 1px,transparent 1px),linear-gradient(90deg,#34415c 1px,transparent 1px); background-size:58px 58px; mask-image:linear-gradient(90deg,transparent,#000 52%,transparent); }
.hero-copy,.cloud-graphic { position:relative; z-index:1; }.eyebrow { display:inline-flex; align-items:center; gap:9px; padding:7px 11px; color:#c7bcff; border:1px solid rgb(142 117 255 / 25%); border-radius:100px; background:rgb(123 91 225 / 10%); font-size:9px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }.eyebrow i { width:6px;height:6px;border-radius:50%;background:#48d9b0;box-shadow:0 0 0 4px rgb(72 217 176 / 10%); }
.hero h1 { max-width:650px; margin:23px 0 24px; font-size:clamp(52px,5.5vw,76px); line-height:.98; letter-spacing:-.062em; }.hero h1 em { color:#9a84ff; font-style:normal; text-shadow:0 0 45px rgb(132 96 255 / 24%); }.hero-copy > p { max-width:555px; margin:0; color:#a0adc0; font-size:16px; line-height:1.7; }
.hero-actions { margin-top:32px; display:flex; align-items:center; gap:12px; }.primary-button,.secondary-button { min-height:50px; padding:0 22px; border-radius:8px; }.secondary-button { display:inline-flex; align-items:center; justify-content:center; color:#dce3ef; border:1px solid #34405a; background:rgb(16 24 41 / 62%); font-size:12px; font-weight:750; transition:border-color .2s ease,background .2s ease; }.secondary-button:hover { border-color:#6759a5;background:#131a2c; }
.hero-notes { margin-top:31px; display:flex; flex-wrap:wrap; gap:13px 22px; color:#7e8ca2; font-size:9px; }.hero-notes span { display:inline-flex; align-items:center; gap:6px; }.hero-notes svg { width:13px;height:13px;color:#48d8c3; }

.cloud-graphic { min-width:0; }.graphic-glow { position:absolute; inset:12% 7%; border-radius:50%; background:radial-gradient(circle,rgb(126 91 255 / 27%),transparent 67%); filter:blur(20px); }.console-window { position:relative; overflow:hidden; border:1px solid #34415d; border-radius:14px; background:#0b111e; box-shadow:0 45px 110px rgb(0 0 0 / 53%),0 0 80px rgb(99 75 220 / 11%); transform:perspective(1400px) rotateY(-3deg) rotateX(1deg); }
.console-bar { height:48px; padding:0 16px; display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; color:#74839b; border-bottom:1px solid #232f47; background:#080d18; font-size:8px; }.console-bar > div { display:flex;gap:5px; }.console-bar i { width:6px;height:6px;border-radius:50%;background:#38475e; }.console-bar > span { text-align:center; }.console-bar b { justify-self:end;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;color:#d9e0ee;background:#202a40;font-size:7px; }
.console-layout { min-height:405px;display:grid;grid-template-columns:52px 1fr; }.console-layout aside { padding:23px 0;display:flex;flex-direction:column;align-items:center;gap:23px;color:#62738c;border-right:1px solid #222d43;background:#090f1b;font-size:13px; }.console-layout aside span { width:30px;height:30px;display:grid;place-items:center;border-radius:7px; }.console-layout aside .selected { color:#b7aaff;background:rgb(128 102 237 / 16%); }.console-main { min-width:0;padding:24px 26px;background:#0d1422; }
.console-title { display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:17px; }.console-title > div { display:flex;flex-direction:column;gap:5px; }.console-title small { color:#687991;font-size:6px;letter-spacing:.12em; }.console-title strong { font-size:17px; }.console-title button { padding:9px 12px;border:0;border-radius:6px;color:#fff;background:linear-gradient(135deg,#775be8,#506bdd);font-size:7px;font-weight:800; }
.server-card { padding:16px;border:1px solid #28344c;border-radius:8px;background:#111a2b;box-shadow:0 10px 25px rgb(0 0 0 / 18%); }.server-head { padding-bottom:13px;display:grid;grid-template-columns:36px 1fr auto;align-items:center;border-bottom:1px solid #243048; }.server-icon { width:31px;height:31px;display:grid;place-items:center;border-radius:7px;color:#fff;background:linear-gradient(135deg,#765fee,#35a5d4);font-size:10px;font-weight:900; }.server-head > div:nth-child(2) { display:flex;flex-direction:column;gap:4px; }.server-head strong { font-size:9px; }.server-head span { color:#798aa2;font-size:7px; }.server-head span i { width:5px;height:5px;display:inline-block;margin-right:4px;border-radius:50%;background:#41d2a3; }.server-head > b { color:#687990;font-size:8px;letter-spacing:2px; }
.server-info { padding:13px 0;display:grid;grid-template-columns:1fr 1fr;gap:12px;border-bottom:1px solid #243048; }.server-info > div,.metric-cards > div { display:flex;flex-direction:column;gap:4px; }.server-info small,.metric-cards span,.resource span { color:#697b94;font-size:6px;letter-spacing:.07em; }.server-info strong,.metric-cards strong { color:#dbe2ee;font-size:8px; }.resource { padding-top:13px;display:grid;grid-template-columns:1fr 1.7fr;gap:7px 14px;align-items:center; }.resource > div:nth-child(odd) { display:flex;align-items:center;justify-content:space-between; }.resource b { font-size:7px; }.meter { height:4px;overflow:hidden;border-radius:4px;background:#27334b; }.meter i { width:24%;height:100%;display:block;border-radius:inherit;background:#3bd2dd; }.meter.violet i { width:46%;background:#8b6cff; }
.metric-cards { margin:10px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px; }.metric-cards > div { padding:10px;border:1px solid #27334b;border-radius:7px;background:#111a2b; }.traffic-card { overflow:hidden;padding:12px 13px 0;border:1px solid #27334b;border-radius:7px;background:#101928; }.traffic-card > div { display:flex;align-items:center;justify-content:space-between; }.traffic-card strong { font-size:8px; }.traffic-card span { color:#6e7f97;font-size:7px; }.traffic-card svg { width:100%;height:64px;margin-top:4px; }
.floating-pill { position:absolute; z-index:2; display:flex;align-items:center;gap:7px;padding:10px 12px;border:1px solid #3a4763;border-radius:8px;color:#ced6e4;background:rgb(12 19 33 / 91%);box-shadow:0 16px 32px rgb(0 0 0 / 32%);backdrop-filter:blur(10px);font-size:8px;font-weight:800; }.floating-pill i { width:6px;height:6px;border-radius:50%;background:#40d3a5;box-shadow:0 0 0 4px rgb(64 211 165 / 10%); }.floating-pill span { color:#7d8da5;font-weight:600; }.location-pill { left:-26px;top:23%; }.uptime-pill { right:-20px;bottom:18%; }.uptime-pill span { color:#8ff0cd;font-size:11px;font-weight:850; }

.stats { max-width:1192px;margin:0 auto;padding:27px 0;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line); }.stats > div { display:flex;flex-direction:column;align-items:center;gap:5px;border-right:1px solid var(--line); }.stats > div:last-child { border:0; }.stats strong { font-size:19px;letter-spacing:-.03em; }.stats span { color:#718198;font-size:8px;text-transform:uppercase;letter-spacing:.1em; }
.pricing{padding:105px max(24px,calc((100vw - 1280px)/2));overflow:hidden;background:radial-gradient(circle at 50% 0,rgb(113 78 238 / 17%),transparent 35%),#080d17;border-bottom:1px solid var(--line)}.pricing-heading{max-width:720px;margin:0 auto 46px;text-align:center}.pricing-heading>span{color:#9b86ff;font-size:9px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.pricing-heading h2{margin:12px 0 14px;font-size:clamp(40px,4.4vw,58px);line-height:1.02;letter-spacing:-.055em}.pricing-heading h2 em{color:#9b86ff;font-style:normal}.pricing-heading p{margin:0;color:#8f9eb2;font-size:12px;line-height:1.7}.plan-grid{display:grid;grid-template-columns:repeat(5,minmax(210px,1fr));gap:12px}.plan-grid article{position:relative;overflow:hidden;padding:27px 0 0;text-align:center;border:1px solid #2a3650;border-radius:14px;background:linear-gradient(165deg,#111a2c,#0b121f);box-shadow:0 22px 55px rgb(0 0 0 / 22%);transition:transform .25s ease,border-color .25s ease}.plan-grid article:hover{transform:translateY(-7px);border-color:#705ee0}.plan-grid article.featured{border-color:#8069f1;box-shadow:0 26px 65px rgb(84 61 189 / 25%);transform:translateY(-8px)}.plan-grid article.featured:hover{transform:translateY(-12px)}.popular{position:absolute;inset:0 0 auto;height:22px;display:grid;place-items:center;color:#fff;background:linear-gradient(90deg,#7f5af0,#35b9db);font-size:7px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.plan-grid h3{margin:4px 0 2px;font-size:15px}.plan-grid del{color:#697991;font-size:9px}.plan-price{height:69px;display:flex;align-items:center;justify-content:center;color:#fff}.plan-price>span{font-size:17px;font-weight:800}.plan-price strong{font-size:53px;line-height:1;letter-spacing:-.07em}.plan-price sup{align-self:flex-start;margin-top:16px;font-size:18px;font-weight:900}.plan-price small{align-self:flex-end;margin:0 0 16px 3px;color:#9ba8bb;font-size:7px}.plan-grid article>p{margin:-3px 0 16px;color:#7d8ba1;font-size:8px}.plan-grid article>a{min-height:43px;margin:0 16px 18px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;color:#fff;background:linear-gradient(135deg,#745bed,#398fd4);font-size:10px;font-weight:850}.plan-grid article>a svg{width:14px;height:14px}.plan-grid ul{margin:0;padding:0;list-style:none;border-top:1px solid #27334b}.plan-grid li{min-height:42px;padding:9px 8px;display:grid;place-items:center;border-bottom:1px solid #253149;color:#dce3ef;font-size:9px;font-weight:750}.plan-grid li:last-child{border:0}.plan-grid li small{display:block;margin-top:3px;color:#728199;font-size:7px;font-weight:500}.pricing-note{margin:20px 0 0;color:#65758c;font-size:8px;text-align:center}
.services { max-width:1192px;margin:0 auto;padding:98px 0; }.section-heading { margin-bottom:42px;display:grid;grid-template-columns:1fr 430px;align-items:end;gap:70px; }.section-heading > div > span,.why-copy > span { display:block;margin-bottom:14px;color:#9680ff;font-size:9px;font-weight:850;letter-spacing:.13em;text-transform:uppercase; }.section-heading h2,.why h2 { margin:0;font-size:clamp(38px,4vw,52px);line-height:1.04;letter-spacing:-.052em; }.section-heading > p { margin:0;color:#8e9db2;font-size:12px;line-height:1.75; }
.product-grid { display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #26324a;border-radius:12px;overflow:hidden;box-shadow:0 28px 70px rgb(0 0 0 / 20%); }.product-grid article { padding:26px 23px 22px;border-right:1px solid #26324a;background:#0d1422;transition:background .2s ease,transform .2s ease; }.product-grid article:last-child { border:0; }.product-grid article:hover { z-index:1;background:#111a2b;transform:translateY(-3px); }.product-icon { width:43px;height:43px;display:grid;place-items:center;margin-bottom:22px;border-radius:9px;color:#a795ff;background:rgb(130 104 239 / 14%); }.product-icon svg { width:23px;height:23px; }.product-grid h3 { margin:0 0 10px;font-size:18px;letter-spacing:-.03em; }.product-grid p { min-height:57px;margin:0;color:#8b9ab0;font-size:10px;line-height:1.7; }.product-grid small { display:block;margin:18px 0 20px;padding:13px 0;color:#74849c;border-block:1px solid #222e45;font-size:7px; }.product-grid article > div:last-child { display:flex;align-items:center;justify-content:space-between;color:#7c8ba0;font-size:8px; }.product-grid article > div:last-child strong { margin-left:3px;color:#f3f5fc;font-size:18px; }.product-grid article > div:last-child a { width:32px;height:32px;display:grid;place-items:center;border:1px solid #39445f;border-radius:7px;color:#a693ff; }.product-grid article > div:last-child svg { width:15px;height:15px; }

.why { padding:100px max(24px,calc((100vw - 1192px)/2));display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;gap:90px;border-block:1px solid var(--line);background:radial-gradient(circle at 76% 44%,rgb(48 173 197 / 9%),transparent 31%),#090e19; }.why h2 em { color:#9a84ff;font-style:normal; }.why-copy > p { max-width:500px;margin:22px 0 29px;color:#8f9eb2;font-size:12px;line-height:1.75; }.why ul { margin:0;padding:0;display:grid;gap:16px;list-style:none; }.why li { display:grid;grid-template-columns:28px 1fr;gap:11px;align-items:start; }.why li > svg { width:25px;height:25px;padding:5px;color:#9f8aff;border:1px solid #39445d;border-radius:7px;background:#11172a; }.why li > div { display:flex;flex-direction:column;gap:4px; }.why li strong { font-size:11px; }.why li span { color:#74849b;font-size:8px;line-height:1.5; }
.performance-card { overflow:hidden;border:1px solid #2c3953;border-radius:13px;background:linear-gradient(145deg,#10192a,#0b111e);box-shadow:0 32px 80px rgb(0 0 0 / 34%); }.performance-top { min-height:72px;padding:0 23px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #27334b;background:rgb(17 26 43 / 70%); }.performance-top > div { display:flex;flex-direction:column;gap:5px; }.performance-top small { color:#667892;font-size:7px;letter-spacing:.13em; }.performance-top strong { font-size:12px; }.performance-top > span { display:flex;align-items:center;gap:7px;color:#75a99a;font-size:7px; }.performance-top i { width:6px;height:6px;border-radius:50%;background:#3ed0a0;box-shadow:0 0 0 4px rgb(62 208 160 / 10%); }.performance-number { padding:25px 25px 0;display:flex;align-items:end;justify-content:space-between; }.performance-number > div { display:flex;flex-direction:column;gap:5px; }.performance-number span { color:#71829b;font-size:7px;text-transform:uppercase;letter-spacing:.08em; }.performance-number strong { font-size:32px;letter-spacing:-.04em; }.performance-number > b { padding:6px 8px;border-radius:5px;color:#63dfb5;background:rgb(59 207 159 / 10%);font-size:8px; }.performance-card > svg { width:calc(100% - 50px);height:195px;margin:0 25px; }.chart-grid { fill:none;stroke:#202d44;stroke-width:1;vector-effect:non-scaling-stroke; }.performance-metrics { display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #27334b; }.performance-metrics > div { min-height:80px;padding:18px 20px;display:flex;flex-direction:column;gap:6px;border-right:1px solid #27334b; }.performance-metrics > div:last-child { border:0; }.performance-metrics span { color:#71819a;font-size:7px;text-transform:uppercase;letter-spacing:.07em; }.performance-metrics strong { font-size:14px; }

.locations-section { position:relative;padding:100px max(24px,calc((100vw - 1192px)/2));display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:85px;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 14% 42%,rgb(117 78 238 / 15%),transparent 28%),linear-gradient(135deg,#070b14,#0a101d 58%,#070d17); }
.locations-copy > span { display:block;margin-bottom:14px;color:#9b86ff;font-size:9px;font-weight:850;letter-spacing:.13em;text-transform:uppercase; }.locations-copy h2 { margin:0;font-size:clamp(42px,4.3vw,57px);line-height:1.03;letter-spacing:-.055em; }.locations-copy > p { max-width:520px;margin:22px 0 28px;color:#95a3b7;font-size:12px;line-height:1.8; }.availability-points { display:flex;flex-wrap:wrap;gap:12px 20px;color:#8190a6;font-size:8px; }.availability-points > div { display:flex;align-items:center;gap:7px; }.availability-points i { width:6px;height:6px;border-radius:50%;background:#8b6cff;box-shadow:0 0 0 4px rgb(139 108 255 / 11%); }
.locations-panel { min-width:0;overflow:hidden;border:1px solid #2c3954;border-radius:13px;background:#0c1423;box-shadow:0 34px 85px rgb(0 0 0 / 35%); }.locations-panel-head { min-height:72px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #27334b;background:#10192a; }.locations-panel-head > div { display:flex;flex-direction:column;gap:5px; }.locations-panel-head small { color:#687992;font-size:7px;letter-spacing:.13em; }.locations-panel-head strong { font-size:12px; }.locations-panel-head > span { display:flex;align-items:center;gap:7px;color:#75a99a;font-size:7px; }.locations-panel-head > span i,.location-row > i { width:6px;height:6px;border-radius:50%;background:#3ed0a0;box-shadow:0 0 0 4px rgb(62 208 160 / 10%); }
.locations-scroll { max-height:344px;padding:6px 0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#765ee8 #10182a;touch-action:pan-y; }.locations-scroll:focus-visible { outline:2px solid #8b6cff;outline-offset:-3px; }.locations-scroll::-webkit-scrollbar { width:8px; }.locations-scroll::-webkit-scrollbar-track { background:#10182a; }.locations-scroll::-webkit-scrollbar-thumb { border:2px solid #10182a;border-radius:10px;background:linear-gradient(#8b6cff,#42b8d2); }
.location-row { min-height:62px;padding:0 19px;display:grid;grid-template-columns:44px 1fr 105px 48px 10px;align-items:center;gap:10px;border-bottom:1px solid #202c43;transition:background .2s ease; }.location-row:last-child { border:0; }.location-row:hover { background:#111b2d; }.location-code { width:36px;height:27px;display:grid;place-items:center;border:1px solid #3a4562;border-radius:6px;color:#aa99ff;background:#191c35;font-size:7px;font-weight:850;letter-spacing:.08em; }.location-name { display:flex;flex-direction:column;gap:4px; }.location-name strong { font-size:10px; }.location-name span,.location-region { color:#70819a;font-size:7px; }.location-row > b { color:#8d9cb1;font-size:7px;font-weight:650; }.location-row > i { justify-self:end; }
.locations-scroll-hint { min-height:46px;padding:0 22px;display:flex;align-items:center;justify-content:center;gap:8px;color:#708199;border-top:1px solid #27334b;background:#09111f;font-size:7px;letter-spacing:.05em;text-transform:uppercase; }.locations-scroll-hint span { color:#a08eff;font-size:13px; }

.trial-section { position:relative;overflow:hidden;padding:100px max(24px,calc((100vw - 1192px)/2));display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:80px;background:radial-gradient(circle at 10% 50%,rgb(108 69 237 / 21%),transparent 26%),linear-gradient(135deg,#080b14,#11152a 58%,#08111e);border-bottom:1px solid var(--line); }.trial-visual { position:absolute;left:max(-250px,calc((100vw - 1700px)/2));top:50%;width:540px;height:540px;transform:translateY(-50%);opacity:.42;pointer-events:none; }.trial-orbit { position:absolute;left:50%;top:50%;border:1px solid rgb(150 124 255 / 32%);border-radius:50%;transform:translate(-50%,-50%); }.orbit-one{width:360px;height:360px}.orbit-two{width:510px;height:510px;border-color:rgb(62 199 225 / 18%)}.trial-orbit::before,.trial-orbit::after{content:"";position:absolute;border-radius:50%;background:#8f7aff;box-shadow:0 0 20px #8f7aff}.trial-orbit::before{width:7px;height:7px;top:17%;left:14%}.trial-orbit::after{width:5px;height:5px;right:7%;bottom:29%;background:#35d8e6;box-shadow:0 0 18px #35d8e6}.trial-core{position:absolute;left:50%;top:50%;width:86px;height:86px;display:grid;place-items:center;border:1px solid #584a9b;border-radius:21px;background:linear-gradient(145deg,#171330,#0b1220);box-shadow:0 0 60px rgb(129 94 255 / 40%);transform:translate(-50%,-50%) rotate(45deg)}.trial-core .brand-mark{transform:rotate(-45deg) scale(1.15)}
.trial-copy,.trial-form{position:relative;z-index:1}.trial-copy{padding-left:60px}.trial-copy .kicker{display:block;margin-bottom:14px;color:#9a84ff;font-size:9px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.trial-copy h2{margin:0;font-size:clamp(42px,4.3vw,57px);line-height:1.03;letter-spacing:-.055em}.trial-copy h2 em{color:#9b86ff;font-style:normal}.trial-copy>p{max-width:530px;margin:21px 0 25px;color:#92a1b5;font-size:12px;line-height:1.75}.trial-benefits{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:26px;border-block:1px solid #2b3650}.trial-benefits>div{padding:16px 12px 16px 0;display:flex;flex-direction:column;gap:5px}.trial-benefits strong{font-size:14px}.trial-benefits span{max-width:115px;color:#6e7e96;font-size:7px;line-height:1.45;text-transform:uppercase;letter-spacing:.05em}.trial-copy ul{margin:0;padding:0;display:grid;gap:11px;list-style:none}.trial-copy li{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:9px;color:#9facbf;font-size:8px}.trial-copy li span{width:22px;height:22px;display:grid;place-items:center;border:1px solid #3d4863;border-radius:50%;color:#a48eff;font-size:6px}
.trial-form{padding:32px;border:1px solid #35415f;border-radius:13px;background:rgb(12 18 32 / 90%);box-shadow:0 34px 85px rgb(0 0 0 / 34%);backdrop-filter:blur(14px)}.form-heading>span{color:#9b87ff;font-size:8px;font-weight:850;letter-spacing:.13em}.form-heading strong{display:block;margin-top:7px;font-size:22px;letter-spacing:-.03em}.form-heading p{margin:6px 0 22px;color:#75859c;font-size:8px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.trial-form label{display:flex;flex-direction:column;gap:7px;color:#aab5c7;font-size:8px;font-weight:700}.trial-form label small{color:#64748c;font-size:7px;font-weight:500}.trial-form input:not([type="checkbox"]),.trial-form select{width:100%;height:44px;padding:0 12px;border:1px solid #313d57;outline:0;border-radius:7px;color:#e5eaf4;background:#0b1220;font-size:9px;transition:border-color .2s ease,box-shadow .2s ease}.trial-form input::placeholder{color:#53627a}.trial-form input:focus,.trial-form select:focus{border-color:#8870f4;box-shadow:0 0 0 3px rgb(130 102 240 / 13%)}.terms{margin:16px 0;flex-direction:row!important;align-items:center;gap:8px!important;color:#7b8ba1!important;font-weight:500!important}.terms input{width:15px;height:15px;accent-color:#8067f2}.honeypot{position:absolute!important;left:-9999px}.trial-submit{width:100%;height:48px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:7px;color:#fff;background:linear-gradient(135deg,#8b5cf6,#6366f1 58%,#2aa9d2);box-shadow:0 14px 33px rgb(88 68 209 / 25%);font-size:10px;font-weight:800;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.trial-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 40px rgb(88 68 209 / 35%)}.trial-submit:disabled{opacity:.68;cursor:wait}.trial-submit span{font-size:16px}.form-status{min-height:17px;margin-top:9px;font-size:8px}.form-status.success{color:#5fe0b3}.form-status.error{color:#ff929d}.form-secure{margin:5px 0 0;color:#586880;font-size:7px;text-align:center}.form-secure span{color:#8d77f7}

footer { max-width:1192px;margin:0 auto;min-height:150px;padding:35px 0;display:grid;grid-template-columns:1.2fr 1.2fr 1fr;align-items:center;gap:30px;color:#718198; }.footer .brand{color:#fff}footer>p{margin:0;font-size:9px;line-height:1.6}footer>div{display:flex;justify-content:center;gap:22px;font-size:8px}footer>div a:hover{color:#b9c4d4}footer>span{justify-self:end;font-size:8px}

@media(max-width:1050px){
  .hero{grid-template-columns:1fr;padding-top:65px;gap:55px}.hero-copy{max-width:760px}.cloud-graphic{width:min(760px,100%)}.console-window{transform:none}
  .stats,.services{width:calc(100% - 48px)}.plan-grid{grid-template-columns:repeat(2,1fr)}.plan-grid article.featured{transform:none}.section-heading{grid-template-columns:1fr 360px;gap:40px}.product-grid{grid-template-columns:repeat(2,1fr)}.product-grid article:nth-child(2){border-right:0}.product-grid article:nth-child(-n+2){border-bottom:1px solid #26324a}
  .why{grid-template-columns:1fr;gap:45px}.why-copy{max-width:760px}.performance-card{max-width:760px}.locations-section{grid-template-columns:1fr;gap:45px}.locations-copy,.locations-panel{max-width:760px}.trial-section{grid-template-columns:1fr;gap:45px}.trial-copy{max-width:760px;padding-left:0}.trial-form{max-width:760px}.trial-visual{left:auto;right:-220px;top:24%}
  footer{width:calc(100% - 48px)}
}

@media(max-width:720px){
  .site-header{height:66px;padding:0 18px}.site-header nav{display:none}.brand{font-size:18px}.header-cta{min-height:36px;padding:0 12px}.header-cta svg{display:none}
  .hero{min-height:0;padding:52px 20px 66px;gap:46px}.hero h1{font-size:clamp(45px,13.5vw,62px)}.hero-copy>p{font-size:14px}.hero-actions{align-items:stretch;flex-direction:column}.primary-button,.secondary-button{width:100%}.hero-notes{display:grid;gap:9px}
  .console-window{border-radius:9px}.console-layout{min-height:350px;grid-template-columns:40px 1fr}.console-layout aside{font-size:11px}.console-layout aside span{width:27px;height:27px}.console-main{padding:17px 13px}.console-title button{display:none}.traffic-card{display:none}.server-info{gap:5px}.resource{grid-template-columns:1fr}.resource .meter{margin-bottom:4px}.floating-pill{display:none}
  .stats{width:calc(100% - 40px);padding:16px 0;grid-template-columns:repeat(2,1fr)}.stats>div{padding:13px 5px}.stats>div:nth-child(2){border-right:0}.stats>div:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .pricing{padding:72px 20px}.plan-grid{grid-template-columns:1fr}.plan-grid article{max-width:410px;width:100%;margin:0 auto}.pricing-heading h2{font-size:41px}.services{width:auto;padding:72px 20px}.section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.section-heading h2,.why h2{font-size:39px}.product-grid{grid-template-columns:1fr}.product-grid article{border-right:0;border-bottom:1px solid #26324a}.product-grid article:last-child{border-bottom:0}.product-grid p{min-height:0}
  .why{padding:72px 20px;gap:38px}.performance-number strong{font-size:27px}.performance-card>svg{height:150px}.performance-metrics>div{padding:15px 11px}.performance-metrics strong{font-size:11px}
  .locations-section{padding:72px 20px;gap:36px}.locations-copy h2{font-size:41px}.locations-panel-head{padding:0 16px;align-items:flex-start;flex-direction:column;justify-content:center;gap:7px}.locations-scroll{max-height:310px}.location-row{min-height:60px;padding:0 13px;grid-template-columns:40px 1fr 43px 9px;gap:8px}.location-region{display:none}.locations-scroll-hint{padding:0 14px}
  .trial-section{padding:72px 20px}.trial-copy h2{font-size:41px}.trial-benefits{grid-template-columns:1fr;padding:10px 0}.trial-benefits>div{padding:7px 0}.trial-benefits span{max-width:none}.trial-form{padding:24px 19px}.form-grid{grid-template-columns:1fr}.trial-visual{width:410px;height:410px;right:-270px;opacity:.26}.orbit-one{width:270px;height:270px}.orbit-two{width:400px;height:400px}
  footer{width:auto;margin:0;padding:48px 20px;grid-template-columns:1fr;gap:20px;align-items:start}footer>div{justify-content:flex-start;flex-wrap:wrap}footer>span{justify-self:start}
}

@keyframes soft-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes hero-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulse-dot{50%{box-shadow:0 0 0 8px rgb(62 208 160 / 0)}}
.hero-copy{animation:hero-in .75s ease-out both}.cloud-graphic{animation:hero-in .9s .12s ease-out both}.locations-panel{animation:soft-float 5s ease-in-out infinite}.eyebrow i,.locations-panel-head>span i{animation:pulse-dot 2s ease-in-out infinite}

/* Stronger contrast and readability across dark surfaces */
:root{--muted:#b8c4d7}
.site-header nav{color:#cbd5e4;font-size:13px;font-weight:750}
.hero-copy>p,.section-heading>p,.why-copy>p,.locations-copy>p,.trial-copy>p,.pricing-heading p{color:#bdc8d9;font-weight:520}
.hero-notes{color:#aab7ca;font-size:10px;font-weight:650}
.stats span{color:#9eacc1;font-size:9px;font-weight:750}
.product-grid p{color:#b0bdd0;font-size:11px;font-weight:520}
.product-grid small{color:#98a8be;font-size:8px;font-weight:650}
.product-grid article>div:last-child{color:#aab7c9;font-size:9px;font-weight:650}
.why li strong{font-size:12px;font-weight:800}.why li span{color:#a5b3c7;font-size:9px;font-weight:520}
.availability-points{color:#a8b5c8;font-size:9px;font-weight:650}
.location-name strong{font-size:11px;font-weight:800}.location-name span,.location-region{color:#9daec4;font-size:8px;font-weight:600}.location-row>b{color:#b5c1d2;font-size:8px;font-weight:750}
.locations-scroll-hint{color:#9cabc0;font-size:8px;font-weight:700}
.plan-grid h3{font-size:16px;font-weight:850}.plan-grid del{color:#9cabc0;font-size:10px}.plan-grid article>p{color:#a9b6c8;font-size:9px;font-weight:650}.plan-price small{color:#bdc8d7;font-size:8px;font-weight:700}.plan-grid li{color:#eef2f8;font-size:10px;font-weight:800}.plan-grid li small{color:#9eacc0;font-size:8px;font-weight:600}.pricing-note{color:#9aa9bd;font-size:9px;font-weight:600}
.trial-benefits span{color:#9cabc0;font-size:8px;font-weight:650}.trial-copy li{color:#b7c3d4;font-size:9px;font-weight:650}.form-heading p,.trial-form label small,.form-secure{color:#9cabc0;font-size:8px}.trial-form label{color:#d0d8e5;font-size:9px;font-weight:750}
footer,footer>p,footer>div,footer>span{color:#9fadc1;font-size:9px;font-weight:600}

/* Electric ocean palette + persistent dark/light control */
:root{--bg:#031018;--panel:#071c27;--panel-2:#0b2632;--line:#174253;--violet:#22d3a7;--cyan:#38bdf8}
.brand>span:last-child>span,.hero h1 em,.pricing-heading h2 em,.why h2 em{color:#5eead4}
.header-tools{display:flex;align-items:center;gap:10px}
.header-cta,.primary-button{color:#021116;background:linear-gradient(135deg,#5eead4,#22d3a7 52%,#38bdf8);box-shadow:0 13px 32px rgb(34 211 167 / 24%);font-weight:900}
.header-cta:hover,.primary-button:hover{box-shadow:0 17px 40px rgb(34 211 167 / 35%)}
.theme-toggle{height:40px;padding:4px;display:flex;align-items:center;gap:3px;border:1px solid #285265;border-radius:9px;color:#a6bdc9;background:#071923;cursor:pointer}
.theme-toggle span{height:30px;padding:0 8px;display:flex;align-items:center;gap:4px;border-radius:6px;font-size:10px;transition:color .2s ease,background .2s ease}
.theme-toggle span.active{color:#04202a;background:#5eead4;box-shadow:0 5px 16px rgb(34 211 167 / 18%)}.theme-toggle b{font-size:9px}
.hero{background:radial-gradient(circle at 81% 28%,rgb(14 165 233 / 20%),transparent 29%),radial-gradient(circle at 45% 80%,rgb(34 211 167 / 12%),transparent 35%),linear-gradient(135deg,#031018,#05212b 58%,#04202a)}
.pricing{background:radial-gradient(circle at 50% 0,rgb(14 165 233 / 15%),transparent 35%),#04141c}
.pricing-heading>span,.section-heading>div>span,.why-copy>span,.locations-copy>span{color:#2dd4bf}
.plan-grid article.featured{border-color:#22d3a7;box-shadow:0 26px 65px rgb(34 211 167 / 20%)}.popular{background:linear-gradient(90deg,#0f9f8c,#0ea5e9)}
.product-icon{color:#5eead4;background:rgb(34 211 167 / 13%)}

html[data-theme="light"]{color-scheme:light;--bg:#eef8fa;--panel:#fff;--panel-2:#e7f5f6;--line:#bedde2;--text:#082631;--muted:#466471}
html[data-theme="light"] body{color:var(--text);background:var(--bg)}
html[data-theme="light"] .site-header{background:rgb(238 248 250 / 92%);border-color:#c7e1e5}
html[data-theme="light"] .site-header nav,html[data-theme="light"] footer,html[data-theme="light"] footer>p,html[data-theme="light"] footer>div,html[data-theme="light"] footer>span{color:#456470}
html[data-theme="light"] .brand-mark span:nth-child(2),html[data-theme="light"] .brand-mark span:nth-child(3){background:#eef8fa}
html[data-theme="light"] .theme-toggle{color:#395b68;background:#dbeff2;border-color:#aacfd5}
html[data-theme="light"] .hero{background:radial-gradient(circle at 80% 20%,rgb(14 165 233 / 18%),transparent 30%),radial-gradient(circle at 35% 75%,rgb(34 211 167 / 17%),transparent 38%),linear-gradient(135deg,#f7fcfd,#e7f7f7 58%,#e0f4f7)}
html[data-theme="light"] .hero-grid{opacity:.12}html[data-theme="light"] .hero-copy>p,html[data-theme="light"] .hero-notes,html[data-theme="light"] .section-heading>p,html[data-theme="light"] .why-copy>p,html[data-theme="light"] .locations-copy>p,html[data-theme="light"] .pricing-heading p{color:#496773}
html[data-theme="light"] .secondary-button{color:#123743;border-color:#9fcbd2;background:#fff}
html[data-theme="light"] .stats,html[data-theme="light"] .services{background:#eef8fa}html[data-theme="light"] .stats span{color:#52717c}
html[data-theme="light"] .pricing{background:radial-gradient(circle at 50% 0,rgb(34 211 167 / 16%),transparent 38%),#e7f5f6}
html[data-theme="light"] .plan-grid article,html[data-theme="light"] .product-grid article{color:#0a2c37;background:linear-gradient(165deg,#fff,#f2fbfb);border-color:#badce1;box-shadow:0 18px 45px rgb(25 75 86 / 10%)}
html[data-theme="light"] .plan-grid li{color:#163c47;border-color:#d2e8eb}html[data-theme="light"] .plan-grid del,html[data-theme="light"] .plan-grid article>p,html[data-theme="light"] .plan-grid li small,html[data-theme="light"] .pricing-note,html[data-theme="light"] .product-grid p,html[data-theme="light"] .product-grid small{color:#54717b}
html[data-theme="light"] .why,html[data-theme="light"] .locations-section{background:radial-gradient(circle at 75% 30%,rgb(14 165 233 / 10%),transparent 32%),#f3fbfc}
html[data-theme="light"] .performance-card,html[data-theme="light"] .locations-panel{color:#103540;background:#fff;border-color:#b6d8de;box-shadow:0 25px 65px rgb(25 75 86 / 13%)}
html[data-theme="light"] .performance-top,html[data-theme="light"] .locations-panel-head,html[data-theme="light"] .locations-scroll-hint{background:#e7f5f6;border-color:#c7e2e6}
html[data-theme="light"] .location-row{border-color:#d6e9ec}html[data-theme="light"] .location-row:hover{background:#edf8f9}html[data-theme="light"] .location-name span,html[data-theme="light"] .location-region,html[data-theme="light"] .location-row>b,html[data-theme="light"] .availability-points{color:#52717c}
html[data-theme="light"] .console-window{filter:drop-shadow(0 30px 45px rgb(17 70 82 / 15%))}
@media(max-width:720px){.header-tools{gap:6px}.theme-toggle{width:42px}.theme-toggle span{display:none}.theme-toggle span.active{width:32px;display:flex;justify-content:center;padding:0}.theme-toggle span.active b{display:none}.header-cta{padding:0 10px;font-size:10px}}

/* CoinSwitch-inspired black + emerald brand palette */
:root{--bg:#050a0e;--panel:#091217;--panel-2:#0d1b20;--line:#203239;--violet:#18cf8c;--cyan:#18cf8c;--text:#f7fbfa;--muted:#b5c5c0}
body{background:#050a0e}
.site-header{background:#05090d;border-color:#17262c}
.brand>span:last-child>span,.hero h1 em,.pricing-heading h2 em,.why h2 em,.pricing-heading>span,.section-heading>div>span,.why-copy>span,.locations-copy>span{color:#18cf8c}
.brand-mark span{border-color:#18cf8c}
.header-cta,.primary-button{color:#02150e;background:#18cf8c;box-shadow:0 13px 32px rgb(24 207 140 / 22%)}
.header-cta:hover,.primary-button:hover{background:#2be09d;box-shadow:0 17px 40px rgb(24 207 140 / 32%)}
.theme-toggle{color:#b8c9c4;background:#0c161b;border-color:#2c4249}.theme-toggle span.active{color:#03150e;background:#18cf8c}
.hero{background:radial-gradient(circle at 80% 30%,rgb(24 207 140 / 10%),transparent 31%),linear-gradient(135deg,#05090d,#071116 58%,#07191a)}
.hero-grid{opacity:.14;background-image:linear-gradient(#1e3b37 1px,transparent 1px),linear-gradient(90deg,#1e3b37 1px,transparent 1px)}
.eyebrow{color:#63e6b4;border-color:rgb(24 207 140 / 27%);background:rgb(24 207 140 / 8%)}.eyebrow i{background:#18cf8c}
.secondary-button{border-color:#294048;background:#0a1419}.secondary-button:hover{border-color:#18cf8c;background:#0d1b20}
.console-window,.performance-card,.locations-panel{border-color:#263b42;background:#081116}.graphic-glow{background:radial-gradient(circle,rgb(24 207 140 / 18%),transparent 67%)}
.server-icon,.popular{background:#18cf8c;color:#04150f}.console-title button,.plan-grid article>a,.trial-submit{color:#03150e;background:#18cf8c}
.stats,.services{background:#050a0e}.pricing{background:radial-gradient(circle at 50% 0,rgb(24 207 140 / 10%),transparent 37%),#070e12}
.plan-grid article{background:linear-gradient(165deg,#0d181d,#081116);border-color:#26383e}.plan-grid article.featured{border-color:#18cf8c;box-shadow:0 26px 65px rgb(24 207 140 / 16%)}
.product-grid article{background:#091217}.product-grid article:hover{background:#0d1b20}.product-icon{color:#20df99;background:rgb(24 207 140 / 11%)}
.why,.locations-section{background:radial-gradient(circle at 75% 35%,rgb(24 207 140 / 8%),transparent 32%),#060d11}
.location-code{color:#4ce4aa;background:#0d201d;border-color:#285244}.locations-scroll::-webkit-scrollbar-thumb{background:#18cf8c}.locations-scroll{scrollbar-color:#18cf8c #101b1f}
.meter.violet i,.availability-points i{background:#18cf8c}.hero h1 em{text-shadow:0 0 45px rgb(24 207 140 / 20%)}

html[data-theme="light"]{--bg:#f2f8f5;--panel:#fff;--panel-2:#e7f5ee;--line:#badbca;--text:#09261a;--muted:#49685a}
html[data-theme="light"] body,html[data-theme="light"] .stats,html[data-theme="light"] .services{background:#f2f8f5}
html[data-theme="light"] .site-header{background:rgb(247 252 249 / 94%);border-color:#cce5d7}
html[data-theme="light"] .brand-mark span:nth-child(2),html[data-theme="light"] .brand-mark span:nth-child(3){background:#f7fcf9}
html[data-theme="light"] .theme-toggle{color:#355e4b;background:#e0f1e8;border-color:#acd5bf}
html[data-theme="light"] .hero{background:radial-gradient(circle at 78% 28%,rgb(24 207 140 / 15%),transparent 32%),linear-gradient(135deg,#fbfefc,#eaf7f0 58%,#e3f5eb)}
html[data-theme="light"] .pricing{background:radial-gradient(circle at 50% 0,rgb(24 207 140 / 13%),transparent 38%),#eaf5ef}
html[data-theme="light"] .plan-grid article,html[data-theme="light"] .product-grid article{background:linear-gradient(165deg,#fff,#f1faf5);border-color:#bddfcd}
html[data-theme="light"] .why,html[data-theme="light"] .locations-section{background:radial-gradient(circle at 75% 30%,rgb(24 207 140 / 10%),transparent 32%),#f5fbf8}
html[data-theme="light"] .performance-card,html[data-theme="light"] .locations-panel{border-color:#b9dac8}html[data-theme="light"] .performance-top,html[data-theme="light"] .locations-panel-head,html[data-theme="light"] .locations-scroll-hint{background:#e9f5ef;border-color:#c9e3d5}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}