/* Senior design refinement layer — shared across every Lundo route. */
:root{
  --container:88rem;
  --measure:46rem;
  --gutter:clamp(1.25rem,5vw,5rem);
  --section-space:clamp(5rem,9vw,9rem);
  --radius-sm:.85rem;
  --radius-md:1.35rem;
  --radius-lg:clamp(1.5rem,2.6vw,2.6rem);
  --shadow-soft:0 24px 70px rgba(3,3,18,.16);
  --shadow-deep:0 38px 110px rgba(3,3,18,.34);
}

html{scroll-padding-top:8.5rem}
body{font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:clamp(1rem,.96rem + .12vw,1.08rem);line-height:1.65;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
:where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid var(--accent,#00dafc);outline-offset:3px}
:where(button,a){-webkit-tap-highlight-color:transparent}
:where(h1,h2,h3){text-wrap:balance}
:where(p,li){text-wrap:pretty}
:where(.wrap,.hero-inner,.page-hero-grid,.subhero-grid){width:min(var(--container),100%);margin-inline:auto}

/* One navigation language, with strong current and focus states. */
.nav{height:80px;padding-inline:var(--gutter);background:rgba(7,7,28,.78)!important;border-bottom:1px solid transparent!important;backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);transition:background .3s,border-color .3s,box-shadow .3s}
.nav.scrolled{background:rgba(7,7,28,.94)!important;border-color:rgba(255,255,255,.13)!important;box-shadow:0 10px 36px rgba(3,3,18,.18)}
.brand{display:flex;align-items:center;min-height:48px}.brand img{width:124px!important;height:auto}
.nav-right,.navlinks{gap:clamp(1rem,2vw,2rem)}
.nav-right>a,.navlinks>a{position:relative;min-height:44px;display:inline-flex;align-items:center}
.nav-right>a:not(.nav-cta):after,.navlinks>a:not(.nav-cta):after{content:"";position:absolute;left:0;right:100%;bottom:7px;height:2px;background:linear-gradient(90deg,var(--accent,#00dafc),var(--accent2,#747aff));transition:right .28s var(--ease)}
.nav-right>a:hover:after,.nav-right>a:focus-visible:after,.nav-right>a[aria-current="page"]:after,.navlinks>a:hover:after,.navlinks>a:focus-visible:after{right:0}
.nav-cta{min-height:46px!important;padding:.7rem 1.05rem!important;transition:background .25s,color .25s,border-color .25s,transform .25s!important}.nav-cta:hover{background:#f8f9ff;color:#07071c;border-color:#f8f9ff;transform:translateY(-1px)}
.software-subnav,.leisure-nav,.io-subnav{top:80px;padding:.72rem var(--gutter);gap:clamp(1rem,2vw,1.75rem);background:rgba(7,7,28,.93);box-shadow:0 12px 30px rgba(3,3,18,.12)}
.software-subnav a,.leisure-nav a,.io-subnav a{min-height:36px;display:inline-flex;align-items:center;position:relative}
.software-subnav a[aria-current="page"],.leisure-nav a[aria-current="page"],.io-subnav a[aria-current="page"]{color:#fff}
.software-subnav a[aria-current="page"]:after,.leisure-nav a[aria-current="page"]:after,.io-subnav a[aria-current="page"]:after{content:"";position:absolute;left:0;right:0;bottom:-.73rem;height:2px;background:var(--accent)}
.menu{cursor:pointer;transition:background .3s,border-color .3s,transform .3s}

/* Harmonised type, rhythm and measures. */
.hero h1{font-size:clamp(3.7rem,9vw,9.25rem);line-height:.86;letter-spacing:-.07em}
.page-hero h1,.subhero h1,.io-detail-hero h1{font-size:clamp(3.35rem,7.2vw,7.35rem);line-height:.9;letter-spacing:-.062em;max-width:68rem}
h2{font-size:clamp(2.7rem,5.7vw,6rem);line-height:.92;letter-spacing:-.058em}
:where(.content-card,.detail-grid,.benefit-grid,.process-grid,.cards-3,.article-grid,.io-card-grid,.io-route-grid) h3{line-height:1.02}
.hero-lead,.story-lead{max-width:var(--measure);line-height:1.5}
.richtext,.prose{max-width:50rem}.richtext p,.prose p{max-width:46rem}
.kicker,.crumb,.footer-label{line-height:1.35}

/* Consistent layout scale and section joins. */
.intro,.services,.work,.process,.other,.contact,.article-section,.io-section,.cta-band{padding:var(--section-space) var(--gutter)}
.page-hero,.subhero,.io-detail-hero{padding-inline:var(--gutter);padding-top:clamp(11.5rem,17vw,14rem);padding-bottom:clamp(4.5rem,8vw,7rem)}
.page-hero,.subhero,.io-detail-hero,.hero{isolation:isolate}
.article-section,.io-section,.services,.work,.process{position:relative}
.article-section+ .article-section:before,.io-section+ .io-section:before{content:"";position:absolute;left:var(--gutter);right:var(--gutter);top:0;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent);pointer-events:none}
.section-head,.work-head{grid-template-columns:minmax(10rem,.62fr) minmax(0,1.38fr);gap:clamp(2rem,7vw,7rem);align-items:start}
.section-head>div:last-child,.work-head>div:last-child{max-width:58rem}

/* Buttons and text links feel related across every vertical. */
.button{min-height:52px;padding:.82rem 1.25rem;border-radius:999px;font-size:.76rem;line-height:1.1;letter-spacing:.075em;box-shadow:none;transition:transform .25s var(--ease),background .25s,border-color .25s,color .25s,box-shadow .25s}
.button:hover,.button:focus-visible{transform:translateY(-2px);box-shadow:0 12px 28px rgba(3,3,18,.16)}
.button:active{transform:translateY(0) scale(.985)}
.text-link,.contact-links a,.article-card span{position:relative;text-decoration-thickness:1px;text-underline-offset:.3em}
.text-link{transition:color .25s}.text-link:hover{color:var(--accent)}

/* Shared surfaces and micro-interactions. */
:where(.branch,.feature-card,.article-card,.info-card,.package,.job,.price-card,.team-card){border-radius:var(--radius-md)}
:where(.branch,.feature-card,.article-card,.info-card,.package,.job,.price-card){transition:transform .34s var(--ease),border-color .34s,box-shadow .34s,background .34s}
:where(.branch,.feature-card,.article-card,.info-card,.package,.job,.price-card):hover{transform:translateY(-5px);box-shadow:var(--shadow-soft)}
:where(.feature-card,.article-card) img{transition:transform .65s var(--ease),filter .5s}
:where(.feature-card,.article-card):hover img{transform:scale(1.035);filter:saturate(1.05)}
.feature-card .media,.article-card .media{overflow:hidden}
.home-route-grid a{isolation:isolate;overflow:hidden}
.home-route-grid a:before{content:"";position:absolute;inset:auto -15% -60% 45%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 17%,transparent),transparent 67%);z-index:-1;transition:transform .55s var(--ease),opacity .35s;opacity:.55}
.home-route-grid a:hover:before{transform:translate(-9%,-8%) scale(1.12);opacity:.9}

/* The dedicated About page carries the same personality as the main brand story. */
.about-team-section{background:radial-gradient(circle at 86% 8%,rgba(0,218,252,.1),transparent 28%),#07071c}
.about-team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.85rem,1.8vw,1.5rem)}
.about-team-grid article{position:relative;min-width:0;aspect-ratio:4/5;overflow:hidden;border-radius:var(--radius-md);background:#101032;box-shadow:var(--shadow-soft)}
.about-team-grid article:nth-child(2),.about-team-grid article:nth-child(5){transform:translateY(clamp(0rem,2vw,2rem))}
.about-team-grid img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);transition:transform .7s var(--ease),filter .5s}
.about-team-grid article:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(7,7,28,.95));pointer-events:none}
.about-team-grid article:hover img{transform:scale(1.055);filter:grayscale(0)}
.about-team-grid article>div{position:absolute;z-index:1;left:1.25rem;right:1.25rem;bottom:1.25rem}.about-team-grid h3{margin:0 0 .35rem;font-size:clamp(1.8rem,3.2vw,3.1rem);line-height:1;letter-spacing:-.05em}.about-team-grid p{margin:0;color:#d1d4df;font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}

/* Leisure gets more energy through image-forward cards and deliberate horizontal mobile stories. */
.leisure-nav{border-bottom-color:rgba(184,76,255,.24)}
.leisure-article .subhero{min-height:clamp(42rem,72svh,56rem);display:flex;align-items:center}
.leisure-article .hero-media{transform:rotate(1.25deg);transition:transform .5s var(--ease),box-shadow .5s}
.leisure-article .hero-media:hover{transform:rotate(0) translateY(-4px);box-shadow:0 38px 110px color-mix(in srgb,var(--accent) 26%,transparent)}
.article-card:nth-child(3n+2){transform:translateY(clamp(0rem,1.2vw,1rem))}.article-card:nth-child(3n+2):hover{transform:translateY(calc(clamp(0rem,1.2vw,1rem) - 5px))}

/* Cloud keeps its own accent but reads more technical and infrastructural. */
body:has(.hero .ghost:first-child){--grid-line:rgba(255,255,255,.045)}
.hero:has(.ghost){background-color:#07071c}
.service{transition:background .35s,border-color .35s,transform .35s var(--ease)}
.service:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,rgba(255,255,255,.05)),transparent);transform:translateY(-2px)}
.case-visual{box-shadow:inset 0 1px rgba(255,255,255,.08),0 30px 90px rgba(3,3,18,.25)}

