.ur-examples{background:radial-gradient(ellipse at 100% 0,#e8e1fb,transparent 50%),#f6f4fc;border-bottom:6px solid #c4e5d5;padding-top:60px;padding-bottom:60px}.ur-examples .ur-heading{max-width:none;margin-bottom:32px}.ur-examples .ur-heading h2{font-size:clamp(32px,3.7vw,56px);margin-bottom:16px}.ur-examples .ur-heading p{margin-bottom:0}.ur-switch-guide{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 14px;border-bottom:1px solid #c9bfdc;margin-bottom:16px}.ur-switch-guide b{font-size:18px}.ur-switch-guide span{font-size:14px;color:#665780}
.ur-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:30px}.ur-tabs button{appearance:none;font:inherit;min-height:100px;border:1px solid #cbbce6;border-radius:12px;text-align:left;padding:14px 16px;color:#4b3d64;background:#ffffffa8;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:8px;transition:background .15s,color .15s}.ur-tab-number{font-size:12px;color:#806a9e;font-weight:700}.ur-tabs b{grid-column:1/-1;font-size:16px;line-height:1.2}.ur-tab-state{grid-row:1;grid-column:2;font-size:11px;color:#715797}.ur-tabs button[aria-selected=true]{background:#44266d;color:#fff;border-color:#44266d;box-shadow:0 6px 0 #c6f491}.ur-tabs button[aria-selected=true] .ur-tab-state{color:#d7fbb5}.ur-tabs button[aria-selected=true] .ur-tab-number{color:#d0b9ee}.ur-tabs button:hover:not([aria-selected=true]){background:#e8dff7;border-color:#9371c5}
.ur-case[hidden]{display:none}.ur-case-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding-top:8px}.ur-case-head .ur-kicker{letter-spacing:.04em;text-transform:none;color:#6a527e;font-size:13px}.ur-case-head h3{font-size:clamp(25px,2.7vw,38px);margin:8px 0 0}.ur-counter{font-size:22px;color:#7d659b;font-weight:800;white-space:nowrap}.ur-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}.ur-shot{margin:0;min-width:0;border:1px solid #dbc5d0;border-radius:20px;overflow:hidden;background:#fff7f6;display:flex;flex-direction:column}.ur-shot--after{background:#edf7e9;border-color:#b3d1ac}.ur-shot figcaption{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 24px;border-bottom:1px solid #dfc7cf;color:#a1394d}.ur-shot--after figcaption{color:#286641;border-color:#bcd5b4}.ur-shot figcaption b{font-size:16px;text-transform:uppercase;letter-spacing:.12em}.ur-shot figcaption span{font-size:12px;color:#7d5660}.ur-shot--after figcaption span{color:#4c7050}.ur-caption{padding:24px 28px 26px;flex:1}.ur-caption>strong{display:block;font-size:14px;color:#a12e4c;text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px}.ur-shot--after .ur-caption>strong{color:#28643b}.ur-caption h4{font-size:clamp(24px,2.15vw,34px);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin:0 0 20px;color:#732c42;max-width:520px}.ur-shot--before .ur-caption h4{border-left:4px solid #c54567;padding-left:14px}.ur-shot--after .ur-caption h4{color:#18482c}.ur-caption ul{margin:0;padding:0;list-style:none;display:grid;gap:13px}.ur-caption li{position:relative;padding-left:24px;font-size:16px;line-height:1.5;color:#654854}.ur-caption li:before{content:'−';position:absolute;left:0;top:0;color:#b83c58;font-weight:800}.ur-shot--after .ur-caption li{color:#355b41}.ur-shot--after .ur-caption li:before{content:'+';color:#347646}
.ur-image-button{display:block;position:relative;width:calc(100% - 32px);padding:0;margin:0 16px 16px;border:1px solid #cabcc7;border-radius:10px;background:#e9e8ee;cursor:zoom-in;overflow:hidden}.ur-shot--after .ur-image-button{border-color:#a7c5a1}.ur-image-button img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#e9e8ee}.ur-image-button>span{position:absolute;right:8px;bottom:8px;background:#161d35ed;color:#fff;padding:8px 11px;border-radius:6px;font-size:11px}.ur-case-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:20px;font-size:14px;font-weight:700;text-underline-offset:5px}
@media(max-width:1100px){.ur-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.ur-tabs button{min-height:78px}.ur-caption{padding:22px}.ur-caption h4{font-size:27px}.ur-case-head h3{font-size:30px}.ur-comparison{gap:16px}}
@media(max-width:760px){.ur-examples{padding-top:40px;padding-bottom:40px}.ur-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ur-tabs button{min-height:84px;padding:12px}.ur-tabs b{font-size:15px}.ur-switch-guide{display:block}.ur-switch-guide span{display:block;margin-top:7px;font-size:13px}.ur-case-head{align-items:start;gap:12px}.ur-case-head h3{font-size:27px}.ur-case-head .ur-kicker{font-size:12px;line-height:1.45}.ur-counter{font-size:16px;padding-top:2px}.ur-comparison{grid-template-columns:1fr;gap:20px}.ur-shot figcaption{padding:16px 20px}.ur-shot figcaption span{font-size:11px}.ur-shot figcaption b{font-size:14px}.ur-caption{padding:22px 20px}.ur-caption h4{font-size:27px;margin-bottom:18px}.ur-caption>strong{font-size:12px}.ur-caption li{font-size:16px}.ur-image-button{width:calc(100% - 24px);margin:0 12px 12px}.ur-examples .ur-heading p{font-size:16px}.ur-tab-state{font-size:10px}}
@media(prefers-reduced-motion:reduce){.ur-tabs button{transition:none}}