/* Get started study: surrounding UI only; the canonical composer owns its geometry. */
/* ChatGPT Work measured1440×706: heading232.5,input296.5. Keep this anchor in both phases. */
.gs-home[data-gs-phase] { padding-top: max(var(--space-14), calc(42svh - var(--space-13))); }
.gs-home [hidden], .gs-overlay [hidden] { display: none !important; }
.gs-preview { position: fixed; top: var(--space-6); right: var(--space-6); z-index: 6; color: var(--text-secondary); font: var(--fw-regular) var(--type-c1-size)/var(--type-c2-lh) var(--font-sans); }
.gs-preview > .icon-btn { color: var(--neutral-500); }
.gs-preview .gs-preview__menu { max-height: calc(100dvh - var(--space-13) - var(--space-3)); overflow-y: auto; right: 0; left: auto; width: calc(var(--space-12) * 6); max-width: calc(100vw - var(--space-10)); padding: var(--space-6); border-radius: var(--radius-xl); }
.gs-preview__menu > label { display: block; margin: var(--space-5) 0 var(--space-3); color: var(--text-secondary); }
.gs-preview__menu > label:first-child { margin-top: 0; }
.gs-preview__patterns { display: flex; padding: var(--space-1); gap: var(--space-1); border: var(--stroke-1) solid var(--border); border-radius: var(--radius-md); background: var(--surface); }
.gs-preview__patterns button { flex: 1; border: 0; background: transparent; padding: var(--space-4) var(--space-3); color: inherit; font: inherit; border-radius: var(--radius-sm); cursor: pointer; white-space: nowrap; }
.gs-preview__patterns button[aria-pressed="true"] { background: var(--neutral-100); color: var(--text-primary); }
.gs-preview__patterns button:hover { background: var(--neutral-50); }
.gs-preview select { width: 100%; border: var(--stroke-1) solid var(--border); border-radius: var(--radius-md); padding: var(--space-4); background: var(--surface); color: var(--text-secondary); font: inherit; }
.gs-preview [data-gs-reset] { margin-top: var(--space-5); width: 100%; }
/* Attio Home Tasks: open list, a single action per row, completion as state. */
.gs-panel { position: relative; width: 100%; margin-top: var(--space-4); }
.gs-panel__head { display: flex; align-items: center; justify-content: space-between; gap: var(--space-6); margin-bottom: var(--space-5); padding-inline: var(--space-5); }
.gs-panel__head h2 { margin: 0; color: var(--text-secondary); font: var(--fw-medium) var(--type-b2-size)/var(--type-b2-lh) var(--font-sans); }
.gs-panel__head .icon-btn { color: var(--neutral-500); }
.gs-steps { display: flex; flex-direction: column; gap: var(--space-2); }
.gs-step { display: grid; grid-template-columns: var(--type-b3-size) var(--space-13) minmax(0,1fr) var(--space-6); align-items: center; gap: var(--space-6); width: 100%; padding: var(--space-5); min-height: calc(var(--space-11) + var(--space-8)); border: 0; border-radius: var(--radius-lg); background: transparent; text-align: left; cursor: pointer; transition: background .16s ease; }
.gs-step:hover { background: var(--neutral-50); }
.gs-step__arrow { opacity: 0; color: var(--neutral-500); font-size: var(--space-6); transition: opacity .16s ease; }
.gs-step:hover .gs-step__arrow, .gs-step:focus-visible .gs-step__arrow { opacity: 1; }
.gs-step:active { background: var(--neutral-100); }
.gs-step:focus-visible { outline: var(--stroke-1) solid var(--text-primary); outline-offset: var(--space-1); }
.gs-step__check { display: grid; place-items: center; width: var(--type-b3-size); height: var(--type-b3-size); border: var(--stroke-1) solid var(--neutral-400); border-radius: var(--radius-full); background: var(--surface); color: var(--surface); font-size: var(--type-c1-size); transition: background .16s ease, border-color .16s ease; }
.gs-step:hover .gs-step__check { border-color: var(--text-secondary); }
.gs-step.is-done .gs-step__check { background: var(--neutral-700); border-color: var(--neutral-700); }
.gs-step__copy { color: var(--text-primary); font: var(--fw-regular) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans); overflow-wrap: anywhere; }
.gs-step.is-done .gs-step__copy { color: var(--neutral-600);  }
.gs-step.is-newly-done .gs-step__check .ph { animation: gs-check-arrive .2s ease-out; }
.gs-step.is-newly-done { animation: gs-step-complete .7s ease-out; }
@keyframes gs-check-arrive { from { opacity: 0; transform: scale(.65); } to { opacity: 1; transform: scale(1); } }
@keyframes gs-step-complete { from { background: var(--neutral-100); } to { background: transparent; } }
/* Small, text-free abstractions: a linked page, signal scan, and suggested next move. */
.gs-mini { position: relative; display: flex; align-items: center; justify-content: center; width: var(--space-13); height: var(--space-11); flex-shrink: 0; pointer-events: none; }
.gs-mini--website { width: calc(var(--space-12) + var(--space-4)); height: calc(var(--space-10) + var(--space-2)); margin-inline: 0; flex-direction: column; justify-content: flex-start; border: var(--stroke-1) solid var(--neutral-400); border-radius: var(--radius-xs); background: var(--surface); box-shadow: 0 var(--space-1) var(--space-3) var(--black-5); }
.gs-mini__browser { display: flex; gap: var(--space-1); align-items: center; width: 100%; height: var(--space-4); padding-inline: var(--space-2); border-bottom: var(--stroke-1) solid var(--neutral-200); }
.gs-mini__browser i { width: var(--space-1); height: var(--space-1); background: var(--neutral-400); border-radius: var(--radius-full); }
.gs-mini__website { display: flex; align-items: center; gap: var(--space-2); width: 100%; padding: var(--space-2); }
.gs-mini__website > i { width: var(--space-6); height: var(--space-6); border-radius: var(--radius-2xs); background: linear-gradient(135deg,var(--primary-100),var(--primary-200)); }
.gs-mini__website > span { display: flex; flex-direction: column; gap: var(--space-1); flex: 1; }
.gs-mini__website > span i { height: var(--space-1); border-radius: var(--radius-full); background: var(--neutral-400); }
.gs-mini__website > span i:last-child { width: 60%; }
.gs-mini__link { position: absolute; right: calc(var(--space-3) * -1); bottom: calc(var(--space-2) * -1); display: grid; place-items: center; width: var(--space-7); height: var(--space-7); border: var(--stroke-1) solid var(--surface); border-radius: var(--radius-full); background: var(--neutral-100); color: var(--neutral-700); font-size: var(--type-c1-size); box-shadow: 0 var(--space-1) var(--space-2) var(--black-5); }
.gs-mini--brands { gap: 0; overflow: visible; }
.gs-mini--brands .bico, .gs-brand-row .bico { width: var(--space-9); height: var(--space-9); padding: var(--space-3); background: var(--surface); border: var(--stroke-1) solid var(--neutral-200); border-radius: var(--radius-sm); box-shadow: 0 var(--space-1) var(--space-3) var(--black-5); }
.gs-mini--brands .bico:first-child { transform: rotate(-6deg); }
.gs-mini--brands .bico:nth-child(2) { z-index: 1; transform: translateY(calc(var(--space-1) * -1)); }
.gs-mini--brands .bico:last-child { transform: rotate(6deg); }
.gs-mini--score { gap: var(--space-3); }
.gs-score { flex-shrink: 0; display: grid; place-items: center; width: var(--space-10); height: var(--space-10); border-radius: var(--radius-full); background: conic-gradient(from 220deg,var(--primary-500) 0deg,var(--primary-200) 270deg,var(--neutral-100) 270deg); box-shadow: 0 var(--space-1) var(--space-3) var(--black-5); }
.gs-score > .ph { display: grid; place-items: center; width: var(--space-8); height: var(--space-8); background: var(--surface); border-radius: var(--radius-full); font-size: var(--space-6); color: var(--primary-700); }
.gs-score__bars { display: flex; align-items: flex-end; gap: var(--space-1); height: var(--space-8); border-bottom: var(--stroke-1) solid var(--neutral-200); }
.gs-score__bars i { width: var(--space-2); height: 35%; border-radius: var(--radius-2xs) var(--radius-2xs) 0 0; background: var(--neutral-400); }
.gs-score__bars i:nth-child(2) { height: 55%; }
.gs-score__bars i:nth-child(3) { height: 75%; background: var(--primary-300); }
.gs-score__bars i:last-child { height: 100%; background: var(--primary-500); }
.gs-mini--advisor { isolation: isolate; }
.gs-mini__advice-card { position: absolute; width: var(--space-12); height: var(--space-10); padding: var(--space-4); display: flex; flex-direction: column; justify-content: center; gap: var(--space-2); border: var(--stroke-1) solid var(--neutral-400); border-radius: var(--radius-sm); background: var(--surface); box-shadow: calc(var(--space-2) * -1) var(--space-2) 0 var(--neutral-100),0 var(--space-1) var(--space-3) var(--black-5); }
.gs-mini__advice-card > i { height: var(--space-1); border-radius: var(--radius-full); background: var(--neutral-400); }
.gs-mini__advice-card > i:last-child { width: 65%; }
.gs-mini__spark { position: absolute; right: 0; top: 0; display: grid; place-items: center; width: var(--space-8); height: var(--space-8); border-radius: var(--radius-full); border: var(--stroke-1) solid var(--surface); background: var(--primary-100); color: var(--primary-700); font-size: var(--space-6); }
.gs-home[data-gs-pattern="boxed"] .gs-panel { border: var(--stroke-1) solid var(--neutral-200); border-radius: var(--radius-xl); padding: var(--space-6); }
.gs-home[data-gs-pattern="boxed"] .gs-panel__head { padding-inline: var(--space-4); margin-bottom: var(--space-4); }
.gs-home[data-gs-pattern="boxed"] .gs-step { padding: var(--space-5) var(--space-4); }
.gs-home[data-gs-pattern="cards"] .gs-steps { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--space-5); }
.gs-home[data-gs-pattern="cards"] .gs-step { grid-template-columns: var(--type-b3-size) var(--space-13) minmax(0,1fr) var(--space-6); gap: var(--space-5); padding: var(--space-6); min-height: calc(var(--space-11) * 2); border: var(--stroke-1) solid var(--border); align-items: center; }
.gs-home[data-gs-pattern="cards"] .gs-mini { justify-self: center; }
.gs-home[data-gs-pattern="cards"] .gs-step__copy { text-align: left; }
.gs-context { display: flex; align-items: center; gap: var(--space-6); width: 100%; padding: var(--space-5) var(--space-2) 0; }
.gs-context__action { display: inline-flex; align-items: center; gap: var(--space-4); min-height: var(--space-10); padding: var(--space-2); border: 0; border-radius: var(--radius-sm); background: transparent; color: var(--text-primary); font: var(--fw-regular) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans); cursor: pointer; }
.gs-context__action > .ph, .gs-context__resume > .ph { font-size: var(--space-6); color: var(--neutral-500); }
.gs-context__action:hover { background: var(--neutral-50); text-decoration: none; }
.gs-brand-row { display: inline-flex; align-items: center; gap: 0; isolation: isolate; padding-right: 0; }
.gs-brand-row .bico { position: relative; width: var(--space-8); height: var(--space-8); padding: var(--space-2); border: 0; border-radius: var(--radius-sm); box-shadow: var(--shadow-1); }
.gs-brand-row .bico + .bico { margin-left: calc(var(--space-3) * -1); }
.gs-brand-row .bico:nth-child(1) { z-index: 3; }
.gs-brand-row .bico:nth-child(2) { z-index: 2; }
.gs-brand-row .bico:nth-child(3) { z-index: 1; }
.gs-context__resume { display: inline-flex; align-items: center; gap: var(--space-4); padding: var(--space-4); border: 0; border-radius: var(--radius-sm); background: transparent; color: var(--text-secondary); font: var(--fw-medium) var(--type-b3-size)/var(--type-b3-lh) var(--font-sans); cursor: pointer; }
.gs-context__resume span { font: var(--fw-regular) var(--type-c1-size)/var(--type-c1-lh) var(--font-sans); color: var(--text-muted); }
.gs-context__resume:hover { color: var(--text-primary); background: var(--neutral-50); text-decoration: none; }
.gs-website .menu { min-width: calc(var(--space-12) * 5); }
.gs-website .menu__item { width: 100%; border: 0; background: transparent; font-family: var(--font-sans); cursor: pointer; }
.gs-website .menu__item:hover { background: var(--neutral-50); }
.gs-home .home-goal-tags { justify-content: flex-start; }
.gs-overlay .gs-dialog { max-width: calc(100vw - var(--space-10)); }
.gs-dialog h2 { margin: 0; }
.gs-dialog .gs-error { margin: 0; color: var(--danger-700); font: var(--fw-regular) var(--type-c1-size)/var(--type-c1-lh) var(--font-sans); }
.gs-recommended > h2 { margin: 0 0 var(--space-5); color: var(--text-secondary); font: var(--fw-medium) var(--type-b2-size)/var(--type-b2-lh) var(--font-sans); }
 .gs-recommended { width: 100%; margin-bottom: var(--space-6); }
