.art{aspect-ratio:1/1.06;background:var(--deep);isolation:isolate;color:var(--art-ink);border-radius:220px 220px 18px 18px;position:relative;overflow:hidden}.art:before{content:"";opacity:.16;background-image:linear-gradient(var(--art-grid) 1px, transparent 1px), linear-gradient(90deg, var(--art-grid) 1px, transparent 1px);background-size:42px 42px;position:absolute;inset:0}.halo{border:1px solid var(--art-halo);border-radius:50%;width:76%;height:76%;position:absolute;top:10%;left:12%}.halo:before,.halo:after{content:"";border:1px solid var(--art-halo-inner);border-radius:50%;position:absolute;inset:23px}.halo:after{inset:47px}.spark{background:var(--highlight);clip-path:polygon(50% 0,61% 38%,100% 50%,61% 61%,50% 100%,38% 61%,0 50%,38% 38%);width:17px;height:17px;position:absolute;top:25%;left:76%}.server-stack{position:absolute;top:28%;left:21%;right:21%;transform:rotate(-7deg)}.server{border:1px solid var(--art-outline);background:var(--art-surface);height:64px;box-shadow:7px 8px 0 var(--art-shadow);border-radius:11px;justify-content:space-between;align-items:center;margin:0 0 10px;padding:0 20px;display:flex}.server:first-child{background:linear-gradient(125deg, var(--art-gradient-start), var(--art-gradient-end));border-color:var(--highlight);color:var(--art-strong-ink)}.server:nth-child(2){background:var(--art-mid);border-color:var(--art-mid-outline)}.vents{opacity:.55;background:repeating-linear-gradient(90deg,currentColor 0 2px,#0000 2px 7px);width:70px;height:24px}.server i{background:var(--highlight);width:7px;height:7px;box-shadow:-16px 0 0 var(--art-led-glow);border-radius:50%;display:block}.server:first-child i{background:var(--art-led-ink);box-shadow:-16px 0 0 var(--art-led-shadow)}.art-chip{background:var(--art-paper);color:var(--deep);box-shadow:0 6px 18px var(--art-chip-shadow);border-radius:7px;padding:13px 16px;font-size:11px;position:absolute;top:65%;right:7%}.art-chip span{background:var(--art-status);border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.art-label{color:var(--art-label);letter-spacing:1.5px;text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;font-size:9px;display:flex;position:absolute;bottom:25px;left:25px;right:25px}.art-label span:last-child{border:1px solid var(--panel-line);white-space:nowrap;border-radius:30px;padding:8px 10px}@media (width<=850px){.server{height:52px;padding:0 15px}.vents{width:53px;height:19px}.art-label{letter-spacing:.8px;font-size:8px;bottom:20px;left:18px;right:18px}.art-chip{padding:11px;font-size:10px;top:70%;right:6%}}@media (width<=680px){.art{aspect-ratio:1.12;border-radius:180px 180px 14px 14px;width:100%;max-width:430px;margin:0 auto}.server-stack{top:22%;left:24%;right:24%}.server{height:54px;margin-bottom:8px}.art-chip{padding:12px;font-size:10px;top:65%;right:10%}.art-label{font-size:8px;left:23px;right:23px}}@media (width<=360px){.server-stack{left:22%;right:22%}.server{height:48px}.art-chip{top:66%;right:5%}}.service-illustration{width:100%;min-width:0}.illustration-window{flex:none}.service-illustration{justify-content:center;align-items:center;min-height:430px;display:flex;position:relative}.illustration-orbit{border:1px solid var(--line);width:350px;height:350px;box-shadow:0 0 0 28px var(--paper), 0 0 0 29px var(--line);opacity:.65;border-radius:50%;position:absolute}.illustration-window{z-index:1;background:var(--paper);border:1px solid var(--line);width:100%;max-width:400px;min-height:280px;box-shadow:15px 22px 0 var(--wash);border-radius:14px;transform:rotate(-3deg)}.window-bar{border-bottom:1px solid var(--line);align-items:center;gap:5px;padding:15px;display:flex}.window-bar i{background:var(--line);border-radius:50%;width:6px;height:6px}.window-bar span{letter-spacing:.03em;color:var(--muted);margin-left:15px;font-size:10px}.mail-toolbar{justify-content:space-between;align-items:center;padding:22px;font-size:13px;display:flex}.mail-toolbar span{background:var(--highlight);color:var(--deep);border-radius:5px;padding:8px;font-size:10px}.illustration-mail{border-top:1px solid var(--line);align-items:center;gap:14px;padding:15px 20px;display:flex}.illustration-mail>span{background:var(--wash);border-radius:50%;place-items:center;width:30px;height:30px;font:italic 17px Georgia;display:grid}.illustration-mail b{font-size:11px}.illustration-mail small{color:var(--muted);margin-left:auto;font-size:8px}.illustration-mail i,.illustration-tiles i{background:var(--line);width:90px;height:3px;margin-top:10px;display:block}.illustration-code{padding:20px;font:12px/1.8 monospace}.illustration-code span{color:var(--accent)}.illustration-code em{color:var(--muted)}.illustration-code div{border-top:1px solid var(--line);color:var(--accent);margin-top:20px;padding-top:12px;font-size:10px}.illustration-shield{flex-direction:column;align-items:center;gap:13px;padding:22px;display:flex}.illustration-shield svg{width:90px;height:100px;color:var(--accent)}.illustration-shield strong{font-size:14px}.illustration-shield span{color:var(--muted);font-size:10px}.illustration-banner{background:var(--wash);margin:20px;padding:25px 18px}.illustration-banner span{letter-spacing:.1em;color:var(--muted);margin-bottom:10px;font-size:8px;display:block}.illustration-banner strong{font:italic 25px Georgia}.illustration-tiles{grid-template-columns:repeat(3,1fr);gap:12px;padding:0 20px 25px;display:grid}.illustration-tiles b{margin-top:12px;font-size:9px;display:block}.illustration-tiles i{width:65px}.shape{background:var(--highlight);border:1px solid var(--line);border-radius:5px;width:55px;height:45px;display:block}.shape-1{background:var(--wash);border-radius:50%}.shape-2{background:var(--line);border-radius:3px 25px 3px 3px}.illustration-label{z-index:2;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:15px 18px;font-size:11px;position:absolute;bottom:12px;right:0;box-shadow:0 8px 15px #0001}.illustration-label .dot{margin-right:8px;display:inline-block}@media (width<=1000px){.service-illustration{min-height:350px}.illustration-orbit{width:250px;height:250px}}@media (width<=760px){.service-illustration{min-height:340px}.illustration-window{max-width:360px}.illustration-label{font-size:10px;bottom:0;right:3px}}