/* Product pages — scoped; header and footer are inherited from /style.css */
html{scroll-behavior:smooth} body{margin:0}
.sf-product{background:#090a0b;color:#eff0f2;font-family:var(--font-main,"Inter Variable",Inter,system-ui,-apple-system,sans-serif);-webkit-font-smoothing:antialiased}
.sf-product *, .sf-product *::before, .sf-product *::after{box-sizing:border-box}
.sf-product .sf-container{width:min(1330px,calc(100% - 48px));margin-inline:auto}
.sf-product a:focus-visible,.sf-product button:focus-visible,.sf-product summary:focus-visible{outline:2px solid #e5e7eb;outline-offset:3px}
.sf-product .sf-kicker{color:#989ea7;font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:700;margin:0 0 20px}
.sf-product .sf-hero{padding:110px 0 84px}
.sf-product .sf-hero-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:72px;align-items:end}
.sf-product .sf-hero h1{font-size:clamp(42px,5.2vw,77px);line-height:1.055;letter-spacing:-.065em;font-weight:650;max-width:900px;margin:0}
.sf-product .sf-hero h1 em{font-style:normal;color:#969da8}
.sf-product .sf-lede{font-size:clamp(16px,1.35vw,20px);line-height:1.68;color:#aeb4bd;margin:0 0 25px}
.sf-product .sf-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.sf-product .sf-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;border-radius:8px;padding:14px 19px;font-size:13px;font-weight:700;background:#edeff2;color:#111316!important;transition:background .16s ease}
.sf-product .sf-cta:hover{background:#fff}
.sf-product .sf-inline{font-size:13px;text-decoration:none;color:#cfd4da!important;border-bottom:1px solid #696f79;padding:7px 1px}
.sf-product .sf-meta{font-size:12px;color:#7d848e;margin-top:18px}
.sf-product .sf-stage{margin:65px 0 0}
.sf-product .sf-shot{width:100%;height:auto;display:block;border:0;border-radius:14px;box-shadow:none;background:transparent}
.sf-product .sf-stage figcaption{display:flex;justify-content:space-between;gap:16px;margin-top:14px;font-size:12px;color:#89909b}
.sf-product .sf-proofline{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid #24272b;border-bottom:1px solid #24272b;padding:23px 0;margin:35px 0 0}
.sf-product .sf-proofline span{color:#d6d9de;font-size:12px;padding-right:22px}
.sf-product .sf-proofline span::before{content:'↗';color:#8e959e;margin-right:9px}
.sf-product .sf-section{padding:106px 0;border-top:1px solid #1d2024}
.sf-product .sf-sectionhead{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin-bottom:46px}
.sf-product .sf-sectionhead > .sf-index{display:block;width:100%;flex:none;margin:0 0 22px;padding:0;order:0}
.sf-product .sf-index{font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:#8a9199;font-weight:700;padding-top:9px;margin:0}
.sf-product .sf-section h2{font-size:clamp(31px,3.4vw,49px);line-height:1.16;letter-spacing:-.045em;margin:0;font-weight:640}
.sf-product .sf-sectionhead > h2{display:block;width:100%;max-width:1000px;order:1;text-wrap:balance}
.sf-product .sf-sectionhead > p:last-child{order:2;width:100%;max-width:760px;color:#a9b0b8;font-size:15px;line-height:1.77;margin:20px 0 0}
.sf-product .sf-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sf-product .sf-benefit{background:#111316;border:1px solid #1e2126;border-radius:12px;padding:30px;min-height:215px}
.sf-product .sf-benefit .num{color:#838b96;letter-spacing:.12em;font-size:10px;font-weight:700}
.sf-product .sf-benefit h3{font-size:20px;line-height:1.3;letter-spacing:-.03em;margin:35px 0 10px}
.sf-product .sf-benefit p{font-size:14px;color:#aeb4be;line-height:1.75;margin:0}
.sf-product .sf-stories{display:grid;grid-template-columns:1fr 1fr;gap:76px}
.sf-product .sf-story{padding:25px 0 30px;border-top:1px solid #32363b}
.sf-product .sf-story h3{font-size:25px;line-height:1.25;letter-spacing:-.03em;margin:0 0 17px}
.sf-product .sf-story p{font-size:15px;line-height:1.82;color:#adb4be;margin:0 0 13px}
.sf-product .sf-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.sf-product .sf-step{border-top:1px solid #45494f;padding-top:17px}
.sf-product .sf-step .num{font-size:12px;color:#858d96;font-weight:700}
.sf-product .sf-step h3{font-size:23px;margin:28px 0 12px}
.sf-product .sf-step p{font-size:14px;line-height:1.72;color:#aab1bb;margin:0}
.sf-product .sf-faq{width:100%;max-width:1000px;margin:0}
.sf-product .sf-faq details{border-bottom:1px solid #272b30;padding:24px 0}
.sf-product .sf-faq summary{font-size:17px;font-weight:600;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}
.sf-product .sf-faq summary::after{content:'+';font-size:21px;font-weight:400;color:#929aa3}
.sf-product .sf-faq details[open] summary::after{content:'−'}
.sf-product .sf-faq details p{color:#b0b6bf;max-width:770px;line-height:1.75;font-size:14px;margin:18px 0 0}
.sf-product .sf-crosslinks{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:36px}
.sf-product .sf-crosslinks a{text-decoration:none;border:1px solid #32373d;color:#cdd1d8!important;border-radius:7px;padding:10px 13px;font-size:12px}
.sf-product .sf-crosslinks a:hover{background:#181a1e}
.sf-product .sf-end{padding:112px 0;text-align:center;border-top:1px solid #202327}
.sf-product .sf-end h2{max-width:850px;margin:0 auto 21px;font-size:clamp(36px,4.3vw,66px);letter-spacing:-.055em;line-height:1.12}
.sf-product .sf-end p{color:#a8afb8;line-height:1.7;max-width:620px;margin:0 auto 28px}
.sf-product .sf-walkthrough{background:#0e1012;border-radius:14px;padding:40px;min-height:420px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.sf-product .sf-walkthrough .mock-label{width:min(760px,100%);text-align:left;color:#79828d;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:700;margin:0 auto 24px}
.sf-product .sf-terminal-diagram{font:13px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;color:#dce1e6;width:min(760px,100%);border-radius:11px;padding:30px;background:#14171b;white-space:pre-wrap;word-break:break-word}
.sf-product .sf-terminal-diagram .dim{color:#818b96}.sf-product .sf-terminal-diagram .accent{color:#f5f5f5;font-weight:bold}
.sf-product .sf-connect-diagram{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:13px;width:min(860px,100%)}
.sf-product .sf-connect-node{border:1px solid #34383e;border-radius:12px;background:#17191d;padding:27px 16px;text-align:center}
.sf-product .sf-connect-node strong{font-size:15px;display:block;margin-bottom:8px}
.sf-product .sf-connect-node span{font-size:12px;color:#9ca3ad;line-height:1.5}
.sf-product .sf-connect-arrow{font-size:24px;color:#8f98a3}
.sf-product .sf-visual-note{color:#7b848e;font-size:11px;margin:25px 0 0}
.sf-product .site-header .mobile-nav.is-open{display:flex;flex-direction:column}
@media(max-width:1020px){.sf-product .sf-hero{padding:75px 0 70px}.sf-product .sf-hero-grid{grid-template-columns:1fr;gap:24px}.sf-product .sf-stories{gap:35px}.sf-product .sf-benefits{gap:12px}.sf-product .sf-benefit{padding:22px}}
@media(max-width:720px){.sf-product .sf-container{width:calc(100% - 32px)}.sf-product .sf-hero{padding:55px 0 60px}.sf-product .sf-hero h1{font-size:clamp(37px,10vw,54px)}.sf-product .sf-stage{margin-top:39px}.sf-product .sf-stage figcaption{display:block;line-height:1.7}.sf-product .sf-section{padding:70px 0}.sf-product .sf-sectionhead{display:flex;margin-bottom:26px}.sf-product .sf-sectionhead h2{margin-top:0}.sf-product .sf-sectionhead > p:last-child{margin-top:14px}.sf-product .sf-benefits,.sf-product .sf-stories,.sf-product .sf-flow{grid-template-columns:1fr}.sf-product .sf-benefit{min-height:0}.sf-product .sf-benefit h3{margin-top:20px}.sf-product .sf-walkthrough{padding:25px 14px;min-height:325px}.sf-product .sf-terminal-diagram{font-size:11px;padding:16px}.sf-product .sf-connect-diagram{grid-template-columns:1fr;gap:8px}.sf-product .sf-connect-arrow{transform:rotate(90deg);justify-self:center;font-size:18px}.sf-product .sf-connect-node{padding:14px}.sf-product .sf-end{padding:82px 0}.sf-product .sf-proofline{gap:14px}.sf-product .sf-proofline span{display:block;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sf-product *, .sf-product *::before, .sf-product *::after{animation:none!important;transition:none!important}}

/* V5: link-only hero and consistent left-aligned screenshots. */
.sf-product .sf-try-link,.sftp-page .sf-try-link{display:inline-flex;align-items:center;gap:8px;color:var(--text-2,#aeb4bd)!important;font-weight:500;font-size:15px;text-decoration:none;margin:0 0 20px;line-height:1.4;transition:opacity .2s ease}
.sf-product .sf-try-link:hover,.sftp-page .sf-try-link:hover{opacity:1;color:#fff!important}
.sf-product .sf-hero-grid>div:last-child{align-self:end;text-align:left}
.sf-product .sf-hero .sf-lede{margin:0;color:#aeb4bd}
.sf-product .sf-stage,.sf-product .sf-screen-primary,.sf-product .sf-image-slot,.sf-product .sf-stage img,.sf-product .sf-shot{margin-left:0!important;margin-right:auto!important;justify-self:start!important;object-position:left top!important;text-align:left!important}
.sf-product .sf-screen-inner{margin-left:auto;margin-right:auto}
.sf-product .sf-screen-grid--single{justify-items:start}
.sf-product .sf-stage img,.sf-product .sf-product-image,.sf-product .sf-shot{border-radius:14px;border:0;box-shadow:none}