.methods-page{--ink:#171619;--purple:#7652c7;--warm:#eee9e1;color:var(--ink);background:#fff}.m-shell{width:min(100% - 48px,1240px);margin-inline:auto}.m-header{justify-content:space-between;align-items:center;height:96px;display:flex}.m-logo{width:46px;height:54px}.m-logo img{object-fit:contain;width:100%;height:100%}.m-header nav{gap:28px;font-size:13px;display:flex}.m-hero{padding:10vh 0 18vh}.m-meta{text-transform:uppercase;letter-spacing:.12em;color:#77737b;justify-content:space-between;font-size:10px;display:flex}.m-hero h1{letter-spacing:-.075em;max-width:1150px;margin:13vh 0 10vh;font-size:clamp(67px,10vw,148px);font-weight:550;line-height:.88}.m-intro{grid-template-columns:1fr auto;align-items:end;gap:50px;margin-left:34%;display:grid}.m-intro p{color:#69656d;max-width:670px;margin:0;font-size:19px;line-height:1.65}.m-intro a{border-bottom:1px solid #bbb6bf;padding-bottom:5px;font-size:12px}.method-index{border-top:1px solid #d8d5da;grid-template-columns:repeat(5,1fr);margin-top:14vh;display:grid}.method-index span{border-right:1px solid #d8d5da;padding:24px 15px;font-size:12px}.method-index b{color:var(--purple);margin-bottom:25px;font-size:9px;display:block}.framework{padding:20vh 0}.framework-head{grid-template-columns:.45fr 1.55fr;gap:70px;display:grid}.framework-head>span{text-transform:uppercase;letter-spacing:.13em;color:var(--purple);font-size:10px}.framework h2,.method-close h2{letter-spacing:-.065em;margin:0;font-size:clamp(44px,6vw,86px);font-weight:540;line-height:.98}.framework-grid{grid-template-columns:.7fr 1.3fr;align-items:center;gap:clamp(60px,11vw,170px);margin-top:13vh;display:grid}.framework-grid h3{text-transform:uppercase;letter-spacing:.12em;color:#77727b;margin:0 0 15px;font-size:10px}.framework-grid p{color:#67636b;margin:0 0 55px;font-size:17px;line-height:1.65}.method-line{letter-spacing:-.04em;max-width:800px;margin:13vh 0 0 auto;font-size:clamp(24px,3vw,40px);line-height:1.15}.systems{background:#f0edf4}.systems-diagram{place-items:center;min-height:560px;display:grid;position:relative}.systems-diagram span,.systems-diagram strong{text-transform:uppercase;letter-spacing:.1em;border:1px solid #c7bfce;border-radius:50%;place-items:center;font-size:10px;display:grid;position:absolute}.systems-diagram span:first-child{z-index:6;background:#fff;width:150px;height:150px}.systems-diagram span:nth-child(2){z-index:5;width:230px;height:230px}.systems-diagram span:nth-child(3){z-index:4;width:315px;height:315px}.systems-diagram span:nth-child(4){z-index:3;width:400px;height:400px}.systems-diagram span:nth-child(5){z-index:2;width:485px;height:485px}.systems-diagram strong{color:#fff;z-index:1;background:#7652c7;border:0;align-items:end;width:560px;height:560px;padding-bottom:24px}.flare-diagram{color:#fff;background:#19181c;flex-direction:column;justify-content:center;min-height:520px;padding:60px;display:flex}.flare-line{align-items:end;gap:8px;height:170px;display:flex}.flare-line i{background:#a581ed;flex:1}.flare-line i:first-child{height:22%}.flare-line i:nth-child(2){height:58%}.flare-line i:nth-child(3){height:35%}.flare-line i:nth-child(4){height:88%}.flare-line i:nth-child(5){height:46%}.flare-line i:nth-child(6){height:72%}.flare-line i:nth-child(7){background:#e7d8ad;height:30%}.flare-labels{color:#918d96;text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;margin:13px 0 55px;font-size:9px;display:flex}.design-response{grid-template-columns:1fr 1fr;gap:8px;display:grid}.design-response span{background:#29272d;padding:18px;font-size:12px}.rbb{background:var(--warm)}.rbb-diagram{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:18px;display:grid}.rbb-diagram div{background:#fff;flex-direction:column;justify-content:space-between;min-height:240px;padding:30px;display:flex}.rbb-diagram div:nth-of-type(2){color:#fff;background:#7652c7}.rbb-diagram span{letter-spacing:-.04em;font-size:25px}.rbb-diagram small{color:#77717a;line-height:1.5}.rbb-diagram div:nth-of-type(2) small{color:#ded0f8}.zero-one{color:#fff;background:#1a191d}.zero-one .framework-head>span{color:#b99ce9}.zero-one .framework-grid p,.zero-one .framework-grid h3{color:#aaa5af}.zero-diagram{grid-template-columns:repeat(6,1fr);display:grid}.zero-diagram span{border-top:2px solid #9c7cdb;padding:24px 10px 80px;font-size:12px;position:relative}.zero-diagram span:after{content:"";background:#d7c0ff;border-radius:50%;width:10px;height:10px;position:absolute;top:-6px;right:-5px}.zero-diagram b{color:#d5c1fb;margin-bottom:18px;font-size:50px;font-weight:500;display:block}.presell{background:#f0edf4}.presell-diagram{flex-direction:column;gap:11px;display:flex}.presell-diagram>div{grid-template-columns:190px 1fr;align-items:center;gap:20px;display:grid}.presell-diagram span{font-size:13px}.presell-diagram i{background:#d8d1de;height:42px}.presell-diagram div:first-child i{width:20%}.presell-diagram div:nth-child(2) i{width:38%}.presell-diagram div:nth-child(3) i{width:55%}.presell-diagram div:nth-child(4) i{background:#a68ad8;width:75%}.presell-diagram div:nth-child(5) i{background:#7652c7;width:100%}.method-close{color:#fff;background:#171619;padding:20vh 0 7vh}.method-close p{text-transform:uppercase;letter-spacing:.13em;color:#9a949e;font-size:10px}.method-close h2{max-width:1050px;margin:8vh 0 18vh}.method-close>div>div{color:#aaa5af;border-top:1px solid #3a383e;justify-content:space-between;padding-top:26px;font-size:12px;display:flex}.method-close a{color:#fff}@media (max-width:760px){.m-shell{width:min(100% - 32px,1240px)}.m-header{height:76px}.m-logo{width:38px;height:45px}.m-header nav{gap:18px}.m-header nav a:nth-child(2){display:none}.m-meta{flex-direction:column;gap:20px}.m-hero h1{font-size:18vw}.m-intro{grid-template-columns:1fr;margin-left:0}.method-index{grid-template-columns:1fr 1fr}.method-index span{border-bottom:1px solid #d8d5da}.framework,.method-close{padding:16vh 0}.framework-head,.framework-grid{grid-template-columns:1fr;gap:55px}.framework-grid{margin-top:10vh}.systems-diagram{min-height:340px;margin:-60px;transform:scale(.72)}.rbb-diagram{grid-template-columns:1fr}.rbb-diagram>b{width:min-content;transform:rotate(90deg)}.zero-diagram{grid-template-columns:1fr 1fr}.zero-diagram span{padding-bottom:48px}.presell-diagram>div{grid-template-columns:120px 1fr}.method-close>div>div{flex-direction:column;gap:22px}}