:root{--bg:var(--iw-color-background);--bg-soft:color-mix(in srgb, var(--iw-color-background) 55%, var(--iw-color-surface));--card:#ffffffc2;--card-strong:#ffffffeb;--text:var(--iw-color-main);--muted:var(--iw-color-main-muted);--line:color-mix(in srgb, var(--iw-color-main) 12%, transparent);--accent:var(--iw-color-accent);--accent-soft:color-mix(in srgb, var(--iw-color-accent) 45%, var(--iw-color-surface));--mint:var(--accent-soft);--shadow:0 20px 60px var(--iw-color-shadow);--radius-xl:32px;--radius-lg:24px;--radius-md:18px;--max:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at top left, #ffffffad, transparent 28%), radial-gradient(circle at top right, color-mix(in srgb, var(--iw-color-accent) 28%, transparent), transparent 24%), linear-gradient(135deg, var(--iw-color-background) 0%, var(--bg-soft) 38%, color-mix(in srgb, var(--iw-color-accent) 22%, var(--iw-color-surface)) 100%);margin:0;font-family:Noto Sans JP,sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.page-shell{position:relative;overflow:hidden}.page-shell:before,.page-shell:after{content:"";filter:blur(8px);pointer-events:none;border-radius:999px;position:absolute}.page-shell:before{background:color-mix(in srgb, var(--iw-color-accent) 18%, transparent);width:420px;height:420px;top:-100px;right:-120px}.page-shell:after{background:#9fe6e366;width:360px;height:360px;top:480px;left:-100px}.wrap{width:min(calc(100% - 32px), var(--max));z-index:1;margin:0 auto;position:relative}.hero{grid-template-columns:minmax(0,1.15fr) minmax(360px,420px);align-items:start;gap:56px;padding:48px 0 72px;display:grid}.eyebrow{color:var(--muted);letter-spacing:.03em;background:#fff9;border:1px solid #13204c14;border-radius:999px;align-items:center;gap:10px;margin-bottom:20px;padding:8px 14px;font-size:.88rem;font-weight:700;display:inline-flex}h1,h2,h3,.price,.cta-main,.stat strong{letter-spacing:-.03em;font-family:Space Grotesk,Noto Sans JP,sans-serif}h1{margin:0;font-size:clamp(3rem,6.6vw,5.35rem);line-height:.95}.hero-title-main{white-space:nowrap}.hero-title-sub{color:var(--accent);letter-spacing:.02em;margin-top:14px;font-size:clamp(1.1rem,2.4vw,1.6rem);line-height:1.18;display:block}.hero-copy{color:var(--muted);max-width:56ch;margin:24px 0 0;font-size:1.06rem}.mini-card,.faq-item,.section-panel,.note-link{background:var(--card);backdrop-filter:blur(18px);box-shadow:var(--shadow);border:1px solid #ffffffb3}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:28px;display:flex}.cta-main,.cta-sub{border-radius:999px;justify-content:center;align-items:center;min-height:58px;padding:0 24px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.cta-main{background:linear-gradient(135deg, var(--accent) 0%, color-mix(in srgb, var(--iw-color-accent) 72%, var(--iw-color-surface)) 100%);color:#fff;box-shadow:0 16px 32px #2253df4d}.cta-sub{color:var(--text);background:#ffffffd1;border:1px solid #13204c14}.cta-main:hover,.cta-sub:hover,.note-link:hover{transform:translateY(-2px)}.cta-note{color:var(--muted);margin-top:12px;font-size:.92rem}.hero-visual{align-content:start;gap:18px;display:grid}.cover-card{background:linear-gradient(145deg,#ffffffb8,#fff6);border-radius:0;max-width:420px;margin-left:auto;padding:16px;position:relative;transform:none;box-shadow:0 32px 80px #13204c2e}.cover-card img{border-radius:0;width:100%;box-shadow:0 18px 40px #13204c2e}.floating-price,.floating-badge{background:var(--card-strong);box-shadow:var(--shadow);backdrop-filter:blur(16px);border:1px solid #ffffffb3;border-radius:0;padding:14px 18px;position:static}.hero-meta{grid-template-columns:minmax(0,1.25fr) minmax(180px,220px);align-items:start;gap:22px;max-width:420px;margin-left:auto;display:grid}.floating-badge{max-width:none;box-shadow:none;background:0 0;border:0;padding:0}.floating-price{max-width:none}.hero-price-inline{max-width:420px;margin-top:18px}.price{margin-bottom:6px;font-size:2rem;font-weight:700;line-height:1}.section{padding:0 0 28px}.section-panel{border-radius:var(--radius-xl);margin-bottom:24px;padding:32px}.section-label{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;font-size:.8rem;font-weight:800;display:inline-block}h2{margin:0 0 12px;font-size:clamp(2rem,4vw,3rem);line-height:1.05}.section-intro{color:var(--muted);margin:0}.grid-3,.grid-2{gap:18px;margin-top:24px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-card{border-radius:var(--radius-lg);padding:24px}.mini-card h3{margin:0 0 10px;font-size:1.4rem}.mini-card p,.mini-card li,.faq-item p,.section-panel li{color:var(--muted)}.mini-card ul,.section-panel ul{margin:12px 0 0;padding-left:1.2em}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}.stat{background:#2253df14;border:1px solid #2253df14;border-radius:20px;padding:18px}.stat strong{margin-bottom:4px;font-size:1.7rem;display:block}.content-list{gap:16px;margin-top:24px;display:grid}.content-item{background:#ffffff80;border:1px solid #13204c14;border-radius:22px;padding:20px 22px}.content-item strong{margin-bottom:8px;font-size:1.1rem;display:block}.app-tags{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.app-tags span{min-height:36px;color:var(--text);background:#2253df14;border:1px solid #2253df1a;border-radius:999px;align-items:center;padding:0 14px;font-size:.94rem;font-weight:700;display:inline-flex}.sample-topics{color:#13204ce0;border-top:1px solid #13204c14;margin-top:14px;padding-top:14px;font-size:.95rem;line-height:1.7}.sample-topics strong{letter-spacing:.04em;color:var(--accent);margin-right:6px;font-size:.9rem;display:inline}.sample-topics ul{margin:8px 0 0;padding-left:1.2em}.sample-topics li+li{margin-top:4px}.toc-preview{background:#ffffff9e;border:1px solid #13204c14;border-radius:24px;margin-top:22px;overflow:hidden}.toc-preview summary{cursor:pointer;color:var(--text);justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;font-size:1rem;font-weight:800;list-style:none;display:flex}.toc-preview summary::-webkit-details-marker{display:none}.toc-preview summary:after{content:"＋";color:var(--accent);flex:none;font-size:1.2rem}.toc-preview[open] summary:after{content:"−"}.toc-preview-body{border-top:1px solid #13204c14;padding:0 22px 22px}.toc-preview-intro{color:#13204cd1;margin:16px 0 0;font-size:.95rem;line-height:1.7}.toc-preview-grid{gap:16px;margin-top:18px;display:grid}.toc-preview-card{background:#2253df0d;border:1px solid #2253df14;border-radius:18px;padding:18px 18px 16px}.toc-preview-card h3{margin:0 0 10px;font-size:1rem}.toc-preview-card ul{columns:1;margin:0;padding-left:1.2em;line-height:1.7}.toc-preview-card li{break-inside:avoid}.toc-preview-card li+li{margin-top:4px}@media (width>=768px){.toc-preview-card ul{columns:2;column-gap:28px}}.faq-list{gap:16px;margin-top:24px;display:grid}.faq-item{border-radius:22px;padding:22px 24px}.faq-item h3{margin:0 0 10px;font-size:1.1rem}.note-link{border-radius:24px;gap:10px;margin-top:24px;padding:22px 24px;display:grid}.note-link strong{font-size:1.15rem}.cta-panel{text-align:center;background:linear-gradient(135deg,#2253df1f,#9fe6e32e),#ffffffb8}.cta-panel .price{margin-top:8px}.stripe-button-wrap{justify-content:center;margin-top:28px;display:flex}footer{color:var(--muted);text-align:center;padding:16px 0 40px;font-size:.9rem}@media (width<=980px){.hero,.grid-3,.grid-2,.stats{grid-template-columns:1fr}.hero{padding-top:28px}.cover-card{max-width:none;margin-left:0}.hero-meta{grid-template-columns:1fr;max-width:none;margin-left:0}}@media (width<=640px){.wrap{width:min(calc(100% - 20px), var(--max))}.section-panel,.mini-card,.faq-item,.note-link{padding:22px 18px}.cta-main,.cta-sub{width:100%}.hero{padding-bottom:40px}}