.ok-public{--pub-navy:#00173f;--pub-navy-dark:#00112d;--pub-navy-gradient:linear-gradient(155deg, #00112d 0%, #001b48 55%, #0143b8 100%);--pub-blue:#0159fe;--pub-blue-hover:#0046d4;--pub-blue-light:#eff6ff;--pub-coral:#fe7151;--pub-coral-hover:#e85837;--pub-coral-light:#fff1ee;--pub-green:#10b981;--pub-green-light:#ecfdf5;--pub-ink:#0f172a;--pub-muted:#64748b;--pub-paper:#fff;--pub-subtle:#f8fafc;--pub-line:#e2e8f0;--ok-font-display:var(--ok-font-jakarta,"Plus Jakarta Sans"), system-ui, -apple-system, sans-serif;background:var(--pub-paper);min-height:100vh;color:var(--pub-ink);font-family:var(--ok-font-jakarta,"Plus Jakarta Sans"), system-ui, -apple-system, sans-serif;overflow-x:hidden}.ok-public *,.ok-public :before,.ok-public :after{box-sizing:border-box}.ok-public a{color:inherit}.ok-public h1,.ok-public h2,.ok-public h3{color:inherit;letter-spacing:-.02em;font-family:var(--ok-font-display)}.ok-public h1{font-weight:800}.ok-public h2{font-weight:750}.ok-public h3{font-weight:700}.ok-public p{color:inherit}.ok-public-skip{z-index:200;background:var(--pub-navy);border-radius:8px;padding:.7rem 1rem;position:fixed;top:-4rem;left:1rem;color:#fff!important}.ok-public-skip:focus{top:1rem}.ok-public-header{z-index:20;border-bottom:1px solid var(--pub-line);justify-content:space-between;align-items:center;gap:2rem;width:min(100% - 3rem,82rem);min-height:5.25rem;margin:0 auto;display:flex;position:relative}.ok-public-brand{align-items:center;gap:.65rem;text-decoration:none;display:inline-flex}.ok-public-brand:hover{text-decoration:none}.ok-public-brand__mark{border-radius:8px;width:2.25rem;height:2.25rem}.ok-public-brand__logo{width:auto}.ok-public-brand__logo .ok-product-name{font-size:1.04rem}.ok-public-nav{align-items:center;gap:2rem;display:flex}.ok-public-nav a{color:var(--pub-muted);font-size:.92rem;font-weight:600;text-decoration:none;transition:color .15s}.ok-public-nav a:hover,.ok-public-nav a.is-active{color:var(--pub-blue);font-weight:700}.ok-public-header__actions{align-items:center;gap:1rem;display:flex}.ok-public-login{color:var(--pub-navy);border-radius:8px;padding:.6rem 1rem;font-size:.92rem;font-weight:700;text-decoration:none;transition:background .15s}.ok-public-login:hover{background:var(--pub-subtle);text-decoration:none}.ok-public-button{border:1px solid var(--pub-blue);background:var(--pub-blue);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.75rem;min-height:3.25rem;padding:.75rem 1.4rem;font-size:.92rem;font-weight:700;text-decoration:none;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s;display:inline-flex;box-shadow:0 2px 8px #0159fe40;color:#fff!important}.ok-public-button:hover{background:var(--pub-blue-hover);border-color:var(--pub-blue-hover);text-decoration:none;transform:translateY(-2px);box-shadow:0 4px 14px #0159fe59}.ok-public-button--coral{background:var(--pub-coral);border-color:var(--pub-coral);box-shadow:0 2px 8px #fe715140}.ok-public-button--coral:hover{background:var(--pub-coral-hover);border-color:var(--pub-coral-hover);box-shadow:0 4px 14px #fe715159}.ok-public-button--small{border-radius:6px;min-height:2.65rem;padding:.55rem 1.15rem;font-size:.86rem}.ok-public-button--dark{background:var(--pub-navy);border-color:var(--pub-navy)}.ok-public-button--dark:hover{background:var(--pub-navy-dark);border-color:var(--pub-navy-dark)}.ok-public-button--outline{border-color:var(--pub-line);box-shadow:none;background:0 0;color:var(--pub-navy)!important}.ok-public-button--outline:hover{background:var(--pub-subtle);border-color:var(--pub-navy)}.ok-public-menu{display:none;position:relative}.ok-public-menu summary{border:1px solid var(--pub-line);cursor:pointer;border-radius:8px;place-items:center;width:2.75rem;height:2.75rem;padding:.72rem;list-style:none;display:grid}.ok-public-menu summary::-webkit-details-marker{display:none}.ok-public-menu nav{border:1px solid var(--pub-line);z-index:50;background:#fff;border-radius:12px;width:14rem;padding:.5rem;display:grid;position:absolute;top:3.25rem;right:0;box-shadow:0 18px 50px #00173f24}.ok-public-menu nav a{color:var(--pub-navy);border-radius:6px;padding:.75rem 1rem;font-size:.92rem;font-weight:650;text-decoration:none}.ok-public-menu nav a:hover{background:var(--pub-subtle);color:var(--pub-blue)}.ok-public-hero{grid-template-columns:minmax(0,.95fr) minmax(32rem,1.05fr);align-items:center;gap:4rem;width:min(100% - 3rem,82rem);min-height:42rem;margin:0 auto;padding:5rem 0 4rem;display:grid}.ok-public-eyebrow,.ok-public-kicker{text-transform:uppercase;font-size:.8rem;font-weight:800;color:var(--pub-blue)!important;letter-spacing:.08em!important}.ok-public-eyebrow{align-items:center;gap:.6rem;display:flex}.ok-public-eyebrow span{background:var(--pub-coral);border-radius:2px;width:1.8rem;height:3px}.ok-public-hero h1{max-width:40rem;color:var(--pub-navy);margin-top:1.25rem;font-size:clamp(2.8rem,4.8vw,4.5rem);line-height:1.08}.ok-public-hero__lead{max-width:37rem;font-size:1.1rem;line-height:1.75;color:var(--pub-muted)!important;margin-top:1.5rem!important}.ok-public-hero__actions{flex-wrap:wrap;gap:.85rem;margin-top:2rem;display:flex}.ok-public-hero__proof{color:var(--pub-muted);flex-wrap:wrap;gap:1rem 1.5rem;margin-top:2rem;font-size:.82rem;font-weight:650;display:flex}.ok-public-hero__proof span{align-items:center;gap:.45rem;display:inline-flex}.ok-public-hero__proof svg{width:1.05rem;height:1.05rem;color:var(--pub-blue)}.ok-public-preview{min-width:0;padding:2rem 0 3rem;position:relative}.ok-public-preview__glow{background:linear-gradient(135deg,#0159fe1f 0%,#fe715124 100%);border-radius:16px;position:absolute;inset:4% 3% 7% 9%;transform:rotate(-2deg)}.ok-public-preview__window{z-index:2;aspect-ratio:1.22;border:1px solid var(--pub-line);background:#fff;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 28px 70px #00173f24}.ok-public-preview__bar{background:var(--pub-subtle);border-bottom:1px solid var(--pub-line);align-items:center;gap:.35rem;height:2.2rem;padding:0 .9rem;display:flex}.ok-public-preview__bar>span{background:#cbd5e1;border-radius:50%;width:.5rem;height:.5rem}.ok-public-preview__bar b{color:var(--pub-muted);margin-left:auto;margin-right:auto;font-size:.65rem;font-weight:700}.ok-public-preview__shell{grid-template-columns:3.5rem 1fr;height:calc(100% - 2.2rem);display:grid}.ok-public-preview__shell aside{background:var(--pub-navy);flex-direction:column;align-items:center;gap:.75rem;padding:.85rem .55rem;display:flex}.ok-public-preview__logo{background:var(--pub-blue);color:#fff;border-radius:6px;place-items:center;width:2rem;height:2rem;margin-bottom:.45rem;font-size:.8rem;font-weight:800;display:grid}.ok-public-preview__shell aside i{color:#94a3b8;border-radius:6px;place-items:center;width:2rem;height:2rem;padding:.5rem;display:grid}.ok-public-preview__shell aside i.active{color:#fff;background:#ffffff1f}.ok-public-preview__main{background:var(--pub-subtle);min-width:0;padding:1.1rem 1.2rem}.ok-public-preview__main>header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.ok-public-preview__main>header div{gap:.16rem;display:grid}.ok-public-preview__main>header span{color:var(--pub-muted);font-size:.6rem}.ok-public-preview__main>header strong{color:var(--pub-navy);font-size:.95rem}.ok-public-preview__main>header>b{border:1px solid var(--pub-line);color:var(--pub-blue);background:#fff;border-radius:6px;padding:.3rem .6rem;font-size:.6rem;font-weight:700}.ok-public-preview__metrics{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1rem;display:grid}.ok-public-preview__metrics article{border:1px solid var(--pub-line);background:#fff;border-radius:8px;gap:.2rem;min-width:0;padding:.85rem;display:grid;box-shadow:0 1px 3px #0000000a}.ok-public-preview__metrics span{color:var(--pub-muted);font-size:.62rem;font-weight:600}.ok-public-preview__metrics strong{color:var(--pub-navy);font-size:1.35rem;font-weight:800}.ok-public-preview__metrics small{color:var(--pub-green);font-size:.55rem;font-weight:700}.ok-public-preview__lower{grid-template-columns:1.4fr .8fr;gap:.75rem;margin-top:.75rem;display:grid}.ok-public-preview__lower>article{border:1px solid var(--pub-line);background:#fff;border-radius:8px;min-width:0;padding:.85rem;box-shadow:0 1px 3px #0000000a}.ok-public-preview__tasks>div{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.ok-public-preview__tasks>div strong,.ok-public-preview__chart>strong{color:var(--pub-navy);font-size:.7rem;font-weight:750}.ok-public-preview__tasks>div span{color:var(--pub-muted);font-size:.55rem}.ok-public-preview__tasks p{border-bottom:1px solid #f1f5f9;grid-template-columns:.45rem 1fr auto;align-items:center;gap:.5rem;padding:.5rem 0;display:grid}.ok-public-preview__tasks p:last-child{border:0}.ok-public-preview__tasks p>i{border-radius:50%;width:.4rem;height:.4rem}.ok-public-preview__tasks .green{background:var(--pub-green)}.ok-public-preview__tasks .orange{background:var(--pub-coral)}.ok-public-preview__tasks .blue{background:var(--pub-blue)}.ok-public-preview__tasks p span{color:#59645e;gap:.05rem;font-size:.35rem;display:grid}.ok-public-preview__tasks p b{color:#38453e;font-size:.42rem}.ok-public-preview__tasks p em{color:#38584a;background:#edf3ee;border-radius:50%;place-items:center;width:1.1rem;height:1.1rem;font-size:.36rem;font-style:normal;display:grid}.ok-public-preview__chart{grid-template-rows:auto 1fr;display:grid}.ok-public-preview__chart>div{align-items:flex-end;gap:.32rem;min-height:7rem;padding-top:.7rem;display:flex}.ok-public-preview__chart>div>span{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:.3rem;height:100%;display:flex}.ok-public-preview__chart i{background:#75aa96;border-radius:2px 2px 0 0;width:100%;min-height:.3rem}.ok-public-preview__chart small{color:#59645e;font-size:.32rem}.ok-public-preview__float{z-index:4;background:#fff;border:1px solid #d8e0d8;border-radius:7px;align-items:center;gap:.65rem;padding:.7rem .85rem;display:flex;position:absolute;box-shadow:0 14px 35px #1b2e2529}.ok-public-preview__float>span{width:1.85rem;height:1.85rem;color:var(--pub-green);background:#e5f3ed;border-radius:50%;place-items:center;padding:.45rem;display:grid}.ok-public-preview__float div{gap:.08rem;display:grid}.ok-public-preview__float b{font-size:.59rem}.ok-public-preview__float small{color:#59645e;font-size:.46rem}.ok-public-preview__float--top{top:0;right:-1rem}.ok-public-preview__float--bottom{bottom:1rem;left:-2rem}.ok-public-marquee{border-top:1px solid var(--pub-line);border-bottom:1px solid var(--pub-line);background:var(--pub-subtle);overflow:hidden}.ok-public-marquee div{justify-content:center;align-items:center;gap:1.5rem;width:max-content;min-width:100%;padding:1.1rem 2rem;display:flex}.ok-public-marquee span{color:var(--pub-navy);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-weight:750}.ok-public-marquee i{background:var(--pub-coral);border-radius:50%;width:.35rem;height:.35rem}.ok-public-section{width:min(100% - 3rem,76rem);margin:0 auto;padding:6.5rem 0}.ok-public-section__intro{max-width:52rem}.ok-public-section__intro h2,.ok-public-role-section h2,.ok-public-security h2,.ok-public-demo h2,.ok-public-contact h2{color:var(--pub-navy);margin-top:.85rem;font-size:clamp(2.35rem,3.8vw,3.8rem);line-height:1.12}.ok-public-section__intro--split{grid-template-columns:1.35fr .65fr;align-items:end;gap:5rem;max-width:none;display:grid}.ok-public-section__intro--split>p{color:var(--pub-muted);font-size:1.05rem;line-height:1.75}.ok-public-problem{grid-template-columns:1.05fr .95fr;gap:6rem;display:grid}.ok-public-problem__grid{display:grid}.ok-public-problem__grid article{border-top:1px solid var(--pub-line);grid-template-columns:2.4rem 1fr;column-gap:1.2rem;padding:1.5rem 0;display:grid}.ok-public-problem__grid article>span{color:var(--pub-coral);grid-row:1/3;font-size:.8rem;font-weight:800}.ok-public-problem__grid h3{color:var(--pub-navy);font-size:1.05rem}.ok-public-problem__grid p{color:var(--pub-muted);margin-top:.4rem;font-size:.9rem;line-height:1.65}.ok-public-features{width:min(100% - 3rem,82rem)}.ok-public-feature-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem;display:grid}.ok-public-feature{border:1px solid var(--pub-line);background:#fff;border-radius:12px;min-height:19rem;padding:2rem;transition:transform .2s,box-shadow .2s,border-color .2s}.ok-public-feature:hover{border-color:#0159fe4d;transform:translateY(-4px);box-shadow:0 12px 30px #00173f14}.ok-public-feature__icon{border-radius:10px;place-items:center;width:3rem;height:3rem;padding:.75rem;display:grid}.ok-public-feature--mint .ok-public-feature__icon{background:var(--pub-blue-light);color:var(--pub-blue)}.ok-public-feature--blue .ok-public-feature__icon{background:var(--pub-coral-light);color:var(--pub-coral)}.ok-public-feature--peach .ok-public-feature__icon{background:var(--pub-green-light);color:var(--pub-green)}.ok-public-feature--sand .ok-public-feature__icon{color:#b45309;background:#fef3c7}.ok-public-feature--rose .ok-public-feature__icon{color:#be185d;background:#fce7f3}.ok-public-feature--violet .ok-public-feature__icon{color:#7e22ce;background:#f3e8ff}.ok-public-feature>p{color:var(--pub-blue);text-transform:uppercase;letter-spacing:.07em;margin-top:1.8rem;font-size:.75rem;font-weight:750}.ok-public-feature h3{color:var(--pub-navy);margin-top:.6rem;font-size:1.35rem;line-height:1.25}.ok-public-feature>span{color:var(--pub-muted);margin-top:.85rem;font-size:.92rem;line-height:1.65;display:block}.ok-public-role-section{background:var(--pub-navy-gradient);color:#fff;grid-template-columns:.85fr 1.15fr;align-items:center;gap:6rem;padding:6.5rem max(1.5rem,50vw - 38rem);display:grid}.ok-public-role-section .ok-public-kicker{color:var(--pub-coral)!important}.ok-public-role-section h2{color:#fff!important}.ok-public-role-section__visual{justify-items:center;display:grid;position:relative}.ok-public-role-section__visual>p{color:#cbd5e1;text-align:center;max-width:24rem;margin-top:1.5rem;font-size:.88rem;line-height:1.6}.ok-public-phone{width:min(100%,20rem);min-height:37rem;color:var(--pub-navy);background:#fff;border:8px solid #0f172a;border-radius:2rem;padding:1.1rem 1.1rem 1.3rem;box-shadow:0 25px 70px #00000059}.ok-public-phone__top{color:var(--pub-muted);justify-content:space-between;padding:.1rem .4rem 1.4rem;font-size:.65rem;font-weight:750;display:flex}.ok-public-phone__hello{gap:.2rem;display:grid}.ok-public-phone__hello span{color:var(--pub-muted);font-size:.72rem}.ok-public-phone__hello strong{color:var(--pub-navy);font-size:1.3rem;font-weight:800}.ok-public-phone__stat{background:var(--pub-blue-light);border:1px solid #0159fe26;border-radius:10px;margin-top:1.2rem;padding:1.2rem;display:grid}.ok-public-phone__stat strong{color:var(--pub-blue);font-size:2.2rem;font-weight:800}.ok-public-phone__stat span{color:var(--pub-navy);font-size:.75rem;font-weight:600}.ok-public-phone__actions{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.8rem;display:grid}.ok-public-phone__actions span{background:var(--pub-subtle);border:1px solid var(--pub-line);min-height:4.8rem;color:var(--pub-navy);border-radius:8px;place-items:center;gap:.3rem;padding:.65rem .35rem;font-size:.65rem;font-weight:700;display:grid}.ok-public-phone__actions svg{width:1.3rem;height:1.3rem;color:var(--pub-blue)}.ok-public-phone__task{border:1px solid var(--pub-line);border-radius:8px;grid-template-columns:.6rem 1fr auto;align-items:center;gap:.6rem;margin-top:.75rem;padding:.85rem .8rem;display:grid}.ok-public-phone__task>i{background:var(--pub-coral);border-radius:50%;width:.5rem;height:.5rem}.ok-public-phone__task>span{color:var(--pub-muted);font-size:.62rem;display:grid}.ok-public-phone__task strong{color:var(--pub-navy);font-size:.72rem}.ok-public-phone__task b{color:var(--pub-blue)}.ok-public-role-section__content>h2{max-width:39rem}.ok-public-role-list{margin-top:2.5rem}.ok-public-role-list article{border-top:1px solid #ffffff1f;grid-template-columns:2.5rem 1fr;gap:1rem;padding:1.35rem 0;display:grid}.ok-public-role-list article>span{color:var(--pub-coral);font-size:.78rem;font-weight:800}.ok-public-role-list h3{color:#fff;font-size:1.1rem}.ok-public-role-list p{color:#cbd5e1;margin-top:.35rem;font-size:.88rem;line-height:1.6}.ok-public-security{background:var(--pub-subtle);color:var(--pub-navy);border-top:1px solid var(--pub-line);border-bottom:1px solid var(--pub-line);grid-template-columns:1fr 1fr;gap:6rem;padding:6.5rem max(1.5rem,50vw - 38rem);display:grid}.ok-public-security__copy>p:not(.ok-public-kicker){max-width:35rem;color:var(--pub-muted);margin-top:1.5rem;font-size:1.05rem;line-height:1.75}.ok-public-security__copy>a{color:var(--pub-blue);gap:.6rem;margin-top:1.5rem;font-size:.92rem;font-weight:750;text-decoration:none;display:inline-flex}.ok-public-security__grid{grid-template-columns:repeat(2,1fr);gap:1.2rem;display:grid}.ok-public-security__grid article{border:1px solid var(--pub-line);background:#fff;border-radius:12px;min-height:12rem;padding:1.6rem}.ok-public-security__grid svg{width:1.8rem;height:1.8rem;color:var(--pub-blue)}.ok-public-security__grid h3{color:var(--pub-navy);margin-top:1.2rem;font-size:1.05rem}.ok-public-security__grid p{color:var(--pub-muted);margin-top:.45rem;font-size:.86rem;line-height:1.6}.ok-public-demo{background:#fff;grid-template-columns:.85fr 1.15fr;gap:6rem;padding:6.5rem max(1.5rem,50vw - 38rem);display:grid}.ok-public-demo__copy>p:not(.ok-public-kicker){color:var(--pub-muted);margin-top:1.4rem;font-size:1.05rem;line-height:1.75}.ok-public-demo__copy ul{gap:.85rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.ok-public-demo__copy li{color:var(--pub-navy);align-items:center;gap:.7rem;font-size:.92rem;font-weight:650;display:flex}.ok-public-demo__copy li svg{width:1.15rem;height:1.15rem;color:var(--pub-blue)}.ok-public-demo__form{background:var(--pub-subtle);border:1px solid var(--pub-line);border-radius:16px;padding:2.2rem;box-shadow:0 10px 30px #00173f0d}.ok-public-demo-form{gap:1.2rem;display:grid}.ok-public-form-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.ok-public-form-grid label{color:var(--pub-navy);gap:.4rem;font-size:.78rem;font-weight:700;display:grid}.ok-public-form-wide{grid-column:1/-1}.ok-public-form-grid input,.ok-public-form-grid select,.ok-public-form-grid textarea{width:100%;min-height:3rem;color:var(--pub-ink);border:1px solid var(--pub-line);font:inherit;background:#fff;border-radius:8px;padding:.75rem .9rem;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.ok-public-form-grid textarea{resize:vertical;min-height:6rem}.ok-public-form-grid input:focus,.ok-public-form-grid select:focus,.ok-public-form-grid textarea:focus{border-color:var(--pub-blue);outline:none;box-shadow:0 0 0 3px #0159fe26}.ok-public-consent{color:var(--pub-muted);cursor:pointer;grid-template-columns:1.1rem 1fr;align-items:start;gap:.7rem;font-size:.78rem;line-height:1.5;display:grid}.ok-public-consent input{width:1.1rem;height:1.1rem;accent-color:var(--pub-blue);margin:.15rem 0 0}.ok-public-consent a{color:var(--pub-blue);text-decoration:underline}.ok-public-demo-form .ok-public-button{width:fit-content}.ok-public-form-note{font-size:.72rem;line-height:1.5;color:var(--pub-muted)!important}.ok-public-contact{justify-content:space-between;align-items:end;gap:3rem;width:min(100% - 3rem,76rem);margin:0 auto;padding:6rem 0;display:flex}.ok-public-contact__actions{justify-items:end;gap:.7rem;display:grid}.ok-public-contact__actions a{color:var(--pub-blue);font-size:.95rem;font-weight:750;text-decoration:none}.ok-public-footer{background:var(--pub-navy);color:#fff;padding:4.5rem max(1.5rem,50vw - 41rem) 2rem}.ok-public-footer__top{border-bottom:1px solid #ffffff1f;grid-template-columns:1.2fr 1fr 1fr;align-items:start;gap:2.5rem;padding-bottom:3rem;display:grid}.ok-public-brand--footer{background:#fff;border-radius:.65rem;padding:.6rem .8rem}.ok-public-footer__top>p{color:#94a3b8;font-size:.9rem;line-height:1.6}.ok-public-footer nav{flex-wrap:wrap;justify-content:flex-end;gap:1.5rem;display:flex}.ok-public-footer nav a{color:#cbd5e1;font-size:.84rem;text-decoration:none;transition:color .15s}.ok-public-footer nav a:hover{color:#fff;text-decoration:none}.ok-public-footer__bottom{color:#94a3b8;justify-content:space-between;align-items:center;gap:1.5rem;padding-top:1.8rem;font-size:.78rem;display:flex}.ok-guide-hero{background:var(--pub-navy-gradient);color:#fff;border-bottom:1px solid #ffffff1f;padding:5rem max(1.5rem,50vw - 41rem) 4rem}.ok-guide-hero h1{color:#fff;font-size:clamp(2.5rem,4vw,3.8rem)}.ok-guide-hero p{color:#cbd5e1;max-width:44rem;margin-top:1rem;font-size:1.15rem;line-height:1.7}.ok-guide-search-wrapper{max-width:38rem;margin-top:2rem;position:relative}.ok-guide-search-input{width:100%;min-height:3.4rem;color:var(--pub-navy);background:#fff;border:0;border-radius:12px;padding:.8rem 1.2rem .8rem 3.2rem;font-size:1rem;box-shadow:0 12px 35px #0003}.ok-guide-search-icon{width:1.3rem;height:1.3rem;color:var(--pub-muted);position:absolute;top:50%;left:1.1rem;transform:translateY(-50%)}.ok-guide-container{grid-template-columns:18rem 1fr;gap:3.5rem;width:min(100% - 3rem,82rem);margin:0 auto;padding:4rem 0 7rem;display:grid}.ok-guide-sidebar{flex-direction:column;align-self:start;gap:1.5rem;display:flex;position:sticky;top:2rem}.ok-guide-nav{background:var(--pub-subtle);border:1px solid var(--pub-line);border-radius:12px;flex-direction:column;gap:.3rem;padding:.8rem;display:flex}.ok-guide-nav a{color:var(--pub-navy);border-radius:8px;align-items:center;gap:.75rem;padding:.65rem .85rem;font-size:.88rem;font-weight:650;text-decoration:none;transition:background .15s,color .15s;display:flex}.ok-guide-nav a:hover,.ok-guide-nav a.is-active{color:var(--pub-blue);background:#fff;font-weight:750;box-shadow:0 2px 6px #0000000a}.ok-guide-nav a .module-badge{background:var(--pub-blue-light);color:var(--pub-blue);border-radius:6px;padding:.15rem .45rem;font-size:.72rem}.ok-guide-content{flex-direction:column;gap:3rem;min-width:0;display:flex}.ok-guide-module{border:1px solid var(--pub-line);background:#fff;border-radius:16px;padding:2.5rem;scroll-margin-top:2rem;box-shadow:0 4px 20px #00173f08}.ok-guide-module-header{border-bottom:1px solid var(--pub-line);justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.ok-guide-module-title{align-items:center;gap:1rem;display:flex}.ok-guide-module-icon{background:var(--pub-blue-light);width:3rem;height:3rem;color:var(--pub-blue);border-radius:10px;place-items:center;font-size:1.4rem;display:grid}.ok-guide-module-title h2{color:var(--pub-navy);margin:0;font-size:1.6rem}.ok-guide-module-title p{color:var(--pub-muted);margin-top:.3rem;font-size:.95rem}.ok-guide-roles{flex-wrap:wrap;gap:.5rem;display:flex}.ok-guide-role-tag{background:var(--pub-subtle);color:var(--pub-navy);border:1px solid var(--pub-line);border-radius:6px;padding:.3rem .65rem;font-size:.74rem;font-weight:700}.ok-guide-step-list{flex-direction:column;gap:1.8rem;display:flex}.ok-guide-step{grid-template-columns:2.4rem 1fr;gap:1.2rem;display:grid}.ok-guide-step-number{background:var(--pub-blue);color:#fff;border-radius:50%;place-items:center;width:2.4rem;height:2.4rem;font-size:.95rem;font-weight:800;display:grid;box-shadow:0 3px 10px #0159fe4d}.ok-guide-step-body h4{color:var(--pub-navy);margin-bottom:.45rem;font-size:1.1rem;font-weight:750}.ok-guide-step-body p{color:var(--pub-muted);font-size:.92rem;line-height:1.7}.ok-guide-box{border-radius:10px;margin-top:.9rem;padding:1rem 1.2rem;font-size:.88rem;line-height:1.6}.ok-guide-box--tip{border-left:4px solid var(--pub-blue);color:#1e3a8a;background:#eff6ff}.ok-guide-box--warn{border-left:4px solid var(--pub-coral);color:#9a3412;background:#fff7ed}.ok-guide-box strong{font-weight:750}@media (max-width:1100px){.ok-public-nav{display:none}.ok-public-menu{display:block}.ok-public-header__actions{margin-left:auto}.ok-public-hero{grid-template-columns:1fr;gap:2rem;padding-top:4rem}.ok-public-hero__copy{max-width:50rem}.ok-public-preview{width:min(100%,47rem);margin:0 auto}.ok-public-problem,.ok-public-role-section,.ok-public-demo{gap:4rem}.ok-guide-container{grid-template-columns:1fr;gap:2rem}.ok-guide-sidebar{position:static}}@media (max-width:820px){.ok-public-header{width:min(100% - 2rem,82rem);min-height:4.5rem}.ok-public-header__actions .ok-public-login,.ok-public-header__actions .ok-public-button,.ok-public-header__actions{display:none}.ok-public-menu{margin-left:auto}.ok-public-hero{width:min(100% - 2rem,82rem);min-height:auto;padding:3.5rem 0 3rem}.ok-public-hero h1{font-size:clamp(2.4rem,10vw,3.8rem)}.ok-public-preview__float--top{right:0}.ok-public-preview__float--bottom{left:0}.ok-public-marquee div{justify-content:flex-start}.ok-public-section{width:min(100% - 2rem,76rem);padding:4.5rem 0}.ok-public-section__intro--split,.ok-public-problem,.ok-public-role-section,.ok-public-security,.ok-public-demo{grid-template-columns:1fr;gap:2.5rem}.ok-public-section__intro--split{gap:1.5rem}.ok-public-feature-grid{grid-template-columns:1fr}.ok-public-role-section,.ok-public-security,.ok-public-demo{padding:4.5rem 1rem}.ok-public-role-section__visual{order:2}.ok-public-security__copy>p:not(.ok-public-kicker){max-width:none}.ok-public-contact{flex-direction:column;align-items:start;width:min(100% - 2rem,76rem);padding:4rem 0}.ok-public-contact__actions{justify-items:start}.ok-public-footer__top{grid-template-columns:1fr}.ok-public-footer nav{flex-wrap:wrap;justify-content:flex-start}}@media (max-width:560px){.ok-public-brand{font-size:.96rem}.ok-public-brand__mark{width:2rem;height:2rem}.ok-public-brand__logo .ok-product-name{font-size:.92rem}.ok-public-eyebrow{align-items:flex-start;font-size:.72rem;line-height:1.5}.ok-public-eyebrow span{flex:0 0 1.2rem;margin-top:.45rem}.ok-public-hero h1{font-size:clamp(2.3rem,11vw,3.2rem)}.ok-public-hero__lead{font-size:1rem}.ok-public-hero__actions{display:grid}.ok-public-hero__actions .ok-public-button{width:100%}.ok-public-preview{padding-top:1rem}.ok-public-preview__window{aspect-ratio:.98}.ok-public-preview__shell{grid-template-columns:2.65rem 1fr}.ok-public-preview__main{padding:.7rem}.ok-public-preview__metrics{gap:.35rem}.ok-public-preview__metrics article{padding:.5rem}.ok-public-preview__metrics strong{font-size:.95rem}.ok-public-preview__lower{grid-template-columns:1fr}.ok-public-preview__chart{display:none}.ok-public-preview__float{padding:.55rem .65rem}.ok-public-preview__float--top{top:-.5rem}.ok-public-preview__float--bottom{bottom:.4rem}.ok-public-feature-grid{grid-template-columns:1fr}.ok-public-feature{min-height:auto;padding:1.4rem}.ok-public-feature>p{margin-top:1.2rem}.ok-public-security__grid{grid-template-columns:1fr}.ok-public-security__grid article{min-height:auto}.ok-public-demo__form{padding:1.2rem;box-shadow:0 4px 15px #0000000f}.ok-public-form-grid{grid-template-columns:1fr}.ok-public-form-wide{grid-column:auto}.ok-public-demo-form .ok-public-button{width:100%}.ok-public-footer__bottom{flex-direction:column;align-items:flex-start}.ok-public-footer__bottom nav{display:grid}.ok-guide-module{padding:1.5rem}.ok-guide-module-header{flex-direction:column}}@media (prefers-reduced-motion:no-preference){.ok-public-hero__copy>*{animation:.65s both ok-public-rise}.ok-public-hero__copy>:nth-child(2){animation-delay:80ms}.ok-public-hero__copy>:nth-child(3){animation-delay:.15s}.ok-public-hero__copy>:nth-child(4){animation-delay:.22s}.ok-public-hero__copy>:nth-child(5){animation-delay:.29s}.ok-public-preview{animation:.8s .12s both ok-public-preview-in}}@keyframes ok-public-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes ok-public-preview-in{0%{opacity:0;transform:translateY(18px)rotate(1deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@media (prefers-reduced-motion:no-preference){.ok-public-hero__copy>*{animation:.65s both ok-public-rise}.ok-public-hero__copy>:nth-child(2){animation-delay:80ms}.ok-public-hero__copy>:nth-child(3){animation-delay:.15s}.ok-public-hero__copy>:nth-child(4){animation-delay:.22s}.ok-public-hero__copy>:nth-child(5){animation-delay:.29s}.ok-public-preview{animation:.8s .12s both ok-public-preview-in}}