/* Ehopto Public Hub v3 — focused identity and honest editorial content.
   Public Hub only; website template engine and My Hub remain independent. */

/* Use the real Ehopto mark, not a white pasted-on wordmark card. */
html[data-hub-storefront] .hub-market[data-hub-public-view] [data-hub-hero-kind="brand"] {
    height:clamp(275px,27vw,340px)!important;min-height:275px!important;
    background:#061b36!important;
}
html[data-hub-storefront] .hub-market[data-hub-public-view] [data-hub-hero-kind="brand"] .ehub-identity-stage {
    background:radial-gradient(circle at 50% 43%,rgba(26,112,224,.22),transparent 48%),
        radial-gradient(ellipse at 76% 10%,rgba(10,182,183,.15),transparent 43%),
        linear-gradient(137deg,#061329,#071d3b 52%,#082b4d);
}
html[data-hub-storefront] .hub-market[data-hub-public-view] [data-hub-hero-kind="brand"] .ehub-stage-mesh {opacity:.12}
html[data-hub-storefront] .hub-market[data-hub-public-view] [data-hub-hero-kind="brand"] .ehub-stage-ring {border-color:rgba(143,208,255,.12)}
html[data-hub-storefront] .hub-market[data-hub-public-view] .ehub-stage-brand-sigil {
    display:grid;place-items:center;position:relative;
    width:clamp(165px,19vw,222px);height:clamp(165px,19vw,222px);
    min-width:0;border:1px solid rgba(108,187,248,.15);border-radius:50%;
    background:radial-gradient(circle at 42% 36%,rgba(58,165,243,.16),transparent 58%),
        radial-gradient(circle,rgba(3,20,46,.18),rgba(3,20,46,.02));
    box-shadow:0 0 0 22px rgba(37,132,224,.035),0 0 0 52px rgba(37,132,224,.025);
}
html[data-hub-storefront] .hub-market[data-hub-public-view] .ehub-stage-brand-sigil img {
    display:block;width:78%!important;height:auto!important;max-width:185px!important;
    max-height:185px!important;min-height:0!important;object-fit:contain!important;
    filter:drop-shadow(0 8px 22px rgba(0,112,228,.22))!important;background:transparent!important;
}
html[data-hub-storefront] .hub-market[data-hub-public-view] .ehub-stage-brand-line {
    color:#bedcf7;letter-spacing:.21em;font-size:10px;font-weight:690;
}
html[data-hub-storefront] .hub-market[data-hub-public-view] [data-hub-hero-kind="brand"] .ehub-stage-center {gap:13px}
html[data-hub-storefront] .hub-market[data-hub-public-view] [data-hub-hero-kind="brand"] .ehub-stage-bottom {color:#8fb1d7}
html[data-hub-storefront] .hub-market[data-hub-public-view] > .hm-hero:has([data-hub-hero-kind="brand"]) {
    border-radius:20px!important;background:linear-gradient(120deg,#08162b,#0b1d36)!important;
    border:1px solid rgba(113,165,219,.20)!important;box-shadow:0 24px 70px rgba(0,6,25,.16)!important;
}
html[data-hub-storefront] .hub-market[data-hub-public-view] > .hm-hero:has([data-hub-hero-kind="brand"]) > .hm-visual-wrap {min-height:275px!important;height:auto!important}
html[data-hub-storefront] .hub-market[data-hub-public-view] > .hm-hero:has([data-hub-hero-kind="brand"]) > .hm-main {padding:clamp(24px,3vw,42px)!important;align-self:center!important}
html[data-hub-storefront] .hub-market[data-hub-public-view] > .hm-hero:has([data-hub-hero-kind="brand"]) .hm-title {
    font-size:clamp(38px,4vw,58px)!important;font-weight:780!important;letter-spacing:-.055em!important;line-height:1.06!important;
}
html[data-hub-storefront] .hub-market[data-hub-public-view] > .hm-hero:has([data-hub-hero-kind="brand"]) .hm-summary {
    color:#bdd3ed!important;font-size:clamp(14px,1.4vw,17px)!important;
    line-height:1.55;max-width:28ch;margin:12px 0 0;
}
html[data-hub-storefront] .hub-market[data-hub-public-view] > .hm-hero:has([data-hub-hero-kind="brand"]) .hm-kickers {margin-bottom:14px!important}
html[data-hub-storefront] .hub-market[data-hub-public-view] > .hm-hero:has([data-hub-hero-kind="brand"]) .hm-kickers .hm-pill {
    color:#81a5d4;font-size:10px;text-transform:uppercase;letter-spacing:.12em;
}
.ehub-brand-hero-cta {display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:25px}
.ehub-brand-hero-cta a {
    display:inline-flex;align-items:center;justify-content:center;gap:15px;
    min-height:41px;padding:10px 15px;border-radius:10px;border:1px solid rgba(126,185,230,.22);
    text-decoration:none!important;font-size:12.5px;font-weight:760;line-height:1.35;white-space:nowrap;
    transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
.ehub-brand-hero-cta .ehub-hero-primary {background:#d4f3fa;color:#072544!important;border-color:transparent}
.ehub-brand-hero-cta .ehub-hero-primary:hover {background:#f5fdff;transform:translateY(-1px)}
.ehub-brand-hero-cta .ehub-hero-secondary {color:#d5e7f9!important;background:rgba(88,140,197,.08)}
.ehub-brand-hero-cta .ehub-hero-secondary:hover {border-color:#668db4;background:rgba(88,140,197,.17)}
.ehub-brand-hero-cta a:focus-visible,.ehub-platform-features a:focus-visible {outline:2px solid #60bdff;outline-offset:3px}

/* Quiet navigation and secondary actions. */
html[data-hub-storefront] .hub-market[data-hub-public-view] .ehub-public-nav {margin-top:15px;border-bottom-color:rgba(121,158,197,.19)}
html[data-hub-storefront] .hub-market[data-hub-public-view] .ehub-public-actionbar {margin:11px 0 5px;gap:8px}
html[data-hub-storefront] .hub-market[data-hub-public-view] .ehub-public-actionbar :is(a,button) {
    padding:8px 12px;border-color:rgba(121,158,197,.21);border-radius:9px;box-shadow:none;
}
html[data-hub-storefront] .hub-market[data-hub-public-view] .ehub-public-actionbar :is(a,button):hover {background:rgba(80,134,190,.12)}

/* Platform introduction: one leading discovery card, three clear next actions. */
.ehub-platform-overview {min-width:0;padding:7px 0 8px}
.ehub-platform-heading {margin:0 0 20px}
.ehub-platform-kicker {display:inline-block;color:#76cced;font-size:10px;font-weight:780;text-transform:uppercase;letter-spacing:.16em;margin-bottom:9px}
.ehub-platform-heading h2 {
    color:var(--hm-title,#f7faff);font-size:clamp(24px,2.5vw,34px);
    letter-spacing:-.045em;line-height:1.16;font-weight:770;margin:0 0 10px;max-width:19ch;
}
.ehub-platform-heading p {color:var(--hm-muted,#b8c7e0);font-size:13.5px;line-height:1.7;max-width:66ch;margin:0}
.ehub-platform-features {
    display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
    grid-template-rows:repeat(3,minmax(130px,auto));align-items:stretch;gap:11px;
}
.ehub-platform-features .ehub-feature {
    position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:11px;
    min-width:0;min-height:130px;padding:19px 19px 15px;border-radius:15px;
    border:1px solid rgba(111,152,202,.17);
    background:linear-gradient(150deg,#101f36,#0c1b2e);
    text-decoration:none!important;color:#f0f6ff!important;box-shadow:none;overflow:hidden;
    transition:border-color .18s ease,transform .18s ease,background .18s ease;
}
.ehub-platform-features .ehub-feature:hover {border-color:rgba(110,188,231,.54);background:linear-gradient(145deg,#132947,#10213a);transform:translateY(-2px)}
.ehub-feature-index {color:#7e9cbf;font-size:10px;font-weight:780;letter-spacing:.10em;text-transform:uppercase;line-height:1.4}
.ehub-feature-body {display:grid;gap:7px;min-width:0}
.ehub-feature-body strong {display:block;font-size:clamp(15px,1.65vw,18px);font-weight:760;letter-spacing:-.023em;line-height:1.3}
.ehub-feature-body>span {display:block;font-size:12px;line-height:1.55;color:#aebed5}
.ehub-feature-foot {display:flex;align-items:center;justify-content:space-between;font-size:11.5px;font-weight:760;line-height:1.35;color:#7fdfec}
.ehub-feature-foot>span {font-size:17px;line-height:1}
.ehub-platform-features .ehub-feature-primary {
    grid-column:1;grid-row:1/span 3;min-height:420px;padding:24px;
    background:radial-gradient(circle at 52% 43%,rgba(25,142,229,.22),transparent 52%),
        radial-gradient(ellipse at 20% 98%,rgba(16,166,166,.15),transparent 44%),
        linear-gradient(145deg,#09233e,#0d2c4b);
    border-color:rgba(90,178,228,.25);
}
.ehub-platform-features .ehub-feature-primary:hover {background:radial-gradient(circle at 52% 43%,rgba(25,142,229,.26),transparent 52%),linear-gradient(145deg,#0a2a48,#0c3151)}
.ehub-feature-primary .ehub-feature-body strong {font-size:clamp(24px,2.8vw,32px);line-height:1.12;letter-spacing:-.04em}
.ehub-feature-primary .ehub-feature-body>span {font-size:13px;line-height:1.6}
.ehub-feature-graphic {
    align-self:center;position:relative;width:clamp(135px,16vw,180px);height:clamp(135px,16vw,180px);
    border:1px solid rgba(98,193,244,.16);border-radius:50%;display:grid;place-items:center;
    background:radial-gradient(circle,rgba(56,163,240,.12),rgba(56,163,240,.015));
    box-shadow:0 0 0 20px rgba(67,154,242,.03),0 0 0 42px rgba(67,154,242,.024);
}
.ehub-feature-orbit {position:absolute;inset:16px;border:1px dashed rgba(111,199,248,.25);border-radius:50%;transform:rotate(-25deg)}
.ehub-feature-search-glass {
    position:relative;display:block;width:62px;height:62px;border:7px solid rgba(138,225,252,.88);
    border-radius:50%;box-shadow:0 0 22px rgba(42,158,245,.12);
}
.ehub-feature-search-glass::after {
    content:"";position:absolute;width:32px;height:7px;border-radius:7px;
    background:rgba(138,225,252,.88);transform:rotate(47deg);right:-26px;bottom:-13px;
}

/* Cards should support the real content, not draw attention to themselves. */
html[data-hub-storefront] .hub-market[data-hub-public-view] .ehub-public-layout {
    grid-template-columns:minmax(0,1fr) minmax(226px,260px);gap:clamp(16px,2.3vw,27px);
    align-items:start;margin-top:11px;
}
html[data-hub-storefront] .hub-market[data-hub-public-view] .ehub-side {gap:11px}
html[data-hub-storefront] .hub-market[data-hub-public-view] .ehub-side-card {
    padding:17px 18px;border-radius:12px;border-color:rgba(112,153,196,.14);
    background:rgba(24,39,62,.42);box-shadow:none;
}
html[data-hub-storefront] .hub-market[data-hub-public-view] .ehub-side-card h2 {font-size:13px;letter-spacing:0}
html[data-hub-storefront] .hub-market[data-hub-public-view] :is(.ehub-known,.ehub-public-main .hm-panel,.ehub-public-main .hm-voices) {
    box-shadow:none!important;border-color:rgba(112,153,196,.17)!important;
}
/* The platform introduction belongs to Overview only; all other destinations
   keep their existing canonical Official / Independent / Community data. */
.hub-market[data-hub-public-ready]:not([data-hub-public-view="overview"]) .ehub-platform-overview {display:none!important}
.hub-market[data-hub-public-ready][data-hub-public-view="overview"] .ehub-public-main:has([data-hub-platform-overview]) .ehub-public-related,
.hub-market[data-hub-public-ready][data-hub-public-view="overview"] .ehub-public-main:has([data-hub-platform-overview]) .ehub-public-voices {display:none!important}
.hub-market[data-hub-public-ready] .ehub-official-character {display:none!important}
.hub-market[data-hub-public-ready][data-hub-public-view="official"] .ehub-official-character {display:block!important}
.ehub-factual-overview .hm-overview-insights-head {margin-bottom:13px}
.ehub-factual-overview .hm-overview-insights-head h2 {font-size:clamp(20px,2.4vw,29px);letter-spacing:-.035em}
.ehub-factual-overview .hm-overview-insight-grid {gap:12px}

@media(max-width:960px) {
    html[data-hub-storefront] .hub-market[data-hub-public-view] .ehub-public-layout {grid-template-columns:minmax(0,1fr)}
}
@media(max-width:780px) {
    html[data-hub-storefront] .hub-market[data-hub-public-view] > .hm-hero:has([data-hub-hero-kind="brand"]) > .hm-visual-wrap {min-height:0!important}
    html[data-hub-storefront] .hub-market[data-hub-public-view] > .hm-hero:has([data-hub-hero-kind="brand"]) > .hm-main {padding:21px 22px 25px!important}
    html[data-hub-storefront] .hub-market[data-hub-public-view] > .hm-hero:has([data-hub-hero-kind="brand"]) .hm-title {font-size:clamp(33px,7vw,44px)!important}
    html[data-hub-storefront] .hub-market[data-hub-public-view] [data-hub-hero-kind="brand"] {height:clamp(225px,56vw,300px)!important;min-height:225px!important}
    html[data-hub-storefront] .hub-market[data-hub-public-view] .ehub-stage-brand-sigil {width:clamp(124px,34vw,174px);height:clamp(124px,34vw,174px)}
    .ehub-brand-hero-cta {margin-top:20px;gap:8px}
    .ehub-brand-hero-cta a {font-size:12px;min-height:40px;padding:9px 12px}
}
@media(max-width:620px) {
    .ehub-platform-overview {padding-top:4px}
    .ehub-platform-heading {margin-bottom:16px}
    .ehub-platform-heading h2 {font-size:clamp(23px,6vw,28px)}
    .ehub-platform-features {display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:9px}
    .ehub-platform-features .ehub-feature,.ehub-platform-features .ehub-feature-primary {
        grid-column:1;grid-row:auto;min-height:0;padding:17px 18px;border-radius:13px;gap:10px;
    }
    .ehub-platform-features .ehub-feature-primary {min-height:230px;padding:21px 20px}
    .ehub-feature-primary .ehub-feature-body strong {font-size:25px}
    .ehub-feature-primary .ehub-feature-graphic {width:105px;height:105px}
    .ehub-feature-search-glass {width:39px;height:39px;border-width:5px}
    .ehub-feature-search-glass::after {width:20px;height:5px;right:-17px;bottom:-9px}
    .ehub-feature-primary .ehub-feature-body>span {font-size:12px}
    .ehub-feature-body strong {font-size:16px}
    html[data-hub-storefront] .hub-market[data-hub-public-view] .ehub-public-layout {gap:15px}
}
@media(prefers-reduced-motion:reduce) {
    .ehub-brand-hero-cta a,.ehub-platform-features .ehub-feature {transition:none}
    .ehub-brand-hero-cta a:hover,.ehub-platform-features .ehub-feature:hover {transform:none}
}