@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{--ink:#223b2d;--forest:#244934;--olive:#4d6b51;--muted:#647367;--cream:#f8f9f2;--cream-2:#f2f5ec;--sage:#e6eddf;--line:#dce4d7;--yellow:#d9e797;--pink:#f1c9c4;--mono:'DM Mono',monospace;--sans:'DM Sans',system-ui,sans-serif;--heading:'Manrope',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--yellow);color:var(--ink)}.container{width:min(1200px,calc(100% - 100px));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:20px;background:var(--ink);color:white;z-index:999;padding:10px 16px}.skip-link:focus{top:8px}
.site-header{height:88px;position:sticky;top:0;z-index:100;background:rgba(248,249,242,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(36,73,52,.08)}.nav-shell{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:baseline;gap:19px}.brand-mark,.footer-brand{font:800 35px/.9 var(--heading);letter-spacing:-.095em}.brand-dot,.footer-brand span{color:#a2b869}.brand-note{font:10px var(--mono);letter-spacing:.02em;color:var(--muted)}.site-nav{display:flex;align-items:center;gap:38px;font-size:13px;font-weight:700}.site-nav>a{transition:color .2s}.site-nav>a:hover{color:#7a9d55}.site-nav .nav-resume{padding:11px 17px;border:1px solid var(--ink);border-radius:50px}.site-nav .nav-resume:hover{background:var(--ink);color:white}.mobile-toggle{display:none}
.hero{min-height:702px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:55px;padding-top:80px;padding-bottom:100px}.hero-copy{padding-top:15px}.eyebrow,.section-kicker{font:500 11px/1.4 var(--mono);letter-spacing:.115em;color:var(--olive)}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:33px}.status-dot,.mini-dot{display:inline-block;width:8px;height:8px;background:#9cbd72;border-radius:50%;box-shadow:0 0 0 4px #e5eecb}.little-flower{margin-left:5px;font-size:14px;color:#aab977}.hero h1{font:800 clamp(44px,4.6vw,74px)/1.17 var(--heading);letter-spacing:-.065em;margin:0 0 28px;color:#244632;white-space:nowrap}.hero h1 em,h2 em{font:italic 400 .98em Georgia,serif;letter-spacing:-.065em}.headline-period{color:#a7ba73}.hero-lede{max-width:525px;font-size:16px;line-height:1.9;color:#5c6e60;margin-bottom:36px}.hero-actions{display:flex;align-items:center;gap:31px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;border-radius:999px;padding:16px 26px;font-size:13px;font-weight:700;transition:transform .2s,background .2s}.button:hover,.outline-button:hover{transform:translateY(-3px)}.button-dark{color:white;background:#264936}.button-dark:hover{background:#3b654a}.text-link{font-size:13px;font-weight:700;border-bottom:1px solid #9dae8f;padding-bottom:4px}.text-link span{margin-left:8px}.hero-meta{display:flex;align-items:center;gap:13px;margin-top:58px;font:11px var(--mono);color:#849085}.meta-separator{color:#93ac68}.hero-art{height:550px;position:relative;display:flex;align-items:center;justify-content:center}.hero-art:before{content:'';width:91%;aspect-ratio:1;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:50%;background:#e8eedb}.art-orbit{position:absolute;left:7%;right:7%;top:5%;bottom:5%;border:1px solid #d1dec7;border-radius:50%;transform:rotate(-18deg)}.orbit-two{left:15%;right:15%;top:12%;bottom:12%;transform:rotate(26deg);border-style:dashed}.art-spark{position:absolute;z-index:2;color:#88a85e}.art-spark-one{font-size:43px;top:17px;right:61px}.art-spark-two{font-size:29px;bottom:61px;left:20px}.code-window{z-index:1;width:min(450px,94%);height:350px;border-radius:17px;background:#fbfcf7;box-shadow:0 30px 55px #1a443126,0 5px 15px #1c372a1a;transform:rotate(-4deg);border:1px solid #d2dbcd;overflow:hidden}.code-toolbar{height:48px;background:#f0f3e9;border-bottom:1px solid #dbe2d5;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font:11px var(--mono);color:#819082}.window-dots{display:flex;gap:6px}.window-dots i{width:9px;height:9px;border-radius:50%;background:#f0b9ad}.window-dots i:nth-child(2){background:#e9d59b}.window-dots i:nth-child(3){background:#acc9a4}.window-arrow{font-size:17px}.code-lines{font:13px/2.05 var(--mono);padding:28px 25px;color:#344b3c;white-space:nowrap}.indent{padding-left:26px}.code-purple{color:#956a9d}.code-olive{color:#56836a}.code-pink{color:#c7837e}.code-space{height:18px}.float-label{position:absolute;z-index:3;font-size:12px;line-height:1.6;box-shadow:0 10px 30px #1e44301a}.float-label strong{font-weight:700}.label-top{right:-10px;top:52px;background:#f4d9d1;padding:14px 20px;transform:rotate(7deg);border-radius:8px;color:#79584d}.label-bottom{left:0;bottom:82px;background:#d5e4ac;border-radius:8px;padding:10px 20px;display:flex;align-items:center;gap:12px;transform:rotate(5deg)}.smiley{font-size:34px;font-weight:400;line-height:1}.hero-art-caption{position:absolute;bottom:13px;right:38px;font:10px var(--mono);color:#879985}.hero-art-caption span{margin-left:6px}
.ticker{overflow:hidden;background:#dce9bf;height:50px;display:flex;align-items:center;border-top:1px solid #ccdbaa;border-bottom:1px solid #ccdbaa}.ticker-inner{font:500 11px var(--mono);color:#51724c;white-space:nowrap;letter-spacing:.14em;animation:marquee 36s linear infinite}.ticker-inner span{font-size:15px;margin:0 42px;color:#95ab63}@keyframes marquee{to{transform:translateX(-50%)}}
.section-pad{padding-top:130px;padding-bottom:130px}.about{display:grid;grid-template-columns:.23fr .77fr;gap:60px}.section-side{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.section-number{font:11px var(--mono);color:#859582;letter-spacing:.04em}.side-decor{font-size:96px;line-height:1;color:#d8e4c6;margin-bottom:30px}.section-kicker{margin:0 0 24px}.about h2,.section-heading h2,.resume-band h2,.contact-section h2{font:800 clamp(39px,4vw,60px)/1.25 var(--heading);letter-spacing:-.06em;margin:0;color:#254632}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:38px}.about-grid p{font-size:15px;line-height:1.95;color:#647567;margin:0}.about-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:42px}.about-chips span{border:1px solid #d5e0d1;border-radius:40px;padding:8px 16px;font-size:11px;color:#5b745e;background:#f6f9f1}
.projects-section{background:#edf2e7}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:55px;margin-bottom:48px}.section-description{max-width:345px;color:#738275;font-size:14px;line-height:1.9;margin:0 0 7px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project-card{border:1px solid #dbe4d6;background:#fbfcf7;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:transform .3s,box-shadow .3s}.project-card:hover{transform:translateY(-6px);box-shadow:0 18px 30px #27472d13}.feature-card{grid-column:span 2;display:grid;grid-template-columns:1.02fr .98fr}.project-image{position:relative;min-height:330px;overflow:hidden}.feature-card .project-image{min-height:390px}.pronunciation-art{background:#dbeadb;display:flex;align-items:center;justify-content:center;padding:55px}.tone-label{position:absolute;left:30px;top:26px;color:#60836a;font:10px var(--mono);letter-spacing:.075em}.tone-graph{width:100%;max-width:500px;border-radius:11px;background:#f9fcf5;padding:24px 24px 16px;box-shadow:0 18px 45px #43735524;transform:rotate(-3deg)}.tone-heading{display:flex;align-items:center;justify-content:space-between;color:#68816b;font-size:12px}.tone-heading span:first-child{font:500 40px Georgia,serif;color:#315d41}.tone-graph svg{display:block;width:100%;margin-top:12px}.tone-bottom{display:flex;justify-content:space-between;font:10px var(--mono);color:#668d74;gap:10px}.pronunciation-sprout{font-size:85px;position:absolute;bottom:-14px;right:15px;color:#a6c6a2}.project-info{padding:34px;flex:1;display:flex;flex-direction:column}.feature-card .project-info{padding:47px 44px}.project-topline{display:flex;justify-content:space-between;gap:10px;color:#819184;font:9px var(--mono);letter-spacing:.05em}.project-info h3{font:800 28px/1.25 var(--heading);letter-spacing:-.045em;margin:26px 0 15px;color:#254b35}.feature-card .project-info h3{font-size:34px;margin-top:35px}.project-info>p{font-size:14px;line-height:1.9;color:#6a7b6d;margin:0 0 25px;max-width:440px}.project-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}.project-tags span{border-radius:5px;background:#eff3e8;font:10px var(--mono);color:#66816a;padding:6px 9px}.project-foot{margin-top:30px;padding-top:22px;border-top:1px solid #e7ece2;display:flex;align-items:center;justify-content:space-between;gap:15px}.project-foot a{font-size:12px;font-weight:700;color:#356a49;white-space:nowrap}.project-foot a:hover{text-decoration:underline}.foot-note{font:10px var(--mono);color:#929c91;display:flex;align-items:center;gap:9px}.mini-dot{width:5px;height:5px;box-shadow:none;background:#afbdac}.mini-dot.live{background:#8fba66}.paysync-art{background:#eadfd7;padding:46px;display:flex;align-items:center;justify-content:center}.card-sticker{position:absolute;left:25px;top:24px;font:10px var(--mono);color:#977c70;letter-spacing:.05em}.mock-app{background:#fffdf8;width:285px;border-radius:13px;box-shadow:0 15px 35px #684d4135;padding:20px;transform:rotate(-6deg)}.mock-top{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#3a4a46}.mock-top span{color:#c5a18c}.mock-balance{background:#eef2e5;padding:20px;margin-top:16px;border-radius:9px}.mock-balance small,.mock-balance strong{display:block}.mock-balance small{font-size:10px;color:#8ca18d}.mock-balance strong{font:800 31px var(--heading);color:#2c573d;margin:6px 0 12px}.mock-avatars{display:flex;align-items:center}.mock-avatars i{width:27px;height:27px;border-radius:50%;background:#e4ae96;color:white;font:9px var(--mono);display:grid;place-items:center;font-style:normal;border:2px solid white;margin-right:-5px}.mock-avatars i:nth-child(2){background:#9aafa1}.mock-avatars i:nth-child(3){background:#9ba9c9}.mock-avatars span{font-size:9px;margin-left:15px;color:#829184}.mock-expenses>div{display:flex;align-items:center;gap:12px;border-bottom:1px solid #f2f1eb;padding:12px 0}.mock-expenses>div>span{height:32px;width:32px;border-radius:8px;background:#f4ebe5;display:grid;place-items:center}.mock-expenses p{margin:0;flex:1;font-weight:700;font-size:10px}.mock-expenses small{display:block;color:#a6aaa4;font-size:9px;font-weight:400}.mock-expenses strong{font-size:10px}.system-art{background:#d6e5e2;padding:40px;display:flex;align-items:center;justify-content:center;flex-direction:column}.system-caption{position:absolute;top:26px;left:28px;font:10px var(--mono);color:#6f8c8c}.system-circles{display:flex;align-items:center;width:100%;max-width:410px;justify-content:center}.system-node{height:77px;min-width:77px;border-radius:50%;border:2px solid #b1d0c4;background:#e9f4ed;display:flex;align-items:center;justify-content:center;text-align:center;font:700 12px var(--mono);color:#4e806b;box-shadow:0 6px 16px #3c776418}.system-node.big{height:145px;min-width:145px;background:#2e5e4a;color:white;display:flex;flex-direction:column;line-height:1.8;font-size:13px;border:7px solid #a5c8b7}.system-node small{font:9px var(--mono);color:#bbdccb}.system-connector{height:2px;background:#78a895;flex:1;max-width:48px}.performance-pill{background:#f8fbf3;border:1px solid #c8ded0;border-radius:9px;padding:12px 20px;margin-top:24px;display:flex;align-items:center;gap:16px;transform:rotate(3deg);box-shadow:0 7px 18px #37725b15}.performance-pill span{font:9px var(--mono);color:#859c8f}.performance-pill strong{font:800 17px var(--heading);color:#31674e}.performance-pill i{color:#8da693;font-style:normal;margin:0 5px}.project-afterword{text-align:center;margin:42px 0 0;font:11px var(--mono);color:#879a86}.project-afterword span{font-size:19px;margin-left:4px;color:#829e6a}
.toolbox-heading{margin-bottom:54px}.toolbox-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.toolbox-group{border-top:1px solid #cbd9c7;padding:29px 5px 10px}.toolbox-icon{width:46px;height:46px;border-radius:12px;background:#e5eddc;display:grid;place-items:center;font:700 21px var(--mono);color:#4b7350;margin-bottom:32px}.toolbox-group h3{font-size:17px;margin:0 0 12px}.toolbox-group p{font-size:13px;line-height:2;color:#7b8b7b;margin:0}.resume-band{background:#284b38;color:#f7faed;padding:76px 0}.resume-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:90px;align-items:center}.resume-band .section-kicker{color:#bdd39d}.resume-band h2{color:#f9f9e9;font-size:clamp(32px,3.3vw,48px)}.resume-band h2 em{color:#d6e6a9}.resume-right>p:first-child{font-size:14px;line-height:1.9;color:#e1eadd}.resume-small{font-size:11px;line-height:1.8;color:#a8c0a9;margin-bottom:23px}.outline-button{display:inline-flex;align-items:center;gap:25px;border:1px solid #b8c7af;border-radius:30px;padding:12px 21px;color:white;font-size:12px;font-weight:700;transition:transform .2s}.contact-section{padding-top:135px;padding-bottom:145px}.contact-inner{position:relative;text-align:center;max-width:850px;margin:auto}.contact-inner .section-kicker{margin-bottom:20px}.contact-inner h2{font-size:clamp(44px,5.5vw,78px)}.contact-inner>p:not(.section-kicker){max-width:555px;color:#758574;line-height:1.9;margin:29px auto}.contact-star{position:absolute;right:35px;top:-45px;font-size:55px;color:#c8d8a2}.contact-actions{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:32px}.contact-actions>span{font:10px var(--mono);color:#99a597}.site-footer{border-top:1px solid #dbe4d7;padding:26px 0}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:28px}.footer-brand{font-size:27px}.footer-row p{font:10px var(--mono);color:#839281;margin:0}.footer-row p span{font-size:15px;color:#799a74}.footer-right{display:flex;gap:28px;color:#879486;font:10px var(--mono)}.footer-right a:hover{color:var(--forest)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s,transform .65s}.reveal.is-visible{opacity:1;transform:translateY(0)}
@media (max-width:1100px){.hero{gap:25px}.hero h1{font-size:clamp(43px,4.6vw,62px)}.container{width:min(1200px,calc(100% - 70px))}.label-top{right:0}.about{grid-template-columns:.18fr .82fr;gap:30px}.toolbox-grid{grid-template-columns:repeat(2,1fr);gap:45px}.feature-card .project-info h3{font-size:30px}}
@media (max-width:800px){.container{width:calc(100% - 44px)}.site-header{height:75px}.brand-note{display:none}.mobile-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;background:none;border:0;padding:14px;cursor:pointer}.mobile-toggle span{width:23px;height:2px;background:var(--ink);display:block}.site-nav{position:absolute;top:75px;left:0;right:0;background:var(--cream);border-bottom:1px solid var(--line);display:none;flex-direction:column;align-items:stretch;gap:0;padding:12px 22px 23px;box-shadow:0 15px 20px #23443110}.site-nav.open{display:flex}.site-nav a{padding:12px 5px}.site-nav .nav-resume{margin-top:8px;text-align:center}.hero{grid-template-columns:1fr;gap:10px;padding-top:75px;padding-bottom:65px}.hero h1{font-size:clamp(44px,8.2vw,68px)}.hero-lede{max-width:650px}.hero-meta{margin-top:45px}.hero-art{height:500px;max-width:540px;width:100%;margin:auto}.about{display:block}.section-side{margin-bottom:45px}.side-decor{display:none}.section-pad{padding-top:95px;padding-bottom:95px}.section-heading{align-items:start;display:block}.section-description{margin-top:25px;max-width:570px}.feature-card{display:flex;grid-column:span 2}.feature-card .project-image{min-height:360px}.feature-card .project-info{padding:34px}.project-grid{grid-template-columns:1fr 1fr}.project-card:not(.feature-card) .project-info{padding:26px}.project-card:not(.feature-card) .project-topline{font-size:8px}.project-card:not(.feature-card) h3{font-size:24px}.project-card:not(.feature-card) .project-foot{flex-wrap:wrap}.resume-layout{gap:28px}.footer-row{flex-wrap:wrap}}
@media (max-width:600px){.hero{padding-top:59px}.hero h1{font-size:clamp(37px,10vw,53px);white-space:normal}.hero-lede{font-size:14px}.hero-actions{flex-wrap:wrap;gap:24px}.hero-meta{font-size:9px;gap:7px}.hero-art{height:410px}.code-window{height:275px;width:88%}.code-toolbar{height:40px}.code-lines{font-size:10px;padding:18px;line-height:2}.label-top{font-size:9px;top:22px;padding:9px 12px}.label-bottom{font-size:9px;bottom:50px;padding:7px 12px}.hero-art-caption{bottom:0;right:15px}.art-spark-one{right:15px}.about h2,.section-heading h2{font-size:39px}.about-grid{grid-template-columns:1fr;gap:17px}.about-chips{margin-top:30px}.project-grid{grid-template-columns:1fr}.feature-card{grid-column:span 1}.project-image,.feature-card .project-image{min-height:290px}.pronunciation-art{padding:45px 23px}.tone-graph{padding:16px}.tone-heading span:first-child{font-size:31px}.tone-bottom{font-size:8px}.project-info,.feature-card .project-info{padding:26px}.feature-card .project-info h3{font-size:28px;margin-top:25px}.project-topline{font-size:8px}.project-info>p{font-size:13px}.project-foot{flex-wrap:wrap}.toolbox-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.toolbox-group p{font-size:12px}.toolbox-icon{margin-bottom:20px}.resume-layout{grid-template-columns:1fr;gap:24px}.resume-band h2{font-size:37px}.contact-star{right:0}.contact-inner h2{font-size:44px}.contact-actions{flex-direction:column;gap:17px}.footer-row{justify-content:center;text-align:center}.footer-row p{order:2;width:100%}.footer-right{width:100%;justify-content:center;order:3}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-inner{animation:none}.reveal{opacity:1;transform:none;transition:none}.button,.project-card,.outline-button{transition:none}}