/* Mainely Code final finish pass — 11 September 2026.
   Second optical alignment, interaction, loading, responsive rhythm, and
   accessibility refinement. Additive only; canonical product artwork and
   the continuous Aurora remain unchanged. */

:root{
  --mc-finish-ink:#f7f5ef;
  --mc-finish-muted:#afc4ca;
  --mc-finish-line:rgba(104,190,204,.23);
  --mc-finish-line-strong:rgba(104,232,222,.46);
  --mc-finish-mint:#8df2cf;
  --mc-finish-cyan:#28d8ff;
  --mc-finish-gold:#efcc79;
  --mc-finish-shadow:0 24px 76px rgba(0,0,0,.32);
  --mc-finish-ease:cubic-bezier(.2,.72,.2,1);
}

html{
  scrollbar-color:#2e6570 #03111a;
  scrollbar-width:thin;
}
body:is(.launch-site,.mc-polished){
  min-width:320px;
  overflow-x:clip;
}
body:is(.launch-site,.mc-polished) :is(h1,h2,h3,h4){text-wrap:balance}
body:is(.launch-site,.mc-polished) :is(p,li,blockquote){text-wrap:pretty}
body:is(.launch-site,.mc-polished) main :is(section,[id]){scroll-margin-top:118px}

/* Small tactile details shared by every page. */
body:is(.launch-site,.mc-polished) ::selection{background:rgba(40,216,255,.30);color:#fff}
body:is(.launch-site,.mc-polished) :is(a,button,summary,[tabindex]):focus-visible{
  outline:2px solid var(--mc-finish-mint)!important;
  outline-offset:4px!important;
  box-shadow:0 0 0 5px rgba(141,242,207,.10);
}
body:is(.launch-site,.mc-polished) :is(a,button,summary){-webkit-tap-highlight-color:rgba(141,242,207,.14)}

/* A real visually-hidden skip link. It remains keyboard reachable, but never
   leaks into clipped screenshots or painted sections while unfocused. */
.lc-skip:not(:focus):not(:focus-visible),
.skip:not(:focus):not(:focus-visible),
.skip-link:not(:focus):not(:focus-visible){
  position:fixed!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  opacity:0!important;
  transform:none!important;
  pointer-events:none!important;
}
.lc-skip:focus,.lc-skip:focus-visible,
.skip:focus,.skip:focus-visible,
.skip-link:focus,.skip-link:focus-visible{
  position:fixed!important;
  top:12px!important;
  left:12px!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:12px 18px!important;
  overflow:visible!important;
  clip:auto!important;
  clip-path:none!important;
  opacity:1!important;
  transform:none!important;
  pointer-events:auto!important;
  border-radius:8px!important;
  box-shadow:0 16px 45px rgba(0,0,0,.42)!important;
}

/* Header / notice: less flat, clearer hierarchy, and a truthful current-page
   marker that does not compete with the Store CTA. */
.lc-notice{
  position:relative;
  z-index:110;
  background:
    linear-gradient(90deg,rgba(12,55,56,.98),rgba(11,47,53,.98) 52%,rgba(8,38,48,.98));
  border-bottom-color:rgba(98,221,202,.30);
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.025);
}
.lc-notice a{transition:color .2s var(--mc-finish-ease)}
.lc-notice a:hover{color:#fff}
.lc-notice b{box-shadow:0 0 0 1px rgba(255,255,255,.10),0 0 24px rgba(137,237,197,.12)}

.lc-header,.header{
  transition:background .28s var(--mc-finish-ease),box-shadow .28s var(--mc-finish-ease),border-color .28s var(--mc-finish-ease);
}
.lc-header.mc-header-scrolled{
  background:rgba(3,17,25,.94)!important;
  border-bottom-color:rgba(85,209,204,.25)!important;
  box-shadow:0 14px 44px rgba(0,0,0,.28);
}
.header.mc-header-scrolled{
  background:rgba(1,15,36,.95)!important;
  border-bottom-color:rgba(0,200,255,.28)!important;
  box-shadow:0 14px 44px rgba(0,0,0,.28);
}
.lc-brand img,.brand img{filter:drop-shadow(0 8px 18px rgba(0,0,0,.24))}
.lc-brand-name{color:#f9f7f0}

.lc-nav a:not(.lc-nav-cta),.nav-links a{
  position:relative;
}
.lc-nav a:not(.lc-nav-cta)::after{
  content:"";
  position:absolute;
  left:0;
  right:100%;
  bottom:5px;
  height:1px;
  background:linear-gradient(90deg,var(--mc-finish-cyan),var(--mc-finish-mint));
  box-shadow:0 0 12px rgba(40,216,255,.48);
  transition:right .24s var(--mc-finish-ease);
}
.lc-nav a:not(.lc-nav-cta):hover::after,
.lc-nav a:not(.lc-nav-cta)[aria-current="page"]::after{right:0}
.lc-nav a[aria-current="page"]{color:#f4fff9!important}

/* Buttons and text links retain the restrained Mainely Code geometry but now
   feel finished under mouse, keyboard, and touch. */
.launch-site .lc-button,
.mc-polished .btn{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
  transition:transform .22s var(--mc-finish-ease),background .22s var(--mc-finish-ease),border-color .22s var(--mc-finish-ease),box-shadow .22s var(--mc-finish-ease);
}
.launch-site .lc-button::after,
.mc-polished .btn::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-2px auto -2px -46%;
  width:36%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);
  opacity:0;
  transition:left .46s var(--mc-finish-ease),opacity .2s ease;
}
@media(hover:hover) and (pointer:fine){
  .launch-site .lc-button:hover::after,.mc-polished .btn:hover::after{left:112%;opacity:1}
  .launch-site .lc-button:hover,.mc-polished .btn:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 12px 32px rgba(0,0,0,.20)}
}
.launch-site .lc-button:active,.mc-polished .btn:active{transform:translateY(0) scale(.985)}
.launch-site .lc-text-link{transition:color .2s ease,border-color .2s ease,gap .2s var(--mc-finish-ease)}
.launch-site .lc-text-link:hover{gap:13px}

