.app-banner{background:#eaf1fe;border:1px solid #dae4f5;border-radius:30px;grid-template-columns:1.1fr 1fr;min-height:456px;display:grid;overflow:hidden}.app-banner-copy{z-index:2;padding:48px 0 45px 49px;position:relative}.app-banner-copy h2{margin:15px 0 19px;font-size:43px}.app-banner-copy>p{color:#606e83;font-size:14px;line-height:1.8}.app-feature-pills{flex-wrap:wrap;gap:8px 15px;margin:24px 0;display:flex}.app-feature-pills span{color:#425b7d;align-items:center;gap:5px;font-size:10px;display:flex}.app-banner-copy>small{color:#526781;margin-top:12px;font-size:10px;display:block}.app-banner-art{justify-content:center;align-items:start;height:510px;padding-top:40px;display:flex;position:relative}.phone-halo{background:#dce8fb;border:1px solid #cedef6;border-radius:50%;width:370px;height:370px;position:absolute;top:65px}.phone-halo:after{content:"";border:1px solid #d9e5f7;border-radius:50%;position:absolute;inset:-30px}.app-preview{background:var(--cream);border:6px solid #27354b;border-radius:36px;flex-shrink:0;width:242px;height:540px;padding:13px 16px;position:relative;transform:rotate(7deg);box-shadow:12px 20px 30px #416baa24,inset 0 0 0 2px #a7a9ad}.phone-speaker{background:#27354b;border-radius:0 0 11px 11px;width:70px;height:18px;position:absolute;top:0;left:80px}.phone-time{justify-content:space-between;padding-inline:3px;font-size:8px;font-weight:800;display:flex}.phone-greeting{justify-content:space-between;align-items:center;gap:5px;margin-top:25px;display:flex}.phone-greeting small{color:#626d7c;letter-spacing:.3px;font-size:5px;font-weight:800;display:block}.phone-greeting strong{margin-top:5px;font-size:12px;font-weight:900;display:block}.phone-greeting strong>span{color:#d9a332}.phone-avatar{color:#775426;background:#efdaae;border-radius:10px;place-items:center;width:28px;height:28px;font-size:11px;font-weight:900;display:grid}.phone-streak{background:var(--orange-soft);border:1px solid #f3dfba;border-radius:10px;align-items:center;gap:7px;margin-top:15px;padding:9px 10px;font-size:8px;display:flex}.phone-streak svg{color:#cc892e}.phone-streak>span{color:#78592e;margin-left:auto;font-size:7px}.phone-course{background:var(--blue);color:#fff;border-radius:15px;margin-top:13px;padding:15px 12px;position:relative;overflow:hidden}.phone-course>span:first-child{color:#fff;letter-spacing:.8px;font-size:6px;font-weight:800}.phone-course h3{margin:7px 0 12px;font-size:16px;line-height:1.35}.phone-course-button{color:var(--blue-ink);background:#fff;border-radius:6px;align-items:center;gap:12px;padding:6px 8px;font-size:7px;font-weight:800;display:inline-flex}.phone-course>svg{color:#97bffa;opacity:.5;position:absolute;top:39px;right:-3px}.phone-heading{justify-content:space-between;align-items:center;margin:16px 0 10px;font-size:10px;font-weight:850;display:flex}.phone-tiles{grid-template-columns:1fr 1fr;gap:8px;display:grid}.phone-tiles>div{background:#fff;border:1px solid #e8e3d8;border-radius:11px;padding:10px}.phone-tiles strong{margin:6px 0 2px;font-size:9px;display:block}.phone-tiles small{color:var(--muted);font-size:6px;display:block}.phone-tiles>div>span{border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.tile-blue{background:var(--blue-soft);color:var(--blue-ink)}.tile-orange{background:var(--orange-soft);color:#b97c29}.phone-repeat{border:1px solid #e7e1d5;border-radius:10px;align-items:center;gap:8px;margin-top:10px;padding:9px;display:flex}.phone-repeat>span{color:var(--purple)}.phone-repeat strong,.phone-repeat small{font-size:8px;display:block}.phone-repeat small{color:var(--muted);margin-top:3px;font-size:6px}.phone-repeat>svg{margin-left:auto}.phone-nav{border-top:1px solid var(--line);justify-content:space-around;margin:14px -8px 0;padding-top:9px;display:flex}.phone-nav span{color:#89909b;place-items:center;gap:3px;font-size:6px;display:grid}.phone-nav span:first-child{color:var(--blue-ink)}.phone-home{background:#27354b;border-radius:4px;width:65px;height:3px;position:absolute;bottom:5px;left:80px}.app-spark{color:#6995d8;font-size:42px;position:absolute}.spark-one{top:71px;left:21px}.spark-two{font-size:30px;top:260px;right:28px}.app-floating-note{box-shadow:var(--shadow);background:#fff;border:1px solid #dae3ed;border-radius:12px;align-items:center;gap:8px;padding:11px 15px;font-size:11px;font-weight:800;display:flex;position:absolute;bottom:61px;left:4px;transform:rotate(-6deg)}.app-floating-note svg{color:var(--green)}@media (width<=850px){.app-banner-copy{padding-left:30px}.app-banner-copy h2{font-size:36px}.app-floating-note{left:-30px}.app-feature-pills{flex-direction:column}}@media (width<=600px){.app-banner{grid-template-columns:1fr}.app-banner-copy{padding:33px 25px 12px}.app-banner-copy h2{font-size:36px}.app-banner-art{height:370px;padding-top:25px}.app-feature-pills{flex-direction:row}.app-floating-note{bottom:30px;left:13px}.app-banner-art .app-preview{transform-origin:top;transform:rotate(7deg)scale(.95)}}