.okn-lp{--okn-navy:#062856;--okn-blue:#0794ed;--okn-blue2:#006fca;--okn-sky:#eaf7ff;--okn-sky2:#f6fbff;--okn-orange:#f58220;--okn-text:#112e55;--okn-muted:#5d718b;--okn-border:#cfe8f8;--okn-white:#fff;--okn-shadow:0 18px 50px rgba(6,40,86,.10);width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;background:#fff;color:var(--okn-text);font-family:"Noto Sans JP","Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}
.okn-lp *{box-sizing:border-box}.okn-lp img{max-width:100%;height:auto;display:block}.okn-lp a{color:inherit}.okn-lp button,.okn-lp input,.okn-lp select,.okn-lp textarea{font:inherit}.okn-container{width:min(1120px,calc(100% - 40px));margin-inline:auto}.okn-section{padding:88px 0}.okn-section--soft{background:linear-gradient(180deg,#f8fcff 0%,#edf8ff 100%)}.okn-center{text-align:center}.okn-kicker{display:inline-flex;align-items:center;gap:9px;font-weight:900;color:var(--okn-blue2);font-size:14px;letter-spacing:.06em}.okn-kicker:before{content:"";width:28px;height:4px;background:var(--okn-orange);border-radius:10px}.okn-kicker--light{color:#8cddff}.okn-kicker--light:before{background:#ff9b42}.okn-title{font-size:clamp(31px,4vw,48px);line-height:1.28;margin:14px 0 20px;letter-spacing:-.035em;color:var(--okn-navy);font-weight:900}.okn-lead{font-size:17px;color:#405a78;max-width:790px;margin:0;line-height:1.9}.okn-center .okn-lead{margin-inline:auto}.okn-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:12px 28px;border-radius:14px;background:linear-gradient(135deg,var(--okn-blue),#0877e8);color:#fff!important;text-decoration:none!important;font-weight:900;border:0;box-shadow:0 10px 24px rgba(0,123,220,.22);cursor:pointer;transition:.18s transform,.18s box-shadow;font-size:16px}.okn-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,123,220,.28)}.okn-btn--orange{background:linear-gradient(135deg,#ff9228,var(--okn-orange));box-shadow:0 10px 24px rgba(245,130,32,.24)}.okn-btn--ghost{background:#fff;color:var(--okn-blue2)!important;border:2px solid var(--okn-blue);box-shadow:none}.okn-chip{display:inline-flex;padding:6px 11px;border-radius:999px;background:#e9f7ff;color:#0875c8;font-size:11px;font-weight:900;letter-spacing:.04em}.okn-pc{display:block}.okn-split-head{display:grid;grid-template-columns:1.06fr .94fr;gap:60px;align-items:end}.okn-split-head .okn-lead{padding-bottom:7px}.okn-split-head--service{align-items:center}

.okn-header{height:78px;background:rgba(255,255,255,.96);border-bottom:1px solid #e7f1f7;display:flex;align-items:center;position:sticky;top:0;z-index:999;backdrop-filter:blur(10px)}.okn-header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.okn-brand{display:block}.okn-logo{width:190px}.okn-nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:800}.okn-nav a{text-decoration:none}.okn-btn--header{min-height:46px;padding:9px 18px;border-radius:11px;font-size:14px}

.okn-hero{position:relative;padding:64px 0 70px;background:radial-gradient(circle at 82% 18%,#dff5ff 0,#f7fcff 34%,#fff 65%)}.okn-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:9px;background:linear-gradient(90deg,var(--okn-blue2),#02a1ff 55%,#32bfff)}.okn-hero__grid{display:grid;grid-template-columns:1.02fr .98fr;gap:58px;align-items:center}.okn-hero__category{display:inline-flex;background:#eaf7ff;color:#1978b8;border:1px solid #cdeafb;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:900;margin:0 0 13px}.okn-hero__eyebrow{font-size:17px;font-weight:900;color:var(--okn-orange);margin:0 0 10px}.okn-hero h1{font-size:clamp(43px,5.3vw,67px);line-height:1.08;letter-spacing:-.05em;margin:0;color:var(--okn-navy);font-weight:900}.okn-hero h1 .okn-hero-line{display:block}.okn-hero__copy{font-size:19px;font-weight:800;margin:24px 0 8px;color:#173a65;line-height:1.72}.okn-hero__subcopy{font-size:15px;color:#506a85;margin:0 0 27px;max-width:620px}.okn-hero__actions{display:flex;gap:13px;flex-wrap:wrap}.okn-hero__notes{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;color:#58708a;font-size:13px}.okn-hero__notes span{display:flex;align-items:center;gap:7px}.okn-hero__notes span:before{content:"✓";display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e6f7ff;color:var(--okn-blue2);font-weight:900}.okn-hero__visual{position:relative}.okn-hero__photo{border-radius:28px;box-shadow:var(--okn-shadow);aspect-ratio:1.35/1;object-fit:cover}.okn-hero__badge{position:absolute;left:-24px;bottom:28px;background:#fff;border-radius:18px;padding:16px 20px;box-shadow:var(--okn-shadow);border-left:5px solid var(--okn-orange)}.okn-hero__badge strong{display:block;font-size:16px}.okn-hero__badge small{display:block;font-size:12px;color:#6b7f96;margin-top:3px;font-weight:700}

.okn-section--finder{background:linear-gradient(180deg,#fff 0,#f3faff 100%);padding-top:82px}.okn-finder-wrap{margin-top:40px;background:#fff;border-radius:28px;box-shadow:var(--okn-shadow);border:1px solid #dceef8;overflow:hidden}.okn-finder__head{background:linear-gradient(135deg,#062856,#0c559a);color:#fff;padding:28px 34px;display:flex;align-items:end;justify-content:space-between;gap:28px}.okn-finder__head span{font-size:11px;letter-spacing:.14em;color:#91ddff;font-weight:900}.okn-finder__head h3{margin:2px 0 0;font-size:27px}.okn-finder__head p{margin:0;color:#d9eafb;font-size:14px;max-width:430px}.okn-finder__body{padding:34px}.okn-finder__grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:34px}.okn-field label,.okn-field legend{display:block;font-weight:900;color:var(--okn-navy);margin-bottom:10px}.okn-field label b,.okn-field legend b{display:inline-block;color:var(--okn-blue2);font-size:12px;margin-right:8px;letter-spacing:.05em}.okn-fieldset{border:0;padding:0;margin:0}.okn-field select,.okn-contact input,.okn-contact textarea{width:100%;border:1px solid #c8dfed;border-radius:12px;padding:14px 15px;background:#fff;color:var(--okn-text);outline:none;transition:.15s border-color,.15s box-shadow}.okn-field select:focus,.okn-contact input:focus,.okn-contact textarea:focus{border-color:var(--okn-blue);box-shadow:0 0 0 4px rgba(7,148,237,.10)}.okn-field__hint{font-size:12px;color:#71859a;margin:8px 0 0}.okn-checks{display:grid;grid-template-columns:1fr 1fr;gap:10px}.okn-check{display:flex;align-items:flex-start;gap:10px;padding:12px 13px;border:1px solid #d8e9f4;border-radius:12px;cursor:pointer;background:#fbfdff;font-size:14px;font-weight:700;line-height:1.5}.okn-check:hover{border-color:#9fd8f8;background:#f3fbff}.okn-check input{accent-color:var(--okn-blue);margin-top:4px;flex:0 0 auto}.okn-finder__actions{display:flex;align-items:center;gap:18px;margin-top:26px;flex-wrap:wrap}.okn-link-button{border:0;background:transparent;color:#667d94;text-decoration:underline;cursor:pointer;padding:10px}.okn-finder__skip{margin-left:auto;color:var(--okn-blue2)!important;font-size:13px;font-weight:900;text-decoration:none!important}.okn-results{display:none;margin-top:30px;border-top:1px solid #e1edf5;padding-top:28px}.okn-results.is-visible{display:block}.okn-results__head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:15px}.okn-results__head h3{margin:6px 0 0;font-size:22px}.okn-results__head p{margin:0;font-size:12px;color:#70869b}.okn-results__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.okn-case-card{border:1px solid #d7eaf6;border-radius:18px;overflow:hidden;background:#fff;display:flex;flex-direction:column;min-height:100%}.okn-case-card__visual{min-height:112px;background:linear-gradient(145deg,#e8f7ff,#d7eeff);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;align-items:center;padding:18px;color:#147abd}.okn-case-card__visual span{font-size:10px;font-weight:900;letter-spacing:.14em}.okn-case-card__visual strong{justify-self:end;font-size:27px;color:#0897ef}.okn-case-card__visual small{grid-column:1/-1;text-align:center;font-weight:800;color:#5291bb;line-height:1.45}.okn-case-card__body{padding:19px;display:flex;flex-direction:column;flex:1}.okn-case-card h4{margin:8px 0 7px;font-size:18px;line-height:1.4}.okn-case-card p{font-size:13px;line-height:1.65;color:#60768e;margin:0 0 14px}.okn-case-card__link{margin-top:auto;font-size:13px;font-weight:900;color:var(--okn-blue2);text-decoration:none}.okn-case-card__link.is-disabled{color:#93a4b4}.okn-results__cta{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#eef8ff;border-radius:14px;padding:14px 17px;margin-top:16px;font-size:13px}.okn-results__cta span{color:#536f8a}.okn-results__cta a{font-weight:900;color:var(--okn-blue2)!important;text-decoration:none!important}.okn-case-note{font-size:12px;color:#71859a;text-align:center;margin:14px 0 0}

.okn-section--message{background:linear-gradient(135deg,#062856 0%,#0a4f91 55%,#087bcf 100%);color:#fff;padding:72px 0}.okn-message-box{display:grid;grid-template-columns:1.03fr .97fr;gap:60px;align-items:center}.okn-message-box h2{font-size:clamp(30px,4.2vw,49px);line-height:1.35;margin:12px 0 0;color:#fff;letter-spacing:-.035em}.okn-message-box h2 em{color:#ff9a3d;font-style:normal}.okn-message-box__body p{color:#dcecff;font-size:16px;margin:0 0 14px}.okn-frictions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:36px}.okn-frictions>div{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:18px 16px}.okn-frictions span{font-size:10px;color:#8cdcff;font-weight:900}.okn-frictions strong{display:block;font-size:19px;margin:3px 0}.okn-frictions small{color:#dcecff;font-size:12px}

.okn-compare{display:grid;grid-template-columns:1fr 34px 1fr;gap:10px;margin-top:26px;align-items:center}.okn-compare--wide{margin-top:40px}.okn-compare__box{padding:24px;border-radius:18px;background:#f3f6f8;border:1px solid #dce5ec}.okn-compare__box--okn{background:#eaf7ff;border-color:#aadaf5}.okn-compare__box small{font-weight:900;color:#74869a}.okn-compare__box strong{display:block;font-size:22px;line-height:1.4;margin-top:5px}.okn-compare__box p{margin:10px 0 0;font-size:13px;color:#697d92;line-height:1.7}.okn-compare__box--okn strong{color:var(--okn-blue2)}.okn-compare__arrow{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--okn-blue);color:#fff;font-size:25px}.okn-workgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}.okn-workgrid article{border:1px solid #dcebf4;border-radius:16px;padding:19px;background:#fff;box-shadow:0 7px 22px rgba(6,40,86,.04)}.okn-workgrid span{display:block;color:var(--okn-blue2);font-size:12px;font-weight:900;margin-bottom:5px}.okn-workgrid strong{font-size:15px;line-height:1.5}.okn-before-after{margin-top:32px;display:grid;grid-template-columns:1fr 74px 1fr;align-items:stretch}.okn-ba{padding:28px;border-radius:20px}.okn-ba--before{background:#eef2f5}.okn-ba--after{background:linear-gradient(135deg,#e5f7ff,#f3fbff);border:2px solid #9fdcfa}.okn-ba__label{font-size:12px;font-weight:900;color:#7b8997;letter-spacing:.08em}.okn-ba--after .okn-ba__label{color:var(--okn-blue2)}.okn-ba strong{font-size:22px;display:block;line-height:1.45;margin-top:7px}.okn-ba ul{margin:12px 0 0;padding-left:18px;color:#536a82}.okn-ba-arrow{display:grid;place-items:center;font-size:36px;color:var(--okn-blue)}

.okn-consult-points{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px}.okn-consult-points article{background:#fff;border:1px solid #dcecf6;border-radius:20px;padding:25px;box-shadow:0 8px 24px rgba(6,40,86,.05)}.okn-consult-points span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e8f7ff;color:var(--okn-blue2);font-size:11px;font-weight:900}.okn-consult-points h3{font-size:19px;margin:13px 0 7px}.okn-consult-points p{margin:0;color:#5e738a;font-size:14px}.okn-flow{list-style:none;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:38px 0 0}.okn-step{position:relative;background:#fff;border:1px solid #d8e9f3;border-radius:18px;padding:22px 14px;text-align:center}.okn-step span{font-size:11px;font-weight:900;color:var(--okn-blue2);display:block;margin-bottom:8px}.okn-step strong{font-size:15px;display:block}.okn-step:not(:last-child):after{content:"›";position:absolute;right:-11px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;background:var(--okn-blue);color:white;display:grid;place-items:center;font-size:18px;z-index:2}.okn-reassurance{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.okn-reassurance div{border-radius:14px;background:#062856;color:#fff;padding:15px 17px}.okn-reassurance strong{display:block;font-size:14px;color:#9edfff}.okn-reassurance span{font-size:12px;color:#dcecff}.okn-faq{max-width:900px;margin:34px auto 0}.okn-faq details{border-bottom:1px solid #dbe9f2}.okn-faq summary{list-style:none;cursor:pointer;padding:20px 8px;font-weight:900;display:flex;justify-content:space-between;gap:20px}.okn-faq summary::-webkit-details-marker{display:none}.okn-faq summary:after{content:"＋";color:var(--okn-blue);font-size:21px}.okn-faq details[open] summary:after{content:"−"}.okn-faq p{margin:0;padding:0 8px 22px;color:#566d85}

.okn-contact-wrap{background:linear-gradient(135deg,#062856 0%,#0a4d91 50%,#087cd3 100%);color:#fff;padding:88px 0}.okn-contact-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:46px;align-items:end}.okn-contact-heading h2{font-size:clamp(32px,4.3vw,49px);line-height:1.32;margin:12px 0 0;color:#fff;font-weight:900;letter-spacing:-.035em}.okn-contact-heading p{color:#dcecff;margin:0;font-size:16px}.okn-contact-badge{display:inline-flex;background:#fff;color:var(--okn-blue2);font-weight:900;padding:8px 13px;border-radius:999px;font-size:13px}.okn-contact-panel{margin-top:38px;background:#fff;color:var(--okn-text);border-radius:26px;padding:34px;box-shadow:0 20px 50px rgba(0,0,0,.17)}.okn-contact__selection{display:none;background:#edf8ff;border:1px solid #bfe4f8;border-radius:14px;padding:16px 18px;margin-bottom:22px}.okn-contact__selection.is-visible{display:block}.okn-contact__selection strong{display:block;margin-bottom:5px}.okn-contact__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.okn-contact .okn-field--full{grid-column:1/-1}.okn-required{font-size:10px;color:#fff;background:#f26d21;border-radius:5px;padding:2px 6px;margin-left:6px}.okn-optional{font-size:10px;color:#62768b;background:#eef3f6;border-radius:5px;padding:2px 6px;margin-left:6px}.okn-contact textarea{min-height:130px;resize:vertical}.okn-contact__privacy{font-size:13px;color:#60758c;margin:20px 0 18px;display:flex!important;gap:9px;align-items:flex-start;font-weight:500!important}.okn-contact__privacy input{margin-top:5px;accent-color:var(--okn-blue);width:auto!important}.okn-contact__privacy a{color:var(--okn-blue2);text-decoration:underline}.okn-contact__submit{min-width:320px}.okn-contact__note{font-size:12px;color:#71859a;margin:10px 0 0}.okn-form-message{display:none;margin-top:16px;padding:13px 15px;border-radius:11px;background:#eaf8ef;color:#207b43;font-weight:700}.okn-form-message.is-visible{display:block}.okn-form-message.is-error{background:#fff1f1;color:#a62a2a}.okn-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}

.okn-company-section{padding-top:76px}.okn-company{display:grid;grid-template-columns:.78fr 1.22fr;gap:55px;align-items:start}.okn-company__logo{width:215px;margin-bottom:26px}.okn-company__intro h2{font-size:27px;margin:12px 0 8px;color:var(--okn-navy)}.okn-company__intro p{color:#61768c;margin:0}.okn-company__table{border-top:1px solid #dbe6ed;margin:0}.okn-company__row{display:grid;grid-template-columns:150px 1fr;border-bottom:1px solid #dbe6ed;padding:15px 0;gap:20px}.okn-company__row dt{font-weight:900}.okn-company__row dd{margin:0;color:#526a82}.okn-company__row a{color:var(--okn-blue2);text-decoration:none}.okn-footer{padding:22px 0 88px;border-top:1px solid #e1ebf1;color:#708399;font-size:12px;text-align:center}.okn-floating{display:none}

@media(max-width:900px){.okn-nav a:not(.okn-btn){display:none}.okn-header{height:68px}.okn-logo{width:162px}.okn-hero{padding-top:46px}.okn-hero__grid,.okn-split-head,.okn-message-box,.okn-contact-heading,.okn-company{grid-template-columns:1fr}.okn-hero__visual{order:-1}.okn-hero__photo{aspect-ratio:1.5/1}.okn-hero__badge{left:12px;bottom:12px}.okn-finder__grid{grid-template-columns:1fr}.okn-results__grid{grid-template-columns:1fr 1fr}.okn-frictions,.okn-workgrid,.okn-consult-points,.okn-reassurance{grid-template-columns:repeat(2,1fr)}.okn-flow{grid-template-columns:1fr 1fr 1fr}.okn-step:not(:last-child):after{display:none}.okn-company{gap:28px}.okn-split-head{gap:12px}.okn-message-box{gap:20px}}
@media(max-width:640px){.okn-container{width:min(100% - 28px,1120px)}.okn-section{padding:64px 0}.okn-header .okn-btn{padding-inline:14px;font-size:12px;min-height:42px}.okn-nav{gap:10px}.okn-logo{width:145px}.okn-hero{padding-bottom:60px}.okn-hero h1{font-size:40px}.okn-hero__category{font-size:10px;line-height:1.4}.okn-hero__copy{font-size:17px}.okn-hero__subcopy{font-size:14px}.okn-hero__actions{display:grid}.okn-hero__actions .okn-btn{width:100%}.okn-hero__notes{display:grid;gap:8px}.okn-hero__badge{position:static;margin-top:12px}.okn-pc{display:none}.okn-title{font-size:32px}.okn-lead{font-size:16px}.okn-finder__head{padding:24px 20px;display:block}.okn-finder__head p{margin-top:8px}.okn-finder__body{padding:22px 18px}.okn-checks{grid-template-columns:1fr}.okn-finder__actions{align-items:stretch;flex-direction:column}.okn-finder__skip{margin-left:0;text-align:center}.okn-results__head{display:block}.okn-results__head p{margin-top:5px}.okn-results__grid{grid-template-columns:1fr}.okn-results__cta{display:block;text-align:center}.okn-results__cta a{display:block;margin-top:5px}.okn-section--message{padding:58px 0}.okn-message-box h2{font-size:31px}.okn-frictions,.okn-workgrid,.okn-consult-points,.okn-reassurance{grid-template-columns:1fr}.okn-compare{grid-template-columns:1fr}.okn-compare__arrow{transform:rotate(90deg);justify-self:center}.okn-before-after{grid-template-columns:1fr}.okn-ba-arrow{transform:rotate(90deg);height:58px}.okn-flow{grid-template-columns:1fr}.okn-contact-wrap{padding:66px 0}.okn-contact-panel{padding:23px 18px}.okn-contact__grid{grid-template-columns:1fr}.okn-contact__submit{min-width:0;width:100%}.okn-contact-heading h2{font-size:32px}.okn-company__row{grid-template-columns:1fr;gap:4px}.okn-footer{padding-bottom:92px}.okn-floating{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:9999}.okn-floating .okn-btn{width:100%;min-height:54px;border-radius:16px}}

/* v1.2.0 adjustments */
.okn-btn--consult{
  background: linear-gradient(135deg, #e6463a, #cc1f16);
  box-shadow: 0 12px 28px rgba(204,31,22,.24);
}
.okn-btn--consult:hover{
  box-shadow: 0 16px 34px rgba(204,31,22,.30);
}
.okn-btn--results{
  min-height: 50px;
  padding-inline: 20px;
  border-radius: 12px;
  font-size: 14px;
}
.okn-hero__actions{
  align-items: center;
}
.okn-hero__actions .okn-btn--ghost{
  border-color: var(--okn-blue2);
}
.okn-title,
.okn-message-box h2,
.okn-contact-heading h2,
.okn-flow .okn-step strong,
.okn-ba strong,
.okn-hero__copy{
  text-wrap: pretty;
}
.okn-title,
.okn-message-box h2,
.okn-contact-heading h2{
  max-width: 13.5em;
}
.okn-contact-heading h2,
.okn-message-box h2{
  line-height: 1.35;
}
.okn-results__cta{
  gap: 18px;
}
.okn-results__cta .okn-btn{
  color: #fff !important;
  text-decoration: none !important;
}
.okn-floating .okn-btn{
  background: linear-gradient(135deg, #e6463a, #cc1f16);
}
body.okn-lp-page .site-header,
body.okn-lp-page #masthead,
body.okn-lp-page .wp-block-template-part.site-header,
body.okn-lp-page header.wp-block-template-part,
body.okn-lp-page .site-footer,
body.okn-lp-page #colophon,
body.okn-lp-page .entry-header,
body.okn-lp-page .page-header,
body.okn-lp-page .entry-title,
body.okn-lp-page .wp-block-post-title,
body.okn-lp-page .post-title,
body.okn-lp-page .site-branding,
body.okn-lp-page .site-title,
body.okn-lp-page .wp-site-blocks > header,
body.okn-lp-page .wp-site-blocks > footer{
  display: none !important;
}
body.okn-lp-page .site-main,
body.okn-lp-page .entry-content,
body.okn-lp-page .post,
body.okn-lp-page .page,
body.okn-lp-page .hentry,
body.okn-lp-page .content-area{
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.okn-lp-page .entry-content .okn-lp{
  margin: 0 !important;
}
@media (max-width: 640px){
  .okn-title,
  .okn-message-box h2,
  .okn-contact-heading h2{
    max-width: none;
  }
  .okn-hero__actions{
    gap: 12px;
  }
}



/* v1.3.0 adjustments */
.okn-kicker{
  font-size: 16px;
  gap: 12px;
}
.okn-kicker:before{
  width: 34px;
  height: 5px;
}
.okn-no-break{white-space:nowrap;}
.okn-split-head{
  gap: 42px;
  align-items: center;
}
.okn-section--finder .okn-title,
#service .okn-title{
  max-width: none;
}
.okn-section--finder .okn-title{
  max-width: 10.8em;
}
.okn-contact-heading{
  grid-template-columns: 1.2fr .8fr;
  gap: 34px;
  align-items: center;
}
.okn-contact-heading h2{
  max-width: none;
}
.okn-contact-badge{
  font-size: 15px;
  padding: 10px 16px;
  box-shadow: 0 10px 24px rgba(255,255,255,.18);
}
.okn-contact-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:18px 0 0;
}
.okn-contact-pills span{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.22);
  color:#fff;
  font-size:14px;
  font-weight:800;
}
.okn-compare{
  grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);
  gap:24px;
}
.okn-compare__arrow{
  width:48px;
  height:48px;
  justify-self:center;
  align-self:center;
  font-size:30px;
  position:relative;
  z-index:2;
  box-shadow:0 10px 22px rgba(8,119,232,.18);
}
.okn-compare__box{
  min-height:180px;
}
.okn-before-after{
  margin-top:38px;
  grid-template-columns:1fr 90px 1fr;
  gap:22px;
  align-items:center;
}
.okn-ba{
  min-height:228px;
}
.okn-ba--before{
  background:#eef2f5;
  border:1px solid #dbe4eb;
}
.okn-ba--after{
  background:linear-gradient(135deg,#dcf4ff 0%,#eefbff 100%);
  border:2px solid #85d0f5;
  box-shadow:0 12px 28px rgba(7,124,211,.10);
}
.okn-ba--before ul,
.okn-ba--after ul{
  list-style:none;
  padding-left:0;
}
.okn-ba--before li,
.okn-ba--after li{
  position:relative;
  padding-left:26px;
  margin:8px 0;
}
.okn-ba--before li:before{
  content:'–';
  position:absolute;
  left:0;
  top:0;
  color:#7d8b99;
  font-weight:900;
}
.okn-ba--after li:before{
  content:'✓';
  position:absolute;
  left:0;
  top:0;
  color:#087cd3;
  font-weight:900;
}
.okn-ba-arrow{
  font-size:44px;
  font-weight:900;
  color:var(--okn-blue2);
  justify-self:center;
}
.okn-contact-panel{
  margin-top:30px;
}
.okn-contact__submit{
  min-width:360px;
}
.okn-contact__note{
  font-size:13px;
  font-weight:600;
}
@media(max-width:900px){
  .okn-contact-heading{grid-template-columns:1fr;}
  .okn-section--finder .okn-title{max-width:none;}
  .okn-compare{grid-template-columns:1fr;}
  .okn-compare__box{min-height:auto;}
  .okn-before-after{grid-template-columns:1fr;gap:14px;}
}
@media(max-width:640px){
  .okn-kicker{font-size:14px;}
  .okn-contact-pills span{font-size:13px;}
  .okn-contact__submit{min-width:0;}
}



/* v1.4.0 verified layout fixes */
.okn-kicker{
  font-size:18px;
  line-height:1.45;
  letter-spacing:.035em;
}
.okn-kicker:before{
  width:36px;
  height:5px;
}
.okn-title-line{
  display:block;
  white-space:nowrap;
}
.okn-section--finder .okn-split-head{
  grid-template-columns:minmax(690px,1.55fr) minmax(300px,.45fr);
  gap:30px;
  align-items:center;
}
.okn-section--finder .okn-title{
  max-width:none;
  font-size:clamp(38px,3.6vw,46px);
  line-height:1.28;
}
.okn-compare{
  position:relative;
  grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr);
  gap:20px;
  align-items:stretch;
}
.okn-compare__box{
  min-height:190px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.okn-compare__arrow{
  width:52px;
  height:52px;
  margin:auto;
  align-self:center;
  justify-self:center;
  transform:none;
}
.okn-before-after{
  grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr);
  gap:24px;
  align-items:center;
}
.okn-ba{
  min-height:250px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.okn-ba--before{
  background:linear-gradient(180deg,#f2f4f6 0%,#e8edf1 100%);
  border:1px solid #d9e1e7;
}
.okn-ba--after{
  background:linear-gradient(135deg,#e4f6ff 0%,#f3fbff 100%);
  border:3px solid #72c9f3;
  box-shadow:0 18px 34px rgba(7,124,211,.12);
}
.okn-ba--after strong{
  color:var(--okn-blue2);
}
.okn-ba-arrow{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:var(--okn-blue2);
  transform:none;
}
.okn-ba-arrow span{
  display:inline-flex;
  padding:6px 10px;
  border-radius:999px;
  background:#eaf7ff;
  color:var(--okn-blue2);
  font-size:12px;
  font-weight:900;
  letter-spacing:.06em;
}
.okn-ba-arrow b{
  font-size:46px;
  line-height:1;
}
.okn-contact-wrap{
  background:linear-gradient(135deg,#062856 0%,#0a4d91 46%,#087cd3 100%);
}
.okn-contact-heading{
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  gap:42px;
  align-items:center;
}
.okn-contact-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:#fff;
  padding:10px 16px;
  border-radius:999px;
  box-shadow:0 10px 24px rgba(0,0,0,.15);
}
.okn-contact-badge small{
  font-size:13px;
  color:#325c84;
  font-weight:800;
}
.okn-contact-badge strong{
  font-size:20px;
  line-height:1;
  color:#d72e25;
  font-weight:950;
}
.okn-contact-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:20px;
}
.okn-contact-pills span{
  min-height:40px;
  padding:9px 14px;
  font-size:14px;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.24);
}
.okn-contact-pills b{
  font-size:18px;
  margin-right:4px;
}
.okn-contact-heading p{
  font-size:17px;
  line-height:1.9;
}
.okn-contact__submit{
  min-width:390px;
  min-height:62px;
  font-size:17px;
}
.okn-contact__note{
  font-size:13px;
  color:#5d7389;
  font-weight:700;
}
@media(max-width:1100px){
  .okn-section--finder .okn-split-head{
    grid-template-columns:1.35fr .65fr;
  }
  .okn-title-line{white-space:normal;}
}
@media(max-width:900px){
  .okn-section--finder .okn-split-head,
  .okn-contact-heading{
    grid-template-columns:1fr;
  }
  .okn-compare,
  .okn-before-after{
    grid-template-columns:1fr;
  }
  .okn-compare__arrow,
  .okn-ba-arrow{
    transform:rotate(90deg);
  }
  .okn-ba-arrow span{
    transform:rotate(-90deg);
  }
  .okn-ba-arrow b{
    transform:rotate(-90deg);
  }
}
@media(max-width:640px){
  .okn-kicker{font-size:15px;}
  .okn-contact-badge strong{font-size:18px;}
  .okn-contact__submit{min-width:0;width:100%;}
}

/* v1.5.0 text and layout audit */
.okn-heading-line{
  display:block;
  text-wrap:balance;
}
.okn-section--message .okn-message-box__lead h2{
  max-width:760px;
}
.okn-section--message .okn-heading-line{
  white-space:normal;
}
#service .okn-title{
  max-width:620px;
}
.okn-center .okn-title{
  max-width:980px;
  margin-left:auto;
  margin-right:auto;
}
.okn-flow .okn-step strong{
  line-height:1.45;
}
.okn-contact-heading{
  display:block;
  max-width:1020px;
  margin:0 auto;
  text-align:left;
}
.okn-contact-heading__main{
  width:100%;
}
.okn-contact-heading h2{
  max-width:none;
  font-size:clamp(38px,4.2vw,52px);
  line-height:1.3;
  margin:18px 0 0;
}
.okn-contact-heading p{
  max-width:860px;
  margin:22px 0 0;
  font-size:17px;
  line-height:1.9;
}
.okn-contact-pills{
  margin-top:22px;
}
.okn-contact-panel{
  max-width:1120px;
  margin:34px auto 0;
}
.okn-contact-panel__intro{
  display:flex;
  align-items:baseline;
  gap:14px;
  flex-wrap:wrap;
  padding:0 0 20px;
  margin:0 0 24px;
  border-bottom:1px solid #e3edf3;
}
.okn-contact-panel__intro strong{
  color:var(--okn-navy);
  font-size:20px;
}
.okn-contact-panel__intro span{
  color:#61768c;
  font-size:14px;
  font-weight:700;
}
.okn-contact__submit{
  min-width:410px;
}
.okn-case-note{
  display:none!important;
}
@media(max-width:1100px){
  .okn-section--finder .okn-title-line{
    white-space:normal;
  }
}
@media(max-width:900px){
  .okn-contact-heading{
    max-width:none;
  }
  .okn-contact-heading h2{
    font-size:clamp(34px,6vw,46px);
  }
}
@media(max-width:640px){
  .okn-heading-line{
    display:block;
  }
  .okn-contact-heading h2{
    font-size:32px;
    line-height:1.35;
  }
  .okn-contact-heading p{
    font-size:15px;
    line-height:1.8;
  }
  .okn-contact-panel__intro{
    display:block;
  }
  .okn-contact-panel__intro strong,
  .okn-contact-panel__intro span{
    display:block;
  }
  .okn-contact-panel__intro span{
    margin-top:5px;
  }
  .okn-contact__submit{
    min-width:0;
    width:100%;
  }
}

/* v1.5.1 responsive text QA */
.okn-title-desktop{display:block;}
.okn-title-mobile{display:none;}
.okn-hero h1 .okn-hero-line{display:block;}
.okn-hero h1 .okn-hero-line--navy{color:var(--okn-navy);}
.okn-hero h1 .okn-hero-line--blue{color:var(--okn-blue);}
@media(max-width:640px){
  .okn-title-desktop{display:none!important;}
  .okn-title-mobile{display:block!important;}
  .okn-title-mobile .okn-title-line,
  .okn-title-mobile .okn-heading-line{
    white-space:nowrap;
  }
  .okn-hero h1{
    font-size:30px;
    line-height:1.18;
    letter-spacing:-.035em;
  }
  .okn-section--finder .okn-title{
    font-size:30px;
    line-height:1.34;
  }
  .okn-section--message .okn-message-box h2{
    font-size:28px;
    line-height:1.38;
  }
  #flow .okn-title{
    font-size:29px;
    line-height:1.38;
  }
  .okn-contact-heading h2{
    font-size:30px;
    line-height:1.38;
  }
  .okn-floating{
    display:none!important;
  }
  .okn-floating.is-visible{
    display:flex!important;
  }
}


/* v1.5 final: no floating CTA overlap */
.okn-floating{display:none!important;}

/* v1.5.2 mobile copy line control */
.okn-copy-desktop{display:inline;}
.okn-copy-mobile{display:none;}
@media(max-width:640px){
  .okn-copy-desktop{display:none!important;}
  .okn-copy-mobile{display:block!important;}
  .okn-copy-mobile>span{display:block;}
}


/* v1.5.1 hotfix: keep Gutenberg shortcode output visible */
body.okn-lp-page .wp-block-shortcode,
body.okn-lp-page .entry-content > .wp-block-shortcode,
body.okn-lp-page .entry-content .wp-block-shortcode{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}
body.okn-lp-page .wp-block-shortcode > .okn-lp{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}


/* v1.5.2: single-source hero title; prevent duplicate responsive headings */
.okn-hero h1 > .okn-hero-line{display:block !important;}
.okn-hero h1 > .okn-hero-line--navy{color:var(--okn-navy) !important;}
.okn-hero h1 > .okn-hero-line--blue{color:var(--okn-blue) !important;}
@media(max-width:640px){
  .okn-hero h1 > .okn-hero-line{white-space:nowrap;}
}

/* v1.5.4: left-aligned headings + readability audit */
.okn-center{
  text-align:left;
}
.okn-center .okn-title,
.okn-center .okn-lead{
  margin-left:0;
  margin-right:0;
}
.okn-center .okn-lead{
  max-width:880px;
}
.okn-kicker{
  font-size:17px;
  line-height:1.45;
}
.okn-kicker:before{
  width:34px;
  height:4px;
}

/* Problem section: headline first, supporting copy underneath */
.okn-message-box{
  display:block;
}
.okn-message-box__lead{
  max-width:1050px;
}
.okn-section--message .okn-message-box__lead h2{
  max-width:1050px;
  font-size:clamp(36px,3.4vw,46px);
  line-height:1.34;
  margin-top:14px;
}
.okn-section--message .okn-title-desktop .okn-heading-line{
  white-space:nowrap;
}
.okn-message-box__body{
  max-width:920px;
  margin-top:24px;
}
.okn-message-box__body p{
  font-size:17px;
  line-height:1.9;
  margin:0 0 12px;
}
.okn-frictions{
  gap:16px;
  margin-top:34px;
}
.okn-frictions>div{
  padding:22px 20px;
  min-height:132px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.okn-frictions span{
  font-size:13px;
  line-height:1.3;
  letter-spacing:.04em;
}
.okn-frictions strong{
  font-size:22px;
  line-height:1.35;
  margin:7px 0 8px;
}
.okn-frictions small{
  font-size:15px;
  line-height:1.55;
  color:#eff8ff;
}

/* Other small support text: raise minimum readable size */
.okn-workgrid span{font-size:13px;}
.okn-workgrid strong{font-size:16px;line-height:1.55;}
.okn-compare__box small{font-size:13px;}
.okn-compare__box p{font-size:14px;line-height:1.75;}
.okn-ba__label{font-size:13px;}
.okn-ba ul{font-size:15px;line-height:1.65;}
.okn-consult-points span{font-size:13px;}
.okn-consult-points h3{font-size:20px;}
.okn-consult-points p{font-size:15px;line-height:1.7;}
.okn-step span{font-size:13px;}
.okn-step strong{font-size:16px;line-height:1.5;}
.okn-reassurance strong{font-size:15px;}
.okn-reassurance span{font-size:14px;line-height:1.55;}
.okn-field__hint{font-size:13px;line-height:1.6;}

/* Section headings share the same left alignment */
.okn-faq-wrap .okn-center,
#flow .okn-center{
  text-align:left;
}
.okn-faq-wrap .okn-title,
#flow .okn-title{
  margin-left:0;
  margin-right:0;
}

@media(max-width:900px){
  .okn-message-box__body{max-width:760px;}
  .okn-frictions{grid-template-columns:repeat(2,1fr);}
}

@media(max-width:640px){
  .okn-kicker{font-size:15px;}
  .okn-section--message .okn-message-box h2{
    font-size:28px;
    line-height:1.42;
  }
  .okn-section--message .okn-title-mobile .okn-heading-line{
    white-space:normal;
  }
  .okn-message-box__body{
    margin-top:20px;
  }
  .okn-message-box__body p{
    font-size:15px;
    line-height:1.85;
  }
  .okn-frictions{
    grid-template-columns:1fr;
    gap:12px;
    margin-top:28px;
  }
  .okn-frictions>div{
    min-height:0;
    padding:18px 18px;
  }
  .okn-frictions span{font-size:13px;}
  .okn-frictions strong{font-size:20px;}
  .okn-frictions small{font-size:15px;}
  .okn-consult-points p,
  .okn-reassurance span,
  .okn-ba ul,
  .okn-compare__box p{font-size:14px;}
}

/* v1.5.5: stronger theme-title removal + clearly larger supporting text */
body.okn-lp-page .site-title,
body.okn-lp-page .wp-block-site-title,
body.okn-lp-page .site-branding > a,
body.okn-lp-page .site-branding .site-title{
  display:none !important;
}
.okn-section--message .okn-kicker{
  font-size:18px;
  line-height:1.45;
}
.okn-message-box__body p{
  font-size:18px;
  line-height:1.9;
}
.okn-frictions>div{
  min-height:154px;
  padding:26px 22px;
}
.okn-frictions span{
  font-size:16px;
  line-height:1.3;
  letter-spacing:.04em;
}
.okn-frictions strong{
  font-size:25px;
  line-height:1.3;
  margin:9px 0 10px;
}
.okn-frictions small{
  font-size:17px;
  line-height:1.6;
  font-weight:600;
}
@media(max-width:640px){
  .okn-section--message .okn-kicker{font-size:16px;}
  .okn-message-box__body p{font-size:16px;}
  .okn-frictions>div{padding:20px;min-height:0;}
  .okn-frictions span{font-size:15px;}
  .okn-frictions strong{font-size:23px;}
  .okn-frictions small{font-size:16px;}
}

/* v1.5.6: cause -> solution flow, offer clarity, orange CTA system, mobile CASE FINDER density */
.okn-btn--consult,
.okn-btn--orange,
.okn-contact__submit{
  background:linear-gradient(135deg,#ff9228,var(--okn-orange)) !important;
  box-shadow:0 12px 28px rgba(245,130,32,.28) !important;
}
.okn-btn--consult:hover,
.okn-btn--orange:hover,
.okn-contact__submit:hover{
  box-shadow:0 16px 34px rgba(245,130,32,.34) !important;
}
.okn-kicker:before{background:var(--okn-blue2) !important;}
.okn-kicker--light:before{background:#8cddff !important;}
.okn-hero__eyebrow{color:var(--okn-blue2) !important;}
.okn-message-box h2 em{color:#8cddff !important;}
.okn-required{background:#697f94 !important;}

.okn-hero__offer{
  margin:-10px 0 18px;
  color:var(--okn-navy);
  font-size:16px;
  line-height:1.65;
  font-weight:900;
}
.okn-message-box__cause{
  margin:18px 0 !important;
  padding:15px 18px;
  border-left:4px solid #8cddff;
  border-radius:0 12px 12px 0;
  background:rgba(255,255,255,.08);
  color:#fff !important;
  font-weight:800;
}
.okn-contact-value{
  margin:18px 0 10px !important;
  color:#fff !important;
  font-size:20px !important;
  line-height:1.55 !important;
  font-weight:900;
}

/* CTA color role: blue = information, orange = action */
.okn-finder__actions > .okn-btn:not(.okn-btn--consult){
  background:linear-gradient(135deg,var(--okn-blue),#0877e8) !important;
  box-shadow:0 10px 24px rgba(0,123,220,.22) !important;
}

@media(max-width:640px){
  .okn-hero__offer{
    margin:-6px 0 16px;
    font-size:15px;
    line-height:1.7;
  }
  .okn-message-box__cause{
    margin:14px 0 !important;
    padding:13px 14px;
    font-size:15px !important;
    line-height:1.75 !important;
  }
  .okn-contact-value{
    margin:15px 0 9px !important;
    font-size:18px !important;
    line-height:1.55 !important;
  }

  /* CASE FINDER: same function, less form-like visual density */
  .okn-finder-wrap{margin-top:28px;}
  .okn-finder__head{padding:20px 17px;}
  .okn-finder__head h3{font-size:23px;line-height:1.45;}
  .okn-finder__head p{font-size:13px;line-height:1.65;}
  .okn-finder__body{padding:19px 14px 21px;}
  .okn-finder__grid{gap:22px;}
  .okn-field label,.okn-field legend{margin-bottom:8px;}
  .okn-field select{padding:12px 13px;}
  .okn-field__hint{margin-top:6px;font-size:12px;}
  .okn-checks{gap:7px;}
  .okn-check{padding:10px 11px;border-radius:10px;font-size:13.5px;line-height:1.45;}
  .okn-finder__actions{gap:10px;margin-top:20px;}
  .okn-finder__actions .okn-btn{min-height:52px;font-size:14px;}
  .okn-link-button{padding:6px 8px;font-size:13px;}
  .okn-finder__skip{font-size:13px;}
  .okn-results{margin-top:22px;padding-top:22px;}
}

/* v1.5.7: stronger emphasis + safer theme-title suppression */
body.okn-lp-page .site-title,
body.okn-lp-page .wp-block-site-title,
body.okn-lp-page .site-branding,
body.okn-lp-page .custom-logo-link,
body.okn-lp-page .site-description,
body.okn-lp-page #masthead .site-title,
body.okn-lp-page #masthead .site-branding,
body.okn-lp-page header .site-title,
body.okn-lp-page header .wp-block-site-title,
body.okn-lp-page header .site-branding,
body.okn-lp-page .page-header,
body.okn-lp-page .entry-header,
body.okn-lp-page .entry-title,
body.okn-lp-page .wp-block-post-title{
  display:none !important;
}

.okn-section--message .okn-message-box__lead h2{
  font-size:clamp(38px,3.8vw,52px);
}
.okn-message-box__body p{
  font-size:19px;
  line-height:1.95;
}
.okn-frictions{
  gap:18px;
}
.okn-frictions>div{
  min-height:170px;
  padding:28px 24px;
}
.okn-frictions span{
  font-size:18px;
  line-height:1.25;
  font-weight:900;
}
.okn-frictions strong{
  font-size:30px;
  line-height:1.25;
  margin:10px 0 11px;
}
.okn-frictions small{
  font-size:19px;
  line-height:1.65;
  font-weight:700;
}
.okn-message-box__body p + p{
  margin-top:14px;
}
.okn-message-box__cause{
  padding:17px 20px;
}
@media(max-width:900px){
  .okn-frictions>div{min-height:156px;}
  .okn-frictions strong{font-size:28px;}
}
@media(max-width:640px){
  .okn-section--message .okn-message-box h2{
    font-size:30px;
    line-height:1.42;
  }
  .okn-message-box__body p{
    font-size:17px;
    line-height:1.88;
  }
  .okn-frictions{gap:14px;}
  .okn-frictions>div{
    padding:22px 20px;
  }
  .okn-frictions span{
    font-size:17px;
  }
  .okn-frictions strong{
    font-size:27px;
    margin:8px 0 9px;
  }
  .okn-frictions small{
    font-size:18px;
    line-height:1.6;
  }
}

/* v1.5.8: flow arrows and cause paragraph treatment */
.okn-flow{
  column-gap:32px;
}
.okn-step:not(:last-child):after{
  content:"→";
  right:-28px;
  top:50%;
  transform:translateY(-50%);
  width:24px;
  height:auto;
  border-radius:0;
  background:transparent;
  color:var(--okn-blue2);
  display:block;
  font-size:25px;
  line-height:1;
  font-weight:900;
  text-align:center;
  z-index:2;
}
.okn-message-box__cause{
  margin:0 0 12px !important;
  padding:0 !important;
  border-left:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#dcecff !important;
  font-weight:400 !important;
}
.okn-message-box__cause strong{
  color:#fff;
  font-weight:900;
}
@media(max-width:900px){
  .okn-flow{column-gap:12px;}
  .okn-step:not(:last-child):after{display:none;}
}
@media(max-width:640px){
  .okn-message-box__cause{
    margin:0 0 12px !important;
    padding:0 !important;
    font-size:17px !important;
    line-height:1.88 !important;
  }
}

/* v1.6.0: case recommendation, 100-case library, demo, seven-step flow and pricing */
.okn-lp{--okn-muted:#4b627a}
.okn-checks--categories{grid-template-columns:1fr 1fr}
.okn-checks--categories .okn-check{min-height:54px;align-items:center}
.okn-results__grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.okn-case-card--recommend{display:flex;flex-direction:column;overflow:hidden}
.okn-case-card__image{display:block;background:#eff8fd;aspect-ratio:4/3;overflow:hidden;border-bottom:1px solid #dcecf6}
.okn-case-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}
.okn-case-card__image:hover img{transform:scale(1.015)}
.okn-case-card--recommend .okn-case-card__body{flex:1;display:flex;flex-direction:column}
.okn-case-card--recommend .okn-case-card__body p{font-size:13px;line-height:1.7;margin:5px 0;color:#3e5872}
.okn-case-card--recommend .okn-case-card__link{margin-top:auto;padding-top:10px}
.okn-category-preview{margin-top:52px}
.okn-category-preview__head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}
.okn-category-preview__head h3{font-size:27px;margin:6px 0 0;color:var(--okn-navy)}
.okn-text-link{border:0;background:none;color:var(--okn-blue2)!important;text-decoration:none;font-weight:900;cursor:pointer;padding:0}
.okn-category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}
.okn-category-grid a{display:flex;gap:10px;align-items:center;min-height:78px;padding:14px;border-radius:15px;background:#fff;border:1px solid #d9ebf6;text-decoration:none!important;box-shadow:0 5px 16px rgba(6,40,86,.04);font-size:13px;font-weight:800;color:#25496e}
.okn-category-grid a:hover{border-color:#7bc6ef;transform:translateY(-1px)}
.okn-category-grid b{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:10px;background:#e6f6ff;color:var(--okn-blue2);font-size:12px}

.okn-demo-section{background:#fff}
.okn-demo-card{display:grid;grid-template-columns:1.22fr .78fr;gap:0;margin-top:38px;border:1px solid #d8eaf5;border-radius:25px;overflow:hidden;box-shadow:var(--okn-shadow);background:#fff}
.okn-demo-card__visual{background:#eaf7ff;min-height:380px}
.okn-demo-card__visual img{width:100%;height:100%;object-fit:cover}
.okn-demo-card__body{padding:38px 36px;display:flex;flex-direction:column;justify-content:center}
.okn-demo-card__body h3{font-size:29px;margin:12px 0;color:var(--okn-navy)}
.okn-demo-card__body p{color:#405a73;margin:0 0 13px}
.okn-demo-card__body ul{padding-left:19px;color:#405a73;margin:4px 0 23px}

.okn-flow--seven{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.okn-flow--seven .okn-step{padding:18px 10px;min-height:170px;display:flex;flex-direction:column;align-items:center}
.okn-flow--seven .okn-step strong{font-size:13px;line-height:1.45;min-height:40px}
.okn-flow--seven .okn-step small{font-size:10px;line-height:1.65;color:#5b7085;margin-top:9px;display:block}

.okn-pricing-summary{background:linear-gradient(180deg,#fff,#f4fbff)}
.okn-price-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:38px;text-align:left}
.okn-price-card{border:1px solid #d6e8f4;border-radius:23px;background:#fff;padding:30px;box-shadow:0 9px 28px rgba(6,40,86,.06)}
.okn-price-card>span{font-size:11px;letter-spacing:.14em;font-weight:900;color:var(--okn-blue2)}
.okn-price-card h3,.okn-price-card h2{font-size:26px;margin:7px 0 9px;color:var(--okn-navy)}
.okn-price-card h3 b,.okn-price-card h2 b{font-size:38px;color:var(--okn-blue2)}
.okn-price-card h3 em,.okn-price-card h2 em{font-size:14px;font-style:normal;color:#5c7085;margin-left:5px}
.okn-price-card p{margin:0 0 8px;color:#354f69;font-weight:700}
.okn-price-card small{display:block;color:#566d84;line-height:1.75;font-size:13px}
.okn-price-card--primary{border:2px solid #52b8f2;position:relative}
.okn-pricing-summary__cta{margin-top:25px}

/* Shared subpages */
.okn-subpage{min-height:100vh;background:#fff}
.okn-subhero{padding:74px 0 52px;background:linear-gradient(135deg,#f7fcff,#e9f7ff);border-bottom:1px solid #d7ecf8}
.okn-subhero h1{font-size:clamp(36px,5vw,58px);line-height:1.25;color:var(--okn-navy);margin:12px 0 15px;letter-spacing:-.035em}
.okn-subhero p{max-width:850px;color:#405b75;font-size:17px;margin:0;line-height:1.85}

/* 100-case library */
.okn-case-library{padding-top:55px;background:#f8fcff}
.okn-library-tools{display:flex;gap:24px;align-items:end;justify-content:space-between;margin-bottom:22px}
.okn-library-search{width:min(480px,100%)}
.okn-library-search label{display:block;font-size:13px;font-weight:900;color:var(--okn-navy);margin-bottom:8px}
.okn-library-search input{width:100%;border:1px solid #bddbec;border-radius:12px;padding:12px 14px;background:#fff;color:#183a5f}
.okn-library-count{font-size:13px;color:#526b83;font-weight:700;margin:0 0 10px}
.okn-category-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:28px}
.okn-category-tab{border:1px solid #d5e8f4;background:#fff;border-radius:13px;padding:11px 9px;text-align:left;cursor:pointer;display:flex;gap:8px;align-items:center;color:#365470}
.okn-category-tab b{display:grid;place-items:center;min-width:30px;height:30px;border-radius:9px;background:#e9f7ff;color:var(--okn-blue2);font-size:11px}
.okn-category-tab span{font-size:11px;font-weight:800;line-height:1.35}
.okn-category-tab.is-active{background:#073f79;color:#fff;border-color:#073f79}
.okn-category-tab.is-active b{background:#fff;color:#073f79}
.okn-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.okn-library-card{background:#fff;border:1px solid #d8e9f4;border-radius:18px;overflow:hidden;box-shadow:0 7px 22px rgba(6,40,86,.05);display:flex;flex-direction:column}
.okn-library-card__open{position:relative;display:block;border:0;padding:0;background:#e9f7ff;aspect-ratio:4/3;overflow:hidden;cursor:pointer}
.okn-library-card__open img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}
.okn-library-card__open:hover img{transform:scale(1.02)}
.okn-library-card__no{position:absolute;left:10px;bottom:10px;border-radius:8px;background:#062856e8;color:#fff;padding:5px 9px;font-size:10px;font-weight:900;letter-spacing:.06em}
.okn-library-card__body{padding:18px 18px 20px;display:flex;flex-direction:column;flex:1}
.okn-library-card__body small{font-size:10px;color:#1781c6;font-weight:900}
.okn-library-card__body h3{font-size:18px;line-height:1.5;margin:7px 0;color:var(--okn-navy)}
.okn-library-card__body p{font-size:13px;color:#526a82;margin:0 0 12px}
.okn-library-card__body .okn-text-link{margin-top:auto;text-align:left;font-size:13px}
.okn-mini-cta{background:#062856;color:#fff;padding:36px 0}
.okn-mini-cta .okn-container{display:flex;align-items:center;justify-content:space-between;gap:25px}
.okn-mini-cta span{display:block;color:#8edcff;font-size:12px;font-weight:900;margin-bottom:3px}
.okn-mini-cta strong{font-size:20px}
.okn-case-modal[hidden]{display:none}
.okn-case-modal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:28px}
.okn-case-modal__backdrop{position:absolute;inset:0;background:#062856c9;backdrop-filter:blur(3px)}
.okn-case-modal__dialog{position:relative;z-index:1;background:#fff;border-radius:22px;width:min(1100px,96vw);max-height:92vh;overflow:auto;box-shadow:0 25px 70px rgba(0,0,0,.28)}
.okn-case-modal__close{position:absolute;right:13px;top:10px;width:42px;height:42px;border-radius:50%;border:0;background:#fff;color:#173e65;font-size:28px;cursor:pointer;z-index:3;box-shadow:0 3px 12px rgba(0,0,0,.12)}
.okn-case-detail{display:grid;grid-template-columns:1.45fr .8fr}
.okn-case-detail__image{background:#eaf7ff;padding:22px;display:flex;align-items:center}
.okn-case-detail__image img{width:100%;border-radius:13px}
.okn-case-detail__body{padding:45px 34px 35px}
.okn-case-detail__body h2{font-size:28px;color:var(--okn-navy);margin:12px 0 20px;line-height:1.45}
.okn-case-detail dl{margin:0 0 26px}
.okn-case-detail dl div{padding:12px 0;border-bottom:1px solid #e1edf4}
.okn-case-detail dt{font-size:11px;color:#1683c9;font-weight:900;margin-bottom:4px}
.okn-case-detail dd{margin:0;color:#344f69;font-size:14px;line-height:1.7}
body.okn-modal-open{overflow:hidden}

/* Pricing detail */
.okn-price-grid--large{margin-top:0}
.okn-price-grid--large .okn-price-card{padding:38px}
.okn-price-grid--large h2{font-size:29px}
.okn-price-note{margin-top:24px;border-radius:14px;background:#f2f9fd;padding:17px 18px}
.okn-price-note strong{display:block;color:var(--okn-navy);font-size:14px;margin-bottom:4px}
.okn-price-note p{font-size:13px;font-weight:500;line-height:1.75;margin:0}
.okn-price-steps{margin-top:35px;display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:12px;align-items:stretch}
.okn-price-steps h2{color:var(--okn-navy);font-size:24px;margin:0;padding:22px}
.okn-price-steps div{border:1px solid #d7e9f4;border-radius:16px;padding:20px;background:#fff}
.okn-price-steps span{font-size:10px;font-weight:900;color:var(--okn-blue2)}
.okn-price-steps strong{display:block;color:var(--okn-navy);font-size:16px;margin:4px 0}
.okn-price-steps p{font-size:12px;color:#536b82;margin:0}
.okn-price-caution{margin-top:34px;background:#062856;color:#fff;border-radius:23px;padding:30px 32px;display:grid;grid-template-columns:1fr auto;column-gap:30px;align-items:center}
.okn-price-caution strong{font-size:21px}.okn-price-caution p{margin:5px 0 0;color:#d9eafb;font-size:14px;max-width:700px}.okn-price-caution .okn-btn{grid-column:2;grid-row:1/3}

/* Demo detail */
.okn-demo-frame-section{background:#f3f9fd;padding:42px 0 70px}
.okn-demo-frame-wrap{background:#fff;border:1px solid #d5e7f2;border-radius:22px;padding:20px;box-shadow:var(--okn-shadow)}
.okn-demo-frame-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}
.okn-demo-frame-head strong{display:block;color:var(--okn-navy);font-size:18px}.okn-demo-frame-head span{display:block;color:#49627a;font-size:12px;margin-top:3px}
.okn-demo-frame{width:100%;height:820px;border:1px solid #d5e4dd;border-radius:12px;background:#f5f7f4}
.okn-demo-disclaimer{font-size:11px;color:#4a6075;margin:10px 0 0}

@media(max-width:1100px){
  .okn-flow--seven{grid-template-columns:repeat(4,1fr)}
  .okn-category-grid,.okn-category-tabs{grid-template-columns:repeat(2,1fr)}
  .okn-library-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .okn-results__grid{grid-template-columns:1fr 1fr}
  .okn-demo-card{grid-template-columns:1fr}
  .okn-flow--seven{grid-template-columns:repeat(2,1fr)}
  .okn-case-detail{grid-template-columns:1fr}
  .okn-price-steps{grid-template-columns:1fr 1fr}
  .okn-price-steps h2{grid-column:1/-1}
  .okn-price-caution{grid-template-columns:1fr}.okn-price-caution .okn-btn{grid-column:1;grid-row:auto;margin-top:16px}
  .okn-demo-frame{height:700px}
}
@media(max-width:640px){
  .okn-checks--categories,.okn-results__grid,.okn-category-grid,.okn-category-tabs,.okn-library-grid,.okn-price-grid,.okn-flow--seven,.okn-price-steps{grid-template-columns:1fr}
  .okn-category-preview__head,.okn-library-tools,.okn-mini-cta .okn-container,.okn-demo-frame-head{display:block}
  .okn-category-preview__head .okn-text-link,.okn-mini-cta .okn-btn,.okn-demo-frame-head .okn-btn{display:inline-flex;margin-top:12px}
  .okn-case-modal{padding:8px}.okn-case-detail__image{padding:12px}.okn-case-detail__body{padding:27px 20px 24px}.okn-case-detail__body h2{font-size:22px}
  .okn-subhero{padding:55px 0 38px}.okn-subhero p{font-size:15px}
  .okn-demo-frame-wrap{padding:10px}.okn-demo-frame{height:680px}
}

/* v1.6.1: concern-only CASE FINDER */
.okn-finder__grid--concerns-only{
  grid-template-columns:1fr;
}
.okn-finder__grid--concerns-only .okn-fieldset{
  width:100%;
}
.okn-finder__grid--concerns-only legend{
  margin-bottom:14px;
  font-size:17px;
}
.okn-checks--concerns-only{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
@media(max-width:640px){
  .okn-checks--concerns-only{
    grid-template-columns:1fr;
  }
}

/* v1.6.2: demo thumbnail fit + separate demo-window header */
.okn-demo-card{
  align-items:stretch;
}
.okn-demo-card__visual{
  min-height:420px;
  padding:0;
  display:flex;
  align-items:stretch;
  justify-content:stretch;
  background:#eef4f7;
}
.okn-demo-card__visual img{
  width:100%;
  height:100%;
  max-height:none;
  aspect-ratio:auto;
  object-fit:cover;
  object-position:center;
  border-radius:0;
}
.okn-demo-header .okn-header__inner{
  justify-content:flex-start;
}
@media(max-width:900px){
  .okn-demo-card__visual{
    min-height:240px;
  }
}


/* v1.6.3: 改善イメージ100の注記 */
.okn-case-library-note{margin-top:12px;max-width:820px;color:#71859a;font-size:13px;line-height:1.75;}
@media(max-width:640px){.okn-case-library-note{font-size:12px;line-height:1.7;}}

/* v1.6.4: CASE FINDER result actions */
.okn-results__cta .okn-btn--library{
  background:#fff !important;
  color:var(--okn-blue2) !important;
  border:2px solid var(--okn-blue) !important;
  box-shadow:none !important;
}
.okn-results__cta .okn-btn--library:hover{
  background:#f4fbff !important;
  color:var(--okn-blue2) !important;
  border-color:var(--okn-blue2) !important;
}

/* v1.6.5: fix demo heading line break */
.okn-demo-title > span{display:block;}
@media(min-width:641px){
  .okn-demo-title > span{white-space:nowrap;}
}

/* v1.6.8: warmer FAQ/form copy + single-page pricing path */
.okn-faq-intro{
  max-width:760px;
  margin:18px auto 0;
}
.okn-pricing-summary .okn-price-grid{
  margin-bottom:0;
}


/* v1.6.9: larger case finder/library, 2-column imagery, narrated explainer */
.okn-library-search-panel{background:linear-gradient(135deg,#062856,#0b5da8);padding:26px 30px;border-radius:22px;margin-bottom:32px;box-shadow:0 14px 34px rgba(6,40,86,.12)}
.okn-library-tools{margin-bottom:0;align-items:flex-end}
.okn-library-search{width:min(760px,100%)}
.okn-library-search label{font-size:24px;color:#fff;margin-bottom:12px;line-height:1.35;letter-spacing:-.02em}
.okn-library-search label span{display:block;font-size:11px;letter-spacing:.16em;color:#8edcff;margin-bottom:4px}
.okn-library-search input{font-size:18px;min-height:64px;border:2px solid #a9d8f4;border-radius:16px;padding:17px 20px;box-shadow:0 6px 20px rgba(6,40,86,.08)}
.okn-library-count{color:#d8effd;font-size:15px;margin:0 0 17px;font-weight:900}
.okn-library-category-head{margin:8px 0 18px}.okn-library-category-head h2{font-size:28px;color:var(--okn-navy);margin:7px 0 0;line-height:1.4}
.okn-category-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:24px}
.okn-category-tab{min-height:82px;border-radius:17px;padding:16px 18px;gap:14px;box-shadow:0 6px 18px rgba(6,40,86,.04)}
.okn-category-tab b{min-width:46px;height:46px;border-radius:13px;font-size:14px}
.okn-category-tab span{font-size:16px;line-height:1.4}
.okn-category-tab:hover{border-color:#7ac9f3;transform:translateY(-1px)}
.okn-library-selection{display:flex;align-items:center;gap:12px;margin:0 0 20px;padding:13px 17px;border-left:5px solid var(--okn-orange);background:#fff;border-radius:11px;box-shadow:0 5px 18px rgba(6,40,86,.05)}
.okn-library-selection span{font-size:12px;font-weight:900;color:var(--okn-blue2);letter-spacing:.08em}.okn-library-selection strong{font-size:19px;color:var(--okn-navy)}
.okn-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.okn-library-card{border-radius:22px;box-shadow:0 10px 28px rgba(6,40,86,.07)}
.okn-library-card__no{font-size:12px;padding:7px 11px;left:13px;bottom:13px}
.okn-library-card__body{padding:22px 22px 24px}.okn-library-card__body small{font-size:12px}.okn-library-card__body h3{font-size:23px;margin:8px 0 9px}.okn-library-card__body p{font-size:15px}.okn-library-card__body .okn-text-link{font-size:15px}

.okn-explainer{margin-top:52px;border:1px solid #d8eaf5;background:#fff;border-radius:25px;padding:26px;box-shadow:var(--okn-shadow)}
.okn-explainer__head{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:20px}.okn-explainer__head h3{font-size:29px;color:var(--okn-navy);margin:8px 0 5px}.okn-explainer__head p{margin:0;color:#4a627a}.okn-explainer__controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.okn-explainer__screen{position:relative;aspect-ratio:16/9;background:#062856;border-radius:18px;overflow:hidden;box-shadow:inset 0 0 0 1px #d7e8f3}
.okn-explainer-slide{position:absolute;inset:0;display:grid;grid-template-columns:1.42fr .78fr;opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s ease;background:#eef8ff}.okn-explainer-slide.is-active{opacity:1;visibility:visible}
.okn-explainer-slide img{width:100%;height:100%;object-fit:cover;background:#e9f6fd}.okn-explainer-slide>div{display:flex;flex-direction:column;justify-content:center;padding:42px 36px;background:linear-gradient(145deg,#062856,#0a5ba6);color:#fff}.okn-explainer-slide>div>span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#fff;color:#0878db;font-weight:900;margin-bottom:18px}.okn-explainer-slide h4{font-size:31px;line-height:1.35;margin:0 0 16px;color:#fff}.okn-explainer-slide p{font-size:17px;line-height:1.85;margin:0;color:#d9ebfb}
.okn-explainer__footer{display:grid;grid-template-columns:minmax(140px,1fr) auto auto;align-items:center;gap:16px;margin-top:15px}.okn-explainer__progress{height:8px;background:#e3edf4;border-radius:999px;overflow:hidden}.okn-explainer__progress i{display:block;height:100%;width:16.667%;background:linear-gradient(90deg,var(--okn-orange),#ffb05b);transition:width .35s ease}.okn-explainer__footer span{font-size:13px;font-weight:900;color:var(--okn-navy)}.okn-explainer__footer small{font-size:11px;color:#708398}

/* Operation-demo legibility */
.okn-demo-frame-head strong{font-size:20px;color:#062856}.okn-demo-frame-head span,.okn-demo-disclaimer{color:#314f6a;font-size:13px}

@media(max-width:900px){.okn-explainer-slide{grid-template-columns:1fr}.okn-explainer-slide img{height:62%;object-fit:cover}.okn-explainer-slide>div{position:absolute;left:0;right:0;bottom:0;padding:20px 24px;background:linear-gradient(180deg,rgba(6,40,86,.20),#062856 28%)}.okn-explainer-slide>div>span{display:none}.okn-explainer-slide h4{font-size:23px;margin-bottom:7px}.okn-explainer-slide p{font-size:14px}.okn-explainer__head{display:block}.okn-explainer__controls{justify-content:flex-start;margin-top:15px}}
@media(max-width:640px){.okn-library-search-panel{padding:20px 18px;border-radius:18px}.okn-library-search label{font-size:21px}.okn-library-search input{font-size:16px;min-height:58px}.okn-library-category-head h2{font-size:22px}.okn-category-tabs{grid-template-columns:1fr}.okn-category-tab{min-height:72px}.okn-category-tab span{font-size:15px}.okn-library-grid{grid-template-columns:1fr;gap:22px}.okn-library-card__body h3{font-size:21px}.okn-explainer{padding:14px;border-radius:19px}.okn-explainer__screen{aspect-ratio:4/3}.okn-explainer__footer{grid-template-columns:1fr auto}.okn-explainer__footer small{grid-column:1/-1}.okn-explainer__head h3{font-size:24px}}


/* v1.7.0: readability / case cards / caption explainer / flow */
.okn-results__head{align-items:flex-start;margin-bottom:22px}
.okn-results__head .okn-chip{font-size:13px;padding:8px 14px;margin-bottom:8px}
.okn-results__head h3{font-size:24px;margin:4px 0 0}
.okn-results__head>p{font-size:14px;line-height:1.75;max-width:390px;padding-top:5px}
.okn-case-card--recommend h4{font-size:19px;line-height:1.55;min-height:3.1em;margin:12px 0 15px;display:flex;align-items:flex-start}
.okn-case-card__eyebrow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:2px}
.okn-case-card__eyebrow span{font-size:11px;font-weight:900;color:var(--okn-blue2);background:#eaf7ff;padding:6px 9px;border-radius:999px}
.okn-case-card__eyebrow b{font-size:12px;color:#6b8094;white-space:nowrap}
.okn-case-card__info{display:grid;gap:12px;margin-bottom:16px}
.okn-case-card__info>div{border:1px solid #dbeaf4;border-radius:13px;padding:12px 13px;background:#fbfdff}
.okn-case-card__label{display:inline-flex;font-size:11px;font-weight:900;line-height:1;background:#f0f4f7;color:#3e5870;padding:6px 8px;border-radius:7px;margin-bottom:8px}
.okn-case-card__label--after{background:#e8f6ff;color:#0875c8}
.okn-case-card__info p{margin:0!important;font-size:13px!important;line-height:1.72!important;color:#4e667e!important}
.okn-library-card__body h3{min-height:3.05em;display:flex;align-items:flex-start}
.okn-explainer__caption{margin-top:14px;padding:16px 20px;border-radius:14px;background:#062856;color:#fff;font-size:17px;line-height:1.85;font-weight:700;min-height:92px;display:flex;align-items:center}
.okn-flow--seven .okn-step{min-height:190px;padding:20px 12px}
.okn-flow--seven .okn-step span{font-size:15px;margin-bottom:10px}
.okn-flow--seven .okn-step strong{font-size:18px;line-height:1.45;min-height:52px}
.okn-flow--seven .okn-step small{font-size:11px;line-height:1.7;margin-top:10px}
@media(max-width:900px){.okn-flow--seven .okn-step strong{font-size:17px;min-height:auto}.okn-flow--seven .okn-step span{font-size:14px}.okn-flow--seven .okn-step small{font-size:11px}.okn-explainer__caption{font-size:15px;min-height:86px}}
@media(max-width:640px){.okn-case-card--recommend h4{min-height:auto}.okn-results__head>p{font-size:13px}.okn-explainer__caption{font-size:14px;line-height:1.75;padding:14px 15px}}

/* v1.8.0: clean service explainer + demo range/hub */
.okn-demo-range{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:34px}
.okn-demo-range-card{position:relative;display:flex;flex-direction:column;min-height:315px;padding:25px 22px;border:1px solid #d6e7f2;border-radius:20px;background:#fff;box-shadow:0 14px 30px rgba(30,78,113,.08);overflow:hidden}
.okn-demo-range-card:before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,#7ed2f6,#0878db)}
.okn-demo-range-card--full:before{background:linear-gradient(90deg,#0878db,#062856)}
.okn-demo-range-card>b{font-size:12px;letter-spacing:.13em;color:#0878db;margin-top:10px}
.okn-demo-range-card h3{font-size:22px;line-height:1.4;color:#062856;margin:8px 0 10px;min-height:62px}
.okn-demo-range-card p{color:#4a6279;font-size:14px;line-height:1.75;margin:0 0 18px;flex:1}
.okn-demo-range-card .okn-btn{align-self:flex-start;margin-top:auto}
.okn-demo-level{display:inline-flex;align-items:center;align-self:flex-start;min-height:30px;padding:5px 10px;border-radius:999px;background:#eaf8f2;color:#16734f;font-size:11px;font-weight:900}
.okn-demo-level--mid{background:#fff4df;color:#a05600}.okn-demo-level--full{background:#e8f3ff;color:#065eab}

.okn-explainer__screen--clean{aspect-ratio:16/9;background:#eef8ff;border-radius:20px;overflow:hidden}
.okn-explainer-slide--clean{grid-template-columns:minmax(0,1.38fr) minmax(330px,.82fr);background:#eef8ff}
.okn-explainer-slide--clean .okn-explainer-art{min-width:0;display:flex;align-items:center;justify-content:center;padding:44px;background:linear-gradient(145deg,#f5fbff,#dff3ff);overflow:hidden}
.okn-explainer-slide--clean .okn-explainer-copy{display:flex;flex-direction:column;justify-content:center;padding:42px 36px;background:linear-gradient(145deg,#062856,#0a5ba6);color:#fff}
.okn-explainer-slide--clean .okn-explainer-copy>span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#fff;color:#0878db;font-weight:900;margin-bottom:18px}
.okn-explainer-slide--clean .okn-explainer-copy h4{font-size:30px;line-height:1.4;margin:0 0 16px;color:#fff}
.okn-explainer-slide--clean .okn-explainer-copy p{font-size:16px;line-height:1.85;margin:0;color:#dbeafb}
.okn-explainer-art strong,.okn-explainer-art b{color:#062856}

.okn-art-sources{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:min(330px,46%)}.okn-art-sources span{display:grid;place-items:center;min-height:90px;border:2px solid #b9dcec;border-radius:17px;background:#fff;color:#0b4f88;font-weight:900;font-size:20px;box-shadow:0 9px 20px rgba(21,83,126,.07)}.okn-art-arrow{font-size:50px;font-weight:900;color:#0878db;margin:0 26px}.okn-art-core{display:grid;gap:6px;width:min(300px,40%);padding:30px 24px;border-radius:20px;background:#062856;color:#fff;text-align:center;box-shadow:0 18px 34px rgba(6,40,86,.18)}.okn-art-core small{font-size:14px;color:#cce5fa}.okn-art-core strong{font-size:25px;line-height:1.4;color:#fff}.okn-art-core em{font-style:normal;font-size:13px;color:#e5f3ff}

.okn-explainer-art--custom{flex-direction:column;gap:22px}.okn-explainer-art--custom>strong{font-size:27px}.okn-art-modules{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:min(620px,100%)}.okn-art-modules span{display:grid;place-items:center;min-height:86px;padding:10px;border-radius:16px;background:#fff;border:2px solid #bcdff0;color:#0a4d86;font-size:17px;font-weight:900;text-align:center}.okn-explainer-art--custom>b{display:inline-flex;padding:14px 22px;border-radius:999px;background:#0878db;color:#fff;font-size:19px}

.okn-art-compare{display:grid;grid-template-columns:1fr 70px 1fr;align-items:stretch;gap:16px;width:min(690px,100%)}.okn-art-compare section{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:30px 24px;border-radius:20px;background:#f0f3f6;border:2px solid #d7e0e6;text-align:center}.okn-art-compare section small{font-weight:800;color:#63788b}.okn-art-compare section strong{font-size:25px}.okn-art-compare section span{font-size:14px;color:#5b6f80}.okn-art-compare section.is-okn{background:#fff;border:3px solid #62c3ef;box-shadow:0 12px 26px rgba(8,120,219,.12)}.okn-art-compare section.is-okn strong{color:#0878db}.okn-art-compare i{display:grid;place-items:center;font-size:46px;font-style:normal;color:#0878db;font-weight:900}

.okn-explainer-art--price{display:grid;grid-template-columns:1fr auto 1.35fr;gap:16px;align-items:center;width:min(690px,100%)}.okn-price-pill{display:flex;flex-direction:column;justify-content:center;min-height:170px;padding:22px;border-radius:20px;background:#fff;border:2px solid #c9dfec;text-align:center}.okn-price-pill small{color:#647b8f;font-size:14px;font-weight:900}.okn-price-pill strong{font-size:42px;color:#062856;line-height:1.25}.okn-price-pill--blue{background:#062856;border-color:#062856}.okn-price-pill--blue small,.okn-price-pill--blue strong{color:#fff}.okn-price-pill--blue strong{font-size:30px}.okn-price-pill--blue em{display:block;font-size:13px;font-style:normal;color:#cce8ff}.okn-price-plus{font-size:38px;color:#0878db;font-weight:900}.okn-explainer-art--price>p{grid-column:1/-1;margin:0;text-align:center;color:#5b7185;font-size:12px}

.okn-explainer-art--scale{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1.15fr;gap:12px;width:min(720px,100%);align-items:center}.okn-scale-step{display:grid;place-items:center;align-content:center;gap:9px;min-height:155px;padding:18px;border-radius:18px;background:#fff;border:2px solid #c5dfea;text-align:center}.okn-scale-step b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#eaf7ff;color:#0878db}.okn-scale-step span{font-weight:900;color:#062856}.okn-scale-step--full{background:#062856;border-color:#062856}.okn-scale-step--full b{background:#fff}.okn-scale-step--full span{color:#fff}.okn-explainer-art--scale>i{font-style:normal;color:#0878db;font-size:26px;font-weight:900}

.okn-explainer-art--iterate{flex-direction:column;gap:24px}.okn-iterate{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.okn-iterate span{display:grid;place-items:center;min-width:105px;min-height:82px;padding:12px;border-radius:16px;background:#fff;border:2px solid #bcdff0;color:#062856;font-weight:900}.okn-iterate b{font-size:27px;color:#0878db}.okn-explainer-art--iterate>strong{display:inline-flex;padding:12px 20px;border-radius:999px;background:#e8f8f1;color:#14774f;font-size:19px}

.okn-explainer-art--support{flex-direction:column;gap:22px}.okn-support-ring{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;width:min(690px,100%)}.okn-support-ring>*{display:grid;place-items:center;min-height:90px;border-radius:50px;background:#fff;border:2px solid #bfdde9;color:#0a568f;font-weight:900}.okn-support-ring strong{background:#062856;color:#fff;border-color:#062856}.okn-explainer-art--support>b{font-size:20px;color:#062856}

.okn-explainer__caption{font-size:16px;line-height:1.8;min-height:105px}
.okn-explainer__progress i{width:14.2857%}

/* demo hub */
.okn-demo-hub-section{background:#f3f9fd;padding:40px 0 70px}.okn-demo-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.okn-demo-pick{appearance:none;text-align:left;padding:18px 17px;border:2px solid #d5e6f1;background:#fff;border-radius:17px;cursor:pointer;transition:.2s;box-shadow:0 8px 18px rgba(38,78,105,.05)}.okn-demo-pick:hover{transform:translateY(-2px);border-color:#9fcfed}.okn-demo-pick.is-active{border-color:#0878db;background:#eef8ff;box-shadow:0 10px 24px rgba(8,120,219,.13)}.okn-demo-pick span{display:block;color:#0878db;font-size:11px;font-weight:900;letter-spacing:.12em}.okn-demo-pick b{display:block;color:#062856;font-size:17px;line-height:1.4;margin:4px 0}.okn-demo-pick small{color:#60788e}.okn-demo-frame-wrap--hub{padding:18px}.okn-demo-frame--hub{height:780px;background:#f5f9fc}

@media(max-width:1050px){.okn-demo-range,.okn-demo-picker{grid-template-columns:repeat(2,1fr)}.okn-explainer-slide--clean{grid-template-columns:1fr}.okn-explainer-slide--clean .okn-explainer-art{position:absolute;inset:0 0 40%;padding:28px}.okn-explainer-slide--clean .okn-explainer-copy{position:absolute;left:0;right:0;bottom:0;min-height:40%;padding:20px 24px;background:linear-gradient(180deg,rgba(6,40,86,.18),#062856 20%)}.okn-explainer-slide--clean .okn-explainer-copy>span{display:none}.okn-explainer-slide--clean .okn-explainer-copy h4{font-size:23px}.okn-explainer-slide--clean .okn-explainer-copy p{font-size:14px}.okn-art-modules{grid-template-columns:repeat(3,1fr)}.okn-demo-frame--hub{height:720px}}
@media(max-width:700px){.okn-demo-range,.okn-demo-picker{grid-template-columns:1fr}.okn-demo-range-card{min-height:auto}.okn-demo-range-card h3{min-height:auto}.okn-explainer__screen--clean{aspect-ratio:4/5}.okn-explainer-slide--clean .okn-explainer-art{inset:0 0 42%;padding:18px}.okn-explainer-slide--clean .okn-explainer-copy{min-height:42%;padding:18px}.okn-art-sources{width:42%;gap:6px}.okn-art-sources span{min-height:58px;font-size:14px}.okn-art-arrow{font-size:30px;margin:0 10px}.okn-art-core{width:48%;padding:18px 12px}.okn-art-core strong{font-size:18px}.okn-art-modules{grid-template-columns:repeat(2,1fr);gap:7px}.okn-art-modules span{min-height:54px;font-size:13px}.okn-art-compare{grid-template-columns:1fr;gap:8px}.okn-art-compare section{padding:13px;min-height:72px}.okn-art-compare i{transform:rotate(90deg);font-size:22px}.okn-explainer-art--price{grid-template-columns:1fr 1fr;gap:8px}.okn-price-plus{display:none}.okn-price-pill{min-height:120px}.okn-price-pill strong{font-size:31px}.okn-price-pill--blue strong{font-size:23px}.okn-explainer-art--scale{grid-template-columns:1fr 1fr;gap:8px}.okn-explainer-art--scale>i{display:none}.okn-scale-step{min-height:70px}.okn-iterate span{min-width:82px;min-height:55px}.okn-support-ring{grid-template-columns:repeat(2,1fr)}.okn-support-ring>*{min-height:55px}.okn-explainer__caption{font-size:14px;min-height:120px}.okn-demo-frame--hub{height:690px}.okn-demo-frame-head{display:block}.okn-demo-frame-head .okn-btn{margin-top:12px}}

/* v1.8.1: demo header readability and no text overlap */
.okn-demo-section .okn-split-head{grid-template-columns:1fr!important;gap:14px!important;align-items:start!important;}
.okn-demo-section .okn-split-head>div{min-width:0;max-width:940px;}
.okn-demo-section .okn-demo-title{max-width:940px!important;margin-bottom:6px;}
.okn-demo-section .okn-demo-title>span{white-space:normal!important;}
.okn-demo-section .okn-lead{max-width:860px!important;padding-bottom:0!important;margin-top:0!important;}
@media(min-width:901px){.okn-demo-section .okn-demo-title{font-size:clamp(38px,3.3vw,48px);line-height:1.25;}}

/* v1.8.2: consistent demo CTA / balanced demo intro / aligned case details */
.okn-demo-range-card .okn-demo-try-btn{
  width:100%;
  min-height:52px;
  padding-inline:18px;
  background:linear-gradient(135deg,var(--okn-blue),#0877e8)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 10px 24px rgba(0,123,220,.20)!important;
}
.okn-demo-page .okn-demo-subhero .okn-container{max-width:1120px;}
.okn-demo-page .okn-demo-page-title{
  max-width:1060px;
  font-size:clamp(34px,2.5vw,42px);
  line-height:1.28;
  letter-spacing:-.035em;
  text-wrap:balance;
  margin-bottom:18px;
}
.okn-demo-page .okn-demo-page-lead{
  max-width:1020px;
  font-size:16px;
  line-height:1.95;
  text-wrap:pretty;
}
.okn-case-card--recommend .okn-case-card__body{display:grid;grid-template-rows:auto minmax(60px,auto) 1fr auto;}
.okn-case-card--recommend h4{min-height:3.1em;margin-bottom:14px;}
.okn-case-card__info{display:grid;grid-template-rows:repeat(2,118px);gap:12px;margin-bottom:16px;align-self:stretch;}
.okn-case-card__info>div{height:118px;display:grid;grid-template-rows:auto 1fr;align-content:start;padding:12px 14px;background:#fbfdff;}
.okn-case-card__label{align-self:start;justify-self:start;margin-bottom:9px;}
.okn-case-card__info p{align-self:start;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
@media(max-width:640px){
  .okn-demo-page .okn-demo-page-title{font-size:34px;text-wrap:balance;}
  .okn-demo-page .okn-demo-page-lead{font-size:15px;}
  .okn-case-card--recommend .okn-case-card__body{display:flex;}
  .okn-case-card__info{grid-template-rows:none;}
  .okn-case-card__info>div{height:auto;min-height:0;}
  .okn-case-card__info p{display:block;overflow:visible;}
}

/* v1.8.3: keep consultation intro on one line on desktop */
@media (min-width:1100px){.okn-consult-intro{max-width:none!important;white-space:nowrap;font-size:16px!important;letter-spacing:-.01em}}

/* v1.8.4 demo lead: keep the requested two-line structure on desktop */
.okn-demo-lead{max-width:none!important;width:100%;}
.okn-demo-lead>span{display:block;white-space:nowrap;}
@media(max-width:1100px){.okn-demo-lead>span{white-space:normal;}}

/* v1.8.6: Tobitate! Study Abroad JAPAN supporter block */
.okn-tobitate-support{
  margin-top:44px;
  padding:28px 32px;
  border:1px solid #d8e8f3;
  border-radius:24px;
  background:linear-gradient(135deg,#fff 0%,#f7fbff 100%);
  display:grid;
  grid-template-columns:minmax(220px,320px) 1fr;
  gap:34px;
  align-items:center;
  box-shadow:0 14px 36px rgba(6,40,86,.07);
}
.okn-tobitate-support__logo{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:130px;
  padding:16px 20px;
  background:#fff;
  border-radius:18px;
  border:1px solid #e5eef5;
  text-decoration:none;
}
.okn-tobitate-support__logo img{
  display:block;
  max-width:100%;
  width:260px;
  height:auto;
  object-fit:contain;
}
.okn-tobitate-support__copy{min-width:0;}
.okn-tobitate-support__copy .okn-kicker{margin-bottom:8px;}
.okn-tobitate-support__copy h3{
  margin:0 0 16px;
  color:#062856;
  font-size:clamp(22px,2vw,30px);
  line-height:1.5;
  letter-spacing:-.025em;
}
.okn-tobitate-support__copy h3 span{
  display:block;
  white-space:nowrap;
}
.okn-tobitate-support__copy small{
  display:block;
  color:#49647b;
  font-size:15px;
  font-weight:700;
  line-height:1.8;
}
@media(max-width:760px){
  .okn-tobitate-support{grid-template-columns:1fr;padding:22px 18px;gap:18px;margin-top:30px;}
  .okn-tobitate-support__logo{min-height:100px;padding:14px;}
  .okn-tobitate-support__logo img{width:230px;}
  .okn-tobitate-support__copy h3{font-size:21px;line-height:1.55;}
  .okn-tobitate-support__copy h3 span{white-space:normal;}
  .okn-tobitate-support__copy small{font-size:14px;line-height:1.75;}
}

/* v1.8.12: 100 published cases including corrected cases 21-30. */
.okn-lp .okn-case-card__image,
.okn-lp .okn-library-card__open{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:#fff;}
.okn-lp .okn-case-card__image img,
.okn-lp .okn-library-card__open img{width:100%;height:100%;object-fit:contain;object-position:center;transform:none!important;}
.okn-library-card__meta{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.okn-lp .okn-library-card__no{position:static;flex-shrink:0;padding:3px 8px;line-height:1.6;font-size:12px;}
.okn-lp .okn-category-tab span small{display:block;margin-top:4px;font-size:12px;font-weight:700;opacity:.85;}
.okn-library-notice{padding:16px 20px;background:#eef8ff;border-left:4px solid #f58220;border-radius:10px;color:#173a65;font-size:15px;line-height:1.8;}
.okn-library-notice[hidden]{display:none!important;}
.okn-library-empty{grid-column:1/-1;padding:32px 20px;text-align:center;background:#fff;border:1px solid #cfe8f8;border-radius:18px;}
.okn-library-empty h3{margin:0 0 12px;font-size:23px;color:#062856;}
.okn-case-detail__zoom{display:block;width:100%;text-align:center;text-decoration:none!important;}
.okn-lp .okn-case-detail__zoom img{display:block;width:100%;height:auto;object-fit:contain;}
.okn-case-detail__zoom span{display:inline-block;margin-top:12px;font-size:15px;font-weight:700;color:#006fca;}
.okn-library-card__open:focus-visible,.okn-category-tab:focus-visible,.okn-case-detail__zoom:focus-visible{outline:3px solid #006fca;outline-offset:3px;}