/* Cleaner section rhythm. The atmosphere remains visible, but copy and card
   groups receive a more deliberate reading hierarchy. */
.launch-site .lc-section-head{align-items:flex-start;margin-bottom:clamp(36px,4.2vw,56px)}
.launch-site .lc-section-head>p{line-height:1.8;color:#b7c9ce}
.launch-site .lc-eyebrow{font-weight:800;text-shadow:0 0 22px rgba(40,230,196,.12)}
.launch-site .lc-section-line{border-top-color:rgba(78,142,153,.32)}
.launch-site .lc-architecture-strip{
  border-top-color:rgba(92,176,187,.30);
  border-bottom-color:rgba(92,176,187,.12);
}

/* -----------------------------------------------------------------------
   Product-family cards
   ----------------------------------------------------------------------- */
.launch-site .mc-product-constellation{
  gap:clamp(17px,1.55vw,23px)!important;
}
.launch-site .mc-product-card{
  --mc-card-accent:40,216,255;
  --mc-card-accent-2:40,230,196;
  position:relative;
  isolation:isolate;
  border-color:rgba(84,156,169,.35);
  border-radius:18px;
  background:
    linear-gradient(155deg,rgba(9,34,45,.96),rgba(4,20,29,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 34px rgba(0,0,0,.14);
  transition:transform .28s var(--mc-finish-ease),border-color .28s ease,box-shadow .28s ease;
}
.launch-site .mc-product-card::before{
  content:"";
  position:absolute;
  z-index:5;
  top:0;
  left:18px;
  right:18px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(var(--mc-card-accent),.82),rgba(var(--mc-card-accent-2),.68),transparent);
  opacity:.72;
  pointer-events:none;
}
.launch-site .mc-product-card::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-35% -20% auto;
  height:60%;
  background:radial-gradient(ellipse,rgba(var(--mc-card-accent),.09),transparent 67%);
  opacity:.35;
  transition:opacity .28s ease,transform .35s var(--mc-finish-ease);
  pointer-events:none;
}
.launch-site .mc-product-card:has(.mc-art-northstar){--mc-card-accent:38,183,255;--mc-card-accent-2:239,204,121}
.launch-site .mc-product-card:has(.mc-art-sasquatch){--mc-card-accent:19,215,255;--mc-card-accent-2:74,223,191}
.launch-site .mc-product-card:has(.mc-art-orb){--mc-card-accent:41,130,255;--mc-card-accent-2:35,229,205}
.launch-site .mc-product-card:has(.mc-art-growthroom){--mc-card-accent:20,196,255;--mc-card-accent-2:104,235,150}
.launch-site .mc-product-card:has(.mc-art-provider){--mc-card-accent:25,171,255;--mc-card-accent-2:25,231,196}
.launch-site .mc-product-card:has(.mc-art-forge){--mc-card-accent:85,197,255;--mc-card-accent-2:174,241,226}
.launch-site .mc-product-card:has(.mc-art-sraosha){--mc-card-accent:72,167,230;--mc-card-accent-2:220,233,241}

.launch-site .mc-product-card-media,
.launch-site .lc-product-img{
  height:210px;
  padding:24px 30px;
  background:
    radial-gradient(ellipse at 50% 52%,rgba(var(--mc-card-accent),.13),transparent 58%),
    linear-gradient(145deg,#020a13 0%,#041621 63%,#061b25 100%);
  border-bottom-color:rgba(var(--mc-card-accent),.20);
}
.launch-site .mc-product-card-media::before,
.launch-site .lc-product-img::before{
  inset:11px;
  border-radius:13px;
  border-color:rgba(var(--mc-card-accent),.16);
  box-shadow:inset 0 0 48px rgba(var(--mc-card-accent),.055),0 0 0 1px rgba(0,0,0,.10);
}
.launch-site .mc-product-card-media::after,
.launch-site .lc-product-img::after{
  background:
    linear-gradient(180deg,rgba(255,255,255,.024),transparent 34%,rgba(0,0,0,.10)),
    linear-gradient(90deg,transparent 12%,rgba(var(--mc-card-accent),.055) 50%,transparent 88%);
}
.launch-site .mc-product-card-media img,
.launch-site .lc-product-img img{
  filter:drop-shadow(0 14px 28px rgba(0,0,0,.42));
  transition:transform .32s var(--mc-finish-ease),filter .32s ease,opacity .34s ease;
}
.launch-site .mc-product-card-media img.mc-img-managed:not(.is-loaded),
.launch-site .lc-product-img img.mc-img-managed:not(.is-loaded){opacity:.01;transform:translateY(var(--mc-art-shift-y)) scale(.985)}
.launch-site .mc-product-card-media img.mc-img-managed.is-loaded,
.launch-site .lc-product-img img.mc-img-managed.is-loaded{opacity:1}

/* Optical lockups: fill the safe stage without touching it. */
.launch-site .mc-product-card-media.mc-art-northstar img{width:94%!important;max-height:86%!important;--mc-art-shift-y:0px}
.launch-site .mc-product-card-media.mc-art-sasquatch img{width:91%!important;max-height:84%!important;--mc-art-shift-y:0px}
.launch-site .mc-product-card-media.mc-art-growthroom img{width:94%!important;max-height:86%!important;--mc-art-shift-y:0px}
.launch-site .mc-product-card-media.mc-art-provider img{width:92%!important;max-height:86%!important;--mc-art-shift-y:0px}
.launch-site .mc-product-card-media.mc-art-orb img{height:162px!important;max-width:70%!important;--mc-art-shift-y:0px}
.launch-site .mc-product-card-media.mc-art-forge img{height:168px!important;max-width:72%!important;--mc-art-shift-y:-1px}

.launch-site .mc-product-card-body{padding:25px 25px 27px}
.launch-site .mc-product-card-body .mc-card-kicker{
  min-height:2.8em;
  margin-bottom:10px;
  color:rgba(239,204,121,.94);
  font-size:9px;
  line-height:1.42;
}
.launch-site .mc-product-card-body h3{font-size:24px;line-height:1.08;margin-bottom:13px;color:#faf8f2}
.launch-site .mc-product-card-body p{font-size:13px;line-height:1.78;color:#adc1c7}
.launch-site .mc-product-card-body .mc-product-status{
  min-height:3em;
  margin:18px 0 5px;
  color:#9cb5bc;
  line-height:1.52;
}
.launch-site .mc-product-card-body .lc-text-link{margin-top:3px;align-self:flex-start;color:#88f0cf!important}

@media(hover:hover) and (pointer:fine){
  .launch-site .mc-product-card:hover,
  .launch-site .mc-product-card:focus-within{
    transform:translateY(-5px);
    border-color:rgba(var(--mc-card-accent),.52);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 24px 58px rgba(0,0,0,.25),0 0 32px rgba(var(--mc-card-accent),.06);
  }
  .launch-site .mc-product-card:hover::after,
  .launch-site .mc-product-card:focus-within::after{opacity:.78;transform:translateY(4%)}
  .launch-site .mc-product-card:hover .mc-product-card-media:not(.mc-art-screen) img,
  .launch-site .mc-product-card:focus-within .mc-product-card-media:not(.mc-art-screen) img{
    transform:translateY(var(--mc-art-shift-y)) scale(1.022);
    filter:drop-shadow(0 18px 32px rgba(0,0,0,.49));
  }
}

/* The SRAOSHA horizon reads as one premium system instead of a large flat
   rectangle. */
.launch-site .mc-security-horizon{
  border-radius:22px;
  border-color:rgba(76,177,190,.38);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),var(--mc-finish-shadow);
}
.launch-site .mc-security-mark{
  transition:transform .25s var(--mc-finish-ease),border-color .25s ease,background .25s ease;
}
@media(hover:hover) and (pointer:fine){
  .launch-site .mc-security-mark:hover{transform:translateY(-2px)}
}

/* FAQ and footer details. */
.launch-site .lc-faq{
  border-bottom-color:rgba(85,151,162,.32);
}
.launch-site .lc-faq summary{transition:color .2s ease,background .2s ease}
.launch-site .lc-faq[open] summary{color:#f7fff9}
.launch-site .lc-faq[open]{background:linear-gradient(90deg,rgba(29,105,104,.08),transparent 62%)}
.launch-site .lc-faq p{padding-right:clamp(0px,3vw,32px)}
.launch-site .lc-footer nav a{transition:color .2s ease,transform .2s var(--mc-finish-ease)}
@media(hover:hover) and (pointer:fine){.launch-site .lc-footer nav a:hover{transform:translateX(3px)}}

/* Entrance motion is applied through the Web Animations API without ever
   hiding layout content. Fast scrolls, anchor jumps, browser find, print, and
   automation therefore always see the complete page. */
.mc-motion-candidate{backface-visibility:hidden}

/* Legacy surface polish without rewriting older page systems. */
.mc-polished .card,.mc-polished .visual-card,.mc-polished .band{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 20px 56px rgba(0,0,0,.22);
}
.mc-polished .card{transition:transform .24s var(--mc-finish-ease),border-color .24s ease,box-shadow .24s ease}
@media(hover:hover) and (pointer:fine){
  .mc-polished .card:hover{transform:translateY(-3px);border-color:rgba(0,200,255,.29);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 24px 64px rgba(0,0,0,.27)}
}

@media(max-width:980px){
  .launch-site .mc-product-card-media,.launch-site .lc-product-img{height:202px}
  .lc-nav a:not(.lc-nav-cta)::after{display:none}
  .lc-nav a[aria-current="page"]{background:rgba(137,237,197,.075)}
}
@media(max-width:720px){
  body:is(.launch-site,.mc-polished) main :is(section,[id]){scroll-margin-top:92px}
  .launch-site .lc-section-head{margin-bottom:32px}
  .launch-site .mc-product-card-media,.launch-site .lc-product-img{height:194px;padding:20px 24px}
  .launch-site .mc-product-card-media.mc-art-orb img{height:150px!important;max-width:74%!important}
  .launch-site .mc-product-card-media.mc-art-forge img{height:154px!important;max-width:75%!important}
  .launch-site .mc-product-card-body{padding:23px 23px 25px}
  .launch-site .mc-product-card-body .mc-card-kicker{min-height:0}
  .launch-site .mc-product-card-body .mc-product-status{min-height:0}
  .launch-site .mc-product-card:hover,.launch-site .mc-product-card:focus-within{transform:none}
}
@media(max-width:430px){
  .lc-notice a{display:grid;grid-template-columns:1fr;justify-items:center;row-gap:6px}
  .lc-notice a > span:last-child{display:none}
  .launch-site .lc-actions .lc-button{flex:1 1 100%}
  .launch-site .mc-product-card-media,.launch-site .lc-product-img{height:188px}
  .launch-site .mc-product-card-body h3{font-size:23px}
}

@media(prefers-reduced-motion:reduce){
  .launch-site .mc-product-card,.launch-site .mc-product-card-media img,
  .launch-site .lc-button,.launch-site .lc-text-link,.mc-polished .card,.mc-polished .btn{transition:none!important}
  .launch-site .lc-button::after,.mc-polished .btn::after{display:none!important}
}
@media(prefers-contrast:more){
  .launch-site .mc-product-card,.launch-site .lc-faq,.launch-site .lc-button-secondary{border-color:#77b4bc!important}
  .launch-site p,.mc-polished p{color:#d4e1e4!important}
  .launch-site .mc-product-card-body p{color:#d4e1e4!important}
}
@media print{
}