.fluent-page{--bg:#faf9f8;--text:#242424;--muted:#616161;--line:#e5e3e8;--lime:#0f6cbd;background:var(--bg);font-family:'Segoe UI','DM Sans',sans-serif;color:var(--text)}.fluent-page header{height:88px}.fluent-page em{color:#0f6cbd}.fluent-page .nav-contact{border-color:#c7d9ed}.fluent-page .skip{background:#0f6cbd;color:white}.fluent-page :focus-visible{outline-color:#0f6cbd}.f-wrap{width:88%;max-width:1400px;margin:auto}.f-hero{padding:65px 0 50px}.f-kicker{display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:1.8px;font-weight:600}.ms-mark{display:grid;grid-template-columns:repeat(2,9px);gap:2px}.ms-mark i{width:9px;height:9px;background:#f25022}.ms-mark i:nth-child(2){background:#7fba00}.ms-mark i:nth-child(3){background:#00a4ef}.ms-mark i:nth-child(4){background:#ffb900}.f-hero-grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:4%;min-height:510px}.f-hero h1{font-family:'Segoe UI','DM Sans',sans-serif;font-size:clamp(44px,4.8vw,76px);font-weight:550;line-height:1.09;letter-spacing:-2.7px;margin:36px 0 25px}.f-hero-grid>div>p{font-size:16px;line-height:1.85;max-width:520px;color:#616161}.f-button{display:inline-flex;gap:30px;padding:14px 19px;background:#0f6cbd;border-radius:6px;color:white;font-size:12px;margin-top:16px;box-shadow:0 2px 4px #0f6cbd20}.f-button:hover{background:#115ea3}.f-role{font-size:8px;letter-spacing:1.4px;margin-top:40px;color:#707070}.f-role span{display:block;margin-top:7px}.hero-composition{height:480px;position:relative;background:radial-gradient(ellipse,#dfdcff88,transparent 68%)}.glass-orbit{position:absolute;width:260px;height:260px;top:70px;left:100px;border-radius:50%;border:38px solid #cbcaf344;transform:rotate(-30deg) skewY(20deg)}.orbit-two{width:190px;height:190px;top:190px;left:20px;border-color:#bce3f444;border-width:25px}.float-card{position:absolute;background:#ffffffed;border:1px solid #fff;box-shadow:0 18px 65px #45457518,0 2px 7px #4545750a;border-radius:13px}.float-person{top:35px;left:5px;display:flex;align-items:center;gap:14px;padding:18px 22px;width:280px;z-index:3;transform:rotate(-5deg)}.avatar{width:40px;height:40px;display:inline-grid;place-items:center;border-radius:50%;font-size:13px;font-weight:600;flex-shrink:0}.av-purple{background:#e8dffa;color:#6b3fa0}.av-blue{background:#d6ecfa;color:#185b91}.av-peach{background:#fce5d9;color:#95491a}.float-card strong{font-size:13px;font-weight:600;display:block}.float-card small{display:block;color:#777;font-size:10px;margin-top:5px}.presence{background:#e5f4de;color:#3d7924;font-size:10px;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;margin-left:auto}.float-file{top:118px;right:4%;width:285px;padding:9px;transform:rotate(6deg);z-index:2}.file-cover{height:180px;border-radius:8px;overflow:hidden;background:linear-gradient(130deg,#efe7ff,#c6d8fb);position:relative}.fold{position:absolute;width:140px;height:190px;transform:rotate(40deg) skewY(-15deg);border-radius:25px;background:linear-gradient(100deg,#a9d2ff,#6b76d8 50%,#e6ddff);box-shadow:14px 18px 30px #4e4b9e30}.fold-one{left:28px;top:60px}.fold-two{left:105px;top:-55px;background:linear-gradient(90deg,#b8a5f0,#ece4ff,#9bc6ef)}.fold-three{left:183px;top:10px;background:linear-gradient(100deg,#7277cc,#c5dcff)}.file-caption{display:flex;align-items:center;gap:12px;padding:19px 8px}.file-type{background:#185abd;color:white;border-radius:4px;width:30px;height:35px;display:grid;place-items:center;font-size:15px}.float-progress{left:0;bottom:44px;z-index:3;display:flex;align-items:center;gap:15px;padding:19px 22px;transform:rotate(-3deg)}.progress-icon{display:grid;place-items:center;width:30px;height:30px;background:#e7f4e4;color:#427d32;border-radius:50%}.composition-note{position:absolute;bottom:0;right:15px;font-size:8px;letter-spacing:2px;color:#777}.f-eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:600;color:#6b6680}.f-context{border-top:1px solid var(--line);padding:55px 0 65px}.f-context-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin:25px 0 36px}.fluent-page h2{font-family:inherit;font-weight:500;letter-spacing:-1.6px;font-size:clamp(32px,3.2vw,50px);line-height:1.17}.f-context p{font-size:14px;color:#616161;line-height:1.9;margin:0 0 13px}.product-strip{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:28px;margin-bottom:22px}.product-strip>span{display:flex;align-items:center;gap:13px;font-size:16px;color:#555}.product-strip i{font-style:normal;width:32px;height:35px;border-radius:5px;color:white;font-size:20px;font-weight:600;display:grid;place-items:center;box-shadow:3px 4px 0 #00000010}.product-word{background:#185abd}.product-outlook{background:#0078d4}.product-teams{background:#6264a7}.product-excel{background:#107c41}.product-onedrive{background:#0078d4}.f-footnote,.f-context .f-footnote{font-size:10px;line-height:1.8;color:#767676;max-width:850px}.f-footnote a{color:#0f6cbd;text-decoration:underline}.f-showcase{background:#f0eff5;padding:65px 0}.showcase-heading{display:flex;justify-content:space-between;gap:50px;align-items:flex-end}.showcase-heading h2{margin:22px 0 0}.showcase-heading>p{max-width:330px;font-size:14px;color:#616161;line-height:1.85}.demo-toolbar{display:flex;justify-content:space-between;align-items:center;margin:35px 0 18px;font-size:9px;letter-spacing:1.2px}.demo-toolbar button{background:white;color:#444;padding:11px 16px;border:1px solid #ddd9e5;border-radius:6px;font-size:11px;letter-spacing:0}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.demo-tile{border-radius:12px;overflow:hidden;background:white;border:1px solid #e3e0ec}.demo-stage{min-height:355px;display:flex;align-items:center;justify-content:center;padding:35px;background:#e6e5f7}.cards-tile .demo-stage{background:#dfeefa}.progress-tile .demo-stage{background:#e8eef5}.access-tile .demo-stage{background:#eee4f5}.ui-panel{width:100%;max-width:355px;background:#fff;border:1px solid #ffffffaa;border-radius:9px;box-shadow:0 8px 25px #31304e10;color:#242424;padding:24px;font-family:'Segoe UI','DM Sans',sans-serif}.ui-title{font-size:15px;font-weight:600}.ui-subtitle{font-size:11px;color:#707070;margin:8px 0 18px;line-height:1.7}.selected-people{display:flex;gap:6px;flex-wrap:wrap;min-height:30px;margin-bottom:16px}.person-chip{display:flex;align-items:center;gap:5px;background:#f0edf9;border-radius:20px;padding:4px 8px 4px 4px;font-size:10px}.person-chip .avatar{width:23px;height:23px;font-size:8px}.person-chip button{font-size:16px;padding:0 3px;color:#666}.ui-field-label{font-size:10px;display:block;margin-bottom:6px}.ui-panel input[type=text],#people-search{width:100%;border:1px solid #c5c5c5;border-bottom:2px solid #888;border-radius:4px;padding:9px 10px;font:inherit;font-size:12px;background:transparent;color:inherit}#people-search:focus{border-bottom-color:#0f6cbd;outline:none}#people-options{margin-top:8px}.person-option{display:flex;align-items:center;width:100%;gap:10px;text-align:left;padding:8px;border-radius:5px}.person-option:hover{background:#f5f4fa}.person-option .avatar{width:30px;height:30px;font-size:10px}.person-option strong{font-weight:500;font-size:11px;display:block}.person-option small{font-size:9px;color:#777;display:block;margin-top:2px}.person-option>span:last-child{margin-left:auto;color:#0f6cbd}.demo-live{font-size:10px;color:#616161;line-height:1.6;min-height:16px;margin:10px 0 0}.demo-description{padding:25px 28px 29px}.demo-description>span{font-size:8px;letter-spacing:1.2px;color:#726a87}.demo-description h3{font-size:21px;letter-spacing:-.5px;font-weight:500;margin:12px 0}.demo-description p{font-size:13px;color:#616161;line-height:1.8;margin:0}.content-demo{padding:8px;max-width:290px}.demo-cover{height:145px;background:#e6e0fb;overflow:hidden;position:relative;border-radius:5px}.cover-caption{position:absolute;top:16px;left:16px;font-size:7px;letter-spacing:1.5px;z-index:2;color:#53477d}.ribbon{width:75px;height:200px;border-radius:80px;background:linear-gradient(90deg,#7696e7,#e1d7ff);position:absolute;transform:rotate(45deg);box-shadow:8px 10px 16px #6158aa20}.r-one{left:20px;top:55px}.r-two{left:100px;top:-20px;background:linear-gradient(90deg,#9b8cdc,#dfd9fc)}.r-three{left:190px;top:-65px}.content-body{padding:17px}.ui-overline{font-size:8px;letter-spacing:1.2px;color:#74688e}.content-body h3{font-size:20px;font-weight:500;margin:9px 0}.content-body p{font-size:11px;color:#777;line-height:1.6}.ui-primary{background:#0f6cbd;color:#fff;border-radius:4px;padding:9px 15px;font-size:11px;font-weight:500}.ui-primary:hover{background:#115ea3}.ui-secondary{border:1px solid #c5c5c5;padding:7px 10px;border-radius:4px;font-size:10px;background:transparent}.ui-secondary:hover{background:#00000008}.skeleton-preview{display:flex;gap:15px;margin:25px 0;background:#fafafa;padding:15px;border-radius:5px}.skeleton-avatar{width:35px;height:35px;border-radius:50%;background:#e3e7f1}.skeleton-preview>div:last-child{flex:1}.skeleton-preview i{display:block;height:7px;background:#e3e7f1;border-radius:5px;margin:3px 0 7px}.skeleton-preview i:last-child{width:60%}.is-loading .skeleton-avatar,.is-loading i{background:linear-gradient(90deg,#e3e7f1,#f8faff,#e3e7f1);background-size:200% 100%;animation:shimmer 1.2s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}progress{width:100%;height:5px;appearance:none;border:0;border-radius:6px;display:block;background:#ddd}progress::-webkit-progress-bar{background:#e6e6e6;border-radius:6px}progress::-webkit-progress-value{background:#0f6cbd;border-radius:6px}progress::-moz-progress-bar{background:#0f6cbd}.loading-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;gap:10px}.loading-footer>span{font-size:10px;color:#616161}.access-toolbar{font-size:11px;display:flex;flex-direction:column;gap:14px}.access-toolbar>span{font-weight:600}.access-toolbar label{font-size:10px;display:flex;gap:7px;align-items:center}.access-toolbar input{accent-color:#0f6cbd}.adaptive-content{border:1px solid #e2e2e2;padding:20px;margin-top:17px;border-radius:6px}.adaptive-content h3{font-size:19px;font-weight:500;line-height:1.4;margin:9px 0}.adaptive-content p{font-size:12px;color:#616161;line-height:1.6}.adaptive-content.large h3{font-size:27px}.adaptive-content.large p,.adaptive-content.large button{font-size:17px}.demo-grid.dark .ui-panel{background:#292929;color:#f5f5f5;border-color:#3b3b3b}.demo-grid.dark .ui-subtitle,.demo-grid.dark .content-body p,.demo-grid.dark .adaptive-content p,.demo-grid.dark .demo-live,.demo-grid.dark .person-option small,.demo-grid.dark .loading-footer>span{color:#c0c0c0}.demo-grid.dark .person-chip{background:#44405a}.demo-grid.dark .person-chip button{color:#ddd}.demo-grid.dark .person-option:hover{background:#36343c}.demo-grid.dark .skeleton-preview{background:#363636}.demo-grid.dark .adaptive-content{border-color:#555}.demo-grid.dark .ui-overline{color:#c9b9ed}.f-impact{padding:80px 0}.f-impact h2{margin:24px 0 45px}.impact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.impact-number{font-size:12px;color:#0f6cbd}.impact-grid h3{font-size:21px;font-weight:500;line-height:1.4;margin:15px 0}.impact-grid p{font-size:13px;color:#616161;line-height:1.9}.outcome-banner{margin-top:50px;background:#e7effa;border:1px solid #d9e5f5;border-radius:12px;padding:35px 45px;display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}.outcome-banner strong{font-size:85px;font-weight:500;letter-spacing:-4px;color:#0f6cbd;line-height:1}.outcome-banner strong span{font-size:44px}.outcome-banner>div>p{font-size:13px;line-height:1.8;color:#52637a;margin-bottom:0}.outcome-banner h3{font-size:25px;font-weight:500;margin:0}.outcome-banner small{font-size:9px;color:#616161;display:block;margin-top:15px}.f-closing{display:grid;grid-template-columns:1.15fr 1fr;gap:13%;border-top:1px solid var(--line);padding:65px 0}.f-closing h2{margin-top:25px}.f-closing>div>p{font-size:16px;line-height:1.9;color:#616161}.f-sources{border-top:1px solid var(--line);padding:25px 0;display:flex;gap:25px;align-items:center;flex-wrap:wrap}.f-sources span{font-size:8px;letter-spacing:1.4px;color:#777}.f-sources a{font-size:10px;color:#0f6cbd}.fluent-page dialog{background:#fff;color:#242424;border:1px solid #ddd;box-shadow:0 20px 80px #1113;max-width:540px}.fluent-page dialog p{color:#616161}.fluent-page dialog h2{font-size:32px}.fluent-page dialog .ui-primary{margin-top:20px}.fluent-page dialog::backdrop{background:#10102066;backdrop-filter:blur(5px)}@media(max-width:1050px){.f-hero-grid{grid-template-columns:1.1fr 1fr}.hero-composition{transform:scale(.85);transform-origin:center}.f-hero h1{font-size:49px}.f-context-grid{gap:6%}.demo-stage{padding:24px}.impact-grid{gap:25px}}@media(max-width:700px){.fluent-page header{height:76px}.fluent-page nav{gap:15px}.fluent-page .nav-contact{display:none}.f-hero{padding-top:35px}.f-hero-grid{grid-template-columns:1fr}.f-hero h1{font-size:45px;letter-spacing:-2px}.f-hero-grid>div>p{font-size:14px}.f-role{margin-top:25px}.hero-composition{height:410px;transform:scale(.9);margin:10px -10px 0}.float-file{right:0;width:260px;top:100px}.float-person{top:20px;left:0;width:260px}.float-progress{bottom:25px}.composition-note{bottom:-12px;font-size:7px}.f-context{padding:35px 0}.f-context-grid{grid-template-columns:1fr;gap:23px}.fluent-page h2{font-size:33px}.product-strip{flex-wrap:wrap;gap:22px}.product-strip>span{font-size:13px}.product-strip i{width:26px;height:29px;font-size:16px}.f-showcase{padding:40px 0}.showcase-heading{display:block}.showcase-heading>p{font-size:13px;margin-top:20px}.demo-grid{grid-template-columns:1fr}.demo-stage{padding:25px 20px;min-height:320px}.demo-description{padding:23px}.demo-description h3{font-size:21px}.f-impact{padding:50px 0}.impact-grid{grid-template-columns:1fr;gap:20px}.impact-grid article{padding-bottom:15px;border-bottom:1px solid var(--line)}.impact-grid h3 br{display:none}.outcome-banner{grid-template-columns:1fr;gap:25px;padding:28px}.outcome-banner strong{font-size:75px}.outcome-banner h3{font-size:23px}.f-closing{grid-template-columns:1fr;gap:20px;padding:40px 0}.f-sources{gap:15px}.f-sources span{width:100%}.fluent-page footer>span{max-width:190px;line-height:1.6}}@media(prefers-reduced-motion:reduce){.is-loading .skeleton-avatar,.is-loading i{animation:none}}
.hero-composition{overflow:clip}
