/* =========================================================
   HCloud 9.1 — Portal Experience Rebuild
   Arctic default · public poster · isolated portal modes
   ========================================================= */

/* Mode isolation: customer navigation must never exist before authentication. */
html.hcloud-v91[data-portal-mode="public"] #auth,
html.hcloud-v91[data-portal-mode="public"] #customer,
html.hcloud-v91[data-portal-mode="auth"] #public,
html.hcloud-v91[data-portal-mode="auth"] #customer,
html.hcloud-v91[data-portal-mode="customer"] #public,
html.hcloud-v91[data-portal-mode="customer"] #auth{display:none!important}
html.hcloud-v91:not([data-portal-mode="customer"]) #side,
html.hcloud-v91:not([data-portal-mode="customer"]) .v903-dynamic-rail,
html.hcloud-v91:not([data-portal-mode="customer"]) .v8-mobile-dock,
html.hcloud-v91:not([data-portal-mode="customer"]) .v905-mobile-dock{display:none!important;visibility:hidden!important;pointer-events:none!important}

/* Arctic top surfaces must feel bright, not like a dark bar placed over a light app. */
html.hcloud-v91[data-theme="arctic"] .top,
html.hcloud-v91[data-theme="arctic"] .topbar,
html.hcloud-v91[data-theme="arctic"] .public-head{
  background:rgba(255,255,255,.88)!important;
  border-color:rgba(47,76,112,.11)!important;
  color:#102033!important;
  box-shadow:0 10px 35px rgba(44,73,108,.075)!important;
  backdrop-filter:blur(24px) saturate(1.08)!important;
}
html.hcloud-v91[data-theme="arctic"] .top .btn,
html.hcloud-v91[data-theme="arctic"] .public-head .btn,
html.hcloud-v91[data-theme="arctic"] .topbar .btn{background:#fff!important;color:#17263a!important;border-color:rgba(47,76,112,.13)!important}
html.hcloud-v91[data-theme="arctic"] .top .btn.primary,
html.hcloud-v91[data-theme="arctic"] .public-head .btn.primary,
html.hcloud-v91[data-theme="arctic"] .topbar .btn.primary{background:var(--v9-accent)!important;color:#fff!important;border-color:var(--v9-accent)!important}



/* 9.1.1 — force the customer header to be a true Arctic surface.
   Older shell layers used translucent dark backgrounds, so this selector
   intentionally targets the exact customer top bar with a solid light base. */
html.hcloud-v91[data-portal-mode="customer"][data-theme="arctic"] #customer > .main > .top{
  background:#f9fcff!important;
  background-image:linear-gradient(180deg,#ffffff 0%,#f5f9fd 100%)!important;
  border-bottom:1px solid rgba(47,76,112,.12)!important;
  color:#102033!important;
  box-shadow:0 12px 34px rgba(44,73,108,.075)!important;
  backdrop-filter:blur(18px) saturate(1.04)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.04)!important;
  isolation:isolate!important;
}
html.hcloud-v91[data-portal-mode="customer"][data-theme="arctic"] #customer > .main > .top:before,
html.hcloud-v91[data-portal-mode="customer"][data-theme="arctic"] #customer > .main > .top:after{display:none!important}
html.hcloud-v91[data-portal-mode="customer"][data-theme="arctic"] #customer > .main > .top #pageTitle{color:#102033!important}
html.hcloud-v91[data-portal-mode="customer"][data-theme="arctic"] #customer > .main > .top #pageTitle + .muted,
html.hcloud-v91[data-portal-mode="customer"][data-theme="arctic"] #customer > .main > .top #pageTitle + div{color:#6b7f94!important}
html.hcloud-v91[data-portal-mode="customer"][data-theme="arctic"] #customer > .main > .top .nav-actions .btn,
html.hcloud-v91[data-portal-mode="customer"][data-theme="arctic"] #customer > .main > .top #mobileMenu{
  background:#ffffff!important;
  color:#1b3048!important;
  border-color:rgba(47,76,112,.14)!important;
  box-shadow:0 7px 20px rgba(49,75,108,.06)!important;
}
html.hcloud-v91[data-portal-mode="customer"][data-theme="arctic"] #customer > .main > .top .nav-actions .btn:hover,
html.hcloud-v91[data-portal-mode="customer"][data-theme="arctic"] #customer > .main > .top #mobileMenu:hover{
  background:#edf4ff!important;
  border-color:rgba(50,104,242,.25)!important;
  color:#2458d6!important;
}

/* The public product configurator was intentionally removed from the poster.
   It remains in the DOM for backward-compatible scripts, but never occupies
   layout space or creates a visual section on the public landing page. */
html.hcloud-v91[data-portal-mode="public"] #plans{display:none!important}

