html:has(.landing-page){scroll-behavior:smooth}.landing-page{--landing-margin:32px;min-height:100vh;padding-left:var(--landing-margin);background:var(--color-page);color:var(--color-ink);overflow-x:hidden}.landing-notebook-bg{background-color:#fff;background-image:repeating-linear-gradient(transparent, transparent 27px, var(--color-ruled-line) 27px, var(--color-ruled-line) 28px)}.landing-margin-strip{width:var(--landing-margin);background:var(--color-margin-bg);border-right:2px solid var(--color-margin-line);z-index:100;position:fixed;top:0;bottom:0;left:0}.landing-margin-note{font-family:var(--font-caveat), cursive;color:var(--color-pink);writing-mode:vertical-rl;opacity:.6;letter-spacing:.05em;font-size:16px;position:absolute;left:3px;transform:rotate(180deg)}.landing-margin-note.n1{top:100px}.landing-margin-note.n2{top:300px}.landing-margin-note.n3{top:500px}.landing-margin-note.n4{top:700px}.landing-nav{top:0;left:var(--landing-margin);background:var(--color-nav-bg);border-bottom:1px solid var(--color-nav-border);z-index:99;justify-content:space-between;align-items:center;padding:10px 40px;display:flex;position:fixed;right:0}.landing-nav-wordmark .wordmark{font-size:20px}.landing-nav-links{align-items:center;gap:24px;display:flex}.landing-nav-link{font-family:var(--font-space-mono), monospace;letter-spacing:.08em;color:var(--color-muted);font-size:9px;font-weight:700;text-decoration:none;transition:color .15s}.landing-nav-link:hover{color:var(--color-ink)}.landing-nav-btn{font-family:var(--font-space-mono), monospace;letter-spacing:.08em;background:var(--color-pink);color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:9px;font-weight:700;text-decoration:none;transition:background .15s}.landing-nav-btn:hover{background:#c8357a}.landing-hero{justify-content:center;align-items:center;min-height:100vh;padding:100px 60px 60px;display:flex;position:relative;overflow:hidden}.landing-hero-canvas{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.landing-hero-content{text-align:center;z-index:2;max-width:640px;position:relative}.landing-hero-label{font-family:var(--font-space-mono), monospace;letter-spacing:.16em;color:var(--color-muted);text-transform:uppercase;margin-bottom:14px;font-size:9px}.landing-hero-headline{color:var(--color-ink);margin-bottom:16px;font-size:42px;font-weight:700;line-height:1.2;position:relative;overflow:hidden}.landing-hero-headline:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffc0dc99 45%,#ffffffe6 50%,#c9aeed80 55%,#0000 100%);width:80%;height:100%;animation:1.2s ease-out .5s forwards landingShimmer;position:absolute;top:0;left:-120%}@keyframes landingShimmer{0%{left:-120%}to{left:160%}}.landing-hero-sub{font-family:var(--font-space-mono), monospace;color:var(--color-muted);letter-spacing:.04em;margin-bottom:36px;font-size:11px;line-height:1.8}.landing-hero-btns{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.landing-btn-primary{font-family:var(--font-space-mono), monospace;letter-spacing:.08em;background:var(--color-pink);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:13px 28px;font-size:11px;font-weight:700;text-decoration:none;transition:background .15s,transform .1s;display:inline-block}.landing-btn-primary:hover{background:#c8357a;transform:scale(1.03)}.landing-btn-secondary{font-family:var(--font-space-mono), monospace;color:var(--color-muted);letter-spacing:.06em;background:0 0;border:none;font-size:11px;text-decoration:none}.landing-btn-secondary:hover{color:var(--color-ink)}.landing-doodle-divider{font-family:var(--font-caveat), cursive;color:var(--color-border);letter-spacing:.15em;text-align:center;padding:8px 0;font-size:16px}.landing-features{max-width:900px;margin:0 auto;padding:80px 60px}.landing-section-label{font-family:var(--font-space-mono), monospace;letter-spacing:.14em;color:var(--color-pink);text-transform:uppercase;margin-bottom:8px;font-size:9px;font-weight:700}.landing-section-title{color:var(--color-ink);margin-bottom:48px;font-size:32px;font-weight:700;line-height:1.2}.landing-stickers-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:48px;display:flex}.landing-sticker{font-family:var(--font-space-mono), monospace;letter-spacing:.06em;border:1.5px solid;border-radius:20px;padding:3px 10px;font-size:9px;font-weight:700}.landing-sticker-pink{background:var(--color-pink-light);color:#c4437a;border-color:var(--color-pink-border)}.landing-sticker-purple{background:var(--color-purple-light);color:#6b3fa0;border-color:var(--color-purple-border)}.landing-features-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.landing-feature-card{border:1px solid var(--color-border);background:#fff;border-radius:10px;padding:20px 22px;transition:transform .15s,box-shadow .15s;position:relative}.landing-feature-card:before{content:"";background:var(--color-pink);border-radius:10px 10px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.landing-feature-card[data-accent="1"]:before{background:var(--color-purple)}.landing-feature-card[data-accent="2"]:before{background:#4a90d9}.landing-feature-card[data-accent="3"]:before{background:#7ec8a0}.landing-feature-card[data-accent="4"]:before{background:#f0a830}.landing-feature-card[data-accent="5"]:before{background:var(--color-pink)}.landing-feature-card:hover{transform:rotate(-.5deg)translateY(-2px);box-shadow:2px 4px 12px #e85d9b1a}.landing-feature-card:nth-child(2n):hover{transform:rotate(.5deg)translateY(-2px)}.landing-feature-icon{margin-bottom:10px;font-size:22px}.landing-feature-title{font-family:var(--font-caveat), cursive;color:var(--color-ink);margin-bottom:6px;font-size:20px;font-weight:700}.landing-feature-desc{font-family:var(--font-space-mono), monospace;color:var(--color-muted);letter-spacing:.03em;font-size:10px;line-height:1.7}.landing-how{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:#faf6ee;padding:80px 60px}.landing-how-inner{max-width:700px;margin:0 auto}.landing-step{border-bottom:1px dashed var(--color-border);align-items:flex-start;gap:20px;padding:20px 0;display:flex}.landing-step:last-child{border-bottom:none}.landing-step-num{color:var(--color-pink);opacity:.3;flex-shrink:0;width:40px;font-size:28px;font-weight:700}.landing-step-title{font-family:var(--font-caveat), cursive;color:var(--color-ink);margin-bottom:4px;font-size:20px;font-weight:700}.landing-step-desc{font-family:var(--font-space-mono), monospace;color:var(--color-muted);letter-spacing:.03em;font-size:10px;line-height:1.7}.landing-proof{text-align:center;max-width:700px;margin:0 auto;padding:80px 60px}.landing-proof-divider{margin-bottom:40px}.landing-proof-quote{font-family:var(--font-caveat), cursive;color:var(--color-ink);margin-bottom:16px;font-size:26px;font-style:italic;line-height:1.5}.landing-proof-quote em{color:var(--color-pink);font-style:normal}.landing-proof-attr{font-family:var(--font-space-mono), monospace;color:var(--color-muted);letter-spacing:.08em;font-size:9px}.landing-cta{text-align:center;padding:100px 60px;position:relative;overflow:hidden}.landing-cta-title{color:var(--color-ink);margin-bottom:12px;font-size:36px;font-weight:700}.landing-cta-sub{font-family:var(--font-space-mono), monospace;color:var(--color-muted);letter-spacing:.04em;margin-bottom:32px;font-size:11px;line-height:1.7}.landing-footer{border-top:1px solid var(--color-border);background:#faf6ee;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:24px 60px;display:flex}.landing-footer-left{font-family:var(--font-caveat), cursive;color:var(--color-muted);font-size:16px;font-style:italic}.landing-footer-links{gap:20px;display:flex}.landing-footer-link{font-family:var(--font-space-mono), monospace;color:var(--color-muted);letter-spacing:.06em;font-size:9px;text-decoration:none;transition:color .15s}.landing-footer-link:hover{color:var(--color-pink)}@media (max-width:640px){.landing-page{--landing-margin:0;padding-left:0}.landing-margin-strip{display:none}.landing-nav{padding:10px 20px;left:0}.landing-nav-links .landing-nav-link{display:none}.landing-hero-headline{font-size:28px}.landing-hero{padding:100px 28px 60px}.landing-features,.landing-how,.landing-proof,.landing-cta{padding:60px 28px}.landing-footer{padding:20px 28px}}