@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#0b1020;--panel:#151c2c;--panel2:#1b2435;--ink:#eef3fb;--muted:#aab7ca;--line:#344155;--accent:#75ead9;--accent2:#a9f4e9;--light:#f7fafc;--dark:#0c1527;--danger:#ff8d8d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 'DM Sans',sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand,.panel-count,.metric-value{font-family:'Space Grotesk',sans-serif}h1{font-size:clamp(3.2rem,6vw,6.6rem);line-height:1.04;letter-spacing:-.065em;font-weight:600}h2{font-size:clamp(2.4rem,4vw,4.2rem);line-height:1.1;letter-spacing:-.055em}h3{letter-spacing:-.03em}.eyebrow{color:var(--accent);font-size:.76rem;font-weight:700;letter-spacing:.19em;text-transform:uppercase}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #75ead922;margin-right:.6em}.site-header{max-width:1440px;margin:auto;padding:26px clamp(24px,4vw,68px);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:11px;align-items:center;font-size:1.5rem;font-weight:700;letter-spacing:-.07em}.brand-mark{width:34px;height:34px;border:1px solid var(--accent);color:var(--accent);display:grid;place-items:center;border-radius:9px;font-size:1rem;letter-spacing:0}.brand-dot{color:var(--accent)}nav{display:flex;align-items:center;gap:34px;font-size:.9rem;color:#bdc7d7}nav a:hover,.text-link:hover{color:var(--accent)}.nav-cta{border:1px solid var(--line);padding:10px 15px;border-radius:8px;color:var(--ink)}.nav-cta:hover{border-color:var(--accent)}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.04fr .96fr;min-height:680px;padding:75px clamp(24px,4vw,68px) 105px;gap:30px}.hero-copy{max-width:690px;position:relative;z-index:1}.hero h1 em{font-style:normal;color:var(--accent)}.hero-lead{font-size:1.17rem;max-width:555px;color:var(--muted)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:13px 19px;border-radius:8px;border:1px solid transparent;font-weight:700;white-space:nowrap}.button.primary{background:var(--accent);color:#071d24}.button.primary:hover{background:#a9f4e9}.button.secondary{border-color:var(--line);color:var(--ink)}.button.secondary:hover{border-color:var(--accent)}.button.light{background:white;color:var(--dark)}.hero-proof{display:flex;gap:22px;flex-wrap:wrap;margin-top:75px;color:#8796ad;font-size:.8rem;letter-spacing:.03em}.hero-visual{position:relative;display:grid;place-items:center;min-height:500px}.visual-grid{position:absolute;inset:4%;background-image:linear-gradient(#7ff6dc0f 1px,transparent 1px),linear-gradient(90deg,#7ff6dc0f 1px,transparent 1px);background-size:30px 30px;mask-image:radial-gradient(circle,#000 35%,transparent 78%)}.visual-panel{position:relative;width:min(420px,94%);padding:25px;border:1px solid #466778;background:linear-gradient(145deg,#1b2a3b,#111928);border-radius:17px;box-shadow:0 35px 90px #0008;transform:none}.panel-head,.panel-bottom,.meter-top{display:flex;justify-content:space-between;align-items:center}.panel-kicker,.meter-top{font-size:.69rem;letter-spacing:.13em;color:#a5bbc9;font-weight:700}.live-pill{border:1px solid #5ebdaf55;border-radius:100px;color:var(--accent);padding:5px 10px;font-size:.68rem;font-weight:700;letter-spacing:.1em}.panel-server{font-family:'Space Grotesk';font-size:1.55rem;letter-spacing:-.04em;margin-top:48px}.panel-server span{float:right;color:var(--accent)}.panel-count{display:flex;gap:18px;align-items:center;margin:18px 0}.panel-count strong{font-size:5rem;line-height:1;color:white;font-weight:500}.panel-count span{font-size:1rem;line-height:1.2;color:#b9c8d1}.client-bars{display:flex;gap:8px;margin:33px 0}.client-bars i{height:35px;flex:1;border-radius:5px;background:linear-gradient(#87f0da,#247c77)}.panel-bottom{border-top:1px solid #42576a;padding-top:17px;font-size:.8rem;color:#9db0bd}.panel-bottom strong{color:var(--accent)}.float-card{position:absolute;background:#eef9f8;color:#0c2431;padding:12px 17px;border-radius:10px;box-shadow:0 12px 40px #0006;font-size:.72rem;line-height:1.5;transform:none}.float-card strong{display:block;font-size:.87rem}.float-one{top:13%;right:0}.float-two{bottom:12%;left:0;transform:none}.strip{border-top:1px solid #253245;border-bottom:1px solid #253245;display:flex;justify-content:center;gap:clamp(22px,4vw,76px);flex-wrap:wrap;padding:18px 20px;color:#8da0b5;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.section{max-width:1440px;margin:auto;padding:130px clamp(24px,4vw,68px)}.section-heading{display:grid;grid-template-columns:1fr 320px;align-items:end;gap:30px;margin-bottom:60px}.section-heading p:last-child{color:var(--muted)}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.step{border:1px solid #2d3b4f;border-radius:15px;padding:28px;min-height:290px;background:linear-gradient(145deg,#172133,#10192a)}.step-num{font-size:.78rem;color:#8096ad;font-weight:700}.step-icon{width:55px;height:55px;margin:33px 0 28px;border:1px solid #477f81;border-radius:12px;color:var(--accent);display:grid;place-items:center;font-size:1.8rem}.step h3{font-size:1.25rem}.step p{color:#9dacbd;font-size:.9rem}.feature-band{padding:90px max(clamp(24px,4vw,68px),calc((100vw - 1304px)/2));background:#d9f2ee;color:#0b2833;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.feature-band .eyebrow{color:#237669}.feature-band p:not(.eyebrow){max-width:520px;color:#35545e}.text-link{display:inline-block;margin-top:22px;border-bottom:1px solid #0b524a;padding-bottom:5px;color:#0b524a;font-weight:700}.meter-card{max-width:450px;width:100%;justify-self:center;border-radius:16px;background:#102231;color:#e8f5f3;padding:27px;box-shadow:0 25px 60px #17505638}.meter-illustration{height:240px;display:grid;place-items:center}.meter-ring{width:182px;height:182px;border-radius:50%;border:19px solid #345a62;border-top-color:#6de5cf;border-right-color:#6de5cf;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-30deg)}.meter-ring>*{transform:rotate(30deg)}.meter-ring strong{font:600 3.5rem/1 'Space Grotesk'}.meter-ring span{font-size:.8rem;color:#abc8ca}.meter-equation{border-top:1px solid #46616a;padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:.75rem}.meter-equation strong{color:var(--accent)}.package-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:15px}.package,.package-placeholder{padding:25px;border:1px solid #344358;border-radius:13px;background:#172134}.package h3{font-size:1.25rem}.package-price{font:600 2rem 'Space Grotesk'}.package-meta{font-size:.8rem;color:var(--muted)}.package .button{margin-top:18px}.pricing-note{margin-top:22px;color:#8596ad;font-size:.83rem}.cta-section{max-width:1304px;margin:0 auto 70px;border-radius:18px;padding:60px;background:linear-gradient(115deg,#3ab9aa,#12786e);display:flex;align-items:center;justify-content:space-between;gap:25px}.cta-section h2{max-width:640px;margin:0;font-size:clamp(2rem,3vw,3.4rem)}.cta-section .eyebrow{color:#d1fff5}footer{border-top:1px solid #2d394b;padding:30px clamp(24px,4vw,68px);display:flex;align-items:center;justify-content:space-between;color:#8293a7;font-size:.8rem}footer .brand{color:var(--ink)}
/* Customer app */
.app-shell{min-height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr);background:#f4f7fa;color:#142434}.app-sidebar{background:#101b2b;color:#d9e7f1;padding:25px 16px;display:flex;flex-direction:column;gap:24px}.app-sidebar .brand{padding:0 12px}.app-nav{display:grid;gap:4px}.app-nav a{padding:11px 13px;border-radius:8px;color:#aabdc9;font-size:.88rem}.app-nav a.active,.app-nav a:hover{background:#263649;color:white}.sidebar-bottom{margin-top:auto;padding:12px;font-size:.75rem;color:#90a5b3}.app-main{padding:30px clamp(20px,3vw,52px) 80px;min-width:0}.app-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;gap:15px}.app-topbar small{color:#708295}.app-topbar button{border:1px solid #d0dbe4;background:white;border-radius:8px;padding:8px 13px;color:#344657}.app-heading{margin-bottom:30px}.app-heading h1{font-size:clamp(2rem,3vw,3rem);letter-spacing:-.05em;margin-bottom:5px}.app-heading p{color:#637588}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:25px}.metric-card,.app-card{background:white;border:1px solid #dce5ec;border-radius:13px;padding:23px;box-shadow:0 6px 25px #16365008}.metric-label{color:#718398;font-size:.77rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.metric-value{display:block;margin-top:12px;font-size:2.2rem;line-height:1.2;letter-spacing:-.04em}.metric-note{font-size:.8rem;color:#8395a4}.app-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px;align-items:start}.app-card h2{font-size:1.35rem;letter-spacing:-.035em;margin-bottom:8px}.app-card>p{font-size:.86rem;color:#728396}.app-card+ .app-card{margin-top:16px}.app-grid .app-card+ .app-card{margin-top:0}.field{display:grid;gap:6px;margin:16px 0}.field label{font-size:.79rem;font-weight:700;color:#34495e}.field input,.field select,.field textarea{width:100%;background:#fff;border:1px solid #ccd9e3;border-radius:8px;padding:11px 12px;color:#15293b;outline:none}.field input:focus,.field select:focus{border-color:#278f86;box-shadow:0 0 0 3px #2ac2ac25}.row{display:flex;gap:10px;align-items:center}.row .field{flex:1}.app-button{border:0;background:#126c65;color:white;border-radius:8px;padding:11px 17px;font-weight:700}.app-button:hover{background:#0a544f}.app-button:disabled{opacity:.5;cursor:not-allowed}.app-button.subtle{background:#e8f3f2;color:#0b665d}.app-button.danger{background:#fff1f1;color:#9b3535}.list{display:grid;gap:9px;margin-top:20px}.list-item{border:1px solid #e0e8ed;border-radius:9px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:15px}.list-item strong{font-size:.88rem}.list-item small{display:block;color:#718396}.badge{display:inline-flex;padding:4px 9px;border-radius:100px;background:#e8f4f1;color:#267a67;font-size:.7rem;font-weight:700}.badge.waiting{background:#fff4dc;color:#916a25}.empty{color:#7890a0;font-size:.87rem;padding:18px 0}.notice{padding:12px 15px;border-radius:8px;background:#e9f7f3;color:#17695a;margin:0 0 20px;font-size:.86rem}.notice.error{background:#fff0ef;color:#9e3e3b}.instructions{background:#eff5f7;border-radius:9px;padding:14px;margin-top:14px;color:#41596c;font-size:.82rem}.instructions code{display:block;overflow-wrap:anywhere;margin-top:7px;color:#154c5a}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#f4f8f9;color:#142434}.auth-intro{padding:42px clamp(24px,5vw,85px);background:#0e1d2c;color:white;display:flex;flex-direction:column}.auth-intro h1{margin:auto 0 12px;max-width:650px;font-size:clamp(3rem,5vw,5rem)}.auth-intro h1 em{font-style:normal;color:var(--accent)}.auth-intro p{max-width:440px;color:#acc0ca}.auth-form-wrap{display:grid;place-items:center;padding:30px}.auth-form{width:min(430px,100%)}.auth-form h2{font-size:2.2rem;margin-bottom:5px}.auth-form>p{color:#6d8190}.auth-form .app-button{width:100%;margin-top:10px}.auth-foot{margin-top:20px;color:#687c88;font-size:.85rem}.auth-foot a{color:#197a72;font-weight:700}.auth-intro footer{border:0;padding:0;color:#8eacb5}
@media(max-width:1000px){.hero{grid-template-columns:1fr;padding-top:60px}.hero-visual{min-height:430px}.hero-proof{margin-top:40px}.feature-band{gap:35px}.section-heading{grid-template-columns:1fr}.app-grid{grid-template-columns:1fr}}@media(max-width:700px){nav{gap:12px}nav a:not(.nav-cta){display:none}.site-header{padding:18px 20px}.hero{padding:65px 20px}.hero h1{font-size:3.6rem}.hero-visual{min-height:380px}.float-card{display:none}.section{padding:80px 20px}.step-grid,.feature-band,.metric-grid{grid-template-columns:1fr}.feature-band{padding:75px 20px}.cta-section{margin:0 20px 30px;padding:35px;display:block}.cta-section .button{margin-top:25px}footer{display:block}footer>*{margin-bottom:14px}.app-shell{grid-template-columns:1fr}.app-sidebar{padding:16px;display:block}.app-nav{display:flex;overflow:auto;margin-top:15px}.sidebar-bottom{display:none}.app-main{padding:25px 17px 65px}.auth-page{grid-template-columns:1fr}.auth-intro{min-height:250px;padding:25px}.auth-intro h1{font-size:2.4rem}.auth-intro footer{display:none}.auth-form-wrap{padding:35px 24px}}

