.record-section{display:grid;grid-template-columns:.95fr 1.05fr;gap:45px;align-items:center;padding-bottom:0}.record-heading h2{font-size:48px}.record-heading p{font-size:15px;line-height:1.85}.record-board{position:relative;background:linear-gradient(130deg,#43294f,#2a1d38);border:2px solid #815083;border-radius:27px;padding:30px;box-shadow:0 7px 0 #0f0a18,0 15px 40px #0002}.record-spark{position:absolute;right:-15px;top:-25px;font-size:55px;color:#ffbf69;transform:rotate(12deg);text-shadow:0 3px 0 #794149}.record-numbers{display:grid;grid-template-columns:1fr 1fr;gap:22px}.counter-label{display:block;font-size:10px;letter-spacing:1.2px;color:#d7bade;line-height:1.6;font-weight:bold;min-height:32px}.counter-value{display:block;font-size:clamp(42px,4vw,64px);letter-spacing:-3px;line-height:1.2;min-height:80px;margin:8px 0;color:#ffbe6c;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.record-previous{border-left:1px solid #715073;padding-left:25px}.record-previous .counter-value{color:#dcb9f1}.counter-caption{display:block;font-size:12px;color:#c5a5d1;line-height:1.5}.record-track{height:13px;border:1px solid #785278;border-radius:20px;background:#1c1327;overflow:hidden;margin-top:26px}.record-track span{display:block;width:0;height:100%;border-radius:20px;background:linear-gradient(90deg,#a878dd,#ffc267);box-shadow:0 0 15px #ffb54d44;transition:width 1.8s ease}.record-board p{font-size:13px;color:#e4c5ea;margin:12px 0 20px}.record-board .text-link{font-size:13px}.app-section{padding-top:20px;padding-bottom:30px}.app-promo{border:2px solid #694b85;border-radius:35px;background:radial-gradient(ellipse at 78% 50%,#8558a64d,transparent 58%),linear-gradient(120deg,#2a1b3e,#322246);padding:55px;display:grid;grid-template-columns:1.15fr 1fr;gap:45px;align-items:center;overflow:hidden;position:relative}.kids .app-copy h2{font-size:55px}.app-copy p{font-size:16px;line-height:1.85;max-width:530px}.app-points{display:grid;gap:8px;margin:24px 0;color:#dfc2eb;font-size:14px}.download-button{gap:14px;min-width:200px;justify-content:flex-start!important}.download-button>span:last-child{display:grid;text-align:left;font-size:24px;line-height:1.15}.download-button small{font-size:9px;letter-spacing:2px;margin-bottom:3px}.download-symbol{font-size:32px;line-height:1}.link-status{font-size:12px!important;color:#bfa5cd;margin:16px 0 0!important}.kids a[aria-disabled="true"]{opacity:.65;cursor:default;transform:none!important;box-shadow:0 4px 0 #824b33}.app-visual{position:relative;min-height:420px;display:flex;justify-content:center;align-items:center}.phone-link{display:block;text-decoration:none;color:inherit;position:relative;z-index:2;cursor:pointer}.phone-link:hover .phone{box-shadow:12px 20px 0 #170e234d,0 0 28px rgba(255,187,101,.4);border-color:#e4c5ea}.phone-link:hover .phone-qr-frame{transform:scale(1.04);box-shadow:0 12px 28px rgba(0,0,0,.5),0 0 0 3px #ffa251}.phone{width:222px;height:398px;border:7px solid #b395c8;border-radius:34px;position:relative;background:#25162f;box-shadow:12px 20px 0 #170e234d,0 0 0 2px #e9cafa44;overflow:hidden;transform:rotate(8deg);animation:phoneHover 7s ease-in-out infinite;transition:border-color .3s,box-shadow .3s}.phone-camera{width:62px;height:12px;border-radius:0 0 10px 10px;background:#b395c8;margin:0 auto;position:relative;z-index:3}.phone-top{padding:14px 15px 6px;display:flex;align-items:center;justify-content:space-between;font-size:17px;color:#ffe1b7;font-weight:bold;position:relative;z-index:3}.phone-top-icon{font-size:14px;opacity:.9}.phone-screen-body{position:relative;height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.phone-map-bg{position:absolute;inset:0;opacity:.28;pointer-events:none}.phone-map-bg svg{width:100%;height:100%;object-fit:cover;transform:scale(1.2)}.phone-pin{position:absolute;border:2px solid #ffe1b1;border-radius:12px 12px 12px 2px;background:#ffad57;width:24px;height:26px;display:grid;place-items:center;color:#60302c;font-size:16px;box-shadow:0 3px 0 #9d5d3d}.pin-a{left:18%;top:18%}.pin-b{right:16%;bottom:22%;background:#c297e7;border-color:#e4d1f2}.phone-qr-card{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 8px}.phone-qr-frame{background:#fff;border-radius:16px;padding:8px;box-shadow:0 8px 24px rgba(0,0,0,.45),0 0 0 2px rgba(255,187,101,.6);display:inline-flex;justify-content:center;align-items:center;transition:transform .3s ease,box-shadow .3s ease}.phone-qr-img{display:block;width:128px;height:128px;border-radius:6px}.phone-qr-caption{margin-top:10px;display:flex;flex-direction:column;align-items:center;gap:2px}.phone-qr-scan-badge{background:#ffbb65;color:#321c3c;font-size:9px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;padding:3px 9px;border-radius:12px;margin-bottom:3px;box-shadow:0 2px 0 #ae552f;display:inline-block}.phone-qr-caption strong{font-size:13px;color:#fff0dc;font-weight:800;line-height:1.2;display:block}.phone-qr-caption small{font-size:10px;color:#c9b7d5;display:block}.phone-bottom{position:absolute;bottom:8px;width:100%;font-size:9px;text-align:center;color:#bda2cd;z-index:3;letter-spacing:.3px}.app-ghost{position:absolute;width:158px;left:-25px;bottom:5px;filter:drop-shadow(0 8px 15px #05010766);animation:buddyFloat 5s ease-in-out infinite}.app-orbit-star{position:absolute;right:0;top:0;color:#ffb968;font-size:50px;animation:sparkSpin 18s linear infinite}.preview-caption{position:absolute;bottom:-15px;color:#bfa2cc;font-size:10px}.coffee-section{padding-top:20px;padding-bottom:60px}.coffee-card{display:grid;grid-template-columns:220px 1fr;gap:40px;align-items:center;border:2px dashed #9d6c68;border-radius:30px;padding:45px;background:linear-gradient(115deg,#4b2f384d,#2b1d36)}.coffee-art{position:relative;width:200px;height:210px;display:grid;place-items:center;background:radial-gradient(ellipse,#a36b4238,transparent 70%)}.coffee-cup{font-size:112px;filter:drop-shadow(0 12px 10px #10091255);animation:coffeeRock 6s ease-in-out infinite;line-height:1.5}.coffee-steam{position:absolute;top:0;left:80px;font-size:37px;color:#ffcb91;animation:steamRise 3s ease-in-out infinite}.coffee-heart{position:absolute;right:0;top:36px;font-size:25px;color:#d68fb0;animation:buddyFloat 4s ease-in-out infinite}.kids .coffee-copy h2{font-size:43px}.coffee-copy p{max-width:760px;font-size:15px;line-height:1.8}.coffee-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px}.coffee-actions>span{font-size:12px;color:#d2b1c5}.record-board .ready{animation:counterGlow 2s ease-out}@keyframes phoneHover{50%{transform:translateY(-9px) rotate(5deg)}}@keyframes coffeeRock{50%{transform:rotate(-6deg)}}@keyframes steamRise{0%{opacity:.2;transform:translateY(9px)}60%{opacity:.8}100%{opacity:0;transform:translateY(-16px)}}@keyframes counterGlow{50%{text-shadow:0 0 20px #ffbf6877}}@media(max-width:1050px){.record-section{gap:28px}.record-heading h2{font-size:39px}.record-board{padding:25px}.app-promo{padding:35px;gap:25px}.kids .app-copy h2{font-size:45px}.app-ghost{left:-10px;width:135px}.coffee-card{grid-template-columns:150px 1fr;padding:30px;gap:30px}.coffee-art{width:150px}.coffee-cup{font-size:90px}.kids .coffee-copy h2{font-size:38px}}@media(max-width:760px){.record-section{grid-template-columns:1fr;padding-top:50px;gap:25px}.record-heading h2{font-size:40px}.record-numbers{gap:16px}.record-board{padding:25px 19px}.record-previous{padding-left:17px}.counter-label{font-size:9px;min-height:32px}.counter-value{font-size:45px;letter-spacing:-2px;min-height:65px}.counter-caption{font-size:11px}.record-spark{font-size:44px;right:-8px;top:-20px}.app-promo{grid-template-columns:1fr;padding:30px 23px;gap:30px;border-radius:26px}.kids .app-copy h2{font-size:43px}.app-copy p{font-size:15px}.app-visual{min-height:415px}.app-ghost{left:0;bottom:5px;width:130px}.app-orbit-star{right:0;font-size:35px}.coffee-card{grid-template-columns:1fr;padding:25px;gap:0}.coffee-art{width:170px;height:150px;margin:0 auto 10px}.coffee-cup{font-size:88px}.coffee-steam{left:63px;top:-8px}.coffee-heart{right:0;top:10px}.kids .coffee-copy h2{font-size:35px}.coffee-copy .eyebrow{font-size:9px;line-height:1.8}.coffee-actions{gap:18px}.record-heading p br{display:none}}
