:root{--ok-ink:#07170f;--ok-green:#006b3c;--ok-deep:#003b25;--ok-cream:#f4eedc;--ok-gold:#e7bd54;--ok-line:rgba(244,238,220,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ok-ink);color:#fff;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.7}body.ok88-popup-open{overflow:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.ok88-shell{width:min(1180px,calc(100% - 40px));margin:auto}.ok88-skip{position:fixed;left:12px;top:-80px;z-index:1000;background:#fff;color:#000;padding:10px}.ok88-skip:focus{top:12px}.ok88-header{position:fixed;inset:0 0 auto;z-index:50;background:linear-gradient(180deg,rgba(2,20,12,.96),rgba(2,20,12,.38));border-bottom:1px solid var(--ok-line);backdrop-filter:blur(14px)}.ok88-header__row{height:82px;display:flex;align-items:center;gap:28px}.ok88-brand img{width:152px;height:auto}.ok88-nav{display:flex;gap:25px;margin-left:auto;font-weight:750;font-size:.92rem}.ok88-nav a{opacity:.82}.ok88-nav a:hover,.ok88-nav a[aria-current=page]{opacity:1;color:var(--ok-gold)}.ok88-header-cta,.ok88-button,.ok88-popup__cta{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(135deg,var(--ok-gold),#fff0a8);color:#172015;padding:12px 22px;font-weight:900;box-shadow:0 12px 35px rgba(231,189,84,.22)}.ok88-menu-toggle{display:none}.ok88-main{overflow:hidden}.ok88-hero{min-height:74vh;padding:150px 0 80px;position:relative;display:grid;align-items:center;background:linear-gradient(90deg,rgba(3,21,13,.96) 0 43%,rgba(3,21,13,.32) 75%,rgba(3,21,13,.72)),var(--ok88-hero) center/cover}.ok88-front .ok88-hero{min-height:100vh}.ok88-hero__content{max-width:680px}.ok88-eyebrow{text-transform:uppercase;letter-spacing:.22em;color:var(--ok-gold);font-size:.78rem;font-weight:900}.ok88-hero h1{font-family:Georgia,serif;font-size:clamp(3rem,7vw,6.7rem);line-height:.92;margin:.25em 0;max-width:12ch}.ok88-hero p{font-size:1.08rem;color:#e6eadf;max-width:62ch}.ok88-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.ok88-button--ghost{background:rgba(255,255,255,.07);color:#fff;border:1px solid var(--ok-line);box-shadow:none}.ok88-section{padding:95px 0}.ok88-section__head{max-width:760px;margin-bottom:34px}.ok88-section h2{font-family:Georgia,serif;font-size:clamp(2rem,4vw,4.1rem);line-height:1.04;margin:.25em 0}.ok88-section p{color:#cad5ca}.ok88-gateway{background:linear-gradient(180deg,#06281a,#07170f)}.ok88-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.ok88-card{min-height:430px;border-radius:28px;overflow:hidden;position:relative;border:1px solid var(--ok-line);background:#09291c}.ok88-card img{width:100%;height:100%;object-fit:cover}.ok88-card__shade{position:absolute;inset:0;padding:25px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,transparent 25%,rgba(0,18,10,.94))}.ok88-card h3{font-size:1.4rem;margin:0 0 4px}.ok88-card p{margin:0;font-size:.92rem}.ok88-timeline{background:var(--ok-cream);color:#162118}.ok88-timeline p{color:#48564b}.ok88-steps{display:grid;grid-template-columns:repeat(4,1fr);counter-reset:okstep;gap:28px}.ok88-step{counter-increment:okstep;border-top:2px solid var(--ok-green);padding-top:20px}.ok88-step:before{content:"0" counter(okstep);display:block;color:var(--ok-green);font-size:2.2rem;font-weight:900}.ok88-panorama{background:#06160e}.ok88-panorama__stage{display:grid;grid-template-columns:1.45fr .75fr;gap:34px;align-items:center}.ok88-panorama__stage img{height:430px;width:100%;object-fit:cover;border-radius:32px}.ok88-bullets{list-style:none;padding:0}.ok88-bullets li{padding:12px 0;border-bottom:1px solid var(--ok-line)}.ok88-mobile-strip{background:linear-gradient(120deg,#001e38,#006b7a)}.ok88-mobile-strip__media{border-radius:32px;overflow:hidden;margin-top:28px}.ok88-mobile-strip__media img{width:100%;height:280px;object-fit:cover}.ok88-inner-sections{background:#f5f1e7;color:#17231a}.ok88-inner-sections .ok88-section{border-bottom:1px solid #d8d3c6}.ok88-inner-sections p{color:#4e5c52}.ok88-inner-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px}.ok88-inner-visual img{height:340px;width:100%;object-fit:cover;border-radius:28px}.ok88-faq{background:#09291c}.ok88-faq details{border-top:1px solid var(--ok-line);padding:18px 0}.ok88-faq summary{font-weight:800;cursor:pointer}.ok88-footer{background:#020d08;padding:62px 0 24px;border-top:1px solid var(--ok-line)}.ok88-footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:34px}.ok88-footer img{width:160px}.ok88-footer ul{list-style:none;padding:0}.ok88-footer__bottom{display:flex;justify-content:space-between;border-top:1px solid var(--ok-line);padding-top:20px;margin-top:30px;color:#9cad9f}.ok88-popup{position:fixed;inset:0;z-index:100;display:none;place-items:center}.ok88-popup.is-open{display:grid}.ok88-popup__veil{position:absolute;inset:0;background:rgba(1,8,5,.86);backdrop-filter:blur(8px)}.ok88-popup__dialog{width:min(520px,92vw);position:relative;text-align:center;padding:10px 24px 28px}.ok88-popup__art{position:relative;aspect-ratio:1}.ok88-popup__layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.ok88-popup__coins{animation:okfloat 2.4s ease-in-out infinite}.ok88-popup__close{position:absolute;right:8px;top:16px;z-index:3;width:44px;height:44px;border-radius:50%;border:2px solid #fff;background:#05261a;color:#fff;font-size:28px}.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}@keyframes okfloat{50%{transform:translateY(-10px) rotate(2deg)}}h1,h2,h3{overflow-wrap:normal;word-break:normal;hyphens:none}@media(max-width:900px){.ok88-header__row{height:70px}.ok88-menu-toggle{display:block;margin-left:auto;background:none;border:0;color:#fff}.ok88-menu-toggle:before{content:"☰";font-size:26px}.ok88-nav{display:none;position:absolute;top:70px;left:20px;right:20px;background:#05261a;padding:20px;border-radius:18px;flex-direction:column}.ok88-nav.is-open{display:flex}.ok88-header-cta{display:none}.ok88-hero{padding-top:120px;background:linear-gradient(180deg,rgba(2,18,11,.48),rgba(2,18,11,.98) 78%),var(--ok88-hero) 58% center/cover}.ok88-hero h1{font-size:clamp(2.7rem,14vw,4.7rem)}.ok88-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.ok88-card{min-width:82vw;scroll-snap-align:center}.ok88-steps,.ok88-panorama__stage,.ok88-inner-grid,.ok88-footer__grid{grid-template-columns:1fr}.ok88-footer__bottom{display:block}.ok88-section{padding:68px 0}}

/* 2026-11 design/content remediation: white stage and illustrated process */
:root{--ok-ink:#111814;--ok-green:#087443;--ok-deep:#064d30;--ok-cream:#f7f4eb;--ok-gold:#d99f21;--ok-line:#d9e1dc}
html,body{background:#fff;color:#111814}
body{font-size:16px;line-height:1.68}
.ok88-header{background:rgba(255,255,255,.96);border-bottom:1px solid #d9e1dc;box-shadow:0 8px 26px rgba(17,24,20,.06)}
.ok88-brand img{width:auto;height:auto;max-width:138px;max-height:48px;object-fit:contain}
.ok88-nav a{color:#17221b;opacity:1}
.ok88-nav a:hover,.ok88-nav a[aria-current=page]{color:#087443}
.ok88-menu-toggle{color:#111814}
.ok88-header-cta,.ok88-button{background:#087443;color:#fff;border:1px solid #087443;box-shadow:none}
.ok88-button--ghost{background:#fff;color:#087443;border:1px solid #087443}
.ok88-hero,.ok88-front .ok88-hero{min-height:720px;padding:140px 0 78px;background:linear-gradient(90deg,#fff 0 42%,rgba(255,255,255,.94) 58%,rgba(255,255,255,.15) 100%),var(--ok88-hero) right center/cover no-repeat}
.ok88-hero__content{max-width:720px}
.ok88-eyebrow{color:#087443}
.ok88-hero h1{max-width:15ch;margin:.24em 0;font-size:clamp(2.8rem,5.7vw,5.5rem);line-height:1.02;letter-spacing:-.045em;color:#111814;text-wrap:balance}
.ok88-hero p,.ok88-section p,.ok88-inner-sections p{color:#455249;font-size:1rem;max-width:70ch}
.ok88-section,.ok88-gateway,.ok88-timeline,.ok88-panorama,.ok88-mobile-strip,.ok88-inner-sections,.ok88-faq{background:#fff;color:#111814}
.ok88-section{padding:76px 0;border-bottom:1px solid #e1e7e3}
.ok88-section__head{max-width:820px;margin-bottom:30px}
.ok88-section h2{font-size:clamp(2rem,4vw,3.9rem);line-height:1.06;letter-spacing:-.035em;max-width:20ch}
.ok88-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;overflow:visible}
.ok88-card{min-width:0;min-height:0;display:grid;grid-template-rows:auto 1fr;position:relative;overflow:hidden;border:1px solid #d9e1dc;border-radius:18px;background:#fff;box-shadow:0 16px 42px rgba(17,24,20,.08)}
.ok88-card img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.ok88-card__shade{position:static;inset:auto;min-height:160px;padding:22px;background:#fff;color:#111814;justify-content:flex-start}
.ok88-card h3{margin:0 0 8px;color:#111814;font-size:1.28rem;line-height:1.28}
.ok88-card p{margin:0;color:#4d5b52;font-size:1rem}
.ok88-steps{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));counter-reset:okstep;gap:28px}
.ok88-step{position:relative;counter-increment:okstep;min-width:0;padding:0 18px 22px;border:1px solid #d9e1dc;border-radius:16px;background:#fff;box-shadow:0 12px 30px rgba(17,24,20,.06);overflow:visible}
.ok88-step:before{content:"0" counter(okstep);position:absolute;z-index:2;left:14px;top:14px;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#087443;color:#fff;font-size:1rem;font-weight:900;box-shadow:0 0 0 6px rgba(255,255,255,.9)}
.ok88-step:not(:last-child):after{content:"→";position:absolute;z-index:3;right:-24px;top:50%;transform:translateY(-50%);color:#087443;font-size:1.65rem;font-weight:900}
.ok88-step__image{width:calc(100% + 36px);height:auto;aspect-ratio:16/10;margin:0 -18px 20px;border-radius:16px 16px 0 0;object-fit:cover}
.ok88-step h3{margin:0 0 8px;color:#111814;font-size:1.18rem}
.ok88-step p{margin:0;color:#4d5b52}
.ok88-inner-grid,.ok88-panorama__stage{grid-template-columns:1.15fr .85fr;gap:34px}
.ok88-inner-visual img,.ok88-panorama__stage img,.ok88-mobile-strip__media img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:18px}
.ok88-bullets li{border-bottom:1px solid #d9e1dc;color:#27352c}
.ok88-faq details{border-top:1px solid #d9e1dc;padding:18px 0}
.ok88-faq summary{color:#111814}
.ok88-footer{background:#fff;color:#111814;border-top:1px solid #d9e1dc}
.ok88-footer img{width:auto;height:auto;max-width:132px;max-height:46px;object-fit:contain}
.ok88-footer__bottom{border-top:1px solid #d9e1dc;color:#5e6b62}
.ok88-popup__cta{box-shadow:none}
@media(max-width:900px){
 .ok88-nav{background:#fff;border:1px solid #d9e1dc;box-shadow:0 18px 40px rgba(17,24,20,.12)}
 .ok88-hero,.ok88-front .ok88-hero{min-height:680px;padding-top:118px;background:linear-gradient(180deg,rgba(255,255,255,.34),#fff 68%),var(--ok88-hero) 58% center/cover no-repeat}
 .ok88-hero h1{font-size:clamp(2.5rem,11vw,4.35rem);max-width:15ch}
 .ok88-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ok88-card{min-width:0}
 .ok88-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ok88-step:nth-child(2):after{display:none}
 .ok88-inner-grid,.ok88-panorama__stage{grid-template-columns:1fr}
}
@media(max-width:580px){
 .ok88-shell{width:min(100% - 28px,1180px)}
 .ok88-hero,.ok88-front .ok88-hero{min-height:640px}
 .ok88-hero h1{font-size:clamp(2.35rem,12vw,3.5rem);line-height:1.05}
 .ok88-section{padding:58px 0}
 .ok88-cards,.ok88-steps{grid-template-columns:1fr}
 .ok88-step:not(:last-child):after{content:"↓";right:auto;left:50%;top:auto;bottom:-25px;transform:translateX(-50%)}
}