/* Homepage promotion only; the main hero is intentionally untouched. */
.studio365 {
  background:
    radial-gradient(ellipse at 15% 35%, #12483877, transparent 45%),
    radial-gradient(ellipse at 90% 55%, #13467388, transparent 55%), #031722;
  color: #e4f5ff;
  padding: 70px 0;
  overflow: hidden;
}
.studio365 > .shell {
  max-width: 1220px;
}
.studio365-brand {
  display: flex;
  align-items: center;
  gap: 15px;
  font: 750 25px/1.1 system-ui;
  letter-spacing: -0.03em;
}
.studio365-brand img {
  border-radius: 50%;
  box-shadow: 0 0 30px #78bde94d;
}
.studio365-brand small {
  display: block;
  font: 600 10px/2 system-ui;
  letter-spacing: 0.16em;
  color: #93b9ce;
}
.studio365-brand > span {
  margin-left: auto;
  font: 600 10px system-ui;
  letter-spacing: 0.07em;
  color: #9ac9e3;
  border: 1px solid #315a70;
  border-radius: 20px;
  padding: 10px 14px;
}
.studio365-heading {
  max-width: 840px;
  margin: 60px auto 0;
  text-align: center;
}
.studio365-kicker {
  font: 750 12px system-ui;
  letter-spacing: 0.2em;
  color: #8fcfff;
}
.studio365-heading h2 {
  font-size: clamp(35px, 4.9vw, 66px);
  line-height: 1.09;
  letter-spacing: -0.045em;
  color: #edfbff;
  margin: 22px 0;
}
.studio365-heading h2 em {
  font-style: normal;
  background: linear-gradient(100deg, #7eeabb, #8acbff);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.studio365-heading > p {
  color: #b4cdda;
  font: 18px/1.7 system-ui;
  max-width: 660px;
  margin: 0 auto 25px;
}
.studio365-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 25px;
}
.studio365-actions a {
  color: #b8dceb;
  text-decoration: none;
  font: 650 14px system-ui;
}
.studio365-actions a:first-child {
  background: linear-gradient(120deg, #80edbb, #8ad3fa);
  color: #062639;
  border-radius: 12px;
  padding: 17px 24px;
  box-shadow: 0 0 35px #7cdece22;
}
.studio365-pills {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 25px;
}
.studio365-pills span {
  background: #184237;
  border: 1px solid #528d73;
  color: #a2f5ce;
  font: 650 11px system-ui;
  border-radius: 20px;
  padding: 6px 13px;
}
.studio365-pills span + span {
  background: #16364c;
  border-color: #527e9a;
  color: #9dd9ff;
}
.studio365-pills small {
  font: 11px system-ui;
  color: #9cb9c9;
}
.studio365-stage {
  position: relative;
  height: 660px;
  max-width: 1080px;
  margin: 35px auto 20px;
  isolation: isolate;
}
.studio365-stage figure {
  margin: 0;
  position: absolute;
}
.studio365-stage img {
  width: 100%;
  height: auto;
  display: block;
}
.studio365-orbit {
  position: absolute;
  inset: 18% 3%;
  border: 1px solid #44738044;
  border-radius: 50%;
  transform: rotate(-9deg);
  box-shadow: 0 0 80px #4ab7d11a;
}
.studio365-tablet {
  width: 73%;
  top: 55px;
  left: 13.5%;
  padding: 10px;
  border-radius: 24px;
  border: 1px solid #668a9a;
  background: #112d3d;
  box-shadow: 0 25px 70px #0009;
  transform: perspective(1800px) rotateX(4deg);
}
.studio365-tablet img {
  border-radius: 15px;
}
.studio365-stage figcaption {
  font: 11px/1.4 system-ui;
  text-align: center;
  color: #adcfe0;
  padding: 9px 3px;
}
.studio365-phone {
  width: 220px;
  border: 6px solid #1c3848;
  border-radius: 27px;
  background: #051e2b;
  overflow: hidden;
  box-shadow: 0 20px 60px #000b;
}
.studio365-phone figcaption {
  font-size: 9px;
}
.studio365-phone figcaption b {
  display: block;
  font-size: 14px;
  letter-spacing: 0.13em;
  margin-bottom: 2px;
}
.studio365-svx {
  left: 0;
  top: 95px;
  transform: rotate(-7deg);
  border-color: #305951;
  color: #8fe8ba;
}
.studio365-dmr {
  right: 0;
  top: 95px;
  transform: rotate(7deg);
  border-color: #315776;
  color: #90cfff;
}
.studio365-svx b {
  color: #88eabc;
}
.studio365-dmr b {
  color: #91d3ff;
}
.studio365-features {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}
.studio365-features article {
  border-top: 1px solid #376275;
  padding: 25px 4px;
}
.studio365-features span {
  font: 600 10px system-ui;
  letter-spacing: 0.1em;
  color: #8bb6ce;
}
.studio365-features h3 {
  color: #e8f8ff;
  font-size: 24px;
  line-height: 1.2;
  margin: 15px 0 10px;
}
.studio365-features p {
  color: #a6c0d1;
  font: 14px/1.7 system-ui;
  margin: 0;
}
.studio365-install {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  background: #0b2e3e;
  border: 1px solid #30566a;
  border-radius: 16px;
  padding: 25px;
  margin-top: 24px;
}
.studio365-install strong,
.studio365-install span {
  display: block;
}
.studio365-install strong {
  color: #e1f4ff;
  font: 650 18px system-ui;
}
.studio365-install span {
  font: 13px/1.6 system-ui;
  color: #a0bbce;
  margin-top: 6px;
}
.studio365-install b {
  font: 600 13px system-ui;
  color: #a7d9f2;
  white-space: nowrap;
}
.studio365-install a {
  font: 650 13px system-ui;
  color: #a5eccf;
  white-space: nowrap;
}
.studio365-note {
  font: 11px/1.7 system-ui;
  color: #89a8ba;
  text-align: center;
  margin: 20px auto 0;
  max-width: 800px;
}
.studio365 a:focus-visible {
  outline: 3px solid #ffc974;
  outline-offset: 4px;
}
@media (max-width: 900px) {
  .studio365-stage {
    height: 600px;
  }
  .studio365-phone {
    width: 195px;
  }
  .studio365-tablet {
    width: 78%;
    left: 11%;
    top: 90px;
  }
  .studio365-install {
    flex-wrap: wrap;
  }
  .studio365-features {
    gap: 15px;
  }
}
@media (max-width: 600px) {
  .studio365 {
    padding: 35px 0;
  }
  .studio365-brand {
    font-size: 21px;
    gap: 10px;
  }
  .studio365-brand img {
    width: 46px;
    height: 46px;
  }
  .studio365-brand > span {
    font-size: 8px;
    max-width: 105px;
    line-height: 1.5;
    text-align: center;
    padding: 7px;
  }
  .studio365-heading {
    margin-top: 35px;
  }
  .studio365-heading > p {
    font-size: 16px;
  }
  .studio365-kicker {
    font-size: 10px;
  }
  .studio365-heading h2 {
    font-size: 36px;
  }
  .studio365-stage {
    height: 700px;
    margin-top: 25px;
  }
  .studio365-tablet {
    width: 96%;
    left: 2%;
    top: 0;
    border-radius: 14px;
    padding: 5px;
  }
  .studio365-tablet img {
    border-radius: 10px;
  }
  .studio365-tablet figcaption {
    font-size: 9px;
  }
  .studio365-phone {
    width: 47%;
    top: 225px;
    border-width: 4px;
    border-radius: 19px;
  }
  .studio365-svx {
    left: 1%;
    transform: rotate(-4deg);
  }
  .studio365-dmr {
    right: 1%;
    transform: rotate(4deg);
  }
  .studio365-phone figcaption {
    font-size: 8px;
  }
  .studio365-phone figcaption b {
    font-size: 12px;
  }
  .studio365-features {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .studio365-features article {
    padding: 18px 0;
  }
  .studio365-install {
    padding: 20px;
    gap: 16px;
  }
  .studio365-install strong {
    font-size: 17px;
  }
  .studio365-pills {
    gap: 7px;
  }
  .studio365-pills span {
    font-size: 10px;
    padding: 6px 9px;
  }
  .studio365-pills small {
    font-size: 9px;
  }
}
@media (max-width: 380px) {
  .studio365-stage {
    height: 625px;
  }
  .studio365-phone {
    top: 195px;
  }
  .studio365-heading h2 {
    font-size: 32px;
  }
}
.studio365 h2,.studio365 h3{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:750}
#main .studio365 h2,#main .studio365 h3{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important}

/* v4.3.376: integrated SVX & DMR campaign; uncropped on every viewport. */
.studio270-publicity{display:block;margin:36px auto;border:1px solid #3c7885;border-radius:22px;overflow:hidden;box-shadow:0 18px 60px #0007,0 0 40px #54d8c41a}.studio270-publicity img{display:block;width:100%;height:auto}.studio270-publicity:focus-visible{outline:3px solid #75f0c3;outline-offset:6px}@media(max-width:520px){.studio270-publicity{margin:24px auto;border-radius:12px}}