:root{--okya-ink:#17283f;--okya-blue:#1e72d8;--okya-cyan:#52cfff;--okya-yellow:#ffd45d;--okya-cream:#fff9e9;--okya-night:#071424;--okya-line:#d5e4f1;--okya-radius-small:10px;--okya-radius-card:20px;--okya-content-width:1180px}
:root{--night:#07131f;--mint:#3ee9c5;--ink:#101d31;--muted:#5d6878;--paper:#f7fafc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,Segoe UI,Noto Sans,Arial,sans-serif}a{color:inherit;text-decoration:none}.hero-shell{color:#fff;background:#07131f;position:relative}.site-header{z-index:20;background:linear-gradient(#050f19fa,#050f19b8,#0000);align-items:center;gap:50px;height:72px;padding:0 max(4.5vw,28px);display:flex;position:absolute;inset:0 0 auto}.brand-lockup{color:#fff;align-items:center;gap:10px;font-size:24px;display:inline-flex}.brand-lockup strong{letter-spacing:-1px;font-weight:900}.brand-lockup em{color:var(--mint);margin-left:2px;font-style:normal}.logo-mark{border:4px solid #fff;border-radius:50% 50% 40% 40%;place-items:center;width:43px;height:30px;font-size:25px;font-weight:900;line-height:1;display:grid;transform:rotate(180deg)}.site-header nav{gap:35px;margin-left:10px;font-size:14px;display:flex}.site-header nav a:hover{color:var(--mint)}.header-actions{align-items:center;gap:17px;margin-left:auto;display:flex}.header-cta,.primary-button{background:var(--mint);color:#07131f;border-radius:13px;justify-content:center;align-items:center;gap:25px;font-weight:800;display:inline-flex}.header-cta{min-width:124px;height:44px;padding:0 19px}.language-picker{position:relative}.language-picker summary{cursor:pointer;color:#fff;align-items:center;gap:8px;padding:10px 4px;font-weight:700;list-style:none;display:flex}.language-picker summary::-webkit-details-marker{display:none}.language-picker summary i{font-style:normal}.language-menu{color:#f5f5f5;background:#151719;border:1px solid #8fa8c2;border-radius:10px;width:182px;padding:7px;position:absolute;top:46px;right:0;box-shadow:0 18px 40px #0008}.language-menu a{border-radius:5px;grid-template-columns:27px 1fr;align-items:center;gap:8px;padding:10px 8px;display:grid}.language-menu a:hover,.language-menu a[aria-current=page]{background:#2b2e31}.language-menu small{color:#aab7c3;font-size:9px;font-weight:800}.language-menu span{font-size:15px}.hero{background-image:url(/brand/hero-banner.jpg);background-position:top;background-repeat:no-repeat;background-size:max(100vw,1470px);min-height:630px;position:relative;overflow:hidden}.hero-shade{background:linear-gradient(90deg,#06121ff5 0%,#06121fe8 23%,#06121f80 39%,#0000 58%),linear-gradient(#0000 82%,#07131fcc);position:absolute;inset:0}.hero-copy{z-index:2;width:min(460px,42vw);margin-left:max(4.8vw,34px);padding-top:125px;position:relative}.hero h1{letter-spacing:-5px;margin:0;font-size:clamp(60px,6vw,88px);font-weight:950;line-height:.92}.hero h1 span{color:var(--mint)}.hero-copy>p{color:#eef5fa;max-width:430px;margin:22px 0;font-size:18px;line-height:1.55}.primary-button{min-width:205px;min-height:55px;margin-top:3px;padding:12px 22px}.trust-row{flex-direction:column;gap:10px;margin-top:47px;font-size:14px;display:flex}.trust-row span{color:#8de8da;letter-spacing:2px}.products-section{gap:18px;max-width:1190px;margin:auto;padding:20px 22px 28px;display:grid}.showcase-card{color:#fff;background-image:none;background-repeat:no-repeat;border-radius:17px;min-height:330px;position:relative;overflow:hidden;box-shadow:0 8px 24px #10233b15}.maple-card{background-color:#fff9f4;background-image:url(/brand/maple-product-art.jpg);background-position:100%;background-size:auto 100%}.future-card{background-color:#07131f;background-image:url(/brand/future-product-art.jpg);background-position:100%;background-size:auto 100%;min-height:275px}.showcase-shade{background:linear-gradient(90deg,#07131ffb 0%,#07131ff0 36%,#07131f88 52%,#0000 72%);position:absolute;inset:0}.showcase-copy{z-index:2;width:50%;padding:31px 15px 28px 38px;position:relative}.showcase-copy small,.belief-copy small{color:#a9c7d1;letter-spacing:2px;text-transform:uppercase;background:#18303e;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800;display:inline-block}.showcase-copy h2{margin:17px 0 9px;font-size:34px;line-height:1.05}.showcase-copy h2 span{color:#ff5e4e}.showcase-copy h3{margin:0 0 12px;font-size:17px}.showcase-copy p{color:#d4dee6;max-width:420px;margin:0 0 20px;line-height:1.5}.showcase-copy a{border:1px solid var(--mint);background:var(--mint);color:#07131f;border-radius:12px;align-items:center;gap:22px;padding:13px 20px;font-weight:800;display:inline-flex}.future-card .showcase-copy{padding-top:28px}.future-card .showcase-copy h2{max-width:360px}.future-card .showcase-copy a{color:#fff;background:0 0}.values-section{grid-template-columns:repeat(4,1fr);max-width:1120px;margin:auto;padding:30px 20px 47px;display:grid}.values-section article{text-align:center;border-right:1px solid #dfe7ee;padding:5px 23px}.values-section article:last-child{border:0}.values-section i{min-height:43px;font-size:31px;font-style:normal;display:block}.values-section h2{margin:8px 0 6px;font-size:16px}.values-section p{color:var(--muted);margin:0;font-size:14px;line-height:1.45}.belief-section{background-color:#f3f8fc;background-image:url(/brand/belief-art.jpg);background-position:100%;background-repeat:no-repeat;background-size:auto 100%;border-radius:13px;max-width:1250px;min-height:185px;margin:0 auto 15px;position:relative;overflow:hidden}.belief-shade{background:linear-gradient(90deg,#f3f8fc 0%,#f3f8fced 43%,#0000 69%);position:absolute;inset:0}.belief-copy{z-index:2;grid-template-columns:330px 360px;align-items:center;gap:55px;height:100%;min-height:185px;padding:25px 50px;display:grid;position:relative}.belief-copy small{color:#23334b;background:0 0;padding:0;position:absolute;top:25px;left:50px}.belief-copy h2{margin:25px 0 0;font-size:37px;line-height:1.05}.belief-copy h2 span{color:#25cbae}.belief-copy p{color:#34465c;margin:20px 0 0;line-height:1.45}footer{color:#c8d1dd;background:#07131f;grid-template-columns:1.55fr repeat(3,.9fr) 1.35fr;gap:44px;padding:50px max(4.8vw,32px) 24px;display:grid}.footer-brand .brand-lockup{margin-bottom:9px}.footer-brand>b{letter-spacing:2px;font-size:13px;display:block}.footer-brand p{max-width:270px;font-size:13px;line-height:1.55}.socials{color:#dce6f2;margin-top:18px}footer h2{color:#fff;margin:8px 0 18px;font-size:14px}footer>div:not(.footer-brand){flex-direction:column;gap:12px;display:flex}footer>div:not(.footer-brand)>a,footer>div:not(.footer-brand)>span,footer>div:not(.footer-brand)>p{color:#9faebf;font-size:13px}.footer-news{border-left:1px solid #203244;padding-left:32px}.footer-news p{margin:0}.footer-news a{border:1px solid #405169;border-radius:8px;justify-content:space-between;align-items:center;padding:13px;display:flex}.footer-news a b{background:var(--mint);color:#07131f;border-radius:7px;place-items:center;width:36px;height:36px;margin:-13px;display:grid}.copyright{color:#75869a;border-top:1px solid #203244;grid-column:1/-1;margin:15px 0 0;padding-top:18px;font-size:12px}@media (max-width:980px){.site-header nav{display:none}.hero{background-position:58% 0;background-size:auto 680px;min-height:680px}.hero-shade{background:linear-gradient(90deg,#06121ffa 0%,#06121fd8 45%,#0000 85%)}.hero-copy{width:58vw}.showcase-card{background-position:58% -565px}.showcase-copy{width:58%}.values-section{grid-template-columns:1fr 1fr;gap:25px}.values-section article:nth-child(2){border:0}.belief-copy{grid-template-columns:1fr 1fr;gap:20px}footer{grid-template-columns:1.7fr 1fr 1fr}.footer-news,.copyright{grid-column:1/-1}.footer-news{border-top:1px solid #203244;border-left:0;padding:22px 0 0}}@media (max-width:650px){.site-header{height:65px;padding:0 16px}.brand-lockup{font-size:20px}.logo-mark{width:36px;height:26px}.header-cta{display:none}.language-picker summary{font-size:13px}.hero{background-position:65% 0;background-size:auto 700px;min-height:700px}.hero-shade{background:linear-gradient(#06121ff2 0%,#06121f9c 56%,#06121fef 100%)}.hero-copy{text-align:left;width:auto;margin:0;padding:115px 24px 0}.hero h1{letter-spacing:-3px;font-size:57px}.hero-copy>p{font-size:16px}.trust-row{margin-top:38px}.products-section{padding:15px 12px}.showcase-card{background-position:66% -280px;background-size:auto 960px;min-height:520px}.future-card{background-position:61% -495px;min-height:430px}.showcase-shade{background:linear-gradient(#07131ffb 0%,#07131fe8 50%,#07131f5e 100%)}.showcase-copy{width:100%;padding:28px 25px}.showcase-copy h2{font-size:30px}.values-section{grid-template-columns:1fr 1fr;padding:30px 10px}.values-section article{border:0;padding:8px}.belief-section{background-position:61% -650px;background-size:auto 900px;min-height:330px;margin:0 12px 12px}.belief-shade{background:linear-gradient(#f3f8fcfa 0%,#f3f8fcdc 70%,#0000)}.belief-copy{padding:35px 28px;display:block}.belief-copy small{position:static}.belief-copy h2{margin-top:18px;font-size:34px}.belief-copy p{max-width:290px}footer{grid-template-columns:1fr 1fr;gap:35px 22px;padding:45px 24px}.footer-brand,.footer-news{grid-column:1/-1}}
.site-header{background:#07131f}.language-picker summary svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:18px;height:18px}.language-picker summary>span{letter-spacing:.04em;font-size:13px}.hero-shade{background:linear-gradient(90deg,#06121f 0% 38%,#06121ff0 41%,#06121f61 47%,#0000 56%),linear-gradient(#0000 82%,#07131fcc)}.showcase-shade{background:linear-gradient(90deg,#07131f 0% 42%,#07131ff5 47%,#07131f73 58%,#0000 72%)}.belief-shade{background:linear-gradient(90deg,#f3f8fc 0% 55%,#f3f8fce0 63%,#0000 76%)}.hero{background-size:max(100vw,1024px);min-height:clamp(535px,42.8vw,630px)}.logo-mark{background-image:url(/brand/okya-logo-mark.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:0;border-radius:8px;width:42px;height:36px;font-size:0;transform:none}@media (max-width:650px){.hero{background-size:auto 700px;min-height:700px}.hero-shade{background:linear-gradient(#06121ffa 0%,#06121fe6 42%,#06121f6b 70%,#06121feb 100%)}}
.hero-shell{background:#07131f}.hero{background-color:#07131f;width:100%}.hero-inner{z-index:2;width:min(100% - 48px,1190px);min-height:inherit;margin:0 auto;position:relative}.hero-copy{margin-left:0}.centered-main{width:min(100% - 32px,1240px);margin:0 auto}.centered-main .products-section,.centered-main .values-section,.centered-main .belief-section{width:100%}@media (max-width:650px){.hero-inner{width:100%}.hero-copy{margin:0}.centered-main{width:min(100% - 20px,1240px)}}
.future-card{background-color:#07131f;background-image:url(/brand/future-product-art.jpg);background-position:100%;background-repeat:no-repeat;background-size:auto 100%}.belief-section{background-color:#f3f8fc;background-image:url(/brand/belief-art.jpg);background-position:100%;background-repeat:no-repeat;background-size:auto 100%}.feedback-section{padding:42px 12px 48px}.feedback-section header h2{letter-spacing:-1px;margin:0;font-size:30px}.feedback-section header p{color:#586a80;margin:5px 0 18px}.feedback-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.feedback-grid article{background:#fff;border:1px solid #d8e3ec;border-radius:14px;grid-template-columns:58px 1fr;align-items:center;min-height:112px;padding:16px 20px;display:grid}.feedback-grid .player-avatar{background-color:#c9f6f4;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;place-items:center;width:46px;height:46px;font-style:normal;display:grid;overflow:hidden;box-shadow:inset 0 0 0 2px #0d2c4314}.avatar-1{background-image:url(/brand/avatars/avatar-1.svg)}.avatar-2{background-image:url(/brand/avatars/avatar-2.svg)}.avatar-3{background-image:url(/brand/avatars/avatar-3.svg)}.avatar-4{background-image:url(/brand/avatars/avatar-4.svg)}.avatar-5{background-image:url(/brand/avatars/avatar-5.svg)}.avatar-6{background-image:url(/brand/avatars/avatar-6.svg)}.feedback-grid p{margin:0 0 7px;line-height:1.35}.feedback-grid b{margin-right:12px;font-size:13px}.feedback-grid span{color:#ffb21a;letter-spacing:1px}.ready-banner{color:#fff;background:linear-gradient(90deg,#05213bf7,#073f69c7 58%,#082d4fd1),url(/brand/ready-background.jpg) 50% 58%/cover no-repeat,#082d4f;justify-content:space-between;align-items:center;min-height:86px;padding:14px max(7vw,36px);display:flex}.ready-banner h2{margin:0;font-size:27px}.ready-banner p{color:#d8e8f4;margin:4px 0 0}.ready-banner a{color:#07131f;background:#3ee9c5;border-radius:999px;align-items:center;gap:22px;padding:14px 22px;font-weight:900;display:inline-flex}@media (max-width:760px){.hero{background-position:52% 0;background-size:auto 1440px}.maple-card{background-size:auto 900px}.future-card{background-position:bottom;background-size:auto 65%}.maple-card{background-position:bottom;background-size:auto 58%}.feedback-grid{grid-template-columns:1fr}.ready-banner{align-items:flex-start;gap:18px;padding:24px 20px}}
.hero{background-image:url(/brand/hero-banner.jpg);background-position:50% 52%;background-size:cover;min-height:clamp(480px,39vw,560px)}.hero-shade{background:linear-gradient(90deg,#061423 0% 30%,#061423f5 34%,#06142366 42%,#0000 52%);bottom:0}.hero-inner{min-height:clamp(480px,39vw,560px)}.hero-copy{width:min(430px,38vw);padding-top:118px}.hero h1{font-size:clamp(48px,4.7vw,66px);line-height:1.04}.banner-description{margin-top:24px}.banner-description b{font-size:15px;line-height:1.35;display:block}.banner-description p{color:#eef5fa;max-width:345px;margin:10px 0 22px;font-size:13px;line-height:1.35}.banner-actions{align-items:center;gap:20px;display:flex}.banner-actions .primary-button{min-width:148px;min-height:40px;box-shadow:none;border:0;border-radius:999px;margin:0;padding:8px 15px;font-size:12px}.watch-button{color:#fff;align-items:center;gap:8px;font-size:12px;font-weight:800;display:inline-flex}.watch-button i{border:2px solid #fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:8px;font-style:normal;display:grid}.banner-stats{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px;display:grid}.banner-stats span{flex-direction:column;display:flex}.banner-stats b{font-size:15px}.banner-stats small{color:#b8c8d7;font-size:8px}.maple-card{background-color:#fff9f4;background-image:url(/brand/maple-product-art.jpg);background-position:100%;background-repeat:no-repeat;background-size:auto 100%;height:250px;min-height:250px;max-height:250px}.future-card{height:250px;min-height:250px;max-height:250px;overflow:hidden}.future-card .showcase-copy{flex-direction:column;justify-content:center;align-items:flex-start;height:100%;padding:20px 12px 20px 38px;display:flex}.future-card .showcase-copy h2{margin:10px 0 7px;font-size:30px;line-height:1.04}.future-card .showcase-copy p{margin-bottom:12px;font-size:13px;line-height:1.35}.future-card .showcase-copy a{padding:10px 18px}.maple-card .showcase-shade{background:linear-gradient(90deg,#fff9f4 0% 34%,#fff9f4f0 41%,#fff9f447 49%,#0000 57%)}.maple-card .showcase-copy{color:#0d1d31;width:45%;padding:30px 12px 24px 34px}.maple-card .showcase-copy small{color:#18334c;background:0 0;border-bottom:2px solid #37dbc5;border-radius:0;padding:0}.maple-card .showcase-copy h2{margin:9px 0 3px;font-size:31px}.maple-card .showcase-copy h3{margin:0 0 6px}.maple-card .showcase-copy p{color:#23384c;margin:0 0 10px;font-size:12px;line-height:1.35}.maple-card .showcase-copy a{color:#fff;background:#07182a;border-color:#07182a;border-radius:999px;margin:0;padding:10px 18px;font-size:12px}@media (max-width:760px){.hero{background-position:52%;background-size:auto 650px;min-height:650px}.hero-shade{bottom:0}.hero-inner{min-height:650px}.hero-copy{width:auto;padding:125px 22px 0}.banner-stats{max-width:380px}.maple-card{background-position:bottom;background-size:auto 58%;height:500px;min-height:500px;max-height:500px}.future-card{height:500px;min-height:500px;max-height:500px}.future-card .showcase-copy{justify-content:flex-start;padding:28px 25px}.maple-card .showcase-shade{background:linear-gradient(#fff9f4 0% 45%,#fff9f4b8 66%,#0000 82%)}.maple-card .showcase-copy{width:100%;padding:25px 22px}}