.okx{--ink:#273528;--acid:#c5ef65;--paper:#f1eee6;--line:rgba(39,53,40,.22);background:var(--paper);color:var(--ink);overflow:hidden}.okx h1,.okx h2,.okx h3,.okx strong{font-family:var(--font-display)}.okx p{max-width:none}.okx-wrap{width:min(100%,1440px);margin-inline:auto;padding-inline:clamp(22px,5vw,80px)}.okx-wide{width:min(calc(100% - clamp(22px,4vw,54px)),1540px);margin-inline:auto}.okx-back{font-size:12px;border-bottom:1px solid;padding-bottom:7px}.okx-hero{padding-top:150px;padding-bottom:70px}.okx-kicker{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;margin-top:65px;font-size:10px;letter-spacing:.12em}.okx-hero h1{font-size:clamp(58px,9vw,140px);line-height:.89;letter-spacing:-.075em;font-weight:500;margin:58px 0}.okx-hero h1 em,.final-word em,.website-desktop h2 em,.website-mobile h2 em{font-family:Georgia,serif;font-weight:400;color:#71806b}.okx-intro{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,110px);margin-left:34%;font-size:15px;line-height:1.7}.okx-tag,.concept-chip{display:inline-flex;margin-top:38px;padding:8px 13px;border:1px solid var(--ink);border-radius:30px;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.visual-dark,.dashboard,.server-panel,.motion-stage,.final-system{background:var(--ink);color:var(--paper)}.okx-hero-system{min-height:780px;padding:clamp(26px,5vw,78px);position:relative;display:grid;grid-template-columns:1fr .36fr;align-items:center;gap:30px}.design-todo{position:absolute!important;z-index:20;top:14px;left:14px;right:auto;background:#ffdf52!important;color:#241f00!important;border:1px solid #241f00!important;padding:8px 11px!important;font:10px/1.25 var(--font-sans)!important;letter-spacing:.02em!important;box-shadow:none!important}.design-todo span{display:block;font-size:8px;letter-spacing:.12em;margin-bottom:2px}.design-todo strong{font:600 10px var(--font-sans)!important}.hero-browser{background:var(--paper);color:var(--ink);min-height:590px;padding:24px;display:flex;flex-direction:column}.browser-top,.site-nav{display:flex;align-items:center;justify-content:space-between;font-size:10px;border-bottom:1px solid var(--line);padding-bottom:18px}.browser-top b,.site-nav b{font-size:30px;letter-spacing:-.08em}.browser-top i,.site-nav i{background:var(--acid);padding:10px 14px;font-style:normal}.browser-copy{padding:70px 2vw}.browser-copy h2{font-size:clamp(60px,7vw,116px);letter-spacing:-.07em;line-height:.78;margin:22px 0}.browser-copy h2 span{color:#71806b}.browser-copy p{font-size:14px;max-width:370px}.solution-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:auto;border-top:1px solid var(--line);padding-top:16px;font-size:8px}.hero-console{align-self:end;border:1px solid rgba(241,238,230,.28);padding:22px}.hero-console strong{font-size:12px;display:block;margin:12px 0 30px}.hero-console i,.status-set i,.dashboard i,.server-panel i,.component-board i,.emails>article>i,.final-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--acid);margin-right:8px}.mini-chart{height:95px;background:repeating-linear-gradient(90deg,transparent 0 28px,rgba(197,239,101,.16) 29px),linear-gradient(155deg,transparent 48%,var(--acid) 49%,var(--acid) 50%,transparent 51%)}.hero-console>span{font-size:8px}.okx-section{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding-top:clamp(95px,12vw,180px);padding-bottom:70px}.okx-number{font:400 clamp(80px,12vw,190px)/.7 var(--font-display);letter-spacing:-.08em;color:#c9c9be}.okx-copy{max-width:820px}.okx-label{font-size:10px;letter-spacing:.13em;font-weight:600}.okx-copy h2,.archive h2,.reflection h2{font-size:clamp(40px,5.3vw,78px);line-height:1.02;letter-spacing:-.055em;font-weight:500;margin:25px 0 36px}.okx-copy p,.reflection p{font-size:clamp(16px,1.4vw,20px);line-height:1.75;color:#52604f;margin-bottom:17px}.ia-map{display:grid;grid-template-columns:1fr 90px 1fr;padding:clamp(40px,5vw,80px);background:#dedfd2;position:relative}.ia-map>div{display:grid;grid-template-columns:1fr 1fr;gap:0}.ia-map .okx-label{grid-column:1/-1;margin-bottom:35px}.ia-map b{font-size:clamp(20px,2.3vw,34px);font-weight:400;border-top:1px solid var(--line);padding:15px 0}.ia-map>i{font-style:normal;font-size:50px;align-self:center;text-align:center}.ia-map .intent b{color:#526c37}.principles{display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:100px}.principles article{border-top:1px solid var(--line);padding:18px 22px 0 0}.principles article+article{padding-left:22px;border-left:1px solid var(--line)}.principles span{font-size:10px}.principles h3{font-size:20px;margin:55px 0 15px;text-transform:uppercase;line-height:1.1}.principles p{font-size:12px;color:#657061}.system-board{background:#dadccf;padding:clamp(35px,5vw,80px);display:grid;grid-template-columns:1fr 1fr;gap:40px;position:relative}.type-spec{display:grid;grid-template-columns:1fr 2fr;align-items:end;border-bottom:1px solid var(--line)}.type-spec small{grid-column:1/-1}.type-spec strong{font-size:180px;line-height:1}.type-spec span{font-size:31px;letter-spacing:-.04em;padding-bottom:28px}.colors{display:grid;grid-template-columns:2fr 1fr 1fr;min-height:240px}.colors i{font-style:normal;padding:15px;font-size:10px;display:flex;align-items:end}.status-set{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.status-set span{border:1px solid var(--line);padding:18px;font-size:10px}.product-flow{background:#111a14;color:var(--paper);padding:clamp(35px,5vw,75px);position:relative}.flow-progress{display:grid;grid-template-columns:repeat(4,1fr);font-size:10px;margin-bottom:70px}.flow-progress>*{border-top:1px solid #536154;padding-top:15px}.flow-progress b{border-color:var(--acid);color:var(--acid)}.flow-body{display:grid;grid-template-columns:1.3fr .7fr;gap:80px}.flow-body>div>small,.flow-body aside>small{display:block;margin-bottom:22px}.flow-body button{width:100%;display:flex;justify-content:space-between;background:transparent;color:var(--paper);border:0;border-top:1px solid #536154;padding:18px 0;font-size:20px;text-align:left}.flow-body button.selected{color:var(--acid)}.flow-body aside{background:var(--paper);color:var(--ink);padding:32px}.flow-body aside h3{font-size:38px;margin:15px 0 30px}.flow-body dl>div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:10px 0;font-size:12px}.flow-body aside>strong{display:block;font-size:30px;margin:32px 0 18px}.flow-body aside>button{background:var(--acid);color:var(--ink);padding:16px;font-size:11px;text-transform:uppercase}.website-stage{background:#87907f;padding:clamp(32px,6vw,90px);display:grid;grid-template-columns:1fr 260px;gap:30px;align-items:end;position:relative}.website-desktop,.website-mobile{background:var(--paper);color:var(--ink);padding:24px}.website-desktop>small{display:block;margin-top:75px}.website-desktop>h2{font-size:clamp(60px,8vw,120px);letter-spacing:-.08em;line-height:.78;margin:18px 0 30px}.website-desktop>p{font-size:14px;width:320px}.website-desktop>button,.website-mobile>button{background:var(--acid);border:0;padding:15px;margin:25px 0;text-transform:uppercase;font-size:10px}.site-solutions{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);margin-top:45px}.site-solutions article{padding:15px 14px 0 0}.site-solutions h3{font-size:20px;margin:30px 0 8px}.site-solutions p{font-size:10px}.website-mobile{min-height:540px}.website-mobile h2{font-size:52px;line-height:.83;letter-spacing:-.07em;margin:48px 0 15px}.website-mobile article{border-top:1px solid var(--line);margin-top:40px;padding-top:14px}.website-mobile article h3{font-size:24px;margin:25px 0 8px}.website-mobile article p{font-size:11px}.dashboard{display:grid;grid-template-columns:190px 1fr;min-height:680px;position:relative}.dashboard nav{padding:35px;display:flex;flex-direction:column;border-right:1px solid #536154}.dashboard nav>b{font-size:38px}.dashboard nav>div{margin:auto 0;line-height:3;font-size:12px}.dashboard main{padding:clamp(30px,5vw,70px)}.dashboard main header{display:flex;justify-content:space-between;align-items:end}.dashboard main h2{font-size:clamp(36px,5vw,70px);letter-spacing:-.055em;margin-top:15px}.dashboard button,.server-panel button,.configurator button{background:var(--acid);border:0;padding:14px 18px;text-transform:uppercase;font-size:9px}.dash-status{display:flex;justify-content:space-between;border:1px solid #536154;padding:18px;margin:55px 0}.dash-grid{display:grid;grid-template-columns:2fr 1fr;gap:15px}.dash-grid article{border:1px solid #536154;padding:25px}.dash-grid article.services{grid-row:span 2}.dash-grid h3{font-size:22px;margin-top:30px}.dash-grid p{font-size:11px;color:#a7b0a1}.dash-grid span,.dash-grid b{font-size:9px;display:block;margin-top:12px}.dash-grid hr{border:0;border-top:1px solid #536154;margin-top:25px}.server-panel{padding:clamp(35px,5vw,70px);position:relative}.server-panel header{display:flex;justify-content:space-between}.server-panel h2{font-size:clamp(42px,6vw,80px);letter-spacing:-.06em;margin-top:16px}.server-panel header>strong{color:var(--acid)}.server-metrics{display:grid;grid-template-columns:repeat(6,1fr);margin:65px 0 45px}.server-metrics div{border-top:1px solid #536154;padding-top:15px}.server-metrics b{display:block;margin-top:12px}.resource-chart{border:1px solid #536154;padding:20px}.resource-chart svg{width:100%;height:180px;overflow:visible}.resource-chart polyline{fill:none;stroke:var(--acid);stroke-width:2}.server-panel footer{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.server-panel footer button{background:transparent;color:var(--paper);border:1px solid #536154;text-align:left}.configurator{background:#dedfd2;padding:clamp(35px,5vw,75px);display:grid;grid-template-columns:1.4fr .6fr;gap:80px;position:relative}.configurator h3{font-size:clamp(40px,5vw,72px);line-height:1;letter-spacing:-.055em;margin:22px 0 55px}.config-row{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:18px 0;font-size:12px}.configurator aside{background:var(--ink);color:var(--paper);padding:35px;align-self:end}.configurator aside strong{display:block;font-size:44px;margin:30px 0 12px}.configurator aside p{font-size:12px;color:#aab2a6}.configurator aside button{width:100%;margin-top:35px}.component-board{background:#d8dace;padding:clamp(35px,5vw,70px);position:relative}.component-title{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px;font-size:10px}.components{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:45px;align-items:start}.components button{background:var(--acid);border:0;padding:16px;text-align:left;text-transform:uppercase;font-size:10px}.components button.outline{background:transparent;border:1px solid var(--ink)}.pill{border:1px solid var(--line);padding:15px;font-size:10px}.components label{font-size:9px}.components input{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid var(--ink);padding:12px 0}.components article{border:1px solid var(--line);padding:20px}.components article h3{font-size:26px;margin:28px 0 5px}.components article p{font-size:11px}.notice{background:var(--acid);padding:18px;font-size:11px}.components table{grid-column:span 2;border-collapse:collapse;font-size:11px}.components td{border-bottom:1px solid var(--line);padding:14px}.communications{background:#868e7e;padding:clamp(40px,6vw,90px);display:grid;grid-template-columns:1fr .72fr .9fr;gap:24px;align-items:center;position:relative}.communications article{min-height:500px;padding:34px;box-shadow:0 25px 55px #161d162e}.proposal{background:var(--paper);transform:rotate(-2deg)}.proposal h3{font-size:42px;line-height:1.05;margin:70px 0 20px}.proposal b{font-size:13px;display:block;margin-top:140px}.report{background:var(--ink);color:var(--paper);transform:translateY(40px)}.report h3{font-size:34px;margin:65px 0}.report>div{border-top:1px solid #536154;padding:18px 0;display:flex;justify-content:space-between}.campaign{background:var(--acid);transform:rotate(2deg)}.campaign h3{font-size:43px;line-height:1;margin-top:130px}.campaign span{display:block;margin-top:150px;font-size:10px}.emails{background:#d8dace;padding:clamp(40px,6vw,90px);display:grid;grid-template-columns:repeat(3,1fr);gap:18px;position:relative}.emails article{background:var(--paper);padding:28px}.emails header{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px;font-size:9px}.emails>article>i{width:34px;height:34px;margin-top:50px}.emails h3{font-size:clamp(24px,2.5vw,38px);margin:25px 0 12px}.emails p{font-size:12px;color:#687064}.emails dl{margin:40px 0}.emails dl>div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:10px 0;font-size:10px}.emails button{background:var(--acid);border:0;padding:14px;width:100%;text-align:left;font-size:9px}.motion-stage{min-height:430px;padding:70px;display:grid;place-items:center;position:relative}.motion-track{display:flex;align-items:center;width:100%;gap:18px;font-size:10px}.motion-track i{height:1px;flex:1;background:#536154;overflow:hidden}.motion-track i:after{content:"";display:block;width:45%;height:100%;background:var(--acid);animation:ok-progress 4s ease-in-out infinite}.motion-track strong{color:var(--acid)}.motion-track b{display:inline-block;width:8px;height:8px;background:var(--acid);border-radius:50%;margin-left:8px;animation:ok-pulse 2s infinite}@keyframes ok-progress{0%{transform:translate(-110%)}to{transform:translate(240%)}}@keyframes ok-pulse{50%{box-shadow:0 0 0 9px #c5ef6500}}.archive{background:#bfc2b4;padding:130px 0}.archive-head{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.archive-head p{font-size:16px;line-height:1.7}.archive-rule{display:grid;grid-template-columns:1fr auto 1fr;margin-block:70px 35px;border-top:1px solid var(--line);padding-top:15px;font-size:10px}.archive-rule strong:last-child{text-align:right}.archive-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:16px}.archive-grid img{width:100%;height:100%;object-fit:cover;filter:saturate(.75)}.archive-grid img:first-child{grid-row:span 2}.reflection{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding-top:150px;padding-bottom:140px}.reflection>div:last-child{max-width:850px}.cap-list{display:flex;flex-wrap:wrap;margin:45px 0}.cap-list span{padding:12px 18px;border:1px solid var(--line);font-size:10px;text-transform:uppercase}.reflection small{color:#6c7568}.final-system{min-height:720px;padding:clamp(35px,6vw,90px);position:relative;display:flex;flex-direction:column;justify-content:space-between}.final-word{font:500 clamp(55px,9vw,140px)/.84 var(--font-display);letter-spacing:-.07em}.final-word em{color:var(--acid)}.final-status{align-self:end;border:1px solid #536154;padding:18px;font-size:10px}.okx-next{display:grid;grid-template-columns:1fr auto;gap:20px;padding-top:80px;padding-bottom:100px;background:var(--paper)}.okx-next span{grid-column:1/-1;font-size:10px}.okx-next strong{font-size:clamp(45px,7vw,100px);letter-spacing:-.06em}.okx-next b{font-size:55px}.okx+.footer{background:var(--paper);color:var(--ink);border-color:var(--line)}@media(max-width:800px){.okx-intro{grid-template-columns:1fr;margin-left:0}.okx-hero-system{grid-template-columns:1fr;min-height:auto}.hero-console{width:60%;margin-left:auto}.okx-section,.reflection{grid-template-columns:1fr}.okx-number{font-size:100px}.ia-map{grid-template-columns:1fr}.ia-map>i{transform:rotate(90deg);padding:25px}.principles{grid-template-columns:1fr 1fr;gap:30px 0}.system-board{grid-template-columns:1fr}.status-set{grid-template-columns:1fr 1fr}.flow-body,.configurator,.archive-head{grid-template-columns:1fr}.website-stage{grid-template-columns:1fr 200px;padding-inline:20px}.site-solutions{grid-template-columns:repeat(2,1fr)}.site-solutions article:last-child{display:none}.dashboard{grid-template-columns:1fr}.dashboard nav{display:none}.server-metrics{grid-template-columns:repeat(3,1fr);gap:24px}.components{grid-template-columns:repeat(2,1fr)}.communications{grid-template-columns:1fr 1fr}.campaign{grid-column:1/-1;min-height:360px!important}.campaign h3{margin-top:70px}.campaign span{margin-top:80px}.emails{grid-template-columns:1fr}.archive-grid{grid-template-columns:1fr 1fr}.archive-grid img:first-child{grid-column:1/-1;grid-row:auto}.motion-track{display:grid;grid-template-columns:auto 1fr}.motion-track i{min-width:40px}.motion-track strong{grid-column:1/-1}.reflection{padding-top:100px}}@media(max-width:520px){.okx-hero h1{font-size:56px}.okx-kicker span:last-child{display:none}.okx-hero-system{padding-top:60px}.hero-browser{min-height:480px;padding:15px}.browser-top span{display:none}.browser-copy{padding:55px 0}.browser-copy h2{font-size:54px}.solution-strip{grid-template-columns:1fr 1fr;gap:10px}.hero-console{width:100%}.okx-section{padding-top:90px}.okx-copy h2,.archive h2,.reflection h2{font-size:40px}.ia-map>div{grid-template-columns:1fr}.principles{grid-template-columns:1fr}.principles article+article{padding-left:0;border-left:0}.principles h3{margin-top:28px}.type-spec{grid-template-columns:1fr}.type-spec strong{font-size:120px}.colors{grid-template-columns:1fr;min-height:360px}.flow-body{gap:30px}.flow-progress{grid-template-columns:1fr 1fr;gap:20px}.website-stage{display:block}.website-desktop{display:none}.website-mobile{width:100%}.dashboard main{padding-top:65px}.dashboard main header{display:block}.dashboard button{margin-top:20px}.dash-grid{grid-template-columns:1fr}.server-metrics{grid-template-columns:1fr 1fr}.server-panel footer{grid-template-columns:1fr 1fr}.configurator{gap:30px}.components{grid-template-columns:1fr}.components table{grid-column:auto}.communications{grid-template-columns:1fr}.communications article{transform:none}.campaign{grid-column:auto}.archive-rule{grid-template-columns:1fr;gap:12px}.archive-rule span{display:none}.archive-rule strong:last-child{text-align:left}.archive-grid{grid-template-columns:1fr}.archive-grid img:first-child{grid-column:auto}.motion-stage{padding:60px 25px}.final-system{min-height:520px}.final-word{font-size:52px}.okx-next{padding-block:60px}.nav-links{gap:9px}}@media(prefers-reduced-motion:reduce){.motion-track i:after,.motion-track b{animation:none}}.okx{--ink: #030510;--acid: #00ddff;--blue: #0074ff;--violet: #7f2fea;--magenta: #ef36c9;--orange: #ff7849;--paper: #f1eee6;--line: rgba(3, 5, 16, .2)}.okx-hero h1 em{color:transparent;background:linear-gradient(90deg,var(--cyan, #00ddff),var(--blue),var(--violet),var(--magenta),var(--orange));background-clip:text;-webkit-background-clip:text}.okx-tag,.concept-chip{border-color:#7f2fea}.okx-asset{position:relative;margin-top:0;margin-bottom:clamp(24px,4vw,64px);background:#030510}.okx-asset img{display:block;width:100%;height:auto;min-height:58vw;max-height:none;object-fit:cover}.okx-asset-hero img{min-height:min(74vw,1080px)}.okx-asset-stage img,.okx-asset-final img{min-height:min(67vw,1024px)}.okx-asset figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:24px;padding:18px 22px;color:#f1eee6;background:linear-gradient(180deg,transparent,rgba(3,5,16,.92));font-size:12px;letter-spacing:.08em}.system-board{background:#070914;color:#f1eee6;border:1px solid #24283b}.system-board .type-spec,.system-board .status-set span{border-color:#2e334c}.system-board .type-spec span{font-weight:700;line-height:.9;background:linear-gradient(180deg,#0df,#7f2fea 55%,#ff7849);background-clip:text;-webkit-background-clip:text;color:transparent}.system-board .colors{grid-template-columns:repeat(4,1fr)}.status-set .status-operational i{background:#36e6a6}.status-set .status-active i{background:#0df}.status-set .status-deploying i{background:#7f2fea}.status-set .status-warning i{background:#ff7849}.ia-map{background:#e8e5dc}.ia-map .intent b{color:#6b2bd1}.dashboard,.motion-stage{background:#030510}.dashboard{border:1px solid #25293c}.dashboard nav,.dash-status,.dash-grid article,.motion-track i{border-color:#2d3248}.dashboard button{color:#fff;background:linear-gradient(90deg,#7f2fea,#ef36c9,#ff7849)}.dashboard i,.motion-track b{background:#0df}.motion-track strong{color:#0df}.motion-track i:after{background:linear-gradient(90deg,#0df,#0074ff,#7f2fea,#ef36c9,#ff7849)}.communications{background:#0b0d18}.communications .report{background:#030510;border:1px solid #2d3248}.communications .campaign{color:#fff;background:linear-gradient(145deg,#0074ff,#7f2fea 52%,#ef36c9,#ff7849)}.archive{background:#d7d5cd}.archive-grid img{filter:none}.final-status i,.dashboard .dash-status i,.dashboard .dash-grid i{background:#0df}@media(max-width:800px){.okx-asset img,.okx-asset-hero img,.okx-asset-stage img,.okx-asset-final img{min-height:auto}}@media(max-width:520px){.okx-asset{width:100%;margin-bottom:22px}.okx-asset figcaption{position:static;padding:14px 18px;font-size:10px}.okx-asset figcaption span:last-child{display:none}.system-board .colors{grid-template-columns:1fr 1fr}}