.jc-container{width:min(94%,1560px);margin:auto}
.jc-public-header{position:sticky;top:0;z-index:100;border-bottom:1px solid var(--jc-border);background:rgba(3,16,33,.88);backdrop-filter:blur(20px)}
.jc-public-nav{min-height:108px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.jc-brand{display:flex;align-items:center;gap:14px}.jc-brand-mark{min-width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(145deg,var(--jc-primary),var(--jc-primary-dark));font-weight:950}.jc-brand-copy strong,.jc-brand-copy small{display:block}.jc-brand-copy strong{font-size:1.65rem}.jc-brand-copy small{color:var(--jc-muted);font-size:.72rem}
.jc-public-links{display:flex;gap:12px}.jc-public-links a{padding:16px 22px;border-radius:13px;font-size:1.12rem;font-weight:850;color:#c4d3e5}.jc-public-actions{display:flex;gap:10px}.jc-public-mobile-menu{display:none}
.jc-footer{padding:42px 0;border-top:1px solid var(--jc-border)}.jc-footer-grid{display:grid;grid-template-columns:1fr auto;gap:20px;color:var(--jc-muted)}.jc-footer-links{display:flex;gap:18px}.jc-footer-grid>span{grid-column:1/-1;padding-top:20px;border-top:1px solid var(--jc-border)}
.jc-app-shell{min-height:100vh;display:grid;grid-template-columns:300px 1fr}.jc-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:24px;border-right:1px solid var(--jc-border);background:#041126}.jc-sidebar-brand{padding:8px}.jc-sidebar-nav{display:grid;gap:7px;margin-top:28px}.jc-sidebar-nav a,.jc-sidebar-bottom a{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;color:#aebed2;font-weight:850}.jc-sidebar-nav a.active{background:linear-gradient(135deg,var(--jc-primary),var(--jc-primary-dark));color:#fff}.jc-sidebar-bottom{margin-top:auto}.jc-app-main{min-width:0}.jc-app-topbar{min-height:82px;display:flex;align-items:center;gap:15px;padding:0 28px;border-bottom:1px solid var(--jc-border);background:rgba(3,16,33,.72)}.jc-topbar-title{flex:1}.jc-topbar-title small{display:block;color:var(--jc-muted)}.jc-user-chip{display:flex;align-items:center;gap:10px}.jc-user-chip>span{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:var(--jc-primary);font-weight:950}.jc-user-chip strong,.jc-user-chip small{display:block}.jc-user-chip small{color:var(--jc-muted)}.jc-app-content{padding:34px}

.jc-home-hero{padding:105px 0}.jc-home-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:80px}
.jc-home-hero h1{margin:18px 0;font-size:clamp(4.3rem,7vw,7.7rem);line-height:.9;letter-spacing:-.075em}.jc-home-hero h1 em{font-style:normal;color:#74c8ff}.jc-home-hero p{max-width:760px;color:var(--jc-muted);font-size:1.24rem}.jc-home-actions{display:flex;gap:10px;flex-wrap:wrap}
.jc-home-preview{padding:16px;border:1px solid var(--jc-border);border-radius:27px;background:rgba(47,128,237,.08);box-shadow:var(--jc-shadow)}
.jc-preview-top{height:54px;display:flex;align-items:center;gap:6px;padding:0 14px;border-radius:17px 17px 0 0;background:var(--jc-surface)}.jc-preview-top i{width:8px;height:8px;border-radius:50%;background:#48627f}.jc-preview-top span{margin-left:auto;color:var(--jc-muted)}
.jc-preview-body{padding:20px;border-radius:0 0 17px 17px;background:#041126}.jc-preview-camera{height:440px;display:grid;place-items:center;align-content:center;gap:8px;border-radius:16px;background:linear-gradient(145deg,#17263a,#050a12)}.jc-preview-camera>span{color:var(--jc-danger);font-size:2.2rem}.jc-preview-camera small{color:var(--jc-muted)}
.jc-preview-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.jc-preview-tools b{padding:11px 6px;border-radius:9px;background:var(--jc-surface);font-size:.72rem;text-align:center}
.jc-home-section{padding:95px 0}.jc-home-soft{border-top:1px solid var(--jc-border);border-bottom:1px solid var(--jc-border);background:rgba(255,255,255,.018)}
.jc-home-heading{max-width:900px;margin:0 auto 48px;text-align:center}.jc-home-heading h2{margin:14px 0;font-size:clamp(3rem,5vw,5rem);line-height:.96;letter-spacing:-.06em}.jc-home-heading p{color:var(--jc-muted)}
.jc-home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.jc-home-pricing{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.jc-home-price{position:relative;display:flex;flex-direction:column;min-height:520px;padding:27px;border:1px solid var(--jc-border);border-radius:22px;background:linear-gradient(150deg,rgba(13,44,85,.8),rgba(7,24,48,.94))}
.jc-home-price.popular{border-color:rgba(89,217,255,.5);transform:translateY(-10px)}.jc-home-price.popular>span{position:absolute;right:15px;top:15px;color:#8de6ff;font-size:.7rem}.jc-home-price .price{font-size:3.6rem;font-weight:950}.jc-home-price .price small{font-size:.85rem;color:var(--jc-muted)}.jc-home-price .price.contact{font-size:2rem}.jc-home-price>p{color:var(--jc-muted)}.jc-home-price ul{flex:1;list-style:none;padding:0;display:grid;align-content:start;gap:10px}.jc-home-price li:before{content:"✓";margin-right:8px;color:var(--jc-cyan)}
.jc-home-cta{padding:70px 25px;border:1px solid rgba(89,217,255,.25);border-radius:28px;background:linear-gradient(140deg,#0b3264,#071a35);text-align:center}.jc-home-cta h2{font-size:clamp(3rem,5vw,5rem);line-height:.96;letter-spacing:-.06em}
@media(max-width:1050px){.jc-home-hero-grid{grid-template-columns:1fr}.jc-home-pricing{grid-template-columns:repeat(2,1fr)}.jc-home-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.jc-home-hero{padding:60px 0}.jc-home-hero h1{font-size:3.8rem}.jc-home-grid,.jc-home-pricing{grid-template-columns:1fr}.jc-home-price.popular{transform:none}.jc-preview-tools{grid-template-columns:repeat(2,1fr)}}

/* PUBLIC GLASS BLUE */
.jc-glass-public{
    background:
      radial-gradient(circle at 10% 5%,rgba(47,128,237,.14),transparent 32%),
      radial-gradient(circle at 92% 12%,rgba(89,217,255,.10),transparent 28%),
      linear-gradient(180deg,#f8fbff,#eef5fc);
    color:#10243d;
}
.jc-glass-hero{
    padding:105px 0;
}
.jc-glass-hero-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:72px;
    align-items:center;
}
.jc-glass-hero-copy h1{
    margin:18px 0;
    font-size:clamp(4.2rem,7vw,7.5rem);
    line-height:.9;
    letter-spacing:-.075em;
    color:#0f2742;
}
.jc-glass-hero-copy p{
    max-width:760px;
    color:#60748d;
    font-size:1.2rem;
}
.jc-glass-demo-card{
    display:grid;
    grid-template-columns:46% 54%;
    min-height:520px;
    overflow:hidden;
    border:1px solid rgba(47,128,237,.20);
    border-radius:28px;
    background:rgba(255,255,255,.78);
    backdrop-filter:blur(22px);
    box-shadow:0 30px 80px rgba(18,52,95,.14);
}
.jc-glass-demo-profile{
    padding:34px;
    background:
      linear-gradient(145deg,rgba(47,128,237,.12),rgba(255,255,255,.78));
}
.jc-glass-demo-profile>span{
    color:#2563eb;
    font-size:.72rem;
    font-weight:950;
    letter-spacing:.08em;
}
.jc-glass-demo-profile h2{
    margin:18px 0 5px;
    color:#0f172a;
    font-size:3rem;
    line-height:.95;
}
.jc-glass-demo-profile>strong{
    color:#2563eb;
}
.jc-glass-demo-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:10px;
    margin-top:26px;
}
.jc-glass-demo-grid div{
    padding:13px;
    border-radius:12px;
    background:rgba(255,255,255,.78);
}
.jc-glass-demo-grid small,
.jc-glass-demo-grid b{
    display:block;
}
.jc-glass-demo-grid small{
    color:#64748b;
    font-size:.64rem;
    font-weight:900;
}
.jc-glass-demo-grid b{
    margin-top:5px;
    color:#10243d;
    font-size:.84rem;
}
.jc-glass-demo-video{
    display:grid;
    place-items:center;
    background:linear-gradient(145deg,#02060b,#111827);
}
.jc-glass-demo-video span{
    width:78px;
    height:78px;
    display:grid;
    place-items:center;
    border-radius:50%;
    color:#fff;
    background:rgba(47,128,237,.82);
    font-size:1.6rem;
}
.jc-glass-section{
    padding:95px 0;
}
.jc-glass-section-soft{
    border-top:1px solid rgba(47,128,237,.10);
    border-bottom:1px solid rgba(47,128,237,.10);
    background:rgba(255,255,255,.46);
}
.jc-glass-feature-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}
.jc-glass-card{
    padding:28px;
    border:1px solid rgba(47,128,237,.18);
    border-radius:22px;
    background:
      linear-gradient(145deg,rgba(47,128,237,.08),rgba(255,255,255,.84));
    backdrop-filter:blur(18px);
    box-shadow:0 18px 48px rgba(18,52,95,.08);
}
.jc-glass-card h3{
    color:#10243d;
}
.jc-glass-card p{
    color:#60748d;
}
.jc-glass-pricing-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}
.jc-glass-price-card{
    position:relative;
    display:flex;
    flex-direction:column;
    min-height:500px;
    padding:28px;
    border:1px solid rgba(47,128,237,.18);
    border-radius:22px;
    background:rgba(255,255,255,.82);
    backdrop-filter:blur(18px);
    box-shadow:0 18px 48px rgba(18,52,95,.08);
}
.jc-glass-price-card.popular{
    background:
      linear-gradient(145deg,rgba(47,128,237,.14),rgba(255,255,255,.86));
    border-color:rgba(47,128,237,.34);
    transform:translateY(-10px);
}
.jc-glass-price-card.popular>span{
    position:absolute;
    right:17px;
    top:17px;
    color:#2563eb;
    font-size:.68rem;
    font-weight:950;
}
.jc-glass-price-card h3{
    color:#10243d;
}
.jc-price{
    color:#10243d;
    font-size:3.5rem;
    font-weight:950;
}
.jc-price small{
    color:#60748d;
    font-size:.82rem;
}
.jc-price.contact{
    font-size:2rem;
}
.jc-glass-price-card>p{
    color:#60748d;
}
.jc-glass-price-card ul{
    flex:1;
    list-style:none;
    padding:0;
    display:grid;
    align-content:start;
    gap:10px;
    color:#405b78;
}
.jc-glass-price-card li:before{
    content:"✓";
    margin-right:8px;
    color:#2f80ed;
}
.jc-glass-cta{
    padding:72px 25px;
    border:1px solid rgba(47,128,237,.20);
    border-radius:28px;
    text-align:center;
    background:
      linear-gradient(145deg,rgba(47,128,237,.10),rgba(255,255,255,.82));
    backdrop-filter:blur(18px);
}
.jc-glass-cta h2{
    margin:15px 0 26px;
    color:#10243d;
    font-size:clamp(3rem,5vw,5.2rem);
    line-height:.95;
    letter-spacing:-.06em;
}
@media(max-width:1050px){
    .jc-glass-hero-grid{grid-template-columns:1fr}
    .jc-glass-feature-grid{grid-template-columns:repeat(2,1fr)}
    .jc-glass-pricing-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:650px){
    .jc-glass-hero{padding:58px 0}
    .jc-glass-hero-copy h1{font-size:3.75rem}
    .jc-glass-demo-card{grid-template-columns:1fr}
    .jc-glass-demo-video{min-height:320px}
    .jc-glass-feature-grid,
    .jc-glass-pricing-grid{grid-template-columns:1fr}
    .jc-glass-price-card.popular{transform:none}
}


/* ===== PUBLIC WEBSITE VISIBLE GLASS BLUE ===== */
.jc-glass-public{
    background:
      radial-gradient(circle at 10% 4%,rgba(47,128,237,.20),transparent 34%),
      radial-gradient(circle at 90% 7%,rgba(89,217,255,.15),transparent 30%),
      linear-gradient(180deg,#f4f9ff 0%,#eaf3ff 100%) !important;
}
.jc-glass-demo-card,
.jc-glass-card,
.jc-glass-price-card,
.jc-glass-cta{
    background:
      linear-gradient(
        145deg,
        rgba(47,128,237,.17) 0%,
        rgba(255,255,255,.72) 60%,
        rgba(255,255,255,.88) 100%
      ) !important;
    border:1px solid rgba(47,128,237,.32) !important;
    backdrop-filter:blur(26px) saturate(155%) !important;
    -webkit-backdrop-filter:blur(26px) saturate(155%) !important;
    box-shadow:
      0 24px 65px rgba(31,94,190,.16),
      inset 0 1px 0 rgba(255,255,255,.76) !important;
}
.jc-glass-card:hover,
.jc-glass-price-card:hover{
    transform:translateY(-4px);
    border-color:rgba(47,128,237,.50) !important;
    box-shadow:
      0 30px 75px rgba(31,94,190,.22),
      inset 0 1px 0 rgba(255,255,255,.82) !important;
}
.jc-glass-price-card.popular{
    background:
      linear-gradient(
        145deg,
        rgba(47,128,237,.25) 0%,
        rgba(255,255,255,.72) 65%,
        rgba(255,255,255,.88) 100%
      ) !important;
    border-color:rgba(47,128,237,.52) !important;
}
.jc-glass-section-soft{
    background:rgba(255,255,255,.35) !important;
    backdrop-filter:blur(16px);
}


/* COMPACT PUBLIC WEBSITE */
.jc-glass-hero{padding:76px 0 !important}
.jc-glass-hero-copy h1{font-size:clamp(3.4rem,6vw,6rem) !important}
.jc-glass-section{padding:72px 0 !important}
.jc-home-heading h2{font-size:clamp(2.5rem,4vw,4.2rem) !important}
.jc-glass-demo-card{min-height:440px !important}
.jc-glass-price-card{min-height:450px !important;padding:24px !important}


/* PUBLIC NAVIGATION READABILITY FIX */
.jc-public-header,
.jc-public-nav,
.jc-site-header,
.jc-header{
    background:linear-gradient(135deg,#0b3d91,#1f66d1) !important;
    border-bottom:1px solid rgba(255,255,255,.18) !important;
    box-shadow:0 10px 30px rgba(11,61,145,.16) !important;
}
.jc-public-nav a,
.jc-site-header a,
.jc-header a,
.jc-nav a,
.jc-navbar a,
.jc-public-header a{
    color:#ffffff !important;
    opacity:1 !important;
    font-weight:800 !important;
    text-shadow:0 1px 1px rgba(0,0,0,.10);
}
.jc-public-nav a:hover,
.jc-site-header a:hover,
.jc-header a:hover,
.jc-nav a:hover,
.jc-navbar a:hover,
.jc-public-header a:hover{
    color:#ffffff !important;
    background:rgba(255,255,255,.14) !important;
}
.jc-public-nav .active,
.jc-nav .active,
.jc-navbar .active{
    color:#ffffff !important;
    background:rgba(255,255,255,.18) !important;
}
.jc-public-header .jc-button,
.jc-site-header .jc-button,
.jc-header .jc-button{
    color:#0b3d91 !important;
    background:#ffffff !important;
    border-color:#ffffff !important;
    text-shadow:none !important;
}
.jc-public-header .jc-button:hover,
.jc-site-header .jc-button:hover,
.jc-header .jc-button:hover{
    color:#0b3d91 !important;
    background:#eef6ff !important;
}

/* Explicit fixes for Roadmap and Get Started links */
a[href*="roadmap"],
a[href="#roadmap"],
a[href*="register"],
a[href*="login"]{
    opacity:1 !important;
}
.jc-public-header a[href*="roadmap"],
.jc-public-header a[href="#roadmap"],
.jc-public-header a[href*="register"],
.jc-site-header a[href*="roadmap"],
.jc-site-header a[href="#roadmap"],
.jc-site-header a[href*="register"]{
    color:#ffffff !important;
    font-weight:850 !important;
}

/* Mobile public menu */
@media(max-width:850px){
    .jc-public-nav,
    .jc-nav,
    .jc-navbar{
        background:#0b3d91 !important;
    }
    .jc-public-nav a,
    .jc-nav a,
    .jc-navbar a{
        color:#ffffff !important;
        background:rgba(255,255,255,.06) !important;
        border-color:rgba(255,255,255,.14) !important;
    }
}


/* FINAL ADMIN BRAND + PUBLIC CTA VISIBILITY */
.jc-sidebar .jc-brand,
.jc-sidebar .jc-brand-mark,
.jc-sidebar .jc-brand-copy strong,
.jc-sidebar .jc-brand-copy small{
    color:#ffffff !important;
}
.jc-sidebar .jc-brand-copy strong{
    font-weight:800 !important;
}
.jc-sidebar .jc-brand-copy small{
    color:rgba(255,255,255,.78) !important;
}
.jc-sidebar .jc-brand-mark{
    border:1px solid rgba(255,255,255,.24) !important;
    background:rgba(255,255,255,.14) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}
.jc-public-header .jc-brand-copy strong{
    color:#ffffff !important;
}
.jc-public-header .jc-brand-copy small{
    color:rgba(255,255,255,.78) !important;
}

/* Start Free / Sign Up must be visible without hover */
.jc-public-header a.jc-button,
.jc-public-header a.jc-button-primary,
.jc-public-actions a.jc-button,
.jc-public-mobile-menu a.jc-button{
    color:#0b3d91 !important;
    border:1px solid #ffffff !important;
    background:#ffffff !important;
    opacity:1 !important;
}
.jc-public-header a.jc-button:hover,
.jc-public-header a.jc-button-primary:hover,
.jc-public-actions a.jc-button:hover,
.jc-public-mobile-menu a.jc-button:hover{
    color:#ffffff !important;
    border-color:#59a7ff !important;
    background:#2f80ed !important;
}


/* HORIZONTAL JOINSCLOUD LOGO */
.jc-brand-logo-horizontal{display:block;width:190px;max-width:100%;height:44px;object-fit:contain;object-position:left center}
.jc-sidebar-brand .jc-brand-logo-horizontal{width:184px;height:42px}
.jc-public-header .jc-brand-logo-horizontal{width:205px;height:46px}