/* Approved centered Master design. Real controls and accessible live text. */
.topbar{display:block;height:180px;padding:24px 4vw;pointer-events:none}
.topbar .logo{position:absolute;top:24px;left:50%;transform:translateX(-50%);width:clamp(300px,32vw,510px)!important;align-items:center;pointer-events:auto}
.topbar .jc-official-logo{max-height:100px!important;object-position:center}
.topbar .jc-demo-subtitle{font:700 clamp(24px,2.5vw,40px)/1.2 Arial,sans-serif;letter-spacing:.32em;padding-left:.32em;margin:10px 0 0;text-align:center}
.jc-header-actions{position:absolute;right:4vw;top:30px;display:flex;align-items:center;gap:16px;pointer-events:auto}
.jc-account-button{order:-1;background:#070d16c9;color:#fff;border:1px solid #80909f;border-radius:10px;padding:15px 22px;font:700 15px Arial,sans-serif;cursor:pointer}
.jc-nyc-hero{height:auto;min-height:925px;background-image:url('images/jc-centered-night.webp')!important;background-position:center!important;background-size:cover!important}
.jc-nyc-hero .hero-shade{background:linear-gradient(90deg,transparent,rgba(2,6,12,.12) 25%,rgba(2,6,12,.12) 75%,transparent)}
.jc-nyc-hero .hero-copy{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:min(100% - 40px,1100px);max-width:none;margin:0 auto;padding:200px 0 55px;text-align:center}
.jc-nyc-hero .jc-nyc-title{font-size:clamp(48px,5.5vw,88px);line-height:1.05;transform:none;letter-spacing:-.035em;margin:0;text-align:center}
.jc-nyc-title span{display:block;white-space:nowrap}
.jc-nyc-hero .jc-nyc-title span:nth-child(2){font-size:1.14em}
.jc-nyc-hero .jc-brush{width:max-content;max-width:90%;margin:24px auto 28px;padding:12px 20px;font-size:clamp(26px,3.5vw,55px);letter-spacing:-.035em;transform:rotate(-2deg) skew(-4deg)}
.jc-nyc-hero .jc-brush:before{inset:-9px -14px -12px}
.jc-nyc-hero .hero-body{font-size:clamp(16px,1.4vw,22px);line-height:1.5;margin:0 0 28px}
.jc-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:900px;margin:0 auto 26px}
.jc-benefit{display:flex;align-items:center;gap:14px;min-height:108px;padding:18px 16px;border:1px solid #58616e;border-radius:12px;background:#070f1be6;text-align:left}
.jc-benefit strong{display:block;color:#fff;font-size:17px;margin-bottom:8px}
.jc-benefit div>span{display:block;font-size:13px;color:#e3e8ee;line-height:1.35}
.jc-benefit-icon{display:grid;place-items:center;width:52px;height:52px;flex-shrink:0;border:1px solid currentColor;border-radius:50%;font-size:30px;color:#ffc42b}
.jc-benefit:nth-child(2) .jc-benefit-icon{color:#3a9aff}.jc-benefit:nth-child(3) .jc-benefit-icon{color:#21d96d}
.jc-nyc-hero .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:625px;margin:0 auto}
.jc-nyc-hero .hero-actions .btn{height:70px;font-size:18px;justify-content:center;gap:20px;padding:0 16px}
.jc-owner-link{display:inline-block;margin-top:28px;color:#e4e9f1;text-decoration:underline;font-size:18px;text-underline-offset:4px}
@media(min-width:1600px){.jc-nyc-hero{min-height:980px}.jc-nyc-hero .hero-copy{padding-top:210px}}
@media(max-width:1000px){.topbar{height:180px}.jc-header-actions{right:20px;top:20px;gap:8px}.jc-account-button{padding:12px;font-size:13px}.topbar .logo{top:65px;width:330px!important}.topbar .jc-official-logo{max-height:75px!important}.jc-demo-subtitle{margin-top:6px!important}.jc-nyc-hero .hero-copy{padding-top:210px}.jc-nyc-hero .jc-nyc-title{font-size:5.8vw}.jc-benefit{padding:12px;gap:8px}.jc-benefit-icon{width:36px;height:36px;font-size:24px}.jc-benefit strong{font-size:14px}.jc-benefit div>span{font-size:12px}}
@media(max-width:600px){.topbar .logo{top:85px;width:min(80vw,360px)!important}.topbar .jc-official-logo{max-height:80px!important}.topbar .jc-demo-subtitle{font-size:26px;letter-spacing:.25em;padding-left:.25em}.jc-header-actions{right:16px;top:16px}.jc-account-button{padding:12px 16px}.jc-nyc-hero{min-height:0;background-position:center!important}.jc-nyc-hero .hero-shade{background:#02071055}.jc-nyc-hero .hero-copy{width:calc(100% - 32px);padding:235px 0 42px}.jc-nyc-hero .jc-nyc-title{font-size:clamp(24px,6.2vw,38px)}.jc-nyc-hero .jc-brush{font-size:clamp(18px,4.7vw,28px);padding:10px 4px;margin:22px auto}.jc-nyc-hero .hero-body{font-size:15px;max-width:340px;margin:0 auto 22px}.jc-benefits{grid-template-columns:1fr;max-width:340px;gap:8px}.jc-benefit{min-height:74px;padding:12px 18px}.jc-benefit strong{font-size:16px;margin-bottom:4px}.jc-benefit div>span{font-size:13px}.jc-benefit-icon{width:40px;height:40px;margin-right:8px}.jc-nyc-hero .hero-actions .btn{font-size:13px;height:58px;gap:7px;padding:0 9px}.jc-owner-link{font-size:16px;margin-top:22px}}

/* Owner demo action centered below the two equal-width actions. */
.jc-nyc-hero .jc-owner-link{display:flex;align-items:center;justify-content:center;gap:20px;width:calc((100% - 10px)/2);max-width:307.5px;height:70px;margin:10px auto 0;padding:0 16px;border:1px solid #fff;border-radius:12px;background:rgba(3,10,23,.82);color:#fff;text-decoration:none;font-size:18px;font-weight:700;box-sizing:border-box}
.jc-nyc-hero .jc-owner-link:hover{background:rgba(17,103,239,.25)}
@media(max-width:600px){.jc-nyc-hero .jc-owner-link{height:58px;font-size:13px;gap:7px;padding:0 9px}}

/* Consistent hover and keyboard highlights for all three demo actions. */
.jc-nyc-hero .hero-actions .btn,.jc-nyc-hero .jc-owner-link{transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}
.jc-nyc-hero .hero-actions .btn:hover,.jc-nyc-hero .hero-actions .btn:focus-visible,.jc-nyc-hero .jc-owner-link:hover,.jc-nyc-hero .jc-owner-link:focus-visible{background:#1167ef!important;border-color:#62a5ff!important;color:#fff!important;box-shadow:0 0 0 2px rgba(98,165,255,.28),0 5px 22px rgba(17,103,239,.4)}
.jc-nyc-hero .hero-actions .btn:focus-visible,.jc-nyc-hero .jc-owner-link:focus-visible{outline:2px solid #b9dbff;outline-offset:4px}
.jc-nyc-hero .hero-actions .btn-red:hover,.jc-nyc-hero .hero-actions .btn-red:focus-visible{background:#287dff!important}
@media(prefers-reduced-motion:reduce){.jc-nyc-hero .hero-actions .btn,.jc-nyc-hero .jc-owner-link{transition:none}}

/* All demo buttons share a dark resting state and blue interaction state. */
.jc-nyc-hero .hero-actions .btn{background:rgba(3,10,23,.82)!important;border:1px solid #fff!important;color:#fff!important}
.jc-nyc-hero .hero-actions .btn:hover,.jc-nyc-hero .hero-actions .btn:focus-visible{background:#1167ef!important;border-color:#62a5ff!important}