/* Four service identities, drawn with CSS. No canvas, video or animation library. */
.sh-hero{--sh-accent:#2355e8;--sh-ink:#142643;--sh-muted:#526680;--sh-line:#d6e0f2;--sh-bg:#f5f8ff;--sh-card:#fff;position:relative;overflow:hidden;background:var(--sh-bg);color:var(--sh-ink);border-bottom:1px solid var(--sh-line)}
.sh-hero .breadcrumbs{padding-block:25px 0;color:var(--sh-muted);position:relative;z-index:2}.sh-hero .breadcrumbs a{color:var(--sh-muted)}
.sh-composition{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:38px;min-height:545px;padding:35px 0 30px}.sh-copy{position:relative;z-index:2;min-width:0;padding-block:20px}.sh-copy .eyebrow{color:var(--sh-accent);font-size:10px;letter-spacing:.16em}.sh-copy h1{font-size:clamp(40px,4.5vw,67px);line-height:1.06;letter-spacing:-.048em;margin:23px 0;color:var(--sh-ink);overflow-wrap:anywhere}.sh-copy h1>span{display:block;color:var(--sh-accent);font-size:.74em;line-height:1.18;margin-top:15px;letter-spacing:-.035em}.sh-copy .lead{color:var(--sh-muted);font-size:15px;line-height:1.9;max-width:480px;margin-bottom:29px}.sh-copy .button-row{align-items:center;gap:25px}.sh-copy .button-mint{background:var(--sh-accent);border-color:var(--sh-accent);color:#fff;box-shadow:0 8px 25px #2355e81a;transition:transform .2s,box-shadow .2s}.sh-copy .button-mint:hover{transform:translateY(-3px);box-shadow:0 13px 30px #2355e830}.sh-secondary{display:inline-flex;align-items:center;gap:13px;color:var(--sh-ink);font-size:13px;font-weight:600;padding:12px 0}.sh-secondary .icon{width:16px;transition:transform .2s}.sh-secondary:hover .icon{transform:translateX(4px)}.sh-summary{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:29px;font-size:12px;color:var(--sh-muted)}.sh-summary>span{display:flex;align-items:center;gap:8px}.sh-summary>span+span{border-inline-start:1px solid var(--sh-line);padding-inline-start:20px}.sh-summary strong{color:var(--sh-ink);font-size:21px;font-variant-numeric:tabular-nums}.sh-summary .icon{width:16px;color:var(--sh-accent)}.sh-bottom{border-top:1px solid var(--sh-line);padding-block:17px;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:10px;letter-spacing:.12em;color:var(--sh-muted)}.sh-bottom a{display:flex;gap:10px;align-items:center;color:var(--sh-accent);letter-spacing:0;font-size:12px}.sh-bottom .icon{width:16px}.sh-hero a:focus-visible{outline:3px solid var(--sh-accent);outline-offset:5px}.sh-art{position:relative;width:100%;aspect-ratio:1.18;min-width:0;isolation:isolate;user-select:none;contain:layout style}.sh-art .icon{width:28px;height:28px}.sh-art *{box-sizing:border-box}.sh-art:before{content:"";position:absolute;inset:15%;border-radius:50%;background:var(--sh-accent);opacity:.09;filter:blur(60px);pointer-events:none}
/* Dedicated: machined metal, technical grid, sequential activity lights. */
.sh-dedicated{background:linear-gradient(115deg,#fff 10%,#f0f4fc 100%)}.sh-technical-grid{position:absolute;inset:5% -4% 0;background-image:linear-gradient(#bac9e429 1px,transparent 1px),linear-gradient(90deg,#bac9e429 1px,transparent 1px);background-size:35px 35px;mask-image:radial-gradient(ellipse,#000 30%,transparent 73%);transform:perspective(600px) rotateX(25deg) rotateZ(-12deg)}.sh-hardware-label{position:absolute;left:8%;top:0;font:10px/1.5 monospace;letter-spacing:.18em;color:var(--sh-muted)}.sh-hardware-label span{margin-left:18px;color:var(--sh-accent)}.sh-rack{position:absolute;display:flex;flex-direction:column;padding:13px;gap:9px;background:linear-gradient(120deg,#3a4a63,#172235 75%);border:1px solid #69758a;border-radius:15px;box-shadow:13px 18px 0 #c0cce0,20px 35px 45px #34476625;transform:perspective(1000px) rotateY(-17deg) rotateX(6deg);width:50%;left:19%;top:17%;height:68%}.sh-rack-back{left:46%;top:6%;width:37%;height:64%;background:linear-gradient(120deg,#a7b6cc,#62758f);opacity:.65;box-shadow:9px 10px 0 #b7c7df,12px 25px 30px #34476615}.sh-rack-cap{color:#dce9ff;font:9px/1.6 monospace;display:flex;justify-content:space-between;gap:8px;padding:5px 5px 10px;letter-spacing:.06em}.sh-rack-cap span{font-size:7px;color:#a8c0e5}.sh-rack-unit{position:relative;flex:1;min-height:0;border-radius:4px;background:linear-gradient(180deg,#34445f,#24324b);border:1px solid #536079;display:flex;align-items:center;gap:10px;padding:6px 8px;box-shadow:0 2px 3px #0003}.sh-rack-unit em{font:8px monospace;font-style:normal;color:#99aac6}.sh-rack-unit>i{height:65%;flex:1;background:repeating-linear-gradient(90deg,#0d172b 0 2px,transparent 2px 5px);border-radius:2px}.sh-rack-unit>b{width:4px;height:4px;border-radius:50%;background:#71dfc4;box-shadow:0 0 9px #71dfc466;animation:sh-led 3s ease-in-out infinite}.sh-rack-unit:nth-child(2n)>b{animation-delay:-1.5s}.sh-rack-unit:nth-child(3n)>b{animation-delay:-.7s}.sh-chip{position:absolute;bottom:7%;right:10%;width:84px;height:84px;background:var(--sh-card);border:1px solid #afc6f2;box-shadow:8px 9px 0 #c8d8f4,0 16px 35px #2355e81a;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--sh-accent);font:9px monospace;transform:rotate(-8deg);animation:sh-float 7s ease-in-out infinite}.sh-hardware-foot{position:absolute;bottom:-1%;left:20%;right:10%;display:flex;align-items:center;gap:12px;font:9px monospace;color:var(--sh-muted);letter-spacing:.12em}.sh-hardware-foot i{height:1px;flex:1;background:var(--sh-line)}
/* Windows: a luminous desktop, translucent planes and version cards. */
.sh-windows{--sh-accent:#2258d9;background:radial-gradient(ellipse at 90% 30%,#e2eaff,transparent 60%),#f8faff}.sh-windows .sh-art{aspect-ratio:1.13}.sh-window-orbit{position:absolute;inset:4% 3%;border:1px solid #c1d0ee;border-radius:50%;transform:rotate(-20deg);opacity:.7}.sh-window-orbit:after{content:"";position:absolute;inset:30px -25px;border:1px dashed #b0c6ee;border-radius:50%;transform:rotate(45deg)}.sh-windows-glow{position:absolute;inset:14% 5%;background:conic-gradient(from 40deg,#7aa7ff,#b8d7ff,#a9baff,#80b7ff);border-radius:45% 55% 65% 35%;opacity:.42;filter:blur(30px);animation:sh-glow 10s ease-in-out infinite alternate}.sh-desktop{position:absolute;left:6%;right:5%;top:16%;height:63%;border:1px solid #a7bfe5;border-radius:15px;overflow:hidden;background:#edf4ff;box-shadow:0 25px 65px #2c5c9b21,8px 9px 0 #d4e0f6;transform:perspective(1100px) rotateY(-10deg) rotateX(5deg)}.sh-window-bar{height:34px;border-bottom:1px solid #cbdaf1;background:#ffffffd9;display:flex;align-items:center;gap:5px;padding:0 13px;color:#57708f}.sh-window-bar>span{width:5px;height:5px;background:#becde1;border-radius:50%}.sh-window-bar b{margin-left:auto;font:8px monospace;letter-spacing:.1em}.sh-desktop-body{height:calc(100% - 34px);position:relative;overflow:hidden;background:radial-gradient(ellipse at 20% 110%,#a3beff,transparent 65%),linear-gradient(135deg,#f1f8ff,#d9e8ff)}.sh-window-mark{position:absolute;right:14%;top:16%;display:grid;grid-template-columns:1fr 1fr;gap:5px;width:37%;aspect-ratio:1;transform:perspective(400px) rotateY(-19deg) rotate(-10deg);filter:drop-shadow(0 10px 15px #2258d925)}.sh-window-mark i{background:linear-gradient(135deg,#529bff,#2556dd);box-shadow:inset 0 0 18px #ffffff30;animation:sh-window-light 7s ease-in-out infinite}.sh-window-mark i:nth-child(2){animation-delay:-2s}.sh-window-mark i:nth-child(3){animation-delay:-4s}.sh-desktop-word{position:absolute;left:8%;top:35%;font-size:clamp(15px,1.8vw,25px);line-height:1.5;color:#375680;letter-spacing:-.03em}.sh-desktop-word b{color:#19449e}.sh-desktop-taskbar{position:absolute;bottom:9px;left:35%;right:35%;height:25px;border:1px solid #ffffffa0;border-radius:8px;background:#ffffff70;display:flex;align-items:center;justify-content:center;gap:8px}.sh-desktop-taskbar i{width:10px;height:10px;border-radius:3px;background:#5484e8}.sh-desktop-taskbar i:nth-child(2){background:#74bcdf}.sh-desktop-taskbar i:nth-child(3){background:#9894ee}.sh-version-card{position:absolute;left:0;bottom:8%;padding:19px 23px;border:1px solid #c1d2ed;border-radius:12px;background:var(--sh-card);box-shadow:0 12px 35px #295fb318;animation:sh-float 8s ease-in-out infinite}.sh-version-card>span{display:block;font:8px monospace;color:var(--sh-muted);letter-spacing:.12em;margin-bottom:10px}.sh-version-card strong{font-size:18px;color:var(--sh-ink)}.sh-version-card i{font-style:normal;color:#aabedc;padding:0 5px}.sh-windows-mini{position:absolute;right:0;top:4%;display:flex;gap:9px;align-items:center;padding:12px 15px;background:var(--sh-card);border:1px solid var(--sh-line);border-radius:10px;font-size:11px;box-shadow:0 8px 20px #2c5c9b0d}.sh-windows-mini .menu-icon{width:24px;height:24px}.sh-windows-mini span{display:flex;flex-direction:column;gap:3px}
/* Mail: an open SMTP gateway with traveling, dashed signal lines. */
.sh-mail{--sh-accent:#5254cb;--sh-bg:#f8f8fe;background:radial-gradient(ellipse at 80% 50%,#eaeafa,transparent 60%),#fdfdff}.sh-mail .sh-art{aspect-ratio:1.2}.sh-mail-paths{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.sh-mail-paths path{stroke:#c7cbea;stroke-width:1.5}.sh-mail-paths path+path{stroke:#777bd3;stroke-dasharray:7 18;animation:sh-packets 10s linear infinite}.sh-mail-orbit{position:absolute;border:1px solid #d3d5ed;border-radius:50%;width:70%;height:75%;left:18%;top:12%;transform:rotate(-25deg)}.sh-mail-orbit-b{transform:rotate(32deg);width:55%;height:95%;left:26%;top:0;opacity:.6}.sh-mail-terminal{position:absolute;top:30%;left:9%;width:27%;height:44%;border:1px solid #aab1de;border-radius:15px;background:linear-gradient(140deg,#fff,#e9ebfa);box-shadow:7px 10px 0 #d4d7ee,0 20px 40px #4b51921a;display:flex;flex-direction:column;gap:13px;align-items:center;padding:23px 15px;color:#5459af;transform:perspective(500px) rotateY(13deg)}.sh-mail-terminal>span{font:9px monospace;letter-spacing:.13em}.sh-terminal-slots{width:100%;display:grid;gap:8px}.sh-terminal-slots i{height:12px;border:1px solid #c2c7e0;border-radius:3px;background:repeating-linear-gradient(90deg,#c8cde4 0 2px,transparent 2px 5px)}.sh-mail-port{position:absolute;top:31%;left:47%;width:26%;aspect-ratio:1;border:1px solid #a9ace0;border-radius:50%;background:var(--sh-card);box-shadow:0 0 0 12px #6669d10a,0 20px 40px #4b519214;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--sh-accent)}.sh-mail-port span{font:9px monospace;letter-spacing:.18em}.sh-mail-port strong{font-size:clamp(45px,5vw,70px);line-height:1.2;font-weight:500;letter-spacing:-.06em}.sh-mail-port>i{position:absolute;inset:-13px;border:1px solid transparent;border-top-color:#7478cb;border-bottom-color:#7478cb;border-radius:50%;animation:sh-orbit 14s linear infinite}.sh-envelope{position:absolute;width:72px;height:56px;background:var(--sh-card);border:1px solid #b9bde4;border-radius:12px;box-shadow:0 9px 25px #53559d12;display:grid;place-items:center;color:var(--sh-accent);animation:sh-float 6s ease-in-out infinite}.sh-envelope-one{right:4%;top:13%;transform:rotate(10deg)}.sh-envelope-two{right:1%;bottom:11%;animation-delay:-3s}.sh-envelope .icon{width:31px;height:31px}.sh-mail-note{position:absolute;left:8%;bottom:3%;font:11px monospace;color:var(--sh-muted)}.sh-mail-note span{padding:0 10px;color:var(--sh-accent)}
/* Storage: warm archival layers, floating files and slow orbital motion. */
.sh-storage{--sh-accent:#246a60;--sh-bg:#f6f8f5;--sh-line:#d2dfd7;--sh-muted:#50695f;background:radial-gradient(ellipse at 80% 40%,#e7efe3,transparent 65%),#fcfcf8}.sh-storage .sh-copy h1>span{max-width:510px}.sh-storage .sh-art{aspect-ratio:1.1}.sh-storage-caption{position:absolute;top:0;left:12%;font:9px monospace;letter-spacing:.14em;color:var(--sh-accent)}.sh-storage-caption span{color:var(--sh-muted);padding-left:10px}.sh-storage-stack{position:absolute;top:23%;left:23%;width:55%;height:63%;transform:perspective(700px) rotateY(-18deg) rotateX(16deg) rotateZ(-7deg);display:flex;flex-direction:column;justify-content:space-between}.sh-storage-slab{height:20%;padding:0 16px;border:1px solid #aebeb2;border-radius:12px;background:linear-gradient(180deg,#fbfdf8,#d1ded0);box-shadow:8px 9px 0 #b5c7b8,13px 18px 24px #244c2d1a;display:flex;align-items:center;gap:16px}.sh-storage-slab>span{font:10px monospace;color:#597363}.sh-storage-slab>i{height:35%;flex:1;background:repeating-linear-gradient(90deg,#9db5a2 0 2px,transparent 2px 6px)}.sh-storage-slab>b{width:6px;height:6px;border-radius:50%;background:#38846b;box-shadow:0 0 0 4px #38846b14;animation:sh-led 4s ease-in-out infinite}.sh-storage-slab:nth-child(2n)>b{animation-delay:-2s}.sh-storage-orbit{position:absolute;inset:15% -2%;border:1px solid #bdcfc0;border-radius:50%;transform:rotate(-35deg)}.sh-storage-orbit-two{inset:1% 23%;transform:rotate(40deg);border-style:dashed;opacity:.6}.sh-file{position:absolute;width:69px;height:80px;padding:13px 8px;border-radius:9px;background:var(--sh-card);border:1px solid #bfd1c3;box-shadow:0 10px 30px #345b3612;display:flex;flex-direction:column;align-items:center;gap:9px;color:var(--sh-accent);animation:sh-float 8s ease-in-out infinite}.sh-file span{font:8px monospace}.sh-file-one{left:6%;top:22%;transform:rotate(-8deg)}.sh-file-two{right:1%;top:5%;animation-delay:-3s;transform:rotate(8deg)}.sh-file-three{right:0;bottom:7%;animation-delay:-5s;transform:rotate(-5deg)}.sh-storage-bottom{position:absolute;bottom:0;left:18%;display:flex;align-items:center;gap:10px;color:var(--sh-muted);font:9px monospace;letter-spacing:.15em}.sh-storage-bottom .icon{width:17px}
@keyframes sh-float{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes sh-led{0%,100%{opacity:1}50%{opacity:.35}}@keyframes sh-orbit{to{rotate:360deg}}@keyframes sh-packets{to{stroke-dashoffset:-150}}@keyframes sh-glow{to{transform:rotate(15deg) scale(.9);opacity:.6}}@keyframes sh-window-light{50%{filter:brightness(1.18)}}
[data-theme=dark] .sh-hero{--sh-bg:#111c2c;--sh-card:#18283d;--sh-ink:#edf3ff;--sh-muted:#afbed1;--sh-line:#31415a;--sh-accent:#8eafff;background:radial-gradient(ellipse at 80% 40%,#1d304b,transparent 70%),#111c2c}[data-theme=dark] .sh-mail{--sh-accent:#b1adff}[data-theme=dark] .sh-storage{--sh-accent:#8ed2b8;background:radial-gradient(ellipse at 80% 40%,#203e35,transparent 70%),#111e1c}[data-theme=dark] .sh-copy .button-mint{background:#2c57d6;border-color:#2c57d6;color:#fff}[data-theme=dark] .sh-storage .sh-copy .button-mint{background:#286a57;border-color:#286a57}[data-theme=dark] .sh-mail .sh-copy .button-mint{background:#5856bd;border-color:#5856bd}[data-theme=dark] .sh-desktop{box-shadow:0 25px 65px #0003,8px 9px 0 #374c6d}[data-theme=dark] .sh-version-card strong{color:var(--sh-ink)}[data-theme=dark] .sh-storage-slab{background:linear-gradient(180deg,#476c5c,#294b3b);border-color:#729683;box-shadow:8px 9px 0 #1c352d,13px 18px 24px #0002}[data-theme=dark] .sh-storage-slab>span{color:#d2e4d6}[data-theme=dark] .sh-storage-slab>b{background:#94e0ba}[data-theme=dark] .sh-storage-slab>i{background:repeating-linear-gradient(90deg,#81a990 0 2px,transparent 2px 6px)}[data-theme=dark] .sh-mail-terminal{background:linear-gradient(140deg,#3c4067,#292c4c);color:#d3d1ff;box-shadow:7px 10px 0 #20243f,0 20px 40px #0002}
@media(min-width:1500px){.sh-composition{min-height:570px}}@media(max-width:1050px){.sh-composition{gap:22px;min-height:500px}.sh-copy h1{font-size:45px}.sh-copy .button-row{gap:16px}.sh-copy .lead{font-size:14px}.sh-rack-cap{font-size:7px}.sh-rack-cap span{font-size:6px}.sh-rack{padding:10px;gap:7px}.sh-version-card{padding:15px}.sh-version-card strong{font-size:15px}.sh-mail-terminal{gap:10px;padding:17px 12px}.sh-terminal-slots{gap:5px}.sh-mail-terminal>span{font-size:7px}}
@media(max-width:760px){.sh-hero .breadcrumbs{padding-top:20px;font-size:10px}.sh-composition{grid-template-columns:minmax(0,1fr);padding:15px 0 25px;gap:20px;min-height:0}.sh-copy{padding:15px 0 0}.sh-copy h1{font-size:clamp(36px,9vw,48px);margin:19px 0}.sh-copy h1>span{font-size:.75em;margin-top:12px}.sh-copy .lead{max-width:600px;font-size:14px;margin-bottom:22px}.sh-copy .button-row{gap:20px}.sh-copy .button{padding:13px 17px;font-size:12px}.sh-secondary{font-size:12px}.sh-summary{gap:13px;margin-top:22px;font-size:11px}.sh-summary>span+span{padding-inline-start:13px}.sh-summary strong{font-size:19px}.sh-art{max-width:440px;margin:8px auto 0;aspect-ratio:1.25}.sh-windows .sh-art{aspect-ratio:1.18}.sh-storage .sh-art{aspect-ratio:1.16}.sh-mail .sh-art{aspect-ratio:1.2}.sh-bottom{padding:14px 0;font-size:8px}.sh-bottom a{font-size:11px}.sh-desktop-word{font-size:19px}.sh-mail-port strong{font-size:48px}.sh-rack-cap{font-size:7px}.sh-rack-cap span{font-size:6px}.sh-rack{border-radius:10px;gap:6px;padding:9px}.sh-rack-unit{padding:4px 6px;gap:7px}.sh-chip{width:64px;height:64px;border-radius:12px;right:8%}.sh-chip .icon{width:24px}.sh-hardware-foot{font-size:8px;gap:7px;bottom:-3%}.sh-mail-terminal{padding:16px 10px;gap:9px;border-radius:11px}.sh-mail-terminal>.icon{height:23px}.sh-mail-terminal>span{font-size:7px}.sh-terminal-slots{gap:5px}.sh-terminal-slots i{height:9px}.sh-envelope{width:56px;height:46px}.sh-envelope .icon{width:25px}.sh-file{width:56px;height:67px;padding:9px 5px;gap:7px}.sh-file .icon{width:23px;height:23px}.sh-file span{font-size:7px}.sh-storage-slab{padding:0 11px;gap:10px;border-radius:9px}.sh-storage-caption{font-size:8px;left:6%}.sh-storage-bottom{font-size:8px}.sh-version-card{padding:13px 16px}.sh-version-card strong{font-size:15px}.sh-windows-mini{font-size:10px;padding:9px 12px}.sh-window-mark{gap:4px}.sh-window-bar b{font-size:7px}}
@media(prefers-reduced-motion:reduce){.sh-hero *,.sh-hero *:before,.sh-hero *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.sh-copy .button-mint:hover{transform:none}}