/* Hallmark · shape: kept product overview · genre: modern-minimal · theme: Cobalt (deal 3/3, seed cloudcore-virtual-server-hosting-2e6e) · redesign: restyle
 * hero: Settled · nav: balanced bar with real section destinations · footer: compact mast · imagery: service diagram and illustrative workspace · signature: the virtual server record connecting resources, network and billing
 * axes: light/grotesk-sans/cool · posture: restrained · job: open console · v2.0.0 */
/* Hallmark · pre-emit critique: P4 H4 E4 S3 R4 V3 · weakest: S, generic server illustration replaced by the CloudCore service model */
/* Hallmark · reworded "Your cloud. Under control." to "Your servers. Your control." · 19 and 38iii: specific product noun and one colour */
/* Hallmark · reworded section headings · 54: folded category labels into the headings; 63: removed arrows, decorative dots and middle-dot separators */
/* Hallmark · dropped #shadow, #side, #top · gate 80: decorative server illustration replaced by a semantic CloudCore service diagram */
@import url("./tokens.css");
@import url("./base.css");
@font-face{font-family:"Familjen Grotesk";font-weight:500;font-style:normal;font-display:swap;src:url('/fonts/familjen-500.ttf') format('truetype')}
@font-face{font-family:"Familjen Grotesk";font-weight:600;font-style:normal;font-display:swap;src:url('/fonts/familjen-600.ttf') format('truetype')}
@font-face{font-family:"IBM Plex Sans";font-weight:400;font-style:normal;font-display:swap;src:url('/fonts/plex-400.ttf') format('truetype')}
@font-face{font-family:"IBM Plex Sans";font-weight:500;font-style:normal;font-display:swap;src:url('/fonts/plex-500.ttf') format('truetype')}
:root{--container:1328px;--hero-type:clamp(3.3rem,5.8vw,5.75rem);--color-overlay:oklch(21% .028 262 / .62);--color-clear:transparent;--space-zero:0px;--space-auto:auto;--space-key:20px;--space-gap:32px;--space-section:112px;--space-half:56px;--space-dialog:48px;--font-mark:"Familjen Grotesk",system-ui,sans-serif}
html{scroll-behavior:smooth}html,body{overflow-x:clip}body{font-synthesis:none}a{text-decoration:none}button{cursor:pointer;color:var(--color-ink)}p{color:var(--color-ink-2);line-height:1.65}button,a,summary{-webkit-tap-highlight-color:var(--color-clear)}button:disabled,button[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none}button[aria-busy=true]{cursor:progress}a:hover{text-decoration:underline;text-decoration-color:var(--color-accent)}a:active,button:active{transform:translateY(1px)}summary:active{color:var(--color-accent)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.wrap{width:100%;max-width:var(--container);padding-inline:var(--gutter);margin-inline:var(--space-auto)}.skip{position:absolute;top:-100px;left:var(--space-md);z-index:var(--z-toast);padding:var(--space-md);background:var(--color-ink);color:var(--color-paper)}.skip:focus-visible{top:var(--space-md)}.header{height:88px;background:var(--color-paper);position:relative;z-index:var(--z-sticky-nav)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.brand{font:600 28px/1 var(--font-mark);letter-spacing:-.04em;display:flex;align-items:center;gap:var(--space-xs);white-space:nowrap}.brand svg{width:32px;color:var(--color-accent)}nav{display:flex;align-items:center;gap:var(--space-gap);font-family:var(--font-display);font-size:var(--text-md);font-weight:500}nav>a{white-space:nowrap}nav>a:hover{color:var(--color-accent)}.nav-console{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-rule-2);border-radius:var(--radius-input);box-shadow:var(--shadow-key);background:var(--color-key-face)}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--space-2xl);align-items:center;min-height:712px;padding-block:var(--space-2xl);border-bottom:1px solid var(--color-rule)}h1{font-size:var(--hero-type);line-height:1.01;letter-spacing:-.045em;color:var(--color-ink);max-width:11ch}.hero-description{font-size:var(--text-lead);max-width:31ch;margin-top:var(--space-lg)}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-lg);margin-top:var(--space-xl)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:var(--space-sm) var(--space-lg);border:1px solid var(--color-accent-edge);border-radius:var(--radius-input);font:500 var(--text-md)/1.2 var(--font-display);white-space:nowrap;background:var(--color-accent);color:var(--color-accent-ink);box-shadow:var(--shadow-key-accent);transition:transform var(--dur-micro) var(--ease-out)}.button:hover{transform:translateY(-1px);text-decoration:none}.button:active{transform:translateY(3px);box-shadow:var(--shadow-key-press)}.text-link{font:500 var(--text-md)/1.2 var(--font-display);min-height:48px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:5px}.hero-art{margin:var(--space-zero);min-width:0}.service-record{border-top:2px solid var(--color-ink);border-bottom:1px solid var(--color-rule-2);background:var(--color-paper-2);padding:var(--space-lg) var(--space-gap)}.record-title{font:600 32px/1.1 var(--font-display);letter-spacing:-.03em;padding-bottom:var(--space-lg)}.service-record dl{margin:var(--space-zero)}.service-record dl>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-gap);padding-block:var(--space-md);border-top:1px solid var(--color-rule-2)}dt{font-weight:500;color:var(--color-muted)}dd{margin:var(--space-zero);font-family:var(--font-display);font-size:22px;line-height:1.45}.record-close{border-top:1px solid var(--color-rule-2);padding-top:var(--space-lg);font-size:var(--text-sm);color:var(--color-ink-2)}figcaption{font:400 var(--text-sm)/1.5 var(--font-body);color:var(--color-muted);margin-top:var(--space-sm)}.section{padding-block:var(--space-section)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-gap);margin-bottom:var(--space-2xl)}h2{font-size:var(--text-section);color:var(--color-ink);max-width:21ch}.section-heading>p{width:40%;max-width:38ch;font-size:var(--text-md)}.platform-demo{display:grid;grid-template-columns:224px minmax(0,1fr);border-block:1px solid var(--color-rule-2);background:var(--color-paper)}.demo-sidebar{padding:var(--space-gap) var(--space-md);background:var(--color-paper-3);position:relative}.demo-brand{display:flex;gap:var(--space-xs);align-items:center;font:600 24px/1 var(--font-display);color:var(--color-accent);padding-inline:var(--space-sm)}.demo-brand span{font-size:20px;color:var(--color-ink)}.demo-account{display:block;font:500 var(--text-sm)/1.4 var(--font-display);color:var(--color-muted);margin:var(--space-gap) var(--space-sm) var(--space-md)}.demo-tab{width:100%;display:flex;align-items:center;text-align:left;border:0;border-bottom:1px solid var(--color-rule-2);min-height:48px;padding:var(--space-md) var(--space-sm);background:var(--color-clear);font:500 var(--text-md)/1.2 var(--font-display);color:var(--color-ink-2)}.demo-tab.selected{background:var(--color-paper);color:var(--color-accent)}.demo-tab:hover{background:var(--color-accent-wash)}.sidebar-foot{padding:var(--space-gap) var(--space-sm) var(--space-zero);font-size:var(--text-sm);color:var(--color-muted)}.demo-main{min-width:0}.demo-top{display:flex;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg) var(--space-gap);font-size:var(--text-sm);border-bottom:1px solid var(--color-rule);color:var(--color-muted)}.example-label{font-size:var(--text-sm);color:var(--color-muted)}.demo-body{padding:var(--space-gap)}.demo-body h3{font-size:28px}.demo-subtitle{font-size:var(--text-md);margin-top:var(--space-sm);margin-bottom:var(--space-lg)}.server-row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) auto;gap:var(--space-md);align-items:center;border-top:1px solid var(--color-rule);padding-block:var(--space-lg);font-size:var(--text-sm)}.server-row strong{font-weight:500;color:var(--color-ink)}.server-row small{display:block;font-size:var(--text-sm);color:var(--color-muted);margin-top:var(--space-2xs)}.sample-status{font-size:var(--text-sm);color:var(--color-muted)}.demo-bottom{display:flex;gap:var(--space-md);justify-content:space-between;margin-top:var(--space-lg);font-size:var(--text-sm);color:var(--color-muted)}.demo-bottom a{color:var(--color-accent);white-space:nowrap}.platform-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-gap);margin-top:var(--space-xl)}.platform-details h3{font-size:var(--text-title);margin-bottom:var(--space-sm)}.platform-details p{font-size:var(--text-md)}.compute-section{background:var(--color-paper-2);border-block:1px solid var(--color-rule)}.compute-grid{display:flex;flex-direction:column}.compute-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,.7fr);align-items:start;gap:var(--space-gap);padding-block:var(--space-gap);border-top:1px solid var(--color-rule-2)}.compute-card h3{font-size:var(--text-title)}.compute-card p{font-size:var(--text-md)}.card-tags{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xs);font:500 var(--text-sm)/1.5 var(--font-display);color:var(--color-muted)}.compute-footer{border-top:1px solid var(--color-rule-2);display:flex;justify-content:space-between;align-items:center;gap:var(--space-gap);padding-top:var(--space-xl)}.compute-footer strong{font-weight:500;color:var(--color-ink)}.compute-footer p{font-size:var(--text-md)}.ai-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-gap);align-items:center}.ai-copy h2{max-width:16ch}.ai-copy>p{font-size:var(--text-md);max-width:40ch;margin-top:var(--space-lg)}.check-list{list-style:none;padding:var(--space-zero);margin-block:var(--space-gap);font-size:var(--text-md)}.check-list li{border-top:1px solid var(--color-rule);padding-block:var(--space-sm)}.development-note{display:block;font-size:var(--text-sm);color:var(--color-muted)}.ai-illustration{min-width:0}.ai-window{background:var(--color-graphite);color:var(--color-graphite-ink);padding:var(--space-gap);border-radius:var(--radius-card)}.ai-window-top{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);border-bottom:1px solid var(--color-graphite-glyph-2);padding-bottom:var(--space-lg);font:500 var(--text-md)/1.4 var(--font-display)}.ai-window-top>span:last-child{font-size:var(--text-sm);color:var(--color-graphite-muted)}.user-message{font:500 24px/1.3 var(--font-display);margin-top:var(--space-gap)}.assistant-message{margin-top:var(--space-lg)}.assistant-message strong{font-weight:500}.assistant-message p{font-size:var(--text-md);color:var(--color-graphite-muted);margin-top:var(--space-xs)}.ai-flow{margin-top:var(--space-lg)}.ai-flow>div{position:relative;padding:var(--space-md) var(--space-zero) var(--space-md) var(--space-gap);border-top:1px solid var(--color-graphite-glyph-2)}.ai-flow>div>span{position:absolute;left:0;color:var(--color-accent-2);font-size:var(--text-sm)}.ai-flow strong{display:block;font:500 var(--text-md)/1.4 var(--font-display)}.ai-flow small{display:block;font-size:var(--text-sm);color:var(--color-graphite-muted);margin-top:var(--space-2xs)}.concept-note{font-size:var(--text-sm);color:var(--color-graphite-muted);margin-top:var(--space-lg)}.ai-caption{font-size:var(--text-sm);color:var(--color-muted);margin-top:var(--space-md)}.workflow-section{border-block:1px solid var(--color-rule)}.workflow-section .section{padding-block:var(--space-3xl)}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-gap);counter-reset:step}.steps article{border-top:1px solid var(--color-rule-2);padding-top:var(--space-lg);counter-increment:step}.steps h3{margin-bottom:var(--space-md)}.steps h3::before{content:counter(step) '. ';color:var(--color-muted)}.steps p{font-size:var(--text-md)}.faq-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:var(--space-gap)}.faq-section>div>p{font-size:var(--text-md);margin-top:var(--space-lg)}.faq-list details{padding-block:var(--space-lg);border-bottom:1px solid var(--color-rule-2)}.faq-list details:first-child{padding-top:var(--space-zero)}.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);font:500 20px/1.4 var(--font-display);cursor:pointer;min-height:44px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-weight:500;font-size:24px;color:var(--color-muted)}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{font-size:var(--text-md);margin-top:var(--space-md)}.faq-list a{color:var(--color-accent);text-decoration:underline}.closing{background:var(--color-paper-3);border-block:1px solid var(--color-rule-2)}.closing-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-gap);padding-block:var(--space-2xl)}.closing h2{font-size:var(--text-section)}.closing p{font-size:var(--text-sm);color:var(--color-muted);margin-top:var(--space-md)}.closing-orbit{display:none}.footer{padding-block:var(--space-half) var(--space-gap)}.footer-top{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-lg)}.footer-top .brand{font-size:28px}.footer-top p{font-size:var(--text-sm);margin-right:var(--space-auto)}.footer-top>a:not(.brand){font-size:var(--text-sm)}.footer-bottom{display:flex;justify-content:space-between;gap:var(--space-lg);border-top:1px solid var(--color-rule);padding-top:var(--space-lg);margin-top:var(--space-xl);font-size:var(--text-sm);color:var(--color-muted)}.footer-bottom button{border:0;background:var(--color-clear);padding:var(--space-zero);color:var(--color-ink-2);font-size:var(--text-sm);text-decoration:underline}dialog{border:1px solid var(--color-rule-2);border-radius:var(--radius-card);width:min(600px,calc(100% - 32px));padding:var(--space-zero);background:var(--color-paper);color:var(--color-ink)}dialog::backdrop{background:var(--color-overlay)}.dialog-inner{padding:var(--space-dialog)}.dialog-inner h2{font-size:32px}.dialog-inner p{margin-top:var(--space-lg);font-size:var(--text-md)}.dialog-inner>button{float:right;border:1px solid var(--color-rule-2);background:var(--color-paper-2);width:44px;height:44px;font-size:28px;border-radius:var(--radius-input)}
@supports(corner-shape:bevel){.ai-window{border-radius:var(--cut-l) 4px var(--cut-l) 4px;corner-shape:bevel round bevel round}}
@media(min-width:1400px){.hero{min-height:812px}}@media(min-width:1800px){.hero{min-height:992px}}@media(max-width:1100px){nav{gap:var(--space-md);font-size:var(--text-sm)}.hero{gap:var(--space-gap)}.demo-top{flex-wrap:wrap}.server-row{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.sample-status{grid-column:2}.demo-bottom{flex-wrap:wrap}.service-record{padding-inline:var(--space-lg)}}
@media(max-width:800px){.header{height:80px}.menu-toggle{display:flex;align-items:center;gap:var(--space-sm);min-height:44px;border:1px solid var(--color-rule-2);border-radius:var(--radius-input);background:var(--color-paper);padding:var(--space-xs) var(--space-md);font-size:var(--text-md)}nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--color-paper);padding:var(--space-lg);border-bottom:1px solid var(--color-rule-2);font-size:var(--text-md)}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-zero)}nav>a{padding:var(--space-md)}.hero{grid-template-columns:minmax(0,1fr);min-height:0;padding-block:var(--space-2xl);gap:var(--space-xl)}h1{max-width:12ch;font-size:clamp(3.5rem,9vw,5rem)}.hero-art{width:100%}.service-record dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-gap)}.service-record dl>div{display:block}.service-record dd{margin-top:var(--space-sm)}.record-close{margin-top:var(--space-md)}.section-heading{align-items:flex-start;gap:var(--space-gap);margin-bottom:var(--space-xl)}.section-heading>p{width:45%}.platform-demo{grid-template-columns:180px minmax(0,1fr)}.demo-tab{font-size:var(--text-sm);padding-inline:var(--space-xs)}.demo-body{padding:var(--space-lg)}.demo-top{padding:var(--space-lg)}.server-row{grid-template-columns:minmax(0,1fr)}.sample-status{grid-column:auto}.platform-details{grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}.platform-details>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:var(--space-gap)}.compute-card{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}.card-tags{grid-column:2;flex-direction:row;flex-wrap:wrap}.ai-section{grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}.ai-copy h2,.ai-copy>p{max-width:100%}.steps{grid-template-columns:minmax(0,1fr)}.steps article{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:var(--space-gap)}.faq-section{grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}.closing-inner{align-items:flex-start}.footer-bottom{flex-wrap:wrap}.footer-top p{margin-right:var(--space-zero)}}
@media(max-width:480px){:root{--space-section:72px;--space-dialog:24px}.header{height:72px}.brand{font-size:25px}.brand svg{width:28px}nav{top:72px}.hero{padding-top:var(--space-xl);padding-bottom:var(--space-half)}h1{font-size:clamp(3rem,13vw,4rem)}.hero-description{font-size:var(--text-lg);max-width:27ch}.actions{gap:var(--space-md);margin-top:var(--space-gap)}.button{padding-inline:var(--space-md);font-size:var(--text-md)}.text-link{font-size:var(--text-md)}.record-title{font-size:28px}.service-record{padding:var(--space-lg) var(--space-md)}.service-record dl{gap:var(--space-md)}.service-record dt{font-size:var(--text-sm)}.service-record dd{font-size:18px}.record-close{font-size:var(--text-sm)}.section-heading{display:block}.section-heading>p{width:100%;max-width:none;margin-top:var(--space-lg)}h2{font-size:36px;max-width:100%}.platform-demo{display:block}.demo-sidebar{display:flex;flex-wrap:wrap;padding:var(--space-md);gap:var(--space-xs)}.demo-brand{width:100%;padding:var(--space-zero);margin-bottom:var(--space-sm)}.demo-account,.sidebar-foot{display:none}.demo-tab{width:auto;flex:1;padding:var(--space-md) var(--space-2xs);text-align:center;justify-content:center;white-space:nowrap;font-size:13px}.demo-body{padding:var(--space-lg) var(--space-md)}.demo-top{padding:var(--space-md);font-size:var(--text-sm)}.demo-body h3{font-size:26px}.server-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-sm);font-size:var(--text-sm)}.server-row>div,.server-row>strong{grid-column:1/-1}.sample-status{grid-column:auto}.server-row strong{font-size:var(--text-md)}.platform-details>div,.compute-card,.steps article{grid-template-columns:minmax(0,1fr);gap:var(--space-sm)}.platform-details h3{margin:var(--space-zero)}.compute-card{padding-block:var(--space-lg)}.card-tags{grid-column:auto;margin-top:var(--space-xs)}.compute-footer{flex-direction:column;align-items:flex-start;gap:var(--space-lg)}.ai-window{padding:var(--space-lg)}.ai-window-top{align-items:flex-start;flex-wrap:wrap}.user-message{font-size:24px}.ai-copy h2{max-width:14ch}.ai-flow>div{padding-left:var(--space-lg)}.workflow-section .section{padding-block:var(--space-2xl)}.steps h3{margin:var(--space-zero)}.faq-list summary{font-size:20px}.closing-inner{flex-direction:column;padding-block:var(--space-xl);gap:var(--space-gap)}.footer-top{align-items:flex-start}.footer-top .brand{width:100%;font-size:32px}.footer-top p{width:100%}.footer-bottom{gap:var(--space-md)}.footer-bottom span:nth-child(2){width:100%;order:3}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}