.scad-product-front{padding:36px 0 28px;scroll-margin-top:110px}
.scad-front-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}
.scad-front-heading .scad-kicker{margin-bottom:10px}
.scad-front-heading h2{font:700 clamp(28px,3vw,38px)/1.1 Satoshi,sans-serif;letter-spacing:-.04em;margin:0}
.scad-front-heading h2 span{color:var(--scad-brand-blue,#0c39c5)}
.scad-front-heading p:not(.scad-kicker){color:#626267;font-size:16px;line-height:1.5;margin:12px 0 0}
.scad-front-nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.scad-front-nav a{display:inline-flex;align-items:center;min-height:44px;padding:10px 14px;border:1px solid #d9dfea;border-radius:5px;font-size:13px;white-space:nowrap}
.scad-front-nav a:first-child{background:var(--scad-brand-blue,#0c39c5);color:white;border-color:transparent}
.scad-front-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.scad-opening .scad-front-card{display:flex;flex-direction:column;position:relative;min-width:0;padding:16px 18px 18px;border:1px solid #e1e5ed;border-radius:8px;background:#fff;color:#161619;text-decoration:none;transition:border-color .2s,box-shadow .2s}
.scad-front-card img{display:block;width:100%;height:150px;object-fit:contain;margin:0 0 12px;transition:transform .25s}
.scad-front-card .scad-card-category{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--scad-brand-blue,#0c39c5);margin-bottom:5px;font-weight:700}
.scad-front-card h2{font:700 18px/1.2 Satoshi,sans-serif;letter-spacing:-.02em;margin:0;padding-right:22px}
.scad-front-card p{font-size:12px;line-height:1.45;color:#626267;font-weight:400;margin:7px 0 0;padding-right:12px}
.scad-front-card .scad-card-arrow{position:absolute;right:17px;bottom:18px;color:var(--scad-brand-blue,#0c39c5);font-size:21px}
.scad-opening .scad-front-card:hover{border-color:var(--scad-brand-blue,#0c39c5);box-shadow:0 7px 20px #0c39c50d;text-decoration:none}
.scad-front-card:hover img{transform:scale(1.035)}
.scad-front-card:focus-visible{outline:3px solid var(--scad-brand-blue,#0c39c5);outline-offset:3px}
.scad-front-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}
.scad-front-footer p{max-width:70ch;font-size:12px;line-height:1.5;color:#626267;margin:0}
.scad-front-footer a{font-size:13px;white-space:nowrap}
.scad-opening .scad-lead-stage{border-top:1px solid #dedee2;padding-top:32px}
.scad-lead-copy .scad-story-title{font:700 clamp(32px,4vw,52px)/1.05 Satoshi,sans-serif;letter-spacing:-.045em;margin:0 0 20px}
.scad-lead-copy .scad-story-title span{color:var(--scad-brand-blue,#0c39c5)}
.scad-lead-copy h3{font:500 clamp(20px,2.1vw,28px)/1.2 Satoshi,sans-serif;letter-spacing:-.035em;margin:0 0 17px}
@media(max-width:900px){.scad-front-heading{align-items:flex-start;flex-direction:column;gap:16px}.scad-front-nav{justify-content:flex-start}}
@media(max-width:700px){.scad-product-front{padding-top:25px}.scad-front-heading h1{font-size:36px}.scad-front-heading p:not(.scad-kicker){font-size:14px}.scad-front-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.scad-opening .scad-front-card{padding:12px 10px 15px}.scad-front-card img{height:105px;margin-bottom:10px}.scad-front-card h2{font-size:15px;padding-right:0}.scad-front-card p{font-size:11px;padding-right:0}.scad-front-card .scad-card-arrow{position:static;align-self:flex-end;font-size:18px;margin-top:auto;padding-top:7px;line-height:1}.scad-front-footer{flex-direction:column;align-items:flex-start}.scad-front-nav{gap:6px}.scad-front-nav a{font-size:12px;padding:9px 10px}.scad-front-card .scad-card-category{font-size:9px;letter-spacing:.055em}}
@media(prefers-reduced-motion:reduce){.scad-opening .scad-front-card,.scad-front-card img{transition:none}}
.scad-kinetic-flow{--km-red:#0c39c5}
.scad-kinetic-flow #main{padding:0}
.scad-kinetic-flow .km-opening h1 span{color:var(--km-red)}
.scad-kinetic-flow .km-opening .scad-science-subhead{font-size:clamp(1.125rem,1.8vw,1.5rem);font-weight:600;line-height:1.3;margin:0 0 .75rem;letter-spacing:-.02em}
.scad-kinetic-flow .scad-origin-link{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;font-size:.875rem;margin-top:.5rem;color:var(--km-red)}
.scad-kinetic-flow .km-choice{color:var(--km-ink);text-decoration:none}
.scad-kinetic-flow .km-choice:hover{text-decoration:none}
.scad-pathways .km-choice>img{display:block;width:100%;height:125px;object-fit:contain;background:white}
.scad-pathways .km-choice:nth-child(2)>img{width:70px;align-self:center;border:1px solid var(--km-rule);border-radius:8px;object-position:top;object-fit:cover}
.scad-kinetic-flow .scad-product-front{border-top:1px solid var(--km-rule);padding-top:26px}
#scad-suits,#scad-background{scroll-margin-top:110px}
.scad-kinetic-flow .km-details{border-bottom:1px solid var(--km-rule)}
.scad-kinetic-flow #scad-background>summary{font-size:1rem}
.scad-kinetic-flow #scad-background>.scad-lead-stage{border-top:0}
@media(max-width:680px){.scad-pathways .km-choice{display:grid;grid-template-columns:minmax(0,1fr) 85px;column-gap:14px;row-gap:8px}.scad-pathways .km-choice>.km-number,.scad-pathways .km-choice>h2,.scad-pathways .km-choice>p,.scad-pathways .km-choice>.km-action{grid-column:1}.scad-pathways .km-choice>img{grid-column:2;grid-row:1/5;height:120px;align-self:center}.scad-pathways .km-choice:nth-child(2)>img{width:60px;justify-self:center}.scad-pathways .km-choice h2{font-size:1.25rem}.scad-pathways .km-choice p{font-size:.875rem}.scad-pathways .km-action{font-size:.75rem}.scad-front-heading h2{font-size:28px}}