.okv2.ok-landing,.okv2 .ok-landing{background:var(--sand-bg,#fbfaf6);min-height:100vh;color:var(--ink,#1a1a2e);--landing-content:1280px;--landing-text:520px;--landing-visual:420px;position:relative;overflow-x:clip}.okv2 .ok-landing-orbs{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.okv2 .ok-landing-orb{filter:blur(60px);animation:ok-orb-life var(--orb-dur,22s) ease-in-out infinite;animation-delay:var(--orb-delay,0s);will-change:transform, opacity;border-radius:50%;position:absolute}@keyframes ok-orb-life{0%,to{opacity:1;transform:translate(0,0)scale(.7)}33%{opacity:.55;transform:translate(80px,-60px)scale(1.4)}66%{opacity:.3;transform:translate(-60px,80px)scale(1.7)}}@media (max-width:720px){.okv2 .ok-landing-orbs{display:none}}@media (prefers-reduced-motion:reduce){.okv2 .ok-landing-orbs{display:none}}.okv2 .ok-landing-orb.is-orb-1{--orb-dur:22s;--orb-delay:0s;background:radial-gradient(circle,#8e7ee88c,#8e7ee81a 50%,#0000 72%);width:560px;height:560px;top:-10%;left:-8%}.okv2 .ok-landing-orb.is-orb-2{--orb-dur:26s;--orb-delay:-8s;background:radial-gradient(circle,#ffa99a80,#ffa99a1a 50%,#0000 72%);width:600px;height:600px;top:30%;right:-12%}.okv2 .ok-landing-orb.is-orb-3{--orb-dur:24s;--orb-delay:-14s;background:radial-gradient(circle,#7bcec98c,#7bcec91a 50%,#0000 72%);width:480px;height:480px;bottom:-8%;left:18%}.okv2 .ok-landing>nav,.okv2 .ok-landing>header,.okv2 .ok-landing>section,.okv2 .ok-landing>footer{z-index:1;position:relative}.okv2 .ok-landing-nav{z-index:50;background:0 0;border-bottom:1px solid #0000;align-items:center;gap:28px;min-height:64px;padding:14px 32px;transition:background-color .25s,border-color .25s,-webkit-backdrop-filter .25s,backdrop-filter .25s;display:flex;position:sticky;top:0}.okv2 .ok-landing-nav.is-scrolled{-webkit-backdrop-filter:blur(12px)saturate(140%);border-bottom-color:var(--line);background:#fbfaf6c7}.okv2 .ok-landing-nav-logo{flex:none;align-items:center;gap:10px;display:flex}.okv2 .ok-landing-nav-logo-icon{background:linear-gradient(135deg, var(--color-brand,#8e7ee8) 0%, #b9a7ff 100%);color:#fff;width:36px;height:36px;font-family:var(--font-display,"Plus Jakarta Sans", system-ui);border-radius:10px;place-items:center;font-size:18px;font-weight:800;display:grid}.okv2 .ok-landing-nav-logo-name{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;font-size:16px;font-weight:800}.okv2 .ok-landing-nav-logo-name .jp{color:var(--color-brand-deep,#5b4dc4);margin-left:1px}.okv2 .ok-landing-nav-links{flex:1;align-items:center;gap:24px;display:flex}.okv2 .ok-landing-nav-links a,.okv2 .ok-landing-link-btn{color:var(--ink-soft);white-space:nowrap;font-size:14px;font-weight:600;text-decoration:none;transition:color .15s}.okv2 .ok-landing-link-btn{cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit}.okv2 .ok-landing-nav-links a:hover,.okv2 .ok-landing-link-btn:hover{color:var(--ink)}.okv2 .ok-landing-nav-cta{flex:none;align-items:center;gap:10px;display:flex}@media (max-width:900px){.okv2 .ok-landing-nav{gap:16px;min-height:58px;padding:12px 18px}.okv2 .ok-landing-nav-links{display:none}.okv2 .ok-landing-nav-cta{margin-left:auto}.okv2 .ok-landing-nav-cta .ok-landing-login-btn{display:none}}.okv2 .ok-landing-hero{text-align:center;max-width:1040px;margin:0 auto;padding:64px 24px 74px}.okv2 .ok-landing-hero-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);color:var(--ink-soft);opacity:0;background:#ffffffb3;border-radius:999px;align-items:center;gap:8px;margin-bottom:26px;padding:6px 16px;font-size:12px;font-weight:600;transition:opacity .4s ease-out 50ms,transform .4s ease-out 50ms;display:inline-flex;transform:translateY(8px)}.okv2 .ok-landing-hero-pill .dot{color:var(--ink-mute);margin:0 2px}.okv2 .ok-landing-hero.is-mounted .ok-landing-hero-pill{opacity:1;transform:translateY(0)}.okv2 .ok-landing-hero-title{text-align:center;width:fit-content;max-width:100%;font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);margin:0 auto 18px;font-size:clamp(48px,5.4vw,88px);font-weight:800;line-height:1.02;display:block}.okv2 .ok-landing-hero-line{opacity:0;transition:opacity .55s cubic-bezier(.25,.8,.25,1) .12s,transform .55s cubic-bezier(.25,.8,.25,1) .12s;display:inline-block;transform:translateY(24px)}.okv2 .ok-landing-hero.is-mounted .ok-landing-hero-line{opacity:1;transform:translateY(0)}@media (max-width:720px){.okv2 .ok-landing-hero{max-width:560px;padding:52px 20px 60px}.okv2 .ok-landing-hero-title{font-size:clamp(40px,13vw,58px);line-height:1.08}}.okv2 .ok-landing-hero-line .comma{color:var(--ink-mute);font-weight:400}.okv2 .ok-landing-hero-highlight{white-space:nowrap;display:inline-block;position:relative}.okv2 .ok-landing-hero-highlight:before{content:"";z-index:-1;transform-origin:0;background:linear-gradient(120deg,#ffd989b3 0%,#ffb29cb3 100%);border-radius:4px;height:32%;animation:.7s cubic-bezier(.65,0,.35,1) .55s forwards ok-highlight-grow;position:absolute;inset:auto 0 8%;transform:scaleX(0)}@keyframes ok-highlight-grow{to{transform:scaleX(1)}}.okv2 .ok-landing-hero-jp{color:var(--color-brand-deep,#5b4dc4);letter-spacing:.02em;opacity:0;margin:0 0 20px;font-family:Noto Serif JP,Yu Mincho,serif;font-size:clamp(20px,2.8vw,28px);transition:opacity .55s ease-out .4s}.okv2 .ok-landing-hero.is-mounted .ok-landing-hero-jp{opacity:1}.okv2 .ok-landing-hero-sub{max-width:640px;color:var(--ink-soft);opacity:0;margin:0 auto 30px;font-size:16px;line-height:1.65;transition:opacity .55s ease-out .55s}.okv2 .ok-landing-hero.is-mounted .ok-landing-hero-sub{opacity:1}.okv2 .ok-landing-hero-cta{opacity:0;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:0;transition:opacity .55s ease-out .7s,transform .55s ease-out .7s;display:flex;transform:translateY(12px)}.okv2 .ok-landing-hero.is-mounted .ok-landing-hero-cta{opacity:1;transform:translateY(0)}.okv2 .ok-landing-hero-tags{color:var(--ink-mute);opacity:0;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:12.5px;font-weight:500;transition:opacity .55s ease-out .85s;display:inline-flex}.okv2 .ok-landing-hero.is-mounted .ok-landing-hero-tags{opacity:1}.okv2 .ok-landing-hero-tag-sep{color:var(--line-strong,#d8d4c8)}.okv2 .ok-landing-section{max-width:var(--landing-content);grid-template-columns:minmax(0,.96fr) minmax(360px,1fr);align-items:center;gap:76px;margin:0 auto;padding:64px 56px;display:grid}.okv2 .ok-landing-section.is-flip .ok-landing-section-text{order:2}.okv2 .ok-landing-section.is-flip .ok-landing-section-visual{order:1}.okv2 .ok-landing-section-text{max-width:var(--landing-text)}.okv2 .ok-landing-section.is-flip .ok-landing-section-text{justify-self:end}.okv2 .ok-landing-section-visual{width:100%;max-width:var(--landing-visual);display:flex}.okv2 .ok-landing-section:not(.is-flip) .ok-landing-section-visual{justify-self:end}@media (max-width:900px){.okv2 .ok-landing-section{grid-template-columns:1fr;gap:26px;padding:48px 24px}.okv2 .ok-landing-section-text,.okv2 .ok-landing-section-visual{justify-self:center;max-width:560px}.okv2 .ok-landing-section.is-flip .ok-landing-section-text,.okv2 .ok-landing-section.is-flip .ok-landing-section-visual{order:initial}}.okv2 .ok-landing-section-kicker{background:var(--color-brand-soft,#efeafd);color:var(--color-brand-deep,#5b4dc4);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;margin-bottom:12px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.okv2 .ok-landing-section-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin:0 0 26px;font-size:clamp(28px,4vw,40px);font-weight:800;line-height:1.15}.okv2 .ok-landing-section-desc{color:var(--ink-soft);margin:0 0 18px;font-size:16px;line-height:1.65}.okv2 .ok-landing-section-bullets{flex-direction:column;gap:11px;margin:0;padding:0;list-style:none;display:flex}.okv2 .ok-landing-section-bullets li{color:var(--ink);padding-left:24px;font-size:14.5px;line-height:1.6;position:relative}.okv2 .ok-landing-section-bullets li:before{content:"";background:var(--color-success-soft,#d1fae5);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='%23047857' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M3 8l3 3 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:16px 16px;border-radius:50%;width:16px;height:16px;position:absolute;top:6px;left:0}.okv2 .ok-landing-mockup-frame{background:var(--card,#fff);border:1px solid var(--line);border-radius:20px;width:100%;transition:transform .4s ease-out;overflow:hidden;transform:perspective(1000px)rotateY(0);box-shadow:0 1px 2px #0f172a0a,0 8px 32px #0f172a0f,0 24px 64px #6c5dd314}.okv2 .ok-landing-mockup-frame:hover{transform:perspective(1000px)rotateY(-1.5deg)translateY(-4px)}.okv2 .ok-mockup-dash{padding:22px}.okv2 .ok-mockup-dash-head{margin-bottom:18px}.okv2 .ok-mockup-dash-kicker{color:var(--ink-mute);letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:600}.okv2 .ok-mockup-dash-title{font-family:var(--font-display);color:var(--ink);margin:0 0 14px;font-size:20px;font-weight:800}.okv2 .ok-mockup-dash-progress{color:var(--ink-soft);font-size:12px}.okv2 .ok-mockup-dash-progress-meta{justify-content:space-between;margin-bottom:6px;display:flex}.okv2 .ok-mockup-dash-progress-meta b{color:var(--ink)}.okv2 .ok-mockup-dash-progress-bar{background:var(--line);border-radius:999px;height:6px;overflow:hidden}.okv2 .ok-mockup-dash-progress-bar span{background:linear-gradient(90deg, var(--color-brand,#8e7ee8) 0%, #b9a7ff 100%);transform-origin:0;border-radius:999px;height:100%;display:block;transform:scaleX(0)}.okv2 .ok-mockup-dash-stats{background:var(--sand-bg,#fbfaf6);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0 20px;padding:12px;display:grid}.okv2 .ok-mockup-dash-stat{text-align:center}.okv2 .ok-mockup-dash-stat-num{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;font-size:22px;font-weight:800}.okv2 .ok-mockup-dash-stat-label{color:var(--ink-mute);font-size:11px}.okv2 .ok-mockup-dash-task-h{color:var(--ink);letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:700}.okv2 .ok-mockup-dash-task{background:var(--surface,#fff);border:1px solid var(--line);border-radius:10px;align-items:center;gap:10px;margin-bottom:8px;padding:12px 14px;display:flex}.okv2 .ok-mockup-dash-task-tag{background:var(--color-brand-soft,#efeafd);color:var(--color-brand-deep,#5b4dc4);letter-spacing:.04em;border-radius:6px;flex:none;padding:3px 8px;font-size:10px;font-weight:700}.okv2 .ok-mockup-dash-task-tag.is-review{color:#92400e;background:#fef3c7}.okv2 .ok-mockup-dash-task-title{color:var(--ink);font-size:13px;font-weight:600}.okv2 .ok-mockup-dash-task-meta{color:var(--ink-mute);margin-top:2px;font-size:11px}.okv2 .ok-mockup-courses{padding:22px}.okv2 .ok-mockup-courses-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.okv2 .ok-mockup-courses-level{align-items:center;gap:10px;display:flex}.okv2 .ok-mockup-courses-badge{background:linear-gradient(135deg, var(--color-brand,#8e7ee8) 0%, #b9a7ff 100%);color:#fff;width:32px;height:32px;font-family:var(--font-display);border-radius:8px;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:inline-flex}.okv2 .ok-mockup-courses-name{font-family:var(--font-display);color:var(--ink);font-size:15px;font-weight:700}.okv2 .ok-mockup-courses-meta{color:var(--ink-mute);font-size:12px;font-weight:600}.okv2 .ok-mockup-courses-progress{background:var(--line);border-radius:999px;height:6px;margin-bottom:18px;overflow:hidden}.okv2 .ok-mockup-courses-progress span{background:linear-gradient(90deg, var(--color-brand,#8e7ee8) 0%, #b9a7ff 100%);transform-origin:0;border-radius:999px;height:100%;display:block;transform:scaleX(0)}.okv2 .ok-landing-section.is-in-view .ok-mockup-dash-progress-bar span,.okv2 .ok-landing-section.is-in-view .ok-mockup-courses-progress span{animation:.95s cubic-bezier(.19,1,.22,1) .2s forwards ok-progress-reveal}@keyframes ok-progress-reveal{to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.okv2 .ok-mockup-dash-progress-bar span,.okv2 .ok-mockup-courses-progress span{animation:none;transform:scaleX(1)}}.okv2 .ok-mockup-courses-list{flex-direction:column;gap:8px;display:flex}.okv2 .ok-mockup-courses-row{background:var(--surface,#fff);border:1px solid var(--line);border-radius:10px;align-items:center;gap:12px;padding:12px 14px;display:flex}.okv2 .ok-mockup-courses-row.is-now{border-color:var(--color-brand,#8e7ee8);background:var(--color-brand-soft,#efeafd)}.okv2 .ok-mockup-courses-row.is-done{opacity:.65}.okv2 .ok-mockup-courses-row>div{flex:1;min-width:0}.okv2 .ok-mockup-courses-idx{background:var(--sand-bg,#fbfaf6);width:32px;height:32px;color:var(--ink-mute);font-family:var(--font-display);border-radius:8px;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.okv2 .ok-mockup-courses-row.is-done .ok-mockup-courses-idx{color:#047857;background:#d1fae5}.okv2 .ok-mockup-courses-row.is-now .ok-mockup-courses-idx{background:var(--color-brand,#8e7ee8);color:#fff}.okv2 .ok-mockup-courses-title{color:var(--ink);font-family:Noto Serif JP,serif;font-size:13.5px;font-weight:700}.okv2 .ok-mockup-courses-sub{color:var(--ink-mute);margin-top:2px;font-size:11px}.okv2 .ok-mockup-courses-state{letter-spacing:.04em;color:var(--ink-mute);background:0 0;border-radius:999px;flex:none;padding:3px 8px;font-size:10.5px;font-weight:700}.okv2 .ok-mockup-courses-state.is-done{color:#047857;background:#d1fae5}.okv2 .ok-mockup-courses-state.is-now{color:#fff;background:var(--color-brand,#8e7ee8)}.okv2 .ok-mockup-exam{padding:20px}.okv2 .ok-mockup-exam-tabs{border-bottom:1px solid var(--line);gap:6px;margin-bottom:16px;padding-bottom:12px;display:flex}.okv2 .ok-mockup-exam-tab{color:var(--ink-mute);background:var(--sand-bg,#fbfaf6);border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700}.okv2 .ok-mockup-exam-tab.is-active{background:var(--color-brand,#8e7ee8);color:#fff}.okv2 .ok-mockup-exam-q-meta{color:var(--ink-mute);letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;font-size:10.5px}.okv2 .ok-mockup-exam-q-stem{color:var(--ink);margin-bottom:14px;font-family:Noto Serif JP,serif;font-size:15px;line-height:1.7}.okv2 .ok-mockup-exam-q-stem ruby rt{color:var(--ink-soft);font-size:.6em}.okv2 .ok-mockup-exam-q-blank{border-bottom:2px solid var(--color-brand,#8e7ee8);min-width:40px;margin:0 4px;display:inline-block}.okv2 .ok-mockup-exam-options{gap:6px;margin-bottom:16px;display:grid}.okv2 .ok-mockup-exam-opt{color:var(--ink);background:var(--surface,#fff);border:1px solid var(--line);border-radius:8px;justify-content:space-between;padding:8px 12px;font-size:13px;display:flex}.okv2 .ok-mockup-exam-opt.is-correct{background:var(--color-success-soft,#d1fae5);border-color:var(--color-success-deep,#047857);color:var(--color-success-deep,#047857);font-weight:700}.okv2 .ok-mockup-exam-opt.is-correct span{font-weight:800}.okv2 .ok-mockup-exam-stat{border-top:1px dashed var(--line);padding-top:14px}.okv2 .ok-mockup-exam-stat-row{color:var(--ink-soft);justify-content:space-between;padding:4px 0;font-size:12.5px;display:flex}.okv2 .ok-mockup-exam-stat-row b{color:var(--ink)}.okv2 .ok-mockup-exam-stat-row b.is-warn{color:#b45309}.okv2 .ok-mockup-chat{padding:18px}.okv2 .ok-mockup-chat-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:12px;display:flex}.okv2 .ok-mockup-chat-scene{color:var(--ink);font-size:14px;font-weight:700}.okv2 .ok-mockup-chat-level{color:var(--color-brand-deep,#5b4dc4);background:var(--color-brand-soft,#efeafd);border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.okv2 .ok-mockup-chat-bubble{border-radius:16px;max-width:86%;margin-bottom:10px;padding:10px 14px}.okv2 .ok-mockup-chat-bubble.is-ai{background:var(--sand-bg,#fbfaf6);border-bottom-left-radius:4px}.okv2 .ok-mockup-chat-bubble.is-me{background:var(--color-brand,#8e7ee8);color:#fff;border-bottom-right-radius:4px;margin-left:auto}.okv2 .ok-mockup-chat-jp{font-family:Noto Serif JP,serif;font-size:14.5px;line-height:1.5}.okv2 .ok-mockup-chat-zh{color:var(--ink-soft);margin-top:4px;font-size:12px}.okv2 .ok-mockup-chat-bubble.is-me .ok-mockup-chat-zh{color:#ffffffb3}.okv2 .ok-mockup-chat-feedback{color:#ffffffd9;align-items:center;gap:8px;margin-top:6px;font-size:11px;display:flex}.okv2 .ok-mockup-chat-score{background:#ffffff40;border-radius:999px;padding:1px 7px;font-weight:800}.okv2 .ok-landing-testi{padding:60px 0 56px}.okv2 .ok-landing-testi-head{text-align:center;max-width:1100px;margin:0 auto 28px;padding:0 32px}.okv2 .ok-landing-testi-title{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;margin:0 0 8px;font-size:clamp(26px,3.5vw,36px);font-weight:800}.okv2 .ok-landing-testi-sub{color:var(--ink-mute);margin:0;font-size:14px}.okv2 .ok-marquee{justify-content:center;width:100%;max-width:100vw;display:flex;position:relative;overflow:clip visible;-webkit-mask-image:linear-gradient(270deg,#0000 3%,#000 17% 83%,#0000 97%);mask-image:linear-gradient(270deg,#0000 3%,#000 17% 83%,#0000 97%)}.okv2 .ok-marquee-track{will-change:transform;backface-visibility:hidden;flex:none;width:max-content;animation:180s linear infinite ok-marquee-scroll;display:flex;transform:translate(0,0)}.okv2 .ok-marquee:hover .ok-marquee-track{animation-play-state:paused}.okv2 .ok-marquee-set{flex:none;width:max-content;display:flex}@keyframes ok-marquee-scroll{0%{transform:translate(0,0)}to{transform:translate(-33.3333%)}}.okv2 .ok-marquee-item{border:1px solid var(--line);contain:layout paint style;background:#ffffffd6;border-radius:999px;flex:none;align-items:center;gap:14px;max-width:480px;margin-right:28px;padding:14px 22px;display:flex;transform:translateZ(0)}.okv2 .ok-marquee-avatar{background:var(--color-brand-soft,#efeafd);width:36px;height:36px;color:var(--color-brand-deep,#5b4dc4);font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:800;display:grid}.okv2 .ok-marquee-avatar.is-warm{color:#92400e;background:#fef3c7}.okv2 .ok-marquee-avatar.is-success{color:#047857;background:#d1fae5}.okv2 .ok-marquee-avatar.is-sky{color:#1d4ed8;background:#dbeafe}.okv2 .ok-marquee-avatar.is-rose{color:#be123c;background:#ffe4e6}.okv2 .ok-marquee-body{flex-direction:column;gap:2px;min-width:0;display:flex}.okv2 .ok-marquee-quote{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;max-width:360px;margin:0;font-size:13.5px;line-height:1.45;overflow:hidden}.okv2 .ok-marquee-meta{color:var(--ink-mute);align-items:center;gap:6px;font-size:11.5px;display:flex}.okv2 .ok-marquee-name{color:var(--ink);font-weight:700}.okv2 .ok-marquee-sep{color:var(--line-strong,#d8d4c8)}@media (prefers-reduced-motion:reduce){.okv2 .ok-marquee-track{animation:none}.okv2 .ok-marquee-set:nth-child(n+2){display:none}}.okv2 .ok-landing-pricing{max-width:1180px;margin:0 auto;padding:72px 56px 76px}.okv2 .ok-landing-pricing-head{text-align:center;max-width:760px;margin:0 auto 34px}.okv2 .ok-landing-pricing-head .ok-landing-section-title{margin-bottom:16px}.okv2 .ok-landing-pricing-sub{color:var(--ink-soft);margin:0 0 22px;font-size:15.5px;line-height:1.65}.okv2 .ok-landing-pricing-points{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.okv2 .ok-landing-pricing-points span{color:var(--ink);border:1px solid var(--line);background:#ffffffad;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:700}.okv2 .ok-landing-pricing-table{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.okv2 .ok-landing-pricing-col{background:var(--card,#fff);border:1px solid var(--line);border-radius:20px;flex-direction:column;gap:12px;min-width:0;padding:28px 22px 24px;display:flex;position:relative}.okv2 .ok-landing-pricing-col.is-pro{border-color:var(--color-brand,#8e7ee8);border-width:2px;box-shadow:0 0 0 4px #8e7ee814,0 12px 32px #8e7ee81f}.okv2 .ok-landing-pricing-badge{background:linear-gradient(135deg, var(--color-brand,#8e7ee8) 0%, #b9a7ff 100%);color:#fff;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:700;position:absolute;top:-12px;left:24px}.okv2 .ok-landing-pricing-badge.is-alt{background:linear-gradient(135deg,#f6c76f 0%,#f59e0b 100%)}.okv2 .ok-landing-pricing-col-name{font-family:var(--font-display);color:var(--ink);font-size:18px;font-weight:800}.okv2 .ok-landing-pricing-col-tag{color:var(--ink-soft);margin-top:-6px;font-size:12.5px;font-weight:700}.okv2 .ok-landing-pricing-col-price{font-family:var(--font-display);color:var(--ink);letter-spacing:-.03em;font-size:36px;font-weight:800;line-height:1}.okv2 .ok-landing-pricing-col-price small{color:var(--ink-soft);margin-left:4px;font-size:13px;font-weight:600}.okv2 .ok-landing-pricing-col-meta{color:var(--ink-mute);min-height:18px;margin-top:-4px;font-size:12px}.okv2 .ok-landing-pricing-list{flex-direction:column;flex:1;gap:9px;margin:0;padding:0;list-style:none;display:flex}.okv2 .ok-landing-pricing-list li{color:var(--ink);padding-left:22px;font-size:13px;line-height:1.45;position:relative}.okv2 .ok-landing-pricing-list li:before{content:"";background:var(--color-success-soft,#d1fae5);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='%23047857' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M3 8l3 3 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:14px 14px;border-radius:50%;width:14px;height:14px;position:absolute;top:5px;left:0}.okv2 .ok-landing-pricing-list li.is-mute{color:var(--ink-mute);text-decoration:line-through}.okv2 .ok-landing-pricing-list li.is-mute:before{background:var(--line);background-image:none}.okv2 .ok-landing-pricing-trust{text-align:center;color:var(--ink-mute);margin:20px 0 0;font-size:12.5px}@media (max-width:1080px){.okv2 .ok-landing-pricing{padding:64px 32px 72px}.okv2 .ok-landing-pricing-head{max-width:720px;margin-bottom:30px}.okv2 .ok-landing-pricing-main{width:100%;max-width:840px;margin:0 auto}.okv2 .ok-landing-pricing-table{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}}@media (max-width:720px){.okv2 .ok-landing-pricing{padding:56px 24px 66px}.okv2 .ok-landing-pricing-table{grid-template-columns:1fr;gap:22px}.okv2 .ok-landing-pricing-col{padding:30px 26px}.okv2 .ok-landing-pricing-col-name{font-size:20px}.okv2 .ok-landing-pricing-col-price{font-size:40px}}.okv2 .ok-landing-final{text-align:center;max-width:720px;margin:0 auto;padding:58px 32px 76px}.okv2 .ok-landing-final-title{color:var(--color-brand-deep,#5b4dc4);letter-spacing:.02em;margin:0 0 14px;font-family:Noto Serif JP,serif;font-size:clamp(32px,5vw,48px);font-weight:700}.okv2 .ok-landing-final-sub{color:var(--ink-soft);margin:0 0 28px;font-size:17px}.okv2 .ok-landing-foot{border-top:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff9}.okv2 .ok-landing-foot-inner{flex-wrap:wrap;align-items:center;gap:24px;max-width:1100px;margin:0 auto;padding:24px 32px;display:flex}.okv2 .ok-landing-foot-brand{font-family:var(--font-display);color:var(--ink);align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}.okv2 .ok-landing-foot-brand-icon{background:linear-gradient(135deg, var(--color-brand,#8e7ee8) 0%, #b9a7ff 100%);color:#fff;border-radius:8px;place-items:center;width:28px;height:28px;font-size:14px;font-weight:800;display:grid}.okv2 .ok-landing-foot-links{flex-wrap:wrap;flex:1;justify-content:center;gap:16px 24px;display:flex}.okv2 .ok-landing-foot-links a{color:var(--ink-soft);font-size:13px;font-weight:500;text-decoration:none;transition:color .15s}.okv2 .ok-landing-foot-links a:hover{color:var(--ink)}.okv2 .ok-landing-foot-meta{color:var(--ink-mute);align-items:center;gap:8px;font-size:12px;display:flex}.okv2 .ok-landing-foot-sep{color:var(--line-strong,#d8d4c8)}@media (max-width:720px){.okv2 .ok-landing-foot-inner{text-align:center;flex-direction:column}}.okv2.ok-legal-page{background:linear-gradient(180deg, #8e7ee814, transparent 260px), var(--bg);min-height:100vh;color:var(--ink);padding:28px 32px 72px}.okv2 .ok-legal-shell{width:min(980px,100%);margin:0 auto}.okv2 .ok-legal-nav{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;margin-bottom:54px;display:grid}.okv2 .ok-legal-nav-title{color:var(--ink);letter-spacing:0;justify-self:center;font-size:15px;font-weight:850}.okv2 .ok-legal-nav-spacer{min-width:1px}.okv2 .ok-legal-back{min-height:40px;color:var(--ink);justify-self:start;align-items:center;gap:8px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.okv2 .ok-legal-back:before{content:"←";font-size:18px;line-height:1;transform:translateY(-1px)}.okv2 .ok-legal-doc{max-width:820px;margin:0 auto}.okv2 .ok-legal-updated{color:var(--ink-mute);margin:0 0 12px;font-size:13px;font-weight:700}.okv2 .ok-legal-doc h1{color:var(--ink);letter-spacing:0;margin:0;font-size:clamp(34px,6vw,54px);line-height:1.05}.okv2 .ok-legal-intro{max-width:720px;color:var(--ink-soft);margin:18px 0 0;font-size:17px;line-height:1.8}.okv2 .ok-legal-sections{gap:30px;margin-top:44px;display:grid}.okv2 .ok-legal-sections section{border-top:1px solid var(--line);padding-top:30px}.okv2 .ok-legal-sections h2{color:var(--ink);letter-spacing:0;margin:0 0 8px;font-size:18px;font-weight:850}.okv2 .ok-legal-sections p{color:var(--ink-soft);margin:0;font-size:15px;line-height:1.85}@media (max-width:720px){.okv2.ok-legal-page{padding:20px}.okv2 .ok-legal-nav{margin-bottom:36px}.okv2 .ok-legal-nav-title{font-size:14px}}