/* Nova and the About hub on the editable copy page only. */
body.mc-copy-page #nova .mc-copy-nova-avatar{display:grid;place-items:center;width:166px;height:166px;flex:none;padding:12px;margin:0 0 16px;border:1px solid transparent;border-radius:50%;background:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
body.mc-copy-page #nova .mc-copy-nova-avatar:focus-visible{outline:3px solid #7b2ad4;outline-offset:6px;background:#ffffff66}
body.mc-copy-page #nova .mc-copy-nova-mark{position:relative;display:block;width:100%;height:100%;transform:perspective(500px) rotateX(var(--mc-nova-tilt-x,0deg)) rotateY(var(--mc-nova-tilt-y,0deg));transition:transform .2s ease,scale .2s ease}
body.mc-copy-page #nova .mc-copy-nova-mark>.sc-orb{display:block;width:100%;height:100%}
body.mc-copy-page #nova .mc-copy-nova-placeholder,body.mc-copy-page #about .mc-copy-about-mark{display:block;background:linear-gradient(160deg,#ea00d7,#8600f9);-webkit-mask:url('../logo.png') center/contain no-repeat;mask:url('../logo.png') center/contain no-repeat}
body.mc-copy-page #nova .mc-copy-nova-placeholder{position:absolute;inset:28px}
body.mc-copy-page #nova .mc-copy-nova-avatar:is(:hover,:focus-visible) .mc-copy-nova-mark{scale:1.045}
body.mc-copy-page #nova .mc-copy-nova-avatar.is-looking .scNova-eyes{animation:none;transform:translate(var(--mc-nova-eye-x,0px),var(--mc-nova-eye-y,0px))}
body.mc-copy-page #about .mc-about-hub::after{display:none}
body.mc-copy-page #about .mc-copy-about-mark{position:absolute;inset:8px}

body.mc-copy-page>.sc-launch{height:88px;right:calc(max(clamp(16px,2vw,28px),env(safe-area-inset-right)) + 60px);bottom:max(20px,env(safe-area-inset-bottom))}
body.mc-copy-page>.sc-launch>.sc-orb{width:88px;height:88px}
body.mc-copy-page>.sc-launch.sc-away{visibility:hidden;pointer-events:none}
/* The landing ripple is centred on the mark. */
body.mc-copy-page>.sc-ring{width:72px;height:72px;right:calc(max(clamp(16px,2vw,28px),env(safe-area-inset-right)) + 68px);bottom:calc(max(20px,env(safe-area-inset-bottom)) + 8px)}
/* Scroll-to-top is part of the Nova cluster: to the right of the mark, vertically centred on it. */
body.mc-copy-page #toTop.to-top{right:max(clamp(16px,2vw,28px),env(safe-area-inset-right));bottom:calc(max(20px,env(safe-area-inset-bottom)) + 20px);left:auto;box-shadow:0 12px 28px -12px #6d28d9a6}
body.mc-copy-page.mc-copy-chat-open #toTop.to-top{opacity:0;visibility:hidden;pointer-events:none}

/* September 28: the AI section without its glow: a clean light panel, no halo around Nova and a
   neutral shadow instead of the purple one. */
/* October 1 (owner brief, MotionQ card as the quality reference): a plain white card on a soft
   colour field. The colour sits behind the card (lavender left, periwinkle right) instead of
   washing over it; inside, a calm heading/lead/paragraph/button column and a rounded visual panel
   in the original Nova pastels, with the greeting as a chat bubble. Replaces the September 30 washes. */
