/* OKHBOT V2.6.5 - homepage-only, preserving all workspace and service routes. */
.ok265-home{position:relative;isolation:isolate;background:#fff;overflow:clip}
.ok265-home::before{content:"";position:absolute;z-index:0;inset:0 0 auto;height:780px;pointer-events:none;background:radial-gradient(ellipse 570px 420px at 13% 43%,rgba(129,141,251,.16),transparent 85%),radial-gradient(ellipse 640px 420px at 82% 14%,rgba(215,206,255,.43),transparent 80%),linear-gradient(118deg,#f9fbff 0%,#faf9ff 48%,#f4f4ff 100%)}
.ok265-home::after{content:"";position:absolute;z-index:0;top:0;left:0;right:0;height:780px;pointer-events:none;background-image:radial-gradient(circle,rgba(104,92,219,.18) 1px,transparent 1.2px);background-size:40px 40px;mask-image:linear-gradient(to bottom,#0007,transparent 93%);animation:ok265-dots 28s linear infinite}
.ok265-home>.header{position:sticky;top:0;z-index:40;background:transparent;border-bottom:1px solid rgba(107,105,176,.10);box-shadow:none;backdrop-filter:none}
body.ok264-home-active:not(.ok264-scrolled) .ok265-home>.header{background:transparent}
body.ok264-scrolled .ok265-home>.header{background:rgba(250,250,255,.92);backdrop-filter:blur(18px);box-shadow:0 5px 26px rgba(40,40,80,.055)}
.ok265-home .ok264-hero{position:relative;z-index:1;background:transparent;border-bottom:0;min-height:600px}
.ok265-home .ok264-hero-pattern,.ok265-home .ok264-hero-ambient{display:none!important}
.ok265-home .ok264-hero-grid{min-height:610px;padding-top:60px;padding-bottom:70px}
.ok265-home .ok264-hero-copy h1{font-size:clamp(39px,4.55vw,67px);line-height:1.27;letter-spacing:-2.5px;min-height:2.5em;margin:0 0 23px}
.ok265-claim-wrap{display:block;min-height:1.45em;color:#6654ed;max-width:100%;font-size:.79em;letter-spacing:-1.5px}
.ok265-claim{display:block;white-space:nowrap;animation:ok265-replace .65s cubic-bezier(.21,.77,.23,1) both}
.ok265-home .ok264-hero-copy>p{max-width:570px;line-height:1.9;font-size:17px;margin-bottom:28px}
.ok265-home .ok264-floating-dot{display:none}
.ok265-home .ok264-platform-chrome b{display:none}
.ok265-home .ok264-hero-visual{min-height:440px}
.ok265-home .ok264-floating-platform{inset:42px 4% 33px 6%}
.ok265-home .ok264-logo-section{position:relative;z-index:2;background:#fff;padding:20px 0 38px;border-bottom:1px solid #f0eff9}
.ok265-home .ok264-marquee-track{gap:78px}
/* Purely textual introduction, with reversibly scroll-driven reveal. */
.ok265-about{position:relative;z-index:2;background:#fff;scroll-margin-top:85px;padding:106px 0 99px}
.ok265-about-inner{text-align:center;max-width:1040px}
.ok265-about h2{font-size:clamp(42px,5vw,68px);line-height:1.35;margin:0 0 14px;color:#22213b}
.ok265-about-lead{font-size:19px;line-height:1.9;color:#5b5c73;max-width:790px;margin:0 auto 49px}
.ok265-about-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:46px;padding:35px 0 0;border-top:1px solid #e9e8f1;text-align:right}
.ok265-about-points>div:not(:last-child){border-left:1px solid #e9e8f1;padding-left:33px}
.ok265-about-points h3{margin:0 0 8px;font-size:24px;line-height:1.35;color:#252342}
.ok265-about-points p{font-size:15px;line-height:2;color:#75758b;margin:0}
.ok265-about-reveal{will-change:opacity,transform}
/* More compact service cards, image-led soft 3D art. */
.ok265-services{position:relative;z-index:2;padding:75px 0 96px;background:#fafbff}
.ok265-services .ok264-services-heading{margin-bottom:33px}
.ok265-services .ok264-services-heading h2{font-size:clamp(39px,4.4vw,60px);margin:0 0 6px}
.ok265-services .ok264-services-heading p{font-size:16px;margin:0}
.ok265-services .ok264-service-grid{gap:23px}
.ok265-services .ok264-service-card{min-height:460px;border-radius:29px;border:1px solid rgba(95,89,161,.09);box-shadow:0 14px 40px rgba(50,51,120,.055)}
.ok265-services .ok264-service-design{background:linear-gradient(145deg,#f0ecff 0%,#ebe9ff 100%)}
.ok265-services .ok264-service-website{background:linear-gradient(145deg,#e3faf7 0%,#d8f3f4 100%)}
.ok265-services .ok264-service-head{padding:29px 33px 0}
.ok265-services .ok264-service-head h3{font-size:clamp(31px,2.8vw,43px);margin:0 0 11px;line-height:1.22}
.ok265-services .ok264-service-head p{font-size:14px;max-width:420px;line-height:1.8;margin:0 0 14px}
.ok265-services .ok264-service-head button{padding:9px 15px;min-height:42px;font-size:13px;border-radius:11px;transition:transform .2s,box-shadow .2s}
.ok265-services .ok264-service-head button:hover{transform:translateY(-2px);box-shadow:0 9px 18px rgba(65,66,108,.13)}
.ok265-services .ok264-service-image{min-height:190px;flex:1;margin-top:1px;overflow:hidden}
.ok265-services .ok265-3d-art img{position:absolute;display:block;bottom:-11px;left:4%;width:72%;height:242px;max-width:none;object-fit:contain;filter:drop-shadow(0 9px 18px rgba(56,58,129,.12));transform:translateY(0) scale(1);transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.ok265-services .ok264-service-card:hover .ok265-3d-art img{transform:translateY(-8px) scale(1.04)}
/* Remove decorative small copy; do not hide functional UI labels. */
.ok265-home .ok264-step-caption,.ok265-home .ok264-hero-smallprint,.ok265-home .ok264-eyebrow{display:none!important}
.ok265-home .ok264-steps-heading{margin-bottom:65px}
.ok265-home .ok264-step-card{padding-top:25px}
.ok265-home .ok264-step-card h3{margin-top:0}
@keyframes ok265-replace{from{transform:translate3d(0,34%,0);opacity:0;filter:blur(4px)}to{transform:translate3d(0,0,0);opacity:1;filter:blur(0)}}
@keyframes ok265-dots{from{background-position:0 0}to{background-position:80px -80px}}
@media(max-width:1000px){.ok265-home .ok264-hero-copy h1{font-size:clamp(36px,4.3vw,57px)}.ok265-claim-wrap{font-size:.83em}.ok265-services .ok264-service-card{min-height:490px}.ok265-services .ok265-3d-art img{width:90%;left:1%}}
@media(max-width:780px){.ok265-home::before,.ok265-home::after{height:1010px}.ok265-home .ok264-hero-grid{min-height:0;padding:44px 0 52px}.ok265-home .ok264-hero-copy h1{min-height:2.6em;font-size:clamp(33px,6.8vw,49px)}.ok265-home .ok264-hero-visual{min-height:400px}.ok265-about{padding:78px 0}.ok265-about-lead{font-size:16px;margin-bottom:32px}.ok265-about-points{gap:18px}.ok265-about-points>div:not(:last-child){padding-left:14px}.ok265-about-points h3{font-size:20px}.ok265-about-points p{font-size:13px}.ok265-services{padding:66px 0}.ok265-services .ok264-service-card{min-height:435px}.ok265-services .ok265-3d-art img{width:min(78%,420px);height:230px;bottom:-7px;left:4%}}
@media(max-width:540px){.ok265-home::before,.ok265-home::after{height:890px}.ok265-home .ok264-hero-copy h1{font-size:clamp(30px,8vw,39px);letter-spacing:-1.3px;min-height:2.55em}.ok265-claim-wrap{font-size:.73em;white-space:nowrap;letter-spacing:-.9px}.ok265-home .ok264-hero-copy>p{font-size:14px;line-height:1.9}.ok265-home .ok264-hero-visual{min-height:330px}.ok265-home .ok264-floating-platform{inset:31px 1% 27px 5%}.ok265-home .ok264-logo-section{padding:18px 0 24px}.ok265-about{padding:65px 0 70px}.ok265-about h2{font-size:36px}.ok265-about-lead{font-size:15px;line-height:1.9;margin-bottom:26px}.ok265-about-points{grid-template-columns:1fr;gap:21px;padding-top:27px;text-align:right}.ok265-about-points>div:not(:last-child){border-left:0;border-bottom:1px solid #ecebf3;padding:0 0 17px}.ok265-about-points h3{font-size:21px}.ok265-about-points p{font-size:14px}.ok265-services .ok264-services-heading h2{font-size:36px}.ok265-services .ok264-service-card{min-height:445px}.ok265-services .ok264-service-head{padding:27px 25px 0}.ok265-services .ok264-service-head h3{font-size:36px}.ok265-services .ok264-service-head p{font-size:13px}.ok265-services .ok265-3d-art img{width:94%;height:221px;bottom:-4px;left:-3%}.ok265-home .ok264-steps-heading{margin-bottom:45px}}
@media(prefers-reduced-motion:reduce){.ok265-home::after,.ok265-claim,.ok265-home .ok264-marquee-track{animation:none!important}.ok265-home .ok265-about-reveal{transform:none!important;opacity:1!important}.ok265-home .ok264-step-card{opacity:1;transform:none}}