.proto-sunspace{--ink:#0c1420;--paper:#f7f9fc;--bone:#eef2f8;--surface:#fbfcfd;--line:#0c14201a;--sher-navy:#022061;--sher-navy-light:#3a4d8c;--brand-blue:var(--sher-navy);--brand-blue-light:var(--sher-navy-light);--font-display:var(--font-fraunces), "Fraunces", "Times New Roman", serif;--font-body:var(--font-manrope), "Manrope", system-ui, sans-serif;--font-mono:var(--font-jetbrains-mono), "JetBrains Mono", "Courier New", monospace;--ease:cubic-bezier(.22, 1, .36, 1);max-width:1500px;padding:72px 72px 120px}.proto-sunspace .section-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--brand-blue);align-items:center;gap:14px;margin-bottom:20px;font-size:11px;font-weight:700;display:flex}.proto-sunspace .section-eyebrow:before{content:"";background:var(--brand-blue);width:32px;height:2px}.proto-sunspace .section-title{font-family:var(--font-display);letter-spacing:-.03em;font-variation-settings:"opsz" 144;color:var(--ink);margin-bottom:28px;font-size:clamp(42px,5vw,74px);font-weight:400;line-height:.98}.proto-sunspace .section-title em{color:var(--brand-blue);font-style:italic;font-weight:300}.proto-sunspace .sp-feature{border:1px solid var(--line);background:#fff;border-radius:28px;grid-template-columns:1fr 1fr;align-items:stretch;margin-top:48px;display:grid;overflow:hidden;box-shadow:0 30px 70px #0220611a}.proto-sunspace .sp-feature-media{min-height:440px;position:relative}.proto-sunspace .sp-feature-media img{object-fit:cover;object-position:72% center;width:100%;height:100%;display:block;position:absolute;inset:0}.proto-sunspace .sp-feature-logo{background:#fff;justify-content:center;align-items:center;padding:56px;display:flex}.proto-sunspace .sp-logo{width:100%;max-width:440px;transition:transform .4s var(--ease);margin:0 auto;text-decoration:none;display:block}.proto-sunspace .sp-logo:hover{transform:translateY(-6px)}.proto-sunspace .sp-logo img{width:100%;height:auto;display:block}.proto-sunspace .sp-quote{text-align:center;max-width:820px;font-family:var(--font-display);letter-spacing:-.015em;color:var(--ink);font-variation-settings:"opsz" 144;margin:44px auto 0;font-size:clamp(22px,2.2vw,32px);font-weight:400;line-height:1.32}.proto-sunspace .sp-quote cite{color:var(--brand-blue);margin-top:18px;font-size:.88em;font-style:italic;font-weight:300;display:block}.proto-sunspace .sp-warranty{border-top:1px solid var(--line);margin-top:104px;padding-top:64px}.proto-sunspace .sp-w-title{font-family:var(--font-display);letter-spacing:-.02em;font-variation-settings:"opsz" 144;margin:4px 0 52px;font-size:clamp(28px,3.4vw,48px);font-weight:400;line-height:1.1}.proto-sunspace .sp-w-title em{color:var(--brand-blue);font-style:italic;font-weight:300}.proto-sunspace .sp-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.proto-sunspace .sp-card{border:1px solid var(--line);background:var(--paper);transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s var(--ease);border-radius:18px;padding:32px 28px}.proto-sunspace .sp-card:hover{border-color:#02206140;transform:translateY(-4px);box-shadow:0 18px 40px #02206114}.proto-sunspace .sp-badge{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;border-radius:100px;margin-bottom:18px;padding:6px 12px;font-size:10px;font-weight:600;display:inline-block}.proto-sunspace .sp-badge--life{background:var(--brand-blue);color:#fff}.proto-sunspace .sp-badge--ten{color:var(--brand-blue);background:0 0;border:1px solid #0220614d}.proto-sunspace .sp-card-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);margin:0 0 10px;font-size:20px;font-weight:400;line-height:1.2}.proto-sunspace .sp-card-body{font-family:var(--font-body);color:#0c1420a8;margin:0;font-size:14.5px;line-height:1.6}.proto-sunspace .sp-tip{border-left:2px solid var(--brand-blue);font-family:var(--font-body);color:#0c1420bf;background:#02206108;border-radius:0 12px 12px 0;margin-top:36px;padding:22px 26px;font-size:15px;line-height:1.6}.proto-sunspace .sp-tip strong{color:var(--brand-blue);font-weight:600}@media (max-width:1100px){.proto-sunspace .sp-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:960px){.proto-sunspace{padding:72px 40px 96px}}@media (max-width:900px){.proto-sunspace .sp-feature{grid-template-columns:1fr}.proto-sunspace .sp-feature-logo{padding:44px 36px}.proto-sunspace .sp-feature-media{min-height:280px}}@media (max-width:720px){.proto-sunspace .sp-grid{grid-template-columns:1fr}}