.egt-root {
  --egt-ink: #17171b;
  --egt-muted: #6b6972;
  --egt-line: rgba(23, 23, 27, 0.1);
  --egt-surface: #fff;
  --egt-canvas: #f4f1ed;
  --egt-hero-title-size: clamp(48px, 7vw, 88px);
  --egt-section-title-size: clamp(32px, 4.4vw, 52px);
  --egt-guide-title-size: clamp(32px, 4vw, 48px);
  position: relative;
  isolation: isolate;
  width: 100%;
  color: var(--egt-ink);
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}

.egt-root,
.egt-root *,
.egt-root *::before,
.egt-root *::after {
  box-sizing: border-box;
}

.egt-root button,
.egt-root input,
.egt-root select {
  font: inherit;
  -webkit-tap-highlight-color: transparent;
}

.egt-root button,
.egt-root select {
  color: inherit;
}

.egt-root button,
.egt-root a,
.egt-root input,
.egt-root select {
  outline: none;
}

.egt-root :focus-visible {
  outline: 3px solid var(--egt-focus, #6f5cff);
  outline-offset: 3px;
}

.egt-shell {
  width: min(1180px, calc(100% - 40px));
  margin-inline: auto;
}

.egt-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 560px) {
  .egt-root {
    --egt-hero-title-size: clamp(35px, 10.8vw, 48px);
    --egt-section-title-size: 30px;
    --egt-guide-title-size: 31px;
  }

  .egt-shell {
    width: min(100% - 24px, 1180px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .egt-root *,
  .egt-root *::before,
  .egt-root *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

.egm2-root{--egm-ink:#17171b;--egm-muted:#67666f;--egm-line:rgba(23,23,27,.1);--egm-surface:#fff;--egm-canvas:#f4f2ed;box-sizing:border-box;width:min(1180px,calc(100% - 40px));margin:0 auto;padding:100px 0 92px;color:var(--egm-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.egm2-root *,.egm2-root *:before,.egm2-root *:after{box-sizing:border-box}.egm2-root button,.egm2-root input{font:inherit}.egm2-root button{cursor:pointer}.egm2-hero{display:grid;grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:40px;margin-bottom:45px}.egm2-kicker,.egm2-step{display:flex;align-items:center;gap:10px;margin:0 0 20px;color:var(--egm-muted);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.egm2-kicker i{display:block;width:11px;height:11px;border:3px solid #fff;border-radius:50%;background:#ff4b2b;box-shadow:0 0 0 1px var(--egm-line)}.egm2-hero h1{max-width:850px;margin:0;font-size:clamp(48px,7vw,86px);font-weight:780;letter-spacing:-.075em;line-height:.92}.egm2-hero h1 span{color:#ff4b2b}.egm2-hero h1 span:after{display:block;width:min(360px,72%);height:7px;margin:12px 0 0 .05em;border-radius:999px;background:linear-gradient(90deg,#ff4b2b,#8b5cf6,#22c55e);content:""}.egm2-lead{max-width:690px;margin:24px 0 0;color:var(--egm-muted);font-size:18px;line-height:1.55}.egm2-hero-orbit{width:180px;height:180px;margin-left:auto;border:1px solid var(--egm-line);border-radius:50%;box-shadow:0 22px 55px rgba(23,23,27,.1)}.egm2-workspace{display:grid;grid-template-columns:minmax(390px,.92fr) minmax(430px,1.08fr);overflow:hidden;border:1px solid var(--egm-line);border-radius:30px;background:#fff;box-shadow:0 28px 80px rgba(38,36,31,.12)}.egm2-controls,.egm2-result{min-width:0;padding:34px}.egm2-controls{border-right:1px solid var(--egm-line)}.egm2-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.egm2-step{margin-bottom:10px;font-size:10px}.egm2-panel-head h2{margin:0;font-size:clamp(25px,3vw,36px);font-weight:760;letter-spacing:-.065em;line-height:1}.egm2-live{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--egm-line);border-radius:999px;color:var(--egm-muted);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.egm2-live b{width:10px;height:10px;border-radius:50%;background:#35c98b;box-shadow:0 0 0 7px rgba(53,201,139,.13)}.egm2-gradient-strip{height:66px;margin:28px 0 24px;border:7px solid #fff;border-radius:18px;box-shadow:0 0 0 1px var(--egm-line),0 12px 28px rgba(23,23,27,.11)}.egm2-control-row{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:18px}.egm2-root label,.egm2-section-label{display:flex;justify-content:space-between;margin-bottom:9px;color:var(--egm-muted);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.egm2-segmented{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid var(--egm-line);border-radius:12px}.egm2-segmented button,.egm2-output-tabs button{border:0;background:#fff;color:var(--egm-muted);font-size:12px;font-weight:750}.egm2-segmented button{min-height:42px}.egm2-segmented button+button{border-left:1px solid var(--egm-line)}.egm2-segmented .is-active,.egm2-output-tabs .is-active{background:var(--egm-ink);color:#fff}.egm2-angle{position:relative}.egm2-angle input{width:100%;height:42px;padding:0 24px 0 12px;border:1px solid var(--egm-line);border-radius:12px;color:var(--egm-ink);font-weight:750}.egm2-angle span{position:absolute;right:11px;bottom:12px;color:var(--egm-muted);font-size:12px}.egm2-angle-slider{display:flex;align-items:center;gap:12px;margin:20px 0 27px}.egm2-angle-slider input{width:100%;accent-color:#ff4b2b}.egm2-angle-slider span{min-width:42px;color:var(--egm-muted);font-size:12px;font-weight:800}.egm2-section-label{margin:0 0 10px}.egm2-section-label small{font-size:9px;letter-spacing:0;text-transform:none}.egm2-stops{display:grid;gap:8px}.egm2-stop{display:grid;grid-template-columns:32px minmax(0,1fr) 58px 10px 28px;align-items:center;gap:7px;padding:7px 8px;border:1px solid var(--egm-line);border-radius:12px;background:#faf9f7}.egm2-color-input{width:32px;height:32px;padding:0;border:3px solid #fff;border-radius:9px;box-shadow:0 0 0 1px var(--egm-line);cursor:pointer}.egm2-hex,.egm2-position{width:100%;min-width:0;height:32px;padding:0 9px;border:1px solid var(--egm-line);border-radius:8px;background:#fff;color:var(--egm-ink);font-size:12px;font-weight:700}.egm2-position{padding-inline:6px;text-align:center}.egm2-stop>span{color:var(--egm-muted);font-size:11px}.egm2-remove{width:28px;height:28px;border:0;border-radius:50%;color:var(--egm-muted);background:transparent;font-size:20px;line-height:1}.egm2-remove:hover{background:#eee;color:var(--egm-ink)}.egm2-actions,.egm2-result-actions{display:flex;gap:8px;margin-top:14px}.egm2-button{flex:1;min-height:40px;padding:0 12px;border:1px solid var(--egm-line);border-radius:11px;background:#fff;color:var(--egm-ink);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.egm2-button:hover,.egm2-reset:hover{border-color:var(--egm-ink)}.egm2-button.egm2-primary{border-color:var(--egm-ink);background:var(--egm-ink);color:#fff}.egm2-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.egm2-presets button{display:grid;gap:7px;padding:0;border:0;background:transparent;text-align:left}.egm2-presets i{display:block;width:100%;height:34px;border:2px solid #fff;border-radius:10px;box-shadow:0 0 0 1px var(--egm-line)}.egm2-presets b{font-size:10px;font-weight:750}.egm2-result{background:#fcfbfa}.egm2-reset{padding:9px 13px;border:1px solid var(--egm-line);border-radius:10px;background:#fff;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.egm2-preview{display:grid;place-items:end start;min-height:330px;margin-top:28px;padding:25px;border-radius:22px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}.egm2-preview span{padding:7px 10px;border:1px solid rgba(255,255,255,.7);border-radius:999px;color:#fff;background:rgba(23,23,27,.18);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.egm2-output-tabs{display:flex;gap:4px;margin-top:16px}.egm2-output-tabs button{padding:10px 13px;border-radius:9px}.egm2-output-tabs .egm2-copy{margin-left:auto;border:1px solid var(--egm-line);background:#fff;color:var(--egm-ink)}.egm2-code{min-height:76px;margin:10px 0 0;overflow:auto;padding:16px;border:1px solid var(--egm-line);border-radius:13px;color:#e9e5db;background:#17171b;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.egm2-result-actions{margin-top:12px}.egm2-note{margin:17px 0 0;color:var(--egm-muted);font-size:12px;line-height:1.5}.egm2-about{margin-top:76px}.egm2-about h2{max-width:750px;margin:0;font-size:clamp(32px,4.5vw,58px);font-weight:760;letter-spacing:-.065em;line-height:1}.egm2-about>p:not(.egm2-kicker){max-width:680px;margin:20px 0 0;color:var(--egm-muted);font-size:16px;line-height:1.65}.egm2-about-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:26px}.egm2-about-grid a{display:flex;justify-content:space-between;gap:16px;padding:20px;border:1px solid var(--egm-line);border-radius:16px;color:var(--egm-ink);background:#fff;text-decoration:none}.egm2-about-grid span{color:var(--egm-muted);font-size:12px}.egm2-toast{position:fixed;right:18px;bottom:18px;padding:12px 16px;border-radius:999px;color:#fff;background:var(--egm-ink);font-size:12px;font-weight:700;opacity:0;pointer-events:none;transform:translateY(8px);transition:.18s}.egm2-toast.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:900px){.egm2-root{padding-top:72px}.egm2-hero{grid-template-columns:1fr}.egm2-hero-orbit{display:none}.egm2-workspace{grid-template-columns:1fr}.egm2-controls{border-right:0;border-bottom:1px solid var(--egm-line)}}
@media(max-width:560px){.egm2-root{width:min(calc(100% - 24px),1180px);padding:54px 0 64px}.egm2-hero{margin-bottom:25px}.egm2-kicker{font-size:9px;margin-bottom:16px}.egm2-hero h1{font-size:clamp(36px,11vw,52px)}.egm2-hero h1 span:after{height:5px;margin-top:8px}.egm2-lead{margin-top:17px;font-size:15px}.egm2-controls,.egm2-result{padding:22px}.egm2-panel-head h2{font-size:23px}.egm2-live{padding:8px 10px;font-size:8px}.egm2-gradient-strip{height:54px;margin-top:21px}.egm2-control-row{grid-template-columns:1fr}.egm2-angle{max-width:115px}.egm2-stop{grid-template-columns:30px minmax(0,1fr) 52px 8px 26px}.egm2-actions{display:grid;grid-template-columns:1fr;gap:8px}.egm2-actions .egm2-button{width:100%;min-height:44px}.egm2-presets{grid-template-columns:repeat(2,1fr)}.egm2-preview{min-height:230px;padding:17px}.egm2-output-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.egm2-output-tabs button{padding:11px 8px}.egm2-output-tabs .egm2-copy{grid-column:1 / -1;margin:0}.egm2-about{margin-top:55px}.egm2-about-grid{grid-template-columns:1fr}.egm2-about-grid a{display:grid;gap:9px}}

/* Keep compact action groups readable at every embed width. */
.egm2-actions .egm2-button{min-width:0;white-space:nowrap}
.egm2-actions .egm2-button{font-size:9px;letter-spacing:.05em;overflow:hidden;text-overflow:ellipsis}
.egm2-output-tabs{align-items:center}
.egm2-output-tabs .egm2-copy{font-weight:800}
@media(max-width:560px){.egm2-actions{display:grid;grid-template-columns:1fr;gap:8px}.egm2-actions .egm2-button{width:100%;min-height:44px}.egm2-output-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.egm2-output-tabs button{padding:11px 8px}.egm2-output-tabs .egm2-copy{grid-column:1/-1;margin-left:0}}

.egm2-color-input{display:block;width:32px;height:32px;padding:0;border:3px solid #fff;border-radius:9px;box-shadow:0 0 0 1px var(--egm-line);cursor:pointer}
.egm2-stop{grid-template-columns:32px minmax(0,1fr) 58px 28px}
.egm2-stop-position{color:var(--egm-muted);font-size:11px;font-weight:800;text-align:right}
.egm2-stop-track{position:relative;height:18px;margin:13px 7px 22px;border:3px solid #fff;border-radius:999px;box-shadow:0 0 0 1px var(--egm-line),0 4px 12px rgba(23,23,27,.12);touch-action:none}
.egm2-stop-handle{position:absolute;top:50%;width:24px;height:24px;padding:0;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 2px var(--egm-ink),0 3px 10px rgba(23,23,27,.25);transform:translate(-50%,-50%);cursor:grab;touch-action:none}
.egm2-stop-handle:active{cursor:grabbing}
.egm2-track-hint{margin:-12px 0 14px;color:var(--egm-muted);font-size:10px}
.egm2-export{display:flex;gap:10px;margin-top:12px}
.egm2-export .egm2-button{flex:1;min-width:0}
.egm2-picker{margin:10px 0 16px;padding:14px;border:1px solid var(--egm-line);border-radius:16px;background:#fff;box-shadow:0 12px 30px rgba(23,23,27,.12)}
.egm2-picker-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:var(--egm-ink);font-size:12px}.egm2-picker-head button{width:26px;height:26px;border:0;border-radius:50%;background:#f1f0ed;color:var(--egm-muted);font-size:18px;line-height:1}
.egm2-saturation{height:130px;border-radius:11px;cursor:crosshair;touch-action:none}.egm2-hue{width:100%;margin:13px 0 10px;accent-color:#8b5cf6}.egm2-picker-fields{display:flex;align-items:center;gap:10px}.egm2-picker-fields input{flex:1;height:38px;padding:0 11px;border:1px solid var(--egm-line);border-radius:9px;font-weight:800}.egm2-picker-fields span{width:38px;height:38px;border:2px solid #fff;border-radius:10px;box-shadow:0 0 0 1px var(--egm-line)}
@media(max-width:560px){.egm2-stop{grid-template-columns:30px minmax(0,1fr) 52px 26px}.egm2-stop-track{margin-inline:5px}.egm2-picker{padding:12px}.egm2-saturation{height:120px}}
.egm2-modal-login-note{margin-top:1rem!important;font-size:.82rem!important}
.egm2-button:disabled{cursor:not-allowed;opacity:.64}.egm2-button.egm2-primary.is-saved{border-color:#16835a;background:#16835a}
.egm2-pro-badge{font-style:normal;font-size:.58em;letter-spacing:.08em;margin-left:.45rem;padding:.2em .45em;border-radius:999px;background:#7c3aed;color:#fff}.egm2-modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:1.25rem;background:rgba(18,18,22,.58);backdrop-filter:blur(8px)}.egm2-modal{position:relative;width:min(460px,100%);padding:2rem;border:1px solid rgba(20,20,24,.12);border-radius:24px;background:#fff;box-shadow:0 24px 80px rgba(0,0,0,.22)}.egm2-modal-close{position:absolute;right:1rem;top:1rem;width:2rem;height:2rem;border:0;border-radius:50%;background:#f2f1f4;color:#17171b;font-size:1.25rem;cursor:pointer}.egm2-modal-kicker{font-size:.7rem;font-weight:800;letter-spacing:.16em;color:#6946e8}.egm2-modal h2{margin:.65rem 0 .55rem;font-size:clamp(1.8rem,5vw,2.5rem);line-height:1.02}.egm2-modal p{margin:0;color:#666572;line-height:1.5}.egm2-pro-list{display:grid;gap:.55rem;margin:1.25rem 0 1.5rem;padding:0;list-style:none}.egm2-pro-list li:before{content:'✓';display:inline-grid;place-items:center;width:1.3rem;height:1.3rem;margin-right:.55rem;border-radius:50%;background:#e7ddff;color:#6946e8;font-weight:800}.egm2-modal .egm2-button{width:100%}.egm2-modal-secondary{width:100%;margin-top:.65rem;padding:.75rem;border:0;background:transparent;color:#6b5ce7;font-weight:700;cursor:pointer}

/* Polished quick tools and free preset library. */
.egm2-quick-tools{margin-top:18px;padding:14px;border:1px solid var(--egm-line);border-radius:20px;background:linear-gradient(180deg,#fbfaf8,#f6f4ef)}
.egm2-quick-tools .egm2-actions{margin:0;gap:7px}
.egm2-quick-tools .egm2-button{min-height:44px;border-radius:12px;background:rgba(255,255,255,.88)}
.egm2-quick-tools .egm2-primary{background:var(--egm-ink)}
.egm2-add-stop{display:flex;align-items:center;justify-content:center;gap:9px}
.egm2-lock{display:grid;place-items:center;width:20px;height:20px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(255,255,255,.12)}
.egm2-lock svg{width:11px;height:11px;fill:none;stroke:#fff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.egm2-preset-head{display:flex;align-items:flex-end;justify-content:space-between;margin:20px 2px 11px}
.egm2-preset-head>div{display:grid;gap:3px}
.egm2-preset-head span{color:var(--egm-ink);font-size:11px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.egm2-preset-head small{color:var(--egm-muted);font-size:10px}
.egm2-preset-head>b{padding:5px 8px;border:1px solid rgba(23,23,27,.1);border-radius:999px;background:#fff;color:#4d4b53;font-size:8px;letter-spacing:.12em;text-transform:uppercase}
.egm2-quick-tools .egm2-presets{gap:9px}
.egm2-quick-tools .egm2-presets button{gap:0;overflow:hidden;border:1px solid rgba(23,23,27,.11);border-radius:13px;background:#fff;box-shadow:0 4px 12px rgba(31,29,25,.04);transition:border-color .18s,box-shadow .18s,transform .18s}
.egm2-quick-tools .egm2-presets button:hover{border-color:rgba(23,23,27,.3);box-shadow:0 9px 20px rgba(31,29,25,.09);transform:translateY(-2px)}
.egm2-quick-tools .egm2-preset-swatch{height:42px;border:0;border-radius:0;box-shadow:none}
.egm2-preset-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:9px 10px}
.egm2-preset-meta b{font-size:10px;font-weight:800}
.egm2-preset-meta small{color:#85838b;font-size:8px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;opacity:0;transform:translateX(-3px);transition:opacity .18s,transform .18s}
.egm2-presets button:hover .egm2-preset-meta small{opacity:1;transform:translateX(0)}

@media(max-width:560px){.egm2-quick-tools{padding:12px}.egm2-quick-tools .egm2-actions{grid-template-columns:1fr 1fr}.egm2-quick-tools .egm2-actions .egm2-add-stop{grid-column:1/-1}.egm2-preset-head{margin-top:18px}.egm2-quick-tools .egm2-presets{grid-template-columns:repeat(2,1fr)}.egm2-quick-tools .egm2-preset-swatch{height:46px}.egm2-preset-meta small{display:none}}

.egm2-context{margin-top:88px}.egm2-context__head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}.egm2-context__head .egm2-kicker{margin-bottom:14px}.egm2-context__head h2{margin:0;font-size:clamp(38px,5vw,64px);font-weight:780;letter-spacing:-.07em;line-height:.94}.egm2-context__head p:not(.egm2-kicker){max-width:650px;margin:18px 0 0;color:var(--egm-muted);font-size:16px;line-height:1.6}.egm2-context__head>span{flex:0 0 auto;padding:11px 14px;border:1px solid var(--egm-line);border-radius:999px;background:#fff;color:var(--egm-muted);font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.egm2-context-tabs{display:flex;gap:7px;margin:0 0 24px;overflow-x:auto;padding:3px 2px 8px;scrollbar-width:none}.egm2-context-tabs::-webkit-scrollbar{display:none}.egm2-context-tabs button{flex:0 0 auto;padding:11px 16px;border:1px solid var(--egm-line);border-radius:999px;background:#fff;color:var(--egm-muted);font-size:11px;font-weight:750;transition:.18s}.egm2-context-tabs button:hover{border-color:#17171b;color:#17171b}.egm2-context-tabs button.is-active{border-color:#17171b;background:#17171b;color:#fff}.egm2-context__grid{columns:2;column-gap:18px}.egm2-context__grid.is-filtered{columns:1;max-width:760px}.egm2-context-card,.egm2-context-lock{width:100%;margin:0 0 18px;break-inside:avoid;overflow:hidden;border:1px solid var(--egm-line);border-radius:24px;background:#fff;box-shadow:0 14px 40px rgba(23,23,27,.07)}.egm2-context-art{position:relative;isolation:isolate;overflow:hidden;color:#17171b}.egm2-context-caption{display:grid;grid-template-columns:1fr auto;gap:4px 18px;align-items:center;padding:17px 19px 18px}.egm2-context-caption span{color:var(--egm-muted);font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.egm2-context-caption strong{grid-column:1;font-size:15px;letter-spacing:-.025em}.egm2-context-caption i{grid-column:2;grid-row:1/3;color:#32936f;font-size:9px;font-style:normal;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.egm2-context-art small{font-size:8px;font-weight:850;letter-spacing:.12em}.egm2-context-art button{border:0}.egm2-context-art:after{position:absolute;inset:0;z-index:-1;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);content:""}

/* Website — spacious editorial landing page. */
.egm2-context-card.is-website .egm2-context-art{height:400px;padding:22px;background:var(--egm-context-gradient)}.egm2-site-nav{display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,.42);color:#fff;font-size:9px}.egm2-site-nav b{font-size:11px;letter-spacing:-.04em}.egm2-site-nav i{padding:8px 11px;border-radius:999px;color:#17171b;background:#fff;font-style:normal;font-weight:800}.egm2-site-copy{position:absolute;left:23px;bottom:50px;z-index:2;color:#fff}.egm2-site-copy small{display:block;margin-bottom:13px}.egm2-site-copy strong{display:block;font-size:clamp(32px,4vw,47px);letter-spacing:-.07em;line-height:.88}.egm2-site-copy p{max-width:260px;margin:14px 0 17px;font-size:10px;line-height:1.55}.egm2-site-copy button{padding:10px 13px;border-radius:999px;background:#17171b;color:#fff;font-size:9px;font-weight:800}.egm2-site-copy button i{margin-left:14px;font-style:normal}.egm2-site-orbit{position:absolute;right:-40px;top:72px;width:260px;height:260px;border:1px solid rgba(255,255,255,.55);border-radius:50%}.egm2-site-orbit:before,.egm2-site-orbit:after{position:absolute;inset:34px;border:1px solid rgba(255,255,255,.45);border-radius:50%;content:""}.egm2-site-orbit:after{inset:74px;background:rgba(255,255,255,.17);backdrop-filter:blur(10px)}.egm2-site-orbit i{position:absolute;width:12px;height:12px;border:3px solid #fff;border-radius:50%}.egm2-site-orbit i:first-child{left:32px;top:52px}.egm2-site-orbit i:nth-child(2){right:70px;bottom:22px}.egm2-site-orbit b{position:absolute;z-index:1;right:105px;top:116px;color:#fff;font-size:20px}.egm2-site-ticker{position:absolute;right:0;bottom:0;left:0;display:flex;justify-content:space-around;padding:11px;background:#17171b;color:#fff;font-size:7px;font-weight:800;letter-spacing:.12em}

/* Dashboard — actual data hierarchy, charts and navigation. */
.egm2-context-card.is-dashboard .egm2-context-art{height:350px;display:grid;grid-template-columns:48px 1fr;background:#f4f3f0}.egm2-dash-side{display:flex;align-items:center;flex-direction:column;gap:17px;padding:16px 0;background:#17171b}.egm2-dash-side>b{display:grid;width:24px;height:24px;place-items:center;border-radius:7px;background:var(--egm-context-gradient);color:#fff}.egm2-dash-side>i{width:15px;height:3px;border-radius:9px;background:#5b5b61}.egm2-dash-side>i:nth-of-type(1){margin-top:15px;background:#fff}.egm2-dash-side>span{display:grid;width:24px;height:24px;margin-top:auto;place-items:center;border-radius:50%;background:#fff;font-size:7px;font-weight:800}.egm2-dash-main{padding:19px}.egm2-dash-main header{display:flex;align-items:center;justify-content:space-between}.egm2-dash-main header small,.egm2-dash-main header strong{display:block}.egm2-dash-main header strong{margin-top:4px;font-size:18px;letter-spacing:-.045em}.egm2-dash-main header button{padding:8px 10px;border-radius:8px;background:#17171b;color:#fff;font-size:8px;font-weight:750}.egm2-dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.egm2-dash-stats article{position:relative;padding:12px;border:1px solid #deddd9;border-radius:11px;background:#fff}.egm2-dash-stats small,.egm2-dash-stats b{display:block}.egm2-dash-stats b{margin-top:6px;font-size:15px}.egm2-dash-stats em{position:absolute;right:9px;bottom:11px;color:#27885f;font-size:7px;font-style:normal;font-weight:800}.egm2-dash-chart{position:relative;float:left;width:66%;height:153px;padding:13px;border-radius:13px;background:#fff}.egm2-dash-chart div small,.egm2-dash-chart div b{display:block}.egm2-dash-chart div b{margin-top:4px;font-size:11px}.egm2-dash-chart .bar{position:absolute;bottom:16px;width:6%;border-radius:4px 4px 1px 1px;background:var(--egm-context-gradient)}.egm2-dash-chart .b1{left:8%;height:38px}.egm2-dash-chart .b2{left:20%;height:59px}.egm2-dash-chart .b3{left:32%;height:48px}.egm2-dash-chart .b4{left:44%;height:77px}.egm2-dash-chart .b5{left:56%;height:66px}.egm2-dash-chart .b6{left:68%;height:91px}.egm2-dash-chart .b7{left:80%;height:73px}.egm2-dash-feed{float:right;width:31%;height:153px;padding:13px;border-radius:13px;background:var(--egm-context-gradient);color:#fff}.egm2-dash-feed p{margin:14px 0 0;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.3);font-size:8px}.egm2-dash-feed p i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#fff}.egm2-dash-feed p b{display:block;margin:5px 0 0 11px;font-size:10px}

/* Mobile — phone product mockup and an accompanying launch story. */
.egm2-context-card.is-mobile .egm2-context-art{height:520px;display:flex;align-items:center;justify-content:space-around;padding:32px;background:#efede8}.egm2-phone{position:relative;width:215px;height:444px;overflow:hidden;padding:18px;border:7px solid #17171b;border-radius:34px;background:#fcfbf8;box-shadow:0 25px 42px rgba(23,23,27,.2)}.egm2-phone-top{display:flex;justify-content:space-between;font-size:8px;font-weight:800}.egm2-phone-top i{width:48px;height:12px;margin-top:-12px;border-radius:0 0 10px 10px;background:#17171b}.egm2-phone header{margin:25px 0 17px}.egm2-phone header small,.egm2-phone header b{display:block}.egm2-phone header small{color:#74727a;font-size:6px}.egm2-phone header b{margin-top:6px;font-size:25px;letter-spacing:-.07em;line-height:.9}.egm2-focus-card{position:relative;height:154px;padding:15px;border-radius:20px;background:var(--egm-context-gradient);color:#fff}.egm2-focus-card small,.egm2-focus-card strong,.egm2-focus-card span{display:block}.egm2-focus-card strong{margin-top:28px;font-size:21px}.egm2-focus-card span{font-size:9px}.egm2-focus-card button{position:absolute;right:12px;bottom:12px;padding:8px 10px;border-radius:999px;background:#fff;font-size:7px;font-weight:800}.egm2-habits{position:relative;margin-top:18px}.egm2-habits span,.egm2-habits b{display:block}.egm2-habits span{font-size:6px;font-weight:850;letter-spacing:.1em}.egm2-habits b{margin:5px 0 9px;font-size:11px}.egm2-habits i{display:inline-block;width:23px;height:23px;margin-right:4px;border-radius:8px;background:#e6e3de}.egm2-habits i:nth-of-type(-n+4){background:var(--egm-context-gradient)}.egm2-phone nav{position:absolute;right:12px;bottom:11px;left:12px;display:flex;justify-content:space-around;padding:10px;border-radius:15px;background:#17171b;color:#fff;font-size:11px}.egm2-mobile-copy{max-width:240px}.egm2-mobile-copy small{color:#77747d}.egm2-mobile-copy strong{display:block;margin:13px 0;font-size:33px;letter-spacing:-.07em;line-height:.92}.egm2-mobile-copy p{margin:0;color:#67666f;font-size:10px;line-height:1.6}.egm2-mobile-copy>span{display:block;margin-top:45px;font-size:7px;font-weight:850;letter-spacing:.12em}

/* Campaign — art-directed product launch rather than a generic card. */
.egm2-context-card.is-campaign .egm2-context-art{height:470px;padding:22px;background:var(--egm-context-gradient)}.egm2-campaign-top{display:flex;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid rgba(23,23,27,.35);font-size:8px;letter-spacing:.1em}.egm2-product{position:absolute;inset:57px 22px 22px}.egm2-product-object{position:absolute;right:7px;top:8px;width:205px;height:245px;filter:drop-shadow(0 22px 18px rgba(23,23,27,.18))}.egm2-product-object i{position:absolute;display:block;background:#f6f0e7}.egm2-product-object i:first-child{right:34px;top:4px;width:117px;height:190px;border-radius:58px 58px 25px 25px;transform:rotate(12deg)}.egm2-product-object i:nth-child(2){right:0;bottom:4px;width:144px;height:83px;border-radius:50%;background:#17171b}.egm2-product-object i:nth-child(3){left:5px;bottom:4px;width:72px;height:151px;border-radius:40px;background:rgba(255,255,255,.47);backdrop-filter:blur(8px)}.egm2-product>span{display:block;margin-top:38px;font-size:8px;font-weight:850;letter-spacing:.12em}.egm2-product>strong{display:block;max-width:270px;margin-top:11px;font-size:39px;letter-spacing:-.075em;line-height:.88}.egm2-product>p{max-width:190px;margin:17px 0;font-size:9px;line-height:1.5}.egm2-product>button{padding:11px 14px;border-radius:999px;background:#17171b;color:#fff;font-size:8px;font-weight:800}.egm2-campaign-index{position:absolute;right:22px;bottom:18px;display:flex;align-items:end;gap:7px}.egm2-campaign-index b{font-size:30px;letter-spacing:-.08em}.egm2-campaign-index span{padding-bottom:4px;font-size:9px}

/* Editorial — typographic poster with dimensional gradient forms. */
.egm2-context-card.is-editorial .egm2-context-art{height:590px;padding:22px;background:#e9e6df}.egm2-poster-meta{display:flex;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid #17171b;font-size:7px;font-weight:800;letter-spacing:.11em}.egm2-poster-title{position:absolute;top:60px;left:22px;z-index:2}.egm2-poster-title span,.egm2-poster-title strong{display:block}.egm2-poster-title span{font-size:75px;font-weight:250;letter-spacing:-.09em;line-height:.76}.egm2-poster-title strong{font-size:52px;letter-spacing:-.085em;line-height:.86}.egm2-poster-shape{position:absolute;inset:174px 22px 86px;background:var(--egm-context-gradient)}.egm2-poster-shape i{position:absolute;display:block}.egm2-poster-shape i:first-child{inset:35px;border:1px solid rgba(255,255,255,.74);border-radius:50%}.egm2-poster-shape i:nth-child(2){left:50%;top:50%;width:145px;height:145px;border-radius:50%;background:rgba(255,255,255,.32);backdrop-filter:blur(13px);transform:translate(-50%,-50%)}.egm2-poster-shape i:nth-child(3){left:50%;top:50%;width:14px;height:14px;border:4px solid #17171b;border-radius:50%;transform:translate(-50%,-50%)}.egm2-poster-foot{position:absolute;right:22px;bottom:18px;left:22px;display:flex;align-items:end;justify-content:space-between}.egm2-poster-foot p{margin:0;font-size:10px;line-height:1.35}.egm2-poster-foot b{font-size:8px;letter-spacing:.11em;text-align:right}

.egm2-context-pro{position:relative;width:100%;margin:0 0 18px;break-inside:avoid}.egm2-context-pro .egm2-context-card{margin:0}.egm2-context-pro>button{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;flex-direction:column;border:0;border-radius:24px;color:#fff;background:rgba(13,13,17,.32);text-align:center;backdrop-filter:blur(2px);transition:.2s}.egm2-context-pro>button:hover{background:rgba(13,13,17,.43)}.egm2-context-pro>button span{display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(23,23,27,.72);font-size:10px;font-weight:900;letter-spacing:.08em}.egm2-context-pro>button strong{margin-top:11px;font-size:18px;letter-spacing:-.04em}.egm2-context-pro>button i{margin-top:7px;color:rgba(255,255,255,.78);font-size:9px;font-style:normal;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.egm2-context-pro>button:hover i{color:#fff}

@media(max-width:900px){.egm2-context__grid{columns:1}.egm2-context__grid.is-filtered{max-width:none}.egm2-context-card.is-mobile .egm2-context-art{height:490px}.egm2-context-card.is-editorial .egm2-context-art{height:540px}}@media(max-width:560px){.egm2-context{margin-top:58px}.egm2-context__head{align-items:flex-start;flex-direction:column;gap:16px}.egm2-context__head h2{font-size:40px}.egm2-context-tabs{margin-right:-12px}.egm2-context-card,.egm2-context-pro>button{border-radius:18px}.egm2-context-card.is-website .egm2-context-art{height:360px;padding:17px}.egm2-site-nav span{display:none}.egm2-site-copy{left:18px}.egm2-site-copy strong{font-size:35px}.egm2-site-orbit{right:-100px;opacity:.7}.egm2-context-card.is-dashboard .egm2-context-art{height:330px;grid-template-columns:39px 1fr}.egm2-dash-main{padding:13px}.egm2-dash-stats{grid-template-columns:repeat(2,1fr)}.egm2-dash-stats article:last-child{display:none}.egm2-dash-chart{width:100%}.egm2-dash-feed{display:none}.egm2-context-card.is-mobile .egm2-context-art{height:450px;padding:22px 12px}.egm2-phone{width:188px;height:402px}.egm2-mobile-copy{display:none}.egm2-context-card.is-campaign .egm2-context-art{height:415px;padding:17px}.egm2-campaign-top span{display:none}.egm2-product{inset:48px 17px 17px}.egm2-product-object{right:-55px;opacity:.78}.egm2-product>strong{font-size:34px}.egm2-context-card.is-editorial .egm2-context-art{height:480px;padding:17px}.egm2-poster-meta span:nth-child(2){display:none}.egm2-poster-title{top:54px;left:17px}.egm2-poster-title span{font-size:58px}.egm2-poster-title strong{font-size:38px}.egm2-poster-shape{inset:150px 17px 80px}.egm2-poster-foot{right:17px;left:17px}.egm2-context-caption{padding:14px 15px 15px}}

/* Collection access: show three clean samples, then one calm collection CTA. */
.egm2-context-tabs{gap:8px;margin-bottom:30px;padding-bottom:9px}.egm2-context-tabs button{padding:12px 18px}.egm2-context__grid{column-gap:26px}.egm2-context-card{margin-bottom:26px}.egm2-context-caption{gap:5px 22px;padding:20px 22px 21px}.egm2-context-more{display:flex;width:100%;align-items:center;justify-content:space-between;gap:24px;margin-top:4px;padding:27px 29px;border:1px solid #17171b;border-radius:22px;color:#fff;background:#17171b;text-align:left;transition:.2s}.egm2-context-more:hover{box-shadow:0 16px 38px rgba(23,23,27,.2);transform:translateY(-2px)}.egm2-context-more span{display:grid;gap:7px}.egm2-context-more small{color:#a99cff;font-size:9px;font-weight:850;letter-spacing:.14em}.egm2-context-more strong{font-size:clamp(18px,2.4vw,28px);letter-spacing:-.045em}.egm2-context-more>b{flex:0 0 auto;padding:12px 15px;border-radius:999px;color:#17171b;background:#fff;font-size:11px}.egm2-context-more>b i{margin-left:12px;font-style:normal}@media(max-width:560px){.egm2-context-caption{padding:16px 17px 17px}.egm2-context-more{align-items:flex-start;flex-direction:column;padding:22px;border-radius:18px}.egm2-context-more>b{width:100%;text-align:center}}

/* Compact discovery card belongs to the masonry, instead of interrupting it. */
.egm2-context__grid.is-gated{columns:1;max-width:560px}.egm2-context-more{min-height:300px;margin:0 0 26px;padding:25px;break-inside:avoid;align-items:flex-start;flex-direction:column;border-radius:24px;background:linear-gradient(155deg,#17171b 0 64%,#26242d 64%)}.egm2-context-more span{margin-top:auto}.egm2-context-more small{color:#aa9cff}.egm2-context-more strong{max-width:13ch;font-size:29px;line-height:.97}.egm2-context-more em{max-width:38ch;margin-top:5px;color:#aaa7b2;font-size:11px;font-style:normal;line-height:1.5}.egm2-context-more>b{width:auto;margin-top:20px;padding:11px 14px}.egm2-context-more:before{display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(255,255,255,.26);border-radius:50%;color:#fff;background:rgba(255,255,255,.06);font-size:10px;font-weight:900;letter-spacing:.08em;content:"PRO"}

/* UI component 01 — analytics widget. */
.egm2-context-card.is-analytics-ui .egm2-context-art{height:390px;padding:24px;background:#ebe9e4}.egm2-ui-window{height:100%;overflow:hidden;border:1px solid rgba(23,23,27,.12);border-radius:18px;background:#fff;box-shadow:0 18px 45px rgba(23,23,27,.1)}.egm2-ui-window>header{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 17px;border-bottom:1px solid #e9e7e2}.egm2-ui-window>header>span{display:flex;gap:4px}.egm2-ui-window>header>span i{width:6px;height:6px;border-radius:50%;background:#d7d4ce}.egm2-ui-window>header button{padding:7px 9px;border:1px solid #e4e1db;border-radius:7px;background:#faf9f7;font-size:7px;font-weight:750}.egm2-ui-metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:15px 17px 10px}.egm2-ui-metrics article{position:relative;padding:12px;border:1px solid #ebe8e2;border-radius:11px}.egm2-ui-metrics small,.egm2-ui-metrics strong{display:block}.egm2-ui-metrics strong{margin-top:5px;font-size:19px;letter-spacing:-.04em}.egm2-ui-metrics em{position:absolute;right:10px;bottom:13px;color:#2c8a64;font-size:7px;font-style:normal;font-weight:800}.egm2-ui-chart{position:relative;height:174px;margin:0 17px;padding:13px 11px 20px;border-radius:12px;background:linear-gradient(#faf9f7 24%,transparent 24%),repeating-linear-gradient(0deg,#eeeae4 0 1px,transparent 1px 40px)}.egm2-ui-chart>span{display:block;margin-bottom:25px;color:#9b989f;font-size:6px}.egm2-ui-chart svg{position:absolute;right:13px;bottom:23px;left:34px;width:calc(100% - 47px);height:113px;overflow:visible}.egm2-ui-chart svg path{fill:none;stroke:#fff;stroke-width:4;filter:drop-shadow(0 0 2px rgba(0,0,0,.3));vector-effect:non-scaling-stroke}.egm2-ui-chart:after{position:absolute;right:13px;bottom:23px;left:34px;height:113px;z-index:0;opacity:.95;background:var(--egm-context-gradient);clip-path:polygon(0 85%,11% 77%,18% 38%,26% 51%,36% 83%,49% 43%,62% 5%,71% 30%,85% 68%,100% 0,100% 100%,0 100%);content:""}.egm2-ui-chart svg{z-index:1}.egm2-ui-window>footer{display:flex;align-items:center;gap:15px;padding:11px 18px;font-size:7px}.egm2-ui-window>footer span i{display:inline-block;width:7px;height:7px;margin-right:4px;border-radius:50%;background:var(--egm-context-gradient)}.egm2-ui-window>footer b{margin-left:auto}

/* UI component 02 — pricing selector. */
.egm2-context-card.is-pricing-ui .egm2-context-art{height:500px;padding:27px;background:#f5f3ef}.egm2-price-head{text-align:center}.egm2-price-head small{color:#6d6973}.egm2-price-head>strong{display:block;margin-top:8px;font-size:31px;letter-spacing:-.065em}.egm2-price-head p{margin:7px 0 13px;color:#78757d;font-size:9px}.egm2-price-head>div{display:inline-flex;padding:3px;border:1px solid #dedbd5;border-radius:999px;background:#fff}.egm2-price-head button{padding:7px 10px;border-radius:999px;background:transparent;font-size:7px;font-weight:800}.egm2-price-head button:last-child{color:#fff;background:#17171b}.egm2-price-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.egm2-price-cards article{position:relative;min-height:285px;padding:17px;border:1px solid #dedbd5;border-radius:16px;background:#fff}.egm2-price-cards article:last-child{border:0;color:#fff;background:var(--egm-context-gradient);box-shadow:0 15px 30px rgba(23,23,27,.15)}.egm2-price-cards article>i{position:absolute;right:12px;top:12px;padding:5px 7px;border-radius:999px;color:#17171b;background:#fff;font-size:6px;font-style:normal;font-weight:900}.egm2-price-cards article>span{display:block;font-size:7px;font-weight:850;letter-spacing:.12em}.egm2-price-cards article>strong{display:block;margin-top:24px;font-size:30px;letter-spacing:-.06em}.egm2-price-cards article>strong small{font-size:8px;letter-spacing:0}.egm2-price-cards article>p{min-height:34px;margin:9px 0;color:#77737c;font-size:8px;line-height:1.45}.egm2-price-cards article:last-child>p{color:rgba(255,255,255,.74)}.egm2-price-cards article>button{width:100%;padding:10px;border:1px solid #d9d6d0;border-radius:9px;background:#fff;font-size:8px;font-weight:800}.egm2-price-cards article:last-child>button{border:0;color:#17171b}.egm2-price-cards ul{display:grid;gap:9px;margin:15px 0 0;padding:0;list-style:none;font-size:7px}.egm2-price-cards li:before{margin-right:6px;content:"✓"}

/* UI component 03 — music player. */
.egm2-context-card.is-music-ui .egm2-context-art{height:560px;display:flex;align-items:center;justify-content:space-around;padding:35px;background:#17171b;color:#fff}.egm2-player-shell{width:285px;padding:20px;border:1px solid rgba(255,255,255,.15);border-radius:24px;background:#242329;box-shadow:0 24px 60px rgba(0,0,0,.32)}.egm2-player-shell>header{display:flex;justify-content:space-between;font-size:9px}.egm2-player-shell>header button{color:#fff;background:transparent}.egm2-album{position:relative;height:215px;margin:18px 0;overflow:hidden;border-radius:17px;background:var(--egm-context-gradient)}.egm2-album i:first-child{position:absolute;inset:27px;border:1px solid rgba(255,255,255,.48);border-radius:50%}.egm2-album i:nth-child(2){position:absolute;inset:72px;border:24px solid rgba(255,255,255,.25);border-radius:50%;background:#17171b}.egm2-album span{position:absolute;right:13px;bottom:10px;font-size:22px;font-weight:800}.egm2-track small,.egm2-track strong,.egm2-track span{display:block}.egm2-track strong{margin-top:5px;font-size:22px}.egm2-track span{color:#aaa7af;font-size:9px}.egm2-wave{display:flex;height:50px;align-items:center;justify-content:center;gap:3px;margin:13px 0}.egm2-wave i{width:3px;border-radius:99px;background:var(--egm-context-gradient)}.egm2-player-controls{display:flex;align-items:center;justify-content:space-around}.egm2-player-controls button{color:#fff;background:transparent}.egm2-player-controls button:nth-child(3){display:grid;width:42px;height:42px;place-items:center;border-radius:50%;color:#17171b;background:#fff}.egm2-player-shell>footer{display:flex;align-items:center;gap:7px;margin-top:12px;color:#aaa7af;font-size:7px}.egm2-player-shell>footer i{height:3px;flex:1;border-radius:99px;background:var(--egm-context-gradient)}.egm2-player-copy{max-width:195px}.egm2-player-copy small{color:#a9a5af}.egm2-player-copy strong{display:block;margin:13px 0;font-size:33px;letter-spacing:-.07em;line-height:.9}.egm2-player-copy p{color:#aaa7af;font-size:9px;line-height:1.6}

/* UI component 04 — project progress. */
.egm2-context-card.is-progress-ui .egm2-context-art{height:430px;padding:25px;background:var(--egm-context-gradient)}.egm2-project-shell{display:grid;height:100%;grid-template-columns:46px 1fr;overflow:hidden;border-radius:18px;background:#f7f6f3;box-shadow:0 20px 45px rgba(23,23,27,.18)}.egm2-project-shell>aside{display:flex;align-items:center;flex-direction:column;gap:18px;padding:15px 0;background:#17171b}.egm2-project-shell>aside b{display:grid;width:23px;height:23px;place-items:center;border-radius:7px;color:#17171b;background:#fff}.egm2-project-shell>aside i{width:15px;height:3px;border-radius:99px;background:#56545d}.egm2-project-shell>aside i:first-of-type{margin-top:12px;background:#fff}.egm2-project-shell>aside span{margin-top:auto;color:#fff}.egm2-project-shell main{padding:19px}.egm2-project-shell main>header{display:flex;align-items:center;justify-content:space-between}.egm2-project-shell main>header small,.egm2-project-shell main>header strong{display:block}.egm2-project-shell main>header strong{margin-top:4px;font-size:18px}.egm2-project-shell main>header>div:last-child{display:flex}.egm2-project-shell main>header>div:last-child span{display:grid;width:25px;height:25px;margin-left:-5px;place-items:center;border:2px solid #fff;border-radius:50%;background:#ddd9d2;font-size:6px;font-weight:800}.egm2-project-shell main>section{display:grid;grid-template-columns:1.5fr .7fr;gap:9px;margin:17px 0}.egm2-project-shell main>section article{padding:13px;border:1px solid #e1ded8;border-radius:12px;background:#fff}.egm2-project-progress>div{display:flex;justify-content:space-between}.egm2-project-progress span{font-size:6px;font-weight:800;letter-spacing:.08em}.egm2-project-progress>i{display:block;height:7px;margin:18px 0 8px;overflow:hidden;border-radius:99px;background:#e7e4de}.egm2-project-progress>i em{display:block;width:74%;height:100%;background:var(--egm-context-gradient)}.egm2-project-progress>p{display:flex;justify-content:space-between;margin:0;color:#8a878e}.egm2-project-date span,.egm2-project-date strong,.egm2-project-date small{display:block}.egm2-project-date span{font-size:6px;font-weight:800}.egm2-project-date strong{margin-top:16px;font-size:22px}.egm2-project-date small{margin-top:5px;color:#7d7982;font-size:7px}.egm2-project-list{padding:13px;border-radius:12px;background:#fff}.egm2-project-list>header{display:flex;justify-content:space-between;font-size:8px}.egm2-project-list>p{display:grid;grid-template-columns:25px 1fr auto;align-items:center;margin:10px 0 0;padding-top:9px;border-top:1px solid #eeeae4}.egm2-project-list>p>i{display:grid;width:18px;height:18px;place-items:center;border-radius:6px;color:#fff;background:var(--egm-context-gradient);font-size:7px;font-style:normal}.egm2-project-list>p span b,.egm2-project-list>p span small{display:block}.egm2-project-list>p span b{font-size:8px}.egm2-project-list>p span small{margin-top:2px;color:#8b878f;font-size:6px}.egm2-project-list>p em{padding:5px 7px;border-radius:99px;background:#f0eee9;font-size:6px;font-style:normal}

/* UI component 05 — e-commerce product card. */
.egm2-context-card.is-product-ui .egm2-context-art{height:520px;padding:23px;background:#f1eee8}.egm2-shop-nav{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #c9c5bd;font-size:8px}.egm2-shop-nav b{font-size:13px}.egm2-shop-nav i{font-style:normal}.egm2-shop-product{display:grid;height:440px;grid-template-columns:1.15fr .85fr;gap:20px;padding-top:20px}.egm2-chair{position:relative;overflow:hidden;border-radius:18px;background:var(--egm-context-gradient)}.egm2-chair i{position:absolute;display:block;background:#ece6dc;filter:drop-shadow(0 18px 16px rgba(23,23,27,.18))}.egm2-chair i:first-child{left:20%;top:20%;width:62%;height:40%;border-radius:45% 45% 20px 20px;transform:rotate(-4deg)}.egm2-chair i:nth-child(2){left:27%;top:49%;width:51%;height:19%;border-radius:50%}.egm2-chair i:nth-child(3),.egm2-chair i:nth-child(4){top:62%;width:12px;height:26%;background:#17171b}.egm2-chair i:nth-child(3){left:34%;transform:rotate(5deg)}.egm2-chair i:nth-child(4){right:30%;transform:rotate(-5deg)}.egm2-shop-info{display:flex;justify-content:center;flex-direction:column}.egm2-shop-info>small{color:#77737b}.egm2-shop-info>strong{margin:11px 0 17px;font-size:28px;letter-spacing:-.06em}.egm2-shop-info>div{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid #cbc7bf;border-bottom:1px solid #cbc7bf}.egm2-shop-info>div span{font-size:15px;font-weight:800}.egm2-shop-info>div em{max-width:80px;color:#77737b;font-size:6px;font-style:normal;line-height:1.4}.egm2-shop-info>p{color:#67636c;font-size:9px;line-height:1.55}.egm2-shop-info>label{display:flex;align-items:center;gap:6px;font-size:7px}.egm2-shop-info>label i{width:15px;height:15px;border:2px solid #fff;border-radius:50%;background:#17171b;box-shadow:0 0 0 1px #bbb7af}.egm2-shop-info>label i:nth-child(2){background:var(--egm-context-gradient)}.egm2-shop-info>label i:nth-child(3){background:#ded5c9}.egm2-shop-info>button{display:flex;justify-content:space-between;margin-top:22px;padding:13px 15px;border-radius:10px;color:#fff;background:#17171b;font-size:8px;font-weight:800}

@media(max-width:900px){.egm2-player-copy{display:none}.egm2-context-card.is-music-ui .egm2-context-art{height:530px}.egm2-shop-product{grid-template-columns:1fr 1fr}}@media(max-width:560px){.egm2-context__grid.is-gated{max-width:none}.egm2-context-more{min-height:260px}.egm2-context-more strong{font-size:25px}.egm2-context-card.is-analytics-ui .egm2-context-art{height:350px;padding:13px}.egm2-context-card.is-pricing-ui .egm2-context-art{height:470px;padding:18px 12px}.egm2-price-cards article{padding:12px}.egm2-context-card.is-music-ui .egm2-context-art{height:500px;padding:22px 12px}.egm2-player-shell{width:265px}.egm2-context-card.is-progress-ui .egm2-context-art{height:390px;padding:13px}.egm2-project-shell main{padding:12px}.egm2-project-shell main>section{grid-template-columns:1fr}.egm2-project-date{display:none}.egm2-context-card.is-product-ui .egm2-context-art{height:510px;padding:16px}.egm2-shop-nav span{display:none}.egm2-shop-product{height:450px;grid-template-columns:1fr;gap:10px}.egm2-chair{min-height:220px}.egm2-shop-info>p{display:none}.egm2-shop-info>button{margin-top:12px}}

/* Website collection 02 — SaaS product landing. */
.egm2-context-card.is-saas-web .egm2-context-art{height:565px;padding:22px;color:#fff;background:var(--egm-context-gradient)}.egm2-saas-nav{display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.3);font-size:8px}.egm2-saas-nav>b{font-size:18px;letter-spacing:-.08em}.egm2-saas-nav button{padding:9px 12px;border-radius:999px;background:#fff;font-size:8px;font-weight:800}.egm2-saas-nav button i{margin-left:10px;font-style:normal}.egm2-saas-hero{position:relative;z-index:1;margin-top:46px}.egm2-saas-hero small{display:block}.egm2-saas-hero strong{display:block;margin:12px 0 15px;font-size:44px;letter-spacing:-.075em;line-height:.9}.egm2-saas-hero p{max-width:345px;font-size:10px;line-height:1.55}.egm2-saas-hero>div{display:flex;gap:8px;margin-top:18px}.egm2-saas-hero button{padding:11px 14px;border-radius:999px;font-size:8px;font-weight:800}.egm2-saas-hero button:first-child{background:#17171b;color:#fff}.egm2-saas-console{position:absolute;right:-22px;bottom:-55px;width:58%;height:315px;overflow:hidden;border:1px solid rgba(255,255,255,.5);border-radius:19px 0 0 0;background:#f7f6f3;color:#17171b;box-shadow:0 25px 60px rgba(20,18,35,.25)}.egm2-saas-console>header{display:flex;align-items:center;gap:12px;height:40px;padding:0 13px;border-bottom:1px solid #e1ded8;font-size:7px}.egm2-saas-console>header>span{display:flex;gap:3px}.egm2-saas-console>header i{width:5px;height:5px;border-radius:50%;background:#c9c5bd}.egm2-saas-console>header em{margin-left:auto;font-style:normal}.egm2-saas-console>aside{position:absolute;top:40px;bottom:0;left:0;width:36px;padding:10px;background:#17171b}.egm2-saas-console>aside b{display:grid;width:17px;height:17px;place-items:center;border-radius:5px;background:var(--egm-context-gradient);color:#fff;font-size:7px}.egm2-saas-console>aside i{display:block;width:13px;height:3px;margin:15px 2px;border-radius:9px;background:#5d5b63}.egm2-saas-console>main{margin-left:36px;padding:18px}.egm2-saas-console h4{max-width:240px;margin:12px 0 22px;font-size:22px;letter-spacing:-.055em;line-height:.96}.egm2-saas-console main>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.egm2-saas-console article{padding:10px;border:1px solid #e4e0da;border-radius:9px;background:#fff}.egm2-saas-console article span,.egm2-saas-console article b{display:block}.egm2-saas-console article span{color:#8a878e;font-size:6px}.egm2-saas-console article b{margin-top:5px;font-size:7px}.egm2-saas-console main>footer{position:absolute;right:14px;bottom:13px;left:50px;display:flex;justify-content:space-between;padding:9px 10px;border:1px solid #dedad4;border-radius:8px;background:#fff;color:#8b878f;font-size:7px}.egm2-saas-console main>footer button{display:grid;width:17px;height:17px;place-items:center;border-radius:5px;background:#17171b;color:#fff}

/* Website collection 02 — creative portfolio. */
.egm2-context-card.is-portfolio-web .egm2-context-art{height:620px;padding:22px;background:#f3f0e9}.egm2-folio-nav{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #17171b;font-size:8px}.egm2-folio-nav b{font-size:17px}.egm2-folio-nav i{padding:7px 9px;border-radius:999px;color:#fff;background:#17171b;font-size:7px;font-style:normal}.egm2-folio-title{margin:45px 0 30px}.egm2-folio-title small{color:#77737c}.egm2-folio-title strong{display:block;margin-top:13px;font-size:48px;letter-spacing:-.08em;line-height:.88}.egm2-folio-work{display:grid;height:300px;grid-template-columns:1.3fr .7fr;gap:11px}.egm2-folio-work article{position:relative;overflow:hidden;background:var(--egm-context-gradient)}.egm2-folio-work article:first-child:before{position:absolute;right:12%;bottom:-18%;width:62%;height:105%;border-radius:50% 50% 12px 12px;background:rgba(255,255,255,.7);transform:rotate(11deg);content:""}.egm2-folio-work article:nth-child(2):before,.egm2-folio-work article:nth-child(2):after{position:absolute;border:1px solid rgba(255,255,255,.8);border-radius:50%;content:""}.egm2-folio-work article:nth-child(2):before{inset:35px}.egm2-folio-work article:nth-child(2):after{inset:75px;background:rgba(23,23,27,.18)}.egm2-folio-work article>div{position:absolute;right:12px;bottom:12px;left:12px;z-index:1;color:#fff}.egm2-folio-work article span,.egm2-folio-work article b,.egm2-folio-work article small{display:block}.egm2-folio-work article b{margin:5px 0;font-size:17px}.egm2-folio-work article small{font-size:6px}.egm2-folio-foot{display:flex;justify-content:space-between;margin-top:18px;font-size:8px}.egm2-folio-foot b{max-width:180px;text-align:right}

/* Website collection 02 — architecture practice. */
.egm2-context-card.is-architecture-web .egm2-context-art{height:530px;padding:22px;background:#e8e4db}.egm2-arch-nav{display:flex;align-items:start;justify-content:space-between;font-size:8px}.egm2-arch-nav b{font-size:11px;line-height:.85}.egm2-arch-nav i{font-style:normal;text-align:right}.egm2-arch-photo{position:absolute;top:70px;right:22px;bottom:22px;width:58%;overflow:hidden;background:var(--egm-context-gradient)}.egm2-arch-photo>i:first-child{position:absolute;right:-6%;bottom:0;width:73%;height:78%;background:#dbd5c9;clip-path:polygon(30% 0,100% 20%,100% 100%,0 100%,0 28%)}.egm2-arch-photo>i:nth-child(2){position:absolute;right:13%;bottom:0;width:31%;height:48%;background:#17171b;clip-path:polygon(18% 0,100% 13%,100% 100%,0 100%,0 20%)}.egm2-arch-photo>i:nth-child(3){position:absolute;right:22%;bottom:6%;width:13%;height:29%;background:rgba(255,255,255,.68)}.egm2-arch-photo span{position:absolute;left:12px;bottom:12px;color:#fff;font-size:7px;font-weight:800;line-height:1.4}.egm2-arch-copy{position:absolute;left:22px;bottom:55px;z-index:2;width:46%}.egm2-arch-copy strong{display:block;margin:13px 0;font:italic 36px/ .92 Georgia,serif;letter-spacing:-.055em}.egm2-arch-copy p{max-width:205px;font-size:9px;line-height:1.55}.egm2-arch-copy button{margin-top:12px;padding:10px 12px;border-radius:0;background:#17171b;color:#fff;font-size:7px}.egm2-arch-index{position:absolute;left:22px;bottom:22px;display:flex;width:32%;align-items:center;gap:8px;font-size:7px}.egm2-arch-index i{height:1px;flex:1;background:#17171b}

/* Website collection 02 — editorial publication. */
.egm2-context-card.is-publication-web .egm2-context-art{height:575px;padding:22px;background:#fff}.egm2-pub-mast{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;padding-bottom:12px;border-bottom:3px solid #17171b}.egm2-pub-mast b{font:700 26px/.85 Georgia,serif;letter-spacing:-.06em}.egm2-pub-mast span{text-align:right;font-size:6px;font-weight:800}.egm2-pub-grid{display:grid;height:455px;grid-template-columns:1.45fr .55fr;gap:14px;padding-top:15px}.egm2-pub-lead{position:relative;overflow:hidden;background:var(--egm-context-gradient)}.egm2-pub-lead:before,.egm2-pub-lead:after{position:absolute;border-radius:50%;content:""}.egm2-pub-lead:before{right:-18%;top:-5%;width:78%;height:76%;border:1px solid rgba(255,255,255,.68)}.egm2-pub-lead:after{right:9%;top:21%;width:31%;height:31%;background:rgba(255,255,255,.34);backdrop-filter:blur(12px)}.egm2-pub-lead>div{position:absolute;right:20px;bottom:20px;left:20px;z-index:1;color:#fff}.egm2-pub-lead span{font-size:7px;font-weight:850;letter-spacing:.11em}.egm2-pub-lead strong{display:block;margin:10px 0;font:700 38px/.9 Georgia,serif;letter-spacing:-.055em}.egm2-pub-lead p{max-width:260px;font-size:9px;line-height:1.45}.egm2-pub-lead b{font-size:8px}.egm2-pub-grid>aside{display:grid;grid-template-rows:repeat(3,1fr)}.egm2-pub-grid>aside article{padding:13px 4px;border-top:1px solid #17171b}.egm2-pub-grid>aside small,.egm2-pub-grid>aside strong,.egm2-pub-grid>aside span{display:block}.egm2-pub-grid>aside strong{margin:11px 0;font:700 15px/1 Georgia,serif}.egm2-pub-grid>aside span{color:#817d85;font-size:7px}.egm2-pub-ticker{display:flex;justify-content:space-between;padding-top:11px;border-top:1px solid #17171b;font-size:7px;font-weight:850;letter-spacing:.11em}

/* Website collection 02 — conference landing. */
.egm2-context-card.is-event-web .egm2-context-art{height:650px;padding:22px;color:#fff;background:var(--egm-context-gradient)}.egm2-event-nav{display:flex;align-items:start;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.4);font-size:8px}.egm2-event-nav b{font-size:12px;line-height:.8}.egm2-event-nav button{padding:9px 12px;border-radius:999px;background:#fff;font-size:8px;font-weight:800}.egm2-event-date{position:absolute;top:90px;left:22px;display:flex;align-items:start;gap:10px}.egm2-event-date>span{font-size:47px;font-weight:250;letter-spacing:-.08em;line-height:.8}.egm2-event-date>b{font-size:15px;line-height:.85}.egm2-event-date>small{padding-left:10px;border-left:1px solid rgba(255,255,255,.5);font-size:6px}.egm2-event-hero{position:absolute;left:22px;bottom:68px;z-index:2}.egm2-event-hero>small{display:block;max-width:300px;line-height:1.45}.egm2-event-hero>strong{display:block;margin:15px 0 22px;font-size:57px;letter-spacing:-.085em;line-height:.78}.egm2-event-hero button{padding:11px 13px;border-radius:999px;background:#17171b;color:#fff;font-size:8px;font-weight:800}.egm2-event-rings{position:absolute;right:-70px;top:115px;width:360px;height:360px;border:1px solid rgba(255,255,255,.45);border-radius:50%}.egm2-event-rings:before,.egm2-event-rings:after{position:absolute;border:1px solid rgba(255,255,255,.38);border-radius:50%;content:""}.egm2-event-rings:before{inset:45px}.egm2-event-rings:after{inset:100px;background:rgba(255,255,255,.12);backdrop-filter:blur(8px)}.egm2-event-rings b{position:absolute;left:50%;top:50%;z-index:1;font-size:31px;transform:translate(-50%,-50%)}.egm2-event-speakers{position:absolute;right:0;bottom:0;left:0;display:flex;justify-content:space-around;padding:15px;background:#17171b;font-size:7px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}

@media(max-width:560px){.egm2-context-card.is-saas-web .egm2-context-art{height:520px;padding:17px}.egm2-saas-nav span{display:none}.egm2-saas-hero strong{font-size:34px}.egm2-saas-console{right:-90px;width:75%;opacity:.72}.egm2-context-card.is-portfolio-web .egm2-context-art{height:540px;padding:17px}.egm2-folio-nav span{display:none}.egm2-folio-title strong{font-size:38px}.egm2-folio-work{height:255px}.egm2-folio-work article:nth-child(2){display:none}.egm2-folio-work{grid-template-columns:1fr}.egm2-context-card.is-architecture-web .egm2-context-art{height:490px;padding:17px}.egm2-arch-nav span{display:none}.egm2-arch-photo{right:17px;width:64%}.egm2-arch-copy{left:17px;width:58%}.egm2-arch-copy strong{font-size:31px}.egm2-context-card.is-publication-web .egm2-context-art{height:520px;padding:14px}.egm2-pub-mast{grid-template-columns:auto 1fr}.egm2-pub-mast small{display:none}.egm2-pub-grid{height:410px;grid-template-columns:1fr}.egm2-pub-grid>aside{display:none}.egm2-pub-lead strong{font-size:34px}.egm2-context-card.is-event-web .egm2-context-art{height:560px;padding:17px}.egm2-event-nav span{display:none}.egm2-event-date{left:17px}.egm2-event-hero{left:17px;bottom:65px}.egm2-event-hero>strong{font-size:48px}.egm2-event-rings{right:-190px;opacity:.72}}

/* Dashboard collection 03 — growth analytics. */
.egm2-context-card.is-growth-dashboard .egm2-context-art{height:610px;padding:20px;background:var(--egm-context-gradient)}.egm2-growth-shell{display:grid;height:100%;grid-template-columns:112px 1fr;overflow:hidden;border-radius:18px;background:#f7f6f2;box-shadow:0 24px 55px rgba(23,23,27,.2)}.egm2-growth-shell>aside{display:flex;flex-direction:column;padding:21px 15px;color:#aaa7b1;background:#17171b}.egm2-growth-shell>aside>b{margin-bottom:43px;color:#fff;font-size:18px;letter-spacing:-.08em}.egm2-growth-shell>aside>span{margin-bottom:19px;font-size:7px;font-weight:750}.egm2-growth-shell>aside>span:first-of-type{color:#fff}.egm2-growth-shell>aside>i{display:grid;width:27px;height:27px;margin-top:auto;place-items:center;border-radius:50%;color:#17171b;background:#fff;font-size:7px;font-style:normal;font-weight:850}.egm2-growth-shell>main{padding:22px}.egm2-growth-shell main>header{display:flex;align-items:center;justify-content:space-between}.egm2-growth-shell main>header small,.egm2-growth-shell main>header strong{display:block}.egm2-growth-shell main>header strong{margin-top:5px;font-size:20px;letter-spacing:-.05em}.egm2-growth-shell main>header button{padding:9px 11px;border-radius:8px;color:#fff;background:#17171b;font-size:7px;font-weight:800}.egm2-growth-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:22px 0}.egm2-growth-metrics article{position:relative;padding:14px;border:1px solid #dedbd5;border-radius:11px;background:#fff}.egm2-growth-metrics span,.egm2-growth-metrics b{display:block}.egm2-growth-metrics span{color:#77747c;font-size:7px}.egm2-growth-metrics b{margin-top:8px;font-size:18px}.egm2-growth-metrics em{position:absolute;right:11px;bottom:15px;color:#27875e;font-size:7px;font-style:normal;font-weight:800}.egm2-growth-plot{position:relative;height:245px;overflow:hidden;padding:17px;border-radius:14px;background:#17171b;color:#fff}.egm2-growth-plot div small,.egm2-growth-plot div b{display:block}.egm2-growth-plot div b{margin-top:6px;font-size:15px}.egm2-growth-plot svg{position:absolute;right:0;bottom:0;left:0;width:100%;height:170px}.egm2-growth-plot path:first-child{fill:none;stroke:#fff;stroke-width:2}.egm2-growth-plot path:last-child{fill:url(#none);opacity:.15;stroke:none}.egm2-growth-plot:after{position:absolute;right:0;bottom:0;left:0;height:145px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.13));clip-path:polygon(0 88%,10% 70%,22% 76%,40% 55%,58% 42%,74% 58%,100% 7%,100% 100%,0 100%);content:""}.egm2-growth-shell main>footer{display:flex;align-items:center;gap:8px;margin-top:17px;font-size:7px}.egm2-growth-shell main>footer i{height:5px;flex:1;border-radius:99px;background:#dedbd5}.egm2-growth-shell main>footer i:first-of-type{background:var(--egm-context-gradient)}

/* Dashboard collection 03 — wealth and portfolio. */
.egm2-context-card.is-finance-dashboard .egm2-context-art{height:650px;padding:21px;background:#121217}.egm2-finance-shell{height:100%;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:18px;color:#fff;background:#1c1c22}.egm2-finance-shell>header{display:flex;height:58px;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.12);font-size:8px}.egm2-finance-shell>header>b{font-size:12px;letter-spacing:.08em}.egm2-finance-shell>header>span{color:#96939d}.egm2-finance-shell>header>div{display:flex;align-items:center;gap:10px}.egm2-finance-shell>header i{color:#5fd3a0;font-size:6px;font-style:normal}.egm2-finance-shell>header button{padding:8px 11px;border-radius:8px;font-size:7px;font-weight:850}.egm2-finance-balance{padding:27px 22px 22px}.egm2-finance-balance small,.egm2-finance-balance strong,.egm2-finance-balance span{display:block}.egm2-finance-balance small{color:#8d8993}.egm2-finance-balance strong{margin:9px 0 7px;font-size:34px;letter-spacing:-.06em}.egm2-finance-balance>span{color:#aaa7af;font-size:8px}.egm2-finance-balance>span b{color:#5fd3a0}.egm2-finance-grid{display:grid;height:355px;grid-template-columns:1.5fr .7fr;gap:11px;padding:0 20px}.egm2-finance-grid>section,.egm2-finance-grid>aside{border:1px solid rgba(255,255,255,.1);border-radius:13px;background:#24242b}.egm2-finance-chart{position:relative;padding:16px}.egm2-finance-chart>header{display:flex;justify-content:space-between;font-size:8px}.egm2-finance-chart>header span{color:#77747e;font-size:6px}.egm2-finance-chart>header i{padding:4px 6px;border-radius:5px;color:#17171b;background:#fff;font-style:normal}.egm2-finance-chart svg{position:absolute;right:12px;bottom:36px;left:12px;width:calc(100% - 24px);height:245px}.egm2-finance-chart path:first-child{fill:none;stroke:#fff;stroke-width:2}.egm2-finance-chart path:last-child{fill:rgba(255,255,255,.07);stroke:none}.egm2-finance-chart>footer{position:absolute;right:15px;bottom:14px;left:15px;display:flex;justify-content:space-between;color:#706d76;font-size:6px}.egm2-finance-grid>aside{padding:16px}.egm2-finance-ring{display:grid;width:104px;height:104px;margin:24px auto;place-items:center;border:17px solid rgba(255,255,255,.09);border-top-color:#fff;border-right-color:#fff;border-radius:50%;transform:rotate(25deg)}.egm2-finance-ring b,.egm2-finance-ring span{grid-area:1/1;transform:rotate(-25deg)}.egm2-finance-ring b{margin-top:-10px;font-size:23px}.egm2-finance-ring span{margin-top:18px;color:#8e8b94;font-size:6px}.egm2-finance-grid>aside p{display:flex;align-items:center;margin:12px 0;color:#9f9ca5;font-size:7px}.egm2-finance-grid>aside p i{width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--egm-context-gradient)}.egm2-finance-grid>aside p b{margin-left:auto;color:#fff}.egm2-finance-ticker{display:flex;justify-content:space-around;margin:14px 20px 0;padding:13px;border-top:1px solid rgba(255,255,255,.1);font-size:7px}.egm2-finance-ticker b{color:#5fd3a0}

/* Dashboard collection 03 — studio kanban. */
.egm2-context-card.is-ops-dashboard .egm2-context-art{height:570px;padding:21px;background:#efede7}.egm2-ops-shell{display:grid;height:100%;grid-template-columns:52px 1fr;overflow:hidden;border:1px solid #d9d5ce;border-radius:18px;background:#f8f7f4}.egm2-ops-shell>aside{display:flex;align-items:center;flex-direction:column;gap:21px;padding:17px 0;background:#17171b}.egm2-ops-shell>aside b{color:#fff;font-size:12px}.egm2-ops-shell>aside i{width:17px;height:3px;border-radius:99px;background:#56545d}.egm2-ops-shell>aside i:first-of-type{margin-top:26px;background:#fff}.egm2-ops-shell>aside span{margin-top:auto;color:#fff;font-size:9px}.egm2-ops-shell>main{min-width:0;padding:20px}.egm2-ops-shell main>header{display:flex;align-items:center;justify-content:space-between}.egm2-ops-shell main>header small,.egm2-ops-shell main>header strong{display:block}.egm2-ops-shell main>header strong{margin-top:5px;font-size:19px}.egm2-ops-shell main>header button{padding:9px 11px;border-radius:8px;color:#fff;background:#17171b;font-size:7px;font-weight:800}.egm2-ops-board{display:grid;height:435px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:21px}.egm2-ops-board>article{min-width:0;padding:11px;border-radius:12px;background:#ebe9e3}.egm2-ops-board article>header{display:flex;justify-content:space-between;padding:2px 2px 10px;color:#77747c;font-size:7px}.egm2-ops-board article>header>b{display:grid;width:16px;height:16px;place-items:center;border-radius:50%;background:#d8d5ce;font-size:6px}.egm2-ops-board article>div{margin-bottom:9px;padding:12px;border:1px solid #ddd9d2;border-radius:10px;background:#fff}.egm2-ops-board article>div>small,.egm2-ops-board article>div>strong{display:block}.egm2-ops-board article>div>small{color:#88858d;font-size:6px}.egm2-ops-board article>div>strong{margin:9px 0 17px;font-size:11px;line-height:1.1}.egm2-ops-board article>div>p{display:flex;align-items:center;margin:0}.egm2-ops-board article>div>p i{display:grid;width:20px;height:20px;place-items:center;border-radius:50%;color:#fff;background:#17171b;font-size:6px;font-style:normal;font-weight:800}.egm2-ops-board article>div>p em{margin-left:auto;color:#85828a;font-size:6px;font-style:normal}.egm2-ops-board article>div.is-accent{color:#fff;background:var(--egm-context-gradient)}.egm2-ops-board article>div.is-accent small,.egm2-ops-board article>div.is-accent p em{color:rgba(255,255,255,.75)}.egm2-ops-board article>div.is-accent>span{display:block;height:4px;margin-top:12px;border-radius:99px;background:rgba(255,255,255,.25)}.egm2-ops-board article>div.is-accent>span b{display:block;width:72%;height:100%;border-radius:99px;background:#fff}

/* Dashboard collection 03 — commerce performance. */
.egm2-context-card.is-commerce-dashboard .egm2-context-art{height:620px;padding:20px;background:var(--egm-context-gradient)}.egm2-commerce-shell{display:grid;height:100%;grid-template-columns:118px 1fr;overflow:hidden;border-radius:18px;background:#f6f4ee;box-shadow:0 24px 55px rgba(23,23,27,.19)}.egm2-commerce-shell>nav{display:flex;flex-direction:column;padding:22px 17px;color:#807d84;background:#fff}.egm2-commerce-shell>nav b{margin-bottom:48px;color:#17171b;font-size:11px}.egm2-commerce-shell>nav span{margin-bottom:21px;font-size:7px}.egm2-commerce-shell>nav span:first-of-type{font-weight:850;color:#17171b}.egm2-commerce-shell>nav i{display:grid;width:27px;height:27px;margin-top:auto;place-items:center;border-radius:50%;color:#fff;background:#17171b;font-size:7px;font-style:normal}.egm2-commerce-shell>main{padding:22px}.egm2-commerce-shell main>header{display:flex;justify-content:space-between}.egm2-commerce-shell main>header small,.egm2-commerce-shell main>header strong{display:block}.egm2-commerce-shell main>header strong{margin-top:5px;font-size:21px;letter-spacing:-.05em}.egm2-commerce-shell main>header button{padding:9px 11px;border:1px solid #d9d5ce;border-radius:8px;background:#fff;font-size:7px;font-weight:800}.egm2-commerce-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.egm2-commerce-kpis article{position:relative;padding:16px;border-radius:12px;background:#17171b;color:#fff}.egm2-commerce-kpis article:nth-child(2){color:#17171b;background:#fff}.egm2-commerce-kpis small,.egm2-commerce-kpis b{display:block}.egm2-commerce-kpis b{margin-top:8px;font-size:21px}.egm2-commerce-kpis span{position:absolute;right:13px;bottom:17px;color:#57cf98;font-size:7px;font-weight:800}.egm2-commerce-body{display:grid;height:330px;grid-template-columns:1.35fr .65fr;gap:10px}.egm2-commerce-body>section,.egm2-commerce-body>aside{padding:15px;border-radius:12px;background:#fff}.egm2-commerce-body>section>header{display:flex;justify-content:space-between;font-size:8px}.egm2-commerce-body>section>header span{color:#817e85;font-size:6px}.egm2-commerce-bars{display:flex;height:220px;align-items:flex-end;gap:10px;padding:22px 6px 0}.egm2-commerce-bars i{flex:1;min-width:0;border-radius:5px 5px 2px 2px;background:var(--egm-context-gradient)}.egm2-commerce-body>section>footer{display:flex;justify-content:space-around;color:#77747c;font-size:6px}.egm2-commerce-body>aside small{color:#858189}.egm2-commerce-body>aside>div{display:flex;align-items:center;margin:22px 0}.egm2-commerce-body>aside>div>i{width:60px;height:72px;border-radius:12px;background:var(--egm-context-gradient)}.egm2-commerce-body>aside>div span{margin-left:10px}.egm2-commerce-body>aside>div b,.egm2-commerce-body>aside>div em{display:block}.egm2-commerce-body>aside>div b{font-size:9px}.egm2-commerce-body>aside>div em{margin-top:5px;color:#858189;font-size:6px;font-style:normal}.egm2-commerce-body>aside>strong{display:block;font-size:20px}.egm2-commerce-body>aside>p{color:#858189;font-size:7px}

/* Dashboard collection 03 — infrastructure monitoring. */
.egm2-context-card.is-monitor-dashboard .egm2-context-art{height:590px;padding:21px;background:#e8ebe7}.egm2-monitor-shell{height:100%;overflow:hidden;border-radius:18px;color:#f5f5f2;background:#151719}.egm2-monitor-shell>header{display:flex;height:60px;align-items:center;justify-content:space-between;padding:0 21px;border-bottom:1px solid #313438}.egm2-monitor-shell>header>b{font-size:12px}.egm2-monitor-shell>header>b span{color:#797d82;font-weight:500}.egm2-monitor-shell>header>div{display:flex;align-items:center;gap:7px;color:#71d6a8;font-size:7px}.egm2-monitor-shell>header>div i{width:6px;height:6px;border-radius:50%;background:#71d6a8;box-shadow:0 0 0 4px rgba(113,214,168,.12)}.egm2-monitor-shell>header button{padding:8px 10px;border-radius:7px;background:#fff;font-size:7px;font-weight:850}.egm2-monitor-hero{padding:28px 22px 22px}.egm2-monitor-hero small,.egm2-monitor-hero strong{display:block}.egm2-monitor-hero small{color:#777b80}.egm2-monitor-hero strong{margin:10px 0 5px;font:500 45px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.07em}.egm2-monitor-hero p{margin:0;color:#8d9196;font-size:8px}.egm2-monitor-grid{display:grid;height:300px;grid-template-columns:1.4fr .6fr;gap:10px;padding:0 20px}.egm2-monitor-grid>section,.egm2-monitor-grid>aside{padding:15px;border:1px solid #303338;border-radius:12px;background:#1d2023}.egm2-monitor-grid>section>header{display:flex;justify-content:space-between;font-size:8px}.egm2-monitor-grid>section>header span{color:#71d6a8}.egm2-monitor-pulse{display:flex;height:205px;align-items:end;gap:4px;padding-top:22px}.egm2-monitor-pulse i{flex:1;min-width:2px;border-radius:2px 2px 0 0;background:var(--egm-context-gradient)}.egm2-monitor-grid>section>footer{display:flex;justify-content:space-between;color:#696d72;font-size:6px}.egm2-monitor-grid>aside>b{font-size:7px}.egm2-monitor-grid>aside p{margin:20px 0;color:#9a9da1;font-size:7px}.egm2-monitor-grid>aside p i{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#71d6a8}.egm2-monitor-grid>aside p span{float:right;color:#fff}.egm2-monitor-shell>footer{display:flex;align-items:center;justify-content:space-around;margin:16px 20px 0;padding-top:15px;border-top:1px solid #303338;color:#8c9094;font-size:6px}.egm2-monitor-shell>footer i{width:6px;height:6px;border-radius:50%;background:#71d6a8}

@media(max-width:560px){.egm2-context-card.is-growth-dashboard .egm2-context-art{height:540px;padding:13px}.egm2-growth-shell{grid-template-columns:45px 1fr}.egm2-growth-shell>aside{align-items:center;padding-inline:7px}.egm2-growth-shell>aside span{display:none}.egm2-growth-shell>main{padding:14px}.egm2-growth-metrics article:nth-child(3){display:none}.egm2-growth-metrics{grid-template-columns:1fr 1fr}.egm2-growth-metrics em{display:none}.egm2-context-card.is-finance-dashboard .egm2-context-art{height:570px;padding:13px}.egm2-finance-shell>header>span{display:none}.egm2-finance-grid{height:315px;grid-template-columns:1fr;padding-inline:13px}.egm2-finance-grid>aside{display:none}.egm2-finance-balance{padding:21px 15px 18px}.egm2-finance-balance strong{font-size:29px}.egm2-context-card.is-ops-dashboard .egm2-context-art{height:520px;padding:13px}.egm2-ops-shell{grid-template-columns:40px 1fr}.egm2-ops-shell>main{padding:13px}.egm2-ops-board{height:410px;grid-template-columns:1fr 1fr}.egm2-ops-board>article:nth-child(3){display:none}.egm2-context-card.is-commerce-dashboard .egm2-context-art{height:555px;padding:13px}.egm2-commerce-shell{grid-template-columns:43px 1fr}.egm2-commerce-shell>nav{align-items:center;padding-inline:6px}.egm2-commerce-shell>nav b{font-size:0}.egm2-commerce-shell>nav b:after{font-size:10px;content:"SG"}.egm2-commerce-shell>nav span{display:none}.egm2-commerce-shell>main{padding:14px}.egm2-commerce-body{height:300px;grid-template-columns:1fr}.egm2-commerce-body>aside{display:none}.egm2-commerce-bars{height:205px}.egm2-context-card.is-monitor-dashboard .egm2-context-art{height:530px;padding:13px}.egm2-monitor-shell>header>div{display:none}.egm2-monitor-hero{padding:22px 15px 18px}.egm2-monitor-hero strong{font-size:37px}.egm2-monitor-grid{height:285px;grid-template-columns:1fr;padding-inline:13px}.egm2-monitor-grid>aside{display:none}.egm2-monitor-pulse{height:195px}.egm2-monitor-shell>footer span:nth-of-type(n+3),.egm2-monitor-shell>footer i:nth-of-type(n+3){display:none}}

/* Branding collection 04 — identity guideline sheet. */
.egm2-context-card.is-identity-brand .egm2-context-art{height:650px;padding:22px;background:#f0ede6}.egm2-identity-sheet{height:100%;overflow:hidden;border:1px solid #cfcac0;background:#faf8f2}.egm2-identity-sheet>header{display:grid;height:70px;grid-template-columns:1fr 1fr auto;align-items:center;padding:0 20px;border-bottom:1px solid #17171b}.egm2-identity-sheet>header b{font-size:13px;line-height:.82}.egm2-identity-sheet>header span,.egm2-identity-sheet>header i{font-size:7px;font-style:normal;font-weight:800;letter-spacing:.08em}.egm2-identity-hero{position:relative;height:360px;overflow:hidden;padding:30px;background:var(--egm-context-gradient);color:#fff}.egm2-identity-hero>div{position:relative;z-index:2}.egm2-identity-hero strong{display:block;margin:16px 0;font-size:45px;letter-spacing:-.08em;line-height:.87}.egm2-identity-hero p{max-width:270px;font-size:9px;line-height:1.55}.egm2-identity-hero>i{position:absolute;border:1px solid rgba(255,255,255,.6);border-radius:50%}.egm2-identity-hero>i:first-of-type{right:-55px;top:-65px;width:300px;height:300px}.egm2-identity-hero>i:nth-of-type(2){right:38px;top:36px;width:115px;height:115px;background:rgba(255,255,255,.2);backdrop-filter:blur(12px)}.egm2-identity-hero>b{position:absolute;right:66px;top:76px;z-index:1;font-size:33px}.egm2-identity-strip{display:flex;justify-content:space-between;padding:13px 18px;color:#fff;background:#17171b;font-size:7px;font-weight:850;letter-spacing:.1em}.egm2-identity-sheet>footer{display:grid;height:138px;grid-template-columns:1fr 1fr 1fr}.egm2-identity-sheet>footer article{padding:17px;border-right:1px solid #cfcac0}.egm2-identity-sheet>footer article:last-child{border:0}.egm2-identity-sheet>footer small,.egm2-identity-sheet>footer b,.egm2-identity-sheet>footer span{display:block}.egm2-identity-sheet>footer article:first-child b{font:44px/.9 Georgia,serif}.egm2-identity-sheet>footer span{margin-top:7px;color:#77737b;font-size:6px}.egm2-identity-sheet>footer article:nth-child(2) i{display:inline-block;width:28px;height:45px;margin:15px 5px 0 0;background:#17171b}.egm2-identity-sheet>footer article:nth-child(2) i:nth-of-type(1){background:var(--egm-context-gradient)}.egm2-identity-sheet>footer article:nth-child(2) i:nth-of-type(3){background:#ddd7ca}.egm2-identity-sheet>footer article:last-child b{margin-top:18px;font-size:13px;line-height:1.05}

/* Branding collection 04 — packaging family. */
.egm2-context-card.is-packaging-brand .egm2-context-art{height:610px;padding:22px;color:#17171b;background:#e9e3d7}.egm2-pack-scene{position:relative;height:100%;overflow:hidden;border-radius:18px;background:var(--egm-context-gradient)}.egm2-pack-scene>header{display:flex;align-items:start;justify-content:space-between;padding:20px;color:#fff;font-size:7px}.egm2-pack-scene>header b{font-size:13px;line-height:.82}.egm2-pack-scene>header i{font-style:normal}.egm2-pack-copy{position:absolute;left:22px;top:110px;z-index:2;color:#fff}.egm2-pack-copy strong{display:block;margin:12px 0;font:700 36px/.9 Georgia,serif;letter-spacing:-.055em}.egm2-pack-copy p{max-width:210px;font-size:9px;line-height:1.5}.egm2-pack-objects{position:absolute;right:18px;bottom:40px;left:18px;display:flex;height:310px;align-items:end;justify-content:center;gap:13px}.egm2-pack-objects article{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:space-between;padding:15px 10px;color:#17171b;background:#f5f0e8;box-shadow:0 22px 34px rgba(30,24,22,.18)}.egm2-pack-objects article:first-child{width:28%;height:235px;border-radius:40px 40px 16px 16px}.egm2-pack-objects article:nth-child(2){width:27%;height:285px;border-radius:12px}.egm2-pack-objects article:nth-child(3){width:25%;height:200px;border-radius:18px 18px 7px 7px}.egm2-pack-objects article:before{position:absolute;inset:40% 0 auto;height:42px;background:var(--egm-context-gradient);content:""}.egm2-pack-objects span,.egm2-pack-objects small{font-size:6px;font-weight:850;letter-spacing:.1em}.egm2-pack-objects b{position:relative;z-index:1;font-size:29px}.egm2-pack-scene>footer{position:absolute;right:0;bottom:0;left:0;display:flex;justify-content:space-around;padding:13px;background:#17171b;color:#fff;font-size:6px;font-weight:850;letter-spacing:.12em}

/* Branding collection 04 — kinetic sports campaign. */
.egm2-context-card.is-campaign-brand .egm2-context-art{height:570px;padding:0;color:#fff;background:var(--egm-context-gradient)}.egm2-brand-campaign{position:relative;height:100%;overflow:hidden}.egm2-brand-campaign>header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid rgba(255,255,255,.4);font-size:7px}.egm2-brand-campaign>header b{font-size:18px;letter-spacing:-.07em}.egm2-brand-campaign>header button{padding:9px 11px;border-radius:999px;font-size:7px;font-weight:850}.egm2-brand-word{position:absolute;top:75px;left:20px;z-index:2}.egm2-brand-word span,.egm2-brand-word strong{display:block;font-size:58px;letter-spacing:-.1em;line-height:.73}.egm2-brand-word strong{margin-left:55px;-webkit-text-stroke:1px #fff;color:transparent}.egm2-brand-runner{position:absolute;right:-20px;bottom:40px;width:340px;height:370px}.egm2-brand-runner i{position:absolute;display:block;background:#17171b;box-shadow:0 18px 38px rgba(23,23,27,.22)}.egm2-brand-runner i:first-child{left:128px;top:30px;width:82px;height:90px;border-radius:48%}.egm2-brand-runner i:nth-child(2){left:95px;top:112px;width:135px;height:155px;border-radius:48px 48px 22px 22px;transform:rotate(-12deg)}.egm2-brand-runner i:nth-child(3){left:63px;top:235px;width:62px;height:150px;border-radius:35px;transform:rotate(25deg)}.egm2-brand-runner i:nth-child(4){left:192px;top:237px;width:58px;height:155px;border-radius:35px;transform:rotate(-28deg)}.egm2-brand-campaign>aside{position:absolute;left:22px;bottom:63px;z-index:2}.egm2-brand-campaign>aside p{font-size:12px;font-weight:750;line-height:1.1}.egm2-brand-campaign>aside b{font-size:8px}.egm2-brand-campaign>footer{position:absolute;right:0;bottom:0;left:0;display:flex;justify-content:space-between;padding:16px 20px;background:#17171b;font-size:7px;font-weight:850;letter-spacing:.12em}.egm2-brand-campaign>footer i{font-style:normal}

/* Commerce collection 04 — editorial product catalog. */
.egm2-context-card.is-catalog-commerce .egm2-context-art{height:680px;padding:22px;background:#f2efe8}.egm2-catalog-shell{height:100%}.egm2-catalog-shell>header{display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid #17171b;font-size:7px}.egm2-catalog-shell>header b{font-size:12px}.egm2-catalog-intro{margin:35px 0 27px}.egm2-catalog-intro strong{display:block;margin:12px 0;font:700 39px/.9 Georgia,serif;letter-spacing:-.055em}.egm2-catalog-intro p{color:#6f6b72;font-size:9px}.egm2-catalog-grid{display:grid;height:365px;grid-template-columns:1.15fr .85fr .85fr;gap:10px}.egm2-catalog-grid>article{display:flex;overflow:hidden;flex-direction:column;background:#fff}.egm2-catalog-grid>article>div{position:relative;flex:1;overflow:hidden;background:var(--egm-context-gradient)}.egm2-catalog-grid article>footer{display:flex;justify-content:space-between;padding:12px;font-size:7px}.egm2-catalog-lamp i:first-child{position:absolute;left:49%;top:16%;width:8px;height:55%;background:#17171b}.egm2-catalog-lamp i:nth-child(2){position:absolute;left:28%;top:12%;width:44%;height:38%;border-radius:50% 50% 12px 12px;background:#eee9df;box-shadow:0 18px 25px rgba(23,23,27,.18)}.egm2-catalog-vase i{position:absolute;left:24%;bottom:16%;width:52%;height:61%;border-radius:42% 42% 22% 22%;background:#efe8dd;clip-path:polygon(15% 0,85% 0,100% 100%,0 100%)}.egm2-catalog-tray i:first-child{position:absolute;left:14%;bottom:23%;width:72%;height:43%;border:14px solid #17171b;border-radius:50%;transform:rotate(-12deg)}.egm2-catalog-tray i:nth-child(2){position:absolute;left:35%;top:19%;width:31%;height:31%;border-radius:50%;background:#f3eee5}.egm2-catalog-shell>footer{display:flex;justify-content:space-between;margin-top:17px;font-size:7px}.egm2-catalog-shell>footer b{font-size:8px}

/* Commerce collection 04 — calm checkout flow. */
.egm2-context-card.is-checkout-commerce .egm2-context-art{height:640px;padding:21px;background:var(--egm-context-gradient)}.egm2-checkout-shell{height:100%;overflow:hidden;border-radius:18px;background:#faf9f6;box-shadow:0 23px 55px rgba(23,23,27,.2)}.egm2-checkout-shell>header{display:flex;height:57px;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #dfdcd6;font-size:7px}.egm2-checkout-shell>header b{font-size:15px}.egm2-checkout-shell>header span{color:#817e85;letter-spacing:.1em}.egm2-checkout-shell>header i{font-style:normal}.egm2-checkout-shell>main{display:grid;height:calc(100% - 57px);grid-template-columns:1.15fr .85fr}.egm2-checkout-shell>main>section{padding:28px}.egm2-checkout-shell>main>section>strong{display:block;margin:9px 0 23px;font-size:24px;letter-spacing:-.055em}.egm2-checkout-shell label{display:block;margin-bottom:11px;color:#757179;font-size:6px;font-weight:800;letter-spacing:.08em}.egm2-checkout-shell label>span{display:block;margin-top:6px;padding:10px;border:1px solid #d9d5ce;border-radius:8px;color:#17171b;background:#fff;font-size:8px;font-weight:650;letter-spacing:0}.egm2-checkout-shell>main>section>div{display:grid;grid-template-columns:1fr 1fr;gap:9px}.egm2-checkout-shell>main>section>button{display:flex;width:100%;justify-content:space-between;margin-top:18px;padding:12px 14px;border-radius:8px;color:#fff;background:#17171b;font-size:8px;font-weight:850}.egm2-checkout-shell>main>section>button i{font-style:normal}.egm2-checkout-shell>main>section>p{text-align:center;color:#77737b;font-size:7px}.egm2-checkout-shell>main>aside{padding:28px 22px;background:#eeebe4}.egm2-checkout-shell>main>aside>small{color:#77737b}.egm2-checkout-shell>main>aside>article{display:grid;grid-template-columns:62px 1fr;gap:11px;margin-top:18px;padding-bottom:15px;border-bottom:1px solid #d4d0c8}.egm2-checkout-shell>main>aside>article>div{position:relative;height:72px;overflow:hidden;border-radius:10px;background:var(--egm-context-gradient)}.egm2-checkout-product i{position:absolute;background:#eee8de}.egm2-checkout-product i:first-child{left:17%;top:22%;width:66%;height:40%;border-radius:45% 45% 8px 8px}.egm2-checkout-product i:nth-child(2),.egm2-checkout-product i:nth-child(3){top:57%;width:5px;height:28%;background:#17171b}.egm2-checkout-product i:nth-child(2){left:33%}.egm2-checkout-product i:nth-child(3){right:31%}.egm2-checkout-object i{position:absolute;inset:20%;border:9px solid #17171b;border-radius:50%}.egm2-checkout-shell>main>aside>article>span{position:relative}.egm2-checkout-shell>main>aside>article b,.egm2-checkout-shell>main>aside>article em,.egm2-checkout-shell>main>aside>article strong{display:block}.egm2-checkout-shell>main>aside>article b{font-size:8px}.egm2-checkout-shell>main>aside>article em{margin-top:5px;color:#7d7981;font-size:6px;font-style:normal}.egm2-checkout-shell>main>aside>article strong{position:absolute;bottom:0;font-size:8px}.egm2-checkout-shell>main>aside>footer{margin-top:21px}.egm2-checkout-shell>main>aside>footer p,.egm2-checkout-shell>main>aside>footer>strong{display:flex;justify-content:space-between;font-size:7px}.egm2-checkout-shell>main>aside>footer>strong{margin-top:14px;padding-top:14px;border-top:1px solid #c8c4bc;font-size:11px}

@media(max-width:560px){.egm2-context-card.is-identity-brand .egm2-context-art{height:580px;padding:13px}.egm2-identity-sheet>header{grid-template-columns:1fr auto;padding-inline:13px}.egm2-identity-sheet>header span{display:none}.egm2-identity-hero{height:330px;padding:21px}.egm2-identity-hero strong{font-size:37px}.egm2-identity-sheet>footer article:nth-child(3){display:none}.egm2-identity-sheet>footer{grid-template-columns:1fr 1fr}.egm2-context-card.is-packaging-brand .egm2-context-art{height:550px;padding:13px}.egm2-pack-scene>header span{display:none}.egm2-pack-copy{left:16px;top:90px}.egm2-pack-copy strong{font-size:30px}.egm2-pack-objects{right:10px;left:10px;height:270px;gap:7px}.egm2-pack-objects article:nth-child(3){display:none}.egm2-pack-objects article:first-child,.egm2-pack-objects article:nth-child(2){width:41%}.egm2-context-card.is-campaign-brand .egm2-context-art{height:510px}.egm2-brand-campaign>header span{display:none}.egm2-brand-word span,.egm2-brand-word strong{font-size:47px}.egm2-brand-runner{right:-125px;opacity:.82}.egm2-context-card.is-catalog-commerce .egm2-context-art{height:590px;padding:14px}.egm2-catalog-shell>header span{display:none}.egm2-catalog-intro strong{font-size:33px}.egm2-catalog-grid{height:320px;grid-template-columns:1fr 1fr}.egm2-catalog-grid>article:nth-child(3){display:none}.egm2-context-card.is-checkout-commerce .egm2-context-art{height:590px;padding:13px}.egm2-checkout-shell>header span{display:none}.egm2-checkout-shell>main{grid-template-columns:1fr}.egm2-checkout-shell>main>section{padding:20px}.egm2-checkout-shell>main>aside{display:none}}

/* Social collection 05 — vertical story in context. */
.egm2-context-card.is-story-social .egm2-context-art{height:690px;padding:25px;color:#fff;background:#17171b}.egm2-story-stage{display:flex;height:100%;align-items:center;justify-content:space-around;gap:28px}.egm2-story-phone{width:285px;height:610px;overflow:hidden;border:7px solid #2a292f;border-radius:32px;background:#fff;color:#17171b;box-shadow:0 30px 60px rgba(0,0,0,.35)}.egm2-story-phone>header{display:flex;height:58px;align-items:center;justify-content:space-between;padding:0 14px;font-size:8px}.egm2-story-phone>header>div{display:flex;align-items:center;gap:8px}.egm2-story-phone>header i{width:27px;height:27px;border-radius:50%;background:var(--egm-context-gradient)}.egm2-story-phone>header span b,.egm2-story-phone>header span small{display:block}.egm2-story-phone>header span small{color:#85828a;font-size:6px}.egm2-story-phone>header em{font-style:normal}.egm2-story-phone>main{position:relative;height:485px;overflow:hidden;padding:28px 20px;color:#fff;background:var(--egm-context-gradient)}.egm2-story-phone>main>small{position:relative;z-index:2}.egm2-story-phone>main>strong{position:relative;z-index:2;display:block;margin-top:220px;font-size:38px;letter-spacing:-.075em;line-height:.9}.egm2-story-phone>main>p{position:relative;z-index:2;max-width:180px;font-size:9px;line-height:1.45}.egm2-story-phone>main>button{position:relative;z-index:2;margin-top:10px;padding:10px 12px;border-radius:999px;background:#fff;font-size:7px;font-weight:850}.egm2-story-phone>main>span{position:absolute;right:17px;bottom:17px;font-size:7px}.egm2-story-sun i{position:absolute;border:1px solid rgba(255,255,255,.55);border-radius:50%}.egm2-story-sun i:first-child{right:-70px;top:-60px;width:270px;height:270px}.egm2-story-sun i:nth-child(2){right:40px;top:50px;width:75px;height:75px;background:rgba(255,255,255,.22);backdrop-filter:blur(10px)}.egm2-story-phone>footer{display:flex;height:53px;align-items:center;gap:10px;padding:0 13px}.egm2-story-phone>footer>span{flex:1;padding:10px;border:1px solid #ddd9d3;border-radius:999px;color:#8b878e;font-size:7px}.egm2-story-phone>footer i{font-style:normal}.egm2-story-stage>aside{max-width:205px}.egm2-story-stage>aside small{color:#8c8992}.egm2-story-stage>aside strong{display:block;margin:14px 0;font-size:30px;letter-spacing:-.065em;line-height:.94}.egm2-story-stage>aside p{color:#aaa7af;font-size:9px;line-height:1.6}.egm2-story-stage>aside>div{display:flex;gap:6px;margin-top:18px}.egm2-story-stage>aside span{padding:6px 8px;border:1px solid #48464f;border-radius:999px;font-size:6px}

/* Social collection 05 — educational carousel. */
.egm2-context-card.is-carousel-social .egm2-context-art{height:610px;padding:22px;background:#eeeae2}.egm2-carousel-shell{height:100%}.egm2-carousel-shell>header{display:flex;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #17171b;font-size:7px}.egm2-carousel-shell>header b{font-size:11px}.egm2-carousel-shell>header i{font-style:normal}.egm2-carousel-shell>section{display:grid;height:470px;grid-template-columns:1.2fr .9fr .9fr;gap:9px;margin-top:14px}.egm2-carousel-shell>section>article{position:relative;overflow:hidden;padding:18px;background:#fff}.egm2-carousel-shell>section>article:first-child{color:#fff;background:var(--egm-context-gradient)}.egm2-carousel-shell article small,.egm2-carousel-shell article strong{display:block}.egm2-carousel-shell article strong{margin:55px 0 16px;font-size:29px;letter-spacing:-.07em;line-height:.92}.egm2-carousel-shell article p{font-size:8px;line-height:1.5}.egm2-carousel-shell article>b{position:absolute;left:18px;bottom:18px;font-size:8px}.egm2-carousel-shell article:first-child>div i{position:absolute;border:1px solid rgba(255,255,255,.5);border-radius:50%}.egm2-carousel-shell article:first-child>div i:first-child{right:-70px;bottom:-40px;width:220px;height:220px}.egm2-carousel-shell article:first-child>div i:nth-child(2){right:22px;bottom:52px;width:55px;height:55px;background:rgba(255,255,255,.2)}.egm2-carousel-shell article:nth-child(2)>span{position:absolute;right:17px;bottom:15px;font:42px Georgia,serif}.egm2-carousel-shell article:nth-child(3){color:#fff;background:#17171b}.egm2-carousel-rhythm{position:absolute;right:18px;bottom:18px;left:18px;display:flex;height:150px;align-items:end;gap:6px}.egm2-carousel-rhythm i{flex:1;border-radius:4px;background:var(--egm-context-gradient)}.egm2-carousel-rhythm i:nth-child(1){height:35%}.egm2-carousel-rhythm i:nth-child(2){height:70%}.egm2-carousel-rhythm i:nth-child(3){height:48%}.egm2-carousel-rhythm i:nth-child(4){height:92%}.egm2-carousel-rhythm i:nth-child(5){height:62%}.egm2-carousel-shell>footer{display:flex;justify-content:space-between;padding-top:13px;font-size:7px}

/* Social collection 05 — creator grid/profile. */
.egm2-context-card.is-creator-social .egm2-context-art{height:625px;padding:22px;background:#f4f2ed}.egm2-creator-shell{height:100%;overflow:hidden;border:1px solid #d7d3cc;border-radius:18px;background:#fff}.egm2-creator-shell>header{display:flex;height:65px;align-items:center;padding:0 17px}.egm2-creator-avatar{display:grid;width:34px;height:34px;margin-right:10px;place-items:center;border-radius:50%;background:var(--egm-context-gradient)}.egm2-creator-avatar i{width:17px;height:17px;border:1px solid #fff;border-radius:50%}.egm2-creator-shell>header span b,.egm2-creator-shell>header span small{display:block}.egm2-creator-shell>header span b{font-size:9px}.egm2-creator-shell>header span small{margin-top:3px;color:#858189;font-size:6px}.egm2-creator-shell>header button{margin-left:auto;background:transparent}.egm2-creator-grid{display:grid;height:410px;grid-template-columns:1.2fr .8fr;grid-template-rows:1fr 1fr;gap:4px;background:#fff}.egm2-creator-grid>article{position:relative;overflow:hidden;background:var(--egm-context-gradient)}.egm2-creator-grid>article:nth-child(2){color:#fff;background:#17171b}.egm2-creator-grid>article:nth-child(3){background:#e9e4da}.egm2-creator-grid>article:nth-child(4){color:#fff;background:var(--egm-context-gradient)}.egm2-creator-grid>article>div:not(.egm2-creator-type):not(.egm2-creator-object){position:absolute;right:16px;bottom:16px;left:16px;color:#fff}.egm2-creator-grid strong{display:block;margin-top:8px;font-size:23px;letter-spacing:-.065em;line-height:.9}.egm2-creator-grid article:first-child span{position:absolute;right:0;bottom:0}.egm2-creator-type{display:grid;height:100%;place-items:center;font:65px Georgia,serif}.egm2-creator-object i:first-child{position:absolute;left:30%;top:18%;width:45%;height:60%;border-radius:48% 48% 14px 14px;background:#17171b}.egm2-creator-object i:nth-child(2){position:absolute;left:47%;top:70%;width:10px;height:22%;background:#17171b}.egm2-creator-shell>footer{padding:15px 17px}.egm2-creator-shell>footer p{margin:0;font-size:8px}.egm2-creator-shell>footer>span,.egm2-creator-shell>footer>small{display:block;margin-top:8px;color:#8c8990;font-size:6px}

/* Campaign collection 05 — outdoor product launch. */
.egm2-context-card.is-outdoor-campaign .egm2-context-art{height:640px;color:#fff;background:var(--egm-context-gradient)}.egm2-outdoor-shell{position:relative;height:100%;overflow:hidden}.egm2-outdoor-shell>header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid rgba(255,255,255,.42);font-size:7px}.egm2-outdoor-shell>header b{font-size:13px}.egm2-outdoor-shell>header button{padding:8px 11px;border-radius:999px;font-size:7px;font-weight:850}.egm2-outdoor-copy{position:absolute;left:23px;top:110px;z-index:3}.egm2-outdoor-copy strong{display:block;margin:13px 0;font-size:52px;letter-spacing:-.085em;line-height:.82}.egm2-outdoor-copy p{max-width:245px;font-size:9px;line-height:1.5}.egm2-outdoor-copy button{margin-top:14px;padding:10px 13px;border-radius:999px;color:#fff;background:#17171b;font-size:7px;font-weight:850}.egm2-outdoor-land i{position:absolute;right:-10%;bottom:42px;left:-10%;display:block}.egm2-outdoor-land i:first-child{height:310px;background:rgba(255,255,255,.18);clip-path:polygon(0 70%,20% 33%,35% 65%,55% 8%,70% 57%,84% 29%,100% 68%,100% 100%,0 100%)}.egm2-outdoor-land i:nth-child(2){height:235px;background:#17171b;clip-path:polygon(0 70%,22% 35%,38% 62%,58% 18%,75% 59%,91% 42%,100% 61%,100% 100%,0 100%)}.egm2-outdoor-land i:nth-child(3){right:95px;bottom:103px;left:auto;width:74px;height:170px;border-radius:38px 38px 16px 16px;background:#eae5dc;transform:rotate(-5deg)}.egm2-outdoor-land i:nth-child(4){right:112px;bottom:74px;left:auto;width:40px;height:70px;border-radius:12px;background:#eae5dc}.egm2-outdoor-shell>aside{position:absolute;right:20px;bottom:67px;z-index:3;text-align:right}.egm2-outdoor-shell>aside span,.egm2-outdoor-shell>aside b{display:block;font-size:7px}.egm2-outdoor-shell>aside b{margin-top:7px}.egm2-outdoor-shell>footer{position:absolute;right:0;bottom:0;left:0;display:flex;justify-content:space-around;padding:15px;background:#17171b;font-size:7px;font-weight:850;letter-spacing:.1em}

/* Campaign collection 05 — music and light festival. */
.egm2-context-card.is-festival-campaign .egm2-context-art{height:700px;padding:22px;color:#fff;background:#17171b}.egm2-festival-shell{position:relative;height:100%;overflow:hidden;background:var(--egm-context-gradient)}.egm2-festival-shell>header{display:flex;align-items:start;justify-content:space-between;padding:20px;border-bottom:1px solid rgba(255,255,255,.45);font-size:7px}.egm2-festival-shell>header b{font-size:15px;line-height:.8}.egm2-festival-shell>header i{font-style:normal}.egm2-festival-orbit{position:absolute;right:-55px;top:78px;width:330px;height:330px;border:1px solid rgba(255,255,255,.6);border-radius:50%}.egm2-festival-orbit i{position:absolute;border:1px solid rgba(255,255,255,.45);border-radius:50%}.egm2-festival-orbit i:first-child{inset:42px}.egm2-festival-orbit i:nth-child(2){inset:100px;background:rgba(255,255,255,.16);backdrop-filter:blur(10px)}.egm2-festival-orbit i:nth-child(3){left:15px;top:45px;width:25px;height:25px;background:#fff}.egm2-festival-orbit b{position:absolute;left:50%;top:50%;z-index:2;font-size:30px;transform:translate(-50%,-50%)}.egm2-festival-shell>section{position:absolute;left:21px;top:120px;z-index:2}.egm2-festival-shell>section small{display:block;max-width:240px;line-height:1.5}.egm2-festival-shell>section strong{display:block;margin:15px 0;font-size:52px;letter-spacing:-.085em;line-height:.82}.egm2-festival-shell>section p{max-width:250px;font-size:9px;line-height:1.5}.egm2-festival-shell>section button{margin-top:13px;padding:10px 12px;border-radius:999px;background:#17171b;color:#fff;font-size:7px;font-weight:850}.egm2-festival-shell>aside{position:absolute;right:22px;bottom:66px;display:grid;grid-template-columns:28px 1fr;gap:10px 13px;padding:16px;border:1px solid rgba(255,255,255,.35);background:rgba(23,23,27,.32);backdrop-filter:blur(9px);font-size:7px;line-height:1.45}.egm2-festival-shell>aside span{color:rgba(255,255,255,.65)}.egm2-festival-shell>footer{position:absolute;right:0;bottom:0;left:0;display:flex;justify-content:space-between;padding:15px 20px;background:#fff;color:#17171b;font-size:7px}

@media(max-width:560px){.egm2-context-card.is-story-social .egm2-context-art{height:650px;padding:14px}.egm2-story-stage>aside{display:none}.egm2-story-phone{width:278px}.egm2-context-card.is-carousel-social .egm2-context-art{height:540px;padding:14px}.egm2-carousel-shell>header span{display:none}.egm2-carousel-shell>section{height:410px;grid-template-columns:1fr 1fr}.egm2-carousel-shell>section>article:nth-child(3){display:none}.egm2-carousel-shell article strong{font-size:25px}.egm2-context-card.is-creator-social .egm2-context-art{height:560px;padding:13px}.egm2-creator-grid{height:375px}.egm2-creator-grid strong{font-size:19px}.egm2-context-card.is-outdoor-campaign .egm2-context-art{height:570px}.egm2-outdoor-shell>header span{display:none}.egm2-outdoor-copy strong{font-size:43px}.egm2-outdoor-land i:nth-child(3),.egm2-outdoor-land i:nth-child(4){opacity:.72}.egm2-context-card.is-festival-campaign .egm2-context-art{height:610px;padding:13px}.egm2-festival-shell>section strong{font-size:44px}.egm2-festival-orbit{right:-170px;opacity:.72}.egm2-festival-shell>aside{right:12px;bottom:58px;left:12px}.egm2-festival-shell>section{left:16px}}

/* Editorial collection 06 — long-form magazine spread. */
.egm2-context-card.is-magazine-editorial .egm2-context-art{height:680px;padding:22px;background:#eee9df}.egm2-magazine-shell{height:100%;overflow:hidden;background:#faf8f3}.egm2-magazine-shell>header{display:grid;height:66px;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 19px;border-bottom:3px solid #17171b;font-size:7px}.egm2-magazine-shell>header b{font:700 22px/.85 Georgia,serif;letter-spacing:-.055em}.egm2-magazine-shell>header i{text-align:right;font-style:normal}.egm2-magazine-shell>main{display:grid;height:490px;grid-template-columns:.9fr 1.1fr;gap:15px;padding:18px}.egm2-magazine-shell>main>section{padding:20px 8px}.egm2-magazine-shell>main>section strong{display:block;margin:25px 0 18px;font:700 48px/.84 Georgia,serif;letter-spacing:-.065em}.egm2-magazine-shell>main>section p{font:11px/1.55 Georgia,serif}.egm2-magazine-shell>main>section>div{display:flex;justify-content:space-between;margin-top:45px;padding-top:12px;border-top:1px solid #17171b;font-size:6px}.egm2-magazine-shell>main>aside{display:flex;flex-direction:column}.egm2-magazine-object{position:relative;flex:1;overflow:hidden;background:var(--egm-context-gradient)}.egm2-magazine-object i{position:absolute;display:block;background:#e7e0d5}.egm2-magazine-object i:first-child{right:14%;bottom:0;width:56%;height:77%;border-radius:48% 48% 12px 12px;transform:rotate(8deg)}.egm2-magazine-object i:nth-child(2){left:12%;top:18%;width:38%;height:38%;border-radius:50%;background:#17171b}.egm2-magazine-object i:nth-child(3){right:7%;top:10%;width:30%;height:30%;border:1px solid #fff;border-radius:50%;background:transparent}.egm2-magazine-shell>main>aside footer{display:flex;justify-content:space-between;padding:14px 0;font:12px/1.05 Georgia,serif}.egm2-magazine-shell>main>aside footer span{font:7px Inter,sans-serif}.egm2-magazine-shell>footer{display:flex;justify-content:space-between;padding:15px 19px;border-top:1px solid #17171b;font-size:7px}

/* Editorial collection 06 — newspaper front page. */
.egm2-context-card.is-newspaper-editorial .egm2-context-art{height:720px;padding:20px;background:#e4e0d8}.egm2-news-shell{height:100%;overflow:hidden;padding:16px;background:#fbfaf6}.egm2-news-shell>header{display:grid;grid-template-columns:1fr auto 1fr;align-items:end}.egm2-news-shell>header b{font:700 30px/.8 Georgia,serif;letter-spacing:-.065em}.egm2-news-shell>header span{text-align:right;font-size:6px}.egm2-news-rule{display:flex;justify-content:space-around;margin-top:13px;padding:8px;border-top:3px double #17171b;border-bottom:1px solid #17171b;font-size:6px;font-weight:850}.egm2-news-shell>main{display:grid;height:540px;grid-template-columns:.82fr 1.18fr .65fr;gap:12px;padding-top:16px}.egm2-news-shell>main>article{padding-right:5px}.egm2-news-shell>main>article strong{display:block;margin:16px 0;font:700 37px/.86 Georgia,serif;letter-spacing:-.06em}.egm2-news-shell>main>article p{font:10px/1.55 Georgia,serif}.egm2-news-shell>main>article>b{display:block;margin-top:30px;font-size:6px}.egm2-news-photo{position:relative;overflow:hidden;background:var(--egm-context-gradient)}.egm2-news-photo i:first-child{position:absolute;right:-15%;bottom:0;width:80%;height:78%;background:#ded7ca;clip-path:polygon(22% 0,100% 15%,100% 100%,0 100%,0 30%)}.egm2-news-photo i:nth-child(2){position:absolute;right:15%;bottom:0;width:34%;height:52%;background:#17171b}.egm2-news-photo i:nth-child(3){position:absolute;left:12%;top:12%;width:48%;height:48%;border:1px solid rgba(255,255,255,.65);border-radius:50%}.egm2-news-photo span{position:absolute;left:10px;bottom:10px;color:#fff;font-size:6px}.egm2-news-shell>main>aside article{padding:11px 0;border-top:1px solid #17171b}.egm2-news-shell>main>aside article b{display:block;margin-top:8px;font:700 13px/1.05 Georgia,serif}.egm2-news-shell>footer{display:flex;justify-content:space-between;padding-top:11px;border-top:3px double #17171b;font-size:7px}

/* Poster collection 06 — kinetic typography. */
.egm2-context-card.is-kinetic-poster .egm2-context-art{height:690px;padding:22px;color:#fff;background:#17171b}.egm2-kinetic-shell{position:relative;height:100%;overflow:hidden;background:var(--egm-context-gradient)}.egm2-kinetic-shell>header{display:flex;align-items:start;justify-content:space-between;padding:20px;border-bottom:1px solid rgba(255,255,255,.5);font-size:7px}.egm2-kinetic-shell>header b{font-size:14px;line-height:.8}.egm2-kinetic-shell>header i{font-style:normal}.egm2-kinetic-type{position:absolute;left:20px;top:100px;z-index:2}.egm2-kinetic-type span,.egm2-kinetic-type strong{display:block;font-size:65px;letter-spacing:-.11em;line-height:.67}.egm2-kinetic-type span:nth-child(2){margin-left:38px;color:transparent;-webkit-text-stroke:1px #fff}.egm2-kinetic-type span:nth-child(3){margin-left:76px;opacity:.4}.egm2-kinetic-type strong{margin:13px 0 0 110px;font-weight:300}.egm2-kinetic-disc{position:absolute;right:-50px;bottom:68px;width:350px;height:350px;border:1px solid rgba(255,255,255,.58);border-radius:50%}.egm2-kinetic-disc i{position:absolute;border:1px solid rgba(255,255,255,.48);border-radius:50%}.egm2-kinetic-disc i:first-child{inset:47px}.egm2-kinetic-disc i:nth-child(2){inset:115px;background:rgba(255,255,255,.17);backdrop-filter:blur(10px)}.egm2-kinetic-disc b{position:absolute;left:50%;top:50%;z-index:1;font-size:28px;transform:translate(-50%,-50%)}.egm2-kinetic-shell>aside{position:absolute;left:21px;bottom:72px;z-index:2}.egm2-kinetic-shell>aside p{font-size:12px;font-weight:750;line-height:1.1}.egm2-kinetic-shell>aside b{font-size:7px}.egm2-kinetic-shell>footer{position:absolute;right:0;bottom:0;left:0;display:flex;justify-content:space-between;padding:16px 20px;background:#fff;color:#17171b;font-size:8px}

/* Poster collection 06 — exhibition announcement. */
.egm2-context-card.is-exhibition-poster .egm2-context-art{height:650px;padding:22px;background:#efede7}.egm2-archive-shell{position:relative;height:100%;overflow:hidden;color:#17171b;background:var(--egm-context-gradient)}.egm2-archive-shell>header{display:flex;justify-content:space-between;padding:19px;border-bottom:1px solid rgba(23,23,27,.5);font-size:7px;font-weight:850}.egm2-archive-shell>header i{font-style:normal}.egm2-archive-title{position:absolute;left:20px;top:78px;z-index:2}.egm2-archive-title strong{display:block;margin:12px 0 4px;font-size:55px;letter-spacing:-.095em;line-height:.75}.egm2-archive-title span{font-size:18px;font-weight:300}.egm2-archive-shape{position:absolute;right:18px;bottom:105px;width:300px;height:300px;background:#17171b;clip-path:polygon(50% 0,100% 23%,87% 100%,12% 89%,0 22%)}.egm2-archive-shape i{position:absolute;border:1px solid rgba(255,255,255,.45);border-radius:50%}.egm2-archive-shape i:first-child{inset:35px}.egm2-archive-shape i:nth-child(2){inset:85px;background:rgba(255,255,255,.12)}.egm2-archive-shape i:nth-child(3){left:20px;top:18px;width:30px;height:30px;background:#fff}.egm2-archive-shape b{position:absolute;left:50%;top:50%;color:#fff;font-size:32px;transform:translate(-50%,-50%)}.egm2-archive-shell>aside{position:absolute;left:20px;bottom:140px;display:flex;width:150px;align-items:center;gap:8px;font-size:8px}.egm2-archive-shell>aside i{height:1px;flex:1;background:#17171b}.egm2-archive-shell>footer{position:absolute;right:0;bottom:0;left:0;display:flex;justify-content:space-between;padding:20px;background:#f5f2eb;font-size:8px}.egm2-archive-shell>footer p{margin:0}.egm2-archive-shell>footer b{text-align:right}

/* Type collection 06 — variable type specimen. */
.egm2-context-card.is-type-specimen .egm2-context-art{height:700px;padding:22px;background:#17171b}.egm2-type-shell{height:100%;overflow:hidden;color:#17171b;background:#f8f6f0}.egm2-type-shell>header{display:flex;height:58px;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #17171b;font-size:7px}.egm2-type-shell>header b{font-size:12px}.egm2-type-shell>header i{font-style:normal}.egm2-type-hero{position:relative;height:305px;padding:22px;color:#fff;background:var(--egm-context-gradient)}.egm2-type-hero strong{display:block;margin-top:30px;font-size:63px;font-weight:720;letter-spacing:-.1em;line-height:.75}.egm2-type-hero>div{position:absolute;right:22px;bottom:20px;display:flex;align-items:center;gap:10px}.egm2-type-hero>div span{font:38px Georgia,serif}.egm2-type-hero>div i{font-style:normal}.egm2-type-axis{display:flex;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #17171b;font-size:6px}.egm2-type-axis b{font-size:7px}.egm2-type-grid{display:grid;height:215px;grid-template-columns:1.15fr 1.15fr .7fr}.egm2-type-grid article{padding:18px;border-right:1px solid #17171b}.egm2-type-grid article:last-child{border:0}.egm2-type-grid small,.egm2-type-grid b{display:block}.egm2-type-grid b{margin-top:28px;font-size:13px;letter-spacing:.04em;line-height:1.55}.egm2-type-shell>footer{display:flex;justify-content:space-between;padding:15px 18px;border-top:1px solid #17171b;font-size:7px}

/* Pro discovery tile — short, high-contrast and intentionally prominent. */
.egm2-context-more{position:relative;min-height:245px;overflow:hidden;border:0;border-radius:26px;background:linear-gradient(145deg,#17171b 0 57%,#5f3be8 57% 78%,#ff5a3c 78%);box-shadow:0 22px 52px rgba(41,30,92,.28)}.egm2-context-more:after{position:absolute;right:-55px;top:-55px;width:180px;height:180px;border:1px solid rgba(255,255,255,.32);border-radius:50%;box-shadow:0 0 0 36px rgba(255,255,255,.06),0 0 0 72px rgba(255,255,255,.04);content:""}.egm2-context-more:before{position:relative;z-index:1;width:48px;height:48px;border:1px solid rgba(255,255,255,.65);background:#fff;color:#17171b;font-size:9px}.egm2-context-more span{position:relative;z-index:1;margin-top:auto}.egm2-context-more small{color:#b9abff}.egm2-context-more strong{max-width:15ch;font-size:31px;line-height:.93}.egm2-context-more>b{position:relative;z-index:1;margin-top:16px;padding:12px 16px}.egm2-context-more:hover{box-shadow:0 28px 65px rgba(41,30,92,.38);transform:translateY(-4px)}

@media(max-width:560px){.egm2-context-card.is-magazine-editorial .egm2-context-art{height:600px;padding:13px}.egm2-magazine-shell>header{grid-template-columns:1fr auto;padding-inline:12px}.egm2-magazine-shell>header span{display:none}.egm2-magazine-shell>main{height:430px;grid-template-columns:1fr}.egm2-magazine-shell>main>section{position:absolute;z-index:2;width:66%;color:#fff}.egm2-magazine-shell>main>aside{height:430px}.egm2-magazine-shell>main>aside footer{display:none}.egm2-context-card.is-newspaper-editorial .egm2-context-art{height:620px;padding:12px}.egm2-news-shell>header{grid-template-columns:auto 1fr}.egm2-news-shell>header small{display:none}.egm2-news-shell>main{height:450px;grid-template-columns:1fr 1fr}.egm2-news-shell>main>aside{display:none}.egm2-news-shell>main>article strong{font-size:31px}.egm2-context-card.is-kinetic-poster .egm2-context-art{height:610px;padding:13px}.egm2-kinetic-type span,.egm2-kinetic-type strong{font-size:54px}.egm2-kinetic-disc{right:-170px;opacity:.72}.egm2-context-card.is-exhibition-poster .egm2-context-art{height:580px;padding:13px}.egm2-archive-title strong{font-size:45px}.egm2-archive-shape{right:-70px;width:260px;height:260px}.egm2-context-card.is-type-specimen .egm2-context-art{height:610px;padding:13px}.egm2-type-shell>header span{display:none}.egm2-type-hero{height:270px}.egm2-type-hero strong{font-size:52px}.egm2-type-grid{height:195px;grid-template-columns:1fr 1fr}.egm2-type-grid article:last-child{display:none}.egm2-context-more{min-height:225px}.egm2-context-more strong{font-size:28px}}
.egm2-save-modal label{display:block;margin:1.25rem 0 .45rem;color:#4e4b54;font-size:.75rem;font-weight:800}.egm2-save-modal input{width:100%;height:3.2rem;padding:0 .9rem;border:1px solid #d7d3dc;border-radius:12px;background:#fff;color:#17171b;font:inherit;font-weight:700;outline:none}.egm2-save-modal input:focus{border-color:#7655ed;box-shadow:0 0 0 3px rgba(118,85,237,.13)}.egm2-save-sample{height:72px;margin:1rem 0;border:5px solid #f4f2f6;border-radius:14px;box-shadow:0 0 0 1px #dfdce4}
.egm2-save-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.egm2-save-actions>.egm2-button{width:100%}.egm2-save-actions>.egm2-button:only-child{grid-column:1/-1}@media(max-width:440px){.egm2-save-actions{grid-template-columns:1fr}}

/* Shared product UI foundation — shadcn-inspired editor shell. */
.egm2-root{
  --egm-ink:var(--egt-ink);
  --egm-muted:var(--egt-muted);
  --egm-line:var(--egt-line);
  --egm-surface:var(--egt-surface);
  --egm-canvas:var(--egt-canvas);
  --egt-focus:#6f5cff;
}
.egm2-workspace{
  grid-template-columns:minmax(390px,.92fr) minmax(430px,1.08fr);
  gap:1px;
  overflow:hidden;
  border:1px solid rgba(23,23,27,.12);
  border-radius:22px;
  background:rgba(23,23,27,.1);
  box-shadow:0 1px 2px rgba(23,23,27,.04),0 18px 55px rgba(23,23,27,.08);
}
.egm2-workspace-bar{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:62px;
  padding:0 22px;
  background:#fff;
}
.egm2-workspace-bar>div{display:flex;align-items:center;gap:10px}
.egm2-workspace-bar>div:first-child>i{width:11px;height:11px;border-radius:50%;background:#35c98b;box-shadow:0 0 0 5px rgba(53,201,139,.12)}
.egm2-workspace-bar>div:first-child span{display:grid;gap:2px}
.egm2-workspace-bar strong{font-size:12px;letter-spacing:-.015em}
.egm2-workspace-bar small{color:var(--egm-muted);font-size:8px}
.egm2-workspace-bar>div:last-child{gap:6px}
.egm2-workspace-bar>div:last-child span{padding:6px 9px;border:1px solid var(--egm-line);border-radius:7px;background:#faf9f7;color:var(--egm-muted);font-size:8px;font-weight:800;text-transform:capitalize}
.egm2-workspace-bar>div:last-child span.is-saved{border-color:rgba(22,131,90,.18);background:#eaf7f1;color:#116944}
.egm2-controls,.egm2-result{padding:30px;background:#fff}
.egm2-controls{border-right:0}
.egm2-result{background:#faf9f7}
.egm2-gradient-strip{height:60px;border-width:5px;border-radius:14px;box-shadow:0 0 0 1px var(--egm-line),0 8px 22px rgba(23,23,27,.08)}
.egm2-segmented{gap:3px;padding:3px;border:1px solid var(--egm-line);border-radius:11px;background:#f3f1ed}
.egm2-segmented button{min-height:38px;border-radius:8px;background:transparent}
.egm2-segmented button+button{border-left:0}
.egm2-segmented .is-active{background:#fff;color:var(--egm-ink);box-shadow:0 1px 3px rgba(23,23,27,.12)}
.egm2-angle input,.egm2-hex,.egm2-picker-fields input{border-color:rgba(23,23,27,.13);background:#fff;box-shadow:0 1px 2px rgba(23,23,27,.03)}
.egm2-angle input:focus,.egm2-hex:focus,.egm2-picker-fields input:focus{border-color:#6f5cff;box-shadow:0 0 0 3px rgba(111,92,255,.12)}
.egm2-stop{border-color:rgba(23,23,27,.1);border-radius:11px;background:#f8f7f4;transition:border-color .16s,box-shadow .16s}
.egm2-stop:focus-within{border-color:rgba(111,92,255,.45);box-shadow:0 0 0 3px rgba(111,92,255,.08)}
.egm2-quick-tools{border-radius:15px;background:#f6f4f0;box-shadow:inset 0 1px rgba(255,255,255,.7)}
.egm2-quick-tools .egm2-button,.egm2-button,.egm2-reset{border-radius:9px;text-transform:none;letter-spacing:0}
.egm2-button{font-size:11px}
.egm2-preview{min-height:348px;border-radius:16px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.24),0 12px 30px rgba(23,23,27,.08)}
.egm2-output-tabs{gap:5px;padding:4px;border:1px solid var(--egm-line);border-radius:11px;background:#f0eee9}
.egm2-output-tabs button{padding:8px 11px;border-radius:7px;background:transparent}
.egm2-output-tabs .is-active{background:#fff;color:var(--egm-ink);box-shadow:0 1px 3px rgba(23,23,27,.12)}
.egm2-output-tabs .egm2-copy{border:0;background:#fff;box-shadow:0 1px 3px rgba(23,23,27,.08)}
.egm2-code{border-radius:10px;background:#1c1c20}
.egm2-modal{border-radius:18px;box-shadow:0 24px 70px rgba(15,15,20,.24)}
.egm2-modal-close{border-radius:8px}
.egm2-context-tabs button{border-radius:9px}
.egm2-context-tabs button.is-active{box-shadow:0 1px 3px rgba(23,23,27,.15)}
@media(max-width:900px){.egm2-workspace{grid-template-columns:1fr}.egm2-workspace-bar{grid-column:1}.egm2-controls{border-bottom:0}}
@media(max-width:560px){.egm2-workspace-bar{align-items:flex-start;flex-direction:column;padding:14px 16px}.egm2-workspace-bar>div:last-child{width:100%}.egm2-workspace-bar>div:last-child span{flex:1;text-align:center}.egm2-controls,.egm2-result{padding:20px}.egm2-preview{min-height:250px}.egm2-output-tabs{padding:3px}}

/* Workspace balance and larger primary editing actions. */
.egm2-quick-tools .egm2-actions{
  gap:10px;
}
.egm2-quick-tools .egm2-button{
  min-height:56px;
  padding-inline:18px;
  border-radius:12px;
  font-size:13px;
  font-weight:750;
}
.egm2-lock{
  width:28px;
  height:28px;
}
.egm2-lock svg{
  width:14px;
  height:14px;
}
.egm2-result{
  display:flex;
  flex-direction:column;
}
.egm2-result .egm2-preview{
  flex:1 1 420px;
  min-height:420px;
}
.egm2-result .egm2-note{
  margin-bottom:0;
}
@media(max-width:900px){
  .egm2-result .egm2-preview{
    flex-basis:auto;
    min-height:390px;
  }
}
@media(max-width:560px){
  .egm2-quick-tools .egm2-button{
    min-height:52px;
    font-size:12px;
  }
  .egm2-result .egm2-preview{
    min-height:280px;
  }
}

/* Keep the contrast action readable over every possible gradient. */
.egm2-result .egm2-preview .egm2-contrast-trigger{
  border-color:#17171b;
  color:#fff;
  background:#17171b;
  box-shadow:0 8px 24px rgba(23,23,27,.22);
  backdrop-filter:none;
}
.egm2-result .egm2-preview .egm2-contrast-trigger:hover{
  color:#fff;
  background:#2b2b31;
}
.egm2-result .egm2-preview .egm2-contrast-trigger b{color:inherit}
.egm2-result .egm2-preview .egm2-contrast-trigger i{
  color:#5b32df;
  background:#eee9ff;
}

/* Explanatory shadcn-style Pro library card. */
.egm2-context__grid.is-gated{max-width:none}
.egm2-context-more{
  column-span:all;
  display:block;
  width:100%;
  min-height:0;
  margin:4px 0 26px;
  overflow:hidden;
  padding:0;
  border:1px solid rgba(23,23,27,.12);
  border-radius:20px;
  color:#17171b;
  background:#fff;
  box-shadow:0 12px 34px rgba(23,23,27,.075);
  text-align:left;
}
.egm2-context-more:before,.egm2-context-more:after{display:none;content:none}
.egm2-context-more:hover{border-color:rgba(23,23,27,.25);box-shadow:0 18px 44px rgba(23,23,27,.11);transform:translateY(-2px)}
.egm2-context-more>header{display:flex;min-height:58px;align-items:center;gap:10px;padding:11px 15px;border-bottom:1px solid rgba(23,23,27,.1);background:#faf9f7}
.egm2-context-more>header>span{display:inline-flex;margin:0;padding:6px 8px;border-radius:7px;color:#fff;background:#17171b;font-size:9px;font-weight:850;letter-spacing:.08em}
.egm2-context-more>header>small{margin:0;color:#625f68;font-size:9px;font-weight:800;letter-spacing:.11em}
.egm2-context-more>header>i{margin-left:auto;padding:6px 9px;border:1px solid rgba(23,23,27,.1);border-radius:99px;color:#6c6971;background:#fff;font-size:9px;font-style:normal;font-weight:700}
.egm2-context-more__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,.85fr);gap:38px;padding:30px}
.egm2-context-more__body>section{align-self:center}
.egm2-context-more__body>section>small{display:block;margin:0 0 10px;color:#7255e9;font-size:9px;font-weight:850;letter-spacing:.13em}
.egm2-context-more__body>section>strong{display:block;max-width:none;margin:0;color:#17171b;font-size:clamp(28px,3.4vw,44px);font-weight:760;letter-spacing:-.065em;line-height:.98}
.egm2-context-more__body>section>p{max-width:570px;margin:14px 0 18px;color:#67646d;font-size:12px;line-height:1.6}
.egm2-context-more__body ul{display:grid;gap:8px;margin:0;padding:0;list-style:none;color:#37343c;font-size:10px;font-weight:650}
.egm2-context-more__body li i{display:inline-grid;width:18px;height:18px;margin-right:8px;place-items:center;border-radius:50%;color:#5b39df;background:#eeeafe;font-size:8px;font-style:normal}
.egm2-context-more__samples{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;align-self:stretch;padding:9px;border:1px solid rgba(23,23,27,.09);border-radius:16px;background:#f4f2ed}
.egm2-context-more__samples article{display:flex;min-width:0;flex-direction:column;gap:8px;padding:7px;border:1px solid rgba(23,23,27,.09);border-radius:12px;background:#fff;box-shadow:0 5px 14px rgba(23,23,27,.045)}
.egm2-context-more__samples article>div{position:relative;flex:1;min-height:145px;overflow:hidden;border-radius:9px;background:#e9e6df}
.egm2-context-more__samples article>small{padding:0 2px 2px;color:#625f68;font-size:8px;font-weight:750}
.egm2-context-more__samples article:first-child div{display:flex;align-items:flex-end;gap:5px;padding:11px}
.egm2-context-more__samples article:first-child div:before{position:absolute;left:11px;top:12px;width:55%;height:8px;border-radius:99px;background:rgba(255,255,255,.88);content:""}
.egm2-context-more__samples article:first-child span{width:18%;border-radius:5px 5px 2px 2px;background:rgba(255,255,255,.82)}
.egm2-context-more__samples article:first-child span:first-of-type{height:35%}.egm2-context-more__samples article:first-child span:nth-of-type(2){height:60%}.egm2-context-more__samples article:first-child span:last-child{height:46%}
.egm2-context-more__samples article:nth-child(2) div{padding:11px}
.egm2-context-more__samples article:nth-child(2) div>i{display:block;height:45%;border-radius:7px;background:rgba(255,255,255,.84)}
.egm2-context-more__samples article:nth-child(2) div>b{display:block;width:76%;height:7px;margin-top:8px;border-radius:99px;background:rgba(255,255,255,.72)}
.egm2-context-more__samples article:nth-child(2) div>b:nth-of-type(2){width:55%}.egm2-context-more__samples article:nth-child(2) div>b:nth-of-type(3){width:38%}
.egm2-context-more__samples article:nth-child(3) div{display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff}
.egm2-context-more__samples article:nth-child(3) div>strong{font-size:36px;letter-spacing:-.08em}.egm2-context-more__samples article:nth-child(3) div>span{width:42%;height:5px;margin-top:9px;border-radius:99px;background:rgba(255,255,255,.75)}
.egm2-context-more>footer{display:flex;min-height:64px;align-items:center;justify-content:space-between;padding:12px 15px 12px 30px;border-top:1px solid rgba(23,23,27,.1);background:#faf9f7}
.egm2-context-more>footer>span{margin:0;color:#6c6971;font-size:10px;font-weight:650}
.egm2-context-more>footer>b{display:inline-flex;align-items:center;gap:16px;margin:0;padding:11px 14px;border-radius:9px;color:#fff;background:#17171b;font-size:10px;font-weight:800}
.egm2-context-more>footer>b i{margin:0;font-style:normal}
@media(max-width:760px){
  .egm2-context-more__body{grid-template-columns:1fr;gap:24px;padding:23px}
  .egm2-context-more__samples article>div{min-height:120px}
}
@media(max-width:560px){
  .egm2-context-more{align-items:initial;min-height:0;padding:0;border-radius:16px}
  .egm2-context-more>header{min-height:54px;padding:10px 12px}.egm2-context-more>header>small{font-size:8px}
  .egm2-context-more__body{padding:20px}.egm2-context-more__body>section>strong{font-size:29px}.egm2-context-more__body>section>p{font-size:11px}
  .egm2-context-more__samples{grid-template-columns:1fr 1fr}.egm2-context-more__samples article:last-child{display:none}.egm2-context-more__samples article>div{min-height:110px}
  .egm2-context-more>footer{align-items:stretch;flex-direction:column;gap:10px;padding:14px 20px}.egm2-context-more>footer>b{justify-content:space-between}
}

/* Component-first previews: shadcn-style cards instead of scaled page mockups. */
.egm2-context-card:is(.is-pricing-ui,.is-checkout-commerce,.is-monitor-dashboard) .egm2-context-art{
  height:560px;
  padding:22px;
  background:#f4f3f0;
}

/* Pro contrast checker. */
.egm2-preview{position:relative}
.egm2-contrast-trigger{position:absolute;right:18px;top:18px;display:flex;align-items:center;gap:7px;min-height:38px;padding:0 11px;border:1px solid rgba(255,255,255,.58);border-radius:10px;color:#fff;background:rgba(23,23,27,.28);box-shadow:0 8px 22px rgba(23,23,27,.14);backdrop-filter:blur(10px);font-size:10px;font-weight:800;cursor:pointer}
.egm2-contrast-trigger:hover{background:rgba(23,23,27,.42)}
.egm2-contrast-trigger svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}.egm2-contrast-trigger svg path{fill:currentColor;stroke:none}
.egm2-contrast-trigger i{padding:4px 6px;border-radius:99px;color:#6d28d9;background:#fff;font-size:7px;font-style:normal;letter-spacing:.08em;text-transform:uppercase}
.egm2-contrast-modal{width:min(760px,100%);overflow:hidden}
.egm2-contrast-modal>p{max-width:520px}
.egm2-contrast-results{margin-top:22px;transition:.2s}
.egm2-contrast-results.is-locked{filter:blur(7px);opacity:.5;pointer-events:none;user-select:none}
.egm2-contrast-summary{display:flex;min-height:126px;justify-content:center;flex-direction:column;padding:22px;border-radius:16px;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
.egm2-contrast-summary strong{font-size:27px;letter-spacing:-.05em}.egm2-contrast-summary span{margin-top:5px;font-size:10px;font-weight:650}
.egm2-contrast-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:11px}
.egm2-contrast-grid article{overflow:hidden;border:1px solid #dedbe2;border-radius:13px;background:#fff}
.egm2-contrast-grid article>i{display:flex;height:72px;align-items:center;justify-content:space-around;font-style:normal}.egm2-contrast-grid article>i span,.egm2-contrast-grid article>i b{font-size:17px}
.egm2-contrast-grid article>div,.egm2-contrast-grid article>p,.egm2-contrast-grid article>em{margin:0;padding:8px 9px}
.egm2-contrast-grid article>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #efedf1}.egm2-contrast-grid article>div strong{font-size:10px}.egm2-contrast-grid article>div small{color:#76727b;font-size:7px}
.egm2-contrast-grid article>p{display:grid;gap:4px}.egm2-contrast-grid article>p span{display:flex;justify-content:space-between;color:#77737c;font-size:7px}.egm2-contrast-grid article>p b{color:#17171b}
.egm2-contrast-grid article>em{display:block;padding-top:0;color:#16835a;font-size:7px;font-style:normal;font-weight:800}
.egm2-contrast-gate{position:absolute;z-index:3;left:50%;top:57%;width:min(330px,calc(100% - 44px));padding:22px;border:1px solid rgba(23,23,27,.1);border-radius:17px;background:rgba(255,255,255,.96);box-shadow:0 22px 65px rgba(23,23,27,.24);text-align:center;transform:translate(-50%,-50%)}
.egm2-contrast-gate>span{display:inline-grid;width:42px;height:42px;place-items:center;border-radius:50%;color:#fff;background:#17171b;font-size:9px;font-weight:900;letter-spacing:.09em}
.egm2-contrast-gate>strong{display:block;margin:13px 0 7px;font-size:20px;letter-spacing:-.04em}.egm2-contrast-gate>p{margin:0 0 17px;color:#6c6972;font-size:11px;line-height:1.5}
.egm2-contrast-gate .egm2-button{width:100%}
@media(max-width:560px){
  .egm2-contrast-trigger{right:12px;top:12px}.egm2-contrast-trigger b{display:none}
  .egm2-contrast-modal{max-height:calc(100vh - 24px);overflow:auto;padding:23px 17px}
  .egm2-contrast-grid{grid-template-columns:repeat(2,1fr)}.egm2-contrast-grid article:last-child{grid-column:1/-1}
  .egm2-contrast-gate{position:fixed;top:50%}
}
.egm2-shad-pricing,.egm2-shad-checkout,.egm2-shad-status{
  width:100%;
  height:100%;
  color:#17171b;
  font-style:normal;
}
.egm2-shad-pricing{display:flex;flex-direction:column;gap:16px}
.egm2-shad-pricing>header,.egm2-shad-status>header,.egm2-shad-checkout section>header,.egm2-shad-checkout aside>header{
  display:flex;align-items:center;justify-content:space-between;
}
.egm2-shad-pricing>header small,.egm2-shad-pricing>header strong{display:block}
.egm2-shad-pricing>header small{color:#77747c;font-size:9px;font-weight:700;letter-spacing:.12em}
.egm2-shad-pricing>header strong{margin-top:3px;font-size:21px;letter-spacing:-.04em}
.egm2-shad-pricing>header>div:last-child{display:flex;padding:3px;border:1px solid #dedbd5;border-radius:10px;background:#fff}
.egm2-shad-pricing>header button{padding:8px 12px;border:0;border-radius:7px;background:transparent;font-size:10px}
.egm2-shad-pricing>header button:first-child{background:#17171b;color:#fff}
.egm2-shad-pricing>section{display:grid;flex:1;grid-template-columns:1fr 1fr;gap:14px}
.egm2-shad-pricing article{position:relative;display:flex;flex-direction:column;padding:22px;border:1px solid #d8d5cf;border-radius:17px;background:#fff;box-shadow:0 8px 24px rgba(23,23,27,.045)}
.egm2-shad-pricing article.is-featured{border-color:rgba(124,58,237,.42);box-shadow:inset 0 4px 0 #7c3aed,0 8px 24px rgba(23,23,27,.06)}
.egm2-shad-pricing article>i{position:absolute;top:16px;right:16px;padding:5px 7px;border-radius:99px;background:#ede9fe;color:#6d28d9;font-size:7px;font-style:normal;font-weight:800;letter-spacing:.08em}
.egm2-shad-pricing article>span{font-size:14px;font-weight:700}
.egm2-shad-pricing article>strong{margin-top:18px;font-size:37px;letter-spacing:-.06em}
.egm2-shad-pricing article>strong small{font-size:10px;font-weight:500;letter-spacing:0}
.egm2-shad-pricing article>p{min-height:36px;margin:8px 0 14px;color:#77747c;font-size:10px;line-height:1.5}
.egm2-shad-pricing ul{display:grid;gap:9px;margin:0 0 18px;padding:14px 0 0;border-top:1px solid #ece9e4;list-style:none;font-size:9px}
.egm2-shad-pricing article>button{margin-top:auto;padding:12px;border:1px solid #d8d5cf;border-radius:9px;background:#fff;font-size:10px;font-weight:700}
.egm2-shad-pricing .is-featured>button{border-color:#17171b;background:#17171b;color:#fff}

.egm2-shad-checkout{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}
.egm2-shad-checkout>section,.egm2-shad-checkout>aside{padding:22px;border:1px solid #d8d5cf;border-radius:17px;background:#fff;box-shadow:0 8px 24px rgba(23,23,27,.045)}
.egm2-shad-checkout header small,.egm2-shad-checkout header strong{display:block}
.egm2-shad-checkout header small{color:#77747c;font-size:8px;letter-spacing:.1em}
.egm2-shad-checkout header strong{margin-top:3px;font-size:17px}
.egm2-shad-checkout header>span{padding:5px 8px;border-radius:99px;background:#f2f0ec;color:#66636b;font-size:8px}
.egm2-shad-checkout label{display:grid;gap:5px;margin-top:14px;color:#68656d;font-size:8px;font-weight:650}
.egm2-shad-checkout section>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.egm2-shad-checkout input{width:100%;box-sizing:border-box;padding:11px;border:1px solid #ddd9d2;border-radius:9px;background:#faf9f7;color:#17171b;font-size:9px}
.egm2-shad-checkout section>button{display:flex;width:100%;align-items:center;justify-content:space-between;margin-top:17px;padding:13px 15px;border:0;border-radius:9px;background:#17171b;color:#fff;font-size:10px;font-weight:700}
.egm2-shad-checkout section>button i{font-style:normal}
.egm2-shad-checkout aside{display:flex;flex-direction:column}
.egm2-shad-checkout aside article{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;padding:15px 0;border-bottom:1px solid #ece9e4}
.egm2-shad-checkout aside article>i{display:block;width:44px;height:44px;border-radius:9px;background:var(--egm-context-gradient)}
.egm2-shad-checkout aside article b,.egm2-shad-checkout aside article small{display:block}
.egm2-shad-checkout aside article b{font-size:9px}.egm2-shad-checkout aside article small{margin-top:4px;color:#77747c;font-size:7px}
.egm2-shad-checkout aside article>strong{font-size:9px}
.egm2-shad-checkout aside footer{margin-top:auto;padding-top:14px}
.egm2-shad-checkout aside footer p,.egm2-shad-checkout aside footer>strong{display:flex;justify-content:space-between;margin:0;padding:6px 0;font-size:9px}
.egm2-shad-checkout aside footer>strong{margin-top:5px;padding-top:12px;border-top:1px solid #d8d5cf;font-size:12px}

.egm2-shad-status{display:flex;flex-direction:column;gap:13px}
.egm2-shad-status>header{padding:18px 20px;border:1px solid #d8d5cf;border-radius:16px;background:#fff}
.egm2-shad-status>header small,.egm2-shad-status>header strong{display:block}.egm2-shad-status>header small{color:#77747c;font-size:8px;letter-spacing:.1em}.egm2-shad-status>header strong{margin-top:3px;font-size:18px}
.egm2-shad-status>header>span{padding:7px 10px;border-radius:99px;background:#ecfdf5;color:#047857;font-size:8px;font-weight:700}.egm2-shad-status>header>span i,.egm2-shad-status-regions p i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#10b981}
.egm2-shad-status-kpis{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.egm2-shad-status-kpis article,.egm2-shad-status-regions{padding:17px 19px;border:1px solid #d8d5cf;border-radius:16px;background:#fff;box-shadow:0 7px 20px rgba(23,23,27,.04)}
.egm2-shad-status-kpis small,.egm2-shad-status-kpis strong,.egm2-shad-status-kpis span{display:block}.egm2-shad-status-kpis small{font-size:9px}.egm2-shad-status-kpis strong{margin-top:8px;font-size:28px;letter-spacing:-.05em}.egm2-shad-status-kpis span{margin-top:4px;color:#77747c;font-size:8px}
.egm2-shad-status-regions{flex:1}.egm2-shad-status-regions header{display:flex;justify-content:space-between;margin-bottom:8px;font-size:10px}.egm2-shad-status-regions header span{color:#77747c;font-size:8px}
.egm2-shad-status-regions p{display:flex;align-items:center;justify-content:space-between;margin:0;padding:10px 0;border-top:1px solid #ece9e4;font-size:9px}.egm2-shad-status-regions p b{font-size:9px}
.egm2-shad-status>footer{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid #d8d5cf;border-radius:13px;background:#fff}.egm2-shad-status>footer span{display:flex;align-items:center;justify-content:space-between;padding:12px;border-right:1px solid #ece9e4;font-size:8px}.egm2-shad-status>footer span:last-child{border:0}.egm2-shad-status>footer i{width:6px;height:6px;border-radius:50%;background:#10b981}

@media(max-width:560px){
  .egm2-context-card:is(.is-pricing-ui,.is-checkout-commerce,.is-monitor-dashboard) .egm2-context-art{height:auto;min-height:520px;padding:13px}
  .egm2-shad-pricing>section,.egm2-shad-checkout{grid-template-columns:1fr}
  .egm2-shad-pricing article{padding:17px}.egm2-shad-checkout>section,.egm2-shad-checkout>aside{padding:17px}
  .egm2-shad-status>footer{grid-template-columns:1fr 1fr}
}

/* Component-gallery presentation: one shadcn-style surface per live preview. */
.egm2-context-tabs{
  flex-wrap:wrap;
  gap:4px 8px;
  margin-bottom:28px;
  overflow:visible;
  padding:0;
  border-bottom:1px solid var(--egm-line);
}
.egm2-context-tabs button{
  position:relative;
  padding:13px 10px 15px;
  border:0;
  border-radius:0;
  background:transparent;
  color:#67666f;
  font-size:14px;
  font-weight:600;
}
.egm2-context-tabs button:hover{
  border-color:transparent;
  color:var(--egm-ink);
}
.egm2-context-tabs button.is-active{
  border-color:transparent;
  background:transparent;
  color:var(--egm-ink);
  box-shadow:none;
}
.egm2-context-tabs button.is-active:after{
  position:absolute;
  right:8px;
  bottom:-1px;
  left:8px;
  height:2px;
  border-radius:999px;
  background:var(--egm-ink);
  content:"";
}
.egm2-context__grid{
  column-gap:24px;
}
.egm2-context-card{
  margin-bottom:24px;
  border-color:rgba(23,23,27,.12);
  border-radius:20px;
  box-shadow:0 1px 2px rgba(23,23,27,.03),0 12px 32px rgba(23,23,27,.055);
  transition:border-color .2s,box-shadow .2s,transform .2s;
}
.egm2-context-card:hover{
  border-color:rgba(23,23,27,.24);
  box-shadow:0 2px 4px rgba(23,23,27,.04),0 20px 44px rgba(23,23,27,.09);
  transform:translateY(-2px);
}
.egm2-context-caption{
  display:grid;
  grid-template-columns:auto 1fr 34px;
  gap:10px;
  align-items:center;
  min-height:58px;
  padding:11px 12px 11px 16px;
  border-bottom:1px solid var(--egm-line);
  background:#fff;
}
.egm2-context-caption span{
  padding:5px 7px;
  border-radius:6px;
  background:#f2f0ec;
  color:#6c6971;
  font-size:8px;
  letter-spacing:.08em;
}
.egm2-context-caption strong{
  grid-column:auto;
  overflow:hidden;
  font-size:13px;
  font-weight:700;
  letter-spacing:-.02em;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.egm2-context-caption i{
  display:grid;
  grid-column:auto;
  grid-row:auto;
  width:34px;
  height:34px;
  place-items:center;
  border:1px solid var(--egm-line);
  border-radius:9px;
  color:transparent;
  background:#faf9f7;
  font-size:0;
}
.egm2-context-caption i:after{
  color:var(--egm-ink);
  font-size:15px;
  font-style:normal;
  font-weight:500;
  content:"↗";
}
.egm2-context-card .egm2-context-art{
  border-radius:0 0 19px 19px;
}
.egm2-context-more{
  margin-bottom:24px;
  border-radius:20px;
}
@media(max-width:900px){
  .egm2-context-tabs{
    flex-wrap:nowrap;
    width:100%;
    max-width:100%;
    margin-right:0;
    overflow-x:auto;
    padding-right:12px;
  }
}
@media(max-width:560px){
  .egm2-context-tabs button{
    padding:11px 8px 13px;
    font-size:13px;
  }
  .egm2-context-card{
    border-radius:16px;
  }
  .egm2-context-caption{
    min-height:54px;
    padding:9px 10px 9px 12px;
  }
  .egm2-context-caption strong{
    font-size:12px;
  }
  .egm2-context-card .egm2-context-art{
    border-radius:0 0 15px 15px;
  }
}

/* Native-scale shadcn building blocks; avoid shrinking whole pages into cards. */
.egm2-context-card.is-analytics-ui .egm2-context-art{
  height:520px;
  padding:24px;
  background:#f4f3f0;
}
.egm2-shad-chart{
  display:flex;
  height:100%;
  flex-direction:column;
  padding:26px;
  border:1px solid rgba(23,23,27,.12);
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 30px rgba(23,23,27,.06);
}
.egm2-shad-chart>header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
}
.egm2-shad-chart>header small,.egm2-shad-chart>header strong{
  display:block;
}
.egm2-shad-chart>header small{
  color:#77747c;
}
.egm2-shad-chart>header strong{
  margin-top:5px;
  font-size:20px;
  letter-spacing:-.04em;
}
.egm2-shad-chart>header button{
  display:grid;
  width:38px;
  height:38px;
  place-items:center;
  border:1px solid rgba(23,23,27,.1);
  border-radius:10px;
  background:#f4f3f0;
  font-size:17px;
}
.egm2-shad-chart-value{
  margin-top:26px;
}
.egm2-shad-chart-value strong,.egm2-shad-chart-value span{
  display:block;
}
.egm2-shad-chart-value strong{
  font-size:39px;
  font-weight:650;
  letter-spacing:-.055em;
}
.egm2-shad-chart-value span{
  margin-top:5px;
  color:#77747c;
  font-size:10px;
}
.egm2-shad-bars{
  display:flex;
  flex:1;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-top:25px;
  padding:0 4px;
  border-bottom:1px solid #d8d5cf;
}
.egm2-shad-bars>span{
  display:flex;
  width:32px;
  height:100%;
  align-items:flex-end;
  flex-direction:column-reverse;
  justify-content:flex-start;
  gap:5px;
}
.egm2-shad-bars i{
  display:block;
  width:100%;
  min-height:18px;
  border-radius:7px 7px 2px 2px;
  background:var(--egm-context-gradient);
}
.egm2-shad-bars i:nth-child(2){opacity:.72}
.egm2-shad-bars i:nth-child(3){opacity:.42}
.egm2-shad-chart>footer{
  display:flex;
  justify-content:space-between;
  padding:11px 5px 0;
  color:#77747c;
  font-size:9px;
}
.egm2-context-card.is-progress-ui .egm2-context-art{
  height:540px;
  padding:22px;
  background:#f4f3f0;
}
.egm2-shad-stack{
  display:grid;
  height:100%;
  gap:13px;
}
.egm2-shad-stack article{
  display:grid;
  grid-template-columns:1fr 42%;
  align-items:center;
  padding:20px 22px;
  border:1px solid rgba(23,23,27,.12);
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 22px rgba(23,23,27,.045);
}
.egm2-shad-stack small,.egm2-shad-stack strong,.egm2-shad-stack span{
  display:block;
}
.egm2-shad-stack small{
  color:#17171b;
  font-size:14px;
  font-weight:650;
  letter-spacing:0;
  text-transform:none;
}
.egm2-shad-stack strong{
  margin-top:8px;
  font-size:27px;
  font-weight:600;
  letter-spacing:-.045em;
}
.egm2-shad-stack span{
  margin-top:4px;
  color:#817e86;
  font-size:9px;
}
.egm2-shad-stack svg{
  width:100%;
  height:72px;
  overflow:visible;
}
.egm2-shad-stack svg path{
  fill:none;
  stroke:#7c3aed;
  stroke-width:3;
  vector-effect:non-scaling-stroke;
}
@media(max-width:560px){
  .egm2-context-card.is-analytics-ui .egm2-context-art{
    height:450px;
    padding:13px;
  }
  .egm2-shad-chart{
    padding:20px;
  }
  .egm2-shad-bars{
    gap:9px;
  }
  .egm2-shad-bars>span{
    width:25px;
  }
  .egm2-context-card.is-progress-ui .egm2-context-art{
    height:480px;
    padding:13px;
  }
  .egm2-shad-stack article{
    padding:17px;
  }
}

/* Six-up gallery pagination and compact in-grid Pro promotion. */
.egm2-context-caption{grid-template-columns:auto minmax(0,1fr)}
.egm2-context-caption>i{display:none}
.egm2-context-more.is-compact{
  column-span:none;
  display:block;
  min-height:0;
  break-inside:avoid;
}
.egm2-context-more.is-compact .egm2-context-more__body{
  display:grid;
  grid-template-columns:1fr;
  gap:17px;
  padding:20px;
}
.egm2-context-more.is-compact .egm2-context-more__body>section>strong{font-size:29px}
.egm2-context-more.is-compact .egm2-context-more__body>section>p{margin:10px 0 13px;font-size:10px}
.egm2-context-more.is-compact .egm2-context-more__body ul{grid-template-columns:1fr 1fr;gap:7px;font-size:8px}
.egm2-context-more.is-compact .egm2-context-more__samples{gap:6px;padding:7px}
.egm2-context-more.is-compact .egm2-context-more__samples article{gap:5px;padding:5px}
.egm2-context-more.is-compact .egm2-context-more__samples article>div{min-height:82px}
.egm2-context-more.is-compact>footer{min-height:54px;padding:9px 12px 9px 20px}
.egm2-context-more.is-compact>footer>b{padding:9px 11px}
.egm2-context-pro{overflow:hidden;border-radius:20px}
.egm2-context-pro .egm2-context-card{filter:saturate(.72)}
.egm2-context-pro>button{border-radius:20px;background:rgba(15,15,19,.38);backdrop-filter:blur(3px)}
.egm2-context-pro>button strong{font-size:17px}.egm2-context-pro>button i{margin-top:6px}
.egm2-context-pagination{display:grid;grid-template-columns:42px 1fr auto 42px;gap:10px;align-items:center;margin-top:12px;padding:11px;border:1px solid rgba(23,23,27,.1);border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(23,23,27,.045)}
.egm2-context-pagination>button,.egm2-context-pagination>div button{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(23,23,27,.1);border-radius:9px;color:#17171b;background:#faf9f7;font-size:11px;font-weight:750}
.egm2-context-pagination>button:disabled{cursor:not-allowed;opacity:.35}
.egm2-context-pagination>span{color:#77747c;font-size:10px}.egm2-context-pagination>span b{color:#17171b}
.egm2-context-pagination>div{display:flex;gap:5px}
.egm2-context-pagination>div button{width:32px;height:32px;border-color:transparent;background:transparent}
.egm2-context-pagination>div button.is-active{color:#fff;background:#17171b}
@media(max-width:560px){
  .egm2-context-more.is-compact .egm2-context-more__body{padding:18px}
  .egm2-context-more.is-compact .egm2-context-more__body ul{grid-template-columns:1fr}
  .egm2-context-more.is-compact .egm2-context-more__samples{grid-template-columns:1fr 1fr}
  .egm2-context-more.is-compact .egm2-context-more__samples article:last-child{display:none}
  .egm2-context-pagination{grid-template-columns:42px 1fr 42px}.egm2-context-pagination>div{display:none}.egm2-context-pagination>span{text-align:center}
}

/* A membership panel, deliberately distinct from the design previews. */
.egm2-context-more.is-compact{
  border-color:#17171b;
  color:#fff;
  background:#17171b;
  box-shadow:0 14px 34px rgba(23,23,27,.16);
}
.egm2-context-more.is-compact:hover{border-color:#17171b;box-shadow:0 20px 44px rgba(23,23,27,.23)}
.egm2-context-more.is-compact>header{min-height:52px;border-color:rgba(255,255,255,.11);background:#17171b}
.egm2-context-more.is-compact>header>span{color:#17171b;background:#fff}
.egm2-context-more.is-compact>header>small{color:#b9b5c2}
.egm2-context-more.is-compact>header>i{border-color:rgba(255,255,255,.14);color:#cbc7d2;background:#242329}
.egm2-context-more__upgrade{display:flex;min-height:285px;align-items:flex-start;justify-content:center;flex-direction:column;padding:26px;background:radial-gradient(circle at 92% 12%,rgba(124,58,237,.24),transparent 36%),#17171b}
.egm2-context-more__lock{display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:#242329}
.egm2-context-more__lock svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.egm2-context-more__upgrade>small{margin-top:20px;color:#a997ff;font-size:8px;font-weight:850;letter-spacing:.14em}
.egm2-context-more__upgrade>strong{display:block;max-width:13ch;margin-top:9px;color:#fff;font-size:31px;letter-spacing:-.055em;line-height:.98}
.egm2-context-more__upgrade>p{max-width:42ch;margin:12px 0 18px;color:#aaa7b2;font-size:10px;line-height:1.55}
.egm2-context-more__upgrade>div{display:flex;flex-wrap:wrap;gap:6px}
.egm2-context-more__upgrade>div span{margin:0;padding:7px 9px;border:1px solid rgba(255,255,255,.13);border-radius:8px;color:#d9d6df;background:#222127;font-size:8px;font-weight:700}
.egm2-context-more.is-compact>footer{border-color:rgba(255,255,255,.11);background:#111114}
.egm2-context-more.is-compact>footer>span{color:#918e99}
.egm2-context-more.is-compact>footer>b{color:#17171b;background:#fff}

/* Locked previews keep their dimensions but never leak transparent artwork. */
.egm2-context-pro{background:#17171b}
.egm2-context-pro .egm2-context-card{opacity:0;filter:none}
.egm2-context-pro>button{color:#fff;background:linear-gradient(145deg,#17171b,#24212f);backdrop-filter:none}
.egm2-context-pro>button:hover{background:linear-gradient(145deg,#202025,#2f2940)}
@media(max-width:560px){
  .egm2-context-more__upgrade{min-height:255px;padding:22px}
  .egm2-context-more__upgrade>strong{font-size:28px}
}

/* Keep the mobile hero clear of Webflow's sticky navigation. */
@media(max-width:560px){
  .egm2-root{padding-top:92px}
}

/* Shadcn-inspired product surfaces: cards, forms, tables, dialogs and settings. */
.egm2-context-card:is(.is-task-ui,.is-profile-ui,.is-dialog-ui,.is-table-ui,.is-calendar-ui,.is-form-ui,.is-inbox-ui,.is-settings-ui) .egm2-context-art{height:560px;padding:22px;background:#f4f2ed}
.egm2-ui-shell{height:100%;overflow:hidden;border:1px solid rgba(23,23,27,.12);border-radius:18px;background:#fff;box-shadow:0 18px 45px rgba(23,23,27,.1)}
.egm2-ui-shell button,.egm2-dialog-card button{border:1px solid rgba(23,23,27,.12);color:#17171b;background:#fff;font-weight:750}
.egm2-ui-shell>header{display:flex;align-items:center;justify-content:space-between;padding:22px;border-bottom:1px solid rgba(23,23,27,.1)}
.egm2-ui-shell>header small,.egm2-ui-shell>header strong{display:block}.egm2-ui-shell>header small{color:#77747d;font-size:7px;letter-spacing:.12em}.egm2-ui-shell>header strong{margin-top:5px;font-size:22px;letter-spacing:-.045em}
.egm2-ui-shell>header button{padding:10px 13px;border-radius:9px;color:#fff;background:var(--egm-context-gradient);text-shadow:0 1px 2px rgba(0,0,0,.35);font-size:8px}
.egm2-ui-tabs{display:flex;gap:24px;padding:14px 22px;border-bottom:1px solid rgba(23,23,27,.1);color:#77747d;font-size:8px}.egm2-ui-tabs b{position:relative;color:#17171b}.egm2-ui-tabs b:after{position:absolute;right:0;bottom:-15px;left:0;height:2px;background:var(--egm-context-gradient);content:""}
.egm2-task-ui>section{display:grid;gap:10px;padding:22px}.egm2-task-ui>section article{display:grid;grid-template-columns:28px 1fr auto 28px;align-items:center;gap:12px;padding:14px;border:1px solid rgba(23,23,27,.1);border-radius:12px}.egm2-task-ui article>button{display:grid;width:25px;height:25px;place-items:center;border-radius:7px;color:transparent}.egm2-task-ui article>button.is-done{border:0;color:#fff;background:var(--egm-context-gradient)}.egm2-task-ui article strong,.egm2-task-ui article span{display:block}.egm2-task-ui article strong{font-size:10px}.egm2-task-ui article span{margin-top:4px;color:#85818a;font-size:7px}.egm2-task-ui article em{padding:5px 7px;border-radius:999px;background:#f1eff5;font-size:6px;font-style:normal}.egm2-task-ui article>i{display:grid;width:27px;height:27px;place-items:center;border-radius:50%;color:#fff;background:#17171b;font-size:7px;font-style:normal}.egm2-task-ui>footer{display:flex;align-items:center;gap:10px;padding:0 22px;color:#77747d;font-size:7px}.egm2-task-ui>footer div{height:6px;flex:1;overflow:hidden;border-radius:999px;background:#ece9e3}.egm2-task-ui>footer div i{display:block;width:38%;height:100%;background:var(--egm-context-gradient)}
.egm2-profile-ui{position:relative}.egm2-profile-cover{height:185px;background:var(--egm-context-gradient)}.egm2-profile-avatar{position:absolute;left:28px;top:135px;display:grid;width:92px;height:92px;place-items:center;border:6px solid #fff;border-radius:50%;color:#fff;background:#17171b;font-size:24px;font-weight:800}.egm2-profile-avatar span{position:absolute;right:2px;bottom:7px;color:#36c98d;font-size:13px}.egm2-profile-menu{position:absolute;right:22px;top:205px;width:36px;height:34px;border-radius:9px}.egm2-profile-ui>section{padding:62px 28px 24px}.egm2-profile-ui>section small{color:#77747d;font-size:7px}.egm2-profile-ui>section strong{display:block;margin-top:8px;font-size:30px;letter-spacing:-.055em}.egm2-profile-ui>section p{max-width:330px;color:#696670;font-size:9px;line-height:1.55}.egm2-profile-ui>section div{display:flex;gap:8px;margin-top:18px}.egm2-profile-ui>section button{padding:10px 18px;border-radius:9px;font-size:8px}.egm2-profile-ui>section button:first-child{border:0;color:#fff;background:var(--egm-context-gradient);text-shadow:0 1px 2px rgba(0,0,0,.35)}.egm2-profile-ui>footer{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(23,23,27,.1)}.egm2-profile-ui>footer article{padding:17px 25px;border-right:1px solid rgba(23,23,27,.1)}.egm2-profile-ui>footer b,.egm2-profile-ui>footer span{display:block}.egm2-profile-ui>footer b{font-size:16px}.egm2-profile-ui>footer span{margin-top:4px;color:#77747d;font-size:7px}
.egm2-dialog-stage{display:grid;height:100%;place-items:center;padding:30px;background:linear-gradient(rgba(23,23,27,.35),rgba(23,23,27,.35)),var(--egm-context-gradient)}.egm2-dialog-card{width:min(420px,100%);padding:24px;border:1px solid rgba(23,23,27,.12);border-radius:18px;background:#fff;box-shadow:0 25px 65px rgba(23,23,27,.25)}.egm2-dialog-card header{display:flex;align-items:center;justify-content:space-between}.egm2-dialog-icon{display:grid;width:40px;height:40px;place-items:center;border-radius:10px;color:#fff;background:var(--egm-context-gradient);font-size:20px}.egm2-dialog-card header button{width:32px;height:32px;border-radius:9px}.egm2-dialog-card>strong{display:block;margin-top:22px;font-size:24px;letter-spacing:-.045em}.egm2-dialog-card>p{color:#77747d;font-size:9px}.egm2-dialog-card>label{display:block;margin:22px 0 8px;font-size:8px;font-weight:750}.egm2-dialog-input{display:flex;justify-content:space-between;padding:12px;border:1px solid rgba(23,23,27,.14);border-radius:9px;color:#87838c;font-size:8px}.egm2-dialog-input b{color:#17171b}.egm2-dialog-note{display:flex;align-items:center;gap:7px;margin-top:14px;font-size:8px}.egm2-dialog-note i{display:grid;width:16px;height:16px;place-items:center;border-radius:4px;color:#fff;background:var(--egm-context-gradient);font-style:normal}.egm2-dialog-card footer{display:flex;justify-content:flex-end;gap:8px;margin-top:25px;padding-top:17px;border-top:1px solid rgba(23,23,27,.1)}.egm2-dialog-card footer button{padding:10px 14px;border-radius:9px;font-size:8px}.egm2-dialog-card footer button:last-child{border:0;color:#fff;background:var(--egm-context-gradient);text-shadow:0 1px 2px rgba(0,0,0,.35)}
.egm2-table-toolbar{display:flex;justify-content:space-between;padding:14px 20px}.egm2-table-toolbar span{width:55%;padding:10px;border:1px solid rgba(23,23,27,.12);border-radius:8px;color:#8a8790;font-size:7px}.egm2-table-toolbar button{padding:0 12px;border-radius:8px;font-size:7px}.egm2-data-table{padding:0 20px}.egm2-data-table>header,.egm2-data-table>article{display:grid;grid-template-columns:1.2fr .8fr .8fr .7fr;align-items:center;min-height:45px;border-bottom:1px solid rgba(23,23,27,.09)}.egm2-data-table>header{min-height:31px;color:#85818a;font-size:7px}.egm2-data-table>article{font-size:8px;font-weight:650}.egm2-data-table .is-paid,.egm2-data-table .is-pending{justify-self:start;padding:5px 7px;border-radius:99px}.egm2-data-table .is-paid{color:#177954;background:#dff7ec}.egm2-data-table .is-pending{color:#7a5c00;background:#fff0bc}.egm2-table-ui>footer{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;color:#77747d;font-size:7px}.egm2-table-ui>footer div{display:flex;gap:6px}.egm2-table-ui>footer button{width:30px;height:28px;border-radius:7px}
.egm2-calendar-ui>header>div:last-child{display:flex;gap:5px}.egm2-calendar-ui>header>div:last-child button{padding:8px 10px;color:#17171b;background:#fff;text-shadow:none}.egm2-weekdays,.egm2-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);padding:0 20px}.egm2-weekdays{padding-top:18px;color:#85818a;font-size:6px;text-align:center}.egm2-calendar-grid{margin-top:9px}.egm2-calendar-grid>span{position:relative;display:grid;height:49px;place-items:center;border-top:1px solid rgba(23,23,27,.08);font-size:8px}.egm2-calendar-grid .is-muted{color:#bbb7bf}.egm2-calendar-grid .is-selected{margin:5px;border:0;border-radius:9px;color:#fff;background:var(--egm-context-gradient);text-shadow:0 1px 2px rgba(0,0,0,.4)}.egm2-calendar-grid span i{position:absolute;bottom:6px;width:4px;height:4px;border-radius:50%;background:#17171b}.egm2-calendar-grid .is-selected i{background:#fff}.egm2-calendar-ui>footer{display:flex;align-items:center;gap:8px;margin:7px 20px;padding:13px;border:1px solid rgba(23,23,27,.1);border-radius:10px;font-size:8px}.egm2-calendar-ui>footer i{width:9px;height:9px;border-radius:50%;background:var(--egm-context-gradient)}.egm2-calendar-ui>footer b{margin-left:auto}
.egm2-form-ui>header>span{padding:6px 9px;border-radius:99px;color:#5f5b65;background:#f1eff4;font-size:7px}.egm2-form-ui>section{display:grid;gap:17px;padding:20px 24px}.egm2-form-ui label{display:grid;gap:7px;color:#4f4c55;font-size:8px;font-weight:750}.egm2-form-ui input,.egm2-form-ui textarea,.egm2-form-ui label>button{width:100%;padding:11px;border:1px solid rgba(23,23,27,.13);border-radius:9px;color:#17171b;background:#fff;font:8px Inter,sans-serif;text-align:left}.egm2-form-ui textarea{height:70px;resize:none}.egm2-form-ui>section>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.egm2-form-switch{display:flex!important;align-items:center;gap:10px;padding:13px;border:1px solid rgba(23,23,27,.1);border-radius:10px}.egm2-form-switch>i{width:32px;height:18px;padding:3px;border-radius:99px;background:var(--egm-context-gradient)}.egm2-form-switch>i b{display:block;width:12px;height:12px;margin-left:auto;border-radius:50%;background:#fff}.egm2-form-switch span strong,.egm2-form-switch span small{display:block}.egm2-form-switch span small{margin-top:3px;color:#88848c}.egm2-form-ui>footer{display:flex;justify-content:flex-end;gap:8px;padding:17px 24px;border-top:1px solid rgba(23,23,27,.1)}.egm2-form-ui>footer button{padding:10px 14px;border-radius:9px;font-size:8px}.egm2-form-ui>footer button:last-child{border:0;color:#fff;background:var(--egm-context-gradient);text-shadow:0 1px 2px rgba(0,0,0,.35)}
.egm2-inbox-ui{display:grid;grid-template-columns:125px 1fr}.egm2-inbox-ui>aside{display:flex;flex-direction:column;padding:20px 12px;border-right:1px solid rgba(23,23,27,.1);background:#faf9f7}.egm2-inbox-ui>aside>b{margin:0 8px 28px;font-size:17px}.egm2-inbox-ui>aside>span{display:flex;justify-content:space-between;margin:3px 0;padding:10px;border-radius:8px;color:#77747d;font-size:8px}.egm2-inbox-ui>aside>span.is-active{color:#17171b;background:#ece9f1;font-weight:800}.egm2-inbox-ui>aside i{font-style:normal}.egm2-inbox-ui>aside button{margin-top:auto;padding:11px 5px;border:0;border-radius:8px;color:#fff;background:var(--egm-context-gradient);text-shadow:0 1px 2px rgba(0,0,0,.35);font-size:7px}.egm2-inbox-ui>main>header{display:flex;justify-content:space-between;padding:22px;border-bottom:1px solid rgba(23,23,27,.1)}.egm2-inbox-ui>main>header small,.egm2-inbox-ui>main>header strong{display:block}.egm2-inbox-ui>main>header small{color:#77747d;font-size:7px}.egm2-inbox-ui>main>header strong{margin-top:5px;font-size:22px}.egm2-inbox-ui>main>header button{width:34px;height:34px;border-radius:8px}.egm2-inbox-ui>main>article{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:15px 18px;border-bottom:1px solid rgba(23,23,27,.08)}.egm2-inbox-ui>main>article.is-active{box-shadow:inset 3px 0 0 #7c3aed;background:#faf9fd}.egm2-inbox-ui article>i{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;color:#fff;background:var(--egm-context-gradient);font-size:8px;font-style:normal;font-weight:800}.egm2-inbox-ui article strong,.egm2-inbox-ui article span{display:block}.egm2-inbox-ui article strong{font-size:9px}.egm2-inbox-ui article span,.egm2-inbox-ui article time{margin-top:4px;color:#85818a;font-size:7px}
.egm2-settings-ui{display:grid;grid-template-columns:150px 1fr}.egm2-settings-ui>aside{display:flex;flex-direction:column;padding:24px 15px;border-right:1px solid rgba(23,23,27,.1);background:#faf9f7}.egm2-settings-ui>aside small,.egm2-settings-ui>aside strong{display:block;margin:0 9px}.egm2-settings-ui>aside small{color:#77747d;font-size:6px}.egm2-settings-ui>aside strong{margin-top:5px;margin-bottom:24px;font-size:16px}.egm2-settings-ui>aside span{padding:10px;border-radius:8px;color:#77747d;font-size:8px}.egm2-settings-ui>aside span.is-active{color:#17171b;background:#ece9f1;font-weight:800}.egm2-settings-ui>main{padding:25px}.egm2-settings-ui main>header small,.egm2-settings-ui main>header strong{display:block}.egm2-settings-ui main>header small{color:#77747d;font-size:7px}.egm2-settings-ui main>header strong{margin-top:7px;font-size:23px}.egm2-settings-ui main>header p{color:#77747d;font-size:8px}.egm2-settings-ui main>label{display:grid;gap:7px;margin-top:18px;font-size:8px;font-weight:750}.egm2-settings-ui input,.egm2-settings-ui label>div{height:39px;border:1px solid rgba(23,23,27,.13);border-radius:9px;background:#fff}.egm2-settings-ui input{padding:0 11px;font-size:8px}.egm2-settings-ui label>div{display:flex;align-items:center;padding-left:10px;color:#88848c;font-size:8px}.egm2-settings-ui label>div input{height:37px;flex:1;border:0}.egm2-settings-ui main>section{display:flex;align-items:center;margin-top:22px;padding:15px;border:1px solid rgba(23,23,27,.1);border-radius:10px}.egm2-settings-ui main>section strong,.egm2-settings-ui main>section small{display:block}.egm2-settings-ui main>section strong{font-size:9px}.egm2-settings-ui main>section small{margin-top:4px;color:#77747d;font-size:7px}.egm2-settings-ui main>section button{width:34px;height:20px;margin-left:auto;padding:3px;border:0;border-radius:99px;background:var(--egm-context-gradient)}.egm2-settings-ui main>section button i{display:block;width:14px;height:14px;margin-left:auto;border-radius:50%;background:#fff}.egm2-settings-ui main>footer{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.egm2-settings-ui main>footer button{padding:10px 13px;border-radius:8px;font-size:8px}.egm2-settings-ui main>footer button:last-child{border:0;color:#fff;background:var(--egm-context-gradient);text-shadow:0 1px 2px rgba(0,0,0,.35)}

/* Contrast-safe calls to action on gradient-backed previews. */
.egm2-saas-nav button,.egm2-event-nav button{color:#17171b;background:#fff;text-shadow:none}
.egm2-saas-hero button:first-child,.egm2-event-hero button{border:1px solid rgba(255,255,255,.38);color:#fff;background:#17171b}
.egm2-saas-hero button:nth-child(2){border:1px solid rgba(23,23,27,.22);color:#17171b;background:#fff}

/* Carry the active gradient through dashboard controls and data visuals. */
.egm2-growth-shell main>header button,.egm2-finance-shell>header button{border:0;color:#fff;background:var(--egm-context-gradient);text-shadow:0 1px 2px rgba(0,0,0,.45)}
.egm2-growth-plot{background:linear-gradient(rgba(14,14,18,.28),rgba(14,14,18,.58)),var(--egm-context-gradient)}
.egm2-growth-metrics article:before{position:absolute;top:-1px;right:-1px;left:-1px;height:4px;border-radius:11px 11px 0 0;background:var(--egm-context-gradient);content:""}
.egm2-finance-balance{position:relative}.egm2-finance-balance:after{position:absolute;right:22px;bottom:0;left:22px;height:4px;border-radius:99px;background:var(--egm-context-gradient);content:""}
.egm2-finance-chart{background:linear-gradient(rgba(20,20,27,.78),rgba(20,20,27,.9)),var(--egm-context-gradient)!important}
.egm2-finance-ring{border-color:rgba(255,255,255,.1);border-top-color:#fff;border-right-color:#fff;box-shadow:inset 0 0 0 7px rgba(255,255,255,.03),0 0 0 4px rgba(124,58,237,.16)}

@media(max-width:560px){
  .egm2-context-card:is(.is-task-ui,.is-profile-ui,.is-dialog-ui,.is-table-ui,.is-calendar-ui,.is-form-ui,.is-inbox-ui,.is-settings-ui) .egm2-context-art{height:510px;padding:13px}
  .egm2-task-ui>section{padding:14px}.egm2-task-ui>section article{grid-template-columns:25px 1fr 25px}.egm2-task-ui article em{display:none}.egm2-task-ui>footer{padding-inline:14px}
  .egm2-profile-cover{height:155px}.egm2-profile-avatar{top:112px}.egm2-profile-menu{top:176px}.egm2-profile-ui>section{padding:58px 20px 17px}
  .egm2-dialog-stage{padding:14px}.egm2-dialog-card{padding:20px}
  .egm2-data-table>header,.egm2-data-table>article{grid-template-columns:1.2fr .8fr .8fr}.egm2-data-table>header span:last-child,.egm2-data-table>article span:last-child{display:none}
  .egm2-calendar-grid>span{height:43px}.egm2-calendar-ui>footer{margin-top:3px}
  .egm2-form-ui>section{padding:15px 18px;gap:12px}.egm2-form-ui textarea{height:55px}
  .egm2-inbox-ui{grid-template-columns:72px 1fr}.egm2-inbox-ui>aside{padding-inline:7px}.egm2-inbox-ui>aside>span i,.egm2-inbox-ui>aside>span:not(.is-active){display:none}.egm2-inbox-ui>aside>span{padding:9px 5px}.egm2-inbox-ui>main>article{padding:13px 10px}
  .egm2-settings-ui{grid-template-columns:88px 1fr}.egm2-settings-ui>aside{padding:20px 7px}.egm2-settings-ui>aside strong{font-size:13px}.egm2-settings-ui>main{padding:19px 15px}
}

