@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--bg:#121510;--surface:#1a1e17;--ink:#f0f1e9;--muted:#a4ab9b;--accent:#c4f477;--line:#34392f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--bg)}.wrap{max-width:1240px;margin:auto;padding-left:48px;padding-right:48px}.header{height:112px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-family:Manrope,sans-serif;font-weight:800;font-size:38px;letter-spacing:-4px;line-height:1}.brand span{color:var(--accent)}nav{display:flex;gap:36px;font-size:14px}nav a:hover,.text-link:hover,.back-top:hover{color:var(--accent)}.nav-contact span{margin-left:12px;color:var(--accent)}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:46px;padding-top:82px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;line-height:1.7}.hero .eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 28px}.status-dot{width:7px;height:7px;border-radius:100%;background:var(--accent);box-shadow:0 0 14px #c4f43344}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(40px,4.8vw,66px);font-weight:650;letter-spacing:-3.5px;line-height:1.13;margin-bottom:26px}h1>span{color:var(--accent)}.intro{font-size:16px;max-width:400px;color:var(--muted);line-height:1.85}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;background:var(--accent);color:#1a2113;padding:15px 22px;font-weight:600;font-size:13px;border-radius:4px;transition:background .2s,transform .2s}.button:hover{background:#d6ff9c;transform:translateY(-2px)}.button span{font-size:21px;line-height:1}.text-link{font-size:13px;font-weight:500}.text-link span{margin-left:15px}.workbench{position:relative;align-self:center;border:1px solid #373e30;border-radius:8px;background:radial-gradient(ellipse at 50% 50%,#29361f 0%,#1a2016 55%,#171c14 100%);padding:22px 30px;transform:rotate(2deg);box-shadow:0 25px 65px #0002}.board-top,.board-bottom{display:flex;align-items:center;justify-content:space-between;font:9px monospace;letter-spacing:1px;color:#b4bda8}.board-top i{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;margin-right:6px}.code-window{background:#11160f;border:1px solid #424b38;border-radius:7px;margin-top:36px;transform:rotate(-4deg);box-shadow:12px 16px 20px #0003}.window-bar{border-bottom:1px solid #333d2b;display:flex;justify-content:space-between;padding:11px 14px;color:#a3ad98;font:9px monospace}.window-dots{color:#67755b;letter-spacing:3px}pre{font-size:12px;line-height:2;padding:17px 16px;margin:0}.muted{color:#59664e;margin-right:10px}.code-purple{color:#cdafe9}.code-green{color:#c4f477}.flow-line{display:flex;align-items:center;justify-content:center;gap:10px;height:52px}.flow-line b{color:var(--accent);font-size:23px;font-weight:400}.flow-line span{width:45px;height:1px;background:#46543a}.apk-object{display:flex;align-items:center;gap:12px;background:#303f23;border:1px solid #5e7842;border-radius:7px;padding:15px;transform:rotate(-1deg)}.apk-icon,.app-mark{background:var(--accent);color:#203113;font:700 18px monospace;display:grid;place-items:center;width:43px;height:43px;border-radius:10px}.apk-object strong{font-size:12px;font-weight:500}.apk-object small{display:block;color:#b3c5a0;font:9px monospace;margin-top:4px}.check{margin-left:auto;color:var(--accent);border:1px solid #718359;width:21px;height:21px;display:grid;place-items:center;border-radius:100%;font-size:12px}.board-bottom{margin-top:32px;font-size:8px}.board-bottom>span:last-child{font-size:25px;color:var(--accent)}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);margin-top:20px;padding:23px 0;color:var(--muted);font-size:9px;letter-spacing:1.5px}.hero-bottom a{color:var(--ink)}section[id]{scroll-margin-top:40px}.projects{padding-top:88px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section-heading .eyebrow,.about>.eyebrow{color:var(--accent);margin-bottom:12px}h2{font-weight:550;font-size:40px;letter-spacing:-1.8px;line-height:1.2;margin-bottom:0}.section-heading>p{color:var(--muted);font-size:13px;margin:0;line-height:1.8}.featured{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--surface)}.featured-copy{padding:36px 42px}.label{font-size:9px;letter-spacing:2px;color:var(--muted)}.app-mark{margin-top:26px;margin-bottom:18px;width:48px;height:48px}.featured h3{font-size:40px;line-height:1.15;letter-spacing:-1.5px;margin-bottom:20px;font-weight:600}.featured h3 span{color:var(--accent)}.featured-copy>p{color:var(--muted);font-size:14px;max-width:340px;line-height:1.8}.tags{display:flex;gap:8px;margin:22px 0 28px}.tags span{border:1px solid #414838;border-radius:4px;padding:3px 10px;font-size:10px;color:#c0c6b7}.feature-art{overflow:hidden;position:relative;min-height:460px;background:#c4f477;color:#263918;display:flex;align-items:center;justify-content:center;background-image:radial-gradient(#68853c55 .7px,transparent .7px);background-size:17px 17px}.orbit{position:absolute;width:330px;height:330px;border:1px solid #72934555;border-radius:50%}.orbit-two{width:470px;height:470px}.package{z-index:1;width:195px;transform:rotate(-10deg);background:#253a1b;color:#d1f9a2;padding:20px 22px 14px;box-shadow:18px 22px 0 #536b3430;border:1px solid #3e542d;border-radius:6px}.package-top{font:8px monospace;letter-spacing:1px}.package>strong{display:block;font:600 55px monospace;margin:25px 0 15px}.package>div{font-family:Manrope,sans-serif;font-weight:650;font-size:25px;line-height:1.2;letter-spacing:-1px}.package-footer{border-top:1px solid #6b8a4c;display:flex;justify-content:space-between;margin-top:28px;padding-top:12px;font:13px monospace}.file-chip{position:absolute;z-index:2;padding:12px 16px;background:#efffdb;border:1px solid #253a1b33;border-radius:5px;box-shadow:4px 5px 0 #536b3420;font:12px monospace}.file-chip span{margin-left:20px}.html{top:70px;left:35px;transform:rotate(-12deg)}.css{right:28px;top:137px;transform:rotate(13deg)}.js{bottom:65px;left:55px;transform:rotate(-6deg)}.art-note{position:absolute;bottom:22px;right:25px;font:8px monospace;letter-spacing:2px}.project-toolbar{display:flex;justify-content:space-between;align-items:center;margin:46px 0 22px}.project-toolbar>p{font-size:15px;margin:0}.filters{display:flex;gap:4px}.filters button{background:none;color:var(--muted);border:1px solid transparent;border-radius:4px;padding:6px 12px;cursor:pointer;font-size:11px}.filters button.active{color:var(--ink);border-color:#4c5542;background:#242b1e}.filters button:hover{color:var(--accent)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-card{border-bottom:1px solid var(--line);padding-bottom:22px;min-width:0}.project-card[hidden]{display:none}.card-art{height:220px;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:5px;transition:filter .2s}.project-card:hover .card-art{filter:brightness(1.13)}.project-card:hover h3>span{transform:translate(3px,-3px);color:var(--accent)}.launcher{background:#d9d3bc;color:#494735}.launcher-grid{display:grid;grid-template-columns:repeat(2,35px);gap:8px;transform:rotate(-12deg)}.launcher-grid i{width:35px;height:35px;background:#494735;border-radius:7px}.launcher-grid i:last-child{border-radius:50%;background:#9c987e}.art-caption{position:absolute;bottom:18px;font:8px monospace;letter-spacing:1px}.mobai{background:#bdc0e2;color:#3b3d6a}.ai-symbol{font-size:128px;line-height:1;transform:rotate(15deg);margin-top:-15px}.snake{background:#273b25;color:#b3d988;background-image:linear-gradient(#6e855b16 1px,transparent 1px),linear-gradient(90deg,#6e855b16 1px,transparent 1px);background-size:20px 20px}.snake-pixels{width:100px;height:80px;position:relative;margin-top:-20px;transform:rotate(-8deg)}.snake-pixels i{position:absolute;width:19px;height:19px;background:#b3d988;left:0;top:40px}.snake-pixels i:nth-child(2){left:20px}.snake-pixels i:nth-child(3){left:40px}.snake-pixels i:nth-child(4){left:40px;top:20px}.snake-pixels i:nth-child(5){left:40px;top:0}.snake-pixels i:nth-child(6){left:60px;top:0}.snake-pixels i:last-child:after{content:'';position:absolute;background:#273b25;right:4px;top:4px;width:3px;height:3px}.snake-food{position:absolute;width:12px;height:12px;right:70px;top:74px;background:#db925b}.card-info{padding-top:19px}.card-info .eyebrow{font-size:8px;color:var(--muted);letter-spacing:1.4px}.card-info h3{font-weight:550;letter-spacing:-.5px;font-size:18px;margin:8px 0}.card-info h3>span{float:right;transition:transform .2s}.card-info p{font-size:12px;color:var(--muted);margin:0}.all-apps{text-align:right;margin:26px 0 0}.all-apps .text-link{font-size:11px}.about{padding-top:100px;padding-bottom:90px}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:24px}.about h2{font-size:48px;line-height:1.25}.about h2 span{color:var(--accent)}.about-copy{padding-top:7px}.about-copy p{font-size:14px;line-height:1.9;color:var(--muted)}.about-copy p:first-child{color:var(--ink);font-size:17px}.about-copy .text-link{display:inline-block;margin-top:10px}.connect{padding-top:62px;padding-bottom:75px;border-top:1px solid var(--line)}.social-links{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.social-links>a{display:flex;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;gap:17px;transition:border-color .2s}.social-links>a:hover{border-color:var(--accent)}.social-number{font:10px monospace;color:#8b947f}.social-links>a>span:nth-child(2){font-size:18px}.social-links small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.social-links b{font-size:24px;font-weight:400;margin-left:auto;color:var(--accent)}.footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:28px;padding-bottom:28px}.footer .brand{font-size:29px}.footer>span,.back-top{font-size:10px;color:var(--muted)}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip:focus{position:fixed;z-index:10;background:var(--accent);color:var(--bg);padding:10px;top:10px;left:10px}
@media(min-width:1500px){.wrap{max-width:1380px}.hero{padding-top:105px;gap:90px}h1{font-size:74px}.workbench{padding:28px 36px}pre{font-size:14px}.card-art{height:250px}}
@media(max-width:900px){.wrap{padding-left:28px;padding-right:28px}.hero{gap:24px;padding-top:60px}h1{font-size:49px;letter-spacing:-2.6px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.intro{font-size:14px}.workbench{padding:20px 16px}pre{font-size:10px;padding:15px 10px}.apk-object strong{font-size:10px}.hero-actions{gap:18px}.hero-actions .button{padding:13px 15px;font-size:11px;gap:15px}.featured-copy{padding:30px}.featured h3{font-size:35px}.feature-art{min-height:470px}.html{left:10px}.css{right:10px}.js{left:18px}.project-grid,.social-links{gap:16px}.card-art{height:190px}.card-info h3{font-size:15px}.about-layout{gap:40px}.snake-food{right:40px}.social-links>a{gap:10px}.social-links>a>span:nth-child(2){font-size:16px}}
@media(max-width:640px){.wrap{padding-left:22px;padding-right:22px}.header{height:84px}.brand{font-size:34px}nav{gap:18px;font-size:11px}.nav-contact span{display:none}.hero{grid-template-columns:1fr;padding-top:46px;gap:38px}.hero .eyebrow{font-size:8px;margin-bottom:23px;letter-spacing:1.2px}h1{font-size:clamp(41px,10vw,58px);line-height:1.13;letter-spacing:-2.5px}.intro{font-size:14px;max-width:340px}.hero-actions{margin-top:26px}.hero-actions .button{font-size:12px;padding:14px 19px}.workbench{width:calc(100% - 12px);max-width:420px;justify-self:center;padding:22px 24px;transform:rotate(1deg)}pre{font-size:12px}.code-window{margin-top:28px}.board-bottom{margin-top:22px}.hero-bottom{margin-top:0;padding-top:10px;gap:14px;font-size:7px;letter-spacing:1px}.projects{padding-top:55px}.section-heading{align-items:start;gap:15px;margin-bottom:26px;flex-direction:column}h2{font-size:32px;letter-spacing:-1.3px}.section-heading>p{font-size:12px}.eyebrow{font-size:9px}.featured{grid-template-columns:1fr}.featured-copy{padding:28px}.featured h3{font-size:36px}.featured-copy>p{font-size:13px}.feature-art{min-height:350px;grid-row:2}.package{transform:rotate(-10deg) scale(.85)}.html{top:45px;left:30px}.css{right:25px;top:100px}.js{bottom:40px;left:30px}.project-toolbar{margin-top:34px;align-items:start;gap:10px}.project-toolbar>p{font-size:12px;padding-top:6px}.filters{gap:0}.filters button{font-size:10px;padding:6px 8px}.project-grid{grid-template-columns:1fr;gap:27px}.card-art{height:235px}.card-info h3{font-size:19px}.card-info p{font-size:13px}.card-info .eyebrow{font-size:9px}.snake-food{right:90px}.project-card{padding-bottom:20px}.all-apps{text-align:left}.about{padding-top:66px;padding-bottom:55px}.about-layout{grid-template-columns:1fr;gap:24px;margin-top:18px}.about h2{font-size:40px}.about-copy{padding:0}.about-copy p{font-size:13px}.about-copy p:first-child{font-size:16px}.connect{padding-top:42px;padding-bottom:45px}.social-links{grid-template-columns:1fr;gap:0}.social-links>a{border-bottom:0;padding:18px 0;gap:22px}.social-links>a:last-child{border-bottom:1px solid var(--line)}.social-links>a>span:nth-child(2){font-size:18px}.footer{padding-top:22px;padding-bottom:22px}.footer>span,.back-top{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}