.od-member-home{padding:30px 0 50px;color:var(--ng-text)}
.od-member-home__intro{margin-bottom:20px}
.od-member-home__intro h1{margin:5px 0 3px;font-size:clamp(27px,2.4vw,38px);font-weight:var(--ng-weight-medium)}
.od-member-home__intro p{margin:0;color:var(--ng-text-muted);font-size:14px}
.od-member-home__summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.od-member-home .od-member-stat{--ng-accent-card-padding:18px}
.od-member-home .od-member-match{--ng-accent-card-padding:13px}
.od-member-stat{display:flex;min-width:0;min-height:132px;flex-direction:column;padding:18px;border:1px solid var(--ng-border);border-radius:var(--ng-radius-md);background:var(--ng-surface-home-panel)}
.od-member-stat>span{color:var(--ng-text-muted);font-size:11px;letter-spacing:.06em}
.od-member-stat strong{margin-top:9px;color:var(--ng-text);font-size:21px;font-weight:var(--ng-weight-medium)}
.od-member-stat p{margin:5px 0 12px;color:var(--ng-text-muted);font-size:13px;line-height:1.4}
.od-member-stat a{align-self:start;margin-top:auto;color:var(--ng-global-13);font-size:13px;text-decoration:none}
.od-member-stat a:hover{text-decoration:underline}
.od-member-agenda{margin-top:30px}
.od-member-agenda__head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px}
.od-member-agenda__head h2{margin:5px 0 0;color:var(--ng-text);font-size:26px;font-weight:var(--ng-weight-medium)}
.od-member-agenda__tabs{width:auto;min-width:190px}
.od-member-agenda__tabs button{min-width:92px}
.od-member-agenda__tabs span{margin-left:4px;font-size:12px}
.od-member-agenda__grid{--od-agenda-visible-rows:2;--od-agenda-card-height:139px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:12px;max-height:var(--od-agenda-max-height,calc(var(--od-agenda-visible-rows)*var(--od-agenda-card-height) + (var(--od-agenda-visible-rows) - 1)*12px + 24px));overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-gutter:stable;padding:12px;scrollbar-color:var(--ng-global-12) transparent}
.od-member-agenda__grid[hidden],.od-member-agenda__state[hidden]{display:none}
.od-member-agenda__state{display:flex;align-items:center;min-height:110px;padding:20px;border:1px solid var(--ng-border);border-radius:var(--ng-radius-md);background:var(--ng-surface-home-panel);color:var(--ng-text-muted)}
.od-member-agenda__state[data-home-events-loading]{min-height:0;padding:12px;border:0;border-radius:0;background:transparent;box-shadow:none}
.od-member-agenda__state[data-home-events-error]{color:var(--ng-value-negative)}
.od-member-match{display:flex;min-width:0;min-height:139px;flex-direction:column;padding:13px;border:1px solid var(--ng-border);border-radius:var(--ng-radius-md);background:var(--ng-surface-home-panel)}
.od-member-match__top,.od-member-match__foot{display:flex;align-items:center;justify-content:space-between;gap:8px}
.od-member-match__league{display:flex;align-items:center;gap:6px;min-width:0;color:var(--ng-text);font-size:12px}
.od-member-match__league span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.od-member-match__league img,.od-member-match__league i{width:18px;height:18px;flex:0 0 18px;object-fit:contain}
.od-member-match__time{flex:0 0 auto;color:var(--ng-text-muted);font-size:12px;white-space:nowrap}
.od-member-match__teams{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;flex:1;padding:12px 0}
.od-member-match__team{display:flex;align-items:center;gap:7px;min-width:0}
.od-member-match__team--away{justify-content:flex-end;text-align:right}
.od-member-match__team strong{display:-webkit-box;min-width:0;overflow:hidden;color:var(--ng-text);font-size:14px;font-weight:var(--ng-weight-medium);overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.od-member-match__team img,.od-member-match__team i{width:25px;height:25px;flex:0 0 25px;object-fit:contain}
.od-member-match__vs{display:grid;width:24px;height:24px;place-items:center;border:1px solid var(--ng-border);border-radius:50%;color:var(--ng-text-muted);font-size:10px}
.od-member-match__foot{padding-top:9px;border-top:1px solid var(--ng-border);color:var(--ng-text-muted);font-size:11px}
/* The public home uses the regular global weight, including legacy headings
   whose more-specific selectors previously overrode the global text classes. */
.od-home-panel :is(h1,h2,h3,h4,strong,b,a,.od-subtitle-badge-global-1,.od-team-badge,.od-avatars span) { font-weight:var(--ng-weight-regular); }
.od-home-panel :is(h1,h2,h3,h4) { font-family:var(--ng-font); letter-spacing:normal; font-stretch:normal; }
.od-home-panel .od-section-heading h2 { font-size:var(--ng-text-heading-size); line-height:1.16; }
.od-public-home { padding-bottom:36px; }
.od-public-home .od-hero { padding-top:18px; }
.od-public-home .od-home-panel--hero { padding-block:clamp(24px,3vw,44px); }
.od-home-demo { min-width:0; width:100%; padding:16px; border:1px solid color-mix(in srgb,var(--ng-global-7) 70%,transparent); border-radius:var(--ng-radius-md); background:var(--ng-surface-home-panel); box-shadow:0 0 20px 0 color-mix(in srgb,var(--ng-global-13) 48%,transparent),0 0 36px 0 color-mix(in srgb,var(--ng-global-7) 26%,transparent); color:var(--ng-text); scroll-margin-top:80px; }
.od-home-demo-stage { position:relative; }
.od-home-demo-slide[hidden] { display:none!important; }
.od-home-demo-caption { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:8px; }
.od-home-demo-caption h2 { margin:0; font-size:1rem; line-height:1.2; }
.od-home-demo-caption > span { color:var(--ng-text-muted); font-size:.72rem; white-space:nowrap; }
.od-home-demo .od-home-demo-teams { padding:8px 0; gap:8px; }
.od-home-demo-teams > span:not(.od-event-vs-global-1) { display:flex; align-items:center; gap:7px; min-width:0; font-size:.85rem; }
.od-home-demo-teams > span:last-child { justify-content:flex-end; text-align:right; }
.od-home-demo-teams img { flex-shrink:0; width:30px; height:30px; object-fit:contain; }
.od-home-demo-market { margin:4px 0 12px; color:var(--ng-text-muted); font-size:.74rem; }
.od-home-demo .od-home-demo-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.od-home-demo .od-home-demo-cards--lev { grid-template-columns:repeat(3,minmax(0,1fr)); }
.od-home-demo .od-home-demo-card { display:grid; grid-template-columns:1fr; align-content:start; gap:7px; min-width:0; min-height:138px; padding:10px; border:var(--ng-border-width) solid var(--od-border); border-radius:var(--ng-radius-sm); background:var(--ng-global-26); }
.od-home-demo .od-home-demo-card header span { color:var(--ng-text-muted); font-size:.72rem; }
.od-home-demo .od-home-demo-card > strong { position:static; color:var(--ng-text); font-size:1.05rem; }
.od-home-demo .od-home-demo-card :is(.od-favor-pick,.od-lev-market__selection b) { min-width:0; color:var(--ng-text); font-size:.83rem; white-space:normal; overflow-wrap:anywhere; }
.od-home-demo .od-home-demo-card footer { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:5px; min-width:0; margin-top:auto; }
.od-home-demo .od-home-demo-card footer > span { display:flex; align-items:center; gap:4px; min-width:0; font-size:.7rem; overflow:visible; }
.od-home-demo .od-home-demo-card footer > span > span { min-width:0; overflow-wrap:anywhere; }
.od-home-demo .od-home-demo-card footer strong { font-size:1rem; }
.od-home-demo .od-lev-bookmaker-logo { width:16px; height:16px; flex:0 0 16px; object-fit:contain; }
.od-home-demo-results { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:16px; }
.od-home-demo-results--lev { grid-template-columns:repeat(3,minmax(0,1fr)); }
.od-home-demo-results > div { display:grid; align-content:center; justify-items:center; gap:5px; min-height:62px; padding:8px 5px; border:var(--ng-border-width) solid color-mix(in srgb,var(--ng-value-positive) 30%,var(--od-border)); border-radius:var(--ng-radius-sm); background:color-mix(in srgb,var(--ng-value-positive) 6%,var(--ng-surface-home-panel)); text-align:center; }
.od-home-demo-results span { color:var(--ng-text-muted); font-size:.7rem; }.od-home-demo-results strong { font-size:.95rem; white-space:nowrap; }
.od-home-demo-equivalence { display:flex; align-items:center; justify-content:center; gap:5px; margin:12px 0 0; color:var(--ng-value-positive); font-size:.74rem; text-align:center; }
.od-home-demo-controls { display:flex; align-items:center; gap:10px; margin-top:18px; }
.od-home-demo-controls .od-tabs-global-1 { flex:1; margin:0; }
.od-home-demo-controls .od-tabs-global-1 button { flex:1; min-height:32px; padding:7px 10px; font-size:.82rem; }
.od-home-demo-score .od-score-league { margin-top:14px; border-color:var(--od-border); background:var(--ng-global-26); }
.od-home-demo-score .od-score-league__head { min-height:30px; padding:5px 8px; border-bottom:var(--ng-border-width) solid var(--od-border); background:var(--ng-global-26); font-size:.78rem; }
.od-home-demo-score .od-score-match { grid-template-columns:32px minmax(0,1fr) 26px minmax(84px,.85fr) 52px 26px; gap:4px; min-height:66px; padding:6px; border-bottom-color:var(--od-border); background:var(--ng-global-26); cursor:default; }
.od-home-demo-score .od-score-match time { grid-column:auto; grid-row:auto; font-size:.68rem; }
.od-home-demo-score .od-score-teams { grid-column:auto; grid-row:auto; gap:3px; font-size:.72rem; }
.od-home-demo-score .od-score-teams > span { gap:4px; }
.od-home-demo-score .od-score-teams > span > span { min-width:0; overflow:hidden; text-overflow:ellipsis; }
.od-home-demo-score .od-score-teams img { flex-shrink:0; width:16px; height:16px; }
.od-home-demo-score .od-score-match-actions { grid-column:auto; grid-row:auto; }
.od-home-demo-score .od-score-match-odds { grid-column:auto; grid-row:auto; gap:3px; }
.od-home-demo-score .od-score-match-odds small { font-size:.6rem; }
.od-home-demo-score .od-score-match-odds strong { padding:0; background:transparent; font-size:.78rem; }
.od-home-demo-score .od-score-match > .od-rating-global-1 { grid-column:auto; grid-row:auto; font-size:.78rem; }
.od-home-demo-score .od-button-icon { display:grid; place-items:center; width:26px; height:26px; min-width:26px; min-height:26px; padding:0; font-size:.76rem; }
.od-home-demo-score-caption { margin:16px 0 0; color:var(--ng-text-muted); font-size:.75rem; text-align:center; }
@media(max-width:575.98px) { .od-home-demo-score .od-score-match { grid-template-columns:26px minmax(0,1fr) 52px 26px; grid-template-rows:auto 32px; gap:4px; min-height:78px; }.od-home-demo-score .od-score-match time { grid-column:1; grid-row:1; }.od-home-demo-score .od-score-teams { grid-column:2/-1; grid-row:1; }.od-home-demo-score .od-score-match-actions { grid-column:1; grid-row:2; }.od-home-demo-score .od-score-match-odds { grid-column:2; grid-row:2; }.od-home-demo-score .od-score-match > .od-rating-global-1 { grid-column:3; grid-row:2; }.od-home-demo-score .od-score-favorite { grid-column:4; grid-row:2; } }
.od-public-section { padding:0 0 32px; scroll-margin-top:80px; }
.od-public-hero-grid { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); align-items:center; gap:36px; }
.od-public-home .od-hero__title { max-width:20ch; overflow-wrap:anywhere; }
.od-public-home .od-hero__lead { white-space:pre-line; }
.od-public-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:18px; }
.od-public-demo-label { color:var(--ng-text-muted); font-size:.78rem; }
.od-public-demo-label { display:block; margin-top:12px; text-align:right; }
.od-public-preview-line { display:flex; justify-content:space-between; gap:8px; }
.od-public-preview-stats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:10px; }
.od-public-about { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:20px; margin-bottom:20px; }
.od-public-about p,.od-public-callout p,.od-public-contact p { margin:8px 0 0; color:var(--ng-text-muted); font-size:.9rem; line-height:1.6; white-space:pre-line; overflow-wrap:anywhere; }
.od-public-experience { display:grid; justify-items:center; gap:4px; padding:16px; border:var(--ng-border-width) solid var(--od-border); border-radius:var(--ng-radius-md); background:var(--ng-surface-home-inner); }
.od-public-experience strong { font-size:1.7rem; }.od-public-experience span { color:var(--ng-text-muted); font-size:.8rem; }
.od-public-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; align-items:stretch; }
.od-public-card-grid--two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.od-public-card-grid--steps { grid-template-columns:repeat(4,minmax(0,1fr)); }
.od-public-home .od-feature-card { min-width:0; display:flex; flex-direction:column; gap:10px; padding:20px; border-radius:var(--ng-radius-md); }
.od-public-home .od-feature-card h3 { margin:0; font-size:1.05rem; line-height:1.3; }
.od-public-home .od-feature-card p { min-height:0; margin:0; white-space:pre-line; overflow-wrap:anywhere; }
.od-public-home .od-feature-card__icon { margin:0 0 6px; border-radius:var(--ng-radius-sm); }
.od-public-home .od-feature-card > a { align-self:flex-start; margin-top:auto; }
.od-public-step { display:grid; place-items:center; width:36px; height:36px; margin-bottom:6px; border:var(--ng-border-width) solid var(--ng-global-7); border-radius:var(--ng-radius-sm); color:var(--ng-global-7); }
.od-public-callout { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:20px; padding:18px; border:var(--ng-border-width) solid var(--od-border); border-radius:var(--ng-radius-md); background:var(--ng-surface-home-inner); }
.od-public-billing { margin-bottom:20px; }.od-public-billing button { flex:1; }
.od-public-price { display:grid; gap:3px; margin:8px 0; }.od-public-price strong { font-size:2rem; line-height:1.2; }.od-public-price span { color:var(--ng-text-muted); font-size:.82rem; }
.od-public-plan ul { display:grid; gap:10px; margin:0 0 10px; padding:0; list-style:none; }
.od-public-plan li { display:flex; align-items:start; gap:8px; font-size:.86rem; line-height:1.45; }
.od-public-plan li i { flex-shrink:0; color:var(--ng-value-positive); }.od-public-plan li.is-unavailable { color:var(--ng-text-muted); }.od-public-plan li.is-unavailable i { color:var(--ng-text-muted); }
.od-public-faq { display:grid; gap:10px; }.od-public-faq details { padding:16px; border:var(--ng-border-width) solid var(--od-border); border-radius:var(--ng-radius-md); background:var(--ng-surface-home-inner); }
.od-public-faq summary { color:var(--ng-text); font-weight:var(--ng-weight-regular); cursor:pointer; }
.od-public-faq details p { margin:10px 0 0; color:var(--ng-text-muted); line-height:1.65; font-size:.9rem; white-space:pre-line; }
.od-public-contact { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:24px; }
.od-public-contact .od-button-global-2 { margin-top:18px; }.od-public-contact-details { display:grid; gap:18px; padding:18px; border:var(--ng-border-width) solid var(--od-border); border-radius:var(--ng-radius-md); background:var(--ng-surface-home-inner); }
.od-public-contact-details h3 { margin:0; font-size:.95rem; }
.od-public-empty { color:var(--ng-text-muted); grid-column:1/-1; }

