/* OKHBOT V2.6.9: kinetic text-only introduction and reversible scroll motion.
   Applies only to the public homepage; subscriptions and workspace are unchanged. */
.ok265-home .ok269-about{
  background:#fafaff;
  position:relative;
  isolation:isolate;
  padding:clamp(92px,10vw,160px) 0 clamp(102px,10vw,152px);
  overflow:hidden;
  scroll-margin-top:76px;
}
.ok265-home .ok269-about::before{
  content:"";position:absolute;pointer-events:none;inset:0;
  background:radial-gradient(ellipse 64% 48% at 50% 55%,rgba(103,86,232,.075),transparent 75%);
  z-index:-1;
}
.ok269-about-body{
  max-width:1140px;
  text-align:center;
  perspective:1200px;
}
.ok265-home .ok269-typography{
  font-size:clamp(40px,5.3vw,78px);
  line-height:1.35;
  font-weight:800;
  letter-spacing:-2.8px;
  color:#252440;
  margin:0 auto 28px;
  max-width:1120px;
}
.ok269-kinetic-line{
  display:block;
  opacity:1;
  transform:translate3d(0,0,0);
  transform-origin:50% 80%;
  backface-visibility:hidden;
  will-change:transform,opacity;
}
.ok269-kinetic-line em{font-style:normal;color:#6656e9}
.ok265-home .ok269-about-description{
  font-size:clamp(18px,1.75vw,23px);
  line-height:2;
  max-width:875px;
  margin:0 auto 25px;
  color:#63637d;
  opacity:1;
  will-change:transform,opacity;
}
.ok265-home .ok269-about-closing{
  font-size:clamp(17px,1.55vw,21px);
  line-height:1.9;
  max-width:860px;
  margin:0 auto;
  color:#77768d;
  opacity:1;
  will-change:transform,opacity;
}
.ok269-about-closing strong{color:#272544;font-weight:800}
/* Scroll parallax for the existing 3D artwork without replacing the approved cards. */
.ok265-home .ok265-services .ok265-3d-art img{
  transform:translate3d(0,var(--ok269-parallax,0px),0) scale(1);
  transition:filter .25s,transform .09s linear;
  will-change:transform;
}
.ok265-home .ok265-services .ok264-service-card:hover .ok265-3d-art img{
  transform:translate3d(0,calc(var(--ok269-parallax,0px) - 8px),0) scale(1.025);
}
/* Scroll-linked entrance of the final progress section headline. */
.ok265-home .ok264-steps-heading{
  opacity:calc(.42 + var(--ok269-reveal,1) * .58);
  transform:translate3d(0,calc((1 - var(--ok269-reveal,1)) * 35px),0);
  will-change:transform,opacity;
}
@media(max-width:780px){
 .ok265-home .ok269-about{padding:90px 0 95px}
 .ok265-home .ok269-typography{font-size:clamp(36px,6.5vw,54px);letter-spacing:-1.6px}
 .ok265-home .ok269-about-description{font-size:17px;line-height:1.95}
 .ok265-home .ok269-about-closing{font-size:16px}
}
@media(max-width:480px){
 .ok265-home .ok269-about{padding:78px 0 82px}
 .ok265-home .ok269-typography{font-size:clamp(33px,9vw,42px);line-height:1.42;letter-spacing:-1px;margin-bottom:18px}
 .ok265-home .ok269-about-description{font-size:15px;line-height:1.95;margin-bottom:16px}
 .ok265-home .ok269-about-closing{font-size:14px;line-height:1.85}
 .ok269-kinetic-line{will-change:auto}
}
@media(prefers-reduced-motion:reduce){
 .ok265-home .ok269-about *{transition:none!important;animation:none!important}
 .ok269-kinetic-line,.ok269-about-description,.ok269-about-closing,.ok264-steps-heading{transform:none!important;opacity:1!important}
 .ok265-home .ok265-services .ok265-3d-art img{transform:none!important;transition:none!important}
}