.sv-hero{padding-block:clamp(48px,6vw,96px) clamp(40px,5vw,72px)}
.sv-hero .in>*,.sv-hgrid>*>*{animation:rise var(--ds-dur-4) var(--ds-ease-out) both}
.sv-hero h1{font-size:clamp(2.5rem,1.5rem + 4.2vw,5rem);line-height:1.28}
[dir="ltr"] .sv-hero h1{line-height:1.06}
.sv-hero .lead{margin-top:22px}.sv-hero .cta{margin-top:30px}
.sv-soft{display:block;color:var(--ds-text-3)}
.sv-head{max-width:780px;margin-bottom:clamp(32px,4.5vw,64px)}
.sv-head p{margin-top:16px}
.sv-illus{display:inline-block;font-size:.75rem;font-weight:600;padding:2px 9px;border-radius:99px;background-color:var(--ds-warn-soft);color:var(--ds-warn)}
.sv-card{background-color:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);box-shadow:0 18px 40px -22px rgb(12 20 19/.28);overflow:hidden;min-width:0}
@media (max-width:560px){.sv-hero .cta .btn{flex:1 1 100%;white-space:normal;text-align:center;padding-block:12px}}

.sy-top{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px 32px;margin-bottom:28px}
.sy-top h2{font-size:clamp(1.6rem,1.3rem + 1.2vw,2.5rem)}.sy-top p{color:var(--ds-text-2);max-width:46ch}
.sy-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.sy-line{color:var(--ds-text);text-decoration:none;border:1px solid var(--ds-border);border-radius:var(--ds-radius);background-color:var(--ds-surface-2);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:24px;min-width:0;transition:border-color var(--ds-dur-2) ease-out,transform var(--ds-dur-3) var(--ds-ease-out),box-shadow var(--ds-dur-3) var(--ds-ease-out)}
.sy-line:hover{color:var(--ds-text);transform:translateY(-4px);border-color:var(--ds-border-strong);box-shadow:var(--ds-shadow-float)}
.sy-txt{padding:clamp(22px,3vw,36px) clamp(22px,3vw,36px) 0;display:grid;gap:12px;justify-items:start}
.sy-txt h3{font-size:clamp(1.4rem,1.2rem + .8vw,2rem);font-weight:600}.sy-txt p{color:var(--ds-text-2);max-width:48ch}
.sy-go{color:var(--ds-accent);font-weight:600}
.sy-plat{grid-column:span 7;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}
.sy-plat .sy-txt{padding-bottom:clamp(22px,3vw,36px);align-content:start}
.sy-vis{padding:clamp(22px,3vw,36px);padding-inline-start:0;align-self:end}
.sy-k{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);border:0;border-radius:0;border-bottom:1px solid var(--ds-border)}
.sy-k div:last-child,.sy-k .net{grid-column:auto}
.sy-ex{margin-top:8px}
.sy-agency{grid-column:span 5}
.sy-rail{padding:0 clamp(22px,3vw,36px) clamp(22px,3vw,36px);display:grid;gap:8px;font-size:.8125rem}
.sy-rail div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.sy-rail span{background-color:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-xs);padding:6px 2px;text-align:center;color:var(--ds-text-3)}
.sy-rail .on span{background-color:var(--ds-accent-wash);border-color:transparent;color:var(--ds-accent);font-weight:600}
.sy-rail i{font-style:normal;color:var(--ds-text-2);border-top:1px dashed var(--ds-border-strong);padding-top:8px}
.sy-next{grid-column:span 6;border-top:1px solid var(--ds-border);padding:22px 4px 0;display:grid;gap:8px;justify-items:start;align-content:start}
.sy-next h3{font-weight:600}.sy-next p{color:var(--ds-text-2);max-width:52ch}
.sy-soon{background-color:var(--ds-surface-2);color:var(--ds-text-2)}
.sy-hb{margin-top:28px}.sy-hb a{display:inline-block;padding-block:10px;font-weight:600}
.sy-why{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:clamp(28px,6vw,96px);align-items:start}
.sy-why h2{position:sticky;top:104px}
.sy-whyl>div{padding-block:28px;border-top:1px solid var(--ds-border)}
.sy-whyl>div:first-child{border-top:0;padding-top:0}
.sy-whyl h3{font-size:clamp(1.25rem,1.1rem + .6vw,1.75rem);font-weight:600}
.sy-whyl p{margin-top:10px;color:var(--ds-text-2);font-size:1.0625rem;max-width:58ch}
.final .btn{white-space:normal;text-align:center;padding-block:12px}
@media (max-width:1020px){.sy-plat,.sy-agency{grid-column:1/-1}.sy-why{grid-template-columns:minmax(0,1fr)}.sy-why h2{position:static}}
@media (max-width:720px){.sy-plat{display:flex}.sy-vis{padding:0 22px 22px}.sy-next{grid-column:1/-1}}