.gs-home .home-goal-pattern--tags { gap: var(--space-5); align-items: stretch; }
.gs-goal-heading { margin: 0; color: var(--text-secondary); font: var(--fw-medium) var(--type-b2-size)/var(--type-b2-lh) var(--font-sans); }
.gs-home .home-goal-tags { margin: 0; }
.gs-home [data-home-selected-cards] { margin-top: 0; }
/* One edge for headings, category controls, artwork and card labels. */
.gs-home.agent-catalog .agent-catalog__grid { column-gap: var(--space-6); }
.home--entry.gs-home.agent-catalog .agent-catalog__card .onb6-channel-preview { width: 100%; margin-inline: 0; }
.gs-home.agent-catalog .agent-catalog__card .chan-card__title { padding-inline: 0; }
.gs-home [data-home-selected-cards]:has(> .agent-catalog__card:only-child) > .agent-catalog__card { grid-column: 1; }
.gs-home [data-home-selected-cards]:has(> .agent-catalog__card:first-child:nth-last-child(2)) { grid-template-columns: repeat(3,minmax(0,1fr)); justify-content: start; }
@media (max-width: 700px) { .gs-home [data-home-selected-cards]:has(> .agent-catalog__card:first-child:nth-last-child(2)) { grid-template-columns: 1fr; } }
.gs-art-slot { display: flex; width: var(--space-13); height: var(--space-11); align-items: center; justify-content: center; }
.gs-mini--brands .bico { width: var(--space-8); height: var(--space-8); padding: var(--space-2); }
.gs-mini--brands .bico + .bico { margin-left: calc(var(--space-1) * -1); }
.gs-website-actions { display: flex; align-items: center; gap: var(--space-6); }
/* Replace the checklist in its own footprint; keep the composer stationary. */
.gs-panel__body { position: relative; }
.gs-completion { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--space-5); color: var(--text-primary); font: var(--fw-medium) var(--type-b2-size)/var(--type-b2-lh) var(--font-sans); animation: gs-completion-arrive .24s ease-out; }
.gs-completion__check { display: grid; place-items: center; width: var(--space-10); height: var(--space-10); color: var(--text-primary); font-size: var(--space-10); }
.gs-completion__check .ph { animation: gs-check-draw .65s cubic-bezier(.22,1,.36,1) both; }
.gs-completion > span:last-child { animation: gs-completion-arrive .35s .35s ease-out both; }
@keyframes gs-check-draw { 0% { clip-path: inset(0 100% 0 0); transform: scale(.8); } 65% { clip-path: inset(0 0 0 0); transform: scale(1.12); } 100% { clip-path: inset(0 0 0 0); transform: scale(1); } }
.gs-panel.is-completing .gs-steps, .gs-panel.is-completing .gs-panel__head { visibility: hidden; pointer-events: none; }
@keyframes gs-completion-arrive { from { opacity: 0; transform: translateY(var(--space-2)); } to { opacity: 1; transform: translateY(0); } }
.gs-discovery-arrive { animation: gs-completion-arrive .35s ease-out; }