body.mc-copy-page #nova{isolation:isolate;overflow:clip}
body.mc-copy-page #nova::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(34% 56% at 4% 56%,rgba(203,146,255,.36),rgba(203,146,255,0) 72%),radial-gradient(34% 56% at 96% 44%,rgba(137,168,255,.36),rgba(137,168,255,0) 72%)}
body.mc-copy-page #nova .mc-guide{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(36px,5vw,72px);padding:clamp(40px,4vw,56px);border:1px solid rgba(26,16,44,.06);border-radius:28px;background:#fff;box-shadow:0 1px 2px rgba(26,16,44,.04),0 32px 72px -44px rgba(44,22,88,.28)}
body.mc-copy-page #nova .mc-guide>div:first-child{max-width:500px;padding-left:clamp(0px,1vw,12px)}
body.mc-copy-page #nova .mc-guide .mc-eyebrow{display:inline-block;margin:0 0 18px;font-size:12px;font-weight:600;letter-spacing:.14em;color:#7424c8}
body.mc-copy-page #nova .mc-guide h2{margin:0 0 22px;font-weight:600;line-height:1.08;letter-spacing:-.035em}
body.mc-copy-page #nova .mc-guide .mc-guide-lead{margin:0 0 10px;max-width:34ch;font-size:18px;line-height:1.45;font-weight:600;color:#1b1724;text-wrap:balance}
body.mc-copy-page #nova .mc-guide p:not(.mc-guide-lead,.mc-nova-bubble){margin:0 0 30px;max-width:42ch;font-size:16px;line-height:1.6;color:#67676f;text-wrap:pretty}
body.mc-copy-page #nova .mc-nova-art{position:relative;isolation:isolate;min-height:380px;padding:44px 28px;border:0;border-radius:20px;overflow:hidden;background:radial-gradient(70% 60% at 84% 6%,#d4e3ff 0%,rgba(212,227,255,0) 72%),radial-gradient(72% 66% at 10% 100%,#e8d4ff 0%,rgba(232,212,255,0) 72%),linear-gradient(180deg,#fcfbff 0%,#f4f1ff 100%);box-shadow:inset 0 0 0 1px rgba(116,36,200,.07)}
body.mc-copy-page #nova .mc-nova-art::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(34% 30% at 50% 34%,rgba(255,255,255,.95),rgba(255,255,255,0) 100%)}
body.mc-copy-page #nova .mc-nova-art .mc-nova-bubble{position:relative;max-width:340px;text-wrap:balance;margin:0 0 16px;padding:14px 20px;border-radius:18px;background:#fff;font-size:17px;line-height:1.45;color:#1b1724;box-shadow:0 0 0 1px rgba(26,16,44,.05),0 14px 32px -18px rgba(44,22,88,.35)}
body.mc-copy-page #nova .mc-nova-art .mc-nova-bubble::before{content:"";position:absolute;top:-6px;left:50%;width:12px;height:12px;margin-left:-6px;background:#fff;rotate:45deg;border-radius:2px 0 0 0;box-shadow:-1px -1px 0 rgba(26,16,44,.05)}
body.mc-copy-page #nova .mc-nova-art>span:last-child{font-size:12px;letter-spacing:.02em;color:#6b6578}
@media(max-width:1000px){
 body.mc-copy-page #nova .mc-nova-art{padding-inline:20px}
 body.mc-copy-page #nova .mc-nova-art .mc-nova-bubble{font-size:15px;padding:12px 16px}
}
@media(max-width:800px){
 body.mc-copy-page #nova::before{background:radial-gradient(60% 26% at 0% 18%,rgba(203,146,255,.28),rgba(203,146,255,0) 72%),radial-gradient(60% 26% at 100% 84%,rgba(137,168,255,.28),rgba(137,168,255,0) 72%)}
 body.mc-copy-page #nova .mc-guide{grid-template-columns:1fr;gap:32px;padding:36px 32px;border-radius:24px}
 body.mc-copy-page #nova .mc-guide>div:first-child{max-width:none;padding-left:0}
 body.mc-copy-page #nova .mc-nova-art{min-height:320px}
}
@media(max-width:540px){
 body.mc-copy-page #nova .mc-guide{gap:26px;padding:28px 22px 22px;border-radius:22px}
 body.mc-copy-page #nova .mc-guide .mc-guide-lead{font-size:16px}
 body.mc-copy-page #nova .mc-guide p:not(.mc-guide-lead,.mc-nova-bubble){margin-bottom:24px;font-size:15px}
 body.mc-copy-page #nova .mc-nova-art{min-height:0;padding:32px 18px 26px;border-radius:16px}
 body.mc-copy-page #nova .mc-nova-art .mc-nova-bubble{font-size:15px;padding:12px 16px}
}
body.mc-copy-page #nova .sc-orb::after{content:none}
body.mc-copy-page #nova .sc-mark{filter:drop-shadow(0 12px 18px #1d142b29)}
@media(prefers-reduced-motion:no-preference){
 @keyframes mcCopyNovaFloat{0%,100%{translate:0 0}50%{translate:0 -5px}}
 body.mc-copy-page #nova .mc-copy-nova-mark>.sc-orb{animation:mcCopyNovaFloat 6s ease-in-out infinite}
}
@media(prefers-reduced-motion:reduce){
 body.mc-copy-page #nova .mc-copy-nova-mark{transition:none;transform:none;scale:1}
 body.mc-copy-page #nova .mc-copy-nova-mark>.sc-orb,body.mc-copy-page #nova .scNova-eyes,body.mc-copy-page #nova .scNova-eye{animation:none;transform:none;translate:none}
}
@media(max-width:560px){
 body.mc-copy-page #nova .mc-copy-nova-avatar{width:142px;height:142px;margin-bottom:14px}
 body.mc-copy-page>.sc-launch>.sc-orb{width:72px;height:72px}
 body.mc-copy-page>.sc-launch{height:72px}
 body.mc-copy-page>.sc-launch{right:calc(max(16px,env(safe-area-inset-right)) + 58px)}
 body.mc-copy-page>.sc-ring{right:calc(max(16px,env(safe-area-inset-right)) + 58px);bottom:max(20px,env(safe-area-inset-bottom))}
 body.mc-copy-page #toTop.to-top{right:max(16px,env(safe-area-inset-right));bottom:calc(max(20px,env(safe-area-inset-bottom)) + 12px)}
}
/* October 3: the room the hero logo row leaves for the resting launcher (copy-nova.js, measured on
   load and resize only) */
