.mos-logo{position:relative;display:inline-block;width:30px;height:30px;border-radius:9px;background:linear-gradient(145deg,#5f32ed,#3714bf);box-shadow:0 5px 12px #4a1fe13a;flex:0 0 auto}.mos-logo:before{content:"";position:absolute;left:7px;top:8px;width:16px;height:13px;border:2px solid #fff;border-radius:5px 5px 8px 8px;transform:skew(-12deg)}.mos-logo:after{content:"✦";position:absolute;right:4px;top:1px;color:#fff;font-size:10px;font-weight:900}.brand{gap:8px}.brand .brand-mark{margin-right:3px}.footer-brand{display:flex;align-items:center;gap:9px}.footer-brand .brand-mark{font-size:34px}.assumption-grid article{display:flex;flex-direction:column}.assumption-grid article mark{align-self:flex-start;margin-top:auto}.full article{display:block}.full article mark{display:inline-block;margin-top:0}.chart{height:118px;margin:14px 0 10px;background:repeating-linear-gradient(to bottom,#fff 0,#fff 38px,#f6e7d6 39px,#fff 40px);border-bottom:1px solid #f1cfae}.chart>i{position:absolute;left:0;color:#62667a;font-size:9px;line-height:1;font-style:normal}.chart>i:nth-child(1){top:2px}.chart>i:nth-child(2){top:51px}.chart>i:nth-child(3){bottom:5px}.chart-line{left:38px;right:16px;top:8px;bottom:17px;height:auto;border:0;transform:none;display:block;background:transparent}.chart-line:before{content:"";position:absolute;inset:0;background:#ff761f;clip-path:polygon(0 61%,50% 31%,100% 43%,100% 47%,50% 36%,0 65%)}.chart-line b{position:absolute;z-index:1;width:35px;padding:2px 0;text-align:center;background:#fff;font-size:11px;transform:none}.chart-line b:nth-child(1){left:9%;top:49%}.chart-line b:nth-child(2){left:47%;top:18%}.chart-line b:nth-child(3){right:0;top:30%}.chart-line b:after{content:"";position:absolute;left:50%;bottom:-6px;width:7px;height:7px;border-radius:50%;background:#ff761f;transform:translateX(-50%)}
.mos-logo{display:none}.brand{gap:13px}.brand .brand-mark,.footer-brand .brand-mark{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:36px;font-weight:950;letter-spacing:-.16em;line-height:.9;color:#4a1fe1;background:linear-gradient(135deg,#3210b8 8%,#7047ef 52%,#3b18c7 92%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}.footer-brand .brand-mark{font-size:34px}.how-grid .step{display:none}.chart{background:linear-gradient(#f6e7d6,#f6e7d6) 0 0/100% 1px no-repeat,linear-gradient(#f6e7d6,#f6e7d6) 0 50%/100% 1px no-repeat,linear-gradient(#f6e7d6,#f6e7d6) 0 100%/100% 1px no-repeat}.chart-line:before{clip-path:polygon(0 36%,50% 22%,100% 27%,100% 31%,50% 27%,0 40%)}.chart-line b{background:transparent;padding:0;width:30px}.chart-line b:nth-child(1){left:8%;top:34%}.chart-line b:nth-child(2){left:47%;top:22%}.chart-line b:nth-child(3){right:0;top:27%}.chart-line b:after{bottom:-8px}
.brand-image{display:block;width:96px;height:36px;object-fit:contain;object-position:center;margin-left:-4px}.footer-brand .brand-image{width:96px;height:36px;mix-blend-mode:multiply}.footer-email{color:var(--ink);font-size:11px;font-weight:800}
.why article{padding-left:62px}.why .circle-icon{left:0}
@media(max-width:620px){
  .site-header{height:auto;min-height:72px;flex-wrap:wrap;gap:12px;padding:14px 0}
  .site-header .brand{flex:1;min-width:220px;gap:9px}
  .site-header .brand-image{width:78px;height:30px;margin-left:-2px}
  .site-header .brand>span{font-size:9px}
  .site-header nav{width:100%;justify-content:flex-end}
  .site-header nav .button{font-size:10px;padding:9px 13px}
  .hero{gap:18px;padding-top:8px}
  .hero-copy{padding:12px 0 20px}
  .hero h1{font-size:35px;margin:16px 0 18px}
  .hero-lede{font-size:12px;line-height:1.7}
  .hero-product{padding:10px;border-radius:8px}
  .product-top{padding:12px 5px 15px}
  .thesis-row{padding:15px 5px}
  .thesis-row .quote{font-size:15px}
  .assumption-grid,.mini-timeline{grid-template-columns:1fr}
  .assumption-grid article{min-height:0;padding:14px}
  .mini-timeline article{padding:8px 10px}
  .why-grid{gap:24px}
  .why article{min-height:50px;padding-left:62px}
  .why aside{padding:20px}
  .how{padding-bottom:35px}
  .footer-grid{gap:22px}
  .footer-brand .brand-image{width:82px;height:30px}
  .example-page .site-header nav{width:auto}
  .example-layout{width:min(100% - 22px,1180px)}
  .example-sidebar{grid-template-columns:1fr 1fr;gap:7px}
  .example-sidebar>a{font-size:10px;padding:7px 5px}
  .example-content{padding-top:20px}
  .example-title-row h1{font-size:18px;line-height:1.25}
  .thesis-card,.status-card{padding:15px}
  .status-card>strong{font-size:17px}
  .evidence-list{padding:10px 12px}
  .evidence-list article{grid-template-columns:1fr;padding:12px 0 12px 10px;gap:5px}
  .evidence-list strong,.evidence-list mark{grid-column:auto}
  .share-bar{padding:16px 14px}
  .share-bar>div{align-items:flex-start}
  .share-bar form{grid-template-columns:1fr}
}