/* Blockchain-Native OTC Securities — redesigned v2 */
.otc-page{--otc-red:#BF2E1A;--otc-navy:#14253D;--otc-ink:#455568;--otc-border:#e2e8ee;background:#fff;color:var(--otc-navy);overflow-x:clip}
.otc-page *{box-sizing:border-box}
.otc-page .otc-shell{width:min(1240px,calc(100% - 48px));margin-inline:auto}
.otc-page .otc-kicker{display:block;color:var(--otc-red);font-size:12px;font-weight:750;letter-spacing:.14em;line-height:1.5;margin-bottom:17px}
.otc-page .otc-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#fff 12%,#f8fafc 64%,#edf3f7 100%);border-bottom:1px solid #e7edf2}
.otc-page .otc-hero:before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;border:1px solid rgba(150,170,188,.16);right:-170px;top:-170px;pointer-events:none}
.otc-page .otc-hero-layout{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);align-items:center;gap:28px;min-height:600px;padding:94px 0 100px}
.otc-page .otc-hero-copy{position:relative;z-index:1}
.otc-page h1{font-size:clamp(40px,4.5vw,56px);line-height:1.08;letter-spacing:-.03em;color:var(--otc-navy);font-weight:750;margin:0 0 26px}
.otc-page h1 em{color:var(--otc-red);font-style:normal}
.otc-page .otc-status{display:flex;align-items:flex-start;gap:11px;color:#36495d;font-size:16px!important;line-height:1.6!important;font-weight:650;margin:0 0 23px}
.otc-page .otc-status-dot{width:9px;height:9px;flex:none;margin-top:9px;background:var(--otc-red);border-radius:50%;box-shadow:0 0 0 4px rgba(191,46,26,.10)}
.otc-page .otc-lead{font-size:20px!important;line-height:1.76!important;color:var(--otc-ink);max-width:690px;margin:0}
.otc-page .otc-hero-visual{position:relative;min-width:0}
.otc-page .otc-hero-visual svg{display:block;width:100%;height:auto;max-width:580px}
.otc-page .otc-art-float{animation:otc-float 7s ease-in-out infinite alternate;transform-origin:center}
.otc-page .otc-art-trace{stroke-dasharray:470;stroke-dashoffset:470;animation:otc-trace 8s ease-in-out infinite}
@keyframes otc-float{to{transform:translateY(-9px)}}@keyframes otc-trace{0%,12%{stroke-dashoffset:470;opacity:.15}60%,85%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:-470;opacity:.15}}
.otc-page .otc-content{padding:92px 0 105px;background:#fff}
.otc-page .otc-section-header{max-width:810px;margin-bottom:48px}
.otc-page h2{font-size:28px;line-height:1.3;color:var(--otc-navy);font-weight:680;margin:0}
.otc-page .otc-section-header h2{font-size:clamp(28px,3vw,40px);letter-spacing:-.025em;max-width:760px}
.otc-page .otc-feature-list{border-top:1px solid var(--otc-border)}
.otc-page .otc-feature{display:grid;grid-template-columns:100px minmax(0,1fr) 150px;gap:26px;align-items:start;padding:42px 0;border-bottom:1px solid var(--otc-border)}
.otc-page .otc-feature-marker{display:flex;align-items:center;gap:15px}
.otc-page .otc-number{font-size:45px;line-height:1;font-weight:350;color:#BF2E1A;letter-spacing:-.06em}
.otc-page .otc-marker-line{width:22px;height:1px;background:#d9c5c1}
.otc-page .otc-feature-copy{max-width:840px}
.otc-page h3{font-size:28px;line-height:1.3;font-weight:680;color:var(--otc-navy);margin:0 0 14px}
.otc-page .otc-feature p,.otc-page .otc-capital p{font-size:20px!important;line-height:1.76!important;color:var(--otc-ink);margin:0}
.otc-page .otc-feature-side{font-size:10px;font-weight:700;letter-spacing:.13em;color:#94a2af;text-align:right;padding-top:9px}
.otc-page .otc-capital{padding:20px 0 75px;background:#fff}
.otc-page .otc-capital-frame{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;padding:58px 62px;background:linear-gradient(125deg,#f6f8fa,#fff);border:1px solid #e2e8ee;border-radius:13px}
.otc-page .otc-capital-heading{position:relative}
.otc-page .otc-capital-heading h2{font-size:clamp(32px,2.8vw,40px);letter-spacing:-.03em;max-width:410px}
.otc-page .otc-capital-decoration{display:flex;gap:7px;margin-top:35px}
.otc-page .otc-capital-decoration span{width:35px;height:3px;background:#d9e1e8;border-radius:5px}
.otc-page .otc-capital-decoration span:first-child{background:var(--otc-red);width:65px}
.otc-page .otc-capital-body p+p{margin-top:22px}
.otc-page .otc-related{display:flex;flex-wrap:wrap;gap:14px;margin-top:29px}
.otc-page .otc-related a{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:46px;padding:10px 17px;border:1px solid #dbe2e9;border-radius:6px;background:#fff;color:var(--otc-navy);text-decoration:none;font-size:18px;transition:border-color .2s,background .2s}

.otc-page .otc-contact{padding:0 0 76px}
.otc-page .otc-contact-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:35px 0;border-top:1px solid var(--otc-border);border-bottom:1px solid var(--otc-border)}
.otc-page .otc-contact .otc-kicker{margin-bottom:8px}
.otc-page .otc-contact h2{font-size:28px;max-width:530px}
.otc-page .otc-contact .ohanae-btn{flex:none;white-space:normal;text-align:center}
.otc-page a:focus-visible{outline:3px solid #BF2E1A;outline-offset:4px;border-radius:3px}
.otc-page .otc-link{display:flex;flex-wrap:wrap;gap:18px 28px;padding-top:25px}.otc-page .otc-link a{color:#14253D;font-size:18px;font-weight:650;text-decoration:none;border-bottom:1px solid #ccd6df;padding-bottom:7px}.otc-page .otc-link a span{color:#BF2E1A}.otc-page .otc-link a:hover{border-color:#BF2E1A}
@media(max-width:1050px){.otc-page .otc-feature{grid-template-columns:90px minmax(0,1fr)}.otc-page .otc-feature-side{display:none}.otc-page .otc-capital-frame{gap:36px;padding:44px 38px}}
@media(max-width:800px){.otc-page .otc-hero-layout{grid-template-columns:1fr;min-height:0;padding:72px 0 70px}.otc-page .otc-hero-visual{width:min(480px,100%);margin:0 auto}.otc-page .otc-capital-frame{grid-template-columns:1fr;gap:25px}.otc-page .otc-contact-inner{flex-direction:column;align-items:flex-start}}
@media(max-width:600px){.otc-page .otc-shell{width:calc(100% - 36px)}.otc-page .otc-hero-layout{padding:56px 0 52px;gap:12px}.otc-page h1{font-size:clamp(36px,9vw,48px)}.otc-page .otc-lead,.otc-page .otc-feature p,.otc-page .otc-capital p{font-size:18px!important}.otc-page .otc-hero-visual{width:min(340px,100%)}.otc-page .otc-content{padding:60px 0 65px}.otc-page .otc-section-header{margin-bottom:28px}.otc-page .otc-feature{grid-template-columns:1fr;gap:12px;padding:29px 0}.otc-page .otc-number{font-size:34px}.otc-page h3{font-size:25px}.otc-page .otc-capital{padding:0 0 48px}.otc-page .otc-capital-frame{padding:30px 23px}.otc-page .otc-contact{padding:0 0 50px}.otc-page .otc-contact-inner{padding:32px 0}.otc-page .otc-contact .ohanae-btn{width:100%}}
@media(prefers-reduced-motion:reduce){.otc-page .otc-art-float,.otc-page .otc-art-trace{animation:none!important}.otc-page .otc-related a{transition:none}}

/* v3 — issuer-record visual, with shared Ohanae button dimensions */
.otc-page .otc-hero-visual{filter:drop-shadow(0 12px 30px rgba(20,37,61,.035))}
.otc-page .otc-v3-drift{animation:otc-v3-float 7s ease-in-out infinite alternate;transform-origin:center}
.otc-page .otc-v3-ledger{animation:otc-v3-float 8s ease-in-out infinite alternate-reverse;transform-origin:center}
.otc-page .otc-v3-signal{stroke-dasharray:150 150;stroke-dashoffset:300;animation:otc-v3-signal 5.5s linear infinite}
@keyframes otc-v3-float{to{transform:translateY(-7px)}}
@keyframes otc-v3-signal{to{stroke-dashoffset:0}}
.otc-page .ohanae-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:10px 20px;border:1px solid transparent;border-radius:7px;font-size:18px;line-height:1.4;text-decoration:none!important;text-align:center;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.otc-page .ohanae-btn-primary{background:#BF2E1A;color:#fff!important;border-color:#BF2E1A}
.otc-page .ohanae-btn-primary:hover{background:#992515;border-color:#992515;box-shadow:0 8px 22px rgba(191,46,26,.18);transform:translateY(-1px)}
.otc-page .ohanae-btn:focus-visible{outline:3px solid #BF2E1A;outline-offset:4px}
@media(max-width:767px){.otc-page .ohanae-btn{width:100%;white-space:normal}}
@media(prefers-reduced-motion:reduce){.otc-page .otc-v3-drift,.otc-page .otc-v3-ledger,.otc-page .otc-v3-signal{animation:none!important}.otc-page .ohanae-btn{transition:none}.otc-page .ohanae-btn:hover{transform:none}}

/* v4 — status indicator: subtle blink and halo, text remains still */
.otc-page .otc-status-dot{position:relative;animation:otc-status-blink 2.4s ease-in-out infinite}
.otc-page .otc-status-dot::after{content:"";position:absolute;inset:-5px;border:1px solid rgba(191,46,26,.4);border-radius:50%;animation:otc-status-halo 2.4s ease-out infinite}
@keyframes otc-status-blink{0%,100%{opacity:1}50%{opacity:.38}}
@keyframes otc-status-halo{0%{transform:scale(.75);opacity:.7}75%,100%{transform:scale(1.5);opacity:0}}
@media(prefers-reduced-motion:reduce){.otc-page .otc-status-dot,.otc-page .otc-status-dot::after{animation:none!important}}


/* v5 — richer color, more expressive floating motion, restored running line */
.otc-page .otc-hero {
  background:
    radial-gradient(ellipse at 77% 23%, rgba(151,186,216,.28),transparent 43%),
    radial-gradient(ellipse at 13% 84%, rgba(237,171,146,.20),transparent 49%),
    linear-gradient(113deg,#fffdfb 0%,#f9fbfd 36%,#edf4fa 72%,#f5f0ee 100%);
}
.otc-page .otc-hero::before{border-color:rgba(103,147,181,.23);width:700px;height:700px;right:-170px;top:-205px;animation:otc-v5-breathe 12s ease-in-out infinite alternate}
.otc-page .otc-hero::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:linear-gradient(125deg,transparent 35%,rgba(255,255,255,.36) 50%,transparent 65%);background-size:220% 100%;animation:otc-v5-sheen 16s ease-in-out infinite}
.otc-page .otc-hero-glow{position:absolute;pointer-events:none;z-index:0;border-radius:50%;filter:blur(32px);opacity:.72;animation:otc-v5-glow 9s ease-in-out infinite alternate}
.otc-page .otc-hero-glow--warm{width:360px;height:320px;left:-140px;bottom:-155px;background:rgba(244,183,158,.24)}
.otc-page .otc-hero-glow--cool{width:430px;height:370px;right:2%;top:3%;background:rgba(160,197,225,.22);animation-delay:-4s}
.otc-page .otc-hero-layout{position:relative;z-index:1}
.otc-page .otc-hero-visual{filter:none;animation:otc-v5-art-float 8s ease-in-out infinite;transform-origin:50% 50%;will-change:transform}
.otc-page .otc-v3-drift{animation:otc-v5-record 6.5s ease-in-out infinite;transform-origin:center;will-change:transform}
.otc-page .otc-v3-ledger{animation:otc-v5-ledger 7.6s ease-in-out infinite;transform-origin:center;will-change:transform}
.otc-page .otc-v3-signal{animation-duration:4.4s}
.otc-page .otc-v5-nodes{animation:otc-v5-nodes 5.8s ease-in-out infinite alternate;transform-origin:center}
.otc-page .otc-v5-orbit{animation:otc-v5-orbit 7.5s ease-in-out infinite alternate;transform-origin:center}
.otc-page .otc-hero-running-line{position:absolute;bottom:0;left:0;right:0;height:3px;z-index:4;overflow:hidden;background:linear-gradient(90deg,rgba(191,46,26,.10),rgba(109,155,190,.19),rgba(191,46,26,.12))}
.otc-page .otc-hero-running-line span{position:absolute;top:0;left:0;width:30%;height:100%;background:linear-gradient(90deg,transparent,#bf2e1a 38%,#f3a58c 65%,transparent);box-shadow:0 0 12px rgba(191,46,26,.38);animation:otc-v5-running 5.5s linear infinite}
.otc-page .otc-content{background:linear-gradient(180deg,#fff 0%,#fff 76%,#fafcfe 100%)}
.otc-page .otc-feature-list{border-top-color:#d5e2ec}
.otc-page .otc-feature{border-bottom-color:#dce6ee}
.otc-page .otc-feature:nth-child(2){background:linear-gradient(90deg,rgba(235,244,251,.60),transparent 72%);padding-left:20px;padding-right:20px;border-radius:8px}
.otc-page .otc-number{color:#bf2e1a}
.otc-page .otc-capital{background:linear-gradient(180deg,#fafcfe 0%,#fff 100%)}
.otc-page .otc-capital-frame{background:linear-gradient(116deg,#f2f7fb 0%,#fff 51%,#fff5f0 100%);border-color:#dce7ef}
@keyframes otc-v5-art-float{0%,100%{transform:translateY(0) rotate(-.3deg)}50%{transform:translateY(-17px) rotate(.9deg)}}
@keyframes otc-v5-record{0%,100%{transform:translateY(0) translateX(0)}50%{transform:translateY(-11px) translateX(5px)}}
@keyframes otc-v5-ledger{0%,100%{transform:translateY(0) translateX(0)}50%{transform:translateY(11px) translateX(-5px)}}
@keyframes otc-v5-nodes{to{transform:translateY(-8px);opacity:.65}}
@keyframes otc-v5-orbit{to{transform:translateY(5px);opacity:.42}}
@keyframes otc-v5-breathe{to{transform:scale(1.08);opacity:.52}}
@keyframes otc-v5-glow{to{transform:translate(35px,-24px) scale(1.16);opacity:.40}}
@keyframes otc-v5-sheen{0%,20%{background-position:130% 0}80%,100%{background-position:-130% 0}}
@keyframes otc-v5-running{from{transform:translateX(-110%)}to{transform:translateX(450%)}}
@media(max-width:600px){.otc-page .otc-feature:nth-child(2){padding-left:12px;padding-right:12px}.otc-page .otc-hero-glow--cool{right:-40%;width:320px}}
@media(prefers-reduced-motion:reduce){.otc-page .otc-hero::before,.otc-page .otc-hero::after,.otc-page .otc-hero-glow,.otc-page .otc-hero-visual,.otc-page .otc-v3-drift,.otc-page .otc-v3-ledger,.otc-page .otc-v3-signal,.otc-page .otc-v5-nodes,.otc-page .otc-v5-orbit,.otc-page .otc-hero-running-line span{animation:none!important}}

/* v6 — preserve editorial headings, original related links and CTA design. */
.otc-page .otc-feature-copy h3{text-transform:none!important}
.otc-page .otc-contact-inner{background:transparent;border-radius:0;padding:35px 0}
@media(max-width:600px){.otc-page .otc-contact-inner{padding:32px 0}.otc-page .otc-related .ohanae-btn.ohanae-btn-secondary{width:auto}}