/* Optical logo crop: preserves the supplied PNG, clips its transparent canvas. */
.logo-crop{position:relative;display:block;width:164px;aspect-ratio:1344 / 291;overflow:hidden;flex-shrink:0}
body .logo-crop img{position:absolute!important;width:114.286%!important;max-width:none!important;height:auto!important;left:-6.696%;top:-126.117%;margin:0!important;display:block;content:normal!important}
.product-demo .app-side>.logo-crop{width:133px;margin:4px 9px 22px}.product-demo .ai-sign .logo-crop{width:102px}.product-demo .empty-chat .logo-crop{width:176px;margin:0 auto 25px}.footer-row>.logo-crop{width:135px}
.product-demo{grid-template-columns:210px minmax(0,1fr);background:linear-gradient(125deg,#101319,#0b0f14 70%);height:748px;min-height:620px;max-height:85vh;box-shadow:0 0 0 1px #ffffff0d,0 36px 100px #0007}
.app-side{padding:18px 12px;gap:3px;background:#0e1319}.app-side button{min-height:30px;padding:5px 9px;font-size:12px;border-radius:7px;gap:10px}.app-side .new-chat{margin-bottom:10px;background:#1a212b}.app-side button[aria-current=page]{background:#1c2b36;color:#bbdfef}.app-side .nav-label{margin-top:20px;margin-bottom:5px;font-size:10px;text-transform:none;letter-spacing:0}.app-side .chat-link{padding-top:6px;padding-bottom:6px;color:#a1a8b5}.app-side svg{width:15px;height:15px}.app-person{padding-top:14px}.app-top{height:45px;box-shadow:0 1px #ffffff05;padding:0 25px}.app-content{padding:24px 34px}.app-stats button{padding:15px 10px}.app-stats{margin-bottom:22px}.product-demo .app-inner{max-width:880px}.app-compose{margin:10px 28px 18px;background:#151b24;box-shadow:0 0 0 1px #ffffff05}.product-demo .brand-tile{background:#151b24}.product-demo .brand-tile p{font-size:12px}.product-demo .pipeline-col{background:#0e141c}.product-demo .pipeline-col button{background:#171e27}.product-demo .app-content small{color:#9da6b4}.theme-dark .btn:not(.blue):not(.light){border-radius:13px;padding:13px 20px}.theme-dark .btn:hover{box-shadow:0 4px 16px #ffffff0a;transform:translateY(-1px)}
.mobile-site-nav{display:none}.driver-context{padding-top:85px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.driver-context h2{font-size:35px;line-height:1.12;letter-spacing:-1px;font-weight:550;margin:15px 0}.driver-context p{font-size:14px;color:#969da9;max-width:350px}.driver-strip{display:flex;gap:30px;justify-content:flex-end}.driver-mini{display:flex;flex-direction:column;align-items:center;gap:14px;font-size:12px;color:#c3cbd6;text-align:center;max-width:125px}.driver-mini img{height:96px;width:96px;object-fit:cover;border-radius:50%;filter:saturate(.8)}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.resource-grid>a{display:flex;flex-direction:column;min-height:250px;background:linear-gradient(135deg,#17232f,#11151d 80%);padding:28px;border-radius:16px;transition:background .2s,transform .2s}.resource-grid>a:hover{background:#1a2532;transform:translateY(-2px)}.resource-grid span{font-size:11px;color:#86b5d2}.resource-grid h3{font-size:23px;font-weight:520;letter-spacing:-.6px;line-height:1.25;margin:25px 0 10px}.resource-grid p{font-size:14px;color:#9da7b5;margin:0 0 25px}.resource-grid b{font-size:12px;font-weight:500;margin-top:auto;color:#c6d3e4}.footer-links{display:flex;gap:22px;font-size:13px;color:#a1aab8}.resource-section .toolbar{align-items:baseline}.subpage{max-width:1120px;margin:auto;padding:85px 40px 100px}.subpage h1{font-size:clamp(38px,5vw,65px);letter-spacing:-2.5px;line-height:1.08;font-weight:550;max-width:900px;margin:18px 0 25px}.subpage .lede{font-size:19px;color:#a1aab8;max-width:720px;line-height:1.65}.subpage .eyebrow{color:#8fb4cf}.subpage .resource-grid{margin-top:45px}.article-layout{display:grid;grid-template-columns:200px minmax(0,690px);gap:60px;margin-top:55px}.article-layout aside{align-self:start;position:sticky;top:120px;display:grid;gap:14px;font-size:12px;color:#99a6b8}.article-layout article{font-size:16px;line-height:1.85;color:#b4bdca}.article-layout h2{font-size:29px;line-height:1.25;letter-spacing:-.7px;color:#ecf0f5;margin:42px 0 15px;scroll-margin-top:120px}.article-layout h2:first-child{margin-top:0}.article-layout h3{font-size:20px;line-height:1.3;color:#dbe2eb}.article-layout li{margin-bottom:12px}.article-layout .example{background:#131e2a;border-radius:14px;padding:25px;font-size:15px;color:#d4e0ec;white-space:pre-line}.article-meta{font-size:12px;color:#8090a2;margin-top:25px}.article-next{margin-top:45px;padding-top:25px;border-top:1px solid #232c38;display:flex;justify-content:space-between;gap:25px;font-size:14px;color:#9dc6df}.driver-profiles{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:50px}.driver-profile{background:#131a23;padding:25px;border-radius:15px}.driver-profile img{width:112px;height:112px;border-radius:50%;object-fit:cover}.driver-profile h2{font-size:23px;line-height:1.2}.driver-profile p{color:#a2adbc;font-size:14px}.driver-profile a{font-size:12px;color:#8ebedc}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:55px}.principles h2{font-size:23px}.principles p{font-size:15px;color:#a1adbd}.resource-search{background:#17202b;border:0;border-radius:12px;padding:16px 18px;color:#e8edf4;width:100%;max-width:500px;margin-top:25px}.reading-note{background:#111a25;border-radius:12px;padding:18px 22px;color:#9cabbc;font-size:13px;margin-top:35px}
@media(max-width:800px){.driver-context{gap:30px}.driver-strip{gap:15px}.driver-mini img{width:72px;height:72px}.resource-grid{gap:12px}.resource-grid>a{padding:22px}.resource-grid h3{font-size:20px}.article-layout{grid-template-columns:1fr;gap:25px}.article-layout aside{position:static;display:flex;flex-wrap:wrap}.driver-profiles{gap:15px}.principles{grid-template-columns:1fr}}
@media(max-width:640px){.mobile-site-nav{display:flex;justify-content:center;gap:27px;padding:0 16px 12px;font-size:12px;color:#aeb8c6}.brand>.logo-crop{width:133px}.nav{height:67px}.driver-context{display:block;padding-top:65px}.driver-strip{margin-top:30px;justify-content:space-between;gap:12px}.driver-context h2{font-size:32px}.driver-mini{font-size:11px;max-width:95px}.driver-mini img{width:76px;height:76px}.resource-grid{grid-template-columns:1fr}.resource-grid>a{min-height:210px;padding:25px}.resource-grid h3{font-size:25px;max-width:320px;margin-top:20px}.footer-row{flex-wrap:wrap}.footer-links{width:100%;order:3;margin-top:20px}.subpage{padding:50px 22px 70px}.subpage h1{font-size:40px;letter-spacing:-1.4px}.subpage .lede{font-size:17px}.driver-profiles{grid-template-columns:1fr}.driver-profile img{float:left;margin:0 20px 10px 0;width:85px;height:85px}.driver-profile h2{font-size:21px}.product-demo{height:780px;max-height:none;min-height:0}.app-top{padding:0 16px}.app-content{padding:18px 16px}.app-compose{margin:10px 16px 16px}.product-demo .app-side>.logo-crop{display:none}.product-demo .app-side{padding:10px 16px}.app-side button{min-height:44px}.resource-section .toolbar{display:block}.resource-section .toolbar>a{display:inline-block;margin:0 0 25px}.resource-section h2{margin-bottom:20px}}
@media(max-width:370px){.brand>.logo-crop{width:107px}.mobile-site-nav{gap:23px}.driver-mini img{width:67px;height:67px}}
.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}.resource-grid>[hidden]{display:none}
@media(max-width:640px){.navlinks>a.btn{display:inline-flex}.article-layout aside a{padding:7px 0}.article-layout{margin-top:35px}}
@media(max-width:640px){body.theme-dark>header .navlinks .btn{padding:11px 12px;font-size:11px;gap:8px}}
@media(max-width:370px){body.theme-dark>header .navlinks .btn{padding:10px;font-size:10px;gap:6px}}
@media(max-width:640px){body.theme-dark>header .nav .navlinks .btn:not(.blue):not(.light){padding:11px 12px;font-size:11px;gap:8px}}
@media(max-width:370px){body.theme-dark>header .nav .navlinks .btn:not(.blue):not(.light){padding:10px;font-size:10px;gap:6px}}