/* Pearl glass for Corvana Agent. Other technology pages keep their own themes. */
#main.agent-pearl {
  --studio-ink:#242623;
  --studio-muted:#646861;
  --studio-line:#e2e3de;
  --studio-blue:#42483e;
  color:var(--studio-ink);
}
.agent-pearl :is(a,button):focus-visible {outline-color:#42483e}
.agent-pearl .studio-hero {
  padding-bottom:46px;
  background:radial-gradient(ellipse 70% 50% at 50% 68%,#e1e2de 0%,#f2f3ef 53%,transparent 100%),linear-gradient(#f9faf7,#f5f6f2 75%,#fff);
}
.agent-pearl .studio-eyebrow,.agent-pearl .eyebrow {color:#646861}
.agent-pearl .studio-dot {background:#7a8373;box-shadow:0 0 0 4px #727c6610}
.agent-pearl .studio-hero-description,.agent-pearl .studio-cta>p:not(.studio-eyebrow) {color:#62665f}
.agent-pearl .studio-card-arrow,.agent-pearl .studio-section-number,.agent-pearl .studio-sidebar nav>p,.agent-pearl .studio-concept-note {color:#6c7069}
.agent-pearl .studio-feature {border-color:#e1e3dc;background:#fff;box-shadow:0 1px 3px #272c2203}
.agent-pearl .studio-feature:hover {border-color:#c0c5b9;box-shadow:0 14px 28px #30382b0c}
.agent-pearl .studio-feature:hover .studio-card-arrow {color:#31372e}
.agent-pearl .studio-sidebar {border-color:#e2e5dd}
.agent-pearl .studio-sidebar a {color:#666d61}
.agent-pearl .studio-sidebar a:hover {background:#f3f4ef;color:#343a2f}
.agent-pearl .studio-sidebar a[aria-current="location"] {background:#ecefe6;color:#343d2f}
.agent-pearl .studio-benefits li {color:#565c51}
.agent-pearl .studio-benefits .icon,.agent-pearl .studio-detail-link {color:#5b6653}
.agent-pearl .studio-detail-art {border-color:#c8cfcd80;box-shadow:inset 0 1px 0 #fff6}
.agent-pearl .studio-card-art {box-shadow:inset 0 1px 0 #fff5}
/* Actual utility system marks remain in their original colors. */
.agent-pearl .studio-system-logo {
  background:linear-gradient(135deg,#ffffffed,#f0f1eceb 55%,#e4e6deeb);
  border:1px solid #fffffff0;border-right-color:#c1c6c0b0;border-bottom-color:#bfc4bfba;
  box-shadow:inset 1px 1px 0 #fff,0 10px 22px #15252326,inset -1px -1px 0 #ffffff65;
  border-radius:21px;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
.agent-pearl .studio-system-logo.logo-aveva {background:linear-gradient(135deg,#ffffffed,#e9ece5ed);border-color:#ffffffde}
.agent-pearl .studio-system-logo.logo-aveva img {mix-blend-mode:multiply}
.agent-pearl .studio-system-name {
  color:#272d27;background:#f4f5efe8;border:1px solid #ffffffe0;border-radius:8px;
  box-shadow:0 4px 10px #12252114;padding:7px 10px;text-shadow:none;
}
.agent-pearl .studio-system-name small {color:#565e54}
.agent-pearl .feature-tools .studio-system-name {font-size:13px}
.agent-pearl .feature-tools .studio-system-name small {font-size:11px}
/* Large, shallow glass workspace replaces the blue sculpture. */
.agent-pearl .pearl-hero-stage {width:min(920px,100%);max-width:none;margin:54px auto 0;padding:18px 90px 28px}
.pearl-hero-product {position:relative;padding:4px 0 30px;text-align:left;perspective:1400px}
.pearl-agent-window {
  position:relative;z-index:2;width:min(100%,610px);margin:auto;padding:19px 20px 15px;
  border-radius:25px;border:1px solid #fff;border-bottom-color:#cbd0c5;
  background:linear-gradient(138deg,#ffffffb3 0%,#eef0e9a6 65%,#ffffffc2);
  box-shadow:inset 1px 1px 0 #fff, inset -1px -1px 0 #fff9,0 25px 50px -24px #353b3345,0 3px 8px #3b423216;
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  animation:pearl-product-float 10s ease-in-out infinite;
}
.pearl-window-top {display:flex;align-items:center;justify-content:space-between;gap:12px;color:#2f352c;font-size:14px}
.pearl-window-top>span:first-child {display:flex;gap:8px;align-items:center}
.pearl-window-top img {width:34px;height:28px;object-fit:cover;mix-blend-mode:multiply;border-radius:6px}
.pearl-window-meta {font-size:12px;color:#6b7264}
.pearl-prompt {margin:20px 0 21px auto;width:86%;padding:12px 16px;background:#dfe3d9b3;border:1px solid #f7f8f2cf;border-radius:17px 17px 5px 17px;color:#4e5647;font-size:14px;line-height:1.5}
.pearl-agent-response {padding:0 5px}
.pearl-response-label {display:flex;align-items:center;gap:7px;font-size:12px;color:#6f7868}
.pearl-response-label .icon {width:15px;height:15px}
.pearl-agent-response p {font-size:14px;line-height:1.55;color:#343d2d;margin:9px 0 17px;max-width:490px}
.pearl-plan {border:1px solid #fff;border-radius:17px;background:linear-gradient(145deg,#ffffffab,#f7f8f3d6);box-shadow:inset 0 1px 0 #fff,0 7px 18px #39422e09;overflow:hidden}
.pearl-plan-title {display:flex;gap:8px;align-items:center;padding:12px 15px;border-bottom:1px solid #d7dcd099;font-size:13px;color:#394332}
.pearl-plan-title .icon {width:16px;height:16px}
.pearl-plan-count {margin-left:auto;font-size:11px;color:#69755f}
.pearl-plan ul {list-style:none;padding:16px 17px 12px;margin:0;display:grid;gap:12px;font-size:13px;color:#535e4a}
.pearl-plan li {display:flex;align-items:center;gap:9px}
.pearl-check {display:grid;place-items:center;width:15px;height:15px;flex:none;border-radius:50%;background:#dae5d2;color:#49603d;font-size:10px}
.pearl-review-note {display:flex;gap:8px;align-items:center;margin:0 16px 15px;padding:10px 11px;border-radius:8px;background:#eae6daa3;border:1px solid #dcd6c766;font-size:12px;color:#685b3c}
.pearl-review-dot {width:5px;height:5px;flex:none;border-radius:50%;background:#a0844c}
.pearl-plan-footer {display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #d7dcd099;padding:11px 14px;font-size:11px;color:#6b7562}
.pearl-review-pill {display:flex;align-items:center;justify-content:center;gap:20px;border-radius:999px;background:#282e23;color:#fff;padding:9px 14px;font-size:12px}
.pearl-review-pill .icon {width:14px;height:14px}
.pearl-composer {margin-top:15px;padding:8px 9px 8px 12px;border:1px solid #fff;border-radius:999px;background:#ffffffb8;display:flex;align-items:center;gap:8px;font-size:12px;color:#798371;box-shadow:0 1px 3px #37412c09}
.pearl-composer>.icon {width:17px;height:17px}
.pearl-composer-arrow {display:grid;place-items:center;margin-left:auto;width:25px;height:25px;background:#e4e9dd;border-radius:50%;color:#647358;font-size:17px}
.pearl-source {position:absolute;z-index:1;display:flex;align-items:center;gap:11px;border:1px solid #fff;border-bottom-color:#ccd1c5;padding:17px 19px;border-radius:15px;background:linear-gradient(135deg,#ffffffc9,#e9ede2ad);box-shadow:0 12px 25px -13px #4b584341;font-size:13px;color:#46513d;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
.pearl-source small {display:block;font-size:11px;color:#6d7863;margin-top:3px}
.pearl-source img {width:28px;height:28px;object-fit:contain}
.pearl-source-record {left:-93px;top:54px;transform:rotate(-7deg);animation:pearl-source-drift 12s ease-in-out infinite}
.pearl-source-schedule {right:-89px;bottom:58px;transform:rotate(5deg);animation:pearl-source-drift 12s -5s ease-in-out infinite}
.agent-pearl .pearl-hero-caption {font-size:12px;line-height:1.5;color:#747c6c;position:relative;z-index:3;margin:0 auto}
.agent-pearl .pearl-hero-stage .motion-toggle {right:12px;bottom:23px;background:#f9faf6e8;border:1px solid #d6dacf;color:#57614e;width:34px;height:34px}
.agent-pearl .pearl-hero-stage .motion-toggle:hover {background:#fff;color:#303b26}
.agent-pearl .is-paused :is(.pearl-agent-window,.pearl-source) {animation-play-state:paused}
@keyframes pearl-product-float {0%,100%{transform:translateY(0) rotateX(1deg)}50%{transform:translateY(-7px) rotateX(0)}}
@keyframes pearl-source-drift {0%,100%{translate:0 0}50%{translate:0 -6px}}
/* The functional example uses the same pale, layered product surfaces. */
.agent-pearl .example-shell {background:linear-gradient(135deg,#f5f6f1e8,#e8ebe2);border:1px solid #e1e5d8;box-shadow:inset 0 1px 0 #fff,0 20px 40px -25px #38462d2e}
.agent-pearl .example-toolbar {background:linear-gradient(100deg,#fafbf7d6,#eff2e8aa);border-color:#dfe4d5}
.agent-pearl .example-tag {background:#f8f9f4c9;border-color:#dce2d3;color:#69755e}
.agent-pearl .example-inputs {background:#f9faf6b3;border-color:#dee4d3}
.agent-pearl .example-conversation {background:radial-gradient(ellipse at 20% 0%,#fafcf4e6,#e5eadb9c)}
.agent-pearl .scenario-tabs {background:#e8ecdf;border-color:#d8decc;box-shadow:inset 0 1px 3px #45563309}
.agent-pearl .scenario-tabs button {color:#66735a}
.agent-pearl .scenario-tabs button[aria-selected=true] {color:#333f28;background:#ffffffdf;box-shadow:0 2px 4px #3e4d2d0c}
.agent-pearl :is(.scenario-panel>p:not(.app-kicker),.evidence-card div>span,.evidence-ref,.message-evidence,.channel-title small) {color:#626e56}
.agent-pearl :is(.scenario-panel .app-kicker,.demo-outcome .app-kicker) {color:#647456}
.agent-pearl :is(.evidence-card,.teams-message) {background:linear-gradient(145deg,#fffffff0,#f7f9f1db);border-color:#fff;box-shadow:inset 0 1px 0 #fff,0 10px 22px -18px #37432b55}
.agent-pearl .finding {background:#eceadd;border-color:#dedbc8;color:#5f5940}
.agent-pearl .finding span {color:#6b654f}
.agent-pearl .approval-button {background:#2b3623;border-color:#2b3623;color:#fff}
.agent-pearl .approval-button:hover:not(:disabled) {background:#435237}
.agent-pearl .approval-button:disabled {background:#e1e7d8;border-color:#d1dbc3;color:#68775a}
.agent-pearl .demo-outcome {border-color:#d9e1cd}
.agent-pearl .demo-outcome p {color:#68755c}
.agent-pearl .example-caption {color:#6b7860}
.agent-pearl .resource-link {color:#536246}
.agent-pearl .studio-cta {background:radial-gradient(ellipse at 5% 100%,#dfe3d666,transparent 65%),radial-gradient(ellipse at 100% 100%,#dfe4d6aa,transparent 65%),linear-gradient(#fff,#f0f3e9)}
@media(max-width:800px) {
 .agent-pearl .pearl-hero-stage {padding-inline:42px;margin-top:44px}
 .pearl-source-record {left:-46px;top:52px}.pearl-source-schedule {right:-38px;bottom:40px}
 .pearl-source {padding:14px;font-size:12px;gap:8px}.pearl-source small {font-size:10px}
}
@media(max-width:540px) {
 .agent-pearl .studio-hero {padding-inline:18px;padding-bottom:15px}
 .agent-pearl .pearl-hero-stage {width:100%;padding:12px 0 34px;margin-top:32px}
 .pearl-agent-window {padding:14px 12px 12px;border-radius:20px}
 .pearl-window-top {font-size:13px}.pearl-window-meta {font-size:10px}
 .pearl-window-top img {width:28px;height:24px}
 .pearl-prompt {width:93%;font-size:12px;padding:10px 12px;margin:17px 0}
 .pearl-agent-response p {font-size:13px;line-height:1.55}.pearl-response-label {font-size:11px}
 .pearl-plan-title {padding:11px;font-size:12px;gap:6px}.pearl-plan-count {display:none}
 .pearl-plan ul {font-size:12px;padding:13px 12px 12px;gap:11px;line-height:1.4}
 .pearl-review-note {margin:0 10px 12px;font-size:11px;padding:8px;line-height:1.4}
 .pearl-plan-footer {padding:10px;font-size:10px}.pearl-review-pill {padding:8px 10px;font-size:11px;gap:8px}
 .pearl-composer {font-size:11px;margin-top:12px}.pearl-source {display:none}
 .agent-pearl .pearl-hero-caption {font-size:10px;padding-right:34px;text-align:left}
 .agent-pearl .pearl-hero-stage .motion-toggle {bottom:30px;right:0;width:30px;height:30px}
 .agent-pearl .studio-system-name {font-size:12px}
}
@media(prefers-reduced-motion:reduce) {
 .agent-pearl :is(.pearl-agent-window,.pearl-source) {animation:none!important;transform:none}
}