:root{color-scheme:dark;--bg: #282a36;--cl: #44475a;--fg: #f8f8f2;--comment: #6272a4;--purple: #bd93f9;--cyan: #8be9fd;--green: #50fa7b;--pink: #ff79c6;--yellow: #f1fa8c;--outer: #191a21}html[data-theme=light]{color-scheme:light;--bg: #fffbeb;--cl: #dedccf;--fg: #1f1f1f;--comment: #6c664b;--purple: #644ac9;--cyan: #036a96;--green: #14710a;--pink: #a3144d;--yellow: #846e15;--outer: #bcbab3}*{margin:0;padding:0;box-sizing:border-box}body{display:flex;flex-direction:column;min-height:100vh;background:var(--bg);color:var(--fg);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;line-height:1.6}.wrap{max-width:1240px;margin:0 auto;padding:0 40px;width:100%;flex:1;display:flex;flex-direction:column}nav{border-bottom:1px solid var(--cl)}nav .inner{max-width:1240px;margin:0 auto;width:100%;display:flex;gap:20px;align-items:baseline;justify-content:space-between;padding:28px 40px;font-size:14px}nav .brand{display:flex;align-items:center;gap:10px;color:var(--purple);font-weight:700;text-decoration:none}nav .brand-cursor{display:inline-block;width:.55em;height:1.05em;margin-left:5px;background:var(--purple);vertical-align:text-bottom;animation:blink 1s step-end infinite}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@media(prefers-reduced-motion:reduce){nav .brand-cursor{animation:none}}nav .brand-waffle{width:24px;height:24px;flex:none}html[data-theme=light] .brand-waffle-white,html[data-theme=dark] .brand-waffle-black{display:none}nav .links{display:flex;gap:20px}nav .right{display:flex;align-items:baseline;gap:20px}nav a{color:var(--comment);text-decoration:none}nav a:hover{color:var(--fg)}.theme{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;flex:none;background:transparent;border:1px solid var(--cl);border-radius:999px;color:var(--comment);cursor:pointer}.theme:hover{color:var(--purple);border-color:var(--purple)}.theme svg{display:block}html[data-theme=light] .theme .icon-moon,html[data-theme=dark] .theme .icon-sun{display:none}main{flex:1;display:flex;flex-direction:column;padding:96px 48px 64px}h1{font-size:64px;font-weight:700;margin-bottom:16px}.tagline{font-size:18px;color:var(--fg);max-width:540px}.tagline .accent{color:var(--purple);font-style:italic}.hero{display:flex;flex-direction:column;align-items:center;gap:32px;margin-top:160px}.hero-text{text-align:center}.hero-text h1{font-size:30px}.hero-black{width:125px;height:auto;flex:none;filter:invert(1)}html[data-theme=light] .hero-black{filter:none}.projects{margin-top:72px}.projects h2{font-size:14px;color:var(--comment);text-transform:uppercase;letter-spacing:.12em;margin-bottom:16px;text-align:center}.projects .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:20px;max-width:540px;margin:0 auto}.card{display:block;border:1px solid var(--cl);border-radius:8px;padding:20px;text-decoration:none;color:var(--fg);transition:border-color .15s}.card:hover{border-color:var(--purple)}.card h3{font-size:18px;margin-bottom:6px;display:flex;align-items:center;gap:8px}.card-icon{filter:invert(1)}html[data-theme=light] .card-icon{filter:none}.badge{color:var(--cyan);font-size:12px;font-weight:400}.card p{color:var(--comment);font-size:14px;margin-bottom:10px}.meta{color:var(--yellow);font-size:13px}footer{border-top:1px solid var(--cl)}footer .inner{max-width:1240px;margin:0 auto;width:100%;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:14px;padding:24px 40px 40px}footer .copy{color:var(--comment)}footer .links{display:flex;gap:20px;flex-wrap:wrap}footer a{color:var(--comment);text-decoration:none}footer a:hover{color:var(--purple)}.page h1{font-size:48px}.section-title{font-size:14px;color:var(--comment);text-transform:uppercase;letter-spacing:.12em;margin:48px 0 8px}.cta-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px}.cta{display:inline-block;padding:12px 20px;border-radius:8px;text-decoration:none;font-size:15px}.cta-primary{background:var(--purple);color:#282a36;font-weight:700}html[data-theme=light] .cta-primary{color:#fff}.cta-primary:hover{filter:brightness(1.1)}.cta-secondary{border:1px solid var(--cl);color:var(--fg)}.cta-secondary:hover{border-color:var(--purple);color:var(--purple)}.coming-soon-pill{font-size:.8rem;font-weight:600;padding:2px 10px;border-radius:999px;color:var(--purple);border:1px solid var(--purple);background:color-mix(in srgb,var(--purple) 12%,transparent);vertical-align:middle;margin-left:8px}.features{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.feature{border:1px solid var(--cl);border-radius:8px;padding:16px;transition:border-color .15s}.feature:hover{border-color:var(--purple)}.feature h3{font-size:15px;margin-bottom:4px;color:var(--purple);display:flex;align-items:center;gap:8px}.feature p{font-size:14px;color:var(--comment)}.product-header{display:flex;gap:32px;align-items:flex-start}.app-icon{width:160px;height:160px;flex:none;border-radius:36px}.product-info{min-width:0;padding-top:8px}.product-header h1{line-height:1}.shots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:16px}.shot{margin:0;border:1px solid var(--cl);border-radius:8px;overflow:hidden}.shot img{display:block;width:100%;height:auto}.shot figcaption{padding:10px 14px;font-size:12px;color:var(--comment);text-transform:uppercase;letter-spacing:.12em}html[data-theme=dark] .shot{background:#21222c;padding:12px}html[data-theme=light] .shot{background:var(--outer);padding:12px}html[data-theme=light] .shot-dark,html[data-theme=dark] .shot-light{display:none}.pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.price-card{border:1px solid var(--cl);border-radius:8px;padding:24px}.price-card.featured{border-color:var(--purple)}.price-card h3{font-size:16px}.price{font-size:32px;font-weight:700;margin:8px 0}.price .per{font-size:14px;color:var(--comment);font-weight:400}.price-note{font-size:13px;color:var(--comment)}.trial{display:inline-block;margin-top:8px;font-size:12px;color:var(--green);border:1px solid var(--cl);border-radius:999px;padding:2px 10px}.prose{max-width:720px}.prose h1{font-size:44px}.prose h2{font-size:20px;margin:32px 0 8px;color:var(--purple)}.prose p{margin:0 0 16px}.prose ul{margin:0 0 16px;padding-left:24px}.prose a{color:var(--purple)}@media(max-width:720px){.wrap{padding:0 24px}main{padding:64px 24px 48px}nav .inner{flex-wrap:wrap;padding:20px 24px}footer .inner{padding:20px 24px 32px}h1{font-size:44px}.projects .grid,.features,.shots-grid{grid-template-columns:1fr}.product-header{flex-direction:column;align-items:center;text-align:center}.product-header .cta-row{justify-content:center}}