:root{--ink:#17201c;--muted:#68736d;--line:#e5e9e6;--green:#176b4a;--mint:#edf6f1;--cream:#f7f8f5;--orange:#ff9b67}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:16px/1.6 "DM Sans",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{height:76px;background:#fff;border-bottom:1px solid var(--line)}.nav-shell,.footer-inner{height:100%;max-width:1180px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:17px}.brand strong{color:var(--green)}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--green);color:white;font-size:13px;font-weight:800}.nav-shell nav{display:flex;gap:34px;margin-left:auto;margin-right:40px;font-size:14px}.nav-shell nav a{color:#647069}.nav-shell nav .active,.nav-shell nav a:hover{color:var(--green)}.header-cta,.secondary-button{display:inline-flex;align-items:center;gap:14px;padding:10px 16px;border:1px solid var(--line);border-radius:8px;font-size:13px;font-weight:700}.header-cta span{color:var(--green)}.hero{background:linear-gradient(115deg,#f5f8f5 0%,#fff 52%,#eff6f1 100%);padding:68px 24px 0}.hero-grid{max-width:1132px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 18px;color:var(--green);font-size:11px;font-weight:800;letter-spacing:.15em}.eyebrow span{width:22px;height:2px;background:#4db98a}.hero h1{margin:0;font:800 clamp(48px,6vw,76px)/.98 Manrope,sans-serif;letter-spacing:-.055em}.hero h1 em{color:var(--green);font-style:normal}.hero-copy{max-width:560px;margin:24px 0;color:#606d66;font-size:17px}.hero-actions{display:flex;gap:12px}.primary-button{display:inline-flex;justify-content:center;align-items:center;gap:28px;padding:14px 20px;border-radius:8px;background:var(--green);color:white;font-size:14px;font-weight:700;box-shadow:0 10px 30px #176b4a20}.primary-button:hover{background:#10583d}.primary-button span{font-size:16px}.code-window{position:relative;width:100%;max-width:500px;margin-left:auto;border:1px solid #dfe5e1;border-radius:13px;background:#17221d;color:white;box-shadow:0 30px 70px #27483a25;transform:rotate(1deg)}.window-bar{height:45px;padding:0 16px;display:flex;align-items:center;gap:7px;border-bottom:1px solid #ffffff12;background:#202c27;border-radius:13px 13px 0 0}.window-bar i{width:8px;height:8px;border-radius:50%;background:#eb6b66}.window-bar i:nth-child(2){background:#eabf55}.window-bar i:nth-child(3){background:#6dbe7b}.window-bar b{margin-left:auto;margin-right:auto;color:#7f9189;font-size:11px;font-family:monospace}.code-content{padding:28px;font:13px/2.15 monospace}.pink{color:#da8fb3}.blue{color:#76c7e8}.green{color:#8ecb9c}.orange{color:#e7aa79}.gray{color:#61756b}.floating-card{position:absolute;right:-25px;bottom:-32px;display:flex;align-items:center;gap:12px;min-width:190px;padding:13px 16px;border-radius:9px;background:white;color:var(--ink);box-shadow:0 15px 40px #273d3326}.floating-card>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#def3e7;color:var(--green)}.floating-card b,.floating-card small{display:block}.floating-card b{font-size:13px}.floating-card small{color:#8a948e;font-size:10px}.stats{max-width:1132px;margin:58px auto 0;border-top:1px solid #dde4df;display:grid;grid-template-columns:repeat(3,1fr)}.stats div{display:flex;align-items:center;gap:14px;padding:19px 30px;border-right:1px solid #dde4df}.stats div:first-child{padding-left:0}.stats div:last-child{border:0}.stats strong{font:700 21px Manrope,sans-serif}.stats span{color:#829087;font-size:12px}.projects-section{max-width:1132px;margin:auto;padding:78px 24px 90px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.section-heading h2,.about h2,.detail-main h2,.related h2{margin:0;font:800 38px/1.15 Manrope,sans-serif;letter-spacing:-.035em}.eyebrow.dark{margin-bottom:10px}.section-heading>p{max-width:390px;color:var(--muted);font-size:14px}.filter-row{display:flex;gap:8px;margin-bottom:24px;overflow:auto}.filter-row button{border:1px solid var(--line);border-radius:30px;padding:7px 14px;background:white;color:#6f7974;font-size:12px;cursor:pointer}.filter-row button.selected{border-color:var(--green);background:var(--green);color:white}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card{position:relative;padding:22px;border:1px solid var(--line);border-radius:13px;background:white;transition:.2s}.project-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px #26372f12;border-color:#cad8d1}.project-card[hidden]{display:none}.app-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:16px;background:linear-gradient(145deg,var(--app-color),color-mix(in srgb,var(--app-color) 75%,#111));color:white;box-shadow:0 12px 25px color-mix(in srgb,var(--app-color) 25%,transparent)}.app-icon span{font:800 19px Manrope,sans-serif}.card-meta{display:flex;gap:8px;margin-top:22px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--green)}.card-meta span+span{color:#99a19d}.card-meta span+span:before{content:"•";margin-right:8px}.project-card h3{min-height:52px;margin:12px 0 7px;font:700 20px/1.3 Manrope,sans-serif}.project-card>p{min-height:72px;margin:0;color:var(--muted);font-size:13px}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.card-footer>a:first-child{color:var(--green);font-size:13px;font-weight:800}.card-footer>a:first-child span{margin-left:8px}.card-links{display:flex;gap:6px;align-items:center}.play-link{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--mint);color:var(--green)!important;font-size:10px}.about{max-width:1084px;margin:0 auto 80px;padding:38px 42px;display:flex;align-items:center;justify-content:space-between;border-radius:14px;background:var(--mint)}.about h2{font-size:30px}.about>div>p:last-child{max-width:680px;margin:10px 0 0;color:var(--muted);font-size:14px}footer{border-top:1px solid var(--line)}.footer-inner{min-height:100px}.footer-inner p{color:#87918c;font-size:12px}.detail-hero{padding:38px 24px 0;background:linear-gradient(115deg,#f7f9f6,#edf5f0)}.detail-shell{max-width:1084px;margin:auto}.back-link{color:var(--green);font-size:13px;font-weight:700}.detail-title{display:flex;align-items:center;gap:28px;padding:42px 0 55px}.app-icon.large{width:112px;height:112px;flex:0 0 auto;border-radius:26px}.app-icon.large span{font-size:32px}.detail-title .eyebrow{margin-bottom:8px}.detail-title h1{margin:0;font:800 clamp(35px,5vw,52px)/1.08 Manrope,sans-serif;letter-spacing:-.045em}.detail-title>div:last-child>p:last-child{max-width:650px;margin:12px 0 0;color:var(--muted)}.detail-content{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:70px;padding-top:70px;padding-bottom:70px}.detail-main section{padding-bottom:38px;margin-bottom:38px;border-bottom:1px solid var(--line)}.detail-main section:last-child{border:0}.detail-main h2{font-size:28px}.overview-copy{color:var(--muted);font-size:16px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.feature-grid div{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:9px;font-size:13px}.feature-grid span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--mint);color:var(--green)}.tech-list{display:flex;gap:8px;flex-wrap:wrap}.tech-list span{padding:7px 12px;border-radius:30px;background:#f1f4f2;color:#58645e;font-size:12px}.purchase-card{height:max-content;padding:26px;border:1px solid var(--line);border-radius:13px;box-shadow:0 18px 50px #26372f0d}.card-status{display:flex;align-items:center;gap:8px;color:var(--green);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.card-status span{width:7px;height:7px;border-radius:50%;background:#2ebf73;box-shadow:0 0 0 4px #def4e7}.purchase-card h3{margin:22px 0 8px;font:700 22px Manrope,sans-serif}.purchase-card>p{color:var(--muted);font-size:13px}.full{width:100%;margin-top:12px}.play-button{display:flex;justify-content:center;gap:9px;margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:8px;font-size:13px;font-weight:700}.license-note{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);color:#929b96;font-size:11px}.license-note code{color:#56625c;font-size:12px}.related{margin-bottom:70px;padding:28px 32px;display:flex;justify-content:space-between;align-items:center;border-radius:12px;background:var(--mint)}.related h2{font-size:25px}.related a{color:var(--green);font-weight:800;font-size:13px}.not-found{min-height:70vh;display:grid;place-content:center;text-align:center}.not-found h1{margin:0;font:800 80px Manrope,sans-serif}.not-found p{color:var(--muted)}@media(max-width:850px){.nav-shell nav{display:none}.hero{padding-top:45px}.hero-grid{grid-template-columns:1fr;gap:50px}.hero h1{font-size:54px}.code-window{max-width:530px;margin:auto}.stats{margin-top:48px}.project-grid{grid-template-columns:repeat(2,1fr)}.section-heading{align-items:start;gap:20px}.about{margin-left:24px;margin-right:24px}.detail-content{grid-template-columns:1fr}.purchase-card{position:static}.footer-inner{gap:20px}.footer-inner p:nth-child(2){display:none}}@media(max-width:560px){.nav-shell{padding:0 16px}.header-cta{font-size:0}.header-cta span{font-size:16px}.hero{padding-left:18px;padding-right:18px}.hero h1{font-size:43px}.hero-copy{font-size:15px}.hero-actions{align-items:stretch;flex-direction:column}.code-window{transform:none}.floating-card{right:-5px}.stats{grid-template-columns:1fr}.stats div{border-right:0;border-bottom:1px solid var(--line);padding-left:0}.projects-section{padding-left:18px;padding-right:18px}.section-heading{display:block}.section-heading>p{margin-top:14px}.project-grid{grid-template-columns:1fr}.about{padding:28px 24px;display:block}.about .primary-button{margin-top:25px}.footer-inner{padding:20px 16px;flex-wrap:wrap}.detail-hero{padding-left:18px;padding-right:18px}.detail-title{align-items:flex-start;flex-direction:column}.detail-title h1{font-size:36px}.detail-content{padding-left:18px;padding-right:18px}.feature-grid{grid-template-columns:1fr}.related{margin-left:18px;margin-right:18px;align-items:flex-start;flex-direction:column;gap:15px}}