/* Footer is a final composition, not a loose set of links. */
footer{padding:clamp(4rem,7vw,6.5rem) var(--gutter) 2rem;background:radial-gradient(circle at 85% 0,color-mix(in srgb,var(--accent) 9%,transparent),transparent 30%),#040413}
.footer-main{width:min(var(--container),100%);gap:clamp(2.5rem,7vw,7rem)}
.footer-main>div:first-child p,.footer-brand p{font-size:1rem;line-height:1.65}
.footer-links a,.footer-address a,.footer-brands a,footer address a{min-height:38px;display:inline-flex;align-items:center;color:#c8cad5;transition:color .22s,transform .22s}
.footer-links a:hover,.footer-address a:hover,.footer-brands a:hover,footer address a:hover{color:#fff;transform:translateX(3px)}
.footer-bottom{width:min(var(--container),100%);font-size:.78rem}

/* A varied but coherent reveal language. Content remains visible without JS. */
.motion-ready .reveal-soft,.motion-ready .reveal-slide,.motion-ready .reveal-scale,.motion-ready .reveal-clip{opacity:0;will-change:transform,opacity}
.motion-ready .reveal-soft{transform:translateY(2.25rem)}
.motion-ready .reveal-slide{transform:translateX(-2.5rem)}
.motion-ready .reveal-scale{transform:scale(.965)}
.motion-ready .reveal-clip{clip-path:inset(0 0 100% 0);opacity:1}
.motion-ready :where(.reveal-soft,.reveal-slide,.reveal-scale,.reveal-clip).is-revealed{opacity:1;transform:none;clip-path:inset(0);transition:opacity .72s var(--ease),transform .85s var(--ease),clip-path .95s var(--ease)}
.motion-ready [data-stagger="1"]{transition-delay:.06s!important}.motion-ready [data-stagger="2"]{transition-delay:.12s!important}.motion-ready [data-stagger="3"]{transition-delay:.18s!important}.motion-ready [data-stagger="4"]{transition-delay:.24s!important}.motion-ready [data-stagger="5"]{transition-delay:.3s!important}
.ticker-track,.client-slider,.about-ribbon-track{animation-play-state:running}.ticker:hover .ticker-track,.ticker:focus-within .ticker-track,.clients:hover .client-slider,.clients:focus-within .client-slider,.about-ribbon:hover .about-ribbon-track{animation-play-state:paused}

@media(max-width:900px){
  :root{--gutter:clamp(1.1rem,4.5vw,1.75rem);--section-space:clamp(4.25rem,12vw,6rem)}
  html{scroll-padding-top:8rem}
  .nav{height:72px!important;padding-inline:var(--gutter)!important;background:rgba(7,7,28,.92)!important;backdrop-filter:blur(14px) saturate(120%)!important}
  .brand img{width:112px!important}.menu{display:grid!important;width:48px;height:48px;position:relative;z-index:4}
  .software-subnav,.leisure-nav,.io-subnav{top:72px!important;justify-content:flex-start;padding:.58rem var(--gutter);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;mask-image:linear-gradient(90deg,transparent 0,#000 var(--gutter),#000 calc(100% - var(--gutter)),transparent 100%)}
  .software-subnav::-webkit-scrollbar,.leisure-nav::-webkit-scrollbar,.io-subnav::-webkit-scrollbar{display:none}.software-subnav a,.leisure-nav a,.io-subnav a{flex:0 0 auto;scroll-snap-align:start;min-height:42px}
  .software-subnav a[aria-current="page"]:after,.leisure-nav a[aria-current="page"]:after,.io-subnav a[aria-current="page"]:after{bottom:-.58rem}
  .nav-right,.navlinks{position:fixed;inset:0;height:100dvh;padding:calc(6.25rem + env(safe-area-inset-top)) var(--gutter) calc(2rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--accent,#dc12ff) 20%,transparent),transparent 35%),radial-gradient(circle at 0 100%,color-mix(in srgb,var(--accent2,#00dafc) 13%,transparent),transparent 38%),#07071c;transform:translateY(-102%);visibility:hidden;pointer-events:none;overflow-y:auto;overscroll-behavior:contain;transition:transform .46s var(--ease),visibility 0s linear .46s;z-index:3}
  .nav-right.open,.navlinks.open{transform:none;visibility:visible;pointer-events:auto;transition-delay:0s}
  .nav-right:before,.navlinks:before{content:"Lundo";display:block;margin-bottom:1rem;color:var(--accent,#00dafc);font-size:.7rem;font-weight:850;letter-spacing:.18em;text-transform:uppercase}
  .nav-right>a,.navlinks>a,.navlinks.open>a{min-height:61px!important;padding:.5rem 0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.15)!important;border-radius:0!important;background:none!important;color:#f8f9ff!important;font-size:clamp(1.8rem,8.2vw,2.55rem)!important;font-weight:760!important;line-height:1!important;letter-spacing:-.04em!important;text-transform:none!important;opacity:0;transform:translateY(-12px);transition:opacity .25s,transform .35s var(--ease),color .2s!important}
  .nav-right.open>a,.navlinks.open>a{opacity:1;transform:none}.nav-right.open>a:nth-child(2),.navlinks.open>a:nth-child(2){transition-delay:.06s!important}.nav-right.open>a:nth-child(3),.navlinks.open>a:nth-child(3){transition-delay:.09s!important}.nav-right.open>a:nth-child(4),.navlinks.open>a:nth-child(4){transition-delay:.12s!important}.nav-right.open>a:nth-child(5),.navlinks.open>a:nth-child(5){transition-delay:.15s!important}.nav-right.open>a:nth-child(6),.navlinks.open>a:nth-child(6){transition-delay:.18s!important}
  .nav-right>a:after,.navlinks>a:after{display:none!important}.nav-right .nav-cta,.navlinks .nav-cta{margin-top:1rem!important;justify-content:center;border:1px solid rgba(255,255,255,.35)!important;border-radius:999px!important;font-size:1rem!important;letter-spacing:.03em!important;text-transform:uppercase!important}
  body.menu-open{overflow:hidden}.menu.open,.menu[aria-expanded="true"]{background:#f8f9ff;color:#07071c;border-color:#f8f9ff;transform:rotate(90deg)}
  .hero{min-height:clamp(43rem,92svh,55rem);padding-inline:var(--gutter);padding-top:8rem;padding-bottom:4rem}.hero h1{font-size:clamp(3.2rem,11.5vw,6rem);line-height:.9}
  .page-hero,.subhero,.io-detail-hero{min-height:auto;padding-top:11rem;padding-inline:var(--gutter);padding-bottom:4.75rem}.page-hero h1,.subhero h1,.io-detail-hero h1{font-size:clamp(3.05rem,10.2vw,5.4rem);line-height:.92}
  .hero-bottom,.intro-grid,.section-head,.work-head,.contact-inner,.page-hero-grid,.subhero-grid,.split-story,.engine-stage,.contact-panel{grid-template-columns:1fr!important}
  .section-head,.work-head{gap:1.4rem}.section-head p{margin-top:.8rem}
  .page-hero-media,.hero-media{width:min(100%,42rem);aspect-ratio:16/10;margin-inline:auto}
  .article-card:nth-child(3n+2),.article-card:nth-child(3n+2):hover{transform:none}
  .about-team-grid{grid-template-columns:repeat(2,1fr)}.about-team-grid article:nth-child(2),.about-team-grid article:nth-child(5){transform:none}
  .footer-main{grid-template-columns:1fr 1fr}.footer-main>div:first-child,.footer-brand{grid-column:1/-1}
}

@media(max-width:600px){
  :root{--gutter:1.1rem;--section-space:4.3rem}
  body{font-size:1rem;line-height:1.62}.noise{opacity:.025}
  .hero{min-height:clamp(40rem,91svh,49rem);padding-top:7.5rem}.hero h1{font-size:clamp(2.9rem,13.2vw,4.4rem);letter-spacing:-.062em}.hero-lead{font-size:1.03rem}
  .page-hero,.subhero,.io-detail-hero{padding-top:10.2rem!important;padding-bottom:3.75rem!important;min-height:auto!important}.page-hero h1,.subhero h1,.io-detail-hero h1{font-size:clamp(2.72rem,12.2vw,4.05rem);line-height:.93;letter-spacing:-.055em;margin-block:1.15rem 1.4rem}.crumb{font-size:.67rem;letter-spacing:.12em}.crumb:before{width:28px}
  h2,.section-head.compact h2,.split-story h2,.solution-row h2{font-size:clamp(2.35rem,10.5vw,3.55rem);line-height:.95}
  .hero-actions{display:flex!important;align-items:stretch;justify-content:flex-start!important;gap:.65rem;flex-wrap:wrap}.hero-actions .button{width:auto!important;flex:0 1 auto}.button{min-height:50px;padding:.75rem 1rem}
  .stats{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:calc(var(--gutter) * -1);padding-right:20vw}.stats::-webkit-scrollbar{display:none}.stat{flex:0 0 76vw;scroll-snap-align:start;min-height:11rem}
  .service-grid,.detail-grid,.benefit-grid,.home-route-grid,.process-grid,.io-card-grid,.metric-grid,.compare,.price-grid{grid-template-columns:1fr}
  .service,.content-card,.home-route-grid a,.io-route{min-height:17rem}
  .article-grid{display:flex!important;gap:.85rem;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:0;padding:0 18vw 1.5rem 0;margin-right:calc(var(--gutter) * -1);scrollbar-width:none;-webkit-overflow-scrolling:touch}.article-grid::-webkit-scrollbar{display:none}.article-grid>*{flex:0 0 82vw;scroll-snap-align:start}
  .feature-grid{gap:.9rem}.feature-card{border-radius:1.15rem}.feature-card img{height:auto;aspect-ratio:16/10}.feature-card>div{padding:1.5rem}
  .about-team-grid{display:flex;gap:.85rem;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;padding:0 18vw 1.5rem 0;margin-right:calc(var(--gutter) * -1);scrollbar-width:none}.about-team-grid::-webkit-scrollbar{display:none}.about-team-grid article{flex:0 0 76vw;scroll-snap-align:start}
  .leisure-article .subhero{display:block}.leisure-article .hero-media{transform:none}
  .footer-main{grid-template-columns:1fr}.footer-main>div:first-child,.footer-brand{grid-column:auto}.footer-bottom{gap:.85rem;flex-direction:column}
  .related-links>.wrap{grid-template-columns:1fr;gap:2rem}.related-links nav a{min-height:58px}
}

@media(max-width:370px){
  :root{--gutter:1rem}.brand img{width:104px!important}.menu{width:46px;height:46px}
  .hero h1{font-size:clamp(2.65rem,13vw,3.15rem)}.page-hero h1,.subhero h1,.io-detail-hero h1{font-size:clamp(2.5rem,11.8vw,3.2rem)}
  .hero-actions{display:grid!important;grid-template-columns:1fr}.hero-actions .button{width:100%!important}.nav-right>a,.navlinks>a,.navlinks.open>a{font-size:clamp(1.65rem,8.3vw,2rem)!important;min-height:56px!important}
  .article-grid>*{flex-basis:86vw}
}

@media(hover:none){:where(.branch,.content-card,.feature-card,.article-card,.info-card,.package,.job,.io-route,.price-card):hover{transform:none;box-shadow:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-ready :where(.reveal-soft,.reveal-slide,.reveal-scale,.reveal-clip){opacity:1!important;transform:none!important;clip-path:none!important;will-change:auto!important}.ticker-track,.client-slider,.about-ribbon-track{animation:none!important}.ticker-set+.ticker-set,.client-set+.client-set{display:none}}

/* Cloud visuals explain the architecture instead of using decorative placeholder words. */
.cloud-visual{position:relative;min-height:clamp(24rem,36vw,34rem);margin:0;padding:clamp(1.25rem,2.4vw,2rem);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-lg);background:radial-gradient(circle at 100% 0,rgba(116,122,255,.24),transparent 38%),linear-gradient(145deg,#111535,#080a1e);box-shadow:var(--shadow-deep);overflow:hidden;display:flex;flex-direction:column;gap:1rem;color:#f8f9ff}
.cloud-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,black,transparent);pointer-events:none}
.cloud-visual>*{position:relative;z-index:1}.cloud-visual figcaption{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.14);font-size:.7rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase;color:#c8cad8}.cloud-visual figcaption b{color:#8feeff}
.cloud-layer{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.cloud-layer span,.cloud-cluster span,.cloud-foundation span,.pipeline-flow span{display:grid;place-items:center;min-height:3.5rem;padding:.65rem;border:1px solid rgba(255,255,255,.16);border-radius:.75rem;background:rgba(255,255,255,.055);font-size:.78rem;font-weight:800}
.cloud-connector{width:1px;height:1.25rem;margin:-.35rem auto;background:linear-gradient(#747aff,#00dafc);box-shadow:0 0 16px #00dafc}
.cloud-cluster{padding:1rem;border:1px solid rgba(0,218,252,.38);border-radius:1rem;background:rgba(0,218,252,.055)}.cloud-cluster small{display:block;margin-bottom:.75rem;color:#8feeff;font-size:.66rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.cloud-cluster>div{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}
.cloud-foundation{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin-top:auto}.cloud-foundation span{background:rgba(116,122,255,.12)}
.cloud-status{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding-top:1rem;border-top:1px solid rgba(255,255,255,.13);color:#aeb2c4;font-size:.68rem;font-weight:750;letter-spacing:.04em}.cloud-status span{display:flex;align-items:center;gap:.4rem}.cloud-status i{width:.5rem;height:.5rem;border-radius:50%;background:#46e39a;box-shadow:0 0 12px rgba(70,227,154,.75)}
.pipeline-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:.5rem;align-items:center;margin-block:auto}.pipeline-flow span{gap:.25rem;min-width:0}.pipeline-flow span i{font-style:normal;color:#8feeff;font-size:.62rem;letter-spacing:.1em}.pipeline-flow>b{color:#747aff;font-size:1.25rem}
.pipeline-release{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:end;padding:1rem;border:1px solid rgba(255,255,255,.14);border-radius:1rem;background:rgba(255,255,255,.045)}.pipeline-release small{display:block;color:#aeb2c4;font-size:.62rem;text-transform:uppercase;letter-spacing:.1em}.pipeline-release strong{font-size:1.15rem}.pipeline-release>span{color:#8feeff;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.release-bars{display:flex;align-items:end;gap:.28rem;height:2.6rem}.release-bars i{flex:1;height:45%;border-radius:.2rem .2rem 0 0;background:#747aff}.release-bars i:nth-child(2){height:62%}.release-bars i:nth-child(3){height:54%}.release-bars i:nth-child(4){height:82%}.release-bars i:nth-child(5){height:100%;background:#00dafc}
.cloud-contact{width:min(100%,27rem);justify-self:end;padding:1.15rem;border:1px solid rgba(7,7,28,.18);border-radius:var(--radius-md);background:rgba(255,255,255,.38);backdrop-filter:blur(10px)}.cloud-contact-person{display:flex;align-items:center;gap:.9rem;padding-bottom:1rem;margin-bottom:.75rem;border-bottom:1px solid rgba(7,7,28,.16)}.cloud-contact-person img{width:4rem;height:4rem;border-radius:50%;object-fit:cover;flex:0 0 auto}.cloud-contact-person small,.cloud-contact-person strong{display:block}.cloud-contact-person small{font-size:.65rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase;color:#393d5c}.cloud-contact-person strong{margin-top:.25rem;font-size:1rem}.cloud-contact .contact-links{gap:.25rem}.cloud-contact .contact-links a{min-height:42px}
@media(max-width:900px){.cloud-visual{min-height:30rem}.cloud-contact{justify-self:start}}
@media(max-width:600px){.cloud-visual{min-height:auto;padding:1rem;border-radius:1.15rem}.pipeline-flow{grid-template-columns:1fr 1fr;gap:.6rem}.pipeline-flow>b{display:none}.pipeline-flow span{min-height:4rem}.cloud-status{align-items:flex-start;flex-direction:column}.cloud-contact{width:100%}}