.lp{--paper:#f7f3ea;--gutter:#e7e0d1;--ink:#111;--lime:#c9f31d;--orange:#ff5400;--blue:#2d9cff;--red:#ff4d4d;--green:#36d399;--yellow:#ffd23f;--card:#fffdf6;--muted:#39352c;background:var(--paper);background-image:radial-gradient(rgba(17,17,17,.05) 1.2px,transparent 0);background-size:22px 22px;color:var(--ink);font-family:var(--font-display);-webkit-font-smoothing:antialiased;overflow-x:hidden}.lp .mono{font-family:var(--font-mono)}.lp .nowrap{white-space:nowrap}.lp a{color:inherit;text-decoration:none}.lp .col{max-width:1200px;margin:0 auto}.lp .sec{padding:74px 44px}.lp .sec-t{border-top:3px solid var(--ink)}.lp .sec-head{max-width:780px;margin:0 0 44px}.lp .tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-weight:700;font-size:12px;letter-spacing:.07em;text-transform:uppercase;background:var(--card);border:2px solid var(--ink);border-radius:7px;padding:6px 11px}.lp .h2{font-size:42px;line-height:1.02;letter-spacing:-.02em;font-weight:700;margin:16px 0 12px;text-wrap:balance}.lp .h3{font-size:21px;font-weight:700;margin:0 0 8px}.lp .lead{font-size:18px;line-height:1.5;color:var(--muted);margin:0}.lp .u-lime{background:linear-gradient(transparent 58%,var(--lime) 58%);padding:0 2px}.lp .u-orange{background:linear-gradient(transparent 58%,var(--orange) 58%);padding:0 2px}.lp .hl{background:var(--lime);border:3px solid var(--ink);border-radius:9px;padding:0 12px;display:inline-block;transform:rotate(-1.6deg)}.lp .btn,.lp .hl{box-shadow:5px 5px 0 var(--ink)}.lp .btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-display);font-weight:700;font-size:16px;line-height:1;padding:15px 22px;border:3px solid var(--ink);border-radius:11px;background:var(--card);color:var(--ink);cursor:pointer;transition:transform .08s ease,box-shadow .08s ease}.lp .btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)}.lp .btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.lp .btn-lime{background:var(--lime)}.lp .btn-orange{background:var(--orange);color:#fff}.lp .btn-ink{background:var(--ink);color:var(--paper);box-shadow:5px 5px 0 var(--lime)}.lp .btn-ink:hover{box-shadow:8px 8px 0 var(--lime)}.lp .btn-ghost{background:transparent;box-shadow:none}.lp .btn-ghost:hover{background:var(--card);transform:none;box-shadow:4px 4px 0 var(--ink)}.lp .btn-lg{font-size:19px;padding:18px 28px}.lp .nav{position:sticky;top:0;z-index:30;background:var(--paper);border-bottom:3px solid var(--ink)}.lp .nav-in{max-width:1200px;margin:0 auto;justify-content:space-between;gap:24px;padding:16px 44px}.lp .logo,.lp .nav-in{display:flex;align-items:center}.lp .logo{gap:9px}.lp .logo-badge{background:var(--lime);border:2.5px solid var(--ink);border-radius:7px;padding:4px 9px;font-family:var(--font-mono);font-weight:700;font-size:14px;box-shadow:3px 3px 0 var(--ink)}.lp .logo-word{font-weight:700;font-size:19px;letter-spacing:-.01em}.lp .logo-nana{font-size:18px}.lp .navlinks{display:flex;gap:22px}.lp .navlink{font-weight:600;font-size:15px;padding:6px 2px;border-bottom:2px solid transparent}.lp .navlink:hover{border-bottom-color:var(--ink)}.lp .navact{display:flex;align-items:center;gap:12px}.lp .navquick{display:none;align-items:center;gap:9px;margin-left:auto}.lp .navquick-btn{gap:7px;font-size:14px;padding:10px 13px;box-shadow:3px 3px 0 var(--ink);white-space:nowrap;flex:none}.lp .navquick-btn:hover{box-shadow:5px 5px 0 var(--ink)}.lp .navquick .lbl-short{display:none}.lp .nav-burger{display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:46px;height:46px;flex:none;padding:0;background:var(--card);border:3px solid var(--ink);border-radius:10px;box-shadow:3px 3px 0 var(--ink);cursor:pointer;transition:transform .08s ease,box-shadow .08s ease}.lp .nav-burger:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.lp .nav-burger span{display:block;width:22px;height:3px;background:var(--ink);border-radius:2px;transition:transform .18s ease,opacity .12s ease}.lp .nav-burger.is-open{background:var(--lime)}.lp .nav-burger.is-open span:first-child{transform:translateY(8px) rotate(45deg)}.lp .nav-burger.is-open span:nth-child(2){opacity:0}.lp .nav-burger.is-open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.lp .nav-drawer{position:fixed;inset:0;z-index:50;background:var(--paper);background-image:radial-gradient(rgba(17,17,17,.05) 1.2px,transparent 0);background-size:22px 22px;display:flex;flex-direction:column;animation:lp-drawer-in .16s ease}@keyframes lp-drawer-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.lp .nav-drawer-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;border-bottom:3px solid var(--ink)}.lp .nav-drawer-links{display:flex;flex-direction:column;padding:8px 20px 4px}.lp .drawer-link{display:flex;align-items:center;justify-content:space-between;padding:20px 4px;font-weight:700;font-size:24px;letter-spacing:-.01em;border-bottom:3px solid var(--ink)}.lp .drawer-link span{font-family:var(--font-mono);font-size:20px;color:var(--orange)}.lp .drawer-link:active{color:var(--orange)}.lp .nav-drawer-cta{margin-top:auto;display:flex;flex-direction:column;gap:12px;padding:22px 20px calc(24px + env(safe-area-inset-bottom))}.lp .nav-drawer-cta .btn{width:100%;justify-content:center}.lp .hero{display:grid;grid-template-columns:1.02fr 1.05fr;gap:52px;padding:60px 44px 70px;align-items:center}.lp .hero-eyebrow{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.lp .d1{font-size:56px;line-height:1;letter-spacing:-.025em;font-weight:700;margin:0 0 22px;text-wrap:balance}.lp .sub{font-size:19px;line-height:1.5;color:var(--muted);margin:0 0 30px;max-width:520px}.lp .cta-row{gap:14px;margin-bottom:26px}.lp .cta-row,.lp .trust{display:flex;flex-wrap:wrap}.lp .trust{gap:10px;font-family:var(--font-mono);font-size:12px;color:#4a463c}.lp .trust b{color:var(--ink)}.lp .hero-game{position:relative}.lp .demo-tag{position:absolute;top:-18px;right:-4px;background:var(--orange);color:#fff;border:2.5px solid var(--ink);border-radius:8px;box-shadow:3px 3px 0 var(--ink);font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.05em;padding:6px 10px;transform:rotate(3deg);z-index:7}.lp .demo-card{background:var(--card);border:3px solid var(--ink);border-radius:12px;box-shadow:9px 9px 0 var(--ink);overflow:hidden}.lp .demo-head{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;background:var(--ink);color:var(--paper)}.lp .demo-name{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px}.lp .demo-more{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--lime)}.lp .demo-more:hover{text-decoration:underline}.lp .demo-stage{position:relative;padding:22px 16px 24px;min-height:320px}.lp .demo-stage,.lp .stage-over{display:flex;align-items:center;justify-content:center}.lp .stage-over{position:absolute;inset:0;background:rgba(247,243,234,.92);flex-direction:column;gap:12px;text-align:center;padding:20px;z-index:6}.lp .over-title{font-size:19px;font-weight:700}.lp .over-kicker{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;color:var(--orange)}.lp .hl-sm{background:var(--lime);border:2px solid var(--ink);border-radius:6px;padding:0 6px}.lp .modes{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.lp .mode{padding:24px;position:relative;display:flex;flex-direction:column;gap:10px;background:var(--card);border:3px solid var(--ink);border-radius:12px;box-shadow:6px 6px 0 var(--ink);transition:transform .12s,box-shadow .12s}.lp .mode:hover{transform:translate(-4px,-4px);box-shadow:11px 11px 0 var(--ink)}.lp .mode-ic{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:30px;border:3px solid var(--ink);border-radius:12px}.lp .fill-lime{background:var(--lime)}.lp .fill-blue{background:var(--blue)}.lp .fill-orange{background:var(--orange)}.lp .mode p{margin:0;font-size:15px;line-height:1.45;color:var(--muted);flex:1}.lp .mode-link{font-size:11px;letter-spacing:.03em;margin-top:6px}.lp .mode-link,.lp .mode-pop{font-family:var(--font-mono);font-weight:700}.lp .mode-pop{position:absolute;top:-14px;right:16px;background:var(--orange);color:#fff;border:2.5px solid var(--ink);border-radius:8px;box-shadow:3px 3px 0 var(--ink);font-size:10px;letter-spacing:.06em;padding:5px 9px;transform:rotate(3deg)}.lp .dujour{display:grid;grid-template-columns:1.12fr .88fr;gap:26px;align-items:stretch}.lp .day-card{background:var(--ink);color:var(--paper);border:3px solid var(--ink);border-radius:14px;padding:28px;box-shadow:9px 9px 0 var(--lime)}.lp .day-date{font-family:var(--font-mono);color:var(--lime);font-size:13px;letter-spacing:.06em;font-weight:700}.lp .chain{display:flex;gap:10px;margin:20px 0 22px;flex-wrap:wrap}.lp .chain-step{flex:1 1 0;min-width:120px;background:var(--paper);color:var(--ink);border:3px solid #000;border-radius:10px;padding:12px 10px}.lp .chain-num{font-family:var(--font-mono);font-size:11px;color:#8a8574;font-weight:700}.lp .chain-name{font-weight:700;font-size:14px;margin-top:4px}.lp .chain-cat{height:6px;border-radius:3px;margin-top:9px}.lp .cd-wrap{display:flex;align-items:baseline;gap:12px;margin-top:4px;flex-wrap:wrap}.lp .cd-lab{font-size:12px;color:#cfcabb;letter-spacing:.05em}.lp .cd,.lp .cd-lab{font-family:var(--font-mono)}.lp .cd{font-size:34px;font-weight:700;color:var(--lime)}.lp .rank-card{background:var(--card);border:3px solid var(--ink);border-radius:14px;padding:24px;box-shadow:9px 9px 0 var(--ink);display:flex;flex-direction:column}.lp .rank-card h3{margin:0 0 14px;font-size:17px}.lp .rk{display:flex;align-items:center;gap:11px;padding:9px 10px;border:2px solid var(--ink);border-radius:9px;margin-bottom:8px;background:var(--paper)}.lp .rk-you{background:var(--lime)}.lp .rk-pos{display:flex;align-items:center;font-family:var(--font-mono);font-weight:700;font-size:14px;width:34px}.lp .rk-name{flex:1;font-weight:600;font-size:14px}.lp .rk-pts{font-family:var(--font-mono);font-weight:700;font-size:14px}.lp .cat{border:3px solid var(--ink);border-radius:13px;overflow:hidden;margin-bottom:16px;box-shadow:6px 6px 0 var(--ink)}.lp .cat-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:3px solid var(--ink)}.lp .cat-title{gap:11px;font-weight:700}.lp .cat-emoji,.lp .cat-title{display:flex;align-items:center;font-size:18px}.lp .cat-emoji{width:34px;height:34px;border:2.5px solid var(--ink);border-radius:9px;justify-content:center;background:var(--paper)}.lp .cat-count{font-family:var(--font-mono);font-size:12px;font-weight:700}.lp .cat-body{display:flex;flex-wrap:wrap;gap:9px;padding:16px 18px}.lp .gchip{display:inline-flex;align-items:center;gap:7px;background:var(--paper);border:2px solid var(--ink);border-radius:8px;padding:7px 11px;font-weight:600;font-size:14px;box-shadow:2px 2px 0 var(--ink);transition:transform .1s,box-shadow .1s;cursor:pointer}.lp .gchip:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink)}.lp .gchip i{font-family:var(--font-mono);font-size:10px;font-style:normal;color:#8a8574;font-weight:700}.lp .cat--blue .cat-head{background:var(--blue);color:#062a4d}.lp .cat--red .cat-head{background:var(--red);color:#3a0000}.lp .cat--green .cat-head{background:var(--green);color:#04331f}.lp .cat--yellow .cat-head{background:var(--yellow);color:#3a2f00}.lp .cat--ink .cat-head{background:var(--ink);color:var(--lime)}.lp .cat--ink .cat-body{background:#171717}.lp .cat--ink .gchip{background:#232323;color:var(--paper);border-color:#000;box-shadow:2px 2px 0 var(--lime)}.lp .cat--ink .gchip i{color:#7d7a70}.lp .cat--ink .cat-emoji{background:#232323}.lp .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:28px}.lp .step{background:var(--card);border:3px solid var(--ink);border-radius:12px;padding:24px;box-shadow:6px 6px 0 var(--ink)}.lp .step-num{font-family:var(--font-mono);font-size:42px;font-weight:700;color:var(--orange);line-height:1}.lp .step h3{margin:12px 0 6px}.lp .step p{margin:0;font-size:14px;line-height:1.45;color:var(--muted)}.lp .badge-row{display:flex;gap:12px;flex-wrap:wrap}.lp .lbadge{display:inline-flex;align-items:center;gap:8px;background:var(--paper);border:2.5px solid var(--ink);border-radius:9px;padding:9px 14px;font-weight:700;font-size:14px;box-shadow:3px 3px 0 var(--ink)}.lp .stats{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.lp .scol{display:flex;flex-direction:column;gap:24px}.lp .pcard{background:var(--card);border:3px solid var(--ink);border-radius:14px;padding:24px;box-shadow:8px 8px 0 var(--ink)}.lp .pcard.dark{background:var(--ink);color:var(--paper);box-shadow:8px 8px 0 var(--orange)}.lp .pcard h3{margin:0 0 4px;font-size:18px}.lp .phead{gap:14px;margin-bottom:18px}.lp .pav,.lp .phead{display:flex;align-items:center}.lp .pav{width:52px;height:52px;border:3px solid var(--ink);border-radius:12px;background:var(--lime);justify-content:center;font-size:26px}.lp .plvl{color:#6b665a}.lp .plvl,.lp .xp-top{font-family:var(--font-mono);font-size:12px;font-weight:700}.lp .xp-top{display:flex;justify-content:space-between;margin-bottom:6px}.lp .xpbar{height:16px;border:2.5px solid var(--ink);border-radius:8px;overflow:hidden;background:var(--paper)}.lp .xpbar-fill{height:100%;background:var(--lime);width:78%}.lp .streak{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-family:var(--font-mono);font-weight:700;font-size:13px;background:var(--paper);border:2px solid var(--ink);border-radius:8px;padding:6px 11px}.lp .hist{display:flex;flex-direction:column;gap:8px}.lp .hrow{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:2px dotted #d8d2c2}.lp .hrow:last-child{border-bottom:none}.lp .hname{font-weight:600;font-size:14px}.lp .hpts{font-family:var(--font-mono);font-weight:700;font-size:14px}.lp .shield{display:flex}.lp .pcard.dark p{color:#cfcabb;font-size:14px;line-height:1.5;margin:8px 0 0}.lp .feats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.lp .feat{background:var(--card);border:3px solid var(--ink);border-radius:12px;padding:18px;box-shadow:5px 5px 0 var(--ink);display:flex;gap:13px;align-items:flex-start}.lp .feat-ic{display:flex;align-items:center;line-height:1}.lp .feat b{display:block;font-size:15px;margin-bottom:3px}.lp .feat span{font-size:13px;color:#4a463c;line-height:1.35}.lp .faqs{display:flex;flex-direction:column;gap:12px;max-width:840px}.lp .faq{border:3px solid var(--ink);border-radius:12px;background:var(--card);box-shadow:5px 5px 0 var(--ink);overflow:hidden}.lp .faq-q{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;font-weight:700;font-size:17px;cursor:pointer}.lp .faq-q::-webkit-details-marker{display:none}.lp .faq[open] .faq-q{background:var(--lime)}.lp .faq-plus{font-family:var(--font-mono);font-size:22px;font-weight:700;transition:transform .15s}.lp .faq[open] .faq-plus{transform:rotate(45deg)}.lp .faq-a{padding:4px 20px 18px;font-size:15px;line-height:1.55;color:var(--muted)}.lp .cta-band{background:var(--lime);border-top:3px solid var(--ink);padding:64px 44px;text-align:center;position:relative;overflow:hidden}.lp .cta-in{max-width:1200px;margin:0 auto;position:relative;z-index:1}.lp .cta-band h2{font-size:48px;letter-spacing:-.02em;margin:0 0 10px;font-weight:700}.lp .cta-sub{font-family:var(--font-mono);font-size:14px;margin:0 0 28px;font-weight:700}.lp .foot{background:var(--ink);color:var(--paper)}.lp .foot-in{max-width:1200px;margin:0 auto;padding:48px 44px 30px}.lp .foot-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px;padding-bottom:30px;border-bottom:2px solid #333}.lp .foot h4{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;color:var(--lime);margin:0 0 14px;text-transform:uppercase}.lp .foot a{display:block;font-size:14px;color:#cfcabb;padding:4px 0}.lp .foot a:hover{color:#fff}.lp .foot-logo{display:flex;align-items:center;gap:9px;margin-bottom:12px}.lp .foot-tag{font-size:14px;color:#cfcabb;line-height:1.5;max-width:290px}.lp .foot-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:20px;font-family:var(--font-mono);font-size:12px;color:#9c9686;flex-wrap:wrap}.lp .foot-bottom a{color:#9c9686;display:inline}@media (max-width:960px){.lp .navact,.lp .navlinks{display:none}.lp .navquick{display:flex}.lp .nav-burger{display:inline-flex}.lp .nav-in{padding:13px 20px;gap:12px}.lp .logo-word{white-space:nowrap}.lp .hero{grid-template-columns:1fr;gap:34px;padding:40px 20px 52px}.lp .d1{font-size:40px}.lp .sec{padding:52px 20px}.lp .dujour,.lp .feats,.lp .modes,.lp .stats,.lp .steps{grid-template-columns:1fr}.lp .h2{font-size:34px}.lp .cta-band{padding:48px 20px}.lp .cta-band h2{font-size:34px}.lp .foot-in{padding:40px 20px 28px}.lp .foot-top{grid-template-columns:1fr 1fr}}@media (max-width:560px){.lp .foot-top{grid-template-columns:1fr}.lp .foot-bottom{flex-direction:column;align-items:flex-start}.lp .nav-in{gap:10px;padding:12px 16px}.lp .logo-nana,.lp .logo-word{display:none}.lp .navquick{gap:8px}.lp .navquick-btn{padding:10px 12px}.lp .navquick .lbl-full{display:none}.lp .navquick .lbl-short{display:inline}.lp .sec{padding:44px 18px}.lp .sec-head{margin-bottom:30px}.lp .hero{padding:30px 18px 44px}.lp .hero-eyebrow{gap:8px;margin-bottom:18px}.lp .d1{font-size:33px;line-height:1.08;margin-bottom:18px}.lp .hl{box-shadow:3px 3px 0 var(--ink);padding:0 8px}.lp .sub{font-size:17px}.lp .cta-row .btn{width:100%;justify-content:center}.lp .h2{font-size:29px}.lp .cta-band h2{font-size:30px}.lp .cta-band .btn{width:100%;justify-content:center}.lp .demo-tag{top:-14px;right:0}}@media (max-width:380px){.lp .d1{font-size:30px}.lp .chain-step{min-width:100px}}