/*
Theme Name: Zero Kara Investment Academy
Author: ANNA Advisors
Description: ゼロから投資アカデミー専用LP。SP主軸・最大幅760pxの1カラム。外観→カスタマイズから編集。
Version: 0.8.0
Requires at least: 6.6
Requires PHP: 8.0
Text Domain: zero-kara
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
:root{--ink:#171916;--muted:#676a62;--yellow:#f7df48;--paper:#fff;--cream:#f8f7f0;--line:#dedfd7;--green:#087e40;--pad:clamp(24px,6.4vw,64px)}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:24px}body{margin:0;background:#eaece6;color:var(--ink);font-family:'Noto Sans CJK JP','Noto Sans JP','Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;font-size:16px;line-height:1.95;overflow-wrap:anywhere}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;height:auto}figure{margin:0}p{margin:0 0 20px}h1,h2,h3,h4{margin:0;line-height:1.6;font-weight:800;letter-spacing:-.035em}h2{font-size:clamp(25px,4.6vw,35px);margin-bottom:30px}h3{font-size:23px}h4{font-size:17px}small{font-size:11px}mark{color:inherit;background:linear-gradient(transparent 55%,var(--yellow) 55%)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #107b58;outline-offset:5px}.skip{position:fixed;top:-100px;left:15px;background:#fff;padding:12px;z-index:99}.skip:focus{top:12px}.site-shell{width:100%;max-width:760px;margin:32px auto;background:var(--paper);position:relative;box-shadow:0 8px 80px #1723150b}.ambient{position:fixed;inset:0;pointer-events:none;overflow:hidden}.ambient>span{position:absolute;top:120px;left:3vw;line-height:.95;font-family:Arial,sans-serif;font-size:clamp(70px,8vw,140px);letter-spacing:-.08em;font-weight:900;color:#d8dcd2}.ambient b{color:#b5bba9}.ambient small{position:absolute;right:3vw;top:180px;writing-mode:vertical-rl;font-size:11px;letter-spacing:.28em;color:#727a68}.draft-banner{padding:8px 16px;background:#1a1c18;color:#fff;font:10px/1.6 Arial,sans-serif;letter-spacing:.15em;display:flex;gap:14px;justify-content:center}.draft-banner span{font-family:inherit;letter-spacing:0;color:#dedfd7}.site-header{padding:18px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:16px}.brand{display:block;width:172px;flex-shrink:0}.brand img{width:100%;max-height:82px;object-fit:contain}.header-link{font-size:12px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:4px}.header-link span{margin-left:14px}.hero-media{margin:24px 24px 0;aspect-ratio:1.7!important}.hero-copy{padding:32px var(--pad) 34px;text-align:center}.eyebrow{font-size:12px;letter-spacing:.05em;font-weight:700;color:#736017}.hero h1{font-size:clamp(27px,5.25vw,42px);line-height:1.6;letter-spacing:-.055em}.hero-lead{font-size:clamp(15px,2.8vw,20px);font-weight:700;margin:24px 0 16px}.hero-tagline{font-size:clamp(19px,3.3vw,26px);font-weight:800;margin-bottom:12px}.hero-description{font-size:13px;margin-bottom:26px}.cta{width:100%;min-height:66px;background:var(--green);color:#fff;border:0;border-radius:2px;display:flex;gap:12px;align-items:center;justify-content:center;font-weight:700;font-size:clamp(13px,2.7vw,17px);padding:18px 14px;line-height:1.5;transition:background .2s,transform .2s}.cta[href]:hover{background:#066332;transform:translateY(-2px)}.cta:disabled{cursor:not-allowed}.line-icon{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:var(--green);font:800 9px/1 Arial,sans-serif;border-radius:50%;width:30px;height:25px;flex-shrink:0}.cta>span:last-child{font-size:21px;margin-left:4px}.fine-print{font-size:11px;color:var(--muted);margin-top:10px}.scroll-cue{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:30px;letter-spacing:.18em;font:10px/1.5 Arial,sans-serif}.scroll-cue span{font-size:22px}.section{padding:64px var(--pad);border-top:1px solid var(--line)}.section-kicker{display:flex;align-items:center;gap:12px;margin-bottom:24px;font:700 12px/1.5 Arial,sans-serif;letter-spacing:.12em}.section-kicker>span:first-child{background:var(--yellow);width:32px;height:32px;display:grid;place-items:center;letter-spacing:0}.section-kicker>span:last-child{max-width:calc(100% - 44px)}.section>p{font-size:15px}.section-empathy,.section-about,.section-themes,.section-for-you{background:var(--cream)}.media{aspect-ratio:1.85;overflow:hidden;background:#edeee8;margin-bottom:24px;position:relative}.media img{width:100%;height:100%;object-fit:cover}.placeholder{background:linear-gradient(125deg,#ebece4 0%,#f5f3e7 65%,#e5e7db 100%);display:grid;place-items:center;min-height:140px}.placeholder:before{content:'';width:70%;height:160%;position:absolute;right:-28%;top:-30%;border:1px solid #b8bea5;transform:rotate(32deg)}.placeholder:after{content:'';position:absolute;inset:14px;border:1px solid #ffffff90;pointer-events:none}.placeholder-symbol{position:absolute;font:400 clamp(120px,30vw,230px)/1 Georgia,serif;letter-spacing:-.1em;left:7%;top:-8%;color:#b7bda12e}.placeholder-symbol>span{font-family:Arial,sans-serif;font-size:.55em;position:absolute;bottom:15%;left:50%}.placeholder figcaption{text-align:center;z-index:1;padding:22px}.placeholder figcaption>span{display:block;font:10px/1.6 Arial,sans-serif;letter-spacing:.15em;color:#68705b;margin-bottom:8px}.placeholder figcaption>strong{display:block;font-size:13px;font-weight:500;color:#424b38}.statement{padding:12px 0 12px 22px;border-left:4px solid var(--yellow);font-size:clamp(19px,3.4vw,25px)!important;line-height:1.9;font-weight:800;margin:32px 0 0}.section-problem .statement,.section-final .statement,.section-membership .statement{text-align:center;border:0;padding:8px 0}.check-list{list-style:none;padding:22px 24px;margin:24px 0;background:#fff;border:1px solid var(--line)}.check-list li{position:relative;padding-left:26px;font-size:15px;line-height:1.85;margin:10px 0}.check-list li:before{content:'✓';position:absolute;left:0;color:#857000;font-weight:800}.negative li:before{content:'×';color:#81867c}.video-placeholder{aspect-ratio:16/9;background:#22251f;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:20px}.play-mark{height:62px;width:62px;display:grid;place-items:center;border:1px solid #fbdf49;border-radius:50%;color:var(--yellow);padding-left:3px;font-size:22px}.video-placeholder strong{font-size:16px}.video-placeholder small{color:#c3c7bb}.video-frame{aspect-ratio:16/9;background:#111}.video-frame iframe{height:100%;width:100%;border:0}.media-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.media-pair .media{aspect-ratio:1.1;min-height:0}.media-pair .placeholder figcaption{padding:14px}.compare-card{padding:26px;background:#f4f4f0;border:1px solid var(--line)}.compare-card h3{display:inline-block;font:700 12px/1.4 Arial,sans-serif;letter-spacing:.1em;background:#22251f;color:#fff;padding:7px 12px}.compare-card .check-list{background:none;border:0;padding:0;margin-bottom:0}.compare-card.after{background:#fffbe2;border-color:#e3c534}.compare-card.after h3{background:var(--yellow);color:var(--ink)}.compare-arrow{text-align:center;font-size:30px;padding:12px;color:#818576}.founder-name{margin:0 0 20px}.profile{border-top:1px solid var(--line);padding-top:24px}.profile p{margin-top:8px}.pending{font-size:13px!important;color:#676a62;border-left:2px solid #bbc0ad;padding-left:14px}.outline-card,.guest-card{border:1px solid var(--ink);padding:26px;margin-top:24px}.outline-card .media,.guest-card .media{margin-top:0}.outline-card blockquote{margin:20px 0;font-size:21px;font-weight:700}.muted{color:var(--muted);font-size:13px!important}.service-card{padding:28px;border:1px solid var(--ink);margin-top:24px}.service-number{display:flex;align-items:center;gap:16px;margin-bottom:22px}.service-number b{font:700 44px/1 Arial,sans-serif;letter-spacing:-.06em}.service-number>span{font:700 12px/1.5 Arial,sans-serif;letter-spacing:.05em;background:var(--yellow);padding:7px 10px}.service-card h3{margin-bottom:14px}.service-card p,.guest-card p{font-size:15px}.service-card p:last-child,.guest-card p:last-child{margin-bottom:0}.date-tag{display:inline-block;background:var(--yellow);font:700 16px/1.5 Arial,sans-serif!important;padding:7px 12px;margin-bottom:15px}.guest-card h3{margin-bottom:8px}.guest-card h4{margin-top:22px;margin-bottom:8px}.gallery .media{margin-bottom:0}.not-for{background:#f0f1eb;padding:24px;margin-top:26px}.not-for h3{font-size:17px}.not-for .check-list{padding:0;background:none;border:0;margin-bottom:0}.steps{list-style:none;padding:0;margin:30px 0 0}.steps li{border-left:4px solid var(--yellow);padding-left:22px;margin:0 0 30px}.steps li:last-child{margin-bottom:0}.steps h3{margin:4px 0 10px}.steps p{font-size:15px}.section-membership{background:#fffbe6}.section-plan{background:#1b1e18;color:#fff}.section-plan .section-kicker{color:#fff}.section-plan .section-kicker>span:first-child{color:#171916}.price-card{padding:32px;background:#fff;color:var(--ink);margin-top:24px;position:relative}.price-card.recommended{border:3px solid var(--yellow);padding:29px}.recommended-tag{display:inline-block;background:var(--yellow);font:700 10px/1.5 Arial,sans-serif;letter-spacing:.1em;padding:7px 12px;margin-bottom:20px}.price-card h3{font-size:21px;margin-bottom:12px}.price{font:700 clamp(36px,7vw,54px)/1.4 Arial,sans-serif;letter-spacing:-.04em;margin:0 0 12px;white-space:nowrap}.price>span{font-family:inherit;font-size:12px;letter-spacing:0}.monthly-equivalent{font-size:15px}.monthly-equivalent b{font-size:21px}.discount{font-size:13px}.discount s{color:var(--muted);font-size:12px}.discount strong{font-size:18px}.price-card .cta{margin-top:22px}.faq{border-bottom:1px solid var(--line)}.faq:first-of-type{border-top:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;display:flex;align-items:baseline;gap:12px;padding:24px 0;font-size:16px;font-weight:700;line-height:1.7}.faq summary::-webkit-details-marker{display:none}.faq summary>span:first-child{color:#8e7600;font-family:Arial,sans-serif}.faq-toggle{margin-left:auto;flex-shrink:0;font-size:23px;font-weight:400}.faq[open] .faq-toggle{transform:rotate(45deg)}.faq-answer{display:flex;gap:12px;font-size:14px;padding:0 0 16px}.faq-answer>span{font-family:Arial,sans-serif;font-weight:700}.faq-answer p{margin-bottom:10px}.section-final{background:#fffdf0;text-align:center}.section-final .section-kicker{justify-content:center}.section-final h2{font-size:clamp(22px,4vw,30px)}.section-final .cta{margin-top:28px}.site-footer{padding:42px var(--pad);position:relative;border-top:1px solid var(--line)}.footer-brand{font-size:16px;font-weight:800}.site-footer nav{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px;font-size:11px}.site-footer nav a{text-decoration:underline}.site-footer small{display:block;color:var(--muted);margin-top:20px}.site-footer p{font-size:12px;margin:15px 0 0}.back-top{position:absolute;right:28px;bottom:32px;font-size:24px}.prose h1{font-size:30px}.prose a{text-decoration:underline}.prose iframe{max-width:100%}
@media(max-width:800px){.site-shell{margin:0 auto}.ambient{display:none}}
@media(max-width:480px){.site-header{padding:14px 20px}.brand{width:138px}.header-link{font-size:10px}.header-link span{margin-left:6px}.draft-banner{font-size:9px;gap:9px}.hero-media{margin:16px 16px 0;aspect-ratio:1.45!important}.hero-copy{padding-top:26px}.hero .eyebrow{font-size:10px;letter-spacing:0}.section{padding-top:48px;padding-bottom:48px}.section-kicker{font-size:10px;margin-bottom:20px}h2{font-size:25px}h3{font-size:21px}.section>p,.check-list li{font-size:14px}.service-card,.guest-card,.outline-card{padding:20px}.service-number b{font-size:38px}.service-number>span{font-size:10px;padding:6px 8px}.price-card{padding:22px}.price-card.recommended{padding:19px}.price{font-size:38px}.price>span{font-size:10px}.cta{gap:8px}.check-list{padding:18px}.media-pair{gap:8px}.placeholder figcaption>strong{font-size:12px}.media-pair figcaption>span{font-size:8px;letter-spacing:0}.compare-card{padding:22px}.not-for{padding:20px}.faq summary{font-size:14px}.site-footer{padding-bottom:72px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.faq-answer>span{flex-shrink:0;white-space:nowrap}

/* Supplied assets remain untouched; framing is handled by the layout. */
.brand .logo-crop{display:block;width:100%;aspect-ratio:2.3;overflow:hidden}
.brand .logo-crop img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:50% 51.5%}
.hero-media.bundled-portrait{aspect-ratio:1.3!important}
.bundled-portrait img{object-position:50% 23%}
.portrait-founder{aspect-ratio:1.2}
.portrait-final{aspect-ratio:1.4}
.profile p{font-size:15px;line-height:2.1}
@media(max-width:480px){.hero-media.bundled-portrait{aspect-ratio:1.1!important}.portrait-founder{aspect-ratio:1}.portrait-final{aspect-ratio:1.2}.profile p{font-size:14px}}

