/* CLOUD uses the same global header; product styling never changes it. */
@layer base {
  [data-page="cloud"] { --accent:#c5b5ff; --accent2:#7ff3d8; --glow:167,140,255; background:#070b11; }
}
@layer components {
  .cloud-hero { min-height:790px; padding-top:115px; position:relative; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:20px; }
  .cloud-hero-copy { position:relative; z-index:2; padding-block:70px 95px; }
  .cloud-hero h1 { font-size:clamp(46px,5.3vw,79px); font-weight:450; line-height:1.22; letter-spacing:-.055em; margin:30px 0; }
  .cloud-hero h1>span { display:block; }
  .cloud-lede { font-size:16px; color:var(--muted); line-height:1.9; white-space:pre-line; max-width:550px; }
  .cloud-actions { display:flex; gap:15px; align-items:center; flex-wrap:wrap; margin-top:32px; }
  .cloud-availability { color:#b9abbf; font-size:11px; line-height:1.8; margin-top:26px; }
  .cloud-hero-foot { position:absolute; bottom:30px; left:0; right:0; display:flex; justify-content:space-between; align-items:center; gap:20px; }
  .cloud-mono { font:10px var(--mono); letter-spacing:.16em; color:#8e9eae; }
  .cloud-stage { height:580px; position:relative; perspective:1000px; min-width:0; isolation:isolate; }
  .stage-grid { position:absolute; inset:15% -4% 0; background-image:linear-gradient(#839eb812 1px,transparent 1px),linear-gradient(90deg,#839eb812 1px,transparent 1px); background-size:35px 35px; transform:rotateX(65deg) rotateZ(-24deg); mask-image:radial-gradient(ellipse,#0008,transparent 68%); }
  .stage-halo { position:absolute; inset:3%; background:radial-gradient(ellipse,#9d65f423,transparent 64%); filter:blur(15px); }
  .stage-ring { position:absolute; top:12%; left:5%; width:90%; aspect-ratio:1; border:1px solid #a292d833; border-radius:50%; transform:rotateX(62deg) rotateZ(-32deg); }
  .ring-b { transform:rotateX(62deg) rotateZ(32deg) scale(.83); border-style:dashed; border-color:#80ffdf20; }
  .aquarium-mount { position:absolute; width:300px; height:230px; left:50%; top:48%; transform:translate(-50%,-50%); transform-style:preserve-3d; animation:cloud-float 8s ease-in-out infinite; }
  .aquarium-cube { position:relative; width:300px; height:190px; transform-style:preserve-3d; transform:rotateX(calc(-12deg + var(--tank-pitch,0deg))) rotateY(calc(-28deg + var(--tank-turn,0deg))); transition:transform .45s ease-out; }
  .tank-face { position:absolute; width:300px; height:190px; border:1px solid #b3ffe679; background:linear-gradient(150deg,#86fddb0b,#7a8de612); box-shadow:inset 0 0 40px #84d7cf08; }
  .tank-front { transform:translateZ(80px); background:linear-gradient(120deg,transparent 35%,#d2fff509 35%,#d2fff502 55%,transparent 55%); }
  .tank-front::before { content:''; position:absolute; left:0; right:0; top:15px; border-top:1px solid #afffeb77; box-shadow:0 0 16px #adfff030; }
  .tank-back { transform:translateZ(-80px); background:linear-gradient(#1433338c,#11152ccc); }
  .tank-side { width:160px; left:70px; transform:rotateY(90deg) translateZ(150px); }
  .tank-left { width:160px; left:70px; transform:rotateY(-90deg) translateZ(150px); }
  .tank-surface { position:absolute; width:300px; height:160px; border:1px solid #a6efde66; transform:rotateX(90deg); }
  .tank-water { top:-65px; background:repeating-radial-gradient(ellipse at 40% 60%,#93ffe508 0 8px,#6daacd18 9px 10px,transparent 11px 24px); box-shadow:0 0 32px #7fffd522; }
  .tank-bottom { top:110px; background:radial-gradient(ellipse at 50% 50%,#a5aac840,#243332); }
  .tank-garden { position:absolute; inset:35px 10px 0; transform:translateZ(12px); }
  .tank-garden svg { width:100%; height:100%; filter:drop-shadow(0 0 9px #7aeed035); }
  .tank-front i { position:absolute; width:3px; height:3px; border:1px solid #bcf9e973; border-radius:50%; left:22%; top:32%; animation:cloud-bubble 6s linear infinite; }
  .tank-front i:nth-child(2) { left:63%; top:60%; animation-delay:-2s; }
  .tank-front i:nth-child(3) { left:75%; top:25%; animation-delay:-4s; }
  .tank-plinth { position:absolute; top:190px; width:300px; height:40px; transform:translateZ(80px); background:linear-gradient(130deg,#1c2a39,#080e19); border:1px solid #a69de742; box-shadow:0 45px 55px #0006; }
  .tank-plinth-side { position:absolute; top:190px; left:70px; width:160px; height:40px; transform:rotateY(90deg) translateZ(150px); background:#111b27; border:1px solid #a69de742; }
  .floating-receipt { position:absolute; display:flex; gap:13px; align-items:center; padding:16px; min-width:170px; border:1px solid #aebcdb33; background:linear-gradient(135deg,#1b2337eb,#0d1523f0); backdrop-filter:blur(16px); box-shadow:0 14px 45px #0004; border-radius:10px; animation:cloud-receipt 7s ease-in-out infinite; }
  .floating-receipt small { display:block; font:8px var(--mono); letter-spacing:.1em; color:#98aabc; margin-bottom:6px; }
  .floating-receipt strong { font-size:12px; font-weight:500; color:#e5f4ef; }
  .receipt-icon { color:#bcaff4; font-size:25px; font-weight:300; }
  .receipt-a { top:55px; left:8%; transform:rotate(-5deg); }
  .receipt-b { bottom:105px; right:0; animation-delay:-2s; transform:rotate(3deg); }
  .receipt-c { top:140px; right:-1%; transform:rotate(4deg); animation-delay:-4s; }
  .receipt-b i { height:5px; width:5px; border-radius:50%; background:#96eacb; }
  .cloud-stage-caption { position:absolute; bottom:23px; left:0; right:0; text-align:center; color:#8998aa; font-size:10px; line-height:1.6; }
  .cloud-ribbon { border-block:1px solid var(--line); background:#0c111a; }
  .cloud-ribbon>.container { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:15px; padding-block:22px; font-size:11px; color:#9baaba; }
  .cloud-ribbon>.container>span:first-child { font:16px var(--mono); letter-spacing:.24em; color:#d1c8ed; }
  .ribbon-dot { width:4px; height:4px; border-radius:50%; background:#b39ff4; }
  .cloud-heading { max-width:860px; margin-bottom:48px; }
  .cloud-heading h2, .cloud-closing h2 { font-size:clamp(33px,4.1vw,61px); line-height:1.24; font-weight:400; letter-spacing:-.04em; white-space:pre-line; margin-block:23px; }
  .cloud-heading .large-body { max-width:760px; font-size:15px; }
  .cloud-business-grid, .cloud-editions { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
  .cloud-business-card { min-width:0; padding:34px; background:linear-gradient(155deg,#12211f80,#0b111c); border:1px solid #68879433; border-radius:15px; overflow:hidden; }
  .designer-card { background:linear-gradient(155deg,#211e3480,#0b111c); }
  .cloud-business-card h3 { font-size:28px; font-weight:400; line-height:1.4; margin:24px 0 16px; white-space:pre-line; }
  .cloud-business-card p, .edition-card p { color:#9fadc0; font-size:14px; line-height:1.9; }
  .retail-art,.designer-art { position:relative; height:275px; display:flex; justify-content:center; align-items:center; }
  .mini-phone { position:relative; width:140px; height:245px; padding:22px 13px 10px; background:linear-gradient(140deg,#273a3a,#0d1a1c); border:2px solid #76918c; border-radius:22px; transform:rotate(-8deg) rotateY(-10deg); box-shadow:20px 30px 65px #0006; }
  .mini-phone>span { color:#c0e8de; font:9px var(--mono); letter-spacing:.18em; }
  .phone-camera { position:absolute; top:7px; left:52px; width:34px; height:5px; background:#020b11; border-radius:10px; }
  .phone-tank { height:90px; margin-top:17px; border:1px solid #8cdbc649; background:radial-gradient(ellipse at 70% 90%,#9d92d744,transparent 65%),linear-gradient(160deg,#66c6a522,#111e27); position:relative; }
  .phone-tank::after { content:''; position:absolute; width:60%; height:55%; left:20%; bottom:0; clip-path:polygon(0 100%,15% 40%,33% 80%,50% 0,70% 65%,80% 30%,100% 100%); background:linear-gradient(#a5e5c5,#678a97); }
  .phone-products { display:flex; gap:6px; margin-top:14px; }.phone-products i { height:37px; flex:1; border:1px solid #547169; background:#17322c; border-radius:4px; }.phone-products i:nth-child(2){background:#343145;}.phone-products i:nth-child(3){background:#35342c;}
  .phone-bar { height:7px; background:#98bfb133; border-radius:5px; margin:11px 15px; }
  .retail-orbit { position:absolute; border:1px solid #7adeb524; border-radius:50%; width:290px; height:290px; transform:rotateX(55deg) rotateZ(-15deg); pointer-events:none; }
  .retail-coordinate,.designer-label { position:absolute; right:0; bottom:10px; font:9px var(--mono); color:#85a9a2; letter-spacing:.16em; }
  .designer-art svg { width:100%; height:100%; color:#bbabea; filter:drop-shadow(0 8px 30px #ab77ff26); }
  .designer-label { color:#a59ac8; }
  .cloud-business-card .cloud-fine,.cloud-fine { font-size:11px; line-height:1.9; color:#96a2b4; }
  .cloud-tabs { display:none; }
  .cloud-enhanced .cloud-tabs { display:flex; }
  [data-cloud-panel][hidden] { display:none !important; }
  .cloud-workflow-section { background:linear-gradient(110deg,#0c141c,#0b1019); border-block:1px solid var(--line); }
  .flow-tabs { gap:8px; margin-bottom:28px; flex-wrap:wrap; }
  .cloud-tabs button { min-height:48px; color:#aab5c4; background:#111925; border:1px solid #74809a3d; border-radius:5px; font-size:13px; padding:13px 20px; display:flex; align-items:center; gap:20px; }
  .cloud-tabs button[aria-selected="true"] { color:#e7e1ff; background:#aea1e51c; border-color:#b4a6e884; }
  .cloud-flow { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(4,1fr); border:1px solid #7384a236; border-radius:10px; overflow:hidden; }
  .cloud-flow li { padding:28px; position:relative; background:#0a111a77; min-height:155px; }.cloud-flow li+li {border-left:1px solid #7384a236;}
  .flow-number {font:11px var(--mono);color:#ac9cd3;}.cloud-flow h3{font-size:16px;font-weight:450;line-height:1.7;margin-top:18px;padding-right:10px;}.flow-arrow{position:absolute;right:20px;top:26px;color:#83aeb1;}
  .cloud-notice { border-left:2px solid #ab94d6; padding:14px 20px; color:#b5b8c9; font-size:12px; line-height:1.9; margin-top:28px; }
  .cloud-relationships { border:1px solid #707ca240; border-radius:12px; overflow:hidden; background:radial-gradient(ellipse at 70% 0,#65508817,transparent 60%),#0a101a; }
  .relation-tabs { padding:15px; gap:8px; border-bottom:1px solid var(--line); flex-wrap:wrap; }
  .relation-tabs button { flex:1; min-width:120px; text-align:left; gap:9px; padding:14px; }.relation-code {font:8px var(--mono);color:#788aa2;margin-left:auto;}
  .relation-orb {flex-shrink:0;width:6px;height:6px;border-radius:50%;background:#93c8b2;box-shadow:0 0 12px #9cdbc14d;}
  .relation-panel { padding:40px; }.relation-panel+.relation-panel {border-top:1px solid var(--line);}.cloud-enhanced .relation-panel {border-top:0;}
  .relation-route { display:flex;align-items:center;gap:20px;font:11px var(--mono);letter-spacing:.16em;color:#c7bde8;margin-bottom:35px;}.relation-route i{width:90px;height:1px;background:linear-gradient(90deg,#b7a5ed,#88d6c8);position:relative;}.relation-route i::after{content:'›';position:absolute;right:-1px;top:-7px;color:#88d6c8;}
  .relation-panel h3 {font-size:clamp(22px,2.7vw,34px);font-weight:400;line-height:1.5;margin-top:18px;max-width:950px;}
  .relation-explanation {display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-block:30px;}.relation-explanation h4{font-size:11px;font-weight:500;color:#c0ccd8;letter-spacing:.08em;margin-bottom:12px;}.relation-explanation p{font-size:14px;color:#a0aec0;line-height:1.9;}
  .relation-link {display:inline-flex;align-items:center;gap:15px;color:#c7b9f9;font-size:13px;min-height:44px;}.relation-link svg {width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.3;}
  .cloud-ownership {font-size:12px;color:#a6b1c3;text-align:center;margin-top:25px;line-height:1.9;}
  .cloud-platform-section {background:#0c121b;border-block:1px solid var(--line);}
  .edition-card {border:1px solid #738b9238;border-radius:12px;padding:35px;background:#10211e42;}.linux-edition{background:#26213b38;border-color:#9c8eb43b;}.edition-symbol{font-size:40px;color:#a5d6c5;display:block;margin-bottom:30px;}.linux-edition .edition-symbol{color:#b4a3e0;}.edition-card h3{font-weight:400;font-size:28px;margin:20px 0;}.edition-card .button{margin-top:25px;}.edition-card .eyebrow{font-size:10px;color:#bbc7c8;}
  .cloud-service-note {margin-top:36px;max-width:960px;}.cloud-service-note h3 {font-size:19px;font-weight:400;margin-bottom:12px;}.cloud-service-note p{font-size:13px;color:#a0aec0;line-height:1.9;}
  .cloud-appliance {display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;}.cloud-appliance .cloud-heading{margin-bottom:25px;}
  .appliance-art {height:370px;position:relative;display:grid;place-content:center;perspective:1000px;}.appliance-screen {width:320px;height:225px;background:linear-gradient(135deg,#19283b,#0c131e);border:10px solid #29333d;border-radius:12px;box-shadow:inset 0 0 0 1px #7e9baa5c,20px 22px 60px #0006;transform:rotateY(-13deg) rotateX(6deg);padding:25px;}.appliance-screen>span {font:11px var(--mono);letter-spacing:.13em;color:#b5c7cd;}.appliance-screen-lines {display:flex;gap:7px;margin-top:22px;}.appliance-screen-lines i{width:55px;height:5px;background:#ad9ee83d;}.appliance-screen-lines i:nth-child(2){width:35px;}.appliance-screen-grid {display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;}.appliance-screen-grid i {height:35px;background:linear-gradient(100deg,#86c6b720,transparent);border-top:1px solid #81b5a66b;}.appliance-stand{width:120px;height:58px;background:linear-gradient(100deg,#283344,#0d151d);clip-path:polygon(35% 0,65% 0,68% 75%,100% 86%,100% 100%,0 100%,0 86%,32% 75%);margin:0 auto;}.appliance-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;font:9px var(--mono);color:#7e8b9c;letter-spacing:.15em;}
  .cloud-benefits {display:grid;grid-template-columns:repeat(4,1fr);gap:30px;border-top:1px solid var(--line);padding-top:32px;margin-top:55px;margin-bottom:25px;}.cloud-benefits h3{font-size:17px;font-weight:400;line-height:1.5;margin-block:15px;}.cloud-benefits p{font-size:12px;line-height:1.9;color:#9dabbc;}
  .cloud-readiness-section {background:linear-gradient(140deg,#141524,#090f16);border-block:1px solid var(--line);}.cloud-readiness-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;}.cloud-readiness-grid article{border-top:1px solid #6f7e9a47;padding-top:25px;}.readiness-dot{display:block;width:6px;height:6px;border-radius:50%;background:#9ae2c3;margin-bottom:22px;}.dot-1{background:#cfba81;}.dot-2{background:#baabe7;}.cloud-readiness-grid h3{font-size:18px;font-weight:400;margin-bottom:14px;}.cloud-readiness-grid p{font-size:13px;line-height:1.9;color:#a9b2c4;}
  .cloud-closing {max-width:1050px;}.cloud-closing .large-body {max-width:760px;}.cloud-closing .support-mail {font-size:16px;color:#c7d9e0;min-height:44px;display:inline-flex;align-items:center;overflow-wrap:anywhere;}
  .cloud-demo {min-height:760px;padding-block:180px 90px;position:relative;}.cloud-demo h1 {font-size:clamp(38px,5vw,72px);font-weight:400;letter-spacing:-.04em;margin:45px 0 25px;}.cloud-demo .large-body {max-width:800px;}.cloud-demo .support-mail {display:block;margin:30px 0;color:#c6e6e6;}.cloud-demo-orb {position:absolute;width:200px;height:200px;border:1px solid #9f89d635;border-radius:50%;right:10%;top:100px;box-shadow:inset 0 0 60px #a38adb15;pointer-events:none;}
}
@layer motion {
  @keyframes cloud-float {0%,100%{translate:0 -5px;}50%{translate:0 8px;}}
  @keyframes cloud-receipt {0%,100%{translate:0 0;}50%{translate:0 -9px;}}
  @keyframes cloud-bubble {0%{translate:0 35px;opacity:0;}25%{opacity:.7;}80%{opacity:.3;}100%{translate:0 -25px;opacity:0;}}
  .cloud-background *, .cloud-background *::after {animation-play-state:paused!important;}
  .motion-paused .aquarium-cube {transition:none;}
  @media(prefers-reduced-motion:reduce){.aquarium-mount,.floating-receipt,.tank-front i{animation:none;}.aquarium-cube{transition:none;}}
}
@layer responsive {
  [data-page="cloud"]:lang(en) .cloud-hero h1 {font-size:clamp(44px,4.2vw,66px);line-height:1.16;}
  @media(max-width:1150px){.cloud-hero{min-height:735px;}.cloud-hero h1{font-size:clamp(41px,5.1vw,60px);}.cloud-stage{height:510px;}.aquarium-mount{scale:.84;}.receipt-c{top:105px;right:-2%;}.receipt-a{left:0;top:25px;}.receipt-b{bottom:80px;}.cloud-business-card{padding:26px;}.cloud-appliance{gap:28px;}.appliance-screen{width:285px;}.relation-tabs button{min-width:115px;}.relation-code{display:none;}.cloud-flow li{padding:22px;}.cloud-benefits{gap:22px;}}
  @media(max-width:800px){.cloud-hero{grid-template-columns:1fr;gap:0;padding-top:100px;min-height:0;padding-bottom:65px;}.cloud-hero-copy{padding:30px 0 0;}.cloud-hero h1{font-size:clamp(44px,7.8vw,62px);margin:25px 0;}.cloud-lede{font-size:14px;max-width:540px;}.cloud-stage{height:485px;width:min(100%,590px);margin-inline:auto;}.aquarium-mount{scale:1;}.receipt-a{left:5%;top:30px;}.receipt-b{right:3%;bottom:60px;}.receipt-c{right:1%;top:130px;}.cloud-hero-foot{bottom:22px;}.cloud-ribbon .ribbon-dot{display:none;}.cloud-heading{margin-bottom:32px;}.cloud-heading h2,.cloud-closing h2{font-size:clamp(34px,5.5vw,45px);}.cloud-heading .large-body{font-size:14px;}.cloud-business-grid{gap:16px;}.cloud-business-card{padding:22px;}.cloud-business-card h3{font-size:23px;}.retail-art,.designer-art{height:240px;}.cloud-business-card p{font-size:13px;}.cloud-flow{grid-template-columns:1fr 1fr;}.cloud-flow li{min-height:145px;}.cloud-flow li:nth-child(3){border-left:0;}.cloud-flow li:nth-child(n+3){border-top:1px solid #7384a236;}.relation-tabs{gap:8px;}.relation-tabs button{min-width:calc(33.33% - 8px);justify-content:center;flex:1;}.relation-panel{padding:28px;}.relation-explanation{gap:25px;}.edition-card{padding:25px;}.edition-card h3{font-size:24px;}.cloud-appliance{grid-template-columns:1fr;}.appliance-art{height:340px;}.appliance-screen{width:320px;}.cloud-benefits{grid-template-columns:1fr 1fr;gap:30px;}.cloud-readiness-grid{gap:20px;}.cloud-readiness-grid h3{font-size:17px;}[data-page="cloud"]:lang(en) .cloud-hero h1{font-size:clamp(42px,7vw,57px);}.cloud-demo{padding-top:145px;}}
  @media(max-width:540px){.cloud-hero-copy .eyebrow{font-size:9px;}.cloud-hero h1{font-size:clamp(35px,9.3vw,47px);}.cloud-hero .cloud-actions{gap:10px;}.cloud-hero .button{font-size:11px;padding-inline:15px;gap:10px;}.cloud-stage{height:405px;}.aquarium-mount{scale:.75;top:47%;}.floating-receipt{min-width:0;padding:11px;gap:9px;}.floating-receipt strong{font-size:10px;max-width:140px;display:block;line-height:1.5;}.floating-receipt small{font-size:7px;}.receipt-icon{font-size:21px;}.receipt-a{top:24px;left:0;}.receipt-c{top:100px;right:0;}.receipt-b{bottom:52px;right:0;}.cloud-stage-caption{font-size:9px;bottom:14px;}.cloud-hero-foot .cloud-mono{font-size:8px;letter-spacing:.07em;}.cloud-ribbon>.container{font-size:10px;gap:12px;padding-block:17px;}.cloud-ribbon>.container>span:last-child{width:100%;}.cloud-heading h2,.cloud-closing h2{font-size:clamp(29px,7.8vw,38px);}.cloud-business-grid,.cloud-editions{grid-template-columns:1fr;}.retail-art,.designer-art{height:245px;}.cloud-business-card{padding:24px;}.cloud-business-card h3{font-size:26px;}.cloud-flow li{padding:20px 17px;min-height:135px;}.cloud-flow h3{font-size:14px;}.flow-arrow{right:15px;top:20px;}.cloud-notice{font-size:11px;padding:12px 15px;}.cloud-tabs button{font-size:12px;}.relation-tabs{padding:11px;}.relation-tabs button{min-width:calc(50% - 8px);padding:12px;}.relation-tabs button:last-child{flex-basis:100%;}.relation-panel{padding:24px 20px;}.relation-explanation{grid-template-columns:1fr;gap:22px;}.relation-explanation p{font-size:13px;}.relation-panel h3{font-size:22px;}.relation-route{margin-bottom:25px;}.cloud-ownership{text-align:left;font-size:11px;}.cloud-readiness-grid{grid-template-columns:1fr;gap:30px;}.cloud-readiness-grid article{padding-top:18px;}.readiness-dot{margin-bottom:15px;}.cloud-benefits{gap:25px 20px;}.cloud-benefits h3{font-size:16px;}.cloud-benefits p{font-size:11px;}.appliance-screen{width:270px;height:210px;padding:18px;}.appliance-art{height:300px;}.cloud-demo-orb{width:130px;height:130px;right:0;}.cloud-demo h1{font-size:36px;line-height:1.3;}.cloud-demo .cloud-actions{align-items:flex-start;flex-direction:column;}[data-page="cloud"]:lang(en) .cloud-hero h1{font-size:clamp(35px,9.1vw,47px);}.cloud-closing .support-mail{font-size:14px;}}
  @media(max-width:360px){.cloud-hero .cloud-actions{align-items:flex-start;flex-direction:column;}.aquarium-mount{scale:.64;}.cloud-stage{height:370px;}.receipt-c{top:98px;}.cloud-stage-caption{max-width:240px;margin-inline:auto;}.appliance-screen{width:248px;}}
}