/* OkiProxy editorial motion system. Vector icons only, restrained depth. */
:root{--ink:#17151c;--muted:#706a79;--line:#e5e0e9}
body{background:#fcfbfd}.header{padding-block:30px}.header nav{font-weight:500}.nav-login{background:#fff;border-color:#e1dbe6;transition:box-shadow .3s,border-color .3s}.nav-login:hover{box-shadow:0 8px 24px #2b1d3c08;border-color:#b6a8c7}.hero{padding-top:70px;padding-bottom:98px;gap:55px;grid-template-columns:1.1fr 1fr}.hero-copy{position:relative;z-index:2}.hero .eyebrow{font-size:9px;letter-spacing:1.35px;max-width:390px}h1{font-weight:500;font-size:clamp(48px,5.2vw,73px);letter-spacing:-3.8px;line-height:1.035}h1>span{background:linear-gradient(110deg,#d56b1b,#ed8534);-webkit-background-clip:text;background-clip:text;color:transparent}.intro{font-size:15px;line-height:1.85;margin-top:29px;max-width:430px}.hero .actions{margin-top:34px}.button{border-radius:4px;min-height:50px;padding:16px 19px;transition:transform .3s,box-shadow .3s,background .3s}.button:hover{box-shadow:0 10px 25px #44231a12;transform:translateY(-3px)}.button>span{line-height:0}.button.primary{background:#e97824}.button.secondary{background:transparent}.icon{display:inline-block;width:18px;height:18px;vertical-align:middle;flex-shrink:0}.nav-login .icon{width:14px;height:14px}.button .icon{width:17px;height:17px;transition:transform .3s}.button:hover .icon-arrow{transform:translate(2px,-2px)}.text-link b{line-height:0}.text-link .icon{width:20px;height:20px}.footer .icon{width:12px;height:12px;margin-left:4px}.menu-toggle .icon{width:17px;height:17px}.faqs summary>span{line-height:0;transition:transform .3s}.faqs summary .icon{width:19px;height:19px}.premium-network{height:510px;overflow:hidden;isolation:isolate;border-radius:10px;background:#211d2a;border:1px solid #352c42;box-shadow:0 32px 65px -30px #24133055;perspective:1000px}.network-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(ellipse at 50% 45%,#000 20%,transparent 80%)}.ambient{position:absolute;border-radius:50%;pointer-events:none;filter:blur(55px);opacity:.25}.ambient-one{width:250px;height:250px;background:#66567e;top:110px;left:100px;animation:ambient-drift 12s ease-in-out infinite alternate}.ambient-two{width:180px;height:180px;background:#a54b23;bottom:-110px;right:-30px}.visual-topline,.visual-bottomline{position:absolute;left:25px;right:25px;display:flex;justify-content:space-between;gap:15px;font-size:7px;font-weight:500;letter-spacing:1.7px;color:#c1b3cf;z-index:3}.visual-topline{top:27px}.visual-index{color:#796b8a}.visual-bottomline{bottom:26px;font-size:6px;letter-spacing:1.4px;color:#8d7c9f}.network-paths{position:absolute;inset:0;width:100%;height:100%;opacity:.9}.route-base{stroke:#a38ab8;stroke-opacity:.24;stroke-width:1.2}.route-travel{stroke:url(#route-glow);stroke-width:1.6;stroke-dasharray:18 230;stroke-linecap:round;animation:route-stream 7s linear infinite}.travel-two{animation-delay:-3s}.premium-core{position:absolute;top:43%;left:calc(50% - 57px);width:114px;z-index:4;transition:transform .4s}.core-face{height:104px;display:grid;place-items:center;background:linear-gradient(140deg,#fcfbfe,#e2dce9);border-radius:17px;border:1px solid #ffffffaa;box-shadow:inset 0 2px 2px #fff,0 8px 0 -3px #b1a4be,0 22px 40px #0004;transform:rotate(-6deg);animation:core-float 8s ease-in-out infinite}.core-face img{width:77px;height:auto}.core-caption{font-size:6px;letter-spacing:1.8px;color:#aa96b9;text-align:center;white-space:nowrap;margin-top:25px;transform:translateX(-4px)}.floating-card{position:absolute;display:flex;align-items:center;gap:13px;padding:17px 19px;background:linear-gradient(120deg,#393040e8,#292331ee);border:1px solid #6d5e7c66;box-shadow:0 14px 30px #0002,inset 0 1px 0 #ffffff08;backdrop-filter:blur(14px);border-radius:9px;z-index:5;max-width:calc(100% - 40px)}.project-float{left:24px;top:98px;animation:card-float 9s ease-in-out infinite}.partner-float{right:20px;bottom:83px;animation:card-float 9s ease-in-out infinite -4s}.floating-card strong{display:block;font-size:13px;font-weight:500;letter-spacing:-.1px;color:#f3edf7;margin:5px 0}.floating-card small{display:block;font-size:8px;line-height:1.6;color:#a69ab4}.micro-label{font-size:6px;letter-spacing:1.7px;color:#c4a6d5}.mini-icon{width:33px;color:#b6a4cb;flex-shrink:0}.mini-icon svg{display:block;width:100%;height:auto}.orange-icon{color:#ec9a59}.visual-detail{position:absolute;right:25px;top:203px;display:flex;align-items:center;gap:7px;color:#ad9bbd;font-size:7px;letter-spacing:.3px}.detail-marker{width:4px;height:4px;border-radius:50%;background:#e97824;box-shadow:0 0 10px #e9782455}.role-card{border-radius:7px;padding:37px;position:relative;overflow:hidden;transition:transform .45s,box-shadow .45s,border-color .45s}.role-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px #3925480a;border-color:#bca9cb}.role-card:after{content:"";position:absolute;inset:auto -60px -80px auto;width:180px;height:180px;border:1px solid #8e73a514;border-radius:50%;pointer-events:none}.role-card h3{font-weight:500;letter-spacing:-1.2px}.role-card .text-link{margin-top:34px}.protocol-strip{background:#f6f4f9}.protocol-strip>.wrap{padding-block:25px}.customer-section{background:linear-gradient(135deg,#f5f2f9,#f1eef6)}.workspace-demo{border-radius:10px;box-shadow:0 30px 55px -25px #4d376b26;transform:none}.demo-header{padding-block:22px}.demo-body{padding:31px}.config-panel{background:#fdfcff}.protocol-tabs{border-radius:5px}.protocol-tabs button{transition:background .25s,color .25s,box-shadow .25s}.partner-visual{background:linear-gradient(145deg,#eae4f2,#f4f1f8);border-radius:9px;position:relative;overflow:hidden;height:500px}.partner-visual:before,.partner-visual:after{content:"";position:absolute;inset:55px -100px auto auto;width:360px;height:360px;border:1px solid #c5b6d333;border-radius:50%;pointer-events:none}.partner-visual:after{inset:auto auto -60px -120px;width:310px;height:310px}.control-art{position:relative;z-index:1}.control-ring{width:116px;height:116px;box-shadow:0 0 0 17px #e0d6e955,0 0 0 34px #ded4e52a,0 20px 35px #a48cb51a}.pause-icon{width:65px;height:65px;border:1px solid #ffac6b;background:linear-gradient(145deg,#ec8b40,#db6c1a);box-shadow:0 7px 16px #b45f2226;animation:control-breathe 7s ease-in-out infinite}.pause-icon svg{width:29px;height:29px}.control-tags span{border-radius:5px;background:#ffffff44}.principles{padding-block:52px;gap:38px}.principle>span{font-size:11px;font-weight:500}.principle h3{font-weight:500;font-size:15px;letter-spacing:-.3px}.principle p{font-size:12px}.faq-section{padding-block:100px}.faqs summary{padding-block:24px;font-weight:500;font-size:14px}.faqs details[open]{padding-bottom:6px}.faqs details[open] p{animation:faq-in .35s ease-out}.closing{border-radius:9px;position:relative;overflow:hidden;background:linear-gradient(115deg,#eee7f5,#f5f1f8);padding-block:58px}.closing:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;border:1px solid #c6b7d544;top:-160px;right:-150px;pointer-events:none}.closing>div{position:relative;z-index:1}.closing .button{min-width:260px}.closing h2{font-weight:500}.footer{padding-top:36px;padding-bottom:30px}.footer>span{font-size:11px}.footer>div{font-size:11px}
.reveal{opacity:1;transform:none}.motion-ready .reveal:not(.is-visible){opacity:0;transform:translateY(26px)}.motion-ready .from-left:not(.is-visible){transform:translateX(-34px)}.motion-ready .from-right:not(.is-visible){transform:translateX(34px)}.motion-ready .reveal{transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.2,1)}.motion-ready .principle:nth-child(3){transition-delay:.1s}.motion-ready .principle:nth-child(4){transition-delay:.2s}
@keyframes route-stream{to{stroke-dashoffset:-496}}@keyframes core-float{0%,100%{transform:rotate(-6deg) translateY(0)}50%{transform:rotate(-3deg) translateY(-5px)}}@keyframes card-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes ambient-drift{to{transform:translate(-25px,16px);opacity:.35}}@keyframes control-breathe{0%,100%{box-shadow:0 7px 16px #b45f2226}50%{box-shadow:0 7px 24px #b45f2244}}@keyframes faq-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.hero{gap:28px}.premium-network{height:460px}.floating-card{padding:14px;gap:9px}.floating-card strong{font-size:12px}.floating-card small{font-size:7px}.project-float{left:15px;top:90px}.partner-float{right:15px;bottom:76px}.visual-detail{right:18px;top:192px}.visual-bottomline{font-size:5.5px;letter-spacing:1px}.principles{gap:22px}}
@media(max-width:760px){body{overflow-x:clip}.header{padding:20px 24px}.hero{padding-top:32px;padding-bottom:56px;gap:40px;grid-template-columns:1fr}.hero .eyebrow{font-size:8px;letter-spacing:1px;max-width:340px}.hero h1{font-size:clamp(43px,10.8vw,62px);letter-spacing:-2.7px;line-height:1.08}.intro{font-size:14px;margin-top:23px;line-height:1.85}.hero .actions{margin-top:25px;gap:10px}.actions .button{font-size:11px;padding:15px;gap:12px}.pilot-note{margin-top:20px}.premium-network{height:425px;width:100%;max-width:460px;border-radius:9px}.visual-topline{top:23px;left:21px;right:21px;font-size:6px;letter-spacing:1.5px}.project-float{left:17px;top:79px}.partner-float{right:17px;bottom:68px}.floating-card{padding:14px 15px}.floating-card small{font-size:8px}.mini-icon{width:29px}.premium-core{top:42%;width:100px;left:calc(50% - 50px)}.core-face{height:93px;border-radius:14px}.core-face img{width:66px}.core-caption{font-size:5px;letter-spacing:1.6px;margin-top:22px}.visual-detail{top:174px;right:18px;font-size:6px}.visual-bottomline{left:21px;right:21px;bottom:23px;font-size:5px;letter-spacing:1px}.role-card{padding:28px}.role-card h3{font-size:32px}.role-card p{font-size:13px}.demo-body{padding:25px}.partner-visual{height:420px}.principles{padding-block:35px;gap:23px}.principle p{font-size:12px}.faq-section{padding-block:60px}.faqs summary{font-size:13px;line-height:1.5;min-height:70px}.closing{padding-block:38px}.closing .button{min-width:0}.footer>span{font-size:10px}.motion-ready .from-left:not(.is-visible){transform:translateX(-18px)}.motion-ready .from-right:not(.is-visible){transform:translateX(18px)}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal:not(.is-visible){opacity:1;transform:none}.reveal{transition:none!important}*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}