.generated-media{margin:0 0 24px}.generated-image{aspect-ratio:1.85;overflow:hidden;background:#f0eee5}.generated-image img{width:100%;height:100%;object-fit:cover}.generated-media figcaption{font-size:10px;line-height:1.7;color:#6b6b61;margin-top:7px;text-align:right}.media-pair .generated-image{aspect-ratio:1.1}.media-pair .generated-media{min-width:0}.gallery .generated-media{margin-bottom:0}.concept-visual{margin:0 0 24px;padding:30px;background:#f3f0e5;border:1px solid #dcd3b6;display:flex;flex-direction:column;justify-content:center;gap:18px;min-height:220px}.concept-eyebrow{font:700 10px/1.6 Arial,sans-serif;letter-spacing:.12em;color:#786737}.concept-visual>strong{font-size:22px;line-height:1.7;letter-spacing:-.04em}.concept-chips{display:flex;gap:10px;flex-wrap:wrap}.concept-chips span{padding:8px 14px;background:#fff;border:1px solid #dcd3b6;font-size:13px;line-height:1.7}.concept-visual figcaption{font-size:12px;color:#6a624b}.visual-flow .concept-chips{flex-direction:column}.visual-flow .concept-chips span{position:relative;padding:12px 16px;border-left:3px solid #b89b50}.media-pair .concept-visual{padding:18px;gap:12px;min-height:0;margin:0}.media-pair .concept-visual>strong{font-size:16px}.media-pair .concept-chips{gap:5px}.media-pair .concept-chips span{font-size:10px;padding:5px 8px}.media-pair .concept-eyebrow{font-size:9px}.media-pair .concept-visual figcaption{font-size:10px}.local-video{position:relative;background:#f3f0e5;aspect-ratio:16/9}.local-video video{display:block;width:100%;height:100%;object-fit:contain}.video-caption{font-size:12px!important;color:#676a62;text-align:center;margin-top:10px}@media(max-width:480px){.concept-visual{padding:22px;min-height:210px}.concept-visual>strong{font-size:19px}.media-pair .concept-visual{padding:12px}.media-pair .concept-visual>strong{font-size:14px}}

/* WF structure: centered logo, visible FAQ answers, no extra navigation copy. */
.site-header{justify-content:center;border-bottom:0;padding:32px var(--pad) 8px}.brand{width:min(100%,400px)}
.faq-question{display:flex;gap:8px;padding:24px 0 12px;font-size:16px;letter-spacing:0;line-height:1.7}.faq-answer{display:block;padding-bottom:24px}.faq-answer p{margin:0}.wf-pending-image{background:#edeee8}
@media(max-width:480px){.brand{width:240px}.faq-question{font-size:14px}}

/* Supplied guest portraits: preserve the complete image without cropping. */
.guest-portrait{margin:0 0 24px;background:#fff;overflow:hidden}.guest-portrait img{width:100%;height:auto;max-height:400px;object-fit:contain}.portrait-guest-0{background:#000}.guest-profile{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.guest-profile p{font-size:14px;line-height:1.95}

.section-before-after .generated-image{aspect-ratio:1;background:#fff}.section-before-after .generated-image img{object-fit:contain}

.before-after-images{grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);align-items:center;gap:8px}.before-after-images .generated-media,.before-after-images .media{margin-bottom:0}.image-transition-arrow{display:block;text-align:center;color:#bd9639;font:700 30px/1 Arial,sans-serif}.before-after-images{margin-bottom:24px}@media(max-width:480px){.before-after-images{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:4px}.image-transition-arrow{font-size:24px}}

.wf-marker{background:linear-gradient(transparent 62%,var(--yellow) 62%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .03em}.hero-media.portrait-hero img{object-position:50% 22%}

/* FV: original gold zero motif and portrait, retaining the WF copy. */
.site-header{padding:20px var(--pad) 10px}.site-header .brand{width:270px}
.hero{overflow:hidden;background:#fff}.hero-stage{position:relative;isolation:isolate;height:500px;background:linear-gradient(120deg,#f7f3e9,#eee4cc);overflow:hidden}
.hero-zero{position:absolute;left:2%;top:-65px;color:#c49a4c;font:400 660px/.95 Georgia,serif;opacity:.28;user-select:none;pointer-events:none}
.hero-stage:after{content:'';position:absolute;left:0;right:0;bottom:0;height:7px;background:#bb9143;z-index:2}
.hero-stage .hero-media{position:absolute;inset:18px 0 0;margin:0;background:transparent;aspect-ratio:auto!important;height:calc(100% - 18px);overflow:hidden}
.hero-stage .hero-media img{width:100%;height:125%;object-fit:contain;object-position:50% 0;max-width:none}
.hero-copy{position:relative;text-align:center;padding:30px 30px 40px;background:#fff}
.hero .eyebrow{color:#6e5730;font-size:13px;font-weight:700;letter-spacing:.04em;margin-bottom:18px}
.hero h1{font-size:30px;font-weight:900;line-height:1.45;letter-spacing:-.04em;margin-bottom:24px}
.hero h1 .wf-marker{display:table;margin:6px auto 0;font-size:52px;line-height:1.4;background:linear-gradient(transparent 70%,#e6c474 70%);padding:0 .03em}
.hero-lead{font-size:20px;font-weight:700;line-height:1.9}.hero-tagline{font-size:25px;font-weight:900}.hero-description{font-size:14px}
.bundled-portrait.portrait-founder,.bundled-portrait.portrait-final{background:#f3efE4;aspect-ratio:1.2;overflow:hidden}
.bundled-portrait.portrait-founder img,.bundled-portrait.portrait-final img{width:100%;height:100%;object-fit:contain;object-position:center top}
.guest-portrait,.portrait-guest-0{background:#f5f1e7;padding-top:16px}.guest-portrait img{height:400px;max-height:none;object-fit:contain;object-position:center bottom}
@media(max-width:480px){.site-header{padding:14px 24px 8px}.site-header .brand{width:220px}.hero-stage{height:355px}.hero-zero{font-size:480px;left:-5%;top:-40px}.hero-copy{padding:24px 18px 32px}.hero .eyebrow{font-size:10px;letter-spacing:0}.hero h1{font-size:23px;line-height:1.5;margin-bottom:20px}.hero h1 .wf-marker{font-size:clamp(28px,8.8vw,39px);letter-spacing:-.055em}.hero-lead{font-size:16px}.hero-tagline{font-size:21px}.hero-description{font-size:13px}.guest-portrait img{height:310px}.bundled-portrait.portrait-founder,.bundled-portrait.portrait-final{aspect-ratio:1}}
/* Natural portrait ratios avoid unused space above horizontal cutouts. */
.guest-portrait img{height:auto;max-height:400px;object-position:center bottom}
@media(max-width:480px){.guest-portrait img{height:auto;max-height:340px}}

/* White hero and seamless transparent founder portraits. */
.hero-stage{background:#fff}
.bundled-portrait.portrait-founder,.bundled-portrait.portrait-final{background:transparent}

/* Supplied final photo: retain original background and complete framing. */
.section-final .final-photo{aspect-ratio:auto;background:transparent;overflow:visible}
.section-final .final-photo img{display:block;width:100%;height:auto;object-fit:contain}

/* FV refinement: close portrait/headline composition, white and gold. */
.site-header{padding-top:16px;padding-bottom:0}.site-header .brand{width:240px}
.hero-stage{height:440px}.hero-zero{font-size:610px;left:1%;top:-70px;opacity:.22}
.hero-stage:after{display:none}.hero-stage .hero-media{inset:8px 0 0;height:calc(100% - 8px)}
.hero-stage .hero-media img{height:125%;object-position:58% 0}
.hero-copy{margin-top:-28px;padding-top:0;background:transparent;z-index:3}
.hero .eyebrow{display:table;margin:0 auto 16px;background:#fff;padding:8px 16px;border:1px solid #ddc79b;font-size:12px;letter-spacing:.02em}
.hero h1{background:#fff;padding:12px 0 18px;margin-bottom:18px;font-size:27px;line-height:1.6;letter-spacing:-.025em}
.hero h1 br{display:none}.hero h1 .wf-marker{margin-top:6px;font-size:51px;letter-spacing:-.055em;line-height:1.45;background:linear-gradient(transparent 76%,#e6c474 76%)}
.hero-lead{margin-bottom:16px}.hero-tagline{margin-bottom:18px}.hero-description{max-width:420px;margin-left:auto;margin-right:auto}
.section-flow .flow-photo{aspect-ratio:auto;background:transparent}.section-flow .flow-photo img{width:100%;height:auto;object-fit:contain}
@media(max-width:480px){.site-header .brand{width:200px}.hero-stage{height:320px}.hero-zero{font-size:455px;left:-7%;top:-58px}.hero-copy{margin-top:-22px;padding-left:18px;padding-right:18px}.hero .eyebrow{font-size:10px;padding:7px 10px;margin-bottom:8px}.hero h1{font-size:21px;padding:8px 0 14px;line-height:1.6}.hero h1 .wf-marker{font-size:clamp(27px,8.7vw,40px)}.hero-lead{font-size:15px}.hero-tagline{font-size:20px}}