/* Better Latin numerals in financial surfaces. */
html.hcloud-v91 .v9-balance-number strong,
html.hcloud-v91 .v905-wallet-balance strong,
html.hcloud-v91 .v905-wallet-page [class*="balance"] strong,
html.hcloud-v91 .v9-plan-price strong,
html.hcloud-v91 .v908-summary-price strong,
html.hcloud-v91 .cost-total{
  font-family:Bahnschrift,"SF Pro Display","Segoe UI Variable Display","Segoe UI",Roboto,Arial,sans-serif!important;
  font-variant-numeric:tabular-nums lining-nums!important;
  letter-spacing:-.045em!important;
  font-weight:700!important;
}

/* Purchase step guide — large enough to work as real wayfinding. */
html.hcloud-v91 .v9-stepper{gap:8px!important;min-width:min(560px,100%);justify-content:flex-end!important}
html.hcloud-v91 .v9-stepper span{gap:8px!important;min-width:58px!important}
html.hcloud-v91 .v9-stepper span b{width:34px!important;height:34px!important;border-radius:11px!important;font-size:12px!important;font-weight:850!important}
html.hcloud-v91 .v9-stepper span small{font-size:10.5px!important;font-weight:720!important;white-space:nowrap!important}
html.hcloud-v91 .v9-stepper>i{width:38px!important;min-width:22px!important;height:2px!important}

/* Operating system selector: full viewport, complete scroll, no clipped top/bottom. */
html.hcloud-v91 .v908-builder-backdrop{overflow:visible!important}
html.hcloud-v91 .v908-os-picker{
  position:absolute!important;inset:0!important;z-index:1200!important;
  padding:max(22px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left))!important;
  overflow:auto!important;overscroll-behavior:contain!important;place-items:center!important;
  background:rgba(12,20,34,.46)!important;backdrop-filter:blur(18px) saturate(1.08)!important;
}
html.hcloud-v91 .v908-os-sheet{
  width:min(820px,100%)!important;
  max-height:calc(100dvh - max(44px,env(safe-area-inset-top) + env(safe-area-inset-bottom)))!important;
  min-height:min(620px,calc(100dvh - 44px));
  grid-template-rows:auto minmax(0,1fr)!important;
  overflow:hidden!important;
}
html.hcloud-v91 .v908-os-grid{
  min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;
  padding:16px 16px max(28px,env(safe-area-inset-bottom))!important;
  scroll-padding-block:14px!important;
}

