/* Cloudmatic Software — Ready-to-Deploy Solutions
   Page-specific stylesheet. No other page is affected. */

.solution-suite{
  --sol-yellow:#F5C84C;
  --sol-ink:#171717;
  --sol-paper:#F4F1E9;
  position:relative;
  padding:110px 0 120px;
  overflow:hidden;
  background:
    radial-gradient(circle at 92% 4%,rgba(245,200,76,.18),transparent 24%),
    linear-gradient(180deg,#f6f3eb 0%,#eeeae0 100%);
  color:var(--sol-ink);
}
.solution-suite::before{
  content:"";
  position:absolute;inset:0;
  pointer-events:none;
  opacity:.38;
  background-image:linear-gradient(rgba(23,23,23,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,23,23,.035) 1px,transparent 1px);
  background-size:44px 44px;
}
.solution-suite>.wrap{position:relative;z-index:1}
.solution-suite-head{margin-bottom:54px}
.solution-suite-eyebrow{
  display:flex;justify-content:space-between;align-items:center;
  padding:0 0 15px;border-bottom:1px solid rgba(23,23,23,.18);
  font:700 10px/1 "Inter",sans-serif;letter-spacing:.16em;
}
.solution-suite-eyebrow span{color:#766d58}
.solution-suite-eyebrow b{color:var(--sol-ink)}
.solution-suite-title{
  display:grid;grid-template-columns:1.18fr .82fr;gap:64px;align-items:end;
  padding-top:28px;
}
.solution-suite .kicker{color:#8c6f13}
.solution-suite-title h2{
  margin:0;max-width:760px;
  font:700 clamp(40px,5.6vw,76px)/.93 "Sora",sans-serif;
  letter-spacing:-.07em;color:var(--sol-ink);
}
.solution-suite-title h2 em{display:block;font-style:normal;color:#9a7600}
.solution-suite-intro{padding-bottom:5px}
.solution-suite-intro p{
  max-width:500px;margin:0 0 20px;
  color:#5e5a52!important;font:400 16px/1.5 "Inter",sans-serif!important;
}
.solution-main-cta,.deploy-cta{
  display:inline-flex;align-items:center;gap:13px;
  color:var(--sol-ink);font:700 12px/1 "Inter",sans-serif;
  text-transform:uppercase;letter-spacing:.08em;
}
.solution-main-cta span,.deploy-cta span{
  display:grid;place-items:center;width:34px;height:34px;border-radius:50%;
  background:var(--sol-yellow);transition:.3s;
}
.solution-main-cta:hover span,.deploy-cta:hover span{transform:translate(4px,-2px);background:#171717;color:#fff}

.solution-stack{display:grid;gap:22px}
.deploy-solution{
  display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);
  min-height:590px;border:1px solid rgba(23,23,23,.14);
  border-radius:28px;overflow:hidden;background:rgba(255,255,255,.72);
  box-shadow:0 18px 55px rgba(44,38,25,.07);
}
.deploy-solution:nth-child(even){grid-template-columns:minmax(0,1.22fr) minmax(300px,.78fr)}
.deploy-solution:nth-child(even) .deploy-visual{order:2}
.deploy-solution:nth-child(even) .deploy-content{order:1}

.deploy-visual{
  position:relative;overflow:hidden;min-height:100%;
  background:#171717;color:#fff;isolation:isolate;
}
.deploy-visual::before{
  content:"";position:absolute;inset:0;z-index:-2;
  background:
    radial-gradient(circle at 78% 18%,rgba(245,200,76,.35),transparent 27%),
    linear-gradient(145deg,#171717,#28251f 62%,#0f0f0f);
}
.deploy-visual::after{
  content:"";position:absolute;z-index:-1;inset:0;
  background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.72));
}
.deploy-no{
  position:absolute;top:25px;left:27px;
  font:600 11px/1 "Sora",sans-serif;letter-spacing:.16em;color:rgba(255,255,255,.62);
}
.deploy-visual-copy{position:absolute;left:28px;right:28px;bottom:29px}
.deploy-visual-copy small{
  display:block;margin-bottom:10px;color:var(--sol-yellow);
  font:700 9px/1 "Inter",sans-serif;letter-spacing:.18em;
}
.deploy-visual-copy strong{
  display:block;font:600 clamp(30px,3.3vw,50px)/.94 "Sora",sans-serif;
  letter-spacing:-.06em;color:#fff;
}

/* abstract interface art */
.deploy-art{position:absolute;inset:15% 10% 24%;opacity:.9}
.deploy-art i{position:absolute;display:block;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.055);backdrop-filter:blur(8px)}
.deploy-art-education i:nth-child(1){inset:5% 8% 40% 8%;border-radius:18px}
.deploy-art-education i:nth-child(2){width:42%;height:34%;left:4%;bottom:0;border-radius:14px}
.deploy-art-education i:nth-child(3){width:46%;height:34%;right:4%;bottom:0;border-radius:14px}
.deploy-art-education i:nth-child(4){width:22%;height:5px;left:18%;top:22%;border:0;background:var(--sol-yellow)}
.deploy-art-community i{width:82px;height:82px;border-radius:50%}
.deploy-art-community i:nth-child(1){left:4%;top:38%}.deploy-art-community i:nth-child(2){left:36%;top:5%}.deploy-art-community i:nth-child(3){right:3%;top:42%}.deploy-art-community i:nth-child(4){left:30%;bottom:0}.deploy-art-community i:nth-child(5){right:23%;bottom:8%;width:14px;height:14px;background:var(--sol-yellow);border:0}
.deploy-art-membership i:nth-child(1){left:8%;right:8%;top:6%;height:31%;border-radius:999px}
.deploy-art-membership i:nth-child(2){left:15%;right:15%;top:43%;height:31%;border-radius:999px}
.deploy-art-membership i:nth-child(3){left:25%;right:25%;top:80%;height:8px;border-radius:99px;background:var(--sol-yellow);border:0}
.deploy-art-market i{width:42%;height:38%;border-radius:15px}
.deploy-art-market i:nth-child(1){left:4%;top:4%}.deploy-art-market i:nth-child(2){right:4%;top:4%}.deploy-art-market i:nth-child(3){left:4%;bottom:5%}.deploy-art-market i:nth-child(4){right:4%;bottom:5%;border-color:rgba(245,200,76,.75)}
.deploy-art-events i:nth-child(1){inset:5% 5% 44%;border-radius:18px}
.deploy-art-events i:nth-child(2){left:8%;bottom:4%;width:54%;height:34%;border-radius:15px}
.deploy-art-events i:nth-child(3){right:7%;bottom:10%;width:23%;height:23%;border-radius:50%;background:var(--sol-yellow);border:0}
.deploy-art-support i:nth-child(1){left:3%;top:7%;width:76%;height:25%;border-radius:16px}
.deploy-art-support i:nth-child(2){right:2%;top:39%;width:68%;height:25%;border-radius:16px}
.deploy-art-support i:nth-child(3){left:8%;bottom:3%;width:70%;height:25%;border-radius:16px}
.deploy-art-support i:nth-child(4){right:5%;top:16%;width:10px;height:10px;border-radius:50%;background:var(--sol-yellow);border:0}
.deploy-art-grievance i:nth-child(1){left:8%;top:5%;width:84%;height:18%;border-radius:12px}
.deploy-art-grievance i:nth-child(2){left:8%;top:34%;width:65%;height:18%;border-radius:12px}
.deploy-art-grievance i:nth-child(3){left:8%;top:63%;width:45%;height:18%;border-radius:12px;border-color:var(--sol-yellow)}

.deploy-content{padding:42px 42px 38px;display:flex;flex-direction:column}
.deploy-status{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:22px}
.deploy-status span{
  border:1px solid rgba(23,23,23,.17);border-radius:999px;padding:7px 9px;
  font:700 8px/1 "Inter",sans-serif;letter-spacing:.12em;color:#625c4e;background:#faf8f1;
}
.deploy-status span:first-child{background:var(--sol-yellow);border-color:var(--sol-yellow);color:#171717}
.deploy-content h3{
  max-width:760px;margin:0;
  font:600 clamp(27px,3vw,43px)/1.02 "Sora",sans-serif;
  letter-spacing:-.055em;color:#171717;
}
.deploy-content h3 mark{padding:0;background:none;color:#9a7600}
.deploy-mantra{
  margin:13px 0 16px!important;color:#171717!important;
  font:600 11px/1.2 "Inter",sans-serif!important;letter-spacing:.07em;text-transform:uppercase;
}
.deploy-content>p:not(.deploy-mantra):not(.deploy-note){
  max-width:760px;margin:0 0 23px!important;color:#69645b!important;
  font:400 14px/1.55 "Inter",sans-serif!important;
}
.deploy-features{
  display:grid;grid-template-columns:1fr 1fr;
  border-top:1px solid rgba(23,23,23,.12);margin-bottom:25px;
}
.deploy-features span{
  position:relative;padding:12px 14px 12px 18px;
  border-bottom:1px solid rgba(23,23,23,.10);
  color:#69645b;font:400 11px/1.42 "Inter",sans-serif;
}
.deploy-features span:nth-child(odd){border-right:1px solid rgba(23,23,23,.10)}
.deploy-features span::before{
  content:"";position:absolute;left:0;top:17px;width:5px;height:5px;border-radius:50%;background:#b48c0e;
}
.deploy-features b{display:block;margin-bottom:2px;color:#171717;font-weight:700}
.deploy-note{margin:-8px 0 22px!important;color:#8b8374!important;font:500 10px/1.4 "Inter",sans-serif!important}
.deploy-cta{margin-top:auto;width:max-content}

.deploy-solution:hover{box-shadow:0 28px 75px rgba(44,38,25,.12)}
.deploy-solution:hover .deploy-art{transform:translateY(-5px)}
.deploy-art{transition:transform .55s cubic-bezier(.2,.8,.2,1)}

@media(max-width:1000px){
  .solution-suite{padding:82px 0 90px}
  .solution-suite-title{grid-template-columns:1fr;gap:22px}
  .deploy-solution,.deploy-solution:nth-child(even){grid-template-columns:1fr}
  .deploy-solution:nth-child(even) .deploy-visual{order:0}
  .deploy-solution:nth-child(even) .deploy-content{order:1}
  .deploy-visual{min-height:360px}
  .deploy-art{inset:12% 13% 25%}
}
@media(max-width:650px){
  .solution-suite{padding:64px 0 70px}
  .solution-suite-head{margin-bottom:34px}
  .solution-suite-eyebrow{align-items:flex-start;gap:12px}
  .solution-suite-title{padding-top:21px}
  .solution-suite-title h2{font-size:39px}
  .solution-suite-intro p{font-size:14px!important}
  .solution-stack{gap:15px}
  .deploy-solution{border-radius:19px}
  .deploy-visual{min-height:285px}
  .deploy-visual-copy{left:20px;right:20px;bottom:20px}
  .deploy-visual-copy strong{font-size:33px}
  .deploy-no{top:18px;left:20px}
  .deploy-content{padding:26px 20px 24px}
  .deploy-content h3{font-size:27px}
  .deploy-features{grid-template-columns:1fr}
  .deploy-features span:nth-child(odd){border-right:0}
  .deploy-content>p:not(.deploy-mantra):not(.deploy-note){font-size:13px!important}
}
@media(prefers-reduced-motion:reduce){
  .deploy-art,.solution-main-cta span,.deploy-cta span{transition:none!important}
}