.surfaces-section{position:relative;z-index:10;background:var(--bg-base);padding:120px 0 0}.surfaces-section-header{width:100%;max-width:calc(var(--maxw-content) + 96px);margin:0 auto;padding:0 48px 72px}.surfaces-section-label{font-family:JetBrains Mono,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:600;color:var(--brand);letter-spacing:3px;text-transform:uppercase;margin-bottom:24px}.surfaces-section-heading{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(36px,5.5vw,72px);font-weight:400;color:var(--ink-strong);line-height:1.05;letter-spacing:-1.5px;margin:0}.surfaces-section-heading .thin{color:var(--ink-muted)}.surfaces-section-inner{position:relative}.surface-card{position:sticky;background:var(--bg-base);border-top:0;min-height:clamp(620px,82svh,740px);display:flex;align-items:stretch}.surface-card:nth-child(1){top:80px;z-index:1}.surface-card:nth-child(2){top:144px;z-index:2}.surface-card:nth-child(3){top:208px;z-index:3}.surface-card:nth-child(4){top:272px;z-index:4}.surface-card:before{content:"";position:absolute;top:0;left:clamp(24px,5vw,68px);right:clamp(24px,5vw,68px);height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.18) 18%,rgba(255,255,255,.18) 82%,transparent);opacity:0;pointer-events:none;z-index:5}.surface-card:not(:first-child):before{opacity:1}.surface-card-inner{max-width:1280px;margin:0 auto;width:100%;padding:64px 48px 72px;display:grid;grid-template-columns:minmax(300px,.78fr) minmax(560px,1.22fr);gap:clamp(56px,6vw,88px);align-items:center}.surface-card-meta{display:flex;flex-direction:column;gap:20px;justify-content:center}.surface-card-header{display:flex;flex-direction:column;gap:20px}.surface-card-label{font-family:JetBrains Mono,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:600;color:var(--brand);letter-spacing:3px;text-transform:uppercase}.surface-card-heading{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(28px,4vw,52px);font-weight:400;color:var(--ink-strong);line-height:1.08;letter-spacing:-1px;margin:0}.surface-card-heading .thin{color:var(--ink-muted)}.surface-card-copy{font-family:Urbanist,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;font-weight:400;color:var(--ink-muted);line-height:1.7;max-width:420px}.surface-card-preview{position:relative;display:flex;align-items:center;justify-content:center;padding:0;height:clamp(420px,38vw,520px);overflow:visible;border-radius:0;border:0;background:transparent}.surface-preview-stage{position:relative;width:100%;max-width:860px;aspect-ratio:16 / 10;overflow:hidden;border-radius:0;border:0;background:transparent;box-shadow:none}.surface-preview-stage>*{width:100%;height:100%}.surface-card-preview-linux .surface-preview-stage,.surface-card-preview-windows .surface-preview-stage,.surface-card-preview-macos .surface-preview-stage{height:auto;max-height:100%;overflow:visible}.surface-card-preview-linux .surface-scale,.surface-card-preview-windows .surface-scale,.surface-card-preview-macos .surface-scale{position:absolute;inset:0;width:140%;height:140%;transform:scale(.714);transform-origin:top left;clip-path:inset(0 round 17px)}.surface-card-preview-linux .surface-scale>*,.surface-card-preview-windows .surface-scale>*,.surface-card-preview-macos .surface-scale>*{width:100%;height:100%}.surface-card-preview-linux .mac-screen-inner,.surface-card-preview-windows .mac-screen-inner,.surface-card-preview-macos .mac-screen-inner{clip-path:inset(0 round 12px)}.surface-card-preview-android .surface-preview-stage{display:flex;align-items:center;justify-content:center;width:min(100%,520px);height:100%;aspect-ratio:auto}.surface-card-preview-placeholder{width:100%;height:100%;background:var(--bg-elev-2);border-radius:16px}.surfaces-section-scroll-spacer{height:40px;background:var(--bg-base)}@media(max-width:1080px){.surfaces-section{padding:80px 0 0}.surfaces-section-header{max-width:calc(var(--maxw-content) + 64px);padding:0 32px 48px}.surface-card{min-height:auto;top:var(--surface-card-stack-top, 64px)}.surface-card-inner{grid-template-columns:1fr;gap:32px;max-width:760px;padding:40px 24px 48px}.surface-card-meta{gap:0}.surface-card-header{min-height:0}.surface-card-copy{margin-top:20px}.surface-card-preview{height:auto;min-height:0;padding:0}.surface-card-preview:not(.surface-card-preview-android) .surface-preview-stage{width:min(100%,700px)}.surface-card-preview-android{height:clamp(320px,54vw,380px)}}@media(max-width:640px){.surfaces-section{padding:72px 16px 40px}.surfaces-section-header{padding:0 8px 28px}.surfaces-section-heading{font-size:clamp(34px,12vw,52px);max-width:360px}.surfaces-section-inner{display:flex;flex-direction:column;gap:16px}.surface-card,.surface-card:nth-child(1),.surface-card:nth-child(2),.surface-card:nth-child(3),.surface-card:nth-child(4){position:relative;top:auto;z-index:auto;min-height:0;border:1px solid var(--line-soft);border-radius:10px;overflow:hidden}.surface-card:before{display:none}.surface-card-inner{padding:24px 14px 16px;gap:22px}.surface-card-meta{gap:12px}.surface-card-header{min-height:0;gap:12px}.surface-card-heading{font-size:clamp(30px,10vw,42px)}.surface-card-copy{font-size:14px;line-height:1.55;margin-top:0;max-width:none}.surface-card-preview{height:auto;padding:0;border-radius:10px}.surface-card-preview:not(.surface-card-preview-android) .surface-preview-stage{width:min(100%,560px);aspect-ratio:16 / 11}.surface-card-preview-linux .mac-screen-inner,.surface-card-preview-windows .mac-screen-inner,.surface-card-preview-macos .mac-screen-inner{inset:8px}.surface-card-preview-linux .surface-scale,.surface-card-preview-windows .surface-scale,.surface-card-preview-macos .surface-scale{width:112%;height:112%;transform:scale(.8929);transform-origin:top left;clip-path:inset(0 round 13px)}@media(min-width:520px){.surface-card-preview-linux .surface-scale,.surface-card-preview-windows .surface-scale,.surface-card-preview-macos .surface-scale{width:118%;height:118%;transform:scale(.8475);transform-origin:top left;clip-path:inset(0 round 14px)}}.surface-card-preview-macos .macos-desktop-area{gap:0;padding:10px 10px 72px}.surface-card-preview-macos .macos-app-window{border-radius:12px}.surface-card-preview-macos .macos-dock-wrap{bottom:8px;padding:0 10px}.surface-card-preview-macos .macos-dock{max-width:100%;gap:8px;border-radius:18px;padding:8px 10px;background:#14181ec7!important;box-shadow:inset 0 1px #ffffff2e,0 16px 38px #00000061}.surface-card-preview-macos .macos-dock-app,.surface-card-preview-macos .macos-dock-folder,.surface-card-preview-macos .macos-dock-icon{width:34px;height:34px}.surface-card-preview-macos .macos-dock-icon svg{width:17px;height:17px}.surface-card-preview-macos .macos-dock-app.is-mobile-hidden,.surface-card-preview-macos .macos-dock-folder.is-mobile-hidden,.surface-card-preview-macos .macos-dock-divider{display:none}.surface-card-preview-windows .windows-taskbar{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;align-items:center;height:42px;padding:0 10px}.surface-card-preview-windows .windows-taskbar-weather{display:none}.surface-card-preview-windows .windows-taskbar-center{position:static;left:auto;width:100%;min-width:0;justify-content:flex-start;gap:4px;overflow:hidden;translate:none;transform:none}.surface-card-preview-windows .windows-taskbar-search{width:88px;height:28px;padding:0 8px}.surface-card-preview-windows .windows-taskbar-search svg{width:12px;height:12px}.surface-card-preview-windows .windows-taskbar-search span{font-size:8px}.surface-card-preview-windows .windows-taskbar-divider{display:none}.surface-card-preview-windows .windows-taskbar-chat,.surface-card-preview-windows .windows-taskbar-app:not(.is-active){display:none}.surface-card-preview-windows .windows-taskbar-tray{gap:2px}.surface-card-preview-windows .windows-taskbar-time span{font-size:7px}.surface-card-preview-android{height:clamp(340px,88vw,430px)}.surface-card-preview-android .surface-preview-stage{height:100%;width:min(100%,460px)}.surface-card-preview-android .android-phone-shell{width:clamp(12.75rem,52vw,15.5rem);height:min(90%,30rem);max-height:none;clip-path:inset(0 round 1.4rem)}.surface-card-preview-android .android-phone-screen{clip-path:inset(0 round 1rem);isolation:isolate;transform:translateZ(0)}.surface-card-preview-android .android-phone-system-nav{padding:7px 36px 14px;border-radius:0 0 1rem 1rem;background:#040b1147;color:#ffffffd1}.surface-card-preview-android .android-phone-system-nav svg{width:13px;height:13px}.surface-card-preview-android .android-phone-home-indicator{bottom:4px;height:3px;background:#ffffff94}.surface-preview-stage{border-radius:8px}.surfaces-section-scroll-spacer{height:0}}@media(max-width:420px){.surfaces-section{padding-right:8px;padding-left:8px}.surface-card-inner{padding-right:10px;padding-left:10px}}