/* Public landing reset and visual system. */
html.hcloud-v91[data-portal-mode="public"]{color-scheme:light}
html.hcloud-v91[data-portal-mode="public"] body{
  background:
    radial-gradient(circle at 14% 8%,rgba(50,104,242,.11),transparent 28%),
    radial-gradient(circle at 86% 14%,rgba(20,184,166,.095),transparent 25%),
    linear-gradient(180deg,#f8fbfe 0%,#eef5fb 46%,#f8fbfe 100%)!important;
  color:#102033!important;
}
html.hcloud-v91[data-portal-mode="public"] body:before,
html.hcloud-v91[data-portal-mode="public"] body:after{display:none!important}
.v91-public{--p-text:#102033;--p-soft:#334a62;--p-muted:#6e8197;--p-line:rgba(46,76,111,.13);--p-blue:#3268f2;--p-cyan:#14b8a6;--p-navy:#0b1b2e;--p-card:#fff;--p-shadow:0 30px 80px rgba(54,82,116,.13);position:relative;overflow:clip;color:var(--p-text);background:transparent!important}
.v91-public *{box-sizing:border-box}
.v91-public-main{display:block}
.v91-public-head{height:76px!important;max-width:none!important;padding-inline:max(24px,calc((100vw - 1440px)/2))!important;position:sticky!important;top:0!important;z-index:200!important}
.v91-brand{font-size:14px!important;color:#13243a!important}
.v91-brand .brand-mark{width:42px!important;height:42px!important;border-radius:14px!important;background:linear-gradient(145deg,#285be7,#18b7ab)!important;box-shadow:0 12px 28px rgba(50,104,242,.22)!important}
.v91-public-nav{display:flex;align-items:center;gap:26px}
.v91-public-nav a{font-size:11px;font-weight:700;color:#50657c;position:relative}
.v91-public-nav a:after{content:"";position:absolute;inset:auto 0 -9px;height:2px;background:var(--p-blue);transform:scaleX(0);transition:transform .2s ease}
.v91-public-nav a:hover{color:#17293f}.v91-public-nav a:hover:after{transform:scaleX(1)}
.v91-nav-actions .btn{min-height:42px!important;border-radius:12px!important;font-size:10.5px!important;font-weight:730!important;padding-inline:14px!important}

.v91-hero-poster{
  width:min(1460px,calc(100% - 36px));min-height:760px;margin:18px auto 0;padding:clamp(48px,7vw,96px) clamp(24px,5vw,70px);
  display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);gap:clamp(34px,5vw,74px);align-items:center;
  position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(50,92,137,.11);border-radius:42px;
  background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(239,247,255,.94));box-shadow:0 42px 130px rgba(44,73,108,.16);
}
.v91-poster-grid{position:absolute;z-index:-5;inset:0;background-image:linear-gradient(rgba(43,82,126,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(43,82,126,.05) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 100%)}
.v91-poster-beam{position:absolute;z-index:-4;border-radius:999px;filter:blur(2px);opacity:.7}.v91-poster-beam.beam-a{width:720px;height:720px;right:-250px;top:-300px;background:radial-gradient(circle,rgba(50,104,242,.19),rgba(20,184,166,.055) 46%,transparent 72%)}.v91-poster-beam.beam-b{width:480px;height:480px;left:-230px;bottom:-260px;background:radial-gradient(circle,rgba(20,184,166,.12),transparent 70%)}
.v91-hero-copy{position:relative;z-index:2;max-width:650px}
.v91-live-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid rgba(20,184,166,.25);border-radius:999px;background:rgba(20,184,166,.075);font-size:9px;font-weight:760;color:#167a70}.v91-live-badge i{width:7px;height:7px;border-radius:50%;background:#17b998;box-shadow:0 0 0 5px rgba(23,185,152,.11);animation:v91Pulse 1.8s ease-in-out infinite}.v91-live-badge b{padding-inline-start:8px;border-inline-start:1px solid rgba(20,184,166,.2);font-family:Bahnschrift,"Segoe UI",sans-serif;font-size:10px}
.v91-kicker{margin:21px 0 11px;color:#587089;font-size:8px;font-weight:850;letter-spacing:.19em;direction:ltr;text-align:start}
.v91-hero-copy h1{margin:0;font-family:var(--v9-font-display)!important;font-size:clamp(48px,5.9vw,92px)!important;line-height:.98!important;letter-spacing:-.06em!important;font-weight:650!important;color:#0f2034!important}
.v91-hero-copy h1 span,.v91-hero-copy h1 strong{display:block}.v91-hero-copy h1 strong{margin-top:5px;background:linear-gradient(105deg,#285ce9 0%,#3268f2 36%,#0aa69a 100%);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:690}
.v91-hero-lead{max-width:620px;margin:24px 0 0;color:#5d7288!important;font-size:clamp(13px,1.2vw,16px)!important;line-height:1.95!important}
.v91-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.v91-cta{min-height:52px;border-radius:15px;border:1px solid var(--p-line);padding:0 19px;font-family:var(--v9-font-ui);font-size:11px;font-weight:780;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:background-color .18s ease,border-color .18s ease,box-shadow .2s ease,color .18s ease,transform .08s ease}.v91-cta svg{width:17px;height:17px;stroke-width:1.8}.rtl .v91-cta svg{transform:scaleX(-1)}.v91-cta.primary{background:#2f64ef;color:#fff;border-color:#2f64ef;box-shadow:0 15px 36px rgba(50,104,242,.25)}.v91-cta.primary:hover{background:#285be2;box-shadow:0 18px 42px rgba(50,104,242,.3)}.v91-cta.secondary{background:rgba(255,255,255,.8);color:#1a3048}.v91-cta.secondary:hover{border-color:rgba(50,104,242,.28);background:#fff}.v91-cta:active{transform:scale(.985)}
.v91-proof-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:34px}.v91-proof-row>div{display:flex;align-items:center;gap:9px;min-width:0;padding:10px;border:1px solid rgba(49,82,119,.1);border-radius:14px;background:rgba(255,255,255,.68)}.v91-proof-icon{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto;background:#edf4ff;color:#3268f2}.v91-proof-icon svg{width:17px;height:17px;stroke-width:1.7}.v91-proof-row p{margin:0;min-width:0}.v91-proof-row b,.v91-proof-row small{display:block}.v91-proof-row b{font-size:9px;color:#1a2d44}.v91-proof-row small{margin-top:2px;font-size:6.9px;color:#73859a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.v91-cloud-stage{--rx:0deg;--ry:0deg;position:relative;min-height:620px;display:grid;place-items:center;perspective:1200px;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .22s ease-out}
.v91-stage-halo{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.v91-stage-halo.halo-a{width:510px;height:510px;background:radial-gradient(circle,rgba(50,104,242,.20),rgba(50,104,242,.035) 53%,transparent 72%);animation:v91Halo 8s ease-in-out infinite alternate}.v91-stage-halo.halo-b{width:390px;height:390px;background:radial-gradient(circle,rgba(20,184,166,.13),transparent 70%);transform:translate(110px,90px);animation:v91Halo 10s ease-in-out infinite alternate-reverse}
.v91-orbit{position:absolute;inset:50%;border:1px solid rgba(55,99,148,.15);border-radius:50%;transform-origin:center;pointer-events:none}.v91-orbit:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#2f64ef;box-shadow:0 0 0 6px rgba(47,100,239,.10)}.v91-orbit-one{width:550px;height:300px;margin:-150px 0 0 -275px;transform:rotate(-8deg);animation:v91OrbitA 17s linear infinite}.v91-orbit-two{width:440px;height:440px;margin:-220px 0 0 -220px;transform:rotate(19deg);animation:v91OrbitB 23s linear infinite}.v91-orbit-three{width:620px;height:390px;margin:-195px 0 0 -310px;transform:rotate(32deg);animation:v91OrbitC 28s linear infinite}.v91-orbit-one:after{top:34px;left:60px}.v91-orbit-two:after{right:36px;top:120px;background:#14b8a6}.v91-orbit-three:after{left:95px;bottom:55px;background:#f59e0b}
.v91-region-chip{position:absolute;display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid rgba(50,82,119,.14);border-radius:13px;background:rgba(255,255,255,.86);box-shadow:0 12px 28px rgba(44,73,108,.12);backdrop-filter:blur(14px);white-space:nowrap;animation:v91CounterRotate 17s linear infinite reverse}.v91-region-chip i{width:8px;height:8px;border-radius:50%;background:#2f64ef}.v91-region-chip b{font-family:Bahnschrift,"Segoe UI",sans-serif;font-size:10px;letter-spacing:.03em}.v91-region-chip small{font-size:7px;color:#75879a}.v91-region-chip.fsn{left:28px;top:35px}.v91-region-chip.hel{right:12px;bottom:58px;animation-duration:23s}.v91-region-chip.hel i{background:#14b8a6}.v91-region-chip.nbg{left:70px;bottom:20px;animation-duration:28s}.v91-region-chip.nbg i{background:#f59e0b}
.v91-core-card{position:relative;z-index:5;width:min(520px,86%);border:1px solid rgba(50,82,119,.14);border-radius:26px;padding:17px;background:rgba(255,255,255,.90);box-shadow:0 34px 95px rgba(40,71,108,.19);backdrop-filter:blur(22px);transform:translateZ(40px);animation:v91Float 5.2s ease-in-out infinite}.v91-core-card>header{display:flex;align-items:center;gap:10px;padding-bottom:13px;border-bottom:1px solid rgba(50,82,119,.10)}.v91-core-logo{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#2b5ee8,#13b7aa);color:#fff;font-family:Bahnschrift,"Segoe UI",sans-serif;font-weight:800;box-shadow:0 10px 23px rgba(50,104,242,.22)}.v91-core-card header>div{min-width:0;flex:1}.v91-core-card header small,.v91-core-card header b{display:block}.v91-core-card header small{font-size:6.5px;letter-spacing:.12em;color:#7d8fa2}.v91-core-card header b{margin-top:3px;font-family:Bahnschrift,"Segoe UI",sans-serif;font-size:11px;direction:ltr;text-align:start}.v91-core-card header em{display:flex;align-items:center;gap:5px;font-family:Bahnschrift,"Segoe UI",sans-serif;font-size:7px;font-style:normal;color:#118d76}.v91-core-card header em i{width:6px;height:6px;border-radius:50%;background:#18b998;box-shadow:0 0 0 4px rgba(24,185,152,.10)}
.v91-core-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.v91-core-metrics>div{padding:9px;border:1px solid rgba(50,82,119,.1);border-radius:12px;background:#f7faff}.v91-core-metrics small,.v91-core-metrics b{display:block}.v91-core-metrics small{font-size:6.5px;color:#7a8da2}.v91-core-metrics b{margin-top:4px;font-family:Bahnschrift,"Segoe UI",sans-serif;font-size:10px}.v91-core-metrics span{display:block;height:3px;margin-top:7px;border-radius:99px;background:#e4edf8;overflow:hidden}.v91-core-metrics i{display:block;width:var(--v);height:100%;border-radius:inherit;background:linear-gradient(90deg,#3268f2,#14b8a6)}
.v91-core-console{margin-top:10px;padding:12px;border-radius:14px;background:#0d1a2a;color:#c8d8ea;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:7.8px;line-height:1.75;direction:ltr;text-align:left}.v91-core-console p{margin:0}.v91-core-console span{color:#77a3ff}.v91-core-console .ok{color:#5ee2bb}.v91-core-console .pulse{color:#f8c66c;animation:v91ConsolePulse 1.5s steps(2,end) infinite}.v91-core-card>footer{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.v91-core-card>footer button{height:38px;border:1px solid rgba(50,82,119,.11);border-radius:11px;background:#f8fbff;color:#29415b;display:flex;align-items:center;justify-content:center;gap:5px;font-size:7.5px;font-weight:720}.v91-core-card>footer button svg{width:14px;height:14px;stroke-width:1.8}.v91-core-card>footer button:hover{background:#eef5ff;border-color:rgba(50,104,242,.22)}
.v91-floating-stat{position:absolute;z-index:7;min-width:124px;padding:10px 12px;border:1px solid rgba(50,82,119,.13);border-radius:14px;background:rgba(255,255,255,.88);box-shadow:0 14px 34px rgba(44,73,108,.12);backdrop-filter:blur(15px);animation:v91FloatMini 4.5s ease-in-out infinite}.v91-floating-stat span,.v91-floating-stat b{display:block}.v91-floating-stat span{font-size:6px;letter-spacing:.11em;color:#7e90a3}.v91-floating-stat b{margin-top:4px;font-family:Bahnschrift,"Segoe UI",sans-serif;font-size:14px}.v91-floating-stat i{display:block;width:26px;height:3px;margin-top:8px;border-radius:99px;background:#14b8a6}.v91-floating-stat.stat-a{right:1%;top:18%}.v91-floating-stat.stat-b{left:3%;bottom:16%;animation-delay:-2s}.v91-floating-stat.stat-b i{background:#3268f2}
.v91-packet{position:absolute;z-index:3;width:5px;height:5px;border-radius:50%;background:#3268f2;box-shadow:0 0 0 6px rgba(50,104,242,.07)}.v91-packet.packet-a{animation:v91PacketA 4.8s linear infinite}.v91-packet.packet-b{animation:v91PacketB 6.1s linear infinite 1s;background:#14b8a6}.v91-packet.packet-c{animation:v91PacketC 7.3s linear infinite 2.2s;background:#f59e0b}

.v91-signal-strip{width:min(1380px,calc(100% - 44px));margin:24px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--p-line);border-radius:22px;overflow:hidden;background:var(--p-line);box-shadow:0 14px 40px rgba(44,73,108,.06)}.v91-signal-strip>div{min-height:104px;padding:17px 20px;display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.86)}.v91-signal-strip>div>span{font-family:Bahnschrift,"Segoe UI",sans-serif;font-size:10px;color:#3268f2}.v91-signal-strip p{margin:0}.v91-signal-strip b,.v91-signal-strip small{display:block}.v91-signal-strip b{font-size:11px}.v91-signal-strip small{margin-top:5px;color:#718399;font-size:8px;line-height:1.65}

.v91-section{max-width:1380px!important;padding:92px 22px!important}.v91-section-title{align-items:end!important}.v91-section-title .eyebrow,.v91-infra-copy>span,.v91-deploy-story>header>span,.v91-final-cta>div>span{color:#3268f2!important;font-size:7.5px!important;font-weight:850!important;letter-spacing:.18em!important}.v91-section-title h2{margin-top:8px!important;font-size:clamp(32px,4vw,56px)!important;line-height:1.08!important;letter-spacing:-.045em!important;color:#102033!important}.v91-section-title p{font-size:11.5px!important;line-height:1.9!important;color:#64788e!important}
.v91-product-grid{gap:13px!important}.v91-product-grid .product{min-height:360px!important;border-radius:22px!important;padding:18px!important;background:linear-gradient(150deg,#fff,#f6faff)!important;border-color:rgba(49,82,119,.12)!important;box-shadow:0 18px 52px rgba(44,73,108,.08)!important;color:#14263b!important;transition:border-color .18s ease,box-shadow .2s ease!important}.v91-product-grid .product:hover{transform:none!important;border-color:rgba(50,104,242,.25)!important;box-shadow:0 24px 62px rgba(44,73,108,.12)!important}.v91-product-grid .product h3{font-size:23px!important}.v91-product-grid .product p,.v91-product-grid .feature,.v91-product-grid .price small,.v91-product-grid .stock{color:#6d8095!important}.v91-product-grid .product .btn.primary{background:#3268f2!important;border-color:#3268f2!important;color:#fff!important}.v91-product-grid .product .btn:not(.primary){background:#fff!important;color:#1f3650!important;border-color:rgba(49,82,119,.13)!important}

.v91-infrastructure-section{width:min(1380px,calc(100% - 44px));margin:30px auto 60px;padding:60px;border:1px solid rgba(49,82,119,.12);border-radius:34px;background:linear-gradient(145deg,#10243a,#0b1b2e);color:#f7fbff;display:grid;grid-template-columns:.72fr 1.28fr;gap:58px;align-items:center;position:relative;overflow:hidden;box-shadow:0 34px 95px rgba(16,35,58,.20)}.v91-infrastructure-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(90deg,#000,transparent 75%)}.v91-infrastructure-section:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-220px;top:-250px;background:radial-gradient(circle,rgba(50,104,242,.28),rgba(20,184,166,.08) 50%,transparent 72%)}.v91-infra-copy,.v91-feature-mosaic{position:relative;z-index:2}.v91-infra-copy h2{font-size:clamp(36px,4.2vw,64px);line-height:1.04;letter-spacing:-.055em;margin:13px 0 17px}.v91-infra-copy p{color:#a9bacb;font-size:12px;line-height:1.9;margin:0}.v91-text-link{display:inline-flex;align-items:center;gap:7px;margin-top:24px;color:#82a8ff;font-size:10px;font-weight:760}.v91-text-link svg{width:16px;height:16px}.rtl .v91-text-link svg{transform:scaleX(-1)}
.v91-feature-mosaic{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.v91-feature-card{min-height:190px;padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:rgba(255,255,255,.045);backdrop-filter:blur(14px)}.v91-feature-card.primary{background:linear-gradient(145deg,rgba(50,104,242,.23),rgba(20,184,166,.08));border-color:rgba(93,137,255,.24)}.v91-feature-card.wide{grid-column:1/-1;min-height:155px}.v91-feature-card>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#78a2ff}.v91-feature-card>span svg{width:20px;height:20px}.v91-feature-card h3{margin:15px 0 7px;font-size:15px}.v91-feature-card p{margin:0;color:#9fb1c3;font-size:9px;line-height:1.8}.v91-mini-timeline{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:18px;color:#a9bbcc;font-family:Bahnschrift,"Segoe UI",sans-serif;font-size:7px}.v91-mini-timeline i{width:6px;height:6px;border-radius:50%;background:#20c89e}
.v91-compare{border-radius:20px!important;border-color:rgba(49,82,119,.12)!important;background:#fff!important;box-shadow:0 16px 48px rgba(44,73,108,.07)!important}.v91-compare table{background:#fff!important}.v91-compare th{background:#f4f8fd!important;color:#5e738a!important}.v91-compare td{color:#243a52!important}.v91-compare th,.v91-compare td{border-color:rgba(49,82,119,.09)!important}

.v91-deploy-story{width:min(1380px,calc(100% - 44px));margin:30px auto 100px;padding:58px;border:1px solid var(--p-line);border-radius:34px;background:#fff;box-shadow:var(--p-shadow);position:relative;overflow:hidden}.v91-deploy-story>header{text-align:center;max-width:700px;margin:auto}.v91-deploy-story h2{font-size:clamp(34px,4vw,58px);line-height:1.06;letter-spacing:-.05em;margin:10px 0 35px}.v91-story-line{position:absolute;left:9%;right:9%;top:181px;height:2px;background:linear-gradient(90deg,rgba(50,104,242,.18),rgba(20,184,166,.42),rgba(50,104,242,.18))}.v91-story-line i{display:block;width:12px;height:12px;margin-top:-5px;border-radius:50%;background:#3268f2;box-shadow:0 0 0 7px rgba(50,104,242,.08);animation:v91StoryDot 5s ease-in-out infinite}.v91-deploy-story>article{position:relative;z-index:2;display:grid;grid-template-columns:78px minmax(0,1fr) auto;gap:18px;align-items:center;min-height:135px;padding:20px 0;border-bottom:1px solid rgba(49,82,119,.1)}.v91-deploy-story>article:last-child{border-bottom:0}.v91-deploy-story>article>b{width:55px;height:55px;border-radius:17px;display:grid;place-items:center;background:#edf4ff;color:#3268f2;font-family:Bahnschrift,"Segoe UI",sans-serif;font-size:15px}.v91-deploy-story h3{font-size:18px;margin:0}.v91-deploy-story p{margin:6px 0 0;color:#6b7f94;font-size:10px;line-height:1.75}.v91-deploy-story>article>span{font-family:Bahnschrift,"Segoe UI",sans-serif;font-size:8px;letter-spacing:.13em;color:#9aabba}

.v91-final-cta{width:min(1380px,calc(100% - 44px));margin:0 auto 80px;padding:55px 58px;border-radius:34px;background:linear-gradient(130deg,#285be8,#3268f2 45%,#0ca99c);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden;box-shadow:0 30px 80px rgba(50,104,242,.26)}.v91-final-cta:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-130px;top:-210px;border:1px solid rgba(255,255,255,.19);box-shadow:0 0 0 50px rgba(255,255,255,.04),0 0 0 100px rgba(255,255,255,.025)}.v91-final-cta>div,.v91-final-cta>button{position:relative;z-index:2}.v91-final-cta>div>span{color:rgba(255,255,255,.72)!important}.v91-final-cta h2{font-size:clamp(32px,4vw,58px);line-height:1.06;letter-spacing:-.05em;margin:10px 0}.v91-final-cta p{max-width:700px;margin:0;color:rgba(255,255,255,.75);font-size:11px;line-height:1.8}.v91-final-cta>button{min-width:210px;min-height:54px;border:0;border-radius:16px;background:#fff;color:#1d4fc9;padding:0 19px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:800;box-shadow:0 16px 40px rgba(17,44,110,.19)}.v91-final-cta>button svg{width:17px;height:17px}.rtl .v91-final-cta>button svg{transform:scaleX(-1)}
.v91-footer{width:min(1380px,calc(100% - 44px))!important;max-width:none!important;margin:0 auto!important;padding:28px 0 34px!important;border-color:rgba(49,82,119,.11)!important;color:#6f8297!important;align-items:center!important}.v91-footer>div b,.v91-footer>div small{display:block}.v91-footer>div b{color:#162a41;font-size:16px}.v91-footer>div small{margin-top:3px;font-size:8px}.v91-footer nav{display:flex;gap:18px}.v91-footer nav a{font-size:9px;color:#536b83}.v91-footer>span{font-family:Bahnschrift,"Segoe UI",sans-serif;font-size:8px}

/* Auth is rebuilt as a poster-and-form experience, but remains fully isolated. */
html.hcloud-v91[data-portal-mode="auth"] body{background:linear-gradient(145deg,#edf5fc,#f9fcff)!important}
html.hcloud-v91[data-portal-mode="auth"] .auth:not(.hidden){grid-template-columns:minmax(420px,1.1fr) minmax(380px,.9fr)!important;max-width:1420px!important;gap:18px!important;padding:18px!important}
html.hcloud-v91 .v9-auth-visual{background:linear-gradient(145deg,#10243a,#0b1b2e)!important;border-color:rgba(255,255,255,.08)!important;color:#f7fbff!important;box-shadow:0 38px 100px rgba(16,35,58,.26)!important}
html.hcloud-v91 .v9-auth-visual:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle at 70% 34%,#000,transparent 72%);z-index:-1}
html.hcloud-v91 .v9-auth-copy h2{font-size:clamp(44px,5.5vw,76px)!important;max-width:720px!important;color:#f7fbff!important}.v9-auth-copy p{color:#a9bbcc!important}.v9-auth-proof>div{background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.09)!important}.v9-auth-proof b{color:#f7fbff!important}.v9-auth-proof small{color:#9db0c3!important}
html.hcloud-v91 .auth-box{background:rgba(255,255,255,.94)!important;color:#102033!important;border-color:rgba(49,82,119,.12)!important;box-shadow:0 32px 90px rgba(44,73,108,.14)!important}.auth-box>p,.auth-box .field label,.v9-auth-security{color:#6a7e93!important}.auth-box input{background:#f7faff!important;color:#14283f!important}.auth-box .tabs{background:#f3f7fc!important}.auth-box .tabs button{color:#697e94!important}.auth-box .tabs button.active{background:#fff!important;color:#17314d!important;box-shadow:0 8px 24px rgba(44,73,108,.08)!important}.auth-box #backStore{background:#f7faff!important;color:#243b54!important}

/* Reveal motion is large but calm and bounded. */
[data-v91-reveal]{opacity:0;transform:translateY(24px);transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1)}[data-v91-reveal].v91-visible{opacity:1;transform:none}
@keyframes v91Pulse{0%,100%{transform:scale(.82);opacity:.65}50%{transform:scale(1.05);opacity:1}}
@keyframes v91Float{0%,100%{transform:translateZ(40px) translateY(0)}50%{transform:translateZ(40px) translateY(-8px)}}
@keyframes v91FloatMini{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes v91Halo{from{transform:scale(.94);opacity:.58}to{transform:scale(1.06);opacity:1}}
@keyframes v91OrbitA{to{transform:rotate(352deg)}}@keyframes v91OrbitB{to{transform:rotate(379deg)}}@keyframes v91OrbitC{to{transform:rotate(392deg)}}@keyframes v91CounterRotate{to{transform:rotate(-360deg)}}
@keyframes v91PacketA{0%{left:18%;top:70%;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:76%;top:30%;opacity:0}}@keyframes v91PacketB{0%{right:18%;top:15%;opacity:0}15%{opacity:1}85%{opacity:1}100%{right:70%;top:72%;opacity:0}}@keyframes v91PacketC{0%{left:20%;top:23%;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:82%;top:80%;opacity:0}}
@keyframes v91ConsolePulse{50%{opacity:.45}}@keyframes v91StoryDot{0%{transform:translateX(0)}50%{transform:translateX(calc(80vw - 220px))}100%{transform:translateX(0)}}

@media(max-width:1180px){
  .v91-public-nav{display:none}.v91-hero-poster{grid-template-columns:1fr;min-height:auto}.v91-hero-copy{max-width:840px}.v91-cloud-stage{min-height:590px}.v91-infrastructure-section{grid-template-columns:1fr}.v91-infra-copy{max-width:750px}.v91-feature-mosaic{grid-template-columns:repeat(3,1fr)}.v91-feature-card.wide{grid-column:auto}.v91-feature-card{min-height:205px}
}
@media(max-width:860px){
  .v91-public-head{height:68px!important;padding-inline:14px!important}.v91-brand #brandPublic{display:none}.v91-nav-actions{gap:6px!important}.v91-nav-actions .btn{min-height:38px!important;padding-inline:10px!important}.v91-nav-actions .hide-mobile{display:none!important}
  .v91-hero-poster{width:calc(100% - 20px);margin-top:10px;padding:45px 20px 30px;border-radius:28px}.v91-hero-copy h1{font-size:clamp(43px,12vw,67px)!important}.v91-proof-row{grid-template-columns:1fr}.v91-proof-row small{white-space:normal}.v91-cloud-stage{min-height:500px;transform:none!important}.v91-core-card{width:92%}.v91-orbit-one{width:430px;margin-left:-215px}.v91-orbit-two{width:360px;height:360px;margin:-180px 0 0 -180px}.v91-orbit-three{width:470px;margin-left:-235px}.v91-floating-stat.stat-a{right:0;top:8%}.v91-floating-stat.stat-b{left:0;bottom:7%}
  .v91-signal-strip{width:calc(100% - 20px);grid-template-columns:1fr}.v91-section{padding:70px 14px!important}.v91-section-title{display:block!important}.v91-section-title p{margin-top:12px!important}.v91-infrastructure-section,.v91-deploy-story,.v91-final-cta{width:calc(100% - 20px);padding:30px 20px;border-radius:26px}.v91-feature-mosaic{grid-template-columns:1fr}.v91-feature-card.wide{grid-column:auto}.v91-deploy-story>article{grid-template-columns:56px minmax(0,1fr)}.v91-deploy-story>article>span,.v91-story-line{display:none}.v91-final-cta{display:block}.v91-final-cta>button{width:100%;margin-top:22px}.v91-footer{width:calc(100% - 26px)!important;display:grid!important;gap:18px!important}.v91-footer nav{order:3;flex-wrap:wrap}
  html.hcloud-v91[data-portal-mode="auth"] .auth:not(.hidden){display:block!important;max-width:600px!important;padding:10px!important}.v91-auth-visual{display:none!important}
}
@media(max-width:720px){
  html.hcloud-v91 .v9-stepper{min-width:100%!important;justify-content:space-between!important;gap:3px!important;overflow:visible!important}.v9-stepper span{min-width:0!important;flex-direction:column!important;gap:4px!important}.v9-stepper span b{width:30px!important;height:30px!important;font-size:10px!important}.v9-stepper span small{font-size:8.5px!important}.v9-stepper>i{flex:1!important;width:auto!important;min-width:8px!important;margin-top:-16px!important}
  html.hcloud-v91 .v908-os-picker{padding:0!important;place-items:end!important}.v908-os-sheet{width:100%!important;max-height:calc(100dvh - env(safe-area-inset-top))!important;min-height:86dvh!important;border-radius:24px 24px 0 0!important}.v908-os-sheet>header{position:sticky!important;top:0!important;z-index:2!important;background:var(--v9-surface)!important}.v908-os-grid{grid-template-columns:1fr!important;padding-bottom:max(34px,env(safe-area-inset-bottom))!important}
}
@media(max-width:520px){
  .v91-nav-actions #openRegister{display:none}.v91-hero-poster{padding-inline:16px}.v91-kicker{font-size:6.8px}.v91-hero-lead{font-size:11px!important}.v91-hero-actions{display:grid}.v91-cta{width:100%}.v91-cloud-stage{min-height:435px}.v91-core-card{width:100%;padding:13px;border-radius:21px}.v91-core-metrics{gap:5px}.v91-core-metrics>div{padding:7px 6px}.v91-core-console{font-size:6.6px}.v91-floating-stat{display:none}.v91-orbit{opacity:.68}.v91-region-chip{transform:scale(.84)}.v91-signal-strip>div{min-height:90px;padding:14px}.v91-section-title h2{font-size:34px!important}.v91-infra-copy h2,.v91-final-cta h2,.v91-deploy-story h2{font-size:34px}.v91-deploy-story>article{padding:16px 0}.v91-deploy-story p{font-size:9px}.v91-product-grid{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){
  .v91-public *,[data-v91-reveal],.v91-cloud-stage{animation:none!important;transition:none!important;transform:none!important}.v91-story-line i{display:none}
}
.v91-auth-orbit{position:absolute;inset:50% auto auto 58%;width:340px;height:340px;margin:-170px 0 0 -170px;border:1px solid rgba(255,255,255,.09);border-radius:50%;pointer-events:none;animation:v91AuthSpin 18s linear infinite}.v91-auth-orbit:before,.v91-auth-orbit:after{content:"";position:absolute;inset:42px;border:1px solid rgba(255,255,255,.055);border-radius:50%}.v91-auth-orbit:after{inset:95px}.v91-auth-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:#6d9bff;box-shadow:0 0 0 7px rgba(109,155,255,.1)}.v91-auth-orbit i:nth-child(1){left:22px;top:84px}.v91-auth-orbit i:nth-child(2){right:42px;bottom:56px;background:#2dd4bf}.v91-auth-orbit i:nth-child(3){left:150px;bottom:-4px;background:#f6b85f}.v91-auth-orbit span{position:absolute;padding:6px 8px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(7,16,28,.72);color:#c9d8e7;font-family:Bahnschrift,"Segoe UI",sans-serif;font-size:7px;backdrop-filter:blur(10px)}.v91-auth-orbit span:nth-of-type(1){left:-18px;top:68px}.v91-auth-orbit span:nth-of-type(2){right:-8px;bottom:48px}.v91-auth-orbit span:nth-of-type(3){left:132px;bottom:-24px}@keyframes v91AuthSpin{to{transform:rotate(360deg)}}
