:root{--fo-ink:#0c1112;--fo-ink-soft:#4f5759;--fo-green:#00e676;--fo-green-soft:#bdf7d5;--fo-canvas:#f8f2ef;--fo-peach:#ffdfc1;--fo-mint:#d6f4df;--fo-lilac:#f0d8fa;--fo-white:#ffffff;--fo-line:rgba(12,17,18,0.1);--fo-shell:min(1480px,calc(100vw - 48px));--fo-radius-large:34px} html{scroll-behavior:smooth} body.flowops-website-stage1,body.fo-preview{margin:0;background:var(--fo-canvas);color:var(--fo-ink);font-family:Inter,"SF Pro Display","Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility} body.flowops-website-stage1.fo-menu-open,body.fo-preview.fo-menu-open{overflow:hidden} .fo-site,.fo-site *,.fo-site *::before,.fo-site *::after{box-sizing:border-box} .fo-site{min-height:100vh;overflow:clip;background:var(--fo-canvas)} .fo-site img,.fo-site svg{display:block} .fo-site a{color:inherit;text-decoration:none} .fo-site button,.fo-site a{-webkit-tap-highlight-color:transparent} .fo-skip-link{position:fixed;top:8px;left:8px;z-index:2000;padding:12px 18px;border-radius:12px;background:#fff;color:#0c1112;font-weight:750;transform:translateY(-160%);transition:transform 180ms ease} .fo-skip-link:focus{transform:translateY(0)} .screen-reader-text{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .fo-header-wrap{position:absolute;inset:0 0 auto;z-index:1000;padding:24px 0 0} .admin-bar .fo-header-wrap{top:32px} .fo-nav-shell{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;width:var(--fo-shell);min-height:80px;margin:0 auto;padding:10px 16px 10px 26px;border:1px solid rgba(255,255,255,0.08);border-radius:42px;background:linear-gradient(135deg,rgba(255,255,255,0.025),transparent 54%),#0b1011;box-shadow:0 22px 60px rgba(39,29,25,0.13),inset 0 1px 0 rgba(255,255,255,0.06)} .fo-brand{display:inline-flex;flex:0 0 auto;align-items:center;justify-self:start;gap:11px;color:#fff !important;font-size:25px;font-weight:790;letter-spacing:-0.035em;line-height:1} .fo-brand img{width:35px;height:35px;border-radius:10px} .fo-primary-nav{display:flex;align-items:center;justify-self:center;gap:18px;margin:0} .fo-nav-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border:0;border-radius:16px;background:transparent;color:rgba(255,255,255,0.68) !important;font:inherit;font-size:15px;font-weight:620;line-height:1;cursor:pointer;transition:color 180ms ease,background-color 180ms ease,transform 180ms ease} .fo-nav-link:hover,.fo-nav-link:focus-visible,.fo-nav-item[data-open="true"] > .fo-nav-link{background:rgba(255,255,255,0.075);color:#fff !important} .fo-nav-link.is-active{background:rgba(255,255,255,0.09);color:#fff !important;font-weight:700;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.07)} .fo-nav-link:focus-visible,.fo-header-cta:focus-visible,.fo-sign-in:focus-visible,.fo-brand:focus-visible,.fo-button:focus-visible,.fo-card-footer:focus-visible,.fo-mega-link:focus-visible,.fo-mega-cta:focus-visible,.fo-mobile-nav-action:focus-visible,.fo-menu-toggle:focus-visible{outline:3px solid #8bf7b9;outline-offset:3px} .fo-product-toggle{gap:8px} .fo-product-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform 180ms ease} .fo-nav-item[data-open="true"] .fo-product-toggle svg{transform:rotate(180deg)} .fo-header-actions{display:flex;align-items:center;justify-self:end;gap:8px;margin:0} .fo-sign-in{padding:13px 16px;color:rgba(255,255,255,0.78) !important;font-size:14px;font-weight:650;transition:color 180ms ease} .fo-sign-in:hover{color:#fff !important} .fo-header-cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:0 23px;border-radius:27px;background:#fff;color:#0a0f10 !important;font-size:15px;font-weight:720;box-shadow:0 7px 20px rgba(0,0,0,0.13);transition:transform 180ms ease,background-color 180ms ease} .fo-header-cta:hover{background:var(--fo-green-soft);transform:translateY(-2px)} .fo-arrow-icon{display:inline-grid;flex:0 0 auto;width:22px;height:22px;place-items:center;padding:4px;border-radius:50%;background:rgba(12,17,18,0.08);transition:transform 180ms ease} .fo-arrow-icon svg,.fo-round-arrow svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round} .fo-header-cta .fo-arrow-icon{width:22px;height:22px;background:#edf0ef} .fo-button--dark .fo-arrow-icon{background:rgba(255,255,255,0.13)} .fo-button--soft .fo-arrow-icon{background:rgba(12,17,18,0.08)} .fo-header-cta:hover .fo-arrow-icon,.fo-button:hover .fo-arrow-icon{transform:translate(2px,-2px)} .fo-mobile-nav-actions{display:none} .fo-menu-toggle{display:none;position:relative;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,0.08);cursor:pointer} .fo-menu-toggle > span:not(.screen-reader-text){position:absolute;left:14px;width:20px;height:2px;border-radius:99px;background:#fff;transition:transform 180ms ease} .fo-menu-toggle > span:nth-last-child(2){top:19px} .fo-menu-toggle > span:last-child{top:27px} .fo-menu-toggle[aria-expanded="true"] > span:nth-last-child(2){top:23px;transform:rotate(45deg)} .fo-menu-toggle[aria-expanded="true"] > span:last-child{top:23px;transform:rotate(-45deg)} .fo-nav-item--product{position:static} .fo-mega{position:absolute;top:calc(100% + 14px);right:0;left:0;display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:0;width:100%;padding:12px;border:1px solid rgba(12,17,18,0.08);border-radius:34px;background:rgba(255,255,255,0.97);box-shadow:0 34px 90px rgba(31,25,23,0.2);opacity:0;visibility:hidden;transform:translateY(-10px) scale(0.99);transform-origin:50% 0;pointer-events:none;transition:opacity 190ms ease,visibility 190ms ease,transform 220ms cubic-bezier(0.2,0.8,0.2,1);backdrop-filter:blur(18px)} .fo-nav-item[data-open="true"] .fo-mega{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto} .fo-mega-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 22px;padding:28px 30px} .fo-mega-link{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:14px;padding:13px;border-radius:17px;color:var(--fo-ink) !important;transition:background-color 180ms ease,transform 180ms ease} .fo-mega-link:hover{background:#f5f3f1;transform:translateX(3px)} .fo-mega-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:var(--fo-ink);color:#fff} .fo-mega-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round} .fo-mega-link strong,.fo-mega-link small{display:block} .fo-mega-link strong{margin:2px 0 6px;font-size:15px;font-weight:760;letter-spacing:-0.012em} .fo-mega-link small{color:#687072;font-size:13px;line-height:1.45} .fo-mega-cta{position:relative;display:flex;flex-direction:column;min-height:330px;padding:30px;overflow:hidden;border-radius:26px;background:radial-gradient(circle at 85% 15%,rgba(255,255,255,0.42),transparent 35%),linear-gradient(145deg,#84f1ae,#19d97b);color:#07100b !important} .fo-mega-cta-label{position:relative;z-index:2;display:inline-flex;align-self:flex-start;padding:8px 11px;border:1px solid rgba(7,16,11,0.12);border-radius:999px;background:rgba(255,255,255,0.42);font-size:11px;font-weight:760;letter-spacing:0.045em;text-transform:uppercase} .fo-mega-cta strong{position:relative;z-index:2;max-width:300px;margin-top:19px;font-size:27px;font-weight:790;letter-spacing:-0.045em;line-height:1.08} .fo-mega-cta-bottom{position:relative;z-index:2;display:flex;align-items:end;justify-content:space-between;gap:20px;margin-top:auto;font-size:14px;font-weight:730} .fo-round-arrow{display:grid;flex:0 0 auto;width:54px;height:54px;place-items:center;border-radius:50%;background:var(--fo-ink);color:#fff;transition:transform 180ms ease} .fo-round-arrow svg{width:16px;height:16px} .fo-mega-cta:hover .fo-round-arrow{transform:rotate(8deg) translate(2px,-2px)} .fo-mega-art{position:absolute;right:-52px;bottom:-75px;width:250px;height:250px;border:2px solid rgba(255,255,255,0.38);border-radius:50% 50% 8% 50%;transform:rotate(24deg)} .fo-mega-art::before,.fo-mega-art::after{content:"";position:absolute;border:2px solid rgba(255,255,255,0.38)} .fo-mega-art::before{top:-80px;left:68px;width:74px;height:74px;border-radius:50%} .fo-mega-art::after{top:36px;right:25px;width:60px;height:130px;border-radius:40px} .fo-main{min-height:100vh} .fo-hero{position:relative;min-height:100vh;padding:210px 24px 96px;overflow:hidden;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,0.8),transparent 38%),linear-gradient(180deg,#faf5f2 0%,var(--fo-canvas) 70%)} .fo-soft-glow{position:absolute;top:235px;left:50%;width:min(900px,80vw);height:520px;border-radius:50%;background:rgba(255,255,255,0.56);filter:blur(95px);transform:translateX(-50%);pointer-events:none} .fo-ambient{position:absolute;top:330px;width:300px;height:660px;border-radius:0 60px 60px 0;background:rgba(239,222,215,0.31);pointer-events:none} .fo-ambient span{position:absolute;top:240px;width:200px;height:400px;border-radius:0 58px 0 0;background:rgba(239,222,215,0.38)} .fo-ambient--left{left:0} .fo-ambient--left span{left:150px} .fo-ambient--right{right:0;border-radius:60px 0 0 60px} .fo-ambient--right span{right:150px;border-radius:58px 0 0} .fo-hero-copy{position:relative;z-index:2;width:min(1260px,100%);margin:0 auto;text-align:center} .fo-eyebrow{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:0 20px;border:1px solid rgba(12,17,18,0.055);border-radius:999px;background:rgba(255,255,255,0.91);box-shadow:0 14px 35px rgba(61,45,40,0.055);font-size:13px;font-weight:760;letter-spacing:-0.01em} .fo-spark{color:#00bd62;font-size:18px} .fo-hero h1{max-width:1210px;margin:48px auto 0;color:var(--fo-ink);font-size:clamp(4rem,6.1vw,6.65rem);font-weight:820;letter-spacing:-0.07em;line-height:0.96} .fo-hero h1 span{display:block} .fo-hero h1 .fo-title-line{white-space:nowrap} .fo-hero-intro{max-width:820px;margin:36px auto 0;color:var(--fo-ink-soft);font-size:clamp(17px,1.45vw,20px);font-weight:450;letter-spacing:-0.018em;line-height:1.58} .fo-hero-actions{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:34px} .fo-button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-width:180px;min-height:62px;padding:0 26px;border-radius:31px;font-size:16px;font-weight:710;letter-spacing:-0.015em;transition:transform 180ms ease,box-shadow 180ms ease,background-color 180ms ease} .fo-button:hover{transform:translateY(-3px)} .fo-button--dark{background:var(--fo-ink);color:#fff !important;box-shadow:0 14px 30px rgba(12,17,18,0.16)} .fo-button--dark:hover{box-shadow:0 18px 36px rgba(12,17,18,0.22)} .fo-button--soft{background:var(--fo-green-soft);color:var(--fo-ink) !important} .fo-button--soft:hover{background:#a5f3c6} .fo-laptop-stage{position:relative;z-index:2;width:min(1120px,calc(100vw - 72px));margin:72px auto 0} .fo-laptop-stage::before{content:"";position:absolute;z-index:-1;inset:12% 6% -10%;border-radius:50%;background:rgba(120,241,171,0.23);filter:blur(78px);pointer-events:none} .fo-laptop{position:relative;width:100%;margin:0 auto;isolation:isolate} .fo-laptop-lid{position:relative;padding:19px 17px 17px;border:1px solid rgba(255,255,255,0.16);border-radius:30px 30px 18px 18px;background:linear-gradient(135deg,rgba(255,255,255,0.13),transparent 42%),#111617;box-shadow:0 42px 90px rgba(24,28,27,0.18),0 12px 34px rgba(24,28,27,0.16),inset 0 1px 0 rgba(255,255,255,0.18)} .fo-laptop-camera{position:absolute;top:8px;left:50%;width:5px;height:5px;border-radius:50%;background:#313a3c;box-shadow:0 0 0 1px rgba(255,255,255,0.08);transform:translateX(-50%)} .fo-laptop-screen{position:relative;aspect-ratio:2048 / 1187;overflow:hidden;border:1px solid rgba(255,255,255,0.08);border-radius:18px 18px 10px 10px;background:#06090a;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.8)} .fo-laptop-screen img{width:100%;height:100%;object-fit:cover} .fo-laptop-base{position:relative;width:108%;height:34px;margin:-1px -4% 0;border:1px solid rgba(88,96,98,0.28);border-radius:3px 3px 42px 42px;background:linear-gradient(180deg,#e8e8e6 0%,#bfc3c2 46%,#8f9493 100%);box-shadow:0 20px 36px rgba(24,28,27,0.18),inset 0 1px 0 #fff} .fo-laptop-base::before{content:"";position:absolute;top:0;left:50%;width:15%;height:7px;border-radius:0 0 9px 9px;background:#a7acab;box-shadow:inset 0 1px 2px rgba(45,50,49,0.28);transform:translateX(-50%)} .fo-laptop-base::after{content:"";position:absolute;right:8%;bottom:-4px;left:8%;height:5px;border-radius:0 0 50% 50%;background:rgba(77,82,81,0.42);filter:blur(2px)} .fo-capability-ribbon{position:relative;z-index:2;width:min(1480px,calc(100vw - 48px));margin:76px auto 0;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)} .fo-ribbon-track{display:flex;width:max-content;animation:fo-ribbon 34s linear infinite} .fo-ribbon-group{display:flex;align-items:center;justify-content:space-around;gap:56px;min-width:1480px;padding:0 28px} .fo-ribbon-group > span{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;color:#5d6465;font-size:13px;font-weight:720;letter-spacing:-0.012em} .fo-ribbon-icon{display:grid;flex:0 0 auto;width:32px;height:32px;place-items:center;border:1px solid rgba(12,17,18,0.09);border-radius:11px;background:rgba(255,255,255,0.72);color:#4e5657;box-shadow:0 7px 18px rgba(42,34,31,0.045),inset 0 -2px 0 rgba(0,198,103,0.12)} .fo-ribbon-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round} @keyframes fo-ribbon{to{transform:translateX(-50%)}} .fo-story-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;width:min(1480px,calc(100vw - 48px));margin:64px auto 0;scroll-margin-top:124px} .fo-story-card{display:flex;min-width:0;min-height:545px;flex-direction:column;padding:11px;border:1px solid rgba(12,17,18,0.075);border-radius:var(--fo-radius-large);background:rgba(255,255,255,0.92);box-shadow:0 26px 70px rgba(65,48,42,0.07),inset 0 1px 0 rgba(255,255,255,0.8);transition:transform 320ms cubic-bezier(0.2,0.75,0.2,1),box-shadow 320ms ease} .fo-story-card:hover{transform:translateY(-4px);box-shadow:0 32px 80px rgba(65,48,42,0.11),inset 0 1px 0 rgba(255,255,255,0.8)} .fo-card-visual{position:relative;display:flex;min-height:440px;flex:1 1 auto;flex-direction:column;padding:28px;overflow:hidden;border-radius:26px} .fo-card-visual--peach{background:radial-gradient(circle at 92% 8%,rgba(255,255,255,0.55),transparent 25%),var(--fo-peach)} .fo-card-visual--mint{background:radial-gradient(circle at 80% 14%,rgba(255,255,255,0.54),transparent 27%),var(--fo-mint)} .fo-card-visual--lilac{background:radial-gradient(circle at 90% 5%,rgba(255,255,255,0.65),transparent 25%),var(--fo-lilac)} .fo-card-heading{position:relative;z-index:3;display:flex;align-items:start;justify-content:space-between;gap:20px} .fo-card-kicker{display:block;margin-bottom:8px;color:rgba(12,17,18,0.58);font-size:11px;font-weight:780;letter-spacing:0.07em;text-transform:uppercase} .fo-card-heading h2{max-width:330px;margin:0;color:var(--fo-ink);font-size:clamp(25px,2vw,32px);font-weight:790;letter-spacing:-0.047em;line-height:1.04} .fo-card-icon{display:grid;flex:0 0 auto;width:54px;height:54px;place-items:center;border-radius:50%;background:var(--fo-ink);color:#fff} .fo-card-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .fo-lifecycle{position:relative;z-index:2;display:grid;height:225px;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:12px;margin-top:auto;padding-top:34px} .fo-lifecycle::before{content:"";position:absolute;right:0;bottom:37px;left:0;height:1px;background:rgba(12,17,18,0.15)} .fo-life-step{position:relative;display:grid;height:100%;grid-template-rows:1fr 28px;align-items:end;gap:9px} .fo-life-step > span{position:relative;z-index:1;display:block;width:100%;height:var(--fo-height);min-height:30px;border-radius:9px 9px 3px 3px;background:rgba(12,17,18,0.86);box-shadow:inset 0 1px 0 rgba(255,255,255,0.18)} .fo-life-step:nth-child(even) > span{background:rgba(255,255,255,0.83)} .fo-life-step.is-current > span{background:#00c86a} .fo-life-step small{position:relative;z-index:2;display:block;overflow:hidden;color:rgba(12,17,18,0.7);font-size:9px;font-weight:680;letter-spacing:-0.02em;text-align:center;text-overflow:ellipsis;white-space:nowrap} .fo-js .fo-story-card.is-visible .fo-life-step > span{transform-origin:center bottom;animation:fo-progress-rise 900ms cubic-bezier(0.18,0.75,0.2,1) both} .fo-js .fo-story-card.is-visible .fo-life-step:nth-child(1) > span{animation-delay:120ms} .fo-js .fo-story-card.is-visible .fo-life-step:nth-child(2) > span{animation-delay:230ms} .fo-js .fo-story-card.is-visible .fo-life-step:nth-child(3) > span{animation-delay:340ms} .fo-js .fo-story-card.is-visible .fo-life-step:nth-child(4) > span{animation-delay:450ms} .fo-js .fo-story-card.is-visible .fo-life-step:nth-child(5) > span{animation:fo-progress-rise 900ms cubic-bezier(0.18,0.75,0.2,1) 560ms both,fo-delivered-breathe 4.6s ease-in-out 1.65s infinite} .fo-js .fo-story-card.is-visible .fo-life-step small{animation:fo-soft-arrive 520ms ease both} .fo-js .fo-story-card.is-visible .fo-life-step:nth-child(1) small{animation-delay:380ms} .fo-js .fo-story-card.is-visible .fo-life-step:nth-child(2) small{animation-delay:490ms} .fo-js .fo-story-card.is-visible .fo-life-step:nth-child(3) small{animation-delay:600ms} .fo-js .fo-story-card.is-visible .fo-life-step:nth-child(4) small{animation-delay:710ms} .fo-js .fo-story-card.is-visible .fo-life-step:nth-child(5) small{animation-delay:820ms} @keyframes fo-progress-rise{from{opacity:0.34;transform:scaleY(0.12)} to{opacity:1;transform:scaleY(1)}} @keyframes fo-delivered-breathe{0%,100%{box-shadow:0 0 0 0 rgba(0,200,106,0),inset 0 1px 0 rgba(255,255,255,0.18)} 50%{box-shadow:0 0 0 6px rgba(0,200,106,0.08),inset 0 1px 0 rgba(255,255,255,0.18)}} @keyframes fo-soft-arrive{from{opacity:0;transform:translateY(5px)} to{opacity:1;transform:translateY(0)}} .fo-card-note{position:relative;z-index:2;display:inline-flex;align-items:center;align-self:flex-start;gap:8px;margin-top:12px;padding:8px 11px;border:1px solid rgba(12,17,18,0.09);border-radius:999px;background:rgba(255,255,255,0.48);color:rgba(12,17,18,0.72);font-size:11px;font-weight:680} .fo-card-note span{display:grid;width:17px;height:17px;place-items:center;border-radius:50%;background:var(--fo-ink);color:#fff;font-size:9px} .fo-js .fo-story-card.is-visible .fo-card-note{animation:fo-soft-arrive 560ms ease 1s both} .fo-card-footer{display:flex;min-height:78px;align-items:center;justify-content:space-between;gap:20px;padding:0 14px 0 10px;color:var(--fo-ink) !important;font-size:15px;font-weight:720;letter-spacing:-0.02em} .fo-card-footer .fo-arrow-icon{width:24px;height:24px;padding:5px;background:#f0f2f1} .fo-card-footer:hover .fo-arrow-icon{transform:translate(2px,-2px)} .fo-role-board{position:relative;z-index:3;display:grid;gap:9px;margin-top:auto;padding-top:40px} .fo-role-row{display:grid;grid-template-columns:45px minmax(0,1fr) 24px;align-items:center;gap:12px;padding:11px;border:1px solid rgba(12,17,18,0.075);border-radius:17px;background:rgba(255,255,255,0.65);box-shadow:0 10px 22px rgba(36,70,48,0.035)} .fo-js .fo-story-card.is-visible .fo-role-row{animation:fo-role-arrive 680ms cubic-bezier(0.2,0.75,0.2,1) both} .fo-js .fo-story-card.is-visible .fo-role-row:nth-child(1){animation-delay:150ms} .fo-js .fo-story-card.is-visible .fo-role-row:nth-child(2){animation-delay:320ms} .fo-js .fo-story-card.is-visible .fo-role-row:nth-child(3){animation-delay:490ms} .fo-role-row:nth-child(2){margin-left:19px} .fo-role-row:nth-child(3){margin-left:38px} .fo-role-avatar{display:grid;width:43px;height:43px;place-items:center;border:2px solid rgba(255,255,255,0.7);border-radius:50%;background:var(--fo-ink);color:#fff;font-size:11px;font-weight:790;box-shadow:0 4px 12px rgba(12,17,18,0.14)} .fo-role-row:nth-child(2) .fo-role-avatar{background:#176b49} .fo-role-row:nth-child(3) .fo-role-avatar{background:#fff;color:var(--fo-ink)} .fo-role-row strong,.fo-role-row small{display:block} .fo-role-row strong{margin-bottom:3px;font-size:13px;font-weight:760} .fo-role-row small{color:rgba(12,17,18,0.58);font-size:10px;line-height:1.3} .fo-role-row > i{display:grid;width:21px;height:21px;place-items:center;border-radius:50%;background:#14d97a;color:#082012;font-size:10px;font-style:normal;font-weight:800} .fo-js .fo-story-card.is-visible .fo-role-row > i{animation:fo-check-settle 520ms cubic-bezier(0.2,0.8,0.2,1) both} .fo-js .fo-story-card.is-visible .fo-role-row:nth-child(1) > i{animation-delay:560ms} .fo-js .fo-story-card.is-visible .fo-role-row:nth-child(2) > i{animation-delay:730ms} .fo-js .fo-story-card.is-visible .fo-role-row:nth-child(3) > i{animation-delay:900ms} @keyframes fo-role-arrive{from{opacity:0;transform:translateX(-12px)} to{opacity:1;transform:translateX(0)}} @keyframes fo-check-settle{from{opacity:0;transform:scale(0.62)} to{opacity:1;transform:scale(1)}} .fo-role-orbit{position:absolute;right:-78px;bottom:-100px;width:320px;height:320px;border:2px solid rgba(21,139,79,0.08);border-radius:50%} .fo-js .fo-story-card.is-visible .fo-role-orbit{animation:fo-orbit-breathe 8s ease-in-out 1s infinite} .fo-role-orbit::before,.fo-role-orbit::after{content:"";position:absolute;border:2px solid rgba(21,139,79,0.08);border-radius:50%} .fo-role-orbit::before{inset:48px} .fo-role-orbit::after{inset:100px} @keyframes fo-orbit-breathe{0%,100%{opacity:0.72;transform:scale(0.98)} 50%{opacity:1;transform:scale(1.025)}} .fo-ai-star{color:#7c31a0;font-size:31px;line-height:1;animation:fo-star 3.2s ease-in-out infinite} @keyframes fo-star{0%,100%{opacity:0.62;transform:rotate(0) scale(0.92)} 50%{opacity:1;transform:rotate(18deg) scale(1.08)}} .fo-ai-flow{position:relative;z-index:2;display:flex;flex:1 1 auto;flex-direction:column;justify-content:end;padding-top:25px} .fo-ai-request{display:flex;align-items:center;gap:9px;width:82%;padding:12px 15px;border:1px solid rgba(12,17,18,0.08);border-radius:16px 16px 16px 4px;background:rgba(255,255,255,0.67);box-shadow:0 9px 24px rgba(68,36,81,0.05)} .fo-js .fo-story-card.is-visible .fo-ai-request{animation:fo-ai-request-arrive 650ms cubic-bezier(0.2,0.75,0.2,1) 160ms both} .fo-ai-request span{color:#7c31a0;font-family:Georgia,serif;font-size:27px;line-height:1} .fo-ai-request p{margin:0;font-size:12px;font-weight:700} .fo-ai-arrow{width:82%;padding:4px 0;color:rgba(12,17,18,0.36);font-size:14px;text-align:center} .fo-js .fo-story-card.is-visible .fo-ai-arrow{animation:fo-ai-arrow-arrive 440ms ease 650ms both} .fo-ai-fields{display:grid;gap:6px;width:92%;margin-left:auto;padding:11px;border:1px solid rgba(12,17,18,0.08);border-radius:17px;background:rgba(255,255,255,0.78);box-shadow:0 13px 28px rgba(68,36,81,0.06)} .fo-js .fo-story-card.is-visible .fo-ai-fields{animation:fo-ai-fields-arrive 620ms cubic-bezier(0.2,0.75,0.2,1) 760ms both} .fo-ai-fields span{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:10px;background:rgba(240,216,250,0.42);color:rgba(12,17,18,0.74);font-size:10px;font-weight:690} .fo-js .fo-story-card.is-visible .fo-ai-fields span{animation:fo-ai-line-arrive 440ms ease both} .fo-js .fo-story-card.is-visible .fo-ai-fields span:nth-child(1){animation-delay:930ms} .fo-js .fo-story-card.is-visible .fo-ai-fields span:nth-child(2){animation-delay:1.05s} .fo-js .fo-story-card.is-visible .fo-ai-fields span:nth-child(3){animation-delay:1.17s} .fo-ai-fields i{width:6px;height:6px;border-radius:50%;background:#8f3cb7} .fo-ready-pill{display:inline-flex;align-items:center;align-self:flex-end;gap:7px;margin-top:10px;padding:8px 11px;border-radius:999px;background:var(--fo-ink);color:#fff;font-size:10px;font-weight:710} .fo-js .fo-story-card.is-visible .fo-ready-pill{animation:fo-ready-arrive 620ms cubic-bezier(0.2,0.8,0.2,1) 1.38s both} .fo-ready-pill span{color:#74f0aa} @keyframes fo-ai-request-arrive{from{opacity:0;transform:translate(-12px,5px)} to{opacity:1;transform:translate(0,0)}} @keyframes fo-ai-arrow-arrive{from{opacity:0;transform:translateY(-5px)} to{opacity:1;transform:translateY(0)}} @keyframes fo-ai-fields-arrive{from{opacity:0;transform:translate(12px,6px)} to{opacity:1;transform:translate(0,0)}} @keyframes fo-ai-line-arrive{from{opacity:0;transform:translateX(7px)} to{opacity:1;transform:translateX(0)}} @keyframes fo-ready-arrive{from{opacity:0;transform:translateY(6px) scale(0.94)} to{opacity:1;transform:translateY(0) scale(1)}} .fo-customer-section{position:relative;z-index:2;padding:118px max(24px,calc((100vw - 1360px) / 2)) 136px;background:#fff} .fo-customer-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,0.65fr);gap:clamp(48px,8vw,126px);align-items:end} .fo-section-label{display:block;margin-bottom:18px;color:#68706e;font-size:11px;font-weight:780;letter-spacing:0.16em;text-transform:uppercase} .fo-customer-heading h2{max-width:840px;margin:0;color:var(--fo-ink);font-size:clamp(3rem,5.2vw,5.15rem);font-weight:760;letter-spacing:-0.064em;line-height:0.99} .fo-customer-heading > p{margin:0 0 4px;color:#5a6260;font-size:17px;line-height:1.64} .fo-customer-showcase{display:grid;overflow:hidden;grid-template-columns:minmax(0,0.9fr) minmax(480px,1.1fr);margin-top:68px;border:10px solid #fff;border-radius:38px;background:#daf4e4;box-shadow:0 0 0 1px rgba(12,17,18,0.05),0 26px 80px rgba(46,63,54,0.11)} .fo-customer-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(48px,6vw,86px)} .fo-customer-badge{display:inline-flex;min-height:36px;align-items:center;gap:10px;padding:0 14px;border:1px solid rgba(12,17,18,0.08);border-radius:999px;background:rgba(255,255,255,0.62);color:#314038;font-size:11px;font-weight:740} .fo-customer-badge i{width:7px;height:7px;border-radius:50%;background:var(--fo-green);box-shadow:0 0 0 5px rgba(0,205,117,0.1)} .fo-customer-copy h3{max-width:600px;margin:30px 0 0;color:var(--fo-ink);font-size:clamp(2.5rem,4.2vw,4.35rem);font-weight:750;letter-spacing:-0.06em;line-height:1} .fo-customer-copy > p{max-width:570px;margin:25px 0 0;color:#52615a;font-size:16px;line-height:1.65} .fo-customer-benefits{display:grid;gap:13px;margin:30px 0 0;padding:0;list-style:none} .fo-customer-benefits li{display:flex;align-items:center;gap:11px;color:#26322d;font-size:13px} .fo-customer-benefits li span{display:grid;width:24px;height:24px;flex:0 0 auto;place-items:center;border-radius:50%;background:#0d1511;color:#fff;font-size:10px} .fo-customer-link{margin-top:36px} .fo-customer-visual{position:relative;display:grid;min-height:760px;place-items:center;overflow:hidden;border-radius:30px;background:linear-gradient(rgba(255,255,255,0.24),rgba(255,255,255,0.24)),linear-gradient(140deg,#c7eed5 0%,#def6e6 52%,#f0dbf6 100%)} .fo-customer-orbit{position:absolute;border:1px solid rgba(34,91,62,0.1);border-radius:50%} .fo-customer-orbit--one{width:560px;height:560px} .fo-customer-orbit--two{width:760px;height:760px} .fo-tracking-phone{position:relative;z-index:2;width:min(330px,64%);min-height:650px;padding:18px 20px 22px;border:8px solid #111715;border-radius:42px;background:#fbfcfb;box-shadow:0 30px 70px rgba(28,52,39,0.22);transform:rotate(1.5deg)} .fo-phone-top{display:flex;height:20px;align-items:center;justify-content:space-between;padding:0 7px;color:#111715;font-size:9px;font-weight:760} .fo-phone-top i{width:50px;height:14px;border-radius:999px;background:#111715} .fo-phone-brand{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:13px;font-weight:770} .fo-phone-copy{margin-top:28px} .fo-phone-copy > span{color:#6d7773;font-size:9px;font-weight:780;letter-spacing:0.13em;text-transform:uppercase} .fo-phone-copy h4{margin:9px 0 0;color:var(--fo-ink);font-size:27px;font-weight:750;letter-spacing:-0.045em;line-height:1.05} .fo-phone-copy p{margin:11px 0 0;color:#68716e;font-size:10px;line-height:1.55} .fo-tracking-list{position:relative;display:grid;gap:0;margin:25px 0 0;padding:0;list-style:none} .fo-tracking-list::before{position:absolute;top:20px;bottom:20px;left:14px;width:1px;background:#d7dedb;content:""} .fo-tracking-list li{position:relative;z-index:1;display:grid;grid-template-columns:30px minmax(0,1fr);gap:11px;align-items:center;padding:9px 0} .fo-tracking-list li > i{display:grid;width:30px;height:30px;place-items:center;border:1px solid #cfd7d3;border-radius:50%;background:#fff;color:#fff;font-size:10px;font-style:normal} .fo-tracking-list .is-done > i{border-color:#111715;background:#111715} .fo-tracking-list .is-current > i{border:8px solid #d8f8e6;background:var(--fo-green);box-shadow:0 0 0 3px rgba(0,205,117,0.12);animation:fo-tracking-pulse 3.6s ease-in-out infinite} @keyframes fo-tracking-pulse{50%{box-shadow:0 0 0 7px rgba(0,205,117,0.04)}} .fo-tracking-list strong,.fo-tracking-list small{display:block} .fo-tracking-list strong{color:#1b2420;font-size:11px} .fo-tracking-list small{margin-top:3px;color:#858e8a;font-size:8px} .fo-phone-request{display:flex;min-height:42px;align-items:center;justify-content:center;margin-top:20px;border:1px solid #dce2df;border-radius:14px;background:#fff;color:#1d2923;font-size:9px;font-weight:730} .fo-customer-float{position:absolute;z-index:3;display:flex;min-width:190px;align-items:center;gap:12px;padding:14px;border:1px solid rgba(255,255,255,0.72);border-radius:18px;background:rgba(255,255,255,0.84);box-shadow:0 18px 42px rgba(49,75,61,0.14);backdrop-filter:blur(14px)} .fo-customer-float > span{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border-radius:12px;background:#0e1712;color:#fff;font-size:13px} .fo-customer-float svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.6} .fo-customer-float small,.fo-customer-float strong{display:block} .fo-customer-float small{color:#7a8580;font-size:8px;font-weight:700;text-transform:uppercase} .fo-customer-float strong{margin-top:3px;color:#17201c;font-size:11px} .fo-customer-float--update{top:24%;left:5%;animation:fo-float-calm 5.5s ease-in-out infinite} .fo-customer-float--secure{right:4%;bottom:20%;animation:fo-float-calm 6.2s ease-in-out -1.8s infinite} .fo-customer-float--secure > span{background:var(--fo-green);color:#0a2316} @keyframes fo-float-calm{50%{transform:translateY(-6px)}} .fo-pricing-section{position:relative;z-index:2;padding:128px max(24px,calc((100vw - 1360px) / 2)) 136px;overflow:hidden;background:linear-gradient(90deg,rgba(248,235,228,0.5) 1px,transparent 1px) center / 150px 100%,#fbf5f2} .fo-pricing-heading{max-width:860px;margin:0 auto;text-align:center} .fo-pricing-heading h2{margin:0;color:var(--fo-ink);font-size:clamp(3rem,5.4vw,5.35rem);font-weight:760;letter-spacing:-0.066em;line-height:0.98} .fo-pricing-heading > p{max-width:680px;margin:26px auto 0;color:#5e6664;font-size:17px;line-height:1.62} .fo-pricing-card{display:grid;overflow:hidden;grid-template-columns:minmax(270px,0.72fr) minmax(330px,0.9fr) minmax(360px,1fr);margin-top:68px;padding:10px;border-radius:38px;background:#fff;box-shadow:0 0 0 1px rgba(12,17,18,0.045),0 28px 80px rgba(61,49,44,0.11)} .fo-price-main,.fo-price-included,.fo-price-action{min-height:440px} .fo-price-main{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:48px;border-radius:29px 0 0 29px;background:#ffdec2} .fo-price-plan,.fo-price-kicker,.fo-price-trial{font-size:10px;font-weight:780;letter-spacing:0.14em;text-transform:uppercase} .fo-price-plan{color:#6f5542} .fo-price-value{display:flex;align-items:flex-start;margin-top:25px;color:var(--fo-ink)} .fo-price-value > span{margin-top:13px;font-size:31px;font-weight:760} .fo-price-value strong{font-size:clamp(5.8rem,8vw,8rem);font-weight:760;letter-spacing:-0.09em;line-height:0.8} .fo-price-value small{align-self:flex-end;margin:0 0 7px 9px;color:#6c5a4d;font-size:13px;font-weight:680} .fo-price-main > p{margin:27px 0 0;color:#69594e;font-size:14px;line-height:1.55} .fo-price-note{display:inline-flex;min-height:38px;align-items:center;gap:9px;margin-top:24px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,0.65);color:#2f2a27;font-size:11px;font-weight:730} .fo-price-note span{display:grid;width:20px;height:20px;place-items:center;border-radius:50%;background:var(--fo-ink);color:#fff;font-size:9px} .fo-price-included{display:flex;flex-direction:column;justify-content:center;padding:52px;background:#f4fbf6} .fo-price-kicker{color:#617069} .fo-price-included ul{display:grid;gap:22px;margin:30px 0 0;padding:0;list-style:none} .fo-price-included li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:13px;align-items:center;color:#26312c;font-size:13px;font-weight:660;line-height:1.4} .fo-price-included li span{display:grid;width:28px;height:28px;place-items:center;border:1px solid rgba(12,17,18,0.08);border-radius:50%;background:#fff;color:#049b5d;font-size:11px} .fo-price-action{display:flex;flex-direction:column;justify-content:space-between;padding:52px;border-radius:0 29px 29px 0;background:radial-gradient(circle at 85% 20%,rgba(255,255,255,0.68),transparent 27%),#eed8f5} .fo-price-trial{display:inline-flex;min-height:34px;align-items:center;padding:0 13px;border-radius:999px;background:rgba(255,255,255,0.62);color:#724287} .fo-price-action h3{max-width:360px;margin:26px 0 0;color:var(--fo-ink);font-size:clamp(2.25rem,3.4vw,3.55rem);font-weight:750;letter-spacing:-0.058em;line-height:1} .fo-price-action p{max-width:350px;margin:20px 0 0;color:#675c6b;font-size:14px;line-height:1.55} .fo-price-buttons{display:flex;align-items:center;gap:22px;margin-top:32px} .fo-price-buttons .fo-button{min-width:150px} .fo-price-text-link{display:inline-flex;align-items:center;gap:8px;color:var(--fo-ink);font-size:12px;font-weight:740;text-decoration:none} .fo-price-text-link span{transition:transform 180ms ease} .fo-price-text-link:hover span{transform:translateX(3px)} .fo-pricing-footnote{margin:28px 0 0;color:#777d7b;font-size:12px;font-weight:650;text-align:center} .fo-solutions-section{position:relative;z-index:2;padding:132px max(24px,calc((100vw - 1360px) / 2)) 142px;background:#fff} .fo-solutions-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,0.65fr);gap:clamp(48px,8vw,126px);align-items:end} .fo-solutions-heading h2{max-width:860px;margin:0;color:var(--fo-ink);font-size:clamp(3rem,5.2vw,5.15rem);font-weight:760;letter-spacing:-0.064em;line-height:0.99} .fo-solutions-heading > div:last-child > p{margin:0;color:#5a6260;font-size:17px;line-height:1.64} .fo-solutions-link{display:inline-flex;align-items:center;gap:10px;margin-top:25px;color:var(--fo-ink);font-size:13px;font-weight:740;text-decoration:none} .fo-solutions-link .fo-arrow-icon{background:#edf1ef} .fo-solutions-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;margin-top:68px} .fo-solution-card{position:relative;display:flex;min-height:390px;flex-direction:column;justify-content:space-between;overflow:hidden;padding:38px;border:9px solid #fff;border-radius:34px;box-shadow:0 0 0 1px rgba(12,17,18,0.05),0 20px 48px rgba(36,42,39,0.075);transition:transform 350ms cubic-bezier(0.2,0.75,0.2,1),box-shadow 350ms ease} .fo-solution-card:hover{transform:translateY(-4px);box-shadow:0 0 0 1px rgba(12,17,18,0.05),0 26px 58px rgba(36,42,39,0.11)} .fo-solution-card--transport{grid-column:span 7;background:#ffe0c5} .fo-solution-card--property{grid-column:span 5;background:#d7f2df} .fo-solution-card--consulting,.fo-solution-card--maintenance,.fo-solution-card--tasks{grid-column:span 4} .fo-solution-card--consulting{background:#f0dafa} .fo-solution-card--maintenance{background:#e8f3de} .fo-solution-card--tasks{background:#f4eeeb} .fo-solution-copy{position:relative;z-index:2;max-width:510px} .fo-solution-icon{display:grid;width:48px;height:48px;place-items:center;margin-bottom:30px;border-radius:15px;background:var(--fo-ink);color:#fff} .fo-solution-icon svg{width:22px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65} .fo-solution-kicker{color:#65706b;font-size:10px;font-weight:780;letter-spacing:0.13em;text-transform:uppercase} .fo-solution-copy h3{max-width:520px;margin:13px 0 0;color:var(--fo-ink);font-size:clamp(2rem,3vw,3rem);font-weight:750;letter-spacing:-0.052em;line-height:1.02} .fo-solution-copy p{max-width:500px;margin:18px 0 0;color:#56615c;font-size:14px;line-height:1.6} .fo-route-visual{position:absolute;right:38px;bottom:38px;display:flex;align-items:center} .fo-route-visual span{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(12,17,18,0.16);border-radius:50%;background:rgba(255,255,255,0.58);color:var(--fo-ink);font-size:10px} .fo-route-visual span.is-complete{border-color:var(--fo-ink);background:var(--fo-ink);color:#fff} .fo-route-visual i{width:42px;height:1px;background:rgba(12,17,18,0.2)} .fo-property-visual{position:absolute;right:-24px;bottom:-28px;width:220px;height:190px} .fo-property-visual span{position:absolute;border:1px solid rgba(30,91,59,0.12);border-radius:32px 32px 0 0} .fo-property-visual span:nth-child(1){inset:42px 0 0 80px} .fo-property-visual span:nth-child(2){inset:80px 78px 0 0} .fo-property-visual span:nth-child(3){top:0;left:27px;width:56px;height:56px;border-radius:50%} .fo-calendar-visual{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:38px} .fo-calendar-visual span{display:grid;min-height:58px;place-items:center;border:1px solid rgba(12,17,18,0.08);border-radius:15px;background:rgba(255,255,255,0.5);color:#67606a;font-size:11px;font-weight:720} .fo-calendar-visual span.is-active{background:var(--fo-ink);color:#fff} .fo-site-visual,.fo-task-visual{display:grid;gap:8px;margin-top:34px} .fo-site-visual{grid-template-columns:repeat(3,1fr)} .fo-site-visual span{display:grid;min-height:58px;place-items:center;border-radius:15px;background:rgba(255,255,255,0.55);color:#16784a;font-size:13px;font-weight:760} .fo-task-visual span{display:grid;min-height:48px;grid-template-columns:28px minmax(0,1fr) auto;gap:11px;align-items:center;padding:7px 12px 7px 9px;border:1px solid rgba(12,17,18,0.055);border-radius:14px;background:rgba(255,255,255,0.62)} .fo-task-visual i{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:var(--fo-ink);color:#fff;font-size:9px;font-style:normal} .fo-task-visual b{color:#27302c;font-size:10px;font-weight:720} .fo-task-visual small{color:#79817e;font-size:8px;font-weight:690} .fo-task-visual span.is-next{background:rgba(255,255,255,0.4)} .fo-task-visual span.is-next i{border:1px solid rgba(12,17,18,0.1);background:#fff} .fo-final-cta{position:relative;z-index:2;padding:120px 24px 126px;overflow:hidden;background:#fbf3ef;text-align:center} .fo-final-inner{position:relative;z-index:2;width:min(980px,100%);margin:0 auto} .fo-final-inner h2{margin:0;color:var(--fo-ink);font-size:clamp(3.25rem,6.3vw,6.5rem);font-weight:760;letter-spacing:-0.07em;line-height:0.94} .fo-final-inner > p:not(.fo-final-legal){max-width:650px;margin:28px auto 0;color:#5d6562;font-size:17px;line-height:1.62} .fo-final-actions{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:34px} .fo-final-legal{margin:20px auto 0;color:#767d7a;font-size:10px;line-height:1.6} .fo-final-legal a{color:#343d39;font-weight:690;text-underline-offset:2px} .fo-final-points{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:38px;color:#4f5954;font-size:11px;font-weight:680} .fo-final-points span{display:inline-flex;align-items:center;gap:8px} .fo-final-points i{display:grid;width:21px;height:21px;place-items:center;border-radius:50%;background:#fff;color:#058d55;font-size:9px;font-style:normal;box-shadow:0 0 0 1px rgba(12,17,18,0.06)} .fo-final-shape{position:absolute;border:1px solid rgba(139,99,81,0.09);animation:fo-final-drift 8s ease-in-out infinite} .fo-final-shape--left{bottom:-110px;left:-45px;width:330px;height:420px;border-radius:150px 150px 40px 40px;background:rgba(255,220,194,0.36);transform:rotate(-12deg)} .fo-final-shape--right{top:80px;right:-70px;width:310px;height:310px;border-radius:50%;background:rgba(224,247,232,0.5);animation-delay:-2.5s} @keyframes fo-final-drift{50%{transform:translateY(-9px) rotate(-9deg)}} .fo-site-footer{padding:76px max(24px,calc((100vw - 1360px) / 2)) 28px;background:#0c1110;color:#fff} .fo-footer-main{display:grid;grid-template-columns:minmax(250px,0.85fr) minmax(0,1.5fr);gap:clamp(70px,10vw,170px);padding-bottom:70px} .fo-footer-brand > a:first-child{display:inline-flex;align-items:center;gap:11px;color:#fff;font-size:22px;font-weight:760;text-decoration:none} .fo-footer-brand > a:first-child img{width:38px;height:38px} .fo-footer-brand > p{max-width:340px;margin:24px 0 0;color:#9ca5a1;font-size:13px;line-height:1.65} .fo-footer-contact{display:inline-flex;margin-top:22px;color:#d9dfdc;font-size:12px;font-weight:680;text-decoration:none} .fo-footer-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px} .fo-footer-links h2{margin:0 0 22px;color:#737e79;font-size:10px;font-weight:760;letter-spacing:0.13em;text-transform:uppercase} .fo-footer-links a{display:block;width:fit-content;margin-top:13px;color:#c2cac6;font-size:12px;text-decoration:none;transition:color 180ms ease} .fo-footer-links a:hover{color:#fff} .fo-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:26px;border-top:1px solid rgba(255,255,255,0.1)} .fo-footer-bottom p{display:flex;align-items:center;gap:9px;margin:0;color:#707a75;font-size:10px} .fo-footer-bottom strong{color:#b8c0bc} .fo-features-main{background:#fbf7f4} body.flowops-features-page .fo-site .fo-features-main h1,body.flowops-features-page .fo-site .fo-features-main h2,body.flowops-features-page .fo-site .fo-features-main h3{color:var(--fo-ink) !important} body.flowops-features-page .fo-site .fo-features-main .fo-button{color:var(--fo-ink) !important} body.flowops-features-page .fo-site .fo-features-main .fo-button--dark{color:#fff !important} .fo-features-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(440px,0.98fr);gap:clamp(48px,7vw,108px);align-items:center;min-height:790px;padding:174px max(24px,calc((100vw - 1400px) / 2)) 96px;overflow:hidden} .fo-features-ambient{position:absolute;border-radius:44px;background:rgba(242,225,217,0.52);pointer-events:none} .fo-features-ambient--left{width:280px;height:430px;left:-120px;bottom:40px} .fo-features-ambient--right{width:340px;height:500px;right:-170px;top:210px} .fo-features-hero-copy,.fo-feature-flow{position:relative;z-index:1} .fo-features-hero h1{max-width:760px;margin:24px 0 24px;color:var(--fo-ink);font-size:clamp(4.3rem,5.8vw,6.7rem);font-weight:850;letter-spacing:-0.07em;line-height:0.92} .fo-features-hero-copy > p{max-width:650px;margin:0;color:var(--fo-ink-soft);font-size:clamp(18px,1.45vw,22px);line-height:1.55} .fo-features-hero-actions{display:flex;gap:14px;margin-top:34px} .fo-feature-flow{padding:15px;border:10px solid #fff;border-radius:38px;background:#d9f3e1;box-shadow:0 28px 72px rgba(56,45,40,0.12);transform:rotate(1deg)} .fo-feature-flow-head{display:flex;align-items:center;justify-content:space-between;padding:20px 18px 25px} .fo-feature-flow-head div{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:800;letter-spacing:0.08em;text-transform:uppercase} .fo-feature-flow-head div span{width:9px;height:9px;border-radius:50%;background:#00c96b;box-shadow:0 0 0 7px rgba(0,201,107,0.12)} .fo-feature-flow-head small{color:#65716a;font-size:12px;font-weight:700} .fo-feature-flow ol{display:grid;gap:8px;margin:0;padding:0;list-style:none} .fo-feature-flow li{display:grid;grid-template-columns:54px minmax(0,1fr) 34px;align-items:center;gap:14px;min-height:92px;padding:15px 18px;border:1px solid rgba(12,17,18,0.08);border-radius:22px;background:rgba(255,255,255,0.64)} .fo-feature-flow li > span{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#fff;font-size:12px;font-weight:850} .fo-feature-flow li strong,.fo-feature-flow li small{display:block} .fo-feature-flow li strong{font-size:16px} .fo-feature-flow li small{margin-top:5px;color:#65716a;font-size:13px} .fo-feature-flow li > i{display:grid;place-items:center;width:28px;height:28px;border:2px solid rgba(12,17,18,0.15);border-radius:50%;font-style:normal;font-weight:900} .fo-feature-flow li.is-done > i{border-color:#0c1112;background:#0c1112;color:#fff} .fo-feature-flow li.is-current{background:#fff;box-shadow:0 12px 30px rgba(53,75,61,0.08)} .fo-feature-flow li.is-current > i{border:7px solid rgba(0,230,118,0.18);background:#00df76;box-shadow:0 0 0 4px #fff} .fo-feature-capabilities{padding:116px max(24px,calc((100vw - 1400px) / 2)) 130px;background:#fff} .fo-feature-section-heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,0.75fr);gap:80px;align-items:end;margin-bottom:58px} .fo-feature-section-heading h2{max-width:850px;margin:22px 0 0;color:var(--fo-ink);font-size:clamp(3.25rem,4.8vw,5.4rem);font-weight:850;letter-spacing:-0.065em;line-height:0.98} .fo-feature-section-heading > p{margin:0 0 8px;color:var(--fo-ink-soft);font-size:18px;line-height:1.65} .fo-feature-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .fo-feature-detail{position:relative;min-height:520px;padding:clamp(34px,4vw,58px);border:12px solid #fff;border-radius:38px;box-shadow:0 0 0 1px rgba(12,17,18,0.08),0 22px 50px rgba(51,42,38,0.07);overflow:hidden} .fo-feature-detail::after{content:"";position:absolute;width:250px;height:250px;right:-100px;bottom:-100px;border:2px solid rgba(12,17,18,0.055);border-radius:50%;box-shadow:0 0 0 42px rgba(255,255,255,0.1)} .fo-feature-detail--peach{background:#ffe1c7} .fo-feature-detail--mint{background:#d8f3df} .fo-feature-detail--lilac{background:#efdaf8} .fo-feature-detail--cream{background:#f3ece7} .fo-feature-detail--blue{background:#dceef2} .fo-feature-detail--rose{background:#f7dfe3} .fo-feature-detail-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#0c1112;color:#fff} .fo-feature-detail-icon svg{width:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} .fo-feature-number{position:absolute;top:50px;right:52px;color:rgba(12,17,18,0.28);font-size:14px;font-weight:850;letter-spacing:0.12em} .fo-feature-detail h3{max-width:570px;margin:74px 0 20px;color:var(--fo-ink);font-size:clamp(2.1rem,3.2vw,3.65rem);font-weight:850;letter-spacing:-0.055em;line-height:0.98} .fo-feature-detail > p{max-width:610px;margin:0;color:#50595a;font-size:17px;line-height:1.6} .fo-feature-detail ul{position:relative;z-index:1;display:grid;gap:11px;margin:30px 0 0;padding:0;list-style:none} .fo-feature-detail li{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:720} .fo-feature-detail li::before{content:"✓";display:grid;place-items:center;flex:0 0 auto;width:23px;height:23px;border-radius:50%;background:rgba(255,255,255,0.76);font-size:11px;font-weight:900} .fo-features-closing{padding:112px max(24px,calc((100vw - 1400px) / 2));background:#fbf7f4} .fo-features-closing-inner{position:relative;padding:clamp(58px,7vw,100px);border:12px solid #fff;border-radius:42px;background:radial-gradient(circle at 90% 10%,rgba(240,216,250,0.88),transparent 32%),linear-gradient(135deg,#d7f5e1,#fff0e4);box-shadow:0 22px 60px rgba(51,42,38,0.08);text-align:center} .fo-features-closing h2{max-width:900px;margin:22px auto 18px;color:var(--fo-ink);font-size:clamp(3.3rem,5.5vw,6rem);font-weight:850;letter-spacing:-0.07em;line-height:0.96} .fo-features-closing p{margin:0;color:var(--fo-ink-soft);font-size:18px} .fo-features-closing-inner > div{display:flex;justify-content:center;gap:14px;margin-top:34px} .fo-solutions-main{background:#fbf7f4} body.flowops-solutions-page .fo-site .fo-solutions-main h1,body.flowops-solutions-page .fo-site .fo-solutions-main h2,body.flowops-solutions-page .fo-site .fo-solutions-main h3{color:var(--fo-ink) !important} body.flowops-solutions-page .fo-site .fo-solutions-main .fo-button{color:var(--fo-ink) !important} body.flowops-solutions-page .fo-site .fo-solutions-main .fo-button--dark{color:#fff !important} .fo-solutions-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(430px,0.92fr);align-items:center;gap:clamp(52px,7vw,110px);min-height:830px;padding:174px max(24px,calc((100vw - 1400px) / 2)) 100px;overflow:hidden} .fo-solutions-shape{position:absolute;pointer-events:none} .fo-solutions-shape--one{width:310px;height:460px;right:-155px;bottom:0;border-radius:55px 0 0;background:rgba(240,216,250,0.45)} .fo-solutions-shape--two{width:240px;height:340px;left:-120px;bottom:55px;border-radius:0 45px 45px 0;background:rgba(255,223,193,0.38)} .fo-solutions-hero-copy,.fo-solutions-console{position:relative;z-index:1} .fo-solutions-hero h1{max-width:790px;margin:24px 0;color:var(--fo-ink);font-size:clamp(4.5rem,6vw,7rem);font-weight:850;letter-spacing:-0.072em;line-height:0.92} .fo-solutions-hero-copy > p{max-width:670px;margin:0;color:var(--fo-ink-soft);font-size:clamp(18px,1.45vw,22px);line-height:1.55} .fo-solutions-actions{display:flex;gap:14px;margin-top:34px} .fo-solutions-console{padding:15px;border:10px solid #fff;border-radius:40px;background:#efdaf8;box-shadow:0 30px 80px rgba(62,47,68,0.13);transform:rotate(-1deg)} .fo-solutions-console-top{display:flex;align-items:center;justify-content:space-between;padding:19px 18px 24px;font-size:13px;font-weight:800;letter-spacing:0.08em;text-transform:uppercase} .fo-solutions-console-top span{display:flex;align-items:center;gap:10px} .fo-solutions-console-top i{width:10px;height:10px;border-radius:50%;background:#00d875;box-shadow:0 0 0 7px rgba(0,216,117,0.12)} .fo-solutions-console-top small{color:#756b79;font-size:11px} .fo-solutions-console-main{padding:clamp(30px,4vw,52px);border-radius:28px;background:#0c1112;color:#fff} .fo-solutions-console-label{color:rgba(255,255,255,0.58);font-size:12px;font-weight:800;letter-spacing:0.12em;text-transform:uppercase} .fo-solutions-console-main > strong{display:block;margin-top:18px;font-size:clamp(2.8rem,4vw,4.6rem);font-weight:830;letter-spacing:-0.055em} .fo-solutions-progress{height:8px;margin:34px 0 30px;border-radius:999px;background:rgba(255,255,255,0.12);overflow:hidden} .fo-solutions-progress span{display:block;width:72%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#00e676,#bdf7d5);animation:fo-solution-progress 5s ease-in-out infinite} .fo-solutions-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px} .fo-solutions-stats div{padding:16px;border:1px solid rgba(255,255,255,0.09);border-radius:18px;background:rgba(255,255,255,0.045)} .fo-solutions-stats b,.fo-solutions-stats small{display:block} .fo-solutions-stats b{font-size:22px} .fo-solutions-stats small{margin-top:4px;color:rgba(255,255,255,0.56);font-size:11px} .fo-solutions-console-note{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:13px;margin-top:10px;padding:15px;border-radius:22px;background:rgba(255,255,255,0.66)} .fo-solutions-console-note > span{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:#fff;font-weight:900} .fo-solutions-console-note strong,.fo-solutions-console-note small{display:block} .fo-solutions-console-note strong{font-size:14px} .fo-solutions-console-note small{margin-top:4px;color:#69616c;font-size:11px;line-height:1.35} @keyframes fo-solution-progress{0%,100%{width:68%} 50%{width:78%}} .fo-solution-types{padding:118px max(24px,calc((100vw - 1400px) / 2)) 132px;background:#fff} .fo-solution-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,0.42fr);column-gap:70px;align-items:end;margin-bottom:58px} .fo-solution-heading .fo-section-label{grid-column:1 / -1} .fo-solution-heading h2{max-width:940px;margin:22px 0 0;color:var(--fo-ink);font-size:clamp(3.25rem,4.9vw,5.5rem);font-weight:850;letter-spacing:-0.066em;line-height:0.97} .fo-solution-heading > p{margin:0 0 8px;color:var(--fo-ink-soft);font-size:18px;line-height:1.6} .fo-solution-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .fo-usecase-card{position:relative;min-height:570px;padding:clamp(32px,3.7vw,54px);border:11px solid #fff;border-radius:39px;box-shadow:0 0 0 1px rgba(12,17,18,0.08),0 22px 52px rgba(51,42,38,0.07);overflow:hidden} .fo-usecase-card::after{content:"";position:absolute;right:-100px;bottom:-120px;width:300px;height:300px;border:2px solid rgba(12,17,18,0.055);border-radius:50%;box-shadow:0 0 0 50px rgba(255,255,255,0.1)} .fo-usecase-card--peach{background:#ffe0c5} .fo-usecase-card--mint{background:#d7f3df} .fo-usecase-card--lilac{background:#efdcf8} .fo-usecase-card--blue{background:#dceef2} .fo-usecase-card--cream{background:#f2ebe6} .fo-usecase-card--rose{background:#f7dfe4} .fo-usecase-card-top{display:flex;align-items:center;justify-content:space-between;color:rgba(12,17,18,0.3);font-size:13px;font-weight:850;letter-spacing:0.12em} .fo-usecase-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#0c1112;color:#fff} .fo-usecase-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} .fo-usecase-kicker{display:block;margin-top:70px;font-size:12px;font-weight:820;letter-spacing:0.13em;text-transform:uppercase} .fo-usecase-card h3{max-width:610px;margin:16px 0 20px;color:var(--fo-ink);font-size:clamp(2.1rem,3.2vw,3.6rem);font-weight:850;letter-spacing:-0.055em;line-height:0.98} .fo-usecase-card > p{max-width:620px;margin:0;color:#50595a;font-size:16px;line-height:1.62} .fo-usecase-card ul{position:relative;z-index:1;display:grid;gap:11px;margin:29px 0 0;padding:0;list-style:none} .fo-usecase-card li{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:720} .fo-usecase-card li::before{content:"✓";display:grid;place-items:center;width:23px;height:23px;flex:0 0 auto;border-radius:50%;background:rgba(255,255,255,0.78);font-size:11px;font-weight:900} .fo-solution-fit{display:grid;grid-template-columns:minmax(0,0.92fr) minmax(480px,1.08fr);align-items:center;gap:clamp(50px,8vw,120px);padding:130px max(24px,calc((100vw - 1400px) / 2));background:#fbf7f4} .fo-solution-fit h2{margin:22px 0 24px;color:var(--fo-ink);font-size:clamp(3.2rem,4.8vw,5.25rem);font-weight:850;letter-spacing:-0.065em;line-height:0.98} .fo-solution-fit-copy > p{margin:0;color:var(--fo-ink-soft);font-size:18px;line-height:1.65} .fo-solution-fit-map{display:grid;gap:10px;padding:14px;border:10px solid #fff;border-radius:38px;background:#d8f3df;box-shadow:0 24px 60px rgba(47,68,54,0.1)} .fo-solution-fit-map div{display:flex;align-items:center;justify-content:space-between;min-height:78px;padding:15px 18px 15px 24px;border-radius:21px;background:rgba(255,255,255,0.68);font-size:17px;font-weight:790} .fo-solution-fit-map i{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#fff;font-size:11px;font-style:normal;font-weight:850} .fo-solution-fit-map div:nth-child(3){background:#0c1112;color:#fff} .fo-solution-fit-map div:nth-child(3) i{background:#00e676;color:#0c1112} .fo-solutions-closing{padding:20px max(24px,calc((100vw - 1400px) / 2)) 116px;background:#fbf7f4} .fo-solutions-closing-inner{padding:clamp(58px,7vw,100px);border:12px solid #fff;border-radius:42px;background:radial-gradient(circle at 8% 18%,rgba(255,223,193,0.9),transparent 35%),linear-gradient(135deg,#d7f5e1,#efdafa);box-shadow:0 22px 60px rgba(51,42,38,0.08);text-align:center} .fo-solutions-closing h2{max-width:960px;margin:22px auto 18px;color:var(--fo-ink);font-size:clamp(3.2rem,5.3vw,5.8rem);font-weight:850;letter-spacing:-0.07em;line-height:0.96} .fo-solutions-closing p{margin:0;color:var(--fo-ink-soft);font-size:18px} .fo-solutions-closing-inner > div{display:flex;justify-content:center;gap:14px;margin-top:34px} .fo-pricing-page-main{background:#fbf7f4} body.flowops-pricing-page .fo-site .fo-pricing-page-main h1,body.flowops-pricing-page .fo-site .fo-pricing-page-main h2,body.flowops-pricing-page .fo-site .fo-pricing-page-main h3{color:var(--fo-ink) !important} body.flowops-pricing-page .fo-site .fo-pricing-page-main .fo-button--dark{color:#fff !important} .fo-pricing-page-hero{position:relative;padding:174px max(24px,calc((100vw - 1400px) / 2)) 82px;overflow:hidden} .fo-pricing-page-shape{position:absolute;pointer-events:none} .fo-pricing-page-shape--left{width:260px;height:440px;left:-130px;top:310px;border-radius:0 48px 48px 0;background:rgba(255,223,193,0.4)} .fo-pricing-page-shape--right{width:300px;height:480px;right:-150px;top:210px;border-radius:52px 0 0 52px;background:rgba(240,216,250,0.42)} .fo-pricing-page-intro{position:relative;z-index:1;max-width:980px;margin:0 auto 40px;text-align:center} .fo-pricing-page-intro h1{margin:24px 0;color:var(--fo-ink);font-size:clamp(4.2rem,5.8vw,6.4rem);font-weight:850;letter-spacing:-0.07em;line-height:0.94} .fo-pricing-page-intro > p{max-width:720px;margin:0 auto;color:var(--fo-ink-soft);font-size:clamp(18px,1.4vw,21px);line-height:1.58} .fo-pricing-plan{position:relative;z-index:1;display:grid;grid-template-columns:minmax(380px,0.78fr) minmax(0,1.22fr);width:min(1160px,100%);margin:0 auto;padding:12px;border:1px solid rgba(12,17,18,0.08);border-radius:42px;background:#fff;box-shadow:0 30px 80px rgba(51,42,38,0.1)} .fo-pricing-plan-main,.fo-pricing-plan-included{border-radius:31px} .fo-pricing-plan-main{border-radius:31px 0 0 31px;padding:clamp(34px,4.2vw,58px);background:#0c1112;color:#fff} .fo-pricing-plan-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px} .fo-pricing-plan-head div > span,.fo-pricing-plan-head div > small{display:block} .fo-pricing-plan-head div > span{font-size:16px;font-weight:820} .fo-pricing-plan-head div > small{margin-top:5px;color:rgba(255,255,255,0.5);font-size:11px} .fo-pricing-plan-badge{padding:9px 12px;border-radius:999px;background:rgba(0,230,118,0.13);color:#93f7bd;font-size:10px;font-weight:820;letter-spacing:0.05em;white-space:nowrap;text-transform:uppercase} .fo-pricing-page-price{display:flex;align-items:flex-start;margin-top:60px} .fo-pricing-page-price > span{margin:13px 6px 0 0;font-size:27px;font-weight:760} .fo-pricing-page-price strong{font-size:clamp(5.4rem,7.2vw,7.3rem);font-weight:850;letter-spacing:-0.075em;line-height:0.82} .fo-pricing-page-price small{align-self:flex-end;margin:0 0 8px 10px;color:rgba(255,255,255,0.5);font-size:12px} .fo-pricing-plan-main > p{margin:28px 0 30px;color:rgba(255,255,255,0.64);font-size:15px} .fo-pricing-plan-main .fo-button{width:100%;background:#fff;color:#0c1112 !important} body.flowops-pricing-page .fo-site .fo-pricing-plan-main .fo-button--dark{background:#fff;color:#0c1112 !important} .fo-pricing-plan-terms{display:block;margin-top:18px;color:rgba(255,255,255,0.42);font-size:10px;line-height:1.5;text-align:center} .fo-pricing-plan-terms a{color:rgba(255,255,255,0.76);text-decoration:underline;text-underline-offset:2px} .fo-pricing-plan-included{border-radius:0 31px 31px 0;padding:clamp(38px,4vw,56px);background:radial-gradient(circle at 100% 0,rgba(240,216,250,0.75),transparent 34%),#d9f3e1} .fo-pricing-plan-kicker{font-size:11px;font-weight:820;letter-spacing:0.13em;text-transform:uppercase} .fo-pricing-plan-included h2{max-width:650px;margin:18px 0 25px;color:var(--fo-ink);font-size:clamp(2.35rem,3vw,3.25rem);font-weight:850;letter-spacing:-0.058em;line-height:1} .fo-pricing-plan-included ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 24px;margin:0;padding:0;list-style:none} .fo-pricing-plan-included li{display:flex;align-items:flex-start;gap:10px;font-size:13px;font-weight:700;line-height:1.4} .fo-pricing-plan-included li > span{display:grid;place-items:center;flex:0 0 auto;width:23px;height:23px;border-radius:50%;background:rgba(255,255,255,0.8);font-size:10px;font-weight:900} .fo-pricing-no-seats{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:14px;margin-top:26px;padding:15px;border-radius:22px;background:rgba(255,255,255,0.68)} @media (min-width:901px){.fo-pricing-plan-main{display:flex;flex-direction:column} .fo-pricing-page-price{margin-top:auto;padding-top:42px} .fo-pricing-plan-terms{margin-bottom:auto;padding-bottom:34px}} .fo-pricing-no-seats > span{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:#0c1112;color:#fff;font-size:24px;font-weight:800} .fo-pricing-no-seats strong,.fo-pricing-no-seats small{display:block} .fo-pricing-no-seats strong{font-size:14px} .fo-pricing-no-seats small{margin-top:4px;color:#626c66;font-size:11px;line-height:1.4} .fo-pricing-value{padding:116px max(24px,calc((100vw - 1400px) / 2)) 130px;background:#fff} .fo-pricing-value-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,0.45fr);gap:70px;align-items:end;margin-bottom:56px} .fo-pricing-value-heading .fo-section-label{grid-column:1 / -1} .fo-pricing-value-heading h2{margin:20px 0 0;color:var(--fo-ink);font-size:clamp(3rem,4.5vw,5rem);font-weight:850;letter-spacing:-0.064em;line-height:0.98} .fo-pricing-value-heading > p{margin:0 0 7px;color:var(--fo-ink-soft);font-size:17px;line-height:1.62} .fo-pricing-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px} .fo-pricing-value-card{position:relative;min-height:360px;padding:clamp(30px,3.3vw,46px);border:10px solid #fff;border-radius:36px;box-shadow:0 0 0 1px rgba(12,17,18,0.08),0 20px 46px rgba(51,42,38,0.06);overflow:hidden} .fo-pricing-value-card::after{content:"";position:absolute;right:-80px;bottom:-110px;width:240px;height:240px;border:2px solid rgba(12,17,18,0.05);border-radius:50%} .fo-pricing-value-card--peach{background:#ffe0c5} .fo-pricing-value-card--mint{background:#d8f3df} .fo-pricing-value-card--lilac{background:#efdcf8} .fo-pricing-value-card > span{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#0c1112;color:#fff;font-size:11px;font-weight:850} .fo-pricing-value-card h3{margin:74px 0 18px;color:var(--fo-ink);font-size:clamp(1.9rem,2.6vw,2.85rem);font-weight:850;letter-spacing:-0.052em;line-height:1} .fo-pricing-value-card p{position:relative;z-index:1;margin:0;color:#51595a;font-size:15px;line-height:1.6} .fo-pricing-faq{display:grid;grid-template-columns:minmax(300px,0.65fr) minmax(0,1.35fr);gap:clamp(50px,8vw,120px);padding:126px max(24px,calc((100vw - 1400px) / 2));background:#fbf7f4} .fo-pricing-faq-heading h2{margin:22px 0 0;color:var(--fo-ink);font-size:clamp(3rem,4.2vw,4.8rem);font-weight:850;letter-spacing:-0.064em;line-height:0.98} .fo-pricing-faq-list{display:grid;gap:10px} .fo-pricing-faq-list details{border:1px solid rgba(12,17,18,0.08);border-radius:22px;background:#fff;box-shadow:0 10px 24px rgba(51,42,38,0.035)} .fo-pricing-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:80px;padding:20px 22px 20px 26px;font-size:16px;font-weight:780;cursor:pointer;list-style:none} .fo-pricing-faq-list summary::-webkit-details-marker{display:none} .fo-pricing-faq-list summary span{position:relative;flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:#eef1ef} .fo-pricing-faq-list summary span::before,.fo-pricing-faq-list summary span::after{content:"";position:absolute;top:50%;left:50%;width:11px;height:1.5px;background:#0c1112;transform:translate(-50%,-50%)} .fo-pricing-faq-list summary span::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform 180ms ease} .fo-pricing-faq-list details[open] summary span::after{transform:translate(-50%,-50%) rotate(0)} .fo-pricing-faq-list details p{margin:-5px 70px 0 26px;padding:0 0 24px;color:var(--fo-ink-soft);font-size:14px;line-height:1.65} .fo-pricing-page-closing{padding:20px max(24px,calc((100vw - 1400px) / 2)) 116px;background:#fbf7f4} .fo-pricing-page-closing-inner{padding:clamp(58px,7vw,96px);border:12px solid #fff;border-radius:42px;background:radial-gradient(circle at 8% 16%,rgba(255,223,193,0.9),transparent 34%),linear-gradient(135deg,#d7f5e1,#efdcf8);box-shadow:0 22px 60px rgba(51,42,38,0.08);text-align:center} .fo-pricing-page-closing h2{max-width:880px;margin:22px auto 18px;color:var(--fo-ink);font-size:clamp(3rem,4.9vw,5.4rem);font-weight:850;letter-spacing:-0.068em;line-height:0.97} .fo-pricing-page-closing p{margin:0;color:var(--fo-ink-soft);font-size:17px} .fo-pricing-page-closing .fo-button{margin-top:32px} .fo-js .fo-reveal{opacity:0;transform:translate3d(0,10px,0) scale(0.996);backface-visibility:hidden;transition:opacity 520ms cubic-bezier(0.22,1,0.36,1) var(--fo-delay,0ms),transform 560ms cubic-bezier(0.22,1,0.36,1) var(--fo-delay,0ms);will-change:opacity,transform} .fo-js .fo-reveal.is-visible{will-change:auto} .fo-js .fo-reveal.is-visible{opacity:1;transform:translate3d(0,0,0) scale(1)} .fo-stage-footer{display:flex;min-height:120px;align-items:center;justify-content:center;padding:32px 24px;background:#fff;color:#687072} .fo-stage-footer p{display:flex;align-items:center;gap:10px;margin:0;font-size:13px} .fo-stage-footer strong{color:var(--fo-ink)} .fo-error-page{position:relative;display:flex;min-height:calc(100vh - 120px);align-items:center;padding:174px 24px 82px;overflow:hidden;background:radial-gradient(circle at 28% 42%,rgba(255,255,255,0.96),transparent 32%),radial-gradient(circle at 76% 56%,rgba(199,249,220,0.26),transparent 30%),linear-gradient(180deg,#faf5f2 0%,var(--fo-canvas) 100%)} .fo-error-glow{position:absolute;top:24%;left:50%;width:min(1120px,82vw);height:560px;border-radius:50%;background:rgba(255,255,255,0.58);filter:blur(90px);transform:translateX(-50%);pointer-events:none} .fo-error-ambient{position:absolute;width:270px;height:470px;border-radius:0 72px 72px 0;background:rgba(239,222,215,0.4);pointer-events:none} .fo-error-ambient--left{bottom:-72px;left:0} .fo-error-ambient--right{top:240px;right:0;border-radius:72px 0 0 72px} .fo-error-shell{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,0.82fr);align-items:center;gap:clamp(56px,7vw,112px);width:min(1280px,100%);margin:auto} .fo-error-copy{max-width:710px} .fo-error-eyebrow{display:inline-flex;min-height:48px;align-items:center;gap:11px;padding:6px 17px 6px 7px;border:1px solid rgba(12,17,18,0.055);border-radius:999px;background:rgba(255,255,255,0.92);box-shadow:0 14px 35px rgba(61,45,40,0.055);color:#4f5759;font-size:13px;font-weight:720} .fo-error-eyebrow-code{display:inline-grid;min-width:58px;min-height:34px;place-items:center;border-radius:999px;background:var(--fo-ink);color:#fff;font-size:12px;font-weight:780;letter-spacing:0.08em} .fo-error-copy h1{max-width:700px;margin:34px 0 0;color:var(--fo-ink);font-size:clamp(4rem,5.25vw,5.75rem);font-weight:820;letter-spacing:-0.07em;line-height:0.98} .fo-error-copy > p{max-width:650px;margin:28px 0 0;color:var(--fo-ink-soft);font-size:clamp(17px,1.35vw,20px);letter-spacing:-0.018em;line-height:1.58} .fo-error-actions{display:flex;align-items:center;gap:12px;margin-top:32px} .fo-error-actions .fo-button{min-width:190px} .fo-error-visual{position:relative;min-height:540px} .fo-error-shape{position:absolute;border-radius:42px;transform:rotate(-8deg)} .fo-error-shape--peach{inset:56px 18px 54px 42px;background:var(--fo-peach)} .fo-error-shape--lilac{right:-36px;bottom:18px;width:180px;height:180px;background:var(--fo-lilac);transform:rotate(12deg)} .fo-error-card{position:absolute;inset:22px 32px 32px 0;display:flex;flex-direction:column;padding:34px;overflow:hidden;border:10px solid rgba(255,255,255,0.95);border-radius:42px;background:radial-gradient(circle at 92% 6%,rgba(255,255,255,0.58),transparent 28%),var(--fo-mint);box-shadow:0 35px 85px rgba(52,44,40,0.15),inset 0 0 0 1px rgba(12,17,18,0.035);animation:fo-error-float 6s ease-in-out infinite} .fo-error-card::after{content:"";position:absolute;right:-105px;bottom:-110px;width:300px;height:300px;border:2px solid rgba(12,17,18,0.055);border-radius:50%;box-shadow:0 0 0 52px rgba(12,17,18,0.025),0 0 0 104px rgba(12,17,18,0.018)} .fo-error-card-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;color:#51705d;font-size:11px;font-weight:790;letter-spacing:0.1em;text-transform:uppercase} .fo-error-card-dot{width:11px;height:11px;border:3px solid rgba(0,198,103,0.2);border-radius:50%;background:#00c667;box-shadow:0 0 0 6px rgba(0,198,103,0.09)} .fo-error-number{position:relative;z-index:2;margin-top:38px;color:var(--fo-ink);font-size:clamp(8.5rem,12vw,11rem);font-weight:850;letter-spacing:-0.105em;line-height:0.76} .fo-error-card > p{position:relative;z-index:2;margin:24px 0 0;color:#27322c;font-size:23px;font-weight:760;letter-spacing:-0.04em} .fo-error-route{position:relative;z-index:2;display:flex;align-items:center;margin-top:34px;padding-right:28px} .fo-error-route-node{display:grid;flex:0 0 auto;width:42px;height:42px;place-items:center;border-radius:50%} .fo-error-route-node svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .fo-error-route-node.is-complete{background:var(--fo-ink);color:#fff} .fo-error-route-node.is-missing{background:rgba(255,255,255,0.88);color:#65716a;box-shadow:0 8px 20px rgba(35,55,43,0.08)} .fo-error-route-line{flex:1 1 auto;height:2px;margin:0 10px;background:repeating-linear-gradient(90deg,rgba(12,17,18,0.32) 0 8px,transparent 8px 15px)} .fo-error-card-note{position:relative;z-index:2;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;margin-top:auto;padding:13px;border:1px solid rgba(255,255,255,0.7);border-radius:18px;background:rgba(255,255,255,0.68);box-shadow:0 12px 28px rgba(35,55,43,0.07);backdrop-filter:blur(12px)} .fo-error-card-note-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:var(--fo-ink);color:#fff} .fo-error-card-note-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} .fo-error-card-note strong,.fo-error-card-note small{display:block} .fo-error-card-note strong{color:var(--fo-ink);font-size:13px} .fo-error-card-note small{margin-top:3px;color:#637068;font-size:11px;line-height:1.4} @keyframes fo-error-float{0%,100%{transform:translateY(0) rotate(0.35deg)} 50%{transform:translateY(-10px) rotate(-0.35deg)}} @media (max-width:1240px){.fo-primary-nav{gap:10px;margin:0} .fo-nav-link{padding-inline:13px} .fo-sign-in{display:none} .fo-card-visual{padding:24px} .fo-card-heading h2{font-size:27px} .fo-role-row:nth-child(2){margin-left:10px} .fo-role-row:nth-child(3){margin-left:20px} .fo-error-shell{gap:48px} .fo-error-copy h1{font-size:clamp(3.8rem,5.7vw,5rem)}} @media (max-width:1240px){:root{--fo-shell:min(100% - 32px,960px)} .fo-features-hero{grid-template-columns:1fr;gap:58px;padding-top:166px} .fo-features-hero-copy{max-width:860px;text-align:center;justify-self:center} .fo-features-hero-copy > p{margin-inline:auto} .fo-features-hero-actions{justify-content:center} .fo-feature-flow{width:min(760px,100%);justify-self:center;transform:none} .fo-feature-section-heading{grid-template-columns:1fr;gap:28px} .fo-feature-section-heading > p{max-width:700px} .fo-solutions-hero{grid-template-columns:1fr;gap:60px;padding-top:166px} .fo-solutions-hero-copy{max-width:880px;justify-self:center;text-align:center} .fo-solutions-hero-copy > p{margin-inline:auto} .fo-solutions-actions{justify-content:center} .fo-solutions-console{width:min(760px,100%);justify-self:center;transform:none} .fo-solution-heading{grid-template-columns:1fr;gap:28px} .fo-solution-heading .fo-section-label{grid-column:auto} .fo-solution-heading > p{max-width:700px} .fo-solution-fit{grid-template-columns:1fr} .fo-solution-fit-copy{max-width:820px} .fo-solution-fit-map{width:min(760px,100%)} .fo-pricing-value-heading{grid-template-columns:1fr;gap:26px} .fo-pricing-value-heading .fo-section-label{grid-column:auto} .fo-pricing-value-heading > p{max-width:700px} .fo-pricing-faq{grid-template-columns:1fr} .fo-pricing-faq-heading{max-width:700px} .fo-header-wrap{padding-top:16px} .fo-nav-shell{display:flex;min-height:72px;padding:9px 11px 9px 20px} .fo-primary-nav{position:absolute;top:calc(100% + 12px);right:0;left:0;display:grid;max-height:calc(100vh - 120px);gap:4px;margin:0;padding:14px;overflow-y:auto;border:1px solid rgba(12,17,18,0.08);border-radius:28px;background:rgba(255,255,255,0.98);box-shadow:0 30px 70px rgba(31,25,23,0.2);opacity:0;visibility:hidden;transform:translateY(-8px);pointer-events:none;transition:opacity 180ms ease,visibility 180ms ease,transform 200ms ease} .fo-primary-nav[data-open="true"]{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto} .fo-header-actions{margin-left:auto} .fo-nav-link{justify-content:space-between;width:100%;min-height:50px;padding:0 16px;color:#202627 !important} .fo-nav-link:hover,.fo-nav-link:focus-visible,.fo-nav-item[data-open="true"] > .fo-nav-link{background:#f4f1ef;color:var(--fo-ink) !important} .fo-nav-link.is-active{background:#f2f3f1;color:var(--fo-ink) !important;box-shadow:inset 0 0 0 1px rgba(12,17,18,0.065)} .fo-mobile-nav-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:5px;padding:12px 2px 2px;border-top:1px solid rgba(12,17,18,0.08)} .fo-mobile-nav-action{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:8px;border-radius:16px;background:#eeecea;color:var(--fo-ink) !important;font-size:14px;font-weight:720} .fo-mobile-nav-action--primary{background:var(--fo-green)} .fo-mobile-nav-action .fo-arrow-icon{width:22px;height:22px;background:rgba(7,16,11,0.1)} .fo-menu-toggle{display:block} .fo-mega{position:static;display:grid;max-height:0;grid-template-columns:1fr;padding:0;overflow:hidden;border:0;border-radius:22px;box-shadow:none;opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:max-height 300ms ease,margin 200ms ease,padding 200ms ease;backdrop-filter:none} .fo-nav-item[data-open="true"] .fo-mega{max-height:950px;margin-top:6px;padding:8px;background:#f5f2f0} .fo-mega-links{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px} .fo-mega-cta{min-height:220px} .fo-hero{padding-top:180px} .fo-hero h1{font-size:clamp(3.7rem,8vw,5.7rem)} .fo-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .fo-story-card:last-child{grid-column:1 / -1} .fo-story-card:last-child .fo-card-visual{min-height:410px} .fo-story-card:last-child .fo-ai-flow{width:min(480px,100%);margin:0 auto} .fo-customer-section{padding-inline:28px} .fo-customer-heading{grid-template-columns:1fr;gap:28px} .fo-customer-heading > p{max-width:680px} .fo-customer-showcase{grid-template-columns:1fr} .fo-customer-copy{padding:64px} .fo-customer-visual{min-height:700px} .fo-pricing-section{padding-inline:28px} .fo-pricing-card{grid-template-columns:repeat(2,minmax(0,1fr))} .fo-price-main{border-radius:29px 0 0 0} .fo-price-included{border-radius:0 29px 0 0} .fo-price-action{min-height:340px;grid-column:1 / -1;border-radius:0 0 29px 29px} .fo-solutions-section{padding-inline:28px} .fo-solutions-heading{grid-template-columns:1fr;gap:28px} .fo-solutions-heading > div:last-child{max-width:680px} .fo-solution-card--transport,.fo-solution-card--property,.fo-solution-card--consulting,.fo-solution-card--maintenance{grid-column:span 6} .fo-solution-card--tasks{grid-column:1 / -1} .fo-footer-main{grid-template-columns:1fr;gap:56px} .fo-error-page{padding-top:146px} .fo-error-shell{grid-template-columns:minmax(0,1fr);gap:48px} .fo-error-copy{max-width:760px;margin:0 auto;text-align:center} .fo-error-copy h1,.fo-error-copy > p{margin-right:auto;margin-left:auto} .fo-error-actions{justify-content:center} .fo-error-visual{width:min(590px,100%);min-height:470px;margin:0 auto}} @media (max-width:782px){.admin-bar .fo-header-wrap{top:46px}} @media (max-width:760px){:root{--fo-shell:calc(100% - 24px)} .fo-features-hero{min-height:auto;gap:44px;padding:130px 18px 64px} .fo-features-ambient--left{width:150px;height:310px;left:-90px} .fo-features-ambient--right{width:170px;height:340px;right:-110px;top:300px} .fo-features-hero h1{margin:20px 0;font-size:clamp(3.1rem,13.4vw,4.5rem);line-height:0.94} .fo-features-hero-copy > p{font-size:17px} .fo-features-hero-actions{display:grid;gap:10px;margin-top:28px} .fo-features-hero-actions .fo-button{width:100%} .fo-feature-flow{padding:8px;border-width:7px;border-radius:30px} .fo-feature-flow-head{padding:16px 13px 20px} .fo-feature-flow-head small{display:none} .fo-feature-flow li{grid-template-columns:44px minmax(0,1fr) 27px;gap:10px;min-height:82px;padding:12px;border-radius:18px} .fo-feature-flow li > span{width:40px;height:40px;border-radius:13px} .fo-feature-flow li strong{font-size:14px} .fo-feature-flow li small{font-size:11px;line-height:1.35} .fo-feature-flow li > i{width:25px;height:25px} .fo-feature-capabilities{padding:78px 18px 84px} .fo-feature-section-heading{margin-bottom:38px} .fo-feature-section-heading h2{font-size:clamp(2.65rem,11.5vw,3.8rem)} .fo-feature-section-heading > p{font-size:16px} .fo-feature-detail-grid{grid-template-columns:1fr;gap:18px} .fo-feature-detail{min-height:0;padding:30px 26px 34px;border-width:8px;border-radius:30px} .fo-feature-number{top:35px;right:30px} .fo-feature-detail h3{margin-top:62px;font-size:clamp(2rem,9vw,2.8rem)} .fo-feature-detail > p{font-size:15px} .fo-feature-detail ul{margin-top:24px} .fo-features-closing{padding:72px 18px} .fo-features-closing-inner{padding:48px 22px;border-width:8px;border-radius:32px} .fo-features-closing h2{font-size:clamp(2.8rem,12vw,4rem)} .fo-features-closing p{font-size:16px} .fo-features-closing-inner > div{display:grid;gap:10px} .fo-features-closing .fo-button{width:100%} .fo-solutions-hero{min-height:auto;gap:44px;padding:130px 18px 64px} .fo-solutions-shape--one{width:160px;height:350px;right:-100px} .fo-solutions-shape--two{width:150px;height:290px;left:-95px} .fo-solutions-hero h1{margin:20px 0;font-size:clamp(3.2rem,13.8vw,4.6rem);line-height:0.94} .fo-solutions-hero-copy > p{font-size:17px} .fo-solutions-actions{display:grid;gap:10px;margin-top:28px} .fo-solutions-actions .fo-button{width:100%} .fo-solutions-console{padding:8px;border-width:7px;border-radius:30px} .fo-solutions-console-top{padding:15px 13px 19px;font-size:11px} .fo-solutions-console-main{padding:27px 20px;border-radius:22px} .fo-solutions-console-main > strong{font-size:2.7rem} .fo-solutions-stats div{padding:12px 9px;border-radius:14px} .fo-solutions-stats b{font-size:19px} .fo-solutions-stats small{font-size:9px} .fo-solution-types{padding:78px 18px 84px} .fo-solution-heading{margin-bottom:38px} .fo-solution-heading h2{font-size:clamp(2.65rem,11.5vw,3.8rem)} .fo-solution-heading > p{font-size:16px} .fo-solution-grid{grid-template-columns:1fr;gap:18px} .fo-usecase-card{min-height:0;padding:28px 26px 34px;border-width:8px;border-radius:30px} .fo-usecase-kicker{margin-top:53px;font-size:10px} .fo-usecase-card h3{font-size:clamp(2rem,9vw,2.8rem)} .fo-usecase-card > p{font-size:15px} .fo-solution-fit{gap:42px;padding:82px 18px} .fo-solution-fit h2{font-size:clamp(2.7rem,11.8vw,3.9rem)} .fo-solution-fit-copy > p{font-size:16px} .fo-solution-fit-map{padding:8px;border-width:7px;border-radius:30px} .fo-solution-fit-map div{min-height:66px;padding:12px 12px 12px 18px;border-radius:17px;font-size:15px} .fo-solutions-closing{padding:0 18px 76px} .fo-solutions-closing-inner{padding:48px 22px;border-width:8px;border-radius:32px} .fo-solutions-closing h2{font-size:clamp(2.8rem,12vw,4rem)} .fo-solutions-closing p{font-size:16px} .fo-solutions-closing-inner > div{display:grid;gap:10px} .fo-solutions-closing .fo-button{width:100%} .fo-pricing-page-hero{padding:130px 18px 76px} .fo-pricing-page-intro{margin-bottom:38px} .fo-pricing-page-intro h1{margin:20px 0} .fo-pricing-page-intro > p{font-size:16px} .fo-pricing-plan{grid-template-columns:1fr;padding:8px;border-radius:31px} .fo-pricing-plan-main,.fo-pricing-plan-included{border-radius:24px} .fo-pricing-plan-main{border-radius:24px 24px 0 0} .fo-pricing-plan-included{border-radius:0 0 24px 24px} .fo-pricing-plan-main,.fo-pricing-plan-included{padding:30px 25px} .fo-pricing-plan-head{display:grid} .fo-pricing-plan-badge{justify-self:start} .fo-pricing-page-price{margin-top:45px} .fo-pricing-page-price strong{font-size:5.6rem} .fo-pricing-plan-included h2{font-size:2.45rem} .fo-pricing-plan-included ul{grid-template-columns:1fr} .fo-pricing-value{padding:78px 18px 84px} .fo-pricing-value-heading{margin-bottom:38px} .fo-pricing-value-heading > p{font-size:16px} .fo-pricing-value-grid{grid-template-columns:1fr;gap:18px} .fo-pricing-value-card{min-height:0;padding:28px 25px 34px;border-width:8px;border-radius:29px} .fo-pricing-value-card h3{margin-top:54px} .fo-pricing-faq{gap:38px;padding:82px 18px} .fo-pricing-faq-list summary{min-height:72px;padding:18px;font-size:14px} .fo-pricing-faq-list details p{margin:-3px 54px 0 18px;padding-bottom:20px;font-size:13px} .fo-pricing-page-closing{padding:0 18px 76px} .fo-pricing-page-closing-inner{padding:48px 22px;border-width:8px;border-radius:32px} .fo-pricing-page-closing p{font-size:16px} .fo-pricing-page-closing .fo-button{width:100%} .fo-header-wrap{padding-top:12px} .fo-nav-shell{min-height:66px;padding-left:15px;border-radius:34px} .fo-brand{gap:8px;font-size:21px} .fo-brand img{width:32px;height:32px} .fo-header-cta{min-height:44px;padding:0 15px;font-size:13px} .fo-header-cta .fo-arrow-icon{display:none} .fo-menu-toggle{width:44px;height:44px} .fo-menu-toggle > span:not(.screen-reader-text){left:12px} .fo-primary-nav{max-height:calc(100vh - 100px);border-radius:24px} .fo-mega-links{grid-template-columns:1fr;gap:2px} .fo-mega-cta{min-height:210px;padding:23px} .fo-mega-cta strong{font-size:23px} .fo-hero{padding:150px 12px 64px} .fo-soft-glow{top:180px;width:100vw;height:430px} .fo-ambient{top:300px;width:80px;height:440px;opacity:0.7} .fo-ambient span{display:none} .fo-eyebrow{min-height:42px;gap:8px;padding:0 14px;font-size:11px} .fo-spark{font-size:14px} .fo-hero h1{margin-top:34px;font-size:clamp(2.9rem,12.6vw,3.4rem);letter-spacing:-0.065em;line-height:0.98} .fo-hero-intro{max-width:590px;margin-top:25px;padding:0 12px;font-size:16px;line-height:1.55} .fo-hero-actions{flex-direction:column;gap:10px;margin-top:27px} .fo-button{width:min(100%,330px);min-height:56px} .fo-laptop-stage{width:calc(100vw - 24px);margin-top:50px} .fo-laptop-lid{padding:11px 7px 8px;border-radius:16px 16px 10px 10px} .fo-laptop-camera{top:4px;width:3px;height:3px} .fo-laptop-screen{border-radius:10px 10px 6px 6px} .fo-laptop-base{width:106%;height:18px;margin-left:-3%;border-radius:2px 2px 24px 24px} .fo-laptop-base::before{height:4px} .fo-capability-ribbon{width:calc(100vw - 24px);margin-top:54px} .fo-ribbon-group{gap:34px;min-width:1160px;padding:0 18px} .fo-ribbon-icon{width:30px;height:30px;border-radius:10px} .fo-story-grid{grid-template-columns:1fr;width:calc(100vw - 24px);gap:16px;margin-top:44px} .fo-story-card:last-child{grid-column:auto} .fo-story-card{min-height:510px;padding:9px;border-radius:28px} .fo-card-visual,.fo-story-card:last-child .fo-card-visual{min-height:415px;padding:22px;border-radius:21px} .fo-card-heading h2{font-size:27px} .fo-card-icon{width:48px;height:48px} .fo-lifecycle{gap:8px} .fo-life-step small{font-size:8px} .fo-role-row:nth-child(2),.fo-role-row:nth-child(3){margin-left:0} .fo-card-footer{min-height:70px} .fo-customer-section{padding:88px 12px 96px} .fo-customer-heading{gap:24px;padding:0 10px} .fo-customer-heading h2{font-size:clamp(2.65rem,12vw,3.4rem);line-height:1} .fo-customer-heading > p{font-size:16px} .fo-customer-showcase{margin-top:46px;border-width:8px;border-radius:28px} .fo-customer-copy{padding:42px 24px 48px} .fo-customer-copy h3{font-size:clamp(2.3rem,10vw,3rem)} .fo-customer-copy > p{font-size:15px} .fo-customer-link{width:100%} .fo-customer-visual{min-height:720px;padding:62px 0;border-radius:22px} .fo-tracking-phone{width:min(300px,84%);min-height:590px;padding:16px 18px 20px;border-width:7px;border-radius:36px;transform:none} .fo-customer-float{min-width:0;width:154px;gap:9px;padding:10px 11px;border-radius:15px} .fo-customer-float > span{width:34px;height:34px;border-radius:10px} .fo-customer-float small{font-size:7px} .fo-customer-float strong{font-size:10px} .fo-customer-float--update{top:16px;left:10px} .fo-customer-float--secure{right:10px;bottom:16px} .fo-pricing-section{padding:88px 12px 96px;background-size:96px 100%} .fo-pricing-heading{padding:0 10px;text-align:left} .fo-pricing-heading h2{font-size:clamp(2.65rem,12vw,3.4rem);line-height:1} .fo-pricing-heading > p{margin-top:22px;font-size:16px} .fo-pricing-card{grid-template-columns:1fr;margin-top:46px;padding:8px;border-radius:28px} .fo-price-main,.fo-price-included,.fo-price-action{min-height:auto;padding:38px 26px} .fo-price-main{border-radius:21px 21px 0 0} .fo-price-value strong{font-size:6.4rem} .fo-price-included{border-radius:0} .fo-price-included ul{gap:17px} .fo-price-action{grid-column:auto;border-radius:0 0 21px 21px} .fo-price-action h3{font-size:clamp(2.3rem,10vw,3rem)} .fo-price-buttons{flex-direction:column;align-items:stretch;gap:16px} .fo-price-buttons .fo-button{width:100%} .fo-price-text-link{justify-content:center} .fo-solutions-section{padding:88px 12px 96px} .fo-solutions-heading{gap:24px;padding:0 10px} .fo-solutions-heading h2{font-size:clamp(2.65rem,12vw,3.4rem);line-height:1} .fo-solutions-heading > div:last-child > p{font-size:16px} .fo-solutions-grid{grid-template-columns:1fr;gap:14px;margin-top:46px} .fo-solution-card--transport,.fo-solution-card--property,.fo-solution-card--consulting,.fo-solution-card--maintenance,.fo-solution-card--tasks{grid-column:auto} .fo-solution-card{min-height:365px;padding:28px;border-width:8px;border-radius:28px} .fo-solution-card--transport{min-height:410px} .fo-solution-copy h3{font-size:clamp(2rem,9.5vw,2.65rem)} .fo-route-visual{right:28px;bottom:28px} .fo-route-visual i{width:28px} .fo-final-cta{padding:88px 12px 94px} .fo-final-inner{padding:0 10px} .fo-final-inner h2{font-size:clamp(3rem,13.5vw,4rem)} .fo-final-inner > p:not(.fo-final-legal){margin-top:23px;font-size:16px} .fo-final-actions{flex-direction:column;gap:10px;margin-top:28px} .fo-final-actions .fo-button{width:min(100%,340px)} .fo-final-legal{max-width:330px;margin-top:18px} .fo-final-points{display:grid;justify-content:center;gap:12px;margin-top:30px;text-align:left} .fo-final-shape--left{width:180px;height:280px} .fo-final-shape--right{top:45px;width:180px;height:180px} .fo-site-footer{padding:58px 24px 26px} .fo-footer-main{gap:48px;padding-bottom:48px} .fo-footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px} .fo-footer-bottom{align-items:flex-start;flex-direction:column;gap:12px} .fo-footer-bottom p{flex-wrap:wrap} .fo-stage-footer{min-height:100px} .fo-error-page{padding:128px 12px 54px} .fo-error-ambient{width:84px;height:360px;opacity:0.72} .fo-error-shell{gap:38px} .fo-error-eyebrow{min-height:42px;font-size:11px} .fo-error-eyebrow-code{min-width:52px;min-height:30px;font-size:10px} .fo-error-copy h1{margin-top:27px;font-size:clamp(3rem,13.8vw,3.65rem);line-height:0.99} .fo-error-copy > p{margin-top:22px;padding:0 8px;font-size:16px;line-height:1.52} .fo-error-actions{flex-direction:column;gap:10px;margin-top:27px} .fo-error-actions .fo-button{width:min(100%,350px);min-height:56px} .fo-error-visual{min-height:450px} .fo-error-shape--peach{inset:36px 7px 38px 22px;border-radius:32px} .fo-error-shape--lilac{right:-10px;bottom:6px;width:128px;height:128px;border-radius:32px} .fo-error-card{inset:10px 16px 20px 0;padding:26px;padding-bottom:38px;border-width:8px;border-radius:32px} .fo-error-number{margin-top:30px;font-size:clamp(7.4rem,34vw,9rem)} .fo-error-card > p{margin-top:20px;font-size:20px} .fo-error-route{margin-top:28px}} @media (max-width:420px){.fo-header-cta{display:none} .fo-hero{padding-top:132px} .fo-hero h1{font-size:clamp(2.65rem,12.2vw,3rem)} .fo-card-heading{gap:10px} .fo-card-heading h2{font-size:24px} .fo-lifecycle{gap:5px} .fo-card-note{font-size:10px} .fo-error-visual{min-height:420px} .fo-error-card{padding:23px;padding-bottom:34px} .fo-error-card-note{grid-template-columns:38px minmax(0,1fr);padding:10px} .fo-error-card-note-icon{width:38px;height:38px}} @media (min-width:1081px){.fo-hero h1{font-size:clamp(4rem,5.2vw,5.8rem)} .fo-customer-heading h2,.fo-pricing-heading h2,.fo-solutions-heading h2{font-size:clamp(3rem,4.4vw,4.65rem)} .fo-final-inner h2{font-size:clamp(3.4rem,5.2vw,5.35rem)} .fo-features-hero h1,.fo-solutions-hero h1,.fo-pricing-page-intro h1{font-size:clamp(4rem,5.2vw,5.85rem)} .fo-feature-section-heading h2,.fo-solution-heading h2,.fo-solution-fit h2,.fo-pricing-value-heading h2,.fo-pricing-faq-heading h2{font-size:clamp(3rem,4.25vw,4.7rem)} .fo-features-closing h2,.fo-solutions-closing h2,.fo-pricing-page-closing h2{font-size:clamp(3.2rem,4.65vw,5rem)} .fo-feature-detail h3,.fo-usecase-card h3{font-size:clamp(2rem,2.85vw,3.15rem)}} @media (min-width:761px) and (max-width:1080px){.fo-hero h1,.fo-features-hero h1,.fo-solutions-hero h1,.fo-pricing-page-intro h1{font-size:clamp(3.4rem,7vw,4.65rem)} .fo-customer-heading h2,.fo-pricing-heading h2,.fo-solutions-heading h2,.fo-feature-section-heading h2,.fo-solution-heading h2,.fo-solution-fit h2,.fo-pricing-value-heading h2,.fo-pricing-faq-heading h2{font-size:clamp(2.8rem,5.7vw,3.8rem)} .fo-final-inner h2,.fo-features-closing h2,.fo-solutions-closing h2,.fo-pricing-page-closing h2{font-size:clamp(3rem,6.4vw,4.2rem)} .fo-feature-detail h3,.fo-usecase-card h3,.fo-customer-copy h3,.fo-price-action h3{font-size:clamp(2rem,4.2vw,2.75rem)} .fo-error-copy h1{font-size:clamp(3.25rem,6.5vw,4.3rem)}} @media (min-width:761px) and (max-width:900px){.fo-pricing-plan{grid-template-columns:1fr;width:min(680px,100%)} .fo-pricing-plan-main{border-radius:31px 31px 0 0} .fo-pricing-plan-included{border-radius:0 0 31px 31px} .fo-pricing-plan-main,.fo-pricing-plan-included{padding:44px} .fo-pricing-plan-main .fo-button{max-width:360px} .fo-pricing-plan-included ul{gap:15px 28px} .fo-pricing-value-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .fo-pricing-value-card:last-child{grid-column:1 / -1;min-height:290px}} @media (max-width:760px){.fo-hero h1,.fo-features-hero h1,.fo-solutions-hero h1,.fo-pricing-page-intro h1{font-size:clamp(2.7rem,11vw,3.2rem);line-height:0.96} .fo-customer-heading h2,.fo-pricing-heading h2,.fo-solutions-heading h2,.fo-feature-section-heading h2,.fo-solution-heading h2,.fo-solution-fit h2,.fo-pricing-value-heading h2,.fo-pricing-faq-heading h2{font-size:clamp(2.35rem,9.8vw,2.85rem);line-height:1} .fo-final-inner h2,.fo-features-closing h2,.fo-solutions-closing h2,.fo-pricing-page-closing h2{font-size:clamp(2.5rem,10.5vw,3rem);line-height:0.99} .fo-feature-detail h3,.fo-usecase-card h3,.fo-customer-copy h3,.fo-price-action h3,.fo-solution-copy h3,.fo-pricing-value-card h3,.fo-pricing-plan-included h2{font-size:clamp(1.85rem,7.8vw,2.25rem);line-height:1.02} .fo-error-copy h1{font-size:clamp(2.75rem,11.2vw,3.15rem);line-height:0.98}} @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto} .fo-site *,.fo-site *::before,.fo-site *::after{scroll-behavior:auto !important;animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important} .fo-ribbon-track{transform:none !important} .fo-story-card .fo-life-step > span,.fo-story-card .fo-life-step small,.fo-story-card .fo-card-note,.fo-story-card .fo-role-row,.fo-story-card .fo-role-row > i,.fo-story-card .fo-role-orbit,.fo-story-card .fo-ai-request,.fo-story-card .fo-ai-arrow,.fo-story-card .fo-ai-fields,.fo-story-card .fo-ai-fields span,.fo-story-card .fo-ready-pill,.fo-ai-star,.fo-tracking-list .is-current > i,.fo-customer-float,.fo-final-shape{opacity:1 !important;transform:none !important;animation:none !important} .fo-solutions-progress span{width:72%;animation:none !important} .fo-js .fo-reveal{opacity:1;transform:none}} .fo-docs-main{background:#fbf7f4} body.flowops-docs-page .fo-site .fo-docs-main h1,body.flowops-docs-page .fo-site .fo-docs-main h2,body.flowops-docs-page .fo-site .fo-docs-main h3{color:var(--fo-ink) !important} body.flowops-docs-page .fo-site .fo-docs-main .fo-button{color:var(--fo-ink) !important} body.flowops-docs-page .fo-site .fo-docs-main .fo-button--dark{color:#fff !important} .fo-docs-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(430px,0.97fr);align-items:center;gap:clamp(54px,7vw,108px);min-height:780px;padding:168px max(24px,calc((100vw - 1400px) / 2)) 88px;overflow:hidden} .fo-docs-shape{position:absolute;pointer-events:none} .fo-docs-shape--left{left:-145px;bottom:48px;width:280px;height:430px;border-radius:0 52px 52px 0;background:rgba(255,223,193,0.42)} .fo-docs-shape--right{top:224px;right:-175px;width:330px;height:470px;border-radius:52px 0 0 52px;background:rgba(240,216,250,0.42)} .fo-docs-hero-copy,.fo-docs-map{position:relative;z-index:1} .fo-docs-hero-copy h1{max-width:760px;margin:23px 0 24px;font-size:clamp(3.8rem,5.2vw,5.75rem);font-weight:850;letter-spacing:-0.07em;line-height:0.94} .fo-docs-hero-copy > p{max-width:660px;margin:0;color:var(--fo-ink-soft);font-size:clamp(18px,1.4vw,21px);line-height:1.58} .fo-docs-hero-actions{display:flex;gap:14px;margin-top:34px} .fo-arrow-icon--down svg{transform:none} .fo-docs-map{padding:13px;border:10px solid #fff;border-radius:38px;background:radial-gradient(circle at 100% 0,rgba(240,216,250,0.64),transparent 34%),#d9f3e1;box-shadow:0 28px 72px rgba(56,45,40,0.12);transform:rotate(0.8deg)} .fo-docs-map-head{display:flex;align-items:center;justify-content:space-between;padding:18px 17px 22px} .fo-docs-map-head div{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:820;letter-spacing:0.08em;text-transform:uppercase} .fo-docs-map-head div span{width:9px;height:9px;border-radius:50%;background:#00c96b;box-shadow:0 0 0 7px rgba(0,201,107,0.12)} .fo-docs-map-head small{color:#65716a;font-size:11px;font-weight:740} .fo-docs-map ol{display:grid;gap:7px;margin:0;padding:0;list-style:none} .fo-docs-map a{display:grid;grid-template-columns:45px minmax(0,1fr) 28px;align-items:center;gap:12px;min-height:64px;padding:10px 13px;border:1px solid rgba(12,17,18,0.075);border-radius:18px;background:rgba(255,255,255,0.62);transition:background-color 180ms ease,transform 180ms ease} .fo-docs-map a:hover,.fo-docs-map a:focus-visible{background:#fff;transform:translateX(3px)} .fo-docs-map a:focus-visible,.fo-docs-sidebar a:focus-visible{outline:3px solid #00c96b;outline-offset:2px} .fo-docs-map a > span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#fff;font-size:11px;font-weight:850} .fo-docs-map a strong{font-size:14px} .fo-docs-map a i{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:rgba(12,17,18,0.075);font-size:12px;font-style:normal} .fo-docs-library{padding:112px max(24px,calc((100vw - 1400px) / 2)) 126px;background:#fff} .fo-docs-layout{display:grid;grid-template-columns:252px minmax(0,1fr);gap:clamp(36px,5vw,72px);align-items:start} .fo-docs-sidebar{position:sticky;top:24px;align-self:start} .admin-bar .fo-docs-sidebar{top:56px} .fo-docs-sidebar-inner{padding:22px;border:1px solid rgba(12,17,18,0.08);border-radius:28px;background:#f7f2ef} .fo-docs-sidebar-label{display:block;margin:2px 5px 15px;color:#727b79;font-size:10px;font-weight:820;letter-spacing:0.13em;text-transform:uppercase} .fo-docs-sidebar nav{display:grid;gap:5px} .fo-docs-sidebar nav a{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:9px;min-height:43px;padding:7px 9px;border-radius:13px;color:#3e4748;font-size:12px;font-weight:710;line-height:1.25;transition:background-color 180ms ease,color 180ms ease,box-shadow 180ms ease,transform 180ms ease} .fo-docs-sidebar nav a:hover{background:#fff;color:var(--fo-ink)} .fo-docs-sidebar nav a.is-current,.fo-docs-sidebar nav a[aria-current="location"]{background:#fff;color:var(--fo-ink);box-shadow:inset 3px 0 0 #00d875,0 8px 20px rgba(42,34,31,0.07);transform:translateX(2px)} .fo-docs-sidebar nav a span{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#fff;color:#727b79;font-size:9px;font-weight:840;transition:background-color 180ms ease,color 180ms ease} .fo-docs-sidebar nav a.is-current span,.fo-docs-sidebar nav a[aria-current="location"] span{background:#0c1112;color:#fff} .fo-docs-sidebar-card{margin-top:18px;padding:17px;border-radius:19px;background:#0c1112;color:#fff} .fo-docs-sidebar-card > span{display:block;color:rgba(255,255,255,0.58);font-size:11px;line-height:1.45} .fo-docs-sidebar-card a{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;color:#fff !important;font-size:12px;font-weight:780} .fo-docs-sidebar-card i{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:rgba(255,255,255,0.1);font-style:normal} .fo-docs-content{display:grid;gap:28px;min-width:0} .fo-docs-section,.fo-docs-closing{scroll-margin-top:24px} .fo-docs-section{padding:clamp(38px,4.4vw,60px);border:10px solid #fff;border-radius:38px;box-shadow:0 0 0 1px rgba(12,17,18,0.08),0 22px 52px rgba(51,42,38,0.065)} .fo-docs-section--overview{background:#f7f2ef} .fo-docs-section--lifecycle{background:#fff0e3} .fo-docs-section--roles{background:#dff5e6} .fo-docs-section--review{background:#f0e3f6} .fo-docs-section--tracking{background:#d9f3e1} .fo-docs-section--ai{background:#f6e4e8} .fo-docs-section-head{display:grid;grid-template-columns:56px minmax(0,1fr);gap:20px;align-items:start} .fo-docs-section-number{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:#0c1112;color:#fff;font-size:11px;font-weight:850} .fo-docs-kicker{display:block;color:#697270;font-size:10px;font-weight:830;letter-spacing:0.13em;text-transform:uppercase} .fo-docs-section-head h2{max-width:760px;margin:13px 0 16px;font-size:clamp(2.45rem,3.5vw,3.7rem);font-weight:850;letter-spacing:-0.06em;line-height:0.98} .fo-docs-section-head p{max-width:760px;margin:0;color:#50595a;font-size:16px;line-height:1.62} .fo-docs-journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:38px 0 0;padding:0;list-style:none} .fo-docs-journey li{min-height:126px;padding:18px;border:1px solid rgba(12,17,18,0.07);border-radius:20px;background:rgba(255,255,255,0.72)} .fo-docs-journey li > span{color:#85908c;font-size:9px;font-weight:850;letter-spacing:0.1em} .fo-docs-journey strong,.fo-docs-journey small{display:block} .fo-docs-journey strong{margin-top:22px;font-size:15px} .fo-docs-journey small{margin-top:5px;color:#68716f;font-size:11px} .fo-docs-status-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:38px 0 0;padding:0;list-style:none} .fo-docs-status-track li{position:relative;min-height:142px;padding:19px;border-radius:21px;background:rgba(255,255,255,0.7)} .fo-docs-status-track li > span{display:block;width:18px;height:18px;border:5px solid #fff;border-radius:50%;background:#0c1112;box-shadow:0 0 0 1px rgba(12,17,18,0.14)} .fo-docs-status-track li:nth-child(3) > span,.fo-docs-status-track li:nth-child(6) > span{background:#00dc75;box-shadow:0 0 0 1px rgba(0,180,95,0.22),0 0 0 6px rgba(0,220,117,0.1)} .fo-docs-status-track strong,.fo-docs-status-track small{display:block} .fo-docs-status-track strong{margin-top:21px;font-size:14px} .fo-docs-status-track small{margin-top:6px;color:#6d706b;font-size:10px;line-height:1.42} .fo-docs-note{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:13px;margin-top:10px;padding:14px 16px;border-radius:19px;background:rgba(255,255,255,0.75)} .fo-docs-note > span{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#0c1112;color:#fff;font-size:13px;font-weight:850} .fo-docs-note p{margin:0;color:#616864;font-size:11px;line-height:1.55} .fo-docs-note strong{color:var(--fo-ink)} .fo-docs-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:38px} .fo-docs-role-grid section{padding:24px;border:1px solid rgba(12,17,18,0.07);border-radius:22px;background:rgba(255,255,255,0.72)} .fo-docs-role-avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:#0c1112;color:#fff;font-size:11px;font-weight:830} .fo-docs-role-grid h3{margin:34px 0 10px;font-size:20px;font-weight:830;letter-spacing:-0.035em} .fo-docs-role-grid p{min-height:92px;margin:0;color:#57605e;font-size:12px;line-height:1.55} .fo-docs-role-grid small{display:flex;align-items:center;gap:8px;margin-top:19px;color:#39433f;font-size:10px;font-weight:780} .fo-docs-role-grid small i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff;color:#087a46;font-size:9px;font-style:normal} .fo-docs-review-routes{display:grid;gap:8px;margin-top:38px} .fo-docs-review-routes > div{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);align-items:center;gap:13px;min-height:68px;padding:12px 18px;border-radius:20px;background:rgba(255,255,255,0.7)} .fo-docs-review-routes span,.fo-docs-review-routes strong{font-size:13px} .fo-docs-review-routes i{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#0c1112;color:#fff;font-style:normal} .fo-docs-decision-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px} .fo-docs-decision-grid > div{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:13px;padding:17px;border-radius:20px;background:rgba(255,255,255,0.54)} .fo-docs-decision-grid > div > span{display:grid;grid-row:1 / span 2;place-items:center;width:42px;height:42px;border-radius:14px;background:#fff;font-weight:850} .fo-docs-decision-grid strong{font-size:12px} .fo-docs-decision-grid small{margin-top:4px;color:#6c6570;font-size:10px;line-height:1.4} .fo-docs-footnote{margin:17px 2px 0;color:#6c6570;font-size:10px;line-height:1.5} .fo-docs-tracking-grid{display:grid;grid-template-columns:minmax(0,0.88fr) minmax(330px,1.12fr);align-items:stretch;gap:12px;margin-top:38px} .fo-docs-tracking-grid > ul{display:grid;gap:8px;margin:0;padding:0;list-style:none} .fo-docs-tracking-grid > ul li{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:13px;min-height:76px;padding:13px;border-radius:19px;background:rgba(255,255,255,0.66)} .fo-docs-tracking-grid > ul li > span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#fff;font-size:10px;font-weight:840} .fo-docs-tracking-grid > ul strong,.fo-docs-tracking-grid > ul small{display:block} .fo-docs-tracking-grid > ul strong{font-size:12px} .fo-docs-tracking-grid > ul small{margin-top:4px;color:#637068;font-size:10px;line-height:1.4} .fo-docs-tracking-card{padding:26px;border:1px solid rgba(12,17,18,0.08);border-radius:25px;background:#fff;box-shadow:0 18px 38px rgba(49,78,58,0.08)} .fo-docs-tracking-card-top{display:grid;grid-template-columns:34px auto 1fr;align-items:center;gap:9px} .fo-docs-tracking-card-top > span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#0c1112;color:#00e676;font-weight:900} .fo-docs-tracking-card-top strong{font-size:13px} .fo-docs-tracking-card-top small{justify-self:end;color:#7a8380;font-size:9px;font-weight:760;text-transform:uppercase} .fo-docs-tracking-card h3{max-width:310px;margin:28px 0 26px;font-size:27px;font-weight:840;letter-spacing:-0.05em;line-height:1} .fo-docs-tracking-card ol{display:grid;gap:13px;margin:0;padding:0;list-style:none} .fo-docs-tracking-card ol li{display:grid;grid-template-columns:31px minmax(0,1fr);gap:11px;align-items:center} .fo-docs-tracking-card ol i{display:grid;place-items:center;width:30px;height:30px;border:1px solid #cbd2ce;border-radius:50%;font-size:9px;font-style:normal} .fo-docs-tracking-card ol .is-done i{border-color:#0c1112;background:#0c1112;color:#fff} .fo-docs-tracking-card ol .is-current i{border:8px solid rgba(0,230,118,0.16);background:#00e676;box-shadow:0 0 0 1px rgba(0,166,86,0.2)} .fo-docs-tracking-card ol strong,.fo-docs-tracking-card ol small{display:block} .fo-docs-tracking-card ol strong{font-size:11px} .fo-docs-tracking-card ol small{margin-top:3px;color:#86908c;font-size:9px} .fo-docs-ai-flow{display:grid;grid-template-columns:minmax(0,0.95fr) 36px minmax(0,1.05fr);align-items:center;gap:12px;margin-top:38px} .fo-docs-ai-request,.fo-docs-ai-output{min-height:210px;padding:25px;border-radius:23px;background:rgba(255,255,255,0.68)} .fo-docs-ai-request > span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#0c1112;color:#fff;font-size:17px} .fo-docs-ai-request small{display:block;margin-top:25px;color:#7d7075;font-size:9px;font-weight:820;letter-spacing:0.1em;text-transform:uppercase} .fo-docs-ai-request p{margin:9px 0 0;font-size:13px;font-weight:690;line-height:1.5} .fo-docs-ai-arrow{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#0c1112;color:#fff;font-size:14px} .fo-docs-ai-output{display:grid;gap:8px} .fo-docs-ai-output > span{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:11px;min-height:48px;padding:6px 12px 6px 6px;border-radius:15px;background:#fff;font-size:11px;font-weight:760} .fo-docs-ai-output i{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#f6e4e8;color:#79666c;font-size:9px;font-style:normal;font-weight:840} .fo-docs-ai-ready{display:flex;grid-column:1 / -1;align-items:center;gap:11px;min-height:58px;padding:10px 15px;border-radius:18px;background:#0c1112;color:#fff} .fo-docs-ai-ready i{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#00e676;color:#0c1112;font-size:11px;font-style:normal;font-weight:900} .fo-docs-ai-ready strong{font-size:12px} .fo-docs-closing{padding:clamp(54px,6vw,82px);border:10px solid #fff;border-radius:38px;background:radial-gradient(circle at 10% 20%,rgba(255,223,193,0.88),transparent 34%),linear-gradient(135deg,#d9f3e1,#efdcf8);box-shadow:0 0 0 1px rgba(12,17,18,0.08),0 22px 52px rgba(51,42,38,0.065);text-align:center} .fo-docs-closing h2{max-width:780px;margin:20px auto 17px;font-size:clamp(2.7rem,4.3vw,4.65rem);font-weight:850;letter-spacing:-0.065em;line-height:0.98} .fo-docs-closing > p{margin:0;color:#535c5b;font-size:16px} .fo-docs-closing > div{display:flex;justify-content:center;gap:12px;margin-top:29px} @media (max-width:1080px){.fo-docs-hero{grid-template-columns:1fr;gap:54px;padding-top:158px} .fo-docs-hero-copy{max-width:860px;justify-self:center;text-align:center} .fo-docs-hero-copy > p{margin-inline:auto} .fo-docs-hero-actions{justify-content:center} .fo-docs-map{width:min(740px,100%);justify-self:center;transform:none} .fo-docs-layout{grid-template-columns:1fr} .fo-docs-sidebar{position:static;top:auto} .fo-docs-sidebar-inner{position:static} .fo-docs-sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr))} .fo-docs-sidebar-card{display:flex;align-items:center;justify-content:space-between;gap:20px} .fo-docs-sidebar-card a{flex:0 0 auto;margin:0;gap:14px}} @media (max-width:760px){.fo-docs-hero{min-height:auto;gap:42px;padding:132px 18px 64px} .fo-docs-shape--left{left:-100px;width:170px;height:320px} .fo-docs-shape--right{top:330px;right:-110px;width:190px;height:340px} .fo-docs-hero-copy h1{margin:20px 0;font-size:clamp(2.65rem,11.5vw,3.25rem);line-height:0.98} .fo-docs-hero-copy > p{font-size:16px} .fo-docs-hero-actions{display:grid;gap:10px;margin-top:28px} .fo-docs-hero-actions .fo-button{width:100%} .fo-docs-map{padding:7px;border-width:7px;border-radius:29px} .fo-docs-map-head{padding:15px 12px 18px} .fo-docs-map a{grid-template-columns:40px minmax(0,1fr) 26px;gap:10px;min-height:58px;padding:8px 10px;border-radius:16px} .fo-docs-map a > span{width:38px;height:38px;border-radius:12px} .fo-docs-library{padding:72px 14px 82px} .fo-docs-layout{gap:24px} .fo-docs-sidebar-inner{padding:15px;border-radius:23px} .fo-docs-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))} .fo-docs-sidebar nav a{grid-template-columns:25px minmax(0,1fr);gap:7px;padding:6px;font-size:10px} .fo-docs-sidebar nav a span{width:25px;height:25px} .fo-docs-sidebar-card{align-items:flex-start;flex-direction:column} .fo-docs-sidebar-card a{width:100%} .fo-docs-content{gap:18px} .fo-docs-section,.fo-docs-closing{border-width:7px;border-radius:29px} .fo-docs-section{padding:26px 22px 29px} .fo-docs-section-head{grid-template-columns:1fr;gap:14px} .fo-docs-section-number{width:44px;height:44px;border-radius:14px} .fo-docs-section-head h2{margin:11px 0 13px;font-size:clamp(1.9rem,8vw,2.25rem);line-height:1} .fo-docs-section-head p{font-size:14px;line-height:1.55} .fo-docs-journey{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:29px} .fo-docs-journey li{min-height:112px;padding:15px} .fo-docs-status-track{grid-template-columns:1fr;gap:7px;margin-top:29px} .fo-docs-status-track li{display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:12px;min-height:0;padding:15px} .fo-docs-status-track li > span{grid-row:1 / span 2} .fo-docs-status-track strong{margin-top:0} .fo-docs-note{align-items:start} .fo-docs-role-grid{grid-template-columns:1fr;margin-top:29px} .fo-docs-role-grid section{padding:21px} .fo-docs-role-grid h3{margin-top:25px} .fo-docs-role-grid p{min-height:0} .fo-docs-review-routes{margin-top:29px} .fo-docs-review-routes > div{grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);gap:8px;padding:10px 12px} .fo-docs-review-routes span,.fo-docs-review-routes strong{font-size:10px} .fo-docs-review-routes i{width:30px;height:30px} .fo-docs-decision-grid{grid-template-columns:1fr} .fo-docs-tracking-grid{grid-template-columns:1fr;margin-top:29px} .fo-docs-tracking-card{padding:21px} .fo-docs-tracking-card h3{font-size:24px} .fo-docs-ai-flow{grid-template-columns:1fr;margin-top:29px} .fo-docs-ai-request,.fo-docs-ai-output{min-height:0;padding:21px} .fo-docs-ai-arrow{justify-self:center;transform:rotate(90deg)} .fo-docs-ai-ready{grid-column:auto} .fo-docs-closing{padding:46px 21px} .fo-docs-closing h2{font-size:clamp(2.25rem,9.7vw,2.8rem)} .fo-docs-closing > p{font-size:14px;line-height:1.55} .fo-docs-closing > div{display:grid;gap:10px} .fo-docs-closing .fo-button{width:100%}}:root{--fo-canvas:#fbf3ef;--fo-ink-soft:#596163;--fo-shell:min(1160px,calc(100vw - 48px));--fo-content:min(1160px,calc(100vw - 48px));--fo-radius-large:27px} body.flowops-website-stage1,body.fo-preview{font-size:15px;line-height:1.55} .fo-header-wrap{position:fixed;inset:0 0 auto;padding:20px 0 0;pointer-events:none;will-change:transform,opacity;transition:padding 240ms ease,transform 320ms cubic-bezier(0.22,1,0.36,1),opacity 220ms ease} .fo-header-wrap.is-scrolled{padding-top:10px} .fo-header-wrap.is-hidden{opacity:0;transform:translate3d(0,calc(-100% - 18px),0)} .fo-nav-shell{min-height:64px;padding:7px 10px 7px 20px;border-radius:34px;box-shadow:0 14px 38px rgba(39,29,25,0.12),inset 0 1px 0 rgba(255,255,255,0.06);pointer-events:auto;transition:min-height 220ms ease,box-shadow 220ms ease} .fo-header-wrap.is-scrolled .fo-nav-shell{min-height:60px;box-shadow:0 12px 32px rgba(39,29,25,0.16),inset 0 1px 0 rgba(255,255,255,0.06)} .fo-brand{gap:9px;font-size:22px;font-weight:780} .fo-brand img{width:31px;height:31px;border-radius:9px} .fo-primary-nav{gap:7px} .fo-nav-link{min-height:40px;padding:0 13px;border-radius:20px;font-size:13px;font-weight:630} .fo-nav-link.is-active{background:rgba(189,247,213,0.15);box-shadow:inset 0 0 0 1px rgba(189,247,213,0.12)} .fo-sign-in{padding:11px 13px;font-size:13px} .fo-header-cta{min-height:44px;padding:0 18px;border-radius:24px;font-size:13px} .fo-header-cta .fo-arrow-icon,.fo-button .fo-arrow-icon{width:20px;height:20px} .fo-mega{top:calc(100% + 10px);grid-template-columns:minmax(0,1fr) 300px;padding:8px;border-radius:28px;box-shadow:0 24px 62px rgba(31,25,23,0.18)} .fo-mega-links{gap:2px 12px;padding:20px 22px} .fo-mega-link{grid-template-columns:38px minmax(0,1fr);gap:11px;padding:10px;border-radius:14px} .fo-mega-icon{width:36px;height:36px} .fo-mega-icon svg{width:18px;height:18px} .fo-mega-link strong{margin:1px 0 4px;font-size:13px} .fo-mega-link small{font-size:11px;line-height:1.4} .fo-mega-cta{min-height:280px;padding:24px;border-radius:22px} .fo-mega-cta strong{margin-top:16px;font-size:23px;line-height:1.12} .fo-mega-cta-bottom{font-size:12px} .fo-round-arrow{width:46px;height:46px} .fo-section-label{margin-bottom:13px;font-size:10px;letter-spacing:0.14em} .fo-button{min-width:148px;min-height:48px;gap:10px;padding:0 20px;border-radius:25px;font-size:14px;font-weight:700} .fo-hero{min-height:auto;padding:164px 24px 82px} .fo-hero-copy{width:min(980px,100%)} .fo-eyebrow{min-height:40px;gap:9px;padding:0 15px;font-size:11px} .fo-spark{font-size:14px} .fo-hero h1{max-width:950px;margin-top:34px;font-size:clamp(3.35rem,4.6vw,4.25rem);font-weight:800;letter-spacing:-0.058em;line-height:0.99} .fo-hero-intro{max-width:720px;margin-top:25px;font-size:clamp(16px,1.2vw,18px);line-height:1.58} .fo-hero-actions{margin-top:28px} .fo-laptop-stage{width:min(960px,calc(100vw - 72px));margin-top:54px} .fo-laptop-lid{padding:15px 13px 12px;border-radius:24px 24px 15px 15px} .fo-laptop-base{height:28px} .fo-capability-ribbon{width:var(--fo-content);margin-top:56px} .fo-ribbon-group{gap:40px;min-width:1160px;padding:0 20px} .fo-ribbon-group > span{font-size:12px} .fo-story-grid{width:var(--fo-content);gap:16px;margin-top:50px} .fo-story-card{min-height:450px;padding:8px;border-radius:28px;box-shadow:0 16px 42px rgba(65,48,42,0.055),inset 0 1px 0 rgba(255,255,255,0.8)} .fo-card-visual{min-height:356px;padding:23px;border-radius:21px} .fo-card-heading h2{max-width:270px;font-size:clamp(22px,1.7vw,27px);letter-spacing:-0.04em;line-height:1.08} .fo-card-icon{width:46px;height:46px} .fo-card-icon svg{width:21px;height:21px} .fo-lifecycle{height:180px} .fo-card-footer{min-height:66px;padding:0 15px;font-size:13px} .fo-customer-section,.fo-pricing-section,.fo-solutions-section{padding-right:max(24px,calc((100vw - 1160px) / 2));padding-left:max(24px,calc((100vw - 1160px) / 2))} .fo-customer-section{padding-top:96px;padding-bottom:104px} .fo-customer-heading,.fo-solutions-heading{grid-template-columns:minmax(0,1.25fr) minmax(300px,0.75fr);gap:64px} .fo-customer-heading h2,.fo-solutions-heading h2,.fo-pricing-heading h2{font-size:clamp(2.55rem,3.7vw,3.25rem);font-weight:790;letter-spacing:-0.052em;line-height:1.02} .fo-customer-heading > p,.fo-solutions-heading > div:last-child > p,.fo-pricing-heading > p{font-size:15px;line-height:1.62} .fo-customer-showcase{grid-template-columns:minmax(0,0.95fr) minmax(430px,1.05fr);margin-top:44px;border-width:7px;border-radius:29px;box-shadow:0 0 0 1px rgba(12,17,18,0.045),0 18px 52px rgba(46,63,54,0.08)} .fo-customer-copy{padding:48px} .fo-customer-copy h3{margin-top:23px;font-size:clamp(2.1rem,3vw,2.7rem);letter-spacing:-0.048em;line-height:1.04} .fo-customer-copy > p{margin-top:18px;font-size:14px} .fo-customer-benefits{margin-top:23px} .fo-customer-link{margin-top:28px} .fo-customer-visual{min-height:560px;border-radius:22px} .fo-tracking-phone{width:min(286px,67%);min-height:520px;border-width:7px;border-radius:36px} .fo-pricing-section{padding-top:98px;padding-bottom:104px;background-size:132px 100%} .fo-pricing-heading{max-width:760px} .fo-pricing-heading > p{margin-top:20px} .fo-pricing-card{grid-template-columns:minmax(230px,0.72fr) minmax(300px,0.9fr) minmax(310px,1fr);margin-top:45px;padding:7px;border-radius:29px;box-shadow:0 0 0 1px rgba(12,17,18,0.04),0 18px 52px rgba(61,49,44,0.08)} .fo-price-main,.fo-price-included,.fo-price-action{min-height:360px;padding:38px} .fo-price-main{border-radius:22px 0 0 22px} .fo-price-action{border-radius:0 22px 22px 0} .fo-price-value strong{font-size:clamp(4.6rem,6vw,5.7rem)} .fo-price-action h3{font-size:clamp(1.9rem,2.5vw,2.55rem);line-height:1.04} .fo-price-included ul{gap:17px;margin-top:24px} .fo-solutions-section{padding-top:100px;padding-bottom:108px} .fo-solutions-grid{gap:14px;margin-top:45px} .fo-solution-card{min-height:330px;padding:29px;border-width:7px;border-radius:28px;box-shadow:0 0 0 1px rgba(12,17,18,0.045),0 14px 38px rgba(36,42,39,0.055)} .fo-solution-icon{width:43px;height:43px;margin-bottom:22px;border-radius:13px} .fo-solution-copy h3{margin-top:10px;font-size:clamp(1.7rem,2.35vw,2.3rem);letter-spacing:-0.044em;line-height:1.06} .fo-solution-copy p{margin-top:14px;font-size:13px} .fo-final-cta{padding:96px 24px 102px} .fo-final-inner{width:min(820px,100%)} .fo-final-inner h2{font-size:clamp(3rem,4.5vw,4rem);font-weight:790;letter-spacing:-0.058em;line-height:0.99} .fo-final-inner > p:not(.fo-final-legal){margin-top:22px;font-size:15px} .fo-site-footer{padding-top:64px} .fo-footer-main{gap:90px;padding-bottom:56px} .fo-features-hero,.fo-solutions-hero,.fo-docs-hero{grid-template-columns:minmax(0,1fr) minmax(400px,0.86fr);gap:58px;min-height:660px;padding:148px max(24px,calc((100vw - 1160px) / 2)) 68px} .fo-features-hero h1,.fo-solutions-hero h1,.fo-docs-hero-copy h1,.fo-pricing-page-intro h1{font-size:clamp(3.2rem,4.4vw,4.15rem);font-weight:800;letter-spacing:-0.058em;line-height:0.99} .fo-features-hero-copy > p,.fo-solutions-hero-copy > p,.fo-docs-hero-copy > p,.fo-pricing-page-intro > p{font-size:clamp(16px,1.2vw,18px);line-height:1.58} .fo-feature-flow,.fo-solutions-console,.fo-docs-map,.fo-solution-fit-map{padding:9px;border-width:7px;border-radius:29px;box-shadow:0 18px 50px rgba(56,45,40,0.09)} .fo-feature-capabilities,.fo-solution-types,.fo-pricing-value,.fo-docs-library{padding:92px max(24px,calc((100vw - 1160px) / 2)) 100px} .fo-feature-section-heading,.fo-solution-heading,.fo-pricing-value-heading{gap:54px;margin-bottom:44px} .fo-feature-section-heading h2,.fo-solution-heading h2,.fo-pricing-value-heading h2,.fo-pricing-faq-heading h2,.fo-solution-fit h2{font-size:clamp(2.55rem,3.5vw,3.2rem);font-weight:800;letter-spacing:-0.052em;line-height:1.02} .fo-feature-section-heading > p,.fo-solution-heading > p,.fo-pricing-value-heading > p,.fo-solution-fit-copy > p{font-size:15px} .fo-feature-detail-grid,.fo-solution-grid{gap:16px} .fo-feature-detail,.fo-usecase-card{min-height:420px;padding:36px;border-width:7px;border-radius:29px;box-shadow:0 0 0 1px rgba(12,17,18,0.055),0 14px 38px rgba(51,42,38,0.05)} .fo-feature-detail-icon,.fo-usecase-icon{width:48px;height:48px;border-radius:14px} .fo-feature-number{top:38px;right:38px} .fo-feature-detail h3,.fo-usecase-card h3{margin-top:50px;font-size:clamp(1.85rem,2.5vw,2.45rem);letter-spacing:-0.046em;line-height:1.04} .fo-usecase-kicker{margin-top:46px} .fo-feature-detail > p,.fo-usecase-card > p{font-size:14px} .fo-features-closing,.fo-solutions-closing{padding:84px max(24px,calc((100vw - 1160px) / 2))} .fo-features-closing-inner,.fo-solutions-closing-inner,.fo-pricing-page-closing-inner{padding:68px;border-width:8px;border-radius:31px} .fo-features-closing h2,.fo-solutions-closing h2,.fo-pricing-page-closing h2{font-size:clamp(2.8rem,4vw,3.65rem);font-weight:800;letter-spacing:-0.055em;line-height:1} .fo-solution-fit{gap:68px;padding:98px max(24px,calc((100vw - 1160px) / 2))} .fo-solution-fit-map div{min-height:66px;font-size:15px} .fo-pricing-page-hero{padding:148px max(24px,calc((100vw - 1160px) / 2)) 72px} .fo-pricing-page-intro{max-width:820px;margin-bottom:34px} .fo-pricing-plan{width:min(1080px,100%);grid-template-columns:minmax(340px,0.8fr) minmax(0,1.2fr);padding:8px;border-radius:31px;box-shadow:0 20px 58px rgba(51,42,38,0.085)} .fo-pricing-plan-main,.fo-pricing-plan-included{padding:40px} .fo-pricing-plan-main{border-radius:24px 0 0 24px} .fo-pricing-plan-included{border-radius:0 24px 24px 0} .fo-pricing-page-price{margin-top:42px} .fo-pricing-page-price strong{font-size:clamp(4.6rem,6vw,5.8rem)} .fo-pricing-plan-included h2{font-size:clamp(2rem,2.7vw,2.6rem)} .fo-pricing-value-grid{gap:16px} .fo-pricing-value-card{min-height:300px;padding:32px;border-width:7px;border-radius:28px} .fo-pricing-value-card h3{margin-top:48px;font-size:clamp(1.65rem,2.15vw,2.15rem)} .fo-pricing-faq{gap:70px;padding:98px max(24px,calc((100vw - 1160px) / 2))} .fo-pricing-faq-list summary{min-height:68px;padding:17px 19px 17px 22px;font-size:14px} .fo-pricing-page-closing{padding:0 max(24px,calc((100vw - 1160px) / 2)) 92px} .fo-docs-layout{grid-template-columns:228px minmax(0,1fr);gap:42px} .fo-docs-sidebar{top:98px} .admin-bar .fo-docs-sidebar{top:130px} .fo-docs-sidebar-inner{padding:17px;border-radius:22px} .fo-docs-content{gap:20px} .fo-docs-section,.fo-docs-closing{scroll-margin-top:108px;border-width:6px;border-radius:28px} .fo-docs-section{padding:36px;box-shadow:0 0 0 1px rgba(12,17,18,0.055),0 13px 34px rgba(51,42,38,0.045)} .fo-docs-section-head{grid-template-columns:46px minmax(0,1fr);gap:16px} .fo-docs-section-number{width:44px;height:44px;border-radius:14px} .fo-docs-section-head h2{font-size:clamp(2rem,2.8vw,2.7rem);letter-spacing:-0.05em;line-height:1.03} .fo-docs-section-head p{font-size:14px} .fo-docs-journey,.fo-docs-status-track,.fo-docs-role-grid,.fo-docs-review-routes,.fo-docs-tracking-grid,.fo-docs-ai-flow{margin-top:28px} .fo-docs-closing{padding:58px} .fo-docs-closing h2{font-size:clamp(2.45rem,3.5vw,3.25rem)} .fo-error-page{padding-top:148px} .fo-error-copy h1{font-size:clamp(3.2rem,4.4vw,4.2rem);letter-spacing:-0.058em;line-height:1} @media (max-width:1080px){:root{--fo-shell:min(100% - 32px,900px);--fo-content:min(100% - 40px,900px)} .fo-header-wrap{padding-top:14px} .fo-header-wrap.is-scrolled{padding-top:8px} .fo-nav-shell{min-height:62px;padding:7px 9px 7px 17px} .fo-primary-nav{top:calc(100% + 9px)} .fo-hero{padding-top:144px} .fo-hero h1{font-size:clamp(3.2rem,7vw,4.2rem)} .fo-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .fo-story-card:last-child{grid-column:1 / -1} .fo-customer-heading,.fo-solutions-heading,.fo-feature-section-heading,.fo-solution-heading,.fo-pricing-value-heading{grid-template-columns:1fr;gap:24px} .fo-customer-showcase{grid-template-columns:1fr} .fo-customer-visual{min-height:540px} .fo-pricing-card{grid-template-columns:repeat(2,minmax(0,1fr))} .fo-price-action{grid-column:1 / -1;min-height:300px;border-radius:0 0 22px 22px} .fo-features-hero,.fo-solutions-hero,.fo-docs-hero{grid-template-columns:1fr;gap:44px;min-height:auto;padding-top:140px} .fo-docs-sidebar{position:static;top:auto} .fo-pricing-faq{grid-template-columns:1fr}} @media (max-width:760px){:root{--fo-shell:calc(100% - 24px);--fo-content:calc(100% - 24px)} .fo-header-wrap,.fo-header-wrap.is-scrolled{padding-top:10px} .fo-nav-shell{min-height:58px;padding-left:14px;border-radius:29px} .fo-brand{font-size:20px} .fo-brand img{width:29px;height:29px} .fo-header-cta{min-height:40px;padding:0 13px;font-size:12px} .fo-menu-toggle{width:40px;height:40px} .fo-menu-toggle > span:not(.screen-reader-text){left:10px} .fo-hero{padding:122px 12px 54px} .fo-eyebrow{min-height:38px} .fo-hero h1{margin-top:27px;font-size:clamp(2.55rem,11.2vw,3.15rem);line-height:1} .fo-hero-intro{margin-top:20px;font-size:15px} .fo-button{min-height:50px;font-size:13px} .fo-laptop-stage{margin-top:42px} .fo-capability-ribbon{margin-top:44px} .fo-story-grid{grid-template-columns:1fr;gap:13px;margin-top:36px} .fo-story-card,.fo-story-card:last-child{min-height:440px} .fo-card-visual,.fo-story-card:last-child .fo-card-visual{min-height:350px;padding:20px} .fo-card-heading h2{font-size:24px} .fo-customer-section,.fo-pricing-section,.fo-solutions-section{padding:74px 12px 80px} .fo-customer-heading h2,.fo-solutions-heading h2,.fo-pricing-heading h2{font-size:clamp(2.25rem,9.8vw,2.8rem)} .fo-customer-showcase,.fo-pricing-card{margin-top:36px} .fo-customer-copy{padding:34px 22px 40px} .fo-customer-copy h3,.fo-price-action h3{font-size:clamp(2rem,8.8vw,2.55rem)} .fo-customer-visual{min-height:610px} .fo-pricing-card{grid-template-columns:1fr} .fo-price-main,.fo-price-included,.fo-price-action{padding:32px 23px} .fo-price-main{border-radius:21px 21px 0 0} .fo-price-action{grid-column:auto;border-radius:0 0 21px 21px} .fo-solutions-grid{margin-top:36px} .fo-solution-card{min-height:330px;padding:25px} .fo-final-cta{padding:76px 12px 82px} .fo-final-inner h2{font-size:clamp(2.7rem,11.2vw,3.35rem)} .fo-features-hero,.fo-solutions-hero,.fo-docs-hero{gap:38px;padding:118px 18px 56px} .fo-features-hero h1,.fo-solutions-hero h1,.fo-docs-hero-copy h1,.fo-pricing-page-intro h1{font-size:clamp(2.55rem,10.7vw,3.2rem);line-height:1} .fo-feature-capabilities,.fo-solution-types,.fo-pricing-value,.fo-docs-library{padding:72px 14px 78px} .fo-feature-section-heading h2,.fo-solution-heading h2,.fo-pricing-value-heading h2,.fo-pricing-faq-heading h2,.fo-solution-fit h2{font-size:clamp(2.2rem,9.5vw,2.75rem)} .fo-feature-detail,.fo-usecase-card{min-height:0;padding:27px 23px 31px} .fo-feature-detail h3,.fo-usecase-card h3{margin-top:44px;font-size:clamp(1.85rem,8vw,2.3rem)} .fo-features-closing,.fo-solutions-closing{padding:66px 14px} .fo-features-closing-inner,.fo-solutions-closing-inner,.fo-pricing-page-closing-inner{padding:44px 20px} .fo-features-closing h2,.fo-solutions-closing h2,.fo-pricing-page-closing h2{font-size:clamp(2.35rem,10vw,2.95rem)} .fo-solution-fit,.fo-pricing-faq{padding:76px 18px} .fo-pricing-page-hero{padding:118px 18px 66px} .fo-pricing-page-price strong{font-size:5.2rem} .fo-docs-section{padding:26px 21px 29px} .fo-docs-section-head{grid-template-columns:1fr} .fo-docs-section-head h2{font-size:clamp(1.85rem,7.8vw,2.25rem)} .fo-docs-closing{padding:42px 20px}} @media (max-width:420px){.fo-hero h1{font-size:clamp(2.35rem,10.8vw,2.8rem)} .fo-card-heading h2{font-size:22px}} @media (max-width:760px){.fo-laptop-stage{width:calc(100vw - 30px)} .fo-laptop-base{width:102.5%;height:14px;margin-left:-1.25%;border-radius:2px 2px 20px 20px} .fo-laptop-base::before{width:13%;height:3px} .fo-laptop-base::after{right:10%;left:10%;height:4px;bottom:-3px}} @media (max-width:420px){.fo-laptop-stage{width:calc(100vw - 24px)} .fo-laptop-base{height:12px;border-radius:2px 2px 16px 16px}} @media (max-width:1240px){body.fo-menu-open{overflow:hidden} .fo-nav-shell{position:relative;display:flex;align-items:center} .fo-header-actions{margin-left:auto} .fo-menu-toggle{display:block;flex:0 0 auto;z-index:3} .fo-primary-nav{position:absolute;top:calc(100% + 10px);right:0;left:0;z-index:1002;display:grid;width:100%;max-height:min(680px,calc(100dvh - 105px));gap:4px;margin:0;padding:14px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border:1px solid rgba(12,17,18,0.08);border-radius:26px;background:rgba(255,255,255,0.985);box-shadow:0 28px 70px rgba(31,25,23,0.22);opacity:0;visibility:hidden;transform:translateY(-8px);pointer-events:none;-webkit-overflow-scrolling:touch;transition:opacity 180ms ease,visibility 180ms ease,transform 200ms ease} .fo-primary-nav[data-open="true"],.fo-primary-nav.is-open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto} .fo-primary-nav .fo-nav-link{justify-content:space-between;width:100%;min-height:48px;padding:0 16px;color:#202627 !important} .fo-primary-nav .fo-nav-link:hover,.fo-primary-nav .fo-nav-link:focus-visible,.fo-primary-nav .fo-nav-item[data-open="true"] > .fo-nav-link{background:#f4f1ef;color:var(--fo-ink) !important} .fo-primary-nav .fo-nav-link.is-active{background:#eef1ef;color:var(--fo-ink) !important} .fo-mobile-nav-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:5px;padding:12px 2px 2px;border-top:1px solid rgba(12,17,18,0.08)} .fo-nav-item--product{position:static} .fo-mega{position:static;display:grid;max-height:0;grid-template-columns:1fr;width:100%;margin:0;padding:0;overflow:hidden;border:0;border-radius:20px;box-shadow:none;opacity:1;visibility:visible;transform:none;pointer-events:auto;backdrop-filter:none;transition:max-height 300ms ease,margin 200ms ease,padding 200ms ease} .fo-nav-item[data-open="true"] .fo-mega{max-height:1100px;margin-top:6px;padding:8px;background:#f5f2f0}} @media (min-width:761px) and (max-width:1240px){.fo-mega-links{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:760px){.fo-primary-nav{top:calc(100% + 8px);max-height:calc(100dvh - 88px);padding:10px;border-radius:22px} .fo-mega-links{grid-template-columns:1fr;gap:2px;padding:6px} .fo-mega-cta{min-height:190px;padding:20px}} @media (max-width:380px){.fo-header-cta{display:none}}:root{--fo-font-family:"Manrope",Inter,"SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif;--fo-type-display:clamp(3.25rem,4.45vw,4.15rem);--fo-type-section:clamp(2.5rem,3.45vw,3.2rem);--fo-type-closing:clamp(2.8rem,3.9vw,3.6rem);--fo-type-feature:clamp(1.75rem,2.25vw,2.25rem);--fo-type-card:clamp(1.35rem,1.75vw,1.75rem);--fo-type-body-large:clamp(1rem,1.1vw,1.125rem);--fo-type-body:0.9375rem;--fo-type-small:0.8125rem;--fo-leading-display:1.02;--fo-leading-heading:1.1;--fo-leading-body:1.68;--fo-heading-tracking:-0.045em;--fo-body-tracking:-0.012em} body.flowops-website-stage1,body.fo-preview,.fo-site button,.fo-site input,.fo-site select,.fo-site textarea{font-family:var(--fo-font-family)} body.flowops-website-stage1,body.fo-preview{font-weight:500;line-height:var(--fo-leading-body);letter-spacing:var(--fo-body-tracking)} .fo-main:is(h1,h2,h3,h4),.fo-site-footer h2,.fo-brand,.fo-mega-link strong,.fo-mega-cta strong{font-family:var(--fo-font-family);font-weight:800;font-synthesis:none;text-wrap:balance} .fo-main:is(p,li),.fo-mega-link small,.fo-site-footer a{text-wrap:pretty} body.flowops-website-stage1 .fo-main .fo-hero h1,body.flowops-website-stage1 .fo-main .fo-features-hero h1,body.flowops-website-stage1 .fo-main .fo-solutions-hero h1,body.flowops-website-stage1 .fo-main .fo-docs-hero-copy h1,body.flowops-website-stage1 .fo-main .fo-pricing-page-intro h1,body.flowops-website-stage1 .fo-main .fo-error-copy h1{font-size:var(--fo-type-display);font-weight:800;letter-spacing:var(--fo-heading-tracking);line-height:var(--fo-leading-display)} body.flowops-website-stage1 .fo-main .fo-customer-heading h2,body.flowops-website-stage1 .fo-main .fo-pricing-heading h2,body.flowops-website-stage1 .fo-main .fo-solutions-heading h2,body.flowops-website-stage1 .fo-main .fo-feature-section-heading h2,body.flowops-website-stage1 .fo-main .fo-solution-heading h2,body.flowops-website-stage1 .fo-main .fo-pricing-value-heading h2,body.flowops-website-stage1 .fo-main .fo-pricing-faq-heading h2,body.flowops-website-stage1 .fo-main .fo-solution-fit h2{font-size:var(--fo-type-section);font-weight:800;letter-spacing:-0.038em;line-height:1.06} body.flowops-website-stage1 .fo-main .fo-final-inner h2,body.flowops-website-stage1 .fo-main .fo-features-closing h2,body.flowops-website-stage1 .fo-main .fo-solutions-closing h2,body.flowops-website-stage1 .fo-main .fo-pricing-page-closing h2,body.flowops-website-stage1 .fo-main .fo-docs-closing h2{font-size:var(--fo-type-closing);font-weight:800;letter-spacing:-0.042em;line-height:1.04} body.flowops-website-stage1 .fo-main .fo-customer-copy h3,body.flowops-website-stage1 .fo-main .fo-price-action h3,body.flowops-website-stage1 .fo-main .fo-feature-detail h3,body.flowops-website-stage1 .fo-main .fo-usecase-card h3,body.flowops-website-stage1 .fo-main .fo-solution-copy h3{font-size:var(--fo-type-feature);font-weight:800;letter-spacing:-0.034em;line-height:var(--fo-leading-heading)} body.flowops-website-stage1 .fo-main .fo-card-heading h2,body.flowops-website-stage1 .fo-main .fo-pricing-value-card h3,body.flowops-website-stage1 .fo-main .fo-docs-role-card h3,body.flowops-website-stage1 .fo-main .fo-docs-tracking-copy h3{font-size:var(--fo-type-card);font-weight:800;letter-spacing:-0.028em;line-height:1.14} body.flowops-website-stage1 .fo-main .fo-docs-section-head h2,body.flowops-website-stage1 .fo-main .fo-pricing-plan-included h2{font-size:clamp(1.8rem,2.45vw,2.4rem);font-weight:800;letter-spacing:-0.035em;line-height:1.08} body.flowops-website-stage1 .fo-main h4{font-size:1rem;font-weight:800;letter-spacing:-0.018em;line-height:1.28} body.flowops-website-stage1 .fo-main .fo-hero-intro,body.flowops-website-stage1 .fo-main .fo-features-hero-copy > p,body.flowops-website-stage1 .fo-main .fo-solutions-hero-copy > p,body.flowops-website-stage1 .fo-main .fo-docs-hero-copy > p,body.flowops-website-stage1 .fo-main .fo-pricing-page-intro > p{max-width:670px;font-size:var(--fo-type-body-large);font-weight:500;letter-spacing:-0.016em;line-height:1.7} body.flowops-website-stage1 .fo-main .fo-customer-heading > p,body.flowops-website-stage1 .fo-main .fo-solutions-heading > div:last-child > p,body.flowops-website-stage1 .fo-main .fo-pricing-heading > p,body.flowops-website-stage1 .fo-main .fo-feature-section-heading > p,body.flowops-website-stage1 .fo-main .fo-solution-heading > p,body.flowops-website-stage1 .fo-main .fo-pricing-value-heading > p,body.flowops-website-stage1 .fo-main .fo-solution-fit-copy > p{max-width:62ch;font-size:var(--fo-type-body);font-weight:500;line-height:var(--fo-leading-body)} body.flowops-website-stage1 .fo-main .fo-feature-detail > p,body.flowops-website-stage1 .fo-main .fo-usecase-card > p,body.flowops-website-stage1 .fo-main .fo-solution-copy p,body.flowops-website-stage1 .fo-main .fo-customer-copy > p,body.flowops-website-stage1 .fo-main .fo-pricing-value-card p,body.flowops-website-stage1 .fo-main .fo-docs-section-head p{font-size:var(--fo-type-body);font-weight:500;line-height:1.66} .fo-section-label,.fo-eyebrow,.fo-usecase-kicker,.fo-mega-cta-label{font-size:0.6875rem;font-weight:800;letter-spacing:0.12em;line-height:1.2;text-transform:uppercase} .fo-nav-link,.fo-sign-in,.fo-mobile-nav-action,.fo-button,.fo-header-cta,.fo-card-footer,.fo-customer-link,.fo-pricing-faq-list summary{font-family:var(--fo-font-family);font-weight:700;letter-spacing:-0.012em} .fo-nav-link,.fo-sign-in{font-size:0.875rem} .fo-button,.fo-header-cta,.fo-mobile-nav-action{font-size:0.875rem} .fo-mega-link strong{font-size:0.9rem;letter-spacing:-0.018em;line-height:1.3} .fo-mega-link small,.fo-site-footer a,.fo-site-footer p{font-size:var(--fo-type-small);font-weight:500;line-height:1.55} .fo-site-footer h2{font-size:0.75rem;letter-spacing:0.08em;line-height:1.2;text-transform:uppercase} .fo-customer-heading > p,.fo-pricing-heading > p,.fo-feature-section-heading > p,.fo-solution-heading > p,.fo-pricing-value-heading > p,.fo-solution-fit-copy > p{margin-top:18px} .fo-feature-detail > p,.fo-usecase-card > p,.fo-solution-copy p,.fo-customer-copy > p,.fo-pricing-value-card p{margin-top:14px} @media (max-width:1080px){:root{--fo-type-display:clamp(2.8rem,6vw,3.55rem);--fo-type-section:clamp(2.2rem,4.7vw,2.8rem);--fo-type-closing:clamp(2.45rem,5.2vw,3rem);--fo-type-feature:clamp(1.65rem,3.2vw,2rem)}} @media (max-width:760px){:root{--fo-type-display:clamp(2.45rem,10.2vw,3rem);--fo-type-section:clamp(2rem,8.5vw,2.5rem);--fo-type-closing:clamp(2.15rem,9vw,2.65rem);--fo-type-feature:clamp(1.5rem,6.6vw,1.85rem);--fo-type-card:clamp(1.25rem,5.6vw,1.55rem);--fo-type-body-large:0.96875rem;--fo-type-body:0.90625rem} body.flowops-website-stage1 .fo-main .fo-hero h1,body.flowops-website-stage1 .fo-main .fo-features-hero h1,body.flowops-website-stage1 .fo-main .fo-solutions-hero h1,body.flowops-website-stage1 .fo-main .fo-docs-hero-copy h1,body.flowops-website-stage1 .fo-main .fo-pricing-page-intro h1,body.flowops-website-stage1 .fo-main .fo-error-copy h1{letter-spacing:-0.04em;line-height:1.04} body.flowops-website-stage1 .fo-main .fo-docs-section-head h2,body.flowops-website-stage1 .fo-main .fo-pricing-plan-included h2{font-size:clamp(1.6rem,7vw,2rem)} .fo-section-label,.fo-eyebrow,.fo-usecase-kicker,.fo-mega-cta-label{font-size:0.625rem}} .fo-customer-orbit{opacity:0.72;will-change:transform,opacity;animation:fo-customer-orbit-drift 18s ease-in-out infinite} .fo-customer-orbit--two{animation-duration:24s;animation-delay:-6s} @keyframes fo-customer-orbit-drift{0%,100%{transform:translate3d(0,0,0) scale(1) rotate(0deg);opacity:0.58} 50%{transform:translate3d(14px,-10px,0) scale(1.035) rotate(7deg);opacity:0.92}} .fo-tracking-phone{justify-self:center;margin-left:clamp(26px,4vw,62px)} .fo-customer-float{min-width:174px;padding:12px 13px} .fo-customer-float--update{top:20%;left:clamp(18px,3.2vw,40px)} .fo-customer-float--secure{right:clamp(18px,3.2vw,40px);bottom:17%} @media (min-width:1081px){.fo-customer-visual{padding:36px 38px 36px 14px}} @media (min-width:761px) and (max-width:1080px){.fo-customer-visual{padding:34px 30px 34px 14px} .fo-tracking-phone{width:min(318px,60%);margin-left:34px} .fo-customer-float--update{left:18px}} @media (prefers-reduced-motion:reduce){.fo-customer-orbit,.fo-customer-float--update,.fo-customer-float--secure,.fo-tracking-list .is-current > i{animation:none}} .fo-customer-float{max-width:186px;box-shadow:0 20px 48px rgba(34,60,46,0.12)} @media (min-width:1081px){.fo-tracking-phone{width:min(322px,62%);margin-left:clamp(18px,3vw,42px)} .fo-customer-float--update{top:18%;left:calc(50% - 246px)} .fo-customer-float--secure{left:calc(50% + 98px);right:auto;bottom:15%}} @media (min-width:761px) and (max-width:1080px){.fo-tracking-phone{width:min(304px,58%);margin-left:20px} .fo-customer-float{width:160px;padding:11px 12px} .fo-customer-float--update{top:12%;left:16px} .fo-customer-float--secure{right:16px;bottom:12%}} @media (max-width:760px){.fo-customer-visual{padding:82px 10px 94px} .fo-tracking-phone{width:min(300px,calc(100% - 48px));margin-left:0} .fo-customer-float{width:min(158px,calc(50vw - 28px));padding:10px 11px} .fo-customer-float--update{top:32px;left:12px} .fo-customer-float--secure{right:12px;bottom:28px}} @media (max-width:420px){.fo-customer-float{width:min(150px,calc(50vw - 24px))} .fo-customer-float--update{left:10px} .fo-customer-float--secure{right:10px;bottom:24px}} .fo-reviews-section{position:relative;z-index:2;padding:118px max(24px,calc((100vw - 1360px) / 2)) 128px;background:#f7f5f1} .fo-reviews-heading{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,0.72fr);gap:clamp(48px,8vw,126px);align-items:end} .fo-reviews-heading h2{max-width:760px;margin:0;color:var(--fo-ink);font-size:clamp(2.8rem,4.7vw,4.65rem);font-weight:780;letter-spacing:-0.06em;line-height:1} .fo-reviews-intro > p{margin:0;color:#555f5b;font-size:16px;line-height:1.65} .fo-reviews-intro .fo-reviews-disclosure{margin-top:14px;color:#727a77;font-size:12px;line-height:1.55} .fo-reviews-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:58px} .fo-review-card{display:flex;min-height:310px;flex-direction:column;padding:25px;border:1px solid rgba(12,17,18,0.08);border-radius:24px;background:rgba(255,255,255,0.88);box-shadow:0 14px 36px rgba(28,36,33,0.05)} .fo-review-card:nth-child(2),.fo-review-card:nth-child(7){background:#e5f5eb} .fo-review-card:nth-child(4),.fo-review-card:nth-child(5){background:#f4e9f6} .fo-review-top{display:flex;align-items:center;justify-content:space-between;gap:12px} .fo-review-stars{color:#0d1712;font-size:14px;letter-spacing:0.09em} .fo-review-sample{padding:6px 9px;border-radius:999px;background:rgba(12,17,18,0.06);color:#66706c;font-size:8px;font-weight:780;letter-spacing:0.08em;text-transform:uppercase} .fo-review-card blockquote{margin:28px 0 34px;color:#202925;font-size:15px;font-style:normal;font-weight:560;letter-spacing:-0.018em;line-height:1.62} .fo-review-card footer{display:flex;align-items:center;gap:11px;margin-top:auto} .fo-review-avatar{display:grid;width:39px;height:39px;flex:0 0 auto;place-items:center;border-radius:50%;background:#101715;color:#fff;font-size:10px;font-weight:780;letter-spacing:0.04em} .fo-review-card footer strong,.fo-review-card footer small{display:block} .fo-review-card footer strong{color:#1b2420;font-size:12px} .fo-review-card footer small{margin-top:3px;color:#77807d;font-size:10px} .fo-home-faq{display:grid;grid-template-columns:minmax(320px,0.72fr) minmax(0,1.28fr);gap:clamp(58px,9vw,144px);padding:128px max(24px,calc((100vw - 1360px) / 2));background:#fff} .fo-home-faq-heading{align-self:start;position:sticky;top:124px} .fo-home-faq-heading h2{max-width:610px;margin:0;color:var(--fo-ink);font-size:clamp(2.65rem,4.2vw,4.15rem);font-weight:780;letter-spacing:-0.058em;line-height:1} .fo-home-faq-heading > p{max-width:540px;margin:24px 0 0;color:#59615f;font-size:15px;line-height:1.65} .fo-home-faq-list{border-top:1px solid rgba(12,17,18,0.11)} .fo-home-faq-list details{border-bottom:1px solid rgba(12,17,18,0.11)} .fo-home-faq-list summary{position:relative;display:flex;min-height:92px;align-items:center;justify-content:space-between;gap:24px;padding:24px 54px 24px 0;color:#17201c;font-size:clamp(1.08rem,1.55vw,1.35rem);font-weight:720;letter-spacing:-0.025em;line-height:1.35;list-style:none;cursor:pointer} .fo-home-faq-list summary::-webkit-details-marker{display:none} .fo-home-faq-list summary span,.fo-home-faq-list summary span::after{position:absolute;width:16px;height:2px;border-radius:2px;background:#111815;content:""} .fo-home-faq-list summary span{right:4px;top:50%;transform:translateY(-50%)} .fo-home-faq-list summary span::after{transform:rotate(90deg);transition:transform 180ms ease} .fo-home-faq-list details[open] summary span::after{transform:rotate(0deg)} .fo-home-faq-list details > p{max-width:760px;margin:-4px 0 0;padding:0 54px 28px 0;color:#5c6561;font-size:15px;line-height:1.72} @media (max-width:1080px){.fo-reviews-section{padding:100px 34px 110px} .fo-reviews-heading{grid-template-columns:1fr;gap:24px} .fo-reviews-intro{max-width:700px} .fo-reviews-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .fo-home-faq{grid-template-columns:1fr;gap:54px;padding:110px 34px} .fo-home-faq-heading{position:static}} @media (max-width:760px){.fo-reviews-section{padding:88px 0 96px;overflow:hidden} .fo-reviews-heading{padding:0 22px} .fo-reviews-heading h2{font-size:clamp(2.4rem,10.8vw,3.05rem)} .fo-reviews-intro > p{font-size:15px} .fo-reviews-grid{display:flex;gap:13px;overflow-x:auto;margin-top:42px;padding:0 22px 18px;scroll-padding-left:22px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none} .fo-reviews-grid::-webkit-scrollbar{display:none} .fo-review-card{min-width:min(82vw,330px);min-height:290px;padding:23px;scroll-snap-align:start} .fo-home-faq{gap:42px;padding:92px 22px} .fo-home-faq-heading h2{font-size:clamp(2.35rem,10.5vw,3rem)} .fo-home-faq-list summary{min-height:82px;padding:21px 44px 21px 0;font-size:17px} .fo-home-faq-list details > p{padding-right:18px;font-size:14px}} .fo-reviews-section{overflow:hidden} .fo-reviews-intro-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-top:14px} .fo-reviews-intro .fo-reviews-disclosure{max-width:480px;margin-top:0} .fo-reviews-motion-toggle{display:inline-flex;min-height:38px;flex:0 0 auto;align-items:center;gap:8px;padding:0 13px;border:1px solid rgba(12,17,18,0.1);border-radius:999px;background:rgba(255,255,255,0.74);color:#26312c;font:inherit;font-size:10px;font-weight:720;cursor:pointer;transition:background 180ms ease,border-color 180ms ease,transform 180ms ease} .fo-reviews-motion-toggle:hover{border-color:rgba(12,17,18,0.18);background:#fff;transform:translateY(-1px)} .fo-reviews-motion-toggle:focus-visible{outline:3px solid rgba(0,205,117,0.2);outline-offset:3px} .fo-reviews-motion-icon{position:relative;width:10px;height:12px} .fo-reviews-motion-icon::before,.fo-reviews-motion-icon::after{position:absolute;top:1px;bottom:1px;width:3px;border-radius:2px;background:currentColor;content:""} .fo-reviews-motion-icon::before{left:1px} .fo-reviews-motion-icon::after{right:1px} .fo-reviews-section.is-paused .fo-reviews-motion-icon::before{top:1px;bottom:auto;left:2px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor;border-radius:0;background:transparent} .fo-reviews-section.is-paused .fo-reviews-motion-icon::after{display:none} .fo-reviews-marquee{position:relative;width:100vw;margin-top:58px;margin-left:calc(50% - 50vw);overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)} .fo-reviews-track{display:flex;width:max-content;will-change:transform;animation:fo-reviews-marquee 72s linear infinite} .fo-reviews-section.is-paused .fo-reviews-track,.fo-reviews-marquee:hover .fo-reviews-track,.fo-reviews-marquee:focus-within .fo-reviews-track{animation-play-state:paused} .fo-reviews-group{display:flex;gap:16px;padding-right:16px} .fo-review-card{position:relative;width:328px;min-height:300px;flex:0 0 auto;padding:25px;overflow:hidden;border-color:rgba(12,17,18,0.07);box-shadow:0 16px 42px rgba(28,36,33,0.055)} .fo-review-card::before{position:absolute;right:20px;bottom:16px;color:rgba(12,17,18,0.045);font-family:Georgia,serif;font-size:94px;font-weight:700;line-height:0.8;content:"“";pointer-events:none} .fo-review-card:nth-child(3n + 2){width:354px} .fo-review-card:nth-child(4n){width:310px} .fo-review-card--white{background:rgba(255,255,255,0.92)} .fo-review-card--mint{background:#e4f4e9} .fo-review-card--peach{background:#f7e5d2} .fo-review-card--lilac{background:#f2e6f4} .fo-review-card--blue{background:#e5edf7} .fo-review-top,.fo-review-card blockquote,.fo-review-card footer{position:relative;z-index:1} .fo-review-stars{color:#121b17;font-size:13px;letter-spacing:0.11em} .fo-review-sample{background:rgba(255,255,255,0.52);color:#68716d;font-size:7px;letter-spacing:0.11em} .fo-review-card blockquote{margin:30px 0 34px;font-size:15px;font-weight:545;line-height:1.67} .fo-review-card footer strong{font-size:12px} .fo-review-card footer small{font-size:10px} @keyframes fo-reviews-marquee{to{transform:translateX(-50%)}} @media (max-width:1080px){.fo-reviews-intro-bottom{max-width:700px} .fo-review-card{width:310px} .fo-review-card:nth-child(3n + 2){width:332px} .fo-review-card:nth-child(4n){width:296px}} @media (max-width:760px){.fo-reviews-intro-bottom{align-items:flex-start;flex-direction:column;gap:14px} .fo-reviews-motion-toggle{min-height:36px} .fo-reviews-marquee{margin-top:42px;-webkit-mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent)} .fo-reviews-track{animation-duration:58s} .fo-reviews-group{gap:13px;padding-right:13px} .fo-review-card,.fo-review-card:nth-child(3n + 2),.fo-review-card:nth-child(4n){width:min(82vw,326px);min-height:286px;padding:23px}} @media (prefers-reduced-motion:reduce){.fo-reviews-motion-toggle{display:none} .fo-reviews-marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none;scrollbar-width:none} .fo-reviews-marquee::-webkit-scrollbar{display:none} .fo-reviews-track{animation:none} .fo-reviews-group[aria-hidden="true"]{display:none}} .fo-workflows-section .fo-review-card::before{width:74px;height:74px;border:1px solid rgba(12,17,18,0.07);border-radius:50%;background:rgba(255,255,255,0.25);content:""} .fo-workflows-section .fo-review-stars{color:#4f5c56;font-size:8px;font-weight:800;letter-spacing:0.12em;text-transform:uppercase} .fo-workflows-section .fo-review-sample{max-width:154px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .fo-workflow-title{position:relative;z-index:1;max-width:270px;margin:30px 0 0;color:#18211d;font-size:23px;font-weight:760;letter-spacing:-0.04em;line-height:1.08} .fo-workflow-copy{position:relative;z-index:1;margin:18px 0 32px;color:#4f5d57;font-size:14px;font-weight:480;line-height:1.62} .fo-workflows-section .fo-review-card{min-height:330px} .fo-workflows-section .fo-review-card footer{position:relative;z-index:1} @media (max-width:760px){.fo-workflow-title{font-size:21px} .fo-workflow-copy{font-size:13px}} .fo-resources-main{background:#fbf7f4} .fo-resources-hero{position:relative;display:grid;min-height:760px;grid-template-columns:minmax(0,1.05fr) minmax(390px,0.72fr);gap:clamp(52px,8vw,118px);align-items:center;padding:150px max(24px,calc((100vw - 1160px) / 2)) 100px;overflow:hidden;background:#f6eee9} .fo-resources-glow{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none} .fo-resources-glow--one{top:90px;right:5%;width:360px;height:360px;background:rgba(186,246,211,0.54);animation:fo-resources-drift 14s ease-in-out infinite} .fo-resources-glow--two{bottom:35px;left:-80px;width:300px;height:300px;background:rgba(232,214,244,0.48);animation:fo-resources-drift 18s ease-in-out -6s infinite reverse} @keyframes fo-resources-drift{50%{transform:translate3d(24px,-18px,0) scale(1.06)}} .fo-resources-hero-copy,.fo-resources-index{position:relative;z-index:2} .fo-resources-hero-copy h1{max-width:760px;margin:0;color:var(--fo-ink);font-size:clamp(3.4rem,5.5vw,5.2rem);font-weight:800;letter-spacing:-0.064em;line-height:0.98} .fo-resources-hero-copy > p{max-width:680px;margin:28px 0 0;color:#596260;font-size:17px;line-height:1.68} .fo-resources-hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:34px} .fo-resources-index{padding:12px;border:1px solid rgba(12,17,18,0.08);border-radius:30px;background:rgba(255,255,255,0.78);box-shadow:0 30px 74px rgba(56,42,35,0.12);backdrop-filter:blur(18px)} .fo-resources-index-head{display:flex;align-items:center;justify-content:space-between;padding:15px 16px 18px;color:#29312f;font-size:12px;font-weight:760} .fo-resources-index-head small{color:#79817e;font-size:10px;font-weight:650} .fo-resources-index ol{display:grid;gap:5px;margin:0;padding:0;list-style:none} .fo-resources-index li{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;min-height:58px;padding:0 16px;border-radius:17px;background:#f7f4f2} .fo-resources-index li span{color:#7c8581;font-size:10px;font-weight:760} .fo-resources-index li strong{color:#1b2220;font-size:13px} .fo-resources-library{padding:112px max(24px,calc((100vw - 1160px) / 2)) 126px;background:#fff} .fo-resources-heading{max-width:790px} .fo-resources-heading h2{margin:0;color:var(--fo-ink);font-size:clamp(2.8rem,4.6vw,4.4rem);font-weight:800;letter-spacing:-0.058em;line-height:1} .fo-resources-heading > p{max-width:650px;margin:22px 0 0;color:#5b6461;font-size:16px;line-height:1.65} .fo-resources-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:54px} .fo-resource-card{position:relative;display:grid;min-height:238px;grid-template-columns:48px minmax(0,1fr) 34px;gap:18px;align-items:start;padding:30px;border:1px solid rgba(12,17,18,0.08);border-radius:25px;background:#f8f5f3;color:var(--fo-ink) !important;transition:transform 220ms ease,box-shadow 220ms ease,background-color 220ms ease} .fo-resource-card:nth-child(2),.fo-resource-card:nth-child(5){background:#eef8f2} .fo-resource-card:hover{background:#fff;box-shadow:0 24px 58px rgba(44,35,31,0.1);transform:translateY(-4px)} .fo-resource-number{display:grid;width:42px;height:42px;place-items:center;border-radius:14px;background:#111817;color:#fff;font-size:10px;font-weight:780} .fo-resource-card small{color:#707a76;font-size:10px;font-weight:780;letter-spacing:0.12em;text-transform:uppercase} .fo-resource-card h3{margin:15px 0 0;font-size:24px;font-weight:780;letter-spacing:-0.04em;line-height:1.08} .fo-resource-card p{margin:16px 0 0;color:#626b68;font-size:14px;line-height:1.62} .fo-resource-card > i{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:rgba(12,17,18,0.07);font-size:13px;font-style:normal;transition:transform 200ms ease} .fo-resource-card:hover > i{transform:translate(2px,-2px)} .fo-resources-closing{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:36px;align-items:end;margin:0 max(24px,calc((100vw - 1160px) / 2)) 110px;padding:54px;border-radius:30px;background:#101716} .fo-resources-closing .fo-section-label{color:rgba(255,255,255,0.55)} .fo-resources-closing h2{max-width:760px;margin:0;color:#fff;font-size:clamp(2.4rem,4vw,3.9rem);font-weight:800;letter-spacing:-0.055em;line-height:1} .fo-resources-closing p{max-width:660px;margin:20px 0 0;color:rgba(255,255,255,0.65);font-size:15px;line-height:1.65} @media (max-width:1080px){.fo-resources-hero{grid-template-columns:1fr;min-height:auto;padding-top:142px} .fo-resources-index{max-width:720px} .fo-resources-closing{grid-template-columns:1fr;align-items:start}} @media (max-width:760px){.fo-resources-hero{gap:42px;padding:124px 18px 76px} .fo-resources-hero-copy h1{font-size:clamp(2.55rem,11vw,3.35rem)} .fo-resources-hero-copy > p{font-size:15px} .fo-resources-hero-actions{flex-direction:column} .fo-resources-hero-actions .fo-button{width:100%} .fo-resources-index{border-radius:24px} .fo-resources-library{padding:78px 14px 86px} .fo-resources-heading{padding:0 8px} .fo-resources-heading h2{font-size:clamp(2.25rem,9.5vw,2.9rem)} .fo-resources-grid{grid-template-columns:1fr;margin-top:38px} .fo-resource-card{min-height:0;grid-template-columns:42px minmax(0,1fr) 30px;gap:13px;padding:24px 20px;border-radius:22px} .fo-resource-card h3{font-size:21px} .fo-resources-closing{margin:0 12px 84px;padding:38px 24px;border-radius:25px} .fo-resources-closing h2{font-size:clamp(2.15rem,9vw,2.75rem)} .fo-resources-closing .fo-button{width:100%}} @media (prefers-reduced-motion:reduce){.fo-resources-glow{animation:none}} .fo-solution-copy{min-width:0} .fo-solution-kicker,.fo-solution-copy h3,.fo-solution-copy p{overflow-wrap:break-word;word-break:normal} .fo-route-visual{position:relative;right:auto;bottom:auto;align-self:flex-end;flex:0 0 auto;margin-top:30px} @media (min-width:761px) and (max-width:1080px){.fo-solution-card--transport{min-height:380px} .fo-solution-card--transport .fo-solution-copy{max-width:100%} .fo-route-visual{margin-top:28px} .fo-route-visual i{width:34px}} @media (max-width:760px){.fo-solution-card,.fo-solution-card--transport{min-height:0} .fo-solution-card{justify-content:flex-start} .fo-solution-copy h3{max-width:100%} .fo-route-visual{align-self:flex-start;margin-top:26px} .fo-route-visual span{width:30px;height:30px} .fo-route-visual i{width:30px}} @media (max-width:380px){.fo-route-visual i{width:24px}} .fo-product-main{background:#fff} .fo-product-hero{position:relative;isolation:isolate;overflow:hidden;padding:164px max(24px,calc((100vw - 1160px) / 2)) 118px;background:linear-gradient(180deg,#fbf3ef 0%,#fff 82%)} .fo-product-hero-glow{position:absolute;z-index:-1;top:54px;left:50%;width:min(980px,88vw);height:620px;border-radius:50%;background:rgba(150,239,187,0.22);filter:blur(92px);transform:translateX(-50%);animation:fo-product-glow 13s ease-in-out infinite} @keyframes fo-product-glow{50%{transform:translateX(-50%) scale(1.06);opacity:0.72}} .fo-product-hero-copy{max-width:900px;margin:0 auto;text-align:center} .fo-product-hero-copy h1{max-width:890px;margin:20px auto 0;color:var(--fo-ink);font-size:clamp(3.65rem,6.5vw,6.15rem);font-weight:800;letter-spacing:-0.067em;line-height:0.96} .fo-product-hero-copy > p{max-width:720px;margin:28px auto 0;color:#55605c;font-size:18px;line-height:1.65} .fo-product-hero-actions{display:flex;justify-content:center;gap:12px;margin-top:32px} .fo-product-dashboard{position:relative;width:min(1120px,100%);margin:76px auto 0;padding:10px;border:1px solid rgba(12,17,18,0.09);border-radius:28px;background:rgba(255,255,255,0.82);box-shadow:0 42px 100px rgba(47,53,50,0.16);backdrop-filter:blur(16px)} .fo-product-dashboard-bar{display:flex;height:38px;align-items:center;gap:6px;padding:0 12px;border-radius:19px 19px 0 0;background:#111615} .fo-product-dashboard-bar > span{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,0.35)} .fo-product-dashboard-bar strong{position:absolute;left:50%;color:rgba(255,255,255,0.64);font-size:9px;font-weight:600;letter-spacing:0.03em;transform:translateX(-50%)} .fo-product-dashboard > img{display:block;width:100%;border-radius:0 0 19px 19px} .fo-product-dashboard-note{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid rgba(255,255,255,0.72);border-radius:16px;background:rgba(255,255,255,0.86);box-shadow:0 18px 44px rgba(39,56,47,0.14);backdrop-filter:blur(14px);animation:fo-product-note 6s ease-in-out infinite} .fo-product-dashboard-note small,.fo-product-dashboard-note strong{display:block} .fo-product-dashboard-note small{color:#718079;font-size:8px;font-weight:750;letter-spacing:0.07em;text-transform:uppercase} .fo-product-dashboard-note strong{margin-top:3px;color:#17201c;font-size:11px} .fo-product-dashboard-note--left{top:24%;left:-42px} .fo-product-dashboard-note--right{right:-34px;bottom:22%;animation-delay:-2s} .fo-product-dashboard-note--right > span{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;background:#00cd75;color:#0b2818;font-size:12px;font-weight:800} @keyframes fo-product-note{50%{transform:translateY(-6px)}} .fo-product-intro{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,0.68fr);gap:clamp(52px,9vw,130px);align-items:end;padding:118px max(24px,calc((100vw - 1160px) / 2))} .fo-product-intro h2,.fo-product-workflow-head h2,.fo-product-roles-copy h2,.fo-product-capabilities-head h2,.fo-product-fit-head h2,.fo-product-closing h2{margin:0;color:var(--fo-ink);font-size:clamp(2.7rem,4.6vw,4.65rem);font-weight:790;letter-spacing:-0.06em;line-height:0.99} .fo-product-intro > p{margin:0 0 4px;color:#59625f;font-size:17px;line-height:1.66} .fo-product-workflow{padding:118px max(24px,calc((100vw - 1160px) / 2));background:#101514} .fo-product-workflow-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,0.58fr);gap:72px;align-items:end} .fo-product-workflow .fo-section-label{color:rgba(255,255,255,0.52)} .fo-product-workflow-head h2{max-width:710px;color:#fff} .fo-product-workflow-head > p{margin:0 0 3px;color:rgba(255,255,255,0.62);font-size:16px;line-height:1.62} .fo-product-flow-list{margin:70px 0 0;padding:0;border-top:1px solid rgba(255,255,255,0.12);list-style:none} .fo-product-flow-list li{display:grid;grid-template-columns:72px minmax(0,1fr) 56px;gap:30px;align-items:center;padding:34px 4px;border-bottom:1px solid rgba(255,255,255,0.12)} .fo-product-flow-list li > span{color:rgba(255,255,255,0.35);font-size:11px;font-weight:750;letter-spacing:0.13em} .fo-product-flow-list strong{display:block;color:#fff;font-size:clamp(1.3rem,2vw,1.75rem);font-weight:720;letter-spacing:-0.035em} .fo-product-flow-list p{max-width:670px;margin:8px 0 0;color:rgba(255,255,255,0.56);font-size:14px;line-height:1.6} .fo-product-flow-list i{display:grid;width:52px;height:52px;place-items:center;border:1px solid rgba(255,255,255,0.12);border-radius:50%;background:rgba(255,255,255,0.04)} .fo-product-flow-list svg{width:22px;fill:none;stroke:#7ff2b0;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5} .fo-product-roles{display:grid;grid-template-columns:minmax(0,0.72fr) minmax(480px,1.08fr);gap:clamp(60px,10vw,145px);align-items:center;padding:130px max(24px,calc((100vw - 1160px) / 2));background:#eff8f2} .fo-product-roles-copy > p{max-width:500px;margin:24px 0 0;color:#58655f;font-size:16px;line-height:1.65} .fo-text-link{display:inline-flex;align-items:center;gap:9px;margin-top:30px;color:#101514;font-size:13px;font-weight:750;text-decoration:none} .fo-text-link .fo-arrow-icon{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#101514;color:#fff} .fo-text-link:hover .fo-arrow-icon{transform:translate(2px,-2px)} .fo-product-role-panel{padding:10px 28px;border:1px solid rgba(12,17,18,0.07);border-radius:28px;background:rgba(255,255,255,0.76);box-shadow:0 28px 70px rgba(37,68,51,0.1)} .fo-product-role-panel article{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:18px;align-items:center;padding:25px 0;border-bottom:1px solid rgba(12,17,18,0.08)} .fo-product-role-panel article:last-child{border-bottom:0} .fo-product-role-mark{display:grid;width:44px;height:44px;place-items:center;border-radius:14px;background:#101514;color:#fff;font-size:12px;font-weight:800} .fo-product-role-panel strong,.fo-product-role-panel p{display:block} .fo-product-role-panel strong{color:#17201c;font-size:15px} .fo-product-role-panel p{max-width:430px;margin:6px 0 0;color:#64716b;font-size:12px;line-height:1.55} .fo-product-role-panel small{padding:7px 10px;border-radius:999px;background:#e4f7eb;color:#28543c;font-size:8px;font-weight:750;letter-spacing:0.07em;text-transform:uppercase} .fo-product-capabilities{padding:126px max(24px,calc((100vw - 1160px) / 2))} .fo-product-capabilities-head{display:flex;align-items:end;justify-content:space-between;gap:40px} .fo-product-capabilities-head h2{max-width:750px} .fo-product-capabilities-head .fo-text-link{flex:0 0 auto;margin-bottom:4px} .fo-product-capability-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:66px;border-top:1px solid #dfe4e1;border-left:1px solid #dfe4e1} .fo-product-capability-list > a{display:grid;grid-template-columns:48px minmax(0,1fr) 28px;gap:18px;min-height:190px;align-items:start;padding:30px;border-right:1px solid #dfe4e1;border-bottom:1px solid #dfe4e1;color:inherit;text-decoration:none;transition:background 220ms ease,transform 220ms ease} .fo-product-capability-list > a:hover{background:#f4fbf6} .fo-product-capability-list > a > span{color:#7d8983;font-size:10px;font-weight:750;letter-spacing:0.1em} .fo-product-capability-list strong{display:block;color:#151c19;font-size:19px;font-weight:730;letter-spacing:-0.032em} .fo-product-capability-list p{margin:11px 0 0;color:#63706a;font-size:13px;line-height:1.6} .fo-product-capability-list i{color:#1b2721;font-size:16px;font-style:normal;transition:transform 220ms ease} .fo-product-capability-list > a:hover i{transform:translate(3px,-3px)} .fo-product-fit{padding:122px max(24px,calc((100vw - 1160px) / 2));background:#fbf3ef} .fo-product-fit-head{max-width:800px} .fo-product-fit-head > p{margin:24px 0 0;color:#59625f;font-size:16px} .fo-product-fit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:58px} .fo-product-fit-grid article{min-height:300px;padding:30px;border:1px solid rgba(12,17,18,0.08);border-radius:24px;background:rgba(255,255,255,0.66)} .fo-product-fit-grid article:nth-child(2){background:#e8f8ee} .fo-product-fit-grid article:nth-child(3){background:#eee9f8} .fo-product-fit-grid span{color:#7b827f;font-size:10px;font-weight:760;letter-spacing:0.12em} .fo-product-fit-grid h3{max-width:270px;margin:112px 0 0;color:#151c19;font-size:27px;font-weight:760;letter-spacing:-0.045em;line-height:1.05} .fo-product-fit-grid p{margin:15px 0 0;color:#5f6965;font-size:13px;line-height:1.62} .fo-product-closing{padding:110px max(24px,calc((100vw - 1160px) / 2));background:#fff} .fo-product-closing-inner{position:relative;overflow:hidden;padding:78px 72px;border-radius:30px;background:#101514} .fo-product-closing-inner::after{position:absolute;right:-120px;bottom:-170px;width:470px;height:470px;border:1px solid rgba(126,242,175,0.18);border-radius:50%;box-shadow:0 0 0 80px rgba(126,242,175,0.035),0 0 0 160px rgba(126,242,175,0.025);content:"";animation:fo-product-closing-orbit 16s ease-in-out infinite} @keyframes fo-product-closing-orbit{50%{transform:translate(-20px,-14px) scale(1.04)}} .fo-product-closing .fo-section-label{color:rgba(255,255,255,0.48)} .fo-product-closing h2{position:relative;z-index:1;max-width:820px;color:#fff} .fo-product-closing p{position:relative;z-index:1;max-width:590px;margin:24px 0 0;color:rgba(255,255,255,0.62);font-size:16px;line-height:1.62} .fo-product-closing-inner > div{position:relative;z-index:1;display:flex;gap:12px;margin-top:31px} @media (max-width:1080px){.fo-product-hero{padding-top:144px} .fo-product-dashboard-note--left{left:14px} .fo-product-dashboard-note--right{right:14px} .fo-product-intro,.fo-product-workflow-head,.fo-product-roles{grid-template-columns:1fr;gap:34px} .fo-product-roles{padding-top:104px;padding-bottom:104px} .fo-product-roles-copy > p{max-width:680px}} @media (max-width:760px){.fo-product-hero{padding:124px 12px 82px} .fo-product-hero-copy{padding:0 10px} .fo-product-hero-copy h1{font-size:clamp(2.65rem,12vw,3.45rem);line-height:0.99} .fo-product-hero-copy > p{font-size:15px} .fo-product-hero-actions{flex-direction:column;align-items:center} .fo-product-dashboard{margin-top:48px;padding:6px;border-radius:18px} .fo-product-dashboard-bar{height:26px;border-radius:12px 12px 0 0} .fo-product-dashboard-bar strong,.fo-product-dashboard-note{display:none} .fo-product-dashboard > img{border-radius:0 0 12px 12px} .fo-product-intro,.fo-product-workflow,.fo-product-roles,.fo-product-capabilities,.fo-product-fit,.fo-product-closing{padding-right:18px;padding-left:18px} .fo-product-intro{gap:24px;padding-top:84px;padding-bottom:84px} .fo-product-intro h2,.fo-product-workflow-head h2,.fo-product-roles-copy h2,.fo-product-capabilities-head h2,.fo-product-fit-head h2,.fo-product-closing h2{font-size:clamp(2.2rem,9.4vw,2.85rem);line-height:1} .fo-product-intro > p,.fo-product-workflow-head > p{font-size:15px} .fo-product-workflow{padding-top:84px;padding-bottom:84px} .fo-product-flow-list{margin-top:46px} .fo-product-flow-list li{grid-template-columns:36px minmax(0,1fr);gap:15px;padding:25px 0} .fo-product-flow-list li > i{display:none} .fo-product-flow-list strong{font-size:18px} .fo-product-flow-list p{font-size:13px} .fo-product-roles{padding-top:86px;padding-bottom:86px} .fo-product-role-panel{padding:5px 18px;border-radius:22px} .fo-product-role-panel article{grid-template-columns:40px minmax(0,1fr);gap:13px;padding:20px 0} .fo-product-role-panel small{display:none} .fo-product-role-mark{width:39px;height:39px} .fo-product-capabilities{padding-top:88px;padding-bottom:88px} .fo-product-capabilities-head{display:block} .fo-product-capabilities-head .fo-text-link{margin-top:24px} .fo-product-capability-list{grid-template-columns:1fr;margin-top:42px} .fo-product-capability-list > a{grid-template-columns:36px minmax(0,1fr) 20px;gap:12px;min-height:0;padding:24px 18px} .fo-product-capability-list strong{font-size:17px} .fo-product-fit{padding-top:86px;padding-bottom:86px} .fo-product-fit-grid{grid-template-columns:1fr;margin-top:40px} .fo-product-fit-grid article{min-height:230px;padding:25px} .fo-product-fit-grid h3{margin-top:70px;font-size:24px} .fo-product-closing{padding-top:70px;padding-bottom:70px} .fo-product-closing-inner{padding:48px 23px;border-radius:24px} .fo-product-closing-inner > div{flex-direction:column}} @media (prefers-reduced-motion:reduce){.fo-product-hero-glow,.fo-product-dashboard-note,.fo-product-closing-inner::after{animation:none}} @media (min-width:761px){.fo-mega-link--overview{grid-column:1 / -1;border:1px solid rgba(12,17,18,0.06);background:#f7faf8}} .fo-product-dashboard-bar{position:relative} .fo-product-dashboard-bar strong{top:50%;transform:translate(-50%,-50%)} body.flowops-website-stage1 .fo-main .fo-product-hero-copy h1{font-size:var(--fo-type-display);font-weight:800;letter-spacing:var(--fo-heading-tracking);line-height:var(--fo-leading-display)} body.flowops-website-stage1 .fo-main .fo-product-intro h2,body.flowops-website-stage1 .fo-main .fo-product-workflow-head h2,body.flowops-website-stage1 .fo-main .fo-product-roles-copy h2,body.flowops-website-stage1 .fo-main .fo-product-capabilities-head h2,body.flowops-website-stage1 .fo-main .fo-product-fit-head h2{font-size:var(--fo-type-section);font-weight:800;letter-spacing:-0.038em;line-height:1.06} body.flowops-website-stage1 .fo-main .fo-product-closing h2{font-size:var(--fo-type-closing);font-weight:800;letter-spacing:-0.042em;line-height:1.04} body.flowops-website-stage1 .fo-main .fo-product-hero-copy > p{max-width:670px;margin-top:24px;font-size:var(--fo-type-body-large);font-weight:500;letter-spacing:-0.016em;line-height:1.7} body.flowops-website-stage1 .fo-main .fo-product-intro > p,body.flowops-website-stage1 .fo-main .fo-product-workflow-head > p,body.flowops-website-stage1 .fo-main .fo-product-roles-copy > p,body.flowops-website-stage1 .fo-main .fo-product-fit-head > p,body.flowops-website-stage1 .fo-main .fo-product-closing p{max-width:62ch;font-size:var(--fo-type-body);font-weight:500;line-height:var(--fo-leading-body)} body.flowops-website-stage1 .fo-main .fo-product-fit-grid h3{font-size:var(--fo-type-card);font-weight:800;letter-spacing:-0.028em;line-height:1.14} .fo-product-hero{padding-top:164px;padding-bottom:92px} .fo-product-hero-actions{margin-top:28px} .fo-product-dashboard{margin-top:58px} .fo-product-intro,.fo-product-workflow,.fo-product-roles,.fo-product-capabilities,.fo-product-fit{padding-top:108px;padding-bottom:108px} .fo-product-closing{padding-top:96px;padding-bottom:108px} .fo-product-workflow-head,.fo-product-intro{gap:clamp(42px,7vw,92px)} .fo-product-flow-list{margin-top:54px} .fo-product-capability-list{margin-top:52px} .fo-product-fit-grid{margin-top:48px} .fo-product-fit-grid h3{margin-top:92px} .fo-product-closing-inner{padding:68px 64px} @media (max-width:1080px){.fo-product-hero{padding-top:144px;padding-bottom:84px} .fo-product-intro,.fo-product-workflow,.fo-product-roles,.fo-product-capabilities,.fo-product-fit{padding-top:92px;padding-bottom:92px} .fo-product-closing{padding-top:84px;padding-bottom:96px} .fo-product-closing-inner{padding:58px 48px}} @media (max-width:760px){body.flowops-website-stage1 .fo-main .fo-product-hero-copy h1{letter-spacing:-0.04em;line-height:1.04} .fo-product-hero{padding:124px 12px 74px} .fo-product-hero-copy > p{margin-top:20px} .fo-product-hero-actions{margin-top:24px} .fo-product-dashboard{margin-top:42px} .fo-product-intro,.fo-product-workflow,.fo-product-roles,.fo-product-capabilities,.fo-product-fit{padding-top:74px;padding-bottom:74px} .fo-product-closing{padding:70px 12px 82px} .fo-product-flow-list,.fo-product-capability-list,.fo-product-fit-grid{margin-top:38px} .fo-product-fit-grid h3{margin-top:68px} .fo-product-closing-inner{padding:44px 22px}} .fo-product-fit-grid article{display:flex;flex-direction:column;justify-content:flex-start;gap:0} .fo-product-fit-grid span{display:block;margin-bottom:56px;line-height:1} .fo-product-fit-grid h3{max-width:250px;margin:0} .fo-product-fit-grid p{max-width:300px;margin-top:14px} @media (max-width:760px){.fo-product-fit-grid article{min-height:0} .fo-product-fit-grid span{margin-bottom:34px} .fo-product-fit-grid h3{max-width:280px}} .fo-features-hero{padding-top:164px;padding-bottom:88px} .fo-features-hero h1{max-width:720px;margin-top:22px;margin-bottom:22px} .fo-features-hero-actions{margin-top:28px} .fo-feature-flow{transform:none} .fo-feature-jump{position:relative;z-index:3;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:min(1160px,calc(100% - 48px));margin:-22px auto 0;padding:8px;border:1px solid rgba(12,17,18,0.07);border-radius:24px;background:rgba(255,255,255,0.94);box-shadow:0 18px 46px rgba(39,29,25,0.08);backdrop-filter:blur(18px)} .fo-feature-jump a{display:flex;min-height:54px;align-items:center;justify-content:center;gap:8px;padding:0 12px;border-radius:17px;color:#27302d;font-size:12px;font-weight:700;text-decoration:none;transition:background 180ms ease,transform 180ms ease} .fo-feature-jump a:hover,.fo-feature-jump a:focus-visible{background:#eef8f2;transform:translateY(-1px)} .fo-feature-jump span{color:#818a86;font-size:9px;font-weight:800;letter-spacing:0.08em} .fo-feature-capabilities{padding-top:108px;padding-bottom:108px} .fo-feature-section-heading{grid-template-columns:minmax(0,1.12fr) minmax(320px,0.72fr);gap:clamp(44px,7vw,86px);margin-bottom:48px} .fo-feature-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} .fo-feature-detail{display:flex;min-height:430px;flex-direction:column;padding:30px;border-width:7px;border-radius:27px} .fo-feature-detail-icon{width:46px;height:46px;border-radius:14px} .fo-feature-detail-icon svg{width:21px} .fo-feature-number{top:34px;right:34px;font-size:10px} body.flowops-website-stage1 .fo-main .fo-feature-detail h3{margin:44px 0 0;font-size:var(--fo-type-card);letter-spacing:-0.03em;line-height:1.12} body.flowops-website-stage1 .fo-main .fo-feature-detail > p{margin-top:14px;font-size:13px;line-height:1.62} .fo-feature-detail ul{margin-top:auto;padding-top:24px;gap:10px} .fo-feature-detail li{font-size:12px;line-height:1.45} .fo-feature-detail li::before{width:21px;height:21px;font-size:9px} .fo-feature-detail::after{width:210px;height:210px;right:-108px;bottom:-112px} @media (max-width:1080px){.fo-features-hero{padding-top:144px;padding-bottom:82px} .fo-feature-jump{grid-template-columns:repeat(3,minmax(0,1fr));width:min(900px,calc(100% - 32px))} .fo-feature-capabilities{padding-top:92px;padding-bottom:96px} .fo-feature-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .fo-feature-detail{min-height:410px}} @media (max-width:760px){.fo-features-hero{padding:124px 12px 72px} .fo-features-hero h1{margin-top:20px;margin-bottom:20px} .fo-features-hero-actions{margin-top:24px} .fo-feature-jump{display:flex;width:calc(100% - 24px);margin-top:-16px;overflow-x:auto;justify-content:flex-start;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none} .fo-feature-jump::-webkit-scrollbar{display:none} .fo-feature-jump a{min-width:max-content;min-height:48px;padding:0 15px;scroll-snap-align:start} .fo-feature-capabilities{padding:74px 12px 82px} .fo-feature-section-heading{gap:22px;margin-bottom:38px} .fo-feature-detail-grid{grid-template-columns:1fr} .fo-feature-detail{min-height:0;padding:26px} body.flowops-website-stage1 .fo-main .fo-feature-detail h3{margin-top:36px} .fo-feature-detail ul{margin-top:22px;padding-top:0}} .fo-features-main,.fo-features-main *{box-sizing:border-box} .fo-features-hero > *,.fo-feature-section-heading > *,.fo-feature-detail-grid > *,.fo-feature-difference-head > *,.fo-feature-difference-grid > *{min-width:0} .fo-features-hero-copy,.fo-feature-flow,.fo-feature-detail,.fo-feature-difference article{overflow-wrap:break-word} .fo-feature-detail{scroll-margin-top:108px} .fo-feature-flow li > div{min-width:0} .fo-feature-flow li strong,.fo-feature-flow li small{overflow-wrap:anywhere} .fo-feature-difference{padding:112px max(24px,calc((100vw - 1160px) / 2)) 120px;background:#fbf3ef} .fo-feature-difference-head{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,0.72fr);gap:clamp(40px,7vw,84px);align-items:end} .fo-feature-difference-head h2{max-width:760px;margin:18px 0 0;color:var(--fo-ink);font-size:var(--fo-type-section);font-weight:800;letter-spacing:-0.038em;line-height:1.06} .fo-feature-difference-head > p{max-width:58ch;margin:0 0 4px;color:var(--fo-ink-soft);font-size:var(--fo-type-body);font-weight:500;line-height:var(--fo-leading-body)} .fo-feature-difference-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:48px} .fo-feature-difference article{min-height:260px;padding:28px;border:1px solid rgba(12,17,18,0.08);border-radius:24px;background:rgba(255,255,255,0.72);box-shadow:0 14px 34px rgba(39,29,25,0.045)} .fo-feature-difference article:nth-child(2){background:#e8f8ee} .fo-feature-difference article:nth-child(3){background:#eee9f8} .fo-feature-difference article:nth-child(4){background:#ffe8d6} .fo-feature-difference article > span{display:block;color:#7b827f;font-size:10px;font-weight:800;letter-spacing:0.1em;line-height:1} .fo-feature-difference article h3{margin:62px 0 0;color:var(--fo-ink);font-size:var(--fo-type-card);font-weight:800;letter-spacing:-0.03em;line-height:1.12} .fo-feature-difference article p{margin:13px 0 0;color:#59625f;font-size:13px;font-weight:500;line-height:1.62} @media (max-width:1240px){.fo-features-hero{grid-template-columns:1fr;gap:48px;min-height:auto;padding-right:max(24px,calc((100vw - 960px) / 2));padding-left:max(24px,calc((100vw - 960px) / 2))} .fo-features-hero-copy{max-width:800px;justify-self:center;text-align:center} .fo-features-hero-copy > p{margin-inline:auto} .fo-features-hero-actions{justify-content:center} .fo-feature-flow{width:min(720px,100%);justify-self:center} .fo-feature-jump{grid-template-columns:repeat(3,minmax(0,1fr));width:min(960px,calc(100% - 32px))} .fo-feature-capabilities{padding-right:max(20px,calc((100vw - 960px) / 2));padding-left:max(20px,calc((100vw - 960px) / 2))} .fo-feature-section-heading,.fo-feature-difference-head{grid-template-columns:1fr;gap:22px} .fo-feature-section-heading > p,.fo-feature-difference-head > p{max-width:680px;margin-top:0} .fo-feature-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .fo-feature-detail{min-height:410px} .fo-feature-difference{padding-right:max(20px,calc((100vw - 960px) / 2));padding-left:max(20px,calc((100vw - 960px) / 2))} .fo-feature-difference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:900px){.fo-feature-detail{min-height:390px;padding:27px} body.flowops-website-stage1 .fo-main .fo-feature-detail h3{margin-top:38px} .fo-feature-difference article{min-height:230px}} @media (max-width:760px){.fo-features-hero{gap:38px;padding:124px 16px 68px} .fo-features-hero-copy{text-align:left} .fo-features-hero-copy > p{margin-inline:0} .fo-features-hero-actions{display:grid;grid-template-columns:1fr;justify-content:stretch} .fo-features-hero-actions .fo-button{width:100%;max-width:none} .fo-feature-flow{width:100%;padding:7px;border-width:6px;border-radius:25px} .fo-feature-flow-head{gap:12px;padding:14px 12px 17px} .fo-feature-flow-head div{font-size:11px} .fo-feature-flow li{grid-template-columns:40px minmax(0,1fr) 24px;gap:9px;min-height:76px;padding:11px} .fo-feature-flow li > span{width:36px;height:36px;border-radius:12px;font-size:10px} .fo-feature-flow li strong{font-size:13px;line-height:1.25} .fo-feature-flow li small{font-size:10px;line-height:1.35} .fo-feature-flow li > i{width:23px;height:23px} .fo-feature-jump{display:flex;width:calc(100% - 24px);margin-top:-14px;padding:6px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch} .fo-feature-jump a{flex:0 0 auto;min-width:max-content;min-height:46px;padding:0 14px;scroll-snap-align:start} .fo-feature-capabilities{padding:72px 14px 82px} .fo-feature-section-heading{margin-bottom:34px} .fo-feature-detail-grid{grid-template-columns:1fr;gap:14px} .fo-feature-detail{min-height:0;padding:25px 23px 27px;border-width:6px;border-radius:24px} .fo-feature-detail-icon{width:43px;height:43px} .fo-feature-number{top:29px;right:28px} body.flowops-website-stage1 .fo-main .fo-feature-detail h3{margin-top:32px} .fo-feature-detail ul{margin-top:21px;padding-top:0} .fo-feature-difference{padding:76px 14px 84px} .fo-feature-difference-grid{grid-template-columns:1fr;gap:12px;margin-top:36px} .fo-feature-difference article{min-height:0;padding:24px;border-radius:22px} .fo-feature-difference article h3{margin-top:38px} .fo-final-cta .fo-final-actions{display:grid;grid-template-columns:1fr;width:100%} .fo-final-cta .fo-final-actions .fo-button{width:100%;max-width:none}} @media (max-width:420px){.fo-features-hero{padding-right:12px;padding-left:12px} .fo-feature-flow li{grid-template-columns:36px minmax(0,1fr)} .fo-feature-flow li > i{display:none} .fo-feature-capabilities,.fo-feature-difference{padding-right:12px;padding-left:12px}} .fo-feature-jump a{border:1px solid rgba(12,17,18,0.05);background:#f7faf8;box-shadow:inset 0 1px 0 rgba(255,255,255,0.8)} .fo-feature-jump a:nth-child(2){background:#f2fbf5} .fo-feature-jump a:nth-child(3){background:#f5fbf7} .fo-feature-jump a:nth-child(4){background:#faf8fd} .fo-feature-jump a:nth-child(5){background:#fff6ef} .fo-feature-jump a:nth-child(6){background:#f2fbf7} .fo-feature-jump a:hover,.fo-feature-jump a:focus-visible{border-color:rgba(0,201,107,0.18);background:#eef8f2;box-shadow:0 10px 22px rgba(28,46,37,0.06),inset 0 1px 0 rgba(255,255,255,0.88)} @media (max-width:760px){.fo-feature-jump{padding:10px} .fo-feature-jump a{min-height:50px;padding:0 16px;border-radius:16px}} .fo-features-ambient{will-change:transform,opacity} .fo-features-ambient--left{animation:fo-features-ambient-left 13s ease-in-out infinite} .fo-features-ambient--right{animation:fo-features-ambient-right 16s ease-in-out -5s infinite} @keyframes fo-features-ambient-left{0%,100%{transform:translate3d(0,0,0) rotate(0deg);opacity:0.72} 50%{transform:translate3d(18px,-12px,0) rotate(3deg);opacity:0.92}} @keyframes fo-features-ambient-right{0%,100%{transform:translate3d(0,0,0) rotate(0deg);opacity:0.68} 50%{transform:translate3d(-20px,14px,0) rotate(-3deg);opacity:0.9}} .fo-feature-flow-head div span{animation:fo-feature-status-pulse 3.4s ease-in-out infinite} @keyframes fo-feature-status-pulse{50%{box-shadow:0 0 0 11px rgba(0,201,107,0.035)}} .fo-feature-flow.is-visible li{opacity:0;transform:translateY(10px);animation:fo-feature-step-in 560ms cubic-bezier(0.2,0.75,0.2,1) forwards} .fo-feature-flow.is-visible li:nth-child(1){animation-delay:120ms} .fo-feature-flow.is-visible li:nth-child(2){animation-delay:210ms} .fo-feature-flow.is-visible li:nth-child(3){animation-delay:300ms} .fo-feature-flow.is-visible li:nth-child(4){animation-delay:390ms} @keyframes fo-feature-step-in{to{opacity:1;transform:translateY(0)}} .fo-feature-flow li.is-current > i{animation:fo-feature-current-pulse 3.2s ease-in-out infinite} @keyframes fo-feature-current-pulse{50%{box-shadow:0 0 0 4px #fff,0 0 0 10px rgba(0,223,118,0.08)}} .fo-feature-jump a{transition:background 220ms ease,border-color 220ms ease,box-shadow 220ms ease,color 220ms ease,transform 220ms cubic-bezier(0.2,0.75,0.2,1)} .fo-feature-jump a.is-current{border-color:#101514;background:#101514;color:#fff;box-shadow:0 10px 24px rgba(16,21,20,0.15)} .fo-feature-jump a.is-current span{color:#7ff2b0} .fo-feature-detail,.fo-feature-difference article,.fo-product-fit-grid article,.fo-product-role-panel article,.fo-product-flow-list li,.fo-product-capability-list > a{transition:transform 260ms cubic-bezier(0.2,0.75,0.2,1),box-shadow 260ms ease,background 260ms ease,border-color 260ms ease} .fo-feature-detail-icon,.fo-feature-detail::after,.fo-product-role-mark,.fo-product-flow-list i{transition:transform 280ms cubic-bezier(0.2,0.75,0.2,1)} @media (hover:hover) and (pointer:fine){.fo-feature-detail:hover{transform:translateY(-5px);box-shadow:0 0 0 1px rgba(12,17,18,0.08),0 30px 64px rgba(51,42,38,0.11)} .fo-feature-detail:hover .fo-feature-detail-icon{transform:translateY(-2px) rotate(-4deg) scale(1.04)} .fo-feature-detail:hover::after{transform:translate(-12px,-10px) scale(1.04)} .fo-feature-difference article:hover,.fo-product-fit-grid article:hover{transform:translateY(-4px);box-shadow:0 22px 46px rgba(39,29,25,0.085)} .fo-product-flow-list li:hover{padding-right:12px;padding-left:12px;background:rgba(255,255,255,0.035)} .fo-product-flow-list li:hover i{transform:rotate(-4deg) scale(1.05);border-color:rgba(127,242,176,0.3)} .fo-product-role-panel article:hover{transform:translateX(4px)} .fo-product-role-panel article:hover .fo-product-role-mark{transform:rotate(-4deg) scale(1.04)} .fo-product-capability-list > a:hover{position:relative;z-index:1;transform:translateY(-2px);box-shadow:0 18px 36px rgba(38,56,47,0.075)}} @media (max-width:760px){.fo-feature-flow.is-visible li{animation-duration:480ms}} .fo-solutions-hero{grid-template-columns:minmax(0,1.02fr) minmax(390px,0.86fr);gap:clamp(48px,7vw,92px);min-height:720px;padding:150px max(24px,calc((100vw - 1160px) / 2)) 92px} .fo-solutions-shape{will-change:transform,opacity} .fo-solutions-shape--one{animation:fo-solutions-shape-one 16s ease-in-out infinite} .fo-solutions-shape--two{animation:fo-solutions-shape-two 19s ease-in-out -6s infinite} @keyframes fo-solutions-shape-one{0%,100%{transform:translate3d(0,0,0) rotate(0deg);opacity:0.72} 50%{transform:translate3d(-18px,-12px,0) rotate(-3deg);opacity:0.94}} @keyframes fo-solutions-shape-two{0%,100%{transform:translate3d(0,0,0) rotate(0deg);opacity:0.66} 50%{transform:translate3d(20px,14px,0) rotate(3deg);opacity:0.9}} .fo-solutions-hero h1{max-width:720px;margin:22px 0 0} .fo-solutions-hero-copy > p{margin-top:24px} .fo-solutions-console{padding:11px;border-width:7px;border-radius:31px;box-shadow:0 26px 68px rgba(62,47,68,0.12);transform:rotate(-0.7deg);transition:transform 320ms cubic-bezier(0.2,0.75,0.2,1),box-shadow 320ms ease} .fo-solutions-console-top{padding:16px 16px 19px;font-size:11px} .fo-solutions-console-main{padding:clamp(28px,3.6vw,42px);border-radius:23px} .fo-solutions-console-main > strong{font-size:clamp(2.35rem,3.7vw,3.65rem)} .fo-solutions-stats div{padding:14px;border-radius:15px} .fo-solutions-console-note{grid-template-columns:42px minmax(0,1fr);padding:13px;border-radius:18px} .fo-solutions-console-note > span{width:42px;height:42px;border-radius:13px} .fo-solution-jump{position:relative;z-index:3;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:min(1160px,calc(100% - 48px));margin:-22px auto 0;padding:8px;border:1px solid rgba(12,17,18,0.07);border-radius:24px;background:rgba(255,255,255,0.95);box-shadow:0 18px 46px rgba(39,29,25,0.08);backdrop-filter:blur(18px)} .fo-solution-jump a{display:flex;min-height:54px;align-items:center;justify-content:center;gap:8px;padding:0 11px;border:1px solid rgba(12,17,18,0.045);border-radius:17px;background:#f7faf8;color:#27302d;font-size:12px;font-weight:700;text-decoration:none;transition:background 220ms ease,border-color 220ms ease,box-shadow 220ms ease,color 220ms ease,transform 220ms cubic-bezier(0.2,0.75,0.2,1)} .fo-solution-jump a:nth-child(2){background:#f2fbf5} .fo-solution-jump a:nth-child(3){background:#faf7fd} .fo-solution-jump a:nth-child(4){background:#f3fafc} .fo-solution-jump a:nth-child(5){background:#fbf8f5} .fo-solution-jump a:nth-child(6){background:#fff5f7} .fo-solution-jump span{color:#818a86;font-size:9px;font-weight:800;letter-spacing:0.08em} .fo-solution-jump a:hover,.fo-solution-jump a:focus-visible{border-color:rgba(0,201,107,0.18);background:#eef8f2;box-shadow:0 10px 22px rgba(28,46,37,0.06);transform:translateY(-1px)} .fo-solution-jump a.is-current{border-color:#101514;background:#101514;color:#fff;box-shadow:0 10px 24px rgba(16,21,20,0.15)} .fo-solution-jump a.is-current span{color:#7ff2b0} .fo-solution-types{padding:112px max(24px,calc((100vw - 1160px) / 2)) 122px} .fo-solution-heading{grid-template-columns:minmax(0,1.1fr) minmax(290px,0.68fr);gap:clamp(38px,7vw,80px);margin-bottom:48px} .fo-solution-heading .fo-section-label{grid-column:auto} .fo-solution-heading h2{margin-top:18px} .fo-solution-heading > p{margin:0 0 4px} .fo-solution-grid{gap:18px} .fo-usecase-card{display:flex;min-height:0;flex-direction:column;padding:clamp(30px,3.1vw,40px);border-width:7px;border-radius:31px;box-shadow:0 0 0 1px rgba(12,17,18,0.07),0 20px 48px rgba(51,42,38,0.065);scroll-margin-top:110px;transition:transform 280ms cubic-bezier(0.2,0.75,0.2,1),box-shadow 280ms ease} .fo-usecase-card::after{right:-120px;bottom:-150px;width:290px;height:290px;transition:transform 600ms cubic-bezier(0.2,0.75,0.2,1)} .fo-usecase-card-top{font-size:11px} .fo-usecase-icon{width:50px;height:50px;border-radius:15px;transition:transform 280ms cubic-bezier(0.2,0.75,0.2,1)} .fo-usecase-icon svg{width:23px;height:23px} .fo-usecase-kicker{margin-top:42px} .fo-usecase-card h3{max-width:520px;margin:14px 0 0} .fo-usecase-card > p{max-width:560px;margin-top:15px} .fo-usecase-card ul{margin-top:24px} .fo-usecase-card li{font-size:13px;line-height:1.45} .fo-solution-fit{grid-template-columns:minmax(0,0.9fr) minmax(410px,0.92fr);gap:clamp(48px,8vw,92px);padding:116px max(24px,calc((100vw - 1160px) / 2))} .fo-solution-fit h2{margin:18px 0 0} .fo-solution-fit-copy > p{margin-top:20px} .fo-solution-fit-map{gap:8px;padding:11px;border-width:7px;border-radius:30px} .fo-solution-fit-map div{min-height:66px;padding:12px 15px 12px 20px;border-radius:17px;font-size:15px;transition:transform 240ms cubic-bezier(0.2,0.75,0.2,1),background 240ms ease} .fo-solution-fit-map i{width:38px;height:38px;border-radius:12px} .fo-solution-fit-map div:nth-child(3){background:rgba(255,255,255,0.68);color:inherit} .fo-solution-fit-map div:nth-child(3) i{background:#fff;color:inherit} .fo-solution-fit-map div:nth-child(4){background:#0c1112;color:#fff} .fo-solution-fit-map div:nth-child(4) i{background:#00e676;color:#0c1112} .fo-solution-fit-map.is-visible div{opacity:0;transform:translateY(8px);animation:fo-solution-row-in 520ms cubic-bezier(0.2,0.75,0.2,1) forwards} .fo-solution-fit-map.is-visible div:nth-child(1){animation-delay:80ms} .fo-solution-fit-map.is-visible div:nth-child(2){animation-delay:150ms} .fo-solution-fit-map.is-visible div:nth-child(3){animation-delay:220ms} .fo-solution-fit-map.is-visible div:nth-child(4){animation-delay:290ms} .fo-solution-fit-map.is-visible div:nth-child(5){animation-delay:360ms} .fo-solution-fit-map.is-visible div:nth-child(6){animation-delay:430ms} @keyframes fo-solution-row-in{to{opacity:1;transform:translateY(0)}} @media (hover:hover) and (pointer:fine){.fo-solutions-console:hover{transform:rotate(0deg) translateY(-4px);box-shadow:0 34px 78px rgba(62,47,68,0.15)} .fo-usecase-card:hover{transform:translateY(-5px);box-shadow:0 0 0 1px rgba(12,17,18,0.075),0 30px 62px rgba(51,42,38,0.1)} .fo-usecase-card:hover .fo-usecase-icon{transform:rotate(-4deg) scale(1.04)} .fo-usecase-card:hover::after{transform:translate(-12px,-10px) scale(1.05)} .fo-solution-fit-map div:hover{transform:translateX(4px)}} @media (max-width:1080px){.fo-solutions-hero{grid-template-columns:1fr;gap:44px;min-height:auto;padding:140px max(20px,calc((100vw - 900px) / 2)) 82px} .fo-solutions-hero-copy{max-width:760px} .fo-solutions-console{width:min(720px,100%);margin:0 auto} .fo-solution-jump{grid-template-columns:repeat(3,minmax(0,1fr));width:min(900px,calc(100% - 40px))} .fo-solution-types{padding:94px max(20px,calc((100vw - 900px) / 2)) 102px} .fo-solution-heading{grid-template-columns:1fr;gap:22px} .fo-solution-heading > p{max-width:64ch} .fo-usecase-card{padding:30px} .fo-usecase-kicker{margin-top:36px} .fo-solution-fit{grid-template-columns:1fr;gap:42px;padding:96px max(20px,calc((100vw - 900px) / 2))} .fo-solution-fit-copy{max-width:720px} .fo-solution-fit-map{width:min(720px,100%)}} @media (max-width:760px){.fo-solutions-hero{padding:126px 14px 72px} .fo-solutions-actions{flex-direction:column;gap:10px;margin-top:28px} .fo-solutions-actions .fo-button{width:100%;max-width:none} .fo-solutions-console{padding:8px;border-width:6px;border-radius:24px} .fo-solutions-console-top{padding:13px 11px 16px} .fo-solutions-console-main{padding:24px 18px;border-radius:18px} .fo-solutions-console-main > strong{font-size:clamp(2rem,10vw,2.65rem)} .fo-solutions-stats{gap:7px} .fo-solutions-stats div{padding:11px 8px;text-align:center} .fo-solutions-stats b{font-size:18px} .fo-solutions-stats small{font-size:9px} .fo-solutions-console-note{grid-template-columns:38px minmax(0,1fr)} .fo-solutions-console-note > span{width:38px;height:38px} .fo-solution-jump{display:flex;width:calc(100% - 24px);margin-top:-14px;overflow-x:auto;justify-content:flex-start;padding:10px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none} .fo-solution-jump::-webkit-scrollbar{display:none} .fo-solution-jump a{min-width:max-content;min-height:50px;padding:0 16px;scroll-snap-align:start} .fo-solution-types{padding:78px 12px 86px} .fo-solution-grid{grid-template-columns:1fr;gap:14px} .fo-usecase-card{padding:25px;border-width:6px;border-radius:25px} .fo-usecase-icon{width:46px;height:46px} .fo-usecase-kicker{margin-top:32px} .fo-usecase-card ul{gap:10px;margin-top:22px} .fo-solution-fit{padding:82px 12px} .fo-solution-fit-map{padding:8px;border-width:6px;border-radius:24px} .fo-solution-fit-map div{min-height:58px;padding:10px 12px 10px 15px;font-size:13px} .fo-solution-fit-map i{width:34px;height:34px}} @media (prefers-reduced-motion:reduce){.fo-solutions-shape,.fo-solutions-progress span,.fo-solution-fit-map.is-visible div{animation:none} .fo-solution-fit-map.is-visible div{opacity:1;transform:none}} .fo-solutions-console{background:radial-gradient(circle at 88% 14%,rgba(220,198,238,0.24),transparent 34%),linear-gradient(145deg,#e6f7ec 0%,#eef9f2 58%,#f4edf8 100%);box-shadow:0 26px 68px rgba(38,65,51,0.12)} .fo-solutions-console-top{color:#21372c} .fo-solutions-console-top small{color:#66756e} .fo-solutions-console-main{background:#0d1312;box-shadow:inset 0 1px 0 rgba(255,255,255,0.035)} .fo-solutions-console-main > strong{font-size:clamp(2.15rem,3.35vw,3.35rem);line-height:1.08} .fo-solutions-console-note{background:#f7fbf8;border:1px solid rgba(24,54,39,0.07);box-shadow:0 10px 28px rgba(38,65,51,0.055)} .fo-solutions-console-note > span{background:#ffffff;color:#112019;box-shadow:0 6px 16px rgba(38,65,51,0.06)} .fo-solutions-console-note small{color:#66736d} .fo-pricing-page-hero{position:relative;overflow:hidden;padding:154px max(24px,calc((100vw - 1160px) / 2)) 118px;background:#fbf3ef} .fo-pricing-page-intro{position:relative;z-index:2;max-width:880px;margin:0 auto;text-align:center} body.flowops-website-stage1 .fo-main .fo-pricing-page-intro h1{max-width:850px;margin:20px auto 0;font-size:var(--fo-type-display);font-weight:800;letter-spacing:var(--fo-heading-tracking);line-height:var(--fo-leading-display)} body.flowops-website-stage1 .fo-main .fo-pricing-page-intro > p{max-width:690px;margin:25px auto 0;font-size:var(--fo-type-body-large);font-weight:500;line-height:var(--fo-leading-body)} .fo-pricing-page-shape{will-change:transform;animation:fo-pricing-shape-drift 16s ease-in-out infinite} .fo-pricing-page-shape--right{animation-duration:20s;animation-delay:-7s} @keyframes fo-pricing-shape-drift{0%,100%{transform:translate3d(0,0,0) rotate(0deg)} 50%{transform:translate3d(0,-14px,0) rotate(3deg)}} .fo-pricing-plan{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,0.82fr) minmax(0,1.18fr);width:min(1080px,100%);margin:66px auto 0;overflow:hidden;border:8px solid rgba(255,255,255,0.92);border-radius:32px;background:#fff;box-shadow:0 26px 74px rgba(39,29,25,0.11)} .fo-pricing-plan-main,.fo-pricing-plan-included{min-width:0} .fo-pricing-plan-main{padding:clamp(34px,4.6vw,58px);background:radial-gradient(circle at 12% 8%,rgba(0,205,117,0.11),transparent 35%),#101716;color:#fff} .fo-pricing-plan-head{gap:18px} .fo-pricing-plan-head div > span{color:#fff;font-size:16px} .fo-pricing-plan-head div > small{margin-top:5px;color:rgba(255,255,255,0.58)} .fo-pricing-plan-badge{border-color:rgba(180,255,214,0.18);background:rgba(180,255,214,0.1);color:#b9f8d3} .fo-pricing-page-price{align-items:flex-end;margin-top:54px} .fo-pricing-page-price > span{padding-bottom:14px;color:#b9f8d3;font-size:31px} .fo-pricing-page-price strong{color:#fff;font-size:clamp(5.9rem,8vw,7.8rem);font-weight:790;letter-spacing:-0.075em;line-height:0.82} .fo-pricing-page-price small{padding:0 0 10px 14px;color:rgba(255,255,255,0.62);font-size:13px} .fo-pricing-plan-main > p{max-width:46ch;margin-top:30px;color:rgba(255,255,255,0.7);font-size:15px;line-height:1.65} .fo-pricing-plan-actions{display:flex;align-items:center;gap:22px;margin-top:31px} .fo-pricing-plan-actions .fo-text-link{color:#fff} .fo-pricing-plan-actions .fo-text-link:hover{color:#b9f8d3} .fo-pricing-plan-facts{display:grid;gap:10px;margin-top:32px} .fo-pricing-plan-facts span{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,0.78);font-size:12px;font-weight:650} .fo-pricing-plan-facts i{display:grid;width:20px;height:20px;place-items:center;border-radius:50%;background:#00cd75;color:#082012;font-size:9px;font-style:normal} .fo-pricing-plan-terms{max-width:54ch;margin-top:30px;color:rgba(255,255,255,0.48);line-height:1.55} .fo-pricing-plan-terms a{color:rgba(255,255,255,0.8)} .fo-pricing-plan-included{padding:clamp(38px,5vw,66px);background:radial-gradient(circle at 100% 0%,rgba(224,203,241,0.38),transparent 36%),#f1faf4} .fo-pricing-plan-kicker{color:#68726d;font-size:10px;font-weight:800;letter-spacing:0.14em;text-transform:uppercase} body.flowops-website-stage1 .fo-main .fo-pricing-plan-included h2{max-width:620px;margin-top:19px;font-size:clamp(2.25rem,3.7vw,3.55rem);font-weight:800;letter-spacing:-0.045em;line-height:1.04} .fo-pricing-plan-included ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:36px} .fo-pricing-plan-included li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:11px;align-items:start;padding:17px;border:1px solid rgba(12,17,18,0.06);border-radius:18px;background:rgba(255,255,255,0.7)} .fo-pricing-plan-included li > span{width:28px;height:28px} .fo-pricing-plan-included li strong,.fo-pricing-plan-included li small{display:block} .fo-pricing-plan-included li strong{color:#17201c;font-size:13px;line-height:1.3} .fo-pricing-plan-included li small{margin-top:5px;color:#69736e;font-size:11px;line-height:1.5} .fo-pricing-no-seats{margin-top:22px;border-color:rgba(0,156,87,0.1);background:#fff} .fo-pricing-value{padding:118px max(24px,calc((100vw - 1160px) / 2)) 126px;background:#fff} .fo-pricing-value-heading{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,0.72fr);gap:clamp(42px,7vw,88px);align-items:end;max-width:none;text-align:left} .fo-pricing-value-heading .fo-section-label{margin-bottom:0} body.flowops-website-stage1 .fo-main .fo-pricing-value-heading h2{max-width:720px;margin-top:18px;font-size:var(--fo-type-section);font-weight:800;letter-spacing:-0.038em;line-height:1.06} body.flowops-website-stage1 .fo-main .fo-pricing-value-heading > p{max-width:58ch;margin:0 0 4px;font-size:var(--fo-type-body);font-weight:500;line-height:var(--fo-leading-body)} .fo-pricing-value-grid{gap:14px;margin-top:50px} .fo-pricing-value-card{display:flex;min-height:300px;flex-direction:column;padding:29px;border-radius:24px;box-shadow:0 14px 34px rgba(39,29,25,0.045);transition:transform 260ms cubic-bezier(0.22,1,0.36,1),box-shadow 260ms ease} .fo-pricing-value-card:hover{transform:translateY(-5px);box-shadow:0 23px 48px rgba(39,29,25,0.075)} .fo-pricing-value-card > span{margin-bottom:64px} body.flowops-website-stage1 .fo-main .fo-pricing-value-card h3{margin:auto 0 0;font-size:var(--fo-type-card);font-weight:800;letter-spacing:-0.03em;line-height:1.12} .fo-pricing-value-card p{max-width:34ch;margin-top:14px} .fo-pricing-faq{display:grid;grid-template-columns:minmax(280px,0.65fr) minmax(0,1fr);gap:clamp(48px,8vw,112px);padding:118px max(24px,calc((100vw - 1160px) / 2)) 126px;background:#fbf3ef} .fo-pricing-faq-heading{position:sticky;top:112px;align-self:start} body.flowops-website-stage1 .fo-main .fo-pricing-faq-heading h2{margin-top:18px;font-size:var(--fo-type-section);font-weight:800;letter-spacing:-0.038em;line-height:1.06} .fo-pricing-faq-heading > p{max-width:43ch;margin:22px 0 0;color:var(--fo-ink-soft);font-size:14px;font-weight:500;line-height:1.65} .fo-pricing-faq-list{gap:12px} .fo-pricing-faq-list details{border:1px solid rgba(12,17,18,0.07);border-radius:20px;background:rgba(255,255,255,0.76);box-shadow:0 10px 24px rgba(39,29,25,0.035)} .fo-pricing-faq-list summary{min-height:76px;padding:21px 23px;font-size:15px;font-weight:750} .fo-pricing-faq-list details p{max-width:68ch;padding:0 66px 23px 23px;font-size:13px;line-height:1.65} .fo-pricing-page-main .fo-final-cta{background:#fff} @media (max-width:1080px){.fo-pricing-page-hero{padding-top:142px} .fo-pricing-plan{grid-template-columns:1fr;width:min(780px,100%)} .fo-pricing-plan-included ul{grid-template-columns:repeat(2,minmax(0,1fr))} .fo-pricing-value-heading,.fo-pricing-faq{grid-template-columns:1fr;gap:27px} .fo-pricing-faq-heading{position:static}} @media (min-width:761px) and (max-width:1080px){.fo-pricing-value-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .fo-pricing-value-card:last-child{grid-column:1 / -1;min-height:250px}} @media (max-width:760px){.fo-pricing-page-hero{padding:126px 12px 84px} body.flowops-website-stage1 .fo-main .fo-pricing-page-intro h1{font-size:clamp(2.55rem,10.7vw,3.2rem);line-height:1} body.flowops-website-stage1 .fo-main .fo-pricing-page-intro > p{margin-top:20px;font-size:15px} .fo-pricing-plan{margin-top:42px;border-width:6px;border-radius:26px} .fo-pricing-plan-main,.fo-pricing-plan-included{padding:32px 22px} .fo-pricing-plan-head{align-items:flex-start;flex-direction:column} .fo-pricing-page-price{margin-top:42px} .fo-pricing-page-price strong{font-size:clamp(5.3rem,24vw,6.5rem)} .fo-pricing-plan-actions{align-items:flex-start;flex-direction:column;gap:18px} .fo-pricing-plan-actions .fo-button{width:100%} .fo-pricing-plan-included ul{grid-template-columns:1fr;margin-top:28px} body.flowops-website-stage1 .fo-main .fo-pricing-plan-included h2{font-size:clamp(2rem,9vw,2.65rem)} .fo-pricing-value,.fo-pricing-faq{padding:82px 12px 90px} .fo-pricing-value-heading{gap:22px} .fo-pricing-value-grid{grid-template-columns:1fr;margin-top:38px} .fo-pricing-value-card{min-height:235px;padding:25px} .fo-pricing-value-card > span{margin-bottom:38px} .fo-pricing-faq-list summary{min-height:70px;padding:20px;font-size:14px} .fo-pricing-faq-list details p{padding:0 55px 21px 20px}} @media (prefers-reduced-motion:reduce){.fo-pricing-page-shape,.fo-pricing-value-card{animation:none;transition:none}} .fo-pricing-page-hero{padding-bottom:104px} .fo-pricing-plan{grid-template-columns:minmax(340px,0.78fr) minmax(0,1.22fr);width:min(1120px,100%);margin-top:58px;border:7px solid rgba(255,255,255,0.96);border-radius:30px;background:#ffffff;box-shadow:0 24px 68px rgba(39,29,25,0.095)} .fo-pricing-plan-main{padding:clamp(34px,4vw,50px);background:radial-gradient(circle at 0% 0%,rgba(255,255,255,0.58),transparent 35%),linear-gradient(145deg,#dff5e7 0%,#edf9f1 100%);color:var(--fo-ink)} .fo-pricing-plan-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px} .fo-pricing-plan-head div > span{color:var(--fo-ink);font-size:15px;font-weight:800} .fo-pricing-plan-head div > small{max-width:25ch;color:#64706a;font-size:11px;line-height:1.5} .fo-pricing-plan-badge{flex:0 0 auto;border:1px solid rgba(0,156,87,0.12);background:rgba(255,255,255,0.72);color:#17673e;font-size:9px;white-space:nowrap} .fo-pricing-page-price{display:flex;align-items:flex-end;margin-top:44px} .fo-pricing-page-price > span{padding-bottom:11px;color:#0b7b45;font-size:27px} .fo-pricing-page-price strong{color:var(--fo-ink);font-size:clamp(5.4rem,7vw,6.8rem);font-weight:800;letter-spacing:-0.07em;line-height:0.84} .fo-pricing-page-price small{padding:0 0 9px 12px;color:#64706a;font-size:12px} .fo-pricing-plan-main > p{max-width:42ch;margin-top:27px;color:#4f5d56;font-size:14px;line-height:1.65} .fo-pricing-plan-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px} .fo-pricing-plan-actions .fo-button{width:100%;min-width:0;min-height:48px;padding:0 16px;font-size:12px;white-space:nowrap} .fo-pricing-plan-actions .fo-button--soft{border:1px solid rgba(12,17,18,0.08);background:rgba(255,255,255,0.82);color:var(--fo-ink)} .fo-pricing-plan-facts{grid-template-columns:1fr;gap:8px;margin-top:26px} .fo-pricing-plan-facts span{color:#334139;font-size:12px} .fo-pricing-plan-facts i{width:19px;height:19px;background:#00cd75;color:#082012} .fo-pricing-plan-terms{max-width:46ch;margin-top:25px;color:#75807b;font-size:9px;line-height:1.6} .fo-pricing-plan-terms a{color:#35433c} .fo-pricing-plan-included{padding:clamp(38px,4.6vw,58px);background:radial-gradient(circle at 100% 0%,rgba(224,203,241,0.26),transparent 34%),#ffffff} body.flowops-website-stage1 .fo-main .fo-pricing-plan-included h2{max-width:560px;margin-top:17px;font-size:clamp(2.15rem,3.2vw,3.05rem);letter-spacing:-0.042em;line-height:1.05} .fo-pricing-plan-included ul{gap:11px;margin-top:30px} .fo-pricing-plan-included li{grid-template-columns:25px minmax(0,1fr);gap:10px;min-width:0;padding:15px;border-radius:16px;background:#f7faf8} .fo-pricing-plan-included li > span{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:#e4f8ec;color:#0b7b45;font-size:9px;font-weight:800} .fo-pricing-plan-included li strong{font-size:12px;line-height:1.35} .fo-pricing-plan-included li small{font-size:10px;line-height:1.48} .fo-pricing-no-seats{display:grid;grid-template-columns:44px minmax(0,1fr);gap:13px;align-items:center;margin-top:18px;padding:16px;border:1px solid rgba(12,17,18,0.06);border-radius:17px;background:#f7faf8} .fo-pricing-no-seats > span{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:#101716;color:#fff;font-size:22px} .fo-pricing-no-seats strong,.fo-pricing-no-seats small{display:block} .fo-pricing-no-seats strong{font-size:13px} .fo-pricing-no-seats small{margin-top:4px;color:#69736e;font-size:10px;line-height:1.5} @media (max-width:980px){.fo-pricing-plan{grid-template-columns:1fr;width:min(760px,100%)} .fo-pricing-plan-main,.fo-pricing-plan-included{padding:42px} .fo-pricing-plan-main{border-radius:23px 23px 0 0} .fo-pricing-plan-included{border-radius:0 0 23px 23px}} @media (max-width:760px){.fo-pricing-page-hero{padding-bottom:76px} .fo-pricing-plan{margin-top:38px;border-width:5px;border-radius:24px} .fo-pricing-plan-main,.fo-pricing-plan-included{padding:29px 20px} .fo-pricing-plan-head{align-items:flex-start;flex-direction:column} .fo-pricing-plan-badge{white-space:normal} .fo-pricing-page-price{margin-top:34px} .fo-pricing-page-price strong{font-size:clamp(4.9rem,23vw,6rem)} .fo-pricing-plan-actions{grid-template-columns:1fr} .fo-pricing-plan-actions .fo-button{min-height:50px} .fo-pricing-plan-included ul{grid-template-columns:1fr} body.flowops-website-stage1 .fo-main .fo-pricing-plan-included h2{font-size:clamp(1.95rem,8.8vw,2.45rem)} .fo-pricing-no-seats{grid-template-columns:38px minmax(0,1fr);padding:14px} .fo-pricing-no-seats > span{width:36px;height:36px;border-radius:11px;font-size:19px}} .fo-resources-main{background:#fff} .fo-resources-hero{min-height:720px;grid-template-columns:minmax(0,1.04fr) minmax(390px,0.76fr);gap:clamp(50px,7vw,96px);padding-top:148px;padding-bottom:94px;background:#fbf3ef} body.flowops-website-stage1 .fo-main .fo-resources-hero-copy h1{max-width:740px;font-size:var(--fo-type-display);font-weight:800;letter-spacing:var(--fo-heading-tracking);line-height:var(--fo-leading-display)} body.flowops-website-stage1 .fo-main .fo-resources-hero-copy > p{max-width:650px;font-size:var(--fo-type-body-large);font-weight:500;line-height:1.7} .fo-resources-guide-panel{position:relative;z-index:2;padding:12px;overflow:hidden;border:1px solid rgba(12,17,18,0.07);border-radius:28px;background:rgba(255,255,255,0.88);box-shadow:0 28px 72px rgba(47,35,29,0.11);backdrop-filter:blur(18px)} .fo-resources-guide-panel::before{position:absolute;top:-110px;right:-90px;width:240px;height:240px;border:1px solid rgba(0,201,107,0.12);border-radius:50%;content:"";animation:fo-resources-panel-orbit 14s ease-in-out infinite} @keyframes fo-resources-panel-orbit{50%{transform:translate3d(-10px,12px,0) scale(1.06)}} .fo-resources-guide-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 16px 20px} .fo-resources-guide-head > div{display:flex;align-items:center;gap:9px} .fo-resources-guide-head strong{color:#19211e;font-size:13px;font-weight:800} .fo-resources-guide-head small{color:#747d79;font-size:10px;font-weight:700} .fo-resources-live-dot{width:8px;height:8px;border-radius:50%;background:var(--fo-green);box-shadow:0 0 0 6px rgba(0,201,107,0.1);animation:fo-resources-dot 3.4s ease-in-out infinite} @keyframes fo-resources-dot{50%{box-shadow:0 0 0 10px rgba(0,201,107,0.03)}} .fo-resources-guide-row{position:relative;z-index:1;display:grid;grid-template-columns:44px minmax(0,1fr) 28px;gap:13px;align-items:center;min-height:82px;margin-top:6px;padding:13px 14px;border:1px solid rgba(12,17,18,0.05);border-radius:18px;background:#f7faf8;color:var(--fo-ink) !important;transition:transform 220ms ease,background-color 220ms ease,box-shadow 220ms ease} .fo-resources-guide-row:nth-of-type(3){background:#fff7f0} .fo-resources-guide-row:nth-of-type(4){background:#f6f2fb} .fo-resources-guide-row:hover,.fo-resources-guide-row:focus-visible{background:#fff;box-shadow:0 14px 30px rgba(40,31,27,0.07);transform:translateY(-2px)} .fo-resources-guide-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:#101716;color:#fff} .fo-resources-guide-icon svg,.fo-resource-card-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6} .fo-resources-guide-row strong,.fo-resources-guide-row small{display:block} .fo-resources-guide-row strong{font-size:14px;font-weight:800;line-height:1.25} .fo-resources-guide-row small{margin-top:4px;color:#69736f;font-size:11px;font-weight:500;line-height:1.45} .fo-resources-guide-row > i{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:rgba(12,17,18,0.06);font-size:12px;font-style:normal;transition:transform 180ms ease} .fo-resources-guide-row:hover > i{transform:translate(2px,-2px)} .fo-resources-library{padding-top:108px;padding-bottom:116px} .fo-resources-heading{display:grid;max-width:none;grid-template-columns:minmax(0,1.1fr) minmax(300px,0.7fr);gap:clamp(38px,7vw,84px);align-items:end} body.flowops-website-stage1 .fo-main .fo-resources-heading h2,body.flowops-website-stage1 .fo-main .fo-resources-paths-head h2{max-width:720px;font-size:var(--fo-type-section);font-weight:800;letter-spacing:-0.038em;line-height:1.06} body.flowops-website-stage1 .fo-main .fo-resources-heading > p{max-width:54ch;margin:0 0 4px;font-size:var(--fo-type-body);font-weight:500;line-height:var(--fo-leading-body)} .fo-resources-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:48px} .fo-resource-card{display:flex;min-height:286px;flex-direction:column;gap:0;padding:26px;border-radius:24px;background:#f7f8f7;box-shadow:0 12px 32px rgba(40,31,27,0.035)} .fo-resource-card--mint{background:#eaf8ef} .fo-resource-card--peach{background:#fff0e4} .fo-resource-card--lilac{background:#f2ecfa} .fo-resource-card--blue{background:#eaf5f7} .fo-resource-card--cream{background:#f7f2ed} .fo-resource-card--rose{background:#fae9ed} .fo-resource-card:hover{background:#fff;box-shadow:0 22px 50px rgba(40,31,27,0.09);transform:translateY(-4px)} .fo-resource-card-top{display:flex;align-items:center;justify-content:space-between;gap:15px} .fo-resource-card-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:14px;background:rgba(255,255,255,0.78);color:#111817;box-shadow:inset 0 0 0 1px rgba(12,17,18,0.05)} .fo-resource-card small{color:#626d68;font-size:10px;font-weight:800;letter-spacing:0.1em;text-transform:uppercase} body.flowops-website-stage1 .fo-main .fo-resource-card h3{margin:34px 0 0;font-size:var(--fo-type-card);font-weight:800;letter-spacing:-0.03em;line-height:1.13} body.flowops-website-stage1 .fo-main .fo-resource-card p{margin:14px 0 0;color:#59635f;font-size:13px;font-weight:500;line-height:1.62} .fo-resource-card-link{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:26px;color:#19211e;font-size:12px;font-weight:800} .fo-resource-card-link i{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:rgba(12,17,18,0.07);font-size:12px;font-style:normal;transition:transform 180ms ease} .fo-resource-card:hover .fo-resource-card-link i{transform:translate(2px,-2px)} .fo-resources-paths{padding:106px max(24px,calc((100vw - 1160px) / 2)) 114px;background:#fbf3ef} .fo-resources-paths-head{max-width:760px} .fo-resources-paths-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:44px} .fo-resources-paths-list > a{display:grid;min-height:150px;grid-template-columns:minmax(0,1fr) 38px;gap:20px;align-items:center;padding:26px 28px;border:1px solid rgba(12,17,18,0.07);border-radius:23px;background:rgba(255,255,255,0.72);color:var(--fo-ink) !important;transition:transform 220ms ease,background-color 220ms ease,box-shadow 220ms ease} .fo-resources-paths-list > a:hover{background:#fff;box-shadow:0 18px 42px rgba(39,29,25,0.07);transform:translateY(-3px)} .fo-resources-paths-list strong{font-size:19px;font-weight:800;line-height:1.2} .fo-resources-paths-list p{margin:10px 0 0;color:#626b68;font-size:13px;font-weight:500;line-height:1.6} .fo-resources-paths-list > a > span{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:#101716;color:#fff;font-size:13px;transition:transform 180ms ease} .fo-resources-paths-list > a:hover > span{transform:translate(2px,-2px)} .fo-resources-final{background:#fff} @media (max-width:1080px){.fo-resources-hero{grid-template-columns:1fr;gap:48px;padding-top:140px} .fo-resources-guide-panel{width:min(720px,100%)} .fo-resources-heading{grid-template-columns:1fr;gap:22px} body.flowops-website-stage1 .fo-main .fo-resources-heading > p{margin:0} .fo-resources-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:760px){.fo-resources-hero{gap:38px;padding:122px 12px 70px} .fo-resources-hero-copy{padding:0 8px} .fo-resources-hero-actions{gap:10px} .fo-resources-guide-panel{padding:9px;border-radius:23px} .fo-resources-guide-head{align-items:flex-start;padding:14px 12px 17px} .fo-resources-guide-head small{display:none} .fo-resources-guide-row{grid-template-columns:40px minmax(0,1fr) 26px;gap:11px;min-height:76px;padding:11px;border-radius:16px} .fo-resources-guide-icon{width:39px;height:39px} .fo-resources-guide-row strong{font-size:13px} .fo-resources-guide-row small{font-size:10px} .fo-resources-library{padding:78px 12px 84px} .fo-resources-heading{padding:0 8px} .fo-resources-grid{grid-template-columns:1fr;margin-top:36px} .fo-resource-card{min-height:0;padding:23px;border-radius:21px} body.flowops-website-stage1 .fo-main .fo-resource-card h3{margin-top:28px} .fo-resource-card-link{padding-top:24px} .fo-resources-paths{padding:78px 12px 86px} .fo-resources-paths-head{padding:0 8px} .fo-resources-paths-list{grid-template-columns:1fr;margin-top:34px} .fo-resources-paths-list > a{min-height:0;padding:23px 21px}} @media (prefers-reduced-motion:reduce){.fo-resources-guide-panel::before,.fo-resources-live-dot{animation:none}} body.flowops-docs-page .fo-docs-main{background:#fbf7f4} body.flowops-docs-page .fo-docs-hero{grid-template-columns:minmax(0,1.08fr) minmax(380px,0.78fr);gap:clamp(48px,6vw,82px);min-height:720px;padding:154px max(24px,calc((100vw - 1160px) / 2)) 88px} body.flowops-docs-page .fo-docs-hero-copy h1{max-width:690px;margin:20px 0 22px} body.flowops-docs-page .fo-docs-hero-copy > p{max-width:590px;font-size:var(--fo-type-body-large);font-weight:500;line-height:var(--fo-leading-body)} body.flowops-docs-page .fo-docs-map{width:100%;max-width:445px;justify-self:end;padding:10px;border-width:7px;border-radius:30px;box-shadow:0 24px 60px rgba(56,45,40,0.1);transform:none;animation:fo-docs-map-float 9s ease-in-out infinite} body.flowops-docs-page .fo-docs-map-head{padding:15px 14px 18px} body.flowops-docs-page .fo-docs-map a{grid-template-columns:40px minmax(0,1fr) 26px;min-height:58px;padding:8px 10px;border-radius:16px} body.flowops-docs-page .fo-docs-map a > span{width:38px;height:38px;border-radius:12px} body.flowops-docs-page .fo-docs-shape{will-change:transform;animation:fo-docs-shape-drift 14s ease-in-out infinite} body.flowops-docs-page .fo-docs-shape--right{animation-delay:-5s} @keyframes fo-docs-map-float{0%,100%{transform:translate3d(0,0,0)} 50%{transform:translate3d(0,-7px,0)}} @keyframes fo-docs-shape-drift{0%,100%{transform:translate3d(0,0,0)} 50%{transform:translate3d(0,-14px,0)}} body.flowops-docs-page .fo-docs-library{padding:96px max(24px,calc((100vw - 1160px) / 2)) 118px} body.flowops-docs-page .fo-docs-layout{grid-template-columns:228px minmax(0,1fr);gap:clamp(32px,4vw,54px)} body.flowops-docs-page .fo-docs-sidebar{top:96px} body.admin-bar.flowops-docs-page .fo-docs-sidebar{top:128px} body.flowops-docs-page .fo-docs-sidebar-inner{padding:18px;border-radius:23px;background:#f7f2ef} body.flowops-docs-page .fo-docs-content{gap:22px} body.flowops-docs-page .fo-docs-section{padding:clamp(32px,4vw,48px);border-width:7px;border-radius:30px;box-shadow:0 0 0 1px rgba(12,17,18,0.07),0 18px 42px rgba(51,42,38,0.055);transition:transform 260ms cubic-bezier(0.22,1,0.36,1),box-shadow 260ms ease} body.flowops-docs-page .fo-docs-section-head{grid-template-columns:48px minmax(0,1fr);gap:17px} body.flowops-docs-page .fo-docs-section-number{width:46px;height:46px;border-radius:14px} body.flowops-docs-page .fo-docs-section-head h2{max-width:690px;margin:10px 0 13px} body.flowops-docs-page .fo-docs-section-head p{max-width:680px;font-size:var(--fo-type-body);font-weight:500;line-height:var(--fo-leading-body)} body.flowops-docs-page .fo-docs-journey,body.flowops-docs-page .fo-docs-status-track,body.flowops-docs-page .fo-docs-role-grid,body.flowops-docs-page .fo-docs-review-routes,body.flowops-docs-page .fo-docs-tracking-grid,body.flowops-docs-page .fo-docs-ai-flow{margin-top:32px} body.flowops-docs-page .fo-docs-journey li,body.flowops-docs-page .fo-docs-status-track li,body.flowops-docs-page .fo-docs-role-grid section,body.flowops-docs-page .fo-docs-decision-grid > div,body.flowops-docs-page .fo-docs-tracking-grid > ul li,body.flowops-docs-page .fo-docs-tracking-card,body.flowops-docs-page .fo-docs-ai-request,body.flowops-docs-page .fo-docs-ai-output{transition:transform 220ms ease,box-shadow 220ms ease,background-color 220ms ease} body.flowops-docs-page .fo-docs-final{margin-top:0} @media (hover:hover) and (pointer:fine){body.flowops-docs-page .fo-docs-section:hover{transform:translateY(-3px);box-shadow:0 0 0 1px rgba(12,17,18,0.07),0 24px 54px rgba(51,42,38,0.075)} body.flowops-docs-page .fo-docs-journey li:hover,body.flowops-docs-page .fo-docs-status-track li:hover,body.flowops-docs-page .fo-docs-role-grid section:hover,body.flowops-docs-page .fo-docs-decision-grid > div:hover,body.flowops-docs-page .fo-docs-tracking-grid > ul li:hover,body.flowops-docs-page .fo-docs-tracking-card:hover,body.flowops-docs-page .fo-docs-ai-request:hover,body.flowops-docs-page .fo-docs-ai-output:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(35,48,40,0.065)}} @media (max-width:1080px){body.flowops-docs-page .fo-docs-hero{grid-template-columns:1fr;gap:44px;min-height:auto;padding:146px max(24px,calc((100vw - 900px) / 2)) 78px} body.flowops-docs-page .fo-docs-hero-copy{max-width:760px;justify-self:center;text-align:center} body.flowops-docs-page .fo-docs-hero-copy > p{margin-inline:auto} body.flowops-docs-page .fo-docs-hero-actions{justify-content:center} body.flowops-docs-page .fo-docs-map{width:min(680px,100%);max-width:none;justify-self:center;animation:none} body.flowops-docs-page .fo-docs-library{padding:82px max(24px,calc((100vw - 900px) / 2)) 100px} body.flowops-docs-page .fo-docs-layout{grid-template-columns:1fr;gap:28px} body.flowops-docs-page .fo-docs-sidebar{position:static} body.flowops-docs-page .fo-docs-sidebar-inner{padding:14px} body.flowops-docs-page .fo-docs-sidebar-label{margin-bottom:11px} body.flowops-docs-page .fo-docs-sidebar nav{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch} body.flowops-docs-page .fo-docs-sidebar nav::-webkit-scrollbar{display:none} body.flowops-docs-page .fo-docs-sidebar nav a{flex:0 0 auto;min-width:max-content;padding-right:13px;scroll-snap-align:start} body.flowops-docs-page .fo-docs-sidebar-card{display:none} body.flowops-docs-page .fo-docs-status-track{grid-template-columns:repeat(2,minmax(0,1fr))} body.flowops-docs-page .fo-docs-role-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media (max-width:760px){body.flowops-docs-page .fo-docs-hero{gap:36px;padding:126px 14px 62px} body.flowops-docs-page .fo-docs-hero-copy{text-align:left} body.flowops-docs-page .fo-docs-hero-copy h1{margin:17px 0 18px} body.flowops-docs-page .fo-docs-hero-copy > p{margin-inline:0;font-size:15px} body.flowops-docs-page .fo-docs-hero-actions{display:grid;justify-content:stretch;gap:9px;margin-top:25px} body.flowops-docs-page .fo-docs-hero-actions .fo-button{width:100%} body.flowops-docs-page .fo-docs-map{padding:6px;border-width:6px;border-radius:24px} body.flowops-docs-page .fo-docs-map-head{padding:13px 11px 15px} body.flowops-docs-page .fo-docs-map a{grid-template-columns:37px minmax(0,1fr) 24px;min-height:54px;padding:7px 9px;border-radius:14px} body.flowops-docs-page .fo-docs-map a > span{width:35px;height:35px} body.flowops-docs-page .fo-docs-library{padding:64px 12px 80px} body.flowops-docs-page .fo-docs-layout{gap:18px} body.flowops-docs-page .fo-docs-sidebar-inner{padding:10px;border-radius:18px} body.flowops-docs-page .fo-docs-sidebar-label{display:none} body.flowops-docs-page .fo-docs-sidebar nav a{grid-template-columns:24px minmax(0,1fr);min-height:42px;padding:6px 11px 6px 6px;font-size:10px} body.flowops-docs-page .fo-docs-sidebar nav a span{width:24px;height:24px} body.flowops-docs-page .fo-docs-content{gap:15px} body.flowops-docs-page .fo-docs-section{padding:24px 18px 26px;border-width:6px;border-radius:24px} body.flowops-docs-page .fo-docs-section-head{grid-template-columns:1fr;gap:12px} body.flowops-docs-page .fo-docs-section-number{width:40px;height:40px;border-radius:12px} body.flowops-docs-page .fo-docs-section-head h2{margin:9px 0 11px;font-size:clamp(1.75rem,8vw,2.15rem);line-height:1.04} body.flowops-docs-page .fo-docs-section-head p{font-size:13px;line-height:1.6} body.flowops-docs-page .fo-docs-journey{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:24px} body.flowops-docs-page .fo-docs-journey li{min-height:104px;padding:14px;border-radius:17px} body.flowops-docs-page .fo-docs-journey strong{margin-top:18px} body.flowops-docs-page .fo-docs-status-track{grid-template-columns:1fr;gap:7px;margin-top:24px} body.flowops-docs-page .fo-docs-status-track li{display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:11px;min-height:0;padding:14px;border-radius:17px} body.flowops-docs-page .fo-docs-status-track li > span{grid-row:1 / span 2} body.flowops-docs-page .fo-docs-status-track strong{margin-top:0} body.flowops-docs-page .fo-docs-note{grid-template-columns:34px minmax(0,1fr);align-items:start;padding:12px} body.flowops-docs-page .fo-docs-note > span{width:34px;height:34px} body.flowops-docs-page .fo-docs-role-grid{grid-template-columns:1fr;gap:8px;margin-top:24px} body.flowops-docs-page .fo-docs-role-grid section{padding:19px} body.flowops-docs-page .fo-docs-role-grid h3{margin-top:22px} body.flowops-docs-page .fo-docs-role-grid p{min-height:0} body.flowops-docs-page .fo-docs-review-routes{margin-top:24px} body.flowops-docs-page .fo-docs-review-routes > div{grid-template-columns:1fr;gap:7px;text-align:left} body.flowops-docs-page .fo-docs-review-routes i{width:28px;height:28px;transform:rotate(90deg)} body.flowops-docs-page .fo-docs-decision-grid{grid-template-columns:1fr} body.flowops-docs-page .fo-docs-tracking-grid{grid-template-columns:1fr;gap:12px;margin-top:24px} body.flowops-docs-page .fo-docs-tracking-card{padding:18px;border-radius:20px} body.flowops-docs-page .fo-docs-tracking-card-top{grid-template-columns:32px auto} body.flowops-docs-page .fo-docs-tracking-card-top small{grid-column:1 / -1;justify-self:start;margin-top:5px} body.flowops-docs-page .fo-docs-tracking-card h3{margin:22px 0;font-size:22px} body.flowops-docs-page .fo-docs-ai-flow{grid-template-columns:1fr;gap:9px;margin-top:24px} body.flowops-docs-page .fo-docs-ai-request,body.flowops-docs-page .fo-docs-ai-output{min-height:0;padding:18px;border-radius:18px} body.flowops-docs-page .fo-docs-ai-arrow{justify-self:center;transform:rotate(90deg)} body.flowops-docs-page .fo-docs-ai-ready{grid-column:auto} body.flowops-docs-page .fo-docs-final{margin-top:0}} @media (max-width:420px){body.flowops-docs-page .fo-docs-journey{grid-template-columns:1fr} body.flowops-docs-page .fo-docs-map-head small{display:none}} @media (prefers-reduced-motion:reduce){body.flowops-docs-page .fo-docs-map,body.flowops-docs-page .fo-docs-shape{animation:none}} .fo-docs-link-arrow svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round} @media (max-width:760px){.fo-header-cta .fo-arrow-icon,.fo-button .fo-arrow-icon,.fo-text-link .fo-arrow-icon,.fo-card-footer .fo-arrow-icon,.fo-mobile-nav-action .fo-arrow-icon{display:inline-grid !important;flex:0 0 auto} .fo-header-cta{gap:6px;padding-right:10px;padding-left:12px} .fo-header-cta .fo-arrow-icon{width:18px;height:18px;padding:3px} .fo-button{gap:9px} .fo-button .fo-arrow-icon{width:21px;height:21px} body.flowops-docs-page,body.flowops-docs-page .fo-site,body.flowops-docs-page .fo-docs-main,body.flowops-docs-page .fo-docs-hero,body.flowops-docs-page .fo-docs-library,body.flowops-docs-page .fo-docs-layout,body.flowops-docs-page .fo-docs-content,body.flowops-docs-page .fo-docs-section,body.flowops-docs-page .fo-docs-final{max-width:100%;min-width:0} body.flowops-docs-page{overflow-x:clip} body.flowops-docs-page .fo-docs-hero{gap:30px;padding:122px 12px 58px} body.flowops-docs-page .fo-docs-hero-copy,body.flowops-docs-page .fo-docs-map,body.flowops-docs-page .fo-docs-map ol,body.flowops-docs-page .fo-docs-map li,body.flowops-docs-page .fo-docs-map a,body.flowops-docs-page .fo-docs-map strong{min-width:0} body.flowops-docs-page .fo-docs-hero-copy h1{max-width:11ch;font-size:clamp(2.35rem,10.7vw,3rem);letter-spacing:-0.055em;line-height:1} body.flowops-docs-page .fo-docs-hero-copy > p{max-width:38rem;font-size:15px;line-height:1.58} body.flowops-docs-page .fo-docs-hero-actions{grid-template-columns:1fr} body.flowops-docs-page .fo-docs-hero-actions .fo-button{max-width:none;min-width:0;justify-content:center} body.flowops-docs-page .fo-docs-map{width:100%;max-width:100%;box-sizing:border-box} body.flowops-docs-page .fo-docs-map a{grid-template-columns:36px minmax(0,1fr) 25px;gap:9px;width:100%;box-sizing:border-box} body.flowops-docs-page .fo-docs-map a > span{width:34px;height:34px} body.flowops-docs-page .fo-docs-map a strong{overflow-wrap:anywhere} body.flowops-docs-page .fo-docs-map a i{width:25px;height:25px;padding:5px} body.flowops-docs-page .fo-docs-library{padding:58px 10px 76px} body.flowops-docs-page .fo-docs-sidebar-inner{padding:10px} body.flowops-docs-page .fo-docs-sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;overflow:visible;padding:0;scroll-snap-type:none} body.flowops-docs-page .fo-docs-sidebar nav a{width:100%;min-width:0;min-height:46px;box-sizing:border-box;overflow-wrap:anywhere} body.flowops-docs-page .fo-docs-content{width:100%;gap:14px} body.flowops-docs-page .fo-docs-section{width:100%;box-sizing:border-box;padding:22px 16px 24px;border-width:5px;border-radius:22px} body.flowops-docs-page .fo-docs-section-head > div,body.flowops-docs-page .fo-docs-section-head h2,body.flowops-docs-page .fo-docs-section-head p,body.flowops-docs-page .fo-docs-journey,body.flowops-docs-page .fo-docs-status-track,body.flowops-docs-page .fo-docs-role-grid,body.flowops-docs-page .fo-docs-review-routes,body.flowops-docs-page .fo-docs-decision-grid,body.flowops-docs-page .fo-docs-tracking-grid,body.flowops-docs-page .fo-docs-ai-flow{min-width:0} body.flowops-docs-page .fo-docs-section-head h2{font-size:clamp(1.7rem,7.7vw,2.08rem);overflow-wrap:anywhere} body.flowops-docs-page .fo-docs-journey{gap:7px} body.flowops-docs-page .fo-docs-journey li,body.flowops-docs-page .fo-docs-status-track li,body.flowops-docs-page .fo-docs-role-grid section,body.flowops-docs-page .fo-docs-decision-grid > div,body.flowops-docs-page .fo-docs-tracking-grid > ul li,body.flowops-docs-page .fo-docs-tracking-card,body.flowops-docs-page .fo-docs-ai-request,body.flowops-docs-page .fo-docs-ai-output{min-width:0;box-sizing:border-box} body.flowops-docs-page .fo-docs-review-routes > div{grid-template-columns:minmax(0,1fr);gap:8px;padding:13px} body.flowops-docs-page .fo-docs-review-routes i{justify-self:start;transform:rotate(90deg)} body.flowops-docs-page .fo-docs-tracking-grid > ul,body.flowops-docs-page .fo-docs-tracking-card,body.flowops-docs-page .fo-docs-ai-output{width:100%} body.flowops-docs-page .fo-docs-tracking-card-top{grid-template-columns:32px minmax(0,1fr)} body.flowops-docs-page .fo-docs-tracking-card-top small{grid-column:1 / -1;justify-self:start} body.flowops-docs-page .fo-docs-ai-output > span{grid-template-columns:34px minmax(0,1fr);min-width:0;overflow-wrap:anywhere} body.flowops-docs-page .fo-final-actions{display:grid;grid-template-columns:1fr;width:100%} body.flowops-docs-page .fo-final-actions .fo-button{width:100%;max-width:none}} @media (max-width:520px){body.flowops-docs-page .fo-docs-sidebar nav,body.flowops-docs-page .fo-docs-journey{grid-template-columns:1fr} body.flowops-docs-page .fo-docs-map-head small{display:none} body.flowops-docs-page .fo-docs-map a strong{font-size:12px} body.flowops-docs-page .fo-docs-role-grid section,body.flowops-docs-page .fo-docs-tracking-card,body.flowops-docs-page .fo-docs-ai-request,body.flowops-docs-page .fo-docs-ai-output{padding:16px}} body.flowops-website-stage1{-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip} body.flowops-website-stage1 .fo-site,body.flowops-website-stage1 .fo-main,body.flowops-website-stage1 .fo-main > section,body.flowops-website-stage1 .fo-main article,body.flowops-website-stage1 .fo-main picture,body.flowops-website-stage1 .fo-main img{max-width:100%;min-width:0} body.flowops-website-stage1 .fo-main picture{display:block} body.flowops-website-stage1 .fo-main img{display:block;height:auto} body.flowops-website-stage1 .fo-main:where(h1,h2,h3,h4,p,strong,small){overflow-wrap:break-word} body.flowops-website-stage1 .fo-main:where([class*="grid"],[class*="list"],[class*="panel"],[class*="heading"],[class*="head"]) > *{min-width:0} body.flowops-website-stage1 .fo-button,body.flowops-website-stage1 .fo-header-cta,body.flowops-website-stage1 .fo-mobile-nav-action{max-width:100%;touch-action:manipulation} body.flowops-website-stage1 .fo-main [id]{scroll-margin-top:104px} .fo-inline-arrow,.fo-flow-arrow{display:inline-grid;flex:0 0 auto;place-items:center;font-style:normal;line-height:1} .fo-inline-arrow svg,.fo-flow-arrow svg,.fo-ai-arrow svg,.fo-docs-ai-arrow svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round} .fo-product-capability-list .fo-inline-arrow{width:30px;height:30px;padding:7px;border-radius:50%;background:rgba(12,17,18,0.06)} .fo-resources-guide-row > .fo-inline-arrow,.fo-resource-card-link .fo-inline-arrow{padding:7px} .fo-resources-paths-list > a > .fo-inline-arrow{width:34px;height:34px;padding:8px;border-radius:50%;background:rgba(12,17,18,0.07)} .fo-ai-arrow svg{width:18px;height:18px;margin:0 auto} .fo-docs-review-routes .fo-flow-arrow svg,.fo-docs-ai-arrow svg{width:16px;height:16px} .fo-product-dashboard picture,.fo-product-dashboard picture img{width:100%} .fo-product-intro-heading{min-width:0} @media (max-width:1080px){body.flowops-website-stage1 .fo-final-actions,body.flowops-website-stage1 [class$="-hero-actions"]{flex-wrap:wrap} body.flowops-website-stage1 .fo-footer-links{min-width:0}} @media (max-width:760px){body.flowops-website-stage1 .fo-main{width:100%} body.flowops-website-stage1 .fo-main > section{overflow:clip} body.flowops-website-stage1 .fo-main:where(h1,h2,h3,h4){text-wrap:balance} body.flowops-website-stage1 .fo-button{min-width:0;white-space:normal;text-align:center} body.flowops-website-stage1 .fo-final-actions,body.flowops-website-stage1 [class$="-hero-actions"]{display:grid;grid-template-columns:minmax(0,1fr);width:100%} body.flowops-website-stage1 .fo-final-actions .fo-button,body.flowops-website-stage1 [class$="-hero-actions"] .fo-button{width:100%;max-width:none} .fo-product-capability-list .fo-inline-arrow{width:28px;height:28px;padding:7px} .fo-resources-paths-list > a > .fo-inline-arrow{width:30px;height:30px;padding:7px} body.flowops-docs-page .fo-docs-review-routes .fo-flow-arrow{transform:rotate(90deg)} body.flowops-website-stage1 .fo-footer-links a,body.flowops-website-stage1 .fo-footer-contact{overflow-wrap:anywhere}} @media (max-width:420px){body.flowops-website-stage1 .fo-footer-links{grid-template-columns:1fr}} @media (prefers-reduced-motion:reduce){body.flowops-website-stage1 *,body.flowops-website-stage1 *::before,body.flowops-website-stage1 *::after{scroll-behavior:auto !important}} .fo-solutions-stats b{font-size:14px;line-height:1.2} @media (max-width:760px){.fo-solutions-stats b{font-size:12px}} .fo-inline-arrow,.fo-flow-arrow{width:18px;height:18px} .fo-price-text-link{gap:10px;flex-wrap:nowrap} .fo-price-text-link .fo-flow-arrow{width:18px;height:18px;color:currentColor} @media (max-width:760px){.fo-inline-arrow,.fo-flow-arrow{width:16px;height:16px} .fo-price-text-link{justify-content:center;gap:8px}} .fo-about-main{background:#fff} .fo-about-hero{position:relative;display:grid;min-height:760px;grid-template-columns:minmax(0,1.06fr) minmax(430px,0.84fr);gap:clamp(58px,8vw,108px);align-items:center;overflow:hidden;padding:154px max(24px,calc((100vw - 1160px) / 2)) 104px;background:#fbf3ef} .fo-about-ambient{position:absolute;width:185px;height:390px;border-radius:0 50px 50px 0;pointer-events:none} .fo-about-ambient--left{bottom:40px;left:-96px;background:#ffe5d1;animation:fo-about-ambient 13s ease-in-out infinite} .fo-about-ambient--right{top:225px;right:-106px;border-radius:50px 0 0 50px;background:#f0ddf7;animation:fo-about-ambient 15s ease-in-out -4s infinite reverse} @keyframes fo-about-ambient{50%{transform:translateY(-14px) scale(1.025)}} .fo-about-hero-copy,.fo-about-system{position:relative;z-index:2;min-width:0} body.flowops-website-stage1 .fo-main .fo-about-hero h1{max-width:780px;margin:20px 0 0;color:var(--fo-ink);font-size:var(--fo-type-display);font-weight:800;letter-spacing:var(--fo-heading-tracking);line-height:var(--fo-leading-display)} .fo-about-hero-copy > p{max-width:650px;margin:26px 0 0;color:var(--fo-ink-soft);font-size:var(--fo-type-body-large);font-weight:500;line-height:1.7} .fo-about-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px} .fo-about-system{padding:9px;border:1px solid rgba(12,17,18,0.06);border-radius:31px;background:rgba(255,255,255,0.9);box-shadow:0 28px 70px rgba(50,37,32,0.12)} .fo-about-system-head{display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:18px;padding:0 18px;border-radius:22px 22px 12px 12px;background:#dff6e7} .fo-about-system-head div{display:flex;align-items:center;gap:9px} .fo-about-system-head div > span{width:8px;height:8px;border-radius:50%;background:var(--fo-green);box-shadow:0 0 0 6px rgba(0,201,107,0.1)} .fo-about-system-head strong{color:#18231e;font-size:12px;font-weight:800;letter-spacing:0.07em;text-transform:uppercase} .fo-about-system-head small{color:#65706b;font-size:10px;font-weight:700} .fo-about-system ol{display:grid;gap:8px;margin:8px 0 0;padding:0;list-style:none} .fo-about-system li{display:grid;grid-template-columns:46px minmax(0,1fr) 30px;gap:14px;align-items:center;min-height:80px;padding:12px 16px;border:1px solid rgba(12,17,18,0.045);border-radius:18px;background:#f8fbf9;transition:transform 220ms ease,background 220ms ease,box-shadow 220ms ease} .fo-about-system li:hover{transform:translateY(-2px);background:#fff;box-shadow:0 12px 24px rgba(28,45,37,0.06)} .fo-about-system li.is-current{background:#effaf3} .fo-about-system li > span{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:#fff;color:#28312d;font-size:10px;font-weight:800} .fo-about-system li strong,.fo-about-system li small{display:block} .fo-about-system li strong{color:#15201b;font-size:14px;font-weight:800} .fo-about-system li small{margin-top:4px;color:#76807b;font-size:10px;line-height:1.45} .fo-about-system li > i{display:grid;width:28px;height:28px;place-items:center;border:1px solid #ccd6d1;border-radius:50%;background:#fff;color:#fff;font-size:10px;font-style:normal} .fo-about-system li:nth-child(-n + 2) > i{border-color:#121916;background:#121916} .fo-about-system li.is-current > i{border:8px solid #d8f8e6;background:var(--fo-green);box-shadow:0 0 0 3px rgba(0,201,107,0.1);animation:fo-tracking-pulse 3.6s ease-in-out infinite} .fo-about-system-foot{display:flex;align-items:center;gap:11px;margin-top:8px;padding:14px 16px;border-radius:12px 12px 22px 22px;background:#101715} .fo-about-system-foot > span{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:var(--fo-green);color:#0b1b12;font-size:18px;font-weight:800} .fo-about-system-foot strong,.fo-about-system-foot small{display:block} .fo-about-system-foot strong{color:#fff;font-size:12px} .fo-about-system-foot small{margin-top:2px;color:rgba(255,255,255,0.56);font-size:9px} .fo-about-purpose,.fo-about-principles,.fo-about-founder{padding-right:max(24px,calc((100vw - 1160px) / 2));padding-left:max(24px,calc((100vw - 1160px) / 2))} .fo-about-purpose{padding-top:118px;padding-bottom:126px;background:#fff} .fo-about-purpose-head,.fo-about-principles-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(310px,0.72fr);gap:clamp(44px,7vw,88px);align-items:end} body.flowops-website-stage1 .fo-main .fo-about-purpose h2,body.flowops-website-stage1 .fo-main .fo-about-principles h2,body.flowops-website-stage1 .fo-main .fo-about-founder h2{max-width:790px;margin:18px 0 0;color:var(--fo-ink);font-size:var(--fo-type-section);font-weight:800;letter-spacing:-0.038em;line-height:1.06} .fo-about-purpose-head > p,.fo-about-principles-head > p{max-width:58ch;margin:0 0 4px;color:var(--fo-ink-soft);font-size:var(--fo-type-body);font-weight:500;line-height:var(--fo-leading-body)} .fo-about-purpose-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:54px} .fo-about-purpose-card{min-height:390px;padding:42px;border:1px solid rgba(12,17,18,0.07);border-radius:28px;box-shadow:0 18px 44px rgba(39,29,25,0.045)} .fo-about-purpose-card--soft{background:#fbf3ef} .fo-about-purpose-card--mint{background:#e4f7eb} .fo-about-card-label{color:#707975;font-size:10px;font-weight:800;letter-spacing:0.12em;text-transform:uppercase} .fo-about-purpose-card h3{max-width:520px;margin:62px 0 0;color:var(--fo-ink);font-size:var(--fo-type-feature);font-weight:800;letter-spacing:-0.034em;line-height:1.12} .fo-about-purpose-card ul{display:grid;gap:13px;margin:28px 0 0;padding:0;list-style:none} .fo-about-purpose-card li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start;color:#4e5a55;font-size:13px;font-weight:600;line-height:1.5} .fo-about-purpose-card li > span{display:grid;width:20px;height:20px;place-items:center;border:1px solid rgba(12,17,18,0.1);border-radius:50%;background:rgba(255,255,255,0.72);color:#078e57;font-size:9px} .fo-about-purpose-card--soft li > span::before{width:5px;height:5px;border-radius:50%;background:#8e9994;content:""} .fo-about-principles{padding-top:112px;padding-bottom:122px;background:#fbf3ef} .fo-about-principles-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:50px} .fo-about-principles-grid article{min-height:290px;padding:30px;border:1px solid rgba(12,17,18,0.07);border-radius:24px;background:rgba(255,255,255,0.74);box-shadow:0 14px 36px rgba(39,29,25,0.04);transition:transform 220ms ease,box-shadow 220ms ease} .fo-about-principles-grid article:nth-child(2){background:#e4f7eb} .fo-about-principles-grid article:nth-child(3){background:#efe8f8} .fo-about-principles-grid article:nth-child(4){background:#ffe4cf} .fo-about-principles-grid article:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(39,29,25,0.07)} .fo-about-principles-grid article > span{color:#7b847f;font-size:10px;font-weight:800;letter-spacing:0.1em} .fo-about-principles-grid h3{margin:72px 0 0;color:var(--fo-ink);font-size:var(--fo-type-card);font-weight:800;letter-spacing:-0.028em;line-height:1.14} .fo-about-principles-grid p{margin:14px 0 0;color:#59625f;font-size:13px;font-weight:500;line-height:1.62} .fo-about-founder{display:grid;grid-template-columns:minmax(0,0.9fr) minmax(430px,0.76fr);gap:clamp(54px,8vw,104px);align-items:center;padding-top:122px;padding-bottom:130px;background:#fff} .fo-about-founder-copy > p{max-width:630px;margin:24px 0 0;color:var(--fo-ink-soft);font-size:var(--fo-type-body);font-weight:500;line-height:var(--fo-leading-body)} .fo-about-founder-copy .fo-text-link{margin-top:28px} .fo-about-company{padding:10px;border:1px solid rgba(12,17,18,0.07);border-radius:30px;background:#f4fbf6;box-shadow:0 24px 64px rgba(40,59,49,0.09)} .fo-about-company-brand{display:flex;align-items:center;gap:13px;padding:22px;border-radius:21px 21px 13px 13px;background:#101715} .fo-about-company-brand img{width:42px;height:42px} .fo-about-company-brand strong,.fo-about-company-brand small{display:block} .fo-about-company-brand strong{color:#fff;font-size:19px;font-weight:800} .fo-about-company-brand small{margin-top:2px;color:rgba(255,255,255,0.55);font-size:10px} .fo-about-company dl{margin:8px 0 0} .fo-about-company dl > div{display:grid;grid-template-columns:minmax(120px,0.7fr) minmax(0,1.2fr);gap:18px;align-items:center;min-height:66px;padding:12px 18px;border-bottom:1px solid rgba(12,17,18,0.06)} .fo-about-company dt{color:#7b8580;font-size:10px;font-weight:800;letter-spacing:0.08em;text-transform:uppercase} .fo-about-company dd{margin:0;color:#19231e;font-size:13px;font-weight:750;text-align:right} .fo-about-company dd a{color:inherit;text-decoration:underline;text-decoration-color:rgba(12,17,18,0.25);text-underline-offset:3px} .fo-about-company-note{display:flex;align-items:center;gap:10px;margin-top:8px;padding:17px 18px;border-radius:13px 13px 21px 21px;background:#e0f5e8} .fo-about-company-note > span{display:grid;width:28px;height:28px;flex:0 0 auto;place-items:center;border-radius:9px;background:var(--fo-green);color:#0b2617;font-size:11px;font-weight:800} .fo-about-company-note p{margin:0;color:#2d3b34;font-size:11px;font-weight:700} .fo-about-final{background:#fbf3ef} @media (max-width:1080px){.fo-about-hero{grid-template-columns:1fr;gap:48px;padding-top:144px} .fo-about-hero-copy{max-width:780px} .fo-about-system{width:min(100%,650px);margin:0 auto} .fo-about-purpose-head,.fo-about-principles-head,.fo-about-founder{grid-template-columns:1fr} .fo-about-purpose-head > p,.fo-about-principles-head > p{margin:0} .fo-about-principles-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .fo-about-company{width:min(100%,650px)}} @media (max-width:760px){.fo-about-hero{min-height:auto;gap:38px;padding:126px 12px 76px} .fo-about-ambient{width:90px;height:280px;opacity:0.7} body.flowops-website-stage1 .fo-main .fo-about-hero h1{font-size:clamp(2.55rem,10.7vw,3.2rem)} .fo-about-hero-copy > p{font-size:15px} .fo-about-hero-actions{display:grid;grid-template-columns:1fr} .fo-about-hero-actions .fo-button{width:100%;max-width:none} .fo-about-system{padding:7px;border-radius:24px} .fo-about-system-head{min-height:58px;padding:0 14px} .fo-about-system-head small{display:none} .fo-about-system li{grid-template-columns:38px minmax(0,1fr) 26px;gap:10px;min-height:74px;padding:10px 12px} .fo-about-system li > span{width:36px;height:36px} .fo-about-system li strong{font-size:12px} .fo-about-purpose,.fo-about-principles,.fo-about-founder{padding-right:12px;padding-left:12px} .fo-about-purpose{padding-top:82px;padding-bottom:90px} .fo-about-purpose-head,.fo-about-principles-head{gap:22px} body.flowops-website-stage1 .fo-main .fo-about-purpose h2,body.flowops-website-stage1 .fo-main .fo-about-principles h2,body.flowops-website-stage1 .fo-main .fo-about-founder h2{font-size:clamp(2.2rem,9.4vw,2.85rem);line-height:1} .fo-about-purpose-grid{grid-template-columns:1fr;margin-top:38px} .fo-about-purpose-card{min-height:0;padding:30px 24px;border-radius:23px} .fo-about-purpose-card h3{margin-top:38px;font-size:clamp(1.7rem,7vw,2.1rem)} .fo-about-principles{padding-top:82px;padding-bottom:90px} .fo-about-principles-grid{grid-template-columns:1fr;margin-top:38px} .fo-about-principles-grid article{min-height:230px;padding:25px} .fo-about-principles-grid h3{margin-top:46px} .fo-about-founder{gap:42px;padding-top:86px;padding-bottom:94px} .fo-about-company{padding:7px;border-radius:24px} .fo-about-company dl > div{grid-template-columns:1fr;gap:4px;align-items:start;padding:15px} .fo-about-company dd{text-align:left}} @media (max-width:420px){.fo-about-system li small{display:none} .fo-about-system li{min-height:62px}} @media (prefers-reduced-motion:reduce){.fo-about-ambient,.fo-about-system li.is-current > i{animation:none}} .fo-contact-main{background:#fff} .fo-contact-hero{position:relative;display:grid;grid-template-columns:minmax(0,0.88fr) minmax(500px,0.92fr);gap:clamp(54px,7vw,104px);align-items:center;min-height:860px;padding:164px max(24px,calc((100vw - 1160px) / 2)) 112px;overflow:hidden;background:#fbf3ef} .fo-contact-ambient{position:absolute;width:220px;height:440px;border-radius:999px;opacity:0.76;pointer-events:none} .fo-contact-ambient--left{bottom:70px;left:-155px;background:#ffe4cc;animation:fo-contact-ambient 14s ease-in-out infinite} .fo-contact-ambient--right{top:210px;right:-150px;background:#efdcf8;animation:fo-contact-ambient 16s ease-in-out -5s infinite reverse} @keyframes fo-contact-ambient{50%{transform:translate3d(0,-18px,0) scale(1.035)}} .fo-contact-copy,.fo-contact-form-card{position:relative;z-index:2;min-width:0} body.flowops-website-stage1 .fo-main .fo-contact-copy h1{max-width:720px;margin:20px 0 0;color:var(--fo-ink);font-size:var(--fo-type-display);font-weight:800;letter-spacing:var(--fo-heading-tracking);line-height:var(--fo-leading-display)} .fo-contact-copy > p{max-width:620px;margin:28px 0 0;color:var(--fo-ink-soft);font-size:var(--fo-type-body-large);font-weight:500;line-height:var(--fo-leading-body)} .fo-contact-primary-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px} .fo-contact-details{display:grid;gap:12px;margin-top:48px} .fo-contact-details > div{display:flex;align-items:center;gap:14px;min-width:0} .fo-contact-detail-icon{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border:1px solid rgba(12,17,18,0.07);border-radius:14px;background:rgba(255,255,255,0.74);box-shadow:0 8px 18px rgba(39,29,25,0.04)} .fo-contact-detail-icon svg{width:18px;height:18px;fill:none;stroke:#15201c;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round} .fo-contact-details small,.fo-contact-details a{display:block} .fo-contact-details small{color:#7a8380;font-size:9px;font-weight:800;letter-spacing:0.1em;text-transform:uppercase} .fo-contact-details a{margin-top:3px;color:#18201d;font-size:13px;font-weight:700;text-decoration:none;overflow-wrap:anywhere} .fo-contact-details a:hover{text-decoration:underline;text-underline-offset:3px} .fo-contact-form-card{padding:28px;border:8px solid rgba(255,255,255,0.96);border-radius:34px;background:radial-gradient(circle at 90% 8%,rgba(255,255,255,0.7),transparent 31%),#def5e6;box-shadow:0 0 0 1px rgba(12,17,18,0.045),0 28px 78px rgba(45,67,55,0.13)} .fo-contact-form-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:4px 4px 22px} .fo-contact-form-head > div{display:flex;align-items:center;gap:9px} .fo-contact-form-head > div > span{width:9px;height:9px;border-radius:50%;background:var(--fo-green);box-shadow:0 0 0 6px rgba(0,201,107,0.1)} .fo-contact-form-head strong{color:#17201c;font-size:13px;font-weight:800;letter-spacing:0.02em;text-transform:uppercase} .fo-contact-form-head small{color:#68736e;font-size:10px;font-weight:700} .fo-contact-form{padding:26px;border:1px solid rgba(12,17,18,0.06);border-radius:24px;background:rgba(255,255,255,0.82);box-shadow:inset 0 1px 0 rgba(255,255,255,0.92)} .fo-contact-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px} .fo-contact-form label{display:grid;gap:8px;min-width:0} .fo-contact-form label > span{color:#303a36;font-size:11px;font-weight:760} .fo-contact-form input,.fo-contact-form select,.fo-contact-form textarea{width:100%;min-width:0;border:1px solid rgba(12,17,18,0.11);border-radius:13px;background:#fff;color:#17201c;font:inherit;font-size:13px;outline:none;transition:border-color 180ms ease,box-shadow 180ms ease,background 180ms ease} .fo-contact-form input,.fo-contact-form select{height:48px;padding:0 14px} .fo-contact-form select{appearance:auto} .fo-contact-form textarea{min-height:148px;padding:14px;resize:vertical;line-height:1.55} .fo-contact-form input:focus,.fo-contact-form select:focus,.fo-contact-form textarea:focus{border-color:rgba(0,166,94,0.55);box-shadow:0 0 0 4px rgba(0,201,107,0.1)} .fo-contact-message-field{margin-top:18px} .fo-contact-consent{display:flex !important;grid-template-columns:none;align-items:flex-start;gap:10px !important;margin-top:17px;color:#5d6762;font-size:11px;line-height:1.5} .fo-contact-consent input{width:17px;height:17px;flex:0 0 auto;margin:1px 0 0;accent-color:var(--fo-green)} .fo-contact-consent > span{font-size:11px !important;font-weight:600 !important} .fo-contact-submit{width:100%;margin-top:22px;border:0;cursor:pointer} .fo-contact-privacy-note{margin:13px 0 0;color:#7a837f;font-size:9px;line-height:1.55;text-align:center} .fo-contact-privacy-note a{color:inherit;font-weight:700} .fo-contact-honeypot{position:absolute !important;left:-10000px !important;width:1px !important;height:1px !important;overflow:hidden !important} .fo-contact-notice{display:flex;align-items:flex-start;gap:12px;margin:0 0 18px;padding:14px;border-radius:16px} .fo-contact-notice > span{display:grid;width:30px;height:30px;flex:0 0 auto;place-items:center;border-radius:10px;font-size:12px;font-weight:800} .fo-contact-notice strong,.fo-contact-notice p{display:block} .fo-contact-notice strong{font-size:12px} .fo-contact-notice p{margin:4px 0 0;font-size:10px;line-height:1.5} .fo-contact-notice--success{background:#eaf9ef;color:#193b29} .fo-contact-notice--success > span{background:var(--fo-green);color:#092115} .fo-contact-notice--error{background:#fff0ed;color:#64352d} .fo-contact-notice--error > span{background:#ffcfca;color:#5f241e} .fo-contact-context,.fo-contact-company{padding:112px max(24px,calc((100vw - 1160px) / 2)) 120px} .fo-contact-context{background:#fff} .fo-contact-context-head,.fo-contact-company{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,0.72fr);gap:clamp(42px,7vw,86px);align-items:end} body.flowops-website-stage1 .fo-main .fo-contact-context h2,body.flowops-website-stage1 .fo-main .fo-contact-company h2{max-width:800px;margin:18px 0 0;color:var(--fo-ink);font-size:var(--fo-type-section);font-weight:800;letter-spacing:-0.038em;line-height:1.06} .fo-contact-context-head > p,.fo-contact-company-copy > p{max-width:58ch;margin:0 0 4px;color:var(--fo-ink-soft);font-size:var(--fo-type-body);font-weight:500;line-height:var(--fo-leading-body)} .fo-contact-company-copy > p{margin-top:24px} .fo-contact-context-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:50px} .fo-contact-context-grid article{min-height:265px;padding:28px;border:1px solid rgba(12,17,18,0.07);border-radius:24px;background:#f8f5f2;box-shadow:0 14px 34px rgba(39,29,25,0.04);transition:transform 220ms ease,box-shadow 220ms ease} .fo-contact-context-grid article:nth-child(2){background:#e7f7ed} .fo-contact-context-grid article:nth-child(3){background:#eee9f8} .fo-contact-context-grid article:hover{transform:translateY(-4px);box-shadow:0 20px 42px rgba(39,29,25,0.07)} .fo-contact-context-grid article > span{display:block;color:#7a837f;font-size:10px;font-weight:800;letter-spacing:0.1em} .fo-contact-context-grid h3{margin:58px 0 0;color:var(--fo-ink);font-size:var(--fo-type-card);font-weight:800;letter-spacing:-0.03em;line-height:1.12} .fo-contact-context-grid p{margin:14px 0 0;color:#59625f;font-size:13px;font-weight:500;line-height:1.62} .fo-contact-company{align-items:center;background:#fbf3ef} .fo-contact-company-card{padding:10px 28px;border:1px solid rgba(12,17,18,0.07);border-radius:26px;background:rgba(255,255,255,0.8);box-shadow:0 18px 46px rgba(39,29,25,0.07)} .fo-contact-company-card > div{display:grid;grid-template-columns:minmax(120px,0.7fr) minmax(0,1fr);gap:18px;align-items:center;padding:19px 0;border-bottom:1px solid rgba(12,17,18,0.07)} .fo-contact-company-card > div:last-child{border-bottom:0} .fo-contact-company-card small{color:#7b847f;font-size:9px;font-weight:800;letter-spacing:0.09em;text-transform:uppercase} .fo-contact-company-card strong,.fo-contact-company-card a{color:#18201d;font-size:13px;font-weight:760;text-decoration:none;overflow-wrap:anywhere} .fo-contact-company-card a:hover{text-decoration:underline;text-underline-offset:3px} @media (max-width:1080px){.fo-contact-hero{grid-template-columns:1fr;gap:52px;min-height:auto;padding-top:148px} .fo-contact-copy{max-width:780px} .fo-contact-form-card{width:min(760px,100%)} .fo-contact-context-head,.fo-contact-company{grid-template-columns:1fr;gap:26px} .fo-contact-context-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .fo-contact-context-grid article:last-child{grid-column:1 / -1} .fo-contact-company-card{width:min(760px,100%)}} @media (max-width:760px){.fo-contact-hero{gap:38px;padding:126px 12px 76px} .fo-contact-ambient{width:120px;height:280px;opacity:0.58} .fo-contact-copy{padding:0 10px} body.flowops-website-stage1 .fo-main .fo-contact-copy h1{font-size:clamp(2.55rem,11vw,3.25rem);line-height:1} .fo-contact-copy > p{margin-top:22px;font-size:15px} .fo-contact-primary-actions{display:grid;grid-template-columns:1fr;margin-top:28px} .fo-contact-primary-actions .fo-button{width:100%;max-width:none} .fo-contact-details{margin-top:36px} .fo-contact-form-card{padding:8px;border-width:6px;border-radius:28px} .fo-contact-form-head{padding:12px 12px 18px} .fo-contact-form-head small{display:none} .fo-contact-form{padding:20px;border-radius:20px} .fo-contact-form-grid{grid-template-columns:1fr;gap:15px} .fo-contact-form input,.fo-contact-form select{height:50px;font-size:16px} .fo-contact-form textarea{font-size:16px} .fo-contact-context,.fo-contact-company{padding:82px 18px} .fo-contact-context-head{grid-template-columns:1fr;gap:22px} body.flowops-website-stage1 .fo-main .fo-contact-context h2,body.flowops-website-stage1 .fo-main .fo-contact-company h2{font-size:clamp(2.2rem,9.5vw,2.8rem);line-height:1} .fo-contact-context-head > p,.fo-contact-company-copy > p{font-size:15px} .fo-contact-context-grid{grid-template-columns:1fr;gap:12px;margin-top:38px} .fo-contact-context-grid article,.fo-contact-context-grid article:last-child{grid-column:auto;min-height:0;padding:24px} .fo-contact-context-grid h3{margin-top:38px;font-size:23px} .fo-contact-company-card{padding:8px 20px;border-radius:22px} .fo-contact-company-card > div{grid-template-columns:1fr;gap:5px;padding:17px 0}} @media (prefers-reduced-motion:reduce){.fo-contact-ambient,.fo-contact-context-grid article{animation:none;transition:none}} .fo-contact-main .fo-contact-hero{min-height:calc(100vh - 1px);align-content:center} .fo-contact-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))} @media (max-width:760px){.fo-contact-main .fo-contact-hero{min-height:auto} .fo-contact-form-grid{grid-template-columns:1fr}} .fo-demo-main{background:#fff} .fo-demo-hero{position:relative;display:grid;min-height:760px;grid-template-columns:minmax(0,1fr) minmax(430px,.82fr);gap:clamp(64px,8vw,118px);align-items:center;overflow:hidden;padding:164px max(24px,calc((100vw - 1160px) / 2)) 112px;background:#fbf3ef} .fo-demo-ambient{position:absolute;width:250px;height:390px;border-radius:80px;opacity:.76;pointer-events:none} .fo-demo-ambient--left{left:-145px;bottom:34px;background:#ffe4cd;animation:fo-demo-ambient 14s ease-in-out infinite} .fo-demo-ambient--right{right:-138px;top:210px;background:#efdff7;animation:fo-demo-ambient 16s ease-in-out -4s infinite reverse} @keyframes fo-demo-ambient{50%{transform:translate3d(0,-14px,0) rotate(2deg)}} .fo-demo-hero-copy,.fo-demo-console{position:relative;z-index:2;min-width:0} body.flowops-website-stage1 .fo-main .fo-demo-hero h1{max-width:720px;margin:20px 0 0;font-size:var(--fo-type-display);font-weight:800;letter-spacing:var(--fo-heading-tracking);line-height:var(--fo-leading-display)} .fo-demo-hero-copy > p:not(.fo-demo-direct){max-width:650px;margin:26px 0 0;color:var(--fo-ink-soft);font-size:var(--fo-type-body-lg);font-weight:500;line-height:var(--fo-leading-body)} .fo-demo-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px} .fo-demo-direct{margin:18px 0 0;color:#707875;font-size:12px} .fo-demo-direct a{color:var(--fo-ink);font-weight:700} .fo-demo-console{padding:8px;border:1px solid rgba(12,17,18,.06);border-radius:31px;background:rgba(255,255,255,.92);box-shadow:0 28px 74px rgba(53,42,38,.12)} .fo-demo-console-head,.fo-demo-console-foot{display:flex;align-items:center;justify-content:space-between;gap:16px} .fo-demo-console-head{padding:20px 18px 16px} .fo-demo-console-head div{display:flex;align-items:center;gap:9px} .fo-demo-console-head div > span{width:9px;height:9px;border-radius:50%;background:var(--fo-green);box-shadow:0 0 0 6px rgba(0,205,117,.1)} .fo-demo-console-head strong{font-size:12px;letter-spacing:.04em;text-transform:uppercase} .fo-demo-console-head small{color:#75807b;font-size:10px} .fo-demo-console-main{padding:34px;border-radius:23px;background:linear-gradient(145deg,#e6f7ec 0%,#f4fbf6 62%,#f0e6f7 100%)} .fo-demo-console-kicker{color:#66716d;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase} .fo-demo-console-main h2{max-width:390px;margin:14px 0 0;color:var(--fo-ink);font-size:clamp(2rem,3vw,2.8rem);font-weight:800;letter-spacing:-.045em;line-height:1.04} .fo-demo-console-main ol{display:grid;gap:9px;margin:28px 0 0;padding:0;list-style:none} .fo-demo-console-main li{display:grid;grid-template-columns:42px minmax(0,1fr) 28px;gap:13px;align-items:center;padding:15px;border:1px solid rgba(12,17,18,.05);border-radius:16px;background:rgba(255,255,255,.68)} .fo-demo-console-main li > span{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:#fff;font-size:10px;font-weight:800} .fo-demo-console-main li strong,.fo-demo-console-main li small{display:block} .fo-demo-console-main li strong{font-size:13px} .fo-demo-console-main li small{margin-top:4px;color:#6d7773;font-size:10px;line-height:1.45} .fo-demo-console-main li > i{display:grid;width:27px;height:27px;place-items:center;border:1px solid #cad5d0;border-radius:50%;font-size:10px;font-style:normal} .fo-demo-console-main li.is-done > i{border-color:var(--fo-ink);background:var(--fo-ink);color:#fff} .fo-demo-console-main li.is-current{background:#fff} .fo-demo-console-main li.is-current > i{border:7px solid #d8f8e6;background:var(--fo-green);animation:fo-tracking-pulse 3.6s ease-in-out infinite} .fo-demo-console-foot{justify-content:flex-start;padding:16px 18px 12px} .fo-demo-console-foot > span{display:grid;width:35px;height:35px;place-items:center;border-radius:10px;background:#0e1712;color:var(--fo-green);font-size:17px;font-weight:900} .fo-demo-console-foot strong,.fo-demo-console-foot small{display:block} .fo-demo-console-foot strong{font-size:12px} .fo-demo-console-foot small{margin-top:2px;color:#7a827f;font-size:9px} .fo-demo-cover,.fo-demo-workflows,.fo-demo-process{padding:112px max(24px,calc((100vw - 1160px) / 2)) 120px} .fo-demo-cover-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.68fr);gap:clamp(40px,7vw,84px);align-items:end} body.flowops-website-stage1 .fo-main .fo-demo-cover h2,body.flowops-website-stage1 .fo-main .fo-demo-workflows h2,body.flowops-website-stage1 .fo-main .fo-demo-process h2{max-width:760px;margin:18px 0 0;font-size:var(--fo-type-section);font-weight:800;letter-spacing:-.038em;line-height:1.06} .fo-demo-cover-head > p,.fo-demo-workflows-head > p,.fo-demo-process-copy > p{color:var(--fo-ink-soft);font-size:var(--fo-type-body);font-weight:500;line-height:var(--fo-leading-body)} .fo-demo-cover-head > p{max-width:55ch;margin:0 0 4px} .fo-demo-cover-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:48px} .fo-demo-cover-grid article{min-height:270px;padding:28px;border:1px solid rgba(12,17,18,.08);border-radius:24px;background:#fbfaf9;transition:transform 240ms ease,box-shadow 240ms ease} .fo-demo-cover-grid article:nth-child(2){background:#e8f8ee} .fo-demo-cover-grid article:nth-child(3){background:#f1edf8} .fo-demo-cover-grid article:nth-child(4){background:#ffe8d6} .fo-demo-cover-grid article:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(39,29,25,.06)} .fo-demo-cover-grid article > span{color:#7b827f;font-size:10px;font-weight:800;letter-spacing:.1em} .fo-demo-cover-grid h3,.fo-demo-workflow-grid h3{margin:56px 0 0;font-size:var(--fo-type-card);font-weight:800;letter-spacing:-.03em;line-height:1.12} .fo-demo-cover-grid p,.fo-demo-workflow-grid p{margin:13px 0 0;color:#59625f;font-size:13px;font-weight:500;line-height:1.62} .fo-demo-workflows{background:#fbf3ef} .fo-demo-workflows-head{max-width:820px} .fo-demo-workflows-head > p{max-width:62ch;margin:22px 0 0} .fo-demo-workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:48px} .fo-demo-workflow-card{min-height:310px;padding:30px;border:1px solid rgba(12,17,18,.07);border-radius:26px;transition:transform 240ms ease} .fo-demo-workflow-card:hover{transform:translateY(-4px)} .fo-demo-workflow-card--peach{background:#ffe0c5} .fo-demo-workflow-card--mint{background:#dff5e6} .fo-demo-workflow-card--lilac{background:#eee6f6} .fo-demo-workflow-label{display:inline-flex;min-height:33px;align-items:center;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.62);font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase} .fo-demo-workflow-grid h3{margin-top:82px} .fo-demo-process{display:grid;grid-template-columns:minmax(0,.82fr) minmax(420px,1fr);gap:clamp(54px,9vw,120px);align-items:start;background:#fff} .fo-demo-process-copy > p{max-width:58ch;margin:22px 0 0} .fo-demo-process-list{padding:8px 28px;border:1px solid rgba(12,17,18,.07);border-radius:26px;background:#f7faf8} .fo-demo-process-list article{display:grid;grid-template-columns:45px minmax(0,1fr);gap:16px;align-items:start;padding:25px 0;border-bottom:1px solid rgba(12,17,18,.07)} .fo-demo-process-list article:last-child{border-bottom:0} .fo-demo-process-list article > span{display:grid;width:40px;height:40px;place-items:center;border-radius:12px;background:#0f1714;color:#fff;font-size:10px;font-weight:800} .fo-demo-process-list strong{font-size:16px} .fo-demo-process-list p{margin:7px 0 0;color:#69726e;font-size:13px;line-height:1.55} .fo-demo-final{margin-top:0} @media (max-width:1080px){.fo-demo-hero{grid-template-columns:1fr;gap:52px;min-height:auto;padding-top:146px} .fo-demo-hero-copy{max-width:800px} .fo-demo-console{width:min(100%,680px)} .fo-demo-cover-head,.fo-demo-process{grid-template-columns:1fr} .fo-demo-cover-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .fo-demo-process{gap:40px}} @media (max-width:760px){.fo-demo-hero{gap:38px;padding:124px 12px 78px} .fo-demo-ambient{width:92px;height:310px;opacity:.62} .fo-demo-ambient--left{left:-58px} .fo-demo-ambient--right{right:-62px;top:250px} body.flowops-website-stage1 .fo-main .fo-demo-hero h1{font-size:clamp(2.55rem,10.7vw,3.2rem);line-height:1} .fo-demo-hero-copy > p:not(.fo-demo-direct){font-size:15px} .fo-demo-hero-actions{display:grid;grid-template-columns:1fr;width:100%} .fo-demo-hero-actions .fo-button{width:100%;max-width:none} .fo-demo-console{padding:6px;border-radius:24px} .fo-demo-console-head{padding:16px 13px 13px} .fo-demo-console-head small{display:none} .fo-demo-console-main{padding:22px 16px;border-radius:19px} .fo-demo-console-main h2{font-size:2rem} .fo-demo-console-main li{grid-template-columns:36px minmax(0,1fr) 25px;gap:10px;padding:12px} .fo-demo-console-main li > span{width:36px;height:36px} .fo-demo-console-main li strong{font-size:12px} .fo-demo-console-main li small{font-size:9px} .fo-demo-cover,.fo-demo-workflows,.fo-demo-process{padding:78px 12px 84px} body.flowops-website-stage1 .fo-main .fo-demo-cover h2,body.flowops-website-stage1 .fo-main .fo-demo-workflows h2,body.flowops-website-stage1 .fo-main .fo-demo-process h2{font-size:clamp(2.2rem,9.4vw,2.85rem);line-height:1} .fo-demo-cover-grid,.fo-demo-workflow-grid{grid-template-columns:1fr;margin-top:38px} .fo-demo-cover-grid article,.fo-demo-workflow-card{min-height:0;padding:25px} .fo-demo-cover-grid h3{margin-top:36px} .fo-demo-workflow-grid h3{margin-top:54px} .fo-demo-process-list{padding:5px 18px;border-radius:22px} .fo-demo-process-list article{grid-template-columns:39px minmax(0,1fr);gap:13px;padding:21px 0} .fo-demo-process-list article > span{width:36px;height:36px}} @media (prefers-reduced-motion:reduce){.fo-demo-ambient,.fo-demo-console-main li.is-current > i{animation:none} .fo-demo-cover-grid article,.fo-demo-workflow-card{transition:none}} .fo-legal-main{background:#fbf3ef} .fo-legal-hero{position:relative;min-height:650px;overflow:hidden;padding:170px max(24px,calc((100vw - 1160px) / 2)) 88px;background:radial-gradient(circle at 82% 18%,rgba(219,196,236,0.42),transparent 27%),radial-gradient(circle at 13% 78%,rgba(188,239,207,0.58),transparent 28%),#fbf3ef} .fo-legal-hero-copy{position:relative;z-index:2;max-width:900px} body.flowops-website-stage1 .fo-legal-hero h1{max-width:850px;margin:22px 0 0;color:var(--fo-ink);font-size:var(--fo-type-display);font-weight:800;letter-spacing:var(--fo-heading-tracking);line-height:var(--fo-leading-display)} .fo-legal-hero-copy > p{max-width:720px;margin:28px 0 0;color:var(--fo-ink-soft);font-size:17px;font-weight:500;line-height:1.68} .fo-legal-orbit{position:absolute;border:1px solid rgba(12,17,18,0.08);border-radius:50%;pointer-events:none;animation:fo-legal-orbit-float 18s ease-in-out infinite} .fo-legal-orbit--one{top:120px;right:-100px;width:470px;height:470px} .fo-legal-orbit--two{right:170px;bottom:-210px;width:560px;height:560px;animation-duration:24s;animation-delay:-8s} @keyframes fo-legal-orbit-float{0%,100%{transform:translate3d(0,0,0) scale(1)} 50%{transform:translate3d(14px,-12px,0) scale(1.025)}} .fo-legal-summary{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:960px;margin-top:72px;overflow:hidden;border:1px solid rgba(12,17,18,0.07);border-radius:25px;background:rgba(255,255,255,0.72);box-shadow:0 18px 46px rgba(39,29,25,0.06);backdrop-filter:blur(16px)} .fo-legal-summary > div{min-width:0;padding:23px 26px} .fo-legal-summary > div + div{border-left:1px solid rgba(12,17,18,0.07)} .fo-legal-summary small,.fo-legal-summary strong{display:block} .fo-legal-summary small{color:#78817d;font-size:9px;font-weight:800;letter-spacing:0.11em;text-transform:uppercase} .fo-legal-summary strong{margin-top:7px;color:var(--fo-ink);font-size:13px;font-weight:750;line-height:1.45} .fo-legal-summary a{color:inherit;text-decoration:none} .fo-legal-body{display:grid;grid-template-columns:220px minmax(0,1fr);gap:66px;max-width:1160px;margin:0 auto;padding:94px 0 128px} .fo-legal-nav{position:sticky;top:100px;align-self:start;padding:20px;border:1px solid rgba(12,17,18,0.07);border-radius:22px;background:rgba(255,255,255,0.74);box-shadow:0 12px 30px rgba(39,29,25,0.045)} .fo-legal-nav > span{display:block;padding:3px 9px 13px;color:#7a837f;font-size:9px;font-weight:800;letter-spacing:0.11em;text-transform:uppercase} .fo-legal-nav nav{display:grid;gap:3px} .fo-legal-nav a{display:grid;grid-template-columns:24px minmax(0,1fr);gap:7px;align-items:start;padding:9px;border-radius:12px;color:#79817e;font-size:9px;font-weight:700;line-height:1.4;text-decoration:none;transition:background 180ms ease,color 180ms ease,transform 180ms ease} .fo-legal-nav a strong{color:#303936;font-size:11px;font-weight:700} .fo-legal-nav a:hover,.fo-legal-nav a:focus-visible{background:#eef8f2;color:#11834f;transform:translateX(2px)} .fo-legal-content{min-width:0} .fo-legal-section{display:grid;grid-template-columns:42px minmax(0,1fr);gap:28px;padding:0 0 78px;scroll-margin-top:116px} .fo-legal-section + .fo-legal-section{padding-top:78px;border-top:1px solid rgba(12,17,18,0.08)} .fo-legal-number{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(12,17,18,0.08);border-radius:50%;background:#fff;color:#67716d;font-size:9px;font-weight:800;box-shadow:0 8px 22px rgba(39,29,25,0.04)} .fo-legal-section .fo-docs-kicker{display:block;margin-bottom:14px;color:#68716e;font-size:10px;font-weight:800;letter-spacing:0.12em;text-transform:uppercase} body.flowops-website-stage1 .fo-legal-section h2{max-width:760px;margin:0;color:var(--fo-ink);font-size:clamp(2rem,3vw,2.75rem);font-weight:800;letter-spacing:-0.04em;line-height:1.08} .fo-legal-section p{max-width:760px;margin:20px 0 0;color:#59625f;font-size:14px;font-weight:500;line-height:1.72} .fo-legal-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:30px} .fo-legal-detail-grid > div{padding:20px;border:1px solid rgba(12,17,18,0.07);border-radius:17px;background:rgba(255,255,255,0.68)} .fo-legal-detail-wide{grid-column:1 / -1} .fo-legal-detail-grid small,.fo-legal-detail-grid strong{display:block} .fo-legal-detail-grid small{color:#7a837f;font-size:9px;font-weight:800;letter-spacing:0.1em;text-transform:uppercase} .fo-legal-detail-grid strong{margin-top:7px;color:#27302d;font-size:12px;font-weight:730;line-height:1.55} .fo-legal-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:30px} .fo-legal-cards article{min-height:145px;padding:22px;border:1px solid rgba(12,17,18,0.07);border-radius:18px;background:rgba(255,255,255,0.7)} .fo-legal-cards article:nth-child(2),.fo-legal-cards article:nth-child(5){background:#edf8f1} .fo-legal-cards article:nth-child(3),.fo-legal-cards article:nth-child(6){background:#f4eef8} .fo-legal-cards strong{color:#222b28;font-size:13px;font-weight:780} .fo-legal-cards p{margin-top:10px;font-size:12px;line-height:1.62} .fo-legal-table{overflow:hidden;margin-top:30px;border:1px solid rgba(12,17,18,0.08);border-radius:18px;background:rgba(255,255,255,0.72)} .fo-legal-table > div{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:24px;align-items:center;padding:17px 20px} .fo-legal-table > div + div{border-top:1px solid rgba(12,17,18,0.07)} .fo-legal-table-head{background:#eef8f2} .fo-legal-table span,.fo-legal-table strong{font-size:11px;line-height:1.55} .fo-legal-table span{color:#56615c;font-weight:500} .fo-legal-table strong{color:#26312c;font-weight:740} .fo-legal-note{padding:18px 20px;border-left:3px solid #00c96b;border-radius:0 14px 14px 0;background:rgba(231,248,237,0.72)} .fo-legal-callout{display:grid;grid-template-columns:38px minmax(0,1fr);gap:14px;align-items:start;margin-top:28px;padding:22px;border-radius:20px;background:#e9f8ef} .fo-legal-callout > span{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:#101715;color:#fff;font-size:11px} .fo-legal-callout strong{color:#1d2823;font-size:13px;font-weight:780} .fo-legal-callout p{margin-top:7px;font-size:12px} .fo-legal-provider-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px} .fo-legal-provider-list > div{position:relative;min-height:150px;padding:22px;border:1px solid rgba(12,17,18,0.07);border-radius:18px;background:rgba(255,255,255,0.7)} .fo-legal-provider-list span{display:block;margin-bottom:30px;color:#858d89;font-size:9px;font-weight:800} .fo-legal-provider-list strong{color:#222b28;font-size:13px;font-weight:780} .fo-legal-provider-list p{margin-top:8px;font-size:12px;line-height:1.62} .fo-legal-check-list{display:grid;gap:11px;margin:28px 0 0;padding:0;list-style:none} .fo-legal-check-list li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:12px;align-items:start;padding:14px 0;color:#525d58;font-size:12px;font-weight:500;line-height:1.62} .fo-legal-check-list li + li{border-top:1px solid rgba(12,17,18,0.07)} .fo-legal-check-list li span{display:grid;width:26px;height:26px;place-items:center;border-radius:50%;background:#111816;color:#fff;font-size:9px} .fo-legal-rights-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:28px} .fo-legal-rights-grid span{display:grid;min-height:54px;place-items:center;padding:10px;border:1px solid rgba(12,17,18,0.07);border-radius:15px;background:rgba(255,255,255,0.72);color:#33403a;font-size:11px;font-weight:720;text-align:center} .fo-legal-important{margin-top:24px;padding:22px;border-radius:18px;background:#ffe9d6} .fo-legal-important strong{color:#2b2926;font-size:13px;font-weight:800} .fo-legal-important p{margin-top:8px;font-size:12px} .fo-legal-section .fo-text-link{margin-top:24px} .fo-legal-section--contact{padding-bottom:0} .fo-legal-section--contact > div{padding:34px;border:1px solid rgba(12,17,18,0.06);border-radius:24px;background:radial-gradient(circle at 90% 12%,rgba(216,194,236,0.32),transparent 28%),#e9f8ef} .fo-legal-section--contact .fo-button{margin-top:26px} @media (max-width:1080px){.fo-legal-hero{min-height:590px;padding:148px 32px 76px} .fo-legal-body{grid-template-columns:190px minmax(0,1fr);gap:38px;padding:80px 32px 110px} .fo-legal-table > div{grid-template-columns:minmax(0,1fr) 160px}} @media (max-width:760px){.fo-legal-hero{min-height:auto;padding:126px 18px 58px} body.flowops-website-stage1 .fo-legal-hero h1{font-size:clamp(2.5rem,11vw,3.15rem);line-height:1} .fo-legal-hero-copy > p{margin-top:21px;font-size:15px;line-height:1.62} .fo-legal-orbit--one{top:74px;right:-170px;width:340px;height:340px} .fo-legal-orbit--two{display:none} .fo-legal-summary{grid-template-columns:1fr;margin-top:42px;border-radius:20px} .fo-legal-summary > div{padding:17px 19px} .fo-legal-summary > div + div{border-top:1px solid rgba(12,17,18,0.07);border-left:0} .fo-legal-body{display:block;padding:58px 14px 86px} .fo-legal-nav{position:static;margin-bottom:54px;padding:14px;border-radius:19px} .fo-legal-nav > span{padding:3px 6px 11px} .fo-legal-nav nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px} .fo-legal-nav a{grid-template-columns:20px minmax(0,1fr);min-width:0;padding:9px 7px} .fo-legal-nav a strong{overflow-wrap:anywhere;font-size:10px} .fo-legal-section{grid-template-columns:34px minmax(0,1fr);gap:14px;padding-bottom:55px} .fo-legal-section + .fo-legal-section{padding-top:55px} .fo-legal-number{width:34px;height:34px} body.flowops-website-stage1 .fo-legal-section h2{font-size:clamp(1.75rem,7.5vw,2.25rem);line-height:1.1} .fo-legal-section p{font-size:13px;line-height:1.68} .fo-legal-detail-grid,.fo-legal-cards,.fo-legal-provider-list{grid-template-columns:1fr} .fo-legal-detail-wide{grid-column:auto} .fo-legal-cards article,.fo-legal-provider-list > div{min-height:0} .fo-legal-table > div{grid-template-columns:1fr;gap:7px;padding:15px 16px} .fo-legal-table-head{display:none !important} .fo-legal-table strong::before{content:"Basis: ";color:#7a837f;font-size:9px;font-weight:800;letter-spacing:0.06em;text-transform:uppercase} .fo-legal-callout{grid-template-columns:34px minmax(0,1fr);padding:18px} .fo-legal-callout > span{width:34px;height:34px} .fo-legal-rights-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .fo-legal-section--contact > div{padding:26px 20px;border-radius:20px} .fo-legal-section--contact .fo-button{width:100%}} @media (max-width:420px){.fo-legal-nav nav{grid-template-columns:1fr} .fo-legal-rights-grid{grid-template-columns:1fr 1fr}} @media (prefers-reduced-motion:reduce){.fo-legal-orbit{animation:none}} @media (max-width:760px){body.flowops-terms-page .fo-legal-nav nav{grid-template-columns:repeat(2,minmax(0,1fr))} body.flowops-terms-page .fo-legal-nav a{min-width:0}} @media (max-width:480px){body.flowops-terms-page .fo-legal-nav nav{grid-template-columns:1fr}} .fo-legal-main{background:#ffffff} .fo-legal-hero{min-height:0;overflow:visible;padding:148px max(24px,calc((100vw - 900px) / 2)) 54px;background:#ffffff} .fo-legal-hero-copy{max-width:820px} body.flowops-website-stage1 .fo-legal-hero h1{max-width:780px;margin-top:16px;font-size:clamp(3rem,5vw,4.55rem);font-weight:800;letter-spacing:-0.052em;line-height:1.01} .fo-legal-hero-copy > p{max-width:720px;margin-top:22px;font-size:16px;line-height:1.68} .fo-legal-orbit,.fo-legal-nav{display:none !important} .fo-legal-summary{grid-template-columns:repeat(3,minmax(0,1fr));max-width:820px;margin-top:38px;border:0;border-top:1px solid rgba(12,17,18,0.10);border-bottom:1px solid rgba(12,17,18,0.10);border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none} .fo-legal-summary > div{padding:16px 20px 16px 0} .fo-legal-summary > div + div{border-left:0} .fo-legal-summary small{font-size:9px;letter-spacing:0.1em} .fo-legal-summary strong{margin-top:5px;font-size:12px} .fo-legal-body{display:block;max-width:900px;margin:0 auto;padding:36px 24px 118px} .fo-legal-content{width:100%;max-width:820px;margin:0} .fo-legal-section{grid-template-columns:34px minmax(0,1fr);gap:20px;padding:54px 0 58px;scroll-margin-top:94px} .fo-legal-section:first-child{padding-top:22px} .fo-legal-section + .fo-legal-section{padding-top:58px;border-top:1px solid rgba(12,17,18,0.09)} .fo-legal-number{display:block;width:auto;height:auto;padding-top:4px;border:0;border-radius:0;background:transparent;box-shadow:none;color:#7d8581;font-size:10px;font-weight:800;letter-spacing:0.08em} .fo-legal-section .fo-docs-kicker{margin-bottom:10px;font-size:9px;letter-spacing:0.11em} body.flowops-website-stage1 .fo-legal-section h2{max-width:720px;font-size:clamp(1.8rem,2.7vw,2.5rem);letter-spacing:-0.035em;line-height:1.12} .fo-legal-section p{max-width:720px;margin-top:16px;font-size:14px;line-height:1.78} .fo-legal-detail-grid,.fo-legal-cards,.fo-legal-provider-list{gap:10px;margin-top:24px} .fo-legal-detail-grid > div,.fo-legal-cards article,.fo-legal-provider-list > div{border:1px solid rgba(12,17,18,0.08);border-radius:12px;background:#fbfcfb !important;box-shadow:none} .fo-legal-detail-grid > div{padding:17px 18px} .fo-legal-cards article,.fo-legal-provider-list > div{min-height:0;padding:18px} .fo-legal-provider-list span{margin-bottom:18px} .fo-legal-table{margin-top:24px;border-radius:12px;background:#fff} .fo-legal-table-head{background:#f3f8f5} .fo-legal-note{margin-top:20px;padding:16px 18px;border-left-width:2px;border-radius:0 8px 8px 0;background:#f4faf6} .fo-legal-callout,.fo-legal-important{margin-top:22px;border:1px solid rgba(12,17,18,0.07);border-radius:12px;background:#f4faf6} .fo-legal-important{background:#fff8f1} .fo-legal-rights-grid span{min-height:48px;border-radius:10px;background:#fbfcfb} .fo-legal-check-list,.fo-legal-list{display:grid;gap:0;max-width:720px;margin:22px 0 0;padding:0;list-style:none} .fo-legal-list li,.fo-legal-check-list li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start;padding:12px 0;color:#525d58;font-size:13px;font-weight:500;line-height:1.68} .fo-legal-list li + li,.fo-legal-check-list li + li{border-top:1px solid rgba(12,17,18,0.07)} .fo-legal-list li > span,.fo-legal-check-list li > span{display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:#111816;color:#fff;font-size:8px} .fo-legal-section--contact > div{padding:26px 28px;border:1px solid rgba(12,17,18,0.08);border-radius:14px;background:#f4faf6} @media (max-width:1080px){.fo-legal-hero{padding:132px 36px 50px} .fo-legal-body{max-width:900px;padding:30px 36px 104px}} @media (max-width:760px){.fo-legal-hero{padding:112px 18px 38px} body.flowops-website-stage1 .fo-legal-hero h1{font-size:clamp(2.45rem,10.5vw,3.15rem);line-height:1.02} .fo-legal-hero-copy > p{font-size:15px;line-height:1.64} .fo-legal-summary{grid-template-columns:1fr;margin-top:30px} .fo-legal-summary > div{padding:12px 0} .fo-legal-summary > div + div{border-top:1px solid rgba(12,17,18,0.07)} .fo-legal-body{padding:20px 18px 78px} .fo-legal-section,.fo-legal-section + .fo-legal-section{grid-template-columns:1fr;gap:8px;padding-top:42px;padding-bottom:44px} .fo-legal-section:first-child{padding-top:20px} .fo-legal-number{padding-top:0} body.flowops-website-stage1 .fo-legal-section h2{font-size:clamp(1.65rem,7.1vw,2.15rem);line-height:1.12} .fo-legal-section p{font-size:13px;line-height:1.72} .fo-legal-detail-grid,.fo-legal-cards,.fo-legal-provider-list,.fo-legal-rights-grid{grid-template-columns:1fr} .fo-legal-table > div{grid-template-columns:1fr;gap:6px;padding:14px} .fo-legal-section--contact > div{padding:22px 18px}} body.flowops-privacy-page .fo-legal-hero,body.flowops-terms-page .fo-legal-hero{width:min(900px,calc(100% - 48px));margin:0 auto;padding:146px 0 50px} body.flowops-privacy-page .fo-legal-hero-copy,body.flowops-terms-page .fo-legal-hero-copy,body.flowops-privacy-page .fo-legal-summary,body.flowops-terms-page .fo-legal-summary{width:100%;max-width:820px;margin-right:auto;margin-left:auto} body.flowops-privacy-page .fo-legal-body,body.flowops-terms-page .fo-legal-body{box-sizing:border-box;width:min(900px,calc(100% - 48px));max-width:none;margin:0 auto;padding:28px 0 112px} body.flowops-privacy-page .fo-legal-content,body.flowops-terms-page .fo-legal-content{width:100%;max-width:820px;margin:0 auto} body.flowops-privacy-page .fo-legal-section,body.flowops-terms-page .fo-legal-section{grid-template-columns:34px minmax(0,1fr);gap:20px;width:100%} body.flowops-privacy-page .fo-legal-section > div,body.flowops-terms-page .fo-legal-section > div{min-width:0} body.flowops-privacy-page .fo-legal-section h2,body.flowops-terms-page .fo-legal-section h2,body.flowops-privacy-page .fo-legal-section p,body.flowops-terms-page .fo-legal-section p,body.flowops-privacy-page .fo-legal-list,body.flowops-terms-page .fo-legal-list,body.flowops-privacy-page .fo-legal-check-list,body.flowops-terms-page .fo-legal-check-list{max-width:100%} body.flowops-privacy-page .fo-legal-detail-grid > div,body.flowops-terms-page .fo-legal-detail-grid > div,body.flowops-privacy-page .fo-legal-cards article,body.flowops-terms-page .fo-legal-cards article,body.flowops-privacy-page .fo-legal-provider-list > div,body.flowops-terms-page .fo-legal-provider-list > div{border-radius:8px;background:#fff !important} body.flowops-privacy-page .fo-legal-section + .fo-legal-section,body.flowops-terms-page .fo-legal-section + .fo-legal-section{border-top-color:rgba(12,17,18,0.11)} @media (max-width:760px){body.flowops-privacy-page .fo-legal-hero,body.flowops-terms-page .fo-legal-hero,body.flowops-privacy-page .fo-legal-body,body.flowops-terms-page .fo-legal-body{width:calc(100% - 32px)} body.flowops-privacy-page .fo-legal-hero,body.flowops-terms-page .fo-legal-hero{padding-top:108px;padding-bottom:34px} body.flowops-privacy-page .fo-legal-body,body.flowops-terms-page .fo-legal-body{padding-top:12px;padding-bottom:72px} body.flowops-privacy-page .fo-legal-section,body.flowops-terms-page .fo-legal-section,body.flowops-privacy-page .fo-legal-section + .fo-legal-section,body.flowops-terms-page .fo-legal-section + .fo-legal-section{grid-template-columns:1fr;gap:7px} body.flowops-privacy-page .fo-legal-number,body.flowops-terms-page .fo-legal-number{margin-bottom:2px} body.flowops-privacy-page .fo-legal-detail-grid,body.flowops-terms-page .fo-legal-detail-grid,body.flowops-privacy-page .fo-legal-cards,body.flowops-terms-page .fo-legal-cards,body.flowops-privacy-page .fo-legal-provider-list,body.flowops-terms-page .fo-legal-provider-list{width:100%}} body.flowops-cookie-page .fo-legal-hero{width:min(900px,calc(100% - 48px));margin:0 auto;padding:146px 0 50px} body.flowops-cookie-page .fo-legal-hero-copy,body.flowops-cookie-page .fo-legal-summary{width:100%;max-width:820px;margin-right:auto;margin-left:auto} body.flowops-cookie-page .fo-legal-body{box-sizing:border-box;width:min(900px,calc(100% - 48px));max-width:none;margin:0 auto;padding:28px 0 112px} body.flowops-cookie-page .fo-legal-content{width:100%;max-width:820px;margin:0 auto} body.flowops-cookie-page .fo-legal-section{grid-template-columns:34px minmax(0,1fr);gap:20px;width:100%} body.flowops-cookie-page .fo-legal-section > div{min-width:0} body.flowops-cookie-page .fo-legal-section h2,body.flowops-cookie-page .fo-legal-section p,body.flowops-cookie-page .fo-legal-list,body.flowops-cookie-page .fo-legal-check-list{max-width:100%} body.flowops-cookie-page .fo-legal-cards article,body.flowops-cookie-page .fo-legal-detail-grid > div{border-radius:8px;background:#fff !important} .fo-cookie-table{display:grid;margin-top:24px;overflow:hidden;border:1px solid rgba(12,17,18,0.09);border-radius:10px;background:#fff} .fo-cookie-table > div{display:grid;grid-template-columns:minmax(160px,0.8fr) minmax(260px,1.6fr) minmax(140px,0.72fr);gap:18px;align-items:start;padding:16px 18px;color:#525d58;font-size:12px;line-height:1.58} .fo-cookie-table > div + div{border-top:1px solid rgba(12,17,18,0.07)} .fo-cookie-table-head{background:#f3f8f5;color:#19211e !important;font-size:10px !important;font-weight:800;letter-spacing:0.06em;text-transform:uppercase} .fo-cookie-table code{padding:0;background:transparent;color:#17201c;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:700;overflow-wrap:anywhere} .fo-cookie-table strong{color:#17201c;font-size:12px;font-weight:700} .fo-cookie-policy-settings{margin-top:24px} .fo-legal-inline-link{color:#111816;font-weight:750;text-decoration-thickness:1px;text-underline-offset:4px} .fo-footer-cookie-button{appearance:none;width:fit-content;margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer} .fo-footer-cookie-button:hover,.fo-footer-cookie-button:focus-visible{color:#fff} .fo-cookie-banner[hidden],.fo-cookie-modal[hidden]{display:none !important} .fo-cookie-banner{position:fixed;z-index:99990;right:24px;bottom:24px;left:24px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;width:min(1120px,calc(100% - 48px));margin:0 auto;padding:20px 22px;border:1px solid rgba(255,255,255,0.10);border-radius:24px;background:rgba(13,19,18,0.97);box-shadow:0 28px 70px rgba(16,22,20,0.28);backdrop-filter:blur(18px);color:#fff} .fo-cookie-banner-copy{min-width:0} .fo-cookie-banner-copy strong{display:block;font-size:15px;font-weight:800;letter-spacing:-0.02em} .fo-cookie-banner-copy p{max-width:720px;margin:6px 0 0;color:rgba(255,255,255,0.72);font-size:12px;line-height:1.55} .fo-cookie-banner-copy a{display:inline-block;margin-top:7px;color:#baf5d4;font-size:11px;font-weight:750;text-underline-offset:3px} .fo-cookie-banner-actions{display:grid;grid-template-columns:repeat(2,minmax(126px,1fr));gap:8px;align-items:center} .fo-cookie-choice,.fo-cookie-settings-link,.fo-cookie-panel-button{appearance:none;min-height:44px;padding:0 16px;border:1px solid rgba(255,255,255,0.19);border-radius:999px;background:#fff;color:#101716;font:inherit;font-size:11px;font-weight:800;cursor:pointer;transition:transform 180ms ease,background 180ms ease,border-color 180ms ease} .fo-cookie-choice:hover,.fo-cookie-choice:focus-visible,.fo-cookie-panel-button:hover,.fo-cookie-panel-button:focus-visible{transform:translateY(-1px);background:#d9f7e5} .fo-cookie-settings-link{grid-column:1 / -1;min-height:34px;border-color:transparent;background:transparent;color:rgba(255,255,255,0.78)} .fo-cookie-settings-link:hover,.fo-cookie-settings-link:focus-visible{color:#fff} .fo-cookie-modal{position:fixed;z-index:99999;inset:0;display:grid;place-items:center;padding:24px} .fo-cookie-modal-backdrop{position:absolute;inset:0;background:rgba(8,12,11,0.56);backdrop-filter:blur(8px)} .fo-cookie-panel{position:relative;z-index:1;width:min(650px,100%);max-height:min(760px,calc(100vh - 48px));overflow:auto;padding:30px;border:1px solid rgba(12,17,18,0.08);border-radius:28px;background:#fff;box-shadow:0 30px 90px rgba(15,23,19,0.26);color:#101716} .fo-cookie-panel-head{display:flex;gap:22px;align-items:flex-start;justify-content:space-between} .fo-cookie-panel-head > div > span{display:block;color:#69736f;font-size:9px;font-weight:800;letter-spacing:0.12em;text-transform:uppercase} .fo-cookie-panel-head h2{max-width:480px;margin:8px 0 0;font-size:clamp(1.85rem,4vw,2.6rem);font-weight:800;letter-spacing:-0.045em;line-height:1.05} .fo-cookie-close{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;padding:0;border:1px solid rgba(12,17,18,0.08);border-radius:50%;background:#f4f7f5;color:#111816;font-size:23px;line-height:1;cursor:pointer} .fo-cookie-panel-intro{margin:16px 0 24px;color:#59625f;font-size:13px;line-height:1.65} .fo-cookie-category{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:18px 0;border-top:1px solid rgba(12,17,18,0.08)} .fo-cookie-category strong{display:block;font-size:13px;font-weight:800} .fo-cookie-category p{max-width:470px;margin:5px 0 0;color:#67716d;font-size:11px;line-height:1.55} .fo-cookie-switch{position:relative;display:block;width:48px;height:28px;flex:0 0 auto;cursor:pointer} .fo-cookie-switch input{position:absolute;width:1px;height:1px;opacity:0} .fo-cookie-switch > span:last-child{position:absolute;inset:0;border:1px solid rgba(12,17,18,0.14);border-radius:999px;background:#e9eeeb;transition:background 180ms ease,border-color 180ms ease} .fo-cookie-switch > span:last-child::after{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(12,17,18,0.16);content:"";transition:transform 180ms ease} .fo-cookie-switch input:checked + span{border-color:#00c96b;background:#00c96b} .fo-cookie-switch input:checked + span::after{transform:translateX(20px)} .fo-cookie-switch input:focus-visible + span{outline:3px solid rgba(0,201,107,0.22);outline-offset:3px} .fo-cookie-switch.is-locked{cursor:default;opacity:0.8} .fo-cookie-panel-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:24px} .fo-cookie-panel-button{border-color:rgba(12,17,18,0.11);background:#111816;color:#fff} .fo-cookie-panel-button:nth-child(2){background:#d9f7e5;color:#0d1b14} .fo-cookie-panel-note{margin:14px 0 0;color:#78817d;font-size:10px;line-height:1.5;text-align:center} body.fo-cookie-modal-open{overflow:hidden} @media (max-width:760px){body.flowops-cookie-page .fo-legal-hero,body.flowops-cookie-page .fo-legal-body{width:calc(100% - 32px)} body.flowops-cookie-page .fo-legal-hero{padding-top:108px;padding-bottom:34px} body.flowops-cookie-page .fo-legal-body{padding-top:12px;padding-bottom:72px} body.flowops-cookie-page .fo-legal-section,body.flowops-cookie-page .fo-legal-section + .fo-legal-section{grid-template-columns:1fr;gap:7px} .fo-cookie-table > div{grid-template-columns:1fr;gap:7px;padding:14px} .fo-cookie-table-head{display:none !important} .fo-cookie-table > div:not(.fo-cookie-table-head) > strong::before{display:block;margin-bottom:3px;color:#7b8580;font-size:8px;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;content:"Duration"} .fo-cookie-banner{right:12px;bottom:12px;left:12px;grid-template-columns:1fr;gap:16px;width:calc(100% - 24px);padding:18px;border-radius:20px} .fo-cookie-banner-actions{grid-template-columns:repeat(2,minmax(0,1fr))} .fo-cookie-choice{min-width:0;padding:0 10px} .fo-cookie-modal{align-items:end;padding:12px} .fo-cookie-panel{width:100%;max-height:calc(100vh - 24px);padding:23px 18px 20px;border-radius:24px} .fo-cookie-panel-head h2{font-size:clamp(1.75rem,8vw,2.2rem)} .fo-cookie-category{gap:14px;padding:16px 0} .fo-cookie-panel-actions{grid-template-columns:1fr}} @media (prefers-reduced-motion:reduce){.fo-cookie-choice,.fo-cookie-panel-button,.fo-cookie-switch > span:last-child,.fo-cookie-switch > span:last-child::after{transition:none}} .fo-footer-links .fo-footer-cookie-button{display:block;width:fit-content;margin-top:13px;color:#c2cac6;font-size:12px;font-weight:500;line-height:inherit;transition:color 180ms ease} .fo-error-page--refined{min-height:100vh;padding:148px 24px 92px;background:radial-gradient(circle at 72% 42%,rgba(203,244,218,0.34),transparent 28%),linear-gradient(180deg,#fbf7f4 0%,#fbf3ef 100%)} .fo-error-page--refined .fo-error-glow{top:18%;width:min(900px,78vw);height:440px;opacity:0.72} .fo-error-page--refined .fo-error-shell{grid-template-columns:minmax(0,1fr) minmax(360px,0.72fr);gap:clamp(48px,7vw,96px);width:min(1160px,100%)} .fo-error-page--refined .fo-error-copy{max-width:650px} .fo-error-page--refined .fo-error-copy h1{max-width:620px;margin-top:28px;font-size:var(--fo-type-display);font-weight:800;letter-spacing:var(--fo-heading-tracking);line-height:var(--fo-leading-display)} .fo-error-page--refined .fo-error-copy > p{max-width:580px;margin-top:22px;font-size:var(--fo-type-body-large);font-weight:500;line-height:var(--fo-leading-body)} .fo-error-page--refined .fo-error-actions{margin-top:30px} .fo-error-page--refined .fo-error-actions .fo-button{min-width:154px} .fo-error-page--refined .fo-error-visual{min-height:430px} .fo-error-card--refined{inset:0;padding:30px;border:8px solid rgba(255,255,255,0.96);border-radius:30px;background:radial-gradient(circle at 92% 8%,rgba(255,255,255,0.7),transparent 28%),#dff4e6;box-shadow:0 26px 70px rgba(39,54,46,0.12);animation:fo-error-float 7s ease-in-out infinite} .fo-error-card--refined::after{right:-125px;bottom:-140px;opacity:0.7} .fo-error-card--refined .fo-error-number{margin-top:34px;font-size:clamp(7.5rem,10vw,9.5rem)} .fo-error-card--refined > p{margin-top:22px;font-size:20px} .fo-error-card--refined .fo-error-card-note{border-radius:16px;background:rgba(255,255,255,0.76)} @media (max-width:1080px){.fo-error-page--refined{padding:132px 24px 76px} .fo-error-page--refined .fo-error-shell{grid-template-columns:minmax(0,1fr) minmax(320px,0.8fr);gap:42px}} @media (max-width:760px){.fo-error-page--refined{min-height:auto;padding:118px 12px 64px} .fo-error-page--refined .fo-error-shell{grid-template-columns:1fr;gap:40px} .fo-error-page--refined .fo-error-copy{max-width:none;padding:0 6px;text-align:center} .fo-error-page--refined .fo-error-eyebrow{margin-inline:auto} .fo-error-page--refined .fo-error-copy h1,.fo-error-page--refined .fo-error-copy > p{margin-right:auto;margin-left:auto} .fo-error-page--refined .fo-error-copy h1{font-size:clamp(2.55rem,11vw,3.2rem)} .fo-error-page--refined .fo-error-copy > p{padding:0;font-size:15px} .fo-error-page--refined .fo-error-actions{display:grid;grid-template-columns:1fr;width:100%;max-width:360px;margin-right:auto;margin-left:auto} .fo-error-page--refined .fo-error-actions .fo-button{width:100%;max-width:none;min-height:52px} .fo-error-page--refined .fo-error-visual{min-height:390px} .fo-error-card--refined{padding:24px;border-width:7px;border-radius:26px} .fo-error-card--refined .fo-error-number{font-size:clamp(6.8rem,32vw,8.3rem)}} @media (max-width:420px){.fo-error-page--refined .fo-error-visual{min-height:360px} .fo-error-card--refined .fo-error-card-note{grid-template-columns:36px minmax(0,1fr);gap:10px} .fo-error-card--refined .fo-error-card-note-icon{width:36px;height:36px}}:root{--fo-motion-ease:cubic-bezier(0.22,1,0.36,1);--fo-motion-ease-soft:cubic-bezier(0.33,1,0.68,1)} @media (prefers-reduced-motion:no-preference){.fo-story-card,.fo-feature-detail,.fo-feature-difference article,.fo-usecase-card,.fo-solution-row,.fo-product-role-panel article,.fo-product-capability-list > a,.fo-product-fit-grid article,.fo-pricing-value-card,.fo-resources-guide-row,.fo-resource-card,.fo-docs-section,.fo-about-value-card,.fo-demo-workflow-card,.fo-contact-card{transition-timing-function:var(--fo-motion-ease) !important;transition-duration:300ms !important} .fo-life-step > span,.fo-life-step small,.fo-card-note,.fo-role-row,.fo-role-row > i,.fo-role-orbit,.fo-ai-request,.fo-ai-arrow,.fo-ai-fields,.fo-ai-fields span,.fo-ready-pill,.fo-feature-flow li,.fo-solution-fit-map div,.fo-product-dashboard-note{animation-timing-function:var(--fo-motion-ease) !important;backface-visibility:hidden} .fo-soft-glow,.fo-ambient,.fo-customer-orbit,.fo-customer-float,.fo-features-ambient,.fo-solutions-shape,.fo-pricing-page-shape,.fo-resources-panel-orbit,.fo-docs-shape,.fo-about-ambient,.fo-contact-ambient,.fo-demo-ambient,.fo-legal-orbit,.fo-final-shape{animation-timing-function:ease-in-out !important;will-change:transform} .fo-laptop,.fo-tracking-phone,.fo-product-dashboard,.fo-demo-console{transform-style:preserve-3d;backface-visibility:hidden} .fo-arrow-icon,.fo-inline-arrow,.fo-flow-arrow,.fo-round-arrow,.fo-docs-link-arrow{transition:transform 260ms var(--fo-motion-ease),background-color 260ms ease,color 260ms ease !important}} .fo-contact-direct{display:grid;gap:18px;align-content:start;padding:clamp(26px,4vw,44px)} .fo-contact-direct h2{margin:0;max-width:12ch} .fo-contact-direct p{margin:0;max-width:46ch} .fo-contact-direct .fo-btn{width:fit-content;margin-top:4px} .fo-contact-direct-email a{color:inherit;font-weight:700;text-decoration-thickness:1px;text-underline-offset:4px} .fo-contact-main{background:#fff} .fo-contact-hero{grid-template-columns:minmax(0,1fr) minmax(470px,0.82fr);gap:clamp(58px,7vw,104px);min-height:820px;padding-bottom:96px} .fo-contact-copy{max-width:690px} .fo-contact-primary-actions{margin-top:32px} .fo-contact-quick-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:34px} .fo-contact-quick-cards article{min-width:0;padding:20px;border:1px solid rgba(12,17,18,0.07);border-radius:20px;background:rgba(255,255,255,0.78);box-shadow:0 14px 36px rgba(39,29,25,0.045)} .fo-contact-quick-cards small,.fo-contact-quick-cards strong,.fo-contact-quick-cards a{display:block} .fo-contact-quick-cards small{color:#168255;font-size:9px;font-weight:800;letter-spacing:0.1em;text-transform:uppercase} .fo-contact-quick-cards strong,.fo-contact-quick-cards a{margin-top:7px;color:var(--fo-ink);font-size:15px;font-weight:800;line-height:1.2;text-decoration:none;overflow-wrap:anywhere} .fo-contact-quick-cards a:hover{text-decoration:underline;text-underline-offset:3px} .fo-contact-quick-cards p{margin:8px 0 0;color:#65706b;font-size:11px;font-weight:550;line-height:1.55} .fo-contact-guide{position:relative;z-index:2;min-width:0;padding:10px;border:1px solid rgba(12,17,18,0.055);border-radius:32px;background:rgba(255,255,255,0.72);box-shadow:0 30px 78px rgba(45,67,55,0.11)} .fo-contact-guide-shell{padding:clamp(24px,3vw,34px);border:1px solid rgba(12,17,18,0.08);border-radius:24px;background:radial-gradient(circle at 90% 5%,rgba(221,247,230,0.82),transparent 34%),linear-gradient(180deg,#ffffff 0%,#fbfdfc 100%)} body.flowops-website-stage1 .fo-main .fo-contact-guide h2{max-width:450px;margin:18px 0 22px;padding-bottom:22px;border-bottom:1px solid rgba(12,17,18,0.09);color:var(--fo-ink);font-size:clamp(2.25rem,4vw,3.35rem);font-weight:800;letter-spacing:-0.045em;line-height:0.98} .fo-contact-guide-list{display:grid;gap:10px} .fo-contact-guide-list article{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;align-items:center;padding:16px;border:1px solid rgba(12,17,18,0.08);border-radius:17px;background:rgba(255,255,255,0.8);transition:transform 300ms var(--fo-ease-smooth,cubic-bezier(.2,.8,.2,1)),box-shadow 300ms ease,border-color 300ms ease} .fo-contact-guide-list article:hover{transform:translate3d(0,-2px,0);border-color:rgba(0,166,94,0.2);box-shadow:0 14px 30px rgba(35,54,45,0.055)} .fo-contact-guide-list article > span{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:#0e1513;color:#fff;font-size:11px;font-weight:800;letter-spacing:0.03em} .fo-contact-guide-list h3{margin:0;color:var(--fo-ink);font-size:15px;font-weight:800;letter-spacing:-0.015em;line-height:1.2} .fo-contact-guide-list p{margin:5px 0 0;color:#65706b;font-size:12px;font-weight:550;line-height:1.5} .fo-contact-safe-note{margin-top:12px;padding:16px;border:1px solid rgba(12,17,18,0.08);border-radius:17px;background:#f8fbf9} .fo-contact-safe-note strong{display:block;color:var(--fo-ink);font-size:12px;font-weight:800} .fo-contact-safe-note p{margin:5px 0 0;color:#65706b;font-size:11px;font-weight:550;line-height:1.55} .fo-contact-routes{padding:106px max(24px,calc((100vw - 1160px) / 2)) 116px;background:#fff} .fo-contact-routes-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,0.72fr);gap:clamp(40px,7vw,86px);align-items:end} body.flowops-website-stage1 .fo-main .fo-contact-routes h2{max-width:760px;margin:18px 0 0;color:var(--fo-ink);font-size:var(--fo-type-section);font-weight:800;letter-spacing:var(--fo-heading-tracking);line-height:var(--fo-leading-section,1.04)} .fo-contact-routes-head > p{max-width:55ch;margin:0 0 4px;color:var(--fo-ink-soft);font-size:var(--fo-type-body);font-weight:500;line-height:var(--fo-leading-body)} .fo-contact-route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:48px} .fo-contact-route-grid article{display:flex;min-height:300px;flex-direction:column;padding:26px;border:1px solid rgba(12,17,18,0.065);border-radius:24px;background:#f8f5f2;box-shadow:0 14px 34px rgba(39,29,25,0.035);transition:transform 320ms var(--fo-ease-smooth,cubic-bezier(.2,.8,.2,1)),box-shadow 320ms ease} .fo-contact-route-grid article:nth-child(2){background:#e8f7ee} .fo-contact-route-grid article:nth-child(3){background:#eee9f8} .fo-contact-route-grid article:hover{transform:translate3d(0,-3px,0);box-shadow:0 22px 44px rgba(39,29,25,0.065)} .fo-contact-route-grid article > span:first-child{color:#6e7873;font-size:10px;font-weight:800;letter-spacing:0.1em} .fo-contact-route-grid h3{margin:46px 0 0;color:var(--fo-ink);font-size:var(--fo-type-card);font-weight:800;letter-spacing:-0.03em;line-height:1.08} .fo-contact-route-grid p{margin:12px 0 24px;color:#59625f;font-size:13px;font-weight:500;line-height:1.62} .fo-contact-route-grid a{display:inline-flex;align-items:center;gap:8px;margin-top:auto;color:var(--fo-ink);font-size:12px;font-weight:800;text-decoration:none} .fo-contact-route-grid a .fo-arrow-icon{transition:transform 300ms var(--fo-ease-smooth,cubic-bezier(.2,.8,.2,1))} .fo-contact-route-grid a:hover .fo-arrow-icon{transform:translate3d(2px,-2px,0)} @media (max-width:1080px){.fo-contact-hero{grid-template-columns:1fr;gap:48px} .fo-contact-guide{width:min(760px,100%)} .fo-contact-routes-head{grid-template-columns:1fr;gap:22px} .fo-contact-route-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .fo-contact-route-grid article:last-child{grid-column:1 / -1;min-height:250px}} @media (max-width:760px){.fo-contact-hero{padding-bottom:68px} .fo-contact-quick-cards{grid-template-columns:1fr;margin-top:28px} .fo-contact-quick-cards article{padding:18px} .fo-contact-guide{padding:7px;border-radius:27px} .fo-contact-guide-shell{padding:20px;border-radius:21px} body.flowops-website-stage1 .fo-main .fo-contact-guide h2{font-size:clamp(2rem,10vw,2.65rem)} .fo-contact-guide-list article{grid-template-columns:42px minmax(0,1fr);gap:13px;padding:14px} .fo-contact-guide-list article > span{width:38px;height:38px;border-radius:12px} .fo-contact-routes{padding:78px 18px 88px} body.flowops-website-stage1 .fo-main .fo-contact-routes h2{font-size:clamp(2.2rem,9.5vw,2.8rem);line-height:1} .fo-contact-routes-head > p{font-size:15px} .fo-contact-route-grid{grid-template-columns:1fr;gap:12px;margin-top:36px} .fo-contact-route-grid article,.fo-contact-route-grid article:last-child{grid-column:auto;min-height:0;padding:23px} .fo-contact-route-grid h3{margin-top:34px;font-size:23px}} @media (prefers-reduced-motion:reduce){.fo-contact-guide-list article,.fo-contact-route-grid article,.fo-contact-route-grid a .fo-arrow-icon{transition:none}} body.flowops-docs-page .fo-guide-main{background:#f8f6f2;padding:16px clamp(14px,2.5vw,36px) 56px} .fo-guide-shell{width:min(1500px,100%);margin:0 auto;border:1px solid rgba(15,24,21,0.1);border-radius:26px;background:#fffefa;box-shadow:0 24px 70px rgba(20,28,25,0.08);overflow:clip} .fo-guide-topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px;padding:12px 22px;border-bottom:1px solid rgba(15,24,21,0.09);background:rgba(255,254,250,0.96)} .fo-guide-brand{display:inline-flex;align-items:center;gap:11px;min-width:0} .fo-guide-brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#08110f;color:#17e883;font-weight:850;font-size:17px;letter-spacing:-0.04em} .fo-guide-brand div{display:grid;gap:1px} .fo-guide-brand strong{font-size:14px;line-height:1.2;font-weight:800;letter-spacing:-0.02em;color:#101916} .fo-guide-brand small{font-size:10px;line-height:1.3;font-weight:700;text-transform:uppercase;letter-spacing:0.12em;color:#7b8580} .fo-guide-topnav{display:flex;align-items:center;gap:4px} .fo-guide-topnav a{display:inline-flex;align-items:center;min-height:38px;padding:0 13px;border-radius:11px;font-size:12px;font-weight:700;color:#68726d;text-decoration:none;transition:background-color 180ms ease,color 180ms ease} .fo-guide-topnav a:hover,.fo-guide-topnav a.is-current{background:#f0f4f1;color:#101916} .fo-guide-topnav a.is-primary{background:#0d1714;color:#ffffff;padding-inline:15px} .fo-guide-topnav a.is-primary:hover{background:#183028;color:#ffffff} .fo-guide-grid{display:grid;grid-template-columns:minmax(210px,250px) minmax(0,1fr) minmax(180px,220px);align-items:start;min-height:760px} .fo-guide-sidebar{align-self:stretch;border-right:1px solid rgba(15,24,21,0.09);background:#fbfaf7} .fo-guide-sidebar-sticky,.fo-guide-toc-sticky{position:sticky;top:24px;max-height:calc(100vh - 44px);overflow:auto;scrollbar-width:thin} body.admin-bar .fo-guide-sidebar-sticky,body.admin-bar .fo-guide-toc-sticky{top:56px;max-height:calc(100vh - 76px)} .fo-guide-sidebar-sticky{padding:18px 14px 28px} .fo-guide-search-wrap{position:relative;display:flex;align-items:center;gap:8px;min-height:42px;padding:0 10px;border:1px solid rgba(15,24,21,0.12);border-radius:12px;background:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,0.5)} .fo-guide-search-wrap:focus-within{border-color:rgba(16,134,85,0.55);box-shadow:0 0 0 3px rgba(22,232,131,0.12)} .fo-guide-search-wrap svg{width:16px;height:16px;fill:none;stroke:#6e7973;stroke-width:1.7;stroke-linecap:round} .fo-guide-search-wrap input{min-width:0;width:100%;border:0;outline:0;background:transparent;font:inherit;font-size:12px;font-weight:650;color:#17201d} .fo-guide-search-wrap input::placeholder{color:#8d9691} .fo-guide-search-wrap kbd{display:grid;place-items:center;width:22px;height:22px;border:1px solid #dde3df;border-radius:6px;background:#f6f8f6;font:inherit;font-size:10px;font-weight:800;color:#7d8882} .fo-guide-search-empty{margin:10px 3px 0;font-size:11px;line-height:1.5;color:#7c8681} .fo-guide-nav{display:grid;gap:26px;margin-top:24px} .fo-guide-nav-group{display:grid;gap:4px} .fo-guide-nav-heading{padding:0 10px 7px;font-size:10px;font-weight:850;line-height:1.2;text-transform:uppercase;letter-spacing:0.12em;color:#7f8984} .fo-guide-nav a,.fo-guide-nav-planned{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:38px;padding:8px 10px;border-radius:10px;font-size:12px;font-weight:650;line-height:1.35;color:#5c6761;text-decoration:none} .fo-guide-nav a{transition:color 180ms ease,background-color 180ms ease,transform 180ms ease} .fo-guide-nav a:hover{background:#f0f4f1;color:#101916;transform:translateX(2px)} .fo-guide-nav a.is-current{background:#e5f8ed;color:#0d5f3b;font-weight:780} .fo-guide-nav-planned{color:#a0a8a4;cursor:default} .fo-guide-nav-planned small{flex:0 0 auto;padding:3px 6px;border-radius:999px;background:#f0f2f0;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:0.08em;color:#9ba39f} .fo-guide-content{min-width:0;padding:46px clamp(30px,5vw,74px) 72px} .fo-guide-mobile-head{display:none} .fo-js .fo-guide-panel{display:none} .fo-js .fo-guide-panel.is-current{display:block;animation:foGuideArticleIn 260ms cubic-bezier(.2,.75,.25,1) both} @keyframes foGuideArticleIn{from{opacity:0;transform:translateY(5px)} to{opacity:1;transform:translateY(0)}} .fo-guide-breadcrumb{display:flex;align-items:center;gap:7px;margin-bottom:16px;font-size:11px;font-weight:700;color:#86908b} .fo-guide-breadcrumb i{font-style:normal;color:#adb5b1} .fo-guide-breadcrumb svg{width:12px;height:12px;flex:0 0 auto;fill:none;stroke:#adb5b1;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round} .fo-guide-article-head{max-width:760px;padding-bottom:32px;border-bottom:1px solid rgba(15,24,21,0.1)} .fo-guide-eyebrow{display:inline-flex;align-items:center;min-height:27px;padding:0 10px;border-radius:999px;background:#e5f8ed;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:0.12em;color:#0c6d41} body.flowops-docs-page .fo-site .fo-guide-article-head h1{max-width:760px;margin:17px 0 12px;font-size:clamp(38px,5vw,58px);line-height:0.98;letter-spacing:-0.055em;font-weight:850;color:#0e1714} .fo-guide-article-head > p{max-width:690px;margin:0;font-size:16px;line-height:1.65;color:#65706a} .fo-guide-callout{display:grid;grid-template-columns:30px minmax(0,1fr);gap:11px;align-items:start;margin:26px 0 0;padding:15px 17px;border:1px solid rgba(15,24,21,0.1);border-radius:14px} .fo-guide-callout--mint{background:#eaf9f0;border-color:#cbead8} .fo-guide-callout--peach{background:#fff0e7;border-color:#f5d7c6} .fo-guide-callout-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(255,255,255,0.72);font-size:11px;font-weight:850;color:#11764a} .fo-guide-callout--peach .fo-guide-callout-icon{color:#a44d22} .fo-guide-callout p{margin:2px 0 0;font-size:13px;line-height:1.6;color:#45514b} .fo-guide-callout strong{color:#17211d} .fo-guide-section{max-width:780px;padding:38px 0 2px;scroll-margin-top:120px} body.flowops-docs-page .fo-site .fo-guide-section h2{margin:0 0 14px;font-size:clamp(25px,3vw,32px);line-height:1.12;letter-spacing:-0.035em;font-weight:820;color:#111b17} body.flowops-docs-page .fo-site .fo-guide-section h3{margin:26px 0 10px;font-size:18px;line-height:1.3;letter-spacing:-0.02em;font-weight:800;color:#17211d} .fo-guide-section > p{margin:0 0 14px;font-size:14px;line-height:1.78;color:#59645e} .fo-guide-numbered,.fo-guide-list,.fo-guide-checklist{margin:18px 0 0;padding:0;list-style:none} .fo-guide-numbered{display:grid;gap:10px;counter-reset:fo-guide-num} .fo-guide-numbered li{counter-increment:fo-guide-num;display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:12px;row-gap:3px;padding:14px;border:1px solid #e2e7e4;border-radius:13px;background:#fff} .fo-guide-numbered li::before{content:counter(fo-guide-num,decimal-leading-zero);grid-row:1 / span 2;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#101916;font-size:9px;font-weight:850;color:#fff} .fo-guide-numbered strong,.fo-guide-numbered span{grid-column:2} .fo-guide-numbered strong{font-size:13px;color:#17211d} .fo-guide-numbered span{font-size:12px;line-height:1.6;color:#68736d} .fo-guide-step-card{display:grid;grid-template-columns:38px minmax(0,1fr);gap:13px;align-items:start;margin-top:12px;padding:15px 16px;border:1px solid #e3e8e5;border-radius:14px;background:#fbfcfa} .fo-guide-step-card > span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#101916;font-size:10px;font-weight:850;color:#fff} .fo-guide-step-card strong{display:block;margin-bottom:4px;font-size:13px;color:#17211d} .fo-guide-step-card p{margin:0;font-size:12px;line-height:1.6;color:#66716b} .fo-guide-list{display:grid;gap:10px} .fo-guide-list li{position:relative;padding-left:20px;font-size:13px;line-height:1.65;color:#59645e} .fo-guide-list li::before{content:'';position:absolute;left:2px;top:0.72em;width:5px;height:5px;border-radius:50%;background:#20c877} .fo-guide-checklist{display:grid;gap:9px;counter-reset:fo-guide-check} .fo-guide-checklist li{counter-increment:fo-guide-check;display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;font-size:13px;line-height:1.6;color:#59645e} .fo-guide-checklist li::before{content:counter(fo-guide-check);display:grid;place-items:center;width:26px;height:26px;border:1px solid #cfe4d8;border-radius:50%;background:#effaf4;font-size:9px;font-weight:850;color:#0e7547} .fo-guide-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px} .fo-guide-two-col > div{padding:16px;border:1px solid #e2e7e4;border-radius:14px;background:#fff} .fo-guide-two-col strong{display:block;margin-bottom:6px;font-size:13px;color:#17211d} .fo-guide-two-col p{margin:0;font-size:12px;line-height:1.65;color:#68736d} .fo-guide-role-summary,.fo-guide-role-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px} .fo-guide-role-summary > div,.fo-guide-role-cards > div{padding:15px;border:1px solid #e2e7e4;border-radius:14px;background:#fff} .fo-guide-role-summary span,.fo-guide-role-cards span{display:inline-flex;margin-bottom:8px;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:0.09em;color:#11804d} .fo-guide-role-summary p,.fo-guide-role-cards p{margin:0;font-size:11px;line-height:1.62;color:#69746e} .fo-guide-role-cards strong{display:block;margin-bottom:6px;font-size:13px;color:#17211d} .fo-guide-table-wrap{overflow:auto;margin-top:17px;border:1px solid #dde4e0;border-radius:14px;background:#fff} .fo-guide-table{width:100%;min-width:650px;border-collapse:collapse;font-size:11px} .fo-guide-table th,.fo-guide-table td{padding:12px 13px;border-bottom:1px solid #edf0ee;text-align:left;vertical-align:top;line-height:1.45} .fo-guide-table th{background:#f5f7f5;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:0.07em;color:#68736d} .fo-guide-table td:first-child{font-weight:750;color:#1b2521} .fo-guide-table tbody tr:last-child td{border-bottom:0} .fo-guide-metric-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:17px} .fo-guide-metric-row > div{padding:17px;border:1px solid #dce4df;border-radius:14px;background:#f9fbf9} .fo-guide-metric-row strong{display:inline-block;font-size:27px;line-height:1;letter-spacing:-0.04em;color:#111b17} .fo-guide-metric-row span{margin-left:4px;font-size:10px;font-weight:800;color:#62706a} .fo-guide-metric-row small{display:block;margin-top:8px;font-size:10px;line-height:1.5;color:#7a8580} .fo-guide-next{max-width:780px;margin-top:52px;padding-top:22px;border-top:1px solid #e1e6e3} .fo-guide-next > span,.fo-guide-next a > span{display:block;margin-bottom:5px;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:0.1em;color:#89928e} .fo-guide-next > a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;border:1px solid #dde4e0;border-radius:14px;background:#fff;color:#17211d;text-decoration:none;transition:transform 180ms ease,border-color 180ms ease,box-shadow 180ms ease} .fo-guide-next > a:hover{transform:translateY(-2px);border-color:#c9d9d0;box-shadow:0 10px 24px rgba(20,28,25,0.07)} .fo-guide-next > a strong{font-size:13px} .fo-guide-next svg,.fo-guide-help-card svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round} .fo-guide-next--split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .fo-guide-next--split a{display:block} .fo-guide-next--split a:last-child{text-align:right} .fo-guide-next--split strong{display:block} .fo-guide-toc{align-self:stretch;border-left:1px solid rgba(15,24,21,0.09);background:#fffefa} .fo-guide-toc-sticky{padding:28px 18px 28px} .fo-guide-toc-title{display:flex;align-items:center;gap:7px;margin-bottom:11px;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:0.1em;color:#646f69} .fo-guide-toc-title svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round} .fo-guide-toc nav{display:grid;gap:2px;border-left:1px solid #dfe5e1} .fo-guide-toc nav a{position:relative;display:block;padding:7px 4px 7px 13px;font-size:10px;font-weight:650;line-height:1.45;color:#747e79;text-decoration:none;transition:color 160ms ease} .fo-guide-toc nav a::before{content:'';position:absolute;left:-1px;top:7px;bottom:7px;width:2px;border-radius:999px;background:transparent} .fo-guide-toc nav a:hover,.fo-guide-toc nav a.is-current{color:#17211d} .fo-guide-toc nav a.is-current::before{background:#20c877} .fo-guide-help-card{margin-top:28px;padding:14px;border:1px solid #dae4de;border-radius:14px;background:#eff9f3} .fo-guide-help-card > span{display:block;font-size:11px;font-weight:800;color:#16211c} .fo-guide-help-card p{margin:6px 0 10px;font-size:10px;line-height:1.55;color:#66736c} .fo-guide-help-card a{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800;color:#0b7042;text-decoration:none} @media (max-width:1160px){.fo-guide-grid{grid-template-columns:minmax(200px,230px) minmax(0,1fr)} .fo-guide-toc{display:none} .fo-guide-content{padding-right:clamp(28px,5vw,56px)} .fo-guide-mobile-toc-button{display:none !important}} @media (max-width:820px){body.flowops-docs-page .fo-guide-main{padding:10px 10px 36px} .fo-guide-shell{border-radius:20px} .fo-guide-topbar{padding:10px 14px} .fo-guide-topnav a:not(.is-current){display:none} .fo-guide-topnav a.is-current{background:transparent;padding-right:0} .fo-guide-grid{display:block} .fo-guide-sidebar{display:none;position:fixed;z-index:10020;inset:86px 12px 16px;border:1px solid #dbe3de;border-radius:18px;background:#fbfaf7;box-shadow:0 24px 70px rgba(15,24,21,0.18);overflow:auto} body.admin-bar .fo-guide-sidebar{top:118px} .fo-guide-main.is-browse-open .fo-guide-sidebar{display:block} .fo-guide-sidebar-sticky{position:static;max-height:none} .fo-guide-content{padding:18px 20px 48px} .fo-guide-mobile-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 -2px 25px} .fo-guide-browse-button,.fo-guide-mobile-toc-button{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 11px;border:1px solid #dce3df;border-radius:10px;background:#fff;font:inherit;font-size:10px;font-weight:780;color:#4f5b55} .fo-guide-browse-button svg,.fo-guide-mobile-toc-button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round} .fo-guide-mobile-toc-button{display:none} .fo-guide-article-head{padding-bottom:27px} body.flowops-docs-page .fo-site .fo-guide-article-head h1{font-size:clamp(36px,11vw,50px)} .fo-guide-article-head > p{font-size:14px} .fo-guide-section{padding-top:32px} .fo-guide-two-col,.fo-guide-role-summary,.fo-guide-role-cards,.fo-guide-metric-row,.fo-guide-next--split{grid-template-columns:1fr} .fo-guide-next--split a:last-child{text-align:left}} @media (max-width:520px){.fo-guide-brand strong{font-size:12px} .fo-guide-brand small{font-size:8px} .fo-guide-brand-mark{width:32px;height:32px} .fo-guide-topnav{display:none} .fo-guide-content{padding:17px 15px 40px} .fo-guide-breadcrumb{font-size:10px} .fo-guide-article-head > p,.fo-guide-section > p{font-size:13px} .fo-guide-callout{grid-template-columns:26px minmax(0,1fr);padding:13px} .fo-guide-numbered li{grid-template-columns:30px minmax(0,1fr);padding:12px}} @media (prefers-reduced-motion:reduce){.fo-js .fo-guide-panel.is-current{animation:none} .fo-guide-nav a,.fo-guide-next > a{transition:none}} .fo-guide-next > a.is-disabled{cursor:default;pointer-events:none;opacity:.58} .fo-guide-code-list{display:grid;gap:8px;margin-top:16px} .fo-guide-code-list code{display:block;padding:12px 14px;border:1px solid #dfe7e3;border-radius:12px;background:#f7faf8;font:inherit;font-size:12px;line-height:1.55;color:#26322d;white-space:normal} .fo-guide-sidebar-mobile-head,.fo-guide-toc-close{display:none} .fo-guide-search-wrap{position:sticky;top:0;z-index:4;-webkit-appearance:none;appearance:none} .fo-guide-search-wrap input[type="search"]{-webkit-appearance:none;appearance:none} .fo-guide-search-wrap input[type="search"]::-webkit-search-decoration,.fo-guide-search-wrap input[type="search"]::-webkit-search-cancel-button,.fo-guide-search-wrap input[type="search"]::-webkit-search-results-button,.fo-guide-search-wrap input[type="search"]::-webkit-search-results-decoration{display:none} .fo-guide-search-status{margin:9px 3px 0;font-size:10px;font-weight:700;line-height:1.45;color:#68736d} .fo-guide-nav a[hidden],.fo-guide-nav-group[hidden],.fo-guide-search-status[hidden],.fo-guide-search-empty[hidden]{display:none !important} .fo-guide-content,.fo-guide-panel,.fo-guide-section,.fo-guide-callout-copy{min-width:0} .fo-guide-article-head,.fo-guide-section,.fo-guide-callout,.fo-guide-two-col,.fo-guide-role-summary,.fo-guide-role-cards,.fo-guide-next{max-width:100%} .fo-guide-section p,.fo-guide-section li,.fo-guide-callout p,.fo-guide-callout-copy,.fo-guide-next strong,.fo-guide-toc nav a{overflow-wrap:anywhere;word-break:normal} .fo-guide-callout-copy{display:block} .fo-guide-callout-copy > strong{display:block;margin:1px 0 3px;font-size:13px;line-height:1.35} .fo-guide-callout-copy > p{margin-top:0} .fo-guide-callout--lilac{background:#f4f0ff;border-color:#ddd4f4} .fo-guide-callout--lilac .fo-guide-callout-icon{color:#694ab7} .fo-guide-toc-title{justify-content:space-between} .fo-guide-toc-title-label{display:inline-flex;align-items:center;gap:7px;min-width:0} .fo-guide-toc-title-label svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round} @media (max-width:1160px) and (min-width:821px){.fo-guide-content{padding-left:clamp(28px,4vw,48px);padding-right:clamp(28px,4vw,48px)} body.flowops-docs-page .fo-site .fo-guide-article-head h1{font-size:clamp(40px,5.4vw,54px)}} @media (max-width:820px){body.fo-docs-overlay-open{overflow:hidden} .fo-guide-main.is-browse-open::before,.fo-guide-main.is-toc-open::before{content:'';position:fixed;z-index:10010;inset:0;background:rgba(8,17,15,0.34);backdrop-filter:blur(2px)} .fo-guide-sidebar-mobile-head{position:sticky;top:0;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-18px -14px 12px;padding:14px;border-bottom:1px solid #e2e7e4;background:#fbfaf7} .fo-guide-sidebar-mobile-head strong{font-size:12px;font-weight:800;color:#17211d} .fo-guide-sidebar-mobile-head button,.fo-guide-toc-close{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #dce3df;border-radius:9px;background:#fff;font:inherit;font-size:20px;line-height:1;color:#52605a;cursor:pointer} .fo-guide-search-wrap{top:54px;z-index:5} .fo-guide-mobile-toc-button{display:inline-flex !important} .fo-guide-toc{display:none;position:fixed;z-index:10020;inset:86px 12px 16px;border:1px solid #dbe3de;border-radius:18px;background:#fffefa;box-shadow:0 24px 70px rgba(15,24,21,0.18);overflow:auto} body.admin-bar .fo-guide-toc{top:118px} .fo-guide-main.is-toc-open .fo-guide-toc{display:block} .fo-guide-toc-sticky{position:static;max-height:none;padding:16px;overflow:visible} .fo-guide-toc-title{position:sticky;top:0;z-index:3;margin:-16px -16px 12px;padding:14px 16px;border-bottom:1px solid #e2e7e4;background:#fffefa} .fo-guide-toc nav a{padding-block:9px;font-size:11px} .fo-guide-help-card{margin-top:20px} .fo-guide-callout{grid-template-columns:28px minmax(0,1fr);gap:10px} .fo-guide-callout-icon{width:28px;height:28px}} @media (max-width:600px){.fo-guide-topbar{min-height:64px} .fo-guide-brand strong{max-width:160px;white-space:normal} .fo-guide-mobile-head{position:sticky;top:0;z-index:8;padding:8px 0;background:#fffefa} body.admin-bar .fo-guide-mobile-head{top:46px} body.flowops-docs-page .fo-site .fo-guide-article-head h1{font-size:clamp(34px,10.5vw,46px);line-height:1} .fo-guide-article-head > p{line-height:1.55} .fo-guide-table-wrap{max-width:100%;-webkit-overflow-scrolling:touch} .fo-guide-next > a{min-width:0}} @media (max-width:420px){body.flowops-docs-page .fo-guide-main{padding-inline:6px} .fo-guide-shell{border-radius:16px} .fo-guide-topbar{padding-inline:11px} .fo-guide-content{padding-inline:13px} .fo-guide-mobile-head{gap:6px} .fo-guide-browse-button,.fo-guide-mobile-toc-button{min-height:40px;padding-inline:10px;font-size:9px} .fo-guide-callout{padding:12px}} .fo-value-section{position:relative;z-index:2;padding:100px max(24px,calc((100vw - 1160px) / 2)) 104px;background:#f7faf8} .fo-value-heading{max-width:760px} body.flowops-website-stage1 .fo-main .fo-value-heading h2,body.fo-preview .fo-main .fo-value-heading h2{max-width:720px;margin:0;color:var(--fo-ink);font-size:var(--fo-type-section);font-weight:800;letter-spacing:-0.038em;line-height:1.06} .fo-value-compare{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);align-items:stretch;margin-top:45px;border-top:1px solid rgba(12,17,18,0.09);border-bottom:1px solid rgba(12,17,18,0.09)} .fo-value-side{min-width:0;padding:38px 0 40px} .fo-value-side--before{padding-right:clamp(28px,4.2vw,54px)} .fo-value-side--after{padding-left:clamp(28px,4.2vw,54px)} .fo-value-kicker{display:inline-flex;align-items:center;gap:8px;color:#68716d;font-size:0.6875rem;font-weight:800;letter-spacing:0.12em;line-height:1.2;text-transform:uppercase} .fo-value-kicker::before{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#9aa39f;content:""} .fo-value-side--after .fo-value-kicker{color:#17603a} .fo-value-side--after .fo-value-kicker::before{background:var(--fo-green)} body.flowops-website-stage1 .fo-main .fo-value-side h3,body.fo-preview .fo-main .fo-value-side h3{max-width:500px;margin:18px 0 0;color:var(--fo-ink);font-size:var(--fo-type-feature);font-weight:800;letter-spacing:-0.035em;line-height:1.1} body.flowops-website-stage1 .fo-main .fo-value-side p,body.fo-preview .fo-main .fo-value-side p{max-width:54ch;margin:14px 0 0;color:var(--fo-ink-soft);font-size:var(--fo-type-body);font-weight:500;line-height:1.66;overflow-wrap:anywhere} .fo-value-time{display:flex;align-items:baseline;gap:10px 12px;margin-top:26px} .fo-value-time strong{color:var(--fo-ink);font-size:1rem;font-weight:800;letter-spacing:-0.02em;line-height:1.25} .fo-value-time span{color:#737d78;font-size:var(--fo-type-small);font-weight:650;line-height:1.45} .fo-value-shift{position:relative;display:grid;place-items:center} .fo-value-shift::before{position:absolute;top:0;bottom:0;width:1px;background:rgba(12,17,18,0.07);content:""} .fo-value-shift svg{position:relative;z-index:1;box-sizing:border-box;width:36px;height:36px;padding:9px;border:1px solid rgba(12,17,18,0.08);border-radius:50%;background:#f7faf8;fill:none;stroke:#17201c;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7} .fo-value-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:36px;border-top:1px solid rgba(12,17,18,0.09);border-bottom:1px solid rgba(12,17,18,0.09)} .fo-value-result{min-width:0;padding:28px clamp(18px,3vw,34px) 30px 0} .fo-value-result + .fo-value-result{padding-left:clamp(18px,3vw,34px);border-left:1px solid rgba(12,17,18,0.09)} .fo-value-result strong,.fo-value-result span{display:block} .fo-value-result strong{color:var(--fo-ink);font-size:clamp(2.15rem,3.2vw,3rem);font-weight:800;letter-spacing:-0.055em;line-height:1} .fo-value-result span{margin-top:8px;color:#68716d;font-size:var(--fo-type-small);font-weight:650;line-height:1.45} .fo-value-note{max-width:760px;margin:18px 0 0;color:#7a827e;font-size:0.6875rem;font-weight:500;line-height:1.6} @media (max-width:1080px){.fo-value-section{padding-right:28px;padding-left:28px} .fo-value-compare{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr)} .fo-value-side--before{padding-right:24px} .fo-value-side--after{padding-left:24px}} @media (max-width:760px){.fo-value-section{padding:74px 20px 80px} .fo-value-heading{max-width:620px} .fo-value-compare{grid-template-columns:1fr;margin-top:36px} .fo-value-side,.fo-value-side--before,.fo-value-side--after{padding:30px 0 32px} .fo-value-shift{height:44px;border-top:1px solid rgba(12,17,18,0.07);border-bottom:1px solid rgba(12,17,18,0.07)} .fo-value-shift::before{display:none} .fo-value-shift svg{width:34px;height:34px;transform:rotate(90deg)} .fo-value-time{align-items:flex-start;flex-direction:column;gap:4px;margin-top:22px} .fo-value-results{grid-template-columns:1fr;margin-top:32px} .fo-value-result,.fo-value-result + .fo-value-result{padding:23px 0 24px;border-left:0} .fo-value-result + .fo-value-result{border-top:1px solid rgba(12,17,18,0.09)} .fo-value-result strong{font-size:clamp(2.25rem,11vw,2.8rem)} .fo-value-note{margin-top:15px;font-size:0.625rem}} @media (max-width:420px){.fo-value-section{padding-right:14px;padding-left:14px} .fo-value-side h3,.fo-value-side p,.fo-value-note{overflow-wrap:anywhere}}