/* Public landing: luminous depth and metallic tiers, never heavier typography. */
.od-public-home { --home-accent:var(--od-primary); --home-cool:#6998d1; --home-violet:#9985e0; }
.od-public-home .od-home-panel { isolation:isolate; border-color:var(--od-border); box-shadow:var(--od-shadow); }
.od-public-home .od-hero__title .od-public-hero-accent { color:var(--home-accent); background:linear-gradient(105deg,var(--home-accent),var(--ng-global-13)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.od-public-home .od-section-heading { gap:24px; margin-bottom:26px; }
.od-public-home .od-section-heading > div { position:relative; padding-bottom:14px; }
.od-public-home .od-section-heading > div::after { content:""; position:absolute; bottom:0; left:0; width:48px; height:2px; border-radius:2px; background:linear-gradient(90deg,var(--home-accent),color-mix(in srgb,var(--home-accent) 15%,transparent)); }
.od-public-home .od-subtitle-badge-global-1 { background:color-mix(in srgb,var(--home-accent) 5%,var(--ng-surface-home-panel)); }
.od-public-home .od-public-actions .od-button-global-2:not(.od-button-global-2--secondary),.od-public-home #contacto .od-button-global-2 { box-shadow:0 6px 20px -8px color-mix(in srgb,var(--home-accent) 75%,transparent); }
.od-public-home .od-feature-card { position:relative; isolation:isolate; border-color:color-mix(in srgb,var(--home-accent) 16%,var(--od-border)); box-shadow:0 8px 22px -18px color-mix(in srgb,var(--home-accent) 60%,transparent); transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.od-public-home .od-feature-card::before { content:""; position:absolute; z-index:-1; inset:0; border-radius:inherit; pointer-events:none; background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--home-accent) 7%,transparent),transparent 72%); }
.od-public-home .od-feature-card:is(:hover,.is-neon-preview) { transform:translateY(-3px); border-color:color-mix(in srgb,var(--home-accent) 45%,var(--od-border)); box-shadow:0 12px 26px -18px color-mix(in srgb,var(--home-accent) 75%,transparent); }
.od-public-home .od-feature-card__icon { width:44px; height:44px; background:linear-gradient(135deg,color-mix(in srgb,var(--home-accent) 20%,var(--ng-surface-home-panel)),color-mix(in srgb,var(--home-accent) 5%,var(--ng-surface-home-panel))); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--home-accent) 16%,transparent); color:var(--home-accent); }
.od-public-home #sobre-nosotros .od-feature-card:nth-child(2) { --home-accent:var(--home-cool); }
.od-public-home #sobre-nosotros .od-feature-card:nth-child(3) { --home-accent:var(--home-violet); }
.od-public-home .od-public-service-card--calculator { --home-accent:var(--home-violet); }
.od-public-home .od-public-step { width:40px; height:40px; border-color:color-mix(in srgb,var(--home-accent) 30%,transparent); background:linear-gradient(135deg,color-mix(in srgb,var(--home-accent) 15%,var(--ng-surface-home-panel)),var(--ng-surface-home-panel)); box-shadow:0 4px 14px -8px var(--home-accent); }
.od-public-home .od-public-experience { border-color:color-mix(in srgb,var(--home-accent) 30%,var(--od-border)); background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--home-accent) 10%,transparent),transparent 80%),var(--ng-surface-home-panel); }
.od-public-home .od-public-callout { background:linear-gradient(105deg,color-mix(in srgb,var(--home-accent) 8%,var(--ng-surface-home-panel)),var(--ng-surface-home-panel)); border-color:color-mix(in srgb,var(--home-accent) 22%,var(--od-border)); }
.od-public-home .od-public-billing { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); width:min(660px,100%); margin:0 auto 18px; gap:10px; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.od-public-home .od-public-billing button { position:relative; display:flex; align-items:center; justify-content:center; gap:9px; min-height:58px; padding:9px 12px; border:var(--ng-border-width) solid color-mix(in srgb,var(--ng-accent-color) 28%,var(--od-border)); border-radius:var(--ng-radius-md); color:var(--ng-text); }
.od-public-billing-copy { display:grid; gap:4px; text-align:left; line-height:1.1; }
.od-public-billing-copy > span { font-size:.82rem; }.od-public-billing-copy small { color:var(--ng-text-muted); font-size:.66rem; }
.od-public-billing-icon { flex:0 0 18px; color:var(--ng-accent-color); opacity:.75; }
.od-public-home .od-public-billing button:not(.is-active):hover { background:color-mix(in srgb,var(--ng-accent-color) 9%,var(--ng-surface-home-panel)); }
html[data-theme] body.od-app .od-public-billing button.is-active { background:color-mix(in srgb,var(--ng-accent-color) 12%,var(--ng-surface-home-panel)); }
.od-public-home .od-public-billing button.is-active .od-public-billing-icon { opacity:1; }
.od-public-home .od-public-billing button::after { content:none; }
.od-public-home .od-public-billing button:focus-visible { outline:2px solid var(--ng-accent-color); outline-offset:3px; }
.od-public-home .od-public-plans { grid-auto-rows:1fr; gap:20px; }

