:root{--ink:#18201d;--paper:#f4f1e9;--acid:#d7ef65;--moss:#53624c;--line:rgba(24,32,29,.18);--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:800;font-size:19px;letter-spacing:-.04em;text-decoration:none}.wordmark-mark{display:grid;place-items:center;width:28px;height:28px;background:var(--ink);color:var(--acid);font-family:var(--mono);font-size:14px}.dot{color:var(--moss)}nav{display:flex;align-items:center;gap:34px;font-family:var(--mono);font-size:11px}nav a{color:var(--ink);text-decoration:none}.nav-button,.primary-button{background:var(--ink);color:var(--acid);padding:14px 18px;transition:transform .2s,background .2s}.nav-button:hover,.primary-button:hover{background:var(--moss);transform:translateY(-2px)}.page-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;padding-left:5vw;padding-right:5vw}.hero{min-height:650px;padding-top:90px;padding-bottom:90px;align-items:center}.hero-copy{grid-column:1 / span 5;position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 28px;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.04em}.eyebrow-line{display:inline-block;width:33px;height:1px;background:currentColor}h1,h2,h3,p{margin-top:0}h1,h2{font-size:clamp(48px,6.2vw,88px);line-height:.95;letter-spacing:-.075em;margin-bottom:28px}h1 em,h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.08em}h1 em{color:var(--moss)}.hero-intro{max-width:380px;line-height:1.65;color:#5c665e;margin-bottom:34px}.primary-button,.outline-button{border:0;font-family:var(--mono);font-size:11px;text-decoration:none;display:inline-flex;align-items:center;gap:30px;cursor:pointer}.hero-art{grid-column:7 / -1;position:relative;background:var(--moss);aspect-ratio:1.1/1;color:var(--paper);padding:16px;box-shadow:16px 16px 0 var(--acid);transform:rotate(2deg)}.art-topbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(244,241,233,.2);padding:4px 2px 15px;font-family:var(--mono);font-size:9px}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;border-radius:50%;background:var(--acid)}.window-dots i:nth-child(2){opacity:.5}.window-dots i:nth-child(3){opacity:.2}.art-menu{letter-spacing:2px}.art-body{display:flex;height:calc(100% - 45px);padding-top:38px}.art-sidebar{width:46px;border-right:1px solid rgba(244,241,233,.18);display:flex;align-items:center;flex-direction:column;gap:27px}.sidebar-logo{width:25px;height:25px;background:var(--acid);color:var(--ink);display:grid;place-items:center;font-family:var(--mono);font-size:12px;margin-bottom:15px}.art-sidebar span:not(.active-side){width:14px;height:14px;border:1px solid rgba(244,241,233,.6)}.active-side{width:22px;height:3px;background:var(--acid)}.art-content{padding:0 7% ;flex:1}.art-status{display:flex;align-items:center;gap:13px;margin-bottom:48px}.status-check{display:grid;place-items:center;background:var(--acid);color:var(--ink);width:31px;height:31px;border-radius:50%;font-weight:800}.art-status strong,.art-status small{display:block}.art-status strong{font-size:14px}.art-status small{font-family:var(--mono);font-size:9px;opacity:.65;margin-top:4px}.commit-card{background:var(--paper);color:var(--ink);padding:22px 20px;margin-bottom:30px}.commit-card p{font-family:var(--mono);font-size:9px;opacity:.6;margin-bottom:12px}.commit-card>strong{font-size:15px;display:block;margin-bottom:22px}.commit-meta{font-family:var(--mono);font-size:8px;display:flex;align-items:center;gap:8px;color:#687167}.mini-avatar{width:16px;height:16px;background:var(--acid);border-radius:50%}.commit-button{margin-left:auto;background:var(--ink);border:0;color:var(--acid);font:inherit;padding:8px 12px;cursor:pointer}.chart{height:46px;display:flex;align-items:flex-end;gap:7px;border-bottom:1px solid rgba(244,241,233,.3)}.chart span{display:block;background:var(--acid);width:10%;height:25%}.chart span:nth-child(2){height:52%}.chart span:nth-child(3){height:39%}.chart span:nth-child(4){height:75%}.chart span:nth-child(5){height:49%}.chart span:nth-child(6){height:88%}.chart span:nth-child(7){height:100%}.art-caption{position:absolute;bottom:-38px;left:0;right:0;display:flex;justify-content:space-between;color:var(--ink);font-family:var(--mono);font-size:9px;text-transform:uppercase}.marquee{overflow:hidden;background:var(--acid);font-family:var(--mono);font-size:11px;padding:15px 0;white-space:nowrap}.marquee div{word-spacing:9px;animation:drift 22s linear infinite}.marquee b{font-size:15px;font-weight:400}.steps-section{padding-top:145px;padding-bottom:150px}.section-intro{grid-column:1 / span 4}.section-intro h2,.note-content h2,.finish-section h2{font-size:clamp(42px,5vw,70px)}.section-intro>p:last-child,.note-content>p{line-height:1.7;color:#657067;max-width:310px}.steps-list{grid-column:7 / -1}.step{display:grid;grid-template-columns:48px 1fr 30px;gap:20px;padding:25px 0;border-top:1px solid var(--line);align-items:start;transition:padding .25s}.step:last-child{border-bottom:1px solid var(--line)}.step.active{padding-left:15px;background:linear-gradient(90deg,rgba(215,239,101,.5),transparent)}.step-number{font-family:var(--mono);font-size:11px;color:var(--moss)}h3{font-size:23px;letter-spacing:-.05em;margin-bottom:8px}.step p{font-size:13px;line-height:1.6;max-width:400px;color:#657067;margin:0}.step-arrow{font-size:21px}.notes-section{background:#dfe5d8;padding-top:110px;padding-bottom:120px;align-items:start}.note-stamp{grid-column:1 / span 3;font-family:var(--mono);font-size:12px;line-height:1.4;border:1px solid var(--ink);display:inline-block;width:94px;padding:12px;transform:rotate(-5deg)}.note-stamp span{font-size:9px}.note-content{grid-column:5 / span 6}.flow-line{border-top:1px solid var(--line);margin-top:45px;padding-top:24px;display:flex;align-items:center;gap:30px}.flow-line>div{display:grid;grid-template-columns:32px auto;column-gap:10px}.flow-icon{grid-row:span 2;display:grid;place-items:center;width:30px;height:30px;background:var(--ink);color:var(--acid);font-family:var(--mono)}.flow-icon.cloud{background:var(--moss)}.flow-line strong{font-size:13px}.flow-line small{font-family:var(--mono);font-size:9px;color:#687167}.flow-arrow{font-size:25px;color:var(--moss)}.finish-section{background:var(--ink);color:var(--paper);min-height:510px;padding:105px 5vw;position:relative;overflow:hidden}.finish-inner{max-width:650px;position:relative;z-index:1}.light{color:var(--acid)}.finish-section h2{color:var(--paper);margin-bottom:20px}.finish-section h2 em{color:var(--acid)}.finish-section p:not(.eyebrow){color:#9ea99f;line-height:1.6}.outline-button{margin-top:22px;padding:14px 17px;border:1px solid var(--acid);background:transparent;color:var(--acid)}.outline-button:hover{background:var(--acid);color:var(--ink)}.copy-feedback{font-family:var(--mono);font-size:10px;margin-left:13px;color:var(--acid)}.finish-number{position:absolute;right:5vw;bottom:-65px;font-family:var(--mono);font-size:30vw;line-height:1;color:rgba(215,239,101,.08)}.site-footer{display:flex;justify-content:space-between;padding:25px 5vw;font-family:var(--mono);font-size:9px;text-transform:uppercase}.site-footer a{color:var(--ink);text-decoration:none}@keyframes drift{from{transform:translateX(0)}to{transform:translateX(-30%)}}@media(max-width:760px){.site-header{height:70px;padding:0 6vw}nav a:not(.nav-button){display:none}.nav-button{padding:11px 12px}.page-grid{display:block;padding-left:6vw;padding-right:6vw}.hero{padding-top:65px;padding-bottom:100px}.hero-copy{margin-bottom:80px}.hero-art{width:91%;margin-left:2%;box-shadow:10px 10px 0 var(--acid)}h1{font-size:56px}.art-content{padding:0 5%}.steps-section{padding-top:90px;padding-bottom:90px}.section-intro{margin-bottom:55px}.notes-section{padding-top:75px;padding-bottom:80px}.note-stamp{margin-bottom:55px}.note-content{margin-left:0}.flow-line{gap:12px}.flow-arrow{font-size:18px}.finish-section{padding:80px 6vw;min-height:470px}.site-footer{padding:22px 6vw;gap:18px;flex-wrap:wrap}.site-footer span:nth-child(2){display:none}}