@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";
:root{--bg:#0b121e;--surface:#111d2b;--text:#f5f7fa;--muted:#9daabb;--line:#293646;--lime:#ccff78;--font:"DM Sans",Arial,sans-serif;--display:"Space Grotesk",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{background:var(--bg);color:var(--text);font:16px/1.65 var(--font);margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--lime);outline-offset:6px}::selection{color:var(--bg);background:var(--lime)}.wrap{width:calc(100% - 112px);max-width:1280px;margin:auto}.nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:105px;display:flex}.wordmark{font:700 29px var(--display);letter-spacing:-2px}.wordmark span{color:var(--lime);margin-left:4px;font-size:21px}.nav nav{gap:34px;font-size:14px;display:flex}.nav a:hover{color:var(--lime)}.nav-contact{align-items:center;gap:18px;font-size:14px;display:flex}.hero{padding-top:68px}.eyebrow{font:500 12px/1.6 var(--font);letter-spacing:1.65px;align-items:center;gap:12px;margin:0 0 25px;display:flex}.muted{color:#59667a}.status-dot{background:var(--lime);border-radius:100%;width:7px;height:7px;box-shadow:0 0 0 4px #ccff7810}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);font-weight:500}h1{letter-spacing:-5px;margin-bottom:35px;font-size:clamp(50px,6.9vw,95px);line-height:1.075}h1>span:not(.period),.period,.lime{color:var(--lime)}.hero-bottom{justify-content:space-between;align-items:center;gap:35px;display:flex}.hero-bottom p{max-width:570px;color:var(--muted);margin:0;font-size:18px;line-height:1.75}.button{cursor:pointer;border:0;justify-content:center;align-items:center;gap:32px;padding:17px 25px;font-size:14px;font-weight:600;display:inline-flex}.primary{background:var(--lime);color:var(--bg)}.primary:hover{background:#b3ed57}.hero-foot{border-top:1px solid var(--line);letter-spacing:1.4px;color:var(--muted);justify-content:space-between;margin-top:63px;padding:22px 0;font-size:10px;display:flex}.work-section{background:#101b29;padding:96px 0 58px}.section-top{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:45px;display:flex}.section-top .eyebrow{color:var(--muted);margin-bottom:15px}h2{letter-spacing:-2px;margin-bottom:0;font-size:clamp(34px,4vw,51px);line-height:1.15}.section-top>p{color:var(--muted);margin-bottom:0;font-size:16px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 28px;display:grid}.project{min-width:0}.project-visual{background:#263f49;flex-direction:column;justify-content:space-between;height:320px;padding:25px;display:flex;position:relative;overflow:hidden}.visual-meta,.visual-bottom{letter-spacing:1.3px;color:#ddf0ea;justify-content:space-between;gap:12px;font-size:10px;display:flex}.visual-meta>span:last-child{font-size:25px;line-height:1}.project-monogram{font:500 120px/1 var(--display);letter-spacing:-10px;color:#dbf4dd;text-align:center}.project-monogram span{color:var(--lime)}.project-1 .project-visual{background:#263381}.project-1 .project-monogram{color:#d9dfff}.project-2 .project-visual{background:#403560}.project-2 .project-monogram{color:#e5dafa}.project-3 .project-visual{background:#4b3527}.project-3 .project-monogram{color:#f0d9be}.project-visual img{object-fit:contain;background:#172330;width:100%;height:100%;position:absolute;inset:0}.project-content{padding:25px 0 0}.project-content h3{letter-spacing:-1px;margin-bottom:10px;font-size:28px}.project-description{color:#b7c3d0;max-width:540px;margin-bottom:18px}.tags{flex-wrap:wrap;gap:7px;margin:20px 0;display:flex}.tags span{color:#d2dce7;border:1px solid #344153;border-radius:4px;padding:4px 11px;font-size:12px}details{border-top:1px solid #344153}summary{cursor:pointer;justify-content:space-between;align-items:center;padding:16px 0;font-size:14px;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary span{color:var(--lime);font-size:24px;line-height:1}details[open] summary span{transform:rotate(45deg)}.project-detail{color:#b7c3d0;font-size:14px}.project-detail ul{padding-left:19px}.project-detail li{margin-bottom:9px}.project-detail p{border-left:2px solid var(--lime);padding-left:15px}.project-links{flex-wrap:wrap;gap:22px;padding:10px 0;display:flex}.project-links a{color:var(--lime);align-items:center;gap:8px;font-size:14px;display:flex}.work-note{color:var(--muted);margin:42px 0 0;font-size:12px}.empty-work{border:1px solid var(--line);color:var(--muted);padding:45px}.empty-work h3{color:var(--text);margin-top:18px}.experience{padding-top:103px;padding-bottom:100px}.experience-list{border-top:1px solid var(--line)}.experience-row{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.3fr 24px;gap:45px;padding:34px 0;display:grid}.date{letter-spacing:1px;color:var(--muted);margin-bottom:13px;font-size:11px}.experience-row h3{letter-spacing:-.6px;margin-bottom:3px;font-size:24px}.role{color:var(--muted);margin-bottom:0;font-size:14px}.experience-row>div:nth-child(2)>p{color:#bac5d1;margin:0 0 14px}.experience-proof{color:var(--lime);font-size:13px}.experience-arrow{color:#67798d}.about{grid-template-columns:1.2fr 1fr;gap:50px 100px;padding-bottom:110px;display:grid}.about .eyebrow{color:var(--muted)}.about h2{margin-bottom:30px}.about p:not(.eyebrow){color:#aebccc}.about .about-intro{margin-bottom:12px;font-size:20px;color:var(--text)!important}.text-link{color:var(--lime);align-items:center;gap:25px;margin-top:12px;font-size:14px;display:inline-flex}.principles{padding-top:10px}.principles>div{border-top:1px solid var(--line);padding:25px 0 18px 45px;position:relative}.principles svg{color:var(--lime);width:21px;position:absolute;top:26px;left:0}.principles span{color:#728298;font-size:12px;position:absolute;top:23px;right:0}.principles h3{margin-bottom:7px;padding-right:30px;font-size:20px}.principles p{max-width:290px;font-size:14px}.education{border-top:1px solid var(--line);grid-column:1/-1;justify-content:space-between;gap:20px;padding-top:25px;font-size:13px;display:flex}.education>span{color:var(--muted);letter-spacing:1.5px;font-size:11px}.education p{margin:0}.education strong{color:#d5dfe8;font-size:15px;font-weight:500;display:block}.contact{background:var(--lime);color:var(--bg);padding:70px 0 60px}.contact .eyebrow{margin-bottom:30px}.contact-row{justify-content:space-between;align-items:center;gap:30px;display:flex}.contact h2{letter-spacing:-2.5px;font-size:clamp(34px,4.4vw,62px)}.contact h2 span{color:#456323}.contact-arrow{border:1px solid #263a2480;border-radius:50%;flex-shrink:0;place-items:center;width:88px;height:88px;display:grid}.contact-arrow:hover{background:var(--bg);color:var(--lime)}.contact-bottom{justify-content:space-between;gap:25px;margin-top:38px;display:flex}.contact-bottom p{color:#354923;margin-bottom:0;font-size:15px}.contact-bottom>div{align-items:flex-end;gap:35px;display:flex}.contact-bottom a{align-items:center;gap:13px;font-size:16px;display:flex}footer{color:var(--muted);justify-content:space-between;gap:20px;padding:30px 0;font-size:12px;display:flex}footer a{align-items:center;gap:10px;display:flex}.skip{background:var(--lime);color:var(--bg);z-index:10;padding:10px;position:absolute;top:-100px;left:20px}.skip:focus{top:10px}.admin{max-width:760px;margin:80px auto;padding:0 25px}.admin h1{letter-spacing:-2px;font-size:48px}.admin h2{font-size:28px}.admin input{width:100%;color:var(--text);background:#172434;border:1px solid #415068;margin:10px 0 20px;padding:13px}.admin-panel{background:var(--surface);border:1px solid var(--line);margin-top:24px;padding:26px}.admin .message{color:var(--lime);white-space:pre-wrap}.admin button:disabled{opacity:.5;cursor:wait}.admin label{display:block}.admin-actions{flex-wrap:wrap;gap:18px;display:flex}.admin progress{width:100%;accent-color:var(--lime)}.admin small{color:var(--muted)}@media (min-width:1000px){.project:first-child:last-child{max-width:650px}}@media (max-width:800px){.wrap{width:calc(100% - 48px)}.nav{height:80px}.nav nav{gap:18px}.nav-contact{display:none}.hero{padding-top:45px}h1{letter-spacing:-3px}.hero-bottom{flex-direction:column;align-items:flex-start;gap:25px}.hero-bottom p{font-size:16px}.hero-foot{margin-top:42px}.hero-foot span:last-child{display:none}.work-section{padding-top:65px}.section-top>p{display:none}.project-visual{height:260px}.project-monogram{font-size:100px}.experience-row{grid-template-columns:1fr 1.4fr;gap:25px}.experience-arrow{display:none}.about{gap:40px}.education{flex-wrap:wrap}.contact-bottom{flex-direction:column}.contact-bottom>div{flex-wrap:wrap;align-items:flex-start;gap:20px}footer>span:nth-child(2){display:none}}@media (max-width:560px){.wrap{width:calc(100% - 36px)}.nav nav{gap:15px;font-size:12px}.hero .eyebrow{letter-spacing:.7px;gap:8px;font-size:10px}h1{letter-spacing:-2.1px;font-size:clamp(37px,9.2vw,52px);line-height:1.13}.hero-foot{letter-spacing:1px;font-size:8px}.project-grid{grid-template-columns:1fr;gap:35px}.project-visual{height:275px}.section-top{margin-bottom:30px}.experience{padding:65px 0}.experience-row{grid-template-columns:1fr;gap:20px}.about{grid-template-columns:1fr;padding-bottom:65px}.about h2{font-size:36px}.education{flex-direction:column}.contact{padding:50px 0}.contact-row{align-items:flex-end;gap:8px}.contact h2{letter-spacing:-1.5px;font-size:33px}.contact-arrow{width:48px;height:48px}.contact-arrow svg{width:28px}.contact-bottom a{font-size:14px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.hero{padding-bottom:70px}.hero h1{letter-spacing:-5px;margin-bottom:16px;font-size:clamp(54px,8vw,106px)}.hero-role{letter-spacing:-1.4px;color:var(--lime);margin-bottom:30px;font-size:clamp(25px,3.1vw,40px)}.hero-bottom p{max-width:640px}.hero .eyebrow{color:var(--muted)}.experience-row{grid-template-columns:1fr 1.3fr}.education-summary{border-top:1px solid var(--line);padding-top:24px}.education-summary h3{margin-bottom:23px;font-size:23px}.education-summary>div{margin-bottom:26px}.education-summary strong{font-weight:500}.education-summary p{margin:7px 0 0;font-size:14px}.contact h2{font-size:48px}.contact-bottom{margin-top:24px}.project-grid>.project:last-child:nth-child(odd){grid-column:1/-1;grid-template-columns:1fr 1fr;gap:28px;display:grid}.project-grid>.project:last-child:nth-child(odd) .project-content{padding-top:0}@media (max-width:800px){.hero h1{letter-spacing:-3px}.hero{padding-bottom:55px}.hero-role{letter-spacing:-.7px}}@media (max-width:560px){.hero h1{letter-spacing:-2.5px;font-size:52px}.hero-role{font-size:24px}.experience-row{grid-template-columns:1fr}.project-grid>.project:last-child:nth-child(odd){display:block}.project-grid>.project:last-child:nth-child(odd) .project-content{padding-top:25px}.contact h2{font-size:36px}}.project-screenshot{cursor:zoom-in;display:block;position:absolute;inset:0}.project-screenshot:focus-visible{outline-offset:-4px;z-index:1}.image-open{color:#eef3f7;background:#0b121eef;border:1px solid #52616f;align-items:center;gap:6px;padding:6px 10px;font-size:11px;display:flex;position:absolute;bottom:12px;right:12px}.project-screenshot:hover .image-open,.project-screenshot:focus-visible .image-open{color:var(--lime);border-color:var(--lime)}.screenshot-caption{color:var(--muted);margin:0 0 9px;font-size:12px}.project-grid>.project:only-child{max-width:none;display:block}.project-grid>.project:only-child .project-visual{aspect-ratio:1920/843;height:auto}.project-grid>.project:only-child .project-content{grid-template-columns:1fr 1fr;gap:56px;padding-top:32px;display:grid}.project-grid>.project:only-child h3{font-size:40px}.project-grid>.project:only-child .project-description{font-size:18px}.project-grid>.project:only-child .project-detail{font-size:15px}@media (max-width:800px){.project-grid>.project:only-child .project-content{grid-template-columns:1fr;gap:12px}.project-grid>.project:only-child h3{font-size:32px}}.nav nav a,.nav-contact{justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:10px 5px;display:inline-flex}.nav nav{gap:24px}.nav .mobile-contact{display:none}.hero-role{max-width:950px;font-size:clamp(24px,3vw,39px)}.hero-actions{flex-direction:column;flex-shrink:0;gap:12px;display:flex}.resume-link{justify-content:center;align-items:center;gap:10px;min-height:44px;font-size:14px;display:flex}.section-intro{color:#b7c3d0;max-width:790px;margin-bottom:35px;font-size:18px}.section-intro strong{color:var(--text);font-weight:500}.firm-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.firm-tool{border:1px solid var(--line);background:var(--bg);padding:28px}.firm-tool h3{letter-spacing:-.7px;margin-bottom:24px;font-size:26px;line-height:1.25}.firm-tool .date{min-height:18px}.firm-tool p:not(.date){color:#bac5d1;font-size:14px}.tool-flow{border-block:1px solid var(--line);flex-direction:column;gap:9px;min-height:135px;margin-bottom:24px;padding:19px 0;font-size:13px;display:flex}.tool-flow svg{color:var(--lime)}.tool-flow strong{color:var(--text);font-weight:500}.firm-tool .tool-outcome{margin-bottom:0}.feature-section{padding-block:85px}.feature-intro{grid-template-columns:1.65fr 1fr;gap:55px;margin-bottom:34px;display:grid}.feature-description{color:#bac5d1;font-size:20px}.usage-proof{color:var(--lime);margin-bottom:0;font-size:17px}.feature-actions{flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;display:flex}.feature-capture{margin:30px 0 0}.feature-capture img{border:1px solid var(--line);background:#111;width:100%;height:auto;display:block}.feature-capture>a{cursor:zoom-in;display:block}.feature-capture figcaption{color:var(--muted);margin-top:12px;font-size:12px}.feature-capture figcaption a{align-items:center;min-height:44px;display:inline-flex}.feature-bottom{grid-template-columns:1.6fr 1fr;gap:60px;padding-top:27px;display:grid}.feature-bottom ul{color:#bac5d1;margin:0;padding-left:19px}.feature-bottom li{margin-bottom:13px}.feature-bottom .tags{margin-top:0}.feature-bottom .work-note{margin-top:20px}.experience{padding-top:25px}.concurrent-role{margin-top:18px}.concurrent-role span{font-size:12px}.about-links{flex-wrap:wrap;gap:25px;display:flex}.about-links .text-link{gap:10px;min-height:44px;margin-top:0}.education-summary .text-link{gap:12px;min-height:44px}.document-page{max-width:1100px;padding-block:42px 100px}.document-page>.eyebrow{margin-top:55px}.document-page h1{letter-spacing:-2.5px;max-width:950px;margin-bottom:28px;font-size:clamp(38px,5vw,64px);line-height:1.1}.document-page p{color:#bac5d1;max-width:800px}.document-page .document-lead{font-size:21px}.document-page .usage-proof{color:var(--lime)}.document-page section{margin-top:62px}.document-page h2{letter-spacing:-1px;margin-bottom:22px;font-size:32px}.document-cta{border-top:1px solid var(--line);padding-top:36px}.document-cta .text-link{margin-left:25px}.document-page .text-link{min-height:44px}.note-body{max-width:800px;margin-bottom:38px}.not-found{flex-direction:column;justify-content:center;align-items:flex-start;min-height:80vh;display:flex}.not-found>.eyebrow{margin-top:0}@media (max-width:1000px){.firm-tool-grid{gap:16px}.firm-tool{padding:22px}.firm-tool h3{font-size:23px}.feature-intro{gap:30px}}@media (max-width:800px){.nav .nav-contact{display:none}.nav .mobile-contact{color:var(--lime);display:inline-flex}.nav nav{gap:15px}.firm-tool-grid{grid-template-columns:1fr}.firm-tool h3{font-size:26px}.tool-flow{min-height:0}.feature-intro,.feature-bottom{grid-template-columns:1fr;gap:24px}.feature-section{padding-block:60px}.feature-description{font-size:18px}.feature-actions{flex-flow:wrap;align-items:center;gap:20px}.feature-actions .text-link{margin:0}.experience{padding-top:10px}.document-page{padding-top:25px}.document-page .document-lead{font-size:18px}}@media (max-width:560px){.nav nav{gap:8px;font-size:12px}.nav nav a{padding-inline:3px}.nav .wordmark{font-size:26px}.hero-role{font-size:26px;line-height:1.2}.hero-actions{align-items:flex-start;width:100%}.hero-actions .resume-link{padding-inline:8px}.section-intro{font-size:16px}.firm-tool{padding:24px}.about-links{gap:18px}.feature-actions{flex-direction:column;align-items:flex-start;gap:8px}.document-cta .text-link{margin:15px 0 0;display:flex}.document-page h1{letter-spacing:-1.5px}.contact-bottom a{min-height:44px}.document-page h2{font-size:28px}}.nav .wordmark{align-items:center;min-width:44px;min-height:44px;display:inline-flex}.availability{color:var(--muted);margin:24px 0 0;font-size:14px}.firm-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.firm-tool .tool-outcome{border-top:1px solid var(--line);color:var(--text);padding-top:18px}.tool-outcome>span{color:var(--lime);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:11px;display:block}.shipped-section{border-block:1px solid var(--line);grid-template-columns:1fr 1.3fr;gap:45px;margin-bottom:70px;padding-block:38px;display:grid}.shipped-section h2{margin-bottom:18px;font-size:34px}.shipped-section p:not(.eyebrow):not(.usage-proof){color:#bac5d1}.shipped-section .text-link{min-height:44px}.waitlist-form{max-width:650px;margin-top:24px}.waitlist-form label{margin-bottom:8px;font-size:14px;display:block}.waitlist-fields{gap:12px;display:flex}.waitlist-fields input{background:var(--surface);min-width:0;color:var(--text);border:1px solid #52616f;border-radius:0;flex:1;padding:14px}.waitlist-form button:disabled{opacity:.65;cursor:wait}.waitlist-form small{color:var(--muted);margin-top:12px;font-size:12px;display:block}.waitlist-form .form-message{color:var(--lime);margin-top:16px}.waitlist-trap{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.beta-admin-list{overflow-wrap:anywhere;padding-left:20px}.beta-admin-list small{margin-left:12px}.note-list{max-width:800px;padding:0;list-style:none}.note-list li{border-top:1px solid var(--line);padding:28px 0}.note-list h2{margin:8px 0 14px}.note-date{color:var(--muted);font-size:12px}.feature-video{border:1px solid var(--line);background:var(--surface);width:100%;height:auto;display:block}@media (max-width:800px){.firm-tool-grid,.shipped-section{grid-template-columns:1fr}.shipped-section{gap:20px;margin-bottom:50px}}@media (max-width:560px){.waitlist-fields{flex-direction:column}.waitlist-fields .button{width:100%}}.video-transcript{max-width:900px;margin-top:22px}.video-transcript summary{min-height:44px}.video-transcript p{margin-top:10px;font-size:15px}