.neo-showcase{position:relative;margin-top:100px;padding-top:64px;border-top:1px solid var(--line);isolation:isolate;scroll-margin-top:116px}
.neo-showcase-heading{display:flex;justify-content:space-between;align-items:center;gap:50px}.neo-showcase-heading h2{font-size:clamp(48px,5.5vw,80px);letter-spacing:-.06em;line-height:1.05;white-space:nowrap}.neo-showcase-heading h2>span{background:linear-gradient(120deg,#54866a 5%,#3d9493 42%,#648bbb 90%);background-clip:text;-webkit-background-clip:text;color:transparent}.neo-showcase-heading>p{font-size:15px;line-height:1.8;color:var(--muted);max-width:390px}
.neo-stage{position:relative;display:grid;grid-template-columns:minmax(200px,.95fr) minmax(270px,1.2fr) minmax(260px,1fr);gap:24px;align-items:center;min-height:550px;margin-top:28px}.neo-example-choices{display:grid;gap:16px;position:relative;z-index:2;padding-right:5px}.neo-example-choice{position:relative;text-align:left;padding:18px 43px 18px 20px;background:#fbfcf8dc;border:1px solid #dce4da;box-shadow:0 5px 20px #1c433205;transition:background .2s,border-color .2s,transform .2s;max-width:265px;width:100%}.neo-example-choice>span{display:block;font-size:10px;color:#687a72;margin-bottom:7px;letter-spacing:.02em}.neo-example-choice strong{display:block;font-size:16px;line-height:1.4;font-weight:500;letter-spacing:-.015em}.neo-example-choice>i{position:absolute;right:16px;top:18px;font-size:19px;font-style:normal;color:#879b8c}.neo-example-choice[aria-pressed=true]{border-color:#86a99a;background:#fff;box-shadow:0 8px 24px #23483c09}.neo-example-choice[aria-pressed=true]>i{color:#318d80}.neo-example-choice:hover{border-color:#86a99a;transform:translateX(4px)}
.neo-orb-stage{position:relative;height:460px;display:flex;align-items:center;justify-content:center;min-width:0;z-index:1}.neo-orb-halo{position:absolute;inset:-10% -30%;background:radial-gradient(ellipse at 45% 45%,#b5e7ce3d,transparent 65%);pointer-events:none}.neo-orb-shadow{position:absolute;left:15%;right:15%;height:24px;bottom:63px;background:radial-gradient(ellipse,#527b7750,transparent 68%);transform:scaleY(.7)}
.neo-orb-sphere{position:relative;isolation:isolate;width:min(100%,340px);aspect-ratio:1;border-radius:50%;overflow:hidden;transform:translateY(-17px);background:#b9e9df;box-shadow:0 23px 45px -30px #326a8240;animation:neo-orb-float 8s ease-in-out infinite;animation-play-state:paused}
.neo-orb-colors{position:absolute;inset:-25%;background:radial-gradient(ellipse at 29% 27%,#e5f7b8 0,transparent 43%),radial-gradient(ellipse at 72% 24%,#a1efdf 0,transparent 49%),radial-gradient(ellipse at 76% 80%,#7299d9 0,transparent 55%),linear-gradient(145deg,#d4f1c7,#9adfda 48%,#79a6d8);animation:neo-orb-flow 24s ease-in-out infinite;animation-play-state:paused}
.neo-orb-light{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 28% 16%,#fff9,transparent 40%),radial-gradient(ellipse at 48% 46%,transparent 32%,#22598122 78%,#16384a32 100%);box-shadow:inset -15px -20px 32px #34678f2b,inset 12px 17px 27px #eaffef60}
.neo-orb-signature{position:absolute;bottom:10px;text-align:center;font-size:14px;letter-spacing:.3em;font-weight:500;color:#315f58;padding-left:.3em}.neo-orb-signature span{display:block;font-weight:400;font-size:10px;letter-spacing:0;color:#7a8c83;margin-top:6px}.neo-motion-toggle{position:absolute;right:8px;bottom:15px;width:32px;height:32px;display:grid;place-items:center;color:#7b9285}.neo-motion-toggle:hover{color:#285f50;background:#eaf0e8}.neo-motion-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}.neo-play-icon{display:none}.neo-motion-toggle[aria-pressed=true] .neo-play-icon{display:block}.neo-motion-toggle[aria-pressed=true] .neo-pause-icon{display:none}
.neo-example-response{position:relative;z-index:2;align-self:center;margin-top:48px;padding:24px 23px;background:#ffffffeb;border:1px solid #d9e3dc;box-shadow:0 16px 45px -20px #233b3626;min-height:350px}.neo-response-heading{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:500;margin-bottom:24px}.neo-response-heading .neo-mark{width:21px;height:21px;margin:0;flex-shrink:0}.neo-response-heading small{margin-left:auto;font-size:9px;font-weight:400;color:#859087;white-space:nowrap}.neo-example-response h3{font-size:22px;line-height:1.25;letter-spacing:-.035em}.neo-response-intro{color:var(--muted);font-size:12px;line-height:1.75;margin-top:12px}.neo-response-points{list-style:none;margin:17px 0 0;padding:0;display:grid;gap:12px}.neo-response-points li{display:grid;gap:3px}.neo-response-points strong{font-size:11px;font-weight:500}.neo-response-points span{font-size:11px;line-height:1.6;color:var(--muted)}
.neo-showcase-footer{display:flex;justify-content:center;align-items:center;gap:28px;margin-top:22px;padding-top:28px;border-top:1px solid #dde4d9}.neo-showcase-footer>div{display:flex;align-items:center;gap:26px}.neo-showcase-footer .button{min-width:230px}
.neo-showcase.is-visible:not(.is-paused) :is(.neo-orb-sphere,.neo-orb-colors){animation-play-state:running}
@keyframes neo-orb-float{0%,100%{transform:translateY(-17px)}50%{transform:translateY(-26px)}}
@keyframes neo-orb-flow{0%,100%{transform:rotate(-12deg) scale(1)}50%{transform:rotate(35deg) scale(1.06)}}
@media(min-width:1500px){.neo-stage{min-height:600px;grid-template-columns:1fr 1.3fr 1fr;gap:45px}.neo-orb-sphere{width:380px}.neo-orb-stage{height:500px}.neo-example-choice{max-width:295px;padding:23px 48px 23px 23px}.neo-example-choice strong{font-size:18px}.neo-example-response{padding:30px;min-height:365px}.neo-example-response h3{font-size:26px}.neo-response-intro{font-size:14px}.neo-response-points strong,.neo-response-points span{font-size:12px}}
@media(max-width:1000px){.neo-stage{grid-template-columns:minmax(175px,.9fr) minmax(220px,1fr) minmax(235px,1fr);gap:14px}.neo-showcase-heading h2{font-size:53px}.neo-showcase-heading>p{max-width:340px;font-size:14px}.neo-example-choice{padding:16px 31px 16px 15px}.neo-example-choice strong{font-size:14px}.neo-example-choice>i{right:11px}.neo-example-response{padding:20px 17px}.neo-orb-stage{height:410px}.neo-response-heading{gap:6px}.neo-response-heading small{font-size:8px}.neo-example-response h3{font-size:21px}}
@media(max-width:800px){.neo-showcase{margin-top:65px;padding-top:45px}.neo-showcase-heading{display:block}.neo-showcase-heading h2{font-size:60px}.neo-showcase-heading>p{margin-top:22px;max-width:490px;font-size:15px}.neo-stage{grid-template-columns:1fr 1.1fr;gap:25px 34px;min-height:0;margin-top:16px}.neo-example-choices{grid-column:1;grid-row:1;gap:17px;padding:0}.neo-example-choice{max-width:none;padding:17px 42px 17px 19px}.neo-example-choice strong{font-size:16px}.neo-orb-stage{grid-column:2;grid-row:1;height:390px}.neo-orb-sphere{width:min(100%,290px)}.neo-orb-signature{bottom:12px}.neo-example-response{grid-column:1/-1;margin-top:0;padding:25px;min-height:0}.neo-response-heading{margin-bottom:18px}.neo-response-heading small{font-size:10px}.neo-response-points{grid-template-columns:repeat(3,1fr);gap:20px}.neo-response-intro{font-size:14px}.neo-response-points strong,.neo-response-points span{font-size:12px}.neo-showcase-footer{margin-top:30px}.neo-showcase-footer>div{flex-direction:column;gap:6px;align-items:flex-start}.neo-showcase-footer .button{min-width:0}}
@media(max-width:540px){.neo-showcase{padding-top:38px;margin-top:48px}.neo-showcase-heading h2{font-size:clamp(43px,10.8vw,58px)}.neo-showcase-heading>p{font-size:14px;margin-top:18px}.neo-stage{display:flex;flex-direction:column;gap:0;margin-top:4px;align-items:stretch}.neo-orb-stage{order:0;height:340px;width:100%;margin-bottom:5px}.neo-orb-sphere{width:245px}.neo-orb-halo{inset:0}.neo-orb-shadow{left:25%;right:25%;bottom:58px}.neo-orb-signature{bottom:6px}.neo-motion-toggle{right:calc(50% - 140px);bottom:4px}.neo-example-choices{order:1;gap:0;margin-top:20px;border-top:1px solid #dce4da}.neo-example-choice{max-width:none;background:transparent;border:0;border-bottom:1px solid #dce4da;box-shadow:none;padding:16px 38px 16px 12px}.neo-example-choice>span{font-size:10px;margin-bottom:4px}.neo-example-choice strong{font-size:15px}.neo-example-choice[aria-pressed=true]{background:#fff;box-shadow:inset 2px 0 #85ae9d}.neo-example-choice:hover{transform:none}.neo-example-choice>i{top:22px;right:13px}.neo-example-response{order:2;margin-top:24px;padding:23px 20px;min-height:370px}.neo-example-response h3{font-size:24px}.neo-response-points{grid-template-columns:1fr;gap:14px}.neo-response-points strong,.neo-response-points span{font-size:12px}.neo-showcase-footer{display:block;padding-top:23px;margin-top:28px}.neo-showcase-footer>div{margin-top:21px;gap:8px}.neo-showcase-footer .button{width:100%;justify-content:space-between}.neo-showcase-footer .text-link{font-size:13px}}
@media(prefers-reduced-motion:reduce){.neo-showcase :is(.neo-orb-sphere,.neo-orb-colors){animation:none}.neo-motion-toggle{display:none}.neo-example-choice{transition:none}}
@media(forced-colors:active){.neo-showcase-heading h2>span{color:CanvasText;background:none}.neo-example-choice[aria-pressed=true]{outline:2px solid Highlight}.neo-orb-sphere{border:1px solid CanvasText}}

/* A shadow on the sphere, never an extra floating control or outline. */
.neo-orb-eclipse{position:absolute;left:0;top:0;width:0;height:0;border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle closest-side,#060b0d 0%,#080e11 68%,#0c151bf5 76%,#12232c9c 87%,#18322b00 100%);transform-origin:center;will-change:transform,opacity}
@media(prefers-reduced-motion:reduce),(forced-colors:active){.neo-orb-eclipse{display:none}}