/* Colony Core shared marketing system — Wave 2 */
body{
  --cc-gold:#d4af37;
  --cc-gold-bright:#f3cf65;
  --cc-cyan:#62d9ff;
  --cc-ink:#061422;
  --cc-panel:#0a2238;
  --cc-panel-2:#0d2944;
  --cc-line:rgba(148,181,211,.22);
  --cc-copy:#edf4fb;
  --cc-muted:#a9bbcc;
  background:
    radial-gradient(circle at 78% 8%,rgba(53,132,188,.17),transparent 28rem),
    radial-gradient(circle at 18% 30%,rgba(212,175,55,.07),transparent 26rem),
    var(--cc-ink);
  color:var(--cc-copy);
  overflow-x:hidden;
}
body main{max-width:1200px;padding:0 1.25rem}
body main section{opacity:1;animation:none}
body img{max-width:100%;height:auto}

nav{background:rgba(6,20,34,.88);border-color:rgba(148,181,211,.16);backdrop-filter:blur(18px)}
nav .container{min-height:72px;padding:.85rem 1.2rem}
nav .logo{color:#f5f8fb;font-weight:800;letter-spacing:-.02em}
nav .nav-links{align-items:center}
nav .nav-links a,nav .nav-links .dropdown-toggle{color:#b9c9d8}
nav .nav-links a:hover,nav .nav-links .dropdown-toggle:hover{color:#fff}
nav .nav-links .dropdown-menu{background:#081a2b;border-color:rgba(148,181,211,.2);box-shadow:0 22px 55px rgba(0,0,0,.38)}
nav .nav-links .nav-cta.primary a{background:linear-gradient(135deg,#f3cf65,#c69725);border-color:#d4af37;color:#071522;box-shadow:0 12px 30px rgba(212,175,55,.16)}

.marketing-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  margin:2rem 0 1rem;
  padding:clamp(4.5rem,9vw,8rem) clamp(1.5rem,6vw,5rem);
  text-align:center;
  border:1px solid rgba(148,181,211,.2);
  border-radius:1.5rem;
  background:
    linear-gradient(145deg,rgba(6,20,34,.88),rgba(8,29,48,.78)),
    url('/images/mission-topography.svg') center/cover;
  box-shadow:0 34px 90px rgba(0,0,0,.24);
}
.marketing-hero::before{
  content:"";
  position:absolute;
  width:34rem;
  height:34rem;
  right:-12rem;
  top:-14rem;
  z-index:-1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(98,217,255,.17),transparent 68%);
}
.marketing-hero::after{
  content:"";
  position:absolute;
  left:12%;right:12%;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--cc-cyan),var(--cc-gold),transparent);
  opacity:.55;
}
.marketing-hero h1{
  max-width:950px;
  margin:.9rem auto 1.25rem;
  color:#fff;
  font-size:clamp(2.8rem,6.4vw,5.7rem);
  line-height:.99;
  letter-spacing:-.055em;
  text-wrap:balance;
}
.marketing-hero>p:not(.page-role){max-width:780px;margin:0 auto;color:#bac9d7;font-size:clamp(1.04rem,1.7vw,1.24rem);line-height:1.72}
.marketing-kicker,.status-pill{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  padding:.3rem .7rem;
  border-radius:999px;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.marketing-kicker{padding:0;color:var(--cc-gold-bright)}
.status-pill{background:rgba(46,189,133,.11);border:1px solid rgba(46,189,133,.32);color:#68e6b3}
.status-pill.limited{background:rgba(230,162,60,.11);border-color:rgba(230,162,60,.34);color:#ffc066}
.status-pill.planned{background:rgba(90,155,214,.11);border-color:rgba(90,155,214,.34);color:#88c7ff}
.marketing-actions{display:flex;justify-content:center;gap:.85rem;flex-wrap:wrap;margin-top:2rem}
.marketing-actions .btn{min-width:185px;padding:.95rem 1.35rem;border-radius:.7rem;text-align:center}
.marketing-actions .btn-secondary{background:rgba(10,34,56,.62);color:#f4f7fa;border:1px solid rgba(184,211,234,.32);box-shadow:none}
.marketing-actions .btn-secondary:hover{background:rgba(13,41,68,.92);color:#fff;border-color:var(--cc-cyan);box-shadow:0 10px 30px rgba(98,217,255,.11)}
.page-role{max-width:850px;margin:1.5rem auto 0;color:#7890a4;font-size:.86rem;line-height:1.6}
.page-role a{color:#b8dff1}

.marketing-section{padding:clamp(4.5rem,8vw,7.5rem) 0}
.marketing-section.compact{padding:clamp(2.5rem,5vw,4.5rem) 0}
.marketing-intro{max-width:820px;margin:0 auto 3rem;text-align:center}
.marketing-intro h2{margin:.7rem 0 1rem;color:#fff;font-size:clamp(2.2rem,4.8vw,4.1rem);line-height:1.07;letter-spacing:-.045em;text-wrap:balance}
.marketing-intro p{color:var(--cc-muted);font-size:1.05rem;line-height:1.72}
.marketing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.marketing-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.marketing-card{
  position:relative;
  overflow:hidden;
  padding:1.5rem;
  background:linear-gradient(145deg,rgba(13,41,68,.86),rgba(7,25,42,.96));
  border:1px solid var(--cc-line);
  border-radius:1rem;
  box-shadow:0 18px 55px rgba(0,0,0,.13);
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.marketing-card::before{content:"";position:absolute;left:0;top:0;width:4rem;height:1px;background:linear-gradient(90deg,var(--cc-gold),transparent)}
.marketing-card:hover{transform:translateY(-3px);border-color:rgba(98,217,255,.34);box-shadow:0 24px 65px rgba(0,0,0,.22)}
.marketing-card h2,.marketing-card h3{margin:.75rem 0 .55rem;color:#fff;line-height:1.2;letter-spacing:-.02em}
.marketing-card p{color:var(--cc-muted);line-height:1.7}
.marketing-card ul{margin:.9rem 0 0;padding-left:1.15rem;color:var(--cc-muted)}
.marketing-card li+li{margin-top:.55rem}
.marketing-card a{font-weight:750;color:var(--cc-gold-bright)}
.marketing-panel{padding:clamp(1.5rem,4vw,3rem);background:linear-gradient(130deg,rgba(212,175,55,.055),rgba(13,41,68,.68),rgba(7,25,42,.96));border:1px solid rgba(212,175,55,.19);border-radius:1.35rem}
.marketing-note{max-width:900px;margin:1.5rem auto 0;padding:1rem 1.2rem;color:#8da2b4;background:rgba(6,20,34,.45);border:1px solid var(--cc-line);border-radius:.75rem;font-size:.88rem;line-height:1.65}

.home-product-hero{margin:0;text-align:center}
.home-product-hero figcaption{margin-top:1rem;color:#73899c;font-size:.82rem}
.browser-frame{max-width:1000px;margin:0 auto;border-radius:1rem;overflow:hidden;border:1px solid rgba(159,194,224,.23);background:#071522;box-shadow:0 38px 90px rgba(0,0,0,.34)}
.browser-frame-bar{display:flex;align-items:center;gap:6px;padding:11px 14px;background:#081a2b;border-bottom:1px solid rgba(159,194,224,.14)}
.browser-frame-dot{width:9px;height:9px;border-radius:50%}
.browser-frame-dot:nth-child(1){background:#e45c59}.browser-frame-dot:nth-child(2){background:#e0b64c}.browser-frame-dot:nth-child(3){background:#3bbb82}
.browser-frame-body{height:auto;aspect-ratio:auto;display:block;background:#071522}
.browser-frame-body img{display:block;width:100%;height:auto}

.marketing-product-proof{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}
.marketing-product-proof__copy h2{margin:.7rem 0 1rem;color:#fff;font-size:clamp(2.2rem,4.5vw,3.8rem);line-height:1.08;letter-spacing:-.045em}
.marketing-product-proof__copy p{color:var(--cc-muted);line-height:1.75}
.marketing-proof-list{display:grid;gap:.8rem;margin:1.4rem 0 0;padding:0;list-style:none}
.marketing-proof-list li{padding:1rem 1.05rem;border:1px solid var(--cc-line);border-radius:.8rem;background:rgba(9,31,51,.62);color:var(--cc-muted)}
.marketing-proof-list strong{display:block;margin-bottom:.2rem;color:#fff}

.workflow-list{max-width:1000px;margin:0 auto;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;counter-reset:workflow}
.workflow-list li{position:relative;display:flex;gap:1rem;padding:1.45rem;background:linear-gradient(145deg,rgba(13,41,68,.82),rgba(7,25,42,.96));border:1px solid var(--cc-line);border-radius:1rem}
.workflow-list li::after{content:"";position:absolute;left:2.45rem;top:3.9rem;bottom:-1.05rem;border-left:1px dashed rgba(98,217,255,.24)}
.workflow-list li:nth-last-child(-n+2)::after{display:none}
.workflow-step{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;min-width:2rem;border-radius:50%;background:linear-gradient(135deg,var(--cc-gold-bright),#c69725);color:#071522;font-weight:850;box-shadow:0 0 0 .35rem rgba(212,175,55,.08)}
.workflow-list h3{margin:0 0 .35rem;color:#fff}
.workflow-list p{color:var(--cc-muted);font-size:.94rem;line-height:1.65}

.marketing-table-wrap{overflow-x:auto;border:1px solid var(--cc-line);border-radius:1rem;box-shadow:0 20px 60px rgba(0,0,0,.14)}
.marketing-table{width:100%;min-width:700px;border-collapse:collapse;background:rgba(7,25,42,.9)}
.marketing-table th,.marketing-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--cc-line);vertical-align:top}
.marketing-table th{color:var(--cc-gold-bright);font-size:.84rem;text-transform:uppercase;letter-spacing:.05em}
.marketing-table td{color:var(--cc-muted)}
.marketing-table tr:last-child td{border-bottom:0}.marketing-table strong{color:#fff}
.source-list{padding-left:1.2rem;color:var(--cc-muted)}.source-list li+li{margin-top:.7rem}.source-list a{word-break:break-word}
.release-list{display:grid;gap:1rem}.release-item{padding:1.4rem;background:linear-gradient(145deg,rgba(13,41,68,.82),rgba(7,25,42,.96));border:1px solid var(--cc-line);border-radius:1rem}.release-item time{color:var(--cc-gold-bright);font-size:.8rem;font-weight:750}.release-item h2{margin:.35rem 0 .6rem;font-size:1.25rem}.release-item p{color:var(--cc-muted)}

.marketing-cta{position:relative;isolation:isolate;overflow:hidden;margin:2rem 0 5rem;padding:clamp(4rem,8vw,6.5rem) clamp(1.5rem,6vw,5rem);text-align:center;background:linear-gradient(135deg,rgba(13,41,68,.96),rgba(7,25,42,.99));border:1px solid var(--cc-line);border-radius:1.5rem}
.marketing-cta::before{content:"";position:absolute;inset:0;z-index:-2;background:url('/images/mission-topography.svg') center/cover;opacity:.22}
.marketing-cta::after{content:"";position:absolute;width:34rem;height:34rem;left:50%;top:55%;z-index:-1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.13),transparent 66%)}
.marketing-cta h2{max-width:820px;margin:0 auto 1rem;color:#fff;font-size:clamp(2.2rem,4.8vw,4rem);line-height:1.08;letter-spacing:-.045em;text-wrap:balance}
.marketing-cta>p{max-width:700px;margin:0 auto 1.5rem;color:var(--cc-muted);line-height:1.72}
.marketing-footer-note{margin-top:1rem;color:#7890a4;font-size:.84rem}

body>footer{background:#04101c!important;border-color:var(--cc-line)!important}
body>footer .container{max-width:1200px!important}
body>footer h4{color:var(--cc-gold-bright)!important;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
body>footer p{color:#7f95a8!important;line-height:1.9}
body>footer a{color:#849bad}body>footer a:hover{color:#fff}

@media(max-width:900px){
  .marketing-grid.three,.marketing-grid,.marketing-product-proof{grid-template-columns:1fr}
  .workflow-list{grid-template-columns:1fr}
  .workflow-list li::after{display:none}
}
@media(max-width:768px){
  .marketing-hero{margin-top:1rem;padding:4.25rem 1.25rem;border-radius:1.1rem}
  .marketing-section{padding:4rem 0}.marketing-panel{padding:1.25rem}.marketing-cta{padding:4rem 1.25rem}
  nav .nav-links{background:rgba(6,20,34,.98)}
}
@media(max-width:520px){
  .marketing-actions{flex-direction:column}.marketing-actions .btn{width:100%}
  .marketing-card{padding:1.2rem}
}
@media(prefers-reduced-motion:reduce){
  body *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}