/* Clear liquid-glass controls. Only explicitly labeled Book a call actions are tinted. */
:root{
 --glass-clear:linear-gradient(155deg,rgba(255,255,255,.22),rgba(255,255,255,.045) 52%,rgba(220,224,229,.10));
 --glass-clear-hover:linear-gradient(155deg,rgba(255,255,255,.32),rgba(255,255,255,.08) 52%,rgba(220,224,229,.14));
 --glass-book:linear-gradient(158deg,rgba(168,13,192,.80),rgba(146,3,174,.85) 47%,rgba(108,3,151,.90));
 --glass-book-hover:linear-gradient(158deg,rgba(177,17,201,.82),rgba(150,5,180,.88) 47%,rgba(112,4,157,.92));
 --glass-edge:inset 0 1px 1px rgba(255,255,255,.90),inset 1px 0 1px rgba(255,255,255,.44),inset -1px -1px 1px rgba(255,255,255,.40),inset 0 -2px 5px rgba(32,37,45,.05),0 4px 12px rgba(32,37,45,.065),0 1px 2px rgba(32,37,45,.07);
}
body :is(a,button).site-pill[class],body #siteNav>a.nav-contact.site-pill,body button[data-glass][data-glass],body button[data-glass]{
 --glass-x:50%;--glass-y:0%;--glass-fill:var(--glass-clear);--glass-hover-fill:var(--glass-clear-hover);--glass-ink:#292b30;--glass-fallback:#e9ebed;--glass-arrow-fill:linear-gradient(155deg,rgba(255,255,255,.48),rgba(255,255,255,.12));
 isolation:isolate;overflow:hidden;color:var(--glass-ink);border-color:rgba(255,255,255,.64);
 background:radial-gradient(ellipse 90px 16px at var(--glass-x) var(--glass-y),rgba(255,255,255,.32),transparent 80%),var(--glass-fill);
 box-shadow:var(--glass-edge);-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);text-shadow:none;
 transition:box-shadow .25s ease,border-color .25s ease,scale .3s cubic-bezier(.2,.8,.2,1),translate .3s cubic-bezier(.2,.8,.2,1);-webkit-tap-highlight-color:transparent;touch-action:manipulation;
}
/* A thin optical rim defines the silhouette without an opaque fill. */
body :is(a,button).site-pill[class],body button[data-glass-position="static"]{position:relative}
body button[data-glass="accent"]{border-radius:999px}
body :is(a,button).site-pill[class]::after,body button[data-glass]::after{
 content:"";position:absolute;pointer-events:none;inset:1px;border-radius:inherit;
 background:linear-gradient(180deg,rgba(255,255,255,.30),rgba(255,255,255,0) 18% 84%,rgba(255,255,255,.055)),radial-gradient(ellipse 80% 85% at 16% -20%,rgba(255,255,255,.16),transparent 65%);
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.30);
}
body :is(a,button).site-pill[class] .site-pill-arrow,body #siteNav>a.nav-contact.site-pill .site-pill-arrow{
 background:var(--glass-arrow-fill);color:var(--glass-ink);box-shadow:inset 0 1px 1px rgba(255,255,255,.9),inset 0 -1px 1px rgba(32,37,45,.06),0 1px 3px rgba(32,37,45,.07);text-shadow:none;
}
body :is(a,button).site-pill[data-glass-tone="dark"][class],body button[data-glass-tone="dark"][data-glass-tone="dark"],body button[data-glass-tone="dark"]{--glass-ink:#fff;--glass-fill:linear-gradient(155deg,rgba(255,255,255,.17),rgba(255,255,255,.025) 52%,rgba(0,0,0,.08));--glass-hover-fill:linear-gradient(155deg,rgba(255,255,255,.24),rgba(255,255,255,.05) 52%,rgba(0,0,0,.10));--glass-fallback:#3d4045;text-shadow:0 1px 3px rgba(0,0,0,.35)}
body button[data-glass="selectable"][aria-selected="true"],body button[data-glass="selectable"][aria-pressed="true"],body button[data-glass="selectable"][data-active="true"]{--glass-fill:linear-gradient(155deg,rgba(255,255,255,.36),rgba(218,223,228,.17));--glass-hover-fill:var(--glass-fill);box-shadow:var(--glass-edge),inset 0 0 0 1px rgba(56,61,69,.22)}
body .eval-tabs button[data-glass]{border-radius:12px 12px 0 0;margin-bottom:3px;border-bottom-color:transparent}
body .eval-tabs button[data-glass][aria-selected=true]{border-bottom-color:#575b63}
/* Tint is an explicit exception, independent of legacy CTA classes. */
body :is(a,button).site-pill[data-glass-book][class],body #siteNav>a.nav-contact.site-pill[data-glass-book],body button[data-glass-book]{--glass-fill:var(--glass-book);--glass-hover-fill:var(--glass-book-hover);--glass-ink:#fff;--glass-fallback:#9d10b7;--glass-arrow-fill:linear-gradient(155deg,rgba(255,255,255,.81),rgba(255,255,255,.55));text-shadow:0 1px 2px rgba(61,4,87,.18)}
body :is(a,button).site-pill[data-glass-book][class] .site-pill-arrow,body #siteNav>a.nav-contact.site-pill[data-glass-book] .site-pill-arrow{color:#6f108b}
@media(hover:hover) and (pointer:fine){
 body :is(a,button).site-pill[class]:hover,body #siteNav>a.nav-contact.site-pill:hover,body button[data-glass]:hover{color:var(--glass-ink);background:radial-gradient(ellipse 110px 18px at var(--glass-x) var(--glass-y),rgba(255,255,255,.37),transparent 80%),var(--glass-hover-fill);border-color:rgba(255,255,255,.85);box-shadow:inset 0 1px 2px rgba(255,255,255,.95),inset 0 -2px 5px rgba(32,37,45,.07),inset 0 0 0 1px rgba(255,255,255,.28),0 6px 17px rgba(32,37,45,.09);translate:0 -1px;scale:1.012}
}
body :is(a,button).site-pill[class]:active,body #siteNav>a.nav-contact.site-pill:active,body button[data-glass]:active{scale:.977;translate:0 0;box-shadow:inset 0 1px 4px rgba(32,37,45,.12),inset 0 0 0 1px rgba(255,255,255,.6),0 1px 3px rgba(32,37,45,.07)}
body :is(a,button).site-pill[class]:focus-visible,body #siteNav>a.nav-contact.site-pill:focus-visible,body button[data-glass]:focus-visible{outline:2px solid var(--glass-ink);outline-offset:4px}
body :is(a,button).site-pill[data-glass-book][class]:focus-visible,body #siteNav>a.nav-contact.site-pill[data-glass-book]:focus-visible{outline-color:#8212b3}
body button[data-glass]:disabled,body button[data-glass][aria-disabled=true]{opacity:.55;cursor:not-allowed;scale:1;translate:none}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body :is(a,button).site-pill[class],body #siteNav>a.nav-contact.site-pill,body button[data-glass][data-glass]{background:var(--glass-fallback)}}
@media(prefers-reduced-motion:reduce){body :is(a,button).site-pill[class],body #siteNav>a.nav-contact.site-pill,body button[data-glass],body :is(a,button).site-pill[class] .site-pill-arrow svg{transition:none!important;scale:1!important;translate:none!important}}
@media(prefers-reduced-transparency:reduce){body :is(a,button).site-pill[class],body #siteNav>a.nav-contact.site-pill,body button[data-glass][data-glass]{background:var(--glass-fallback);backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(forced-colors:active){body :is(a,button).site-pill[class],body #siteNav>a.nav-contact.site-pill,body button[data-glass][data-glass]{background:ButtonFace;color:ButtonText;border:1px solid ButtonText;box-shadow:none;backdrop-filter:none;text-shadow:none}body :is(a,button).site-pill[class]::after,body button[data-glass]::after{display:none}body button[data-glass="selectable"][aria-selected=true],body button[data-glass="selectable"][aria-pressed=true]{background:Highlight;color:HighlightText}}

/* Clear optical surfaces: a calm center, a crisp rim, and soft reflected light. */
:root{--glass-clear:linear-gradient(145deg,#ffffff66,#ffffff12 47%,#e2dfe91f);--glass-clear-hover:linear-gradient(145deg,#ffffff85,#ffffff24 47%,#e2dfe933);--glass-edge:inset 0 1px 1px #fffffff0,inset 1px 0 1px #ffffff99,inset -1px -1px 1px #ffffffa6,inset 0 -2px 5px #382b4712,0 5px 16px #24162f0c,0 0 0 1px #30233d10}
body :is(a,button).site-pill[class],body #siteNav>a.nav-contact.site-pill,body button[data-glass][data-glass]{backdrop-filter:blur(10px) saturate(155%);-webkit-backdrop-filter:blur(10px) saturate(155%)}
body :is(a,button).site-pill[class]::after,body button[data-glass]::after{background:radial-gradient(ellipse 95px 12px at var(--glass-x,50%) 0%,#ffffffad,transparent 95%),linear-gradient(174deg,#ffffff3d,transparent 23% 76%,#ffffff1c);box-shadow:inset 0 0 0 1px #ffffff59}
body :is(a,button).site-pill[data-glass-book][class],body #siteNav>a.nav-contact.site-pill[data-glass-book]{border:1px solid #f6d7ffc9;box-shadow:inset 0 2px 2px #ffffffd9,inset 0 -2px 3px #f7d9ff99,inset 2px 0 3px #ffffff70,inset -2px 0 3px #f8e0ff70,0 0 0 1px #dca8e966,0 5px 18px #51166a1c}
/* A selected timer tab must stay readable before, during and after the black sweep. */
body .audience-selectors button[data-glass][aria-selected="true"]{--glass-ink:#fff;--glass-fill:linear-gradient(145deg,#37343aee,#1b191ffc);--glass-hover-fill:var(--glass-fill);--glass-fallback:#242328;color:#fff;border-color:#5c5863;transition:box-shadow .25s,border-color .25s,scale .3s,translate .3s}
body .audience-selectors button[data-glass]>span{position:relative;z-index:2;color:inherit}
body .audience-selectors button[data-glass] i{z-index:0;background:linear-gradient(110deg,#0c0c0f,#161319);opacity:.82}
body .audience-selectors button[data-glass]::after{z-index:1}
body .case-tabs button[data-glass][aria-selected="true"],body .lab-presets button[data-glass][aria-pressed="true"]{--glass-fill:linear-gradient(145deg,#fff9,#e7dbea75);--glass-hover-fill:var(--glass-fill);--glass-ink:#34243d;box-shadow:var(--glass-edge),inset 0 -2px 0 #8212b399}
/* The same clear material on information panels and interface cards. */
body :is(.eval-benefit,.eval-utility-explorer,.eval-example,.eval-case-art,.eval-case-file,.eval-mini-panel,.oc-demo,.oc-demo-inspector,.oc-build-layout article,.int-card,.destination-card,.glass-surface,.ui-card,.source-card,.evidence-card,.hero-agent-window,.app){background:linear-gradient(135deg,#ffffffae,#ffffff52 60%,#ece7f16b);border:1px solid #ffffffd9;box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #95879e29,0 10px 35px #30203d09,0 0 0 1px #30213e0c;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%)}
body :is(.audience-work span,.eval-records>span){background:linear-gradient(135deg,#ffffff24,#ffffff0a);box-shadow:inset 0 1px 1px #ffffff59;border-color:#ffffff4d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
/* Broad glass lenses keep the central type area quiet; light collects at the edge. */
body .eval-hero{background:radial-gradient(ellipse at 4% 12%,#cabbdc50,transparent 45%),radial-gradient(ellipse at 100% 28%,#dfbee344,transparent 43%),linear-gradient(180deg,#eeedf1,#f5f5f5 83%)}
body .eval-hero::before{width:1300px;height:500px;left:calc(50% - 1440px);top:75px;transform:rotate(-27deg);border:1px solid #fff;border-radius:50%;background:linear-gradient(165deg,#ffffff03 15%,#ffffff85 44%,#bfb2ce24 46%,#ffffff0a 52%,#ffffff85);box-shadow:inset 0 3px 8px #fff,inset 0 -14px 24px #9d8eae24,0 4px 0 #ffffff73,0 22px 60px #5e486b10}
body .eval-hero::after{width:1200px;height:390px;right:calc(50% - 1450px);top:365px;transform:rotate(-31deg);border:1px solid #ffffffd9;background:linear-gradient(167deg,#ffffff00 20%,#ffffff99 43%,#c9a9d12b 46%,#ffffff0d 53%,#ffffff73);box-shadow:inset 0 3px 12px #fff,inset 0 -15px 22px #a48caf1c,0 3px 0 #ffffff61,0 25px 65px #60456d0d}
body .eval-hero-description{color:#544d5d}
body .eval-benefit{border-radius:24px}
@media(max-width:620px){body .eval-hero::before{width:800px;height:260px;left:-690px;top:100px}body .eval-hero::after{width:800px;height:280px;right:-690px;top:420px}}
@media(prefers-reduced-transparency:reduce){body :is(.eval-benefit,.eval-utility-explorer,.eval-example,.eval-case-art,.eval-case-file,.eval-mini-panel,.oc-demo,.oc-demo-inspector,.oc-build-layout article,.int-card,.destination-card,.glass-surface,.ui-card,.source-card,.evidence-card,.hero-agent-window,.app){background:#f5f2f7;backdrop-filter:none;-webkit-backdrop-filter:none}body .audience-selectors button[data-glass][aria-selected=true]{background:#242328}body :is(a,button).site-pill[class],body #siteNav>a.nav-contact.site-pill,body button[data-glass][data-glass]{background:var(--glass-fallback);backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(forced-colors:active){body .audience-selectors button[data-glass][aria-selected=true]{--glass-ink:HighlightText;background:Highlight;color:HighlightText}body .audience-selectors button[data-glass] i{display:none}body :is(a,button).site-pill[class],body #siteNav>a.nav-contact.site-pill,body button[data-glass][data-glass]{background:ButtonFace;color:ButtonText;border:1px solid ButtonText;box-shadow:none}}