/* Homepage only; auth, Marketplace and merchant styles remain independent. */
.commerce-landing {font-size:20px;line-height:1.5;overflow:clip}
.commerce-landing [id] {scroll-margin-top:28px}
.path-wrap {width:calc(100% - 96px);max-width:1240px;margin-inline:auto}
.path-hero {padding-top:68px}
.commerce-landing .path-eyebrow {font-size:14px;letter-spacing:.09em;text-transform:uppercase;font-weight:700;color:var(--public-muted);margin-bottom:24px}
.commerce-landing h1 {max-width:1180px;font-size:clamp(64px,6.65vw,96px);line-height:1.06;letter-spacing:-.065em;font-weight:700;margin-bottom:30px}
.commerce-landing .path-lead {max-width:750px;font-size:22px;line-height:1.55;color:var(--public-muted)}
.path-actions {display:flex;align-items:center;gap:32px;margin-top:32px}
.commerce-landing .owo-btn {font-size:18px;min-height:56px;padding:15px 25px}
.path-link {display:inline-flex;align-items:center;min-height:48px;font-size:18px;font-weight:600;text-decoration:underline!important;text-underline-offset:6px}
.product-scene {position:relative;display:grid;grid-template-columns:1fr 1.3fr 1fr;align-items:center;gap:32px;background:#ecefe5;margin-top:64px;padding:68px 48px 90px;border-radius:3px;min-height:610px}
.scene-caption {position:absolute;top:24px;left:28px;font-size:14px;color:var(--public-muted)}
.purchase-path {position:relative;z-index:1}
.commerce-landing .purchase-path h2 {font-size:30px;line-height:1.2;letter-spacing:-.035em;margin:20px 0 16px}
.purchase-path p {font-size:18px;max-width:270px;color:var(--public-muted)}
.path-symbol {display:inline-flex;width:64px;height:64px;border:1px solid #bac4b2;border-radius:50%;align-items:center;justify-content:center;font-size:36px}
.path-end {display:block;border-top:1px solid #b6bfad;margin-top:30px;padding-top:14px;font-size:16px;font-weight:600}
.hero-object {display:flex;flex-direction:column;align-items:center;position:relative}
.tumbler-art {display:block;width:100%;height:auto}
.hero-object .tumbler-art {width:320px;max-width:100%}
.product-tag {display:flex;flex-direction:column;gap:5px;border-left:2px solid #343c36;padding-left:18px;transform:rotate(-3deg)}
.product-tag>span:first-child {font-size:14px;color:var(--public-muted)}
.product-tag strong {font-size:18px}
.product-tag b {font-size:28px;letter-spacing:-.03em}
.stock-mark {font-size:18px;background:var(--public-lime);padding:3px 8px;margin-top:7px;width:fit-content}
.scene-foundation {position:absolute;bottom:26px;left:28px;right:28px;text-align:center;border-top:1px solid #b6bfad;padding-top:16px;font-size:16px;font-weight:600}
.path-section {margin-top:128px}
.commerce-landing .path-section>h2,.connections-scene h2 {font-size:56px;line-height:1.13;letter-spacing:-.05em;max-width:960px;font-weight:700;margin-bottom:44px}
.commerce-story {background:#ecefe5;padding:40px 48px}
.story-product {display:flex;align-items:center;gap:24px;padding-bottom:32px;border-bottom:1px solid #c3cbbb}
.story-object {width:100px;flex-shrink:0}
.story-product h3 {font-size:25px;letter-spacing:-.025em;margin:8px 0}
.story-product span {font-size:16px;color:var(--public-muted)}
.story-initial {margin-left:auto!important;font-size:18px}
.story-initial b {font-size:56px;letter-spacing:-.06em;margin-right:10px}
.story-initial span {display:block}
.story-states {list-style:none;margin:0;padding:0}
.story-states>li {display:grid;grid-template-columns:1.4fr .8fr 1fr;gap:32px;align-items:start;padding:44px 0;border-bottom:1px solid #c3cbbb}
.story-states>li:last-child {border-bottom:0;padding-bottom:8px}
.story-action {display:flex;gap:18px}
.step-index {font-size:16px;color:var(--public-muted);padding-top:3px}
.commerce-landing .story-action .path-eyebrow {font-size:13px;margin-bottom:12px}
.story-action h3 {font-size:25px;line-height:1.25;letter-spacing:-.03em;margin-bottom:14px}
.story-action p:not(.path-eyebrow) {font-size:16px}
.operation-status {display:block;font-size:16px;font-weight:600;margin-top:12px}
.story-result p {font-size:18px;line-height:1.2}
.story-result b {display:block;width:fit-content;background:var(--public-lime);padding:0 10px;font-size:60px;letter-spacing:-.06em;margin-bottom:12px}
.story-result>span {display:block;font-size:18px;margin-top:10px;color:var(--public-muted)}
.story-explanation {font-size:18px;color:var(--public-muted)}
.catalog-fork {display:grid;grid-template-columns:1fr 1fr;gap:80px;margin:64px 0 0}
.catalog-fork>div {border-top:1px solid #aab5a0;padding-top:24px;padding-bottom:40px}
.catalog-fork span {font-size:16px;color:var(--public-muted)}
.catalog-fork h3 {font-size:36px;letter-spacing:-.04em;margin:12px 0 16px}
.catalog-fork p {max-width:430px;color:var(--public-muted)}
.catalog-foundation {text-align:center;border-top:1px solid #aab5a0;padding:22px 0 36px}
.catalog-foundation>span {display:block;font-size:38px;margin-bottom:12px}
.catalog-foundation strong {font-size:30px;letter-spacing:-.035em}
.catalog-foundation p {color:var(--public-muted);margin-top:8px}
#catalog>.owo-btn {display:flex;width:fit-content;margin:auto}
.team-scene {display:grid;grid-template-columns:1fr 1.3fr 1fr;align-items:center;gap:40px;padding:32px 48px 48px;background:#ecefe5;text-align:center}
.team-person svg {width:160px;max-width:100%}
.team-person h3 {font-size:28px;margin:16px 0 10px;letter-spacing:-.03em}
.team-person p {font-size:18px;color:var(--public-muted)}
.team-center {border-block:1px solid #b6bfad;padding:36px 0}
.team-store {display:block;font-size:54px;font-weight:800;letter-spacing:-.08em;margin-bottom:18px}
.team-center strong {display:block;font-size:28px;letter-spacing:-.03em}
.team-center p {font-size:18px;margin:12px 0 20px}
.team-center>span:last-child {font-size:16px;color:var(--public-muted)}
.connections-scene {background:#252d28;color:#f7f8f2;padding:88px 0}
.commerce-landing .connections-scene .path-eyebrow,.commerce-landing .connections-scene .path-lead {color:#bcc5b9}
.connections-scene h2 {margin-bottom:24px}
.integration-controls {display:flex;justify-content:flex-end;gap:10px;margin-top:32px}
.integration-controls[hidden],.integration-panel[hidden] {display:none}
.integration-controls button {background:transparent;color:#f7f8f2;border:1px solid #71806c;border-radius:50%;width:48px;height:48px;font-size:24px;cursor:pointer}
.integration-rail {display:flex;gap:36px;overflow-x:auto;padding:20px 0 24px;border-bottom:1px solid #596254;scrollbar-width:none}
.integration-rail::-webkit-scrollbar {display:none}
.integration-rail a {flex-shrink:0;min-height:52px;display:flex;align-items:center;gap:12px;font-size:26px;font-weight:600;letter-spacing:-.03em;border-bottom:3px solid transparent}
.integration-rail a[aria-selected=true] {color:var(--public-lime);border-color:var(--public-lime)}
.integration-rail a span {font-size:16px;font-weight:400;color:#bcc5b9;letter-spacing:0}
.public-site .connections-scene :is(a,button,article):focus-visible {outline-color:var(--public-lime)}
.integration-panel {display:grid;grid-template-columns:1fr 1fr;gap:72px;padding:48px 0 0;min-height:300px}
.integration-panel:not([hidden])~.integration-panel:not([hidden]) {border-top:1px solid #596254;margin-top:40px}
.integration-panel h3 {font-size:36px;letter-spacing:-.04em;margin-bottom:12px}
.integration-panel p {color:#bcc5b9;font-size:18px}
.integration-panel .data-direction {margin-top:28px;line-height:1.7}
.data-direction strong {font-weight:500;color:#f7f8f2}
.integration-panel ul {list-style:none;padding:0;margin:0 0 24px}
.integration-panel li {display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid #596254;font-size:18px}
.integration-panel li b {font-size:16px;font-weight:500;color:#d2d9ce;white-space:nowrap}
.integration-panel li b.available {color:var(--public-lime)}
.integration-limit {max-width:520px}
.entry-points {margin-top:48px}
.entry-points>a {display:flex;gap:32px;align-items:start;border-top:1px solid #c4cdbd;padding:30px 0;min-height:120px}
.entry-points>a:last-child {border-bottom:1px solid #c4cdbd}
.entry-points>a>span {font-size:18px;color:var(--public-muted);padding-top:7px}
.entry-points>a>span:last-child {margin-left:auto;font-size:32px;color:var(--public-ink)}
.entry-points h3 {font-size:30px;letter-spacing:-.035em;line-height:1.25;margin-bottom:12px}
.entry-points p {color:var(--public-muted)}
.entry-points>a:hover h3 {text-decoration:underline;text-underline-offset:6px}
.path-final {text-align:center;padding-bottom:40px}
.commerce-landing .path-final h2 {font-size:72px;margin-inline:auto}
.path-final .path-lead {max-width:650px;margin:0 auto 32px}
.marketplace-note {display:flex;justify-content:center;gap:24px;align-items:center;margin-top:88px;border-top:1px solid #c4cdbd;padding-top:28px;color:var(--public-muted)}
.marketplace-note p,.marketplace-note .path-link {font-size:16px}
/* Shared public navigation uses only real destinations. */
.public-nav {gap:36px}
.public-nav-links {gap:24px}
.public-nav-links a,.public-nav-actions>a:not(.owo-btn) {min-height:44px;display:flex;align-items:center}
.public-site .public-footer {font-size:16px}
.public-site .public-footer :is(p,nav,span) {font-size:16px}
.public-site .public-footer nav a {display:inline-flex;align-items:center;min-height:44px}
.product-scene::before {content:"";position:absolute;left:18%;right:18%;top:46%;border-top:1px solid #b6bfad}
.purchase-path {background:#ecefe5}
.hero-object {background:#ecefe5}
@media(max-width:1100px) {
 .path-wrap {width:calc(100% - 64px)}
 .commerce-landing h1 {font-size:76px}
 .product-scene {padding-inline:28px;gap:22px}
 .commerce-landing .purchase-path h2 {font-size:25px}
 .commerce-story {padding-inline:32px}
 .story-states>li {gap:24px;grid-template-columns:1.2fr .7fr 1fr}
 .public-nav {gap:22px;padding-inline:32px}
 .public-nav-links {gap:18px}
 .public-nav-actions {gap:14px}
}
@media(max-width:850px) {
 .product-scene::before {display:none}
 .commerce-landing h1 {font-size:64px}
 .path-hero {padding-top:48px}
 .commerce-landing .path-section>h2,.connections-scene h2 {font-size:44px}
 .product-scene {grid-template-columns:1fr 1fr;padding-top:60px}
 .hero-object {grid-column:1/-1;grid-row:1}
 .hero-object .tumbler-art {width:260px}
 .purchase-path {margin-top:28px}
 .story-states>li {grid-template-columns:1.4fr 1fr}
 .story-explanation {grid-column:1/-1;padding-left:38px}
 .story-product {flex-wrap:wrap}
 .story-initial {width:100%;margin-left:124px!important}
 .team-scene {padding-inline:24px;gap:24px}
 .team-center>span:last-child {display:block}
 .integration-panel {gap:40px}
 .integration-rail {gap:28px}
 .marketplace-note {flex-direction:column;gap:8px}
 .public-nav {flex-wrap:wrap;gap:16px}
 .public-nav-links {order:3;width:100%;justify-content:center}
 .public-nav-actions {margin-left:auto}
 .catalog-fork {gap:40px}
 .catalog-fork h3 {font-size:30px}
}
@media(max-width:600px) {
 .commerce-landing {font-size:18px}
 .path-wrap {width:calc(100% - 40px)}
 .path-hero {padding-top:36px}
 .commerce-landing .path-eyebrow {font-size:12px;letter-spacing:.06em;margin-bottom:20px}
 .commerce-landing h1 {font-size:44px;line-height:1.1;letter-spacing:-.05em;margin-bottom:24px}
 .commerce-landing .path-lead {font-size:19px;line-height:1.55}
 .path-actions {flex-direction:column;align-items:flex-start;gap:14px;margin-top:26px}
 .commerce-landing .owo-btn {min-height:56px;font-size:18px}
 .path-link {font-size:17px}
 .product-scene {grid-template-columns:1fr;margin-top:36px;padding:60px 24px 76px;gap:0;min-height:0}
 .scene-caption {left:24px;top:20px}
 .hero-object {grid-column:auto;grid-row:1}
 .hero-object .tumbler-art {width:250px}
 .product-tag {transform:none;width:100%;max-width:250px}
 .purchase-path {display:grid;grid-template-columns:44px 1fr;gap:0 16px;margin-top:32px;padding-top:28px;border-top:1px solid #b6bfad}
 .path-symbol {width:44px;height:44px;font-size:26px;grid-row:1/4}
 .commerce-landing .purchase-path h2 {font-size:25px;margin:0 0 12px}
 .purchase-path p {font-size:18px;max-width:none}
 .path-end {grid-column:2;border:0;margin-top:12px;padding:0;font-size:16px}
 .scene-foundation {font-size:15px;left:24px;right:24px;bottom:20px}
 .path-section {margin-top:72px}
 .commerce-landing .path-section>h2,.connections-scene h2 {font-size:34px;line-height:1.16;letter-spacing:-.04em;margin-bottom:30px}
 .commerce-story {padding:24px}
 .story-product {gap:12px;align-items:center;padding-bottom:24px}
 .story-object {width:64px}
 .story-product>div:nth-child(2) {flex:1;min-width:0}
 .story-product h3 {font-size:21px}
 .story-product span {font-size:14px}
 .story-product p {font-size:18px}
 .story-initial {margin-left:0!important;padding-top:12px}
 .story-initial b {font-size:48px}
 .story-states>li {display:flex;flex-direction:column;gap:24px;padding:32px 0}
 .story-action {gap:12px}
 .story-action h3 {font-size:24px}
 .story-result {padding-left:30px}
 .story-result p {font-size:19px}
 .story-result b {display:inline-block;font-size:48px;margin:0 8px 0 0}
 .story-result>span {font-size:18px}
 .story-explanation {padding-left:30px;font-size:18px}
 .catalog-fork {grid-template-columns:1fr;gap:0;margin-top:40px}
 .catalog-fork>div {padding-bottom:28px}
 .catalog-fork h3 {font-size:29px}
 .catalog-foundation {padding-bottom:28px}
 .catalog-foundation strong {font-size:26px}
 .team-scene {grid-template-columns:1fr;gap:28px;padding:28px 24px}
 .team-person svg {width:110px}
 .team-person h3 {font-size:26px;margin-top:6px}
 .team-center {padding:24px 0}
 .team-store {font-size:44px;margin-bottom:12px}
 .connections-scene {padding:56px 0}
 .integration-controls {margin-top:26px}
 .integration-rail {gap:24px;padding-top:14px}
 .integration-rail a {font-size:25px}
 .integration-panel {grid-template-columns:1fr;gap:24px;padding-top:30px;min-height:0}
 .integration-panel h3 {font-size:30px}
 .integration-panel .data-direction {margin-top:20px}
 .integration-panel li {font-size:17px;gap:12px}
 .integration-panel li b {font-size:16px}
 .entry-points {margin-top:30px}
 .entry-points>a {gap:14px;padding:26px 0}
 .entry-points>a>span {font-size:14px;padding-top:4px}
 .entry-points>a>span:last-child {font-size:24px}
 .entry-points h3 {font-size:24px}
 .entry-points p {font-size:18px}
 .commerce-landing .path-final h2 {font-size:36px}
 .marketplace-note {margin-top:56px;text-align:left;align-items:flex-start}
 .public-nav {padding:18px 20px;gap:14px}
 .public-nav-links {display:flex;gap:22px;font-size:13px}
 .public-nav-actions {gap:12px}
 .public-nav-actions>.owo-btn {font-size:13px;padding:10px 12px;min-height:44px;gap:4px}
 .public-nav-actions>a:not(.owo-btn) {font-size:13px}
 .public-footer nav {flex-wrap:wrap;gap:16px}
}
@media(prefers-reduced-motion:reduce) {
 .commerce-landing * {animation:none!important;transition:none!important;scroll-behavior:auto!important}
}