.sp-hero{background:linear-gradient(180deg,#f3f8fd,#fff);padding:88px 0 64px;border-bottom:1px solid var(--border-default)}.sp-hero h1{max-width:22ch;margin-bottom:20px;color:var(--neutral-90)}.sp-hero .lede{max-width:60ch;color:var(--fg-secondary)}.sp-main{padding:88px 0 56px}.sp-main-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.sp-card-main{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:inherit;box-shadow:var(--shadow-1);transition:transform var(--dur-2) var(--ease-standard),box-shadow var(--dur-2) var(--ease-standard),border-color var(--dur-2) var(--ease-standard)}.sp-card-main:hover{transform:translateY(-3px);box-shadow:var(--shadow-3);border-color:var(--brand-primary)}.sp-card-main .preview{aspect-ratio:4/3;position:relative;overflow:hidden;display:grid;place-items:center;color:#ffffffc7;font:600 13px/1 var(--font-sans);letter-spacing:var(--tracking-loose);text-transform:uppercase}.sp-card-main .preview.office{background:#0a5fb4 url(/brand/office-space.png) center/cover no-repeat}.sp-card-main .preview.edu{background:#084e94 url(/brand/education-space.png) center/cover no-repeat}.sp-card-main .preview.event{background:#1a8fcc url(/brand/events-space.png) center 72%/cover no-repeat}.sp-card-main .body{padding:28px 28px 32px;display:flex;flex-direction:column;gap:12px;flex:1}.sp-card-main h3{font:600 26px/1.15 var(--font-sans);letter-spacing:var(--tracking-tight);color:var(--neutral-90)}.sp-card-main .desc{color:var(--fg-secondary);font-size:15px;line-height:1.55;flex:1}.sp-card-main .cta{display:inline-flex;align-items:center;gap:6px;color:var(--brand-primary);font-weight:600;font-size:14px;margin-top:4px}.sp-sec{padding:88px 0;background:var(--neutral-10);border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default)}.sp-sec-head{text-align:center;max-width:760px;margin:0 auto 56px}.sp-sec-head .overline{display:block;margin-bottom:14px}.sp-sec-head h2{font:600 clamp(28px,3.4vw,40px)/1.15 var(--font-sans);letter-spacing:var(--tracking-tight);color:var(--neutral-90)}.sp-sec-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:36px 40px}.sp-sec-list li{border-top:2px solid var(--brand-primary);padding-top:18px}.sp-sec-list h4{font:600 17px/1.3 var(--font-sans);color:var(--neutral-90);margin-bottom:8px}.sp-sec-list p{font-size:14px;line-height:1.55;color:var(--fg-secondary)}.sp-connected{padding:112px 0}.sp-connected .row{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.sp-connected .visual{aspect-ratio:5/4;border-radius:var(--radius-lg);background:linear-gradient(135deg,#063d75,#22a6e8);color:#ffffffbf;display:grid;place-items:center;font:600 13px/1 var(--font-sans);letter-spacing:var(--tracking-loose);text-transform:uppercase;box-shadow:var(--shadow-2);position:relative;overflow:hidden}.sp-connected .visual:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:48px 48px}.sp-connected .visual span{position:relative;z-index:1;padding:6px 14px;border:1px solid rgba(255,255,255,.4);border-radius:99px}.sp-connected h2{font:600 clamp(36px,4vw,52px)/1.05 var(--font-sans);letter-spacing:var(--tracking-tight);color:var(--neutral-90);margin-bottom:18px}.sp-connected p{color:var(--fg-secondary);font-size:16px;line-height:1.6;margin-bottom:24px;max-width:56ch}.sp-cta{padding:112px 0;background:var(--brand-primary);color:#fff;text-align:center}.sp-cta h2{font:600 clamp(40px,4.6vw,60px)/1.05 var(--font-sans);letter-spacing:var(--tracking-tight);color:#fff;margin-bottom:16px}.sp-cta p{color:#ffffffd9;margin-bottom:32px}.sp-cta .actions{display:inline-flex;gap:12px;flex-wrap:wrap;justify-content:center}@media(max-width:980px){.sp-main-grid{grid-template-columns:1fr}.sp-sec-list{grid-template-columns:repeat(2,1fr)}.sp-connected .row{grid-template-columns:1fr;gap:36px}}@media(max-width:640px){.sp-sec-list{grid-template-columns:1fr}}