/* Straight server-browser illustration */
.hero-visual{min-height:520px;overflow:hidden}.server-browser{position:relative;z-index:1;width:min(620px,100%);border:1px solid #3d586a;border-radius:14px;background:#111c2b;box-shadow:0 30px 80px #0008;color:#dceaf0;overflow:hidden;font-size:.76rem}.browser-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:#1b2c3e;border-bottom:1px solid #365166;gap:10px}.browser-head strong{display:block;font:600 1.25rem 'Space Grotesk',sans-serif;color:white}.browser-eyebrow{display:block;color:#80e6d8;font-size:.62rem;letter-spacing:.15em;font-weight:700}.browser-count{color:#9cb3c5;white-space:nowrap}.browser-columns,.server-row{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(0,1.2fr) 65px 45px;align-items:center;gap:10px}.browser-columns{padding:10px 18px;color:#8ca4b7;font-size:.59rem;font-weight:700;letter-spacing:.09em}.server-row{position:relative;min-height:66px;padding:10px 18px;border-top:1px solid #2b3e51}.server-row:nth-of-type(even){background:#162435}.server-featured{background:#123d42!important;border:1px solid #6de5cf;margin:0 7px;border-radius:8px;padding-right:22px;box-shadow:inset 4px 0 #6de5cf}.server-name{display:flex;align-items:center;gap:10px;min-width:0}.server-name strong,.server-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-name strong{color:#f4fbff;font-size:.78rem}.server-name small{color:#8ca6b7;font-size:.64rem}.server-featured .server-name small{color:#82e6d5}.server-icon{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:#354c60;color:#d2e5f0;font-weight:700}.server-featured .server-icon{background:#66d9c9;color:#0c302f}.server-map,.server-players,.server-ping{color:#b5c9d6;white-space:nowrap}.rise-arrow{position:absolute;right:6px;top:2px;color:#77ead5;font-size:1.25rem;font-weight:700}.browser-footer{display:flex;align-items:center;padding:14px 20px;color:#7ee6d6;font-weight:700}.browser-example{margin-left:auto;color:#819bab;font-size:.62rem;font-weight:400;text-transform:uppercase;letter-spacing:.08em}@media(max-width:650px){.hero-visual{min-height:410px}.server-browser{font-size:.67rem}.browser-columns,.server-row{grid-template-columns:minmax(0,1fr) 60px 38px}.browser-columns span:nth-child(2),.server-map{display:none}.browser-head{padding:14px}.browser-count{font-size:.62rem}.server-row{padding:8px 12px;min-height:61px}.server-name{gap:7px}.server-icon{width:25px;height:25px}.server-name strong{font-size:.68rem}.server-name small{font-size:.55rem}}

/* Featured server rocket and warp trail */
.server-featured{padding-right:54px}.boost-flight{position:absolute;right:9px;top:7px;width:34px;height:48px;overflow:hidden;display:block}.boost-rocket{position:absolute;top:0;left:4px;font-size:24px;line-height:1;transform:rotate(-45deg);filter:drop-shadow(0 0 5px #82e9dc);animation:rocket-hover 1.8s ease-in-out infinite}.boost-star{position:absolute;display:block;width:2px;height:12px;border-radius:2px;background:#d7fffa;opacity:0;animation:warp-fall 1.1s linear infinite}.boost-star-one{left:5px;animation-delay:0s}.boost-star-two{left:19px;animation-delay:.37s}.boost-star-three{left:29px;animation-delay:.72s}@keyframes warp-fall{0%{top:14px;opacity:0;transform:scaleY(.4)}20%{opacity:1}100%{top:46px;opacity:0;transform:scaleY(1.8)}}@keyframes rocket-hover{0%,100%{top:1px}50%{top:4px}}@media(prefers-reduced-motion:reduce){.boost-rocket,.boost-star{animation:none}.boost-star{opacity:.6;top:28px}}

/* Palette-matched rocket with full animation clearance */
.server-featured{min-height:74px}.boost-flight{right:10px;top:6px;width:38px;height:62px;overflow:visible}.boost-rocket{left:5px;top:0;width:28px;height:40px;font-size:inherit;line-height:normal;transform:none;filter:drop-shadow(0 0 4px #77e6d5);animation:rocket-float 1.8s ease-in-out infinite}.boost-rocket svg{display:block;width:100%;height:100%;overflow:visible}.rocket-hull{fill:#6de5cf;stroke:#d8fff7;stroke-width:1.4}.rocket-window{fill:#173a4a;stroke:#e7fffc;stroke-width:1.2}.rocket-fin{fill:#329f98;stroke:#b5f6e9;stroke-width:1}.rocket-flame{fill:#d7fff3;filter:drop-shadow(0 0 3px #72e9d1)}.boost-star{height:10px}.boost-star-one{left:4px}.boost-star-two{left:18px}.boost-star-three{left:34px}@keyframes rocket-float{0%,100%{transform:translateY(3px)}50%{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.boost-rocket{animation:none;transform:translateY(1px)}}

/* Align every server column independently of the featured decoration */
.browser-columns span:not(:first-child),.server-map,.server-players,.server-ping{text-align:center}.server-featured{padding-right:18px}.server-featured .server-name{padding-right:34px}.boost-flight{left:calc(18px + 30px + 10px);right:auto;top:7px;width:28px;height:58px;transform:translateX(0)}.server-featured .server-icon{visibility:hidden}.boost-rocket{left:0;width:28px}.boost-star-one{left:2px}.boost-star-two{left:14px}.boost-star-three{left:26px}@media(max-width:650px){.server-featured{padding-right:12px}.server-featured .server-name{padding-right:25px}.boost-flight{left:calc(12px + 25px + 7px);top:5px;width:25px}.boost-rocket{width:25px}.browser-columns span:not(:first-child),.server-players,.server-ping{text-align:center}}

/* Keep the rocket in the existing icon cell without covering the server name */
.server-featured .server-name{padding-right:0}.boost-flight{left:18px}.boost-rocket{left:1px}@media(max-width:650px){.server-featured .server-name{padding-right:0}.boost-flight{left:12px}}

/* Compact landing headline */
.hero h1{font-size:clamp(2.9rem,4.7vw,5rem);line-height:1.08;letter-spacing:-.055em}.hero-copy{max-width:620px}.hero-lead{max-width:520px}

/* Transparent before-and-after detail below the sample list */
.browser-footer{gap:10px}.browser-before-after{display:flex;align-items:center;flex-wrap:wrap;gap:7px 12px;color:#acd7d0;font-size:.64rem;line-height:1.3}.browser-before-after b{color:#7de8d9;letter-spacing:.09em;font-size:.57rem}.browser-growth{border:1px solid #4aaea488;border-radius:999px;padding:3px 7px;color:#b9f6eb;white-space:nowrap}.browser-example{white-space:nowrap}@media(max-width:650px){.browser-footer{align-items:flex-start}.browser-before-after{display:grid;gap:4px}.browser-example{align-self:flex-end}}

/* Before row and inline added-client count */
.server-before{background:#38212c!important;border-top:1px solid #805466;color:#f2cad2}.server-before .server-icon{background:#67404c;color:#f1cbd4}.server-before .server-name strong{color:#f2dce0}.server-before .server-name small,.server-before .server-map,.server-before .server-players,.server-before .server-ping{color:#d4aeb9}.boost-note{display:inline-block;margin-left:6px;padding:1px 5px;border:1px solid #6bdcca88;border-radius:4px;color:#91eadd;font-size:.58rem;font-weight:700;white-space:nowrap}.browser-footer{justify-content:space-between;color:#86bfb5;font-size:.65rem}@media(max-width:650px){.boost-note{display:block;margin:2px 0 0;width:max-content;font-size:.53rem}.server-before{min-height:61px}}

/* Taller browser mockup with compact rows and balanced hero copy */
.hero{grid-template-columns:.92fr 1.08fr;align-items:center;min-height:850px;padding-top:60px;padding-bottom:70px}.hero-visual{min-height:760px}.server-browser{width:min(690px,100%)}.server-row{min-height:43px;padding-top:5px;padding-bottom:5px}.server-featured{min-height:57px}.server-before{min-height:43px}.server-icon{width:24px;height:24px;font-size:.65rem}.server-name strong{font-size:.72rem}.server-name small{font-size:.59rem}.browser-head{padding:14px 18px}.browser-columns{padding-top:7px;padding-bottom:7px}.browser-footer{padding:10px 18px}.boost-flight{top:4px;left:18px;height:51px}.boost-rocket{width:24px;height:36px}.hero-copy{align-self:center}@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:0}.hero-visual{min-height:710px}.server-browser{width:min(690px,100%)}}@media(max-width:650px){.hero-visual{min-height:690px}.server-row{min-height:41px}.server-featured{min-height:60px}.boost-flight{left:12px;top:8px}.browser-head{padding:12px}.browser-footer{padding:9px 12px}}

/* Row-aligned before/after tags outside the table */
.hero{min-height:740px}.hero-visual{min-height:660px;overflow:visible}.server-browser{width:min(590px,calc(100% - 92px));margin-right:92px;overflow:visible}.browser-head{border-radius:14px 14px 0 0}.browser-footer{border-radius:0 0 14px 14px}.server-featured::after,.server-before::after{position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);min-width:68px;padding:7px 9px;border-radius:7px;text-align:center;font-size:.64rem;letter-spacing:.09em;font-weight:800;box-shadow:0 6px 18px #0005}.server-featured::after{content:'AFTER';color:#102e2e;background:#76e4d2;border:1px solid #b9fff0}.server-before::after{content:'BEFORE';color:#f9e3e8;background:#6a3d4c;border:1px solid #b7798c}@media(max-width:900px){.hero{min-height:0}.hero-visual{min-height:660px}}@media(max-width:650px){.hero-visual{min-height:610px}.server-browser{width:100%;margin-right:0;overflow:hidden}.server-featured::after,.server-before::after{left:auto;right:8px;top:6px;transform:none;min-width:0;padding:3px 5px;font-size:.5rem}.server-featured,.server-before{padding-right:48px}}