:root{--light-green:#7dbe7d;--green:#5a8f5a;--navy:#102957;--cream:#f7f3ec;--warm-white:#fffdf9;--soft-border:#e4e0d8;--soft-shadow:0 18px 46px rgba(16,41,87,.08)}
body{background:var(--warm-white)}
.tagline-row{font-weight:700;color:var(--green)}
.hero.calm-hero{padding:28px 0 18px}.calm-hero .hero-shell{grid-template-columns:1fr 1fr;min-height:560px;background:linear-gradient(135deg,#fffdf9 0%,#f7f3ec 100%);border:1px solid var(--soft-border);box-shadow:var(--soft-shadow)}
.calm-hero .hero-copy{padding:58px}.calm-hero h1{font-size:clamp(2.7rem,5vw,5rem);max-width:11ch;letter-spacing:-.03em}.calm-hero .hero-note{font-size:1.3rem;max-width:34ch}.calm-hero .hero-image img{object-position:center}.hero-reassurance{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px}.hero-reassurance span{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--soft-border);border-radius:999px;padding:9px 14px;color:var(--navy);font-weight:800;font-size:.9rem}
.problem-section{padding:32px 0 18px}.problem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.problem-card{display:flex;flex-direction:column;min-height:230px;padding:25px;border:1px solid var(--soft-border);border-radius:24px;background:#fff;text-decoration:none;box-shadow:0 8px 24px rgba(16,41,87,.05);transition:transform .2s ease,box-shadow .2s ease}.problem-card:hover{transform:translateY(-4px);box-shadow:var(--soft-shadow)}.problem-card .problem-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#edf5ea;color:var(--green);font-size:1.7rem;margin-bottom:18px}.problem-card strong{font-size:1.25rem;color:var(--navy);line-height:1.2}.problem-card span{color:#66717a;margin-top:9px}.problem-card em{font-style:normal;font-weight:800;color:var(--green);margin-top:auto;padding-top:16px}
.trust-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:14px}.trust-item{display:flex;min-height:118px;flex-direction:column;justify-content:center;padding:18px 20px;background:var(--cream);border-radius:18px;color:var(--navy);font-weight:800;text-align:center}.trust-item small{display:block;color:#66717a;font-weight:600;margin-top:4px}
.app-feature{padding:46px 0}.app-feature-card{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:36px;border-radius:28px;padding:42px;background:linear-gradient(135deg,var(--navy),#1b4775);color:#fff;box-shadow:var(--soft-shadow)}.app-feature-card h2{color:#fff}.app-feature-card p{color:#e8eef5;font-size:1.12rem}.app-actions{display:flex;gap:14px;flex-wrap:wrap}.app-feature-card .btn-secondary{border-color:#fff}.app-preview{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.24);border-radius:24px;padding:24px}.app-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.app-preview-grid span{background:#fff;color:var(--navy);border-radius:15px;padding:18px 12px;text-align:center;font-weight:800}
.scam-band{padding:30px 0}.scam-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;background:#fff8e7;border:2px solid #f1d58d;border-radius:24px;padding:26px 30px}.scam-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#fff;color:#9c6a00;font-size:1.8rem}.scam-card h2{font-size:1.8rem;margin-bottom:4px}.scam-card p{margin:0;color:#6c5b36}
.reassurance-close{background:var(--cream)}.reassurance-close .wrap{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}.reassurance-close h2{max-width:18ch}.reassurance-close p{max-width:54ch;color:#66717a;font-size:1.08rem}
.heart-pulse{display:inline-block;transform-origin:center;animation:heartPulse 4.2s ease-in-out infinite}@keyframes heartPulse{0%,78%,100%{transform:scale(1)}82%{transform:scale(1.06)}86%{transform:scale(1)}90%{transform:scale(1.04)}94%{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.heart-pulse{animation:none}}
@media(max-width:1000px){.problem-grid,.trust-row{grid-template-columns:1fr 1fr}.calm-hero .hero-shell,.app-feature-card{grid-template-columns:1fr}.calm-hero .hero-copy{padding:42px}.scam-card{grid-template-columns:auto 1fr}.scam-card .btn{grid-column:1/-1}.reassurance-close .wrap{grid-template-columns:1fr}}
@media(max-width:680px){.problem-grid,.trust-row,.app-preview-grid{grid-template-columns:1fr}.calm-hero .hero-copy{padding:30px 24px}.calm-hero h1{font-size:2.65rem}.app-feature-card{padding:28px 22px}.scam-card{grid-template-columns:1fr;text-align:center}.scam-icon{margin:auto}.reassurance-close{text-align:center}}