.gs-context__action, .gs-context__resume { font-size: var(--type-context-size); line-height: var(--type-context-lh); font-weight: var(--fw-regular); gap: var(--space-3); }
.gs-context__resume { padding: var(--space-2); min-height: var(--space-10); color: var(--text-primary); }
.gs-task-new { overflow: hidden; animation: gs-task-arrive .55s cubic-bezier(.22,1,.36,1), gs-task-highlight 1.8s ease-out; }
@keyframes gs-task-arrive { from { max-height: 0; opacity: 0; transform: translateX(calc(var(--space-4) * -1)); } to { max-height: var(--space-11); opacity: 1; transform: translateX(0); } }
@keyframes gs-task-highlight { from { background: var(--neutral-200); } to { background: transparent; } }
.gs-preview button:focus-visible, .gs-step__action:focus-visible, .gs-context button:focus-visible, .gs-field input:focus-visible { outline: var(--stroke-1) solid var(--text-primary); outline-offset: var(--space-2); }
.gs-analysis { width: 100%; max-width: var(--layout-chat-content-w); margin: 0 auto; padding: var(--space-8); }
.gs-analysis h1 { color: var(--text-primary); font: var(--fw-medium) var(--type-h2-size)/var(--type-h2-lh) var(--font-sans); }
.gs-analysis p { color: var(--text-secondary); font: var(--fw-regular) var(--type-b3-size)/var(--type-b4-lh) var(--font-sans); }
.gs-analysis__results { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--space-6); margin-block: var(--space-8); }
.gs-analysis__results article { padding: var(--space-6); border: var(--stroke-1) solid var(--border); border-radius: var(--radius-xl); }
.gs-analysis__results h2 { margin: 0; font: var(--fw-medium) var(--type-b2-size)/var(--type-b2-lh) var(--font-sans); }
.gs-analysis__results strong { display: block; margin-block: var(--space-5); font: var(--fw-medium) var(--type-h1-size)/var(--type-h1-lh) var(--font-sans); font-variant-numeric: tabular-nums; }
.gs-analysis__results small { color: var(--text-muted); font-size: var(--type-b3-size); }

