.own-motion { background:#fff; color:#121214; padding:88px 32px 56px; position:relative; }
.own-motion * { box-sizing:border-box; }
.own-motion [hidden] { display:none!important; }
.om-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:48px; margin:0 auto 40px; max-width:1312px; padding:0 32px; }
.om-eyebrow { font-size:10px; line-height:1.5; letter-spacing:.12em; color:#6a6a6d; margin:0 0 28px; }
.om-heading h2 { font-size:clamp(48px,5.6vw,86px); font-weight:500; line-height:.98; letter-spacing:-.045em; margin:0; }
.om-heading > p { margin:0 0 4px; font-size:clamp(17px,1.6vw,22px); color:#717174; line-height:1.45; max-width:350px; }
.om-track { height:160svh; min-height:1080px; max-width:1496px; margin:0 auto; position:relative; }
.om-stage { position:sticky; top:24px; height:calc(100svh - 80px); min-height:600px; max-height:800px; overflow:hidden; isolation:isolate; background:#242427; border-radius:24px; color:#fff; }
.om-photography,.om-photo,.om-shade { position:absolute; inset:0; width:100%; height:100%; }
html[data-own-theme] ._page .om-photo { display:block; object-fit:cover; object-position:center; opacity:0; filter:none; transform:scale(1.035); transition:opacity .6s ease,transform 1s cubic-bezier(.2,.65,.25,1); }
html[data-own-theme] ._page .om-photo.is-active { opacity:1; transform:scale(1); animation:om-reveal .7s cubic-bezier(.2,.65,.25,1) both; }
@keyframes om-reveal { from { clip-path:inset(0 8% 0 0); } to { clip-path:inset(0); } }
.om-shade { background:linear-gradient(90deg,#0009 0%,#0003 48%,#0000 76%),linear-gradient(0deg,#000b 0%,#0000 45%,#0002 82%,#0006); pointer-events:none; }
.om-topline { position:absolute; inset:34px 40px auto; display:flex; align-items:center; gap:10px; font-size:10px; letter-spacing:.1em; color:#ffffffba; z-index:1; }
.om-topline img { width:18px; height:18px; object-fit:contain; }
.om-topline > span:last-child { margin-left:auto; font-variant-numeric:tabular-nums; letter-spacing:.05em; }
.om-scene { position:absolute; inset:105px 52px 118px; display:grid; grid-template-columns:minmax(0,1fr) 340px; align-items:end; gap:60px; outline:none; }
.om-scene:focus-visible { outline:1px solid #fff; outline-offset:8px; border-radius:10px; }
.om-copy { align-self:center; max-width:680px; }
.om-chapter { display:block; font-size:11px; letter-spacing:.08em; color:#ffffffbf; margin-bottom:24px; }
.om-copy h3 { font-size:clamp(42px,5vw,76px); line-height:1.02; letter-spacing:-.04em; font-weight:500; margin:0 0 25px; }
.om-copy p { max-width:345px; font-size:17px; line-height:1.45; color:#ffffffe0; margin:0; text-wrap:pretty; }
.om-copy.is-changing { animation:om-copy-in .5s cubic-bezier(.2,.65,.25,1) both; }
@keyframes om-copy-in { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:translateY(0); } }
.om-product { width:100%; border:1px solid #ffffff59; border-radius:22px; background:linear-gradient(125deg,#ffffff26,#ffffff08 60%,#ffffff1c),#151519b0; backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px); box-shadow:inset 0 1px 1px #ffffff55,0 20px 50px #0003; overflow:hidden; }
.om-product-header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:21px 23px 0; font-size:10px; letter-spacing:.08em; }
.om-product-label { color:#ffffffa1; letter-spacing:0; font-size:9px; }
.om-product-body { height:280px; padding:25px 23px 22px; }
.om-product-body.is-changing { animation:om-copy-in .5s ease both; }
.om-transaction-icon { display:grid; place-items:center; width:36px; height:36px; border-radius:50%; background:#ffffff13; border:1px solid #ffffff35; margin:0 0 18px; }
.om-product-eyebrow { display:block; color:#ffffffb5; font-size:12px; line-height:1.4; margin-bottom:7px; }
.om-value { display:block; font-size:40px; letter-spacing:-.025em; line-height:1.05; font-weight:500; margin-bottom:25px; font-variant-numeric:tabular-nums; }
.om-value > span { color:#ffffff84; }
.om-ledger { display:flex; align-items:center; justify-content:space-between; font-size:11px; line-height:1.6; gap:12px; margin-top:8px; }
.om-ledger > span { color:#ffffff99; }
.om-ledger b { font-weight:400; }
.om-product-footer { display:flex; justify-content:space-between; align-items:center; padding:15px 23px; font-size:11px; color:#ffffffe0; }
.om-exchange-line { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:24px 0 0; }
.om-currency-chip { padding:7px 8px; border:1px solid #ffffff40; border-radius:6px; font-size:11px; }
.om-exchange-line strong { font-weight:500; font-size:28px; letter-spacing:-.025em; font-variant-numeric:tabular-nums; }
.om-exchange-line strong span { color:#ffffff87; }
.om-convert-direction { display:flex; align-items:center; gap:12px; margin:13px 0 -10px; color:#ffffff9c; }
.om-demo-note { margin:21px 0 0; font-size:9px; color:#ffffffa1; line-height:1.4; }
.om-navigation { position:absolute; inset:auto 40px 28px; display:flex; align-items:center; justify-content:space-between; gap:32px; }
.om-tabs { display:flex; gap:32px; }
.om-tabs button { position:relative; display:flex; align-items:center; gap:12px; padding:15px 0; border:0; background:none; color:#ffffffa8; font:inherit; font-size:14px; min-width:118px; cursor:pointer; text-align:left; }
.om-tabs button > span { font-size:10px; color:#ffffff73; font-variant-numeric:tabular-nums; }
.om-tabs button[aria-selected="true"] { color:#fff; }
.om-tabs button:hover { color:#fff; }
.om-tabs button:focus-visible { outline:2px solid #fff; outline-offset:5px; border-radius:2px; }
.om-scroll-hint { display:flex; align-items:center; gap:30px; color:#ffffffb0; font-size:11px; }
.om-mobile-hint { display:none; }
.om-afterword { display:flex; justify-content:space-between; align-items:center; max-width:1312px; padding:0 32px; margin:28px auto 0; gap:32px; }
.om-afterword p { margin:0; font-size:20px; line-height:1.4; }
.om-afterword p > span { color:#777; }
.om-afterword a { display:flex; align-items:center; gap:35px; padding:15px 0; font-size:14px; }
.om-afterword a:focus-visible { outline:2px solid #111; outline-offset:6px; }
.om-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media(max-width:1099px) {
  .own-motion { padding:64px 24px 48px; }
  .om-heading { padding:0 12px; }
  .om-scene { inset:110px 32px 110px; grid-template-columns:minmax(0,1fr) 290px; gap:32px; }
  .om-topline { left:32px; right:32px; }
  .om-navigation { left:32px; right:32px; }
  .om-copy h3 { font-size:46px; }
  .om-copy p { font-size:15px; }
  .om-scroll-hint { gap:15px; }
  .om-tabs { gap:20px; }
  .om-tabs button { min-width:100px; }
}
@media(max-width:743px), (max-height:640px) {
  .own-motion { padding:52px 16px 40px; }
  .om-heading { display:block; margin-bottom:24px; padding:0 4px; }
  .om-eyebrow { font-size:9px; margin-bottom:22px; }
  .om-heading h2 { font-size:clamp(46px,12vw,70px); }
  .om-heading > p { margin:23px 0 0; font-size:16px; line-height:1.5; }
  .om-heading > p br { display:none; }
  .om-track { height:auto; min-height:0; }
  .om-stage { position:relative; top:auto; height:auto; min-height:720px; max-height:none; border-radius:20px; }
  .om-topline { inset:24px 24px auto; }
  .om-topline > span:nth-child(2) { display:none; }
  html[data-own-theme] ._page .om-photo { object-position:62% center; }
  .om-shade { background:linear-gradient(0deg,#000d,#0005 65%,#0007); }
  .om-scene { position:relative; inset:auto; display:flex; flex-direction:column; align-items:stretch; gap:28px; margin:88px 24px 115px; }
  .om-copy { align-self:stretch; min-height:190px; }
  .om-chapter { font-size:9px; margin-bottom:15px; }
  .om-copy h3 { font-size:36px; margin-bottom:15px; }
  .om-copy p { font-size:13px; max-width:330px; }
  .om-product { max-width:350px; align-self:flex-end; border-radius:17px; }
  .om-product-header { padding:17px 18px 0; font-size:9px; }
  .om-product-body { padding:18px; height:240px; }
  .om-transaction-icon { width:30px; height:30px; margin-bottom:14px; }
  .om-value { font-size:34px; margin-bottom:18px; }
  .om-product-footer { padding:12px 18px; font-size:10px; }
  .om-exchange-line { margin-top:18px; }
  .om-exchange-line strong { font-size:25px; }
  .om-navigation { inset:auto 24px 23px; flex-direction:column; align-items:stretch; gap:15px; }
  .om-tabs { justify-content:space-between; gap:16px; }
  .om-tabs button { min-width:0; flex:1; font-size:12px; gap:7px; padding:12px 0; }
  .om-tabs button > span { font-size:9px; }
  .om-scroll-hint { font-size:9px; }
  .om-desktop-hint { display:none; }
  .om-mobile-hint { display:inline; }
  .om-afterword { padding:0 4px; flex-direction:column; align-items:flex-start; gap:16px; margin-top:25px; }
  .om-afterword p { font-size:18px; }
  .om-afterword a { font-size:13px; }
}
@media(prefers-reduced-motion:reduce) {
  .om-track { height:auto; min-height:0; }
  .om-stage { position:relative; top:auto; }
  .om-photo,.om-copy,.om-product-body { transition:none!important; animation:none!important; }
  .om-desktop-hint { display:none; }
  .om-mobile-hint { display:inline; }
}
.om-tabs{gap:10px}.om-tabs button{padding:12px 18px;border-radius:25px;min-width:0;transition:background .2s,color .2s}.om-tabs button[aria-selected="true"]{background:#ffffff20}.om-afterword a{background:#eeeeec;border-radius:30px;padding:15px 23px;transition:background .2s}.om-afterword a:hover{background:#e1e1df}.om-convert-direction{font-size:11px;margin:12px 0 5px}.om-transaction-icon{font-size:19px}
@media(max-width:743px),(max-height:640px){.om-tabs{gap:5px}.om-tabs button{padding:12px 8px;min-height:44px;justify-content:center}.om-tabs button>span{display:none}}
.om-eyebrow{font-size:11px;line-height:1.5}
.om-topline,.om-chapter{font-size:12px;line-height:1.5;color:#eee}
.om-product-header{font-size:11px;line-height:1.5;letter-spacing:.04em}
.om-product-label{font-size:11px;color:#d0d0d3}
.om-ledger{font-size:12px;line-height:1.5}
.om-ledger>span,.om-product-eyebrow{color:#d0d0d3}
.om-demo-note{font-size:12px;line-height:1.5;color:#d0d0d3}
.om-product-footer{font-size:12px;line-height:1.5}
.om-scroll-hint{font-size:12px;line-height:1.5;color:#dedee0}
.om-tabs button{line-height:1.4;color:#ddd}
.om-tabs button>span{font-size:11px;color:inherit}
@media(max-width:743px),(max-height:640px){
 .om-copy p{font-size:16px;line-height:1.5;color:#f1f1f1}
 .om-copy{min-height:0}
 .om-scene{gap:28px;margin-bottom:126px}
 .om-product-header{padding:17px 16px 0;gap:8px;flex-wrap:wrap}
 .om-product-body{height:auto;min-height:254px;padding:18px 16px}
 .om-product-footer{padding:14px 16px}
 .om-tabs button{font-size:14px}
 .om-afterword a{font-size:14px;min-height:48px}
}