@import "/mk3/assets/palette.css";

:root{--ink:var(--navy-deep);--blue:var(--navy);--paper:var(--light-blue);--cream:#fff;--mist:var(--light-blue);--muted:var(--gray);--serif:var(--sans);--sans:"Rubik","PingFang HK","Noto Sans HK","Microsoft JhengHei",system-ui,-apple-system,sans-serif}
@media(max-width:480px){nav.mk-nav .mk-nav-right>.nav-cta{display:none}nav.mk-nav .mk-nav-right{gap:4px}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.72}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:10px;top:10px;z-index:20;background:var(--ink);color:var(--cream);padding:.7rem 1rem}:focus-visible{outline:3px solid var(--orange);outline-offset:3px}a{color:var(--blue);text-underline-offset:3px;text-decoration-thickness:1px}.page-hero{background:var(--ink);color:var(--cream);padding:64px 7vw 76px;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;width:38rem;height:38rem;border:1px solid var(--orange);border-radius:50%;right:-17rem;top:-23rem;opacity:.44;box-shadow:0 0 0 48px var(--navy),0 0 0 96px var(--navy)}.hero-inner,.main-content{max-width:1120px;margin:auto;position:relative;z-index:1}.breadcrumb{font-size:.85rem;margin-bottom:30px;color:var(--mist);display:flex;gap:9px;flex-wrap:wrap}.breadcrumb a{color:var(--cream)}.eyebrow,.section-kicker,.tag{letter-spacing:.11em;font-size:.73rem;font-weight:800}.eyebrow,.section-kicker{color:var(--orange)}h1,h2,h3{line-height:1.14}h1,h2{font-family:var(--serif)}h1{font-size:clamp(2.8rem,7vw,5.5rem);margin:.2rem 0 1rem;max-width:900px;font-weight:500}h1 span{color:var(--orange);font-style:italic}.hero-copy{max-width:720px;font-size:1.1rem;color:var(--mist)}.hero-actions,.tool-row,.rail-links,.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{border:1px solid currentColor;border-radius:0;padding:.76rem 1rem;font-weight:800;text-decoration:none;cursor:pointer;font:inherit}.primary{background:var(--orange);border-color:var(--orange);color:var(--ink)}.quiet,.outline{background:transparent;color:inherit}.page-hero .quiet{color:var(--cream)}.main-content{padding:52px 24px}.guide-toc{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:13px 0;margin-bottom:64px;font-size:.85rem}.guide-toc a{color:var(--muted);text-decoration:none}.opening{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:start;margin-bottom:30px}.opening h2,.workbench h2,.millzik-contact h2,.connection-band h2{font-size:clamp(2rem,4vw,3.3rem);margin:0}.opening p:last-child{margin:0;color:var(--muted)}.service-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{background:var(--cream);padding:28px;border-top:7px solid var(--blue);display:flex;flex-direction:column}.service-card.arts{border-color:var(--orange)}.service-card.stem{border-color:var(--navy-deep)}.service-number{font-family:var(--serif);font-size:2.2rem;line-height:1;margin:0 0 18px;color:var(--orange)}.tag{color:var(--blue);margin:0}.service-card h3{font:500 1.65rem/1.18 var(--serif);margin:.5rem 0 1rem}.service-card>p:not(.tag):not(.service-number){color:var(--muted);font-size:.93rem}.service-card ul{border-top:1px solid var(--line);padding:14px 0 0 18px;margin:8px 0;flex:1;font-size:.88rem}.service-card li{margin:7px 0}.deliverable{border-top:1px solid var(--line);padding-top:13px;margin-bottom:0!important}.connection-band{margin:64px 0;background:var(--blue);color:var(--cream);padding:44px;display:grid;grid-template-columns:.8fr 1.2fr;gap:50px}.connection-band .section-kicker{color:var(--orange)}.connection-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.connection-steps article{border-top:2px solid var(--orange);padding-top:12px}.connection-steps strong{font-family:var(--serif);font-size:1.2rem}.connection-steps p{font-size:.88rem;color:var(--mist)}.workbench{background:var(--cream);padding:42px;margin:64px 0}.workbench-head{display:flex;justify-content:space-between;gap:25px;align-items:end}.progress-wrap{min-width:180px;font-size:.8rem;color:var(--muted)}.progress-track{height:5px;background:var(--line);margin-top:7px}.progress-track i{display:block;height:100%;background:var(--orange);width:0;transition:width .25s}.checklist{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin-top:30px;border:1px solid var(--line)}.checklist label{display:flex;gap:12px;background:var(--cream);padding:18px;font-size:.9rem;cursor:pointer}.checklist input{accent-color:var(--orange);width:19px;height:19px;flex:none;margin-top:4px}.checklist b{display:block;color:var(--blue)}.text-button{border:0;background:transparent;color:var(--blue);font:inherit;text-decoration:underline;cursor:pointer}.fineprint{color:var(--muted);font-size:.78rem}.official-rail{border-left:8px solid var(--orange);padding:26px 30px;display:grid;grid-template-columns:.85fr 1.15fr;gap:30px;background:var(--cream);margin:64px 0}.official-rail h2{font-family:var(--serif);margin:0;font-size:1.8rem}.official-rail p{margin:0;color:var(--muted)}.rail-links{margin:14px 0 0;gap:20px}.rail-links a{font-size:.86rem;font-weight:bold}.millzik-contact{display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:center;padding:30px 0 58px}.millzik-contact>div>p:not(.section-kicker){color:var(--muted)}.contact-card{background:var(--ink);color:var(--cream);padding:28px}.contact-card p{margin:5px 0}.contact-card a{color:var(--orange)}.supporting-note{border-top:1px solid var(--line);padding:20px 0 48px;font-size:.83rem;color:var(--muted)}.mk-footer{margin-top:0!important}
@media(max-width:800px){.page-hero{padding:42px 24px 52px}.opening,.connection-band,.official-rail,.millzik-contact{grid-template-columns:1fr;gap:22px}.service-list,.checklist{grid-template-columns:1fr}.connection-steps{grid-template-columns:1fr}.connection-band,.workbench{padding:27px 22px}.workbench-head{display:block}.progress-wrap{margin-top:22px}}@media(max-width:460px){.hero-actions .button,.contact-actions .button{width:100%;text-align:center}}@media print{.mk-nav,.mk-footer,.guide-toc,.hero-actions,.tool-row,.skip-link,.contact-actions{display:none}.page-hero{padding:25px;background:var(--cream);color:var(--ink)}.page-hero:after{display:none}.page-hero .eyebrow,h1 span{color:var(--ink)}.hero-copy{color:var(--ink)}.main-content{padding:20px}.connection-band{background:var(--cream);color:var(--ink);padding:25px 0}.connection-steps p{color:var(--ink)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.progress-track i{transition:none}}

/* Match the public homepage's market.css / index.css typography.
   Keep these scoped to this page rather than importing homepage layout rules. */
body {
  font-size: 15px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

.page-hero h1 {
  font-family: var(--sans);
  font-size: 54px;
  font-weight: 800;
  line-height: 1.12;
  margin-bottom: 22px;
}

.page-hero h1 span {
  font-style: normal;
}

.page-hero .hero-copy {
  font-size: 17px;
  line-height: 1.7;
}

.opening h2,
.workbench h2,
.millzik-contact h2,
.connection-band h2 {
  font-family: var(--sans);
  font-size: 34px;
  font-weight: 800;
  line-height: 1.3;
}

.opening h2,
.workbench h2,
.millzik-contact h2,
.official-rail h2,
.service-card h3 {
  color: var(--navy);
}

.service-card h3,
.official-rail h2 {
  font-family: var(--sans);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
}

.service-number {
  font-family: var(--sans);
  font-size: 32px;
  font-weight: 800;
}

.connection-steps strong {
  font-family: var(--sans);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
}

.service-card > p:not(.tag):not(.service-number),
.connection-steps p,
.official-rail p {
  font-size: 15px;
  line-height: 1.7;
}

.eyebrow,
.section-kicker,
.tag {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .5px;
}

.button {
  font-family: var(--sans);
  font-size: 15px;
  font-weight: 700;
}

@media (max-width: 768px) {
  .page-hero h1 {
    font-size: 34px;
  }

  .opening h2,
  .workbench h2,
  .millzik-contact h2,
  .connection-band h2 {
    font-size: 26px;
  }
}