.home-page .amwal-app-showcase{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:72px;padding:72px var(--aw-space);min-height:0;overflow:hidden}
.home-page .amwal-app-visual{display:flex;justify-content:center;align-items:center;height:530px;perspective:none;isolation:isolate}
.home-page .amwal-app-visual:before{width:480px;height:480px;z-index:-1}
.showcase-phone{position:relative;flex:none;padding:8px;background:linear-gradient(135deg,#758b80,#091f19 35%,#587166);border:1px solid #abc1b2;border-radius:34px;box-shadow:0 28px 50px #001a2355;overflow:hidden}
.showcase-phone:after{content:"";position:absolute;top:15px;left:50%;transform:translateX(-50%);width:62px;height:13px;border-radius:15px;background:#071d17;z-index:3}
.showcase-phone-launch{width:204px;height:425px;transform:rotate(-8deg);margin-right:-38px;z-index:1}
.showcase-phone-home{width:230px;height:486px;transform:rotate(5deg);z-index:2}
.showcase-splash{height:100%;border-radius:26px;background:radial-gradient(circle at 50% 38%,#1c7959,#043e30 60%,#022e25);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:white}
.home-page .amwal-app-visual .showcase-splash img{width:104px;height:104px;object-fit:contain;border-radius:24px;transform:none;filter:none;animation:none}
.showcase-splash strong{font:24px Georgia,serif;letter-spacing:.14em}
.showcase-splash small{font-size:7px;letter-spacing:.18em;color:#cdddce}
.showcase-home-screen{height:100%;overflow:hidden;border-radius:26px;background:#f5f8f2;display:flex;flex-direction:column;padding-top:24px}
.showcase-home-header{height:30px;flex:none;padding:3px 13px 8px;font:14px Georgia,serif;letter-spacing:.12em;color:#093c30;background:#fff}
.home-page .amwal-app-visual .showcase-home-screen img{width:100%;height:calc(100% - 30px);object-fit:fill;transform:none;filter:none;animation:none;border-radius:0}
.home-page .amwal-app-copy{text-align:start;max-width:520px}
.home-page .amwal-app-copy h2{font-size:clamp(2.4rem,4.2vw,4.3rem);line-height:1.08;margin-bottom:20px}
.home-page .amwal-app-copy>span{display:block;margin-bottom:16px;font-size:10px}
.home-page .amwal-app-copy p{max-width:36ch;font-size:17px;line-height:1.65;margin-bottom:26px}
.app-showcase-actions{display:flex;flex-direction:column;align-items:flex-start;gap:13px}
.app-showcase-actions .button{background:#f2f8f2;color:#063b2e;border-radius:12px;padding:14px 24px;font-size:13px;letter-spacing:0;min-height:48px}
.app-showcase-actions small{color:#c3d6c9;font-size:11px}
.home-page #contact{padding:58px var(--aw-space);background:#eff6ef}
.home-page #contact .contact-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:0;border:0;gap:48px}
.home-page #contact .contact-grid h2{font-size:clamp(2rem,3.2vw,3rem);max-width:20ch;margin:0 0 14px;line-height:1.15}
.home-page #contact .contact-intro p{font-size:16px;line-height:1.6;margin:0;color:#526b5b;max-width:44ch}
.home-page #contact .contact-copy{background:none;border:0;padding:0;box-shadow:none;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.home-page #contact .contact-copy .button{border-radius:12px;padding:15px 24px;font-size:13px;letter-spacing:0;margin:0;min-height:48px}
.home-page #contact .contact-copy .email{font-size:12px;margin:0;border-bottom:1px solid #8aa696;padding:0 0 3px;color:#335945}
@media(max-width:1000px){.home-page .amwal-app-showcase{gap:36px}.showcase-phone-launch{width:168px;height:353px;margin-right:-34px}.showcase-phone-home{width:192px;height:408px}.home-page .amwal-app-visual{height:440px}}
@media(max-width:760px){.home-page .amwal-app-showcase{grid-template-columns:1fr;padding:40px var(--aw-space);gap:30px}.home-page .amwal-app-visual{height:396px}.showcase-phone-launch{width:150px;height:318px;margin-right:-35px}.showcase-phone-home{width:174px;height:373px}.home-page .amwal-app-copy{text-align:center;max-width:none}.home-page .amwal-app-copy h2{font-size:2.4rem}.home-page .amwal-app-copy p{font-size:15px;margin:0 auto 22px;max-width:32ch}.app-showcase-actions{align-items:center}.home-page #contact{padding:38px var(--aw-space)}.home-page #contact .contact-grid{grid-template-columns:1fr;gap:24px}.home-page #contact .contact-grid h2{font-size:2rem}.home-page #contact .contact-intro p{font-size:15px}.home-page #contact .contact-copy{gap:12px}.home-page #contact .contact-copy .button{width:100%;justify-content:center}.home-page #contact .contact-copy .email{align-self:center}}
@media(max-width:360px){.showcase-phone-launch{width:132px;height:284px}.showcase-phone-home{width:157px;height:339px}.home-page .amwal-app-visual{height:358px}.showcase-splash strong{font-size:20px}}

.home-page #contact{color:#073d32}.home-page #contact .contact-grid h2{color:#073d32}.home-page #contact .contact-copy .button{background:#073d32;color:#fff}.home-page .amwal-app-copy .button b{background:none;border:0;padding:0;box-shadow:none;color:inherit;border-radius:0;font-size:20px;letter-spacing:0}

/* Dark glass bezel with a thin polished metal rim. */
.showcase-phone{padding:6px;background:#090b0c;border:2px solid #777b7c;border-radius:34px;box-shadow:inset 0 0 0 1px #d0d2d380,inset 3px 0 4px #ffffff28,inset -3px 0 4px #000,0 24px 40px #00171075,2px 3px 0 #272a2b;overflow:visible}
.showcase-phone:before{content:"";position:absolute;left:-5px;top:84px;width:3px;height:34px;border-radius:2px;background:linear-gradient(90deg,#292c2e,#a5a8aa,#292c2e);box-shadow:0 46px 0 #696e70}
.showcase-phone:after{top:14px;width:62px;height:14px;background:radial-gradient(circle at 82% 50%,#183440 0 2px,#08090b 3px);box-shadow:inset 0 0 2px #5b6162}
.showcase-splash,.showcase-home-screen{border-radius:26px;box-shadow:0 0 0 1px #000;overflow:hidden}

/* Balanced action labels and matching line icons. */
.home-page .app-showcase-actions .button,
.home-page #contact .contact-copy .button{position:relative;display:flex;align-items:center;justify-content:center;gap:0;padding:16px 56px;min-height:56px;font-size:14px;line-height:1.4;font-weight:700;text-align:center;box-shadow:0 8px 20px #032e2312}
.home-page .app-showcase-actions .button{min-width:260px}
.home-page #contact .contact-copy{align-items:center;min-width:280px}
.home-page #contact .contact-copy .button{width:100%}
.home-page .button .cta-arrow{position:absolute;right:18px;top:50%;transform:translateY(-50%);width:26px;height:26px;display:grid;place-items:center;flex:none;transition:transform .2s ease}
.home-page .button .cta-arrow svg{display:block;width:24px;height:24px}
.home-page .button:hover .cta-arrow{transform:translate(3px,-50%)}
.home-page #contact .contact-copy .email{align-self:center;text-align:center;font-size:14px;line-height:1.5}
@media(max-width:760px){.home-page #contact .contact-intro{text-align:center}.home-page #contact .contact-intro h2,.home-page #contact .contact-intro p{margin-inline:auto}.home-page #contact .contact-copy{min-width:0;align-items:center}.home-page .app-showcase-actions{width:100%}.home-page .app-showcase-actions .button{width:100%;min-width:0;max-width:340px}}
@media(prefers-reduced-motion:reduce){.home-page .button .cta-arrow{transition:none}.home-page .button:hover .cta-arrow{transform:translateY(-50%)}}