:root{--bg:#fbf9f6;--ink:#221a14;--ink-2:#6b6159;--muted:#8a7f74;--accent:#7a3140;--card:#f1ece6;--card-alt:#efe9e4;--line:rgba(34,26,20,.1);--line-2:rgba(34,26,20,.2);--surface:#fff;--display:"Bricolage Grotesque",sans-serif;--body:"Onest",sans-serif;--mono:ui-monospace,monospace;--max-w:1120px;--pad:32px;--ease:cubic-bezier(0.2,0.7,0.2,1)}*{box-sizing:border-box}body,html{margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--body);background:var(--bg);-webkit-font-smoothing:antialiased}a,body{color:var(--ink)}a{text-decoration:none}a:hover{color:var(--accent)}::selection{background:var(--accent);color:#fff}.wrap{max-width:var(--max-w);margin:0 auto;padding:0 var(--pad)}[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}[data-reveal].in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1!important;transform:none!important}}.lp-nav{display:flex;align-items:center;justify-content:space-between;height:88px;max-width:var(--max-w);margin:0 auto;padding:0 var(--pad)}.lp-nav .logo{font-family:var(--display);font-weight:600;font-size:24px;letter-spacing:-.02em;color:var(--accent)}.lp-nav .nav-links{display:flex;align-items:center;gap:32px;font-size:15px}.lp-nav .nav-pill{border:1px solid var(--line-2);padding:10px 18px;border-radius:999px;transition:background .2s,color .2s}.lp-nav .nav-pill:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.hero{padding:96px 0 112px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:56px;gap:56px;align-items:center}.hero h1{margin:0;font-family:var(--display);font-weight:500;font-size:clamp(44px,5.6vw,76px);line-height:1;letter-spacing:-.035em;text-wrap:balance}.hero .subtitle{margin:28px 0 0;max-width:480px;font-size:18px;line-height:1.55;color:var(--ink-2);text-wrap:pretty}.hero .cta-row{margin-top:36px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.hero .cta-btn{background:var(--ink);color:#fff;padding:16px 28px;border-radius:999px;font-size:15px;font-weight:500;transition:transform .25s var(--ease),background .25s var(--ease)}.hero .cta-btn:hover{transform:translateY(-1.5px);background:var(--accent);color:#fff}.hero .cta-note{font-size:14px;color:var(--muted)}.shuffle-wrap{display:flex;flex-direction:column;align-items:center;gap:18px}.shuffle-grid{position:relative;width:100%;max-width:400px;aspect-ratio:1/1}.shuffle-tile{position:absolute;width:calc(50% - 6px);height:calc(50% - 6px);border-radius:24px;overflow:hidden;transition:transform 1.1s cubic-bezier(.65,0,.2,1),opacity .7s ease}.shuffle-tile img{width:100%;height:100%;object-fit:cover}.shuffle-tile .tile-tag{position:absolute;left:14px;bottom:14px;padding:6px 10px;border-radius:999px;background:hsla(0,0%,100%,.85);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font:500 10px var(--mono);letter-spacing:1.4px;color:var(--ink)}.shuffle-label{display:flex;align-items:center;gap:10px;font:500 11px var(--mono);letter-spacing:1.6px;color:var(--muted)}.shuffle-label .dot{width:3px;height:3px;border-radius:2px;background:var(--muted);display:inline-block}.phone-section{padding:0 0 128px}.phone-frame-outer{border-radius:28px;background:var(--card);padding:72px 32px 0;display:flex;justify-content:center;overflow:hidden}.phone-frame{width:100%;max-width:320px;aspect-ratio:320/560;border-radius:48px 48px 0 0;background:var(--ink);padding:12px 12px 0}.phone-screen{width:100%;height:100%;border-radius:38px 38px 0 0;overflow:hidden;background:#fff}.phone-screen img{width:100%;height:100%;object-fit:cover;object-position:top}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:48px 40px;gap:48px 40px;border-top:1px solid var(--line);padding:56px 0 144px}.feature .mono-label{font:500 11px var(--mono);letter-spacing:1.6px;color:var(--muted)}.feature h3{margin:16px 0 0;font-family:var(--display);font-weight:500;font-size:26px;letter-spacing:-.02em;line-height:1.15}.feature p{margin:12px 0 0;font-size:16px;line-height:1.6;color:var(--ink-2);text-wrap:pretty}.detail-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:48px;gap:48px;align-items:center;padding:0 0 144px}.detail-phone-wrap{border-radius:28px;background:var(--card);padding:48px;display:grid;place-items:center;min-height:580px}.detail-phone{width:270px;height:560px;border-radius:40px;background:var(--ink);padding:10px}.detail-phone-screen{width:100%;height:100%;border-radius:32px;overflow:hidden;background:#fff}.detail-phone-screen img{width:100%;height:100%;object-fit:cover;object-position:top}.detail-content{max-width:440px}.detail-content h2{margin:0;font-family:var(--display);font-weight:500;font-size:clamp(32px,3.6vw,44px);line-height:1.05;letter-spacing:-.03em;text-wrap:balance}.detail-content .desc{margin:20px 0 0;font-size:17px;line-height:1.6;color:var(--ink-2);text-wrap:pretty}.detail-stats{margin-top:36px;display:grid;grid-template-columns:repeat(3,auto);grid-gap:36px;gap:36px;justify-content:start}.detail-stats .stat-value{font-family:var(--display);font-weight:500;font-size:28px;letter-spacing:-.02em}.detail-stats .stat-label{margin-top:4px;font:500 10px var(--mono);letter-spacing:1.4px;color:var(--muted)}.final-cta{padding:0 0 128px;text-align:center}.final-cta h2{margin:0 auto;max-width:640px;font-family:var(--display);font-weight:500;font-size:clamp(32px,4vw,52px);line-height:1.02;letter-spacing:-.03em;text-wrap:balance}.final-cta .cta-row{margin-top:36px;display:flex;justify-content:center}.final-cta .cta-btn{background:var(--accent);color:#fff;padding:16px 28px;border-radius:999px;font-size:15px;font-weight:500;transition:transform .25s var(--ease),background .25s var(--ease)}.final-cta .cta-btn:hover{transform:translateY(-1.5px);background:var(--ink)}.lp-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:32px 0 48px;border-top:1px solid var(--line);font-size:14px;color:var(--muted);max-width:var(--max-w);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}.lp-footer .footer-logo{font-family:var(--display);font-weight:600;font-size:18px;letter-spacing:-.02em;color:var(--accent)}.lp-footer .footer-links{display:flex;gap:24px}.lp-footer .footer-links a{color:var(--muted)}.lp-footer .footer-links a:hover{color:var(--ink)}@media (max-width:860px){:root{--pad:24px}.hero{padding:56px 0 80px;gap:40px}.phone-section{padding:0 0 80px}.detail-section,.features,.final-cta{padding-bottom:80px}}@media (max-width:520px){:root{--pad:20px}.detail-section,.hero{grid-template-columns:1fr}.lp-nav .nav-links a:not(.nav-pill){display:none}}