:root{--ink:#172e40;--navy:#122e42;--gold:#d5b56b;--gold-dark:#775921;--muted:#536370;--soft:#f3f5f6;--line:#d8dfe3;--white:#fff;font-family:'Yu Gothic','YuGothic','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;color:var(--ink);font-size:16px;line-height:1.85}*{box-sizing:border-box}body{margin:0;background:white}a{color:inherit;text-underline-offset:5px}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}p{margin:0 0 1.25rem}h1,h2,h3{line-height:1.45;margin:0;font-weight:800;letter-spacing:.02em}h1{font-size:clamp(2.25rem,4.1vw,3.8rem);line-height:1.4;letter-spacing:.025em;margin:1rem 0 1.6rem}h2{font-size:clamp(1.8rem,3vw,2.7rem)}h3{font-size:1.32rem;margin-bottom:1rem}em{font-style:normal;color:var(--gold-dark)}.wrap{width:min(1250px,calc(100% - 80px));margin:auto}.review-bar{background:var(--navy);color:white;padding:8px 24px;text-align:center;font-size:.875rem;letter-spacing:.04em}.review-bar span{margin-left:16px;color:#e3e9ed}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:24px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;display:flex;gap:16px;align-items:center}.brand>strong{font-family:Arial,sans-serif;font-size:2.6rem;letter-spacing:-.06em;line-height:1}.brand-dot{color:var(--gold-dark)}.brand>span{font-size:.875rem;line-height:1.45;font-weight:700}.header nav{display:flex;gap:30px;font-size:.9375rem;font-weight:700}.header nav a{text-decoration:none}.hero{padding-block:58px 68px;display:grid;grid-template-columns:1.14fr 1fr;gap:64px;align-items:center}.eyebrow{font-family:Arial,sans-serif;font-size:.875rem;font-weight:700;letter-spacing:.16em;color:var(--gold-dark);margin-bottom:18px}.audience{font-size:.9375rem;font-weight:700;margin:0}.lead{font-size:1.08rem;line-height:1.9}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:58px;border:1px solid var(--gold);padding:13px 24px;background:var(--gold);color:#142b3c;border-radius:3px;text-decoration:none;font-weight:800;text-align:center;line-height:1.5}.button:hover{background:#e4c785;border-color:#e4c785}.button span{white-space:nowrap}.note{font-size:.875rem;line-height:1.8;color:var(--muted);margin-top:12px}.text-link{font-weight:700;font-size:.9375rem}.hero-map{background:var(--navy);color:white;padding:30px 32px 22px;border-radius:4px;position:relative;box-shadow:16px 16px 0 #f0f2f3}.map-top{display:flex;justify-content:space-between;font-size:.875rem;color:#c6d3dc;border-bottom:1px solid #4d626f;padding-bottom:18px}.map-title{font-size:1.8rem;line-height:1.5;margin:24px 0}.map-title strong{color:#e3c786}.flow{list-style:none;padding:0;margin:0}.flow li{display:flex;align-items:center;gap:20px;border-top:1px solid #4d626f;padding:19px 0}.number{font-family:Georgia,serif;font-size:1.65rem;color:#e3c786}.flow li>span:last-child{margin-left:auto;color:#e3c786}.flow h2{font-size:1.35rem}.flow p,.map-support p{font-size:.875rem;color:#dbe4e9;margin:3px 0 0}.map-support{border:1px solid #9b8756;display:flex;gap:18px;padding:17px;margin-top:14px}.map-support strong{font-size:1rem}.map-note{font-size:.875rem;color:#c6d3dc;margin:18px 0 0}.subject-band{background:var(--soft);border-block:1px solid var(--line)}.subject-band .wrap{display:flex;justify-content:space-between;padding-block:20px;font-size:1rem;font-weight:700}.subject-band span+span{border-left:1px solid #c4cdd3;padding-left:40px}.section{padding-block:88px}.split{display:grid;grid-template-columns:1fr 1.15fr;gap:72px}.problem-list{padding:0;list-style:none;margin:0 0 25px}.problem-list li{padding:0 0 16px 25px;position:relative}.problem-list li:before{content:'—';position:absolute;left:0;color:var(--gold-dark)}.soft{background:var(--soft)}.intro{margin:22px 0 32px;max-width:760px}.outcome-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:38px}.outcome-grid article{background:white;padding:32px}.outcome-grid .eyebrow{display:block;margin-bottom:17px}.takeaway{border-top:1px solid var(--line);padding-top:16px;font-size:.875rem;color:var(--muted)}.takeaway strong{display:block;color:var(--ink);font-size:1rem}.learning{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:40px 0 20px;margin-top:40px;border-top:1px solid #bdc9d1}.course-tags{display:grid;grid-template-columns:1fr 1fr;gap:12px}.course-tags span{padding:18px 10px;border:1px solid #c1cbd2;background:white;font-weight:700;text-align:center}.tools{background:white;border:1px solid var(--line);padding:0 24px;margin-top:20px}.tools summary{padding:20px 0}.tools summary span{font-size:.875rem;color:var(--gold-dark);margin-left:14px}.tools dt{font-weight:800}.tools dd{margin:0 0 16px}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end}.section-head p{max-width:450px;margin:0}.roadmap{display:grid;grid-template-columns:repeat(3,1fr);padding:0;list-style:none;margin:38px 0 0;gap:30px}.roadmap li{border-top:3px solid var(--gold);padding-top:23px}.period{font-family:Georgia,serif;font-size:2rem;display:block;margin-bottom:20px}.period small{font-size:1rem}.roadmap strong{font-size:.9375rem}.cases{background:#e9eef1}.placeholder{border-left:3px solid var(--gold-dark);padding-left:28px}.status{display:inline-block;border:1px solid #a4afb6;padding:3px 10px;font-size:.875rem;margin-bottom:20px}.notice{background:#f7f1e4;border-left:3px solid #9d7b32;padding:16px 20px;font-size:.9375rem}.plans{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:32px}.plan{padding:34px;border:1px solid #bfcbd2;border-top:5px solid var(--ink);display:flex;flex-direction:column}.plan.gold{border-color:#b69956;border-top-color:#b69956;background:#fdfbf6}.plan h3{font-size:1.75rem}.price{margin:22px 0 0;line-height:1.5}.price strong{font-family:Arial,sans-serif;font-size:2.8rem;letter-spacing:-.035em;margin-right:5px}.price span{font-size:.9375rem;margin-left:6px}.annual{margin:12px 0 0}.plan dl{border-top:1px solid var(--line);padding-top:20px;margin:18px 0 25px}.plan dt{font-size:.9375rem;font-weight:800}.plan dd{margin:5px 0 20px;font-size:.9375rem}.secondary{background:transparent;border-color:var(--ink);margin-top:auto}.annual-info{border-block:1px solid var(--line);padding:28px 0 16px;margin-top:36px}.check-list{padding-left:24px}.check-list li{padding-bottom:14px}.founder{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:center}.founder figure{margin:0}.founder img{width:100%;border-radius:3px}.founder figcaption{font-size:.875rem;color:var(--muted);margin-top:10px}.founder-name{font-size:1.5rem;font-weight:800;margin:26px 0 4px}.founder-name span{font-size:1rem}.faq-wrap{max-width:880px}.faq-wrap h2{margin-bottom:34px}details{border-bottom:1px solid #bfcbd2}summary{font-size:1.0625rem;font-weight:700;cursor:pointer;padding:22px 26px 22px 0;line-height:1.7}details p{margin:0 0 24px}details[open] summary{color:var(--gold-dark)}.final{background:var(--navy);color:white;text-align:center}.final .eyebrow{color:#e3c786}.final h2{font-size:clamp(2rem,3.5vw,3rem)}.final h2+p{margin:24px 0 30px}.final .note{color:#dbe4e9}.footer{padding-block:40px}.footer-top{display:flex;justify-content:space-between;gap:24px;align-items:start}.footer-top p{font-size:.9375rem;margin-top:12px}.legal{display:flex;flex-wrap:wrap;gap:12px 24px;border-top:1px solid var(--line);padding-top:24px;font-size:.875rem;color:var(--muted)}.mobile-cta{display:none}dialog{width:min(560px,calc(100% - 32px));border:0;border-top:5px solid var(--gold);padding:32px;color:var(--ink);max-height:85dvh;overflow:auto}dialog h2{font-size:1.8rem;margin-bottom:22px}dialog::backdrop{background:rgb(10 26 38 / .72)}dialog .button{width:100%}:focus-visible{outline:3px solid #2680ba;outline-offset:5px}.skip{position:fixed;top:12px;left:12px;transform:translateY(-180%);z-index:50;background:white;padding:12px}.skip:focus{transform:none}section,main{scroll-margin-top:24px}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero{gap:32px}.hero-map{padding:25px}.header nav{gap:18px}.split,.founder{gap:40px}.subject-band span+span{padding-left:20px}.section-head{display:block}.section-head p{margin-top:22px}.plan{padding:26px}.price strong{font-size:2.4rem}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.review-bar{font-size:.875rem;padding:8px 15px}.review-bar span{display:block;margin:0}.header{padding-block:18px;flex-wrap:wrap;gap:18px}.brand>strong{font-size:2.3rem}.brand>span{font-size:.875rem}.header nav{width:100%;justify-content:space-between;gap:10px;font-size:.875rem}.hero{grid-template-columns:1fr;padding-block:32px 45px;gap:34px}.hero h1{font-size:clamp(2rem,8.7vw,3.2rem);margin-block:14px 20px}.hero .eyebrow{margin-bottom:12px}.audience{font-size:.875rem}.lead{font-size:1rem}.desktop{display:none}.button{padding:14px 18px;gap:14px;max-width:100%;font-size:1rem}.hero-copy>.button{width:100%}.hero-map{padding:24px;box-shadow:8px 8px 0 #edf0f2}.map-title{font-size:1.6rem}.subject-band .wrap{display:block;padding-block:18px}.subject-band span{display:block;font-size:.9375rem}.subject-band span+span{border:0;padding:5px 0 0}.section{padding-block:58px}.split,.founder,.outcome-grid,.learning,.plans,.roadmap{grid-template-columns:1fr}.split,.founder{gap:30px}.outcome-grid article{padding:26px}.learning{gap:18px;margin-top:26px;padding-top:28px}.course-tags{gap:8px}.course-tags span{padding:14px 6px;font-size:.9375rem}.tools{padding-inline:18px}.tools summary span{display:block;margin-left:0}.roadmap{gap:30px}.roadmap li{padding-top:18px}.period{margin-bottom:10px}.plans{gap:24px}.plan{padding:26px}.price strong{font-size:2.6rem}.founder figure{max-width:360px}.placeholder{padding-left:20px}.footer-top{display:block}.footer-top>a{display:inline-block;margin-bottom:18px}.footer{padding-bottom:125px}.legal{display:grid;gap:8px}.mobile-cta{display:block;position:fixed;bottom:0;left:0;right:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid var(--line);z-index:10}.mobile-cta .button{width:100%;min-height:56px}.mobile-cta span{font-size:.875rem;font-weight:500}html{scroll-padding-bottom:110px}.founder-name span{display:block}dialog{padding:24px}.notice{padding:16px}.eyebrow{letter-spacing:.12em}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.recommend{background:var(--navy);color:#f3dfaf;padding:10px 14px;font-size:.9375rem;font-weight:800;margin:-14px -14px 25px;text-align:center}.saving{font-weight:800;color:var(--gold-dark);margin:15px 0 0}.platinum{display:grid;grid-template-columns:1fr 1.15fr;gap:35px;border:1px solid #adb9c2;background:#f2f4f6;padding:30px;margin-top:28px}.platinum h3{font-size:1.6rem}.platinum p:last-child{margin-bottom:0}.platinum>div>strong{display:block;margin-bottom:12px}@media(max-width:700px){.platinum{grid-template-columns:1fr;gap:20px;padding:26px}.plans .gold{order:-1}.hero .note{margin-bottom:12px}.hero .eyebrow{margin-bottom:10px}}
.comparison{margin-top:55px}.comparison h3{font-size:1.6rem}.comparison table{width:100%;border-collapse:collapse;font-size:.9375rem;table-layout:fixed}.comparison caption{text-align:left;font-size:.875rem;padding:10px 0;color:var(--muted)}.comparison th,.comparison td{border:1px solid var(--line);padding:16px 20px;text-align:left;vertical-align:top}.comparison thead{background:var(--navy);color:white}.comparison tbody th{width:30%;background:var(--soft)}.comparison td:last-child{background:#faf6ec}.payment-routes{display:grid;grid-template-columns:1fr 1fr;gap:24px}.payment-routes article{border:1px solid var(--line);padding:32px;display:flex;flex-direction:column}.payment-routes .route-gold{border-top:4px solid var(--gold);background:#faf7ef}.payment-routes .button{margin-top:auto}.enroll-main{padding-top:55px}.enroll-heading h1{font-size:clamp(2.2rem,4vw,3.5rem);margin-block:15px 24px}.enroll-steps{display:flex;list-style:none;padding:0;margin:35px 0 40px;border-block:1px solid var(--line)}.enroll-steps li{flex:1;padding:19px 16px;font-weight:700;font-size:.9375rem}.enroll-steps .current{background:var(--navy);color:white}.enroll-steps span{color:var(--gold-dark);margin-right:10px;font-family:Georgia,serif;font-size:1.4rem}.enroll-steps .current span{color:#e3c786}.enroll-steps small{font-size:.875rem;font-weight:400}.enroll-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:start}.plan-choice{border:0;padding:0;margin:0;min-width:0}.plan-choice legend{font-size:1.3rem;font-weight:800;padding:0;margin-bottom:20px}.choice{display:flex;align-items:start;gap:16px;border:1px solid #b8c4cd;padding:25px;margin-bottom:18px;cursor:pointer}.choice:has(input:checked){border:2px solid #987229;background:#fcf8ee;padding:24px}.choice input{width:20px;height:20px;accent-color:#775921;margin-top:8px;flex-shrink:0}.choice>span{display:flex;flex-direction:column;gap:8px}.choice strong{font-size:1.5rem}.choice-tag{font-size:.875rem;color:var(--gold-dark);font-weight:800}.choice-price{font-family:Arial,sans-serif;font-size:2.2rem;font-weight:800}.choice-price small{font:400 .9375rem 'Yu Gothic',sans-serif;display:inline-block;margin-left:5px}.terms-review{margin-block:38px}.terms-review h2{font-size:1.3rem}.order-review{background:var(--navy);color:white;padding:32px;position:sticky;top:24px}.order-review .eyebrow{color:#e3c786}.order-review h2{font-size:1.3rem}.selection-name{font-size:1.5rem;font-weight:800;margin:24px 0 4px}.selection-price strong{font-family:Arial,sans-serif;font-size:2.5rem;display:block}.selection-price span{font-size:1rem}.order-review .note{color:#dbe4e9}.order-divider{height:1px;background:#526876;margin:25px 0}.order-review .button{width:100%;font-size:.9375rem}.order-review .text-link{display:block;margin-top:20px;text-align:center}.enroll-bottom{border-top:1px solid var(--line);padding-top:35px;margin:30px 0 60px}.enroll-bottom h2{font-size:1.4rem;margin-bottom:20px}
@media(max-width:700px){.comparison th,.comparison td{padding:14px 16px}.comparison thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.comparison table,.comparison tbody,.comparison tr,.comparison th,.comparison td{display:block;width:100%}.comparison tr{margin-bottom:18px}.comparison tbody th{width:100%;background:var(--navy);color:white}.comparison td:before{content:attr(data-label);display:block;font-weight:800;font-size:.875rem;margin-bottom:5px}.payment-routes,.enroll-grid{grid-template-columns:1fr}.payment-routes article{padding:25px}.enroll-main{padding-top:30px}.enroll-steps{gap:0}.enroll-steps li{padding:12px 8px;font-size:.875rem;line-height:1.5}.enroll-steps span{display:block}.enroll-steps small{display:block}.enroll-grid{gap:20px}.order-review{position:static;padding:25px}.choice{padding:20px}.choice:has(input:checked){padding:19px}.choice-price{font-size:2rem}.choice-price small{display:block;margin:0}.enroll-bottom{margin-top:40px}.enroll-page .footer{padding-bottom:35px}}
.comparison caption{display:block;width:100%;caption-side:top}.comparison table{display:table}.comparison caption{display:table-caption}@media(max-width:700px){.comparison table,.comparison caption{display:block;width:100%}.comparison h3{font-size:1.45rem}.choice>span>span:not(.choice-price):not(.choice-tag){font-size:.9375rem}}
.masthead{background:#071c31;color:#fff}.masthead .header{border-bottom:0;padding-block:30px;min-height:190px}.masthead .brand{display:flex;flex-direction:column;align-items:center;gap:12px;flex-shrink:0}.masthead .owc-logo{width:340px;height:auto}.masthead .brand>.brand-english{font-family:Arial,sans-serif;font-size:1.25rem;font-weight:700;letter-spacing:.065em;line-height:1.4;white-space:nowrap}.masthead nav{gap:32px}.masthead a:hover{color:#62dbd4}.review-bar{background:#0b263e;border-bottom:1px solid #2b4357}.masthead :focus-visible{outline-color:#62dbd4}
@media(max-width:1000px){.masthead .owc-logo{width:290px}.masthead .brand>.brand-english{font-size:1.0625rem}.masthead nav{gap:18px}}
@media(max-width:700px){.masthead .header{justify-content:center;padding-block:26px 20px;gap:26px;min-height:0}.masthead .brand{max-width:100%;gap:12px}.masthead .owc-logo{width:min(310px,100%)}.masthead .brand>.brand-english{font-size:clamp(.875rem,3.65vw,1.125rem);letter-spacing:.035em}.masthead nav{border-top:1px solid #385065;padding-top:18px;gap:8px}.masthead .header>.text-link{font-size:.875rem}}
@media print{.mobile-cta,.review-bar,dialog{display:none}body{font-size:12pt}.section{padding-block:30px}.hero,.split,.founder{gap:25px}.wrap{width:100%}.plan,article,details{break-inside:avoid}}

/* Navy and turquoise identity / header review v4 */
:root{--turquoise:#10b9b0;--turquoise-dark:#007d78}
h1,h2,h3{text-wrap:balance;overflow-wrap:normal;word-break:normal}
.eyebrow,.text-link,.problem-list li:before{color:var(--turquoise-dark)}
.button:not(.secondary){background:var(--turquoise);border-color:var(--turquoise);color:#071c31}
.button:not(.secondary):hover{background:#5bddcf;border-color:#5bddcf}
.roadmap li{border-top-color:var(--turquoise)}
.final .eyebrow{color:#6ae2d8}
.plan .eyebrow,.platinum .eyebrow,.order-review .eyebrow{color:var(--gold-dark)}
.order-review .eyebrow{color:#e3c786}
.sales-page .masthead .header{min-height:100px;padding-block:20px;gap:24px}
.header-intro .eyebrow{color:#fff;font-size:1.1rem;font-weight:400;letter-spacing:.035em;margin:0;line-height:1.65}
.header-intro .audience{font-size:1rem;font-weight:400;color:#fff;text-wrap:balance}
.hero-stage{background:#071c31;color:#fff}
.sales-page .hero{grid-template-columns:1.18fr 1fr;gap:44px;padding-block:44px 54px;align-items:start}
.sales-page .hero-copy{min-width:0;padding-top:18px}
.sales-page .hero h1{font-size:clamp(1.9rem,3.25vw,2.65rem);letter-spacing:0;line-height:1.45;margin:0 0 26px}
.headline-line{display:block}.headline-line>span{display:inline-block}
.hero-brand-panel{background:transparent;padding:28px 20px;margin:0 0 32px}
.hero-brand-panel .brand{flex-direction:column;gap:14px;text-align:center}
.hero-brand-panel .owc-logo{width:min(400px,100%);height:auto}
.hero-brand-panel .brand>.brand-english{font-family:Arial,sans-serif;font-size:clamp(1rem,1.65vw,1.35rem);letter-spacing:.045em;line-height:1.4}
.sales-page .hero .lead{font-size:1.08rem;margin-bottom:24px}
.sales-page .hero .note{color:#bdced8}.sales-page .hero .text-link{color:#71e5dc}
.sales-page .hero-map{box-shadow:none;background:#142f40;border-radius:0;padding:24px}
.sales-page .map-title strong,.sales-page .number,.sales-page .flow li>span:last-child{color:#62dcd2}
.sales-page .map-support{border-color:#339c9b}
.sales-page .hero :focus-visible{outline-color:#71e5dc}
@media(min-width:901px) and (max-width:1100px){.sales-page .hero{gap:28px}.sales-page .hero h1{font-size:2.1rem}}
@media(max-width:900px){.sales-page .hero{grid-template-columns:1fr;max-width:680px;gap:36px}.sales-page .hero h1{font-size:clamp(1.8rem,5.7vw,2.65rem)}.sales-page .masthead .header{flex-wrap:wrap}.sales-page .masthead nav{gap:24px}.hero-brand-panel .brand>.brand-english{font-size:clamp(1rem,3.1vw,1.35rem)}}
@media(max-width:700px){.sales-page .masthead .header{justify-content:flex-start;padding-block:18px;gap:16px}.header-intro .eyebrow{font-size:1rem}.header-intro .audience{font-size:.875rem}.sales-page .masthead nav{gap:8px;padding-top:14px}.sales-page .hero{padding-block:24px 40px}.sales-page .hero-copy{padding-top:0}.sales-page .hero h1{font-size:clamp(1.6rem,6.8vw,2.5rem);line-height:1.5;margin-bottom:22px}.hero-brand-panel{padding:25px 16px;margin-bottom:24px}.hero-brand-panel .brand{gap:12px}.sales-page .hero .lead{font-size:1rem}.sales-page .hero-map{padding:22px}.hero-brand-panel .brand>.brand-english{font-size:clamp(.8rem,3.6vw,1.2rem)}}

.annual-options{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0}.annual-options article{border:1px solid var(--line);padding:26px}.annual-options h4{font-size:1.25rem;margin:0;text-wrap:balance}.annual-options .annual-gold{background:#fdf8ec;border:2px solid #b69956}.annual-badge{background:#122e42;color:#f3dfaf;font-weight:700;padding:8px 12px}.annual-info .eyebrow{color:var(--gold-dark)}.annual-info>.button{background:var(--gold);border-color:var(--gold)}@media(max-width:700px){.plans .gold{order:0}.annual-options{grid-template-columns:1fr}.annual-options article{padding:22px}}

/* Gentle sequential light: words remain still. */
.motion-map{isolation:isolate;overflow:hidden}
.motion-map::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:-60% -100%;background:linear-gradient(115deg,transparent 48%,rgb(16 185 176 / .035) 49.7%,rgb(99 231 217 / .16) 50%,rgb(16 185 176 / .035) 50.3%,transparent 52%);animation:owc-ambient 16s linear infinite}
.motion-map .map-top{padding-right:0}.motion-toggle{display:block;margin:12px 0 0 auto;background:transparent;border:1px solid #476879;border-radius:3px;color:#c6d3dc;font-size:.75rem;padding:4px 9px;line-height:1.6}.motion-toggle:hover{border-color:#62dcd2;color:#fff}.motion-toggle span{margin-left:6px}
.motion-map .flow li{position:relative;isolation:isolate}
.motion-map .flow li::before{content:"";position:absolute;inset:5px -10px;z-index:-1;border-left:2px solid #62dcd2;background:linear-gradient(90deg,rgb(16 185 176 / .18),rgb(16 185 176 / .025));box-shadow:-5px 0 18px -10px #62dcd2;opacity:0;animation:owc-step 9s ease-in-out infinite}
.motion-map .flow li:nth-child(2)::before{animation-delay:3s}.motion-map .flow li:nth-child(3)::before{animation-delay:6s}
.sales-page .motion-map .map-support{background:rgb(16 185 176 / .045);box-shadow:0 0 20px rgb(16 185 176 / .07),inset 0 0 18px rgb(16 185 176 / .035)}
.motion-map.is-paused::before,.motion-map.is-paused .flow li::before{animation-play-state:paused}
@keyframes owc-step{0%,33.33%,100%{opacity:0}7%,25%{opacity:1}}
@keyframes owc-ambient{from{transform:translateX(-16%)}to{transform:translateX(16%)}}
@media(prefers-reduced-motion:reduce){.motion-map::before,.motion-map .flow li::before{animation:none}.motion-map::before{opacity:.3}.motion-toggle{display:none}}

/* 1250px content width and aligned brand signature */
@media(min-width:901px){.hero-brand-panel{padding:22px 0 24px}.hero-brand-panel .brand{align-items:flex-start;text-align:left;width:420px;max-width:100%}.hero-brand-panel .owc-logo{width:420px;max-width:100%}.hero-brand-panel .brand>.brand-english{width:100%;text-align:center;font-size:1.35rem;letter-spacing:.045em}.sales-page .hero h1{font-size:clamp(2rem,3.25vw,2.8rem)}}

/* Compact branding on payment guide pages */
.enroll-page .masthead .header{min-height:0;padding-block:20px;gap:20px}.enroll-page .masthead .brand{gap:7px}.enroll-page .masthead .owc-logo{width:180px;height:auto}.enroll-page .masthead .brand>.brand-english{font-size:.6875rem;letter-spacing:.035em;line-height:1.4}
@media(max-width:700px){.enroll-page .masthead .header{justify-content:space-between;flex-wrap:nowrap;padding-block:16px;gap:12px}.enroll-page .masthead .owc-logo{width:150px}.enroll-page .masthead .brand>.brand-english{font-size:.5625rem}.enroll-page .masthead .header>.text-link{font-size:.75rem;text-align:right;max-width:125px}.enroll-page .masthead .brand{flex-shrink:0}}
.enroll-page .masthead .text-link{color:#71e5dc}

/* Selected brand: PC with play button + OWC, no subtitle */
.hero-brand-panel .brand{gap:0}.enroll-page .masthead .brand{gap:0}.enroll-page .masthead .owc-logo{width:200px;height:auto}@media(max-width:700px){.enroll-page .masthead .owc-logo{width:160px}}

/* Learning journey inside PC and phone */
.learning-devices{margin:0;min-width:0;align-self:center}.learning-devices>img{width:100%;height:auto;border-radius:8px}.learning-devices figcaption{padding:22px 10px 0}.device-caption{font-size:1.3rem;font-weight:700;line-height:1.7;color:#fff;text-wrap:balance}.device-steps{list-style:none;padding:0;margin:22px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.device-steps li{border-top:2px solid #10b9b0;padding-top:12px;display:flex;flex-direction:column;gap:5px}.device-steps span{color:#62dcd2;font-size:.8rem}.device-steps strong{font-size:1rem;white-space:nowrap}.device-steps small{font-size:.75rem;color:#bdced8}.device-support{color:#71e5dc;font-size:.9375rem;font-weight:700}.learning-devices .note{font-size:.75rem;color:#bdced8}@media(min-width:901px){.sales-page .hero{grid-template-columns:1.05fr 1.15fr;gap:36px}.sales-page .hero h1{font-size:clamp(1.8rem,3vw,2.65rem)}}@media(max-width:700px){.learning-devices figcaption{padding:18px 0 0}.device-caption{font-size:1.15rem}.device-steps{gap:8px}.device-steps small{font-size:.6875rem}}

.hero-brand-panel .brand{gap:14px}.hero-brand-panel .brand>.brand-english{display:block;width:100%;text-align:center;font-family:Arial,sans-serif;font-size:clamp(.875rem,1.55vw,1.2rem);font-weight:700;letter-spacing:.035em;line-height:1.5}@media(max-width:700px){.hero-brand-panel .brand>.brand-english{font-size:clamp(.8rem,3.5vw,1.1rem)}}

/* Quiet motion over the device visual */
.device-image{position:relative;overflow:hidden;border-radius:8px;isolation:isolate}.device-image img{display:block;width:100%;height:auto}.device-image:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,rgb(74 235 220 / .12) 49%,rgb(216 255 249 / .12) 50%,transparent 64%);transform:translateX(-130%);animation:device-sheen 12s ease-in-out infinite}.device-motion-toggle{display:block;margin:10px 0 0 auto;color:#bdd4df;background:transparent;border:1px solid #375465;border-radius:3px;font-size:.75rem;padding:5px 10px}.device-motion-toggle:hover{color:#fff;border-color:#62dcd2}.device-steps li{animation:device-step 9s ease-in-out infinite}.device-steps li:nth-child(2){animation-delay:3s}.device-steps li:nth-child(3){animation-delay:6s}.learning-devices.motion-paused .device-image:after,.learning-devices.motion-paused .device-steps li{animation-play-state:paused}@keyframes device-sheen{0%,15%{transform:translateX(-130%)}65%,100%{transform:translateX(130%)}}@keyframes device-step{0%,33%,100%{background:transparent;box-shadow:none}8%,25%{background:rgb(16 185 176 / .12);box-shadow:0 -3px 14px -5px #62dcd2}}@media(prefers-reduced-motion:reduce){.device-image:after,.device-steps li{animation:none}.device-image:after,.device-motion-toggle{display:none}}

/* Seamless hero / larger typography */
.sales-page .masthead,.sales-page .hero-stage{background:#031522}
.sales-page .hero-stage{background:radial-gradient(ellipse at 82% 50%,#082b3d 0, #031522 57%)}
.sales-page .hero{align-items:center;padding-block:36px 48px;gap:32px;grid-template-columns:1fr 1.12fr}
.sales-page .hero-copy{padding-top:0}
.sales-page .hero h1{font-family:Meiryo,'Yu Gothic',sans-serif;font-weight:900;font-size:clamp(2.4rem,4.2vw,3.6rem);line-height:1.28;letter-spacing:-.035em;margin-bottom:26px}
.hero-brand-panel{padding:10px 0 14px;margin-bottom:22px}
.hero-brand-panel .brand{width:min(490px,100%);max-width:100%;align-items:flex-start;gap:12px}
.hero-brand-panel .owc-logo{width:100%;height:auto}
.hero-brand-panel .brand>.brand-english{font-size:clamp(.9rem,1.6vw,1.3rem);letter-spacing:.035em}
.sales-page .hero .lead{font-size:1rem;line-height:1.8;margin-bottom:20px}
.learning-devices{align-self:center}
.device-image{border-radius:0;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 89%,transparent);mask-composite:intersect}
.learning-devices figcaption{padding:12px 12px 0}
.device-caption{font-size:1.2rem;margin-bottom:16px}
.device-steps{margin:16px 0 0}
.device-motion-toggle{margin:0 12px 0 auto}
@media(min-width:901px){.sales-page .hero h1 .headline-line>span{display:block}.sales-page .hero .note{font-size:.75rem;line-height:1.6;margin-bottom:12px}.sales-page .hero .text-link{font-size:.875rem}}
@media(max-width:900px){.sales-page .hero{grid-template-columns:1fr;gap:28px}.sales-page .hero h1{font-size:clamp(2rem,6.2vw,3.2rem)}.hero-brand-panel .brand{margin-inline:auto}.sales-page .hero-stage{background:radial-gradient(ellipse at 70% 75%,#082b3d,#031522 65%)}}
@media(max-width:700px){.sales-page .hero h1{font-size:clamp(1.9rem,8vw,3rem);line-height:1.4;letter-spacing:-.035em}.sales-page .hero h1 .headline-line>span{display:block}.hero-brand-panel{padding:8px 0 10px;margin-bottom:22px}.hero-brand-panel .brand>.brand-english{font-size:clamp(.8rem,3.7vw,1.2rem)}.sales-page .hero{padding-block:26px 36px}.learning-devices figcaption{padding-inline:0}}

/* Light each learning card inside the photographed PC screen. */
.screen-lights{position:absolute;inset:0;pointer-events:none;z-index:1}
.screen-light{position:absolute;inset:0;opacity:0;background:linear-gradient(145deg,rgb(101 255 234 / .28),rgb(16 185 176 / .12) 55%,rgb(101 255 234 / .23));mix-blend-mode:screen;animation:owc-screen-light 9s ease-in-out infinite}
.screen-learn{clip-path:polygon(26.2% 26.1%,39.3% 26.4%,40.3% 28%,39.3% 61.4%,38% 63.2%,24.7% 60.5%,23.8% 59%,24.9% 28%)}
.screen-create{clip-path:polygon(43.9% 26.5%,58.1% 26.8%,59.3% 28.5%,58.6% 63.4%,57.4% 65%,41.6% 62.7%,40.5% 61%,42.2% 28%);animation-delay:3s}
.screen-sell{clip-path:polygon(61.7% 26.7%,78.4% 27%,79.6% 28.5%,78.5% 35.7%,77% 40%,76.2% 65.4%,74.8% 66.9%,60.1% 64.4%,59.1% 62.7%,60.4% 28%);animation-delay:6s}
.learning-devices.motion-paused .screen-light{animation-play-state:paused}
@keyframes owc-screen-light{0%,33.33%,100%{opacity:0}7%,25%{opacity:1}}
.device-image:after{display:none}
@media(prefers-reduced-motion:reduce){.screen-light{animation:none;opacity:0}}
@keyframes device-step{0%,33.33%,100%{background:transparent;box-shadow:none}7%,25%{background:rgb(16 185 176 / .12);box-shadow:0 -3px 14px -5px #62dcd2}}

/* OWC philosophy: two-line headline at every target width */
.sales-page .hero{grid-template-columns:1.08fr 1fr;gap:30px}.sales-page .hero h1.options-headline{font-size:clamp(1.9rem,3.35vw,3rem);font-weight:900;line-height:1.45;letter-spacing:-.035em}.options-headline>span{display:block;white-space:nowrap}.sales-page .hero .lead{max-width:560px}.hero-brand-panel{margin-block:14px 22px}@media(max-width:900px){.sales-page .hero{grid-template-columns:1fr}.sales-page .hero h1.options-headline{font-size:clamp(1.8rem,5.4vw,2.8rem)}}@media(max-width:700px){.sales-page .hero h1.options-headline{font-size:clamp(1.25rem,5.75vw,2.5rem);letter-spacing:-.04em;line-height:1.55}}

.options-headline em{color:#62dcd2;font-style:normal}.sales-page .hero .lead{color:#dce8ee}

/* Gold trial CTA, including the mobile fixed button */
.button[data-trial]{background:#d5b56b;border-color:#d5b56b;color:#071c31}.button[data-trial]:hover{background:#e4c785;border-color:#e4c785}.button[data-trial]:active{background:#c9a75b;border-color:#c9a75b}.button[data-trial]:focus-visible{outline:3px solid #62dcd2;outline-offset:4px}

/* On stacked layouts, show the animated visual immediately after the logo. */
@media(max-width:900px){.sales-page .hero{display:flex;flex-direction:column;align-items:stretch;gap:0}.sales-page .hero-copy{display:contents}.sales-page .hero h1.options-headline{order:1}.sales-page .hero .hero-brand-panel{order:2}.sales-page .hero .learning-devices{order:3;align-self:stretch;margin:0 0 26px}.sales-page .hero .hero-details{order:4}.sales-page .hero .hero-details>.button{width:100%}}

/* 7th anniversary renewal notice */
.renewal-banner{background:linear-gradient(135deg,#f0d591 0%,#d5b56b 100%);color:#071c31;border-bottom:1px solid #b28d3e;padding:20px 0}
.renewal-banner .wrap{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(420px,1.4fr);gap:34px;align-items:center}
.renewal-banner h2{font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.55;letter-spacing:.01em;text-wrap:balance}
.renewal-banner h2 span{display:block;white-space:nowrap}
.renewal-banner p{margin:0;font-size:1rem;line-height:1.75;font-weight:600}
@media(max-width:900px){.renewal-banner{padding:18px 0}.renewal-banner .wrap{grid-template-columns:1fr;gap:7px}.renewal-banner h2{font-size:1.2rem}.renewal-banner p{font-size:.9375rem}.renewal-banner p br{display:none}}
@media(max-width:700px){.renewal-banner{padding:16px 0}.renewal-banner .wrap{width:calc(100% - 32px)}.renewal-banner h2{font-size:1.08rem;line-height:1.6}.renewal-banner p{font-size:.875rem;line-height:1.75}.mobile-cta .button{font-size:.9375rem}}
@media(max-width:700px){.mobile-cta{display:none}.footer{padding-bottom:40px}html{scroll-padding-bottom:0}}

/* 7th anniversary renewal notice */
.renewal-banner{background:linear-gradient(135deg,#f2d993 0%,#d2ae57 55%,#c79d42 100%);border-bottom:1px solid #a47c29;box-shadow:inset 0 -1px rgb(255 255 255 / .28);color:#071c31}
.renewal-banner .wrap{grid-template-columns:64px minmax(260px,.9fr) minmax(420px,1.4fr);gap:24px}
.renewal-icon{display:grid;place-items:center;width:58px;height:58px;border:1px solid rgb(86 58 9 / .22);border-radius:50%;background:rgb(255 250 230 / .58);box-shadow:0 3px 10px rgb(78 51 8 / .12);font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;font-size:2rem;line-height:1}
@media(max-width:900px){.renewal-banner .wrap{grid-template-columns:54px 1fr;gap:7px 16px}.renewal-icon{grid-row:1/3;width:50px;height:50px;font-size:1.75rem}.renewal-banner p{grid-column:2}}
@media(max-width:560px){.renewal-banner .wrap{grid-template-columns:46px 1fr;gap:8px 12px}.renewal-icon{grid-row:1;width:44px;height:44px;font-size:1.55rem}.renewal-banner p{grid-column:1/-1;margin-top:4px}}