/* Oxen homepage — audience and account. All selectors scoped to ox-product. */
.ox-product-audience,.ox-product-account{font-family:var(--sans,Manrope,Arial,sans-serif);color:var(--ink,#1a1a1a);scroll-margin-top:92px}
.ox-product-audience{padding:132px 0 126px;background:#f2f1ec}
.ox-product-account{padding:126px 0 140px;background:var(--paper,#fafaf8)}
.ox-product-section-head{margin-bottom:70px}
.ox-product-eyebrow{font-size:11px;font-weight:600;line-height:1.3;letter-spacing:.16em;text-transform:uppercase;margin:0 0 29px;display:flex;align-items:center;gap:13px}
.ox-product-eyebrow::before{content:none;display:none}
.ox-product-section-head h2{font-size:clamp(52px,5.35vw,76px);line-height:1.075;letter-spacing:-.056em;font-weight:400;margin:0;max-width:1040px;text-wrap:balance}
.ox-product-audience .ox-product-section-head h2{max-width:1020px}
.ox-product-account .ox-product-section-head h2{max-width:1040px}
.ox-product-audience-layout{display:grid;grid-template-columns:1.14fr 1fr;gap:clamp(46px,7.4vw,114px);align-items:start}
.ox-product-audiences{border-top:1px solid #cfcec6}
.ox-product-audience-row{width:100%;border:0;border-bottom:1px solid #cfcec6;border-radius:0;background:transparent;font:inherit;color:#62635e;text-align:left;display:grid;grid-template-columns:31px 1fr 23px;gap:15px;align-items:center;padding:26px 0;cursor:pointer;position:relative;transition:color .3s,background .3s}
.ox-product-audience-row>span:nth-child(2){font-size:clamp(18px,1.55vw,22px);line-height:1.52;letter-spacing:-.025em}
.ox-product-audience-row:before{content:"";position:absolute;inset:0 -16px;background:#fff;opacity:0;transition:opacity .3s;pointer-events:none}
.ox-product-audience-row>*{position:relative}
.ox-product-audience-row.is-active{color:#1a1a1a}
.ox-product-audience-row.is-active:before{opacity:.6}
.ox-product-row-number{font-size:10px;letter-spacing:.05em;align-self:start;padding-top:8px;color:#86867d;transition:color .3s}
.ox-product-audience-row.is-active .ox-product-row-number{color:#252822}
.ox-product-row-arrow{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.3;opacity:0;transform:translateX(-6px);transition:opacity .3s,transform .3s}
.ox-product-audience-row.is-active .ox-product-row-arrow{opacity:1;transform:translateX(0)}
.ox-product-audience-row:focus-visible,.ox-product-currency-tab:focus-visible,.ox-product-currency-panel:focus-visible,.ox-product-signup:focus-visible{outline:2px solid #967869;outline-offset:5px}
.ox-product-audience-note{font-size:14px;line-height:1.8;max-width:540px;margin:29px 0 0;color:#70716a}
.ox-product-structure{margin:0;border:1px solid #d5d5cd;background:radial-gradient(ellipse at 55% 43%,#fafaf8 0,#f4f4ef 46%,#ecece6 100%);padding:26px 27px 25px;min-width:0;position:relative;overflow:hidden}
.ox-product-figure-top{display:flex;justify-content:space-between;gap:12px;font-size:10px;line-height:1.5;letter-spacing:.09em;text-transform:uppercase;color:#75776f}
.ox-product-figure-index{font-variant-numeric:tabular-nums;white-space:nowrap;color:#93948b}
.ox-product-structure-svg{display:block;width:100%;height:auto;margin:20px 0 19px;overflow:visible}
.ox-product-diagram-guides path{fill:none;stroke:#d8dad2;stroke-width:.6;stroke-dasharray:2 7;opacity:.7}
.ox-product-diagram-edges path{fill:none;stroke:url(#ox-product-edge-metal);stroke-width:1.2}
.ox-product-diagram-trace{fill:none;stroke:#80776d;stroke-width:1.4;stroke-dasharray:5 42;stroke-dashoffset:47;animation:ox-product-line-flow 4.8s linear infinite}
.ox-product-owner-node rect{fill:#fafaf7;stroke:#cfd0c8;stroke-width:1}
.ox-product-owner-node text{fill:#565952;font-size:12px;font-weight:400}
.ox-product-owner-icon{fill:none;stroke:#81867d;stroke-width:1}
.ox-product-company-node rect{fill:url(#ox-product-node-metal);stroke:#a9aeae;stroke-width:1}
.ox-product-company-icon{fill:none;stroke:#596064;stroke-width:1.15;stroke-linecap:square}
.ox-product-node-eyebrow{font-size:7.8px;letter-spacing:1.1px;fill:#7c807d}
.ox-product-node-title{font-size:13px;fill:#303732;font-weight:500}
.ox-product-child-nodes rect{fill:#f9f9f5;stroke:#d0d2c9;stroke-width:1}
.ox-product-child-nodes text{font-size:11px;fill:#60665e;text-anchor:middle}
.ox-product-child-nodes .ox-product-child-detail{font-size:7px;letter-spacing:1px;fill:#91978c}
.ox-product-single-caption path{fill:none;stroke:#b8bcb4;stroke-width:1}
.ox-product-single-caption circle{fill:#f6f7f1;stroke:#969d90;stroke-width:1}
.ox-product-single-caption text{font-size:10px;fill:#7d8478;text-anchor:middle;letter-spacing:.2px}
.ox-product-structure figcaption{border-top:1px solid #d7d8ce;padding-top:19px;display:flex;align-items:center;gap:9px;font-size:10px;line-height:1.5;color:#91948a}
.ox-product-diagram-key{width:5px;height:5px;border:1px solid #a3a89d;border-radius:50%}
.ox-product-account-layout{display:grid;grid-template-columns:minmax(0,1.23fr) minmax(0,1fr);gap:clamp(46px,6.2vw,94px);align-items:start}
.ox-product-account-visual{background:#171a1c;color:#fff;position:relative;min-width:0;border:1px solid #2a2c2d;overflow:hidden;isolation:isolate}
.ox-product-account-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 46% 46%,#33353766,transparent 57%),linear-gradient(125deg,transparent 30%,#0002 70%);z-index:-1;pointer-events:none}
.ox-product-currency-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:18px 20px;border-bottom:1px solid #ffffff16}
.ox-product-currency-tab{font:inherit;font-size:12px;letter-spacing:.035em;font-weight:500;line-height:1;padding:16px 5px;display:flex;justify-content:center;align-items:center;gap:10px;background:transparent;color:#92989b;border:1px solid transparent;border-radius:2px;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.ox-product-currency-tab>span{font-size:15px;color:#6f777b;font-weight:400;transition:color .25s}
.ox-product-currency-tab.is-active{background:#e8e9e5;color:#1d2224;border-color:#f7f8f4}
.ox-product-currency-tab.is-active>span{color:#5b6367}
.ox-product-currency-tab:hover:not(.is-active){color:#f1f2ee;background:#ffffff08}
.ox-product-currency-panel{padding:31px 32px 22px}
.ox-product-company-account{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #ffffff1b;padding:17px 18px;position:relative;background:#ffffff03}
.ox-product-company-label{display:flex;align-items:center;gap:13px;font-size:12px;line-height:1.5;color:#e1e4e1;letter-spacing:-.01em}
.ox-product-company-label svg{width:25px;height:25px;flex:none;fill:none;stroke:#909799;stroke-width:1}
.ox-product-company-label>span>span{display:block;font-size:9px;color:#828a8e;letter-spacing:0;margin-top:3px}
.ox-product-iban-label{font-size:9px;line-height:1.4;color:#b6bcbf;white-space:nowrap;display:flex;gap:8px;align-items:center}
.ox-product-iban-label::before{content:none;display:none}
.ox-product-account-connection{width:1px;height:34px;margin:0 auto;background:#555b5c;position:relative;overflow:hidden}
.ox-product-account-connection i{position:absolute;top:0;left:0;width:1px;height:9px;background:#cfb3a0;animation:ox-product-vertical-flow 4s linear infinite}
.ox-product-account-connection span{position:absolute;bottom:0;left:-2px;width:5px;height:5px;background:#9aa19e;border-radius:50%}
.ox-product-currency-stage{height:258px;display:flex;align-items:center;justify-content:center;gap:34px;position:relative}
.ox-product-currency-orbit{position:absolute;width:235px;height:235px;border:1px solid #ffffff0c;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
.ox-product-currency-orbit:after{content:"";position:absolute;inset:15px;border:1px solid #ffffff05;border-radius:50%}
.ox-product-metal-symbol{font-size:183px;line-height:1;letter-spacing:-.06em;font-weight:600;font-family:var(--sans,Manrope,Arial,sans-serif);position:relative;background:linear-gradient(111deg,#666d70 4%,#d5d9d8 16%,#f5f6ee 21%,#b5bdbc 34%,#777f82 44%,#e8e9e2 49%,#fcf9eb 52%,#b1b6b2 59%,#7b7770 71%,#bc9e8d 83%,#555857 97%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:1px 2px 1px #00000006;filter:drop-shadow(2px 6px 8px #0004);min-width:116px;text-align:center;padding:0 8px 14px 0;transition:opacity .2s}
.ox-product-currency-caption{position:relative;display:flex;flex-direction:column;gap:11px;min-width:125px;padding-top:10px}
.ox-product-currency-code{font-size:37px;line-height:1;letter-spacing:-.045em;color:#edece6;font-weight:400}
.ox-product-currency-caption>span:last-child{font-size:11px;line-height:1.5;color:#889296}
.ox-product-payout-flow{height:33px;position:relative;width:1px;background:#52595a;margin:0 auto}
.ox-product-payout-flow span{position:absolute;top:0;left:0;width:1px;height:8px;background:#c7b2a1;animation:ox-product-vertical-flow 4s linear infinite 1.8s}
.ox-product-payout-flow i{position:absolute;bottom:-1px;left:-3px;width:7px;height:7px;border-bottom:1px solid #969c98;border-right:1px solid #969c98;transform:rotate(45deg)}
.ox-product-payment-destination{display:grid;grid-template-columns:1fr 24px;column-gap:14px;row-gap:10px;border:1px solid #ffffff1c;background:#ffffff02;padding:20px 19px;margin-top:7px;min-height:84px}
.ox-product-payment-label{font-size:9px;letter-spacing:.1em;line-height:1;text-transform:uppercase;color:#737e82;grid-column:1}
.ox-product-payment-rails{font-size:12px;letter-spacing:-.01em;line-height:1.5;color:#c6cbc9;grid-column:1}
.ox-product-payment-rails i{font-style:normal;color:#667176;margin:0 7px}
.ox-product-payment-destination svg{width:23px;height:23px;stroke:#929b9c;stroke-width:1;fill:none;grid-column:2;grid-row:1 / 3;align-self:center}
.ox-product-visual-caption{font-size:9px;color:#657076;margin:22px 0 0;text-align:center;line-height:1.4}
.ox-product-account-details{padding-top:0;min-width:0}
.ox-product-feature-list{list-style:none;margin:0;padding:0;border-top:1px solid #dcdcd4}
.ox-product-feature-list li{display:flex;gap:19px;align-items:flex-start;padding:24px 0;border-bottom:1px solid #dcdcd4}
.ox-product-feature-index{font-size:9px;color:#9a9d95;letter-spacing:.04em;line-height:1.6;margin-top:5px;min-width:17px}
.ox-product-feature-list p{font-size:clamp(16px,1.27vw,18px);line-height:1.65;letter-spacing:-.018em;margin:0;max-width:430px;color:#4f554f}
.ox-product-signup{display:inline-flex;align-items:center;gap:40px;margin-top:33px;background:#1c211d;color:#fff;padding:17px 21px;text-decoration:none;font-size:12px;line-height:1.4;border:1px solid #1c211d;transition:background .25s,transform .25s}
.ox-product-signup svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.3}
.ox-product-signup:hover{background:#353d34;transform:translateY(-2px)}
.ox-product-audience [hidden],.ox-product-account [hidden]{display:none!important}
.ox-product-audience.is-observed .ox-product-structure,.ox-product-account.is-observed .ox-product-account-visual{animation:ox-product-soft-enter .8s both}
@keyframes ox-product-line-flow{0%{stroke-dashoffset:47}100%{stroke-dashoffset:0}}
@keyframes ox-product-vertical-flow{0%{transform:translateY(-12px);opacity:0}20%{opacity:.8}85%{opacity:.8}100%{transform:translateY(40px);opacity:0}}
@keyframes ox-product-soft-enter{from{transform:translateY(15px);opacity:.65}to{transform:translateY(0);opacity:1}}
@media(min-width:1600px){.ox-product-section-head h2{font-size:78px}}
@media(max-width:1050px){.ox-product-audience,.ox-product-account{padding:95px 0}.ox-product-section-head{margin-bottom:52px}.ox-product-section-head h2{font-size:clamp(48px,6vw,66px)}.ox-product-audience-layout{gap:42px;grid-template-columns:1.05fr 1fr}.ox-product-audience-row{padding:22px 0;gap:9px;grid-template-columns:25px 1fr 20px}.ox-product-audience-row>span:nth-child(2){font-size:18px}.ox-product-structure{padding:22px 15px}.ox-product-account-layout{gap:40px;grid-template-columns:1.14fr 1fr}.ox-product-currency-panel{padding:26px 22px 22px}.ox-product-currency-tabs{padding:14px 13px}.ox-product-currency-stage{gap:22px}.ox-product-metal-symbol{font-size:155px;min-width:95px}.ox-product-currency-code{font-size:33px}.ox-product-currency-caption{min-width:100px}.ox-product-company-account{padding:15px 12px}.ox-product-company-label{gap:8px}.ox-product-company-label svg{width:20px}.ox-product-iban-label{font-size:8px;gap:5px}.ox-product-feature-list li{padding:22px 0;gap:12px}.ox-product-feature-list p{font-size:16px}.ox-product-audience-note{font-size:13px}}
@media(max-width:760px){.ox-product-audience,.ox-product-account{padding:78px 0;scroll-margin-top:76px}.ox-product-section-head{margin-bottom:38px}.ox-product-eyebrow{font-size:10px;margin-bottom:23px;letter-spacing:.13em}.ox-product-section-head h2{font-size:clamp(36px,6vw,44px);line-height:1.1;letter-spacing:-.052em;text-wrap:pretty}.ox-product-audience-layout,.ox-product-account-layout{grid-template-columns:1fr;gap:35px}.ox-product-audience-row{padding:21px 0;grid-template-columns:24px 1fr 22px;gap:12px}.ox-product-audience-row:before{inset:0 -10px}.ox-product-audience-row>span:nth-child(2){font-size:18px;line-height:1.5}.ox-product-row-number{padding-top:6px}.ox-product-audience-note{font-size:13px;line-height:1.85;margin-top:25px;max-width:580px}.ox-product-structure{padding:24px 22px 22px;max-width:520px;width:100%;box-sizing:border-box;justify-self:center}.ox-product-structure-svg{max-height:365px;margin:10px auto 14px}.ox-product-account-visual{width:100%;max-width:580px;justify-self:center;box-sizing:border-box}.ox-product-currency-panel{padding:26px 23px 22px}.ox-product-currency-tabs{padding:14px 16px}.ox-product-currency-stage{height:234px;gap:35px}.ox-product-metal-symbol{font-size:170px;min-width:112px}.ox-product-currency-code{font-size:35px}.ox-product-currency-caption{min-width:118px}.ox-product-currency-orbit{width:215px;height:215px}.ox-product-company-account{padding:16px 14px}.ox-product-company-label{font-size:12px;gap:11px}.ox-product-company-label svg{width:24px}.ox-product-iban-label{font-size:9px}.ox-product-account-layout{gap:36px}.ox-product-feature-list li{padding:22px 0;gap:17px}.ox-product-feature-list p{font-size:17px;max-width:none}.ox-product-signup{margin-top:28px}.ox-product-payment-destination{padding:18px 15px}.ox-product-payment-rails{font-size:12px}}
@media(max-width:380px){.ox-product-section-head h2{font-size:36px}.ox-product-audience-row{grid-template-columns:20px 1fr 19px;gap:9px}.ox-product-audience-row>span:nth-child(2){font-size:17px}.ox-product-structure{padding:20px 13px}.ox-product-figure-top{font-size:9px}.ox-product-currency-panel{padding:22px 15px 20px}.ox-product-currency-tabs{padding:12px 10px;gap:3px}.ox-product-currency-tab{font-size:11px;gap:7px;padding:14px 3px}.ox-product-company-account{padding:13px 10px}.ox-product-company-label{gap:7px;font-size:11px}.ox-product-company-label>span>span{font-size:8px}.ox-product-iban-label{font-size:8px}.ox-product-currency-stage{gap:18px;height:221px}.ox-product-metal-symbol{font-size:156px;min-width:100px}.ox-product-currency-caption{min-width:96px}.ox-product-currency-code{font-size:32px}.ox-product-payment-rails{font-size:11px}.ox-product-payment-rails i{margin:0 4px}}
@media(prefers-reduced-motion:reduce){.ox-product-audience *,.ox-product-account *,.ox-product-audience *:before,.ox-product-account *:before,.ox-product-audience *:after,.ox-product-account *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ox-product-diagram-trace{display:none}.ox-product-signup:hover{transform:none}}
