/* Sabban&Co · illuminated systems, purposeful motion, stable reading planes. */
html .showcase-content .impact-lab { position:relative; isolation:isolate; display:grid; grid-template-columns:.8fr 1.2fr; align-items:center; gap:34px; padding:80px 6%; overflow:hidden; background:radial-gradient(ellipse at 92% 45%,color-mix(in srgb,var(--impact-accent) 13%,transparent),transparent 65%),#0a1018; color:#e9eff1; border-block:1px solid #ffffff15; }
html .showcase-content .impact-lab :is(h3,p) { color:inherit; }
html .impact-lab .impact-eyebrow { font-size:10px; letter-spacing:.13em; text-transform:uppercase; color:var(--impact-accent); margin:0 0 24px; line-height:1.8; }
html .impact-lab h3 { font-size:clamp(29px,3.3vw,49px); font-weight:300; line-height:1.1; letter-spacing:-.04em; margin:0 0 25px; }
html .impact-lab .impact-intro > p:not(.impact-eyebrow) { font-size:15px; line-height:1.8; color:#aebfc6; max-width:390px; }
.impact-run { color:#0b1720; background:var(--impact-accent); border:0; padding:15px 18px; font:inherit; font-size:12px; display:flex; gap:25px; align-items:center; justify-content:space-between; margin-top:30px; cursor:pointer; border-radius:3px; box-shadow:0 8px 35px color-mix(in srgb,var(--impact-accent) 13%,transparent); transition:transform .25s,box-shadow .25s; }
.impact-run:hover { transform:translateY(-3px); box-shadow:0 12px 40px color-mix(in srgb,var(--impact-accent) 25%,transparent); }
.impact-run b { font-size:22px; font-weight:300; }
.impact-stage { min-width:0; position:relative; background:linear-gradient(125deg,#19212cf5,#09121bf5); border:1px solid color-mix(in srgb,var(--impact-accent) 32%,transparent); border-radius:12px; padding:22px; box-shadow:0 45px 60px -32px #000,0 0 60px -20px color-mix(in srgb,var(--impact-accent) 22%,transparent); transform:perspective(1200px) rotateX(var(--polish-rx,0deg)) rotateY(var(--polish-ry,0deg)); transition:transform .3s; }
.impact-stage > header { display:flex; justify-content:space-between; align-items:center; gap:12px; font-size:8px; letter-spacing:.12em; color:#a8b8c2; }
.impact-live { display:flex; align-items:center; gap:6px; color:var(--impact-accent); }
.impact-live i { width:4px;height:4px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor; }
.impact-map { position:relative; margin:27px 0; min-height:245px; display:grid; align-items:center; }
.impact-map::before { content:'';position:absolute;inset:0;background-image:radial-gradient(#7b9eae30 .7px,transparent .7px);background-size:14px 14px;mask-image:radial-gradient(ellipse,#000,transparent 78%); }
.impact-paths { position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--impact-accent);stroke-width:1;opacity:.23;stroke-dasharray:4 12;animation:impact-travel 5s linear infinite paused; }
.impact-visible .impact-paths { animation-play-state:running; }
.impact-nodes { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:105px 14px;position:relative;z-index:2; }
.impact-node { position:relative; display:flex; flex-direction:column; gap:8px; min-height:62px; padding:12px; border:1px solid #96a7bb30;background:linear-gradient(145deg,#283140,#0f1924);border-radius:5px;box-shadow:0 14px 15px -12px #000;transform:translateY(calc((var(--node) - 2)*3px)) rotate(calc((var(--node) - 2)*1deg));transition:transform .8s cubic-bezier(.2,.8,.2,1),border-color .8s,background .8s; }
.impact-node small { font-size:8px;color:#91a7b5; }.impact-node span { font-size:11px;line-height:1.4; }.impact-node > i { position:absolute;right:9px;top:8px;font-size:11px;font-style:normal;color:var(--impact-accent); }
.impact-core { width:78px;height:78px;position:absolute;left:calc(50% - 39px);top:calc(50% - 39px);display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--impact-accent) 55%,transparent);border-radius:50%;background:#13222c;box-shadow:0 0 45px color-mix(in srgb,var(--impact-accent) 18%,transparent),0 13px 28px #0009;z-index:3; }
.impact-core::after { content:'';position:absolute;inset:-11px;border:1px dashed color-mix(in srgb,var(--impact-accent) 37%,transparent);border-radius:50%;animation:impact-orbit 22s linear infinite paused; }
.impact-visible .impact-core::after { animation-play-state:running; }
.impact-core img { width:38px;height:38px;object-fit:contain;filter:brightness(0) invert(1);opacity:.85; }
.impact-metrics { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-top:1px solid #ffffff16;padding-top:18px; }
.impact-metrics > div { min-width:0;display:flex;flex-direction:column; }
.impact-metrics strong { font-size:42px;font-weight:200;font-variant-numeric:tabular-nums;letter-spacing:-.06em;line-height:1.2;color:var(--impact-accent); }
.impact-metrics span { font-size:9px;line-height:1.5;color:#b5c0c9;min-height:28px; }
.impact-metrics i { height:2px;background:#ffffff10;margin-top:10px;overflow:hidden; }.impact-metrics b { display:block;height:100%;background:var(--impact-accent);width:var(--metric);transform:scaleX(.25);transform-origin:left;transition:transform 1.4s; }
[data-impact-step="1"] .impact-metrics b { transform:scaleX(.65); }[data-impact-step="2"] .impact-metrics b { transform:scaleX(1); }
html .impact-lab .impact-status { min-height:44px;font-size:11px;line-height:1.6;color:#bdcdd5;margin:20px 0 15px; }
.impact-steps { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px; }
.impact-steps button { color:#a5b6bf;font:inherit;font-size:9px;display:flex;gap:5px;align-items:center;justify-content:center;padding:10px 4px;background:#07101c;border:1px solid #ffffff24;border-radius:3px;cursor:pointer;transition:background .3s,color .3s,border-color .3s; }
.impact-steps button span { opacity:.6; }.impact-steps button[aria-pressed=true] { color:var(--impact-accent);border-color:var(--impact-accent);background:color-mix(in srgb,var(--impact-accent) 12%,#0b151e); }
.impact-lab .impact-note { grid-column:1/-1;margin:0;font-size:9px!important;line-height:1.7;color:#82959f!important;text-align:right; }
[data-impact-step="1"] .impact-node { transform:translateY(0) rotate(0);border-color:color-mix(in srgb,var(--impact-accent) 45%,transparent); }
[data-impact-step="2"] .impact-node { transform:translateY(0) rotate(0);border-color:color-mix(in srgb,var(--impact-accent) 65%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--impact-accent) 22%,#142331),#101d27); }
[data-impact-step="2"] .impact-paths { opacity:.75; }.impact-shards { position:absolute;inset:50%;z-index:1; }.impact-shards i { position:absolute;width:9px;height:9px;border:1px solid #e4a7a7;opacity:0; }
.impact-barriers[data-impact-step="2"] .impact-shards i { animation:impact-break 1.5s calc(var(--shard)*.03s) both; }
.impact-signals .impact-map::after { content:'';position:absolute;width:220px;height:220px;left:calc(50% - 110px);top:calc(50% - 110px);border-radius:50%;background:conic-gradient(from 0deg,transparent 50%,color-mix(in srgb,var(--impact-accent) 15%,transparent));animation:impact-orbit 9s linear infinite paused;pointer-events:none; }.impact-visible.impact-signals .impact-map::after { animation-play-state:running; }
@keyframes impact-travel { to {stroke-dashoffset:-96;} }@keyframes impact-orbit { to {transform:rotate(360deg);} }@keyframes impact-break { 0% {opacity:.7;transform:translate(0,0) rotate(0);} 100% {opacity:0;transform:translate(var(--sx),var(--sy)) rotate(170deg) scale(.2);} }
/* The two entry points announce their action without moving the split itself. */
html .aj-switch button { position:relative;isolation:isolate;overflow:hidden;min-height:90px;box-shadow:inset 0 0 0 1px #e7b7c321;transition:background .35s,box-shadow .35s; }
html .aj-switch .aj-choice-label { opacity:1;font-size:15px; }
html .aj-switch .aj-choice-label small { font-size:10px;opacity:.7;margin-top:6px; }
html .aj-switch button::after { content:'';position:absolute;left:-45%;top:0;bottom:0;width:35%;background:linear-gradient(100deg,transparent,#f3bbd420,transparent);transform:skewX(-15deg);animation:aj-discover-sheen 4.8s ease-in-out infinite;pointer-events:none;z-index:-1; }
html .aj-switch button:nth-child(2)::after { animation-delay:2.4s; }
html .aj-switch .aj-choice-arrow { width:32px;height:32px;display:grid;place-items:center;border-radius:50%;border:1px solid #f0bfd94a;font-size:23px;font-weight:300;animation:aj-discover-arrow 2.8s ease-in-out infinite; }
html .aj-switch button:nth-child(2) .aj-choice-arrow { animation-delay:1.4s; }
html .aj-switch button:hover { box-shadow:inset 0 0 0 1px #f5cada,0 0 24px #d39dbb1a; }
@keyframes aj-discover-sheen { 0%,25% {left:-45%;}65%,100% {left:125%;} }@keyframes aj-discover-arrow { 0%,100% {transform:translate(0,0);box-shadow:0 0 0 0 #ecc4d200;}50% {transform:translate(3px,-3px);box-shadow:0 0 0 5px #ecc4d210;} }
/* Branding applications: a real, switchable layout study. */
.brand-applications { position:relative;min-height:430px;padding:0 25px 40px 0;--application:#cda7de; }
.brand-application-controls { display:flex;gap:6px;margin:0 0 22px;position:relative;z-index:4; }.brand-application-controls button { color:#dabfe2;border:1px solid #ffffff30;background:#20132b;padding:10px 11px;font:inherit;font-size:10px;cursor:pointer;border-radius:3px; }.brand-application-controls button[aria-pressed=true] { background:#d4b7e0;color:#201328; }
.brand-application-poster { position:relative;min-height:360px;padding:30px;background:#321b44;color:#f0dcef;box-shadow:0 38px 35px -24px #0009;border:1px solid #cc9bdb60;display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;transition:background .7s; }
.brand-application-poster img { position:absolute;right:-20px;top:-28px;width:220px;height:220px;opacity:.13;filter:brightness(0) invert(1);transform:rotate(-10deg);transition:transform .8s; }.brand-application-poster small { font-size:9px;letter-spacing:.13em;position:relative; }.brand-application-poster strong { font-size:45px;font-weight:300;letter-spacing:-.04em;line-height:1.1;margin:90px 0 25px;position:relative; }.brand-application-poster > span { font-size:11px;line-height:1.6;max-width:170px; }
.brand-application-floating { position:absolute;bottom:0;right:0;display:flex;flex-direction:column;gap:15px;width:145px;padding:22px;background:#b899ce;color:#201528;transform:rotate(7deg);box-shadow:0 28px 25px -15px #000b;animation:impact-card-drift 7s ease-in-out infinite paused; }.impact-visible .brand-application-floating { animation-play-state:running; }.brand-application-floating > span { font-size:8px;letter-spacing:.06em; }.brand-application-floating b { font-size:40px;font-weight:300; }.brand-application-floating small { font-size:10px;line-height:1.6; }
[data-application=digital] .brand-application-poster { background:#082f35; }[data-application=digital] .brand-application-poster img { transform:translate(-30px,20px) rotate(10deg); }[data-application=editorial] .brand-application-poster { background:#202026; }[data-application=editorial] .brand-application-poster strong { font-family:Georgia,serif;font-style:italic; }
@keyframes impact-card-drift { 50% {transform:translateY(-9px) rotate(4deg);} }
/* Website: a functional workspace demo instead of another product photograph. */
html .uw-product-world { margin:0;padding:10px 0 45px;min-width:0; }.website-portal { position:relative;background:linear-gradient(135deg,#152126,#0b1015);border:1px solid #9ee4db40;border-radius:12px;padding:24px 24px 38px;box-shadow:0 45px 50px -20px #000,0 0 65px #6bc7b410;transform:perspective(1000px) rotateY(-5deg); }
.website-portal > header { display:flex;gap:12px;align-items:center; }.website-portal header img { width:35px;height:35px;filter:brightness(0) invert(1); }.website-portal header span { font-size:10px;letter-spacing:.08em;color:#d0ece8; }.website-portal header small { display:block;font-size:8px;letter-spacing:0;margin-top:5px;opacity:.6; }.website-portal header i { margin-left:auto;color:#8addc5;font-style:normal;font-size:9px; }
.website-portal nav { display:flex;gap:5px;margin:26px 0; }.website-portal nav button { color:#a9c2c4;font:inherit;font-size:11px;padding:9px 13px;background:transparent;border:1px solid #90cbba24;border-radius:4px;cursor:pointer; }.website-portal nav button[aria-pressed=true] { background:#b0e1d9;color:#12302e; }
html .portal-surface > p { font-size:8px;letter-spacing:.13em;color:#8ea8ad; }.portal-surface h4 { font-size:34px!important;line-height:1.1;letter-spacing:-.04em;font-weight:300;color:#e2eeed;margin:14px 0 24px; }
.portal-chart { height:115px;display:flex;gap:12px;align-items:end;border-bottom:1px solid #aeddd628;padding:0 12px; }.portal-chart i { flex:1;height:var(--bar);background:linear-gradient(#a7ede0,#1b4748);border-radius:3px 3px 0 0;transform-origin:bottom;animation:portal-rise 3s calc(var(--i)*.15s) ease-in-out infinite paused; }.impact-visible .portal-chart i { animation-play-state:running; }
.portal-items { display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:22px; }.portal-items span { font-size:9px;color:#98acb5; }.portal-items b { display:block;font-size:12px;font-weight:400;color:#d4e4e8;margin-top:8px; }
.portal-floating { position:absolute;right:-12px;bottom:-42px;max-width:180px;padding:18px 25px;background:#214942;border:1px solid #a6e0ce60;border-radius:6px;box-shadow:0 22px 30px #0008;transform:rotate(4deg); }.portal-floating > span { font-size:9px;color:#abe6d6; }.portal-floating strong { display:block;font-size:17px;line-height:1.4;font-weight:300;color:#eefffa;margin-top:8px; }.portal-floating i { position:absolute;right:10px;top:10px;font-style:normal;color:#b7eadd; }
[data-portal=requests] .portal-chart i:nth-child(2n) { height:35%; }[data-portal=preview] .portal-chart { gap:3px; }[data-portal=preview] .portal-chart i { height:75%;background:linear-gradient(#9dced5,#4d607e); }
@keyframes portal-rise { 50% {transform:scaleY(.84);} }
html .website-universe button:is(.uw-briefing-reply,.uw-phone-input),html .uw-phone-review button { width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer;border:1px solid #ffffff28; }.uw-demo-response { padding:15px 0;border-top:1px solid #ffffff25;color:#d4e4e2; }.uw-demo-response[hidden] { display:none!important; }html .website-universe .uw-demo-response p { font-size:12px;line-height:1.65;margin:10px 0 0;color:#acc1bd; }.uw-demo-response strong { font-size:15px;font-weight:400; }html .uw-phone-review button { font-size:11px;background:#20332f;padding:10px;display:flex;justify-content:space-between;gap:8px; }
html .su-network-card { font:inherit;text-align:left;cursor:pointer;color:inherit; }.su-network-card[aria-pressed=true] { border-color:var(--su-platform);box-shadow:0 0 22px color-mix(in srgb,var(--su-platform) 15%,transparent); }.su-network-detail { border:1px solid #aba2df40;background:#121627;padding:24px;margin-top:20px; }.su-network-detail > span { color:#d4c5ff;font-size:17px; }.su-network-detail p { max-width:650px;font-size:14px;line-height:1.8;color:#b4b9d4; }
/* LEROSA's light belongs to the app: work / rest / total. No timer in the background. */
html .lerosa-showcase .lerosa-hero { position:relative;isolation:isolate;overflow:hidden;background:#090913; }
.lerosa-atmosphere { position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none; }.lerosa-lightfield { position:absolute;inset:-20%;background:radial-gradient(ellipse at 68% 45%,#6bcce024,transparent 43%),radial-gradient(ellipse at 15% 80%,#a471f526,transparent 52%),radial-gradient(ellipse at 90% 12%,#eb7bec17,transparent 43%);animation:lerosa-atmosphere 15s ease-in-out infinite alternate paused; }.impact-visible .lerosa-lightfield { animation-play-state:running; }
.lerosa-orbit { position:absolute;width:85%;height:68%;left:35%;top:18%;border:1px solid #71d9ed21;box-shadow:0 0 24px #6ed2eb09,inset 0 0 25px #6dd4e809;border-radius:50%;transform:rotate(-36deg);animation:lerosa-orbit-drift 14s ease-in-out infinite alternate paused; }.lerosa-orbit.orbit-two { left:28%;top:12%;width:100%;height:70%;border-color:#ba90ee25;animation-delay:-6s; }.lerosa-orbit.orbit-three { left:15%;top:22%;width:98%;height:53%;border-color:#eb8ddd22;animation-delay:-10s; }.impact-visible .lerosa-orbit { animation-play-state:running; }
.lerosa-constellation { position:absolute;inset:0;background-image:radial-gradient(#b4dff980 .8px,transparent 1px);background-size:68px 57px;mask-image:linear-gradient(90deg,transparent 30%,#0008);animation:lerosa-stars 10s ease-in-out infinite alternate paused; }.impact-visible .lerosa-constellation { animation-play-state:running; }
html .lerosa-showcase .app-hero-visual { filter:drop-shadow(0 40px 25px #0009); }.lerosa-showcase .hero-pop { box-shadow:0 20px 40px #000c,0 0 30px #af9be622!important;border-color:#ab96d962!important; }
.app-signal-lab { position:relative;isolation:isolate;display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;align-items:center;padding:75px 6%;background:radial-gradient(ellipse at 85% 45%,#152332,transparent 64%),#0a0a16;--signal-color:#71d9e9;--signal-other:#ad8bed;overflow:hidden;border-block:1px solid #ffffff16; }
html .app-signal-lab h3 { font-size:clamp(32px,4vw,52px);line-height:1.12;font-weight:300;letter-spacing:-.04em;margin:20px 0; }.app-signal-copy > p:not(.showcase-kicker) { color:#afb8cc;font-size:14px;line-height:1.8; }.app-signal-copy > small { display:block;max-width:350px;font-size:10px;color:#8c95af;line-height:1.7; }
.signal-phase-controls { display:flex;gap:7px;margin:28px 0; }.signal-phase-controls button { display:flex;gap:12px;align-items:center;font:inherit;font-size:11px;color:#bcbad4;background:#151427;border:1px solid #ffffff25;border-radius:4px;padding:12px;cursor:pointer;transition:color .3s,border-color .3s,box-shadow .3s; }.signal-phase-controls button[aria-pressed=true] { border-color:var(--signal-color);color:var(--signal-color);box-shadow:0 0 24px color-mix(in srgb,var(--signal-color) 12%,transparent); }
.signal-space { position:relative;min-height:440px;perspective:900px; }.signal-orbits { position:absolute;width:290px;height:290px;left:calc(50% - 145px);top:calc(50% - 145px);transform:rotateX(32deg) rotateZ(-18deg); }.signal-orbits i { position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--signal-color) 30%,transparent);border-radius:50%;box-shadow:0 0 40px color-mix(in srgb,var(--signal-color) 7%,transparent),inset 0 0 35px color-mix(in srgb,var(--signal-color) 7%,transparent);animation:signal-ripple 4s ease-out infinite paused; }.signal-orbits i:nth-child(2) { animation-delay:1.33s; }.signal-orbits i:nth-child(3) { animation-delay:2.66s; }.impact-visible .signal-orbits i { animation-play-state:running; }
.signal-center { position:absolute;left:calc(50% - 94px);top:calc(50% - 94px);width:188px;height:188px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#272841,#090e1b 80%);border:1px solid color-mix(in srgb,var(--signal-color) 50%,transparent);box-shadow:0 38px 35px -16px #000,0 0 70px color-mix(in srgb,var(--signal-color) 13%,transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px; }.signal-center img { width:48px;height:48px;border-radius:12px; }.signal-center strong { color:var(--signal-color);font-weight:300;font-size:25px;letter-spacing:.09em; }.signal-center > span { font-size:9px;color:#a1acc2; }
.signal-data { position:absolute;display:flex;flex-direction:column;gap:10px;padding:18px;background:linear-gradient(135deg,#212139f5,#121727f5);border:1px solid #acb5e636;border-radius:7px;box-shadow:0 24px 25px -12px #000c;animation:signal-card 7s ease-in-out infinite paused; }.impact-visible .signal-data { animation-play-state:running; }.signal-data small { font-size:8px;letter-spacing:.08em;color:#98a7bf; }.signal-data strong { font-size:22px;font-weight:300;color:var(--signal-color); }.signal-data > span { font-size:9px;color:#aeb4cc; }.signal-data-one { left:0;top:10px;transform:rotate(-6deg);min-width:170px; }.signal-data-two { bottom:25px;right:0;transform:rotate(4deg);animation-delay:-3s; }.signal-data-three { top:45px;right:0;padding:14px;gap:6px;transform:rotate(3deg);animation-delay:-5s; }.signal-data-three b { font-weight:400;font-size:10px;color:#dddef0; }.signal-data-three .signal-dot { width:4px;height:4px;background:var(--signal-color);border-radius:50%;box-shadow:0 0 8px var(--signal-color); }
.signal-wave { display:flex;align-items:center;gap:4px;height:36px; }.signal-wave i { display:block;width:3px;height:var(--height);background:var(--signal-color);border-radius:3px;animation:signal-wave 1.6s calc(var(--wave)*.085s) ease-in-out infinite paused;transform-origin:center; }.impact-visible .signal-wave i { animation-play-state:running; }
[data-signal-phase=rest] { --signal-color:#b195f5;--signal-other:#78dbed; }[data-signal-phase=rest] .signal-wave i { animation-duration:3.5s; }[data-signal-phase=complete] { --signal-color:#e989ed;--signal-other:#b899f0; }[data-signal-phase=complete] .signal-orbits { transform:rotateX(0) rotateZ(0); }
.app-store-status { cursor:default!important;opacity:.7;box-shadow:none!important; }
@keyframes lerosa-atmosphere { to {transform:translate(-4%,5%) rotate(9deg);} }@keyframes lerosa-orbit-drift { to {transform:rotate(-23deg) translate(-3%,3%);} }@keyframes lerosa-stars { to {opacity:.35;transform:translateY(-7px);} }@keyframes signal-ripple { 0% {transform:scale(.55);opacity:0;}25% {opacity:.8;}100% {transform:scale(1.3);opacity:0;} }@keyframes signal-card { 50% {translate:0 -9px;} }@keyframes signal-wave { 50% {transform:scaleY(.32);opacity:.5;} }
html .motion-paused :is(.impact-lab,.app-signal-lab,.lerosa-atmosphere,.brand-applications,.website-portal,.aj-switch) *,html .motion-paused :is(.impact-lab,.app-signal-lab,.aj-switch) *::after { animation-play-state:paused!important; }
html :is(.impact-lab,.app-signal-lab,.brand-applications,.website-portal) button:focus-visible { outline:2px solid currentColor;outline-offset:4px; }
@media(max-width:1000px) { html .showcase-content .impact-lab { gap:28px;grid-template-columns:1fr; }.impact-intro { display:grid;grid-template-columns:1fr 1fr;gap:0 35px;align-items:start; }.impact-intro .impact-eyebrow { grid-column:1/-1; }.impact-intro h3 { grid-row:2/4; }.impact-intro .impact-run { justify-self:start;margin-top:8px; }.impact-stage { max-width:680px;width:100%;justify-self:center; }.impact-map { min-height:230px; }.app-signal-lab { grid-template-columns:1fr; }.app-signal-copy > p { max-width:600px; }.signal-space { width:min(100%,540px);justify-self:center; }.impact-lab .impact-note { text-align:left; } }
@media(max-width:600px) { html .showcase-content .impact-lab { padding:48px 22px;gap:26px; }.impact-intro { display:block; }.impact-intro .impact-run { margin-top:22px; }.impact-stage { padding:15px;border-radius:8px; }.impact-nodes { gap:100px 8px; }.impact-node { padding:9px 7px; }.impact-node span { font-size:9px; }.impact-core { width:66px;height:66px;left:calc(50% - 33px);top:calc(50% - 33px); }.impact-core img { width:32px;height:32px; }.impact-metrics { gap:8px; }.impact-metrics strong { font-size:37px; }.impact-metrics span { font-size:8px;min-height:35px; }.impact-steps { gap:4px; }.impact-steps button { font-size:8px;min-height:43px;flex-direction:column;gap:3px; }.impact-status { min-height:55px; }
html .aj-switch button { min-height:87px;padding:15px 10px;gap:8px; }html .aj-switch button > span:first-child { display:none; }html .aj-switch .aj-choice-label { font-size:11px; }html .aj-switch .aj-choice-label small { font-size:8px;max-width:105px;line-height:1.5; }html .aj-switch .aj-choice-arrow { flex:none;width:25px;height:25px;font-size:19px; }
.brand-application-poster { padding:25px; }.brand-application-poster strong { font-size:37px; }.brand-application-floating { width:125px;padding:18px; }.brand-application-controls button { font-size:9px;padding:10px; }.website-portal { padding:18px;transform:none; }.website-portal nav button { font-size:10px;padding:9px 11px; }.portal-floating { right:0;max-width:160px; }.app-signal-lab { padding:45px 23px; }.signal-space { min-height:420px; }.signal-data-one { min-width:135px;left:-8px;top:0; }.signal-data-three { right:-8px;top:90px; }.signal-data-two { bottom:5px;right:-5px; }.signal-data { padding:14px; }.signal-data strong { font-size:19px; }.signal-center { width:155px;height:155px;left:calc(50% - 77.5px);top:calc(50% - 77.5px); }.signal-center strong { font-size:20px; }.signal-orbits { width:250px;height:250px;left:calc(50% - 125px);top:calc(50% - 125px); }.signal-data-three b { font-size:9px; }.signal-phase-controls { gap:6px; }.signal-phase-controls button { padding:11px 10px;font-size:10px; } }
@media(prefers-reduced-motion:reduce) { html :is(.impact-lab,.app-signal-lab,.lerosa-atmosphere,.brand-applications,.website-portal,.aj-switch) *,html :is(.impact-lab,.app-signal-lab,.aj-switch) *::after { animation:none!important;transition:none!important; }.impact-stage { transform:none; } }
/* Keep diagram typography independent of the large editorial page headings. */
html .showcase-content .impact-lab :is(h3,h2.gw-section-heading) { font-size:clamp(29px,3.3vw,49px);font-weight:300;line-height:1.1;letter-spacing:-.04em;margin:0 0 25px;color:#e9eff1; }
html .showcase-content .impact-lab :is(.impact-run,.impact-run span,.impact-run b) { color:#102128;font-weight:400; }
html .showcase-content .impact-lab .impact-steps button { font-weight:400;color:#c1cfd5;font-size:10px; }
html .showcase-content .impact-lab .impact-steps button[aria-pressed=true] { color:var(--impact-accent); }
html .showcase-content .impact-lab :is(.impact-node span,.impact-stage > header,.impact-status,.impact-note,.impact-eyebrow) { font-weight:400; }
html .showcase-content .impact-lab .impact-metrics span { font-size:10px;font-weight:400;color:#bdcad1; }
html .showcase-content .impact-lab .impact-metrics strong { font-size:48px; }
html .app-signal-lab :is(small,.signal-center > span,.signal-data > span,.signal-data-three b,.signal-phase-controls button) { font-weight:400; }
html .app-signal-lab .signal-data strong { color:var(--signal-color);font-size:22px; }
html .showcase-content .brand-application-controls button { font-weight:400;color:#dac5e7; }html .showcase-content .brand-application-controls button[aria-pressed=true] { color:#211728; }
html .showcase-content .website-portal nav button { font-weight:400;color:#a9c2c4; }html .showcase-content .website-portal nav button[aria-pressed=true] { color:#14342f; }
@media(max-width:600px) { html .showcase-content .impact-lab .impact-steps button { font-size:9px; }html .showcase-content .impact-lab .impact-metrics strong { font-size:36px; }html .showcase-content .impact-lab .impact-metrics span { font-size:9px; } }

html .uw-phone-review > .uw-demo-response { display:block; }
html .motion-paused :is(.impact-lab,.app-signal-lab,.website-portal,.brand-applications) * { transition:none!important; }

html .aj-switch button[aria-pressed]::after { inset:0 auto 0 -45%;width:35%;translate:none;animation:aj-discover-sheen 4.8s ease-in-out infinite;z-index:0; }
html .aj-switch button[aria-pressed]:nth-child(2)::after { animation-delay:2.4s; }
html .aj-switch button[aria-pressed] > * { position:relative;z-index:1; }
html .aj-switch button[aria-pressed=true] .aj-choice-arrow { animation:aj-discover-arrow 2.8s ease-in-out infinite;opacity:.85; }