/* IS WORK — a vivid presentation around the product's navy and blue interface. */
:root{--ink:#142e4e;--muted:#607187;--green:#1764d6;--paper:#f4f7fd;--line:#dce5f1}body{background:#fff}.button{background:#1764e8;border-radius:10px;box-shadow:0 7px 20px #1764e81a}.button:hover{background:#084dbf;box-shadow:0 10px 24px #1764e830}.site-header{background:#071b33f2;color:white;border-color:#ffffff14}.nav-wrap{height:78px;gap:27px}.nav-wrap nav{gap:24px}.nav-wrap nav a{color:#e3ecf9}.nav-wrap nav a:hover{color:#65d3ff}.nav-actions{gap:24px}.nav-actions .button{background:#fff;color:#133d6b;box-shadow:none;font-size:12px}.nav-actions .button:hover{background:#d9efff}.nav-new{font-size:7px;color:#112d57;background:#b8f274;padding:3px 5px;border-radius:4px;margin-left:5px}.hero{background:#081d39;color:white;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 80% 10%,#1877d85c,transparent 48%),radial-gradient(ellipse at 90% 80%,#925af82b,transparent 50%),radial-gradient(ellipse at 10% 80%,#047c7740,transparent 40%)}.hero:after{content:'';position:absolute;inset:0;z-index:-1;opacity:.09;background-image:linear-gradient(#b6d7ff 1px,transparent 1px),linear-gradient(90deg,#b6d7ff 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(100deg,transparent 15%,black 100%)}.hero-orbit{position:absolute;width:750px;height:750px;border:1px solid #83acff1a;border-radius:50%;right:-220px;top:-200px;z-index:-1}.hero-orbit:after{content:'';position:absolute;inset:70px;border:1px solid #83acff1a;border-radius:50%}.hero-layout{grid-template-columns:43% 57%;min-height:650px;padding-top:65px;padding-bottom:65px;gap:10px}.hero h1{font-size:clamp(49px,4.6vw,70px);letter-spacing:-.06em;line-height:1.04;color:#fff;max-width:560px;margin-bottom:24px}.hero h1 em{color:#89ccff;background:linear-gradient(110deg,#70dbff 10%,#9ea9ff 65%,#ddafff 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-eyebrow{color:#a5bcd7;font-size:9px;margin-bottom:18px}.update-tag{background:#ffffff08;color:#d3e5f7;border-color:#7aabe93b;font-size:9px;margin-bottom:29px;gap:8px;padding:5px 10px 5px 5px}.update-tag>span:first-child{background:#b8f274;color:#1a421d;font-size:8px;padding:6px 8px}.hero-description{color:#b8cbe0;font-size:15px;line-height:1.75;max-width:400px;margin-bottom:26px}.hero-description strong{color:#f1f6ff}.hero-actions{gap:17px;flex-wrap:wrap}.hero-actions .button{background:#baf36d;color:#193c20;font-size:12px;padding:17px 19px;box-shadow:0 8px 24px #befa6014;gap:15px}.hero-actions .button:hover{background:#d3ff9c;box-shadow:0 8px 30px #befa6030}.hero-demo-link{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:600;color:#e2ecfb;min-height:44px}.play-icon{width:29px;height:29px;border:1px solid #95c5ef60;border-radius:50%;display:grid;place-items:center;font-size:10px;background:#ffffff08}.hero-demo-link:hover .play-icon{background:#2d62bc}.hero .microcopy{font-size:10px;color:#a7bfd8;margin-top:15px}.hero-benefits{display:flex;gap:19px;margin-top:31px;font-size:9px;color:#91adca;align-items:center}.hero-benefits>span{display:flex;align-items:center;gap:7px}.hero-benefits i,.stage-label i,.live-demo-toolbar i{width:6px;height:6px;border-radius:50%;display:inline-block;background:#9ae8a0;box-shadow:0 0 12px #66eeae70}.hero-benefits svg{width:14px!important;height:14px!important}.hero-foot{border-color:#ffffff20;color:#7695b9;margin-top:0;font-size:8px}.hero-foot>div{color:#a9bed7;font-size:9px}.app-stage{position:relative;min-width:0;margin-left:20px}.stage-label{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#a2bedc;letter-spacing:.08em;margin:0 2px 16px}.stage-label>span{display:flex;align-items:center;gap:8px}.stage-label small{font-size:8px;letter-spacing:0;color:#85a6cd}.browser-frame{border:1px solid #7eabe866;border-radius:15px;overflow:hidden;background:#061c33;box-shadow:0 30px 90px #000b2470,0 0 70px #3d70ed24;transform:perspective(1600px) rotateY(-5deg) rotateX(2deg);transform-origin:left center;transition:transform .4s}.browser-frame:hover{transform:perspective(1600px) rotateY(-2deg)}.browser-chrome{background:#16324e;display:flex;align-items:center;justify-content:space-between;padding:12px 15px;color:#9fbad5;font-size:8px;border-bottom:1px solid #9ec3e520}.browser-chrome>span:first-child{font-size:7px;letter-spacing:3px;color:#5e7a98}.browser-badge{font-size:7px;letter-spacing:.1em;background:#34506c;color:#c7d9e9;padding:4px 6px;border-radius:4px}.scaled-demo{position:relative;width:100%;aspect-ratio:1000/750;overflow:hidden;background:#06243c}.scaled-demo iframe{position:absolute;top:0;left:0;width:1000px;height:750px;border:0;transform-origin:top left;pointer-events:none}.scaled-demo>a{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:23px;background:linear-gradient(0deg,#071f3f70,transparent 35%)}.scaled-demo>a>span{display:flex;gap:10px;align-items:center;padding:13px 20px;border-radius:30px;background:#fff;color:#17385e;font-size:12px;font-weight:700;box-shadow:0 8px 30px #00142f70}.scaled-demo>a b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-size:9px;background:#e8e6ff;color:#5a4fc0}.stage-caption{display:flex;align-items:center;gap:12px;background:#18375be8;border:1px solid #88b5ec45;padding:15px 18px;border-radius:14px;margin:-15px 20px 0 35px;position:relative;z-index:1;box-shadow:0 15px 35px #000a261f}.stage-icon{display:grid;place-items:center;width:38px;height:38px;background:#a48eff27;color:#c4baff;border-radius:10px}.stage-caption b{display:block;font-size:12px;color:#f2f4ff;margin-bottom:5px}.stage-caption div>span{font-size:9px;color:#b2c7e0}.stage-caption>a{font-size:23px;color:#b8cded;margin-left:auto}.work-strip{background:#102a4b;color:#dce8f8;border-top:1px solid #ffffff15}.work-strip>.wrap{padding-block:25px}.work-strip svg{color:#6dcbf8}.work-strip span:nth-child(2) svg{color:#a8e8ad}.work-strip span:nth-child(3) svg{color:#c4a6ff}.work-strip span:nth-child(4) svg{color:#ffd179}.work-strip span:nth-child(5) svg{color:#75e1dc}.work-strip span:nth-child(6) svg{color:#f1a6db}.demo-showcase{background:radial-gradient(ellipse at 10% 80%,#d7f3ff70,transparent 45%),radial-gradient(ellipse at 100% 20%,#e9e0ff80,transparent 50%),#f6f8ff;padding-bottom:65px}.demo-showcase .section-heading{align-items:flex-end;margin-bottom:35px}.demo-showcase h2{font-size:clamp(36px,4vw,57px);margin-bottom:0}.demo-showcase h2 em{color:#5c4bd9}.demo-showcase .eyebrow{color:#6a6a97;font-size:10px}.color-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8a63ec;margin-right:7px}.demo-heading-copy{max-width:360px}.demo-heading-copy p{font-size:14px;color:#6c7890;line-height:1.7;margin-bottom:19px}.demo-heading-copy .text-link{font-size:12px;color:#4b4aa5}.demo-tour-tabs{display:flex;align-items:center;gap:9px;margin-bottom:20px;overflow-x:auto;padding:5px 0;scrollbar-width:thin}.demo-tour-tabs button{display:flex;align-items:center;gap:9px;justify-content:center;font-size:12px;font-weight:600;padding:14px 17px;border:1px solid #d6deee;border-radius:12px;background:#fff;color:#52647b;white-space:nowrap;flex:1;transition:.15s}.demo-tour-tabs button svg{width:17px!important;height:17px!important}.demo-tour-tabs [aria-pressed=true]{background:#6652db;color:white;border-color:#6652db;box-shadow:0 5px 14px #6956da24}.demo-tour-tabs button:hover{border-color:#8073d5}.live-demo-shell{border:1px solid #c5d3e7;border-radius:16px;overflow:hidden;background:#071f38;box-shadow:0 20px 60px #274d7e14}.live-demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;padding:15px 20px;font-size:10px;color:#72859a}.live-demo-toolbar>span:first-child{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.07em;color:#4e6578;font-weight:650}.live-demo-toolbar i{background:#34b68a;box-shadow:none}.live-demo-toolbar>a{font-size:22px;color:#59748e;line-height:1;min-width:30px;text-align:right}.live-demo-shell iframe{display:block;border:0;width:100%;height:780px;background:#edf4f8}.demo-after{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:27px}.demo-after>p{max-width:610px;font-size:10px;color:#708198;line-height:1.7;margin:0}.demo-after .button{font-size:12px;background:#624ed4;padding:15px 19px}.value-ribbon{background:#fff;border-block:1px solid #e1e7f1}.value-ribbon>.wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-block:32px;gap:35px}.value-ribbon>.wrap>div{display:flex;align-items:center;gap:16px}.value-ribbon>.wrap>div>span{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;background:#e5f0ff;border-radius:12px;color:#2767cb;font-size:13px;font-weight:700}.value-ribbon>.wrap>div:nth-child(2)>span{background:#eee7ff;color:#7150c4}.value-ribbon>.wrap>div:nth-child(3)>span{background:#e1f6ed;color:#218563}.value-ribbon p{font-size:11px;color:#79859a;line-height:1.7;margin:0}.value-ribbon b{display:block;font-size:13px;color:#2d4664;margin-bottom:3px}.product-section .eyebrow{color:#477aba}.product-tabs{border-bottom-color:#dfe7f4}.product-tabs [aria-selected=true]{background:#e9f2ff;color:#1764d6;border-color:#1764d6}.product-tabs button span{background:#dfd6ff;color:#5f46af}.demo-surface{border-color:#d9e5f0;box-shadow:0 14px 40px #2a5b8e0c}.panel-copy h3{color:#14385d}.number-label{color:#477aba}.excel-art{background:linear-gradient(135deg,#e4f8ee,#dff4fa);border-radius:22px}.excel-copy em{color:#08845b}.ai-section{background:radial-gradient(ellipse at 85% 15%,#774dd630,transparent 60%),linear-gradient(120deg,#0c2040,#19264d);color:#fff}.ai-copy h2 em{color:#b3a2ff}.ai-principle{border-color:#8d9dcc45;color:#b3c6df}.voice-demo{background:linear-gradient(135deg,#39426d80,#2a315f90);border-color:#91a3e650;box-shadow:0 20px 45px #06132c35}.voice-heading .demo-label{color:#d7d7ff;background:#7269a533;border-color:#b7b0f555}.ai-accordions details{border-color:#8697c536}.ai-accordions summary{color:#e5e9ff}.function-directory summary>b{background:#eef1ff;color:#6555c0}.function-directory details:nth-child(4n+1) summary>svg{color:#2488d7}.function-directory details:nth-child(4n+2) summary>svg{color:#23966b}.function-directory details:nth-child(4n+3) summary>svg{color:#8e64d5}.function-directory details:nth-child(4n+4) summary>svg{color:#d59525}.roles-section{background:#f4f7fc}.roles-grid article{border-color:#d7e1ee;border-top:3px solid #4894e1}.roles-grid article:nth-child(2){border-top-color:#8e77d9;background:#f8f5ff}.roles-grid article:nth-child(3){border-top-color:#dfa741;background:#fffbf2}.roles-grid article:nth-child(4){border-top-color:#42a882;background:#f1faf6}.access-card{border-radius:18px}.access-card:nth-child(1){background:#edf5ff;border-color:#d2e3f8}.access-card:nth-child(2){background:#f3efff;border-color:#e0d8f3}.access-card:nth-child(3){background:#eaf8f1;border-color:#cde9dc}.signup-section{background:linear-gradient(125deg,#f0ecff,#e9f5ff);border-block:1px solid #e1e1f3}.signup-layout{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.signup-layout h2{font-size:54px;margin-bottom:22px}.signup-layout h2 em{color:#6252cf}.signup-layout>div>p:not(.eyebrow){font-size:14px;color:#69788f;max-width:410px}.signup-layout .eyebrow{color:#72729c;font-size:10px}.signup-layout .button{margin-top:10px;background:#5f4bd3;font-size:13px}.signup-layout .signup-note{font-size:10px!important;margin:16px 0 0}.signup-steps{padding:0;margin:0;list-style:none;display:grid;gap:27px}.signup-steps li{display:flex;gap:20px;align-items:flex-start}.signup-steps li>span{width:42px;height:42px;display:grid;place-items:center;flex-shrink:0;border:1px solid #cec7f0;border-radius:50%;background:#fff;color:#7262c9;font-size:14px;font-weight:700}.signup-steps b{font-size:18px;font-weight:650;letter-spacing:-.03em;display:block;margin:2px 0 8px;color:#344864}.signup-steps p{font-size:13px;color:#728098;margin:0;max-width:350px}.final-section{background:radial-gradient(ellipse at 90% 30%,#54479a66,transparent 55%),#0d2443}.final-layout h2{color:white}.final-layout h2 em{color:#97c9ff}.final-layout p{color:#c5d6e9}.final-layout .button{background:#b8ef73;color:#1a3f27}.site-footer{color:#546c88}.mobile-cta>a{background:#5e4bd3;border-radius:10px}.hero-description br{display:none}
@media(min-width:1500px){.hero-layout{min-height:730px}.hero h1{font-size:72px}.app-stage{margin-left:30px}}
@media(max-width:1150px){.nav-wrap{gap:20px}.nav-wrap nav{gap:17px}.nav-actions{gap:15px}.nav-actions .button{font-size:10px;padding:12px}.nav-wrap nav a{font-size:11px}.hero-layout{grid-template-columns:44% 56%;min-height:600px;gap:0}.hero h1{font-size:52px}.hero-description{font-size:14px;max-width:350px}.hero-actions .button{font-size:11px;padding:15px}.hero-demo-link{font-size:11px}.stage-label{font-size:7px}.stage-label small{font-size:6px}.stage-caption{margin-left:15px;margin-right:0;padding:13px}.stage-caption b{font-size:11px}.stage-caption div>span{font-size:8px}.hero-benefits{gap:15px;font-size:8px}.hero-benefits svg{width:12px!important}.hero .microcopy{font-size:9px}.demo-tour-tabs button{padding:13px 10px;font-size:11px;gap:7px}.value-ribbon>.wrap{gap:25px}.value-ribbon b{font-size:11px}.value-ribbon p{font-size:10px}.value-ribbon>.wrap>div{gap:12px}.signup-layout{gap:70px}}
@media(max-width:900px){.nav-wrap{height:75px}.nav-wrap nav{background:#0c2947;border-color:#294764;top:75px}.nav-wrap nav a{font-size:13px;color:#e8f1fb}.hero-layout{grid-template-columns:1fr;min-height:0;padding-top:45px;padding-bottom:40px;gap:35px}.hero-copy{max-width:650px}.hero h1{font-size:71px;max-width:660px}.hero h1 em br{display:block}.hero-description{font-size:15px;max-width:490px}.hero-actions .button{font-size:13px;padding:17px 20px}.hero-demo-link{font-size:13px}.hero-benefits{font-size:10px;margin-top:25px}.hero .microcopy{font-size:10px}.hero-eyebrow{font-size:10px}.update-tag{font-size:10px}.update-tag>span:first-child{font-size:9px}.app-stage{max-width:680px;width:100%;margin:0 auto}.browser-frame{transform:none}.browser-frame:hover{transform:none}.stage-label{font-size:9px}.stage-label small{font-size:8px}.stage-caption{margin-left:35px;margin-right:20px;max-width:480px;padding:16px}.stage-caption b{font-size:13px}.stage-caption div>span{font-size:10px}.demo-showcase .section-heading{align-items:flex-start}.demo-showcase h2{font-size:40px}.demo-heading-copy{max-width:270px}.demo-heading-copy p{font-size:12px}.demo-tour-tabs button{flex:none;padding:13px 14px}.live-demo-shell iframe{height:760px}.demo-after{gap:25px}.demo-after>p{max-width:390px}.demo-after .button{font-size:11px;padding:14px;gap:12px}.value-ribbon>.wrap{gap:20px}.value-ribbon>.wrap>div{align-items:flex-start;gap:11px}.value-ribbon>.wrap>div>span{width:30px;height:30px;font-size:10px;border-radius:9px}.value-ribbon b{font-size:11px}.value-ribbon p{font-size:9px}.signup-layout{gap:45px}.signup-layout h2{font-size:43px}.signup-layout>div>p:not(.eyebrow){font-size:13px}.signup-steps b{font-size:16px}.signup-steps p{font-size:12px}.signup-steps li{gap:14px}.signup-steps li>span{width:35px;height:35px;font-size:12px}.signup-layout .button{font-size:11px;padding:16px;gap:10px}.signup-layout .eyebrow{font-size:8px}}
@media(max-width:600px){.nav-wrap{height:68px}.nav-wrap nav{top:68px}.hero-layout{padding-top:30px;gap:31px;padding-bottom:28px}.hero h1{font-size:clamp(42px,11.8vw,65px);line-height:1.07;margin-bottom:22px;letter-spacing:-.055em}.hero h1 em br{display:block}.hero-eyebrow{font-size:8px;letter-spacing:.07em;margin-bottom:15px}.update-tag{font-size:7px;gap:5px;margin-bottom:25px;max-width:100%;padding:4px 7px 4px 4px}.update-tag>span:first-child{font-size:6px;padding:5px 6px}.hero-description{font-size:14px;line-height:1.7;margin-bottom:20px}.hero-actions{gap:13px;align-items:flex-start;flex-direction:column}.hero-actions .button{font-size:12px;padding:16px 19px;width:100%;justify-content:space-between}.hero-demo-link{font-size:12px;width:100%;justify-content:center;min-height:40px;border:1px solid #7390b14a;border-radius:9px;padding:8px}.play-icon{border:0;background:none;width:17px;height:17px}.hero .microcopy{font-size:9px;justify-content:center;margin-top:10px}.hero-benefits{font-size:8px;gap:15px;justify-content:center;margin-top:21px}.hero-benefits svg{width:12px!important}.stage-label{font-size:7px;letter-spacing:.04em;margin-bottom:12px}.stage-label small{font-size:6px}.browser-frame{border-radius:10px}.browser-chrome{font-size:6px;padding:9px 10px}.browser-chrome>span:first-child{font-size:5px;letter-spacing:2px}.browser-badge{font-size:5px;padding:3px 5px}.scaled-demo>a{padding-bottom:17px}.scaled-demo>a>span{font-size:9px;padding:9px 12px;gap:7px}.scaled-demo>a b{width:19px;height:19px;font-size:7px}.stage-caption{margin:-5px 10px 0;padding:12px;gap:9px;border-radius:10px}.stage-caption b{font-size:10px;margin-bottom:4px}.stage-caption div>span{font-size:7px;line-height:1.5;display:block}.stage-icon{width:30px;height:30px;flex-shrink:0}.stage-icon svg{width:18px!important;height:18px!important}.stage-caption>a{font-size:20px}.hero-foot{margin-top:0;font-size:6px;gap:12px;padding-block:18px}.hero-foot>div{font-size:8px}.work-strip>.wrap{padding-block:22px;gap:20px 10px}.work-strip span{font-size:9px}.work-strip span:last-child{font-size:8px}.demo-showcase{padding-block:60px 42px}.demo-showcase .section-heading{display:block;margin-bottom:24px}.demo-showcase h2{font-size:36px}.demo-showcase .eyebrow{font-size:8px}.demo-heading-copy{max-width:none;margin-top:20px}.demo-heading-copy p{font-size:13px;margin-bottom:13px}.demo-heading-copy .text-link{font-size:12px}.demo-tour-tabs{margin-left:-20px;margin-right:-20px;padding:5px 20px 10px;gap:7px}.demo-tour-tabs button{font-size:10px;padding:12px 13px;border-radius:9px;gap:7px}.demo-tour-tabs button svg{width:14px!important;height:14px!important}.live-demo-shell{border-radius:12px;margin-inline:-8px}.live-demo-toolbar{padding:11px 12px;gap:8px;flex-wrap:wrap}.live-demo-toolbar>span:first-child{font-size:8px}.live-demo-toolbar>span:nth-child(2){font-size:8px;order:3;flex-basis:100%;line-height:1.4}.live-demo-toolbar>a{font-size:19px}.live-demo-shell iframe{height:730px}.demo-after{display:flex;flex-direction:column-reverse;gap:17px;align-items:stretch;margin-top:20px}.demo-after .button{font-size:12px;padding:16px;justify-content:space-between}.demo-after>p{font-size:9px;text-align:center;max-width:none}.value-ribbon>.wrap{grid-template-columns:1fr;gap:19px;padding-block:28px}.value-ribbon>.wrap>div{align-items:center;gap:14px}.value-ribbon>.wrap>div>span{width:36px;height:36px;font-size:12px}.value-ribbon b{font-size:13px;margin-bottom:2px}.value-ribbon p{font-size:11px}.signup-layout{grid-template-columns:1fr;gap:32px}.signup-layout h2{font-size:38px}.signup-layout .button{font-size:12px;padding:16px 18px;width:100%;justify-content:space-between}.signup-layout .signup-note{font-size:9px!important}.signup-steps{gap:23px}.signup-steps b{font-size:17px}.signup-steps p{font-size:12px}.signup-steps li>span{width:38px;height:38px}.signup-layout>div>p:not(.eyebrow){font-size:13px}.signup-layout .eyebrow{font-size:8px}.roles-grid article{border-radius:14px}.nav-actions .login-link{color:#deebff}.mobile-cta{background:#ffffffed}.site-header .brand{font-size:21px}.demo-showcase .wrap{width:calc(100% - 40px)}}
@media(prefers-reduced-motion:reduce){.browser-frame{transition:none}.button:hover{transform:none}}
.final-section .final-layout p:not(.eyebrow){color:#c5d6e9}.final-section .final-layout .microcopy{color:#9cb7d5}