*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--paper:#f7f0e2;--paper-soft:#f2e8d4;--paper-deep:#e7d8bd;--ink:#1f1a15;--ink-soft:#5d5345;--ink-faint:#7a6d5c;--accent-warm:#c74f2e;--accent-cool:#0d6872;--accent-dark:#962f19;--surface:rgba(255, 252, 245, 0.7);--surface-strong:rgba(255, 251, 242, 0.9);--line:rgba(31, 26, 21, 0.18);--line-strong:rgba(31, 26, 21, 0.32);--shadow-sm:0 14px 26px -20px rgba(27, 22, 18, 0.65);--shadow-lg:0 26px 52px -30px rgba(27, 22, 18, 0.55);--radius-lg:24px;--radius-md:16px;--radius-sm:10px;--font-display:"Fraunces", "Iowan Old Style", "Book Antiqua", serif;--font-sans:"Space Grotesk", "Avenir Next", "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", Menlo, monospace;--max-width:1120px}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-sans);line-height:1.6;color:var(--ink);background:radial-gradient(95% 70% at 8% -8%,rgba(199,79,46,.22),transparent 58%),radial-gradient(80% 62% at 100% 0%,rgba(13,104,114,.2),transparent 56%),linear-gradient(180deg,var(--paper) 0%,var(--paper-soft) 45%,var(--paper-deep) 100%);-webkit-font-smoothing:antialiased;position:relative}body::before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(31,26,21,3%) 1px,transparent 1px),linear-gradient(90deg,rgba(31,26,21,3%) 1px,transparent 1px);background-size:30px 30px;pointer-events:none;z-index:-2}body::after{content:"";position:fixed;inset:0;background:radial-gradient(circle at 28% 74%,rgba(255,255,255,.3),transparent 35%),radial-gradient(circle at 80% 30%,rgba(255,255,255,.22),transparent 32%);pointer-events:none;z-index:-1}main{position:relative}a{color:var(--accent-cool);text-decoration-thickness:.08em;text-underline-offset:.18em;transition:color .2s ease}a:hover{color:var(--accent-dark)}img{max-width:100%;height:auto;display:block}code{font-family:var(--font-mono);font-size:.9em;background:rgba(31,26,21,8%);border:1px solid rgba(31,26,21,.12);border-radius:5px;padding:.16em .4em}.container{max-width:var(--max-width);margin:0 auto;padding:0 clamp(1rem,4vw,2.25rem)}.hero{padding:clamp(4.5rem,11vw,8rem)0 2.5rem;text-align:center}.eyebrow{display:inline-block;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-dark);border:1px solid rgba(150,47,25,.35);border-radius:999px;padding:.35rem .85rem;background:rgba(255,250,243,.8)}.hero h1{margin-top:1rem;font-family:var(--font-display);font-size:clamp(3.3rem,10vw,7rem);font-weight:800;letter-spacing:-.025em;line-height:.92;text-wrap:balance}.hero .studio{display:inline-block;margin-left:.22em;font-family:var(--font-sans);font-size:.19em;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:.4em .7em;border-radius:999px;border:1px solid var(--line-strong);vertical-align:middle;background:rgba(255,255,255,.72);color:var(--ink-faint)}.tagline{margin-top:1.15rem;font-family:var(--font-display);font-size:clamp(1.35rem,3vw,2.1rem);color:var(--accent-warm);line-height:1.2;text-wrap:balance}.subtitle{max-width:70ch;margin:.9rem auto 0;color:var(--ink-soft);font-size:1.08rem;text-wrap:pretty}.cta{margin-top:2.1rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem}.btn{display:inline-block;border-radius:999px;font-weight:700;letter-spacing:.02em;padding:.76rem 1.45rem;border:1px solid transparent;transition:background .18s ease,color .18s ease,border-color .18s ease}.btn-primary{background:var(--ink);color:#fff8ec;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:#15110d;color:#fff8ec}.btn-secondary{background:rgba(255,255,255,.56);color:var(--ink);border-color:var(--line-strong)}.btn-secondary:hover{background:rgba(255,255,255,.82);color:var(--ink);border-color:rgba(31,26,21,.45)}.hero-screenshot{padding:1.2rem 0 4.4rem}.hero-screenshot img{border-radius:var(--radius-lg);border:1px solid var(--line-strong);box-shadow:var(--shadow-lg);margin:0 auto;background:#0e0e10;transform:rotate(-.45deg)}.hero-screenshot-note{margin-top:.9rem;text-align:center;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.features,.screenshots,.quickstart,.support{padding:clamp(3.8rem,6vw,5rem)0}.features h2,.screenshots h2,.quickstart h2,.support h2{font-family:var(--font-display);font-size:clamp(2.1rem,4vw,3.2rem);line-height:1;letter-spacing:-.02em;margin-bottom:1.6rem;color:var(--ink)}.features .container,.screenshots .container,.quickstart .container,.support .container{position:relative}.features .container::before,.screenshots .container::before,.quickstart .container::before,.support .container::before{content:"";display:block;width:84px;height:6px;border-radius:999px;background:linear-gradient(90deg,var(--accent-warm),var(--accent-cool));margin-bottom:1rem}.feature-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1.1rem}.feature-card{--card-shift:0px;grid-column:span 6;padding:1.35rem;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);backdrop-filter:blur(1.5px);transform:translateY(var(--card-shift));transition:border-color .22s ease}.feature-card:nth-child(odd){--card-shift:-8px}.feature-card:nth-child(even){--card-shift:10px}.feature-card:nth-child(1){background:linear-gradient(160deg,rgba(199,79,46,.14),rgba(255,252,245,.78))}.feature-card:nth-child(2){background:linear-gradient(160deg,rgba(13,104,114,.14),rgba(255,252,245,.78))}.feature-card:nth-child(3){background:linear-gradient(160deg,rgba(31,26,21,8%),rgba(255,252,245,.78))}.feature-card:nth-child(4){background:linear-gradient(160deg,rgba(150,47,25,.16),rgba(255,252,245,.78))}.feature-card:hover{border-color:var(--line-strong)}.feature-icon{font-size:1.35rem;line-height:1;margin-bottom:.6rem}.feature-card h3{font-size:1.18rem;margin-bottom:.75rem}.feature-card ul{list-style:none}.feature-card li{position:relative;padding-left:1rem;margin-bottom:.35rem;color:var(--ink-soft);font-size:.95rem;line-height:1.45}.feature-card li::before{content:"";position:absolute;left:0;top:.56em;width:.43rem;height:.43rem;border-radius:999px;background:var(--accent-cool)}.screenshot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem;align-items:start}.screenshot{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--line);background:var(--surface-strong);box-shadow:var(--shadow-sm);transition:border-color .16s ease}.screenshot:hover{border-color:var(--line-strong)}.screenshot img{width:100%;aspect-ratio:16/9;object-fit:cover}.screenshot figcaption{padding:.72rem .9rem;border-top:1px solid var(--line);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);text-align:center}.quickstart{border-top:1px dashed var(--line-strong)}.quickstart ol{list-style:none;max-width:760px;counter-reset:steps;margin:0;padding:0;display:grid;gap:.7rem}.quickstart li{counter-increment:steps;position:relative;padding:.95rem 1rem .95rem 3rem;border-radius:var(--radius-sm);border:1px solid var(--line);background:rgba(255,252,245,.78);box-shadow:var(--shadow-sm);line-height:1.45}.quickstart li::before{content:counter(steps);position:absolute;left:1rem;top:.88rem;width:1.4rem;height:1.4rem;border-radius:50%;display:grid;place-items:center;font-size:.76rem;font-weight:700;color:#fff7eb;background:var(--ink)}.quickstart .note{max-width:760px;margin-top:1.25rem;color:var(--ink-faint);font-size:.92rem}.support{border-top:1px dashed var(--line-strong);text-align:center}.support .container::before{margin-left:auto;margin-right:auto}.support-pitch{max-width:56ch;margin:0 auto;color:var(--ink-soft);font-size:1.08rem;line-height:1.6;text-wrap:pretty}.support-buttons{margin-top:1.8rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem}.btn-sponsor{background:var(--accent-warm);color:#fff8ec;box-shadow:var(--shadow-sm)}.btn-sponsor:hover{background:var(--accent-dark);color:#fff8ec}.btn-kofi{background:rgba(255,255,255,.56);color:var(--ink);border-color:var(--accent-warm)}.btn-kofi:hover{background:rgba(255,255,255,.82);color:var(--ink);border-color:var(--accent-dark)}footer{border-top:1px solid var(--line);margin-top:2rem;padding:2.75rem 0 3.5rem;text-align:center}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:.95rem 1.4rem;margin-bottom:1rem}.footer-links a{color:var(--ink-faint);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.footer-links a:hover{color:var(--accent-dark)}.copyright{color:var(--ink-faint);font-size:.8rem}.blog-list{padding:clamp(3.6rem,8vw,5.6rem)0}.blog-list .container{max-width:780px}.blog-list h1{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4.1rem);line-height:1;margin-bottom:.55rem}.blog-description{color:var(--ink-soft);margin-bottom:2.2rem;max-width:62ch}.post-entry{padding:1.3rem 0;border-bottom:1px solid var(--line)}.post-entry:first-of-type{border-top:1px solid var(--line)}.post-link{color:var(--ink);font-size:1.35rem;font-family:var(--font-display);font-weight:600;text-decoration:none}.post-link:hover{color:var(--accent-dark)}.post-meta{margin-top:.2rem;color:var(--ink-faint);font-size:.85rem;letter-spacing:.06em;text-transform:uppercase}.post-summary{margin-top:.35rem;color:var(--ink-soft);font-size:.96rem}.blog-post{padding:clamp(3.6rem,8vw,5.6rem)0}.blog-post .container{max-width:780px}.blog-post h1{font-family:var(--font-display);font-size:clamp(2.3rem,5vw,3.6rem);line-height:1.05;margin-bottom:.5rem;text-wrap:balance}.post-body{margin-top:2rem;line-height:1.72;color:#2b251e}.post-body h2{margin:2rem 0 .9rem;font-family:var(--font-display);font-size:1.8rem;line-height:1.1}.post-body h3{margin:1.4rem 0 .75rem;font-size:1.18rem}.post-body p{margin-bottom:1rem}.post-body ul,.post-body ol{margin:0 0 1rem;padding-left:1.4rem}.post-body li{margin-bottom:.35rem}.post-body pre{margin-bottom:1rem;background:rgba(31,26,21,.9);color:#efe9df;border:1px solid rgba(31,26,21,.94);border-radius:var(--radius-sm);padding:.95rem;overflow-x:auto}.post-body pre code{background:0 0;border:0;color:inherit;padding:0}.post-body blockquote{margin-bottom:1rem;border-left:3px solid var(--accent-warm);padding-left:.9rem;color:var(--ink-soft)}.post-body img{border-radius:var(--radius-md);border:1px solid var(--line);box-shadow:var(--shadow-sm);margin:1rem 0}.back-link{display:inline-block;margin-top:2rem;color:var(--ink-faint);font-size:.84rem;letter-spacing:.08em;text-transform:uppercase}.back-link:hover{color:var(--accent-dark)}@keyframes rise-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes soften-in{from{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur(0)}}@keyframes gentle-float{0%,100%{transform:rotate(-.45deg)translateY(0)}50%{transform:rotate(-.45deg)translateY(-6px)}}.hero .eyebrow,.hero h1,.hero .tagline,.hero .subtitle,.hero .cta{opacity:0;animation:rise-in .62s cubic-bezier(.21,1,.31,1)forwards}.hero .eyebrow{animation-delay:.04s}.hero h1{animation-delay:.12s}.hero .tagline{animation-delay:.22s}.hero .subtitle{animation-delay:.32s}.hero .cta{animation-delay:.42s}.hero-screenshot img{opacity:0;animation:rise-in .72s .5s cubic-bezier(.21,1,.31,1)forwards,gentle-float 9s 1.7s ease-in-out infinite}.hero-screenshot-note{opacity:0;animation:rise-in .62s .62s cubic-bezier(.21,1,.31,1)forwards}.feature-card,.quickstart li,.support-pitch,.support-buttons,.post-entry{opacity:0;animation:soften-in .6s ease forwards}.feature-card:nth-child(1),.quickstart li:nth-child(1),.post-entry:nth-child(1){animation-delay:.04s}.feature-card:nth-child(2),.quickstart li:nth-child(2),.post-entry:nth-child(2){animation-delay:.1s}.feature-card:nth-child(3),.quickstart li:nth-child(3),.post-entry:nth-child(3){animation-delay:.16s}.feature-card:nth-child(4),.post-entry:nth-child(4){animation-delay:.22s}.support-pitch{animation-delay:.04s}.support-buttons{animation-delay:.14s}.post-entry:nth-child(5){animation-delay:.28s}.post-entry:nth-child(6){animation-delay:.34s}.post-entry:nth-child(7){animation-delay:.4s}@media(max-width:980px){.hero .studio{display:block;margin:.5rem auto 0;width:fit-content}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card{grid-column:span 1}.feature-card:nth-child(odd),.feature-card:nth-child(even){--card-shift:0px}.screenshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){body::before,body::after{opacity:.55}.hero{padding-top:4rem}.hero h1{letter-spacing:-.015em}.hero .studio{font-size:.22em}.features .container::before,.screenshots .container::before,.quickstart .container::before,.support .container::before{width:62px;height:5px}.feature-grid,.screenshot-grid{grid-template-columns:1fr}.feature-card,.screenshot{grid-column:span 1}.quickstart li{padding-left:2.7rem}.quickstart li::before{left:.85rem}.footer-links{gap:.7rem .95rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.hero-screenshot img{transform:rotate(0)}.feature-card{transform:none}}