/* Keep the original character and native phone in one readable first-screen composition. */
.cami-home .hero{--hero-phone:clamp(280px,calc((100svh - 176px)*.49),360px);background:var(--paper);padding:24px 0 56px}
.cami-home .hero-content{max-width:1040px;display:grid;grid-template-columns:minmax(0,560px) var(--hero-phone);justify-content:center;gap:64px;align-items:center;min-height:0;padding-bottom:0}
.cami-home .hero-copy{padding:0;min-width:0}
.cami-home .hero-copy h1{font-size:clamp(48px,5.6vw,68px);font-weight:700;line-height:1.24;letter-spacing:-.055em;text-wrap:balance}
.cami-home .hero-description{font-size:17px;line-height:1.9;margin:28px 0 0;max-width:480px}
.cami-home .hero-actions{margin-top:28px;gap:16px}
.cami-home .hero-demo{width:var(--hero-phone);max-width:100%;margin:0;padding:0;min-width:0;isolation:isolate}
.cami-home .hero-stage{height:auto;aspect-ratio:1470/3000;width:100%;margin-top:0}
.cami-home .hero-stage .phone-mockup{width:100%;height:auto;aspect-ratio:1470/3000;top:0;right:0;transform:none;filter:drop-shadow(0 20px 24px #5a4d251a)}
.cami-home .hero-stage .phone-mockup:hover,.cami-home .hero-stage .phone-mockup:focus-within{transform:none}
.hero-illustration{position:absolute;left:-76px;bottom:18px;width:136px;z-index:5;pointer-events:none}
.hero-illustration img{display:block;width:100%;height:auto;aspect-ratio:120/133}
.cami-home .hero-stage .demo-spark{width:36px;height:auto;right:-8px;top:20px;pointer-events:none}
@media(min-width:901px) and (max-width:1100px){.cami-home .hero{--hero-phone:clamp(280px,calc((100svh - 176px)*.49),320px)}.cami-home .hero-content{grid-template-columns:minmax(0,1fr) var(--hero-phone);gap:48px}.cami-home .hero-copy h1{font-size:clamp(48px,5.5vw,60px)}.hero-illustration{width:120px;left:-58px}}
@media(max-width:900px){.cami-home .hero{padding:40px 0 56px}.cami-home .hero-content{grid-template-columns:minmax(0,1fr);gap:36px;justify-items:center}.cami-home .hero-copy{text-align:center}.cami-home .hero-copy h1{font-size:clamp(40px,7.5vw,60px)}.cami-home .hero-description{margin:22px auto 0;font-size:16px}.cami-home .hero-actions{justify-content:center;margin-top:24px}.cami-home .hero-demo{width:min(340px,calc(100% - 32px))}.hero-illustration{width:112px;left:-20px;bottom:14px}.cami-home .hero-stage .demo-spark{right:-8px;width:32px}}
@media(max-width:600px){.cami-home .hero{padding-top:32px}.cami-home .hero-content{gap:32px}.cami-home .hero-description{font-size:15px}.cami-home .hero-actions{gap:12px}.cami-home .hero-copy h1{font-size:clamp(36px,8.5vw,46px)}}
@media(max-width:370px){.cami-home .hero-copy h1{font-size:34px}.cami-home .hero-description{font-size:14px}.cami-home .hero-demo{width:calc(100% - 24px)}.hero-illustration{width:88px;left:-14px}}
@media(max-width:370px){.cami-home .hero-actions{gap:10px}.cami-home .hero-actions .ios-beta-download,.cami-home .hero-actions .android-download{min-height:48px}.cami-home .hero-actions .android-download{min-width:126px;padding:7px 8px;gap:6px}.cami-home .hero-actions .android-download>img{width:22px;height:18px}.cami-home .hero-actions .android-download strong{font-size:14px}.cami-home .hero-actions .android-download small{font-size:8px}.cami-home .hero-actions .download-arrow{font-size:16px}}
@media(prefers-reduced-motion:reduce){.cami-home .hero-stage .phone-mockup{transition:none}}