:root{--paper: #ece4d2;--paper-2: #f5efe0;--card: #faf7ee;--ink: #2a2620;--ink-2: #5e564a;--ink-3: #968b78;--line: rgba(42, 31, 20, .55);--line-soft: rgba(42, 31, 20, .16);--accent: #b8421f;--accent-soft: rgba(184, 66, 31, .12);--font-display: "Instrument Serif", "Times New Roman", serif;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--maxw: 980px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background-color:var(--paper);background-image:radial-gradient(circle at 1px 1px,rgba(42,31,20,.06) 1px,transparent 0);background-size:22px 22px;color:var(--ink);font-family:var(--font-ui);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.site-head{padding:36px 0 8px;display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none}.brand .mark{width:30px;height:30px;flex:none}.brand .name{font-family:var(--font-mono);font-size:20px;font-weight:600;letter-spacing:.04em;color:var(--ink)}.site-head .tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.hero{padding:40px 0 28px;max-width:720px}.hero h1{font-family:var(--font-display);font-weight:400;font-size:clamp(40px,7vw,68px);line-height:1.05;letter-spacing:-.01em;margin:0 0 18px}.hero h1 em{font-style:italic;color:var(--accent)}.hero p{font-size:clamp(16px,2.2vw,19px);color:var(--ink-2);margin:0;max-width:56ch}.sketch-underline{display:block;width:220px;max-width:60%;height:14px;margin-top:6px;color:var(--accent)}.apps{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;padding:18px 0 8px}@media(max-width:760px){.apps{grid-template-columns:1fr}}.sbox{position:relative;isolation:isolate}.sbox>.sbox-frame{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:0;pointer-events:none;color:var(--line)}.sbox>.sbox-frame rect{fill:var(--card);stroke:currentColor;stroke-width:1.6;x:4px;y:4px;width:calc(100% - 8px);height:calc(100% - 8px);rx:8px;filter:url(#rough)}.sbox>.sbox-content{position:relative;z-index:1}.card{border-radius:10px}.card .sbox-content{padding:26px 26px 24px;display:flex;flex-direction:column;gap:14px;min-height:100%}.card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.card .wordmark{font-family:var(--font-display);font-size:34px;line-height:1;letter-spacing:-.01em}.card .wordmark .studio{font-style:italic;color:var(--ink-2);font-size:22px;margin-left:6px}.card .motif{width:72px;height:72px;flex:none}.card .motif.app-icon{border-radius:16px;box-shadow:0 4px 12px #2a1f142e,0 0 0 1px var(--line-soft)}.card .tagline{font-size:16.5px;font-weight:500;color:var(--ink);margin:-4px 0 0}.card .desc{font-size:14px;color:var(--ink-2);margin:0}.features{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.features li{font-family:var(--font-mono);font-size:11px;letter-spacing:.02em;color:var(--ink-2);background:var(--accent-soft);border:1px solid var(--line-soft);padding:3px 8px;border-radius:999px}.price{font-family:var(--font-mono);font-size:12px;letter-spacing:.02em;color:var(--ink-3);display:inline-flex;align-items:center;gap:7px;margin-top:2px}.price .coin{width:14px;height:14px;color:var(--accent);flex:none}.card .actions{margin-top:auto;padding-top:8px;display:flex;flex-wrap:wrap;gap:10px}.btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12.5px;font-weight:500;letter-spacing:.02em;text-decoration:none;color:var(--ink);padding:9px 14px;cursor:pointer;background:transparent;border:0}.btn .btn-frame{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:-1;color:var(--line)}.btn .btn-frame rect{fill:var(--paper-2);stroke:currentColor;stroke-width:1.5;x:2px;y:2px;width:calc(100% - 4px);height:calc(100% - 4px);rx:7px;filter:url(#rough)}.btn:hover .btn-frame rect{fill:var(--card)}.btn .ico{width:15px;height:15px;flex:none}.btn.primary{color:#fff}.btn.primary .btn-frame{color:var(--accent)}.btn.primary .btn-frame rect{fill:var(--accent)}.btn.primary:hover .btn-frame rect{filter:url(#rough) brightness(1.06)}.btn.soon{color:var(--ink-3);cursor:default}.btn.soon .btn-frame rect{fill:transparent;stroke-dasharray:5 4}.btn.soon .tagsoon{font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);border:1px solid var(--line-soft);border-radius:4px;padding:1px 4px}.site-foot{margin-top:48px;padding:22px 0 40px;border-top:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--ink-3)}.site-foot a{text-decoration:none;color:var(--ink-2)}.site-foot a:hover{color:var(--accent)}@media(prefers-reduced-motion:no-preference){.card .motif{transition:transform .4s var(--ease, ease)}.card:hover .motif{transform:rotate(-6deg) scale(1.06)}}.card a.wordmark{text-decoration:none;color:inherit;transition:color .12s}.card a.wordmark:hover{color:var(--accent)}.site-head .back-link{text-decoration:none}.site-head .back-link:hover{color:var(--accent)}.app-page{padding-bottom:8px}.app-hero{max-width:640px;padding:36px 0 8px}.app-hero .app-icon{width:84px;height:84px;border-radius:19px;display:block;margin:0 0 16px;box-shadow:0 6px 18px #2a1f142e,0 0 0 1px var(--line-soft)}.app-hero .wordmark{font-family:var(--font-display);font-size:clamp(40px,7vw,60px);line-height:1;letter-spacing:-.01em;margin:0 0 10px;font-weight:400}.app-hero .wordmark .studio{font-style:italic;color:var(--ink-2);font-size:.6em;margin-left:8px}.app-hero .app-tagline{font-size:clamp(17px,2.4vw,21px);font-weight:500;color:var(--ink);margin:0 0 12px}.app-hero .app-desc{font-size:15px;color:var(--ink-2);line-height:1.65;margin:0 0 16px}.app-hero .features{margin:0 0 14px}.app-hero .price{display:inline-flex;margin-bottom:18px}.app-hero .actions{display:flex;flex-wrap:wrap;gap:10px}.app-legal{margin:14px 0 0;display:flex;gap:10px;align-items:center;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.03em;color:var(--ink-3)}.app-legal a{color:var(--ink-2);text-decoration:none;border-bottom:1px solid var(--line-soft)}.app-legal a:hover{color:var(--accent);border-bottom-color:var(--accent)}.shots{margin-top:40px;display:grid;gap:30px}.shot{margin:0}.shot img{display:block;width:100%;height:auto;border-radius:8px;border:1px solid var(--line-soft);box-shadow:0 14px 40px #2a1f1429,0 2px 6px #2a1f1414;background:var(--card)}.shot figcaption{margin-top:10px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.03em;color:var(--ink-3);text-align:center}.foot-links{display:inline-flex;gap:16px}
