@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter+Tight:wght@300;400;500&family=Inter:wght@400;600&display=swap";
:root,:host{--font-instrument-serif:"Instrument Serif", Georgia, serif;--font-inter-tight:"Inter Tight", Inter, ui-sans-serif, sans-serif;--font-inter-origin:Inter, ui-sans-serif, sans-serif}.ok-h11-hero a{color:inherit;text-decoration:none}.ok-h11-hero button,.ok-h11-hero p,.ok-h11-hero h1{margin:0}.ok-h11-hero button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.ok-h11-hero,.ok-h11-hero *{box-sizing:border-box}.ok-h11-layerImage,.ok-h11-portrait>img{object-fit:cover;width:100%;max-width:none;height:100%;max-height:none;position:absolute;inset:0}.ok-h11-hero{--font-instrument-serif:"Instrument Serif", Georgia, serif;--font-inter-tight:"Inter Tight", Inter, ui-sans-serif, sans-serif;--font-inter-origin:Inter, ui-sans-serif, sans-serif;--character-size:min(52vw, 88vh, 860px);--character-top:6vh;--content-bottom:clamp(64px, 11.1328vh, 114px);background:var(--canvas);width:100%;height:100svh;color:var(--foreground);font-family:var(--font-inter-tight), sans-serif;border-radius:0;flex:none;position:relative;overflow:hidden}.ok-h11-background{border-radius:inherit;background:radial-gradient(ellipse 62% 86% at 50% -10%, #197aa529 0%, #3f91b51a 30%, #69b25d0a 56%, transparent 82%), var(--canvas);width:100%;height:auto;min-height:100%;position:absolute;top:0;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)}.dark .ok-h11-background{background:radial-gradient(ellipse 52% 82% at 50% -12%, #22d3ee29 0%, #087e941f 28%, #0a394d14 52%, #01101808 74%, transparent 88%), var(--canvas)}.ok-h11-circuitField,.ok-h11-techSweep{pointer-events:none;position:absolute}.ok-h11-circuitField{color:#197aa5;width:100%;height:100%;inset:0;overflow:visible;-webkit-mask-image:linear-gradient(#0000 7%,#000 22% 90%,#0000 100%);mask-image:linear-gradient(#0000 7%,#000 22% 90%,#0000 100%)}.ok-h11-circuitBase,.ok-h11-circuitEnergy{fill:none;stroke-linecap:round;stroke-linejoin:round}.ok-h11-circuitBase{stroke:currentColor;stroke-width:.8px;opacity:.07}.ok-h11-energy{fill:none;stroke:#63b4d6;stroke-width:1px;stroke-dasharray:.07 .93;stroke-dashoffset:1px;opacity:0;filter:drop-shadow(0 0 2px #197aa5a6);animation:24s linear infinite ok-h11-energy-flow}.ok-h11-energy-2{animation-delay:-12s}.ok-h11-energy-3,.ok-h11-energy-5{animation-delay:-6s}.ok-h11-energy-4,.ok-h11-energy-6{animation-delay:-18s}.ok-h11-circuitNodes{fill:#69b25d;opacity:.22;filter:drop-shadow(0 0 2px #69b25d73)}.ok-h11-contentZone,.ok-h11-railZone{isolation:isolate}.ok-h11-contentZone:before,.ok-h11-railZone:after{z-index:-1;content:"";pointer-events:none;position:absolute}.ok-h11-contentZone:before{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:0 0;border:none;inset:-24px -28px;-webkit-mask-image:radial-gradient(125% 120% at 28%,#000 52%,#0000 100%);mask-image:radial-gradient(125% 120% at 28%,#000 52%,#0000 100%)}.ok-h11-railZone:after{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:0 0;border:none;inset:-20px;-webkit-mask-image:radial-gradient(125% 120% at 72%,#000 52%,#0000 100%);mask-image:radial-gradient(125% 120% at 72%,#000 52%,#0000 100%)}.ok-h11-techSweep{opacity:0;filter:blur(14px);mix-blend-mode:multiply;background:linear-gradient(90deg,#0000,#197aa50a 18%,#197aa52e 50%,#69b25d12 72%,#0000);width:18%;animation:8s ease-in-out 1.4s infinite ok-h11-sweep;top:0;bottom:0;left:-24%;transform:skew(-12deg)}.dark .ok-h11-techSweep{filter:blur(12px);mix-blend-mode:screen;background:linear-gradient(90deg,#0000,#67e8f90a,#0000)}@keyframes ok-h11-energy-flow{0%,1%{opacity:0;stroke-dashoffset:1px}3%{opacity:.52}17%{opacity:.52;stroke-dashoffset:0}20%,to{opacity:0;stroke-dashoffset:0}}@keyframes ok-h11-sweep{0%,14%{opacity:0;translate:0}28%{opacity:1}58%,to{opacity:0;translate:820%}}.ok-h11-maskedBackgroundLayer{mix-blend-mode:plus-lighter;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:78% 82%;mask-size:78% 82%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.ok-h11-backgroundLayer{width:100%;height:100%;position:absolute;inset:0}.ok-h11-layerImage{object-fit:fill;opacity:.05}.dark .ok-h11-layerImage{opacity:.16}.ok-h11-backgroundLayer5,.ok-h11-backgroundLayer6{mix-blend-mode:plus-lighter}.ok-h11-portraitStage{top:var(--character-top);z-index:0;width:calc(var(--character-size) * 1.26);height:calc(var(--character-size) * 1.26);pointer-events:none;background:radial-gradient(52% 62%,#197aa521 0%,#3f91b50d 46%,#0000 80%);position:absolute;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#0000 0%,#000 12% 100%);mask-image:linear-gradient(#0000 0%,#000 12% 100%)}.dark .ok-h11-portraitStage{background:radial-gradient(circle at 50% 42%,#22d3ee26 0%,#087e9417 42%,#0000 70%)}.ok-h11-liquidCharacter{top:var(--character-top);z-index:1;width:var(--character-size);height:var(--character-size);opacity:.04;mix-blend-mode:screen;position:absolute;left:50%;transform:translate(-50%)}.ok-h11-portrait img{object-fit:cover}.ok-h11-portrait{top:calc(var(--character-top) - var(--character-size) * .097);z-index:2;pointer-events:none;width:calc(var(--character-size) * 1.14239);height:calc(var(--character-size) * 1.14239);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:calc(var(--character-size) * .26983) calc(var(--character-size) * .2563);-webkit-mask-position:calc(var(--character-size) * .26983) calc(var(--character-size) * .2563);-webkit-mask-position:calc(var(--character-size) * .26983) calc(var(--character-size) * .2563);-webkit-mask-position:calc(var(--character-size) * .26983) calc(var(--character-size) * .2563);mask-position:calc(var(--character-size) * .26983) calc(var(--character-size) * .2563);-webkit-mask-size:calc(var(--character-size) * .58) calc(var(--character-size) * .68);-webkit-mask-size:calc(var(--character-size) * .58) calc(var(--character-size) * .68);-webkit-mask-size:calc(var(--character-size) * .58) calc(var(--character-size) * .68);-webkit-mask-size:calc(var(--character-size) * .58) calc(var(--character-size) * .68);mask-size:calc(var(--character-size) * .58) calc(var(--character-size) * .68);filter:drop-shadow(0 1px 1px #102a4338)drop-shadow(0 14px 34px #102a433d);position:absolute;left:50%;transform:translate(-50%)}.dark .ok-h11-portrait{filter:none}.ok-h11-fluidTrail{z-index:3;border-radius:inherit;opacity:.18;pointer-events:none;mix-blend-mode:screen;position:absolute;inset:0;overflow:hidden}.ok-h11-fluidTrail canvas{pointer-events:none}.ok-h11-titleAccent{text-shadow:0 0 18px #197aa51f;animation:6.4s ease-in-out infinite ok-h11-title-pulse}.ok-h11-featureRail:before{content:"";filter:drop-shadow(0 0 3px #197aa540);background:linear-gradient(#0000,#197aa573,#0000);width:1px;height:56px;animation:3.8s ease-in-out infinite ok-h11-rail-signal;position:absolute;top:0;left:-1px}.dark .ok-h11-featureRail:before{filter:drop-shadow(0 0 5px #67e8f9cc);background:linear-gradient(#0000,#67e8f9,#0000)}@keyframes ok-h11-title-pulse{50%{color:#63b4d6;text-shadow:0 0 24px #197aa538}}@keyframes ok-h11-rail-signal{0%,12%{opacity:0;translate:0 -30%}35%{opacity:1}78%,to{opacity:0;translate:0 520%}}@media (max-width:900px){.ok-h11-contentZone:before{inset:-16px -8px}.ok-h11-circuitField{width:100vw;max-width:none;left:calc(50% - 50vw);right:auto}.ok-h11-circuitBase{opacity:.045}.ok-h11-energy{stroke-width:.85px;opacity:.42}.ok-h11-techSweep{width:28%}}@media (min-width:1280px){.ok-h11-contentZone{max-width:352px;transform:translate(-44px)}}@media (min-width:1280px) and (min-height:761px) and (orientation:landscape){.ok-h11-hero{--character-size:min(46vw, 78vh, 720px);--character-top:17vh}}@media (prefers-reduced-motion:reduce){.ok-h11-energy,.ok-h11-techSweep,.ok-h11-titleAccent,.ok-h11-featureRail:before{animation:none}.ok-h11-energy,.ok-h11-techSweep,.ok-h11-featureRail:before{display:none}}.ok-h11-header{z-index:4;justify-content:space-between;align-items:center;width:calc(100% - 13.888vw);display:flex;position:absolute;top:3.5156vh;left:6.944vw}.ok-h11-nav{letter-spacing:-.34px;white-space:nowrap;align-items:center;gap:24px;font-size:17px;font-weight:400;line-height:25.5px;display:flex}.ok-h11-nav a,.ok-h11-brand,.ok-h11-button,.ok-h11-menu,.ok-h11-social{cursor:pointer;transition:color .18s,opacity .18s,border-color .18s,background-color .18s,box-shadow .18s,transform .18s}.ok-h11-nav a{display:inline-block}.ok-h11-brand{font-family:var(--font-inter-origin), sans-serif;letter-spacing:-.4px;white-space:nowrap;align-items:center;gap:8px;font-size:20px;font-weight:600;line-height:25.5px;display:flex}.ok-h11-book{justify-content:flex-end;width:299px;display:flex}.ok-h11-menu{display:none}.ok-h11-copy{top:auto;bottom:var(--content-bottom);z-index:4;flex-direction:column;align-items:flex-start;gap:5px;width:366px;display:flex;position:absolute;left:6.944vw}.ok-h11-headingGroup{flex-direction:column;gap:5px;width:100%;display:flex}.ok-h11-copy>.ok-h11-button{margin-top:27px}.ok-h11-eyebrow{letter-spacing:-.54px;text-wrap:balance;width:100%;font-size:18px;font-weight:300;line-height:20px}.ok-h11-title{width:100%;font-family:var(--font-instrument-serif), serif;letter-spacing:-1.86px;text-wrap:balance;font-size:62px;font-weight:400;line-height:normal}.ok-h11-description{opacity:.6;letter-spacing:-.34px;text-wrap:pretty;width:339px;font-size:17px;font-weight:400;line-height:25.5px}.ok-h11-hero a.ok-h11-button,.ok-h11-button{color:#000;letter-spacing:-.8px;white-space:nowrap;background:radial-gradient(at 8% 81%,#22d3ee73,#0000 43%),radial-gradient(at 97% 10%,#22d3ee,#0000 18%),radial-gradient(at 87% 84%,#00d084,#0000 30%),#fff;border:1.5px solid #fff;border-radius:49px;justify-content:center;align-items:center;gap:24px;padding:5px 5px 5px 20px;font-size:20px;font-weight:500;line-height:1;display:flex}.ok-h11-buttonIcon{background:#000;border-radius:28px;flex:none;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.ok-h11-details{right:6.944vw;bottom:var(--content-bottom);z-index:4;flex-direction:column;align-items:flex-start;gap:32px;width:129px;display:flex;position:absolute;left:auto}.ok-h11-detailTitle{font-family:var(--font-instrument-serif), serif;letter-spacing:-.46px;white-space:nowrap;font-size:23px;font-weight:400;line-height:25.5px}.ok-h11-detailLabel{opacity:.6;letter-spacing:-.26px;margin-top:4px;font-size:13px;line-height:normal}.ok-h11-socials{gap:12px;display:flex}.ok-h11-social{background:linear-gradient(#ffffff1a -230%,#0000 100%),#ffffff0d;border:1px solid #999;border-radius:100px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden;box-shadow:0 0 0 1.5px #00000040,0 6px 12px #0003}.ok-h11-nav a:hover{color:#67e8f9;transform:translateY(-2px)}.ok-h11-brand:hover{opacity:.72;transform:translateY(-2px)}.ok-h11-button:hover{border-color:#67e8f9;transform:translateY(-3px);box-shadow:0 0 0 3px #22d3ee33,0 12px 30px #00d08442}.ok-h11-button:hover .ok-h11-buttonIcon{transform:rotate(45deg)}.ok-h11-menu:hover{opacity:.72;transform:scale(1.08)}.ok-h11-social:hover{background-color:#00d0843d;border-color:#fff;transform:translateY(-3px);box-shadow:0 0 0 3px #22d3ee29,0 8px 18px #00000047}@media (max-width:900px){.ok-h11-nav a:hover,.ok-h11-brand:hover,.ok-h11-button:hover,.ok-h11-menu:hover,.ok-h11-social:hover{opacity:1;transform:none}.ok-h11-nav a:hover{color:inherit}.ok-h11-button:hover{box-shadow:none;border-color:#fff}.ok-h11-button:hover .ok-h11-buttonIcon{transform:none}.ok-h11-social:hover{background-color:#0000;border-color:#999;box-shadow:0 0 0 1.5px #00000040,0 6px 12px #0003}.ok-h11-nav a:active{color:#67e8f9;transform:scale(.96)}.ok-h11-brand:active{opacity:.72;transform:scale(.97)}.ok-h11-button:active{border-color:#67e8f9;transform:scale(.97);box-shadow:0 0 0 3px #22d3ee33,0 7px 18px #00d0843d}.ok-h11-button:active .ok-h11-buttonIcon{transform:rotate(45deg)}.ok-h11-menu:active{opacity:.72;transform:scale(.9)}.ok-h11-social:active{background-color:#00d0843d;border-color:#fff;transform:scale(.92)}}.ok-h11-buttonIcon{transition:transform .18s}.ok-h11-nav a:focus-visible,.ok-h11-brand:focus-visible,.ok-h11-button:focus-visible,.ok-h11-menu:focus-visible,.ok-h11-social:focus-visible{outline-offset:4px;outline:2px solid #67e8f9}@media (max-height:750px) and (orientation:landscape){.ok-h11-hero{--character-size:min(45vw, 78vh);--character-top:27vh}.ok-h11-header{top:4vh}.ok-h11-nav{gap:16px;font-size:13px}.ok-h11-brand{font-size:15px}.ok-h11-brand img{width:17px;height:17px}.ok-h11-book{width:190px}.ok-h11-copy{gap:5px;width:300px;top:auto;bottom:19vh}.ok-h11-headingGroup{gap:5px}.ok-h11-copy>.ok-h11-button{margin-top:13px}.ok-h11-eyebrow{font-size:14px;line-height:18px}.ok-h11-title{letter-spacing:-1.38px;font-size:46px;line-height:.98}.ok-h11-description{width:280px;font-size:14px;line-height:20px}.ok-h11-button{gap:16px;font-size:15px}.ok-h11-buttonIcon{width:35px;height:35px}.ok-h11-details{gap:20px;bottom:19vh;right:7vw}.ok-h11-detailTitle{font-size:19px;line-height:22px}.ok-h11-detailLabel{font-size:11px}}@media (max-height:760px){.ok-h11-hero{--character-size:min(45vw, 72svh);--character-top:10svh}}@media (max-width:699.98px) and (max-height:760px){.ok-h11-hero{--character-size:min(92vw, 44svh);--character-top:1svh;height:100svh}.ok-h11-shell{min-height:100svh}.ok-h11-layout{padding-bottom:20px}.ok-h11-contentZone{gap:12px;max-width:min(360px,100vw - 36px)}.ok-h11-contentZone:before{inset:-10px -8px}.ok-h11-contentZone>div:first-child{gap:10px}.ok-h11-contentZone>div:first-child>div:last-child{gap:8px}.ok-h11-wordmark{width:176px}.ok-h11-commerceTitle{max-width:310px;font-size:32px;line-height:1}.ok-h11-commerceCopy{max-width:310px;font-size:12px;line-height:1.45}.ok-h11-mobileCategories{gap:4px 12px}}@media (min-width:700px) and (max-width:1279.98px) and (max-height:760px){.ok-h11-hero{--character-size:min(51vw, 68svh);--character-top:17svh}.ok-h11-liquidCharacter,.ok-h11-portrait{left:72%}.ok-h11-layout{grid-template-columns:minmax(330px,.9fr) minmax(0,1.1fr);place-items:center start;padding:76px 32px 28px;display:grid!important}.ok-h11-shell{max-width:none!important}.ok-h11-contentZone{text-align:left;align-items:flex-start;gap:16px;max-width:350px}.ok-h11-contentZone>div:first-child,.ok-h11-contentZone>div:first-child>div:last-child{align-items:flex-start}.ok-h11-wordmark{width:196px}.ok-h11-commerceTitle{max-width:340px;font-size:36px}.ok-h11-commerceCopy{max-width:320px;font-size:13px}.ok-h11-mobileCategories{justify-content:flex-start}}@media (min-width:1920px) and (min-height:850px) and (orientation:landscape){.ok-h11-hero{--character-size:min(38vw, 84vh, 700px);--character-top:16vh}.ok-h11-contentZone{transform:translate(-96px)}.ok-h11-header{width:1240px;left:calc(50% - 620px)}.ok-h11-copy{top:auto;bottom:9.5vh;left:calc(50% - 620px)}.ok-h11-details{top:auto;bottom:9.5vh;right:calc(50% - 620px)}}@media (max-width:900px) and (orientation:portrait){.ok-h11-hero{--character-size:min(94.75vw, 62.23vh);--character-top:4vh;border-radius:0;height:max(100svh,62.49svh + 350px)}.ok-h11-background{background:radial-gradient(ellipse 62% 86% at 50% -10%, #197aa529 0%, #3f91b51a 30%, #69b25d0a 56%, transparent 82%), var(--canvas);border-radius:0;width:1440px;height:1024px;min-height:0;top:0;bottom:auto}.dark .ok-h11-background{background:radial-gradient(52% 86% at 50% -10%,#22d3ee21 0%,#087e9417 27%,#0a394d0f 52%,#01101808 74%,#0000 88%),#030508}.ok-h11-header{width:100vw;height:8.48vh;padding:2.82vh 6.45vw;top:0;left:0}.ok-h11-nav,.ok-h11-book,.ok-h11-details{display:none}.ok-h11-brand{font-size:20px}.ok-h11-menu{width:32px;height:32px;display:block}.ok-h11-copy{align-items:center;gap:16px;width:min(61.16vw,455px);top:62.49vh;bottom:auto;left:50%;transform:translate(-50%)}.ok-h11-headingGroup{text-align:center;align-items:center;gap:24px}.ok-h11-copy>.ok-h11-button{margin-top:16px}.ok-h11-eyebrow{font-family:var(--font-inter-origin), sans-serif;letter-spacing:-.54px;font-size:18px;font-weight:400;line-height:1.2}.ok-h11-title{letter-spacing:-1.98px;text-align:center;width:389px;font-size:66px;line-height:1.1}.ok-h11-description{width:311px;font-family:var(--font-inter-origin), sans-serif;letter-spacing:-.36px;text-align:center;margin-top:0;font-size:18px;line-height:1.4}}@media (min-width:481px) and (max-width:900px) and (orientation:portrait){.ok-h11-background{background:radial-gradient(ellipse 60% 82% at 50% -12%, #197aa524 0%, #3f91b517 30%, #69b25d0a 56%, transparent 84%), var(--canvas)}.dark .ok-h11-background{background:radial-gradient(50% 82% at 50% -12%,#22d3ee1c 0%,#087e9414 27%,#0a394d0d 52%,#03050805 74%,#0000 88%),#030508}}@media (max-width:480px) and (orientation:portrait){.ok-h11-hero{--character-size:min(109.95vw, 50.57vh);--character-top:0vh;height:max(100svh,930px)}.ok-h11-background{border-radius:0;width:830px;height:590.222px}.ok-h11-header{width:100vw;height:auto;padding:16px}.ok-h11-menu{width:24px;height:24px}.ok-h11-menu img{width:100%;height:100%}.ok-h11-copy{gap:8px;width:min(100vw - 36px,366px);top:58.81vh}.ok-h11-headingGroup{gap:16px}.ok-h11-eyebrow{font-size:14px}.ok-h11-title{letter-spacing:-1.68px;width:min(76.12vw,306px);font-size:56px}.ok-h11-description{letter-spacing:-.32px;width:min(62.69vw,252px);margin-top:0;font-size:16px}.ok-h11-button{gap:24px;font-size:20px}.ok-h11-copy>.ok-h11-button{margin-top:16px}}@media (max-width:699.98px) and (max-height:760px){.ok-h11-hero{--character-size:min(92vw, 44svh);--character-top:1svh;height:100svh}}@media (min-width:700px) and (max-width:1279.98px) and (max-height:760px){.ok-h11-hero{--character-size:min(48vw, 68svh);--character-top:17svh;height:100svh}.ok-h11-liquidCharacter,.ok-h11-portrait{left:76%}}@media (min-width:700px) and (max-width:767.98px) and (max-height:760px){.ok-h11-liquidCharacter,.ok-h11-portrait{left:78%}}@media (min-width:560px) and (max-width:699.98px) and (max-height:500px){.ok-h11-hero{--character-size:min(46vw, 82svh);--character-top:12svh}.ok-h11-shell{max-width:none!important}.ok-h11-layout{grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);place-items:center start;padding:60px 20px 14px;display:grid!important}.ok-h11-liquidCharacter,.ok-h11-portrait{left:77%}.ok-h11-contentZone{text-align:left;align-items:flex-start;gap:10px;max-width:280px}.ok-h11-contentZone:before{inset:-8px}.ok-h11-contentZone>div:first-child,.ok-h11-contentZone>div:first-child>div:last-child{align-items:flex-start;gap:6px}.ok-h11-wordmark{width:140px}.ok-h11-commerceTitle{max-width:280px;font-size:28px}.ok-h11-commerceCopy{max-width:275px;font-size:11px;line-height:1.35}.ok-h11-mobileCategories{display:none}}@media (min-width:700px) and (max-width:1279.98px) and (max-height:500px){.ok-h11-layout{padding:58px 24px 14px}.ok-h11-contentZone{gap:10px;max-width:320px}.ok-h11-contentZone:before{inset:-8px}.ok-h11-contentZone>div:first-child,.ok-h11-contentZone>div:first-child>div:last-child{gap:6px}.ok-h11-wordmark{width:150px}.ok-h11-commerceTitle{max-width:310px;font-size:30px}.ok-h11-commerceCopy{max-width:310px;font-size:11px;line-height:1.35}.ok-h11-mobileCategories{display:none}}