/* Smeta A13 product composition using the canonical A13 tokens. */
section[id],article[id] { scroll-margin-top:108px; }
.a13-mark { -webkit-mask-image:url('assets/mark.svg'); mask-image:url('assets/mark.svg'); }
.topbar:not(.show) { visibility:hidden; }
.topbar.show { visibility:visible; }
.sf-skip { position:fixed; left:16px; top:-100px; z-index:100; background:var(--ink); color:var(--paper); padding:12px 18px; }
.sf-skip:focus { top:16px; }
.sf-visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
[hidden] { display:none !important; }
.sheet.hero { min-height:calc(100svh - 24px); padding-bottom:72px; display:flex; flex-direction:column; }
.sf-hero-copy { padding:clamp(52px,9vh,110px) 0 42px; }
.sf-hero-copy .hero-overline { margin:0 0 24px; color:var(--ink); font:500 15px/1.5 var(--font); letter-spacing:.035em; }
.sf-hero-copy .display { font-size:clamp(48px,6.5vw,100px); line-height:.98; letter-spacing:-.055em; max-width:20ch; margin-bottom:32px; }
.sf-hero-lead { font-size:clamp(19px,1.6vw,25px); line-height:1.45; max-width:48ch; margin-bottom:30px; }
.sf-hero-copy .btn { min-width:190px; text-align:center; }
.sf-demo-sheet { padding-top:64px; }
.sf-demo-sheet .display-2 { font-size:clamp(32px,4.1vw,60px); margin-bottom:32px; }
.sf-static-demo { padding:48px; border:1px solid var(--line); border-radius:var(--r-3); }
.sf-static-demo p { margin-top:16px; max-width:50ch; }
.sf-questions-sheet { padding-top:80px; padding-bottom:20px; }
.sf-question-list { margin-top:24px; }
.sf-question-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.08fr); column-gap:clamp(48px,7vw,120px); min-height:76svh; padding:48px 0 96px; }
.sf-question-title { align-self:start; position:sticky; top:160px; padding-top:14px; }
.sf-question-title .display-2 { font-size:clamp(32px,3.5vw,54px); line-height:1.05; margin:0; }
.sf-question-answer { align-self:center; }
.sf-question-answer h3 { font-size:clamp(23px,2vw,30px); font-weight:500; line-height:1.2; max-width:27ch; margin-bottom:18px; }
.sf-question-answer > p { color:var(--graphite); font-size:17px; line-height:1.55; max-width:54ch; }
.sf-question-answer > p + p { margin-top:14px; }
.sf-answer-mock { margin-top:30px; background:#fff; border:1px solid #d9dbdc; border-radius:var(--r-3); box-shadow:0 15px 45px #151b2510; overflow:hidden; font-family:var(--font); }
.sf-mini-top { display:flex; align-items:center; justify-content:space-between; gap:12px; background:#f3f4f5; border-bottom:1px solid #e3e5e6; padding:14px 20px; color:#5a616c; font-size:12px; }
.sf-status-dot { display:flex; align-items:center; gap:6px; }
.sf-status-dot:before { content:''; width:6px; height:6px; background:#b68c14; border-radius:50%; }
.sf-compare-item { display:grid; grid-template-columns:1fr auto; gap:8px 20px; padding:24px; }
.sf-compare-item > span { grid-column:1/-1; font-size:12px; color:#676e77; }
.sf-compare-item strong { font-size:20px; font-weight:500; }
.sf-compare-item b { font-size:20px; font-weight:500; white-space:nowrap; }
.sf-source-copy { background:#f8f9fa; margin:0 14px 16px; border-radius:var(--r-2); padding:20px 10px; }
.sf-marker { position:relative; z-index:0; }
.sf-marker:after { content:''; position:absolute; z-index:-1; left:-5px; right:-5px; height:65%; bottom:0; background:#ffe56b; transform:rotate(-2deg); border-radius:55% 15% 40% 12%; }
.sf-mock-note { font-size:12px; color:#68716e; padding:0 24px 20px; }
.sf-learning-mock { padding-bottom:24px; }
.sf-learning-row { display:flex; align-items:baseline; justify-content:space-between; gap:20px; padding:26px 24px 14px; }
.sf-learning-row strong { font-size:19px; font-weight:500; }
.sf-learning-row > span { font-size:20px; white-space:nowrap; }
.sf-learning-source { display:flex; align-items:center; justify-content:space-between; margin:0 24px; padding:10px 12px; background:#fff2ab; border-radius:var(--r-2); font-size:14px; }
.sf-learning-source svg { width:20px; fill:none; stroke:currentColor; stroke-width:1.7; }
.sf-help-bubble { margin:16px 24px 0; padding:14px 16px; background:#f1f3f6; color:#49515f; font-size:14px; border-radius:var(--r-2); }
.sf-file-mock { display:flex; align-items:center; gap:20px; padding:28px; }
.sf-file-icon { display:grid; place-items:center; flex:none; width:54px; height:68px; border-radius:4px 14px 4px 4px; color:white; background:#217346; font-size:26px; font-weight:500; }
.sf-file-mock strong { display:block; font-size:19px; font-weight:500; overflow-wrap:anywhere; }
.sf-file-mock div > span { display:block; margin-top:8px; color:#68716e; font-size:13px; }
.sf-delivery-mock { padding:10px 24px; }
.sf-delivery-file { display:flex; align-items:center; gap:16px; padding:22px 0; }
.sf-delivery-file + .sf-delivery-file { border-top:1px solid #e5e7ea; }
.sf-sheet-icon { display:grid; flex:none; place-items:center; width:40px; height:48px; background:#eaf1eb; border-radius:4px; color:#3a6848; font-size:24px; }
.sf-yellow-icon { background:#fff1ad; color:#776017; }
.sf-delivery-file strong { display:block; font-size:17px; font-weight:500; }
.sf-delivery-file div > span { display:block; margin-top:6px; font-size:13px; color:#68716e; }
/* The whole monthly-value decision stays in one desktop composition. */
.sf-benefit-calculator { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--ink); border-radius:var(--r-3); margin-top:32px; }
.sf-calc-inputs,.sf-benefit-result { min-width:0; padding:clamp(24px,3vw,40px); }
.sf-calc-inputs { border-right:1px solid var(--line); }
.sf-field-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:22px; }
.sf-hours-field { grid-column:1/-1; }
.sf-label-row { display:flex; align-items:center; justify-content:space-between; gap:8px; position:relative; }
.sf-field label,.sf-time-fields label { display:block; color:var(--graphite); font-size:12px; }
.sf-calc-inputs input { display:block; margin-top:8px; width:100%; min-width:0; border:1px solid var(--line); border-radius:var(--r-2); padding:12px 14px; background:var(--paper); color:var(--ink); font:500 clamp(22px,2.3vw,30px)/1.25 var(--font); font-variant-numeric:tabular-nums; }
.sf-calc-inputs input:focus { outline:2px solid var(--ink); outline-offset:2px; }
.sf-help { flex:none; font-size:12px; }
.sf-help summary { list-style:none; display:grid; place-items:center; width:24px; height:24px; color:var(--graphite); font:400 11px/1 var(--font); cursor:pointer; border-radius:50%; }
.sf-help summary::-webkit-details-marker { display:none; }
.sf-help summary:before { content:''; position:absolute; width:15px; height:15px; border:1px solid #bfc0bb; border-radius:50%; }
.sf-help summary:hover,.sf-help[open] summary { background:var(--ink); color:var(--paper); }
.sf-help summary:focus-visible { outline:2px solid var(--ink); outline-offset:2px; }
.sf-help p { position:absolute; z-index:45; top:calc(100% + 6px); right:0; width:min(320px,100%); min-width:180px; padding:16px; color:var(--graphite); background:var(--paper); border:1px solid var(--line); border-radius:var(--r-2); box-shadow:0 10px 30px #00000014; font-size:13px; line-height:1.5; font-weight:400; }
.sf-time-label { margin:28px 0 12px; font-size:14px; max-width:100%; }
.sf-time-fields { display:grid; grid-template-columns:1fr 24px 1fr; gap:12px; align-items:end; }
.sf-time-fields > span { padding-bottom:15px; text-align:center; }
.sf-calc-kicker { color:var(--graphite); font-size:13px; }
.sf-benefit-big { font:500 clamp(46px,5.2vw,76px)/1.08 var(--font); letter-spacing:-.045em; margin:20px 0 12px; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
.sf-benefit-big > span { font-size:.6em; }
.sf-benefit-explain { font-size:14px; color:var(--graphite); }
.sf-benefit-stats { display:grid; grid-template-columns:1fr 1.4fr; gap:20px; margin:30px 0; }
.sf-benefit-stats output { display:block; font:500 clamp(24px,2.5vw,34px)/1.2 var(--font); margin-bottom:8px; white-space:nowrap; letter-spacing:-.025em; font-variant-numeric:tabular-nums; }
.sf-benefit-stats span { display:block; max-width:22ch; font-size:12px; color:var(--graphite); }
.sf-seat-total { display:flex; align-items:center; justify-content:space-between; gap:16px; border-top:1px solid var(--line); padding:22px 0; }
.sf-seat-total strong { font-size:17px; font-weight:500; }
.sf-seat-total span { display:block; color:var(--graphite); font-size:12px; margin-top:4px; }
.sf-benefit-result .btn { margin-top:10px; width:100%; text-align:center; padding-inline:12px; }
.sf-benefit-result[data-state="unfit"] { display:flex; align-items:center; }
#sf-result-unfit h3 { font-size:clamp(26px,2.5vw,36px); line-height:1.15; font-weight:500; margin-bottom:22px; max-width:18ch; }
#sf-result-unfit p { font-size:16px; color:var(--graphite); line-height:1.5; max-width:40ch; margin-bottom:24px; }
.timeline.sf-pilot-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:44px; gap:28px; }
.sf-pilot-steps li { padding-right:20px; display:grid; grid-template-rows:24px 64px auto; align-content:start; }
.sf-pilot-steps .tl-day { font-size:13px; color:var(--graphite); }
.sf-pilot-steps h3 { font-size:24px; font-weight:500; line-height:1.25; margin:14px 0 0; max-width:18ch; }
.sf-pilot-steps p { font-size:16px; color:var(--graphite); line-height:1.5; margin-top:12px; max-width:30ch; }
.sf-pilot-action { margin-top:34px; }
.sf-telegram-link { display:inline-flex; align-items:center; gap:10px; color:var(--ink); text-decoration:none; font-size:14px; padding:10px 8px; }
.sf-telegram-link img { display:block; }
.sf-telegram-link:hover { text-decoration:underline; }
.sf-contact-address { color:var(--graphite); font-size:13px; margin:0 0 64px; }
.sf-footer { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:16px; }
.sf-legal-nav { display:flex; align-items:center; flex-wrap:wrap; gap:18px; font-size:10px; color:var(--graphite); }
.sf-legal-nav a { color:inherit; }
.sf-text-button { border:0; background:transparent; color:var(--graphite); font:inherit; font-size:10px; padding:4px 0; cursor:pointer; text-decoration:underline; text-underline-offset:4px; }
.sf-analytics { position:fixed; z-index:60; bottom:16px; left:16px; width:min(380px,calc(100% - 32px)); padding:12px 14px; background:var(--paper); color:var(--graphite); border:1px solid var(--line); border-radius:var(--r-2); font-size:12px; line-height:1.45; }
.sf-analytics a { color:inherit; white-space:nowrap; }
.sf-consent-actions { display:flex; gap:14px; margin-top:9px; align-items:center; }
.sf-consent-actions button { font:500 11px/1.2 var(--font); padding:7px 11px; border-radius:var(--r-2); cursor:pointer; border:1px solid var(--ink); background:var(--paper); color:var(--ink); }
.sf-consent-actions #analyticsAccept { background:var(--ink); color:var(--paper); }
.sf-consent-actions #analyticsDecline { background:transparent; border-color:transparent; padding-inline:0; color:var(--graphite); }
.sf-document .sheet.hero { min-height:0; display:block; }
.sf-document .note { max-width:72ch; margin:16px 0; color:var(--graphite); font-size:15px; }
.sf-compact-note { margin:18px 0; font-size:13px; color:var(--graphite); }
@media (max-width:1100px) {
 .sf-question-row { gap:38px; }
 .sf-calc-inputs,.sf-benefit-result { padding:24px; }
 .sf-field-grid { gap:18px 14px; }
 .sf-benefit-stats { gap:12px; }
 .sf-benefit-stats output { font-size:26px; }
}
@media (max-width:900px) {
 .topbar { width:calc(100% - 44px); }
 .sf-benefit-calculator { grid-template-columns:1fr; }
 .sf-calc-inputs { border-right:0; border-bottom:1px solid var(--line); }
 .sf-question-row { gap:32px; min-height:68svh; }
 .sf-question-title { top:132px; }
 .sf-question-title .display-2 { font-size:32px; }
 .sf-question-answer h3 { font-size:24px; }
 .sf-question-answer > p { font-size:16px; }
 .sf-mini-top { padding:12px 14px; }
 .sf-compare-item { padding:18px; gap:8px; }
 .sf-compare-item strong,.sf-compare-item b { font-size:17px; }
 .sf-source-copy { padding:18px 4px; }
 .sf-file-mock { padding:20px; gap:14px; }
 .sf-file-mock strong { font-size:16px; }
 .timeline.sf-pilot-steps { grid-template-columns:1fr; gap:14px; }
 .sf-pilot-steps li { padding:12px 0 26px 24px; display:block; }
 .sf-pilot-steps h3 { margin:8px 0 12px; max-width:none; }
 .sf-pilot-steps p { margin:0; max-width:44ch; }
}
@media (max-width:650px) {
 section[id],article[id] { scroll-margin-top:108px; }
 .sheet.hero { min-height:calc(100svh - 16px); padding-bottom:40px; }
 .sf-hero-copy { padding:56px 0 28px; }
 .sf-hero-copy .hero-overline { font-size:13px; letter-spacing:.015em; margin-bottom:24px; }
 .sf-hero-copy .display { font-size:clamp(38px,9.5vw,60px); line-height:1.02; margin-bottom:28px; }
 .sf-hero-lead { font-size:19px; max-width:30ch; }
 .sf-demo-sheet { padding-top:48px; }
 .sf-demo-sheet .display-2 { font-size:32px; margin-bottom:24px; }
 .sf-questions-sheet { padding-top:56px; }
 .sf-question-row { display:block; min-height:0; padding:32px 0 64px; }
 .sf-question-title { position:static; padding-top:0; margin-bottom:28px; }
 .sf-question-title .display-2 { font-size:34px; }
 .sf-question-answer h3 { font-size:23px; max-width:28ch; margin-bottom:16px; }
 .sf-question-answer > p { font-size:16px; }
 .sf-answer-mock { margin-top:24px; }
 .sf-field-grid { grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); }
 .sf-field label { font-size:11px; }
 .sf-label-row { gap:3px; }
 .sf-calc-inputs input { font-size:24px; padding:12px 10px; }
 .sf-help summary { width:24px; height:24px; }
 .sf-help p { min-width:0; width:100%; font-size:12px; }
 .sf-field-grid .sf-help p { width:220px; }
 .sf-field:first-child .sf-help p { left:0; right:auto; }
 .sf-benefit-big { font-size:clamp(44px,12vw,68px); }
 .sf-benefit-stats output { font-size:28px; }
 .sf-footer { align-items:flex-start; }
 .sf-legal-nav { gap:14px; }
 .sf-contact-address { margin-bottom:40px; }
}
@media (max-width:380px) {
 .sf-calc-inputs,.sf-benefit-result { padding:18px; }
 .sf-hero-copy .hero-overline { font-size:12px; }
 .sf-question-title .display-2 { font-size:30px; }
 .sf-benefit-stats output { font-size:24px; }
 .sf-learning-row { padding:22px 18px 14px; gap:12px; }
 .sf-learning-row strong { font-size:16px; }
 .sf-learning-source,.sf-help-bubble { margin-left:18px; margin-right:18px; }
 .sf-delivery-mock { padding:8px 16px; }
 .sf-delivery-file strong { font-size:16px; }
}
@media (prefers-reduced-motion:reduce) {
 .sf-question-title { position:static; }
}

/* Founder-approved refinement: product cards, quieter type and clear value surfaces. */
:root { --sf-blue:#275bd3; --sf-green:#247248; --sf-violet:#7656c5; --sf-soft-blue:#edf3ff; --sf-soft-green:#eaf5ed; --sf-soft-violet:#f1edfa; }
body::after,.page::before,.page::after,.sheet:not(.hero)::before,.sheet:not(.hero)::after,.sheet:not(.hero) .sheet-tag::after { display:none; }
.mono { font-family:var(--font); }
p { text-wrap:pretty; }
.sheet-head { border:0; align-items:center; }
.sf-brand { display:inline-flex; align-items:center; gap:13px; color:var(--ink); text-decoration:none; white-space:nowrap; font-size:20px; font-weight:500; line-height:1.2; }
.sf-brand-divider { font-size:24px; font-weight:400; color:#b8bcc2; }
.topbar .sf-brand { font-size:16px; gap:10px; }
.topbar .sf-brand-divider { font-size:20px; }
.topbar { background:#fffffff2; border:1px solid #e4e7eb; box-shadow:0 8px 28px #293b5010; backdrop-filter:blur(16px); }
.hero-nav a,.topbar-nav a { padding:7px 10px; border-radius:8px; }
.hero-nav a:hover,.topbar-nav a.now,.topbar-nav a:hover { box-shadow:none; background:var(--sf-soft-blue); color:#204794; }
.hero-nav { gap:10px; }
.topbar-nav { gap:4px; }
.btn { border-radius:12px; }
.btn:hover { box-shadow:0 8px 20px #1b273b20; }
.btn-ink { background:#212833; border-color:#212833; color:#fff; }
.btn-ink:hover { background:#343f4e; }
.display,.display-2 { text-transform:none; letter-spacing:-.035em; }
.display-2 { font-size:clamp(34px,3.65vw,52px); line-height:1.1; }
.sheet-tag { color:#707782; font-size:12px; text-transform:none; letter-spacing:.02em; margin-bottom:24px; }
.sheet.hero { min-height:min(840px,100svh); padding-bottom:54px; }
.sf-hero-layout { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:34px; align-items:center; flex:1; padding:44px 0 30px; }
.sf-hero-copy { padding:0; position:relative; z-index:2; }
.sf-hero-copy .hero-overline { text-transform:none; font-size:15px; letter-spacing:0; color:#666d78; margin-bottom:24px; }
.sf-hero-copy .display { font-size:clamp(46px,4.65vw,72px); line-height:1.08; letter-spacing:-.045em; margin:0 0 26px; max-width:18ch; text-wrap:initial; }
.sf-hero-lead { font-size:clamp(18px,1.45vw,22px); line-height:1.55; max-width:42ch; margin-bottom:32px; }
.sf-hero-visual { position:relative; height:470px; min-width:0; perspective:1000px; isolation:isolate; }
.sf-visual-glow { position:absolute; inset:12% -4% 4%; z-index:-1; background:radial-gradient(ellipse at 30% 35%,#dce8ff80,transparent 65%),radial-gradient(ellipse at 76% 75%,#ece0fb80,transparent 65%); filter:blur(18px); }
.sf-hero-source,.sf-hero-work { position:absolute; width:88%; border:1px solid #e5e8ef; border-radius:18px; padding:22px; box-shadow:0 22px 50px #25365212,0 4px 12px #25365208; }
.sf-hero-source { top:34px; left:1%; transform:rotate(-5deg) rotateY(6deg); background:#fff; animation:sf-source-float 9s ease-in-out infinite; }
.sf-hero-work { right:0; bottom:28px; transform:rotate(3deg) rotateY(-5deg); background:#fcfffd; animation:sf-work-float 9s ease-in-out infinite; }
.sf-card-label { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:11px; color:#7b8490; margin-bottom:18px; }
.sf-chip { display:inline-flex; align-items:center; padding:5px 11px; border-radius:7px; font-size:12px; font-weight:600; }
.sf-chip-blue { color:#2957b4; background:#edf3ff; }
.sf-chip-green { color:#277249; background:#e6f3e8; }
.sf-hero-data { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 4px; border-top:1px solid #f0f2f5; font-size:13px; color:#515d6b; }
.sf-hero-data b { font-size:13px; font-weight:500; white-space:nowrap; font-variant-numeric:tabular-nums; }
.sf-hero-connector { position:absolute; left:49%; top:52%; display:flex; gap:8px; transform:rotate(66deg); z-index:-1; }
.sf-hero-connector span { width:6px; height:6px; background:#c8d5ed; border-radius:50%; }
.sf-hero-task { display:flex; align-items:center; gap:14px; background:#f0f5ff; padding:15px; border-radius:12px; }
.sf-hero-task + .sf-hero-task { margin-top:10px; background:#f1edfa; }
.sf-task-index { width:34px; height:38px; display:grid; place-items:center; flex:none; border-radius:9px; font-size:12px; font-weight:600; }
.sf-task-blue { color:#2d5fc4; background:#e0eaff; }
.sf-task-violet { color:#7957bc; background:#e6ddf5; }
.sf-hero-task strong { display:block; font-size:14px; font-weight:600; line-height:1.35; color:#253248; }
.sf-hero-task div > span { display:block; color:#727b8b; font-size:11px; margin-top:5px; }
.sf-demo-sheet { padding-top:32px; }
.sf-demo-sheet .display-2 { font-size:clamp(32px,3.5vw,50px); margin-bottom:28px; max-width:none; }
.sf-question-row { padding-top:40px; padding-bottom:80px; min-height:70svh; }
.sf-question-title .display-2 { font-size:clamp(32px,3.4vw,48px); line-height:1.12; }
.sf-question-answer h3 { font-weight:600; font-size:clamp(23px,1.9vw,28px); line-height:1.25; text-wrap:pretty; }
.sf-answer-mock { border:0; border-radius:18px; box-shadow:0 16px 45px #2435520c; }
.sf-trust-mock { background:var(--sf-soft-blue); padding:8px; }
.sf-trust-mock .sf-mini-top { background:transparent; border:0; }
.sf-trust-mock .sf-compare-item { background:white; border-radius:12px; margin:0 10px 10px; padding:20px; }
.sf-trust-mock .sf-mock-note { padding-top:5px; padding-bottom:12px; }
.sf-marker { background:#ffe88d; padding:2px 7px; border-radius:6px; }
.sf-marker:after { display:none; }
.sf-learning-mock { background:var(--sf-soft-green); }
.sf-learning-mock .sf-mini-top { background:transparent; border:0; }
.sf-learning-source { background:#fff; }
.sf-help-bubble { background:#d9ebde; color:#3c6248; }
.sf-file-mock { background:#fff5df; }
.sf-delivery-mock { background:var(--sf-soft-violet); }
.sf-delivery-file + .sf-delivery-file { border-top-color:#e0d9ee; }
.sf-sheet-icon { background:#fff; color:var(--sf-violet); border-radius:8px; }
.sf-yellow-icon { background:#fff4c3; color:#887126; }
.sf-benefit-calculator { border:0; border-radius:0; gap:24px; align-items:stretch; }
.sf-calc-inputs,.sf-benefit-result { padding:clamp(24px,2.7vw,38px); border-radius:20px; }
.sf-calc-inputs { background:#f0f1f3; border:0; }
.sf-calc-section-title { font-size:18px; font-weight:600; color:#344054; margin-bottom:26px; }
.sf-calc-inputs input { background:#fff; border:1px solid #dfe3e8; border-radius:10px; font-weight:500; letter-spacing:0; word-spacing:.12em; }
.sf-field label,.sf-time-fields label { font-size:12px; color:#596272; }
.sf-benefit-result { background:#eaf3ed; box-shadow:0 15px 45px #2d4e3510; }
.sf-calc-kicker { color:#375c44; font-size:16px; font-weight:500; }
.sf-benefit-big { color:#214e32; font-size:clamp(56px,6.2vw,94px); font-weight:600; letter-spacing:-.025em; word-spacing:.1em; margin:22px 0 10px; line-height:1.1; }
.sf-benefit-big > span { font-size:.47em; font-weight:500; }
.sf-benefit-explain { color:#53695a; font-size:13px; }
.sf-benefit-stats { gap:12px; margin:28px 0 16px; }
.sf-benefit-stats > div { padding:17px 16px; background:#ffffffa8; border-radius:12px; }
.sf-benefit-stats output { color:#324e3c; font-size:clamp(23px,2.2vw,31px); font-weight:600; letter-spacing:0; word-spacing:.06em; }
.sf-benefit-stats span { font-size:11px; color:#657468; line-height:1.4; }
.sf-seat-total { border:0; padding:16px 2px 18px; }
.sf-seat-total strong { color:#46564b; font-size:16px; font-variant-numeric:tabular-nums; word-spacing:.1em; }
.sf-seat-total span { color:#617167; }
.sf-benefit-result[data-state="unfit"] { background:#edf1f7; }
.sf-benefit-result[data-state="unfit"] h3 { color:#30425e; }
.sf-benefit-result[data-state="unfit"] .btn { border-color:#ced6e3; }
.timeline.sf-pilot-steps { border:0; gap:20px; }
.timeline.sf-pilot-steps::before,.timeline.sf-pilot-steps::after,.timeline.sf-pilot-steps li::before { display:none; }
.sf-pilot-steps li { border-radius:18px; background:#edf3ff; padding:28px; grid-template-rows:30px 74px auto; }
.sf-pilot-steps li:nth-child(2) { background:#f2edfa; }
.sf-pilot-steps li:nth-child(3) { background:#fff0e1; }
.sf-pilot-steps .tl-day { color:#5375b3; font-weight:600; font-size:14px; }
.sf-pilot-steps li:nth-child(2) .tl-day { color:#8261ae; }
.sf-pilot-steps li:nth-child(3) .tl-day { color:var(--minium); }
.sf-pilot-steps h3 { font-size:23px; font-weight:600; }
.sf-pilot-steps p { font-size:15px; }
#contact > .lead { max-width:46ch; }
.sf-analytics { background:#fffffff7; border-color:#e0e4e9; border-radius:12px; box-shadow:0 8px 28px #293b5014; }
@keyframes sf-source-float { 0%,100% { transform:translateY(0) rotate(-5deg) rotateY(6deg); } 50% { transform:translateY(-7px) rotate(-4deg) rotateY(6deg); } }
@keyframes sf-work-float { 0%,100% { transform:translateY(0) rotate(3deg) rotateY(-5deg); } 50% { transform:translateY(6px) rotate(2deg) rotateY(-5deg); } }
@media (max-width:1100px) {
 .sf-hero-layout { gap:20px; }
 .sf-hero-visual { height:440px; }
 .sf-hero-source,.sf-hero-work { width:95%; padding:18px; }
 .sf-hero-data { font-size:12px; }
 .sf-hero-task { gap:10px; padding:12px; }
 .sf-hero-task strong { font-size:13px; }
 .sf-benefit-calculator { gap:18px; }
 .sf-calc-inputs,.sf-benefit-result { padding:24px; }
 .sf-benefit-stats > div { padding:16px 12px; }
 .sf-benefit-stats output { font-size:23px; }
}
@media (max-width:900px) {
 .sheet.hero { min-height:0; }
 .sf-hero-layout { grid-template-columns:1fr; gap:8px; padding-top:50px; }
 .sf-hero-copy .display { font-size:clamp(42px,7.5vw,62px); }
 .sf-hero-lead { max-width:42ch; }
 .sf-hero-visual { width:min(540px,100%); height:420px; margin:24px auto 0; }
 .sf-hero-source,.sf-hero-work { width:87%; }
 .sf-hero-task strong { font-size:14px; }
 .sf-benefit-big { font-size:clamp(60px,10vw,82px); }
 .sf-benefit-stats output { font-size:30px; }
 .sf-pilot-steps li { padding:26px; }
}
@media (max-width:650px) {
 .sheet.hero { padding-top:24px; padding-bottom:34px; }
 .sf-brand { font-size:18px; gap:12px; }
 .sf-hero-layout { padding-top:36px; padding-bottom:0; }
 .sf-hero-copy .hero-overline { font-size:13px; margin-bottom:20px; }
 .sf-hero-copy .display { font-size:clamp(36px,9.2vw,54px); letter-spacing:-.04em; margin-bottom:24px; }
 .sf-hero-lead { font-size:18px; margin-bottom:26px; }
 .sf-hero-visual { height:365px; margin-top:24px; }
 .sf-hero-source,.sf-hero-work { width:94%; padding:16px; border-radius:15px; }
 .sf-hero-source { top:14px; }
 .sf-hero-work { bottom:4px; }
 .sf-card-label { margin-bottom:12px; gap:6px; font-size:9px; }
 .sf-chip { font-size:10px; padding:4px 8px; }
 .sf-hero-data { padding:9px 2px; font-size:11px; }
 .sf-hero-data b { font-size:11px; }
 .sf-hero-task { padding:11px; gap:9px; }
 .sf-hero-task strong { font-size:12px; }
 .sf-hero-task div > span { font-size:10px; }
 .sf-task-index { width:29px; height:33px; font-size:10px; }
 .sf-demo-sheet { padding-top:40px; }
 .sf-demo-sheet .display-2 { font-size:32px; }
 .sf-question-row { padding-top:24px; padding-bottom:56px; }
 .sf-question-title .display-2 { font-size:34px; }
 .sf-question-answer h3 { font-size:23px; }
 .sf-trust-mock .sf-compare-item { padding:18px 12px; margin-inline:4px; }
 .sf-calc-inputs,.sf-benefit-result { padding:24px; }
 .sf-calc-section-title { font-size:17px; }
 .sf-field label { font-size:11px; }
 .sf-benefit-big { font-size:clamp(48px,14vw,74px); letter-spacing:-.025em; }
 .sf-benefit-stats { gap:10px; grid-template-columns:1fr 1.3fr; }
 .sf-benefit-stats output { font-size:clamp(22px,5.8vw,30px); }
 .sf-benefit-stats > div { padding:14px 12px; }
 .sf-benefit-stats span { font-size:11px; }
 .sf-calc-kicker { font-size:14px; }
 .sf-seat-total strong { font-size:15px; }
 .display-2 { font-size:34px; }
}
@media (max-width:380px) {
 .sf-hero-copy .display { font-size:34px; }
 .sf-hero-visual { height:352px; }
 .sf-hero-source,.sf-hero-work { padding:13px; }
 .sf-hero-task { padding:10px; }
 .sf-hero-task strong { font-size:11px; }
 .sf-hero-task div > span { font-size:9px; }
 .sf-question-title .display-2 { font-size:30px; }
 .sf-calc-inputs,.sf-benefit-result { padding:18px; }
 .sf-benefit-big { font-size:48px; }
 .sf-benefit-stats > div { padding:12px 10px; }
 .sf-benefit-stats output { font-size:22px; }
}
@media (prefers-reduced-motion:reduce) {
 .sf-hero-source,.sf-hero-work { animation:none; }
}
/* Supporting documents share the same typography without marketing page motion. */
.sf-document .sheet.hero { min-height:0; padding-bottom:32px; }
.sf-document .sheet { padding-top:52px; padding-bottom:52px; }
.sf-document .sheet-head { margin-bottom:24px; }
.sf-document .sf-role-list { display:grid; gap:24px; max-width:900px; }
.sf-document .sf-role-list > div { display:grid; grid-template-columns:minmax(140px,1fr) minmax(0,2.8fr); gap:24px; }
.sf-document .sf-role-list dt { color:#727b87; font-size:14px; }
.sf-document .sf-role-list dd { overflow-wrap:anywhere; }
.sf-document .rekvizity { font-size:13px; margin:24px 0; }
.sf-document .proof-grid { display:grid; gap:24px; }
@media(max-width:650px) {
 .sf-document .sf-role-list > div { grid-template-columns:1fr; gap:4px; }
 .sf-document .sheet { padding-top:32px; padding-bottom:32px; }
}
/* Keep both ordinary and unusually large valid scenarios inside their cards. */
.sf-benefit-stats { grid-template-columns:minmax(0,1fr) minmax(0,1.4fr); }
.sf-benefit-stats > div { min-width:0; }
.sf-benefit-big,.sf-benefit-stats output,.sf-seat-total strong { display:block; white-space:nowrap; }
.sf-seat-total > div { min-width:0; flex:1; }
.sf-file-mock div > span,.sf-delivery-file div > span,.sf-help-bubble,.sf-benefit-stats span { text-wrap:pretty; }
.menu-toggle { border-radius:9px; border-color:#e0e4eb; background:#f2f4f7; font-family:var(--font); }
@media(max-width:380px) {
 .sf-benefit-stats { grid-template-columns:minmax(0,1fr); }
 .sf-benefit-stats span { max-width:none; }
}

/* Refined surfaces: a calm backdrop, complete answer cards and selective color. */
.display,.display-2 { font-family:var(--font-display,var(--font)); }
.sf-hero-copy .display { font-weight:600; letter-spacing:-.047em; }
.sheet.hero::before { content:''; display:block; position:absolute; z-index:-1; pointer-events:none; inset:75px -60px -20px 40%; background:radial-gradient(ellipse at 68% 38%,#dce8fc88,transparent 63%),radial-gradient(ellipse at 48% 78%,#f5e2ce65,transparent 58%); }
.sf-hero-copy .hero-overline { display:inline-block; padding:7px 12px; margin-left:-12px; border-radius:10px; background:#ffffffa3; color:#5c6879; }
.sf-visual-glow { inset:2% -6% -10%; background:radial-gradient(ellipse at 25% 30%,#dce8ffb0,transparent 62%),radial-gradient(ellipse at 74% 80%,#ece0fba0,transparent 65%); filter:blur(24px); }
.sf-hero-platform { position:absolute; bottom:-2px; left:2%; right:-3%; height:134px; background:linear-gradient(145deg,#fff,#e8edf6); border:1px solid #e4e9f2; border-radius:32px; transform:rotateX(66deg) rotateZ(-5deg); transform-origin:center; box-shadow:0 34px 55px -22px #526a9254; z-index:-1; }
.sf-hero-source,.sf-hero-work { box-shadow:0 25px 54px #25365217,0 5px 14px #25365209; }
.sf-hero-work { background:#fff; }
.sf-question-list { display:grid; gap:32px; }
.sf-question-row { margin:0; padding:clamp(30px,3.5vw,48px); gap:clamp(32px,4vw,64px); min-height:540px; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); border-radius:26px; background:#edf2fa; border:1px solid #e4eaf4; }
.sf-question-row:nth-child(2) { background:#f8f2e9; border-color:#efe7da; }
.sf-question-row:nth-child(3) { background:#edf4f0; border-color:#e1eae5; }
.sf-question-row:nth-child(4) { background:#f2eef9; border-color:#e9e2f3; }
.sf-question-title { top:136px; }
.sf-question-title .display-2 { font-size:clamp(32px,3.2vw,44px); letter-spacing:-.035em; }
.sf-question-answer h3 { font-size:clamp(22px,1.9vw,27px); letter-spacing:-.02em; }
.sf-question-answer > p { color:#55616f; }
.sf-answer-mock { background:#fff; box-shadow:0 12px 28px #3447600b; }
.sf-trust-mock .sf-compare-item { background:#f1f5fd; }
.sf-trust-mock .sf-source-copy { background:#f8fafc; }
.sf-learning-source { background:#edf3fb; }
.sf-help-bubble { background:#fff2ce; color:#66582b; }
.sf-file-mock { background:#fff; }
.sf-delivery-file + .sf-delivery-file { border-top-color:#ebe7f0; }
.sf-help summary { position:relative; display:grid; place-items:center; padding:0; width:24px; height:24px; flex:none; border:1px solid #bec7d2; background:transparent; color:#626f80; font:500 12px/1 var(--font); border-radius:50%; }
.sf-help summary::before { display:none; }
.sf-help summary:hover,.sf-help[open] summary { background:#e6edf7; border-color:#9eacc0; color:#283c58; }
.sf-calc-inputs { background:#f0f2f6; }
.sf-benefit-result { background:#fff; border:1px solid #dde5ed; box-shadow:0 15px 38px #26384c0b; }
.sf-calc-kicker { color:#55616f; font-weight:500; }
.sf-benefit-big { color:#276342; font-weight:600; letter-spacing:-.025em; }
.sf-benefit-explain { color:#687280; }
.sf-benefit-stats > div { background:#eff4fc; }
.sf-benefit-stats > div:nth-child(2) { background:#f4f1fa; }
.sf-benefit-stats output { color:#34465e; }
.sf-benefit-stats span { color:#687280; }
.sf-seat-total { border-top:1px solid #edf0f4; padding-top:18px; }
.sf-seat-total strong { color:#485565; }
.sf-seat-total span { color:#748091; }
.sf-benefit-result[data-state="unfit"] { background:#f3f5f8; }
.sf-pilot-steps li { display:flex; flex-direction:column; padding:28px; }
.sf-pilot-steps .tl-day { flex:none; }
.sf-pilot-steps h3 { margin:16px 0 0; min-height:58px; line-height:1.22; letter-spacing:-.02em; }
.sf-pilot-steps p { min-height:70px; margin-top:8px; margin-bottom:24px; max-width:30ch; }
.sf-pilot-mock { margin-top:auto; padding:18px; min-height:190px; border:1px solid #fff; border-radius:14px; background:#ffffffd9; box-shadow:0 8px 20px #1d335a08; font-size:13px; color:#41536b; }
.sf-pilot-mock-label { display:block; margin-bottom:15px; font-size:11px; color:#7d8795; }
.sf-pilot-brief > strong { display:block; font-size:14px; font-weight:500; overflow-wrap:anywhere; }
.sf-pilot-link { display:block; color:#97afce; font-size:21px; margin:4px 0; line-height:1.2; }
.sf-pilot-brief > div { display:inline-block; color:#38598a; padding:8px 12px; border-radius:8px; background:#edf3ff; font-weight:500; line-height:1.3; }
.sf-pilot-review { display:grid; gap:12px; }
.sf-pilot-review > div { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:6px 10px; align-items:center; }
.sf-pilot-review span { grid-column:1/-1; font-size:10px; color:#7e8998; }
.sf-pilot-review strong { font-weight:500; font-size:12px; }
.sf-pilot-review b { white-space:nowrap; padding:3px 6px; border-radius:5px; background:#fff0ae; font-weight:500; font-size:12px; }
.sf-pilot-timing > div { display:flex; justify-content:space-between; gap:12px; padding:14px 12px; background:#edf3fb; border-radius:9px; font-size:12px; }
.sf-pilot-timing > div + div { margin-top:10px; background:#f2edf8; }
.sf-pilot-timing b { font-weight:500; white-space:nowrap; }
@media(max-width:1100px) {
 .sf-question-row { padding:32px; gap:32px; }
 .sf-question-title .display-2 { font-size:36px; }
 .sf-pilot-steps li { padding:22px; }
 .sf-pilot-mock { padding:14px; }
}
@media(max-width:900px) {
 .sheet.hero::before { inset:35% -20px 0; }
 .sf-question-row { min-height:0; }
 .sf-question-title .display-2 { font-size:32px; }
 .sf-pilot-steps p,.sf-pilot-steps h3 { min-height:0; }
 .sf-pilot-steps p { max-width:44ch; }
 .sf-pilot-mock { width:100%; min-height:0; padding:20px; }
 .sf-pilot-review { gap:18px; }
}
@media(max-width:650px) {
 .sf-question-list { gap:20px; }
 .sf-question-row { padding:26px 22px; border-radius:21px; }
 .sf-question-title { margin-bottom:22px; }
 .sf-question-title .display-2 { font-size:31px; }
 .sf-question-answer h3 { font-size:22px; }
 .sf-question-answer > p { font-size:15px; line-height:1.55; }
 .sf-compare-item strong,.sf-compare-item b { font-size:16px; }
 .sf-trust-mock .sf-compare-item { padding:14px 10px; }
 .sf-file-mock { padding:18px 14px; gap:12px; }
 .sf-file-mock strong { font-size:15px; }
 .sf-file-icon { width:40px; height:52px; font-size:22px; }
 .sf-delivery-mock { padding:8px 14px; }
 .sf-delivery-file { gap:12px; }
 .sf-delivery-file strong { font-size:15px; }
 .sf-sheet-icon { width:30px; height:38px; font-size:20px; }
 .sf-hero-platform { bottom:-8px; height:100px; border-radius:23px; }
 .sf-help summary { width:22px; height:22px; font-size:11px; }
 .sf-calc-kicker { font-size:14px; }
}
@media(max-width:380px) {
 .sf-question-row { padding:22px 18px; }
 .sf-question-title .display-2 { font-size:28px; }
 .sf-question-answer h3 { font-size:21px; }
 .sf-trust-mock .sf-compare-item { grid-template-columns:minmax(0,1fr); }
 .sf-compare-item > span { grid-column:auto; }
 .sf-compare-item b { justify-self:start; }
 .sf-file-mock { align-items:flex-start; }
 .sf-learning-row { padding:20px 14px 14px; }
 .sf-learning-source,.sf-help-bubble { margin-left:14px; margin-right:14px; font-size:12px; }
}
/* Fade the backdrop at every edge rather than exposing its rectangular bounds. */
.sheet.hero::before { -webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000 24%,transparent 72%); mask-image:radial-gradient(ellipse at 50% 50%,#000 24%,transparent 72%); }