/* Registration-free, IP-hardened Colony Core product story. */
.cc-demo-page{background:var(--cc-ink,#061422);color:var(--text,#edf4fb)}.cc-demo-hero{width:min(1120px,calc(100% - 2.5rem));margin:0 auto;padding:clamp(5rem,9vw,8rem) 0 3rem;text-align:center}.cc-demo-hero__eyebrow{color:#f3cf65;font-size:.75rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.cc-demo-hero h1{max-width:960px;margin:.65rem auto 1rem;font-size:clamp(2.8rem,6vw,5.5rem);line-height:.98;letter-spacing:-.055em}.cc-demo-hero>p{max-width:800px;margin:0 auto;color:#aebfce;font-size:1.08rem;line-height:1.7}.cc-demo-hero__actions{display:flex;justify-content:center;gap:.8rem;flex-wrap:wrap;margin-top:1.6rem}.cc-demo-hero__note{margin-top:.85rem!important;color:#748ba0!important;font-size:.82rem!important}
.cc-demo{width:min(1180px,calc(100% - 2.5rem));margin:0 auto;padding:2rem 0 7rem}.cc-demo__topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.cc-demo__status{margin:0;color:#b7c8d6;font-size:.85rem}.cc-demo__timer{display:flex;align-items:center;gap:.6rem;color:#8399ab;font-size:.75rem}.cc-demo__timer span{display:block;width:120px;height:4px;overflow:hidden;border-radius:999px;background:rgba(148,181,211,.15)}.cc-demo__timer i{display:block;width:0;height:100%;background:linear-gradient(90deg,#62d9ff,#f3cf65);transition:width .2s linear}.cc-demo.is-playing .cc-demo__timer i{animation:ccDemoTimer 7s linear forwards}@keyframes ccDemoTimer{to{width:100%}}
.cc-demo__shell{overflow:hidden;border:1px solid rgba(148,181,211,.22);border-radius:1.35rem;background:linear-gradient(145deg,rgba(13,41,68,.94),rgba(7,25,42,.98));box-shadow:0 36px 90px rgba(0,0,0,.3)}.cc-demo__tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-bottom:1px solid rgba(148,181,211,.18)}.cc-demo__tab{position:relative;padding:1rem .65rem;border:0;border-right:1px solid rgba(148,181,211,.14);background:transparent;color:#8399ab;cursor:pointer;font:inherit;text-align:left}.cc-demo__tab:last-child{border-right:0}.cc-demo__tab span{display:block;color:#f3cf65;font-size:.62rem;font-weight:850;letter-spacing:.08em}.cc-demo__tab strong{display:block;margin:.35rem 0 0;color:inherit;font-size:.78rem}.cc-demo__tab[aria-selected="true"]{background:rgba(98,217,255,.055);color:#fff}.cc-demo__tab[aria-selected="true"]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,#62d9ff,#f3cf65)}
.cc-demo__panel{display:grid;grid-template-columns:minmax(270px,.68fr) minmax(0,1.32fr);gap:2rem;align-items:stretch;padding:2rem}.cc-demo__panel[hidden]{display:none}.cc-demo__copy{display:flex;flex-direction:column;justify-content:center}.cc-demo__step{color:#f3cf65;font-size:.68rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.cc-demo__copy h2{margin:.55rem 0 .8rem;font-size:clamp(1.9rem,3.7vw,3.2rem);line-height:1.05;letter-spacing:-.04em}.cc-demo__copy>p{color:#aebfce;line-height:1.7}.cc-demo__proof{display:grid;gap:.55rem;margin:1.1rem 0 0;padding:0;list-style:none}.cc-demo__proof li{padding:.65rem .75rem;border-left:2px solid rgba(98,217,255,.5);background:rgba(2,8,23,.25);color:#d5e0e8;font-size:.82rem;line-height:1.5}.cc-demo__boundary{margin-top:1.2rem!important;padding:.75rem .85rem;border:1px solid rgba(148,181,211,.15);border-radius:.7rem;background:rgba(2,8,23,.28);color:#8198ab!important;font-size:.76rem!important;line-height:1.55!important}
.cc-demo__visual{position:relative;overflow:hidden;min-height:470px;border:1px solid rgba(148,181,211,.18);border-radius:1rem;background:radial-gradient(circle at 50% 45%,rgba(98,217,255,.06),transparent 55%),#061422}.cc-demo__visual::before{content:"PUBLIC STORYBOARD · PRODUCT-DERIVED";position:absolute;z-index:7;right:.8rem;top:.8rem;padding:.34rem .52rem;border:1px solid rgba(255,255,255,.12);border-radius:.45rem;background:rgba(5,18,31,.82);color:#8aa5b9;font-size:.56rem;font-weight:800;letter-spacing:.08em;pointer-events:none}.cc-demo__visual img{position:absolute;inset:5%;width:90%;height:90%;object-fit:contain;display:block;transform:none!important}.cc-demo__hotspot{position:absolute;z-index:8;max-width:220px;padding:.55rem .65rem;border:1px solid rgba(98,217,255,.4);border-radius:.55rem;background:rgba(5,18,31,.92);box-shadow:0 12px 35px rgba(0,0,0,.3);color:#f2f7fb;font-size:.72rem;font-weight:760;line-height:1.35}.cc-demo__hotspot::before{content:"";display:inline-block;width:.45rem;height:.45rem;margin-right:.4rem;border:2px solid #62d9ff;border-radius:50%;vertical-align:-.06rem}.cc-demo__panel[data-kind="jobs"] .cc-demo__hotspot,.cc-demo__panel[data-kind="closeout"] .cc-demo__hotspot{left:7%;top:18%}.cc-demo__panel[data-kind="responsibility"] .cc-demo__hotspot,.cc-demo__panel[data-kind="flights"] .cc-demo__hotspot,.cc-demo__panel[data-kind="equipment"] .cc-demo__hotspot,.cc-demo__panel[data-kind="billing"] .cc-demo__hotspot{right:7%;top:21%}.cc-demo__badge{position:absolute;z-index:8;left:.75rem;bottom:.75rem;padding:.35rem .55rem;border-radius:999px;background:rgba(5,18,31,.9);color:#f3cf65;font-size:.65rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.cc-demo__controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem}.cc-demo__controls-group{display:flex;gap:.65rem}.cc-demo__control{padding:.72rem 1rem;border:1px solid rgba(148,181,211,.25);border-radius:.6rem;background:rgba(7,25,42,.82);color:#eaf2f8;cursor:pointer;font:inherit;font-size:.82rem;font-weight:750}.cc-demo__control:hover,.cc-demo__control:focus-visible{border-color:#62d9ff}.cc-demo__control--primary{border-color:transparent;background:linear-gradient(135deg,#f3cf65,#c69725);color:#071522}.cc-demo__after{width:min(900px,calc(100% - 2.5rem));margin:0 auto;padding:0 0 7rem;text-align:center}.cc-demo__after h2{font-size:clamp(2rem,4.5vw,3.7rem);line-height:1.05;letter-spacing:-.04em}.cc-demo__after p{color:#9fb0c4;line-height:1.7}
@media(max-width:900px){.cc-demo__tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.cc-demo__panel{grid-template-columns:1fr}.cc-demo__visual{min-height:400px}}
@media(max-width:600px){.cc-demo-hero,.cc-demo{width:min(100% - 1.5rem,1180px)}.cc-demo__tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-demo__panel{padding:1rem}.cc-demo__visual{min-height:310px}.cc-demo__topbar,.cc-demo__controls{align-items:flex-start;flex-direction:column}.cc-demo__timer span{width:90px}.cc-demo__hotspot{max-width:165px;font-size:.64rem}}
@media(prefers-reduced-motion:reduce){.cc-demo.is-playing .cc-demo__timer i{animation:none}.cc-demo__timer i{transition:none}}