/* Pricing page: a plain fee schedule, the figures carry the page. */
.ox-pricing-schedule{padding-top:72px}
.ox-fee-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:16px;line-height:1.5;color:var(--page-ink)}
.ox-fee-table th,.ox-fee-table td{padding:18px 24px 18px 0;border-bottom:1px solid #B4BAC390;text-align:left;vertical-align:top;font-weight:400}
.ox-fee-table thead td{width:31%}
.ox-fee-table thead th{padding-top:0;font-size:16px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--page-ink)}
.ox-fee-table tbody th{font-weight:500}
.ox-fee-table tbody td{color:#3d4452}
.ox-fee-note{margin-top:26px;font-size:15px;line-height:1.6;color:#5A6170}
@media(max-width:760px){
.ox-pricing-schedule{padding-top:48px}
.ox-fee-table,.ox-fee-table tbody,.ox-fee-table tr,.ox-fee-table th,.ox-fee-table td{display:block;width:auto}
.ox-fee-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.ox-fee-table tbody tr{padding:18px 0;border-bottom:1px solid #B4BAC390}
.ox-fee-table tbody tr:first-child{border-top:1px solid #B4BAC390}
.ox-fee-table tbody th{padding:0 0 8px;border:0}
.ox-fee-table tbody td{display:flex;justify-content:space-between;gap:16px;padding:3px 0;border:0;font-size:15px;text-align:right}
.ox-fee-table tbody td:before{content:attr(data-profile);flex:none;color:#5A6170;text-align:left;font-size:14px;letter-spacing:0}
}
/* the profile labels stay in view; a soft band follows the pointer across the columns */
@media(min-width:761px){
.ox-pricing-schedule{padding-top:58px}
.ox-fee-wrap{position:relative;isolation:isolate}
.ox-fee-table thead td,.ox-fee-table thead th{position:sticky;top:var(--ox-fee-top,80px);z-index:1;padding-top:14px;background:#F0F1F3;border-bottom:0;box-shadow:inset 0 -1px #B4BAC390}
.ox-fee-spot{position:absolute;top:0;bottom:0;left:0;z-index:2;border-radius:8px;background:rgba(192,139,136,.1);opacity:0;pointer-events:none;transition:opacity .2s ease}
.ox-fee-spot.is-on{opacity:1}
.ox-fee-spot.is-moving{transition:opacity .2s ease,transform .32s cubic-bezier(.22,1,.36,1)}
}
@media(max-width:760px){.ox-fee-spot{display:none}}
@media(prefers-reduced-motion:reduce){.ox-fee-spot,.ox-fee-spot.is-moving{transition:none}}
/* payment rows: the rate leads, its limits sit quietly below */
.ox-fee-rate,.ox-fee-limits{display:block}
.ox-fee-rate{font-size:22px;font-weight:500;line-height:1.3;letter-spacing:-.01em;color:var(--page-ink)}
.ox-fee-limits{margin-top:4px;font-size:14px;line-height:1.45;color:#5A6170}
@media(max-width:760px){
.ox-fee-value{text-align:right}
.ox-fee-rate{font-size:18px}
.ox-fee-limits{margin-top:1px;font-size:13px}
}
/* dark hero: the three monthly minimums are the first thing on the page */
.ox-hero-film.ox-pricing-hero{justify-content:center;padding-top:clamp(120px,15vh,165px);padding-bottom:clamp(56px,8vh,90px);background:#080A0E}
.ox-pricing-hero:before{content:"";position:absolute;inset:-20%;z-index:-1;background:radial-gradient(38% 46% at 74% 26%,rgba(192,139,136,.2),transparent 70%),radial-gradient(44% 50% at 18% 78%,rgba(120,134,158,.16),transparent 72%);animation:ox-pricing-drift 26s ease-in-out infinite alternate}
@keyframes ox-pricing-drift{to{transform:translate3d(-5%,4%,0) scale(1.06)}}
.ox-pricing-hero .ox-hero-copy{width:auto;max-width:760px}
.ox-pricing-hero .ox-page-eyebrow{color:#C08B88}
.ox-minimums{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,48px);margin:clamp(44px,7vh,76px) 0 0;padding:0;list-style:none}
.ox-minimums li{position:relative;display:flex;flex-direction:column;min-width:0;padding-top:22px;border-top:1px solid rgba(255,255,255,.16)}
.ox-minimums li:before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:#C08B88;transform-origin:left;animation:ox-minimum-line 1.1s cubic-bezier(.22,1,.36,1) both}
.ox-minimums li:nth-child(2):before{animation-delay:.14s}
.ox-minimums li:nth-child(3):before{animation-delay:.28s}
@keyframes ox-minimum-line{from{transform:scaleX(0)}}
.ox-minimum-profile{font-size:13px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:#aeb5c2}
.ox-minimum-amount{margin-top:clamp(14px,2vh,22px);font-size:clamp(56px,7.4vw,112px);font-weight:400;line-height:1;letter-spacing:-.045em;color:#f7f8fa}
.ox-minimum-caption{margin-top:14px;font-size:15px;line-height:1.5;color:#aeb5c2}
@media(max-width:760px){
.ox-minimums{grid-template-columns:1fr;gap:26px}
.ox-minimums li{padding-top:16px}
.ox-minimum-amount{margin-top:10px;font-size:60px}
.ox-minimum-caption{margin-top:8px}
}
@media(prefers-reduced-motion:reduce){.ox-pricing-hero:before,.ox-minimums li:before{animation:none}}
/* film sits in the empty right of the hero; lighten melts its dark ground into the page */
.ox-pricing-film{display:none!important}
@media(min-width:1180px){
.ox-pricing-hero .container{position:relative}
.ox-pricing-film{display:block;position:absolute;top:-14px;right:0;z-index:0;width:clamp(460px,40vw,660px);aspect-ratio:1120/600;mix-blend-mode:lighten;pointer-events:none}
.ox-pricing-hero .ox-hero-copy,.ox-minimums{position:relative;z-index:1}
.ox-pricing-hero .ox-page-lead{max-width:560px;text-wrap:balance}
}

/* page close film: above 1900px the film stops growing so the sign stays whole */
@media (min-width:1901px){
  .ox-page-close.ox-close-film[data-close="pricing"]{background:linear-gradient(180deg,#ded8d1 0,#e0dad3 75%,#e4dfdb 88%,#dfdbd6 100%)}
  .ox-close-film[data-close="pricing"] .ox-close-media{left:auto;width:1900px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%);mask-image:linear-gradient(90deg,transparent 0,#000 22%)}
}

/* desktop: a tighter rhythm so the whole schedule fits on one screen */
@media(min-width:761px){
.ox-fee-table th,.ox-fee-table td{padding-top:11px;padding-bottom:11px}
.ox-fee-table thead td,.ox-fee-table thead th{padding-top:12px;padding-bottom:12px}
.ox-fee-rate{font-size:20px;line-height:1.25}
.ox-fee-limits{margin-top:2px;font-size:13px;line-height:1.4}
.ox-fee-note{margin-top:20px}
}

/* feedback 05.11: column rules, monthly minimum row, one-line footnote */
.ox-fee-row-note{display:block;max-width:300px;margin-top:4px;font-size:13px;font-weight:400;line-height:1.45;color:#5A6170}
.ox-fee-minimum .ox-fee-rate{font-size:28px;font-weight:500;letter-spacing:-.02em}
@media(min-width:761px){
.ox-fee-table thead th,.ox-fee-table tbody td{padding-left:24px;border-left:1px solid #B4BAC390}
.ox-fee-minimum th,.ox-fee-minimum td{padding-top:20px;padding-bottom:20px}
.ox-fee-note{max-width:none;white-space:nowrap}
}
@media(max-width:760px){
.ox-fee-minimum .ox-fee-rate{font-size:22px}
.ox-fee-row-note{max-width:none}
}

/* round 2 (05.11): hero = the Fees view of the account on a cool lit frame; no coral, no plates */
.ox-hero-film.ox-pricing-hero{height:100svh;min-height:680px;max-height:1080px;padding:0;display:flex;background:#0b0f16}
.ox-pricing-hero:before{background:radial-gradient(46% 60% at 82% 18%,rgba(126,150,190,.22),transparent 70%),radial-gradient(40% 50% at 8% 92%,rgba(90,110,140,.18),transparent 72%);animation:none}
.ox-pricing-hero .ox-page-eyebrow{color:#9fb0c8}
.ox-pricing-hero-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start;width:min(1320px,calc(100% - var(--gutter)*2));padding-top:120px;padding-bottom:56px;height:100%}
.ox-pricing-hero .ox-hero-copy{grid-column:1/span 5;width:auto;max-width:none;padding-top:24px}
.ox-pricing-hero h1{font-size:clamp(40px,4.4vw,64px);line-height:1.04}
.ox-pricing-hero .ox-page-lead{max-width:30em}
.ox-pricing-proof{margin-top:22px;font-size:14px;line-height:1.5;color:#9aa4b4}
.ox-pricing-art{grid-column:7/span 6;position:relative;height:100%;min-height:420px;overflow:hidden;border-radius:10px;
  background:radial-gradient(70% 60% at 18% 8%,#f4f7fb 0,rgba(244,247,251,0) 70%),linear-gradient(160deg,#dfe6f0 0,#c3cfe0 55%,#aebdd3 100%)}

/* the window: 56 from the frame's left and top, cut by the frame's right and bottom edges */
.ox-fw{position:absolute;left:56px;top:56px;width:calc(100% - 56px + 28px);bottom:-28px;display:flex;flex-direction:column;background:#fff;border-radius:8px 0 0 0;
  box-shadow:0 30px 60px -20px rgba(22,34,58,.35),0 0 0 1px rgba(22,34,58,.06);color:#1b2130;font-size:13px;line-height:1.35;overflow:hidden}
.ox-fw-bar{display:flex;align-items:center;gap:14px;height:38px;padding:0 16px;border-bottom:1px solid #e7eaf0;color:#6a7385;font-size:12px}
.ox-fw-dots{display:flex;gap:6px}.ox-fw-dots i{width:9px;height:9px;border-radius:50%;background:#dde2ea}
.ox-fw-body{flex:1;display:grid;grid-template-columns:132px 1fr;min-height:0}
.ox-fw-side{display:flex;flex-direction:column;gap:2px;padding:14px 10px;border-right:1px solid #eef0f4;background:#f8f9fb;color:#5d6678}
.ox-fw-side span{padding:7px 10px;border-radius:5px}
.ox-fw-side .is-on{background:#e6ecf5;color:#1b2130;font-weight:500}
.ox-fw-main{padding:18px 48px 0 22px;min-width:0}
.ox-fw-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ox-fw-head b{font-size:17px;font-weight:500;letter-spacing:-.01em}
.ox-fw-chip{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:99px;background:#eef1f6;color:#4a5466;font-size:12px;white-space:nowrap}
.ox-fw-chip--ok{background:#e3f1ea;color:#1f6b47}
.ox-fw-tabs{display:flex;gap:6px;margin:14px 0 6px}
.ox-fw-tabs span{padding:5px 10px;border-radius:5px;color:#6a7385;font-size:12px}
.ox-fw-tabs .is-on{background:#1b2130;color:#fff}
.ox-fw-row{display:grid;grid-template-columns:30px minmax(0,1fr) 70px 64px;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #eef0f4}
.ox-fw-ic{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;font-size:14px;font-weight:600}
.ox-fw-ic--pay{background:#e6ecf5;color:#2f4f86}.ox-fw-ic--fx{background:#e5f0f0;color:#1e6464}
.ox-fw-ic--card{background:#eceaf1;color:#3e4658}.ox-fw-ic--free{background:#f1f3f6;color:#6a7385}
.ox-fw-what{display:flex;flex-direction:column;min-width:0}
.ox-fw-what b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ox-fw-what small{color:#6a7385;font-size:12px;white-space:nowrap}
.ox-fw-rate{color:#6a7385;font-size:12px;text-align:right;white-space:nowrap}
.ox-fw-fee{font-weight:500;text-align:right;font-variant-numeric:tabular-nums}

/* the one small card, over the window's lower-left corner */
.ox-fw-card{position:absolute;left:28px;bottom:20px;width:292px;padding:16px 18px;background:#fff;border-radius:8px;color:#1b2130;font-size:13px;
  box-shadow:0 24px 48px -16px rgba(22,34,58,.4),0 0 0 1px rgba(22,34,58,.08)}
.ox-fw-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}
.ox-fw-card-head b{font-weight:500}
.ox-fw-line,.ox-fw-total{display:flex;justify-content:space-between;padding:5px 0;font-variant-numeric:tabular-nums}
.ox-fw-line span{color:#5d6678}.ox-fw-line b{font-weight:500}
.ox-fw-total{margin-top:4px;padding-top:10px;border-top:1px solid #e7eaf0;font-size:15px}.ox-fw-total b{font-weight:600}
.ox-fw-card [data-step]{transition:opacity .45s var(--ease),transform .45s var(--ease)}
.ox-fw-card.is-reset [data-step]{opacity:0;transform:translateY(4px)}
.ox-fw-card.is-reset [data-step].is-in{opacity:1;transform:none}
.ox-pricing-art .ox-fw-pause{position:absolute;right:16px;bottom:16px;width:32px;height:32px;min-height:0;min-width:0;padding:0;border:0;border-radius:50%;background:rgba(27,33,48,.72);cursor:pointer;display:grid;place-items:center;transition:transform .2s var(--ease)}
.ox-fw-pause:hover{transform:scale(1.06)}.ox-fw-pause:active{transform:scale(.96)}
.ox-fw-pause i{width:10px;height:11px;border-left:3px solid #fff;border-right:3px solid #fff}
.ox-fw-pause.is-paused i{width:0;height:0;border:0;border-left:10px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:3px}

@media(max-width:1180px){.ox-fw-side{display:none}.ox-fw-body{grid-template-columns:1fr}}
@media(max-width:1023px){
.ox-hero-film.ox-pricing-hero{height:auto;min-height:100svh;max-height:none}
.ox-pricing-hero-grid{display:flex;flex-direction:column;padding-top:112px;padding-bottom:32px}
.ox-pricing-hero .ox-hero-copy{padding-top:0}
.ox-pricing-art{flex:1;width:100%;min-height:340px;margin-top:36px}
.ox-fw{left:32px;top:32px;width:calc(100% - 32px + 28px)}
}
@media(max-width:760px){
.ox-pricing-hero-grid{padding-top:104px}
.ox-pricing-art{min-height:250px;margin-top:28px}
.ox-fw{left:16px;top:16px;width:calc(100% - 16px + 28px)}
.ox-fw-main{padding:14px 30px 0 14px}
.ox-fw-row{grid-template-columns:28px minmax(0,1fr) 58px;gap:10px}
.ox-fw-rate,.ox-fw-tabs span:nth-child(n+3){display:none}
.ox-fw-card,.ox-fw-pause{display:none}
.ox-pricing-hero .ox-page-actions{gap:18px}
}
@media(prefers-reduced-motion:reduce){.ox-fw-pause{display:none}}

/* table head: each profile name jumps to its card below */
.ox-fee-profile-link{color:inherit;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .25s var(--ease)}
.ox-fee-profile-link:hover,.ox-fee-profile-link:focus-visible{background-size:100% 1px}

/* profiles: four columns that sit on the fee table's own columns (31% + three) */
.ox-profiles{scroll-margin-top:80px}
.ox-profiles-grid{display:grid;grid-template-columns:31% repeat(3,minmax(0,1fr));align-items:stretch}
.ox-profiles-head{padding-right:32px}
.ox-profiles-head h2{font-size:clamp(32px,2.8vw,44px);line-height:1.08;letter-spacing:-.025em;color:var(--page-ink)}
.ox-profiles-head p{margin-top:20px;font-size:16px;line-height:1.6;color:var(--page-muted);max-width:26em}
.ox-profile{display:flex;flex-direction:column;padding:4px 24px 0;border-left:1px solid #B4BAC390;scroll-margin-top:120px}
.ox-profile-label{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--page-ink)}
.ox-profile h3{margin-top:28px;font-size:21px;line-height:1.3;color:var(--page-ink)}
.ox-profile > p:not(.ox-profile-label){margin-top:14px;font-size:15px;line-height:1.6;color:#3d4452}
.ox-profile-tags{display:flex;flex-wrap:wrap;gap:8px;margin:auto 0 0;padding:28px 0 0;list-style:none}
.ox-profile-tags li{padding:5px 11px;border:1px solid #cdd2da;border-radius:99px;font-size:13px;line-height:1.3;color:#3d4452}
.ox-profile:target{background:linear-gradient(#e8edf5,#e8edf5) 0 0/100% 3px no-repeat}
@media(max-width:1023px){
.ox-profiles-grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:40px}
.ox-profiles-head{grid-column:1/-1;padding-right:0}
.ox-profile:first-of-type{border-left:0;padding-left:0}
}
@media(max-width:760px){
.ox-profiles-grid{grid-template-columns:1fr;row-gap:0}
.ox-profiles-head{margin-bottom:32px}
.ox-profile,.ox-profile:first-of-type{padding:24px 0 28px;border-left:0;border-top:1px solid #B4BAC390}
.ox-profile h3{margin-top:12px}
}
/* checker fixes: the hero is exactly one screen on a phone; the profiles section holds one screen on desktop */
@media(max-width:760px){
.ox-hero-film.ox-pricing-hero{height:100svh;min-height:0}
.ox-pricing-hero-grid{padding-top:96px;padding-bottom:24px}
.ox-pricing-hero .ox-page-lead{margin-top:18px;font-size:16px}
.ox-pricing-hero .ox-page-actions{margin-top:24px}
.ox-pricing-proof{margin-top:14px}
.ox-pricing-art{min-height:180px;margin-top:22px}
}
@media(min-width:1024px){.ox-profiles{min-height:100svh;padding-top:120px}}
@media(max-width:760px){.ox-pricing-art .ox-fw-pause{display:none}}
@media(prefers-reduced-motion:reduce){.ox-pricing-art .ox-fw-pause{display:none}}
@media(max-width:1023px){.ox-pricing-hero-grid{flex:1;height:auto}}
/* round 3: profile diagrams */
.ox-profile{position:relative;transition:background-color .25s var(--ease)}
/* the diagrams share the crypto hub's material: navy panel, faint dot grid, silver lanes, one rose-gold traveller */
.ox-profile-diagram{display:block;width:100%;height:auto;aspect-ratio:5/3;margin:22px 0 6px;border-radius:14px;
  background:radial-gradient(ellipse at 20% 0,#313944,#171d26 58%,#10151d);border:1px solid #536071;
  box-shadow:inset 0 1px 0 #ffffff16,0 18px 40px #10172314;overflow:hidden}
.pd-grid{opacity:.16}
.pd-lane{fill:none;stroke:#9aa8ba;stroke-opacity:.26;stroke-width:1;transition:stroke .5s ease,stroke-opacity .5s ease}
.pd-lane.is-on{stroke:#dcb8a8;stroke-opacity:.85}
.pd-lane-contact{stroke:#c6a797;stroke-opacity:.55;stroke-dasharray:2 3}
.pd-dot{fill:#1c2531;stroke:#8493a5;stroke-opacity:.8;stroke-width:1.1;transition:stroke .4s ease,fill .4s ease}
.pd-ring{fill:none;stroke:#dcb8a8;stroke-width:1;opacity:0;transform-box:fill-box;transform-origin:center}
.pd-end.is-on .pd-dot{stroke:#f0d6c9;fill:#3a2f33}
.pd-end.is-hit .pd-ring{animation:pd-ring .9s cubic-bezier(.22,1,.36,1)}
@keyframes pd-ring{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(2.6)}}
.pd-asset polygon{fill:#1c2531;stroke:#c6a797;stroke-width:1.1;transition:fill .4s ease}
.pd-asset.is-on polygon{fill:#3a2f33;stroke:#f0d6c9}
.pd-box rect{transition:fill .4s ease}
.pd-box.is-on rect{fill:#2a2c34}
.pd-contact{transition:filter .4s ease}
.pd-contact.is-on{filter:drop-shadow(0 0 6px #dcb8a866)}
.pd-hub{filter:drop-shadow(0 6px 8px rgba(4,7,12,.55))}
.pd-label{fill:#aeb9c8;font:500 12px/1 var(--sans);letter-spacing:.14em;text-anchor:middle}
.pd-box-t{fill:#dfe5ee;font-weight:600}
.pd-traveller{fill:#f5e5dc;stroke:#c08b88;stroke-width:1.2;filter:drop-shadow(0 0 4px #dcb8a8);opacity:0;transition:opacity .25s ease}
.pd-traveller.is-on{opacity:1}
@media(prefers-reduced-motion:reduce){.pd-traveller{display:none}.pd-end.is-hit .pd-ring{animation:none}}
/* card <-> table column */
.ox-profile:hover,.ox-profile.is-hl{background-color:rgba(192,139,136,.06)}
.ox-fee-table .is-col-hl{background-color:rgba(192,139,136,.07)}
.ox-fee-table thead .is-col-hl{background-color:#efe3e1}
@media(max-width:760px){.ox-profile-diagram{margin-top:16px}}
/* hero film */
.ox-pricing-coins{position:absolute;z-index:0;right:0;top:50%;width:min(86vw,1600px);aspect-ratio:16/9;transform:translateY(-49%);pointer-events:none;
  -webkit-mask:linear-gradient(90deg,transparent 0,#000 24%,#000 90%,transparent 100%),linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%);-webkit-mask-composite:source-in;mask:linear-gradient(90deg,transparent 0,#000 24%,#000 90%,transparent 100%) intersect,linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%)}
.ox-pricing-coins video{width:100%;height:100%;object-fit:cover;display:block}
.ox-pricing-hero:before{opacity:.45}
.ox-pricing-hero .ox-pricing-hero-grid{z-index:1}
@media(max-width:1023px){
  .ox-pricing-coins{top:auto;bottom:0;right:auto;left:-68.5vw;width:170vw;transform:none;
    -webkit-mask:radial-gradient(38% 50% at 69.75% 50%,#000 84%,transparent 100%);mask:radial-gradient(38% 50% at 69.75% 50%,#000 84%,transparent 100%)}
}
@media(min-width:600px) and (max-width:1023px){
  .ox-pricing-coins{left:-48vw;width:140vw}
}
@media(min-width:600px) and (max-width:1023px) and (orientation:landscape){
  .ox-pricing-coins{top:50%;bottom:auto;left:auto;right:-10vw;width:84vw;transform:translateY(-46%)}
  .ox-pricing-hero .ox-hero-copy{max-width:48%}
}
@media(max-width:599px){
  .ox-hero-film.ox-pricing-hero{height:auto;min-height:100svh}
  .ox-pricing-hero .ox-pricing-hero-grid{flex:none;padding-bottom:calc(101vw + 8px)}
}
/* profiles: the home page's selector pattern (numbered rows left, one dark figure right) */
.ox-profiles .ox-pf-head{margin-bottom:clamp(32px,4vw,52px)}
.ox-pf-eyebrow{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#7c828b;margin:0 0 14px}
.ox-pf-head h2{font-size:clamp(34px,3.4vw,52px);line-height:1.06;letter-spacing:-.03em;color:var(--page-ink);margin:0}
.ox-pf-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:clamp(40px,5vw,80px);align-items:start}
.ox-pf-list{border-top:1px solid #cfcec6}
.ox-pf-list .ox-profile,.ox-pf-list .ox-profile:first-of-type{display:block;padding:0;border:0;border-bottom:1px solid #cfcec6;background:none}
.ox-pf-list .ox-profile:hover,.ox-pf-list .ox-profile.is-hl{background:none}
.ox-pf-row{position:relative;isolation:isolate;width:100%;display:grid;grid-template-columns:28px 1fr 20px;gap:14px;align-items:center;padding:22px 0;border:0;background:none;font:inherit;text-align:left;color:#303740;cursor:pointer}
.ox-pf-row:before{content:"";position:absolute;inset:6px -14px;z-index:-1;border-radius:5px;background:linear-gradient(115deg,#202832,#11171e);box-shadow:inset 2px 0 #c39e87;opacity:0;transition:opacity .3s ease}
.ox-pf-row:hover:before{opacity:.06}
.ox-profile.is-active .ox-pf-row{color:#f5f7fa}
.ox-profile.is-active .ox-pf-row:before{opacity:1}
.ox-pf-num{align-self:start;padding-top:5px;font-size:13px;letter-spacing:.05em;color:#7c828b;transition:color .3s}
.ox-pf-title{font-size:clamp(18px,1.5vw,21px);line-height:1.4;letter-spacing:-.012em}
.ox-pf-kicker{display:none}
.ox-pf-arrow{width:20px;height:20px;opacity:0;transform:translateX(-6px);transition:opacity .3s,transform .3s}
.ox-pf-row:hover .ox-pf-arrow{opacity:.5;transform:none}
.ox-profile.is-active .ox-pf-num,.ox-profile.is-active .ox-pf-arrow{color:#e4c7b2}
.ox-profile.is-active .ox-pf-arrow{opacity:1;transform:none}
.ox-pf-row:focus-visible{outline:2px solid #967869;outline-offset:4px}
.ox-pf-body{display:none;padding:0 0 0 42px}
.ox-profile.is-active .ox-pf-body{display:block;animation:ox-pf-in .45s cubic-bezier(.22,1,.36,1)}
@keyframes ox-pf-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.ox-pf-stage .ox-profile-diagram:not([hidden]){animation:ox-pf-fade .4s ease}
@keyframes ox-pf-fade{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.ox-profile.is-active .ox-pf-body,.ox-pf-stage .ox-profile-diagram{animation:none}}
.ox-pf-body>p{margin:0;padding-top:18px;font-size:16px;line-height:1.6;color:#3d4452}
.ox-pf-body .ox-profile-tags{margin:0;padding:16px 0 22px;display:flex;flex-wrap:wrap;gap:8px}
.ox-pf-note{margin:22px 0 0;font-size:14px;line-height:1.6;color:#62686f}
.ox-pf-note a{color:var(--page-ink);text-decoration:underline;text-underline-offset:3px}
.ox-pf-figure{margin:0;padding:20px 24px 24px;border:1px solid #4d535b;border-radius:7px;background:radial-gradient(ellipse at 80% 0%,#b38b7030,transparent 52%),linear-gradient(140deg,#232c35,#10151c 80%);box-shadow:0 18px 44px #11182314}
.ox-pf-top{display:flex;justify-content:space-between;gap:16px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#c3c8ce}
.ox-pf-index{color:#b99d87;letter-spacing:.06em}
.ox-pf-stage{margin-top:14px}
.ox-pf-stage .ox-profile-diagram{display:block;width:100%;height:auto;margin:0;border:0;border-radius:0;background:none;box-shadow:none}
.ox-pf-stage .ox-profile-diagram[hidden]{display:none}
@media(max-width:1023px){.ox-pf-layout{grid-template-columns:1fr}.ox-pf-figure{order:-1}}
@media(max-width:760px){.ox-pf-row{grid-template-columns:22px 1fr 18px;gap:10px;padding:18px 0}.ox-pf-row:before{inset:4px -10px}.ox-pf-body{padding-left:32px}.ox-pf-figure{padding:16px 14px 14px}}

/* feedback 06.11: hero art a size smaller, centred in the space below the header */
@media(min-width:1024px){.ox-pricing-coins{width:67vw;right:9.5vw;top:calc(133px - 2.9vw);transform:none}}

/* hero film: float loop sits on the intro and shows once it is playing */
.ox-pricing-coins .ox-pc-loop{position:absolute;inset:0;opacity:0}
.ox-pricing-coins.is-looping .ox-pc-loop{opacity:1}

/* feedback v6: profiles as plain text. No diagram, no title: the name of each profile and its explanation */
.ox-pf-plain{position:relative;isolation:isolate;overflow:hidden}
@media(min-width:1024px){.ox-profiles.ox-pf-plain{min-height:0;padding-top:120px;padding-bottom:120px}}
.ox-pf-bg{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.ox-pf-bg:before,.ox-pf-bg:after{content:"";position:absolute;border-radius:50%;will-change:transform}
.ox-pf-bg:before{width:min(52vw,760px);aspect-ratio:1;right:-10vw;top:-14%;background:radial-gradient(circle,rgba(192,139,136,.17),rgba(192,139,136,0) 66%);animation:ox-pf-drift-a 26s ease-in-out infinite alternate}
.ox-pf-bg:after{width:min(46vw,680px);aspect-ratio:1;left:-12vw;bottom:-22%;background:radial-gradient(circle,rgba(148,160,176,.2),rgba(148,160,176,0) 66%);animation:ox-pf-drift-b 32s ease-in-out infinite alternate}
@keyframes ox-pf-drift-a{to{transform:translate(-10vw,16%) scale(1.12)}}
@keyframes ox-pf-drift-b{to{transform:translate(12vw,-14%) scale(.9)}}
.ox-pf-plain h2.ox-pf-eyebrow{margin:0 0 clamp(28px,3.4vw,48px);font-family:inherit;font-size:12px;font-weight:600;line-height:1.4;letter-spacing:.14em;text-transform:uppercase;color:#7c828b}
.ox-pf-stack{border-top:1px solid #cfcec6}
.ox-pf-plain .ox-profile,.ox-pf-plain .ox-profile:first-of-type{position:relative;display:grid;grid-template-columns:31% minmax(0,1fr);gap:24px;align-items:baseline;padding:clamp(28px,3vw,40px) 0;border:0;border-bottom:1px solid #cfcec6;background:none;scroll-margin-top:120px}
.ox-pf-plain .ox-profile:hover,.ox-pf-plain .ox-profile.is-hl,.ox-pf-plain .ox-profile:target{background:none}
.ox-pf-plain .ox-profile .ox-pf-name{margin:0;font-size:clamp(24px,2.2vw,32px);font-weight:500;line-height:1.15;letter-spacing:-.02em;color:var(--page-ink)}
.ox-pf-plain .ox-profile p{margin:0;max-width:40em;font-size:clamp(17px,1.35vw,19px);line-height:1.6;color:#3d4452}
/* a rose-gold line marks the profile under the pointer, or the matching fee-table column */
.ox-pf-plain .ox-profile:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:#c08b88;transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.ox-pf-plain .ox-profile:hover:after,.ox-pf-plain .ox-profile.is-hl:after,.ox-pf-plain .ox-profile:target:after{transform:none}
/* on arrival the rows rise in one after another, and a rose-gold line runs once across each divider */
.ox-pf-plain .ox-profile:before{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,rgba(192,139,136,0),#c08b88 70%,rgba(192,139,136,0));transform:scaleX(0);transform-origin:left;opacity:0}
.ox-pf-anim .ox-profile>*,.ox-pf-anim .ox-pf-note{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .8s cubic-bezier(.22,1,.36,1)}
.ox-pf-anim.is-in .ox-profile>*,.ox-pf-anim.is-in .ox-pf-note{opacity:1;transform:none}
.ox-pf-anim.is-in .ox-profile:nth-child(2)>*{transition-delay:.14s}
.ox-pf-anim.is-in .ox-profile:nth-child(3)>*{transition-delay:.28s}
.ox-pf-anim.is-in .ox-pf-note{transition-delay:.42s}
.ox-pf-anim.is-in .ox-profile:before{animation:ox-pf-sweep 1.6s cubic-bezier(.22,1,.36,1) .2s both}
.ox-pf-anim.is-in .ox-profile:nth-child(2):before{animation-delay:.34s}
.ox-pf-anim.is-in .ox-profile:nth-child(3):before{animation-delay:.48s}
@keyframes ox-pf-sweep{0%{opacity:1;transform:scaleX(0)}65%{opacity:1;transform:scaleX(1)}100%{opacity:0;transform:scaleX(1)}}
@media(max-width:760px){
  .ox-pf-plain .ox-profile,.ox-pf-plain .ox-profile:first-of-type{grid-template-columns:1fr;gap:10px;padding:24px 0}
  .ox-pf-bg:before{width:90vw;right:-30vw;top:-6%}
  .ox-pf-bg:after{width:80vw;left:-30vw;bottom:-10%}
}
@media(prefers-reduced-motion:reduce){.ox-pf-bg:before,.ox-pf-bg:after{animation:none}.ox-pf-plain .ox-profile:after{transition:none}}

/* responsive fix (06.11): the floating cluster spans 7-98% of the film's height, so the small-screen mask
   is taller than the old 50% ellipse and no longer dims the bottom tile; tablets and phones in landscape keep all six tiles in view */
@media(max-width:1023px){
  .ox-pricing-coins{-webkit-mask:radial-gradient(40% 64% at 69.75% 58%,#000 86%,transparent 100%);mask:radial-gradient(40% 64% at 69.75% 58%,#000 86%,transparent 100%)}
}
@media(min-width:600px) and (max-width:1023px) and (orientation:portrait){
  .ox-pricing-coins{left:-39.9vw;width:128vw;bottom:2vw}
}
@media(min-width:600px) and (max-width:1023px) and (orientation:landscape){
  .ox-pricing-coins{top:calc(50svh + 24px);right:4.3vw;width:66vw;transform:translateY(-50%)}
}
@media(max-width:599px){.ox-pricing-coins{left:-69.4vw;bottom:3vw}}