.uc-intro{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:70px;padding-top:56px;padding-bottom:44px}
.uc-intro h1{font-size:clamp(36px,4.2vw,54px);line-height:1.13;letter-spacing:-.035em}
.uc-intro h1 em{color:var(--red);font-weight:600}
.uc-intro .page-lead{max-width:55ch;font-size:16px;margin-top:22px}
.uc-principle{padding:25px 28px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 32px #17376f05}
.uc-principle-label{font-size:10px;letter-spacing:.1em;font-weight:700;color:var(--slate)}
.uc-principle>div{display:flex;gap:16px;padding-top:18px;margin-top:18px;border-top:1px solid #e8ebef}
.uc-principle b{font-size:12px;color:var(--red);padding-top:3px}
.uc-principle p{margin:0}.uc-principle strong{display:block;color:var(--navy);font-size:14px}.uc-principle p span{display:block;font-size:12px;line-height:1.6;color:var(--slate);margin-top:3px}
.uc-browser{padding-top:20px;padding-bottom:44px}
.uc-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:22px}
.uc-section-heading h2{font-size:24px;margin:0}.uc-section-heading p{font-size:13px;color:var(--slate);margin:0}
.uc-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:24px}
.uc-tabs button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:18px 15px;min-height:116px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--navy);font:600 12px/1.4 'Geist',sans-serif;text-align:left;cursor:pointer;transition:background .15s,border-color .15s}
.uc-tabs svg{width:25px;height:25px}.uc-tabs button:hover{border-color:#899bb7;background:#f0f3f8}.uc-tabs button[aria-selected=true]{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 6px 16px #17376f14}
.uc-tab-arrow{position:absolute;top:16px;right:14px;opacity:.65;font-size:15px}
.uc-tabs button:focus-visible,.uc-panel:focus-visible{outline:2px solid var(--red);outline-offset:4px}
.uc-panel:not([hidden]){display:grid;grid-template-columns:1.12fr 1fr;gap:44px;padding:36px;background:white;border:1px solid var(--line);border-radius:20px;align-items:start}
.uc-tag{display:inline-block;border-radius:30px;background:#edf2f8;color:var(--navy);padding:5px 11px;font-size:10px;font-weight:700;letter-spacing:.03em;margin:0}
.uc-copy h2{font-size:clamp(25px,2.6vw,32px);line-height:1.22;margin:18px 0}
.uc-copy p,.uc-copy li{font-size:13px;line-height:1.8;color:var(--slate)}
.uc-copy .uc-context{margin:0 0 22px}.uc-copy h3{font-size:14px;color:var(--navy);margin:23px 0 9px}.uc-copy h3+p{margin:0}
.uc-copy ul{list-style:none;padding:0;margin:0}.uc-copy li{position:relative;padding-left:22px;margin-top:10px}.uc-copy li:before{content:'✓';position:absolute;left:0;color:#278260;font-weight:700}
.uc-example{background:#f5f7fa;border:1px solid #e3e8ef;border-radius:14px;padding:25px}
.uc-example-top{display:flex;align-items:center;gap:11px}.uc-example-top>svg{width:38px;height:38px;background:#e8edf5;border-radius:9px;padding:8px;color:var(--navy)}
.uc-example-top p{font-size:10px;font-weight:700;letter-spacing:.09em;color:var(--navy);margin:0}.uc-example-top p span{display:block;font-size:10px;letter-spacing:0;color:var(--slate);font-weight:400;margin-top:2px}
.uc-example>h3{font-size:19px;line-height:1.4;margin:20px 0 24px;color:var(--navy)}
.uc-example ol{list-style:none;margin:0;padding:0}.uc-example li{position:relative;display:grid;grid-template-columns:30px 1fr;gap:12px;padding-bottom:24px}.uc-example li:not(:last-child):after{content:'';position:absolute;left:14px;top:34px;bottom:5px;width:1px;background:#ced6e1}
.uc-step-number{display:grid;place-items:center;width:30px;height:30px;border:1px solid #ccd6e3;border-radius:50%;font-size:10px;font-weight:700;color:var(--navy);background:#fff}
.uc-step-1 .uc-step-number{color:var(--red);background:#f9eded;border-color:#e8cbca}.uc-step-2 .uc-step-number{background:#e6f2e9;color:#237647;border-color:#bedcc9}
.uc-example h4{font-size:12px;margin:4px 0 6px;color:var(--navy)}.uc-example li p{font-size:12px;line-height:1.75;color:var(--slate);margin:0}
.uc-outcome{display:flex;gap:11px;border-top:1px solid #d8e3db;padding-top:19px;color:#226847}.uc-outcome>span{font-weight:700}.uc-outcome p{margin:0;font-size:12px;line-height:1.75;font-weight:600}
.uc-demo-link{display:flex;justify-content:space-between;gap:12px;margin-top:20px;padding-top:18px;border-top:1px solid #dce3ec;font-size:12px;font-weight:700;color:var(--navy)}
.uc-ready{padding-top:0}.uc-ready .sme-ready-panel h2{font-size:clamp(28px,3vw,38px)}
@media(max-width:1050px){.uc-intro{gap:32px}.uc-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.uc-tabs button{min-height:90px;gap:10px}.uc-panel:not([hidden]){gap:26px;padding:26px}}
@media(max-width:700px){.uc-intro{grid-template-columns:1fr;padding-top:32px;gap:26px}.uc-intro h1{font-size:36px}.uc-principle{padding:20px}.uc-section-heading{display:block}.uc-section-heading p{margin-top:8px}.uc-tabs{gap:8px}.uc-tabs button{font-size:11px;padding:13px 10px;min-height:100px}.uc-tab-arrow{right:9px;top:12px}.uc-panel:not([hidden]){grid-template-columns:1fr;padding:22px;gap:26px}.uc-example{padding:20px}.uc-copy h2{font-size:27px}.uc-tabs button svg{width:22px;height:22px}.uc-copy p,.uc-copy li{font-size:14px}}
@media(prefers-reduced-motion:reduce){.uc-tabs button{transition:none}}

.uc-panel>.uc-law-demo{grid-column:1/-1;padding:24px 0 0;border-top:1px solid var(--line);min-width:0;scroll-margin-top:100px}
@media(max-width:700px){.uc-law-demo .sme-platform-heading{flex-wrap:wrap;gap:10px}.uc-law-demo .sme-platform-heading h2{font-size:24px}}