/* Evolve the CloudWay poster style; keep its typography, blue and graphic character. */
:root{--border:1.5px solid #0d0d0d;--sh:3px 3px 0 #0d0d0d;--sh-lg:5px 5px 0 #0d0d0d}
html[data-theme=dark]{--border:1.5px solid #35353c;--sh:3px 3px 0 #09090b;--sh-lg:5px 5px 0 #09090b}
.landing-screen{height:auto;max-height:none;min-height:min(100svh,950px)}.landing-screen .hero{min-height:740px;padding:100px 40px 50px;column-gap:42px}.landing-screen .hero-left{height:auto;overflow:visible;padding:20px 16px}.landing-screen .hero-h1{font-size:clamp(54px,6.5vw,98px);line-height:1.02!important}.landing-screen .hero-h1 em{line-height:1.18;padding:.06em .12em .1em}.landing-screen .hero-sub{letter-spacing:2.6px}.landing-screen .hero-desc{max-width:480px;font-weight:400}.landing-screen .hero-right{padding:26px!important;border-radius:23px;background:#12151b!important;color:#f3f5fa;border:1.5px solid #20242c;box-shadow:5px 5px 0 #0003}.hero-public-link{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:26px;width:fit-content;color:var(--mid);font:12px var(--font-b);padding:8px 0;min-height:40px}.hero-public-link:hover{color:var(--y)}.hero-public-link:focus-visible{outline:2px solid var(--y);outline-offset:4px;border-radius:5px}
/* Static, honest observation badges, using the public status / Radar vocabulary. */
.public-badge{--tone:#818a98;display:inline-flex;align-items:center;gap:6px;flex:none;white-space:nowrap;border:1px solid color-mix(in srgb,var(--tone) 25%,transparent);background:color-mix(in srgb,var(--tone) 10%,transparent);border-radius:999px;padding:5px 8px;color:var(--tone);font:500 10px/1.3 var(--font-b)}.public-badge i{height:6px;width:6px;border-radius:50%;background:currentColor;flex:none}.public-badge.is-up{--tone:#16894a}.public-badge.is-down{--tone:#c43c4b}.public-badge.is-degraded,.public-badge.is-maintenance{--tone:#ae6812}html[data-theme=dark] .public-badge.is-up,.public-live .public-badge.is-up{--tone:#6bdd9a}html[data-theme=dark] .public-badge.is-down,.public-live .public-badge.is-down{--tone:#f27683}html[data-theme=dark] .public-badge.is-degraded,html[data-theme=dark] .public-badge.is-maintenance,.public-live .public-badge.is-degraded,.public-live .public-badge.is-maintenance{--tone:#f4a24c}
.public-live-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:28px}.public-live-header>span:first-child{font:600 7px var(--font-h);letter-spacing:.7px;color:#9aa5b7}.public-live h2{font:700 23px/1.4 var(--font-h);letter-spacing:-1px;margin:0 0 24px;color:#f3f5fa}.public-live h2 span{color:#78b5ff}.public-live-row{display:flex;align-items:center;gap:12px;min-height:43px;border-bottom:1px solid #ffffff13;font:12px var(--font-b);color:#dfe5ef}.public-live-row:last-child{border-bottom:0}.public-flag{display:block;flex:none;width:25px;height:17px;border-radius:3px;overflow:hidden;border:1px solid #ffffff20}.public-flag svg{display:block;width:100%;height:100%}.public-state-dot{width:6px;height:6px;border-radius:50%;background:#818a98;margin-left:auto;flex:none}.public-state-dot.is-up{background:#6bdd9a}.public-state-dot.is-down{background:#f27683}.public-state-dot.is-degraded,.public-state-dot.is-maintenance{background:#f4a24c}.public-live-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid #ffffff16;font:10px var(--font-b);color:#9aa5b7}.public-live-bottom>a{color:#78b5ff;min-height:30px;display:flex;align-items:center}.public-live-bottom>a:hover{text-decoration:underline}
/* The public tools have their own strong cards, rather than being hidden in the footer. */
.public-section{background:var(--faint);border-block:1px solid #8795b325}.public-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.public-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:30px;border:var(--border);border-radius:var(--r-card);box-shadow:var(--sh);background:var(--white);overflow:hidden}.public-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:30px}.public-card-label{font:600 9px var(--font-h);letter-spacing:.7px;color:var(--mid)}.public-card h3{font:700 clamp(21px,2.4vw,33px)/1.4 var(--font-h);letter-spacing:-1px;margin:0 0 18px}.public-card>p{font:14px/1.85 var(--font-b);color:var(--mid);max-width:450px;margin:0 0 28px}.public-card-metrics{display:flex;align-items:center;gap:42px;min-height:85px;margin-bottom:25px}.public-card-metrics strong{display:block;font:700 39px/1.2 var(--font-h);letter-spacing:-2px;color:var(--y)}.public-card-metrics span{display:block;font:11px/1.6 var(--font-b);color:var(--mid);margin-top:5px}.public-card-link{margin-top:auto;align-self:flex-start;min-height:46px;font-size:10px!important;letter-spacing:0;padding:14px 19px}.public-card-radar{background:#17243a;color:#f5f7fc;background-image:radial-gradient(#78b5ff16 1px,transparent 1px);background-size:18px 18px}.public-card-radar .public-card-label{color:#a6b9d8}.public-card-radar h3 em{font-style:normal;color:#78b5ff}.public-card-radar>p{color:#bac6d8}.public-open-pill{font:10px var(--font-b);border:1px solid #78b5ff40;background:#78b5ff12;border-radius:999px;padding:6px 9px;color:#9ccaff;white-space:nowrap}.public-radar-services{display:flex;align-items:center;gap:9px;flex-wrap:wrap;min-height:85px;margin-bottom:25px}.public-radar-services>span:not(.public-services-more){display:grid;place-items:center;width:49px;height:49px;border:1px solid #ffffff2b;background:#f7f8fb;border-radius:12px}.public-radar-services img{width:30px;height:30px;object-fit:contain}.public-services-more{font:10px/1.7 var(--font-b);color:#b6c5dc;margin-left:3px}.public-method-note{font:11px/1.8 var(--font-b);color:var(--mid);margin:24px 0 0}.public-card-metrics .public-vimo{display:block;width:76px;height:76px;object-fit:contain;margin-left:auto;flex:none}.public-card-network .public-card-link{background:var(--ink);color:var(--white)}html[data-theme=dark] .public-card-network{background:#1e1e22}html[data-theme=dark] .public-card-network .public-card-link{background:#edeef0;color:#151519}.network-atlas{border-width:1.5px;box-shadow:var(--sh)}.network-location-copy strong{font-weight:600}.network-selection strong{font-family:var(--font-b);font-weight:600}
/* A little less weight around the existing cards; retain the blue highlight and offset shadows. */
.bento-card,.plan,.step,.tg-widget{border-width:1.5px}.plan-items li,.b-body,.step-body{line-height:1.75}.pricing-note{letter-spacing:1px;line-height:1.8}.hero-h1 em{isolation:isolate}
@media(min-width:961px) and (max-width:1200px){.landing-screen .hero{grid-template-columns:minmax(0,1fr) 350px;gap:28px;padding-inline:30px}.landing-screen .hero-h1{font-size:clamp(50px,6.2vw,74px)}.landing-screen .hero-right{padding:23px!important}.public-live-header>span:first-child{font-size:6px}.public-live h2{font-size:21px}}
@media(max-width:960px){.landing-screen{min-height:100svh}.landing-screen .hero{padding:92px 20px 36px;min-height:650px}.landing-screen .hero-left{padding:10px 0;align-self:center}.landing-screen .hero-h1{font-size:clamp(34px,9.4vw,67px);letter-spacing:-1.6px}.landing-screen .hero-desc{font-size:14px;max-width:440px}.landing-screen .hero-sub{font-size:8px;letter-spacing:2px}.hero-public-link{font-size:11px;margin-top:22px;gap:8px}.public-grid{gap:18px}.public-card{padding:23px}.public-card-top{margin-bottom:25px}.public-card-label{font-size:7px}.public-card h3{font-size:24px}.public-card>p{font-size:13px}.public-card-metrics{gap:25px}.public-card-metrics strong{font-size:34px}.public-card-metrics .public-vimo{width:64px;height:64px}.public-open-pill{font-size:9px}.public-radar-services{gap:7px}.public-radar-services>span:not(.public-services-more){width:40px;height:40px}.public-radar-services img{width:25px;height:25px}.public-card-link{font-size:9px!important;padding:13px 16px}.public-services-more{font-size:9px}}
@media(max-width:650px){.public-grid{grid-template-columns:1fr;gap:20px}.public-card{padding:24px}.public-card h3{font-size:26px}.public-card-top{margin-bottom:25px}.public-card-label{font-size:8px}.public-open-pill{font-size:9px}.public-card>p{font-size:13px;margin-bottom:22px}.public-card-metrics{gap:35px;margin-bottom:20px}.public-card-metrics span{font-size:10px}.public-card-metrics .public-vimo{width:66px;height:66px}.public-card-link{font-size:10px!important;align-self:stretch;justify-content:center}.public-method-note{font-size:10px;line-height:1.8}.public-radar-services{margin-bottom:20px}.public-radar-services>span:not(.public-services-more){width:45px;height:45px}.public-services-more{font-size:10px}.hero-public-link{max-width:100%;line-height:1.7}.public-card .public-badge{font-size:9px}.landing-screen .hero-sub{letter-spacing:1.3px}.landing-screen .btn-start{max-width:100%}}
@media(max-width:350px){.landing-screen .hero-h1{font-size:32px;letter-spacing:-1.5px}.landing-screen .hero-sub{font-size:7px;letter-spacing:1.1px}.hero-public-link{font-size:10px}.public-card{padding:19px}.public-card h3{font-size:23px}.public-card-label{font-size:7px}.public-card-top{gap:8px}.public-card-metrics{gap:25px}.public-card-metrics strong{font-size:30px}.public-card-metrics span{font-size:9px}.public-card-metrics .public-vimo{width:56px;height:56px}.public-services-more{font-size:9px}}
@media(min-width:769px){.nav-pill:not(.nav-collapsed){width:min(730px,calc(100vw - 40px))}.nav-pill-links{gap:22px}.nav-pill-links a{letter-spacing:.4px}}
.landing-screen .hero-h1 em{padding:.18em .12em .12em;line-height:1.08}
.hero-public-link{text-decoration:none}.public-radar-services img[src$="/chatgpt.svg"],.public-radar-services img[src$="/github.svg"]{filter:brightness(0)}

/* Compact public-tool cards keep the focus on the two destinations. */
.public-card{padding:24px}.public-card-top{margin-bottom:18px}.public-card h3{font-size:clamp(20px,2vw,27px);line-height:1.35;margin-bottom:12px}.public-card>p{font-size:13px;line-height:1.65;margin-bottom:18px}.public-card-metrics,.public-radar-services{min-height:56px;margin-bottom:20px}.public-card-metrics{gap:32px}.public-card-metrics strong{font-size:30px}.public-card-metrics span{font-size:10px}.public-radar-services>span:not(.public-services-more){width:38px;height:38px;border-radius:10px}.public-radar-services img{width:24px;height:24px}.public-card-link{min-height:42px;padding:12px 16px}.public-method-note{margin-top:16px}
@media(max-width:650px){.public-grid{gap:16px}.public-card{padding:20px}.public-card-top{margin-bottom:16px}.public-card h3{font-size:22px}.public-card>p{font-size:12px;margin-bottom:16px}.public-card-metrics,.public-radar-services{margin-bottom:18px}.public-card-metrics strong{font-size:28px}.public-card-link{min-height:44px}.public-card-metrics span{font-size:10px}}

/* Live product previews inspired by 21st Uptime Card / Integration Card. */
.public-card h3{margin-bottom:18px}.public-tool-preview{height:128px;margin-bottom:18px;border:1px solid #8795b326;border-radius:14px;padding:16px;background:var(--faint)}.public-preview-heading{display:flex;justify-content:space-between;gap:12px;font:11px var(--font-b);color:var(--mid);margin-bottom:12px}.public-history-bars{display:flex;gap:4px;height:28px}.public-history-bars>span{flex:1;min-width:0;border-radius:3px;background:#8992a330}.public-history-bars>.is-up{background:#24af70}.public-history-bars>.is-degraded{background:#e7aa43}.public-history-bars>.is-down{background:#e36576}.public-preview-deliveries{display:flex;gap:18px;margin-top:14px}.public-preview-deliveries>span{display:flex;align-items:center;gap:7px;font:11px var(--font-b);color:var(--mid)}.public-preview-deliveries .public-badge{font-size:9px;padding:3px 6px}.public-radar-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;background:#101b2c;border-color:#ffffff18}.public-mini-service{display:flex;align-items:center;gap:8px;min-width:0;font:11px var(--font-b);color:#f5f7fc}.public-mini-icon{display:grid;place-items:center;width:30px;height:30px;flex:none;background:#f7f8fb;border-radius:9px}.public-mini-icon img{width:21px;height:21px;object-fit:contain}.public-mini-icon img[src$="/chatgpt.svg"],.public-mini-icon img[src$="/github.svg"]{filter:brightness(0)}.public-mini-badge{margin-left:auto;white-space:nowrap;border-radius:999px;padding:4px 6px;font:10px var(--font-b);background:#8b96a322;color:#bdc6d3}.public-mini-badge.is-up{background:#28c37b20;color:#6bdd9a}.public-mini-badge.is-moderate{background:#e7bf3820;color:#e9cb69}.public-mini-badge.is-slow,.public-mini-badge.is-degraded{background:#ed943320;color:#f4ac62}.public-mini-badge.is-down{background:#e3657620;color:#f27683}.public-card>p{margin-bottom:18px}
@media(min-width:651px) and (max-width:1100px){.public-radar-preview{gap:6px;padding:12px}.public-mini-service{gap:5px;font-size:10px}.public-mini-icon{width:23px;height:23px;border-radius:7px}.public-mini-icon img{width:17px;height:17px}.public-mini-badge{font-size:9px;padding:4px}.public-preview-deliveries{gap:10px}}
@media(max-width:380px){.public-radar-preview{gap:7px;padding:10px}.public-mini-service{font-size:10px;gap:5px}.public-mini-icon{width:24px;height:24px}.public-mini-icon img{width:18px;height:18px}.public-mini-badge{font-size:9px;padding:4px}.public-preview-deliveries{gap:10px}.public-preview-deliveries>span{font-size:10px;gap:5px}.public-history-bars{gap:3px}.public-tool-preview{padding:12px}.public-mini-badge.is-unknown{white-space:normal;font-size:8px}}
/* Open two-column editorial layout: the tools share the page, not separate cards. */
.public-grid{gap:64px;border-top:1px solid #8795b340;padding-top:30px}.public-grid>.public-card{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;padding:0;color:var(--ink)}.public-card-radar .public-card-label{color:var(--mid)}.public-card-radar h3 em{color:var(--y)}.public-grid>.public-card-radar{position:relative}.public-card-radar:before{content:"";position:absolute;left:-32px;top:0;bottom:0;width:1px;background:#8795b340}.public-tool-preview{padding:14px 0;border:0;border-radius:0;background:transparent}.public-radar-preview{gap:10px 22px}.public-mini-service{color:var(--ink);border-bottom:1px solid #8795b326;padding-bottom:7px}.public-card-radar>p{color:var(--mid)}.public-mini-badge{color:var(--mid);background:#8795b31a}.public-mini-badge.is-up{color:#16894a}.public-mini-badge.is-moderate{color:#936b06}.public-mini-badge.is-slow,.public-mini-badge.is-degraded{color:#ad6014}.public-mini-badge.is-down{color:#c43c4b}.public-card-radar .public-open-pill{color:var(--mid);border-color:#8795b340;background:transparent}.public-grid .public-card-link{display:inline-flex;align-self:flex-start;justify-content:flex-start;background:transparent;color:var(--ink);border:0;border-radius:0;box-shadow:none;padding:8px 0;min-height:40px;text-decoration:underline;text-decoration-color:var(--y);text-underline-offset:7px;text-decoration-thickness:2px}.public-grid .public-card-link:hover{transform:none;color:var(--y)}.public-grid .public-card-link:focus-visible{outline:2px solid var(--y);outline-offset:5px}.public-card-top{margin-bottom:18px}.public-method-note{margin-top:28px}
html[data-theme=dark] .public-grid>.public-card{background:transparent}html[data-theme=dark] .public-grid .public-card-link{background:transparent;color:var(--ink)}html[data-theme=dark] .public-mini-badge.is-up{color:#6bdd9a}html[data-theme=dark] .public-mini-badge.is-moderate{color:#e9cb69}html[data-theme=dark] .public-mini-badge.is-slow,html[data-theme=dark] .public-mini-badge.is-degraded{color:#f4ac62}html[data-theme=dark] .public-mini-badge.is-down{color:#f27683}
@media(max-width:960px){.public-grid{gap:36px}.public-card-radar:before{left:-18px}.public-radar-preview{gap:10px}}
@media(max-width:650px){.public-grid{gap:28px;padding-top:24px}.public-card-radar:before{display:none}.public-grid>.public-card-radar{padding-top:26px;border-top:1px solid #8795b340}.public-tool-preview{padding:12px 0}.public-radar-preview{gap:10px 20px}.public-method-note{margin-top:22px}}
@media(max-width:380px){.public-radar-preview{gap:10px 12px}.public-mini-badge.is-unknown{font-size:9px}}
.public-history-labels{display:flex;justify-content:space-between;margin-top:10px;font:10px var(--font-b);color:var(--mid)}
.public-grid .public-card-link{font-family:var(--font-h);font-weight:700;cursor:pointer}.public-grid .public-card-link:hover{color:var(--y)}