body.mc-copy-page #home.mc-copy-hero .mc-copy-hero-trust{padding-right:var(--mc-hero-reserve,0px)}
/* October 3 (owner request): three questions under Nova's greeting. Each opens the chat and asks
   it (data-nova-ask, handled in chat.js), like the chat's own chips. */
body.mc-copy-page #nova .mc-nova-asks{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:2px}
body.mc-copy-page #nova .mc-nova-asks-label{font-size:12px;letter-spacing:.02em;color:#6b6578}
body.mc-copy-page #nova .mc-nova-ask-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
/* In Nova's colours: a white pill with Nova's sparkle in its magenta-to-violet gradient; hover fills
   the pill with that gradient. */
body.mc-copy-page #nova .mc-nova-ask-defs{position:absolute;width:0;height:0;overflow:hidden}
body.mc-copy-page #nova .mc-nova-ask{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:9px 16px 9px 13px;border:1px solid rgba(166,60,240,.28);border-radius:999px;background:#fff;font:600 13.5px/1.2 Manrope,StudioFallback,Arial,sans-serif;letter-spacing:-.01em;color:#5b1fa8;cursor:pointer;box-shadow:0 8px 20px -14px rgba(134,0,249,.45);transition:background .25s,color .25s,border-color .25s,box-shadow .25s,transform .25s}
body.mc-copy-page #nova .mc-nova-ask svg{width:15px;height:15px;flex:none}
body.mc-copy-page #nova .mc-nova-ask svg path{fill:url(#mcNovaAskGrad);transition:fill .25s}
body.mc-copy-page #nova .mc-nova-ask:hover{background:linear-gradient(105deg,#ea00d7,#8600f9);border-color:transparent;color:#fff;box-shadow:0 12px 26px -14px rgba(134,0,249,.7);transform:translateY(-1px)}
body.mc-copy-page #nova .mc-nova-ask:hover svg path{fill:#fff}
body.mc-copy-page #nova .mc-nova-ask:active{transform:translateY(0)}
body.mc-copy-page #nova .mc-nova-ask:focus-visible{outline:3px solid #7b2ad4;outline-offset:3px}
@media(max-width:540px){body.mc-copy-page #nova .mc-nova-ask{font-size:13px;padding:8px 13px 8px 11px}}
@media(prefers-reduced-motion:reduce){body.mc-copy-page #nova .mc-nova-ask{transition:none}body.mc-copy-page #nova .mc-nova-ask:hover{transform:none}}