/* Photo edition: retain the approved blue, white, spacing, and core feature layouts. */
.hero{padding-top:72px;padding-bottom:24px}
.hero-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr;gap:0 57px;min-height:573px;align-items:start}
.hero-copy{grid-column:1;grid-row:1;width:auto;align-self:start;padding-top:13px}
.hero-conversion{grid-column:1;grid-row:2;align-self:start}
.hero-conversion .hero-lead{margin-top:24px}
.hero-conversion .trial-fine{margin-top:14px}
.hero-visual{grid-column:2;grid-row:1 / span 2;width:auto;min-height:573px;padding:0;position:relative;align-self:stretch}
.hero-photo-frame{height:536px;margin-right:-46px;border-radius:32px;overflow:hidden;background:#dce8f4}
.hero-photo-frame img{width:100%;height:100%;object-fit:cover;object-position:55% 46%;display:block}
.photo-voice{position:absolute;left:-28px;bottom:8px;width:316px;border:1px solid #d6e4f3;border-radius:16px;background:#fff;padding:20px 24px 23px;box-shadow:0 12px 30px #19498917;color:var(--blue);z-index:2}
.photo-voice-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.025em}
.photo-voice-top .sample-label{font-size:8px;padding:2px 6px}
.photo-voice p{font-size:17px;line-height:1.9;letter-spacing:.045em;font-weight:500;margin-top:11px}
.photo-voice-arrow{position:absolute;right:19px;bottom:22px;display:flex;align-items:center;justify-content:center;width:25px;height:25px;background:#edf4fc;border-radius:50%;font-family:Arial,sans-serif;font-size:17px;color:var(--blue)}
.hero-caption{bottom:-20px;left:0;right:0;width:auto;font-size:9px;text-align:right;margin:0;color:#8296af}
.hero-bottom{padding-top:30px}
.empathy{padding-top:104px;padding-bottom:88px}
.empathy-story{display:flex;align-items:center;gap:80px;max-width:1040px;margin:48px auto 0;text-align:left}
.empathy-photo{width:47%;height:329px;flex-shrink:0;border-radius:22px;overflow:hidden;background:#edf3f8}
.empathy-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 47%;display:block}
.empathy-story .worries{display:block;flex:1;width:auto;margin:0;padding:0}
.empathy-story .worries p{width:auto;padding:22px 0 22px 33px;border-right:0;border-bottom:1px solid var(--line);font-size:14px;line-height:2;position:relative;letter-spacing:.035em}
.empathy-story .worries p:first-child{padding-top:0}
.empathy-story .worries p:last-child{border-bottom:0;padding-bottom:0}
.empathy-story .worries p>span{position:absolute;left:0;top:24px;font-size:9px;line-height:2;margin:0}
.empathy-story .worries p:first-child>span{top:2px}
.empathy-line{margin-top:39px}
.personal{padding-top:89px;padding-bottom:86px}
.personal-inner{gap:75px}
.personal-visual{padding-right:0;max-width:none}
.personal-photo-frame{height:440px;overflow:hidden;border-radius:24px;background:#e5eff8}
.personal-photo-frame img{width:100%;height:100%;object-fit:cover;object-position:52% 43%;display:block}
.personal-visual .consultation-bubble{margin-top:-43px;margin-left:70px;right:17px;bottom:auto;min-width:0;background:#fff;padding:22px 25px 23px;border-radius:15px 15px 2px 15px;box-shadow:0 8px 24px #14356a15}
.personal-visual .consultation-bubble>strong{font-size:18px;margin-top:5px;margin-bottom:7px}
.personal-visual .sample-caption{font-size:9px;line-height:1.9;margin-top:15px;color:#afcaec}
@media(min-width:761px) and (max-width:1200px){
 .hero-inner{gap:0 38px;min-height:550px}
 .hero-visual{min-height:550px}
 .hero-photo-frame{height:500px;margin-right:-24px}
 .hero-copy{padding-top:9px}
 .photo-voice{width:280px;left:-16px;padding:18px 20px 20px}
 .photo-voice-top{font-size:9px}
 .photo-voice p{font-size:15px}
 .empathy-story{gap:45px}
 .empathy-photo{height:300px}
 .empathy-story .worries p{font-size:12px}
 .personal-inner{gap:50px}
 .personal-photo-frame{height:420px}
 .personal-visual .consultation-bubble{margin-left:24px;right:0}
}
/* MOBILE START */
@media(max-width:760px){
 .hero{padding-top:34px;padding-bottom:22px}
 .hero-inner{display:flex;flex-direction:column;gap:0;min-height:0;align-items:stretch}
 .hero-copy{order:0;grid-column:auto;grid-row:auto;padding-top:0;width:auto;align-self:stretch}
 .hero-eyebrow{font-size:10px;margin-bottom:14px}
 .hero h1{font-size:31px;line-height:1.75;letter-spacing:.04em}
 .hero-visual{order:1;grid-column:auto;grid-row:auto;width:auto;padding:0 0 55px;min-height:0;margin-top:26px;align-self:stretch}
 .hero-photo-frame{height:293px;margin:0 -12px 0 0;border-radius:21px}
 .hero-photo-frame img{object-position:54% 43%}
 .photo-voice{left:0;bottom:13px;width:250px;border-radius:12px;padding:15px 18px 17px;box-shadow:0 8px 20px #19498915}
 .photo-voice-top{font-size:8px;gap:10px;letter-spacing:0}
 .photo-voice-top .sample-label{font-size:7px}
 .photo-voice p{font-size:13px;line-height:1.85;letter-spacing:.025em;margin-top:7px}
 .photo-voice-arrow{width:21px;height:21px;font-size:15px;right:16px;bottom:16px}
 .hero-caption{bottom:-10px;font-size:8px;text-align:right;right:0;left:0}
 .hero-conversion{order:2;grid-column:auto;grid-row:auto;align-self:stretch;margin-top:23px}
 .hero-conversion .hero-lead{font-size:12px;line-height:2.1;margin-top:0;letter-spacing:.01em}
 .hero-conversion .hero-offer{font-size:9px;margin-top:21px;margin-bottom:13px}
 .hero-conversion .hero-btn{max-width:none;width:100%;min-width:0}
 .hero-conversion .trial-fine{font-size:9px;line-height:1.9;margin-top:12px}
 .hero-bottom{padding-top:24px;font-size:7px}
 .empathy{padding-top:64px;padding-bottom:64px}
 .empathy-story{display:block;max-width:none;margin-top:30px;text-align:left}
 .empathy-photo{width:100%;height:219px;border-radius:17px}
 .empathy-photo img{object-position:50% 45%}
 .empathy-story .worries{margin-top:27px;padding:0 8px}
 .empathy-story .worries p{font-size:12px;line-height:1.95;padding:17px 0 17px 32px;letter-spacing:.015em}
 .empathy-story .worries p:first-child{padding-top:0}
 .empathy-story .worries p:last-child{padding-bottom:0}
 .empathy-story .worries p>span{font-size:8px;top:19px}
 .empathy-story .worries p:first-child>span{top:2px}
 .empathy-line{height:30px;margin-top:32px;margin-bottom:20px}
 .personal{padding-top:64px;padding-bottom:48px}
 .personal-inner{display:block}
 .personal-visual{width:auto;padding:0;margin-top:34px}
 .personal-photo-frame{height:307px;border-radius:19px;margin:0}
 .personal-photo-frame img{object-position:52% 43%}
 .personal-visual .consultation-bubble{width:91%;margin-top:-30px;margin-left:auto;right:-1px;padding:18px 20px 19px;border-radius:12px 12px 2px 12px}
 .personal-visual .consultation-bubble>strong{font-size:16px;letter-spacing:.015em;margin-top:4px;margin-bottom:6px}
 .personal-visual .consultation-bubble>span{font-size:9px}
 .personal-visual .consultation-bubble>small{font-size:8px}
 .personal-visual .sample-caption{font-size:8px;margin-top:13px}
}
/* MOBILE END */