.sitesync-page{--ss-hero-ink:oklch(97% .008 220);--ss-hero-surface:oklch(22% .045 244);--ss-photo-shade:oklch(20% .04 244/.84);--ss-highlight:oklch(80% .125 178);--ss-shadow:0 14px 40px hsl(var(--foreground) / .09);letter-spacing:0}.ss-container{width:min(1160px,100% - 48px);margin-inline:auto}.ss-hero{background:var(--ss-hero-surface);color:var(--ss-hero-ink);position:relative;overflow:hidden}.ss-hero-photo{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ss-hero:after{content:"";background:var(--ss-photo-shade);position:absolute;inset:0}.ss-hero .ss-container{z-index:1;padding-block:52px 48px;position:relative}.ss-kicker{font-size:12px;font-weight:600}.ss-hero h1{margin-top:20px;font-size:64px;font-weight:600;line-height:1.05}.ss-hero h1 span{color:var(--ss-highlight)}.ss-hero-lead{max-width:780px;margin-top:16px;font-size:34px;font-weight:500;line-height:1.2}.ss-hero-description{opacity:.9;max-width:630px;margin-top:20px;font-size:17px;line-height:1.65}.ss-cta{white-space:normal;text-align:center;border-radius:6px;height:auto;min-height:48px;padding:12px 24px;font-size:14px;font-weight:600}.ss-hero .ss-cta{background:var(--ss-highlight);color:var(--ss-hero-surface)}.ss-hero .ss-cta:hover{background:var(--ss-hero-ink)}.ss-hero-secondary{color:var(--ss-hero-ink);border-color:var(--ss-hero-ink);background:0 0}.ss-hero-secondary:hover{background:var(--ss-hero-ink);color:var(--ss-hero-surface)}.ss-checks{flex-wrap:wrap;gap:12px 24px;margin-top:24px;font-size:13px;display:flex}.ss-checks span{align-items:center;gap:8px;display:flex}.ss-checks svg{width:17px;color:var(--ss-highlight)}.ss-band{border-bottom:1px solid hsl(var(--border));background:hsl(var(--card));padding-block:22px}.ss-band .ss-container{flex-wrap:wrap;justify-content:space-between;gap:16px 28px;font-size:13px;font-weight:500;display:flex}.ss-band span{align-items:center;gap:8px;display:flex}.ss-band svg{width:18px;color:hsl(var(--primary))}.ss-section{padding-block:76px}.ss-heading{max-width:760px;font-size:38px;font-weight:600;line-height:1.15}.ss-eyebrow{color:hsl(var(--muted-foreground));margin-bottom:16px;font-size:12px;font-weight:600}.ss-section-lead{max-width:700px;color:hsl(var(--muted-foreground));margin-top:18px;font-size:16px;line-height:1.7}.ss-tabs{gap:6px;margin-top:26px;padding-block:8px 14px;display:flex;overflow-x:auto}.ss-tabs>button{border-radius:6px;flex:none}.ss-screen{background:hsl(var(--card));border:1px solid hsl(var(--border));box-shadow:var(--ss-shadow);border-radius:8px;padding:8px}.ss-screen img{aspect-ratio:2.08;object-fit:contain;background:hsl(var(--card));width:100%}.ss-screen-caption{grid-template-columns:1fr auto;align-items:center;gap:20px;margin-top:24px;display:grid}.ss-list{gap:12px;margin-top:20px;font-size:15px;line-height:1.6;display:grid}.ss-list li{gap:10px;display:flex}.ss-list svg{width:18px;height:24px;color:hsl(var(--primary));flex-shrink:0}.ss-small-note{color:hsl(var(--muted-foreground));margin-top:16px;font-size:12px;line-height:1.65}.ss-pale{background:hsl(var(--secondary));border-block:1px solid hsl(var(--border))}.ss-pain-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px;display:grid}.ss-pain{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:6px;padding:26px}.ss-pain>svg{width:26px;height:26px;color:hsl(var(--primary));margin-bottom:22px}.ss-pain h3{font-size:19px;font-weight:600}.ss-pain p{color:hsl(var(--muted-foreground));margin-top:12px;font-size:14px;line-height:1.7}.ss-two-col{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.ss-video{aspect-ratio:16/9;border:1px solid hsl(var(--border));box-shadow:var(--ss-shadow);background:hsl(var(--card));border-radius:6px;position:relative;overflow:hidden}.ss-video>img{object-fit:contain;width:100%;height:100%}.ss-video iframe{border:0;width:100%;height:100%}.ss-play{background:hsl(var(--foreground));height:48px;color:hsl(var(--background));box-shadow:var(--ss-shadow);padding-inline:18px;position:absolute;bottom:20px;left:20px}.ss-play:hover{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.ss-ai-image{border:1px solid hsl(var(--border));border-radius:6px;width:100%}.ss-steps{grid-template-columns:repeat(3,1fr);gap:28px;margin-top:36px;display:grid}.ss-step{border-top:2px solid hsl(var(--primary));padding-top:22px}.ss-step>span{color:hsl(var(--primary));font-family:var(--font-display);font-size:32px}.ss-step h3{margin-top:16px;font-size:20px;font-weight:600}.ss-step p{color:hsl(var(--muted-foreground));margin-top:12px;font-size:14px;line-height:1.7}.ss-form{background:hsl(var(--card));border:1px solid hsl(var(--border));box-shadow:var(--ss-shadow);border-radius:8px;padding:32px}.ss-input{background:hsl(var(--background));width:100%;min-width:0;color:hsl(var(--foreground));border:1px solid hsl(var(--input));border-radius:4px;padding:12px;font-size:14px;display:block}.ss-input:focus{outline:2px solid hsl(var(--ring));outline-offset:2px}.ss-faq{border-bottom:1px solid hsl(var(--border));padding-block:12px}.ss-faq button{white-space:normal;text-align:left;justify-content:space-between;gap:16px;width:100%;height:auto;min-height:50px;padding:10px 0;font-size:15px}.ss-faq button:hover{color:hsl(var(--primary));background:0 0}.ss-faq p{color:hsl(var(--muted-foreground));padding-bottom:14px;font-size:14px;line-height:1.7}#sitesync-demo,#sitesync-tour{scroll-margin-top:100px}html:has(.sitesync-page){scroll-behavior:smooth}@media (hover:hover) and (prefers-reduced-motion:no-preference){.ss-pain{transition:transform .2s,box-shadow .2s}.ss-pain:hover{box-shadow:var(--ss-shadow);transform:translateY(-3px)}}@media (width<=767px){.ss-container{width:calc(100% - 32px)}.ss-hero .ss-container{padding-block:36px}.ss-hero h1{font-size:48px}.ss-hero-lead{font-size:26px}.ss-heading{font-size:29px}.ss-section{padding-block:48px}.ss-pain-grid,.ss-steps,.ss-two-col{grid-template-columns:1fr;gap:24px}.ss-screen-caption{grid-template-columns:1fr}.ss-form{padding:22px}.ss-band .ss-container{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){html:has(.sitesync-page){scroll-behavior:auto}}
