/* PGP AI Curriculum (client page, Oct 2026) - scoped to #mesa-aic. Generated by build.py from the client file. */ #mesa-aic{ --surface-900:#0b1818;--surface-800:#0e2926;--panel-700:#183d2c;--card-600:#1f4e39;--card-500:#2e5239;--faculty-body:#17301f;--footer-950:#06261b; --glass:rgba(35,89,63,.8);--lime:#d9e38a;--green:#6ed190;--green-deep:#2d814a;--cream:#fefaf5;--cream-card:#efe9e2;--white:#ffffff; --text-on-dark:rgba(255,255,255,.8);--heading-green:#1e3636;--body-slate:#5c6c68;--line:#81a093;--hover-green:#436b56; --font-sans:'Manrope',system-ui,sans-serif;--font-serif:'New York Large','New York','Playfair Display',Georgia,serif; --radius-md:16px;--radius-lg:24px;--radius-xl:30px;--radius-2xl:40px;--radius-pill:999px;--head-h:72px;--sub-h:56px; color-scheme:dark; } #mesa-aic *{box-sizing:border-box} #mesa-aic{scroll-behavior:smooth} #mesa-aic{margin:0;background:var(--surface-900);color:var(--text-on-dark);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden} #mesa-aic h1,#mesa-aic h2,#mesa-aic h3,#mesa-aic h4,#mesa-aic p,#mesa-aic ul,#mesa-aic ol,#mesa-aic figure,#mesa-aic blockquote{margin:0} #mesa-aic ul,#mesa-aic ol{padding:0;list-style:none} #mesa-aic a{color:inherit;text-decoration:none} #mesa-aic button{font:inherit;color:inherit} #mesa-aic h1,#mesa-aic h2,#mesa-aic h3,#mesa-aic h4{color:var(--white);font-weight:300;line-height:1.15;text-wrap:balance} #mesa-aic :focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:6px} #mesa-aic .wrap{max-width:1248px;margin-inline:auto;padding-inline:max(16px,4vw)} #mesa-aic .wrap.narrow{max-width:960px} #mesa-aic .hl{font-family:var(--font-serif);font-style:italic;font-weight:400;color:var(--lime);font-size:1.06em} #mesa-aic .w5{font-weight:500} #mesa-aic .eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--green)} #mesa-aic .s-900{background:var(--surface-900)} #mesa-aic .s-800{background:var(--surface-800)} #mesa-aic .s-cream{background:var(--cream);color:var(--body-slate)} #mesa-aic .s-cream h1,#mesa-aic .s-cream h2,#mesa-aic .s-cream h3,#mesa-aic .s-cream h4{color:var(--heading-green)} #mesa-aic .s-cream .hl{color:var(--green-deep)} #mesa-aic .s-cream .eyebrow{color:var(--green-deep)} #mesa-aic .sec{padding-block:clamp(56px,8vw,96px);scroll-margin-top:calc(var(--head-h) + var(--sub-h) - 4px)} #mesa-aic .sh{display:grid;gap:14px;max-width:780px;margin-bottom:clamp(28px,4vw,48px)} #mesa-aic .sh h2{font-size:clamp(28px,4vw,36px)} #mesa-aic .sh>p:not(.eyebrow){font-size:17px} #mesa-aic .sub-gap{margin-top:clamp(48px,7vw,80px)} #mesa-aic .btn{display:inline-flex;align-items:center;gap:8px;border-radius:var(--radius-md);letter-spacing:.05em;font-weight:600;text-transform:uppercase;padding:16px 32px;font-size:14px;line-height:1.2;transition:background .25s,color .25s} #mesa-aic .btn.p{background:var(--lime);color:var(--surface-900)} #mesa-aic .btn.p:hover{background:var(--hover-green);color:#fff} #mesa-aic .btn.o{border:1px solid #fff;color:#fff} #mesa-aic .btn.o:hover{background:var(--hover-green);border-color:var(--hover-green)} #mesa-aic .btn.sm{padding:11px 18px;font-size:12px} #mesa-aic .ctas{display:flex;flex-wrap:wrap;gap:16px} #mesa-aic .pill{display:inline-block;border:1px solid var(--lime);color:var(--lime);border-radius:var(--radius-pill);padding:6px 14px;font-size:13px;font-weight:500;line-height:1.3;width:fit-content} #mesa-aic .s-cream .pill{border-color:var(--green-deep);color:var(--green-deep)} #mesa-aic .head{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:rgba(11,24,24,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(129,160,147,.25)} #mesa-aic .head .wrap{height:var(--head-h);display:flex;align-items:center;gap:28px} #mesa-aic .brand{display:flex;align-items:center;flex:none} #mesa-aic .brand img{display:block;height:40px;width:auto} #mesa-aic .brand .wm{display:none;font-weight:800;font-size:26px;letter-spacing:-.03em;color:#fff} #mesa-aic .brand .wm i{color:var(--green);font-style:normal} #mesa-aic .brand.ok img{display:block} #mesa-aic .brand.ok .wm{display:none} #mesa-aic .menu{display:flex;align-items:center;gap:26px;margin-inline:auto} #mesa-aic .menu a{display:inline-flex;align-items:center;gap:6px;font-size:15px;color:#fff;transition:color .25s} #mesa-aic .menu a:hover{color:var(--green)} #mesa-aic .menu a.cur{font-family:var(--font-serif);font-style:italic;font-size:17px;color:var(--green)} #mesa-aic .menu-btn{display:none;margin-left:auto;background:none;border:0;padding:8px;cursor:pointer} #mesa-aic .hero{padding-block:clamp(40px,6vw,88px)} #mesa-aic .hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,5vw,72px);align-items:center} #mesa-aic .hero-copy{display:grid;gap:22px;justify-items:start;min-width:0} #mesa-aic .program{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:14px;font-weight:600;letter-spacing:.04em;color:var(--lime)} #mesa-aic .program span{width:6px;height:6px;border-radius:50%;background:var(--green)} #mesa-aic .hero h1{font-size:clamp(46px,7vw,72px);letter-spacing:-.02em} #mesa-aic .hero h1 .hl{font-size:1.04em} #mesa-aic .lede{font-size:clamp(17px,2vw,20px);max-width:48ch} #mesa-aic .pills{display:flex;flex-wrap:wrap;gap:10px} #mesa-aic .pl{border:.5px solid var(--line);border-radius:var(--radius-pill);padding:8px 16px;font-size:13px;font-weight:500;color:#fff;background:linear-gradient(90deg,rgba(17,33,33,.26),rgba(110,209,144,.26))} #mesa-aic .facts{display:flex;flex-wrap:wrap;gap:6px 24px;font-size:15px} #mesa-aic .facts li{display:flex;align-items:center;gap:10px} #mesa-aic .facts li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green)} #mesa-aic .hero-shot{border-radius:var(--radius-2xl);max-width:520px;justify-self:end;width:100%} #mesa-aic .shot{position:relative;display:block;width:100%;max-width:100%;aspect-ratio:var(--r,16/9);border:1.5px dashed var(--line);border-radius:var(--radius-lg);overflow:hidden;background:repeating-linear-gradient(135deg,rgba(129,160,147,.12) 0 10px,transparent 10px 20px)} #mesa-aic .shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s} #mesa-aic .shot.ok{border-color:transparent;background:var(--panel-700)} #mesa-aic .shot.ok img{opacity:1} #mesa-aic .want{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:14px;color:var(--text-on-dark)} #mesa-aic .shot.ok .want{display:none} #mesa-aic .want svg{color:var(--line)} #mesa-aic .want b{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--lime)} #mesa-aic .want small{font-size:12.5px;line-height:1.4;max-width:30ch} #mesa-aic .s-cream .want b{color:var(--green-deep)} #mesa-aic .s-cream .want small{color:var(--body-slate)} #mesa-aic .s-cream .shot{border-color:var(--line)} #mesa-aic .s-cream .shot.ok{border-color:transparent} #mesa-aic .slot{display:inline-grid;place-items:center;border:1.5px dashed var(--line);border-radius:var(--radius-md);font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--text-on-dark);text-align:center;line-height:1.2;padding:4px;width:64px;height:64px;flex:none} #mesa-aic .slot.logo{width:auto;height:36px;border-radius:10px;padding:4px 12px} #mesa-aic .play{position:absolute;left:18px;bottom:18px;z-index:2;display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--lime);text-align:left} #mesa-aic .play i{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--lime)} #mesa-aic .play i::after{content:"";margin-left:4px;border-left:13px solid var(--surface-900);border-top:8px solid transparent;border-bottom:8px solid transparent} #mesa-aic .stats{padding-block:clamp(28px,4vw,48px)} #mesa-aic .stat-grid,#mesa-aic .g4.facts-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px} #mesa-aic .stat{background:var(--glass);-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px);border-radius:var(--radius-lg);padding:24px;display:grid;gap:6px;align-content:start;min-width:0} #mesa-aic .stat .ic{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);color:var(--green);margin-bottom:10px} #mesa-aic .stat .n{font-size:clamp(40px,5vw,52px);font-weight:300;color:var(--lime);line-height:1} #mesa-aic .stat .l{font-size:16px;font-weight:600;color:#fff} #mesa-aic .stat .d{font-size:14px;color:var(--text-on-dark)} #mesa-aic .stat.sm .n{font-size:clamp(24px,2.6vw,30px);line-height:1.15} #mesa-aic .subnav{position:sticky;top:calc(env(safe-area-inset-top,0px) + var(--head-h));z-index:30;background:var(--surface-900);border-bottom:1px solid rgba(129,160,147,.25)} #mesa-aic .subnav .wrap{display:flex;gap:6px;overflow-x:auto;padding-block:10px;scrollbar-width:none} #mesa-aic .subnav .wrap::-webkit-scrollbar{display:none} #mesa-aic .subnav a{white-space:nowrap;border-radius:var(--radius-pill);padding:8px 16px;font-size:14px;font-weight:500;color:var(--text-on-dark);transition:background .2s,color .2s} #mesa-aic .subnav a:hover{background:var(--card-600);color:#fff} #mesa-aic .subnav a[aria-current="true"]{background:var(--lime);color:var(--surface-900);font-weight:600} #mesa-aic .g2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:20px} #mesa-aic .g3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px} #mesa-aic .g4{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,262px),1fr));gap:18px} #mesa-aic .ccard{background:var(--cream-card);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;min-width:0} #mesa-aic .ccard .shot{border-radius:0;border-width:0 0 1.5px 0} #mesa-aic .ccard .shot.ok{border-color:transparent} #mesa-aic .cb{padding:24px;display:grid;gap:10px;align-content:start;flex:1} #mesa-aic .cb h3{font-size:22px;font-weight:500;line-height:1.25} #mesa-aic .cb p{font-size:15px} #mesa-aic .quote-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px);gap:clamp(24px,5vw,64px);align-items:center;background:linear-gradient(135deg,var(--card-600),var(--panel-700));border-radius:var(--radius-2xl);padding:clamp(28px,5vw,64px)} #mesa-aic .qcopy{display:grid;gap:20px;justify-items:start;min-width:0} #mesa-aic .draft{border:1px dashed var(--lime);color:var(--lime);border-radius:var(--radius-pill);padding:4px 12px;font-size:12px;font-weight:600} #mesa-aic blockquote p{font-size:clamp(19px,2.2vw,25px);font-weight:300;line-height:1.5;color:#fff;text-wrap:pretty} #mesa-aic .who{font-size:15px} #mesa-aic .who b{color:#fff;font-weight:600} #mesa-aic .portrait-shot{border-radius:var(--radius-xl)} #mesa-aic .track{background:var(--card-600);border-radius:var(--radius-xl);padding:clamp(24px,3.5vw,40px);display:grid;gap:14px;align-content:start;min-width:0} #mesa-aic .track h3{font-size:28px;font-weight:500} #mesa-aic .track h4,#mesa-aic .tpanel h4{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--green);margin-top:8px} #mesa-aic ul.dash{display:grid;gap:10px} #mesa-aic ul.dash li{position:relative;padding-left:22px;font-size:15px} #mesa-aic ul.dash li::before{content:"";position:absolute;left:0;top:.8em;width:10px;height:2px;background:var(--green)} #mesa-aic .chips{display:flex;flex-wrap:wrap;gap:8px} #mesa-aic .chip{border:1px solid var(--line);border-radius:var(--radius-pill);padding:5px 14px;font-size:13px;font-weight:500;color:#fff} #mesa-aic .s-cream .chip{color:var(--heading-green)} #mesa-aic .facts3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0 32px;margin-top:32px} #mesa-aic .facts3>div{border-top:1px solid var(--line);padding-top:16px;padding-bottom:12px} #mesa-aic .facts3 b{display:block;font-size:20px;font-weight:600;color:var(--lime);margin-bottom:4px} #mesa-aic .facts3 p{font-size:15px} #mesa-aic .termview{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:20px;align-items:start} #mesa-aic .tlist{background:var(--panel-700);border-radius:var(--radius-xl);padding:12px;display:grid;gap:4px} #mesa-aic .tlist button{display:grid;gap:4px;text-align:left;background:none;border:0;border-radius:var(--radius-lg);padding:16px 18px;cursor:pointer;transition:background .2s} #mesa-aic .tlist button:hover{background:rgba(31,78,57,.7)} #mesa-aic .tlist .tn{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-on-dark)} #mesa-aic .tlist .tt{font-size:16px;font-weight:500;color:#fff;line-height:1.3} #mesa-aic .shared{font-style:normal;font-size:11px;letter-spacing:.06em;border:1px solid var(--green);color:var(--green);border-radius:var(--radius-pill);padding:1px 8px} #mesa-aic .tlist button[aria-selected="true"]{background:var(--card-600)} #mesa-aic .tlist button[aria-selected="true"] .tn,#mesa-aic .tlist button[aria-selected="true"] .tt{color:var(--lime)} #mesa-aic .tlist button[aria-selected="true"] .tt{font-weight:700} #mesa-aic .tright{background:var(--panel-700);border-radius:var(--radius-xl);padding:clamp(24px,3.5vw,40px);display:grid;gap:22px;min-width:0} #mesa-aic .ttoggle{display:flex;gap:8px;flex-wrap:wrap} #mesa-aic .ttoggle button{background:var(--card-600);border:0;border-radius:var(--radius-pill);padding:10px 22px;font-size:14px;cursor:pointer;transition:background .2s} #mesa-aic .ttoggle button[aria-pressed="true"]{background:var(--lime);color:var(--surface-900);font-weight:600} #mesa-aic .tpanel{display:grid;gap:14px} #mesa-aic .tp-head{display:grid;gap:10px} #mesa-aic .tp-head h3{font-size:clamp(24px,3vw,32px);font-weight:400} #mesa-aic .goal{font-size:17px} #mesa-aic .tools{display:flex;flex-wrap:wrap;gap:10px} #mesa-aic .tool{display:inline-flex;align-items:center;gap:8px;border:.5px solid var(--line);border-radius:var(--radius-pill);padding:7px 16px 7px 8px;font-size:14px;font-weight:500;color:#fff;background:linear-gradient(90deg,rgba(17,33,33,.26),rgba(110,209,144,.26))} #mesa-aic .tool .lg{width:20px;height:20px;border-radius:6px;border:1px dashed var(--line);flex:none} #mesa-aic .tp-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px 36px;margin-top:6px;padding-top:20px;border-top:1px solid rgba(129,160,147,.4)} #mesa-aic .tp-cols>div{display:grid;gap:12px;align-content:start} #mesa-aic .ticks{display:grid;gap:10px} #mesa-aic .ticks li{display:flex;gap:10px;align-items:flex-start;font-size:15px} #mesa-aic .ticks li svg{color:var(--green);flex:none;margin-top:5px} #mesa-aic .mile{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:baseline;border-top:1px solid rgba(129,160,147,.4);padding-top:18px;font-size:15px;color:#fff} #mesa-aic .mile b{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--lime)} #mesa-aic .banner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);background:var(--surface-800);border-radius:var(--radius-2xl);overflow:hidden;margin-bottom:28px} #mesa-aic .bcopy{display:grid;gap:18px;align-content:center;justify-items:start;padding:clamp(28px,4.5vw,56px)} #mesa-aic .bcopy .eyebrow{color:var(--lime)} #mesa-aic .big{font-size:clamp(22px,2.8vw,30px);font-weight:300;line-height:1.35;color:#fff} #mesa-aic .judged{font-size:14px;color:var(--text-on-dark)} #mesa-aic .banner-shot{border-radius:0;border-width:0 0 0 1.5px;height:100%;aspect-ratio:auto;min-height:260px} #mesa-aic .banner-shot.ok{border-color:transparent} #mesa-aic .rail{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:var(--line) transparent} #mesa-aic .steps .ncard{flex:1 0 min(236px,72vw);scroll-snap-align:start;background:var(--card-600);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column} #mesa-aic .steps .shot{border-radius:0;border-width:0 0 1.5px 0} #mesa-aic .nb{padding:20px 22px 24px;display:grid;gap:8px} #mesa-aic .nb .k{font-weight:600;color:var(--green)} #mesa-aic .nb h3{font-size:24px;font-weight:500} #mesa-aic .nb p{font-size:14px;color:var(--text-on-dark)} #mesa-aic .car{display:grid;gap:14px} #mesa-aic .car-nav{display:flex;gap:10px;justify-content:flex-end} #mesa-aic .cbtn{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--card-600);border:1px solid var(--line);cursor:pointer;transition:background .2s} #mesa-aic .cbtn:hover{background:var(--hover-green)} #mesa-aic .fcs .fc{flex:0 0 min(400px,86vw);scroll-snap-align:start} #mesa-aic .fc{background:var(--faculty-body);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column;min-width:0} #mesa-aic .fc .hd{position:relative;background:linear-gradient(90deg,var(--card-600),var(--panel-700));padding:28px;min-height:188px;display:flex;align-items:flex-start} #mesa-aic .fc .tx{max-width:60%;position:relative;z-index:1} #mesa-aic .fc h3{font-size:24px;font-weight:500;line-height:1.2} #mesa-aic .fc hr{border:0;border-top:1px solid var(--line);margin:14px 0 12px} #mesa-aic .fc .by{font-size:16px;color:var(--text-on-dark)} #mesa-aic .pph{position:absolute;right:0;bottom:0;width:36%;height:84%;border:1.5px dashed var(--line);border-bottom:0;border-radius:90px 90px 0 0;background:rgba(14,41,38,.7);display:grid;place-items:center;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase} #mesa-aic .fc .bd{padding:24px 28px 28px;display:grid;gap:12px;align-content:start;flex:1} #mesa-aic .fc .role{font-size:15px;color:var(--text-on-dark)} #mesa-aic .fc .lab{font-size:13px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#fff} #mesa-aic .fc .ov{font-size:15px;color:var(--text-on-dark);line-height:1.5} #mesa-aic .tbd{opacity:.6;font-style:italic} #mesa-aic .chiprow{display:flex;gap:12px;margin-top:6px} #mesa-aic .filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px} #mesa-aic .filters button{background:transparent;border:1px solid var(--heading-green);color:var(--heading-green);border-radius:var(--radius-pill);padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s} #mesa-aic .filters button:hover{background:var(--cream-card)} #mesa-aic .filters button[aria-pressed="true"]{background:var(--lime);font-weight:700} #mesa-aic .ws .fn{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--green-deep)} #mesa-aic .ws .cb h3{font-size:19px} #mesa-aic .ws .chips{margin-top:auto;padding-top:6px} #mesa-aic .ws .chip{font-size:12.5px;padding:3px 12px;border-color:var(--line)} #mesa-aic .briefs{margin-top:24px} #mesa-aic .brief{background:var(--card-500);border-radius:var(--radius-xl);padding:20px;display:grid;gap:14px;align-content:start;min-width:0} #mesa-aic .brow{display:flex;justify-content:space-between;align-items:center;gap:12px} #mesa-aic .brief h3{font-size:20px;font-weight:500} #mesa-aic .note{margin-top:20px;font-size:14px} #mesa-aic .story{background:var(--card-500);border-radius:var(--radius-xl);padding:clamp(22px,3vw,32px);display:grid;gap:20px;align-content:start;min-width:0} #mesa-aic .sid{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:20px;align-items:start} #mesa-aic .sx{display:grid;gap:8px;justify-items:start;min-width:0} #mesa-aic .sx h3{font-size:26px;font-weight:500;color:var(--green)} #mesa-aic .prev{font-size:14px} #mesa-aic .prev span{color:var(--lime);font-weight:600} #mesa-aic .down{color:var(--green)} #mesa-aic .now{display:grid;gap:10px;justify-items:start;font-size:15px} #mesa-aic .now b{color:#fff;font-weight:600;font-size:17px;line-height:1.3} #mesa-aic .sp{border-radius:var(--radius-lg)} #mesa-aic .sty{border-top:1px solid rgba(129,160,147,.45);padding-top:18px;font-size:15px;line-height:1.6} #mesa-aic .marq{display:flex;overflow:hidden;gap:16px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)} #mesa-aic .mtrack{display:flex;gap:16px;flex:none;min-width:100%;justify-content:space-around;animation:slide 40s linear infinite} #mesa-aic .marq:hover .mtrack{animation-play-state:paused} @keyframes slide{to{transform:translateX(calc(-100% - 16px))}} #mesa-aic .lgph{flex:none;width:170px;height:76px;display:grid;place-content:center;gap:2px;text-align:center;border:1.5px dashed var(--line);border-radius:var(--radius-md);background:var(--cream-card)} #mesa-aic .lgph b{font-size:15px;color:var(--heading-green);font-weight:700} #mesa-aic .lgph small{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--body-slate)} #mesa-aic .faq{display:grid;gap:12px} #mesa-aic .faq details{background:var(--card-600);border-radius:var(--radius-lg)} #mesa-aic .faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 28px;font-size:18px;font-weight:600;color:#fff;cursor:pointer;list-style:none} #mesa-aic .faq summary::-webkit-details-marker{display:none} #mesa-aic .faq .chev{flex:none;color:var(--lime);transition:transform .25s} #mesa-aic .faq details[open] .chev{transform:rotate(180deg)} #mesa-aic .faq details p{padding:0 28px 24px;font-size:16px} #mesa-aic .closing{background:linear-gradient(295deg,var(--surface-900) 30%,var(--panel-700) 100%)} #mesa-aic .close-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,72px);align-items:center} #mesa-aic .close-grid>div{display:grid;gap:22px;justify-items:start} #mesa-aic .closing h2{font-size:clamp(34px,5vw,52px);max-width:16ch;letter-spacing:-.01em} #mesa-aic .close-shot{border-radius:var(--radius-xl)} #mesa-aic .foot{background:var(--footer-950);font-size:15px;color:#cfdcd6} #mesa-aic .foot-grid{display:flex;flex-wrap:wrap;justify-content:space-between;gap:40px;padding-block:56px} #mesa-aic .foot h3{font-size:20px;font-weight:600;margin-bottom:14px} #mesa-aic .foot p{margin-bottom:10px;max-width:42ch} #mesa-aic .foot .cin{font-size:14px} #mesa-aic .foot .mail a{color:var(--lime)} #mesa-aic .foot .soc{display:flex;gap:18px;font-weight:600;color:#fff} #mesa-aic .foot a:hover,#mesa-aic .rights a:hover{color:var(--green)} #mesa-aic .rights a{color:#cfdcd6} #mesa-aic .ql ul{display:grid;gap:10px} #mesa-aic .ql ul ul{list-style:disc;padding-left:18px;margin-top:6px;gap:6px} #mesa-aic .ql>ul>li>span{color:#fff;font-weight:600} #mesa-aic .ql a:hover{color:var(--green)} #mesa-aic .rights{border-top:1px solid rgba(255,255,255,.2)} #mesa-aic .rights .wrap{display:flex;flex-wrap:wrap;gap:8px 28px;padding-block:18px;font-size:14px} #mesa-aic .rights p{margin:0;max-width:none} @media (max-width:980px){#mesa-aic .hero-grid,#mesa-aic .close-grid,#mesa-aic .banner,#mesa-aic .quote-panel{grid-template-columns:minmax(0,1fr)} #mesa-aic .hero-shot{justify-self:start;max-width:420px} #mesa-aic .portrait-shot{max-width:260px} #mesa-aic .banner-shot{border-width:1.5px 0 0 0;min-height:0;aspect-ratio:16/10;height:auto} #mesa-aic .termview{grid-template-columns:minmax(0,1fr)} #mesa-aic .tlist{display:flex;overflow-x:auto;background:none;padding:0;gap:8px;scrollbar-width:none} #mesa-aic .tlist button{flex:none;background:var(--card-600);border-radius:var(--radius-pill);padding:10px 20px} #mesa-aic .tlist .tt{display:none} #mesa-aic .tlist button[aria-selected="true"]{background:var(--lime)} #mesa-aic .tlist button[aria-selected="true"] .tn{color:var(--surface-900);font-weight:700} #mesa-aic .shared{display:none} } @media (max-width:900px){#mesa-aic{--head-h:60px} #mesa-aic .menu{display:none;position:absolute;left:0;right:0;top:var(--head-h);flex-direction:column;align-items:flex-start;gap:18px;margin:0;padding:20px max(16px,4vw) 28px;background:var(--surface-900);border-bottom:1px solid rgba(129,160,147,.25)} #mesa-aic .menu.open{display:flex} #mesa-aic .menu-btn{display:block} #mesa-aic .head .btn.sm{margin-left:auto} #mesa-aic .menu-btn{margin-left:0} } @media (max-width:520px){#mesa-aic .head .btn.sm{display:none} #mesa-aic .menu-btn{margin-left:auto} #mesa-aic .btn{padding:14px 22px} #mesa-aic .sid{grid-template-columns:minmax(0,1fr) 88px} #mesa-aic .fc .tx{max-width:62%} } @media (prefers-reduced-motion:reduce){#mesa-aic{scroll-behavior:auto} #mesa-aic *{transition:none!important} #mesa-aic .mtrack{animation:none} #mesa-aic .marq{overflow-x:auto} #mesa-aic .mtrack.dup{display:none} } #mesa-aic .fq{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:clamp(20px,4vw,48px);align-items:center;border-radius:var(--radius-xl);background:radial-gradient(120% 140% at 85% 30%,rgba(110,209,144,.16),transparent 55%),linear-gradient(110deg,var(--surface-800) 0%,var(--panel-700) 100%);padding:clamp(28px,5vw,64px) clamp(24px,5vw,64px)} #mesa-aic .fq-copy{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(12px,2vw,24px);align-self:center;min-width:0} #mesa-aic .fq-mark{width:clamp(30px,4vw,52px);height:auto;fill:rgba(255,255,255,.3);margin-top:6px} #mesa-aic .fq-body{display:grid;gap:20px;justify-items:start;min-width:0} #mesa-aic .fq blockquote{margin:0} #mesa-aic .fq blockquote p{font-size:clamp(18px,2vw,24px);font-weight:300;line-height:1.5;color:rgba(255,255,255,.85);text-wrap:pretty} #mesa-aic .fq blockquote b{font-weight:500;color:#fff} #mesa-aic .fq-by{font-size:16px;color:rgba(255,255,255,.85)} #mesa-aic .fq-by b{font-weight:700;color:#fff} #mesa-aic .fq-logos{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;margin:4px 0 0} #mesa-aic .fq-logos li{display:grid;place-items:center;height:56px;padding:8px 14px;background:#fff;border-radius:10px} #mesa-aic .fq-logos li.fill{padding:0;overflow:hidden;background:#ffd600} #mesa-aic .fq-logos li.fill img{height:56px;max-width:none} #mesa-aic .fq-logos img{display:block;height:36px;width:auto;max-width:150px;object-fit:contain} #mesa-aic .fq-por{margin:0;overflow:hidden;aspect-ratio:3/4;align-self:center;border-radius:var(--radius-lg);max-width:340px;justify-self:end;width:100%} @media (max-width:860px){#mesa-aic .fq{grid-template-columns:minmax(0,1fr)} #mesa-aic .fq-copy{padding-bottom:0} #mesa-aic .fq-por{justify-self:center;max-width:260px} #mesa-aic .fq-mark{width:28px}} @media (max-width:480px){#mesa-aic .fq-copy{grid-template-columns:minmax(0,1fr)} #mesa-aic .fq-logos li{height:48px;padding:6px 10px} #mesa-aic .fq-logos img{height:30px} #mesa-aic .fq-logos li.fill img{height:48px}} #mesa-aic .fq-por img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 20%} #mesa-aic .facts3.top{margin:0 0 32px} #mesa-aic .s-cream .story{color:var(--text-on-dark)} #mesa-aic .s-cream .story .want b{color:var(--lime)} #mesa-aic .s-cream .story .want small{color:var(--text-on-dark)} #mesa-aic .sc2-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr));gap:24px} #mesa-aic .sc2{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:12px;min-height:520px;padding:clamp(28px,4vw,48px) 0 0 clamp(24px,4vw,48px);background:var(--card-500);border-radius:var(--radius-xl);color:var(--text-on-dark)} #mesa-aic .sc2::before{content:"";position:absolute;z-index:-1;width:560px;height:560px;right:-200px;bottom:-260px;border-radius:50%;background:rgba(11,24,24,.16)} #mesa-aic .sc2-logo{position:absolute;top:24px;right:28px;color:var(--text-on-dark);border-color:rgba(129,160,147,.6)} #mesa-aic .sc2-copy{display:flex;flex-direction:column;gap:14px;padding:44px 0 clamp(28px,4vw,44px);min-width:0} #mesa-aic .sc2 h3{font-size:clamp(28px,3vw,36px);font-weight:400;line-height:1.1;color:#fff} #mesa-aic .sc2-by{font-size:17px;color:rgba(255,255,255,.85)} #mesa-aic .sc2 hr{border:0;border-top:1px solid var(--line);margin:4px 0;max-width:340px;width:100%} #mesa-aic .sc2-path{font-size:14px;font-weight:600;color:var(--lime)} #mesa-aic .sc2-txt{font-size:15px;line-height:1.55;color:rgba(255,255,255,.8);max-width:40ch} #mesa-aic .sc2-stat{display:flex;align-items:baseline;gap:12px;margin-top:auto;padding-top:12px} #mesa-aic .sc2-stat b{font-size:clamp(48px,6vw,72px);font-weight:300;line-height:1;color:var(--green)} #mesa-aic .sc2-stat span{font-size:17px;color:rgba(255,255,255,.75)} #mesa-aic .sc2-por{position:relative;align-self:end;justify-self:center;width:min(100%,220px);aspect-ratio:3/4;border:3px solid var(--green);border-bottom:0;border-radius:999px 999px 0 0;background:repeating-linear-gradient(135deg,rgba(129,160,147,.12) 0 10px,transparent 10px 20px);display:grid;place-items:center;text-align:center;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--lime);margin-right:clamp(16px,3vw,32px)} #mesa-aic .sc2-por small{display:block;margin-top:6px;font-size:12px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--text-on-dark);padding:0 16px} #mesa-aic .sc2-por::after{content:"";position:absolute;inset:-18px -18px auto auto;width:70%;height:55%;border:1.5px dashed rgba(255,255,255,.35);border-left:0;border-bottom:0;border-radius:0 999px 0 0} @media (max-width:600px){#mesa-aic .sc2{grid-template-columns:minmax(0,1fr);padding-right:clamp(24px,4vw,48px);min-height:0} #mesa-aic .sc2-copy{padding-bottom:0} #mesa-aic .sc2-por{width:180px;margin:0 auto}} #mesa-aic .sc2-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:4px} #mesa-aic .sc2-track::-webkit-scrollbar{display:none} #mesa-aic .sc2-track:focus-visible{outline:2px solid var(--green);outline-offset:4px} #mesa-aic .sc2-track .sc2{flex:0 0 calc((100% - 48px)/3);scroll-snap-align:start;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:1fr auto;gap:0 8px;min-height:560px;padding:clamp(24px,2.6vw,36px) 0 0 clamp(22px,2.6vw,36px)} #mesa-aic .sc2-track .sc2-copy{grid-column:1/-1;padding:36px clamp(22px,2.6vw,36px) 16px 0;gap:12px} #mesa-aic .sc2-track .sc2 h3{font-size:clamp(26px,2.4vw,32px)} #mesa-aic .sc2-track .sc2-by{font-size:16px} #mesa-aic .sc2-track .sc2-txt{font-size:14.5px;max-width:none} #mesa-aic .sc2-track .sc2-stat{align-self:end;margin:0;padding:0 0 clamp(22px,2.6vw,32px)} #mesa-aic .sc2-track .sc2-stat b{font-size:clamp(44px,4.4vw,60px)} #mesa-aic .sc2-track .sc2-stat span{font-size:15px} #mesa-aic .sc2-track .sc2-por{width:clamp(120px,11vw,150px);margin-right:clamp(16px,2vw,24px);font-size:10px} #mesa-aic .sc2-track .sc2-por small{font-size:11px;padding:0 10px} #mesa-aic .sc2-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:28px} #mesa-aic .sc2-dots{display:flex;gap:10px;margin-inline:auto} #mesa-aic .sc2-dots button{width:10px;height:10px;border-radius:999px;border:0;padding:0;background:var(--card-600);cursor:pointer;transition:width .25s,background .25s} #mesa-aic .sc2-dots button[aria-current="true"]{width:42px;background:var(--green)} #mesa-aic .sc2-btns{display:flex;gap:12px} #mesa-aic .sc2-b{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:0;cursor:pointer;transition:opacity .2s,background .2s} #mesa-aic .sc2-b.prev{background:var(--hover-green);color:var(--surface-900)} #mesa-aic .sc2-b.next{background:var(--lime);color:var(--surface-900)} #mesa-aic .sc2-b:disabled{opacity:.4;cursor:default} #mesa-aic .sc2-track .sc2-stat{flex-direction:column;align-items:flex-start;gap:6px} #mesa-aic .sc2-track .sc2-stat span{line-height:1.3} @media (max-width:1023px){#mesa-aic .sc2-track .sc2{flex-basis:calc((100% - 24px)/2)}} @media (max-width:680px){#mesa-aic .sc2-track .sc2{flex-basis:88%;min-height:0} #mesa-aic .sc2-dots{margin-inline:0}} @media (prefers-reduced-motion:reduce){#mesa-aic .sc2-track{scroll-behavior:auto}} #mesa-aic .sc2-track .sc2{display:block} #mesa-aic .sc2-track .sc2-copy{padding:36px clamp(20px,2.4vw,32px) 0 0;gap:10px} #mesa-aic .sc2-track .sc2-txt{font-size:15px;line-height:1.5} #mesa-aic .sc2-track .sc2-stat{position:absolute;left:clamp(22px,2.6vw,36px);bottom:clamp(22px,2.6vw,32px);padding:0;max-width:34%} #mesa-aic .sc2-track .sc2-stat span{font-size:14px} #mesa-aic .sc2-track .sc2-por{position:absolute;right:clamp(10px,1.4vw,18px);bottom:0;width:58%;margin:0;aspect-ratio:3/4;max-height:48%} @media (max-width:680px){#mesa-aic .sc2-track .sc2{min-height:500px} #mesa-aic .sc2-track .sc2-por{width:52%;max-height:46%}} #mesa-aic .hero-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1fr)} #mesa-aic .hero h1{font-size:clamp(42px,5.2vw,64px)} #mesa-aic .hero-shot{max-width:none;justify-self:stretch} @media (max-width:980px){#mesa-aic .hero-grid{grid-template-columns:minmax(0,1fr)} #mesa-aic .hero-shot{max-width:none}} #mesa-aic .sc2-track .sc2{min-height:0;padding-bottom:286px} #mesa-aic .sc2-track .sc2-por{height:270px;width:auto;max-height:none} #mesa-aic .sc2-por.has-img{background:var(--panel-700)} #mesa-aic .sc2-por.has-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%;border-radius:999px 999px 0 0} #mesa-aic .sc2-logo-img{position:absolute;top:22px;right:26px;display:grid;place-items:center;height:44px;padding:6px 10px;background:#fff;border-radius:10px} #mesa-aic .sc2-logo-img img{display:block;height:30px;width:auto} #mesa-aic .sc2-list{display:grid;gap:8px;margin:0;padding:0;list-style:none} #mesa-aic .sc2-list li{position:relative;padding-left:18px;font-size:14px;line-height:1.45;color:rgba(255,255,255,.8)} #mesa-aic .sc2-list li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:2px;background:var(--green)} @media (max-width:680px){#mesa-aic .sc2-track .sc2{padding-bottom:256px} #mesa-aic .sc2-track .sc2-por{height:240px;max-height:none;width:auto}} #mesa-aic .sc2-track .sc2{padding-bottom:350px} #mesa-aic .sc2-track .sc2-por{height:340px;right:clamp(8px,1vw,14px)} #mesa-aic .sc2-track .sc2-copy{padding-top:30px;gap:8px} #mesa-aic .sc2-track .sc2 h3{font-size:clamp(24px,2.2vw,30px)} #mesa-aic .sc2-track .sc2-by{font-size:15px} #mesa-aic .sc2-track .sc2-txt{font-size:14px} #mesa-aic .sc2-list{gap:6px} #mesa-aic .sc2-list li{font-size:13.5px;line-height:1.4} @media (max-width:680px){#mesa-aic .sc2-track .sc2{padding-bottom:300px} #mesa-aic .sc2-track .sc2-por{height:290px}} #mesa-aic .sc2-track .sc2-stat{position:static;max-width:none;flex-direction:row;align-items:baseline;gap:10px;padding:14px 0 0} #mesa-aic .sc2-track .sc2-stat b{font-size:clamp(40px,3.6vw,52px)} #mesa-aic .sc2-track .sc2{flex-basis:calc((100% - 48px)/2.7);padding-bottom:312px} #mesa-aic .sc2-track .sc2-por{height:300px;aspect-ratio:4/5} @media (max-width:1023px){#mesa-aic .sc2-track .sc2{flex-basis:calc((100% - 24px)/1.8)}} @media (max-width:680px){#mesa-aic .sc2-track .sc2{flex-basis:88%;padding-bottom:282px} #mesa-aic .sc2-track .sc2-por{height:270px}} #mesa-aic .sc2-track{margin-right:calc(-1 * max(16px,4vw));padding-right:max(16px,4vw);scroll-padding-left:0} @media (min-width:1360px){#mesa-aic .sc2-track{margin-right:calc((1248px - 100vw)/2);padding-right:calc((100vw - 1248px)/2 + 4vw)}} #mesa-aic .sc2-track .sc2{flex-basis:calc((100% - 24px)/2);min-height:470px;padding:36px 0 36px 40px} #mesa-aic .sc2-track .sc2-copy{max-width:calc(100% - 300px);padding:30px 0 0} #mesa-aic .sc2-track .sc2-copy h3{font-size:clamp(24px,2vw,28px)} #mesa-aic .sc2-track .sc2-por{height:390px;aspect-ratio:2/3;right:22px} @media (max-width:1023px){#mesa-aic .sc2-track .sc2{flex-basis:calc(100% / 1.12)}} @media (max-width:680px){#mesa-aic .sc2-track .sc2{flex-basis:88%;min-height:0;padding:28px 24px 282px} #mesa-aic .sc2-track .sc2-copy{max-width:none} #mesa-aic .sc2-track .sc2-por{height:270px}} #mesa-aic .sc2-track .sc2.fc2{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);padding:0;min-height:480px;gap:0} #mesa-aic .sc2.fc2::before{width:520px;height:520px;left:-120px;right:auto;top:-40px;bottom:auto;background:rgba(11,24,24,.14)} #mesa-aic .sc2-track .sc2.fc2 .sc2-copy{grid-column:auto;max-width:none;display:flex;flex-direction:column;gap:10px;padding:38px 28px 32px 38px} #mesa-aic .sc2-track .sc2.fc2 h3{font-size:clamp(24px,2.1vw,30px);font-weight:500} #mesa-aic .fc2 .sc2-by{font-size:16px} #mesa-aic .fc2 hr{max-width:none;margin:8px 0 6px} #mesa-aic .fc2-lab{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;margin-top:4px} #mesa-aic .fc2 .sc2-txt{font-size:15px;line-height:1.5;color:rgba(255,255,255,.85)} #mesa-aic .fc2 .sc2-list li{font-size:13.5px} #mesa-aic .sc2-track .sc2.fc2 .sc2-stat{position:static;padding:6px 0 0;flex-direction:row;align-items:baseline;gap:10px} #mesa-aic .sc2-track .sc2.fc2 .sc2-stat b{font-size:clamp(34px,3vw,44px)} #mesa-aic .fc2-logo{margin-top:auto;padding-top:18px} #mesa-aic .fc2-logo .slot.logo{border-color:rgba(255,255,255,.4)} #mesa-aic .fc2-logoimg{display:inline-grid;place-items:center;height:44px;padding:6px 10px;background:#fff;border-radius:10px} #mesa-aic .fc2-logoimg img{display:block;height:30px;width:auto} #mesa-aic .fc2-photo{position:relative;grid-column:auto;min-height:100%;overflow:hidden;background:var(--panel-700)} #mesa-aic .fc2-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 25%} #mesa-aic .fc2-photo.ph{display:grid;place-items:center;text-align:center;background:repeating-linear-gradient(135deg,rgba(129,160,147,.14) 0 10px,transparent 10px 20px),var(--panel-700);border-left:1.5px dashed rgba(129,160,147,.5);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--lime)} #mesa-aic .fc2-photo.ph small{display:block;margin-top:6px;font-size:12px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--text-on-dark)} @media (max-width:680px){#mesa-aic .sc2-track .sc2.fc2{grid-template-columns:minmax(0,1fr);padding:0} #mesa-aic .sc2-track .sc2.fc2 .sc2-copy{padding:28px 24px 20px} #mesa-aic .fc2-photo{min-height:260px;order:2} #mesa-aic .fc2-photo.ph{border-left:0;border-top:1.5px dashed rgba(129,160,147,.5)}} #mesa-aic .tr-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,64px);align-items:center;margin-bottom:clamp(32px,4vw,48px)} #mesa-aic .tr-intro .sh{margin-bottom:0} #mesa-aic .tr-photo{margin:0;border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:16/9;background:var(--panel-700)} #mesa-aic .tr-photo img{display:block;width:100%;height:100%;object-fit:cover} @media (max-width:900px){#mesa-aic .tr-intro{grid-template-columns:minmax(0,1fr)}} #mesa-aic .sc2-track .sc2.fc2 .sc2-txt b{color:#fff;font-weight:700} #mesa-aic .sc2-from{display:block;color:inherit;font-weight:600;margin-bottom:4px} #mesa-aic .sc2-track .sc2.fc2 .fc2-photo{background:#2e5239} #mesa-aic .sc2-track .sc2.fc2 .fc2-photo img{object-position:50% 12%} #mesa-aic .ba-lab{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:rgba(254,250,245,.55);margin:2px 0 -4px} #mesa-aic .ba-lab.after{color:var(--lime);margin-top:8px} #mesa-aic .fc2-logo:empty{display:none} #mesa-aic .sc2-track .sc2.fc2 .fc2-photo img{object-position:50% 20%} #mesa-aic .sc2-nav{gap:16px} #mesa-aic .sc2-dots{flex:1 1 auto;min-width:0;flex-wrap:wrap;row-gap:8px} #mesa-aic .sc2-btns{flex:none} #mesa-aic .st3{flex:0 0 calc((100% - 24px)/2);scroll-snap-align:start;display:flex;flex-direction:column;gap:18px;padding:26px 26px 24px;background:var(--card-500);border-radius:var(--radius-xl)} #mesa-aic .st3-top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px} #mesa-aic .st3-who{min-width:0;padding-top:6px} #mesa-aic .st3 h3{font-size:clamp(22px,2vw,26px);font-weight:400;line-height:1.15;color:#fff} #mesa-aic .st3-role{margin-top:6px;font-size:14.5px;line-height:1.4;color:rgba(255,255,255,.78)} #mesa-aic .st3-logo{display:block;width:38px;height:38px;margin-top:14px;border-radius:9px;overflow:hidden;background:#fff} #mesa-aic .st3-logo img{display:block;width:100%;height:100%;object-fit:contain} #mesa-aic .st3-pic{width:112px;aspect-ratio:1;flex:none} #mesa-aic .st3-pic img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;box-shadow:0 0 0 4px var(--panel-700)} #mesa-aic .st3-box{flex:1;padding:18px 20px 20px;border-radius:var(--radius-lg);background:var(--panel-700)} #mesa-aic .st3-lab{margin-bottom:6px;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:rgba(254,250,245,.6)} #mesa-aic .st3-lab.after{margin-top:14px;padding-top:14px;border-top:1px solid rgba(129,160,147,.3);color:var(--lime)} #mesa-aic .st3-t{font-size:14.5px;line-height:1.55;color:rgba(255,255,255,.84)} #mesa-aic .st3-t b{color:#fff;font-weight:700} @media (max-width:680px){#mesa-aic .st3{flex-basis:calc(100% - 24px);padding:22px 18px 18px;gap:16px} #mesa-aic .st3-pic{width:84px} #mesa-aic .st3 h3{font-size:21px} #mesa-aic .st3-role{font-size:14px} #mesa-aic .st3-box{padding:16px 16px 18px} } #mesa-aic .mph{position:absolute;right:20px;bottom:0;width:clamp(124px,36%,148px);aspect-ratio:9/10;border-radius:999px 999px 0 0;overflow:hidden;background:var(--panel-700);box-shadow:inset 0 0 0 1px rgba(129,160,147,.35)} #mesa-aic .mph img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 20%} #mesa-aic .fc .hd{padding-bottom:28px;min-height:188px} #mesa-aic .fc .tx{max-width:calc(100% - 160px)} #mesa-aic .mlogo{display:inline-grid;place-items:center;height:44px;padding:0;border-radius:10px;overflow:hidden;background:#fff} #mesa-aic .mlogo img{display:block;height:44px;width:auto;max-width:180px;object-fit:contain} #mesa-aic .mlogo.wide{padding:0 12px} #mesa-aic .mlogo.wide img{height:28px} #mesa-aic .fc .bd{display:flex;flex-direction:column;gap:12px} #mesa-aic .fc .bd .chiprow{margin-top:auto;padding-top:8px} #mesa-aic .mtrack{flex-wrap:wrap;justify-content:center;gap:12px;min-width:0} #mesa-aic .marq{overflow:visible;-webkit-mask-image:none;mask-image:none} #mesa-aic .marq{max-width:1248px;margin-inline:auto;padding-inline:max(16px,4vw)} #mesa-aic .lgo{flex:none;display:flex;align-items:center;gap:12px;height:68px;padding:0 20px 0 14px;border:1px solid rgba(129,160,147,.45);border-radius:var(--radius-md);background:#fff} #mesa-aic .lgo img{width:40px;height:40px;border-radius:9px;object-fit:contain;flex:none} #mesa-aic .lgo b{font-size:15px;font-weight:700;color:var(--heading-green);white-space:nowrap} #mesa-aic .mtrack .lgph{width:auto;height:68px;padding:0 22px} #mesa-aic .marq .mtrack{flex:1 1 100%;width:100%;max-width:100%} #mesa-aic .marq .mtrack{justify-content:flex-start} #mesa-aic .marq{display:flex;gap:12px;overflow:hidden;max-width:none;margin:0;padding:4px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)} #mesa-aic .marq .mtrack{flex:none;width:auto;max-width:none;min-width:0;flex-wrap:nowrap;gap:12px;justify-content:flex-start;animation:mslide 50s linear infinite} #mesa-aic .marq .mtrack.dup{display:flex} #mesa-aic .marq:hover .mtrack{animation-play-state:paused} @keyframes mslide{to{transform:translateX(calc(-100% - 12px))}} @media (prefers-reduced-motion:reduce){#mesa-aic .marq .mtrack{animation:none} #mesa-aic .marq .mtrack.dup{display:none} #mesa-aic .marq{overflow-x:auto}} #mesa-aic .ds-sec{background:#0b1818;color:rgba(255,255,255,.8);padding-block:60px;font-family:Manrope,system-ui,sans-serif} #mesa-aic .ds-sec+.ds-sec{padding-top:0} #mesa-aic .ds-head{display:grid;gap:12px;max-width:560px} #mesa-aic .ds-h2{font-size:24px;line-height:32px;font-weight:300;color:#fff;margin:0} #mesa-aic .ds-h2 b{font-weight:500} #mesa-aic .ds-lede{font-size:16px;line-height:24px;font-weight:300;color:rgba(255,255,255,.8);margin:0} #mesa-aic .ds-sec .tr-intro{margin-bottom:24px} #mesa-aic .ds-overline{font-size:10px;line-height:12px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:#89ce98;margin:0} #mesa-aic .ds-h3{font-size:20px;line-height:28px;font-weight:300;color:#fff;margin:6px 0 0} #mesa-aic .ds-h3 b{font-weight:500} #mesa-aic .ds-body{font-size:14px;line-height:20px;font-weight:300;color:rgba(255,255,255,.8);margin:0} #mesa-aic .ds-label{font-size:12px;line-height:16px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:rgba(255,255,255,.55);margin:0} #mesa-aic .ds-tick{width:20px;height:20px;flex:none;color:#6ed190} #mesa-aic .ds-outs{list-style:none;margin:0;padding:0;display:grid;gap:12px} #mesa-aic .ds-outs li{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:20px;font-weight:300;color:rgba(255,255,255,.8)} #mesa-aic .ds-t1{display:grid;grid-template-columns:336px minmax(0,1fr);border:1px solid #183d2c;border-radius:24px;background:rgba(11,24,24,.2);overflow:hidden} #mesa-aic .ds-t1__side{background:#183d2c;padding:36px 32px;display:flex;flex-direction:column;gap:12px;justify-content:center} #mesa-aic .ds-t1__main{padding:36px 40px;display:grid;gap:16px;align-content:center} #mesa-aic .ds-t1__main .ds-outs{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 32px} #mesa-aic .ds-fact{display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding:8px 15px;border:1px solid rgba(255,255,255,.4);border-radius:999px;background:rgba(0,0,0,.25);font-size:13px;line-height:18px;font-weight:700;color:#f0fff5;align-self:flex-start} #mesa-aic .ds-tracks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px} #mesa-aic .ds-track{background:#1f4e39;border-radius:24px;padding:32px 30px;display:flex;flex-direction:column;gap:12px} #mesa-aic .ds-track>.ds-label{margin-top:12px} #mesa-aic .ds-rolebox{margin-top:auto;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);display:grid;gap:8px} #mesa-aic .ds-rolebox .ds-label{margin-top:8px} #mesa-aic .ds-rolenote{color:rgba(255,255,255,.65)} #mesa-aic .ds-roles{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px} #mesa-aic .ds-pill{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:rgba(110,209,144,.15);border:1px solid rgba(110,209,144,.25);font-size:12px;line-height:16px;font-weight:600;color:#6ed190} #mesa-aic .ds-split{display:grid;grid-template-columns:300px minmax(0,1fr);gap:40px;align-items:center} #mesa-aic .ds-split__intro{display:grid;gap:12px} #mesa-aic .ds-car{min-width:0;margin-right:calc(-1 * max(16px,4vw))} #mesa-aic .ds-car__track{display:flex;gap:17px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-right:max(16px,4vw)} #mesa-aic .ds-car__track::-webkit-scrollbar{display:none} #mesa-aic .ds-car__track .ds-featcard{flex:0 0 300px;scroll-snap-align:start} #mesa-aic .ds-car__nav{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding-right:max(16px,4vw)} #mesa-aic .ds-car__dots{display:flex;gap:10px;flex-wrap:wrap} #mesa-aic .ds-car__dots button{width:10px;height:10px;border-radius:999px;border:0;padding:0;background:#1e4f39;cursor:pointer;transition:width .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1)} #mesa-aic .ds-car__dots button[aria-current="true"]{width:40px;background:#6ed190} #mesa-aic .ds-car__btns{display:flex;gap:12px} #mesa-aic .ds-arrow{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:0;background:#d9e38a;color:#0b1818;cursor:pointer} #mesa-aic .ds-arrow:disabled{opacity:.4;cursor:default} #mesa-aic .ds-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px} #mesa-aic .ds-featcard{position:relative;background:#1f4e39;border-radius:24px;padding:34px 30px;display:flex;flex-direction:column;gap:12px} #mesa-aic .ds-featcard h3{font-size:18px;line-height:28px;font-weight:300;color:#fff;margin:0 48px 0 0} #mesa-aic .ds-featcard h3 b{font-weight:700;color:#6ed190} #mesa-aic .ds-featcard p{font-size:14px;line-height:20px;font-weight:300;color:rgba(255,255,255,.8);margin:0} #mesa-aic .ds-featcard .num{position:absolute;top:26px;right:30px;font-size:36px;line-height:40px;font-weight:700;color:#23894f} #mesa-aic .ds-featcard .ds-roles{margin-top:auto;padding-top:8px} @media (max-width:1023px){#mesa-aic .ds-t1{grid-template-columns:minmax(0,1fr)} #mesa-aic .ds-t1__main .ds-outs{grid-template-columns:minmax(0,1fr)} #mesa-aic .ds-tracks{grid-template-columns:minmax(0,1fr)} #mesa-aic .ds-features{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:899px){#mesa-aic .ds-sec{padding-block:52px} #mesa-aic .ds-split{grid-template-columns:minmax(0,1fr);gap:24px} #mesa-aic .ds-car__btns{display:none} #mesa-aic .ds-car__track .ds-featcard{flex-basis:78vw} #mesa-aic .ds-features{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:calc(-1 * max(16px,4vw));padding-right:max(16px,4vw)} #mesa-aic .ds-features::-webkit-scrollbar{display:none} #mesa-aic .ds-features .ds-featcard{flex:0 0 78vw;scroll-snap-align:start} #mesa-aic .ds-t1__side,#mesa-aic .ds-t1__main{padding:24px 20px} #mesa-aic .ds-track{padding:24px 20px}} #mesa-aic .ds-split-label{display:flex;align-items:center;gap:16px;margin:28px 0 12px} #mesa-aic .ds-split-label::before,#mesa-aic .ds-split-label::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.2)} #mesa-aic .ds-split-label span{font-size:12px;line-height:16px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:rgba(255,255,255,.55);text-align:center} #mesa-aic .ds-tracks{margin-top:0} #mesa-aic .pf-stack{display:grid;gap:16px;margin-top:32px} #mesa-aic .pf{position:relative;overflow:hidden;border-radius:24px;background:#112120;min-height:440px;display:flex;align-items:center} #mesa-aic .pf-photo{position:absolute;top:0;bottom:0;width:58%;left:0} #mesa-aic .pf--right .pf-photo{left:auto;right:0} #mesa-aic .pf-photo img{display:block;width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(90deg,#000 55%,transparent);mask-image:linear-gradient(90deg,#000 55%,transparent)} #mesa-aic .pf--right .pf-photo img{-webkit-mask-image:linear-gradient(270deg,#000 55%,transparent);mask-image:linear-gradient(270deg,#000 55%,transparent)} #mesa-aic .is-slot{display:grid;place-items:center;text-align:center;background:repeating-linear-gradient(135deg,rgba(129,160,147,.12) 0 10px,transparent 10px 20px),#152a20;color:rgba(255,255,255,.55);font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase} #mesa-aic .is-slot small{display:block;margin-top:6px;font-size:12px;font-weight:300;letter-spacing:0;text-transform:none;padding:0 16px} #mesa-aic .pf .pf-photo.is-slot{border-right:1.5px dashed rgba(129,160,147,.5)} #mesa-aic .pf--right .pf-photo.is-slot{border-right:0;border-left:1.5px dashed rgba(129,160,147,.5)} #mesa-aic .pf-body{position:relative;z-index:1;width:50%;margin-left:auto;padding:64px 48px 64px 0;display:flex;flex-direction:column;gap:16px} #mesa-aic .pf--right .pf-body{margin-left:0;margin-right:auto;padding:64px 0 64px 48px} #mesa-aic .pf-eyebrow{font-size:14px;line-height:20px;font-weight:300;color:rgba(255,255,255,.8);margin:0} #mesa-aic .pf-h{font-size:24px;line-height:32px;font-weight:300;color:#fff;margin:0} #mesa-aic .pf-h b{font-weight:500} #mesa-aic .pf-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px} #mesa-aic .pf-tile{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:16px;background:rgba(35,89,63,.8);-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px);color:rgba(255,255,255,.8)} #mesa-aic .pf-tile b{font-size:14.4px;line-height:20px;font-weight:700;color:#6ed190} #mesa-aic .pf-tile span{font-size:13px;line-height:18px;font-weight:400;color:rgba(255,255,255,.8)} #mesa-aic .pf-fact{margin-top:8px} #mesa-aic .pf-roles{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px} #mesa-aic .pf-roles__lab{font-size:12px;line-height:16px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:rgba(255,255,255,.55);margin-right:4px} #mesa-aic .pc{flex:0 0 280px;scroll-snap-align:start;display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:#152a20} #mesa-aic .pc-photo{aspect-ratio:16/10} #mesa-aic .pc-body{padding:18px 20px 22px;display:grid;gap:6px} #mesa-aic .pc-body h3{font-size:16px;line-height:22px;font-weight:500;color:#fff;margin:0} #mesa-aic .pc-body p{font-size:14px;line-height:20px;font-weight:300;color:rgba(255,255,255,.8);margin:0} @media (max-width:1100px){#mesa-aic .pf-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:1023px){#mesa-aic .pf{display:block;min-height:0} #mesa-aic .pf-photo,#mesa-aic .pf--right .pf-photo{position:relative;width:100%;aspect-ratio:16/10} #mesa-aic .pf-photo img,#mesa-aic .pf--right .pf-photo img{-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent);mask-image:linear-gradient(180deg,#000 60%,transparent)} #mesa-aic .pf .pf-photo.is-slot,#mesa-aic .pf--right .pf-photo.is-slot{border:0;border-bottom:1.5px dashed rgba(129,160,147,.5)} #mesa-aic .pf-body,#mesa-aic .pf--right .pf-body{width:auto;margin:0;padding:24px 20px 28px}} @media (max-width:899px){#mesa-aic .pc{flex-basis:72vw}} @media (min-width:1024px){#mesa-aic .pf .pf-photo.is-slot{width:47%}} #mesa-aic .pf--how .pf-tile span{font-size:13px;line-height:18px} #mesa-aic .t1{display:grid;grid-template-columns:320px minmax(0,1fr);border:1px solid #183d2c;border-radius:24px;background:rgba(11,24,24,.2);overflow:hidden} #mesa-aic .t1__side{background:#183d2c;padding:32px;display:flex;flex-direction:column;gap:10px;justify-content:center} #mesa-aic .t1__side .ds-fact{margin-top:10px} #mesa-aic .t1__main{padding:32px 36px;display:grid;gap:18px;align-content:center} #mesa-aic .t1-outs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px} #mesa-aic .t1-out{display:flex;flex-direction:column;gap:8px;color:rgba(255,255,255,.8)} #mesa-aic .t1-out svg{color:#6ed190} #mesa-aic .t1-out b{font-size:14.4px;line-height:20px;font-weight:700;color:#6ed190} #mesa-aic .t1-out span{font-size:14px;line-height:20px;font-weight:300} #mesa-aic .trk{display:grid;gap:16px} #mesa-aic .trk-toggle{display:inline-flex;justify-self:start;gap:4px;padding:4px;border-radius:999px;border:1px solid #183d2c;background:#112120} #mesa-aic .trk-toggle button{border:0;border-radius:999px;padding:12px 24px;background:transparent;color:rgba(255,255,255,.8);font:500 14px/20px Manrope,system-ui,sans-serif;cursor:pointer;transition:background .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1)} #mesa-aic .trk-toggle button:hover{color:#fff} #mesa-aic .trk-toggle button[aria-selected="true"]{background:#d9e38a;color:#0b1818;font-weight:700} #mesa-aic .trk-toggle button:focus-visible{outline:2px solid #6ed190;outline-offset:2px} #mesa-aic .trk-panel[hidden]{display:none} @media (max-width:1023px){#mesa-aic .t1{grid-template-columns:minmax(0,1fr)} #mesa-aic .t1-outs{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:899px){#mesa-aic .t1__side,#mesa-aic .t1__main{padding:24px 20px} #mesa-aic .trk-toggle{justify-self:stretch} #mesa-aic .trk-toggle button{flex:1;padding:12px 10px}} #mesa-aic .pf--how .pf-tiles{grid-template-columns:repeat(2,minmax(0,1fr))} #mesa-aic .pf--how .pf-tile span{font-size:14px;line-height:20px} #mesa-aic .tt{display:grid;grid-template-columns:320px minmax(0,1fr);border:1px solid #183d2c;border-radius:24px;overflow:hidden;background:rgba(11,24,24,.2)} #mesa-aic .tt-list{background:#183d2c;border-radius:24px;padding:16px 24px;display:flex;flex-direction:column} #mesa-aic .tt-list button{display:grid;gap:4px;text-align:left;padding:20px 0;border:0;border-top:1px solid rgba(255,255,255,.1);background:none;color:rgba(255,255,255,.8);cursor:pointer;font-family:Manrope,system-ui,sans-serif} #mesa-aic .tt-list button:first-child{border-top:0} #mesa-aic .tt-n{font-size:12px;line-height:16px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;color:rgba(255,255,255,.55)} #mesa-aic .tt-t{font-size:20px;line-height:28px;font-weight:300;color:#fff;transition:color .15s cubic-bezier(.4,0,.2,1)} #mesa-aic .tt-d{font-size:14px;line-height:20px;font-weight:300} #mesa-aic .tt-list button[aria-selected="true"] .tt-t{color:#d9e38a;font-weight:700} #mesa-aic .tt-list button[aria-selected="true"] .tt-n{color:#d9e38a} #mesa-aic .tt-list button:hover .tt-t{color:#d9e38a} #mesa-aic .tt-list button:focus-visible{outline:2px solid #6ed190;outline-offset:2px;border-radius:8px} #mesa-aic .tt-panel{padding:40px;display:flex;flex-direction:column;gap:24px;min-width:0} #mesa-aic .tt-panel[hidden]{display:none} #mesa-aic .tt-h{font-size:24px;line-height:32px;font-weight:300;color:#fff;margin:0} #mesa-aic .tt-h b{font-weight:500} #mesa-aic .tt-outs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 32px} #mesa-aic .tt-out{display:flex;gap:12px;align-items:flex-start;color:#6ed190} #mesa-aic .tt-out svg{flex:none;margin-top:2px} #mesa-aic .tt-out div{display:grid;gap:2px} #mesa-aic .tt-out b{font-size:15px;line-height:22px;font-weight:700;color:#6ed190} #mesa-aic .tt-out span{font-size:14px;line-height:20px;font-weight:300;color:rgba(255,255,255,.8)} #mesa-aic .tt-roles{display:grid;gap:10px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)} #mesa-aic .tt-photo{aspect-ratio:16/5;border-radius:20px;border:1.5px dashed rgba(129,160,147,.5)} @media (max-width:1023px){#mesa-aic .tt{grid-template-columns:minmax(0,1fr)} #mesa-aic .tt-list{flex-direction:row;overflow-x:auto;gap:8px;padding:12px;border-radius:24px 24px 0 0} #mesa-aic .tt-list button{flex:1 0 auto;border-top:0;padding:12px 16px;border-radius:16px} #mesa-aic .tt-list button[aria-selected="true"]{background:rgba(217,227,138,.12)} #mesa-aic .tt-d{display:none} #mesa-aic .tt-panel{padding:24px 20px} #mesa-aic .tt-outs{grid-template-columns:minmax(0,1fr)} #mesa-aic .tt-photo{aspect-ratio:16/7}} #mesa-aic #how .ds-head{margin-bottom:32px} #mesa-aic .tt-photo{aspect-ratio:16/4} @media (max-width:1023px){#mesa-aic .tt-photo{aspect-ratio:16/7}} #mesa-aic .tt{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;border:0;border-radius:0;background:none;overflow:visible} #mesa-aic .tt-list{flex-direction:row;gap:16px;padding:0;background:none;border-radius:0;overflow:visible} #mesa-aic .tt-list button{flex:1 1 0;border:1px solid #183d2c;border-radius:20px;padding:20px 24px;background:#112120;transition:background .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1)} #mesa-aic .tt-list button:first-child{border-top:1px solid #183d2c} #mesa-aic .tt-list button:hover{background:#183d2c} #mesa-aic .tt-list button[aria-selected="true"]{background:#183d2c;border-color:#d9e38a} #mesa-aic .tt-panel{border:1px solid #183d2c;border-radius:24px;background:rgba(11,24,24,.2)} @media (max-width:1023px){#mesa-aic .tt-list{overflow:visible;padding:0;gap:10px;border-radius:0} #mesa-aic .tt-list button{flex:1 1 0;padding:14px 16px;border-radius:16px;border-top:1px solid #183d2c} #mesa-aic .tt-list button[aria-selected="true"]{background:#183d2c;border-color:#d9e38a} #mesa-aic .tt-t{font-size:17px;line-height:24px}} #mesa-aic .trk-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center} #mesa-aic .trk-intro__photo{aspect-ratio:16/9;border-radius:24px;border:1.5px dashed rgba(129,160,147,.5)} #mesa-aic .tt-rolelist{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;font-size:20px;line-height:30px;font-weight:300;color:#fff} #mesa-aic .tt-rolelist i{font-style:normal;font-weight:300;color:#23894f} @media (max-width:899px){#mesa-aic .trk-intro{grid-template-columns:minmax(0,1fr);gap:24px} #mesa-aic .tt-rolelist{font-size:17px;line-height:26px;gap:4px 10px}} #mesa-aic .mc-split{align-items:center} #mesa-aic .ds-btn{display:inline-flex;align-items:center;gap:8px;justify-self:start;margin-top:12px;padding:16px 32px 16px 20px;border-radius:16px;background:#d9e38a;color:#0b1818;font:600 14px/20px Manrope,system-ui,sans-serif;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;transition:background .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1)} #mesa-aic .ds-btn:hover{background:#436b56;color:#fff} #mesa-aic .mc-track{gap:17px} #mesa-aic .mc-col{flex:0 0 420px;display:grid;grid-template-rows:1fr 1fr;gap:17px;scroll-snap-align:start} #mesa-aic .mc{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;min-width:0} #mesa-aic .mc-head{position:relative;height:190px;display:flex;align-items:center;padding:0 0 0 26px;overflow:hidden} #mesa-aic .mc-tx{position:relative;z-index:2;max-width:56%} #mesa-aic .mc h3{font-size:20px;line-height:28px;font-weight:600;color:#fff;margin:0;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.3)} #mesa-aic .mc-by{margin:12px 0 0;font-size:14px;line-height:20px;font-weight:400;color:#6ed190} #mesa-aic .mc-photo{position:absolute;right:0;top:0;bottom:0;width:48%} #mesa-aic .mc-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 18%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 34%);mask-image:linear-gradient(90deg,transparent 0,#000 34%)} #mesa-aic .mc-arc{position:absolute;z-index:1;right:-30px;top:-10px;width:230px;height:230px;fill:none;stroke:rgba(255,255,255,.35);stroke-width:1.2;stroke-dasharray:5 6;pointer-events:none} #mesa-aic .mc-photo img{z-index:0} #mesa-aic .mc-body{flex:1;padding:20px 26px 24px;display:flex;flex-direction:column;gap:8px} #mesa-aic .mc-lab{margin:0;font-size:10px;line-height:12px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:#fff} #mesa-aic .mc-ov{margin:0;font-size:14px;line-height:20px;font-weight:300;color:rgba(255,255,255,.85)} #mesa-aic .mc-logos{margin-top:auto;padding-top:10px;display:flex;gap:10px} #mesa-aic .mc-logos .mlogo{height:40px;border-radius:10px} #mesa-aic .mc-logos .mlogo img{height:40px} #mesa-aic .mc-logos .mlogo.wide img{height:26px} #mesa-aic .mc--green .mc-head{background:linear-gradient(125deg,#20402f 0%,#365f4a 100%)} #mesa-aic .mc--green .mc-body{background:#152f22} #mesa-aic .mc--navy .mc-head{background:linear-gradient(132deg,#1f2e45 0%,#274577 100%)} #mesa-aic .mc--navy .mc-body{background:#111c31} #mesa-aic .mc--teal .mc-head{background:linear-gradient(121deg,#23393b 0%,#275655 100%)} #mesa-aic .mc--teal .mc-body{background:#13292a} #mesa-aic .mc--maroon .mc-head{background:linear-gradient(125deg,#4a2e28 0%,#6b463d 100%)} #mesa-aic .mc--maroon .mc-body{background:#2a1411} @media (max-width:899px){#mesa-aic .mc-col{flex-basis:84vw} #mesa-aic .mc-head{height:170px;padding-left:20px} #mesa-aic .mc h3{font-size:18px;line-height:24px} #mesa-aic .mc-body{padding:18px 20px 22px}} #mesa-aic .mc-tx{max-width:50%} @media (max-width:899px){#mesa-aic .mc-tx{max-width:52%} #mesa-aic .mc-photo{width:46%}} #mesa-aic .sc2-track .sx{flex:0 0 calc((100% - 24px)/2);scroll-snap-align:start} #mesa-aic .sx-head{height:250px;padding-left:30px} #mesa-aic .sx .mc-tx{max-width:52%} #mesa-aic .sx h3{font-size:24px;line-height:32px;font-weight:600} #mesa-aic .sx .mc-by{font-size:15px} #mesa-aic .sx-photo{width:50%} #mesa-aic .sx-photo img{object-position:50% 22%} #mesa-aic .sx .mc-arc{width:260px;height:260px;right:-20px;top:-6px} #mesa-aic .sx-logo{display:block;width:40px;height:40px;margin-top:16px;border-radius:9px;overflow:hidden;background:#fff} #mesa-aic .sx-logo img{display:block;width:100%;height:100%;object-fit:contain} #mesa-aic .sx-body{padding:22px 30px 26px;gap:6px} #mesa-aic .sx .mc-ov{font-size:15px;line-height:22px} #mesa-aic .sx .mc-ov b{color:#fff;font-weight:700} #mesa-aic .sx-after{margin-top:12px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12);color:#d9e38a} @media (max-width:680px){#mesa-aic .sc2-track .sx{flex-basis:calc(100% - 24px)} #mesa-aic .sx-head{height:200px;padding-left:20px} #mesa-aic .sx h3{font-size:20px;line-height:26px} #mesa-aic .sx .mc-by{font-size:14px} #mesa-aic .sx-body{padding:18px 20px 22px} #mesa-aic .sx .mc-ov{font-size:14.5px}} #mesa-aic .sc2-track .sx{gap:0;padding:0;background:none} #mesa-aic .sc2-track .sy{flex:0 0 calc((100% - 24px)/2);scroll-snap-align:start;display:grid;grid-template-columns:44% minmax(0,1fr);min-height:440px;border-radius:24px;overflow:hidden;background:#152a20;border:1px solid rgba(255,255,255,.07)} #mesa-aic .sy-photo{position:relative;background:#0f2020} #mesa-aic .sy-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%} #mesa-aic .sy-tag{position:absolute;left:14px;bottom:14px;right:14px;display:flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;border-radius:12px;background:rgba(11,24,30,.8);border:1px solid rgba(0,200,220,.3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)} #mesa-aic .sy-tag img{width:30px;height:30px;border-radius:7px;background:#fff;object-fit:contain;flex:none} #mesa-aic .sy-tag b{font-size:12px;line-height:16px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #mesa-aic .sy-body{padding:28px 26px 26px;display:flex;flex-direction:column;gap:14px;min-width:0} #mesa-aic .sy h3{margin:0;font-size:24px;line-height:30px;font-weight:800;letter-spacing:-.48px;color:#fff} #mesa-aic .sy-role{margin:-8px 0 2px;font-size:13px;line-height:18px;font-weight:500;color:rgba(255,255,255,.6)} #mesa-aic .sy-role b{color:#fff;font-weight:700} #mesa-aic .sy-ba{display:grid;gap:4px} #mesa-aic .sy-lab{margin:0;font-size:10px;line-height:12px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:rgba(255,255,255,.4)} #mesa-aic .sy-t{margin:0;font-size:14px;line-height:22px;font-weight:300;color:rgba(255,255,255,.7)} #mesa-aic .sy-after{margin-top:auto;padding:14px 16px;border-radius:12px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.07)} #mesa-aic .sy-after .sy-lab{color:#6ed190} #mesa-aic .sy-after .sy-t{color:rgba(255,255,255,.85)} #mesa-aic .sy-t b{color:#6ed190;font-weight:700} @media (max-width:900px){#mesa-aic .sc2-track .sy{flex-basis:calc(100% - 24px)}} @media (max-width:600px){#mesa-aic .sc2-track .sy{grid-template-columns:minmax(0,1fr);min-height:0} #mesa-aic .sy-photo{aspect-ratio:4/3} #mesa-aic .sy-body{padding:20px 18px 20px} #mesa-aic .sy h3{font-size:21px;line-height:26px}} #mesa-aic .sy-tag{right:auto;max-width:calc(100% - 28px)} #mesa-aic .sc2-track .sy{grid-template-columns:minmax(0,1fr) 38%;min-height:0} #mesa-aic .sy-photo{order:2} #mesa-aic .sy-body{order:1;padding:22px 22px 22px;gap:10px} #mesa-aic .sy h3{font-size:21px;line-height:26px} #mesa-aic .sy-role{margin:-6px 0 0} #mesa-aic .sy-t{font-size:13.5px;line-height:20px} #mesa-aic .sy-after{padding:12px 14px} @media (max-width:600px){#mesa-aic .sc2-track .sy{grid-template-columns:minmax(0,1fr)} #mesa-aic .sy-photo{order:0;aspect-ratio:16/10} #mesa-aic .sy-body{order:1}} #mesa-aic .tl{position:relative;margin-top:clamp(32px,4vw,48px);--n:5} #mesa-aic .tl-track{position:absolute;left:calc(100%/var(--n)/2);right:calc(100%/var(--n)/2);top:23px;height:8px;border-top:1.2px dashed #2d814a;transform:translateY(3px)} #mesa-aic .tl-fill{position:absolute;left:0;top:-5px;height:8px;width:0;border-radius:11px;background:#d9e38a;transition:width .6s linear} #mesa-aic .tl-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:16px;position:relative} #mesa-aic .tl-step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:0 6px} #mesa-aic .tl-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fefaf5;border:1.5px solid #81a093;font:600 19px/1 Manrope,system-ui,sans-serif;color:#61716f;transition:background .3s,border-color .3s,color .3s;position:relative;z-index:1} #mesa-aic .tl-step h3{margin:8px 0 0;font-size:20px;line-height:28px;font-weight:500;color:#1e3636;transition:opacity .3s} #mesa-aic .tl-step p{margin:0;font-size:15px;line-height:22px;font-weight:300;color:#5c6c68;max-width:230px;transition:opacity .3s} #mesa-aic .tl-step:not(.on) h3,#mesa-aic .tl-step:not(.on) p{opacity:.45} #mesa-aic .tl-step.on .tl-mark{background:#d9e38a;border-color:#d9e38a;color:#0b1818} @media (max-width:767px){#mesa-aic .tl{--n:1} #mesa-aic .tl-track{left:23px;right:auto;top:24px;bottom:24px;width:8px;height:auto;border-top:0;border-left:1.2px dashed #2d814a;transform:translateX(3px)} #mesa-aic .tl-fill{left:-5px;top:0;width:8px;height:0;transition:height .6s linear} #mesa-aic .tl-steps{gap:28px} #mesa-aic .tl-step{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:18px;text-align:left;align-items:start;padding:0} #mesa-aic .tl-mark{grid-row:1/3} #mesa-aic .tl-step h3{margin:10px 0 0} #mesa-aic .tl-step p{max-width:none}} @media (prefers-reduced-motion:reduce){#mesa-aic .tl-fill,#mesa-aic .tl-mark{transition:none}} #mesa-aic .tl-step.on .tl-mark{border-color:#2d814a} #mesa-aic .rm{position:relative;margin-top:clamp(32px,4vw,48px);padding:0 36px} #mesa-aic .rm-line{position:absolute;left:8px;right:8px;top:50%;height:2px;background:#2f4d40;transform:translateY(-1px)} #mesa-aic .rm-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:#6ed190;transition:width .6s linear} #mesa-aic .rm-dot{position:absolute;top:50%;width:16px;height:16px;margin-top:-8px;border-radius:50%;background:#6ed190;z-index:1} #mesa-aic .rm-start{left:0} #mesa-aic .rm-end{right:0;background:#2f4d40;transition:background .3s} #mesa-aic .rm.done .rm-end{background:#6ed190} #mesa-aic .rm-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:44px;position:relative} #mesa-aic .rm-step{position:relative;display:flex} #mesa-aic .rm-card{position:relative;flex:1;display:flex;flex-direction:column;gap:8px;padding:22px 20px 24px;border-radius:24px;border:1px solid rgba(255,255,255,.18);color:#fff;transition:opacity .4s,transform .4s;min-height:200px} #mesa-aic .rm--coral .rm-card{background:linear-gradient(125deg,#5a2c27 0%,#c86c5c 100%)} #mesa-aic .rm--teal .rm-card{background:linear-gradient(125deg,#2a5559 0%,#5bc1cf 100%)} #mesa-aic .rm--indigo .rm-card{background:linear-gradient(125deg,#2b3263 0%,#5864cc 100%)} #mesa-aic .rm-n{font-size:15px;line-height:20px;font-weight:500;color:#fff} #mesa-aic .rm-ic{position:absolute;top:18px;right:18px;color:rgba(255,255,255,.45)} #mesa-aic .rm-card h3{margin:4px 0 0;font-size:17px;line-height:24px;font-weight:600;color:#fff} #mesa-aic .rm-card p{margin:0;font-size:14px;line-height:20px;font-weight:300;color:rgba(255,255,255,.88)} #mesa-aic .rm-arrow{position:absolute;top:50%;right:-31px;width:0;height:0;margin-top:-9px;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:15px solid #2f4d40;z-index:1;transition:border-color .3s} #mesa-aic .rm-step.on .rm-arrow{border-left-color:#6ed190} @media (max-width:1023px){#mesa-aic .rm{padding:28px 0 28px 44px} #mesa-aic .rm-line{left:15px;right:auto;top:8px;bottom:8px;width:2px;height:auto;transform:none} #mesa-aic .rm-fill{width:2px;height:0;transition:height .6s linear} #mesa-aic .rm-dot{left:8px;top:0;margin-top:0} #mesa-aic .rm-end{top:auto;bottom:0;right:auto} #mesa-aic .rm-steps{grid-template-columns:minmax(0,1fr);gap:28px} #mesa-aic .rm-card{min-height:0} #mesa-aic .rm-arrow{top:auto;bottom:-23px;right:auto;left:-38px;margin:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:15px solid #2f4d40;border-bottom:0} #mesa-aic .rm-step.on .rm-arrow{border-left-color:transparent;border-top-color:#6ed190}} @media (prefers-reduced-motion:reduce){#mesa-aic .rm-fill,#mesa-aic .rm-card{transition:none}} #mesa-aic .tm{display:grid;grid-template-columns:230px minmax(0,1fr);gap:32px;align-items:start} #mesa-aic .tm-list-tabs{display:flex;flex-direction:column;gap:4px;border-left:1px solid rgba(255,255,255,.12)} #mesa-aic .tm-list-tabs button{display:grid;gap:2px;text-align:left;padding:12px 16px;margin-left:-1px;border:0;border-left:2px solid transparent;background:none;cursor:pointer;font-family:Manrope,system-ui,sans-serif;transition:border-color .15s,background .15s} #mesa-aic .tm-list-tabs button span{font-size:14px;line-height:20px;font-weight:500;color:rgba(255,255,255,.6)} #mesa-aic .tm-list-tabs button b{font-size:15px;line-height:20px;font-weight:300;color:rgba(255,255,255,.8)} #mesa-aic .tm-list-tabs button:hover b{color:#fff} #mesa-aic .tm-list-tabs button[aria-selected="true"]{border-left-color:#d9e38a;background:rgba(217,227,138,.06)} #mesa-aic .tm-list-tabs button[aria-selected="true"] span,#mesa-aic .tm-list-tabs button[aria-selected="true"] b{color:#d9e38a;font-weight:700} #mesa-aic .tm-list-tabs button:focus-visible{outline:2px solid #6ed190;outline-offset:2px} #mesa-aic .tm-panel{display:grid;gap:20px} #mesa-aic .tm-panel[hidden]{display:none} #mesa-aic .tm-goal{margin:0;font-size:16px;line-height:24px;font-weight:300;color:rgba(255,255,255,.8)} #mesa-aic .tm-goal b{font-weight:600;color:#fff} #mesa-aic .tm-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px} #mesa-aic .tm-cols .ds-label{margin-bottom:10px} #mesa-aic .tm-list{list-style:none;margin:0;padding:0;display:grid;gap:10px} #mesa-aic .tm-list li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;line-height:21px;font-weight:300;color:rgba(255,255,255,.85)} #mesa-aic .tm-list svg{flex:none;margin-top:2px;color:#6ed190} #mesa-aic .tm-build li{font-weight:500;color:#fff} #mesa-aic .tm-foot{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)} #mesa-aic .tm-tools{font-size:14px;line-height:20px;font-weight:300;color:rgba(255,255,255,.75)} #mesa-aic .tm-tools .ds-label{margin-right:6px} #mesa-aic .tm-ms{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:rgba(217,227,138,.12);border:1px solid rgba(217,227,138,.3);font-size:13px;line-height:18px;font-weight:600;color:#d9e38a} @media (max-width:1023px){#mesa-aic .tm{grid-template-columns:minmax(0,1fr);gap:20px} #mesa-aic .tm-list-tabs{flex-direction:row;border-left:0;border-bottom:1px solid rgba(255,255,255,.12);overflow-x:auto} #mesa-aic .tm-list-tabs button{flex:1 0 auto;margin:0 0 -1px;border-left:0;border-bottom:2px solid transparent} #mesa-aic .tm-list-tabs button[aria-selected="true"]{border-bottom-color:#d9e38a} #mesa-aic .tm-list-tabs button b{display:none} #mesa-aic .tm-cols{grid-template-columns:minmax(0,1fr);gap:20px}} #mesa-aic .tm{display:grid;grid-template-columns:230px minmax(0,1fr);gap:32px;align-items:start} #mesa-aic .tm-list-tabs{display:flex;flex-direction:column;gap:4px;border-left:1px solid rgba(255,255,255,.12)} #mesa-aic .tm-list-tabs button{display:grid;gap:2px;text-align:left;padding:12px 16px;margin-left:-1px;border:0;border-left:2px solid transparent;background:none;cursor:pointer;font-family:Manrope,system-ui,sans-serif;transition:border-color .15s,background .15s} #mesa-aic .tm-list-tabs button span{font-size:14px;line-height:20px;font-weight:500;color:rgba(255,255,255,.6)} #mesa-aic .tm-list-tabs button b{font-size:15px;line-height:20px;font-weight:300;color:rgba(255,255,255,.8)} #mesa-aic .tm-list-tabs button:hover b{color:#fff} #mesa-aic .tm-list-tabs button[aria-selected="true"]{border-left-color:#d9e38a;background:rgba(217,227,138,.06)} #mesa-aic .tm-list-tabs button[aria-selected="true"] span,#mesa-aic .tm-list-tabs button[aria-selected="true"] b{color:#d9e38a;font-weight:700} #mesa-aic .tm-list-tabs button:focus-visible{outline:2px solid #6ed190;outline-offset:2px} #mesa-aic .tm-panel{display:grid;gap:20px} #mesa-aic .tm-panel[hidden]{display:none} #mesa-aic .tm-goal{margin:0;font-size:16px;line-height:24px;font-weight:300;color:rgba(255,255,255,.8)} #mesa-aic .tm-goal b{font-weight:600;color:#fff} #mesa-aic .tm-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px} #mesa-aic .tm-cols .ds-label{margin-bottom:10px} #mesa-aic .tm-list{list-style:none;margin:0;padding:0;display:grid;gap:10px} #mesa-aic .tm-list li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;line-height:21px;font-weight:300;color:rgba(255,255,255,.85)} #mesa-aic .tm-list svg{flex:none;margin-top:2px;color:#6ed190} #mesa-aic .tm-build li{font-weight:500;color:#fff} #mesa-aic .tm-foot{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)} #mesa-aic .tm-tools{font-size:14px;line-height:20px;font-weight:300;color:rgba(255,255,255,.75)} #mesa-aic .tm-tools .ds-label{margin-right:6px} #mesa-aic .tm-ms{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:rgba(217,227,138,.12);border:1px solid rgba(217,227,138,.3);font-size:13px;line-height:18px;font-weight:600;color:#d9e38a} @media (max-width:1023px){#mesa-aic .tm{grid-template-columns:minmax(0,1fr);gap:20px} #mesa-aic .tm-list-tabs{flex-direction:row;border-left:0;border-bottom:1px solid rgba(255,255,255,.12);overflow-x:auto} #mesa-aic .tm-list-tabs button{flex:1 0 auto;margin:0 0 -1px;border-left:0;border-bottom:2px solid transparent} #mesa-aic .tm-list-tabs button[aria-selected="true"]{border-bottom-color:#d9e38a} #mesa-aic .tm-list-tabs button b{display:none} #mesa-aic .tm-cols{grid-template-columns:minmax(0,1fr);gap:20px}} #mesa-aic #workshops .filters{margin:28px 0 24px} #mesa-aic #workshops .filters button{background:transparent;border:1px solid rgba(255,255,255,.3);color:rgba(255,255,255,.85)} #mesa-aic #workshops .filters button:hover{border-color:#fff;color:#fff} #mesa-aic #workshops .filters button[aria-pressed="true"]{background:#d9e38a;border-color:#d9e38a;color:#0b1818} #mesa-aic .ws-car{margin-right:0} #mesa-aic .ws-car .ds-car__track{padding-right:0} #mesa-aic .ws-car .ds-car__nav{padding-right:0} #mesa-aic .wsc{flex:0 0 calc((100% - 51px)/4);scroll-snap-align:start;display:flex;flex-direction:column;gap:14px;min-height:220px;padding:24px 22px;border-radius:20px;background:#152a20;border:1px solid rgba(255,255,255,.07);transition:background .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1)} #mesa-aic .wsc[hidden]{display:none} #mesa-aic .wsc:hover{background:#1b4b35;border-color:rgba(110,209,144,.25)} #mesa-aic .wsc-top{display:flex;align-items:center;gap:10px} #mesa-aic .wsc-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(110,209,144,.15);color:#6ed190} #mesa-aic .wsc-fn{font-size:12px;line-height:16px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:#6ed190} #mesa-aic .wsc h3{margin:0;font-size:18px;line-height:26px;font-weight:500;color:#fff} #mesa-aic .wsc-tools{list-style:none;margin:auto 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px} #mesa-aic .wsc-tools li{padding:5px 10px;border-radius:10px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.07);font-size:12px;line-height:16px;font-weight:500;color:rgba(255,255,255,.8)} @media (max-width:1023px){#mesa-aic .wsc{flex-basis:calc((100% - 17px)/2)}} @media (max-width:899px){#mesa-aic .wsc{flex-basis:72vw} #mesa-aic #workshops .filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}} #mesa-aic .ds-lede-b{display:block;font-weight:600;color:#fff;margin-bottom:6px} #mesa-aic .lp-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;margin-bottom:32px} #mesa-aic .lp-intro .sh{margin-bottom:0} #mesa-aic .lp-introphoto{aspect-ratio:16/9;border-radius:24px;border:1.5px dashed rgba(129,160,147,.5)} #mesa-aic .lp-car{margin-right:0} #mesa-aic .lp-car .ds-car__track{padding-right:0} #mesa-aic .lp-car .ds-car__nav{padding-right:0} #mesa-aic .lp{flex:0 0 calc((100% - 34px)/3);scroll-snap-align:start;display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:#152a20;border:1px solid rgba(255,255,255,.07)} #mesa-aic .lp-photo{aspect-ratio:16/9;border-bottom:1.5px dashed rgba(129,160,147,.5)} #mesa-aic .lp-body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:10px} #mesa-aic .lp-top{display:flex;align-items:center;justify-content:space-between;gap:10px} #mesa-aic .lp-term{font-size:11px;line-height:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#6ed190;padding:5px 10px;border-radius:999px;background:rgba(110,209,144,.15)} #mesa-aic .lp h3{margin:4px 0 0;font-size:19px;line-height:26px;font-weight:500;color:#fff} #mesa-aic .lp p{margin:0;font-size:14.5px;line-height:21px;font-weight:300;color:rgba(255,255,255,.8)} @media (max-width:1023px){#mesa-aic .lp{flex-basis:calc((100% - 17px)/2)}} @media (max-width:899px){#mesa-aic .lp-intro{grid-template-columns:minmax(0,1fr);gap:24px} #mesa-aic .lp{flex-basis:78vw}} #mesa-aic .wsc-prob{margin:0;font-size:14px;line-height:20px;font-weight:300;color:rgba(255,255,255,.75)} #mesa-aic .wsc-prob span{display:block;margin-bottom:2px;font-size:10px;line-height:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:rgba(255,255,255,.45)} #mesa-aic .wsc{min-height:260px} #mesa-aic .tt-def{margin:-12px 0 0;font-size:15px;line-height:22px;font-weight:300;color:rgba(255,255,255,.8);max-width:760px} #mesa-aic .tt-nc{display:inline-flex;align-self:flex-start;margin-top:-12px;padding:6px 12px;border-radius:999px;background:rgba(110,209,144,.12);border:1px solid rgba(110,209,144,.25);font-size:12.5px;line-height:18px;font-weight:600;color:#6ed190} #mesa-aic .tm-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px} #mesa-aic .tm-tiles{display:flex;flex-wrap:wrap;gap:8px} #mesa-aic .tm-tool{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;border-radius:12px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.08);font-size:13px;line-height:18px;font-weight:500;color:rgba(255,255,255,.85)} #mesa-aic .tm-logo{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;border:1px dashed rgba(129,160,147,.6);font-size:7.5px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:rgba(255,255,255,.4)} #mesa-aic .tm-foot{align-items:flex-end} #mesa-aic .wf-roles{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 28px} #mesa-aic .wf-roles button{padding:11px 20px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:transparent;color:rgba(255,255,255,.85);font:500 14px/20px Manrope,system-ui,sans-serif;cursor:pointer;transition:background .15s,border-color .15s,color .15s} #mesa-aic .wf-roles button:hover{border-color:#fff;color:#fff} #mesa-aic .wf-roles button[aria-pressed="true"]{background:#d9e38a;border-color:#d9e38a;color:#0b1818;font-weight:700} #mesa-aic .wf-panel{display:grid;gap:32px} #mesa-aic .wf-panel[hidden]{display:none} #mesa-aic .wf-lab{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:12px;line-height:16px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#fff} #mesa-aic .wf-lab span{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:rgba(110,209,144,.15);color:#6ed190;font-size:11px;letter-spacing:0} #mesa-aic .wf-car{margin-right:0} #mesa-aic .wf-car .ds-car__track{padding-right:0} #mesa-aic .wf-car .ds-car__nav{padding-right:0;margin-top:16px} #mesa-aic .wf-car .wsc{flex:0 0 calc((100% - 51px)/4);scroll-snap-align:start;min-height:230px} #mesa-aic .wsc--build{background:#1b3a2b} #mesa-aic .wsc-ic--b{background:rgba(217,227,138,.14);color:#d9e38a} #mesa-aic .wsc--build .wsc-fn{color:#d9e38a} @media (max-width:1023px){#mesa-aic .wf-car .wsc{flex-basis:calc((100% - 17px)/2)}} @media (max-width:899px){#mesa-aic .wf-car .wsc{flex-basis:72vw} #mesa-aic .wf-roles{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none} #mesa-aic .wf-roles button{flex:none}} #mesa-aic .lp-ex{font-size:11px;line-height:14px;font-weight:600;font-style:italic;color:rgba(255,255,255,.5)} #mesa-aic .wf-panel{grid-template-columns:minmax(0,1fr)} #mesa-aic .wf-row{min-width:0} #mesa-aic .wf-roles button span{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:6px;padding:0 6px;border-radius:999px;background:rgba(255,255,255,.12);font-size:11px;font-weight:700} #mesa-aic .wf-roles button[aria-pressed="true"] span{background:rgba(11,24,24,.15)} #mesa-aic .wg{position:relative;overflow:hidden;isolation:isolate;flex:0 0 calc((100% - 51px)/4);scroll-snap-align:start;display:flex;flex-direction:column;gap:10px;min-height:280px;padding:24px 22px 22px;border-radius:20px;border:1px solid rgba(255,255,255,.08)} #mesa-aic .wg--green{background:linear-gradient(125deg,#20402f 0%,#365f4a 100%)} #mesa-aic .wg--navy{background:linear-gradient(132deg,#1f2e45 0%,#274577 100%)} #mesa-aic .wg--teal{background:linear-gradient(121deg,#23393b 0%,#275655 100%)} #mesa-aic .wg--maroon{background:linear-gradient(125deg,#4a2e28 0%,#6b463d 100%)} #mesa-aic .wg::after{content:"";position:absolute;z-index:-1;width:220px;height:220px;right:-80px;top:-90px;border-radius:50%;background:radial-gradient(circle,rgba(217,227,138,.18),transparent 70%)} #mesa-aic .wg-bg{position:absolute;z-index:-1;right:-22px;bottom:-22px;color:#fff;opacity:.07} #mesa-aic .wg-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(35,89,63,.8);-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px);border:1px solid rgba(255,255,255,.12);color:#6ed190} #mesa-aic .wg-lab{margin:6px 0 0;font-size:11px;line-height:14px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#d9e38a} #mesa-aic .wg h3{margin:0;font-size:18px;line-height:26px;font-weight:600;color:#fff} #mesa-aic .wg-prob{margin:0;font-size:14px;line-height:21px;font-weight:300;color:rgba(255,255,255,.85)} #mesa-aic .wg-prob b{display:block;margin-bottom:2px;font-size:10px;line-height:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:rgba(255,255,255,.55)} #mesa-aic .wg-tools{list-style:none;margin:auto 0 0;padding:8px 0 0;display:flex;flex-wrap:wrap;gap:6px} #mesa-aic .wg-tools li{padding:5px 10px;border-radius:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:12px;line-height:16px;font-weight:500;color:#fff} #mesa-aic .wf-car .ds-car__track{gap:17px} @media (max-width:1023px){#mesa-aic .wg{flex-basis:calc((100% - 17px)/2)}} @media (max-width:899px){#mesa-aic .wg{flex-basis:76vw}} #mesa-aic #byop .banner{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(121deg,#23393b 0%,#275655 55%,#2e5a44 100%);border:1px solid rgba(255,255,255,.1);border-radius:30px;padding:clamp(24px,3.5vw,44px);gap:clamp(24px,3.5vw,44px);align-items:center} #mesa-aic #byop .banner::before{content:"";position:absolute;z-index:-1;width:520px;height:520px;left:-160px;top:-220px;border-radius:50%;background:radial-gradient(circle,rgba(217,227,138,.22),transparent 65%)} #mesa-aic #byop .banner::after{content:"";position:absolute;z-index:-1;width:420px;height:420px;right:-140px;bottom:-200px;border-radius:50%;background:radial-gradient(circle,rgba(110,209,144,.2),transparent 65%)} #mesa-aic #byop .bcopy{padding:0;background:none} #mesa-aic #byop .big{font-size:clamp(19px,1.7vw,22px);line-height:1.55;font-weight:300;color:#fff} #mesa-aic #byop .judged{margin-top:16px;font-size:14px;color:rgba(255,255,255,.75)} #mesa-aic .bp-pills{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px} #mesa-aic .bp-pills li{padding:8px 16px;border-radius:999px;background:rgba(35,89,63,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);font-size:13px;line-height:18px;font-weight:600;color:#fff} #mesa-aic #byop .banner-shot{border-radius:20px;border:1px solid rgba(255,255,255,.18);overflow:hidden;background:rgba(11,24,24,.35)} #mesa-aic section[id] h2,#mesa-aic section[id] .ds-h2{font-family:Manrope,system-ui,sans-serif!important;font-size:clamp(26px,2.5vw,32px)!important;line-height:1.25!important;font-weight:300!important;letter-spacing:-.01em} #mesa-aic section[id] h2 b,#mesa-aic section[id] h2 strong{font-weight:500} #mesa-aic section[id] .hl{font-family:inherit!important;font-style:normal!important;font-weight:500!important;font-size:1em!important;color:inherit!important} #mesa-aic section[id] .sh>p,#mesa-aic section[id] .ds-lede,#mesa-aic section[id] .lp-intro p{font-size:17px!important;line-height:26px!important;font-weight:300!important} #mesa-aic section[id] .ds-lede-b{font-weight:600!important} #mesa-aic .ccard h3,#mesa-aic .pc-body h3,#mesa-aic .ds-featcard h3,#mesa-aic .lp h3,#mesa-aic .wsc h3,#mesa-aic .rm-card h3,#mesa-aic .fc h3{font-size:18px!important;line-height:26px!important} #mesa-aic .ccard p,#mesa-aic .pc-body p,#mesa-aic .lp p,#mesa-aic .rm-card p,#mesa-aic .sy-t,#mesa-aic .mc-ov,#mesa-aic .tm-list li,#mesa-aic .pf-tile span,#mesa-aic .t1-out span{font-size:14.5px!important;line-height:21px!important} #mesa-aic .ds-label,#mesa-aic .pf-roles__lab,#mesa-aic .wf-lab,#mesa-aic .mc-lab,#mesa-aic .sy-lab{letter-spacing:1.2px} #mesa-aic .wf-intro{margin-bottom:8px} #mesa-aic .wf-intro .ds-head{max-width:none} #mesa-aic section[id],#mesa-aic .hero,#mesa-aic .stats{position:relative;isolation:isolate;overflow:hidden} #mesa-aic section[id]::before{content:"";position:absolute;z-index:-1;pointer-events:none;width:720px;height:720px;border-radius:50%;top:-320px;right:-260px;background:radial-gradient(circle,rgba(110,209,144,.10),transparent 65%)} #mesa-aic section[id]:nth-of-type(even)::before{right:auto;left:-280px;background:radial-gradient(circle,rgba(217,227,138,.08),transparent 65%)} #mesa-aic section[id]+section[id]::after{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(110,209,144,.35),transparent)} #mesa-aic .hero::before{content:"";position:absolute;z-index:-1;width:900px;height:900px;left:-300px;top:-400px;border-radius:50%;background:radial-gradient(circle,rgba(217,227,138,.12),transparent 60%)} #mesa-aic .stats{background:linear-gradient(90deg,#184828 0%,#113c20 100%)!important} #mesa-aic .stats .stat{background:rgba(35,89,63,.55)!important;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px)} #mesa-aic .stats .stat .n{background:linear-gradient(90deg,#d9e38a,#6ed190);-webkit-background-clip:text;background-clip:text;color:transparent!important} #mesa-aic .s-cream{background:linear-gradient(180deg,#fefaf5 0%,#f3eee4 100%)!important} #mesa-aic .s-cream section::before,#mesa-aic .s-cream::before{background:radial-gradient(circle,rgba(45,129,74,.08),transparent 65%)!important} #mesa-aic .ds-featcard,#mesa-aic .pc,#mesa-aic .lp,#mesa-aic .t1,#mesa-aic .tt-panel,#mesa-aic .sy{background-image:linear-gradient(160deg,rgba(255,255,255,.04),transparent 45%)} @media (prefers-reduced-motion:reduce){} #mesa-aic .fq{position:relative;isolation:isolate} #mesa-aic .fq::before{content:"";position:absolute;z-index:0;pointer-events:none;left:-10px;top:-24px;width:min(340px,50%);aspect-ratio:38/36;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 36'%3E%3Cpath fill='%236ed190' fill-opacity='.08' d='M37.2766 1.75236L36.4357 8.26864C34.3804 8.12851 32.7922 8.50221 31.6711 9.38973C30.5501 10.2773 29.8027 11.5151 29.429 13.1033C29.0553 14.6915 28.9852 16.4899 29.2188 18.4985H37.2766V35.3848H21.7916V17.0972C21.7916 11.5852 23.0996 7.42783 25.7154 4.62513C28.378 1.77572 32.2317 0.81813 37.2766 1.75236ZM15.6957 1.75236L14.8549 8.26864C12.7996 8.12851 11.2114 8.50221 10.0903 9.38973C8.96926 10.2773 8.22187 11.5151 7.84818 13.1033C7.47448 14.6915 7.40441 16.4899 7.63797 18.4985H15.6957V35.3848H0.210811V17.0972C0.210811 11.5852 1.51874 7.42783 4.13459 4.62513C6.79716 1.77572 10.6509 0.81813 15.6957 1.75236Z'/%3E%3C/svg%3E") no-repeat center/contain} #mesa-aic .fq>*{position:relative;z-index:1} #mesa-aic .fq::before{left:24px!important;top:20px!important;width:min(240px,40%)!important} #mesa-aic .fq::before{width:min(130px,24%)!important;left:28px!important;top:26px!important} #mesa-aic .sc2-track:has(.sz){gap:18px} #mesa-aic .sc2-track .sz{flex:0 0 calc((100% - 54px)/4);scroll-snap-align:start;display:flex;flex-direction:column;border-radius:24px;overflow:hidden;background:#152a20;border:1px solid rgba(255,255,255,.07);min-width:0} #mesa-aic .sz-ph{position:relative;aspect-ratio:4/3;max-width:100%;background:#183d2c} #mesa-aic .sz-ph>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 15%} #mesa-aic .sz-logo{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:12px;background:#fff;display:grid;place-items:center;overflow:hidden} #mesa-aic .sz-logo img{width:100%;height:100%;object-fit:contain} #mesa-aic .sz-ft{margin:0;min-height:54px;display:flex;flex-wrap:wrap;align-items:center;align-content:center;gap:4px 6px;padding:8px 12px;border-radius:12px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.08);font-size:13px;line-height:18px;font-weight:600;color:rgba(255,255,255,.8)} #mesa-aic .sz-ft svg{flex:none;color:#6ed190} #mesa-aic .sz-ft b{color:#d9e38a;font-weight:700} #mesa-aic .sz-body{padding:12px 16px 18px;display:flex;flex-direction:column;gap:8px} #mesa-aic .sz h3{margin:0;font-size:18px;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;color:#fff} #mesa-aic .sz-role{margin:0;font-size:13px;line-height:18px;color:rgba(255,255,255,.55)} #mesa-aic .sz-line{margin:4px 0 0;font-size:14px;line-height:20px;font-weight:300;color:rgba(255,255,255,.8)} #mesa-aic .sz-line b{color:#fff;font-weight:600} @media (max-width:1023px){#mesa-aic .sc2-track .sz{flex-basis:calc((100% - 36px)/3)}} @media (max-width:820px){#mesa-aic .sc2-track .sz{flex-basis:calc((100% - 18px)/2)}} @media (max-width:560px){#mesa-aic .sc2-track .sz{flex-basis:72%}} #mesa-aic .sc2-track .sz[hidden]{display:none} #mesa-aic .sz-nm{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px} #mesa-aic .sz-cat{display:inline-flex;padding:3px 9px;border-radius:999px;font-size:11px;line-height:14px;font-weight:600;letter-spacing:.2px;white-space:nowrap} #mesa-aic .sz-cat--tech{background:rgba(110,209,144,.15);border:1px solid rgba(110,209,144,.3);color:#6ed190} #mesa-aic .sz-cat--nontech{background:rgba(217,227,138,.12);border:1px solid rgba(217,227,138,.3);color:#d9e38a} #mesa-aic .sz-pts{list-style:none;margin:0;padding:0;display:grid;gap:6px} #mesa-aic .sz-pts li{position:relative;padding-left:16px;font-size:13.5px;line-height:19px;font-weight:300;color:rgba(255,255,255,.82)} #mesa-aic .sz-pts li::before{content:"";position:absolute;left:0;top:8px;width:7px;height:2px;background:#6ed190} #mesa-aic .sz-filter{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px} #mesa-aic .sz-filter button{padding:10px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:transparent;color:rgba(255,255,255,.85);font:500 14px/20px Manrope,system-ui,sans-serif;cursor:pointer;transition:background .15s,border-color .15s,color .15s} #mesa-aic .sz-filter button:hover{border-color:#fff;color:#fff} #mesa-aic .sz-filter button span{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:6px;padding:0 6px;border-radius:999px;background:rgba(255,255,255,.12);font-size:11px;font-weight:700} #mesa-aic .sz-filter button[aria-pressed="true"]{background:#d9e38a;border-color:#d9e38a;color:#0b1818;font-weight:700} #mesa-aic .sz-filter button[aria-pressed="true"] span{background:rgba(11,24,24,.15)} #mesa-aic .sz-filter button:focus-visible{outline:2px solid #6ed190;outline-offset:2px} #mesa-aic .has-photo{position:relative;overflow:hidden;border:0!important;background:#152a20} #mesa-aic .has-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block} #mesa-aic .lp-logo{aspect-ratio:2/1;max-width:100%;display:grid;place-items:center;padding:20px 28px;background:var(--lbg,#fff);border-bottom:1px solid rgba(255,255,255,.07)} #mesa-aic .lp-logo img{display:block;max-width:62%;max-height:56px;width:auto;height:auto;object-fit:contain} #mesa-aic .lp-logo.is-empty{background:repeating-linear-gradient(135deg,rgba(129,160,147,.12) 0 10px,transparent 10px 20px),#152a20;border-bottom:1.5px dashed rgba(129,160,147,.5);font-size:12px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:rgba(255,255,255,.55)} #mesa-aic .tm-logo.has-img{border:0;background:#fff;overflow:hidden;padding:0} #mesa-aic .tm-logo.has-img img{display:block;width:100%;height:100%;object-fit:cover} #mesa-aic .wg-tools li{display:inline-flex;align-items:center;gap:6px} #mesa-aic .wg-lg{display:block;width:16px;height:16px;flex:none;border-radius:4px;overflow:hidden;background:#fff} #mesa-aic .wg-lg img{display:block;width:100%;height:100%;object-fit:cover} #mesa-aic .mc-logos{flex-wrap:wrap} #mesa-aic .mc-logos .mlogo.sq{width:40px;height:40px} #mesa-aic .mc-logos .mlogo.sq img{width:40px;height:40px;max-width:none;object-fit:cover} /* --- integration with the site (header/footer/theme) --- */ #mesa-aic{background:var(--surface-900);color:var(--text-on-dark);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased} /* body overflow-x:hidden landed on the root; hidden makes it a scroll container and breaks the sticky sub-nav */ #mesa-aic{overflow-x:clip;overflow-y:visible} /* the sub-nav sticks under the site's fixed header instead of their own 72px one */ #mesa-aic{--head-h:var(--headerHeight,78px);padding-top:var(--headerHeight,78px)} @media (max-width:1023px){#mesa-aic{--head-h:calc(var(--headerHeight,81px) - 24px);padding-top:calc(var(--headerHeight,81px) - 24px)}} /* theme leaks: headings forced inline, svg forced block, button padding zeroed, Bootstrap .btn border/alignment */ #mesa-aic h1,#mesa-aic h2,#mesa-aic h3,#mesa-aic h4{display:block} #mesa-aic svg{display:inline} #mesa-aic button{padding-top:1px;padding-bottom:1px} #mesa-aic .btn{border:0;text-align:start;user-select:auto;vertical-align:baseline}