/* A reason to begin, supported by a clear price and real teaching. */
body.purpose-v12 .hero.hero-v12{grid-template-columns:1.14fr 1fr;gap:40px 52px;align-items:center;padding-top:48px;padding-bottom:0}
.hero-kicker-v12{display:flex;align-items:center;gap:9px;font:11px/1.65 var(--mono);letter-spacing:.055em;color:#5c6552;margin-bottom:24px}
body.purpose-v12 .hero-v12 h1{font-size:clamp(48px,4.65vw,69px);line-height:1.07;letter-spacing:-.06em;color:#203a2c;font-weight:580}
body.purpose-v12 .hero-v12 h1 em{font-size:1.07em;line-height:1.1;color:#ad431d;letter-spacing:-.045em}
.hero-description-v12{font-size:20px;line-height:1.65;max-width:620px;margin-top:25px;color:#59624f}
.hero-description-v12 strong{font-weight:550;color:#263b2b}
.hero-reasons-v12{display:flex;gap:9px 20px;flex-wrap:wrap;margin-top:22px;font-size:14px;line-height:1.5;color:#38513b}
.hero-reasons-v12>span{display:flex;align-items:center;gap:7px}
.hero-reasons-v12 b{font-size:19px;line-height:1;font-weight:400;color:#a74623}
.hero-offer-v12{display:flex;gap:23px;align-items:center;margin-top:28px;padding-top:22px;border-top:1px solid #d4d8c8}
.hero-offer-v12>div{display:flex;flex-direction:column;gap:2px;flex-shrink:0}
.hero-offer-v12>div>span{font:10px/1.5 var(--mono);letter-spacing:.06em;color:#6f755f}
.hero-offer-v12 strong{font-size:76px;line-height:1;letter-spacing:-.085em;font-weight:550;color:#243c2b}
.hero-offer-v12>p{font-size:17px;line-height:1.55;color:#657055;max-width:245px;padding-top:12px}
.hero-offer-v12>p>b{font-weight:500;color:#334e36}
body.purpose-v12 .hero-v12 .hero-actions{margin-top:19px;gap:18px;align-items:center}
body.purpose-v12 .hero-v12 .hero-buy-v12{font-size:18px;min-height:61px;padding:17px 22px;gap:24px;border-radius:5px;box-shadow:0 5px 0 #d03e171a}
.hero-preview-link-v12{border:0;background:transparent;display:grid;grid-template-columns:30px 1fr;gap:1px 9px;align-items:center;text-align:left;padding:5px 0;font-size:15px;font-weight:500;line-height:1.45;color:#324334;min-height:48px}
.hero-preview-link-v12>span{grid-row:1/3;display:grid;place-items:center;border:1px solid #b6bea9;width:30px;height:30px;border-radius:50%;font-size:11px;padding-left:2px}
.hero-preview-link-v12 small{grid-column:2;font-size:12px;font-weight:400;color:#6c765e}
.hero-preview-link-v12:hover{text-decoration:underline;text-underline-offset:4px}
.hero-start-v12{font-size:13px;line-height:1.6;margin-top:16px;color:#6e765f}
body.purpose-v12 .hero-visual.hero-stage-v12{height:580px;min-height:0;max-width:none;width:100%;margin:0;isolation:isolate}
.hero-art-v12{position:absolute;inset:0 0 89px 21px;overflow:hidden;border-radius:160px 160px 12px 12px;background:#dedaca;border:1px solid #c7cbb5}
.hero-art-v12>img{width:100%;height:100%;object-fit:cover;object-position:center 42%}
.hero-art-v12:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fffbec77,transparent 40%,#192d2115)}
.hero-art-caption-v12{position:absolute;top:31px;left:0;right:0;z-index:1;display:flex;align-items:center;flex-direction:column;color:#29402c}
.hero-art-caption-v12>span{font:10px/1.5 var(--mono);letter-spacing:.14em}
.hero-art-caption-v12>b{font:italic 52px/1.05 var(--serif);letter-spacing:-.06em;margin-top:3px}
.hero-art-caption-v12>small{font-size:12px;margin-top:4px;color:#536049}
.hero-note-v12{position:absolute;left:-15px;bottom:157px;z-index:2;display:flex;gap:12px;align-items:center;padding:18px 20px;background:#e9eecf;border:1px solid #b8c39a;border-radius:7px;box-shadow:0 14px 24px -14px #29362175;transform:rotate(-4deg)}
.hero-note-icon-v12{font-size:37px;line-height:1;color:#55753c}
.hero-note-v12>div>span{font:9px/1.5 var(--mono);letter-spacing:.03em;color:#667747}
.hero-note-v12 p{font-size:18px;line-height:1.25;letter-spacing:-.035em;color:#2d442c;margin-top:5px}
.hero-note-v12 p em{font-size:1.12em}
.hero-real-v12{position:absolute;bottom:0;left:0;right:0;z-index:3;display:grid;grid-template-columns:1fr 1.12fr;gap:16px;align-items:center;text-align:left;padding:15px;border-radius:10px;background:#203a2c;border:1px solid #4a6048;box-shadow:0 17px 30px -20px #172d2580;transition:transform .2s ease}
.hero-real-frame-v12{position:relative;display:block;overflow:hidden;border:1px solid #809171;border-radius:4px}
.hero-real-frame-v12>img{width:100%;aspect-ratio:16/10;object-fit:cover}
.hero-real-frame-v12>b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid #fffff299;background:#f4f2e9ef;color:#253c2b;font-size:15px;padding-left:3px}
.hero-real-caption-v12{display:flex;flex-direction:column;gap:9px;color:#f8f0d9}
.hero-real-caption-v12>span:first-child{font:9px/1.5 var(--mono);letter-spacing:.05em;color:#c3cea7}
.hero-real-caption-v12>strong{font-size:21px;line-height:1.16;letter-spacing:-.04em;font-weight:500}
.hero-real-watch-v12{font-size:12px;color:#d9e0c1;line-height:1.5}.hero-real-watch-v12>b{color:#ff9773;margin-left:7px;font-size:18px}
.hero-foundation-v12{grid-column:1/-1;display:grid;grid-template-columns:1.55fr 1fr 1fr 1.1fr 1.2fr;align-items:center;margin-top:7px;padding:28px 0 32px;border-top:1px solid #cdd3bd;gap:20px}
.hero-foundation-v12>span{display:flex;flex-direction:column;gap:4px}
.hero-foundation-v12 strong{font-size:37px;line-height:1;letter-spacing:-.045em;font-weight:500;color:#304b33}
.hero-foundation-v12 small{font-size:13px;line-height:1.5;color:#687459}
.hero-foundation-title-v12{font-size:16px;line-height:1.55;color:#536449}
.hero-foundation-title-v12>b{font-weight:500;color:#2a432f}
.hero-foundation-v12 .hero-foundation-end-v12{font:10px/1.6 var(--mono);color:#7a836a;text-align:right}
.hero-foundation-end-v12>b{font:13px/1.5 var(--sans);color:#546a49}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.hero-real-v12:hover{transform:translateY(-3px)}}
@media(max-width:1200px){
 body.purpose-v12 .hero.hero-v12{gap:33px 34px;grid-template-columns:1.15fr 1fr}
 body.purpose-v12 .hero-visual.hero-stage-v12{height:560px}
 .hero-description-v12{font-size:19px}.hero-reasons-v12{font-size:13px;gap:9px 15px}
 .hero-note-v12{left:0;padding:16px}.hero-real-v12{gap:12px;padding:13px}.hero-real-caption-v12>strong{font-size:20px}
 .hero-foundation-v12{grid-template-columns:1.3fr .8fr .9fr 1fr;gap:17px}.hero-foundation-v12 .hero-foundation-end-v12{display:none}
}
@media(max-width:980px){
 body.purpose-v12 .hero.hero-v12{grid-template-columns:1fr;gap:30px;padding-top:42px}
 body.purpose-v12 .hero-v12 h1{font-size:clamp(48px,7.3vw,69px)}
 .hero-description-v12{max-width:710px;font-size:20px}
 .hero-reasons-v12{font-size:15px}.hero-offer-v12{max-width:620px}
 body.purpose-v12 .hero-visual.hero-stage-v12{height:520px;max-width:610px;margin:0 auto}
 .hero-art-v12{inset:0 0 92px 30px;border-radius:140px 140px 12px 12px}.hero-art-v12>img{object-position:center 48%}
 .hero-note-v12{left:0;bottom:155px}.hero-real-v12{grid-template-columns:180px 1fr;left:15px;right:15px;padding:16px}.hero-real-caption-v12>strong{font-size:25px}.hero-real-watch-v12{font-size:14px}.hero-real-caption-v12>span:first-child{font-size:10px}
 .hero-foundation-v12{margin-top:0}
}
@media(max-width:619px){
 body.purpose-v12 .hero.hero-v12{padding-top:30px;gap:28px}
 .hero-kicker-v12{font-size:10px;gap:7px;letter-spacing:0;margin-bottom:19px}
 body.purpose-v12 .hero-v12 h1{font-size:clamp(37px,8.8vw,51px);line-height:1.08;letter-spacing:-.065em}
 body.purpose-v12 .hero-v12 h1 em{font-size:1.07em}
 .hero-description-v12{font-size:18px;line-height:1.65;margin-top:20px}
 .hero-reasons-v12{font-size:13px;gap:10px 16px;margin-top:18px}
 .hero-offer-v12{gap:19px;margin-top:22px;padding-top:18px}.hero-offer-v12>div>span{font-size:10px;max-width:123px}.hero-offer-v12 strong{font-size:69px}.hero-offer-v12>p{font-size:15px;padding-top:3px;max-width:190px}
 body.purpose-v12 .hero-v12 .hero-actions{display:grid;grid-template-columns:1fr;gap:12px;margin-top:15px}
 body.purpose-v12 .hero-v12 .hero-buy-v12{font-size:17px;min-height:58px;width:100%}
 .hero-preview-link-v12{display:flex;justify-content:center;font-size:14px;gap:10px}.hero-preview-link-v12>span{width:27px;height:27px}.hero-preview-link-v12 small{font-size:12px}.hero-start-v12{font-size:12px;text-align:center;margin-top:7px}
 body.purpose-v12 .hero-visual.hero-stage-v12{height:425px;max-width:450px}
 .hero-art-v12{inset:0 0 92px 12px;border-radius:110px 110px 10px 10px}.hero-art-caption-v12{top:22px}.hero-art-caption-v12>b{font-size:41px}.hero-art-caption-v12>span{font-size:9px}.hero-art-caption-v12>small{font-size:10px}
 .hero-note-v12{left:0;bottom:137px;padding:13px;gap:9px}.hero-note-icon-v12{font-size:30px}.hero-note-v12>div>span{font-size:8px}.hero-note-v12 p{font-size:16px}
 .hero-real-v12{left:0;right:0;grid-template-columns:.88fr 1.12fr;padding:12px;gap:12px}.hero-real-frame-v12>img{aspect-ratio:4/3}.hero-real-frame-v12>b{width:34px;height:34px;font-size:12px}.hero-real-caption-v12{gap:7px}.hero-real-caption-v12>span:first-child{font-size:8px}.hero-real-caption-v12>strong{font-size:19px}.hero-real-watch-v12{font-size:11px}
 .hero-foundation-v12{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 12px;padding:23px 0 28px}.hero-foundation-v12 .hero-foundation-title-v12{grid-column:1/-1;display:block;font-size:15px}.hero-foundation-title-v12>br{display:none}.hero-foundation-title-v12>b{margin-left:4px}.hero-foundation-v12 strong{font-size:34px}.hero-foundation-v12 small{font-size:12px}
}
@media(max-width:370px){
 .hero-kicker-v12{font-size:9px}body.purpose-v12 .hero-v12 h1{font-size:33px}.hero-description-v12{font-size:17px}.hero-reasons-v12{font-size:12px}
 .hero-offer-v12{gap:15px}.hero-offer-v12>p{font-size:14px}.hero-preview-link-v12{gap:8px;font-size:13px}
 body.purpose-v12 .hero-visual.hero-stage-v12{height:399px}.hero-real-v12{gap:9px;padding:10px}.hero-real-caption-v12>strong{font-size:17px}.hero-real-caption-v12>span:first-child{font-size:7px}.hero-real-watch-v12{font-size:10px}.hero-note-v12{bottom:128px}.hero-foundation-v12 small{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.hero-real-v12{transition:none}}
body[data-motion="off"] .hero-real-v12:hover{transform:none}
/* Let the real-preview height determine the artwork boundary; no card can cover the note. */
body.purpose-v12 .hero-visual.hero-stage-v12{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:0}
.hero-scene-v12{position:relative;min-height:0}
.hero-scene-v12 .hero-art-v12{inset:0 0 -18px 21px}
.hero-scene-v12 .hero-note-v12{bottom:27px;left:0}
.hero-stage-v12 .hero-real-v12{position:relative;inset:auto;width:100%}
@media(max-width:619px){.hero-scene-v12 .hero-art-v12{left:12px}.hero-scene-v12 .hero-note-v12{bottom:22px}}