.uc-page [hidden]{display:none!important}
.uc-page :is(section,article,aside,nav,div){min-width:0}
.uc-page :is(h1,h2,h3,p,li,dt,dd){overflow-wrap:break-word}
.uc-page section[id]{scroll-margin-top:calc(var(--nav-height) + var(--space-3))}
.uc-page .uc-hero{padding-block:var(--hero-top) var(--space-section);background-color:#FCFCFD;color:#16151A}
.uc-hero .uc-kicker{margin-bottom:var(--space-2)}
.uc-hero h1{font-size:clamp(2.25rem,4vw,3.2rem);line-height:1.18;color:#16151A}
.uc-hero .uc-lead{max-width:50rem;margin-inline:auto;margin-top:var(--space-3);font-size:var(--text-lg);line-height:var(--lh-reading);color:#5E626B}
.uc-hero .uc-hero-actions{justify-content:center;margin-top:var(--space-3);gap:var(--space-2)}
.uc-hero .uc-hero-note{margin-top:var(--space-3);color:#5E626B}
.uc-task-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:var(--space-3);margin-top:var(--space-6);text-align:left}
.uc-task{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);height:100%;padding:var(--space-3);border-radius:var(--radius-lg);background:#EEF1F4;color:#23272E;transition:transform var(--duration) var(--ease)}
.uc-task svg{display:block;width:var(--icon-tile);height:var(--icon-tile);margin-bottom:var(--space-1)}
.uc-task>span{font-size:var(--text-lg);font-weight:var(--weight-strong)}
.uc-task small{color:#59616D}
.uc-task:hover{transform:translateY(-2px)}
.uc-scenario{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--space-7);align-items:start}
.uc-copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}
.uc-eyebrow{display:block;font-size:var(--text-xs);line-height:var(--lh-body);letter-spacing:.035em;color:inherit}
.uc-copy h2{color:inherit}
.uc-copy>p,.uc-points{font-size:var(--text-lg);line-height:var(--lh-reading);color:inherit}
.uc-points{display:grid;gap:var(--space-2);padding-left:var(--space-3)}
.uc-points li{font-size:inherit;line-height:inherit;padding-left:var(--space-1)}
.uc-recommend{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-3);height:auto;padding:var(--space-4);border-radius:var(--radius-lg);text-align:left}
.uc-recommend--sage{background:#E6F0EC;color:#1E3A30;--muted:#4F6B60;--line:#D3DED8}
.uc-recommend--paper{background:#FEFEFF;color:#23272E;--muted:#59616D;--line:#E0E3E8}
.uc-card-heading .uc-eyebrow{margin-bottom:var(--space-2)}
.uc-card-heading h3{font-size:var(--text-card)}
.uc-recommend .uc-command-note{font-size:var(--text-xs);line-height:var(--lh-reading);color:inherit}
.uc-code-block{padding:var(--space-3);border-radius:var(--radius-md);background:#1F1D24;color:#F2F1F5;--muted:#B7B4C1;--line:rgba(255,255,255,.16)}
.uc-code-label{display:block;font-size:var(--text-xs);color:#B7B4C1;margin-bottom:var(--space-2)}
.uc-code-block pre{position:relative;margin:0;max-width:100%;overflow-x:auto;color:#F2F1F5}
.uc-card-foot{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}
.uc-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1)}
.uc-price strong{font-size:var(--text-section);line-height:var(--lh-heading);font-weight:var(--weight-body)}
.uc-price>span{font-size:var(--text-sm)}
.uc-budget{padding:var(--space-3);border-radius:var(--radius-md);background:#EEF1F4;color:#23272E;--muted:#59616D;--line:#E0E3E8}
.uc-budget h4{font-size:var(--text-lg);margin-bottom:var(--space-2)}
.uc-budget dl{display:grid;gap:var(--space-2)}
.uc-budget dl>div{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-1) var(--space-2);min-width:0}
.uc-budget dt,.uc-budget dd{min-width:0;font-size:var(--text-sm)}
.uc-budget dd{margin:0}
.uc-budget>p{margin-top:var(--space-2);font-size:var(--text-xs);color:#59616D}
.uc-section-head{max-width:none}
.uc-section-head>.uc-eyebrow{margin-bottom:var(--space-2)}
.uc-section-head>p{max-width:52rem;margin-top:var(--space-3);font-size:var(--text-lg);line-height:var(--lh-reading)}
.uc-test-grid{margin-top:var(--space-5)}
.uc-test-grid>.c-card{display:flex;flex-direction:column;gap:var(--space-3);height:100%;padding:var(--space-4)}
.uc-test-foot{margin-top:auto}
.uc-label{display:inline-flex;align-items:center;padding:.4em .9em;border-radius:var(--radius-pill);background:#FEFEFF;color:#23272E;font-size:var(--text-xs);line-height:1.4}
.uc-test-command{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:var(--space-4);margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);background:#1F1D24;color:#F2F1F5;--muted:#B7B4C1;--line:rgba(255,255,255,.16)}
.uc-compact-copy{display:grid;align-content:start;gap:var(--space-1)}
.uc-compact-copy p{color:#B7B4C1}
.uc-test-command pre{position:relative;max-width:100%;overflow-x:auto;margin:0;color:#F2F1F5}
.uc-migration.c-migration-path{margin-top:var(--space-5);align-items:stretch}
.uc-migration.c-migration-path>article{gap:var(--space-3);padding:var(--space-3);background:#EEF1F4;color:#23272E;--muted:#59616D;--line:#E0E3E8}
.uc-migration.c-migration-path>article:last-child{background:#E6F0EC;color:#1E3A30;--muted:#4F6B60;--line:#D3DED8}
.uc-migration-heading{display:grid;gap:var(--space-1);align-content:start}
.uc-migration-heading>p{font-size:var(--text-xs)}
.uc-step{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;flex:0 0 auto;border-radius:var(--radius-pill);background:#FEFEFF;color:#23272E;font-size:var(--text-xs);line-height:1}
.uc-migration-heading>.uc-step{margin-bottom:var(--space-1)}
.uc-migration.c-migration-path>article>pre{position:relative;flex:1;max-width:100%;overflow-x:auto;background:#1F1D24;color:#F2F1F5}
.uc-migration .uc-migration-check{font-size:var(--text-sm);line-height:var(--lh-reading)}
.uc-migration-note{margin-top:var(--space-3);color:#5E626B}
.uc-handover{list-style:none;padding:0;margin:var(--space-5) 0 0}
.uc-handover>.uc-handover-row{display:grid;grid-template-columns:2.5rem minmax(7.5rem,11rem) minmax(0,1fr);gap:var(--space-3);align-items:start;padding-block:var(--space-3);border-top:1px solid #CED4E2}
.uc-handover-row>h3{font-size:var(--text-card)}
.uc-handover-row>p{font-size:var(--text-lg);line-height:var(--lh-reading)}
.uc-sharing-note{margin-top:var(--space-4);background:#FEFEFF;color:#23272E;--muted:#59616D;--line:#E0E3E8}
.uc-close-section{padding-block:var(--space-section) var(--space-close)}
.uc-closing.c-close{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.65fr);gap:var(--space-6);align-items:center;padding:var(--space-6);border-radius:var(--radius-lg);background:#1F1D24;color:#F2F1F5;text-align:left;--muted:#B7B4C1;--line:rgba(255,255,255,.16)}
.uc-closing-copy>.uc-eyebrow{margin-bottom:var(--space-2);color:#B7B4C1}
.uc-closing-copy h2{color:#F2F1F5}
.uc-closing-copy>p{margin-top:var(--space-3);max-width:42rem;color:#F2F1F5}
.uc-closing-copy>.uc-payment-note{font-size:var(--text-sm);color:#B7B4C1}
.uc-closing .uc-closing-actions{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:var(--space-2);margin-top:0}
.uc-closing-actions>.c-btn{width:100%;white-space:normal}
@media(max-width:64rem){
.uc-scenario{gap:var(--space-5)}
.uc-task-grid{gap:var(--space-2)}
.uc-task{padding:var(--space-3)}
.uc-closing.c-close{gap:var(--space-4);padding:var(--space-4)}
}
@media(max-width:48rem){
.uc-scenario{grid-template-columns:minmax(0,1fr)}
.uc-task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.uc-test-command{grid-template-columns:minmax(0,1fr)}
.uc-closing.c-close{grid-template-columns:minmax(0,1fr);align-items:start}
}
@media(max-width:42rem){
.uc-hero h1{font-size:clamp(2rem,8vw,2.625rem)}
.uc-hero .uc-lead{font-size:var(--text-base)}
.uc-task-grid{gap:var(--space-1);margin-top:var(--space-5)}
.uc-task{padding:var(--space-3)}
.uc-task>span{font-size:var(--text-base)}
.uc-task small{font-size:var(--text-xs)}
.uc-recommend{padding:var(--space-3)}
.uc-test-grid>.c-card{padding:var(--space-3)}
.uc-test-command{padding:var(--space-3);gap:var(--space-3)}
.uc-handover>.uc-handover-row{grid-template-columns:2.25rem minmax(0,1fr);gap:var(--space-3)}
.uc-handover-row>:nth-child(3){grid-column:2}
.uc-closing.c-close{padding:var(--space-3)}
.uc-closing-copy>.uc-eyebrow{overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){
.uc-task{transition:none}
.uc-task:hover{transform:none}
}