/* VPSDZ storefront and customer portal */
:root {
  --bg: #080b0a;
  --panel: #101613;
  --panel-alt: #141c17;
  --ink: #eef2ee;
  --muted: #9ea9a3;
  --line: #27332b;
  --accent: #cafa68;
  --width: 1240px;
}
body { background: var(--bg); }
.site-header { background: #080b0af2; border-color: #253027; }
.navbar { height: 80px; }
.nav-links { gap: 29px; }
.nav-links > a { font-size: 13px; }
.button { border-radius: 6px; min-height: 46px; }
.button-secondary { background: #131a15; border-color: #344037; }
.button-secondary:hover { background: #1d281e; border-color: #8aa069; }
.button-primary { box-shadow: 0 0 0 1px #d5ff8755 inset; }
.button-small { min-height: 38px; }
.section-space { padding-block: 92px; }
.section-heading h2 { font-size: clamp(33px, 3.8vw, 49px); letter-spacing: -.055em; }
.section-heading .heading-aside { color: var(--muted); font-size: 13px; text-align: right; line-height: 1.7; }
.eyebrow { font-size: 10px; letter-spacing: .14em; }
.health-pill, .health-label { display: inline-flex; align-items: center; gap: 7px; color: #c9edb2; font-size: 11px; }
.health-pill { padding: 5px 9px; border: 1px solid #354b2d; background: #18231a; border-radius: 5px; white-space: nowrap; }
.health-pill i, .health-label i, .availability i { width: 5px; height: 5px; border-radius: 50%; background: var(--accent); flex: none; }
.masthead-buttons { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-top: 29px; }
.masthead-buttons .button { min-height: 48px; padding-inline: 20px; }
.promise-strip { border-bottom: 1px solid var(--line); background: #0d120e; }
.promise-strip > div { display: grid; grid-template-columns: repeat(4, 1fr); }
.promise-strip a { min-height: 68px; display: flex; align-items: center; justify-content: center; gap: 10px; border-right: 1px solid var(--line); font-size: 12px; font-weight: 550; }
.promise-strip a:last-child { border: 0; }
.promise-strip a svg { color: var(--accent); }
.promise-strip a:hover { background: #182018; }
.product-pair { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 20px; }
.product-tile { border: 1px solid #344137; border-radius: 14px; background: radial-gradient(ellipse at 50% 90%,#1d2a18,transparent 70%),#0e1410; padding: 25px 26px 0; display: flex; flex-direction: column; overflow: hidden; transition: border-color .2s; }
.product-tile:hover { border-color: #83a357; }
.windows-tile { background: radial-gradient(ellipse at 50% 90%,#14252a,transparent 70%),#0d1414; }
.product-tile-top { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.os-mark { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 10px; background: #22321c; color: var(--accent); }
.os-mark.blue { color: #b4d8e9; background: #193039; }
.product-tile-top > span:last-child { display: flex; align-items: center; gap: 10px; color: #b9c5ba; font: 9px var(--mono); }
.product-tile h3 { font-size: 32px; margin-top: 23px; }
.product-tile > p { margin-top: 9px; font-size: 13px; }
.terminal-art, .desktop-art { margin-top: 25px; height: 192px; border: 1px solid #334438; border-radius: 8px 8px 0 0; background: #080e0a; overflow: hidden; }
.terminal-art > div { display: flex; align-items: center; gap: 4px; background: #19221b; padding: 9px 13px; }
.terminal-art > div i { width: 5px; height: 5px; border-radius: 50%; background: #6b7c68; }
.terminal-art > div span { font: 9px var(--mono); color: #93a891; margin-left: auto; }
.terminal-art code { display: block; padding: 15px; color: #b1c4ab; font-size: 10px; line-height: 1.8; }
.terminal-art code span { color: var(--accent); }
.terminal-art code b { display: inline-block; width: 6px; height: 11px; background: var(--accent); vertical-align: middle; }
.desktop-art { background: radial-gradient(ellipse at 68% 100%,#43688a,#172b38 47%,#0d1c22); position: relative; padding: 19px 42px 0; border-color: #344650; }
.desktop-window { border: 1px solid #5a7081; background: #c3ced2; color: #102432; border-radius: 5px; }
.desktop-window > span { display: flex; align-items: center; gap: 5px; font-size: 8px; padding: 6px 8px; background: #e2e8eb; }
.desktop-window > span b { margin-left: auto; font-weight: 400; }
.desktop-window > div { display: flex; align-items: center; gap: 11px; padding: 20px 14px; }
.desktop-window p { color: #183346; font-size: 12px; font-weight: 650; }
.desktop-window small { display: block; margin-top: 4px; font-size: 8px; color: #436074; font-weight: 400; }
.desktop-window footer { display: flex; gap: 5px; padding: 6px 11px; border-top: 1px solid #b1bcc1; }
.desktop-window footer span { height: 5px; width: 37px; border-radius: 2px; background: #a6b5bd; }
.desktop-dock { position: absolute; bottom: 0; left: 0; right: 0; background: #0d1c2abb; display: flex; justify-content: center; gap: 17px; padding: 10px; color: #a4d5ea; }
.tile-foot { display: flex; gap: 10px; justify-content: space-between; align-items: center; border-top: 1px solid #304034; padding: 16px 0; margin-top: auto; }
.tile-foot > span { font-size: 10px; color: var(--muted); }
.tile-foot strong { display: flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 600; }
.quiet-band { background: #101610; border-block: 1px solid #263127; }
.spec-ribbon { display: grid; grid-template-columns: repeat(4,1fr); padding-block: 27px; }
.spec-ribbon > div { text-align: center; border-right: 1px solid #35402f; }
.spec-ribbon > div:last-child { border: 0; }
.spec-ribbon strong { display: block; font: 500 33px var(--head); letter-spacing: -.05em; }
.spec-ribbon span { display: block; color: var(--muted); font-size: 11px; margin-top: 5px; }
.plan-card { border-color: #2c382e; background: linear-gradient(145deg,#161e18,#0d130f); padding: 24px; }
.plan-featured { border-color: #718e47; background: radial-gradient(ellipse at 75% 0%,#2b391d,#111910 75%); }
.plan-card dl { border-color: #2f3a2e; }
.plan-card h3 { font-size: 25px; }
.plan-card .plan-price strong { font-size: 45px; }
.segment { border-color: #36422e; background: #10160f; }
.pricing-bottom { display: flex; justify-content: space-between; gap: 20px; margin-top: 22px; font-size: 12px; }
.pricing-bottom > span { display: flex; align-items: center; gap: 8px; color: var(--muted); }
.pricing-bottom svg { color: var(--accent); }
.privacy-feature { border-block: 1px solid #303b2b; background: radial-gradient(ellipse at 0% 55%,#1a2915,#0c110d 50%); }
.privacy-feature-inner { display: grid; grid-template-columns: .95fr 1.05fr; gap: 90px; padding-block: 76px; }
.oversize-shield { display: block; color: #9dbe66; margin-bottom: 24px; }
.privacy-feature h2 { font-size: clamp(34px,4vw,55px); line-height: 1.08; }
.privacy-feature h2 em { font-style: normal; color: #a8b7a1; }
.privacy-feature p { margin-top: 16px; max-width: 400px; font-size: 14px; }
.privacy-feature .button { margin-top: 24px; }
.principle-list { align-self: center; }
.principle-list article { display: flex; gap: 17px; padding-block: 22px; border-bottom: 1px solid #303b2a; }
.principle-list article:first-child { border-top: 1px solid #303b2a; }
.principle-list article > span { font: 11px var(--mono); color: #9cad82; padding-top: 5px; }
.principle-list article > svg { flex: none; color: #96ac7a; margin-left: auto; }
.principle-list h3 { font-size: 21px; }
.principle-list p { margin-top: 7px; font-size: 12px; }
.location-cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.location-card { border-radius: 12px; border: 1px solid #324033; overflow: hidden; background: #111813; transition: border-color .2s; }
.location-card:hover { border-color: #91ad62; }
.location-sky { position: relative; height: 144px; background: linear-gradient(165deg,#253925,#0d1710); overflow: hidden; }
.location-sky-1 { background: linear-gradient(165deg,#2d3b39,#111b19); }
.location-sky-2 { background: linear-gradient(165deg,#363c2a,#161b10); }
.location-code { position: absolute; font: 500 95px var(--head); letter-spacing: -.07em; right: 22px; top: 6px; color: #c4df991d; }
.location-ring { position: absolute; width: 280px; height: 180px; border-radius: 50%; border: 1px solid #9cc56d36; transform: rotate(-25deg); top: 50px; left: -42px; box-shadow: 0 0 0 22px #9cc56d06,0 0 0 44px #9cc56d08; }
.location-sky i { position: absolute; left: 44%; bottom: 23px; width: 7px; height: 7px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 7px #cafa681a,0 0 22px #cafa6849; }
.location-card-body { padding: 18px 23px; }
.location-card h3 { font-size: 28px; margin-top: 10px; }
.location-card p { display: flex; justify-content: space-between; gap: 5px; font-size: 12px; margin-top: 8px; }
.location-card p span { font-size: 10px; }
.location-card footer { display: flex; justify-content: space-between; gap: 8px; border-top: 1px solid #2c3a2d; padding-top: 14px; margin-top: 17px; color: #b8c4af; font-size: 11px; }
.location-card footer svg { color: var(--accent); }
.control-story { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 26px 30px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel); }
.control-story h2 { font-size: 27px; line-height: 1.2; }
.control-story p { margin-top: 8px; font-size: 14px; }
.control-story .button { flex: none; }
.callout { background: radial-gradient(ellipse at 80% 50%,#344623,#1c2918 45%,#121a11); border-color: #586b3d; padding: 45px; }
.callout h2 { font-size: 48px; }
.site-footer { background: #090d0a; }
.footer-grid { padding-block: 54px 35px; }
.footer-group a { font-size: 12px; }
.site-footer, .footer-bottom { border-color: #283428; }
.os-hero { display: grid; grid-template-columns: 1.2fr .8fr; align-items: center; gap: 70px; padding-block: 12px 45px; }
.os-hero h1 { font-size: clamp(44px,5.5vw,78px); line-height: 1.02; }
.os-hero p:not(.eyebrow) { margin-top: 24px; max-width: 570px; font-size: 15px; }
.product-start { font-size: 12px; color: var(--muted); }
.product-start b { color: var(--ink); }
.os-visual { min-height: 320px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid #4a5f37; background: radial-gradient(ellipse at 50% 35%,#344b24,transparent 65%),linear-gradient(130deg,#111a0e,#0b110c); border-radius: 18px; color: var(--accent); }
.os-visual > span { padding: 25px; background: #1a2817; border: 1px solid #759e49; border-radius: 20px; box-shadow: 0 0 55px #b3f25c14; }
.os-visual > div { margin-top: 29px; font: 10px var(--mono); letter-spacing: .1em; }
.os-visual small { margin-top: 12px; font-size: 10px; color: #9db18b; }
.os-blue { background: radial-gradient(ellipse at 50% 35%,#254f5a,transparent 65%),#0e1719; color: #bcdef0; border-color: #405c63; }
.os-blue > span { border-color: #638995; background: #17363d; }
.os-blue small { color: #9db9c1; }
.os-image-strip { display: flex; flex-wrap: wrap; gap: 12px; border-block: 1px solid #2d392b; padding-block: 22px; }
.os-image-strip span { display: inline-flex; align-items: center; gap: 9px; border-right: 1px solid #384832; padding: 4px 24px 4px 0; margin-right: 12px; font-size: 12px; }
.os-image-strip span:last-child { border: 0; }
.os-image-strip svg { color: var(--accent); }
.included-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; }
.included-grid article { padding: 24px 20px; border-top: 1px solid #4d6039; background: linear-gradient(#152011,transparent); }
.included-grid article > svg { color: var(--accent); margin-bottom: 23px; }
.included-grid h3 { font-size: 21px; }
.included-grid p { font-size: 12px; margin-top: 10px; }
.product-resources { display: grid; grid-template-columns: 1fr 1fr; gap: 35px; align-items: center; padding: 35px; background: #101810; border: 1px solid #34462d; border-radius: 14px; }
.product-resources h2 { font-size: 38px; }
.product-resources p { font-size: 14px; margin-top: 12px; }
.product-resources .button { margin-top: 21px; }
.resource-big { display: grid; grid-template-columns: 1fr 1fr; gap: 7px 20px; }
.resource-big strong { font: 65px var(--head); color: var(--accent); line-height: 1.1; }
.resource-big strong span { font-size: 16px; margin-left: 6px; }
.resource-big p { font-size: 12px; }
.resource-big strong:nth-of-type(2) { grid-column: 2; grid-row: 1; }
.guide-cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.guide-cards a { padding: 24px; border: 1px solid #33432c; border-radius: 10px; background: #11180f; }
.guide-cards a:hover { border-color: #90ab64; }
.guide-cards a > svg:first-child { color: var(--accent); margin-bottom: 21px; }
.guide-cards h3 { font-size: 23px; }
.guide-cards p { font-size: 13px; margin-top: 12px; }
.guide-cards a > svg:last-child { margin-top: 19px; margin-left: auto; color: var(--accent); }
.network-explorer { display: grid; grid-template-columns: 1fr 1.2fr; border: 1px solid #3a4b31; border-radius: 16px; background: radial-gradient(ellipse at 20% 50%,#273c19,#0e160e 59%); overflow: hidden; padding: 32px; gap: 33px; }
.network-globe { position: relative; width: 330px; height: 330px; margin: auto; border: 1px solid #b8d67e44; border-radius: 50%; background: repeating-linear-gradient(0deg,transparent 0 28px,#a2c96d13 28px 29px),radial-gradient(ellipse at 28% 20%,#62872a11,transparent),#13200f; box-shadow: 0 0 100px #9ec55611,inset -45px -15px 70px #0009; overflow: hidden; }
.globe-latitudes, .globe-meridian { position: absolute; inset: 0 70px; border: 1px solid #94bf6d38; border-radius: 50%; }
.globe-meridian { inset: 0 32px; transform: rotate(-30deg); }
.network-globe strong { position: absolute; top: 45%; left: 24%; font: 11px var(--mono); letter-spacing: .24em; color: #aec88e; }
.globe-dot { position: absolute; width: 7px; height: 7px; background: var(--accent); border-radius: 50%; box-shadow: 0 0 0 7px #cafa681a,0 0 35px #cafa6877; }
.globe-dot.a { left: 33%; top: 24%; }.globe-dot.b { left: 57%; top: 38%; }.globe-dot.c { left: 66%; top: 62%; }
.region-tabs { display: flex; gap: 8px; margin-bottom: 27px; }
.region-tabs button { flex: 1; border: 1px solid #3b4a30; background: #131d12; border-radius: 7px; padding: 9px 12px; text-align: left; color: #b1c09e; font: 13px var(--mono); }
.region-tabs button span { display: block; margin-top: 5px; font: 10px var(--base); }
.region-tabs button[aria-pressed=true] { border-color: #accf6d; color: var(--accent); background: #243619; }
.network-selector h2 { font-size: 41px; margin-top: 11px; }
.network-selector p { margin-top: 9px; font-size: 13px; }
.region-specs { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; border-block: 1px solid #32442c; padding-block: 17px; margin-block: 19px; }
.region-specs dt { color: var(--muted); font-size: 11px; }.region-specs dd { margin: 4px 0 0; font: 15px var(--mono); }
.privacy-heading { position: relative; padding-block: 14px 56px; }
.privacy-heading h1 { font-size: clamp(52px,7vw,99px); }
.privacy-heading h1 em { color: var(--accent); font-style: normal; }
.privacy-heading > p:not(.eyebrow) { margin-top: 24px; }
.privacy-heading > span { position: absolute; right: 10%; top: 14%; color: #b5e460; filter: drop-shadow(0 0 50px #bcff563a); }
.privacy-values { display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; }
.privacy-values article { background: #121b10; border: 1px solid #34462b; padding: 27px; border-radius: 11px; }
.privacy-values article > span { color: var(--accent); display: block; margin-bottom: 29px; }
.privacy-values h2 { font-size: 25px; }.privacy-values p { font-size: 13px; margin-top: 13px; }
.policy-links { display: flex; align-items: center; gap: 15px; margin-top: 38px; padding-block: 25px; border-top: 1px solid #3b4a30; }
.policy-links > div { margin-right: auto; }.policy-links h2 { font-size: 27px; }.policy-links p { margin-top: 8px; font-size: 12px; }
.docs-search { display: flex; align-items: center; gap: 11px; max-width: 700px; padding: 7px 13px; border: 1px solid #4d603c; background: #101a10; border-radius: 7px; margin: 26px 0; }
.docs-search input { flex: 1; min-width: 0; border: 0; background: transparent; font-size: 14px; }.docs-search svg { color: var(--accent); }
.docs-results { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.docs-card { padding: 25px; background: #121a11; border: 1px solid #35432d; border-radius: 10px; }.docs-card:hover { border-color: #8da55f; }
.docs-card > span { font: 9px var(--mono); color: #b5ca96; }.docs-card h2 { font-size: 25px; margin-top: 19px; line-height: 1.15; }.docs-card p { font-size: 12px; margin-top: 12px; }.docs-card svg { margin-left: auto; margin-top: 19px; color: var(--accent); }
.docs-empty { padding-block: 45px; }.docs-empty p { margin-top: 12px; }
.knowledge-article { max-width: 1080px; }.knowledge-article .page-heading { max-width: 850px; }.knowledge-article .page-heading h1 { font-size: clamp(40px,5vw,66px); }.knowledge-article .page-heading small { display: block; color: var(--muted); margin-top: 15px; font: 11px var(--mono); }
.article-layout { display: grid; grid-template-columns: 1fr 220px; gap: 65px; }
.article-layout article > section { padding-block: 25px; border-top: 1px solid #35412e; scroll-margin-top: 105px; }
.article-layout article h2 { display: flex; align-items: center; gap: 16px; font-size: 28px; }.article-layout h2 span { font: 13px var(--mono); color: var(--accent); }
.article-layout article p { margin-top: 17px; line-height: 1.85; font-size: 14px; }
.article-layout aside { position: sticky; top: 115px; align-self: start; border-left: 1px solid #3c492f; padding-left: 22px; }.article-layout aside h3 { font-size: 15px; margin-bottom: 10px; }
.article-layout aside button { display: block; padding: 9px 0; background: transparent; border: 0; color: var(--muted); text-align: left; font-size: 12px; }.article-layout aside button:hover { color: var(--accent); }
.article-help { background: #182113; border: 1px solid #3d502e; border-radius: 9px; padding: 24px; margin-top: 20px; }.article-help h3 { font-size: 23px; }.article-help .button { margin-top: 17px; }
.system-banner { display: flex; align-items: center; gap: 15px; padding: 25px; border: 1px solid #4f6a32; border-radius: 10px; background: #192711; }.system-banner > svg { color: var(--accent); flex: none; }.system-banner h2 { font-size: 24px; }.system-banner p { margin-top: 8px; font-size: 12px; }.system-banner > span { margin-left: auto; }
.uptime-top,.incident-heading { display: flex; justify-content: space-between; gap: 20px; align-items: center; margin-block: 34px 20px; }.uptime-top h2,.incident-heading h2 { font-size: 29px; }.uptime-top span { color: #bdcba9; font: 11px var(--mono); }
.uptime-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 16px; }.uptime-grid article { padding: 21px; background: #10190e; border: 1px solid #33422c; border-radius: 9px; }.uptime-grid article > div:first-child { display: flex; justify-content: space-between; font: 11px var(--mono); }.uptime-grid h3 { font-size: 17px; }.uptime-grid article > div:first-child > span { color: var(--accent); }
.uptime-bars { display: flex; gap: 3px; height: 29px; margin-block: 17px 7px; }.uptime-bars span { flex: 1; background: #8aae4d; border-radius: 2px; min-width: 1px; }.uptime-bars span:nth-child(7n) { background: #aacb68; }.uptime-grid footer { display: flex; justify-content: space-between; font-size: 9px; color: var(--muted); }
.incident { border-block-start: 1px solid #34432b; }.incident summary { list-style: none; padding-block: 21px; display: flex; gap: 18px; align-items: center; cursor: pointer; }.incident strong { font-size: 13px; font-weight: 500; }.incident summary > span:last-child { display: flex; align-items: center; gap: 9px; margin-left: auto; font-size: 10px; color: var(--muted); }.incident p { padding: 0 0 21px; font-size: 13px; }.incident summary::-webkit-details-marker { display: none; }
@media (max-width:1050px) {
  .product-tile { padding-inline: 19px; }.desktop-art { padding-inline: 20px; }
  .privacy-feature-inner { gap: 40px; }
  .os-hero { gap: 33px; }.network-globe { width: 260px; height: 260px; }.network-explorer { padding: 25px; gap: 25px; }
}
@media (max-width:800px) {
  .navbar { height: 66px; }.nav-links { top: 65px; background: #0d140d; }.section-space { padding-block: 62px; }
  .promise-strip a { font-size: 10px; gap: 6px; padding: 9px; }.promise-strip svg { width: 17px; height: 17px; }
  .product-pair { gap: 13px; }.product-tile-top > span:last-child { font-size: 7px; }.product-tile h3 { font-size: 29px; }
  .tile-foot { flex-direction: column; align-items: flex-start; }.tile-foot strong { align-self: flex-end; }
  .spec-ribbon strong { font-size: 29px; }.privacy-feature-inner { grid-template-columns: 1fr 1.1fr; gap: 26px; }
  .principle-list article { gap: 10px; }.principle-list h3 { font-size: 19px; }.principle-list p { font-size: 11px; }
  .location-card-body { padding: 15px; }.location-card p { flex-direction: column; }.location-card h3 { font-size: 23px; }
  .included-grid { grid-template-columns: repeat(2,1fr); }.docs-results { grid-template-columns: repeat(2,1fr); }
  .os-hero h1 { font-size: 51px; }.os-visual { min-height: 280px; }.os-visual > span svg { width: 80px; height: 80px; }
  .network-explorer { grid-template-columns: .7fr 1fr; gap: 20px; }.network-globe { width: 200px; height: 200px; }.network-globe strong { font-size: 9px; left: 20%; }.region-tabs { gap: 4px; }.region-tabs button { padding-inline: 8px; }
  .privacy-values { grid-template-columns: repeat(2,1fr); }.policy-links { flex-wrap: wrap; }.policy-links > div { width: 100%; margin-bottom: 8px; }
  .privacy-heading > span { right: 4%; }.privacy-heading > span svg { width: 86px; }
  .article-layout { grid-template-columns: 1fr 170px; gap: 25px; }
}
@media (max-width:570px) {
  .navbar { height: 64px; }.nav-links { top: 63px; }
  .masthead-buttons { gap: 8px; margin-top: 22px; }.masthead-buttons .button { min-height: 43px; font-size: 11px; padding-inline: 12px; gap: 6px; }
  .promise-strip > div { width: 100%; grid-template-columns: repeat(2,1fr); }.promise-strip a { min-height: 50px; border-bottom: 1px solid var(--line); }.promise-strip a:nth-child(even) { border-right: 0; }.promise-strip a:nth-child(n+3) { border-bottom: 0; }
  .section-space { padding-block: 47px; }.section-heading .heading-aside { display: none; }
  .product-pair { grid-template-columns: 1fr; gap: 17px; }.product-tile { padding: 20px 20px 0; }.product-tile-top > span:last-child { font-size: 8px; }.product-tile h3 { margin-top: 19px; }.tile-foot { flex-direction: row; align-items: center; }.tile-foot > span { font-size: 8px; }.tile-foot strong { font-size: 10px; align-self: center; }.desktop-art { padding-inline: 30px; }
  .spec-ribbon { grid-template-columns: repeat(2,1fr); padding-block: 0; }.spec-ribbon > div { padding-block: 20px; border-bottom: 1px solid #2c3a25; }.spec-ribbon > div:nth-child(2) { border-right: 0; }.spec-ribbon > div:nth-child(n+3) { border-bottom: 0; }.spec-ribbon strong { font-size: 30px; }
  .plan-card { padding: 22px; }.pricing-bottom { flex-direction: column; gap: 12px; font-size: 11px; }
  .privacy-feature-inner { grid-template-columns: 1fr; padding-block: 45px; gap: 27px; }.oversize-shield { margin-bottom: 20px; }.oversize-shield svg { width: 48px; height: 48px; }.privacy-feature h2 { font-size: 39px; }.privacy-feature p { font-size: 13px; }.principle-list p { font-size: 12px; }.principle-list article { padding-block: 18px; }
  .location-cards { grid-template-columns: 1fr; }.location-sky { height: 113px; }.location-card p { flex-direction: row; }.location-card-body { padding: 17px 20px; }.location-card h3 { font-size: 28px; }
  .control-story { flex-direction: column; align-items: flex-start; gap: 17px; padding: 22px; }
  .callout { padding: 26px; }.callout h2 { font-size: 37px; }
  .os-hero { grid-template-columns: 1fr; gap: 30px; padding-block: 0 28px; }.os-hero h1 { font-size: 47px; }.os-hero p:not(.eyebrow) { font-size: 14px; margin-top: 19px; }.os-visual { min-height: 260px; }.os-image-strip span { padding-right: 12px; font-size: 11px; margin-right: 0; }.included-grid { gap: 9px; }.included-grid article { padding: 17px 11px; }.included-grid h3 { font-size: 20px; }.included-grid p { font-size: 12px; }
  .product-resources { grid-template-columns: 1fr; padding: 22px; gap: 28px; }.product-resources h2 { font-size: 33px; }.resource-big strong { font-size: 61px; }.guide-cards { grid-template-columns: 1fr; }
  .network-explorer { grid-template-columns: 1fr; padding: 18px; gap: 30px; }.network-globe { width: 245px; height: 245px; }.region-tabs button { font-size: 12px; }.region-tabs button span { font-size: 9px; }.network-selector h2 { font-size: 36px; }.region-specs { gap: 13px; }
  .privacy-heading h1 { font-size: 59px; }.privacy-heading > span { top: 10%; right: 0; opacity: .13; }.privacy-heading > span svg { width: 120px; }.privacy-heading > p:not(.eyebrow) { font-size: 14px; }.privacy-values { grid-template-columns: 1fr; }.privacy-values article { padding: 23px; }.privacy-values article > span { margin-bottom: 18px; }
  .docs-results { grid-template-columns: 1fr; }.docs-search input { font-size: 12px; }.article-layout { grid-template-columns: 1fr; }.article-layout aside { grid-row: 1; position: static; }.article-layout article h2 { font-size: 25px; }.article-layout article p { font-size: 13px; }
  .system-banner { padding: 18px; align-items: flex-start; }.system-banner > span { display: none; }.system-banner h2 { font-size: 21px; }.uptime-top { flex-direction: column; gap: 9px; align-items: flex-start; }.uptime-grid { grid-template-columns: 1fr; }.uptime-grid article { padding: 16px; }.uptime-bars { gap: 2px; }.incident summary { flex-wrap: wrap; gap: 10px; }.incident summary > span:last-child { margin-left: 0; width: 100%; }.incident-heading h2 { font-size: 26px; }.incident-heading a { font-size: 11px; }
}
.page-loading { min-height: 60vh; display: grid; place-content: center; justify-items: center; gap: 15px; }
.page-loading > span { height: 26px; width: 26px; border: 2px solid #31402c; border-top-color: var(--accent); border-radius: 50%; animation: spin .8s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.footer-assets { font: 10px var(--mono); color: #b3c2a8; display: block; margin-top: 22px; }
.footer-bottom > a { display: inline-flex; align-items: center; gap: 8px; }
.checkout { --ck-bg: #101711; --ck-raise: #192019; --ck-line: #35412f; --ck-text: #eff3eb; --ck-muted: #aab7a1; --ck-accent: #cafa68; }
.checkout .ck-header h1 { letter-spacing: -.055em; }
.recovery-root .wrap { width: 100%; }
.recovery-root .inner-page { padding: 0; }
.recovery-root .page-heading h1 { font-size: clamp(34px,4vw,48px); }
.recovery-root .surface { background: #1a2513; border-color: #384a2a; }
.recovery-root .page-heading p:not(.eyebrow),.recovery-root .surface p { font-size: 13px; }
@media(min-width:801px) and (max-width:1100px) { .nav-links { gap: 15px; }.nav-links > a { font-size: 11px; }.nav-console { font-size: 11px; }.nav-actions { gap: 10px; }.navbar { gap: 15px; } }
@media(max-width:570px) { .footer-bottom { flex-direction: column; align-items: flex-start; }.recovery-root .route-grid { grid-template-columns: 1fr; } }
.uptime-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.uptime-grid article { min-width: 0; }
.uptime-bars { display: grid; grid-template-columns: repeat(90,minmax(0,1fr)); gap: 2px; }
.uptime-bars span { min-width: 0; }
.uptime-bars span.degraded { background: #c6a85f; }
@media(max-width:570px) { .uptime-grid { grid-template-columns: minmax(0,1fr); } }