:root{--bg:#080d10;--surface:#10181d;--surface-raised:#142027;--text-strong:#f4f0e7;--text-body:#c9c3b6;--text-muted:#8e9aa1;--steel:#8aa3b3;--steel-border:#526b7b;--border:#aab9c138;--border-subtle:#aab9c129;--accent:#c4843d;--accent-strong:#d5964c;--ready:#9bb98f;--focus:#9db7c6;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--text-body);background:var(--bg);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}*{box-sizing:border-box}html{background:var(--bg)}body{background:linear-gradient(90deg,#ffffff09 1px,#0000 1px) 50% 0/min(100% - 40px,1440px) 100% no-repeat,linear-gradient(#0b1114 0%,#080d10 38%,#090c0e 100%);min-width:320px;min-height:100svh;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{letter-spacing:0}#root{min-height:100svh}::selection{color:var(--text-strong);background:#8aa3b352}.page-shell{width:min(100%,1440px);min-height:100svh;margin:0 auto;padding:0 clamp(20px,4vw,64px)}.site-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;min-height:94px;display:flex}.wordmark{color:var(--text-strong);align-items:center;gap:13px;font-size:1.08rem;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.wordmark-mark{border:1px solid var(--steel-border);background:var(--surface);width:38px;height:38px;color:var(--text-strong);place-items:center;display:grid}.wordmark-mark svg{width:24px;height:24px;overflow:visible}.wordmark-mark path,.wordmark-mark circle{fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:1.7px}.wordmark-mark circle{fill:var(--surface)}.demo-button,.primary-cta{border:1px solid var(--steel-border);min-height:46px;color:var(--text-strong);font:inherit;cursor:pointer;background:0 0;border-radius:4px;padding:0 20px;font-size:.9rem;font-weight:700;transition:background-color .18s,border-color .18s,box-shadow .18s,color .18s}.demo-button:hover,.demo-button:focus-visible{border-color:var(--steel);background:#8aa3b31f;box-shadow:inset 0 0 0 1px #8aa3b32e}.primary-cta{border-color:var(--text-strong);background:var(--text-strong);color:#101517}.primary-cta:hover,.primary-cta:focus-visible{border-color:var(--text-body);background:var(--text-body);box-shadow:0 0 0 1px #f4f0e733}.demo-button:focus-visible,.primary-cta:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.hero-section{grid-template-columns:minmax(0,.84fr) minmax(540px,1fr);align-items:center;gap:clamp(40px,5vw,76px);padding:clamp(60px,8vw,116px) 0 clamp(54px,7vw,104px);display:grid}.hero-copy{max-width:730px}.eyebrow,.section-kicker{color:var(--steel);text-transform:uppercase;margin:0;font-size:.72rem;font-weight:800;line-height:1.4}h1,h2,h3,p{margin-top:0}h1{max-width:760px;color:var(--text-strong);letter-spacing:0;margin-bottom:24px;font-size:clamp(3.35rem,5.45vw,5.85rem);font-weight:780;line-height:.96}.subheadline{color:#d7d0c3;max-width:670px;margin-bottom:36px;font-size:clamp(1.08rem,1.4vw,1.28rem);line-height:1.68}.hero-actions{flex-wrap:wrap;align-items:center;gap:18px 22px;display:flex}.hero-actions p{color:#a8b2b8;margin:0;font-size:.94rem}.hero-visual{border:1px solid var(--border);background-color:var(--surface-raised);background-image:linear-gradient(#070c0f14 0%,#070c0f1f 48%,#070c0f57 100%),url(/sitesync-hero.png);background-position:63%;background-repeat:no-repeat;background-size:cover;border-radius:8px;min-height:590px;position:relative;overflow:hidden;box-shadow:0 30px 84px #00000057}.hero-visual:before{z-index:1;content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #b5c7d11f,inset 0 120px 120px #070d102e,inset 0 -160px 120px #05080a6b}.insight-panel{z-index:2;width:min(410px,100% - 36px);color:var(--text-body);background:#0a1013f2;border:1px solid #a4bac657;border-radius:6px;position:absolute;bottom:clamp(18px,4vw,48px);left:clamp(18px,3vw,40px);box-shadow:0 26px 58px #00000075}.panel-header{border-bottom:1px solid #a4bac633;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px 20px;display:flex}.panel-header p{color:var(--steel);text-transform:uppercase;margin-bottom:5px;font-size:.68rem;font-weight:800;line-height:1.3}.panel-header strong{color:var(--text-strong);font-size:.98rem;line-height:1.25;display:block}.panel-header span{color:var(--ready);text-transform:uppercase;border:1px solid #84a6845c;flex:none;padding:4px 8px;font-size:.68rem;font-weight:800;line-height:1}.metric-list{margin:0;padding:4px 0}.metric-row{border-top:1px solid #a4bac621;grid-template-columns:1fr auto;align-items:center;gap:18px;min-height:58px;padding:0 20px;display:grid}.metric-row:first-child{border-top:0}.metric-row dt{color:var(--text-muted);text-transform:uppercase;font-size:.72rem;font-weight:800}.metric-row dd{color:var(--text-strong);margin:0;font-size:1.08rem;font-weight:800}.metric-row-risk dd{color:var(--accent)}.metric-row-ready dd{color:var(--ready)}.benefits-section{border-top:1px solid var(--border-subtle);grid-template-columns:minmax(240px,.72fr) minmax(0,1.4fr);gap:clamp(36px,6vw,80px);padding:clamp(52px,6vw,82px) 0;display:grid}.section-heading h2{color:var(--text-strong);margin:12px 0 0;font-size:clamp(2rem,3vw,3.15rem);font-weight:740;line-height:1.05}.benefit-grid{border:1px solid var(--border-subtle);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.benefit-item{border-left:1px solid var(--border-subtle);background:#0f161a9e;min-height:290px;padding:28px}.benefit-item:first-child{border-left:0}.benefit-item span{color:var(--steel);margin-bottom:42px;font-size:.72rem;font-weight:800;display:inline-flex}.benefit-item h3{color:var(--text-strong);margin-bottom:14px;font-size:1.14rem;line-height:1.2}.benefit-item p{color:#d8d1c6;margin-bottom:0;font-size:1.02rem;line-height:1.7}.closing-section{border-top:1px solid var(--border-subtle);padding:clamp(56px,7vw,92px) 0 clamp(64px,8vw,112px)}.closing-section p{max-width:940px;color:var(--text-strong);margin:0;font-size:clamp(2.35rem,4.6vw,5rem);font-weight:760;line-height:1}@media (width<=980px){.site-header{min-height:80px}.hero-section,.benefits-section{grid-template-columns:1fr}.hero-section{padding-top:48px}.hero-copy{max-width:none}.hero-visual{background-position:62%;min-height:520px}.benefit-grid{grid-template-columns:1fr}.benefit-item{border-left:0;border-top:1px solid var(--border-subtle);min-height:auto}.benefit-item:first-child{border-top:0}.benefit-item span{margin-bottom:26px}}@media (width<=620px){.page-shell{padding:0 18px}.wordmark{gap:10px;font-size:1rem}.wordmark-mark{width:32px;height:32px}.demo-button{min-height:40px;padding:0 12px}h1{font-size:clamp(2.48rem,11.5vw,3.25rem)}.hero-actions{flex-direction:column;align-items:stretch}.primary-cta{width:100%}.hero-visual{background-position:63%;min-height:460px}.insight-panel{width:calc(100% - 28px);bottom:14px;left:14px}.metric-row{min-height:54px;padding:0 16px}.panel-header{padding:16px}.benefit-item{padding:24px}}