/* Pastel companion identity; dark readable text and generous touch targets. */
body{background:#fcfaff;color:#24324c}.hero{background:radial-gradient(ellipse at 87% 26%,#eee4fc 0,transparent 49%)}header{background:#fcfaff}.hero h1{letter-spacing:-.045em}.hero .button{border-radius:22px}.soft-section{background:linear-gradient(145deg,#f1edfc,#eef8f5)}.journey{padding-top:64px;padding-bottom:64px}.journey img{border:7px solid #fff;box-shadow:0 18px 50px #65538a12}.friends-welcome{display:grid;grid-template-columns:.85fr 1.4fr;align-items:center;gap:36px;padding:36px;margin-top:30px;margin-bottom:70px;background:#f4edf9;border:1px solid #e7dcf3;border-radius:36px;overflow:hidden}.friends-welcome h2{font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.35}.friends-welcome img{display:block;width:100%;height:auto;border-radius:26px}.friends-welcome p{color:#546078}.step,.plan{border-radius:28px;box-shadow:0 12px 34px #6254870a}.step:nth-child(2){background:#fff5ee}.step:nth-child(3){background:#edf7f3}.install-button{background:linear-gradient(130deg,#5b4ab6,#315bb6);border-radius:27px;box-shadow:0 12px 28px #6854b62c}.phone-preview{background:linear-gradient(#edf3fc,#f1eafa)}.phone-preview .install-friends{width:100%;height:auto;margin:12px 0 0;border-radius:16px}.install-guide{background:#fff}.comfort{background:#f1edf9}.button,button{transition:box-shadow .18s,background .18s}button:hover,.button:hover{box-shadow:0 5px 18px #554c8219}button:focus-visible,a:focus-visible{outline:3px solid #653fb2;outline-offset:5px}footer{background:#f3eff8}@media(max-width:700px){.friends-welcome{grid-template-columns:1fr;gap:12px;margin:20px 18px 45px;padding:24px;max-width:calc(100% - 36px)}.friends-welcome img{width:100%}.journey{padding-top:36px;padding-bottom:36px}.hero .buttons{gap:10px}.hero h1{font-size:clamp(2rem,8.5vw,3.3rem)}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.english-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}.english-preview-grid article{padding:26px;border:1px solid #e0d9ed;border-radius:26px;background:#f4effb}.english-preview-grid article:nth-child(2){background:#edf7f2}.english-preview-grid article:nth-child(3){background:#fff2e9}.english-preview-grid span{font-size:.85rem;color:#515d76}.english-preview-grid h3{font-size:1.1rem;line-height:1.5}.english-preview-grid p{font-size:1.1rem;color:#313d67}@media(max-width:700px){.english-preview-grid{grid-template-columns:1fr}}

/* Visible mobile playback entry and correct video proportions. */
.video-shell{position:relative;max-width:380px;width:100%;margin:auto;padding:10px;border-radius:28px;background:#20334e;overflow:hidden;aspect-ratio:auto!important;transform:none!important}.video-shell video{display:block;width:100%;height:auto!important;max-height:70svh;aspect-ratio:9/16;object-fit:contain;border-radius:19px;background:#f7f3fc}.video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px;background:#fff;color:#3f3691;border:2px solid #cfc3ed;border-radius:24px;padding:22px;min-width:190px;box-shadow:0 10px 30px #25244340;font-size:1rem}.video-play>span{font-size:2.2rem;line-height:1}.video-play[hidden]{display:none}.video-help{grid-column:1/-1;text-align:center}.video-help .button{min-height:52px}@media(max-width:700px){.video-shell{max-width:340px}.video-shell video{max-height:65svh}.video-play{min-width:180px}.story{gap:24px}}