@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--ink:#263343;--cream:#263343;--muted:#647182;--blue:#3d65f2;--gold:#3d65f2;--surface:#f3f5f8;--surface2:#eaf0f7;--border:#dfe5ed;--border-gold:#cbd7ff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:hover{color:var(--blue)}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:5px}img,video{display:block;max-width:100%}figure,h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Space Grotesk',Arial,sans-serif}em{font-style:normal}main{max-width:1440px;margin:auto;padding:0 64px}.skip{position:fixed;top:-100px;left:20px;z-index:100;padding:14px;background:white}.skip:focus{top:15px}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:28px;padding:22px 5%;border-bottom:1px solid #e9edf2;background:#ffffffed;backdrop-filter:blur(18px)}.brand{font:600 27px 'Space Grotesk',Arial,sans-serif;letter-spacing:-2px}.brand span{color:var(--blue);font-size:20px;margin-left:5px}.back-link{font-size:12px;color:var(--muted)}.header-contact{margin-left:auto;font-size:12px;background:var(--surface);padding:11px 17px;border-radius:30px}.project-context{display:flex;flex-wrap:wrap;gap:16px;font-size:11px;color:var(--muted);padding-top:62px}.project-context span:first-child{color:var(--blue);font-weight:600}.project-context span:last-child{margin-left:auto}.cs-hero{padding:25px 0 48px}.cs-hero-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,1fr);gap:80px;align-items:start}.cs-kicker{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:22px}.cs-kicker-tag,.cs-tool-tag{font-size:10px;color:var(--muted);background:var(--surface);padding:6px 9px;border-radius:5px}.cs-title{font-size:clamp(42px,5.2vw,74px);font-weight:500;line-height:1.03;letter-spacing:-3px;margin-bottom:25px}.cs-summary{font-size:17px;line-height:1.8;color:var(--muted);max-width:680px}.cs-summary a{color:var(--blue);text-decoration:underline;text-underline-offset:4px}.cs-meta-panel{border-top:1px solid var(--border);margin-top:8px}.cs-meta-item{display:grid;grid-template-columns:94px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--border)}.cs-meta-label{font-size:10px;line-height:1.8;color:var(--muted)}.cs-meta-value{font-size:12px;line-height:1.65}.hero-image{padding:36px;background:#edf0f5;border-radius:18px;border:1px solid #e5eaf1;overflow:hidden}.hero-image img{width:100%;height:auto;max-height:600px;object-fit:contain;object-position:top;border-radius:8px;filter:drop-shadow(0 10px 18px #28354c12)}.hero-image figcaption{font-size:10px;letter-spacing:.04em;color:var(--muted);text-align:center;margin-top:22px}.cs-stats-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:40px 0 20px}.cs-stat-block{padding:8px 24px;border-left:1px solid var(--border)}.cs-stat-block:first-child{padding-left:0;border-left:0}.cs-stat-big{font:500 clamp(23px,3vw,42px)/1.1 'Space Grotesk',Arial,sans-serif;color:var(--blue);letter-spacing:-1px;overflow-wrap:anywhere}.cs-stat-desc{font-size:11px;line-height:1.6;margin-top:9px;color:var(--muted)}.study-note{font-size:10px;line-height:1.65;color:var(--muted);margin-bottom:30px}.cs-project-snapshot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;padding:30px;background:var(--surface);border-radius:13px;margin:15px 0 78px}.cs-snapshot-label{font-size:10px;color:var(--blue);margin-bottom:11px;font-weight:600}.cs-snapshot-text{font-size:12px;line-height:1.75}.reading-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:60px}.chapters{align-self:start;position:sticky;top:110px;padding-right:15px}.chapters nav>p{font-size:10px;color:var(--muted);margin-bottom:19px}.chapters nav>a{display:flex;align-items:baseline;gap:12px;padding:10px 0;font-size:11px;line-height:1.6;border-bottom:1px solid #edf0f4;color:var(--muted)}.chapters a span{font-size:9px;opacity:.6}.chapters a[aria-current]{color:var(--blue);font-weight:600}.chapter-back{display:block;margin-top:25px;font-size:10px;color:var(--muted)}.cs-body{min-width:0}.cs-section{margin-bottom:78px;scroll-margin-top:110px}.cs-section-header{display:flex;gap:16px;align-items:baseline;padding-bottom:20px;margin-bottom:30px;border-bottom:1px solid var(--border)}.cs-section-num{font-size:10px;color:var(--blue)}.cs-section-title{font-size:clamp(23px,2.7vw,34px);line-height:1.2;font-weight:500;letter-spacing:-1px}.cs-two-col{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.cs-three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.cs-body p{font-size:14px;line-height:1.95;color:var(--muted);margin-bottom:20px}.cs-body p strong{color:var(--ink);font-weight:600}.cs-body a{color:var(--blue)}.cs-callout{padding:22px 25px;margin:25px 0;background:#f0f4ff;border-left:2px solid var(--blue);font-size:15px;line-height:1.8;color:var(--ink);border-radius:0 8px 8px 0}.cs-challenge-card{background:var(--surface);border:1px solid #e9edf3;border-radius:10px;padding:24px}.cs-challenge-icon{font-size:22px;margin-bottom:16px}.cs-challenge-title{font-size:14px;font-weight:600;margin-bottom:12px}.cs-challenge-text,.cs-learning-text{font-size:12px;line-height:1.85;color:var(--muted)}.cs-step{display:grid;grid-template-columns:46px 1fr;gap:22px;padding:28px 0;border-bottom:1px solid var(--border)}.cs-step:last-child{border:0}.cs-step-num{font:500 29px 'Space Grotesk',Arial,sans-serif;color:#9db0e8}.cs-step-title{font-size:19px;font-weight:500;line-height:1.3;margin-bottom:13px}.cs-step-tools{display:flex;gap:6px;flex-wrap:wrap;margin-top:15px}.cs-tool-tag{color:var(--blue);background:#edf2ff}.cs-results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}.cs-result-block{padding:27px 22px;background:var(--surface);border-radius:10px;border-top:2px solid #bbcbff}.cs-result-num{font:500 clamp(25px,3vw,39px) 'Space Grotesk',Arial,sans-serif;color:var(--blue);letter-spacing:-1.5px;margin-bottom:12px;overflow-wrap:anywhere}.cs-result-label{font-size:13px;font-weight:600;line-height:1.5;margin-bottom:10px}.cs-result-desc{font-size:12px;color:var(--muted);line-height:1.8}.cs-learnings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px}.cs-learning{padding:27px;background:var(--surface);border-radius:10px}.cs-learning-num{font:500 24px 'Space Grotesk',Arial,sans-serif;color:#9badde;margin-bottom:15px}.cs-learning-title{font-size:14px;font-weight:600;line-height:1.5;margin-bottom:12px}.cs-image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}.cs-image-grid.single{grid-template-columns:1fr}.cs-image-card{min-width:0;border:1px solid var(--border);border-radius:11px;padding:12px;background:#f4f6f9}.cs-image-card img,.cs-image-card video{width:100%;height:auto;border-radius:5px}.cs-image-card video{background:#1a202c}.cs-image-caption{font-size:10px;line-height:1.8;color:var(--muted);padding:9px 5px 1px}.cs-image-caption strong{color:var(--blue);font-weight:600}.cs-scroll-shot{max-height:620px;overflow:auto;border-radius:6px;scrollbar-width:thin;scrollbar-color:#bac8e1 #edf0f5;overscroll-behavior:contain}.cs-scroll-shot img{border-radius:0}.defi-visual{margin-top:28px}.defi-portrait-feature{display:grid;grid-template-columns:1fr minmax(250px,42%);align-items:center;gap:35px;margin-top:30px}.gitalock-visual,.gitalock-screens .cs-image-card{background:#f3ead7}.gitalock-icon-card{min-height:300px;display:grid;place-items:center;background:#f3ead7}.gitalock-icon-card img{width:min(65%,290px);border-radius:24%}.gitalock-screen-feature{max-width:530px;margin-inline:auto}.project-navigation{display:grid;grid-template-columns:1fr 1fr;gap:18px;border-top:1px solid var(--border);padding-top:32px;margin-top:10px}.project-navigation a{background:var(--surface);border-radius:13px;padding:28px;display:flex;flex-direction:column;gap:12px;transition:background .2s}.project-navigation a:hover{background:#edf2ff}.project-navigation a:last-child{text-align:right}.project-navigation span{font-size:10px;color:var(--muted)}.project-navigation strong{font:500 23px 'Space Grotesk',Arial,sans-serif;letter-spacing:-.8px}.contact-ending{margin:80px 0 50px;padding:45px;background:#edf2ff;border-radius:18px;display:flex;justify-content:space-between;gap:25px;align-items:center}.contact-ending p{font-size:12px;line-height:1.8;color:var(--muted)}.contact-ending h2{font-size:clamp(28px,4vw,46px);font-weight:500;letter-spacing:-1.5px;margin:12px 0 15px}.contact-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.contact-actions a,.contact-link{display:inline-flex;padding:14px 17px;border:1px solid #d6dfff;border-radius:9px;font-size:11px;align-items:center;justify-content:center;white-space:nowrap}.primary{background:var(--blue);color:white!important;border-color:var(--blue)!important}.primary:hover{background:#2f52d9}.contact-link{margin-top:15px}footer{max-width:1440px;margin:auto;padding:25px 64px 32px;display:flex;gap:20px;justify-content:space-between;font-size:10px;color:var(--muted);border-top:1px solid #edf0f5}.zoom-open{display:block;background:white;border:1px solid var(--border);color:var(--muted);border-radius:5px;font-size:9px;padding:6px 9px;margin:8px 0 0 auto}.image-zoom{width:min(1440px,96vw);max-width:none;max-height:94svh;border:1px solid var(--border);border-radius:14px;padding:48px 18px 18px;background:#f2f4f8;overflow:auto}.image-zoom::backdrop{background:#162338b3;backdrop-filter:blur(5px)}.image-zoom img{width:auto;max-width:100%;height:auto;margin:auto}.zoom-close{position:sticky;top:0;float:right;margin-top:-35px;background:white;border:1px solid var(--border);border-radius:7px;padding:8px 13px;font-size:11px}.zoom-caption{font-size:12px;color:var(--muted);margin:15px 0 0;text-align:center}
@media(min-width:1500px){.site-header{padding-inline:max(64px,calc((100vw - 1312px)/2))}}
@media(max-width:1100px){main{padding-inline:35px}.cs-hero-grid{gap:40px}.reading-layout{grid-template-columns:150px minmax(0,1fr);gap:30px}.cs-three-col{grid-template-columns:1fr}.cs-challenge-card{padding:22px}.cs-title{letter-spacing:-2px}.cs-project-snapshot{gap:18px;padding:24px}.contact-ending{padding:30px;flex-wrap:wrap}footer{padding-inline:35px}}
@media(max-width:760px){html{scroll-padding-top:85px}.site-header{padding:17px 21px;gap:20px}.brand{font-size:24px}.header-contact{padding:9px 12px;font-size:10px}.back-link{font-size:10px}main{padding-inline:21px}.project-context{padding-top:32px;gap:8px 15px;font-size:9px}.project-context span:last-child{margin-left:0;flex-basis:100%;margin-top:4px}.cs-hero{padding:22px 0 28px}.cs-hero-grid{grid-template-columns:1fr;gap:28px}.cs-title{font-size:43px;letter-spacing:-2px}.cs-summary{font-size:14px}.cs-kicker{margin-bottom:20px}.cs-meta-panel{margin:0}.cs-meta-item{padding:11px 0;grid-template-columns:90px 1fr}.hero-image{padding:14px;border-radius:11px}.hero-image figcaption{margin-top:14px;font-size:9px}.hero-image img{max-height:430px}.cs-stats-bar{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 0;padding-top:30px}.cs-stat-block{padding:0 15px}.cs-stat-block:nth-child(odd){padding-left:0;border:0}.cs-stat-big{font-size:30px}.cs-stat-desc{font-size:10px}.study-note{font-size:9px;margin-top:4px}.cs-project-snapshot{grid-template-columns:1fr 1fr;gap:22px;padding:21px;margin-bottom:35px}.cs-snapshot-text{font-size:11px}.reading-layout{grid-template-columns:1fr;gap:30px}.chapters{position:static;padding:0}.chapters nav{padding:17px;background:var(--surface);border-radius:10px}.chapters nav>p{margin-bottom:8px}.chapters nav>a{display:inline-flex;gap:6px;padding:6px 12px 6px 0;margin-right:10px;border:0;font-size:10px}.chapter-back{display:none}.cs-section{margin-bottom:48px;scroll-margin-top:90px}.cs-section-header{margin-bottom:22px;gap:12px;padding-bottom:16px}.cs-section-title{font-size:25px}.cs-body p{font-size:13px;line-height:1.9}.cs-two-col,.cs-three-col,.cs-image-grid,.cs-results-grid,.cs-learnings,.defi-portrait-feature{grid-template-columns:1fr;gap:18px}.cs-image-grid{margin-top:22px}.cs-image-card{padding:9px}.cs-image-caption{font-size:9px}.cs-scroll-shot{max-height:500px}.cs-step{gap:15px;grid-template-columns:32px 1fr;padding:22px 0}.cs-step-num{font-size:23px}.cs-step-title{font-size:18px}.cs-callout{padding:18px 20px;font-size:14px}.cs-result-block,.cs-learning{padding:23px}.cs-result-num{font-size:35px}.cs-result-label{font-size:13px}.project-navigation{gap:10px;padding-top:22px}.project-navigation a{padding:20px 16px}.project-navigation strong{font-size:18px;letter-spacing:-.5px}.project-navigation span{font-size:9px}.contact-ending{margin:40px 0 30px;padding:25px;gap:18px;border-radius:12px}.contact-ending h2{font-size:32px}.contact-ending p{font-size:11px}.contact-actions a{font-size:10px}footer{padding:22px 21px;flex-wrap:wrap;font-size:9px}.image-zoom{padding-inline:10px}.image-zoom img{max-width:none;width:100%;min-width:650px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}