:root{color-scheme:light;--ink:#111827;--ink-soft:#374151;--muted:#6b7280;--line:#d9dee8;--surface:#fff;--surface-alt:#f4f7fb;--blue:#244f8f;--blue-strong:#173b75;--green:#2f8f6b;--coral:#c95d48;--gold:#c98f2e;--shadow:0 18px 50px #1118271f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--surface-alt);color:var(--ink);text-rendering:optimizelegibility;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.55}img{max-width:100%;height:auto}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:.08em}.skip-link{z-index:100;background:var(--ink);color:#fff;border-radius:8px;padding:.65rem .85rem;position:absolute;top:1rem;left:1rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:20;backdrop-filter:blur(14px);background:#ffffffe6;border-bottom:1px solid #d9dee8cc;justify-content:space-between;align-items:center;gap:1rem;min-height:72px;padding:.75rem clamp(1rem,4vw,4rem);display:flex;position:sticky;top:0}.brand-link,.footer-brand{color:var(--ink);letter-spacing:0;align-items:center;gap:.65rem;font-weight:800;text-decoration:none;display:inline-flex}.brand-link img:not(.brand-logo){border-radius:8px}.brand-logo{object-fit:contain;object-position:left center;border-radius:0;width:192px;height:36px;display:block}.site-nav,.site-footer nav{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:.35rem 1rem;font-weight:650;display:flex}.site-nav a,.site-footer a{text-decoration:none}.site-nav a:hover,.site-footer a:hover{color:var(--blue)}.hero{background-color:#0000;background-image:linear-gradient(90deg,#f4f7fbfa 0%,#f4f7fbe6 38%,#f4f7fb33 76%),url(/images/naitsundoku-hero.webp);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;align-items:center;min-height:min(680px,78svh);padding:clamp(4rem,9vw,7rem) clamp(1rem,4vw,4rem);display:grid;position:relative}.hero:after{content:"";background:#11182714;height:1px;position:absolute;inset:auto 0 0}.hero-content{width:min(760px,100%);position:relative}.eyebrow{color:var(--blue);letter-spacing:.13em;text-transform:uppercase;margin:0 0 1rem;font-size:.78rem;font-weight:800}h1,h2,h3{letter-spacing:0;line-height:1.08}h1{max-width:12ch;margin:0;font-size:clamp(3rem,9vw,6rem)}.app-hero h1{max-width:13ch}h2{margin:0 0 1rem;font-size:clamp(2rem,4vw,3.25rem)}h3{margin:0 0 .55rem;font-size:1.18rem}.lead{max-width:66ch;color:var(--ink-soft);margin:1.2rem 0 0;font-size:clamp(1.08rem,2vw,1.35rem)}.actions{flex-wrap:wrap;gap:.8rem;margin-top:2rem;display:flex}.button{border:1px solid var(--line);min-height:46px;color:var(--ink);background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:.74rem 1rem;font-weight:750;text-decoration:none;display:inline-flex;box-shadow:0 8px 22px #11182714}.button.primary{background:var(--blue);border-color:var(--blue);color:#fff}.button:hover{transform:translateY(-1px)}.section{padding:clamp(3.25rem,7vw,6rem) clamp(1rem,4vw,4rem)}.section.white{background:var(--surface)}.section-header{width:min(860px,100%);margin-bottom:2rem}.section-header.centered{text-align:center;margin-inline:auto}.section-header p{color:var(--muted);margin:0;font-size:1.08rem}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.two-column{grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);align-items:start;gap:clamp(1.25rem,4vw,3rem);display:grid}.card{background:var(--surface);border:1px solid #d9dee8e6;border-radius:8px;min-height:180px;padding:1.35rem;box-shadow:0 8px 30px #1118270f}.white .card{background:var(--surface-alt)}.feature-card{align-content:start;gap:.85rem;display:grid}.feature-card h3,.feature-card p{margin:0}.feature-icon{--feature-accent:var(--blue);width:52px;height:52px;color:var(--feature-accent);background:color-mix(in srgb, var(--feature-accent) 12%, white);border:1px solid color-mix(in srgb, var(--feature-accent) 24%, white);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.feature-icon svg{stroke-width:2px;width:28px;height:28px}.icon-library{--feature-accent:var(--blue)}.icon-sessions{--feature-accent:var(--green)}.icon-reminders{--feature-accent:var(--coral)}.icon-flashcards{--feature-accent:#5b6472}.icon-ai{--feature-accent:#7d55a3}.icon-badges{--feature-accent:var(--gold)}.card p,.legal p,.legal li{color:var(--ink-soft)}.product-strip{background:var(--surface);box-shadow:var(--shadow);border:1px solid #d9dee8e6;border-radius:8px;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:1rem;padding:1.25rem;display:grid}.product-strip img{border-radius:8px;width:112px;height:112px}.product-logo{object-fit:contain}.app-logo{object-fit:contain;filter:drop-shadow(0 14px 24px #1118272e);width:170px;height:170px;margin:0 0 1.15rem;display:block}.metric-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;display:grid}.metric{border:1px solid var(--line);background:#fff;border-radius:8px;padding:1rem}.metric strong{color:var(--blue-strong);font-size:1.55rem;line-height:1;display:block}.metric span{color:var(--muted);margin-top:.35rem;font-size:.92rem;display:block}.legal-link-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;width:min(980px,100%);margin:2rem auto 0;display:grid}.legal-link-card{background:var(--surface);border:1px solid #d9dee8f2;border-radius:8px;gap:.55rem;min-height:168px;padding:1.25rem;text-decoration:none;display:grid;box-shadow:0 12px 30px #1118270f}.legal-link-card strong{color:var(--blue-strong);font-size:1.08rem}.legal-link-card span{color:var(--ink-soft)}.legal-link-card:hover{border-color:#244f8f7a;transform:translateY(-1px)}.plans-section{background:linear-gradient(180deg, #ffffff94, #f4f7fbf0), var(--surface-alt)}.plan-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;width:min(1180px,100%);margin:2.5rem auto 0;display:grid}.plan-card{--plan-accent:var(--blue);border:2px solid var(--plan-accent);background:#fffffff0;border-radius:8px;flex-direction:column;min-height:470px;padding:0 0 1.2rem;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 42px #11182714}.plan-card h3{background:var(--surface-alt);min-width:9ch;color:var(--plan-accent);text-align:center;align-self:center;margin:-.85rem 0 1.1rem;padding:0 .85rem;font-size:clamp(1.35rem,2.5vw,1.7rem);line-height:1.1}.plan-card:before{content:"";background:linear-gradient(90deg, transparent 0 24%, var(--plan-accent) 24% 76%, transparent 76% 100%);height:1.8rem;display:block}.plan-price,.plan-subtitle{text-align:center}.plan-price{min-height:70px;color:var(--ink);margin:0;font-size:.92rem;font-weight:750}.plan-price span{font-size:clamp(2rem,4vw,2.75rem);line-height:1;display:block}.plan-subtitle{min-height:48px;color:var(--muted);margin:.25rem 0 1.2rem;padding:0 1.1rem;font-size:.94rem}.plan-card ul{border-top:1px solid #d9dee8d9;gap:0;margin:0;padding:0;list-style:none;display:grid}.plan-card li{min-height:54px;color:var(--ink-soft);text-align:center;justify-content:center;align-items:center;padding:.78rem 1rem;font-size:.9rem;line-height:1.35;display:flex}.plan-card li:nth-child(odd){background:#1118270a}.plan-card li:nth-child(2n){background:#ffffffb8}.plan-trial{--plan-accent:var(--green)}.plan-free{--plan-accent:#6b7280}.plan-basic{--plan-accent:var(--blue)}.plan-premium{--plan-accent:var(--gold)}.plan-note{width:min(820px,100%);color:var(--muted);text-align:center;margin:1.25rem auto 0;font-size:.95rem}.legal{max-width:920px;margin:0 auto;padding:clamp(3.25rem,7vw,6rem) clamp(1rem,4vw,2rem)}.legal h1{max-width:16ch;font-size:clamp(2.5rem,7vw,4.5rem)}.legal h2{margin-top:2.25rem;font-size:clamp(1.55rem,3vw,2rem)}.legal ul,.legal ol{padding-left:1.2rem}.notice{background:#244f8f14;border:1px solid #244f8f33;border-radius:8px;margin:1.5rem 0;padding:1rem}.contact-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;margin-top:2rem;padding:1.25rem}.site-footer{background:var(--ink);color:#f9fafb;grid-template-columns:minmax(0,1fr) auto;gap:1rem 2rem;padding:2rem clamp(1rem,4vw,4rem);display:grid}.site-footer p,.site-footer nav{color:#f9fafbb8}.site-footer .footer-brand{color:#fff}.copyright{grid-column:1/-1;margin:0;font-size:.9rem}@media (width<=860px){.site-header,.site-footer{align-items:flex-start}.site-header{flex-direction:column}.site-nav{justify-content:space-between;width:100%}.hero{background-color:#0000;background-image:linear-gradient(#f4f7fbf5 0%,#f4f7fbe0 56%,#f4f7fb75 100%),url(/images/naitsundoku-hero.webp);background-position:100%;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:72svh}.grid,.two-column,.legal-link-grid,.plan-grid,.metric-row,.site-footer{grid-template-columns:1fr}.plan-grid{max-width:420px}}@media (width>=861px) and (width<=1120px){.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.site-nav{justify-content:flex-start}.brand-logo{width:168px;height:32px}h1{font-size:clamp(2.65rem,16vw,4rem)}.product-strip{grid-template-columns:1fr}.product-strip img,.app-logo{width:132px;height:132px}}