/* OKHBOT V2.6.17 — shared visual language, public scroll narrative, fast workspace.
   V2.6.16 homepage is deliberately not targeted by this stylesheet. */
:root{--ok17-ink:#24233f;--ok17-muted:#77758f;--ok17-violet:#6655ec;--ok17-violet-soft:#f0edff;--ok17-bg:#fafaff;--ok17-stroke:rgba(97,85,193,.13);--ok17-depth:0 22px 60px rgba(62,53,136,.075)}
body.ok17-public-active{background:var(--ok17-bg)}
body.ok17-public-active .site{background:var(--ok17-bg)}
body.ok17-public-active .header{background:rgba(250,249,255,.91);backdrop-filter:blur(18px);border-bottom:1px solid rgba(111,98,190,.10)}
body.ok17-public-active .footer{background:linear-gradient(180deg,#f8f6ff,#f0edff);border-top:0}
body.ok17-public-active .footer .foot-bottom{border-color:rgba(98,82,190,.12)}
body.ok17-public-active :is(.ok261-kicker,.ok263-eyebrow,.ok26-hero-bottom,.ok261-card-overline){display:none!important}
body.ok17-public-active .ok261-public-page{background:var(--ok17-bg);overflow:clip}
body.ok17-public-active .ok261-public-page :is(.ok261-showcase-section,.ok261-website-showroom,.ok261-questions){background:#f7f6ff}
body.ok17-public-active .ok261-public-page :is(.ok263-section,.ok261-site-packages,.ok261-design-pricing,.ok261-web-journey){background:#fafaff}
body.ok17-public-active .ok261-public-page :is(.ok261-showcase-section,.ok261-website-showroom,.ok261-questions,.ok261-site-packages,.ok261-design-pricing){border:0}
body.ok17-public-active .ok261-editorial-intro{grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr);gap:7%;margin-bottom:36px}
body.ok17-public-active .ok261-editorial-intro h2,body.ok17-public-active .ok263-section-intro h2{font-size:clamp(38px,4.6vw,66px);letter-spacing:-1.65px;line-height:1.24;margin-top:0}
body.ok17-public-active .ok261-editorial-intro h2 em,body.ok17-public-active .ok263-section-intro h2 em{color:#6655ec}
body.ok17-public-active .ok261-intro-side b{color:#282541;font-size:19px}
body.ok17-public-active .ok261-intro-side p{color:var(--ok17-muted);font-size:15px;line-height:1.95}
body.ok17-public-active .ok261-public-page :is(.ok261-design-process,.ok261-web-journey) .wrap{position:relative}
body.ok17-public-active .ok261-public-page .ok261-portfolio-tile{border-radius:24px;overflow:hidden;box-shadow:var(--ok17-depth);background:#fff;border:1px solid var(--ok17-stroke)}
body.ok17-public-active .ok261-public-page .ok261-showroom-stage{filter:drop-shadow(0 22px 35px rgba(49,42,104,.075))}
body.ok17-public-active :is(.ok261-questions .accordion details,.ok261-showroom-aside,.ok261-slot-demo,.ok261-site-packages .plan-card,.ok261-design-pricing .plan-card){border:1px solid var(--ok17-stroke);box-shadow:0 16px 38px rgba(71,58,152,.045)}
body.ok17-public-active .ok263-section{padding-block:90px 92px}
body.ok17-public-active .ok263-tile{border-radius:30px;box-shadow:var(--ok17-depth)}
body.ok17-public-active .ok263-design-primary,body.ok17-public-active .ok263-web-primary{background:linear-gradient(130deg,#5540db,#9484ee);border-color:#b4a9fb}
body.ok17-public-active .ok263-design-workflow,body.ok17-public-active .ok263-web-progress{background:linear-gradient(125deg,#5143d5,#8071e8);border-color:#aaa2f0}
body.ok17-public-active :is(.ok263-design-assets,.ok263-design-review,.ok263-web-langs,.ok263-web-pages){background:linear-gradient(135deg,#ebeaff,#dcdaf9)}
body.ok17-public-active .ok261-end-banner{background:linear-gradient(120deg,#5542df,#897afa);box-shadow:0 25px 64px rgba(90,68,201,.16);border-radius:30px}
body.ok17-public-active .ok261-journey-grid article{border:1px solid rgba(109,91,212,.13);background:rgba(255,255,255,.86);border-radius:22px;box-shadow:0 16px 34px rgba(55,44,126,.05)}
body.ok17-public-active .ok261-filter-group button.selected,body.ok17-public-active .ok261-site-filter button.selected{background:#6555e8;border-color:#6555e8;color:#fff}
body.ok17-public-active :is(.ok261-site-filter button,.ok261-filter-group button,.ok261-devices button,.package-language-toggle button){transition:background .23s,color .23s,transform .23s}
body.ok17-public-active :is(.ok261-site-filter button,.ok261-filter-group button):hover{transform:translateY(-2px)}
/* Public scroll-driven depth, timeline tied to real viewport position by the controller. */
.ok17-public-active .ok17-motion-section{--ok17-progress:1}
.ok17-public-active .ok17-motion-card{--ok17-enter:1}
.ok17-public-active .ok261-public-page .ok17-motion-section>.wrap:not(.ok261-portfolio-grid),
.ok17-public-active .ok261-public-page .ok17-motion-section>.ok261-editorial-intro{
 transform:translate3d(0,calc((1 - var(--ok17-progress)) * 32px),0);
 opacity:calc(.68 + var(--ok17-progress) * .32);
 will-change:transform,opacity;
}
.ok17-public-active .ok17-motion-card{
 transform:translate3d(0,calc((1 - var(--ok17-enter)) * 46px),0) scale(calc(.97 + var(--ok17-enter) * .03));
 opacity:calc(.65 + var(--ok17-enter) * .35);
 will-change:transform,opacity;
}
.ok17-public-active .ok263-tile.ok17-motion-card:hover,.ok17-public-active .ok261-portfolio-tile.ok17-motion-card:hover{transform:translateY(-5px) scale(1);box-shadow:0 27px 60px rgba(66,54,146,.18)}
.ok17-public-active .ok26-art-stage{transform:translate3d(0,calc(var(--ok17-hero-travel,0) * 90px),0) scale(calc(1 - var(--ok17-hero-travel,0) * .065));transform-origin:center center;will-change:transform}
.ok17-public-active .ok26-hero-copy{transform:translate3d(0,calc(var(--ok17-hero-travel,0) * -25px),0);will-change:transform}
/* Headlines acquire legibility as the user scrolls, in the same editorial-ink family as the homepage. */
.ok17-public-active .ok17-motion-section :is(.ok261-editorial-intro h2,.ok263-section-intro h2){
 background:linear-gradient(to left,#262440 0%,#262440 calc(var(--ok17-progress,1)*100%),#aaa8bf calc(var(--ok17-progress,1)*100%),#aaa8bf 100%);
 background-clip:text;-webkit-background-clip:text;color:transparent;
}
.ok17-public-active .ok17-motion-section :is(.ok261-editorial-intro h2,.ok263-section-intro h2) em{color:#6756e8;-webkit-text-fill-color:#6756e8}
/* Designers joining page: distinct editorial showcase using the same purple product mood. */
.ok17-public-active .ok17-designers-page{padding-top:85px;padding-bottom:105px;min-height:740px}
.ok17-public-active .ok17-designers-page .split-content{gap:55px;align-items:start;grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr)}
.ok17-public-active .ok17-designers-page .inner-title{font-size:clamp(40px,4.8vw,67px);letter-spacing:-1.2px;line-height:1.25;margin:18px 0}
.ok17-public-active .ok17-designers-page .inner-title em{color:#6555e8;font-style:normal}
.ok17-public-active .ok17-designers-page .lead{max-width:550px;font-size:19px;line-height:2;color:#737088}
.ok17-public-active .ok17-designers-page .tile.soft{border-radius:25px;background:linear-gradient(135deg,#f0edff,#f6f5ff);border:1px solid #e4dffc}
.ok17-public-active .ok17-designers-page .form-card{background:#fff;border:1px solid var(--ok17-stroke);box-shadow:var(--ok17-depth);border-radius:27px;padding:34px}
.ok17-designer-art{height:222px;width:min(100%,490px);position:relative;margin-top:25px;--ok17-enter:1}
.ok17-designer-poster{position:absolute;inset:6px 18% 7px 7%;border-radius:25px;background:linear-gradient(135deg,#6550e6,#a69afb);color:#fff;padding:25px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transform:rotate(-4deg);box-shadow:0 30px 45px #5c4aca34}
.ok17-designer-poster span{font:800 10px Inter,Arial;letter-spacing:.15em}.ok17-designer-poster strong{font:900 clamp(33px,4vw,63px)/.92 Inter,Arial;letter-spacing:-2px;max-width:280px;z-index:2}
.ok17-designer-poster i{position:absolute;width:200px;height:200px;border-radius:50%;border:39px solid #ffffff4b;left:-45px;top:50px}
.ok17-designer-check{position:absolute;z-index:3;left:0;bottom:4px;display:flex;align-items:center;gap:10px;background:#fff;border-radius:17px;padding:14px 17px;box-shadow:0 14px 29px #4135682b;font-size:14px;color:#302b58}
.ok17-designer-check b{display:grid;place-items:center;border-radius:50%;background:#dff3ed;color:#217b67;width:31px;height:31px}
.ok17-public-active .ok17-simple-page{min-height:58vh;padding-top:88px;padding-bottom:100px}
.ok17-public-active .ok17-simple-page :is(h1,.inner-title){font-size:clamp(39px,5vw,67px);letter-spacing:-1px;color:#282441}
.ok17-public-active .ok17-simple-page :is(.tile,.accordion details){border-radius:18px;border:1px solid var(--ok17-stroke);background:#fff}
/* Shared work and administration interface. Fast, restrained; preserves DOM and existing business logic. */
body.ok17-work-active .site{background:#f8f7fc}
.ok17-work-active .v22-shell{--v22-text:#282540;--v22-border:#e8e4f3;--v22-soft:#f8f7fc;background:#f8f7fc;min-height:calc(100vh - 44px)}
.ok17-work-active .v22-shell .sidebar{background:linear-gradient(180deg,#fff 0%,#faf9ff 100%);border-left:1px solid var(--v22-border);box-shadow:8px 0 28px rgba(48,35,111,.02);padding:20px 12px}
.ok17-work-active .v22-shell .sidebar-logo{display:flex;align-items:center;padding:0 12px 12px}
.ok17-work-active .v22-shell .sidebar nav{gap:3px}
.ok17-work-active .v22-shell .sidebar .nav-entry{border-radius:13px;min-height:42px;font-weight:700;transition:background .18s,color .18s}
.ok17-work-active .v22-shell .sidebar .nav-entry.on{background:#efedff;color:#5543d8;box-shadow:inset -3px 0 #6e59e8}
.ok17-work-active .v22-shell .sidebar .nav-entry:hover:not(.on){background:#f4f2ff;color:#5246bf}
.ok17-work-active .v22-shell .v22-app-header{background:rgba(252,251,255,.92);border-bottom:1px solid var(--v22-border);backdrop-filter:blur(16px)}
.ok17-work-active .v22-shell .v22-work-identity b{font-weight:800;color:#27233f}
.ok17-work-active .v22-shell .v22-main{padding-top:31px;padding-bottom:95px;animation:ok17-page-in .32s cubic-bezier(.18,.7,.25,1) both}
@keyframes ok17-page-in{from{opacity:.66;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
.ok17-work-active .v22-shell :is(.tile,.v22-panel,.v22-onboarding,.stat-card,.ops-metric,.smart-metric,.v22-kpis>button,.plan-card,.admin-metric,.smart-health-item){background:#fff;border:1px solid var(--v22-border);border-radius:20px;box-shadow:0 10px 35px rgba(38,33,92,.035)}
.ok17-work-active .v22-shell :is(.tile,.v22-panel,.v22-onboarding,.stat-card,.ops-metric,.smart-metric,.v22-kpis>button,.admin-metric){transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}
.ok17-work-active .v22-shell :is(.v22-kpis>button,.stat-card,.smart-metric,.admin-metric):hover{transform:translateY(-3px);border-color:#cfc7f7;box-shadow:0 18px 43px rgba(74,53,164,.10)}
.ok17-work-active .v22-shell :is(.v22-panel-title h2,.card-head h2,.short h1,.short h2){color:#26233e;letter-spacing:-.3px}
.ok17-work-active .v22-shell :is(.v22-primary-action,.btn:not(.outline),.v22-kpis button:hover){accent-color:#6555e8}
.ok17-work-active .v22-shell :is(.v22-primary-action,.btn:not(.outline)){background:#6655e8;border-color:#6655e8;color:#fff}
.ok17-work-active .v22-shell :is(.v22-primary-action,.btn:not(.outline)):hover{background:#5644da;border-color:#5644da}
.ok17-work-active .v22-shell :is(.v22-compact-row,.v22-attention-list button,.list-row,.admin-row-action){transition:background .16s}
.ok17-work-active .v22-shell :is(.v22-compact-row,.v22-attention-list button,.list-row,.admin-row-action):hover{background:#f6f4ff}
.ok17-work-active .v22-shell :is(input,textarea,select):focus-visible{outline:2px solid #b2a7f5;outline-offset:1px;border-color:#9383f1}
.ok17-work-active .v22-shell :is(.plan-card,.form-card,.admin-unified-content){background:#fff;border-color:var(--v22-border);box-shadow:0 11px 36px rgba(45,38,103,.035)}
.ok17-work-active .v22-shell :is(table,.smart-table){--line:#e9e6f3}
.ok17-work-active .v22-shell :is(th,.smart-table-head){background:#f7f5ff;color:#585071}
.ok17-work-active .v22-shell .nav-symbol{color:inherit}
.ok17-work-active .v22-shell .sidebar-label{color:#817a9d}
.ok17-work-active .v22-shell .workspace-breadcrumb{color:#837d9b}
.ok17-work-active .v22-shell .admin-tabs{background:#f6f4ff;border-radius:15px;padding:4px}
.ok17-work-active .v22-shell .admin-tabs button{border-radius:11px}
/* All roles inherit the theme; role-specific emphasis is subtle, no duplicated structures. */
.ok17-work-active .ok17-work-shell[data-role="designer"] .v22-app-header,
.ok17-work-active .ok17-work-shell[data-role="developer"] .v22-app-header{border-bottom-color:#dcd5fa}
.ok17-work-active .ok17-work-shell[data-role="admin"] .sidebar .nav-entry.on{background:#ebe7ff}
@media(max-width:980px){
 body.ok17-public-active .ok261-editorial-intro{display:block;margin-bottom:32px}
 body.ok17-public-active .ok261-editorial-intro .ok261-intro-side{max-width:720px;margin-top:20px}
 .ok17-public-active .ok17-designers-page .split-content{display:block}
 .ok17-designer-art{max-width:420px;margin:26px auto}
 .ok17-public-active .ok17-designers-page .form-card{margin-top:34px}
}
@media(max-width:760px){
 body.ok17-public-active .ok263-section{padding:62px 0}
 body.ok17-public-active .ok261-editorial-intro h2,body.ok17-public-active .ok263-section-intro h2{font-size:clamp(34px,8vw,50px);letter-spacing:-.8px}
 .ok17-public-active .ok17-designers-page{padding-top:56px;padding-bottom:72px}
 .ok17-public-active .ok17-designers-page .inner-title{font-size:clamp(33px,8.6vw,48px)}
 .ok17-public-active .ok17-designers-page .lead{font-size:16px}
 .ok17-public-active .ok17-designers-page .form-card{padding:23px}
 .ok17-public-active .ok17-motion-card{transform:translate3d(0,calc((1 - var(--ok17-enter)) * 23px),0);}
 .ok17-work-active .v22-shell .v22-main{padding-top:21px}
 .ok17-work-active .v22-shell .sidebar{box-shadow:0 15px 65px #1c164e25}
}
@media(max-width:420px){
 .ok17-public-active .ok17-designers-page .form-card{padding:17px}
 .ok17-designer-art{height:185px}
 .ok17-designer-poster{padding:20px}
}
@media(prefers-reduced-motion:reduce){
 .ok17-public-active .ok17-motion-section>.wrap,.ok17-public-active .ok17-motion-card,.ok17-public-active .ok26-art-stage,.ok17-public-active .ok26-hero-copy{transform:none!important;opacity:1!important;will-change:auto!important}
 .ok17-public-active .ok17-motion-section :is(.ok261-editorial-intro h2,.ok263-section-intro h2){background:none!important;color:#262440!important;-webkit-text-fill-color:initial!important}
 .ok17-public-active .ok17-motion-section :is(.ok261-editorial-intro h2,.ok263-section-intro h2) em{color:#6655e8!important;-webkit-text-fill-color:#6655e8!important}
 .ok17-work-active .v22-shell .v22-main{animation:none!important}
 *{scroll-behavior:auto!important}
}

/* Informational pages restored; do not fabricate legal clauses. */
.ok17-public-active .ok17-simple-page .ok17-information-head{max-width:850px;text-align:center;margin:0 auto 48px}
.ok17-public-active .ok17-simple-page .ok17-information-head h1{font-size:clamp(42px,5.4vw,72px);line-height:1.23;letter-spacing:-1.9px;color:#24233f;margin:0 0 18px}
.ok17-public-active .ok17-simple-page .ok17-information-head h1 em{color:#6655e8;font-style:normal}
.ok17-public-active .ok17-simple-page .ok17-information-head p{font-size:18px;color:#76738d;line-height:1.95;margin:0 auto;max-width:700px}
.ok17-public-active .ok17-simple-page .ok17-information-body{max-width:850px;margin:0 auto}
.ok17-public-active .ok17-simple-page .ok17-information-body .accordion details{border-radius:18px;padding:18px 23px;margin-bottom:10px;background:#fff;border:1px solid #e7e2f6}
.ok17-public-active .ok17-simple-page .ok17-information-body .accordion summary{font-weight:800}
.ok17-public-active .ok17-simple-page .ok17-information-body .accordion p{font-size:15px;line-height:2.1;color:#73718a}
.ok17-public-active .ok17-simple-page .ok17-legal-pending{background:linear-gradient(160deg,#fff,#f6f3ff);border:1px solid #e6e0fb;border-radius:26px;padding:36px 40px;box-shadow:0 15px 40px rgba(73,59,141,.05)}
.ok17-public-active .ok17-simple-page .ok17-legal-pending h2{font-size:26px;color:#302853}
.ok17-public-active .ok17-simple-page .ok17-legal-pending p{font-size:16px;color:#6e6c84;line-height:2}
@media(max-width:520px){.ok17-public-active .ok17-simple-page .ok17-legal-pending{padding:22px 19px}.ok17-public-active .ok17-simple-page .ok17-information-head h1{font-size:39px}}
/* Contain inherited off-canvas sidebar overhang at very narrow widths. */
@media(max-width:380px){body.ok17-work-active .site{overflow-x:clip}body.ok17-work-active .v22-shell{max-width:100%;min-width:0}}
/* Remove editorial micro-labels from marketing pages, retaining actual service data. */
.ok17-public-active .ok261-public-page :is(.ok263-tile-copy>span,.ok261-portfolio-meta>div>span,.ok261-end-banner>div>span,.ok261-web-plan-upper){display:none!important}
/* Readability and keyboard affordances. */
.ok17-public-active a:focus-visible,.ok17-public-active button:focus-visible,.ok17-work-active .v22-shell button:focus-visible{outline:3px solid #a99cf4;outline-offset:3px}
.ok17-public-active .ok261-public-page .ok261-portfolio-tile:focus-within{box-shadow:0 0 0 3px #c5bafa,0 17px 37px #47339910}
.ok17-public-active .ok17-designers-page .cap,.ok17-public-active .ok17-designer-poster>span{display:none!important}