.od-public-home .od-public-plan { --plan-accent:#b4c4da; --plan-secondary:#e1e9f6; --plan-button:#c0cfe3; --plan-button-end:#e7eef8; --plan-button-text:#203149; gap:18px; padding:26px 22px 22px; overflow:hidden; border-color:color-mix(in srgb,var(--plan-accent) 62%,var(--od-border)); box-shadow:0 12px 34px -18px color-mix(in srgb,var(--plan-accent) 42%,transparent),inset 0 1px 0 color-mix(in srgb,var(--plan-secondary) 12%,transparent); }
.od-public-home .od-public-plan--gold { --plan-accent:#f2c36e; --plan-secondary:#fff0bc; --plan-button:#f4cf79; --plan-button-end:#e8af44; --plan-button-text:#34240c; }
.od-public-home .od-public-plan--platinum { --plan-accent:#b3a5f1; --plan-secondary:#7bbacb; --plan-button:#7261dc; --plan-button-end:#426dc5; --plan-button-text:#fff; }
html[data-theme="light"] .od-public-home .od-public-plan { --plan-accent:#526c8d; --plan-secondary:#8ca5c6; }
html[data-theme="light"] .od-public-home .od-public-plan--gold { --plan-accent:#9d650a; --plan-secondary:#efbb59; }
html[data-theme="light"] .od-public-home .od-public-plan--platinum { --plan-accent:#6852b0; --plan-secondary:#448b9c; }
.od-public-home .od-public-plan::before { background:color-mix(in srgb,var(--plan-accent) 9%,var(--ng-surface-home-panel)); }
html[data-theme="light"] .od-public-home .od-public-plan::before { background:color-mix(in srgb,var(--plan-accent) 9%,#fff); }
.od-public-home .od-public-plan::after { content:""; position:absolute; top:0; left:0; right:0; height:3px; background:var(--plan-accent); pointer-events:none; }
.od-public-home .od-public-plan:hover { border-color:color-mix(in srgb,var(--plan-accent) 75%,var(--od-border)); box-shadow:0 16px 34px -20px color-mix(in srgb,var(--plan-accent) 58%,transparent); }
.od-public-plan-head { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:52px; }
.od-public-plan-eyebrow { display:block; margin-bottom:5px; color:var(--ng-text-muted); font-size:.7rem; letter-spacing:.08em; text-transform:uppercase; }
.od-public-home .od-public-plan-head h3 { color:var(--plan-accent); font-size:1.6rem; letter-spacing:.015em; }
.od-public-plan-emblem { display:grid; place-items:center; flex:0 0 50px; width:50px; height:50px; border:1px solid color-mix(in srgb,var(--plan-accent) 40%,transparent); border-radius:12px; background:color-mix(in srgb,var(--plan-accent) 12%,var(--ng-surface-home-panel)); color:var(--plan-accent); box-shadow:0 6px 16px -9px color-mix(in srgb,var(--plan-accent) 70%,transparent); }
.od-public-plan-emblem svg { width:30px; height:30px; }
.od-public-home .od-public-plan-description { min-height:3.2em; color:var(--ng-text-muted); font-size:.86rem; line-height:1.6; }
.od-public-home .od-public-plan .od-public-price { gap:5px; margin:0; padding:14px 0 18px; border-bottom:1px solid color-mix(in srgb,var(--plan-accent) 20%,var(--od-border)); }
.od-public-home .od-public-plan .od-public-price strong { color:var(--plan-accent); font-size:2.35rem; font-weight:var(--ng-weight-regular); line-height:1.15; letter-spacing:-.025em; }
.od-public-home .od-public-plan ul { gap:12px; margin-bottom:6px; }
.od-public-home .od-public-plan li i { color:var(--plan-accent); }
.od-public-home .od-public-plan li.is-unavailable i { color:var(--ng-text-muted); }
.od-public-home .od-public-plan li:first-child:not(.is-unavailable) { padding:10px; border:1px solid color-mix(in srgb,var(--plan-accent) 22%,transparent); border-radius:var(--ng-radius-sm); background:color-mix(in srgb,var(--plan-accent) 6%,transparent); }
.od-public-home .od-public-plan > .od-button-global-2 { align-self:stretch; width:100%; min-height:44px; margin-top:auto; border:1px solid color-mix(in srgb,var(--plan-accent) 45%,transparent); border-radius:var(--ng-radius-sm); background:var(--plan-button); background-image:none; color:var(--plan-button-text); box-shadow:0 8px 22px -8px color-mix(in srgb,var(--plan-accent) 58%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 35%,transparent); transition:filter .2s ease,box-shadow .2s ease; }
.od-public-home .od-public-plan > .od-button-global-2:hover { box-shadow:0 8px 22px -10px color-mix(in srgb,var(--plan-accent) 85%,transparent); }
.od-public-home .od-public-plan > .od-button-global-2:focus-visible { outline:2px solid var(--plan-accent); outline-offset:3px; }
.od-public-home .od-public-faq details { background:var(--ng-surface-home-panel); border-color:color-mix(in srgb,var(--home-accent) 12%,var(--od-border)); transition:border-color .2s ease,box-shadow .2s ease; }
.od-public-home .od-public-faq details[open] { border-color:color-mix(in srgb,var(--home-accent) 50%,var(--od-border)); box-shadow:0 5px 18px -12px color-mix(in srgb,var(--home-accent) 45%,transparent); }
.od-public-home .od-public-faq summary::marker { color:var(--home-accent); }
.od-public-home .od-public-contact-details { background:linear-gradient(135deg,color-mix(in srgb,var(--home-accent) 7%,var(--ng-surface-home-panel)),var(--ng-surface-home-panel)); border-color:color-mix(in srgb,var(--home-accent) 22%,var(--od-border)); }
.od-public-services-grid { display:grid; grid-template-columns:minmax(0,7fr) minmax(0,13fr); grid-template-areas:"heading preview" "guides preview" "calculator contact"; gap:16px; align-items:stretch; }
.od-public-services-heading { grid-area:heading; }.od-public-service-card--guides { grid-area:guides; }.od-public-service-card--calculator { grid-area:calculator; }
.od-public-home .od-public-services-heading { min-width:0; padding:26px; border-radius:var(--ng-radius-md); }
.od-public-services-heading .od-section-heading { height:100%; margin:0; flex-direction:column; align-items:flex-start; justify-content:center; gap:14px; }
.od-public-services-heading .od-section-heading p { max-width:100%; }
.od-public-home .od-public-services-grid > .od-feature-card,.od-public-home .od-public-services-contact { min-width:0; margin:0; padding:26px; border:var(--ng-border-width) solid var(--od-border); border-radius:var(--ng-radius-md); background:var(--ng-surface-home-panel); box-shadow:var(--od-shadow); }
.od-public-services-grid > .od-feature-card::before { content:none; }
.od-public-home .od-public-services-grid > .od-feature-card:hover { box-shadow:var(--od-shadow); }
.od-public-home .od-public-services-contact { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:18px; }
.od-public-services-contact h3 { margin:0; }.od-public-services-contact p { margin-top:8px; }
.od-public-service-card h3 { font-family:var(--ng-font); font-weight:var(--ng-weight-regular); letter-spacing:normal; }.od-public-service-card > a { font-weight:var(--ng-weight-regular); }
/* A small, deliberately incomplete product glimpse beside the Services copy. */
.od-public-services-contact { grid-area:contact; }
.od-service-preview { align-self:stretch; justify-self:stretch; width:100%; min-width:0; height:270px; overflow:hidden; border:var(--ng-border-width) solid var(--od-border); border-radius:14px; background:var(--ng-surface-home-panel); color:var(--ng-text); box-shadow:var(--od-shadow); font-size:9px; line-height:1.35; container:service-preview / inline-size; }
.od-service-preview-chrome { display:flex; align-items:center; gap:12px; height:28px; padding:0 12px; color:var(--ng-text-muted); background:var(--ng-global-26); font-size:8px; }
.od-service-preview-dots { display:flex; gap:4px; }.od-service-preview-dots i { width:5px; height:5px; border-radius:50%; background:var(--ng-global-13); }.od-service-preview-dots i:nth-child(2) { background:#c99a36; }.od-service-preview-dots i:nth-child(3) { background:#16a085; }
.od-service-preview .od-service-preview-tabs { display:flex; flex-direction:row; justify-content:flex-start; gap:0; height:28px; margin:0; padding:0 8px; border-bottom:1px solid var(--od-border); background:var(--ng-global-26); }
.od-service-preview .od-service-preview-tabs button { flex:0 0 64px; width:auto; min-height:0; padding:5px 8px; font-size:9px; line-height:1; }
.od-service-preview-layout { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.6fr); height:calc(100% - 56px); }
.od-service-preview-list-panel { min-width:0; min-height:0; overflow-y:auto; padding:10px 7px; border-right:1px solid var(--od-border); scrollbar-width:thin; }
.od-service-preview-row { display:grid; width:100%; min-width:0; gap:4px; margin:0 0 5px; padding:5px; border:1px solid var(--od-border); border-radius:5px; background:var(--ng-surface-home-panel); color:var(--ng-text); cursor:pointer; text-align:left; font:inherit; }
.od-service-preview-row.is-selected { border-color:var(--ng-global-7); background:var(--ng-global-20); }
.od-service-preview-row.od-neon-global-1 { --ng-neon-halo-opacity:42%; --ng-neon-inset-shadow:inset 0 0 16px color-mix(in srgb,var(--ng-accent-color) 24%,transparent); }
.od-service-preview-row:focus-visible { outline:1px solid var(--ng-global-7); outline-offset:1px; }
.od-service-preview-row-name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:8px; }
.od-service-preview-row-quotes { display:grid; grid-template-columns:repeat(var(--preview-legs),minmax(0,1fr)); gap:3px; }
.od-service-preview-row-quotes > span { padding:3px 1px; border-radius:3px; background:var(--ng-global-26); text-align:center; font-size:9px; }
.od-service-preview-detail { min-width:0; padding:10px 8px; }
.od-service-preview-teams { display:flex; align-items:center; justify-content:space-between; gap:5px; min-height:20px; margin-bottom:6px; }
.od-service-preview-teams span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:9px; }.od-service-preview-teams img { width:14px; height:14px; flex-shrink:0; object-fit:contain; }
.od-service-preview-cards { display:grid; grid-template-columns:repeat(var(--preview-legs),minmax(0,1fr)); gap:5px; }
.od-service-preview-cards article { display:flex; flex-direction:column; align-items:flex-start; gap:5px; min-width:0; min-height:84px; padding:7px 6px; border:1px solid var(--od-border); border-radius:5px; background:var(--ng-global-26); }
.od-service-preview-role { color:var(--ng-text-muted); font-size:8px; }
.od-service-preview-cards article > strong { font-weight:400; font-size:12px; white-space:nowrap; }
.od-service-preview-pick { font-size:8px; line-height:1.4; }
.od-service-preview-cards footer { display:flex; flex-wrap:wrap; align-items:center; gap:3px; min-width:0; margin-top:auto; width:100%; }
.od-service-preview-cards footer img { width:12px; height:12px; object-fit:contain; flex-shrink:0; }
.od-service-preview-cards footer > span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:7px; }
.od-service-preview-cards footer > strong { margin-left:auto; font-weight:400; font-size:10px; }
.od-service-preview-summary { display:flex; justify-content:space-between; align-items:center; gap:6px; padding:5px; margin-top:7px; border:1px solid var(--od-border); border-radius:5px; background:var(--ng-global-26); font-size:8px; color:var(--ng-text-muted); }
.od-service-preview-summary span > strong { display:block; margin-top:3px; }.od-service-preview-summary strong { font-size:10px; font-weight:400; color:var(--ng-value-positive); }
.od-service-preview .od-service-preview-score-cards article { min-height:50px; gap:4px; padding:6px; }
.od-service-preview .od-service-preview-score-cards article > strong { display:flex; align-items:center; gap:3px; }
.od-service-preview-score-table { width:100%; margin-top:8px; table-layout:fixed; }
.od-service-preview .od-service-preview-score-table :is(th,td) { padding:4px 2px; font-size:9px; }
.od-service-preview-score-table th:first-child { width:40%; }
.od-service-preview-house { display:flex; align-items:center; gap:4px; min-width:0; }.od-service-preview-house img { width:12px; height:12px; flex-shrink:0; object-fit:contain; }.od-service-preview-house > span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.od-service-preview-score-table td button { display:block; width:100%; min-height:18px; padding:2px 10px 2px 1px; border:0; border-radius:3px; background:transparent; color:var(--ng-text); cursor:pointer; font:inherit; }
.od-service-preview-score-table td button.is-selected { background:var(--ng-global-20); }.od-service-preview-score-table td button:focus-visible { outline:1px solid var(--ng-global-7); }
.od-service-preview .od-lev-odd-marker--ep { width:10px; height:10px; font-size:7px; border-radius:2px; }.od-service-preview .od-lev-odd-marker--super { font-size:8px; }
.od-service-preview-summary button { padding:0; border:0; background:transparent; color:var(--ng-text-muted); font:inherit; cursor:pointer; }.od-service-preview-summary button:focus-visible { outline:1px solid var(--ng-global-7); outline-offset:2px; }
@media(min-width:992px) {
    .od-service-preview { grid-area:preview; display:flex; flex-direction:column; height:auto; min-height:430px; }
    .od-service-preview-chrome,.od-service-preview .od-service-preview-tabs { flex-shrink:0; }
    .od-service-preview-layout { flex:1; height:auto; }
    .od-service-preview-list-panel { padding:14px 10px; }
    .od-service-preview-row { gap:4px; margin-bottom:4px; padding:5px 7px; }
    .od-service-preview-row-name { font-size:10px; }.od-service-preview-row-quotes > span { padding:5px 2px; font-size:11px; }
    .od-service-preview-detail { padding:14px 12px; }
    .od-service-preview-teams { min-height:28px; margin-bottom:12px; }.od-service-preview-teams span { font-size:11px; }.od-service-preview-teams img { width:18px; height:18px; }
    .od-service-preview-cards { gap:8px; }.od-service-preview-cards article { min-height:140px; gap:10px; padding:12px 10px; }
    .od-service-preview-role,.od-service-preview-pick { font-size:10px; }.od-service-preview-cards article > strong { font-size:16px; }
    .od-service-preview-cards footer > span { font-size:9px; }.od-service-preview-cards footer > strong { font-size:12px; }
    .od-service-preview-summary { padding:10px; margin-top:12px; font-size:10px; }.od-service-preview-summary strong { font-size:12px; }
    .od-service-preview .od-service-preview-score-table :is(th,td) { font-size:10px; }
    .od-service-preview[data-mode="score"] .od-service-preview-detail { min-height:0; overflow-y:auto; padding:10px 12px; scrollbar-width:thin; }
    .od-service-preview[data-mode="score"] .od-service-preview-teams { min-height:24px; margin-bottom:8px; }
    .od-service-preview .od-service-preview-score-cards article { min-height:50px; gap:2px; padding:5px 6px; }
    .od-service-preview .od-service-preview-score-cards .od-service-preview-role,.od-service-preview .od-service-preview-score-cards footer > span { font-size:8px; }
    .od-service-preview .od-service-preview-score-cards article > strong { font-size:12px; }
    .od-service-preview .od-service-preview-score-table :is(th,td) { padding:2px; }
    .od-service-preview-score-table td button { min-height:16px; padding-block:1px; }
    .od-service-preview[data-mode="score"] .od-service-preview-summary { padding:6px; margin-top:8px; }
}
/* One phone/tablet frame for Favor, LEV and Score. Only its two panes scroll;
   changing tabs/events must never move the following Services card. */
@media(max-width:991.98px) {
    .od-service-preview { height:320px; }
    .od-service-preview-layout { min-height:0; grid-template-rows:minmax(0,1fr); }
    .od-service-preview-detail { min-height:0; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; }
    .od-service-preview .od-service-preview-score-table :is(th,td) { padding:2px 1px; font-size:8px; }
    .od-service-preview-score-table td button { min-height:15px; padding-right:8px; }
    .od-service-preview-house { gap:2px; }.od-service-preview-house img { width:10px; height:10px; }
    .od-service-preview .od-service-preview-score-cards article > strong { font-size:11px; }
    .od-service-preview[data-mode="score"] .od-service-preview-summary { margin-top:6px; }
}
@media(max-width:399.98px) { .od-service-preview-layout { grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr); }.od-service-preview-list-panel { padding:8px 4px; }.od-service-preview-detail { padding:8px 5px; }.od-service-preview-cards { gap:3px; }.od-service-preview-cards article { padding:6px 3px; gap:6px; }.od-service-preview-cards article > strong { font-size:10px; }.od-service-preview-cards footer > strong { font-size:9px; }.od-service-preview-cards footer > span { display:none; }.od-service-preview-teams span { font-size:8px; } }
@container service-preview (max-width:399.98px) { .od-service-preview-layout { grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr); }.od-service-preview-list-panel { padding:8px 4px; }.od-service-preview-detail { padding:8px 5px; }.od-service-preview-cards { gap:3px; }.od-service-preview-cards article { padding:6px 3px; gap:6px; }.od-service-preview-cards article > strong { font-size:10px; }.od-service-preview-cards footer > strong { font-size:9px; }.od-service-preview-cards footer > span { display:none; }.od-service-preview-teams span { font-size:8px; } }
@media(max-width:991.98px) { .od-public-services-grid { grid-template-columns:1fr; grid-template-areas:none; gap:12px; }.od-public-services-grid > * { grid-area:auto; }.od-public-home .od-public-services-heading,.od-public-home .od-public-services-grid > .od-feature-card,.od-public-home .od-public-services-contact { padding:22px; }.od-public-services-heading .od-section-heading { gap:10px; } }
@media(max-width:575.98px) { .od-public-home .od-public-plans { grid-auto-rows:auto; }.od-public-home .od-public-plan { padding:22px 18px 18px; }.od-public-home .od-public-plan-head h3 { font-size:1.45rem; }.od-public-home .od-public-plan .od-public-price strong { font-size:2rem; }.od-public-home .od-public-billing { grid-template-columns:repeat(2,minmax(0,1fr)); }.od-public-home .od-section-heading { margin-bottom:22px; } }
@media(max-width:399.98px) { .od-public-home .od-public-billing button { padding-inline:8px; }.od-public-billing-icon { display:none; }.od-public-billing-copy { text-align:center; } }
@media(prefers-reduced-motion:reduce) { .od-public-home .od-feature-card,.od-public-home .od-public-plan > .od-button-global-2,.od-public-home .od-public-faq details,.od-public-home .od-public-billing button { transition:none; }.od-public-home .od-feature-card:hover { transform:none; } }
@media(max-width:991.98px) { .od-public-hero-grid,.od-public-contact { grid-template-columns:1fr; }.od-public-card-grid,.od-public-card-grid--steps { grid-template-columns:repeat(2,minmax(0,1fr)); }.od-public-home .od-terminal-card { width:100%; max-width:525px; }.od-public-home .od-hero__title { max-width:none; } }
@media(max-width:575.98px) { .od-public-card-grid,.od-public-card-grid--two,.od-public-card-grid--steps,.od-public-about { grid-template-columns:1fr; }.od-public-callout { flex-direction:column; align-items:start; }.od-public-billing { flex-wrap:wrap; }.od-public-billing button { flex-basis:50%; }.od-public-section { padding-bottom:20px; }.od-public-home .od-home-panel { padding:24px 18px; }.od-public-home .od-feature-card { padding:16px; }.od-home-demo { padding:12px; }.od-home-demo .od-home-demo-card { padding:8px 6px; }.od-home-demo .od-home-demo-cards--lev,.od-home-demo-results--lev { gap:5px; }.od-home-demo .od-home-demo-cards--lev .od-home-demo-card footer { flex-direction:column; align-items:flex-start; }.od-home-demo .od-home-demo-card footer > span { font-size:.66rem; }.od-home-demo-results strong { font-size:.82rem; } }
@media(max-width:991.98px){.od-member-home__summary{grid-template-columns:repeat(2,minmax(0,1fr))}.od-member-agenda__grid{--od-agenda-visible-rows:3;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575.98px){.od-member-home{padding:16px 0 30px}.od-member-home__intro{margin-bottom:14px}.od-member-home__summary{gap:9px}.od-member-stat{min-height:120px;padding:12px}.od-member-stat strong{font-size:17px}.od-member-stat p{font-size:12px}.od-member-agenda{margin-top:24px}.od-member-agenda__head{align-items:start;flex-direction:column;gap:10px}.od-member-agenda__tabs{width:100%}.od-member-agenda__grid{grid-template-columns:1fr}.od-member-match{min-height:125px}}
@media(min-width:992px) and (max-width:1440px) and (max-height:900px){
    /* Browser/taskbar chrome is not scaled; keep the intro compact on HD. */
    .od-member-home{padding-top:24px}
}
@media(max-width:575.98px){.od-member-agenda__grid{--od-agenda-visible-rows:6;--od-agenda-card-height:125px}}