@media (max-width: 700px) {  .gs-step { grid-template-columns: var(--type-b3-size) var(--space-13) minmax(0,1fr) var(--space-6); gap: var(--space-4); padding-inline: var(--space-2); }  .gs-home[data-gs-pattern="cards"] .gs-steps { grid-template-columns: 1fr; } .gs-home[data-gs-pattern="cards"] .gs-mini { transform: none; } .gs-context { flex-wrap: wrap; gap: var(--space-4); } .gs-analysis__results { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .gs-task-new, .gs-step.is-newly-done, .gs-step.is-newly-done .gs-step__check .ph, .gs-completion, .gs-discovery-arrive { animation: none; } .gs-step, .gs-step__check { transition: none; } }

.gs-analysis [role="progressbar"] { display: block; width: calc(var(--space-12) * 4); height: var(--space-3); border-radius: var(--radius-full); background: var(--neutral-100); overflow: hidden; }
.gs-analysis [role="progressbar"] > span { display: block; width: 40%; height: 100%; border-radius: inherit; background: var(--neutral-600); animation: gs-analysis-progress 1.8s ease-in-out infinite alternate; }
@keyframes gs-analysis-progress { from { transform: translateX(0); } to { transform: translateX(150%); } }
@media (prefers-reduced-motion: reduce) { .gs-analysis [role="progressbar"] > span { animation: none; } }

/* Current is retained; revised studies share Neutral300 outlines and quiet Primary100/200 fills. */
.gs-artwork { display: flex; align-items: center; justify-content: center; width: var(--space-13); height: var(--space-11); pointer-events: none; }
.gs-artwork[data-gs-art="refined"] .gs-mini--website,
.gs-artwork[data-gs-art="refined"] .gs-mini--brands .bico { border-color: var(--neutral-300); }
.gs-artwork[data-gs-art="refined"] .gs-score { background: conic-gradient(from 220deg,var(--primary-200) 0deg,var(--primary-100) 270deg,var(--neutral-100) 270deg); border: 0; box-shadow: none; }
.gs-artwork[data-gs-art="refined"] .gs-score > .ph { color: var(--neutral-500); }
.gs-artwork[data-gs-art="refined"] .gs-score__bars i { background: var(--neutral-200); }
.gs-artwork[data-gs-art="refined"] .gs-score__bars i:nth-child(3) { background: var(--primary-100); }
.gs-artwork[data-gs-art="refined"] .gs-score__bars i:last-child { background: var(--primary-200); }
/* Incoming advice: a message bubble, idea mark and a small AI sender. */
.gs-mini--guidance { justify-content: flex-end; align-items: flex-start; padding-top: var(--space-1); }
.gs-guidance__card { position: relative; display: flex; align-items: center; gap: var(--space-2); width: var(--space-12); height: var(--space-10); padding: var(--space-3); border: var(--stroke-1) solid var(--neutral-300); border-radius: var(--radius-sm); background: var(--surface); box-shadow: 0 var(--space-1) var(--space-3) var(--black-5); }
/* Anchor the tail to the outer border edge so its diagonal never enters the bubble. */
.gs-guidance__card::after { content: ''; position: absolute; left: var(--space-4); bottom: calc(var(--space-3) / -2 - var(--stroke-1)); width: var(--space-3); height: var(--space-3); border-right: var(--stroke-1) solid var(--neutral-300); border-bottom: var(--stroke-1) solid var(--neutral-300); background: var(--surface); transform: rotate(45deg); }
.gs-guidance__card > .ph { display: grid; place-items: center; flex-shrink: 0; width: var(--space-6); height: var(--space-7); color: var(--primary-700); background: var(--primary-100); border-radius: var(--radius-xs); font-size: var(--type-b3-size); }
.gs-guidance__lines { display: flex; flex-direction: column; flex: 1; gap: var(--space-2); }
.gs-guidance__lines > i { height: var(--space-1); background: var(--neutral-400); border-radius: var(--radius-full); }
.gs-guidance__lines > i:last-child { width: 65%; }
.gs-guidance__sender { position: absolute; display: grid; place-items: center; left: 0; bottom: 0; width: var(--space-7); height: var(--space-7); border: 0; border-radius: var(--radius-full); background: var(--neutral-100); color: var(--neutral-600); font-size: var(--type-c1-size); }
.gs-abstract { position: relative; display: flex; align-items: center; justify-content: center; width: var(--space-13); height: var(--space-11); }
.gs-abstract__paper { position: relative; width: var(--space-12); height: var(--space-10); border: var(--stroke-1) solid var(--neutral-300); border-radius: var(--radius-xs); background: var(--surface); box-shadow: 0 var(--space-1) var(--space-3) var(--black-5); }
.gs-abstract__paper--back { position: absolute; transform: translate(calc(var(--space-2) * -1),calc(var(--space-2) * -1)) rotate(-8deg); background: var(--neutral-50); }
.gs-abstract__chrome { display: flex; align-items: center; gap: var(--space-1); height: var(--space-4); padding-inline: var(--space-2); border-bottom: var(--stroke-1) solid var(--neutral-200); }
.gs-abstract__chrome i { width: var(--space-1); height: var(--space-1); border-radius: var(--radius-full); background: var(--neutral-300); }
.gs-abstract__page { display: flex; gap: var(--space-2); padding: var(--space-2); align-items: center; }
.gs-abstract__page > i { width: var(--space-5); height: var(--space-5); background: var(--neutral-100); border: var(--stroke-1) solid var(--neutral-200); border-radius: var(--radius-2xs); }
.gs-abstract__page > span { flex: 1; display: flex; flex-direction: column; gap: var(--space-2); }
.gs-abstract__page > span i, .gs-abstract__lines i { display: block; height: var(--space-1); border-radius: var(--radius-full); background: var(--neutral-300); }
.gs-abstract__page > span i:last-child { width: 60%; }
.gs-abstract__chart { display: flex; align-items: flex-end; gap: var(--space-2); height: var(--space-6); margin: var(--space-2) var(--space-3); }
.gs-abstract__chart i { width: var(--space-3); height: 40%; background: var(--neutral-200); border-top: var(--stroke-1) solid var(--neutral-400); border-radius: var(--radius-2xs) var(--radius-2xs) 0 0; }
.gs-abstract__chart i:nth-child(2) { height: 70%; }
.gs-abstract__chart i:last-child { height: 100%; }
.gs-abstract__lens { position: absolute; right: var(--space-1); bottom: var(--space-1); width: var(--space-7); height: var(--space-7); border: var(--stroke-1) solid var(--neutral-400); border-radius: var(--radius-full); background: var(--white-80); box-shadow: 0 var(--space-1) var(--space-3) var(--black-5); }
.gs-abstract__lens::after { content: ''; position: absolute; right: calc(var(--space-2) * -1); bottom: calc(var(--space-1) * -1); width: var(--space-3); height: var(--stroke-1); background: var(--neutral-400); transform: rotate(45deg); }
.gs-abstract--advisor .gs-abstract__paper { display: flex; flex-direction: column; justify-content: flex-end; padding: var(--space-3); }
.gs-abstract__next { position: absolute; top: var(--space-2); right: var(--space-2); width: var(--space-6); height: var(--space-6); border-radius: var(--radius-2xs); background: var(--neutral-100); color: var(--neutral-500); font-size: var(--type-c1-size); display: grid; place-items: center; }
.gs-abstract__lines { display: flex; flex-direction: column; gap: var(--space-2); width: 65%; }
.gs-abstract__lines i:last-child { width: 70%; }
.gs-artwork[data-gs-art="abstract"] .gs-mini--brands .bico { border-color: var(--neutral-300); box-shadow: 0 var(--space-1) var(--space-3) var(--black-5); }

/* User preference: Abstract contour matches Refined at Neutral300. */
.gs-artwork[data-gs-art="abstract"] .gs-abstract__paper,
.gs-artwork[data-gs-art="abstract"] .gs-mini--brands .bico,
.gs-artwork[data-gs-art="abstract"] .gs-abstract__lens { border-color: var(--neutral-300); }
.gs-artwork[data-gs-art="abstract"] .gs-abstract__lens::after { background: var(--neutral-300); }
.gs-artwork[data-gs-art="abstract"] .gs-abstract__chart i { border-top-color: var(--neutral-300); }
.gs-context .menu__item > .ph { color: var(--neutral-500); }

.gs-abstract--advisor .gs-abstract__paper:not(.gs-abstract__paper--back)::after { content: ''; position: absolute; left: var(--space-3); bottom: calc(var(--space-2) * -1); width: var(--space-3); height: var(--space-3); border-left: var(--stroke-1) solid var(--neutral-300); border-bottom: var(--stroke-1) solid var(--neutral-300); background: var(--surface); transform: skewY(-35deg); }

/* White clearance keeps foreground badges detached from the illustration behind them. */
.gs-mini__link, .gs-guidance__sender { z-index: 2; outline: var(--space-2) solid var(--surface); outline-offset: 0; }
[data-gs-advisor-session] { position: relative; color: var(--text-primary); }
[data-gs-advisor-session][data-gs-unread="true"] { padding-right: var(--space-10); }
[data-gs-advisor-session][data-gs-unread="true"]::after { content: ""; position: absolute; right: var(--space-6); top: 50%; width: var(--space-4); height: var(--space-4); margin-top: calc(var(--space-4) / -2); border-radius: var(--radius-full); background: var(--text-primary); animation: gs-notice-arrive .4s cubic-bezier(.22,1,.36,1) both; }
@keyframes gs-notice-arrive { from { opacity: 0; transform: scale(.3); } 70% { opacity: 1; transform: scale(1.2); } to { opacity: 1; transform: scale(1); } }
@media (prefers-reduced-motion: reduce) { .gs-completion__check .ph, .gs-completion > span:last-child, [data-gs-advisor-session][data-gs-unread="true"]::after { animation: none; } }

/* Setup creative motion: one short sequence per hover/focus, returning to the
   authored pose. Individual transform properties retain existing logo tilts. */
@media (prefers-reduced-motion: no-preference) {
  .gs-home[data-gs-motion="hover"] .gs-step:is(:hover, :focus-visible) .gs-mini__link { animation: gs-link-connect .85s cubic-bezier(.22,1,.36,1) both; }
  .gs-home[data-gs-motion="hover"] .gs-step:is(:hover, :focus-visible) :is(.gs-mini__website > i, .gs-abstract__page > i) { animation: gs-page-reveal .7s ease-out both; }
  .gs-home[data-gs-motion="hover"] .gs-step:is(:hover, :focus-visible) :is(.gs-mini__website > span i, .gs-abstract__page > span i) { animation: gs-line-reveal .65s ease-out both; }
  .gs-home[data-gs-motion="hover"] .gs-step:is(:hover, :focus-visible) :is(.gs-mini__website > span i:nth-child(2), .gs-abstract__page > span i:nth-child(2)) { animation-delay: .09s; }
  .gs-home[data-gs-motion="hover"] .gs-step:is(:hover, :focus-visible) .gs-mini__website > span i:nth-child(3) { animation-delay: .18s; }

  .gs-home[data-gs-motion="hover"] .gs-step:is(:hover, :focus-visible) .gs-mini--brands .bico { animation: gs-tools-connect .85s cubic-bezier(.22,1,.36,1) both; }
  .gs-mini--brands .bico:first-child { --gs-connect-x: var(--space-2); }
  .gs-mini--brands .bico:nth-child(2) { --gs-connect-x: 0; }
  .gs-mini--brands .bico:last-child { --gs-connect-x: calc(var(--space-2) * -1); }
  .gs-home[data-gs-motion="hover"] .gs-step:is(:hover, :focus-visible) .gs-mini--brands .bico:nth-child(2) { animation-delay: .09s; }
  .gs-home[data-gs-motion="hover"] .gs-step:is(:hover, :focus-visible) .gs-mini--brands .bico:last-child { animation-delay: .18s; }

  .gs-home[data-gs-motion="hover"] .gs-step:is(:hover, :focus-visible) :is(.gs-score__bars i, .gs-abstract__chart i) { transform-origin: center bottom; animation: gs-audit-grow .8s cubic-bezier(.22,1,.36,1) both; }
  .gs-home[data-gs-motion="hover"] .gs-step:is(:hover, :focus-visible) :is(.gs-score__bars i:nth-child(2), .gs-abstract__chart i:nth-child(2)) { animation-delay: .08s; }
  .gs-home[data-gs-motion="hover"] .gs-step:is(:hover, :focus-visible) :is(.gs-score__bars i:nth-child(3), .gs-abstract__chart i:nth-child(3)) { animation-delay: .16s; }
  .gs-home[data-gs-motion="hover"] .gs-step:is(:hover, :focus-visible) .gs-score__bars i:nth-child(4) { animation-delay: .24s; }
  .gs-home[data-gs-motion="hover"] .gs-step:is(:hover, :focus-visible) .gs-score > .ph::before { display: inline-block; animation: gs-audit-arrow .9s ease-in-out both; }
  .gs-home[data-gs-motion="hover"] .gs-step:is(:hover, :focus-visible) .gs-abstract__lens { animation: gs-audit-scan .95s ease-in-out both; }

  .gs-home[data-gs-motion="hover"] .gs-step:is(:hover, :focus-visible) :is(.gs-guidance__card, .gs-mini__advice-card, .gs-abstract--advisor .gs-abstract__paper:not(.gs-abstract__paper--back)) { animation: gs-advice-arrive .9s cubic-bezier(.22,1,.36,1) both; }
  .gs-home[data-gs-motion="hover"] .gs-step:is(:hover, :focus-visible) :is(.gs-guidance__card > .ph, .gs-abstract__next) { animation: gs-idea-light .9s ease-in-out both; }
  .gs-home[data-gs-motion="hover"] .gs-step:is(:hover, :focus-visible) :is(.gs-guidance__sender, .gs-mini__spark) { animation: gs-advice-spark .9s cubic-bezier(.22,1,.36,1) both; }
  .gs-home[data-gs-motion="hover"] .gs-step:is(:hover, :focus-visible) :is(.gs-guidance__lines > i, .gs-mini__advice-card > i, .gs-abstract__lines > i) { animation: gs-line-reveal .7s .12s ease-out both; }
}
@keyframes gs-link-connect { 0%, 100% { scale: 1; rotate: 0deg; } 38% { scale: 1.18; rotate: -14deg; } 64% { scale: 1.05; rotate: 6deg; } }
@keyframes gs-page-reveal { 0%, 100% { scale: 1; } 30% { scale: .82; } 65% { scale: 1.08; } }
@keyframes gs-line-reveal { 0%, 100% { scale: 1 1; opacity: 1; } 22% { scale: .45 1; opacity: .45; } 70% { scale: 1 1; opacity: 1; } }
@keyframes gs-tools-connect { 0%, 100% { translate: 0 0; } 42% { translate: var(--gs-connect-x) calc(var(--space-3) * -1); } 70% { translate: 0 var(--space-1); } }
@keyframes gs-audit-grow { 0%, 100% { scale: 1 1; } 18% { scale: 1 .3; } 62% { scale: 1 1.12; } }
@keyframes gs-audit-arrow { 0%, 100% { translate: 0 0; } 45% { translate: var(--space-2) calc(var(--space-2) * -1); } }
@keyframes gs-audit-scan { 0%, 100% { translate: 0 0; } 45% { translate: calc(var(--space-3) * -1) calc(var(--space-2) * -1); } }
@keyframes gs-advice-arrive { 0%, 100% { translate: 0 0; } 42% { translate: 0 calc(var(--space-2) * -1); } }
@keyframes gs-idea-light { 0%, 100% { scale: 1; rotate: 0deg; } 35% { scale: 1.12; rotate: -8deg; } 60% { scale: 1.08; rotate: 7deg; } }
@keyframes gs-advice-spark { 0%, 100% { scale: 1; rotate: 0deg; } 45% { scale: 1.15; rotate: 32deg; } }