:root{--ink:#262626;--muted:#707070;--line:#e2e2e2;--paper:#fafafa;--blue:#545454;--soft:#eeeeee}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;color:var(--ink);background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.65}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #8d8d8d;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.035em;line-height:1.35}h1{font-size:clamp(38px,3.8vw,58px);font-weight:650;line-height:1.4}h2{font-size:40px;font-weight:600}h3{font-size:21px;font-weight:600}.wrap{max-width:1240px;margin:auto;padding-inline:40px}.skip{position:absolute;left:20px;top:-100px;background:#fff;padding:12px;z-index:99}.skip:focus{top:10px}.header{position:sticky;top:0;z-index:20;background:rgba(250,251,247,.95);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;gap:10px;align-items:center;font-weight:650;font-size:18px;white-space:nowrap}.brand img{border-radius:9px}.nav nav{display:flex;gap:34px;font-size:14px;color:#616161}.nav nav a:hover{color:#161616}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:52px;padding:12px 23px;background:#272727;color:white;border:1px solid #272727;border-radius:9px;font-size:15px;font-weight:550;transition:background .18s,transform .18s}.button:hover:not(:disabled){background:#484848;transform:translateY(-1px)}.button.small{min-height:40px;padding:7px 16px;font-size:13px;gap:20px}.hero{padding-top:82px;padding-bottom:78px;display:grid;grid-template-columns:1fr 1.12fr;gap:50px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:600;color:#6b6b6b;margin-bottom:22px;display:flex;align-items:center;gap:8px}.dot{height:7px;width:7px;border-radius:50%;background:#828282;display:inline-block}.accent{color:#707070}.lead{font-size:20px;margin-top:26px}.intro{font-size:15px;line-height:1.9;color:var(--muted);margin-top:13px}.actions{display:flex;align-items:center;gap:24px;margin-top:32px;flex-wrap:wrap}.text-link{font-size:13px}.text-link span{margin-left:6px}.micro{font-size:11px;color:#868686;margin-top:19px}.product{border:1px solid #dfdfdf;border-radius:13px;overflow:hidden;background:white;box-shadow:0 24px 60px -18px #35353528,0 3px 8px #00000003;transform:rotate(-.7deg)}.window-bar{height:37px;display:flex;align-items:center;justify-content:space-between;background:#f7f7f7;border-bottom:1px solid #e7e7e7;font-size:9px;color:#929292;padding:0 13px}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#d5d5d5}.demo-label{font-size:8px}.workspace{display:grid;grid-template-columns:112px 1fr;min-height:426px}.app-sidebar{padding:22px 10px 13px;background:#f2f2f2;border-right:1px solid #e7e7e7;display:flex;flex-direction:column}.app-brand{font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;padding-left:6px;margin-bottom:23px}.app-brand img{border-radius:6px}.app-tabs{display:grid;gap:5px}.app-tabs button{border:0;border-radius:6px;padding:8px 6px;background:none;text-align:left;font-size:10px;color:#787878;white-space:nowrap}.app-tabs button span{margin-right:5px}.app-tabs button[aria-selected=true]{background:#e2e2e2;color:#333333;font-weight:600}.sidebar-static{padding:10px 10px;font-size:10px;line-height:3.2;color:#919191}.teacher{margin-top:auto;font-size:9px;display:flex;align-items:center;gap:7px;padding:0 4px;color:#7f7f7f}.teacher span{border-radius:50%;background:#e0e0e0;padding:3px 6px}.app-main{padding:28px 24px;min-width:0}.app-main h2{font-size:19px;letter-spacing:-.04em}.app-heading{display:flex;justify-content:space-between;align-items:center}.mini-label{font-size:9px;color:#959595;margin-bottom:5px}.weather{font-size:20px;white-space:nowrap}.weather b{font-size:18px;font-weight:500}.overview{display:flex;gap:50px;margin:23px 0 20px;padding-bottom:17px;border-bottom:1px solid #ececec}.overview span{display:block;font-size:9px;color:#9b9b9b}.overview strong{font-size:23px;font-weight:500}.overview small{font-size:9px;color:#9b9b9b}.app-block{margin-top:18px}.app-block h3{font-size:11px;display:flex;justify-content:space-between;margin-bottom:9px}.app-block h3>span{font-size:9px;color:#979797;font-weight:400}.lesson{display:grid;grid-template-columns:65px 1fr 90px;gap:6px;align-items:center;font-size:10px;padding:8px 0;border-bottom:1px solid #f0f0f0}.lesson b{font-weight:500}.lesson>span:last-child{color:#909090;text-align:right}.period{color:#8f8f8f;font-size:9px}.todo{display:flex;gap:10px;align-items:center;margin:12px 0}.check-ring{width:10px;height:10px;border:1px solid #c9c9c9;border-radius:3px}.todo b{font-size:10px;font-weight:500}.todo small{display:block;font-size:8px;color:#939393;margin-top:2px}.value-line{display:flex;justify-content:space-between;align-items:center;color:#858585;font-size:13px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:23px}.value-line i{height:4px;width:4px;background:#bababa;border-radius:50%}.section{padding-top:100px;padding-bottom:100px}.section-title{position:relative;margin-bottom:50px}.section-title>p:last-child:not(.eyebrow){color:var(--muted);font-size:15px;margin-top:18px}.section-title:not(.compact):not(.centered)>p:last-child:not(.eyebrow){position:absolute;right:0;bottom:2px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 42px}.feature-grid article{border-top:1px solid var(--line);padding:29px 0 38px}.feature-icon{font-size:11px;color:#848484;font-variant-numeric:tabular-nums;letter-spacing:.1em;display:block;margin-bottom:18px}.feature-grid h3{font-size:21px;margin-bottom:13px}.feature-grid p{color:var(--muted);font-size:14px;line-height:1.95}.feature-note{display:block;font-size:11px;color:#919191;margin-top:20px}.how-section{background:#262626;color:#f6f6f6;padding:80px 0}.how-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.how-layout .eyebrow{color:#adadad}.how-layout h2{font-size:36px;line-height:1.6}.how-layout>div>p:not(.eyebrow){font-size:13px;color:#b0b0b0;margin-top:23px;line-height:2}.scenario-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.scenario-tabs button{border:1px solid #545454;border-radius:7px;padding:8px 12px;background:transparent;color:#b1b1b1;font-size:11px}.scenario-tabs button[aria-selected=true]{background:#dedede;border-color:#dedede;color:#2c2c2c}.scenario{background:#f4f4f4;color:#323232;border-radius:12px;padding:27px;min-height:305px}.scenario-channel{text-align:center;font-size:10px;letter-spacing:.12em;color:#939393;margin-bottom:25px}.scenario-question{background:#e5e5e5;border-radius:10px 10px 2px 10px;padding:16px 19px;font-size:13px;margin-left:45px}.scenario-answer{display:flex;gap:13px;margin-top:24px;font-size:13px}.assistant-avatar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 25px;height:25px;background:#d8d8d8;border-radius:7px;font-size:12px}.scenario-answer b{font-size:11px}.scenario-answer p{margin-top:7px;color:#6c6c6c;line-height:1.95}.scenario-caption{font-size:9px;color:#9a9a9a;margin-top:22px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin:0;padding:0;list-style:none}.steps li>span{display:inline-flex;width:32px;height:32px;border:1px solid #cccccc;border-radius:50%;align-items:center;justify-content:center;font-size:13px;margin-bottom:20px}.steps h3{font-size:19px;margin-bottom:10px}.steps p{font-size:14px;color:var(--muted)}.download-section{background:#efefef;padding:75px 0 60px;border-block:1px solid #e1e1e1}.centered{text-align:center}.centered .eyebrow{justify-content:center}.centered h2{font-size:37px}.downloads{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:850px;margin:auto}.download-card{border:1px solid #dcdcdc;border-radius:12px;padding:27px;background:var(--paper)}.download-heading{display:flex;align-items:center;gap:17px;margin-bottom:24px}.download-heading svg{height:30px;width:30px;fill:currentColor}.download-heading h3{font-size:22px;font-weight:550}.download-heading p{font-size:11px;color:#878787;margin-top:3px}.release-badge{font-size:10px;background:#e8e8e8;border:1px solid #dcdcdc;border-radius:4px;padding:2px 7px;margin-left:auto;white-space:nowrap}.download-button{width:100%;justify-content:space-between}.download-meta{font-size:11px;color:#7d7d7d;margin-top:12px;min-height:20px}.installation{font-size:11px;margin-top:12px;border-top:1px solid var(--line);padding-top:13px;color:#747474}.installation summary{cursor:pointer}.installation p{margin-top:10px}.download-footer{text-align:center;font-size:11px;color:#898989;margin-top:24px}.faq-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:85px}.faq-list details{border-bottom:1px solid var(--line);padding:21px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{font-size:16px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:25px;align-items:center}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';font-size:21px;font-weight:300;color:#8c8c8c}.faq-list details[open] summary::after{content:'−'}.faq-list p{font-size:13px;color:var(--muted);margin-top:15px;line-height:1.95}.closing{border-top:1px solid var(--line);padding-top:45px;padding-bottom:55px;display:flex;align-items:center;justify-content:space-between;gap:20px}.closing p{font-size:26px;letter-spacing:-.04em}.closing a{font-size:14px;color:#6d6d6d}.footer{padding-block:25px;border-top:1px solid var(--line);display:flex;align-items:center;gap:30px;font-size:11px;color:#909090}.footer .brand{font-size:14px;color:#353535}.footer>a:last-child{margin-left:auto;font-size:10px}.chat-bubble{margin-top:23px;margin-left:35px;font-size:11px;padding:14px;border-radius:10px;background:#ededed}.assistant{font-size:11px;margin-top:25px;line-height:2}.assistant p{margin-bottom:13px}.file-example{color:#727272;font-size:10px}.fake-input{margin-top:30px;border:1px solid #e6e6e6;border-radius:10px;padding:12px;font-size:10px;color:#9b9b9b;display:flex;justify-content:space-between}.fake-input span{background:#343434;color:white;border-radius:50%;width:18px;height:18px;text-align:center}.student-head{display:flex;align-items:center;gap:13px;margin-top:20px}.avatar{background:#e8e8e8;padding:8px 13px;border-radius:50%;font-size:19px}.student-head p{font-size:9px;color:#8c8c8c;margin-top:5px}.student-pills{display:flex;gap:15px;font-size:9px;color:#909090;border-bottom:1px solid #e6e6e6;padding:20px 0 10px}.student-pills span:first-child{color:#4e4e4e}.timeline{border-left:1px solid #dfdfdf;padding-left:16px;margin:20px 0 0 4px}.timeline article{margin-bottom:17px}.timeline h3{font-size:11px;margin:4px 0}.timeline p,.timeline small,.timeline article>span{font-size:9px;color:#959595}.timeline article>span{color:#787878}[hidden]{display:none!important}
@media(min-width:1400px){.hero{padding-top:100px;padding-bottom:95px}}
@media(max-width:1100px){.hero{gap:28px;grid-template-columns:1fr 1fr}.wrap{padding-inline:28px}.workspace{grid-template-columns:95px 1fr}.app-main{padding:24px 17px}.lesson{grid-template-columns:50px 1fr 80px}.how-layout{gap:40px}.section-title:not(.compact):not(.centered)>p:last-child:not(.eyebrow){position:static}.feature-grid{gap:0 28px}.actions{gap:15px}}
@media(max-width:800px){.nav{height:70px}.nav nav{gap:20px;font-size:12px}.hero{grid-template-columns:1fr;padding-top:48px;padding-bottom:45px;gap:42px}.hero-copy{text-align:center}.hero-copy .eyebrow,.actions{justify-content:center}h1{font-size:45px}.intro br{display:none}.product{max-width:590px;width:100%;margin:auto;transform:none}.workspace{grid-template-columns:125px 1fr}.app-main{padding:28px}.value-line{font-size:11px}.section{padding-block:65px}h2{font-size:32px}.feature-grid{grid-template-columns:1fr 1fr;gap:0 35px}.how-layout{grid-template-columns:1fr;gap:35px}.how-layout h2 br:nth-of-type(2){display:none}.how-layout h2{font-size:32px}.scenario{max-width:560px}.how-section{padding-block:55px}.steps{gap:25px}.downloads{gap:15px}.download-card{padding:20px}.download-heading{gap:10px}.download-heading h3{font-size:19px}.faq-layout{grid-template-columns:1fr;gap:10px}.faq-layout .section-title{margin-bottom:25px}.closing p{font-size:21px}.centered h2{font-size:30px}}
@media(max-width:520px){.wrap{padding-inline:21px}.nav{gap:10px}.nav nav{display:none}.brand{font-size:16px;gap:8px}.brand img{width:29px;height:29px}.nav .button{font-size:12px;gap:12px;padding:7px 12px}.hero{padding-top:40px}h1{font-size:36px}.hero .eyebrow{font-size:10px;margin-bottom:20px}.lead{font-size:17px;margin-top:20px}.intro{font-size:13px}.actions{gap:17px}.actions .button{font-size:14px}.micro{font-size:9px}.workspace{grid-template-columns:88px 1fr;min-height:395px}.app-sidebar{padding-inline:6px}.app-tabs button{font-size:9px;padding-inline:4px}.app-tabs button span{margin-right:2px}.app-main{padding:22px 13px}.app-main h2{font-size:16px}.weather{font-size:16px}.weather b{font-size:15px}.overview{gap:35px;margin-top:18px}.lesson{grid-template-columns:43px 1fr 76px;font-size:9px;gap:2px}.todo b{font-size:9px}.value-line{font-size:10px;padding-block:18px}.feature-grid{gap:0 23px}.feature-grid h3{font-size:17px}.feature-grid p{font-size:12px}.feature-note{font-size:9px}.feature-grid article{padding-bottom:27px}.section-title{margin-bottom:32px}h2{font-size:29px}.section-title>p:last-child:not(.eyebrow){font-size:13px}.how-layout h2{font-size:29px}.how-layout>div>p:not(.eyebrow){font-size:12px}.scenario{padding:20px}.scenario-question{margin-left:15px}.steps{grid-template-columns:1fr;gap:24px}.steps li{position:relative;padding-left:50px}.steps li>span{position:absolute;left:0;top:0}.steps h3{font-size:18px}.steps p{font-size:13px}.downloads{grid-template-columns:1fr}.download-section{padding-block:50px}.centered h2{font-size:27px}.download-card{padding:24px}.download-footer{font-size:10px}.faq-list summary{font-size:15px}.closing{align-items:flex-start;flex-direction:column;gap:10px;padding-block:30px}.footer{flex-wrap:wrap;gap:13px}.footer>a:last-child{margin-left:0;flex-basis:100%}.student-pills{gap:10px}.student-head{gap:10px}.student-head h2{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Match the shipping workbench light palette, navigation and conversation layout. */
.hero{grid-template-columns:.87fr 1.25fr;gap:38px}.hero h1{font-size:clamp(34px,3.4vw,50px)}.demo-showcase{min-width:0}.demo-selector{display:flex;gap:6px;margin:0 0 12px;justify-content:flex-end}.demo-selector button{font-size:11px;border:1px solid transparent;background:transparent;color:#70706b;border-radius:7px;padding:7px 10px}.demo-selector button[aria-selected=true]{background:#eaeae7;border-color:#e4e4df;color:#262625}.current-demo{transform:none;background:#fff}.demo-workspace{display:flex;height:506px;min-height:0;color:#262625;line-height:1.65}.demo-sidebar{width:130px;flex-shrink:0;padding:16px 8px 9px;background:#f5f5f3;border-right:1px solid #e4e4df;display:flex;flex-direction:column}.demo-brand{display:flex;align-items:center;gap:6px;padding:0 4px 20px}.demo-brand b{font-size:11px;white-space:nowrap;letter-spacing:.02em}.demo-brand img{width:24px;height:24px;object-fit:contain}.demo-nav{display:grid;gap:4px}.demo-nav-item{display:flex;align-items:center;gap:9px;padding:8px;border-radius:6px;color:#70706b;font-size:10px;white-space:nowrap}.demo-nav-item svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.demo-nav-item.selected{background:#eaeae7;color:#262625;font-weight:550}.demo-account{margin-top:auto;display:flex;align-items:center;gap:7px;font-size:10px;padding:7px 4px}.demo-account>span{width:23px;height:23px;border-radius:50%;background:#eaeae7;display:grid;place-items:center}.demo-account b{font-weight:500}.demo-account small{margin-left:auto}.demo-conversation{display:flex;flex-direction:column;min-width:0;flex:1;padding:0 15px 14px;background:white}.demo-scroll{min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#c7c7c1 transparent;flex:1;padding:0 3px 12px}.demo-scroll:focus-visible{outline:2px solid #3071b8;outline-offset:-2px}.demo-scroll::-webkit-scrollbar{width:5px}.demo-scroll::-webkit-scrollbar-thumb{background:#c7c7c1;border-radius:5px}.demo-day{text-align:center;font-size:9px;color:#70706b;padding:16px 0}.demo-user{max-width:89%;margin:0 0 25px auto}.demo-source{font-size:9px;color:#70706b;margin-bottom:6px;font-weight:400}.demo-user-bubble{background:#eeeeec;border-radius:16px;padding:12px 14px;font-size:11px;line-height:1.8}.demo-attachment{background:#f8f8f6;border:1px solid #e1e1dd;border-radius:6px;padding:6px 8px;font-size:9px;margin-bottom:10px;overflow-wrap:anywhere}.demo-attachment>span{color:#278051;font-size:14px;margin-right:4px}.demo-reply{display:flex;align-items:flex-start;gap:8px;margin-bottom:25px;font-size:11px;line-height:1.85}.demo-reply>img{width:23px;height:23px;object-fit:contain;flex:none}.demo-reply>div{min-width:0;flex:1}.demo-reply p{margin:0 0 11px}.demo-reply h3{font-size:12px;letter-spacing:0;margin:14px 0 8px;line-height:1.6}.demo-reply strong{font-weight:600}.demo-reply table{border:1px solid #e4e4df;border-collapse:collapse;width:100%;font-size:10px;margin:12px 0 17px}.demo-reply th,.demo-reply td{text-align:left;padding:7px 9px;border-bottom:1px solid #e4e4df}.demo-reply th{font-weight:500;background:#f4f4f2;color:#70706b}.demo-reply ol,.demo-reply ul{padding-left:18px;margin:8px 0 14px}.demo-reply li{margin-bottom:8px}.demo-files{display:grid;gap:7px}.demo-files a{color:#3071b8;overflow-wrap:anywhere}.demo-files a:hover{text-decoration:underline}.demo-reply .demo-note{font-size:9px;color:#70706b;margin-top:13px}.demo-composer{display:flex;align-items:center;gap:8px;flex:none;background:#f4f4f3;border:1px solid #e4e4df;border-radius:15px;min-height:55px;padding:12px;color:#70706b;font-size:10px;margin-top:9px}.demo-composer>span:first-child{font-size:18px}.demo-composer>span:nth-child(2){flex:1}.demo-composer b{background:#262625;color:#fff;padding:5px 9px;border-radius:7px;font-size:10px;font-weight:500}.demo-scroll-hint{text-align:right;font-size:10px;color:#70706b;margin-top:11px}.demo-scroll-hint span{margin-left:5px}.demo-image{background:#ededed;border-radius:6px;padding:9px;margin-bottom:10px;border:1px solid #d9d9d5;font-size:9px}.demo-image>span{display:block;text-align:center;padding-bottom:8px;color:#70706b}.demo-image p{background:white;padding:9px;border-radius:5px;font-size:10px;line-height:1.8}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.hero{gap:26px;grid-template-columns:.85fr 1.2fr}.hero h1{font-size:35px}.demo-sidebar{width:109px;padding-inline:5px}.demo-brand b{font-size:10px}.demo-brand{gap:4px}.demo-brand img{width:21px;height:21px}.demo-conversation{padding-inline:11px}.demo-nav-item{font-size:9px;gap:7px}.demo-reply{font-size:10px}.demo-user-bubble{font-size:10px}}
@media(max-width:800px){.hero{grid-template-columns:1fr;gap:36px}.hero h1{font-size:45px}.demo-showcase{width:100%;max-width:650px;margin:auto}.demo-sidebar{width:135px}.demo-brand b{font-size:11px}.demo-conversation{padding-inline:18px}.demo-reply,.demo-user-bubble{font-size:12px}.demo-nav-item{font-size:11px}.demo-selector{justify-content:center}.demo-workspace{height:520px}}
@media(max-width:520px){.hero h1{font-size:36px}.demo-sidebar{width:45px;padding:14px 5px 8px}.demo-brand{justify-content:center;padding:0 0 18px}.demo-brand img{width:25px;height:25px}.demo-brand b,.demo-nav-item>span,.demo-account b,.demo-account small{display:none}.demo-nav-item{justify-content:center;padding:9px 0}.demo-nav-item svg{width:16px;height:16px}.demo-account{justify-content:center;padding:8px 0}.demo-conversation{padding-inline:10px;padding-bottom:10px}.demo-reply{font-size:11px;gap:6px}.demo-reply>img{width:20px;height:20px}.demo-user-bubble{font-size:11px;padding:11px}.demo-workspace{height:490px}.demo-selector{gap:4px}.demo-selector button{font-size:10px;padding:7px 8px}.demo-composer{padding:10px 8px;font-size:9px;gap:5px}.demo-scroll-hint{text-align:center;font-size:10px}.demo-reply th,.demo-reply td{padding:6px}.demo-user{max-width:94%}}

.demo-selector{flex-wrap:wrap;justify-content:flex-start;gap:4px}.demo-selector button{padding:6px 9px}.demo-selector button:hover{background:#eeeeec;color:#262625}