:root{color-scheme:light;--ink:#191c24;--muted:#626974;--line:#e4e6e9;--accent:#c2f264}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:#fafbfc;color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #578323;outline-offset:5px}header,main,footer{max-width:1240px;margin:auto}header{height:104px;display:flex;align-items:center;justify-content:space-between;padding:0 36px}.brand{display:flex;align-items:center;gap:11px;font-size:18px;font-weight:700}.brand-mark{display:grid;place-items:center;width:32px;height:32px;background:var(--ink);color:var(--accent);border-radius:9px;font-size:26px;line-height:1}nav{display:flex;align-items:center;gap:32px;font-size:14px}nav button{border:1px solid var(--line);border-radius:30px;background:white;padding:8px 16px;font-size:13px}nav button span{padding:0 6px;color:#737985}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:566px;align-items:center;padding:30px 36px 70px;gap:36px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:650;color:#6a707b}h1{font-size:clamp(40px,4.4vw,62px);line-height:1.22;letter-spacing:-2px;margin:25px 0}p{color:var(--muted)}.hero p{font-size:17px;line-height:1.95;max-width:460px}.primary{display:inline-flex;margin-top:20px;background:var(--ink);color:white;border-radius:10px;padding:12px 26px;font-size:15px;font-weight:600}.primary:hover{background:#35402a}.platforms{font-size:12px;color:#747b86;margin-top:23px;letter-spacing:1px}.platforms span{margin:0 10px;color:#c1c5ca}.hero-art{height:435px;position:relative;background:radial-gradient(ellipse at center,#e7f1de55,transparent 70%);overflow:hidden}.orbit{position:absolute;border:1px solid #e2e5de;border-radius:50%;width:370px;height:370px;top:30px;left:65px;transform:rotate(-25deg) scaleY(.77)}.orbit-two{transform:rotate(42deg) scaleY(.8);width:440px;height:380px;left:20px}.floating{position:absolute;border-radius:25%;object-fit:cover;box-shadow:0 22px 32px -18px #26362755}.icon-pickora{width:138px;left:90px;top:56px;transform:rotate(-13deg)}.icon-keeptil{width:156px;right:44px;top:126px;transform:rotate(12deg)}.icon-ip{width:104px;left:65px;top:262px;transform:rotate(-8deg)}.icon-sofast{width:96px;right:148px;top:305px;transform:rotate(9deg)}.spark{position:absolute;right:70px;top:42px;font-size:52px;color:#759733}.art-note{position:absolute;left:0;top:196px;font-size:10px;letter-spacing:2px;color:#898f8d;transform:rotate(-90deg)}.art-caption{position:absolute;bottom:0;left:15%;font-size:12px;color:#858d87}.collection{padding:50px 36px 72px;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:24px}h2{font-size:30px;line-height:1.4;letter-spacing:-.6px;margin:10px 0 0}.count{font-size:32px;font-weight:300}.count span{font-size:13px;color:var(--muted);margin-left:7px}.filters{display:flex;gap:8px;align-items:center;margin:30px 0}.filters button{border:0;background:transparent;color:var(--muted);border-radius:24px;padding:9px 20px;font-size:14px}.filters button.active{background:var(--ink);color:white}#result-count{margin-left:auto;color:var(--muted);font-size:12px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{display:flex;flex-direction:column;padding:26px;background:white;border:1px solid var(--line);border-radius:18px;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #191c2409}.card-top{display:flex;justify-content:space-between;align-items:flex-start}.app-icon{width:62px;height:62px;border-radius:15px;object-fit:cover}.letter-icon{display:grid;place-items:center;background:#e9f0fb;color:#425e9c;font-size:26px;font-weight:600}.badge{font-size:12px;color:#666f7d;background:#f3f5f7;padding:4px 10px;border-radius:6px}.card h3{font-size:21px;margin:19px 0 3px;letter-spacing:-.4px}.tagline{font-size:15px;font-weight:600;margin:0}.description{font-size:14px;line-height:1.85;color:var(--muted);margin:13px 0 22px;flex:1}.card-bottom{border-top:1px solid #eef0f2;padding-top:16px;display:flex;justify-content:space-between;align-items:center;gap:8px}.category{font-size:12px;color:#7a818b}.detail-button{border:0;background:transparent;padding:2px 0;font-size:13px;font-weight:600;color:var(--ink)}.detail-button:hover{text-decoration:underline}.about{padding:54px 40px;display:grid;grid-template-columns:1fr 1fr;gap:60px;background:#eff3eb;border-radius:20px;margin:0 36px 72px}.about p{margin:0;font-size:15px;line-height:1.95}footer{border-top:1px solid var(--line);padding:32px 36px;display:flex;justify-content:space-between;align-items:center;gap:20px}footer>span,footer>a:last-child{font-size:12px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:22px;padding:40px;width:min(560px,calc(100% - 32px));max-height:85vh;color:var(--ink);box-shadow:0 24px 100px #0002}dialog::backdrop{background:#13182277;backdrop-filter:blur(6px)}dialog h2{margin:20px 0 8px}dialog li{margin:12px 0;color:var(--muted)}dialog ul{padding-left:22px}.close{position:absolute;right:18px;top:12px;border:0;background:transparent;font-size:30px;color:var(--muted)}.detail-note{background:#f2f5ee;padding:15px;border-radius:10px;font-size:14px}.skip{position:absolute;left:16px;top:-100px;background:white;padding:10px;z-index:5}.skip:focus{top:10px}@media(min-width:1400px){.hero{min-height:610px}}@media(max-width:900px){.hero{gap:0}.hero-art{transform:scale(.8);transform-origin:center}.grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:44px}.about{gap:24px}}@media(max-width:640px){header{height:80px;padding:0 20px}.brand{font-size:16px}nav{gap:14px}nav>a{display:none}nav button{padding:7px 12px}.hero{grid-template-columns:1fr;padding:36px 24px 35px;gap:4px}.hero h1{font-size:42px;letter-spacing:-1.5px}.hero p{font-size:16px}.hero-art{height:390px;transform:scale(.9);margin:0 -18px}.orbit-one{left:20px}.orbit-two{left:-12px}.icon-pickora{left:42px}.icon-keeptil{right:24px}.icon-ip{left:34px;top:250px}.icon-sofast{right:105px;top:280px}.art-note{left:-30px}.art-caption{left:12%;font-size:11px}.collection{padding:36px 20px 40px}.section-head h2{font-size:25px}.count{display:none}.filters{gap:0;margin:24px 0}.filters button{padding:8px 15px}#result-count{display:none}.grid{grid-template-columns:1fr}.card{padding:24px}.about{margin:0 20px 40px;padding:28px;grid-template-columns:1fr;gap:20px}.about h2{font-size:27px}footer{padding:25px 20px;flex-wrap:wrap}footer>span{order:3;width:100%}dialog{padding:30px 24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.app-resources{display:flex;flex-wrap:wrap;gap:12px;border-top:1px solid var(--line);margin-top:16px;padding-top:16px;font-size:14px}.app-resources a{text-decoration:underline;text-underline-offset:4px}@media(max-width:640px){nav>a.support-entry{display:block;font-size:13px}header nav{gap:10px}header .brand{font-size:15px}}