.vc{background:var(--color-white);padding:var(--space-section) 0}.vc__inner{max-width:calc(var(--page-max-width) + var(--page-padding-x) * 2);padding-inline:var(--page-padding-x);margin-inline:auto}.vc__header{flex-direction:column;gap:14px;max-width:780px;margin:0 0 clamp(32px,4.5vw,64px);display:flex}.vc__eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--color-orange);font-size:10px;font-weight:500;line-height:1.2}.vc__headline{font-family:var(--font-primary);font-weight:500;font-size:var(--font-size-headline-section);letter-spacing:-.02em;color:var(--color-dark);flex-direction:column;margin:0;line-height:1.04;display:flex}.vc__headline-line{display:block}.vc__lede{color:var(--color-gray-700);max-width:60ch;margin:0;font-size:17px;line-height:1.55}.vc__grid{grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:clamp(32px,4vw,72px);display:grid}.vc__backbone-col{position:relative}.vc__backbone-sticky{border:1px solid var(--color-gray-100);background:var(--color-white);border-radius:12px;flex-direction:column;gap:20px;padding:24px;display:flex;position:sticky;top:clamp(80px,14vh,132px)}.vc__backbone{width:100%;height:auto;display:block}.vc__backbone-base{fill:none;stroke:var(--color-gray-100);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.vc__backbone-progress{fill:none;stroke:var(--color-orange);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:280;stroke-dashoffset:280px;animation:.6s cubic-bezier(.2,.8,.2,1) forwards vc-draw;animation-delay:var(--vc-segment-delay,0s)}@keyframes vc-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.vc__backbone-progress{stroke-dashoffset:0;animation:none}}.vc__backbone-node{cursor:pointer;outline:none}.vc__backbone-node-hit{fill:#0000;pointer-events:all}.vc__backbone-node:focus-visible .vc__backbone-node-halo{fill:#ff6f472e}.vc__backbone-node:hover .vc__backbone-node-halo{fill:#ff6f471a}.vc__backbone-node-halo{fill:#0000;transition:fill var(--transition-base)}.vc__backbone-node-ring{fill:var(--color-white);stroke:var(--color-gray-200);stroke-width:1.4px;transition:stroke var(--transition-base), fill var(--transition-base)}.vc__backbone-node-core{fill:var(--color-gray-300);transition:fill var(--transition-base)}.vc__backbone-node-num{font-family:var(--font-mono);letter-spacing:.04em;fill:#0000;transition:fill var(--transition-base);font-size:9px;font-weight:600}.vc__backbone-node--past .vc__backbone-node-ring{stroke:var(--color-orange);fill:var(--color-orange-light)}.vc__backbone-node--past .vc__backbone-node-core{fill:var(--color-orange)}.vc__backbone-node--active .vc__backbone-node-halo{fill:#ff6f471f;animation:2.4s ease-in-out infinite vc-pulse}.vc__backbone-node--active .vc__backbone-node-ring{stroke:var(--color-orange);fill:var(--color-white);stroke-width:1.6px}.vc__backbone-node--active .vc__backbone-node-core{fill:var(--color-orange)}.vc__backbone-node--active .vc__backbone-node-num{fill:#0000}@keyframes vc-pulse{0%,to{transform-origin:50%;transform:scale(1)}50%{transform-origin:50%;transform:scale(1.15)}}.vc__backbone-axis-cap{font-family:var(--font-mono);letter-spacing:.16em;fill:var(--color-gray-500);font-size:13px;font-weight:500}.vc__backbone-current{background:var(--color-gray-50);border:1px solid var(--color-gray-100);border-radius:8px;flex-direction:column;gap:6px;padding:16px 18px;display:flex}.vc__backbone-current-step{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-orange);font-size:12px;font-weight:500}.vc__backbone-current-name{font-family:var(--font-primary);color:var(--color-dark);letter-spacing:-.01em;font-size:20px;font-weight:500;line-height:1.2}.vc__chapters{flex-direction:column;gap:clamp(80px,12vh,160px);display:flex}.vc__chapter{flex-direction:column;gap:28px;display:flex}.vc__chapter-copy{flex-direction:column;gap:14px;max-width:640px;display:flex}.vc__chapter-step{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.16em;color:var(--color-orange);font-size:10px;font-weight:500;line-height:1.2}.vc__chapter-headline{font-family:var(--font-primary);letter-spacing:-.02em;color:var(--color-dark);margin:0;font-size:clamp(28px,3.2vw,40px);font-weight:500;line-height:1.06}.vc__chapter-body{color:var(--color-gray-700);margin:0;font-size:17px;line-height:1.55}.vc__chapter-link{font-family:var(--font-primary);letter-spacing:.3px;color:var(--color-dark);align-self:flex-start;align-items:center;gap:8px;margin-top:6px;font-size:13px;font-weight:500;text-decoration:none;transition:color .16s;display:inline-flex}.vc__chapter-link svg{transition:transform .16s}.vc__chapter-link:hover{color:var(--color-orange)}.vc__chapter-link:hover svg{transform:translate(3px)}.vc__chapter-visual{width:100%}@media (max-width:960px){.vc__grid{grid-template-columns:1fr;gap:32px}.vc__backbone-col{display:none}.vc__chapters{gap:clamp(48px,8vh,88px);padding-bottom:0}}
.os{background:var(--color-white);padding:var(--space-section) 0}.os__inner{max-width:calc(var(--page-max-width) + var(--page-padding-x) * 2);padding-inline:var(--page-padding-x);margin-inline:auto}.os__wrap{position:relative}.os__tech{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-gray-300);background:var(--color-white);pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:2;padding:0 4px;font-size:10px;font-weight:500;position:absolute}.os__tech--tl{top:-6px;left:16px}.os__tech--tr{top:-6px;right:16px}.os__tech--bl{bottom:-6px;left:16px}.os__tech--br{bottom:-6px;right:16px}.os__grid{background:var(--color-gray-100);border:1px solid var(--color-gray-100);border-radius:14px;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:1px;display:grid;overflow:hidden}.os__copy{background:var(--color-white);flex-direction:column;justify-content:center;padding:clamp(32px,3.6vw,56px);display:flex}.os__copy-content{flex-direction:column;gap:20px;display:flex}.os__eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--color-orange);font-size:10px;font-weight:500;line-height:1.2}.os__headline{font-family:var(--font-primary);font-weight:500;font-size:var(--font-size-headline-section);letter-spacing:-.02em;color:var(--color-dark);flex-direction:column;margin:0;line-height:1.04;display:flex}.os__headline-line{display:block}.os__body{color:var(--color-gray-700);max-width:44ch;margin:0;font-size:16px;line-height:1.55}.os__stats{border-top:1px solid var(--color-gray-100);border-bottom:1px solid var(--color-gray-100);grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:8px;padding:20px 0;display:grid}.os__stat{flex-direction:column;gap:4px;display:flex}.os__stat-value{color:var(--color-dark);align-items:baseline;gap:6px;display:flex}.os__stat-number{font-family:var(--font-mono);letter-spacing:0;color:var(--color-orange);font-size:clamp(28px,3vw,36px);font-weight:500;line-height:1}.os__stat-unit{font-family:var(--font-mono);letter-spacing:.14em;color:var(--color-gray-500);font-size:10px;font-weight:500}.os__stat-label{color:var(--color-gray-700);font-size:13px;line-height:1.4}.os__cta{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;background:var(--color-dark);color:var(--color-white);transition:background var(--transition-fast);border-radius:5px;align-self:flex-start;align-items:center;margin-top:6px;padding:11px 16px;font-size:11px;font-weight:500;text-decoration:none;display:inline-flex}.os__cta:hover,.os__cta:focus-visible{background:var(--color-orange);outline:none}.os__visual-wrap{background:var(--color-white);justify-content:center;align-items:center;min-height:420px;padding:clamp(20px,2vw,36px);display:flex;position:relative}.os__visual-wrap:before{content:"";opacity:.55;pointer-events:none;background-image:linear-gradient(90deg,#f2f2f2 1px,#0000 1px),linear-gradient(#f2f2f2 1px,#0000 1px);background-size:24px 24px;border-radius:6px;position:absolute;inset:12px}.os__visual{z-index:1;width:100%;max-width:520px;height:auto;position:relative}.os__visual-orbit{fill:none;stroke:var(--color-gray-100);stroke-width:1px;stroke-dasharray:2 4}.os__visual-orbit--faint{opacity:.6}.os__visual-line{stroke:var(--color-gray-200);stroke-width:1px;opacity:0;animation:.6s cubic-bezier(.2,.8,.2,1) forwards os-line-in;animation-delay:calc(50ms * var(--i))}@keyframes os-line-in{0%{opacity:0}to{opacity:1}}.os__visual-core{fill:var(--color-orange-light);stroke:var(--color-orange);stroke-width:1.4px}.os__visual-core-inner{fill:var(--color-white);stroke:var(--color-orange);stroke-width:1px;opacity:.5}.os__visual-core-title{font-family:var(--font-mono);letter-spacing:.18em;fill:var(--color-orange);font-size:12px;font-weight:600}.os__visual-token-box{fill:var(--color-white);stroke:var(--color-gray-200);stroke-width:1px;opacity:0;animation:.5s cubic-bezier(.2,.8,.2,1) forwards os-token-in;animation-delay:calc(60ms * var(--i) + .2s)}@keyframes os-token-in{0%{opacity:0;transform-origin:50%;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.os__visual-token-label{font-family:var(--font-mono);letter-spacing:.1em;fill:var(--color-gray-700);font-size:10px;font-weight:500}@media (prefers-reduced-motion:reduce){.os__visual-line,.os__visual-token-box{opacity:1;animation:none;transform:none}}@media (max-width:900px){.os__grid{grid-template-columns:1fr}.os__visual-wrap{min-height:340px}.os__stats{grid-template-columns:1fr 1fr}.os__stats>:nth-child(3){grid-column:1/-1}}
.ss{background:#f5f5f5;padding:44px 0 56px}.ss__header{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:40px;display:flex}.ss__header-copy{max-width:520px}.ss__eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--color-orange);margin-bottom:10px;font-size:10px;font-weight:500;line-height:1.2;display:block}.ss__headline{font-family:var(--font-primary);font-weight:500;font-size:var(--font-size-headline-sub);letter-spacing:-.72px;color:var(--color-dark);margin-bottom:14px;line-height:1}.ss__subline{letter-spacing:-.16px;color:var(--color-dark);font-size:17px;line-height:1.4}.ss__header-link{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--color-dark);white-space:nowrap;transition:gap var(--transition-fast);flex-shrink:0;align-items:center;gap:15px;font-size:11px;font-weight:500;text-decoration:none;display:inline-flex}.ss__header-link:hover{gap:20px}.ss__header-link img{width:33px;height:8px}.ss__row{margin-top:40px}.ss__row:first-of-type{margin-top:0}.ss__row--testimonials{margin-top:56px}.ss__row-head{border-bottom:1px solid var(--color-gray-100);justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:16px;padding-bottom:16px;display:flex}.ss__row-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--color-dark);font-size:11px;font-weight:500}.ss__row-meta{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--color-gray-500);font-size:10px;font-weight:500}.ss__case-stack{background:var(--color-gray-100);border:1px solid var(--color-gray-100);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.ss__case{background:var(--color-white);color:inherit;opacity:0;min-width:0;transition:opacity .6s ease-out, transform .6s ease-out, background var(--transition-fast);transition-delay:calc(var(--i) * 90ms);flex-direction:column;gap:24px;padding:clamp(24px,2.4vw,32px);text-decoration:none;display:flex;position:relative;transform:translateY(14px)}.ss--revealed .ss__case{opacity:1;transform:translateY(0)}.ss__case:hover{background:var(--color-gray-50,#f5f5f5)}.ss__case:hover .ss__case-arrow{background:var(--color-dark);color:var(--color-white);border-color:var(--color-dark);transform:translate(2px,-2px)}.ss__case-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ss__case-badge{color:var(--color-orange);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--color-orange);white-space:nowrap;border-radius:4px;align-items:center;padding:5px 10px;font-size:10px;font-weight:500;line-height:1.2;display:inline-flex}.ss__case-arrow{border:1px solid var(--color-gray-100);background:var(--color-white);width:44px;height:44px;color:var(--color-dark);transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ss__case-arrow svg{width:18px;height:18px;display:block}.ss__case-headline{font-family:var(--font-primary);letter-spacing:-.36px;color:var(--color-dark);max-width:22ch;margin:0;font-size:clamp(20px,1.5vw,22px);font-weight:500;line-height:1.25}.ss__case-illus-wrap{justify-content:flex-start;align-items:flex-end;margin-top:auto;padding-top:20px;display:flex}.ss__case-illus{width:140px;max-width:100%;height:auto;display:block}.ss__case-illus-line{stroke:var(--color-gray-100);stroke-width:1.25px}.ss__case-illus-line--dashed{stroke-dasharray:2 3}.ss__case-illus-tick{stroke:var(--color-gray-100);stroke-width:1.25px}.ss__case-illus-ring{stroke:var(--color-gray-100);stroke-width:1.25px;fill:none}.ss__case-illus-node{fill:var(--color-gray-500);stroke:none}.ss__case-illus-node--accent{fill:var(--color-orange)}.ss__ts{background:#f5f5f5;outline:none;flex-direction:column;align-items:center;gap:clamp(32px,4vw,56px);padding:clamp(48px,6vw,88px) clamp(32px,5vw,80px);display:flex;position:relative}.ss__ts-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--color-gray-500);font-size:11px;font-weight:500;line-height:1}.ss__ts-stage{touch-action:pan-y;grid-template-rows:auto;grid-template-columns:1fr;width:100%;max-width:980px;display:grid;position:relative}.ss__ts-slide{text-align:center;opacity:0;pointer-events:none;visibility:hidden;flex-direction:column;grid-area:1/1;align-items:center;gap:clamp(24px,3vw,40px);margin:0;transition:opacity .7s,transform .7s;display:flex;transform:translateY(8px)}.ss__ts-slide--active{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}.ss__ts-logo{--logo-scale:1;height:calc(28px * var(--logo-scale));justify-content:center;align-items:center;transition:height .35s;display:inline-flex}.ss__ts-logo img{filter:brightness(0);opacity:.88;width:auto;max-height:100%;display:block}.ss__ts-logo-text{font-family:var(--font-primary);letter-spacing:-.02em;color:var(--color-dark);font-size:20px;font-weight:700;line-height:1}.ss__ts-quote{font-family:var(--font-primary);letter-spacing:-.4px;color:var(--color-dark);max-width:880px;margin:0;font-size:clamp(24px,3vw,36px);font-weight:400;line-height:1.3}.ss__ts-attr{flex-direction:column;align-items:center;gap:6px;display:flex}.ss__ts-name{font-family:var(--font-primary);letter-spacing:-.1px;color:var(--color-dark);font-size:15px;font-weight:500;line-height:1.2}.ss__ts-role{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-gray-500);font-size:11px;font-weight:500;line-height:1.3}.ss__ts-controls{align-items:center;gap:20px;display:inline-flex}.ss__ts-btn{border:1px solid var(--color-gray-100);background:var(--color-white);width:44px;height:44px;color:var(--color-dark);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.ss__ts-btn svg{width:16px;height:8px;display:block}.ss__ts-btn:hover{background:var(--color-dark);color:var(--color-white);border-color:var(--color-dark)}.ss__ts-btn:active{transform:scale(.96)}.ss__ts-btn:focus-visible{outline:2px solid var(--color-orange);outline-offset:2px}.ss__ts-counter{font-family:var(--font-mono);letter-spacing:.12em;color:var(--color-gray-500);justify-content:center;gap:6px;min-width:64px;font-size:12px;font-weight:500;display:inline-flex}.ss__ts-counter-now{color:var(--color-dark)}.ss__ts-counter-sep{color:var(--color-gray-100)}@media (max-width:960px){.ss__case-stack{grid-template-columns:repeat(2,1fr)}.ss__case-illus{width:120px}.ss__case-stack>.ss__case:last-child:nth-child(odd){grid-column:1/-1}}@media (max-width:640px){.ss__case-stack{grid-template-columns:1fr}}@media (max-width:900px){.ss__header{flex-direction:column;align-items:flex-start;gap:24px}.ss__ts{gap:28px;padding:48px 20px}.ss__ts-quote{font-size:20px}.ss__ts-logo{height:calc(24px * var(--logo-scale))}}
