html,body{background:#0b0f1a;color:#e2e8f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;overflow-x:hidden}a{color:inherit}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.landing{background:#0b0f1a;color:#e2e8f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;min-height:100vh;overflow-x:hidden}.btn{display:inline-flex;align-items:center;gap:8px;border-radius:14px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s ease;border:none}.btn-sm{padding:8px 16px;font-size:14px}.btn-large{padding:16px 32px;font-size:16px}.btn-primary{background:#3b7ff5;color:#fff;box-shadow:0 4px 24px #3b7ff559}.btn-primary:hover{background:#2d6edf;transform:translateY(-1px);box-shadow:0 6px 32px #3b7ff573}.btn-ghost{background:#ffffff12;color:#e2e8f0;border:1px solid rgba(255,255,255,.12)}.btn-ghost:hover{background:#ffffff1f}.btn-pro{background:linear-gradient(135deg,#3b7ff5,#1a56db);color:#fff;width:100%;justify-content:center;font-size:18px;padding:18px 32px;border-radius:16px;box-shadow:0 4px 24px #3b7ff566}.btn-pro:hover{transform:translateY(-2px);box-shadow:0 8px 36px #3b7ff580}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#0b0f1ad9;backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.07)}.nav-inner{max-width:1100px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;color:#fff}.nav-logo-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,#3b7ff5,#1a56db);border-radius:10px;font-size:18px;color:#fff}.nav-logo-img{width:36px;height:36px;border-radius:10px;object-fit:cover}.nav-links{display:flex;align-items:center;gap:24px}.nav-links a{color:#94a3b8;text-decoration:none;font-size:15px;transition:color .2s}.nav-links a:hover{color:#fff}.lang-switch{font-size:13px!important;font-weight:600;letter-spacing:.5px;padding:6px 10px;border:1px solid rgba(255,255,255,.12);border-radius:8px}.lang-switch:hover{border-color:#ffffff4d}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:100px 24px 60px;overflow:hidden}.hero-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hero-kanji{position:absolute;font-size:clamp(80px,12vw,180px);font-weight:900;opacity:.03;color:#fff;user-select:none;animation:drift 20s ease-in-out infinite}.k1{top:5%;left:5%;animation-delay:0s}.k2{top:10%;right:10%;animation-delay:-4s}.k3{bottom:20%;left:15%;animation-delay:-8s}.k4{top:50%;right:5%;animation-delay:-12s;font-size:clamp(100px,15vw,220px);opacity:.04}.k5{bottom:5%;right:25%;animation-delay:-16s}@keyframes drift{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(3deg)}}.hero:before{content:"";position:absolute;top:-30%;left:-10%;width:60%;height:80%;background:radial-gradient(ellipse at center,rgba(59,127,245,.12) 0%,transparent 70%);pointer-events:none}.hero-content{position:relative;max-width:1100px;margin:0 auto;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#3b7ff51f;border:1px solid rgba(59,127,245,.3);color:#93c5fd;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:500;margin-bottom:24px}.hero-title{font-size:clamp(40px,5.5vw,68px);font-weight:800;color:#fff;line-height:1.1;margin-bottom:20px;letter-spacing:-1.5px}.hero-logo-icon{display:inline-flex;align-items:center;justify-content:center;width:clamp(56px,8vw,88px);height:clamp(56px,8vw,88px);background:linear-gradient(135deg,#3b7ff5,#1a56db);border-radius:22px;font-size:clamp(28px,4vw,48px);box-shadow:0 8px 32px #3b7ff566}.hero-logo-img{width:clamp(56px,8vw,88px);height:clamp(56px,8vw,88px);border-radius:22px;object-fit:cover;box-shadow:0 8px 32px #0006;flex-shrink:0}.hero-app-icon{margin-bottom:8px}.hero-subtitle{font-size:clamp(18px,2.5vw,22px);color:#cbd5e1;line-height:1.5;margin-bottom:12px}.hero-sub2{font-size:15px;color:#64748b;line-height:1.5;margin-bottom:36px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}.hero-langs{display:flex;gap:20px;font-size:14px;color:#64748b}.hero-langs span{display:flex;align-items:center;gap:6px}.flag{font-size:18px}.carousel{display:flex;flex-direction:column;align-items:center;gap:20px}.carousel-screens{position:relative;height:580px;width:100%;display:flex;align-items:center;justify-content:center}.carousel-item{position:absolute;transition:all .5s cubic-bezier(.4,0,.2,1);opacity:0;transform:scale(.8) translate(60px);z-index:0}.carousel-item.active{opacity:1;transform:scale(1) translate(0);z-index:2}.carousel-item.prev{opacity:.3;transform:scale(.75) translate(-80px);z-index:1}.carousel-item.next{opacity:.3;transform:scale(.75) translate(80px);z-index:1}.phone-frame{width:240px;background:#1a1f2e;border-radius:40px;padding:4px;box-shadow:0 25px 60px #0009,0 0 0 1px #ffffff14;overflow:hidden}.phone-frame img{width:100%;border-radius:36px;display:block}.carousel-dots{display:flex;gap:8px}.dot{width:8px;height:8px;border-radius:50%;background:#fff3;border:none;cursor:pointer;transition:all .2s;padding:0}.dot.active{background:#3b7ff5;width:24px;border-radius:4px}.section{padding:100px 24px}.section-inner{max-width:1100px;margin:0 auto}.section-header{text-align:center;margin-bottom:60px}.section-title{font-size:clamp(28px,4vw,42px);font-weight:700;color:#fff;margin-bottom:12px;letter-spacing:-.5px}.section-sub{font-size:16px;color:#64748b}.features-section{background:linear-gradient(180deg,#0b0f1a,#0d1220)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:24px 28px;transition:all .2s}.feature-card:hover{background:#ffffff0f;border-color:#3b7ff54d;transform:translateY(-2px)}.feature-icon{font-size:32px;margin-bottom:16px;display:block}.feature-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;background:#3b7ff51f;border:1px solid rgba(59,127,245,.2);border-radius:11px;color:#60a5fa}.feature-header{display:flex;align-items:center;gap:14px;margin-bottom:12px}.feature-card h3{font-size:16px;font-weight:600;color:#fff;margin:0}.feature-card p{font-size:14px;color:#64748b;line-height:1.6}.categories-section{background:#0d1220}.categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.category-card{background:var(--card-color, #1a3254);border-radius:20px;padding:28px 24px;display:flex;align-items:center;gap:20px;transition:transform .2s;border:1px solid rgba(255,255,255,.06);overflow:hidden;position:relative}.category-card:hover{transform:translateY(-3px)}.cat-glyph{font-size:52px;font-weight:900;color:#ffffff1f;line-height:1;flex-shrink:0;user-select:none;letter-spacing:-2px}.cat-text{display:flex;flex-direction:column;gap:4px}.cat-name{font-size:17px;font-weight:700;color:#fff}.cat-jp{font-size:13px;color:#ffffff73}.levels-section{background:linear-gradient(180deg,#0d1220,#0b0f1a)}.levels-list{display:flex;flex-direction:column;gap:12px;max-width:700px;margin:0 auto}.level-row{display:flex;align-items:center;gap:16px;padding:20px 24px;border-radius:16px;border:1px solid rgba(255,255,255,.07);background:#ffffff08;transition:all .2s}.level-row:hover{background:#ffffff0d}.level-row.free{border-color:#3b7ff54d;background:#3b7ff512}.level-emoji{font-size:28px;flex-shrink:0}.level-kanji{font-size:28px;font-weight:900;color:#fff3;width:36px;text-align:center;flex-shrink:0;line-height:1}.level-info{flex:1}.level-name{display:block;font-size:18px;font-weight:700;color:#fff}.level-label{display:block;font-size:13px;color:#64748b;margin-top:2px}.level-words{font-size:13px;color:#475569;white-space:nowrap}.badge-free{background:#3b7ff533;color:#93c5fd;border:1px solid rgba(59,127,245,.4);padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600;flex-shrink:0}.badge-pro{background:#eab30826;color:#fbbf24;border:1px solid rgba(234,179,8,.3);padding:4px 12px;border-radius:999px;font-size:12px;font-weight:700;flex-shrink:0}.screenshots-section{background:#0b0f1a}.screenshots-row{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.screenshot-wrap{flex-shrink:0}.phone-frame-sm{width:180px;background:#1a1f2e;border-radius:32px;padding:3px;box-shadow:0 20px 50px #00000080,0 0 0 1px #ffffff12;overflow:hidden;transition:transform .2s}.phone-frame-sm:hover{transform:translateY(-6px)}.phone-frame-sm img{width:100%;border-radius:29px;display:block}.pro-section{background:linear-gradient(180deg,#0b0f1a,#0a0e1c)}.pro-card{max-width:560px;margin:0 auto;text-align:center;background:#ffffff08;border:1px solid rgba(255,255,255,.09);border-radius:28px;padding:48px 40px}.pro-crown{font-size:56px;margin-bottom:20px;display:block}.pro-crown-img{width:180px;height:180px;object-fit:contain;margin-bottom:16px;display:block;margin-left:auto;margin-right:auto}.pro-title{font-size:42px;font-weight:800;color:#fff;margin-bottom:12px}.pro-sub{font-size:16px;color:#64748b;margin-bottom:40px}.pro-features{list-style:none;display:flex;flex-direction:column;gap:16px;text-align:left;margin-bottom:40px}.pro-features li{display:flex;align-items:center;gap:14px;font-size:16px;color:#cbd5e1}.pro-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:#3b7ff526;border-radius:10px;font-size:16px;flex-shrink:0;color:#60a5fa}.pro-price{display:flex;flex-direction:column;gap:12px}.pro-note{font-size:13px;color:#475569}.footer{border-top:1px solid rgba(255,255,255,.07);padding:48px 24px;text-align:center;background:#080b14}.footer-inner{max-width:1100px;margin:0 auto}.footer-logo{display:inline-flex;align-items:center;gap:10px;font-size:24px;font-weight:700;color:#fff;margin-bottom:12px}.footer-tagline{font-size:14px;color:#475569;margin-bottom:8px;line-height:1.8}.footer-flags{font-size:20px;letter-spacing:4px}.footer-copy{font-size:13px;color:#334155}@media(max-width:900px){.hero-content{grid-template-columns:1fr;text-align:center;gap:40px}.hero-actions,.hero-langs,.hero-badge{justify-content:center}.features-grid,.categories-grid{grid-template-columns:repeat(2,1fr)}.nav-links a:not(.btn):not(.lang-switch){display:none}}@media(max-width:600px){.hero{padding:80px 16px 40px}.section{padding:70px 16px}.features-grid{grid-template-columns:1fr}.categories-grid{grid-template-columns:repeat(2,1fr)}.hero-actions{flex-direction:column;align-items:center}.btn-large{width:100%;justify-content:center}.screenshots-row{gap:12px}.phone-frame-sm{width:140px}.pro-card{padding:32px 24px}.carousel-screens{height:480px}.phone-frame{width:200px}}.legal-page{padding:120px 24px 80px;min-height:70vh}.legal-inner{max-width:760px;margin:0 auto}.legal-back{display:inline-block;font-size:14px;color:#94a3b8;text-decoration:none;margin-bottom:32px;transition:color .2s}.legal-back:hover{color:#fff}.legal-title{font-size:clamp(32px,4vw,44px);font-weight:800;color:#fff;letter-spacing:-1px;margin-bottom:12px}.legal-meta{font-size:14px;color:#64748b;margin-bottom:32px}.legal-intro{font-size:17px;color:#cbd5e1;line-height:1.6;margin-bottom:48px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.07)}.legal-section{margin-bottom:40px}.legal-section h2{font-size:20px;font-weight:700;color:#fff;margin-bottom:14px;letter-spacing:-.3px}.legal-section p{font-size:15px;color:#94a3b8;line-height:1.7;margin-bottom:14px}.legal-section p:last-child{margin-bottom:0}.footer-links{display:flex;justify-content:center;gap:24px;margin-bottom:16px}.footer-links a{color:#64748b;text-decoration:none;font-size:14px;transition:color .2s}.footer-links a:hover{color:#cbd5e1}@media(max-width:600px){.legal-page{padding:100px 16px 60px}}