:root{--bg:#f7f8f4;--white:#fff;--ink:#18221d;--muted:#66716b;--green:#176b50;--mint:#dff3e9;--line:#dce3de;--orange:#f06a4b;--blue:#4777d4;--shadow:0 24px 70px #243d3020}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,sans-serif}a{color:inherit;text-decoration:none}.progress{position:fixed;z-index:100;left:0;top:0;height:3px;width:0;background:var(--green)}header{position:sticky;z-index:50;top:0;height:74px;padding:0 6vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;border-bottom:1px solid var(--line);background:#f7f8f4e8;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:9px;width:max-content}.brand span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:white;font:700 13px Manrope}.brand strong{font-size:14px}.brand small{padding-left:2px;color:var(--muted);font:500 7px DM Mono;letter-spacing:.15em}nav{text-align:center}nav a{margin:0 14px;color:var(--muted);font-size:11px;font-weight:600}nav a:hover{color:var(--green)}.header-cta{justify-self:end;padding:10px 15px;border:1px solid var(--green);border-radius:99px;color:var(--green);font-size:10px;font-weight:700}.hero{min-height:calc(100vh - 74px);padding:9vh 7vw;display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;overflow:hidden;background:radial-gradient(circle at 80% 20%,#dcefe6,transparent 35%)}.eyebrow{display:flex;align-items:center;gap:8px;color:var(--green);font:500 8px DM Mono;letter-spacing:.17em}.eyebrow span{width:18px;height:2px;background:var(--green)}h1{margin:4vh 0 3vh;font:700 clamp(55px,7vw,100px)/.98 Manrope;letter-spacing:-.07em}h1 em,.section-heading h2 em,.about h2 em{color:var(--green);font-family:"Playfair Display";font-weight:600}.hero-text{max-width:590px;color:var(--muted);font-size:14px;line-height:1.8}.hero-actions{margin-top:35px;display:flex;gap:10px}.button{padding:13px 17px;border-radius:8px;font-size:11px;font-weight:700}.button span{margin-left:16px}.primary{background:var(--green);color:white}.secondary{border:1px solid var(--line);background:white}.hero-stats{margin-top:8vh;display:flex;gap:45px}.hero-stats div{display:flex;flex-direction:column}.hero-stats b{font-size:22px}.hero-stats span{margin-top:4px;color:var(--muted);font:500 7px DM Mono;letter-spacing:.12em;text-transform:uppercase}.hero-visual{position:relative;min-height:520px}.code-card{position:absolute;z-index:2;left:5%;top:15%;width:75%;overflow:hidden;border:1px solid #ffffff25;border-radius:14px;background:#14231c;color:#d9e7df;box-shadow:0 35px 80px #25433235;transform:rotate(-3deg)}.card-bar{height:42px;padding:0 15px;display:flex;align-items:center;gap:6px;border-bottom:1px solid #ffffff16}.card-bar i,.browser-bar i{width:7px;height:7px;border-radius:50%;background:#ff826e}.card-bar i:nth-child(2),.browser-bar i:nth-child(2){background:#ffd26e}.card-bar i:nth-child(3),.browser-bar i:nth-child(3){background:#71d88c}.card-bar span{margin-left:10px;color:#80928a;font:400 8px DM Mono}.code-card pre{margin:0;padding:35px;font:400 clamp(10px,1.1vw,14px)/2 DM Mono}.code-card code span{color:#89d9b5}.code-card code b{color:#ffd477}.code-card code em{color:#ff9f84;font-style:normal}.orbit{position:absolute;z-index:3;right:0;bottom:5%;width:210px;height:210px;border:1px dashed #176b5055;border-radius:50%;animation:spin 25s linear infinite}.orbit:before{content:"";position:absolute;inset:20%;border:1px solid #176b5035;border-radius:50%}.orbit div{position:absolute;inset:30%;display:grid;place-content:center;border-radius:50%;background:var(--green);color:white;text-align:center;font-size:30px;font-weight:700;animation:spin 25s linear infinite reverse}.orbit small{display:block;font:500 5px DM Mono;letter-spacing:.15em}.orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--orange)}.orbit i:nth-child(2){left:-4px;top:50%}.orbit i:nth-child(3){right:10%;top:8%;background:var(--blue)}.orbit i:nth-child(4){left:35%;bottom:-4px;background:var(--green)}.floating-note{position:absolute;z-index:4;padding:10px 13px;border:1px solid var(--line);border-radius:8px;background:white;box-shadow:0 12px 30px #243d3015;color:var(--muted);font:500 8px DM Mono}.floating-note b{color:#55b56f}.note-one{right:2%;top:7%}.note-two{left:0;bottom:12%}.intro-strip{min-height:60px;padding:0 6vw;display:flex;justify-content:space-between;align-items:center;border-block:1px solid var(--line);background:white;color:var(--muted);font:500 7px DM Mono;letter-spacing:.16em}.intro-strip i{width:4px;height:4px;border-radius:50%;background:var(--green)}.projects{padding:12vh 6vw}.section-heading{margin-bottom:8vh;display:flex;justify-content:space-between;align-items:end}.section-heading h2,.about h2{margin:25px 0 0;font:700 clamp(38px,5vw,68px)/1.05 Manrope;letter-spacing:-.06em}.section-heading>p{max-width:350px;color:var(--muted);font-size:12px;line-height:1.7}.project-card{margin-bottom:7vh;display:grid;grid-template-columns:.8fr 1.2fr;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:white;box-shadow:0 10px 40px #243d300b;transition:transform .35s,box-shadow .35s}.project-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.project-content{padding:55px 4vw}.project-meta{display:flex;justify-content:space-between;color:var(--muted);font:500 7px DM Mono;letter-spacing:.15em}.project-meta b{color:var(--green);font-weight:500}.project-meta i{display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:#55b56f}.project-kicker{margin-top:50px;color:var(--green);font:500 7px DM Mono;letter-spacing:.14em}.project-content h3{margin:14px 0;font-size:clamp(34px,4vw,60px);letter-spacing:-.06em}.project-content>p:not(.project-kicker){color:var(--muted);font-size:12px;line-height:1.75}.project-content ul{margin:25px 0 35px;padding:0;list-style:none}.project-content li{padding:8px 0;border-bottom:1px solid var(--line);font-size:10px}.project-content li:before{content:"✓";margin-right:8px;color:var(--green)}.project-link{display:flex;justify-content:space-between;padding:13px 15px;border-radius:7px;background:var(--ink);color:white;font-size:10px;font-weight:700}.project-preview{min-height:520px;padding:45px;display:grid;place-items:center}.signal .project-preview{background:#e2f2e9}.keyline .project-preview{background:#f8e7e1}.crawler .project-preview{background:#e4ebf8}.browser{width:100%;overflow:hidden;border-radius:12px;background:white;box-shadow:0 25px 60px #243d3030;transition:transform .35s}.project-card:hover .browser{transform:scale(1.02)}.browser-bar{height:38px;padding:0 12px;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;border-bottom:1px solid var(--line);background:#fbfbfa}.browser-bar span{display:flex;gap:5px}.browser-bar small{padding:6px;border-radius:5px;background:#f0f2ef;color:#9aa29d;text-align:center;font:400 6px DM Mono}.signal-ui{height:330px;padding:18px;display:grid;grid-template-columns:65px 1fr;background:#10231b;color:white}.signal-side{display:flex;flex-direction:column;gap:10px}.signal-side b{width:28px;height:28px;display:grid;place-items:center;border:1px solid #ffffff35;border-radius:50%;color:#d8ff72}.signal-side span{width:28px;height:4px;border-radius:4px;background:#ffffff20}.signal-chat small{font:400 6px DM Mono;color:#90a39a}.signal-chat div{margin:28px 0;display:flex;align-items:center;gap:8px}.signal-chat div i{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#d8ff72;color:#10231b;font:500 6px DM Mono}.signal-chat p{margin:0;padding:9px;border-radius:3px 10px 10px;background:#ffffff12;font-size:7px}.signal-chat form{margin-top:45px;padding:10px;display:flex;justify-content:space-between;border:1px solid #ffffff25;color:#83968d;font:400 6px DM Mono}.keyline-ui{height:330px;padding:35px;background:#111;color:white}.keyline-title small{color:#ff8065;font:400 6px DM Mono;letter-spacing:.15em}.keyline-title b{display:block;margin-top:12px;font-size:25px;line-height:1}.keyline-title em{color:#ff8065;font-style:normal}.task-row{margin-top:25px;padding:11px;display:grid;grid-template-columns:20px 1fr auto;align-items:center;border-bottom:1px solid #ffffff20;font-size:7px}.task-row i{width:10px;height:10px;border:1px solid #777}.task-row b{color:#70d487;font:400 5px DM Mono}.token-pill{width:max-content;margin-top:30px;padding:8px 10px;border:1px solid #ffffff25;color:#aaa;font:400 6px DM Mono}.token-pill i{display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:#70d487}.orbit-ui{height:330px;padding:30px;display:grid;place-items:center;background:#0c1420;color:white}.radar{position:relative;width:170px;height:170px;border:1px solid #74a8ff80;border-radius:50%;display:grid;place-items:center}.radar:before,.radar:after{content:"";position:absolute;border:1px solid #74a8ff45;border-radius:50%;inset:20%}.radar:after{inset:40%}.radar i{position:absolute;inset:-25%;border:1px dashed #74a8ff35;border-radius:50%}.radar i:nth-child(2){inset:-55%}.radar b{font-size:35px;color:#74a8ff}.metric-row{width:100%;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff20}.metric-row span{padding:12px;border-right:1px solid #ffffff20}.metric-row small,.metric-row b{display:block}.metric-row small{color:#8291a9;font:400 5px DM Mono}.metric-row b{margin-top:5px;font-size:15px}.about{padding:6vh 6vw 12vh}.about-card{padding:7vh 6vw;display:grid;grid-template-columns:220px 1fr;gap:6vw;align-items:center;border:1px solid #cfe1d7;border-radius:20px;background:var(--mint)}.about-card img{width:190px}.about-card>div>p:not(.eyebrow){max-width:700px;color:var(--muted);font-size:12px;line-height:1.8}.about-links{margin-top:25px;display:flex;gap:10px}.about-links a{padding:11px 14px;border:1px solid #bdd7c9;border-radius:7px;font-size:9px;font-weight:700}footer{height:85px;padding:0 6vw;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);background:white;color:var(--muted);font-size:9px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:850px){header{grid-template-columns:1fr auto;padding:0 20px}.brand small,nav{display:none}.hero{padding:65px 20px;display:block}.hero h1{font-size:14vw}.hero-visual{min-height:400px;margin-top:40px}.code-card{width:88%;left:0}.orbit{width:150px;height:150px;right:-10px}.floating-note{display:none}.hero-stats{gap:25px}.intro-strip span:nth-of-type(even),.intro-strip i:nth-of-type(even){display:none}.projects{padding:80px 14px}.section-heading{display:block}.section-heading>p{margin-top:20px}.project-card{grid-template-columns:1fr}.project-content{padding:35px 25px}.project-kicker{margin-top:35px}.project-preview{min-height:380px;padding:20px}.signal-ui,.keyline-ui,.orbit-ui{height:280px}.about{padding:30px 14px 80px}.about-card{padding:35px 25px;grid-template-columns:1fr}.about-card img{width:120px}.about-links{flex-direction:column}footer{padding:0 20px}footer p{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}