/* Japanese LP presentation: readable type, clear pricing, task-led examples. */
:root { --jp-green:#008852; --jp-ink:#183c31; --jp-muted:#51655c; --jp-line:#d7e6dc; --jp-paper:#f5f9f6; }
.la-site, .jp-creators { font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif; }
.la-site { --la-green:var(--jp-green); --la-green-dark:#007a49; --la-canvas:#fff; background:#fff; }
.la-container, .lf-wrap, .jp-creators .wrap { width:min(1180px,calc(100% - 64px)); }
.la-site h1, .la-site h2, .la-site h3, .jp-creators h1, .jp-creators h2, .jp-creators h3 { word-break:normal; overflow-wrap:anywhere; font-feature-settings:"palt"; }
.la-site p, .jp-creators p { line-break:strict; }
.la-header { background:#fff; border-color:var(--jp-line); }
.la-nav { font-weight:700; }
.la-hero { padding:138px 0 64px; background:linear-gradient(112deg,#fff 44%,#e9f7ee); }
.la-hero__grid { grid-template-columns:minmax(0,1.08fr) minmax(0,1fr); gap:40px; align-items:center; }
.la-hero__audience { display:inline-block; padding:7px 12px; border:1px solid #bedbca; border-radius:5px; background:#fff; font-size:12px; letter-spacing:0; color:#2a684b; margin-bottom:20px; }
.la-hero h1 { font-size:clamp(32px,3.5vw,47px); line-height:1.55; letter-spacing:-.045em; margin-bottom:20px; }
.la-hero h1 em { color:#007f49; }
.la-hero .jp-zero { display:inline; font-family:Arial,sans-serif; font-size:1.6em; line-height:.8; margin-inline:4px; font-weight:800; letter-spacing:-.04em; }
.la-hero__lead { font-size:16px; line-height:1.9; margin-bottom:20px; }
.jp-hero-functions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; padding:0; list-style:none; max-width:445px; margin:0 0 23px; }
.jp-hero-functions li { padding:9px 12px; border-radius:5px; border:1px solid #cae3d3; background:#fff; font-size:13px; font-weight:700; color:#215d3d; }
.jp-hero-functions li::before { content:'✓'; color:#008852; margin-right:8px; }
.la-hero__free { font-size:12px; line-height:1.8; }
.la-button--primary, .la-button--header { background:#008852; border-radius:7px; }
.la-button--primary { box-shadow:0 4px 0 #005f39; }
.la-button--primary:hover { background:#007444; }
.la-hero .la-checkline { font-size:11px; flex-wrap:wrap; gap:14px; margin-top:22px; }
.la-hero__fee-note { font-size:11px; }
.la-product-visual { padding:23px; border-radius:18px; border:1px solid #b8dcc8; background:#e0f2e7; box-shadow:0 24px 55px -36px #104e30; }
.la-product-visual__label { font-size:12px; line-height:1.6; }
.la-product-visual__screen { transform:rotate(-1deg); box-shadow:0 12px 22px -15px #0b3e32; }
.jp-voice-request { position:relative; display:flex; align-items:center; gap:9px; padding:13px; margin:18px -7px 0; border:1px solid #c3ddce; border-radius:12px; background:#fff; box-shadow:0 8px 18px -13px #103c2c; }
.jp-voice-request>span { display:grid; place-items:center; flex:none; width:34px; height:34px; border-radius:50%; background:#dcf4e5; font-size:19px; }
.jp-voice-request p { margin:0; color:#183c31; font-size:13px; font-weight:700; }
.jp-voice-request a { margin-left:auto; flex:none; font-size:10px; color:#007444; font-weight:700; }
.la-draft-preview { width:90%; margin:12px -5px 0 auto; padding:15px 18px; border-radius:12px 0 12px 12px; }
.la-draft-preview p { font-size:13px; }
.la-product-visual figcaption { font-size:10px; }
.jp-summary { border-block:1px solid var(--jp-line); background:#fff; }
.jp-summary>.lf-wrap { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.jp-summary a { display:flex; align-items:center; gap:13px; padding:25px 18px; text-decoration:none; color:var(--jp-ink); border-right:1px solid var(--jp-line); }
.jp-summary a:first-child { padding-left:0; }
.jp-summary a:last-child { border-right:0; padding-right:0; }
.jp-summary a:hover { background:#f4faf6; }
.jp-summary__number { font:700 27px/1 Arial,sans-serif; color:#008852; }
.jp-summary strong { display:block; font-size:14px; }
.jp-summary p { font-size:11px; margin:6px 0 0; color:#53685d; }
.jp-summary a>span:last-child { margin-left:auto; color:#4a7960; }
.lf-section { --lf-green:#007f4c; --lf-ink:#173c30; --lf-muted:#52665b; padding-block:76px; }
.lf-section h2 { font-size:clamp(29px,3.05vw,41px); line-height:1.55; letter-spacing:-.025em; }
.lf-section .lf-eyebrow { font-size:12px; letter-spacing:.02em; margin-bottom:12px; }
.lf-section .lf-lead { font-size:15px; margin-top:16px; line-height:1.9; }
.lf-free { background:#f2f8f4; }
.lf-intro { gap:36px; }
.lf-price { border:2px solid #078955; border-radius:12px; box-shadow:6px 6px 0 #cee8d6; }
.lf-price strong { font-size:82px; }
.lf-points { margin-top:32px; }
.lf-card { padding:23px; border-radius:10px; box-shadow:0 4px 10px -7px #1b563926; }
.lf-card h3 { font-size:20px; }
.lf-card li { font-size:14px; }
.lf-card__head { margin-bottom:12px; }
.lf-card ul { gap:8px; margin-top:16px; }
.lf-badge { font-size:11px; }
.lf-section .lf-note { font-size:12px; line-height:1.8; }
.jp-plan-boundary { margin-top:27px; padding:24px; border:1px solid #cadad0; border-radius:10px; background:#fff; }
.jp-plan-boundary>strong { font-size:14px; }
.jp-plan-boundary>div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:16px; gap:18px; }
.jp-plan-boundary a { display:block; padding-left:13px; border-left:3px solid #8cab97; text-decoration:none; }
.jp-plan-boundary b { display:block; font-size:12px; line-height:1.7; }
.jp-plan-boundary span { display:block; margin-top:5px; font-size:11px; color:#657367; }
.lf-voice { background:radial-gradient(ellipse at top right,#225759,transparent 60%),#132f37; }
.lf-voice h2 { font-size:clamp(30px,3vw,43px); line-height:1.6; }
.lf-voice h2 em { color:#c4edb3; }
.lf-voice__grid { gap:60px; }
.lf-voice__tagline { margin-top:17px!important; }
.lf-voice .lf-lead { font-size:15px; }
.lf-voice__benefits li, .lf-voice__benefits b { font-size:13px; }
.lf-voice-demo { border-radius:16px; background:#f4faf7; }
.lf-conversation__who { font-size:11px; }
.lf-conversation p { font-size:14px; line-height:1.9; }
.lf-wave { height:65px; }
.lf-voice-demo__foot p, .lf-voice-demo figcaption { font-size:11px; }
.lf-voice-demo__head>span { font-size:10px; letter-spacing:0; }
.jp-voice-conditions { margin-top:10px; font-size:12px; color:#cbddd8; }
.jp-voice-conditions summary { padding-block:8px; cursor:pointer; text-underline-offset:4px; }
.jp-voice-conditions p { line-height:1.9; padding-top:7px; }
.jp-studio { background:#fff8ed; }
.jp-studio__grid { display:grid; grid-template-columns:1.08fr 1fr; align-items:center; gap:56px; }
.jp-paid-label { display:inline-block; font-size:11px; color:#75501f; padding:4px 7px; margin-left:9px; background:#f5e5c9; border-radius:4px; }
.jp-studio__steps { display:flex; flex-wrap:wrap; gap:10px 14px; list-style:none; padding:0; margin:26px 0 18px; }
.jp-studio__steps li { display:flex; align-items:center; gap:6px; font-size:12px; font-weight:700; }
.jp-studio__steps b { display:grid; place-items:center; width:23px; height:23px; background:#f3ddbd; border-radius:50%; color:#75501f; }
.jp-studio .lf-button { margin-top:23px; }
.jp-media { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:18px; width:100%; max-width:530px; margin:0 auto; color:#183440; }
.jp-media__phone { min-width:0; overflow:hidden; border:5px solid #fff; border-radius:23px; background:#e4edf2; box-shadow:0 16px 35px -24px #173b46a6,0 0 0 1px #d9e0de; }
.jp-media__phone--video { margin-top:40px; }
.jp-media__head { display:flex; align-items:center; justify-content:space-between; gap:5px; padding:17px 10px 13px; background:#fff; }
.jp-media__head b { font-size:12px; line-height:1.6; }
.jp-media__head>span { font-size:20px; line-height:1; }
.jp-media__body { padding:15px 10px 18px; }
.jp-media__tag { display:block; width:max-content; max-width:100%; padding:4px 8px; margin:0 auto 13px; border-radius:20px; background:#ccdbe3; color:#334f5d; font-size:10px; font-weight:700; }
.jp-media__image { position:relative; border-radius:8px; overflow:hidden; background:#fff; }
.jp-media__image img { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:contain; }
.jp-media .jp-media__bubble { margin:10px 0 0; padding:10px; background:#fff; border-radius:0 11px 11px; font-size:11px; line-height:1.8; }
.jp-media__play { position:absolute; top:55%; left:50%; transform:translate(-50%,-50%); display:grid; place-items:center; padding-left:3px; width:46px; height:46px; border:2px solid #fff; border-radius:50%; color:#fff; background:#163941b3; font-size:18px; }
.jp-media__menu { display:grid; grid-template-columns:1fr 1fr; background:#fff; border-top:1px solid #d4e0e4; font-size:10px; font-weight:700; text-align:center; }
.jp-media__menu span { padding:16px 3px; }
.jp-media__menu span+span { border-left:1px solid #d4e0e4; }
.jp-media figcaption { grid-column:1/-1; font-size:11px; line-height:1.8; color:#586b70; }
.lf-example { border-radius:12px; }
.lf-cost--linsta { background:#e2f6e7; }
.lf-cost__note, .lf-table small { font-size:11px; }
.lf-cost__plan { font-size:12px; }
.jp-free-value { margin-top:40px; padding:34px; border:1px solid #c2decd; border-radius:14px; background:#f0f8f2; color:#173c30; }
.jp-free-value__heading { display:flex; align-items:flex-end; justify-content:space-between; gap:28px; margin-bottom:26px; }
.jp-free-value__eyebrow { font-size:12px; font-weight:700; color:#00794b; margin:0 0 10px; }
.jp-free-value__heading h3 { font-size:clamp(25px,2.5vw,34px); line-height:1.55; letter-spacing:-.02em; margin:0; }
.jp-free-value__heading h3 em { font-style:normal; color:#007f4c; }
.jp-free-value__heading>p { font-size:14px; color:#496153; margin:0; }
.jp-free-value__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.jp-free-value__card { display:flex; flex-direction:column; min-width:0; padding:22px; border:1px solid #d4e3d9; border-radius:9px; background:#fff; }
.jp-free-value__card:nth-child(-n+2) { border-top:3px solid #008852; padding-top:20px; }
.jp-free-value__label { display:flex; align-items:center; gap:8px; font-size:12px; font-weight:700; line-height:1.6; color:#365d48; }
.jp-free-value__icon { display:flex; flex:none; width:22px; color:#008852; }
.jp-free-value__icon svg { display:block; width:22px; height:22px; }
.jp-free-value__label>b { flex:none; margin-left:auto; padding:3px 7px; border-radius:4px; font-size:10px; background:#e3f5e8; color:#006b3f; }
.jp-free-value__card h4 { margin:15px 0 10px; font-size:19px; line-height:1.7; font-weight:800; }
.jp-free-value__card>p { margin:0 0 18px; font-size:13px; line-height:1.9; color:#496153; }
.jp-free-value__example { margin-top:auto; padding:10px 12px; border-left:3px solid #b6d9c2; background:#f5f9f6; font-size:12px; line-height:1.8; font-weight:700; }
.jp-free-value__card>small { display:block; padding-top:12px; font-size:11px; line-height:1.8; color:#596e60; }
.jp-free-value__card a { color:#007347; text-underline-offset:3px; white-space:nowrap; }
.jp-free-value__more { margin-top:23px; padding-top:23px; border-top:1px solid #cbded0; }
.jp-free-value__more>strong { font-size:15px; }
.jp-free-value__more ul { display:flex; flex-wrap:wrap; gap:8px 20px; list-style:none; padding:0; margin:13px 0 0; font-size:13px; }
.jp-free-value__more li::before { content:'✓'; color:#008852; font-weight:700; margin-right:6px; }
.jp-free-value .jp-free-value__terms { margin:20px 0 0; font-size:11px; line-height:1.9; color:#52665b; }
@media(max-width:1050px) {
  .jp-free-value__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .jp-free-value__heading { align-items:flex-start; }
}
@media(max-width:680px) {
  .jp-free-value { padding:22px 18px; margin-top:28px; }
  .jp-free-value__heading { flex-direction:column; gap:13px; margin-bottom:21px; }
  .jp-free-value__heading>p br { display:none; }
  .jp-free-value__grid { grid-template-columns:1fr; gap:12px; }
  .jp-free-value__card { padding:20px; }
  .jp-free-value__card:nth-child(-n+2) { padding-top:18px; }
  .jp-free-value__card h4 { font-size:19px; margin-top:12px; }
  .jp-free-value__card>p { font-size:14px; }
  .jp-free-value__more>strong { font-size:14px; }
}
.la-plan__details summary { font-weight:700; }
.la-plan__lead { font-size:14px; }
.la-screen figcaption p { font-size:14px; }
.jp-creators { --ink:#183440; --green:#08665c; --cream:#f9f7f1; --muted:#52636c; --jp-ink:#183440; --jp-line:#d8e0df; }
.jp-creators .header { background:#fff; }
.jp-creators .header nav { font-weight:700; }
.jp-creators .hero { padding-top:50px; background:linear-gradient(110deg,#fcfaf5 40%,#e8efeb); }
.jp-creators .hero h1 { font-size:clamp(32px,3.2vw,45px); line-height:1.55; letter-spacing:-.025em; }
.jp-creators .hero h1>span { color:#08665c; white-space:normal; }
.jp-creators .hero .eyebrow { font-size:12px; letter-spacing:0; margin-bottom:18px; }
.jp-creators .hero__audience { color:#183440; font-size:16px; margin-top:20px; }
.jp-creators .hero__lead { font-size:14px; line-height:2; margin-top:12px; }
.jp-creators .hero__free { color:#184a46; font-size:13px; }
.jp-creators .hero__free>span { background:#fff; padding:7px 13px; border:1px solid #b9d2c7; font-size:13px; }
.jp-creators .hero__free b { font-size:37px; }
.jp-creators .hero__terms, .jp-creators .hero .fine { font-size:11px; line-height:1.8; }
.jp-creators .button:not(.button--outline) { background:#bf551c; border-color:#bf551c; color:#fff; box-shadow:0 3px 0 #8c3910; border-radius:6px; }
.jp-creators .button:not(.button--outline):hover { background:#a84715; border-color:#a84715; }
.jp-creators .creator-visual__photo { height:490px; border-radius:18px; }
.jp-creators .creator-visual__label { font-size:11px; letter-spacing:0; }
.jp-creators .creator-visual__note { left:-12px; right:15px; border-radius:10px; }
.jp-creators .creator-visual__note b { font-size:14px; }
.jp-creators .creator-visual__note p { font-size:11px; }
.jp-creators .creator-visual>figcaption { font-size:10px; }
.jp-creators .hero__foot>span { font-size:11px; letter-spacing:0; }
.jp-creators .section { padding-block:76px; }
.jp-creators .section-heading h2, .jp-creators .mcp h2, .jp-creators .ai-studio h2 { font-size:clamp(29px,3vw,40px); line-height:1.6; letter-spacing:-.025em; }
.jp-creators .eyebrow, .jp-creators .feature-label { letter-spacing:.02em; font-size:12px; }
.jp-creators .protection { background:#f0f5f4; }
.jp-creators .protection-card { border-top:3px solid #21756a; border-radius:10px; }
.jp-creators .protection-card p { font-size:14px; }
.jp-creators .protection-card .card-detail, .jp-creators .protection-note { font-size:12px; line-height:1.9; }
.jp-creators .plan-tag, .jp-creators .fine { font-size:11px; }
.jp-creators .member-visual__header, .jp-creators .use-case-number { font-size:12px; letter-spacing:0; }
.jp-creators .studio-billing strong { font-size:14px; }
.jp-creators .price-card__intro { font-size:14px; }
.jp-creators .pricing-notes p { font-size:12px; line-height:1.9; }
.jp-creators .price-card--featured { border-color:#08665c; }
.jp-creators .price-card__badge { background:#08665c; }
.jp-creators .faq__list summary { font-size:15px; }
.jp-creators .faq__list p { font-size:14px; line-height:1.9; }
.jp-creators .final { background:#183440; }
.jp-creators .final .eyebrow { color:#c0d9cc; }
.jp-creators .mobile-cta { background:#bf551c; }
@media(max-width:1100px) {
  .la-hero__grid { gap:26px; }
  .la-hero h1 { font-size:34px; }
  .la-hero__lead { font-size:14px; }
  .jp-summary strong { font-size:12px; }
  .jp-summary a { gap:9px; padding:22px 12px; }
  .jp-summary p { font-size:10px; }
  .jp-voice-request { flex-wrap:wrap; }
  .jp-voice-request a { font-size:11px; }
  .lf-voice__grid, .jp-studio__grid { gap:30px; }
  .jp-creators .hero h1 { font-size:35px; }
  .jp-creators .hero__grid { gap:30px; }
  .jp-creators .header__inner { gap:15px; }
}
@media(max-width:820px) {
  .la-container, .lf-wrap, .jp-creators .wrap { width:calc(100% - 40px); }
  .la-hero { padding:108px 0 45px; }
  .la-hero__grid { grid-template-columns:1fr; gap:35px; }
  .la-hero__copy { max-width:600px; }
  .la-hero h1 { font-size:42px; }
  .la-product-visual { max-width:580px; width:100%; margin-inline:auto; }
  .jp-summary>.lf-wrap { grid-template-columns:1fr; }
  .jp-summary a, .jp-summary a:first-child, .jp-summary a:last-child { padding:18px 0; border-right:0; border-bottom:1px solid var(--jp-line); }
  .jp-summary a:last-child { border-bottom:0; }
  .jp-summary strong { font-size:15px; }
  .jp-summary p { font-size:12px; }
  .jp-summary__number { width:35px; }
  .lf-section, .jp-creators .section { padding-block:56px; }
  .lf-voice__grid, .jp-studio__grid { grid-template-columns:1fr; gap:30px; }
  .lf-voice-demo { max-width:560px; width:100%; margin-inline:auto; }
  .jp-plan-boundary>div { grid-template-columns:1fr; }
  .jp-media { max-width:500px; }
  .jp-creators .hero { padding-top:32px; }
  .jp-creators .hero h1 { font-size:42px; }
  .jp-creators .hero__copy { max-width:none; }
  .jp-creators .creator-visual__photo { height:auto; aspect-ratio:1.25; }
}
@media(max-width:520px) {
  .la-hero { padding-top:97px; }
  .la-hero__audience { padding:6px 8px; font-size:10px; }
  .la-hero h1 { font-size:clamp(26px,7.55vw,38px); line-height:1.65; letter-spacing:-.04em; }
  .la-hero__lead { font-size:14px; }
  .jp-hero-functions { gap:7px; margin-bottom:17px; }
  .jp-hero-functions li { font-size:11px; padding:9px 7px; }
  .jp-hero-functions li::before { margin-right:5px; }
  .la-hero__free { font-size:11px; }
  .la-hero .la-checkline { font-size:10px; gap:10px; }
  .la-hero__buttons { gap:17px; }
  .la-product-visual { padding:17px; }
  .la-product-visual__label { font-size:11px; }
  .jp-voice-request { gap:7px; margin-inline:-4px; }
  .jp-voice-request p { font-size:11px; }
  .jp-voice-request a { margin-left:41px; }
  .la-draft-preview { width:96%; padding:13px; }
  .la-draft-preview p { font-size:12px; }
  .lf-section h2 { font-size:clamp(26px,7vw,33px); }
  .lf-section .lf-lead { font-size:14px; }
  .lf-intro { grid-template-columns:1fr; gap:25px; }
  .lf-price { max-width:none; width:100%; padding:17px; }
  .lf-price>div { margin:13px 0; }
  .lf-price strong { font-size:67px; }
  .lf-grid { grid-template-columns:1fr; gap:13px; }
  .lf-card { padding:21px; }
  .lf-card li { font-size:14px; }
  .lf-card h3 { font-size:21px; }
  .lf-section .lf-eyebrow { font-size:11px; }
  .lf-voice h2 { font-size:clamp(25px,6.8vw,33px); }
  .lf-conversation p { font-size:13px; padding:12px; }
  .lf-voice-demo { padding:20px 15px; }
  .lf-voice__badge { margin-left:5px; font-size:9px; }
  .jp-plan-boundary { padding:20px; }
  .jp-paid-label { margin-left:3px; font-size:10px; }
  .jp-media { gap:12px; }
  .jp-media__phone { border-width:4px; border-radius:18px; }
  .jp-media__head { padding:13px 6px 11px; }
  .jp-media__head b { font-size:10px; }
  .jp-media__body { padding:12px 7px; }
  .jp-media .jp-media__bubble { font-size:10px; padding:8px; }
  .jp-media__menu { font-size:9px; }
  .jp-media__tag { padding-inline:6px; font-size:9px; }
  .lf-costs { gap:9px; }
  .lf-cost { padding:12px 9px; }
  .lf-cost strong { font-size:28px; }
  .lf-cost__note { font-size:11px; }
  .jp-creators .hero h1 { font-size:clamp(29px,8vw,38px); line-height:1.55; }
  .jp-creators .hero .eyebrow { font-size:10px; }
  .jp-creators .hero__audience { font-size:14px; }
  .jp-creators .hero__lead { font-size:14px; }
  .jp-creators .hero__free { font-size:12px; gap:10px; }
  .jp-creators .hero__terms { text-align:left; }
  .jp-creators .hero .fine { text-align:left; font-size:11px; }
  .jp-creators .hero__actions .button { font-size:15px; }
  .jp-creators .creator-visual__photo { aspect-ratio:1.1; }
  .jp-creators .creator-visual__note { left:10px; right:10px; }
  .jp-creators .creator-visual__label { font-size:9px; }
  .jp-creators .creator-visual__note b { font-size:11px; }
  .jp-creators .creator-visual__note p { font-size:9px; }
  .jp-creators .hero__foot ul { font-size:11px; }
  .jp-creators .section-heading h2, .jp-creators .mcp h2, .jp-creators .ai-studio h2 { font-size:clamp(25px,7vw,33px); }
  .jp-creators .protection-card h3 { font-size:23px; }
  .jp-creators .section-heading>p { font-size:14px; }
}
@media(prefers-reduced-motion:reduce) { .la-product-visual__screen { transform:none; } }