:root{color-scheme:dark;--bg:#0a0d14;--surface:#111726;--text:#f8fafc;--muted:#a3b2c6;--line:#ffffff20;--green:#34d399;--pill:#10b98115;--glow:#10b98116}
[data-theme=light]{color-scheme:light;--bg:#f8fafc;--surface:#fff;--text:#0f172a;--muted:#475569;--line:#0f172a25;--green:#047857;--pill:#10b98112;--glow:#10b9810c}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:radial-gradient(ellipse at 25% 10%,var(--glow),transparent 48%),var(--bg);color:var(--text);font:16px/1.7 Inter,"Segoe UI",Arial,sans-serif}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid var(--green);outline-offset:5px}h1,h2,h3{line-height:1.2;letter-spacing:-.035em;margin:0 0 20px;overflow-wrap:anywhere}h1{font-size:clamp(2.3rem,5.5vw,4.6rem)}h2{font-size:clamp(1.7rem,3vw,2.5rem)}h3{font-size:1.25rem}p{color:var(--muted);margin:0 0 24px}img{max-width:100%;display:block}.container{width:min(1160px,calc(100% - 48px));margin:auto}.site-header{position:sticky;top:0;z-index:5;background:var(--bg);border-bottom:1px solid var(--line)}.navigation{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:12px;align-items:center;font-weight:750;color:var(--text);font-size:1.05rem}.brand img,.brand-icon{width:36px;height:36px;border-radius:10px}.brand-icon{display:grid;place-items:center;background:linear-gradient(135deg,#34d399,#0d9488);color:#062e25;font-size:30px}.brand small,.badge{color:var(--green);background:var(--pill);border:1px solid #10b98140;border-radius:8px;padding:5px 10px;font-size:.68rem;letter-spacing:.08em;font-weight:700}nav{display:flex;gap:26px;align-items:center}nav a{color:var(--muted);font-size:.9rem}#theme-toggle{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:10px;width:40px;height:40px;cursor:pointer}.hero{text-align:center;max-width:900px;padding:85px 0 65px}.hero h1{margin:28px 0;background:linear-gradient(115deg,var(--text) 30%,var(--green));background-clip:text;color:transparent}.hero p{font-size:1.15rem;max-width:680px;margin:0 auto 30px}.actions{display:flex;flex-wrap:wrap;gap:14px}.hero .actions{justify-content:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:13px 22px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);font-weight:650;font-size:.94rem}.button:hover{border-color:var(--green);text-decoration:none}.primary{background:linear-gradient(125deg,#10b981,#0d9488);color:#fff;border-color:transparent;box-shadow:0 6px 28px #10b98120}.spotlight{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;padding:40px;background:linear-gradient(130deg,var(--surface),var(--pill));border:1px solid #10b98150;border-radius:28px}.app-heading{display:flex;align-items:center;gap:20px;margin:24px 0}.app-heading h2,.app-heading h3,.app-heading h1{margin:0}.app-icon{width:72px;height:72px;border-radius:18px;object-fit:cover;flex-shrink:0}.fallback{display:grid;place-items:center;background:linear-gradient(135deg,#10b98130,#06b6d420);border:1px solid #10b98150;color:var(--green);font-weight:800;font-size:32px}.spotlight-art{display:grid;place-items:center;min-height:230px;overflow:hidden;border-radius:18px}.spotlight-art img{width:100%;border-radius:18px}.art-orbit{display:grid;place-items:center;width:240px;height:240px;border:1px solid #10b98130;border-radius:50%;box-shadow:0 0 0 30px #10b98107,0 0 0 60px #10b98104}.art-orbit .app-icon{width:110px;height:110px;font-size:50px}.section{padding-top:65px;padding-bottom:25px}.section-heading{text-align:center;max-width:680px;margin:0 auto 35px}.eyebrow{display:block;color:var(--green);font-size:.68rem;letter-spacing:.12em;font-weight:750;margin-bottom:12px}.app-grid,.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{padding:26px;background:var(--surface);border:1px solid var(--line);border-radius:20px;min-width:0}.app-grid .card{display:flex;flex-direction:column}.card .app-heading{margin:0 0 24px;gap:14px}.card .app-icon{width:58px;height:58px;border-radius:14px}.card .eyebrow{margin-bottom:6px}.card .button{margin-top:auto;justify-content:space-between}.pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.pills span{background:var(--pill);border:1px solid var(--line);border-radius:30px;padding:4px 10px;font-size:.74rem;color:var(--muted)}.empty{grid-column:1/-1;text-align:center}.developer-card{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:40px;border-radius:24px;border:1px solid var(--line);background:var(--surface);margin-bottom:60px}.developer-card>div{max-width:730px}.developer-card h2{margin-top:20px}.developer-card .button{flex-shrink:0}footer{border-top:1px solid var(--line);background:var(--surface);padding:44px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}.footer-grid a:not(.brand){display:block;margin-bottom:10px;color:var(--muted)}.footer-grid p{font-size:.87rem;margin-top:16px;max-width:400px}.footer-grid h3{font-size:1rem}.copyright{border-top:1px solid var(--line);padding-top:22px;margin-top:24px;font-size:.8rem;color:var(--muted)}.back{display:inline-block;margin-bottom:35px}.app-hero{max-width:900px;padding-bottom:30px}.app-hero h1{font-size:clamp(2rem,4vw,3.5rem)}.lead{font-size:1.2rem;max-width:780px}.app-banner{max-height:480px;object-fit:contain;border-radius:24px;background:var(--surface);margin:auto}.feature-check{display:inline-grid;place-items:center;width:40px;height:40px;background:var(--pill);color:var(--green);border-radius:12px;margin-bottom:20px}.feature-grid{margin-top:24px}.feature-grid h3{font-size:1rem;letter-spacing:0}.screenshots{display:flex;gap:22px;overflow-x:auto;padding:15px 0 24px;scroll-snap-type:x mandatory}.screenshots a{flex:0 0 230px;scroll-snap-align:start}.screenshots img{width:230px;border-radius:20px;border:1px solid var(--line)}.legal-links{display:flex;flex-wrap:wrap;gap:24px;border-top:1px solid var(--line);padding:30px 0;margin-top:35px;font-size:.9rem}.policy{max-width:820px;margin:auto}.policy h1{margin:24px 0}.prose{overflow-wrap:anywhere;max-width:850px}.prose h2,.prose h3{margin-top:35px}.prose h1{font-size:2rem}.prose li{color:var(--muted)}.prose pre{overflow:auto;background:var(--surface);padding:20px}.prose img{max-height:500px}.preview-notice{padding:12px;text-align:center;background:#fef3c7;color:#713f12;font-size:.9rem}.skip-link{position:fixed;left:12px;top:-100px;z-index:20;background:var(--surface);padding:12px}.skip-link:focus{top:12px}
@media(max-width:900px){.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spotlight{grid-template-columns:1fr}.spotlight-art{min-height:180px}.developer-card{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1.5fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.navigation{flex-wrap:wrap;padding:16px 0;gap:14px}nav{gap:18px}.hero{padding-top:55px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.container{width:calc(100% - 32px)}.app-grid,.feature-grid,.footer-grid{grid-template-columns:1fr}.spotlight,.developer-card{padding:24px}.brand{font-size:.95rem}.hero{padding:42px 0}.hero h1{font-size:2.45rem}.hero .actions .button{width:100%}.section{padding-top:42px}.navigation nav{width:100%;justify-content:space-between;gap:10px}.app-heading{align-items:flex-start;gap:14px}.app-heading h2{font-size:1.8rem}.app-hero .app-heading{flex-direction:column}.screenshots a{flex-basis:200px}.screenshots img{width:200px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.brand>span:not(.brand-icon){max-width:290px;line-height:1.35}.brand-icon{flex-shrink:0}@media(max-width:560px){.brand>span:not(.brand-icon){max-width:220px;font-size:.85rem}}