:root {
  --ink: #0b0d17;
  --ink-soft: #151828;
  --paper: #f5f6f9;
  --white: #fff;
  --muted: #6b7082;
  --line: rgba(10, 12, 22, .1);
  --purple: #725bff;
  --blue: #587cff;
  --mint: #83efd2;
  --radius-xl: 40px;
  --radius-lg: 28px;
  --shadow: 0 30px 80px rgba(17, 20, 38, .12);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: "DM Sans", "Noto Sans TC", sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; }
.noise {
  position: fixed; inset: 0; z-index: 100; pointer-events: none; opacity: .035;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
}
.cursor-glow {
  position: fixed; z-index: 99; width: 300px; height: 300px; border-radius: 50%;
  background: radial-gradient(circle, rgba(115, 93, 255, .1), transparent 65%);
  transform: translate(-50%, -50%); pointer-events: none; transition: opacity .3s;
}

.site-header {
  position: fixed; z-index: 50; top: 0; left: 50%; right: auto; height: 92px;
  display: flex; align-items: center; justify-content: space-between;
  width: 100%; max-width: 1440px; margin: 0; padding: 0 5vw; color: white;
  transform: translateX(-50%); border: 1px solid transparent; border-radius: 0;
  background: transparent; box-shadow: none;
  transition: height .45s cubic-bezier(.22,.8,.24,1), width .45s cubic-bezier(.22,.8,.24,1),
    top .45s cubic-bezier(.22,.8,.24,1), padding .45s cubic-bezier(.22,.8,.24,1),
    border-radius .45s cubic-bezier(.22,.8,.24,1), background .45s ease,
    box-shadow .45s ease, border-color .45s ease;
}
.site-header.scrolled {
  top: 14px; width: min(1080px, calc(100% - 40px));
  height: 66px; margin: 0; padding: 0 18px 0 24px;
  border: 1px solid rgba(255,255,255,.11); border-radius: 100px;
  background: rgba(9, 11, 21, .78); backdrop-filter: blur(24px) saturate(150%);
  box-shadow: 0 16px 50px rgba(2, 4, 12, .28), inset 0 1px 0 rgba(255,255,255,.05);
}
.brand { display: flex; align-items: center; gap: 11px; font-weight: 700; letter-spacing: .07em; font-size: 16px; }
.brand-logo { display: block; width: 210px; height: auto; }
.site-header.scrolled .brand-logo { width: 180px; }
.footer-logo { width: 220px; }
.desktop-nav { display: flex; gap: 38px; margin-left: 7vw; }
.site-header.scrolled .desktop-nav { gap: 28px; margin-left: 2vw; }
.desktop-nav a, .login-link { color: rgba(255,255,255,.72); font-size: 14px; transition: color .25s; }
.desktop-nav a:hover, .login-link:hover { color: white; }
.header-actions { display: flex; align-items: center; gap: 26px; }
.button {
  min-height: 52px; padding: 0 25px; border-radius: 100px; display: inline-flex;
  align-items: center; justify-content: center; gap: 24px; font-weight: 600;
  font-size: 14px; transition: transform .25s, box-shadow .25s, background .25s;
}
.button:hover { transform: translateY(-2px); }
.button span { transition: transform .25s; }
.button:hover span { transform: translate(3px, -2px); }
.button-small { min-height: 42px; padding: 0 18px; gap: 14px; }
.button-light { background: white; color: var(--ink); box-shadow: 0 10px 30px rgba(0,0,0,.12); }
.button-light:hover { box-shadow: 0 14px 40px rgba(0,0,0,.2); }
.button-primary { color: white; background: linear-gradient(135deg, #7863ff, #536dff); box-shadow: 0 14px 35px rgba(98, 92, 255, .28); }
.button-dark { color: white; background: var(--ink); width: 100%; justify-content: space-between; }
.button-outline { color: white; border: 1px solid rgba(255,255,255,.25); }
.button-outline:hover { background: rgba(255,255,255,.08); }
.menu-toggle { display: none; background: none; border: 0; width: 36px; padding: 8px; }
.menu-toggle span { display: block; height: 1px; background: white; margin: 6px 0; transition: .3s; }
.mobile-menu { display: none; }

.hero {
  min-height: 900px; height: 100vh; max-height: 1050px; position: relative; overflow: hidden;
  display: grid; grid-template-columns: .82fr 1.18fr; align-items: center;
  padding: 110px max(5vw, calc((100vw - 1320px)/2)) 80px;
  color: white; background:
    radial-gradient(circle at 15% 65%, rgba(83, 73, 200, .22), transparent 30%),
    radial-gradient(circle at 78% 40%, rgba(58, 92, 157, .18), transparent 34%),
    linear-gradient(130deg, #090b14 0%, #101325 50%, #080a12 100%);
}
.hero-grid {
  position: absolute; inset: 0; opacity: .12;
  background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
  background-size: 72px 72px; mask-image: linear-gradient(to right, black, transparent 78%);
}
.hero-orbit { position: absolute; border: 1px solid rgba(130, 240, 211, .08); border-radius: 50%; pointer-events: none; }
.orbit-one { width: 900px; height: 900px; right: -300px; top: -170px; }
.orbit-two { width: 580px; height: 580px; right: -90px; top: 40px; border-color: rgba(115, 93, 255, .12); }
.hero-content { position: relative; z-index: 3; max-width: 640px; }
.eyebrow {
  display: inline-flex; align-items: center; gap: 10px; padding: 8px 13px;
  border: 1px solid rgba(255,255,255,.13); border-radius: 100px; color: rgba(255,255,255,.76);
  font-size: 12px; background: rgba(255,255,255,.04); backdrop-filter: blur(10px);
}
.status-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--mint); display: inline-block; box-shadow: 0 0 0 5px rgba(131,239,210,.1), 0 0 14px var(--mint); }
.hero h1 { font-size: clamp(52px, 5vw, 78px); line-height: 1.08; letter-spacing: -.055em; margin: 32px 0 24px; font-weight: 700; }
.gradient-text { color: transparent; background: linear-gradient(90deg, #b2a9ff, #80ead8); background-clip: text; -webkit-background-clip: text; }
.hero-content > p { max-width: 520px; font-size: 17px; line-height: 1.8; color: rgba(255,255,255,.56); }
.hero-actions { display: flex; align-items: center; gap: 36px; margin-top: 38px; }
.text-link { color: rgba(255,255,255,.74); font-size: 14px; display: flex; gap: 10px; align-items: center; }
.text-link span { transition: transform .25s; }
.text-link:hover span { transform: translateX(4px); }
.trust-row { display: flex; align-items: center; gap: 15px; margin-top: 48px; }
.avatars { display: flex; padding-left: 8px; }
.avatars span {
  width: 32px; height: 32px; display: grid; place-items: center; margin-left: -8px;
  border: 2px solid #0d1020; border-radius: 50%; font-size: 10px; color: white;
  background: linear-gradient(145deg, #333855, #596181);
}
.avatars span:nth-child(2) { background: linear-gradient(145deg, #6b4f60, #b38476); }
.avatars span:nth-child(3) { background: linear-gradient(145deg, #394c48, #799b8f); }
.avatars span:last-child { background: #292d42; }
.stars { color: #a7f0db; letter-spacing: 1px; font-size: 10px; }
.trust-row small { color: rgba(255,255,255,.45); font-size: 10px; }

.hero-visual { position: relative; z-index: 3; width: min(820px, 55vw); justify-self: end; perspective: 1200px; }
.visual-glow { position: absolute; inset: 10%; background: rgba(89, 112, 255, .18); filter: blur(80px); border-radius: 50%; }
.dashboard {
  position: relative; overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 28px;
  background: linear-gradient(145deg, rgba(25,29,50,.92), rgba(9,11,22,.9)); box-shadow: 0 50px 100px rgba(0,0,0,.45);
  transform: rotateY(-5deg) rotateX(2deg); backdrop-filter: blur(20px);
}
.dashboard-top { display: flex; justify-content: space-between; align-items: center; padding: 23px 27px; border-bottom: 1px solid rgba(255,255,255,.08); }
.dashboard-top > div { display: flex; flex-direction: column; gap: 5px; }
.mini-label, .dashboard-top strong { font-size: 10px; color: rgba(255,255,255,.35); }
.dashboard-top strong { color: rgba(255,255,255,.8); font-size: 12px; }
.dashboard-top .status-dot { width: 5px; height: 5px; margin-right: 5px; }
.dashboard-top button { background: transparent; border: 0; color: rgba(255,255,255,.45); cursor: pointer; }
.network-map { height: 340px; position: relative; display: grid; place-items: center; overflow: hidden; }
.network-map::after { content:""; position:absolute; inset:0; background: radial-gradient(circle at 65% 42%, rgba(120,99,255,.14), transparent 22%); }
.network-map svg { width: 92%; position: relative; z-index: 2; }
.map-shape { color: rgba(133, 145, 179, .12); }
.nodes circle { fill: var(--mint); }
.nodes .node-main { fill: #8a79ff; animation: nodePulse 2s infinite; }
@keyframes nodePulse { 50% { r: 10px; opacity: .45; } }
.location-tag {
  position: absolute; z-index: 4; left: 65%; top: 29%; display: flex; gap: 9px; align-items: center;
  padding: 8px 11px; border: 1px solid rgba(255,255,255,.14); background: rgba(15,18,33,.88);
  border-radius: 10px; box-shadow: 0 10px 20px rgba(0,0,0,.25);
}
.location-tag > span { width: 6px; height: 6px; border-radius: 50%; background: var(--mint); }
.location-tag div { display: flex; flex-direction: column; }
.location-tag small { font-size: 7px; color: rgba(255,255,255,.4); letter-spacing: .12em; }
.location-tag strong { font-size: 10px; margin-top: 2px; }
.pulse-ring { position: absolute; z-index: 3; left: 67%; top: 35%; width: 60px; height: 60px; border: 1px solid rgba(131,239,210,.3); border-radius: 50%; animation: mapPulse 2s infinite; }
@keyframes mapPulse { from { transform: scale(.3); opacity: 1; } to { transform: scale(2.2); opacity: 0; } }
.dashboard-stats { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid rgba(255,255,255,.08); padding: 20px 26px; }
.dashboard-stats div { display: flex; flex-direction: column; gap: 7px; border-right: 1px solid rgba(255,255,255,.08); padding-left: 22px; }
.dashboard-stats div:first-child { padding-left: 0; }.dashboard-stats div:last-child { border: 0; }
.dashboard-stats span { font-size: 9px; color: rgba(255,255,255,.34); }
.dashboard-stats strong { font-size: 17px; font-weight: 500; }
.dashboard-stats small { color: var(--mint); font-size: 8px; margin-left: 4px; font-weight: 400; }
.floating-card {
  position: absolute; z-index: 5; padding: 14px 16px; border: 1px solid rgba(255,255,255,.12);
  border-radius: 16px; background: rgba(20,23,40,.88); box-shadow: 0 20px 45px rgba(0,0,0,.3);
  backdrop-filter: blur(15px); animation: float 4s ease-in-out infinite;
}
@keyframes float { 50% { transform: translateY(-10px); } }
.shield-card { left: -45px; top: 22%; display: flex; align-items: center; gap: 11px; }
.icon-box { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; color: var(--mint); background: rgba(131,239,210,.09); }
.shield-card div { display:flex; flex-direction:column; gap:2px; min-width:68px; }.shield-card small,.speed-card small { font-size:8px;color:rgba(255,255,255,.4); }.shield-card strong {font-size:11px}.check {color:var(--mint);font-size:11px}
.speed-card { right: -20px; bottom: 13%; width: 140px; animation-delay: -2s; }
.speed-card strong { display: block; margin: 5px 0 -5px; font-size: 25px; }.speed-card strong span {font-size:10px;color:rgba(255,255,255,.45)}.speed-card svg {width:100%;color:var(--mint)}
.scroll-hint { position:absolute;left:5vw;bottom:35px;font-size:8px;letter-spacing:.2em;color:rgba(255,255,255,.28);display:flex;gap:12px;align-items:center; }
.scroll-hint span { width: 35px; height: 1px; background: rgba(255,255,255,.2); position:relative; overflow:hidden; }
.scroll-hint span::after {content:"";position:absolute;width:12px;height:1px;background:white;animation:scrollLine 2s infinite}
@keyframes scrollLine {from{left:-12px}to{left:35px}}

.logo-strip { overflow:hidden; padding:34px 0; border-bottom:1px solid var(--line); background:white; }
.logo-strip p { text-align:center;color:#999dab;font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 24px; }
.logo-track { display:flex;width:max-content;gap:75px;color:#a2a5af;font-weight:600;animation:marquee 25s linear infinite; }
.logo-track span { min-width:130px;text-align:center;filter:grayscale(1); }
@keyframes marquee { to { transform:translateX(calc(-50% - 37.5px)); } }

.section { max-width:1320px;margin:auto;padding:130px 5vw; }
.section-heading { display:flex;justify-content:space-between;align-items:end;margin-bottom:70px; }
.section-heading h2,.pricing-heading h2 { font-size:clamp(42px,5vw,66px);line-height:1.08;letter-spacing:-.05em;margin:17px 0 0; }
.section-heading > p { max-width:400px;color:var(--muted);line-height:1.75;font-size:15px;margin:0 0 8px; }
.section-kicker { color:#695bda;font-weight:700;font-size:10px;letter-spacing:.18em; }
.service-grid { display:grid;grid-template-columns:1fr 1fr;gap:22px; }
.service-card { min-height:520px;position:relative;overflow:hidden;padding:34px;border:1px solid rgba(10,12,22,.08);border-radius:var(--radius-lg);background:white;transition:transform .4s,box-shadow .4s; }
.service-card:hover { transform:translateY(-7px);box-shadow:var(--shadow); }
.card-wide { grid-column:1/-1;min-height:480px; }
.card-icon {width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:#eeecff;color:#6e5bde;font-size:24px}
.card-number{position:absolute;right:34px;top:37px;color:#b7bac4;font-size:10px;letter-spacing:.15em}
.service-copy{position:absolute;left:34px;bottom:38px;z-index:3;max-width:360px}
.service-copy h3{font-size:25px;letter-spacing:-.025em;margin:0 0 13px}.service-copy p{color:var(--muted);font-size:14px;line-height:1.7;margin:0 0 24px}.service-copy a{font-size:12px;font-weight:600}.service-copy a span{display:inline-block;margin-left:5px;transition:.25s}.service-copy a:hover span{transform:translate(3px,-2px)}
.speed-demo{position:absolute;right:6%;top:14%;width:47%;height:265px;border:1px solid #e7e8ee;border-radius:20px;background:#fafbfc;box-shadow:0 30px 60px rgba(20,23,42,.1);transform:rotate(3deg);transition:.5s}
.service-card:hover .speed-demo{transform:rotate(0) translateY(-5px)}
.browser-bar{height:35px;border-bottom:1px solid #e7e8ee;display:flex;gap:5px;align-items:center;padding:0 12px}.browser-bar i{width:5px;height:5px;border-radius:50%;background:#d5d6dc}.browser-bar span{height:10px;width:50%;border-radius:5px;background:#edeef2;margin-left:15px}
.speed-lines{padding:35px}.speed-lines i{display:block;height:10px;background:#ebecf2;border-radius:10px;margin-bottom:14px}.speed-lines i:nth-child(2){width:75%}.speed-lines i:nth-child(3){width:45%}
.speed-badge{position:absolute;right:35px;bottom:28px;width:82px;height:82px;border-radius:50%;background:linear-gradient(145deg,#6b5cff,#7c8dff);color:white;display:grid;place-content:center;text-align:center;box-shadow:0 12px 30px rgba(100,89,255,.25)}.speed-badge strong{font-size:28px}.speed-badge small{font-size:6px;letter-spacing:.1em}
.orb-demo{position:absolute;left:50%;top:18%;width:180px;height:180px;transform:translateX(-50%)}.orb{position:absolute;inset:25px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#bcfff0,#7364ff 48%,#1f2445);box-shadow:0 20px 50px rgba(97,81,255,.28);animation:orbFloat 5s ease-in-out infinite}@keyframes orbFloat{50%{transform:translateY(-12px) rotate(8deg)}}.orb-demo i{position:absolute;inset:0;border:1px solid rgba(102,88,225,.18);border-radius:50%;animation:orbitSpin 8s linear infinite}.orb-demo i:nth-of-type(2){inset:18px -35px;transform:rotate(60deg)}.orb-demo i:nth-of-type(3){inset:-25px 35px;transform:rotate(-50deg)}.orb-demo i:nth-of-type(4){inset:55px -65px;transform:rotate(12deg)}@keyframes orbitSpin{to{rotate:360deg}}
.shield-demo{position:absolute;left:50%;top:14%;transform:translateX(-50%);width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,#efedff,transparent 66%);display:grid;place-items:center}.shield-shape{width:90px;height:105px;clip-path:polygon(50% 0,92% 16%,85% 70%,50% 100%,15% 70%,8% 16%);background:linear-gradient(145deg,#7561f6,#566eff);display:grid;place-items:center;color:white;font-size:26px;filter:drop-shadow(0 20px 22px rgba(96,81,220,.28))}.threat{position:absolute;width:26px;height:26px;border:1px solid #dedde8;border-radius:50%;display:grid;place-items:center;color:#a4a1b1;background:white;font-size:11px}.t1{left:5px;top:70px}.t2{right:10px;top:25px}.t3{right:0;bottom:25px}

.services .section-heading h2 { margin-top: 13px; }
.services .service-grid { grid-template-columns: repeat(3, 1fr); }
.product-card { min-height: 720px; padding: 30px; }
.product-card .card-number { right: 30px; top: 34px; }
.product-card .service-copy { left: 30px; right: 30px; top: 336px; bottom: auto; max-width: none; }
.product-card .service-copy h3 { margin: 8px 0 12px; font-size: 23px; }
.product-card .service-copy p { min-height: 70px; margin-bottom: 18px; font-size: 12px; line-height: 1.75; }
.product-label { color: #7163d8; font-size: 9px; font-weight: 700; letter-spacing: .08em; }
.service-list { min-height: 105px; margin: 0 0 22px; padding: 17px 0 0; list-style: none; border-top: 1px solid #ececf1; }
.service-list li { position: relative; margin: 9px 0; padding-left: 18px; color: #555a6a; font-size: 11px; }
.service-list li::before { content: "✓"; position: absolute; left: 0; color: #6657da; font-weight: 700; }
.product-card .service-copy > a { display: flex; align-items: center; justify-content: space-between; padding: 14px 0 2px; border-top: 1px solid #ececf1; }
.featured-service { background: linear-gradient(160deg, #111426, #0b0d18); color: white; border-color: rgba(255,255,255,.07); box-shadow: 0 28px 60px rgba(14,16,31,.16); }
.featured-service .service-copy p, .featured-service .service-list li { color: rgba(255,255,255,.52); }
.featured-service .service-list, .featured-service .service-copy > a { border-color: rgba(255,255,255,.1); }
.featured-service .card-number { color: rgba(255,255,255,.24); }
.service-popular { position: absolute; top: 0; left: 50%; transform: translateX(-50%); padding: 7px 16px; border-radius: 0 0 12px 12px; background: linear-gradient(90deg,#7461f7,#587cff); font-size: 7px; letter-spacing: .16em; }
.product-visual { position: absolute; top: 82px; left: 30px; right: 30px; height: 220px; border-radius: 22px; overflow: hidden; background: #f5f4fb; }

.bot-visual { display: grid; place-items: center; background: radial-gradient(circle at 50% 46%, #e4e0ff, #f7f7fb 65%); }
.bot-face { position: relative; width: 104px; height: 82px; border-radius: 30px; background: linear-gradient(145deg,#7662f1,#536fff); box-shadow: 0 22px 40px rgba(94,79,222,.28); animation: botHover 4s ease-in-out infinite; }
.bot-face::before { content:""; position:absolute; left:50%; top:-20px; width:1px; height:20px; background:#7362df; }
.bot-face::after { content:""; position:absolute; left:calc(50% - 5px); top:-27px; width:11px; height:11px; border-radius:50%; background:var(--mint); box-shadow:0 0 14px var(--mint); }
.bot-face i { position:absolute; top:30px; width:10px; height:14px; border-radius:10px; background:white; }
.bot-face i:first-child { left:27px; }.bot-face i:nth-child(2) { right:27px; }
.bot-face span { position:absolute; left:50%; bottom:18px; width:30px; height:8px; border-bottom:2px solid rgba(255,255,255,.8); border-radius:50%; transform:translateX(-50%); }
@keyframes botHover { 50% { transform: translateY(-8px) rotate(1deg); } }
.signal { position:absolute; border:1px solid rgba(111,92,225,.15); border-radius:50%; animation:signalPulse 2.5s infinite; }
.signal-one { width:145px;height:145px }.signal-two { width:190px;height:190px;animation-delay:.7s }
@keyframes signalPulse { 50% { transform:scale(1.08);opacity:.25; } }
.online-pill { position:absolute; right:13px; bottom:12px; padding:7px 9px; border-radius:100px; background:white; box-shadow:0 8px 20px rgba(30,34,60,.09); color:#5d6271; font-size:7px; letter-spacing:.08em; }
.online-pill i { display:inline-block;width:5px;height:5px;border-radius:50%;background:#51d7aa;margin-right:4px;box-shadow:0 0 7px #51d7aa }

.minecraft-visual { overflow:visible; display:grid; place-items:center; background:radial-gradient(circle at 50% 50%,rgba(115,99,255,.22),rgba(255,255,255,.025) 62%); }
.cube { position:relative; width:112px; height:135px; animation:cubeFloat 5s ease-in-out infinite; filter:drop-shadow(0 25px 25px rgba(0,0,0,.3)); }
.cube span { position:absolute; }
.cube-top { left:6px; top:8px; width:100px; height:58px; clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%); background:linear-gradient(135deg,#8ef1d4,#559d84); }
.cube-left { left:6px; top:58px; width:50px; height:68px; clip-path:polygon(0 0,100% 25%,100% 100%,0 75%); background:linear-gradient(135deg,#4b5a86,#252c4e); }
.cube-right { left:56px; top:58px; width:50px; height:68px; clip-path:polygon(0 25%,100% 0,100% 75%,0 100%); background:linear-gradient(135deg,#5574ac,#313d69); }
@keyframes cubeFloat { 50% { transform:translateY(-9px) rotate(2deg); } }
.performance-chip { position:absolute; right:11px; bottom:12px; padding:9px 11px; border:1px solid rgba(255,255,255,.1); border-radius:12px; background:rgba(22,25,45,.88); box-shadow:0 10px 25px rgba(0,0,0,.25); }
.performance-chip small { display:block;color:rgba(255,255,255,.35);font-size:6px }.performance-chip strong { font-size:22px }.performance-chip span { color:var(--mint);font-size:8px;margin-left:2px }
.pixel { position:absolute;width:7px;height:7px;background:rgba(129,238,208,.5);animation:pixelFloat 3s ease-in-out infinite }.p1{left:17%;top:25%}.p2{right:17%;top:20%;animation-delay:-1s}.p3{left:24%;bottom:16%;animation-delay:-2s}@keyframes pixelFloat{50%{transform:translateY(-7px);opacity:.3}}

.web-visual { display:grid;place-items:center;background:linear-gradient(145deg,#f0f1f8,#fafafe) }
.web-window { width:80%; height:135px; overflow:hidden; border:1px solid #dedfe8; border-radius:14px; background:white; box-shadow:0 22px 40px rgba(27,31,55,.12); transform:rotate(-2deg); transition:.4s }
.product-card:hover .web-window { transform:rotate(0) translateY(-5px) }
.window-bar { height:28px;border-bottom:1px solid #ececf1;display:flex;gap:4px;align-items:center;padding:0 9px }.window-bar i{width:5px;height:5px;border-radius:50%;background:#d9dae1}.window-content{padding:22px}.window-content span{display:block;height:9px;border-radius:10px;background:#ebecf2;margin-bottom:11px}.window-content span:nth-child(2){width:72%}.window-content span:nth-child(3){width:45%;background:#ddd9ff}
.ssl-badge { position:absolute; right:9px; bottom:10px; width:50px;height:50px;border-radius:15px;background:linear-gradient(145deg,#7461f2,#5673ff);box-shadow:0 12px 25px rgba(92,79,222,.28);color:white;display:grid;place-content:center;text-align:center;font-size:15px }.ssl-badge span{display:block;font-size:6px;letter-spacing:.12em;margin-top:1px}

.network-section { min-height:760px;position:relative;overflow:hidden;color:white;background:#0b0d17;display:flex;align-items:center;padding:100px max(5vw,calc((100vw - 1180px)/2)); }
.network-bg {position:absolute;inset:0;background:radial-gradient(circle at 75% 50%,rgba(104,88,255,.2),transparent 30%),linear-gradient(120deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,60px 60px}
.network-copy{position:relative;z-index:2;width:50%;max-width:570px}.network-copy h2{font-size:clamp(42px,4.5vw,65px);line-height:1.12;letter-spacing:-.05em;margin:18px 0 25px}.network-copy>p{color:rgba(255,255,255,.5);line-height:1.8;max-width:480px}.big-stats{display:flex;gap:50px;margin:45px 0}.big-stats div{display:flex;flex-direction:column;gap:6px}.big-stats strong{font-size:28px;font-weight:500}.big-stats span{color:rgba(255,255,255,.35);font-size:10px}
.globe{position:absolute;right:-7%;width:min(620px,52vw);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;perspective:800px}.globe-core{width:72%;height:72%;border-radius:50%;border:1px solid rgba(137,245,217,.24);background:radial-gradient(circle at 40% 30%,rgba(129,245,215,.11),rgba(108,91,255,.1) 35%,rgba(10,12,22,.1) 68%);box-shadow:inset -30px -20px 80px rgba(105,83,255,.1),0 0 80px rgba(98,76,255,.12);position:relative;overflow:hidden;animation:globeFloat 6s ease-in-out infinite}@keyframes globeFloat{50%{transform:translateY(-12px)}}.globe-core::before,.globe-core::after{content:"";position:absolute;inset:8% 35%;border:1px solid rgba(255,255,255,.12);border-radius:50%}.globe-core::after{inset:35% 2%;}.globe-line{position:absolute;left:-10%;width:120%;height:45%;border-radius:50%;border:1px solid rgba(255,255,255,.08)}.line-1{top:10%}.line-2{top:30%}.line-3{top:50%}.globe-ring{position:absolute;border:1px solid rgba(125,109,255,.14);border-radius:50%}.ring-a{inset:4%;transform:rotateX(65deg);animation:ringRotate 10s linear infinite}.ring-b{inset:17% -7%;transform:rotateY(65deg);animation:ringRotate 13s linear reverse infinite}@keyframes ringRotate{to{rotate:360deg}}.globe-node{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 18px var(--mint)}.n1{top:30%;left:27%}.n2{top:47%;right:18%}.n3{bottom:25%;left:45%}.n4{top:20%;right:39%}

.pricing { padding-top:140px;padding-bottom:150px; }
.pricing-heading{text-align:center;margin-bottom:65px}.pricing-heading h2{font-size:clamp(40px,4.5vw,58px)}.pricing-heading p{color:var(--muted)}
.billing-toggle{display:inline-flex;margin-top:22px;padding:4px;border-radius:100px;background:#e9eaf0}.billing-toggle button{border:0;background:transparent;padding:10px 18px;border-radius:100px;color:#777b89;font-size:11px;cursor:pointer}.billing-toggle button.active{background:white;color:var(--ink);box-shadow:0 5px 15px rgba(20,24,40,.08)}.billing-toggle span{color:#6254d6;font-size:8px}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:center}.price-card{position:relative;background:white;border:1px solid var(--line);border-radius:28px;padding:38px;min-height:520px;transition:.35s}.price-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.price-card.featured{background:var(--ink);color:white;min-height:570px;padding-top:53px;box-shadow:0 30px 70px rgba(12,14,26,.2)}.popular{position:absolute;left:0;right:0;top:0;text-align:center;padding:9px;background:linear-gradient(90deg,#7461f7,#5d7bff);border-radius:28px 28px 0 0;font-size:9px;letter-spacing:.12em}.plan-label{font-size:9px;letter-spacing:.2em;color:#6f5ce1;font-weight:700}.price-card h3{font-size:27px;margin:13px 0 8px}.price-card>p{color:var(--muted);font-size:12px;min-height:38px}.featured>p{color:rgba(255,255,255,.45)}.price{display:flex;align-items:baseline;margin:26px 0}.price small{font-size:11px;margin-right:5px}.price strong{font-size:44px;letter-spacing:-.05em}.price span{font-size:10px;color:var(--muted);margin-left:4px}.price-card .button{margin-bottom:27px}.price-card ul{padding:0;margin:0;list-style:none;border-top:1px solid var(--line);padding-top:25px}.featured ul{border-color:rgba(255,255,255,.1)}.price-card li{font-size:12px;margin:15px 0;color:#5e6270}.featured li{color:rgba(255,255,255,.68)}

.purchase-section { background: #f5f6f9; }
.plan-selector { max-width: 1320px; margin: auto; padding: 140px 5vw; }
.selector-heading { display: grid; grid-template-columns: 1fr 1fr; align-items: end; margin-bottom: 65px; }
.selector-heading > .section-kicker { grid-column: 1/-1; margin-bottom: 16px; }
.selector-heading > h2 { margin: 0; font-size: clamp(42px,5vw,66px); line-height:1.08; letter-spacing:-.05em; }
.selector-heading > div { max-width: 470px; justify-self: end; }
.selector-heading h3 { margin: 0 0 11px; font-size: 17px; }
.selector-heading p { margin: 7px 0; color: var(--muted); font-size: 12px; line-height: 1.75; }
.use-case-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:15px }
.use-case { position:relative;min-height:305px;padding:27px;border:1px solid var(--line);border-radius:24px;background:white;transition:.4s }
.use-case:hover { transform:translateY(-7px);box-shadow:0 25px 50px rgba(25,29,50,.1);border-color:rgba(103,86,220,.2) }
.use-case > span { position:absolute;right:25px;top:27px;color:#b7bac4;font-size:9px;letter-spacing:.12em }
.use-case-icon { width:45px;height:45px;border-radius:14px;display:grid;place-items:center;color:#6958dd;background:#efedff;font-size:20px;transition:.4s }
.use-case:hover .use-case-icon { color:white;background:linear-gradient(145deg,#7762f2,#5773ff);transform:rotate(-7deg) scale(1.05) }
.use-case h3 { margin:50px 0 11px;font-size:17px }.use-case p{min-height:60px;margin:0;color:var(--muted);font-size:11px;line-height:1.7}
.use-case a { position:absolute;left:27px;right:27px;bottom:25px;padding-top:14px;border-top:1px solid #ebecf1;display:flex;justify-content:space-between;font-size:10px;font-weight:600 }
.use-case a i { font-style:normal;transition:.25s }.use-case a:hover i{transform:translate(3px,-2px)}

.operations-section { position:relative;overflow:hidden;padding:115px max(5vw,calc((100vw - 1180px)/2));color:white;background:radial-gradient(circle at 80% 15%,rgba(112,92,238,.2),transparent 30%),#0b0d17 }
.operations-section::before { content:"";position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to right,transparent,black) }
.operations-heading { position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;align-items:end;margin-bottom:50px }
.operations-heading .section-kicker{grid-column:1/-1;margin-bottom:14px}.operations-heading h2{margin:0;font-size:clamp(40px,4.5vw,58px);letter-spacing:-.05em}.operations-heading p{justify-self:end;max-width:430px;margin:0 0 6px;color:rgba(255,255,255,.48);font-size:13px;line-height:1.7}
.operations-grid { position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:16px }
.operation-card { position:relative;min-height:275px;padding:30px;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:rgba(255,255,255,.035);backdrop-filter:blur(10px);transition:.4s }
.operation-card:hover{transform:translateY(-6px);background:rgba(255,255,255,.06);border-color:rgba(131,239,210,.2)}
.operation-number{position:absolute;right:27px;top:28px;color:rgba(255,255,255,.22);font-size:9px}.operation-symbol{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;color:var(--mint);background:rgba(131,239,210,.08);font-size:20px}
.operation-card h3{margin:44px 0 12px;font-size:19px}.operation-card p{margin:0;color:rgba(255,255,255,.46);font-size:11px;line-height:1.8}

.recommended-hosting { max-width: 1320px; margin:auto; padding:140px 5vw 150px }
.hosting-heading { display:grid;grid-template-columns:1fr 1fr;align-items:end;margin-bottom:58px }
.hosting-heading .section-kicker{grid-column:1/-1;margin-bottom:15px}.hosting-heading h2{margin:0;font-size:clamp(42px,5vw,65px);line-height:1.08;letter-spacing:-.05em}.hosting-heading p{max-width:470px;justify-self:end;margin:0 0 7px;color:var(--muted);font-size:13px;line-height:1.8}
.hosting-path { display:grid;grid-template-columns:1fr 70px 1fr 70px 1fr;align-items:center;margin-bottom:35px;padding:20px 25px;border:1px solid var(--line);border-radius:20px;background:white }
.hosting-path>div{position:relative;display:grid;grid-template-columns:35px 1fr;align-items:center}.hosting-path>div span{grid-row:1/3;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#ececf2;color:#888d9c;font-size:8px}.hosting-path>div strong{font-size:11px}.hosting-path>div small{margin-top:3px;color:var(--muted);font-size:8px}.hosting-path>div.active span{color:white;background:linear-gradient(145deg,#7662f2,#5875ff);box-shadow:0 6px 16px rgba(102,85,221,.25)}.hosting-path>i{height:1px;background:#e2e3e9}
.hosting-plans { display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:center }
.hosting-card { position:relative;min-height:550px;padding:34px;border:1px solid var(--line);border-radius:28px;background:white;transition:.4s }
.hosting-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.featured-hosting{min-height:590px;padding-top:52px;color:white;background:linear-gradient(155deg,#171a2d,#0b0d18);box-shadow:0 30px 70px rgba(13,15,28,.2)}
.recommended-ribbon{position:absolute;left:0;right:0;top:0;padding:10px;text-align:center;border-radius:28px 28px 0 0;background:linear-gradient(90deg,#7561f2,#5775ff);font-size:7px;letter-spacing:.18em}
.hosting-card-top{display:flex;align-items:center;justify-content:space-between}.hosting-tag{padding:7px 10px;border-radius:100px;color:#6655d7;background:#efedff;font-size:8px;font-weight:700}.featured-hosting .hosting-tag{color:var(--mint);background:rgba(131,239,210,.09)}.hosting-card-top small{color:var(--muted);font-size:9px}.hosting-card h3{margin:30px 0 3px;font-size:16px;letter-spacing:.08em}
.hosting-price{display:flex;align-items:baseline;margin-bottom:17px}.hosting-price>span{font-size:10px;margin-right:3px}.hosting-price strong{font-size:50px;letter-spacing:-.06em}.hosting-price small{color:var(--muted);font-size:9px;margin-left:4px}.hosting-card>p{min-height:62px;margin:0;color:var(--muted);font-size:10px;line-height:1.7}.featured-hosting>p{color:rgba(255,255,255,.45)}
.hosting-specs{margin:25px 0 28px;padding:0;border-top:1px solid #ececf1}.featured-hosting .hosting-specs{border-color:rgba(255,255,255,.1)}.hosting-specs>div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #ececf1}.featured-hosting .hosting-specs>div{border-color:rgba(255,255,255,.1)}.hosting-specs dt{color:var(--muted);font-size:9px}.hosting-specs dd{margin:0;font-size:10px;font-weight:600}
.hosting-button{height:48px;padding:0 18px;border:1px solid #dedfe6;border-radius:100px;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:600;transition:.3s}.hosting-button:hover{color:white;background:var(--ink);border-color:var(--ink)}.hosting-button.primary{border:0;color:white;background:linear-gradient(135deg,#7762f2,#5874ff);box-shadow:0 12px 25px rgba(96,81,220,.28)}.hosting-button span{transition:.25s}.hosting-button:hover span{transform:translateX(3px)}
.hosting-footer{margin-top:28px;padding:25px 28px;border:1px solid var(--line);border-radius:20px;background:white;display:flex;align-items:center;justify-content:space-between}.hosting-footer p{max-width:580px;margin:0;color:var(--muted);font-size:10px;line-height:1.7}.hosting-footer>div{display:flex;gap:22px}.hosting-footer a{font-size:9px;font-weight:600}.hosting-footer a span{margin-left:4px}

.about-section { padding: 135px max(5vw, calc((100vw - 1220px)/2)) 150px; overflow: hidden; background: #eceef4; }
.about-heading { display: grid; grid-template-columns: 1fr 1fr; align-items: end; margin-bottom: 50px; }
.about-heading .section-kicker { grid-column: 1/-1; margin-bottom: 15px; }
.about-heading h2 { margin: 0; font-size: clamp(42px,5vw,66px); line-height: 1.08; letter-spacing: -.05em; }
.about-heading p { max-width: 430px; justify-self: end; margin: 0 0 7px; color: var(--muted); font-size: 14px; line-height: 1.75; }
.about-book { position: relative; overflow: hidden; border: 1px solid rgba(11,13,23,.08); border-radius: 34px; background: white; box-shadow: 0 35px 90px rgba(24,28,50,.12); perspective: 1500px; }
.book-spine { position: absolute; z-index: 3; top: 0; bottom: 82px; left: 235px; width: 1px; background: linear-gradient(transparent,rgba(255,255,255,.15) 15%,rgba(255,255,255,.15) 85%,transparent); pointer-events: none; }
.book-spine::after { content:""; position:absolute; top:0; bottom:0; left:0; width:20px; transform:translateX(-50%); background:linear-gradient(90deg,transparent,rgba(0,0,0,.07),transparent);opacity:.3 }
.about-pages { display: grid; }
.about-page { grid-area: 1/1; display: grid; grid-template-columns: 235px 1fr; min-height: 570px; visibility: hidden; opacity: 0; transform: rotateY(8deg) translateX(25px); transform-origin: left center; backface-visibility: hidden; pointer-events: none; }
.about-page.active { visibility: visible; opacity: 1; transform: rotateY(0) translateX(0); pointer-events: auto; }
.page-aside { position: relative; overflow: hidden; display: flex; flex-direction: column; padding: 55px 40px; color: white; background: radial-gradient(circle at 20% 75%,rgba(129,239,210,.16),transparent 25%),linear-gradient(150deg,#161a33,#0d0f1d); }
.page-aside::before { content:""; position:absolute; width:280px;height:280px;left:-160px;bottom:-100px;border:1px solid rgba(142,243,217,.13);border-radius:50%;box-shadow:0 0 0 45px rgba(126,102,255,.04),0 0 0 90px rgba(126,102,255,.025) }
.page-aside > span { color:rgba(255,255,255,.35);font-size:8px;letter-spacing:.24em }
.page-aside strong { margin-top: 5px; font-size: 82px; line-height: 1; letter-spacing: -.08em; font-weight: 500; color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,.32); }
.page-aside i { width: 35px; height: 2px; margin-top: 28px; background: var(--mint); box-shadow:0 0 12px var(--mint) }
.page-aside small { position: relative; z-index:1; margin-top:auto;color:rgba(255,255,255,.36);font-size:8px;line-height:1.7;letter-spacing:.17em }
.page-content { padding: 62px clamp(45px,6vw,90px) 55px; }
.page-topic { display:inline-flex;align-items:center;gap:8px;color:#6c5bda;font-size:9px;font-weight:700;letter-spacing:.14em }
.page-topic::before { content:"";width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 9px var(--mint) }
.page-content h3 { margin: 18px 0 28px; font-size: clamp(32px,3.5vw,48px); line-height:1.18; letter-spacing:-.045em; }
.page-content p { max-width: 800px; margin: 0 0 16px; color:#626778; font-size:13px; line-height:1.95; text-align:justify; }
.book-controls { height: 82px; display:flex;align-items:center;padding:0 27px 0 260px;border-top:1px solid #ececf1;background:#fafafd }
.page-arrow { width:40px;height:40px;border:1px solid #dedfe7;border-radius:50%;background:white;color:var(--ink);cursor:pointer;transition:.25s }
.page-arrow:hover:not(:disabled) { color:white;background:var(--ink);border-color:var(--ink);transform:scale(1.05) }
.page-arrow:disabled { opacity:.28;cursor:not-allowed }
.page-dots { display:flex;gap:8px;margin-left:22px }
.page-dots button { width:6px;height:6px;padding:0;border:0;border-radius:50%;background:#c8cad3;cursor:pointer;transition:.3s }
.page-dots button.active { width:24px;border-radius:10px;background:linear-gradient(90deg,#7561f0,#5c78ff) }
.page-counter { margin-left:auto;margin-right:18px;color:#a1a4af;font-size:10px;letter-spacing:.08em }
.page-counter strong { color:var(--ink);font-size:16px;font-weight:600 }

.testimonial{text-align:center;padding-top:80px;padding-bottom:150px}.quote-mark{color:#7562ec;font-size:65px;font-family:serif;height:60px}.testimonial blockquote{font-size:clamp(29px,3.2vw,48px);line-height:1.45;letter-spacing:-.035em;margin:20px auto 45px;max-width:990px;font-weight:500}.quote-author{display:flex;align-items:center;justify-content:center;gap:12px}.author-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(145deg,#332b54,#806b9b);color:white;display:grid;place-items:center;font-size:10px}.quote-author>div:last-child{display:flex;flex-direction:column;text-align:left}.quote-author strong{font-size:12px}.quote-author span{color:var(--muted);font-size:9px;margin-top:4px}
.cta-section{min-height:520px;margin:0 2.5vw 30px;border-radius:var(--radius-xl);overflow:hidden;position:relative;color:white;background:radial-gradient(circle at 70% 20%,#6255c9,transparent 26%),linear-gradient(135deg,#121528,#090b13);display:grid;place-items:center;text-align:center}.cta-section>div:last-child{position:relative;z-index:2}.cta-section h2{font-size:clamp(40px,5vw,65px);letter-spacing:-.05em;margin:20px 0 15px}.cta-section p{color:rgba(255,255,255,.5);margin-bottom:30px}.cta-section .button{margin:auto}.cta-section small{display:block;margin-top:18px;color:rgba(255,255,255,.3);font-size:9px}.cta-orb{position:absolute;width:600px;height:600px;border-radius:50%;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 120px rgba(105,85,255,.15);animation:ctaPulse 6s ease-in-out infinite}.cta-orb::after,.cta-orb::before{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.06);inset:12%}.cta-orb::after{inset:28%}@keyframes ctaPulse{50%{transform:scale(1.08);opacity:.7}}

footer{padding:75px 6vw 25px;background:#090b13;color:white}.footer-main{max-width:1250px;margin:auto;display:flex;justify-content:space-between;padding-bottom:65px}.footer-brand p{color:rgba(255,255,255,.38);font-size:12px;line-height:1.7;margin:24px 0}.socials{display:flex;gap:8px}.socials a{width:30px;height:30px;border:1px solid rgba(255,255,255,.12);border-radius:50%;display:grid;place-items:center;font-size:10px;color:rgba(255,255,255,.5);transition:.25s}.socials a:hover{color:white;border-color:rgba(255,255,255,.4);transform:translateY(-2px)}.footer-links{display:flex;gap:85px}.footer-links>div{display:flex;flex-direction:column;gap:14px}.footer-links strong{font-size:11px;margin-bottom:6px}.footer-links a{font-size:10px;color:rgba(255,255,255,.4)}.footer-links a:hover{color:white}.footer-bottom{max-width:1250px;margin:auto;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;color:rgba(255,255,255,.25);font-size:8px}.footer-bottom div{display:flex;gap:22px}.footer-status i{display:inline-block;width:5px;height:5px;background:var(--mint);border-radius:50%;margin-right:5px}
.footer-brand{max-width:350px}.footer-brand h2{margin:24px 0 0;font-size:19px}.footer-brand p{margin-top:12px}.footer-links span{font-size:10px;color:rgba(255,255,255,.4)}.footer-company{min-width:175px}.footer-company a:last-child{color:rgba(131,239,210,.65)}.footer-bottom a{transition:color .25s}.footer-bottom a:hover{color:white}
.company-info{max-width:1250px;margin:0 auto 28px;padding:28px 30px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:linear-gradient(110deg,rgba(255,255,255,.04),rgba(255,255,255,.015));display:grid;grid-template-columns:190px 1fr;align-items:center}.company-info-heading span{color:#8073dc;font-size:7px;font-weight:700;letter-spacing:.17em}.company-info-heading h2{font-size:20px;margin:8px 0 0}.company-info dl{display:grid;grid-template-columns:repeat(5,1fr);margin:0}.company-info dl>div{padding:3px 20px;border-left:1px solid rgba(255,255,255,.08)}.company-info dt{margin-bottom:8px;color:rgba(255,255,255,.28);font-size:8px;letter-spacing:.08em}.company-info dd{margin:0;color:rgba(255,255,255,.72);font-size:10px;white-space:nowrap}.company-info dd a{transition:color .25s}.company-info dd a:hover{color:var(--mint)}

.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay{transition-delay:.15s}

@media (max-width: 1050px) {
  .desktop-nav,.login-link{display:none}.menu-toggle{display:block}.header-actions{gap:12px}
  .site-header.scrolled{width:calc(100% - 28px);top:10px}
  .mobile-menu{position:fixed;top:86px;left:3vw;right:3vw;padding:24px;border-radius:20px;background:rgba(15,18,31,.98);border:1px solid rgba(255,255,255,.1);flex-direction:column;gap:22px;box-shadow:0 30px 60px rgba(0,0,0,.3)}
  .mobile-menu.open{display:flex}.mobile-menu a{color:rgba(255,255,255,.7)}
  .hero{height:auto;max-height:none;min-height:100vh;grid-template-columns:1fr;padding-top:150px;padding-bottom:120px}.hero-content{max-width:650px}.hero-visual{width:90%;justify-self:center;margin-top:80px}.scroll-hint{display:none}
  .services .service-grid{grid-template-columns:1fr 1fr}.product-card:last-child{grid-column:1/-1;width:calc(50% - 11px);justify-self:center}
  .use-case-grid{grid-template-columns:1fr 1fr}.hosting-plans{grid-template-columns:1fr 1fr}.hosting-card:last-child{grid-column:1/-1;width:calc(50% - 9px);justify-self:center}.hosting-path{grid-template-columns:1fr 35px 1fr 35px 1fr}
  .section{padding-left:4vw;padding-right:4vw}.network-section{min-height:950px;align-items:start;padding-top:110px}.network-copy{width:75%}.globe{width:650px;max-width:80vw;right:-5%;bottom:-5%}
  .pricing-grid{grid-template-columns:1fr 1fr}.price-card:last-child{grid-column:1/-1;max-width:50%;width:100%;justify-self:center}
  .footer-links{gap:40px}
  .company-info{grid-template-columns:160px 1fr}.company-info dl{grid-template-columns:repeat(3,1fr);row-gap:22px}
}
@media (max-width: 720px) {
  :root{--radius-xl:28px}.cursor-glow{display:none}.site-header{height:74px;padding:0 20px}.site-header .button-small{display:none}
  .brand-logo{width:175px}.site-header.scrolled .brand-logo{width:155px}.site-header.scrolled{height:58px;padding:0 12px 0 18px}.footer-logo{width:200px}
  .hero{padding:125px 20px 80px}.hero h1{font-size:45px}.hero-content>p{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column;gap:25px}.hero-visual{width:110%;margin-top:65px}.dashboard{transform:none}.network-map{height:220px}.dashboard-stats{padding:15px}.dashboard-stats div{padding-left:10px}.dashboard-stats strong{font-size:12px}.floating-card{transform:scale(.8)}.shield-card{left:-5px}.speed-card{right:-5px}.location-tag{transform:scale(.8)}
  .logo-track{gap:38px}.section{padding:90px 20px}.section-heading{display:block;margin-bottom:40px}.section-heading>p{margin-top:25px}.section-heading h2,.pricing-heading h2{font-size:40px}.service-grid,.services .service-grid{grid-template-columns:1fr}.card-wide{grid-column:auto}.service-card,.card-wide{min-height:500px;padding:26px}.product-card,.product-card:last-child{grid-column:auto;width:100%;min-height:700px}.product-card .service-copy{left:26px;right:26px;top:325px}.product-visual{left:26px;right:26px;top:78px}.card-number{right:26px}.service-copy{left:26px;right:26px;bottom:27px}.speed-demo{right:-10%;top:18%;width:80%;height:215px}.orb-demo,.shield-demo{top:10%}
  .network-section{min-height:850px;padding:85px 20px}.network-copy{width:100%}.network-copy h2{font-size:39px}.big-stats{gap:22px}.big-stats strong{font-size:22px}.globe{bottom:-3%;right:-35%;width:540px;max-width:none}
  .plan-selector,.recommended-hosting{padding:90px 20px}.selector-heading,.hosting-heading,.operations-heading{display:block;margin-bottom:38px}.selector-heading>h2,.hosting-heading h2,.operations-heading h2{font-size:40px}.selector-heading>div,.hosting-heading p,.operations-heading p{margin-top:22px}.use-case-grid,.operations-grid,.hosting-plans{grid-template-columns:1fr}.use-case{min-height:285px}.operations-section{padding:85px 20px}.operation-card{min-height:245px}.hosting-path{display:block;padding:12px 20px}.hosting-path>div{padding:12px 0}.hosting-path>i{display:none}.hosting-card,.featured-hosting,.hosting-card:last-child{grid-column:auto;width:100%;min-height:550px}.featured-hosting{min-height:580px}.hosting-footer{display:block}.hosting-footer>div{margin-top:20px;flex-direction:column;gap:13px}
  .pricing-grid{grid-template-columns:1fr}.price-card:last-child{grid-column:auto;max-width:none}.price-card.featured{min-height:540px}.testimonial{padding-left:20px;padding-right:20px}.testimonial blockquote{font-size:28px}.cta-section{margin:0 12px 12px;padding:65px 20px;min-height:480px}.cta-section h2{font-size:40px}
  .about-section{padding:90px 14px 100px}.about-heading{display:block;padding:0 7px;margin-bottom:35px}.about-heading h2{font-size:40px}.about-heading p{margin-top:20px}.about-book{border-radius:25px}.book-spine{display:none}.about-page{grid-template-columns:1fr;min-height:0}.page-aside{min-height:145px;padding:25px 26px;display:grid;grid-template-columns:auto 1fr;align-items:start}.page-aside strong{font-size:52px;grid-row:2}.page-aside i{position:absolute;right:27px;top:25px;margin:0}.page-aside small{position:absolute;right:26px;bottom:24px;text-align:right}.page-content{padding:35px 25px 38px}.page-content h3{font-size:32px;margin:16px 0 24px}.page-content p{font-size:12px;line-height:1.85;text-align:left}.book-controls{height:72px;padding:0 14px}.page-dots{gap:6px;margin-left:12px}.page-counter{margin-right:10px}.page-arrow{width:36px;height:36px}
  footer{padding:60px 25px 25px}.footer-main{display:block}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:40px 20px;margin-top:50px}.footer-company{grid-column:1/-1;padding-top:28px;border-top:1px solid rgba(255,255,255,.08)}.company-info{display:block;padding:24px 20px}.company-info-heading{margin-bottom:25px}.company-info dl{grid-template-columns:1fr 1fr;row-gap:0}.company-info dl>div{padding:14px 8px;border-left:0;border-top:1px solid rgba(255,255,255,.08)}.company-info dl>div:last-child{grid-column:1/-1}.company-info dd{white-space:normal}.footer-bottom{flex-wrap:wrap;gap:15px}.footer-bottom div{order:3;width:100%}
}
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}
}