@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,200..900;1,200..900&family=Figtree:ital,wght@0,300..900;1,300..900&family=Martian+Mono:wght@100..800&family=Young+Serif&display=swap";:root{--page-width: 1280px;--color-light-bg: #fdfdf7;--color-dark-bg: rgb(11, 10, 11)}:root,.light{--color-primary: #D0711F;--color-background: var(--color-light-bg);--color-border: #aaa;--color-border-subtle: #ccc;--color-text: #252525;--color-text-secondary: #333;--color-text-subtle: #ccc;--color-card-background: #rgba(f0 f8 ff/.5);--color-card-primary-border: #d4a280;--color-code-background: rgb(0 0 0/.05);--color-quote-border: #ccc;--color-quote-text: #333;--color-note-background: #f0f8ff;--color-note-border: #d4a280;--border-radius: 8px;--border-radius-sm: .5rem}.dark{--color-primary: #D0711F;--color-background: var(--color-dark-bg);--color-border: rgba(255, 255, 255, .1);--color-border-subtle: #ccc;--color-text: #CFCFCF;--color-text-secondary: #555;--color-text-subtle: #ccc;--color-card-background: rgb(11, 10, 11);--color-card-border: hsla(34, 56%, 66%, .3);--color-code-background: rgb(255 255 255/.07);--color-quote-border: hsla(34, 56%, 66%, .3);--color-quote-text: #777;--color-note-background: hsla(34, 56%, 66%, .1);--color-note-border: #d4a280;--border-radius: 8px;--border-radius-sm: .5rem}*{margin:0;padding:0;box-sizing:border-box}body{line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;background-color:var(--color-light-bg);color:var(--color-text)}body.mobile{overflow:scroll;width:100vw;height:100vh}code{background-color:var(--color-code-background);color:var(--color-text);padding:.2rem .6rem;border-radius:var(--border-radius-sm);font-size:80%;font-weight:400;white-space:nowrap}.prose{max-width:900px;margin:0 auto;padding:2rem 0}.full-width-section{padding:2em 4em}.mobile .full-width-section{padding:2em}h2,h3,h4,h5,h6{font-weight:400;margin-top:2rem;margin-bottom:1.5rem;color:var(--color-text)}h2{line-height:1em}h2>small{margin-top:-10px;font-size:60%}h3{font-size:1.5rem}h4{font-size:1.25rem}@font-face{font-family:MartianGroteskVF;src:url(/assets/MartianGrotesk-VF-C185SEyo.woff2) format("woff2-variations");font-weight:100 1000;font-stretch:75% 200%}.paper{font-family:Crimsom Pro,Georgia,Times New Roman,serif;color:var(--color-text)}.paper .display,.paper h1,.paper h2,.paper h3,.paper h4,.paper h5,.paper h6{font-family:"Young Serif",Crimsom Pro,Georgia,Times New Roman,serif}.tech{font-family:MartianGroteskVF,JetBrains Mono,SF Mono,Inter,sans-serif;color:var(--color-text)}.tech .display,.tech h1,.tech h2,.tech h3,.tech h4,.tech h5,.tech h6{font-family:MartianGroteskVF,Martian Mono,JetBrains Mono,SF Mono,Inter,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal}.light,.dark{background-color:var(--color-background)}code{font-family:Martian Mono!important}.desktop #principle1{margin-top:100px}.desktop #principle1 .path-out{top:100px}.desktop #principle1 .path-out>img{top:0}.desktop #command1{margin-top:40px}.desktop #principle2{margin-top:200px}.desktop #principle2 .path-in{top:40px!important;right:100px}.desktop #principle2 .path-out{right:0}.desktop #principle2 .path-out>img{right:-80px;top:-130px}.desktop #command2{margin:100px 0 140px}.desktop #command2 .path-out>img{top:-20px;left:-80px}.desktop #principle3{margin:200px 0 50px;padding:0}.desktop #principle3 .path-out{left:200px}.desktop #principle3 .path-out img{top:-40px}.desktop #command3{margin-top:0}.desktop #principle4{margin:200px 0 240px;padding:0}.desktop #principle4 .path-in{left:60px}.desktop #principle4 .path-out{left:0}.desktop #principle4 .path-out>img{top:-40px;left:40px}.desktop #principle5{margin-top:20px}.desktop #principle5 .path-out{left:50%}.desktop #principle5 .path-out>img{bottom:-90px!important}.desktop #command4{margin:150px 0 0}.desktop #command4 .path-out{left:0}.desktop #command4 .path-out>img{left:30px;top:0}.desktop #command5{margin:200px 0 130px}@media (max-width: 768px){.path-in,.path-out,.path-self{display:none!important}.content{display:flex;flex-direction:column;gap:1.5rem}decorate[id^=principle],decorate[id^=command]{margin:0!important;padding:0!important;position:static!important;width:100%!important;height:100%!important;border:none!important;background-color:transparent!important;display:block!important}.flip-card{perspective:1200px;width:100%;min-height:420px;position:relative}.flip-card-inner{position:absolute;width:100%;height:100%;transition:transform .8s;transform-style:preserve-3d}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid var(--color-border);border-radius:8px;padding:1.5rem;overflow-y:auto}.flip-card-front{background-color:var(--color-light-bg);z-index:2}.flip-card-back{background-color:var(--color-card-background);transform:rotateY(180deg);z-index:1}}.section{margin-bottom:3rem}.section>h2{margin-top:0;margin-left:2rem}.section-title{font-size:2rem;font-weight:400;margin-bottom:1.5rem;color:var(--color-text)}p{margin-bottom:1rem;font-size:1rem}.circle{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;border-radius:50%;width:10vw;min-width:600px;max-width:1024px}@media (max-width: 1024px){.desktop{display:none!important}}@media (min-width: 1024px){.mobile{display:none!important}}.quote{border-left:4px solid var(--color-border);padding-left:1.5rem;margin:1.5rem 0;font-style:italic;font-size:1.125rem;color:var(--color-quote-text)}.issues-list,.reasons-list{margin-left:3rem;margin-bottom:1.5rem}.issues-list li,.reasons-list li{margin-bottom:0}.emphasis{font-weight:700;font-style:italic;font-size:1.5rem}.note{background-color:var(--color-card-background);border-left:4px solid var(--color-primary);padding:1rem 1.5rem;margin:1.5rem 0;border-radius:4px;font-size:.95rem}.mapping-list{margin-left:1.5rem;margin-bottom:1.5rem}.mapping-list li{margin-bottom:.75rem}.waitlist-section{text-align:center}.waitlist-title{font-size:4rem;margin-top:0;margin-bottom:2.5rem}.waitlist-form{max-width:80%;margin:0 auto}.form-group{margin-bottom:1.5rem}.form-input{width:100%;padding:1rem;background-color:#ffffffe6;border-width:0;border-bottom:1px solid hsla(34,56%,66%,.3);border-radius:6px;color:#333;font-size:1.5rem;transition:all .3s ease;text-align:center;font-family:Figtree;font-weight:400}input::placeholder{color:red}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #d9af781a}.form-input::placeholder{color:gray}.form-submit{font-family:MartianGroteskVF;font-size:1.125rem;font-weight:900;font-stretch:expanded;width:100%;padding:1rem 2rem;background:#d8b69c;color:#121721;border:none;border-radius:6px;cursor:pointer;transition:all 0s ease}.form-submit:hover{background:#c9936b;box-shadow:0 4px 20px #d9af7866;transition:all .3s ease}.form-submit:active{transform:translateY(0)}.icon-circle{border:2px solid var(--color-text);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.principle-article{position:relative;display:flex;flex-direction:column;align-items:left;height:100%;background-color:var(--color-card-background);border:1px solid var(--color-border);border-radius:16px;padding:3rem 2rem}.principle-article>p{margin-bottom:1rem;font-size:1rem;line-height:1.7}.principle-number{display:flex;font-size:3rem;line-height:2rem;font-weight:300;color:var(--color-text-subtle)}.principle-title{display:flex;font-size:2rem;font-weight:400;color:var(--color-text);margin-bottom:1.5rem}.principle-card{display:flex;align-items:flex-start;gap:1rem;border:1px solid var(--color-border-subtle);border-radius:8px;padding:1.5rem;margin-top:1.5rem}.principle-card p{margin:0}.principle-icon{font-size:1.5rem;flex-shrink:0}.principle-statement{font-size:1rem;font-style:italic;color:var(--color-text);margin:0;line-height:1.6}@media (max-width: 1024px){.principle-article{display:flex;flex-direction:column;width:100vw;padding:2rem;border-width:0}.principle-article h3{margin:1.5rem 0}.principle-description{display:flex;flex-basis:50%;flex-direction:column;flex-grow:1;flex-shrink:1;overflow:scroll}.principle-card{padding:1rem;margin:0}}.decorate-wrapper{position:relative;display:inline-block}.decoration-item{position:absolute;pointer-events:none;z-index:1;color:var(--color-primary)}.decoration-item svg{width:auto;height:auto;overflow:visible}.command-article{overflow:hidden;padding:2rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;position:relative;z-index:2000}.mobile .command-article{border-radius:0;padding:0 1.5rem}.command-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:2rem}.command-header *{margin:0}.mobile .command-header{flex-direction:column;align-items:flex-start;gap:0;min-height:136px}.mobile .command-header h2{height:85px}.command-icon{line-height:100%;flex-shrink:0;color:var(--color-primary)}.command-title{display:flex;align-items:center;gap:.5rem;font-size:1.4em;font-weight:600;color:var(--color-text)}.command-description{font-size:1.125rem;color:var(--color-text-secondary)}.mobile .command-description{margin-left:56px}@media (max-width: 1024px){.command-article{display:flex;flex-direction:column;width:100vw;height:100%;padding:2rem;border-width:0}.command-description{font-size:1rem;display:flex;flex-basis:50%;flex-direction:column;flex-grow:1;flex-shrink:1;overflow:scroll}.principle-card{padding:1rem;margin:0}.card-slider{display:flex;flex-direction:row;overflow:scroll;gap:1rem}.card-slider>*{flex-shrink:0;width:70vw}}.feature-card{padding:2rem;background:#0b0a0b;border:1px solid rgba(255,255,255,.1);color:#cfcfcf;border-radius:8px}.mobile .feature-card{padding:1rem}.feature-card .feature-title{font-size:1.25rem;font-weight:600;margin:0 0 .75rem;display:flex;align-items:center;gap:1rem}.mobile .feature-card .feature-title{padding:0rem}.feature-card .feature-icon{color:#d4a280}.feature-card .feature-content p{font-size:.9rem}.feature-card .feature-content p:last-child{margin-bottom:0}.grid{display:grid;gap:1.5rem;margin-top:1.5rem}@media (max-width: 1081px){.grid{grid-template-columns:repeat(1,1fr)!important}}.mobile #command3 .command-article{display:flex;flex-direction:column;height:100%}.mobile #command3 .command-content{display:flex;flex-direction:column;flex-shrink:1;overflow-y:hidden}.mobile #command3 div.command-intro{display:flex;flex-direction:column;flex-basis:50%;flex-grow:1;flex-shrink:1;overflow-y:scroll}.mobile #command3 div.card-slider{display:flex;flex-direction:row;flex-basis:50%;flex-grow:1;flex-shrink:1;overflow-x:scroll;overflow-y:none}.header{margin-bottom:3rem}.header .title{font-size:3rem;font-weight:300;color:var(--color-text);margin-bottom:1rem}.header .subtitle{font-size:1.25rem;color:var(--color-text-secondary);line-height:1.5}.tech-theme .title{font-size:3rem;font-weight:600;line-height:1.2;color:var(--color-primary);text-shadow:0 0 30px var(--color-card-border)}.mobile header.header{padding:2rem 1rem;margin:0}.mobile header.header .title{font-size:1.5rem;line-height:150%}.mobile header.header .subtitle{font-size:1rem;line-height:150%}.paper :is(.mobile header.header .subtitle){font-size:1.25rem}.quarter.abs{position:absolute}.quarter .fill{width:100%;height:100%}.quarter.pos-tl{top:0;left:0}.quarter.dir-tl .fill{border-radius:100% 0 0}.quarter.pos-tr{top:0;right:0}.quarter.dir-tr .fill{border-radius:100% 0 0;scale:-1 1}.quarter.pos-bl{bottom:0;left:0}.quarter.dir-bl .fill{border-radius:100% 0 0;scale:1 -1}.quarter.pos-br{bottom:0;right:0}.quarter.dir-br .fill{border-radius:100% 0 0;scale:-1 -1}.fab-container{position:absolute;z-index:9000}.fab-container.right{right:-1px;display:flex;flex-direction:column;align-items:flex-end}.fab-container.left{left:0;display:flex;flex-direction:column;align-items:flex-start}.fab{padding:10px;position:relative;color:var(--color-text);background-color:var(--color-background)}.left .fab{border-radius:0 50% 50% 0}.right .fab{border-radius:50% 0 0 50%}.cardpair-container{position:relative;height:100vh;width:100vw;overflow:hidden;padding:1px 0}.cardpair-buttons{position:absolute;width:200px;height:160px;z-index:10000;left:calc(100vw - 109px)}.cardpair-buttons .button{position:relative;cursor:pointer;width:100px;height:66px}.cardpair-buttons .button.previous{left:calc(50% + 1px)}.cardpair-content{--mx: 8px;--my: 20px;display:flex;width:200vw;height:calc(100vh - 40px);transition:transform .3s ease-in-out;margin:var(--my) 0 var(--my) var(--mx);border-radius:32px 0 0 32px;box-shadow:#00000073 -25px -25px 20px -20px,#00000073 -25px 25px 20px -20px}.cardpair-content .card,.cardpair-content .card>*:first-child{width:100%;height:100%}.cardpair-content .card.left{width:calc(100vw - var(--mx))}.cardpair-content[data-show-card=left]{transform:translate(0)}.cardpair-content[data-show-card=right]{transform:translate(-100vw)}.method-vs-toolkit .header{margin-bottom:60px}.content{background-color:var(--color-background)}.principles-list,.issues-list,.reasons-list,.tools-list,.mapping-list{margin-left:1.5rem;margin-bottom:1.5rem}.principles-list li,.mapping-list li{margin-bottom:.75rem}.issues-list li,.reasons-list li{margin-bottom:1rem}.issues-list ul,.reasons-list ul{margin-top:.5rem;margin-left:1.5rem}.issues-list ul li{margin-bottom:.5rem}.commands-table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95rem}.commands-table thead{background-color:var(--color-border)}.commands-table th{text-align:left;padding:.75rem;border:1px solid var(--color-border)}.commands-table td{padding:.75rem;border:1px solid var(--color-quote-border)}.commands-table tbody tr:nth-child(2n){background-color:var(--color-card-background)}.emphasis{font-weight:500;font-size:1.125rem}.container{max-width:800px;margin:0 auto;padding:3rem 2rem}.content{background:transparent}.command-intro{margin-bottom:1.5rem;color:#ccc;line-height:1.7}.command-note{margin-top:1.5rem;padding:1rem 1.5rem;background:#d9af781a;border-left:3px solid #d4a280;border-radius:4px;font-size:.95rem;color:#d9d9d9}.tool-list{list-style:none;padding:0;margin:0}.tool-list li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:#ccc;font-size:.95rem}.tool-list li:before{content:"▹";position:absolute;left:0;color:#d4a280;font-weight:700}@media (min-width: 1024px){.toolkit-column header{padding:300px 0 100px}}.red{background-color:red}.green{background-color:green}.blue{background-color:#00f}.violet{background-color:#8a2be2}#landing-intro{margin:0 auto}#site-header{margin:1rem auto 2.5rem;text-align:center}#site-header .title{font-size:2.5rem;line-height:120%;font-weight:900;color:var(--color-text);margin:0 0 1rem}#site-header .subtitle{font-size:1.4rem;margin:0 1.5rem;color:var(--color-text-secondary);line-height:140%}#cool-explanation{position:relative;z-index:10000;border-radius:8px;padding:2rem 1.5rem;margin:0 2rem;background-color:#f9f9f9;border:1px solid #fff;box-shadow:#0e1e251f 0 2px 4px,#0e1e2552 0 2px 16px}#cool-explanation h2{display:flex;align-items:center;gap:12px;margin:0;margin-bottom:1.5rem;font-size:1.2rem;line-height:125%;color:var(--color-text)}#cool-explanation h2 .icon{width:24px;height:auto;stroke-width:2px}#cool-explanation p{font-size:1rem;margin-bottom:1rem}#cool-explanation p:last-child{margin-bottom:0}@media (max-width: 1024px){#waitlistWrapper{display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden}}#page-footer{display:flex;flex-direction:column;align-content:center;align-items:center;justify-content:center;margin:-20px auto 0;width:100%;overflow:hidden}#page-footer .waitlist-section{display:flex;flex-direction:column;justify-content:center}#page-footer .path-in{left:50%;top:120px;z-index:1000}#page-footer .path-in>img{left:-85px}#hyper-coding-heading{margin:8rem 0 0 8rem;text-align:left}.split-container{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;position:relative}@media (max-width: 1024px){.split-container{grid-template-columns:1fr}}@media (min-width: 1280px){.split-container>.side{display:flex}.split-container>.left.side{justify-content:flex-end}.split-container>.right.side{justify-content:flex-start}.split-container>.side>div{max-width:640px;width:100%}}.mobile-cards-container{display:grid;grid-template-columns:1fr;gap:2rem;padding:2rem}
