.who-built-this{background:#f8f8f4;color:#1a191e;font-family:InterRegular}.who-built-this :where(h1,h2,h3,p){margin:0;font-weight:400}.who-built-this button{cursor:pointer;font:inherit}.wbt-header{position:sticky;top:0;z-index:20;background:#f8f8f4}.wbt-container{max-width:1200px;margin:0 auto;padding:0 48px;box-sizing:border-box}.wbt-avatar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:44px;height:44px;border-radius:50%;border:2px solid rgba(255,255,255,.14);background:#333;color:#fff;font-family:InterMedium;font-size:14px;font-weight:400;line-height:1}.wbt-avatar--dark{border-color:#e8e8e8;background:#1a191e}.wbt-hero{padding:120px 0 96px}.wbt-hero__inner{display:grid;grid-template-columns:1.1fr 1fr;grid-template-areas:"title title" "lede search";column-gap:64px;row-gap:48px;align-items:end}.wbt-hero h1{grid-area:title;max-width:900px;font-family:ManropeMedium;font-size:76px;font-weight:400;line-height:1.05;letter-spacing:-.02em}.wbt-hero__lede{grid-area:lede;max-width:460px;font-family:InterMedium;font-size:17px;font-weight:400;line-height:1.5;color:#5a5a5a}.wbt-search{grid-area:search}.wbt-search label{display:block;margin-bottom:8px;font-family:InterRegular;font-size:12px;font-weight:400;line-height:18px;color:#5a5a5a}.wbt-search__row{display:flex;border:1px solid #1A191E;border-radius:2px;background:#fff;overflow:hidden}.wbt-search input{flex:1 1 auto;min-width:0;padding:16px 18px;border:0;outline:none;background:transparent;font-family:InterMedium;font-size:14px;font-weight:400;line-height:24px;color:#1a191e}.wbt-search input::placeholder{color:#a7a7a7}.wbt-search__row:focus-within{outline:2px solid #EBFFA3;outline-offset:2px}.wbt-search button{flex:0 0 auto;padding:0 24px;border:0;border-radius:0;background:#1a191e;color:#fff;font-family:InterMedium;font-size:15px;font-weight:400;line-height:1}.wbt-search button:hover{background:#333}.wbt-search__note{margin-top:8px;font-family:InterRegular;font-size:12px;font-weight:400;line-height:18px;color:#5a5a5a}.wbt-example{padding:56px 0 96px;background:#1a191e;color:#fff}.wbt-example__bar{display:flex;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.14);font-family:InterMedium;font-size:14px;font-weight:400;line-height:24px;color:#fff9}.wbt-example__bar strong{color:#fff;font-family:InterMedium;font-weight:400}.wbt-example__label{font-family:InterRegular;font-size:12px;font-weight:400;line-height:18px}.wbt-example h2{max-width:640px;margin:40px 0 48px;font-family:ManropeMedium;font-size:32px;font-weight:400;line-height:1.25}.wbt-example__body{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:center}.wbt-graph{position:relative;height:480px}.wbt-graph__lines{position:absolute;inset:0;width:100%;height:100%}.wbt-graph__lines line{stroke:#ffffff24;stroke-width:1;vector-effect:non-scaling-stroke}.wbt-graph__lines line.is-active{stroke:#ebffa3}.wbt-graph__product{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:12px 18px;background:#fff;color:#1a191e;font-family:InterMedium;font-size:14px;font-weight:400;line-height:1.2;white-space:nowrap}.wbt-graph__node{position:absolute;display:flex;flex-direction:column;align-items:center;gap:6px;width:140px;padding:0;border:0;background:transparent;color:#fff;transform:translate(-50%,-50%)}.wbt-graph__node.is-active .wbt-avatar{border-color:#ebffa3}.wbt-graph__node.is-active .wbt-graph__name{color:#ebffa3}.wbt-graph__node:focus-visible{outline:2px solid #EBFFA3;outline-offset:4px}.wbt-graph__node--1{left:18%;top:14%}.wbt-graph__node--2{left:82%;top:14%}.wbt-graph__node--3{left:86%;top:52%}.wbt-graph__node--4{left:78%;top:88%}.wbt-graph__node--5{left:22%;top:88%}.wbt-graph__node--6{left:14%;top:52%}.wbt-graph__name{font-family:InterMedium;font-size:14px;font-weight:400;line-height:1.2}.wbt-graph__area{font-family:InterRegular;font-size:12px;font-weight:400;line-height:18px;color:#fff9}.wbt-card{padding:24px;background:#fff;color:#1a191e}.wbt-card header{display:flex;gap:12px;align-items:center}.wbt-card header div{display:flex;flex-direction:column;font-family:InterRegular;font-size:12px;font-weight:400;line-height:18px}.wbt-card header strong{font-family:InterMedium;font-size:16px;line-height:1.3;font-weight:400}.wbt-card__muted{color:#5a5a5a}.wbt-card__built{margin:20px 0;font-family:InterMedium;font-size:20px;font-weight:400;line-height:1.35}.wbt-card dl{margin:0 0 20px}.wbt-card dl div{display:grid;grid-template-columns:100px 1fr;padding:12px 0;border-top:1px solid #E8E8E8;font-family:InterRegular;font-size:12px;font-weight:400;line-height:18px}.wbt-card dl dd{margin:0;color:#5a5a5a}.wbt-card button{width:100%;padding:16px;border:0;background:#1a191e;color:#fff;font-family:InterMedium;font-size:15px;font-weight:400;line-height:1}.wbt-card button:hover{background:#333}.wbt-why{padding:120px 0}.wbt-why__row{display:grid;grid-template-columns:1fr 2fr;gap:48px}.wbt-why__row+.wbt-why__row{margin-top:96px}.wbt-why h2{font-family:ManropeMedium;font-size:32px;font-weight:400;line-height:1.25}.wbt-why h3{max-width:640px;margin-bottom:24px;font-family:ManropeMedium;font-size:22px;font-weight:400;line-height:1.3}.wbt-why p{max-width:640px;font-family:InterMedium;font-size:14px;font-weight:400;line-height:24px;color:#5a5a5a}.wbt-why p+p{margin-top:12px}.wbt-steps{padding:96px 0;background:#1a191e;color:#fff}.wbt-steps h2{margin-bottom:48px;font-family:ManropeMedium;font-size:32px;font-weight:400;line-height:1.25}.wbt-steps ol{margin:0;padding:0;list-style:none}.wbt-steps li{display:grid;grid-template-columns:1fr 2fr;gap:48px;padding:48px 0;border-top:1px solid rgba(255,255,255,.14)}.wbt-steps__num{font-family:ManropeRegular;font-size:120px;font-weight:400;line-height:1;color:#ebffa3}.wbt-steps__eyebrow{margin-bottom:8px;font-family:InterRegular;font-size:12px;font-weight:400;line-height:18px;color:#fff9}.wbt-steps h3{margin-bottom:16px;font-family:ManropeMedium;font-size:45px;font-weight:400;line-height:1.2}.wbt-steps li p:not([class]){max-width:520px;font-family:InterMedium;font-size:14px;font-weight:400;line-height:24px;color:#fff9}.wbt-steps__tags{margin-top:16px;font-family:InterRegular;font-size:12px;font-weight:400;line-height:18px;color:#ebffa3}@media(max-width:1024px){.wbt-hero h1{font-size:56px}.wbt-example__body{grid-template-columns:1fr}}@media(max-width:768px){.wbt-container{padding:0 20px}.wbt-hero{padding:48px 0 56px}.wbt-hero__inner{grid-template-columns:1fr;grid-template-areas:"title" "lede" "search";row-gap:24px}.wbt-hero h1{font-size:40px;line-height:1.1}.wbt-search__row{flex-direction:column}.wbt-search button{padding:16px}.wbt-example{padding:32px 0 56px}.wbt-example__bar{flex-direction:column;gap:4px}.wbt-example h2{margin:28px 0 24px;font-size:24px}.wbt-graph{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px;height:auto}.wbt-graph__lines{display:none}.wbt-graph__product{position:static;grid-column:1 / -1;justify-self:center;transform:none;margin-bottom:8px}.wbt-graph__node{position:static;width:auto;transform:none}.wbt-why{padding:64px 0}.wbt-why__row{grid-template-columns:1fr;gap:16px}.wbt-why__row+.wbt-why__row{margin-top:56px}.wbt-why h2{font-size:24px}.wbt-steps{padding:56px 0}.wbt-steps h2{margin-bottom:24px;font-size:24px}.wbt-steps li{grid-template-columns:1fr;gap:12px;padding:32px 0}.wbt-steps__num{font-size:64px}.wbt-steps h3{font-size:30px}}
