@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#161913;--muted:#606357;--green:#285d36;--line:#dcd8ca;--light:#ebe7db;--accent:#7ec10c;--radius:14px;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:105px}*{box-sizing:border-box}body{margin:0;background:#f5f1e7}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:6px}::selection{background:var(--accent);color:var(--ink)}.container{width:min(1280px,calc(100% - 112px));margin-inline:auto}.site-header{background:#f5f1e7f2;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.header-inner{height:100px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:12px;font-family:Manrope,Arial,sans-serif;font-size:27px;font-weight:800;letter-spacing:-1.2px;line-height:1.04}.brand-mark{height:42px;width:42px;background:var(--green);border-radius:11px;color:white;font-size:34px;display:grid;place-items:center;letter-spacing:-3px;padding-right:3px;padding-bottom:4px}.brand-sub{display:block;font-family:'DM Sans',Arial,sans-serif;font-size:10px;letter-spacing:4.2px;font-weight:500;margin-top:7px}.site-header nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:500}.site-header nav a{padding-block:12px}.site-header nav a:hover,.text-link:hover{color:var(--green)}.button{display:inline-flex;align-items:center;justify-content:center;gap:27px;padding:18px 24px;background:var(--ink);color:#f5f1e7;border:1px solid var(--ink);border-radius:7px;font-size:15px;font-weight:600;line-height:1.3;transition:background .2s,transform .2s}.button:hover{background:#204a2b;transform:translateY(-2px)}.button span{font-size:20px;font-weight:400;color:var(--accent)}.button-small{padding:12px 18px;font-size:14px;gap:24px}.hero{padding-block:79px 73px;display:grid;grid-template-columns:1.2fr 1fr;gap:66px;align-items:center}.eyebrow{font-size:12px;letter-spacing:1.6px;font-weight:700;display:flex;align-items:center;gap:9px;margin:0 0 28px;line-height:1.6}.tiny-cross{color:var(--green);font-size:23px;line-height:1}.hero h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(44px,4.65vw,68px);font-weight:750;letter-spacing:-3.5px;line-height:1.12;margin:0 0 28px}.accent-text{color:var(--green)}.hero-description{font-size:20px;line-height:1.65;letter-spacing:-.25px;margin:0 0 14px}.hero-detail{font-size:16px;line-height:1.7;color:var(--muted);max-width:420px;margin:0}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:31px;flex-wrap:wrap}.text-link{display:inline-flex;align-items:center;gap:15px;font-size:14px;font-weight:600;line-height:1.5}.hero-note{font-size:12px;color:#6a6d60;margin:20px 0 0}.workflow{border:1px solid #d9d5c6;background-color:#e9e5d8;background-image:radial-gradient(#ccc8b9 .8px,transparent .8px);background-size:16px 16px;padding:26px 24px 18px;border-radius:18px;min-height:487px;position:relative;overflow:hidden}.workflow-top{display:flex;justify-content:space-between;gap:20px;margin-bottom:29px}.diagram-label,.diagram-index{font-size:10px;letter-spacing:1.6px;color:#626757;font-weight:600}.diagram-index{color:#6a705e;white-space:nowrap}.workflow-line{position:absolute;top:112px;bottom:83px;left:53%;width:2px;background:#9eb486}.flow-card{position:relative;display:flex;gap:13px;align-items:center;padding:18px;background:#fbf8f0;border:1px solid #dcd8ca;border-radius:10px;box-shadow:0 4px 11px #252d1508;width:89%;margin-bottom:16px;z-index:1}.flow-first{margin-left:0}.flow-second{margin-left:6%}.flow-third{margin-left:11%}.flow-step{font-size:9px;letter-spacing:1.1px;font-weight:700;color:#646b59;line-height:1.5}.flow-card h3,.flow-result h3{font-family:Manrope,Arial,sans-serif;font-size:15px;font-weight:750;margin:4px 0 3px;letter-spacing:-.3px}.flow-card p{font-size:11px;line-height:1.5;margin:0;color:var(--muted)}.flow-icon{flex:0 0 36px;height:36px;display:grid;place-items:center;border-radius:8px;font-size:27px;font-weight:600}.icon-ink{background:#eae7dc;color:#3e4838}.icon-green-soft{background:#e5ecd9;color:#376441}.icon-green{background:#e3ead7;color:#285d36}.node{position:absolute;bottom:-4px;left:50%;width:6px;height:6px;border-radius:50%;background:var(--green);border:1px solid white}.flow-result{position:relative;display:flex;align-items:center;gap:12px;border:1px solid #9fc23b;border-radius:10px;background:var(--accent);padding:17px 21px;margin:21px 0 0 7%;width:86%}.flow-result .flow-step{color:#334720}.result-check{background:#233b20;color:var(--accent);width:29px;height:29px;display:grid;place-items:center;border-radius:50%;font-size:15px}.diagram-caption{text-align:right;color:#6b705f;font-size:10px;letter-spacing:.3px;margin:18px 0 0}.platform-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.platform-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:27px}.platform-inner>p{font-size:10px;line-height:1.8;letter-spacing:1.2px;color:#6a705f;margin:0;padding-right:25px;border-right:1px solid var(--line)}.platform-inner strong{font-weight:500;color:#30362b;font-size:13px;letter-spacing:0}.platform-inner>div{display:flex;align-items:center;gap:11px;font-family:Manrope,Arial,sans-serif;font-weight:650;font-size:16px;white-space:nowrap}.platform-icon{font-size:29px;line-height:1;font-weight:800}.platform-apps{color:#285d36}.platform-automate{color:#285d36}.platform-sharepoint{color:#285d36}.ms-mark{display:grid;grid-template-columns:repeat(2,9px);gap:2px}.ms-mark i{height:9px;background:#626957}.skip-link{position:fixed;top:-60px;left:15px;z-index:100;background:var(--green);color:white;padding:15px}.skip-link:focus{top:15px}@media(min-width:1600px){.hero{padding-block:100px}}@media(max-width:1100px){.container{width:calc(100% - 64px)}.hero{gap:32px}.hero h1{font-size:49px;letter-spacing:-2.5px}.hero-description{font-size:18px}.flow-card{padding:14px;gap:10px}.flow-card p{font-size:11px}.workflow{padding-inline:18px}.hero-actions{gap:16px}.platform-inner>div{font-size:14px}.platform-inner{gap:17px}}@media(max-width:800px){.container{width:calc(100% - 40px)}.header-inner{height:82px;gap:16px}.site-header nav{gap:18px}.site-header nav a{font-size:13px}.brand{font-size:23px}.brand-mark{width:36px;height:36px;font-size:29px}.brand-sub{font-size:9px;letter-spacing:3.6px}.hero{grid-template-columns:1fr;padding-block:56px;gap:42px}.hero h1{font-size:clamp(44px,8vw,64px);letter-spacing:-2.7px}.hero-copy{max-width:610px}.workflow{width:100%;max-width:550px;justify-self:center;padding:26px}.flow-card{padding:18px}.flow-card p{font-size:13px}.flow-card h3,.flow-result h3{font-size:17px}.flow-step{font-size:10px}.platform-inner{flex-wrap:wrap;justify-content:flex-start;column-gap:28px;row-gap:20px}.platform-inner>p{width:100%;border:0;padding:0;line-height:1.5}.platform-inner>p br{display:none}.platform-inner>p strong{margin-left:8px}.platform-inner>div{font-size:15px}}@media(max-width:570px){.site-header nav{display:none}.button-small{padding:11px 14px;gap:18px}.eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:22px}.hero h1{font-size:clamp(36px,10.3vw,56px);letter-spacing:-2px}.hero-description{font-size:18px}.desktop-break{display:none}.hero-actions{align-items:flex-start;flex-direction:column;gap:24px}.hero-note{margin-top:22px}.workflow{padding:23px 15px 16px;min-height:unset}.flow-card{width:91%;padding:15px 11px;gap:10px}.flow-third{margin-left:9%}.flow-card h3,.flow-result h3{font-size:14px}.flow-card p{font-size:11px}.flow-step{font-size:9px;letter-spacing:.7px}.flow-icon{flex-basis:31px;height:31px;font-size:24px}.flow-result{width:91%;margin-left:9%;padding:17px 12px}.diagram-label,.diagram-index{font-size:9px;letter-spacing:1px}.platform-inner>div{width:calc(50% - 14px);font-size:14px}.platform-inner>p{font-size:9px}.platform-inner strong{font-size:12px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
