.landing-page{--green-950:#0a1f0a;--green-900:#132b13;--green-800:#1a3a1a;--green-700:#2d5a2d;--green-500:#52b788;--green-400:#74c69d;--green-300:#a0d4a0;--green-100:#d8f3dc;--green-50:#f0faf0;--neutral-950:#0a0a0f;--neutral-900:#131318;--neutral-800:#1e1e28;--neutral-700:#2a2a38;--neutral-600:#444;--neutral-500:#666;--neutral-400:#888;--neutral-300:#aaa;--neutral-200:#ddd;--neutral-100:#f0f0f0;--neutral-50:#f8f8fa;--red-500:#ef4444;--red-100:#fce4ec;--blue-500:#3b82f6;--blue-100:#e3f2fd;--amber-500:#f59e0b;--amber-100:#fff3e0;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--sp-24:96px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:24px;--t-fast:.15s ease;--t-normal:.3s ease;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 12px 32px #0000001f;font-family:var(--font-sans);color:var(--neutral-950);background:var(--neutral-50);-webkit-font-smoothing:antialiased;line-height:1.6}.landing-page a{color:inherit;text-decoration:none}.landing-page button{cursor:pointer;font-family:inherit}@media (prefers-reduced-motion:reduce){.landing-page *,.landing-page :before,.landing-page :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.landing-page .l-container{max-width:1120px;padding:0 var(--sp-6);margin:0 auto}.landing-page .l-nav{z-index:30;-webkit-backdrop-filter:blur(16px);background:#0a1f0af2;border-bottom:1px solid #ffffff0f;position:fixed;top:0;left:0;right:0}.landing-page .nav-inner{max-width:1120px;padding:0 var(--sp-6);justify-content:space-between;align-items:center;height:64px;margin:0 auto;display:flex}.landing-page .nav-logo{letter-spacing:-.5px;color:#fff;font-size:22px;font-weight:800}.landing-page .nav-logo span{color:var(--green-400)}.landing-page .nav-links{gap:var(--sp-8);align-items:center;display:flex}.landing-page .nav-links a{color:#fff9;transition:color var(--t-fast);font-size:14px;font-weight:500}.landing-page .nav-links a:hover{color:#fff}.landing-page .nav-cta{padding:var(--sp-2) var(--sp-5);border-radius:var(--r-md);transition:background var(--t-fast);background:var(--green-500)!important;color:var(--green-950)!important;font-weight:600!important}.landing-page .nav-cta:hover{background:var(--green-400)!important}.landing-page .hero{background:linear-gradient(170deg, var(--green-950) 0%, var(--green-900) 50%, var(--green-800) 100%);padding:160px 0 var(--sp-20);position:relative;overflow:hidden}.landing-page .hero:before{content:"";background:radial-gradient(600px 400px at 20%,#52b78814,#0000),radial-gradient(400px 300px at 80% 30%,#52b7880d,#0000);position:absolute;inset:0}.landing-page .hero .l-container{z-index:1;position:relative}.landing-page .hero-grid{gap:var(--sp-16);grid-template-columns:1fr 1fr;align-items:center;display:grid}.landing-page .hero-text{max-width:520px}.landing-page .hero-badge{align-items:center;gap:var(--sp-2);color:var(--green-400);padding:var(--sp-1) var(--sp-4);margin-bottom:var(--sp-6);background:#52b7881f;border:1px solid #52b78833;border-radius:100px;font-size:13px;font-weight:600;display:inline-flex}.landing-page .hero h1{letter-spacing:-1.5px;color:#fff;margin-bottom:var(--sp-5);font-size:clamp(36px,5vw,52px);font-weight:800;line-height:1.08}.landing-page .hero h1 em{color:var(--green-400);font-style:normal}.landing-page .hero-desc{color:#ffffff8c;margin-bottom:var(--sp-8);font-size:17px;line-height:1.6}.landing-page .hero-actions{gap:var(--sp-4);flex-wrap:wrap;display:flex}.landing-page .btn-app{align-items:center;gap:var(--sp-2);color:var(--neutral-950);padding:14px var(--sp-6);border-radius:var(--r-md);transition:transform var(--t-fast), box-shadow var(--t-fast);background:#fff;font-size:15px;font-weight:600;display:inline-flex}.landing-page .btn-app:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.landing-page .btn-app svg{width:20px;height:20px}.landing-page .btn-ghost{align-items:center;gap:var(--sp-2);color:#ffffffb3;padding:14px var(--sp-6);border-radius:var(--r-md);transition:border-color var(--t-fast), color var(--t-fast);border:1px solid #ffffff26;font-size:15px;font-weight:500;display:inline-flex}.landing-page .btn-ghost:hover{color:#fff;border-color:#ffffff4d}.landing-page .hero-sub{margin-top:var(--sp-4);color:#ffffff59;font-size:13px}.landing-page .hero-visual{justify-content:center;align-items:center;display:flex}.landing-page .table-sim{aspect-ratio:4/3;background:radial-gradient(#1a4a2e 0%,#0f2d18 80%);border:3px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:100%;max-width:440px;display:flex;position:relative;box-shadow:0 0 60px #52b7881a,inset 0 0 40px #0000004d}.landing-page .table-label{color:#ffffff1f;letter-spacing:6px;text-transform:uppercase;font-size:14px;font-weight:700}.landing-page .tell-bubble{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--r-sm);padding:var(--sp-2) var(--sp-3);color:#fffc;white-space:nowrap;background:#0009;border:1px solid #ffffff1a;font-size:12px;font-weight:500;animation:4s ease-in-out infinite landing-float;position:absolute}.landing-page .tell-bubble .tell-type{font-family:var(--font-mono);margin-bottom:2px;font-size:10px;font-weight:500;display:block}.landing-page .tell-bubble.timing{border-color:#3b82f64d}.landing-page .tell-bubble.timing .tell-type{color:var(--blue-500)}.landing-page .tell-bubble.speech{border-color:#ef44444d}.landing-page .tell-bubble.speech .tell-type{color:var(--red-500)}.landing-page .tell-bubble.betting{border-color:#f59e0b4d}.landing-page .tell-bubble.betting .tell-type{color:var(--amber-500)}.landing-page .tb-1{animation-delay:0s;top:8%;left:-10%}.landing-page .tb-2{animation-delay:1.5s;top:20%;right:-14%}.landing-page .tb-3{animation-delay:3s;bottom:15%;left:5%}@keyframes landing-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.landing-page .tells{background:var(--neutral-50);padding:var(--sp-20) 0}.landing-page .section-label{text-transform:uppercase;letter-spacing:2px;color:var(--green-500);margin-bottom:var(--sp-3);font-size:13px;font-weight:600}.landing-page .section-title{letter-spacing:-.5px;margin-bottom:var(--sp-4);font-size:clamp(28px,3.5vw,38px);font-weight:800;line-height:1.15}.landing-page .section-desc{color:var(--neutral-500);max-width:480px;margin-bottom:var(--sp-12);font-size:16px}.landing-page .tells-grid{gap:var(--sp-5);grid-template-columns:repeat(3,1fr);display:grid}.landing-page .tell-card{border:1px solid var(--neutral-200);border-radius:var(--r-lg);padding:var(--sp-8);transition:box-shadow var(--t-normal), border-color var(--t-normal);background:#fff}.landing-page .tell-card:hover{box-shadow:var(--shadow-md);border-color:#0000}.landing-page .tell-card-icon{border-radius:var(--r-md);width:48px;height:48px;margin-bottom:var(--sp-5);justify-content:center;align-items:center;display:flex}.landing-page .tell-card-icon svg{width:24px;height:24px}.landing-page .tell-card-icon.timing{background:var(--blue-100);color:var(--blue-500)}.landing-page .tell-card-icon.speech{background:var(--red-100);color:var(--red-500)}.landing-page .tell-card-icon.betting{background:var(--amber-100);color:var(--amber-500)}.landing-page .tell-card h3{margin-bottom:var(--sp-2);font-size:18px;font-weight:700}.landing-page .tell-card p{color:var(--neutral-500);margin-bottom:var(--sp-4);font-size:14px;line-height:1.5}.landing-page .tell-example{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-sm);font-size:13px;font-style:italic;line-height:1.5}.landing-page .timing .tell-example{background:var(--blue-100);color:#1565c0;border-left:3px solid var(--blue-500)}.landing-page .speech .tell-example{background:var(--red-100);color:#c62828;border-left:3px solid var(--red-500)}.landing-page .betting .tell-example{background:var(--amber-100);color:#e65100;border-left:3px solid var(--amber-500)}.landing-page .features{padding:var(--sp-20) 0;background:#fff}.landing-page .features-grid{gap:var(--sp-5);grid-template-columns:repeat(3,1fr);display:grid}.landing-page .feat-card{padding:var(--sp-6);border:1px solid var(--neutral-200);border-radius:var(--r-lg);transition:box-shadow var(--t-normal)}.landing-page .feat-card:hover{box-shadow:var(--shadow-md)}.landing-page .feat-icon{background:var(--green-100);border-radius:var(--r-md);width:44px;height:44px;margin-bottom:var(--sp-4);justify-content:center;align-items:center;display:flex}.landing-page .feat-icon svg{width:22px;height:22px;color:var(--green-700)}.landing-page .feat-card h3{margin-bottom:var(--sp-1);font-size:16px;font-weight:700}.landing-page .feat-card p{color:var(--neutral-500);font-size:14px;line-height:1.5}.landing-page .characters{background:var(--green-950);padding:var(--sp-20) 0;color:#fff}.landing-page .characters .section-label{color:var(--green-400)}.landing-page .characters .section-title{color:#fff}.landing-page .characters .section-desc{color:#ffffff73}.landing-page .tier-section{margin-bottom:var(--sp-10)}.landing-page .tier-section:last-child{margin-bottom:0}.landing-page .tier-header{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);display:flex}.landing-page .tier-badge{text-transform:uppercase;letter-spacing:1.5px;padding:var(--sp-1) var(--sp-3);border-radius:4px;font-size:11px;font-weight:700}.landing-page .tier-tutorial .tier-badge{color:#93bbfc;background:#3b82f626}.landing-page .tier-rookie .tier-badge{color:#86efac;background:#22c55e26}.landing-page .tier-regular .tier-badge{color:#fcd34d;background:#f59e0b26}.landing-page .tier-expert .tier-badge{color:#fca5a5;background:#ef444426}.landing-page .tier-line{background:#ffffff14;flex:1;height:1px}.landing-page .char-grid{gap:var(--sp-3);grid-template-columns:repeat(4,1fr);display:grid}.landing-page .char-card{border-radius:var(--r-md);padding:var(--sp-5);transition:background var(--t-normal), border-color var(--t-normal);background:#ffffff0a;border:1px solid #ffffff0f}.landing-page .char-card:hover{background:#ffffff14;border-color:#ffffff1f}.landing-page .char-shape{width:48px;height:48px;margin-bottom:var(--sp-3);position:relative}.landing-page .char-shape-inner{color:#ffffffe6;border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;font-size:18px;font-weight:800;display:flex;position:relative;overflow:hidden}.landing-page .shape-aggressive .char-shape-inner{border-radius:12px 4px}.landing-page .shape-cautious .char-shape-inner{border-radius:50%}.landing-page .shape-analytical .char-shape-inner{border-radius:4px}.landing-page .shape-chaotic .char-shape-inner{border-radius:24px 8px;transform:rotate(5deg)}.landing-page .shape-cold .char-shape-inner{border-radius:2px}.landing-page .shape-steady .char-shape-inner{border-radius:8px}.landing-page .shape-wild .char-shape-inner{border-radius:50% 12px;transform:rotate(-3deg)}.landing-page .shape-boss .char-shape-inner{border-radius:50%;box-shadow:0 0 0 2px #ffffff26,0 0 0 5px #ffffff0d}.landing-page .char-card h4{color:#fff;margin-bottom:2px;font-size:15px;font-weight:700}.landing-page .char-card .char-desc{color:#fff6;margin-bottom:var(--sp-3);font-size:12px;line-height:1.4}.landing-page .char-tags{gap:var(--sp-1);flex-wrap:wrap;display:flex}.landing-page .char-tag{letter-spacing:.3px;border-radius:3px;padding:2px 8px;font-size:10px;font-weight:600}.landing-page .tag-t{color:#93bbfc;background:#3b82f626}.landing-page .tag-s{color:#fca5a5;background:#ef444426}.landing-page .tag-b{color:#fcd34d;background:#f59e0b26}.landing-page .tag-all{color:var(--green-400);background:#52b78826}.landing-page .pricing{background:var(--neutral-50);padding:var(--sp-20) 0}.landing-page .pricing .section-title,.landing-page .pricing .section-desc{text-align:center}.landing-page .pricing .section-desc{margin-left:auto;margin-right:auto}.landing-page .pricing-grid{gap:var(--sp-5);grid-template-columns:repeat(2,1fr);max-width:680px;margin:0 auto;display:grid}.landing-page .price-card{border:1.5px solid var(--neutral-200);border-radius:var(--r-lg);padding:var(--sp-8);background:#fff}.landing-page .price-card.featured{border-color:var(--green-500);box-shadow:0 0 0 1px var(--green-500), var(--shadow-md);position:relative}.landing-page .price-card.featured:before{content:"Best Value";background:var(--green-500);color:var(--green-950);padding:3px var(--sp-4);letter-spacing:.5px;border-radius:100px;font-size:11px;font-weight:700;position:absolute;top:-11px;left:50%;transform:translate(-50%)}.landing-page .price-card h3{margin-bottom:var(--sp-1);font-size:18px;font-weight:700}.landing-page .price-tag{color:var(--neutral-400);margin-bottom:var(--sp-5);font-size:13px}.landing-page .price-amount{letter-spacing:-1.5px;margin-bottom:2px;font-size:40px;font-weight:800}.landing-page .price-amount span{color:var(--neutral-400);letter-spacing:0;font-size:16px;font-weight:400}.landing-page .price-period{color:var(--neutral-400);margin-bottom:var(--sp-6);font-size:13px}.landing-page .price-features{margin-bottom:var(--sp-6);padding:0;list-style:none}.landing-page .price-features li{color:var(--neutral-600);padding:var(--sp-2) 0;align-items:center;gap:var(--sp-2);font-size:14px;display:flex}.landing-page .price-features li svg{width:16px;height:16px;color:var(--green-500);flex-shrink:0}.landing-page .price-btn{text-align:center;width:100%;padding:var(--sp-3);border-radius:var(--r-md);transition:all var(--t-fast);border:none;font-size:14px;font-weight:600;display:block}.landing-page .price-btn-outline{border:1.5px solid var(--neutral-200);color:var(--neutral-950);background:0 0}.landing-page .price-btn-outline:hover{border-color:var(--neutral-400)}.landing-page .price-btn-fill{background:var(--green-500);color:var(--green-950)}.landing-page .price-btn-fill:hover{background:var(--green-400)}.landing-page .faq{padding:var(--sp-20) 0;background:#fff}.landing-page .faq .section-title{text-align:center}.landing-page .faq-list{max-width:640px;margin:var(--sp-12) auto 0}.landing-page .faq-item{border-bottom:1px solid var(--neutral-200)}.landing-page .faq-q{width:100%;padding:var(--sp-5) 0;color:var(--neutral-950);text-align:left;justify-content:space-between;align-items:center;gap:var(--sp-4);background:0 0;border:none;font-size:15px;font-weight:600;display:flex}.landing-page .faq-q svg{width:18px;height:18px;color:var(--neutral-400);transition:transform var(--t-fast);flex-shrink:0}.landing-page .faq-item.open .faq-q svg{transform:rotate(180deg)}.landing-page .faq-a{max-height:0;transition:max-height var(--t-normal);overflow:hidden}.landing-page .faq-a-inner{padding:0 0 var(--sp-5);color:var(--neutral-500);font-size:14px;line-height:1.7}.landing-page .faq-item.open .faq-a{max-height:300px}.landing-page .l-cta{background:linear-gradient(170deg, var(--green-900), var(--green-950));padding:var(--sp-24) 0;text-align:center;position:relative;overflow:hidden}.landing-page .l-cta:before{content:"";background:radial-gradient(500px 300px,#52b78814,#0000);position:absolute;inset:0}.landing-page .l-cta .l-container{z-index:1;position:relative}.landing-page .l-cta h2{color:#fff;margin-bottom:var(--sp-4);letter-spacing:-.5px;font-size:clamp(28px,4vw,42px);font-weight:800}.landing-page .l-cta p{color:#ffffff73;margin-bottom:var(--sp-8);font-size:16px}.landing-page .l-cta .btn-app{background:var(--green-500);color:var(--green-950)}.landing-page .l-cta .btn-app:hover{background:var(--green-400)}.landing-page .l-footer{background:var(--green-950);padding:var(--sp-8) 0;text-align:center;border-top:1px solid #ffffff0d}.landing-page .footer-links{gap:var(--sp-6);margin-bottom:var(--sp-3);justify-content:center;display:flex}.landing-page .footer-links a{color:#ffffff59;font-size:13px}.landing-page .footer-links a:hover{color:#fff9}.landing-page .l-footer p{color:#fff3;font-size:12px}@media (max-width:768px){.landing-page .hero{padding:120px 0 var(--sp-16)}.landing-page .hero-grid{gap:var(--sp-10);grid-template-columns:1fr}.landing-page .hero-visual,.landing-page .nav-links a:not(.nav-cta){display:none}.landing-page .tells-grid,.landing-page .features-grid{grid-template-columns:1fr}.landing-page .char-grid{grid-template-columns:repeat(2,1fr)}.landing-page .pricing-grid{grid-template-columns:1fr;max-width:360px}}@media (max-width:480px){.landing-page .char-grid{gap:var(--sp-2);grid-template-columns:1fr 1fr}.landing-page .char-card{padding:var(--sp-4)}}