:root{--bg: #f6f4ef;--surface: #fff;--text: #18161a;--muted: #686370;--line: #e3dfe8;--a1: #6d28d9;--a2: #db2777;--glow: rgba(109, 40, 217, .16);--paper: #f1e8d8;--ink: #4a3b28;--paperline: #d9c9ac;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0d0b12;--surface: #16131e;--text: #f3f0f8;--muted: #9a94a8;--line: #2a2536;--a1: #a78bfa;--a2: #f472b6;--glow: rgba(167, 139, 250, .18);--paper: #241d14;--ink: #e8d9bd;--paperline: #4a3d2a;color-scheme:dark}}:root[data-theme=dark]{--bg: #0d0b12;--surface: #16131e;--text: #f3f0f8;--muted: #9a94a8;--line: #2a2536;--a1: #a78bfa;--a2: #f472b6;--glow: rgba(167, 139, 250, .18);--paper: #241d14;--ink: #e8d9bd;--paperline: #4a3d2a;color-scheme:dark}html{scroll-padding-top:env(safe-area-inset-top,0px);scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:17px/1.6 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}a:focus-visible,button:focus-visible{outline:2px solid var(--a1);outline-offset:3px;border-radius:4px}#spot{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(500px circle at var(--mx, 50%) var(--my, 30%),var(--glow),transparent 70%)}.blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.35;animation:float 14s ease-in-out infinite;pointer-events:none}.b1{width:320px;height:320px;background:var(--a1);top:40px;right:-60px}.b2{width:240px;height:240px;background:var(--a2);top:260px;left:-80px;animation-delay:-6s}@keyframes float{50%{transform:translate(30px,-40px) scale(1.12)}}.wrap{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:0 24px}header{display:flex;justify-content:space-between;align-items:center;padding:22px 0}.logo{font:700 18px ui-monospace,Menlo,monospace;color:var(--text);text-decoration:none}nav{display:flex;gap:20px;font-size:15px}nav a{color:var(--muted);text-decoration:none}nav a:hover{color:var(--text)}.hero{padding:80px 0 50px;position:relative}.eyebrow{font:500 14px ui-monospace,Menlo,monospace;color:var(--a1)}h1{font-size:clamp(36px,7.5vw,62px);line-height:1.06;letter-spacing:-.03em;margin:14px 0 18px}.grad{background:linear-gradient(90deg,var(--a1),var(--a2));-webkit-background-clip:text;background-clip:text;color:transparent}.cursor{display:inline-block;width:3px;height:.9em;background:var(--a2);margin-left:4px;vertical-align:-.1em;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.lead{font-size:19px;color:var(--muted);max-width:600px;margin:0 0 28px}a.inline{color:var(--a1)}.btn{display:inline-block;padding:12px 22px;border-radius:12px;font-weight:600;font-size:15px;text-decoration:none;margin:0 10px 10px 0;transition:transform .2s}.btn.p{background:linear-gradient(90deg,var(--a1),var(--a2));color:#fff}.btn.s{border:1px solid var(--line);color:var(--text)}.btn:hover{transform:translateY(-2px)}section{padding:44px 0}h2{font-size:30px;letter-spacing:-.02em;margin:0 0 8px}h2 small{font:500 14px ui-monospace,Menlo,monospace;color:var(--a1);display:block;margin-bottom:4px}.sub{color:var(--muted);margin:0 0 24px;max-width:620px}.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));perspective:900px}.grid.flat{perspective:none}.card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;transform:rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .15s ease-out,border-color .2s;overflow:hidden}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(240px circle at var(--cx, 50%) var(--cy, 50%),var(--glow),transparent 70%);opacity:0;transition:opacity .2s}.card:hover{border-color:var(--a1)}.card:hover:before{opacity:1}.card>*{position:relative}.card h3{margin:0 0 8px;font-size:20px}.card p{margin:0 0 14px;color:var(--muted);font-size:15px}.tag{display:inline-block;font:600 12px ui-monospace,Menlo,monospace;padding:3px 10px;border-radius:99px;border:1px solid var(--line);color:var(--a1);margin:0 6px 6px 0}.card a,.links a{color:var(--a1);font-weight:600;font-size:14px;text-decoration:none;margin-right:14px}.feature{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:28px}.feature h3{font-size:26px;margin:0 0 10px}.feature p{color:var(--muted);margin:0 0 14px}.links{margin-top:6px}.pot{background:var(--bg);border:1px solid var(--line);border-radius:18px;padding:22px;text-align:center}.face{font-size:64px;display:inline-block;animation:bob 2.4s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-8px)}}.mood{font:600 15px ui-monospace,Menlo,monospace;margin:6px 0 14px}.bar{height:8px;border-radius:99px;background:var(--line);overflow:hidden;margin:6px 0 12px;text-align:left}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--a1),var(--a2));transition:width .8s}.lab{display:flex;justify-content:space-between;font:12px ui-monospace,Menlo,monospace;color:var(--muted)}.note-card .emoji{font-size:22px;margin-right:4px}.note-card .photo{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;border:1px solid var(--paperline);border-radius:4px;margin-bottom:14px}.ai dl{margin:0;font-size:14.5px}.ai dt{font:600 11px ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--a2);margin-top:12px}.ai dd{margin:2px 0 0;color:var(--muted)}.analog{background:var(--paper);border-radius:24px;padding:44px 28px;margin:30px 0;font-family:Georgia,Iowan Old Style,serif;color:var(--ink)}.analog h2 small{color:var(--ink);opacity:.7;font-family:Georgia,serif;font-style:italic;font-size:15px}.analog .sub{color:var(--ink);opacity:.8}.note-card{border:1.5px dashed var(--paperline);border-radius:6px;padding:20px;transition:transform .25s}.note-card:nth-child(odd){transform:rotate(-1.2deg)}.note-card:nth-child(2n){transform:rotate(1deg)}.note-card:hover{transform:rotate(0) scale(1.03)}.note-card h3{margin:6px 0;font-size:20px}.note-card p{margin:0;font-size:15px;opacity:.85}.rv{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.rv.in{opacity:1;transform:none}footer{padding:36px 0 56px;color:var(--muted);font-size:14px;border-top:1px solid var(--line)}@media (max-width: 640px){.feature{grid-template-columns:1fr}nav a:nth-child(-n+3){display:none}.hero{padding-top:44px}}@media (prefers-reduced-motion: reduce){*,*:before{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}