/* MySilverFix introduction: white canvas with yellow brand accents. */
.app-introduction .reference-section{padding:95px max(6vw,24px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;overflow:hidden}.reference-copy{max-width:600px}.reference-copy>p:not(.eyebrow){font-size:18px;line-height:1.8;margin-top:28px}.reference-copy>p.fine{font-size:12px;line-height:1.6}.reference-copy h1{font-size:clamp(48px,5.2vw,78px);letter-spacing:-3px;line-height:1.08}.reference-copy h2,.app-reference-faq h2{font-size:clamp(40px,4.2vw,62px);letter-spacing:-2px;line-height:1.15}.app-introduction .app-reference-hero{background:#fff;color:#171717;padding-top:75px;padding-bottom:0;min-height:780px;align-items:start}.app-reference-hero .reference-copy{padding-bottom:65px;position:relative;z-index:2}.app-reference-hero em{color:#171717;box-shadow:inset 0 -.18em var(--yellow)}.app-reference-hero .eyebrow,.app-reference-benefits .eyebrow{color:#665500}.app-reference-hero .reference-copy>p{color:#555}.web-app-button{display:inline-flex;align-items:center;gap:15px;border-radius:8px;padding:14px 22px;margin-top:32px;background:var(--yellow);color:#171717;min-height:64px;text-align:left;box-shadow:0 4px 0 #8f7700}.web-app-button>span{display:flex;flex-direction:column;gap:3px}.web-app-button small{font-size:11px;line-height:1.2}.web-app-button strong{font-size:19px;line-height:1.25}.web-app-button:hover{background:#ffe34c}.native-stores{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.native-store{border:1px solid #555;background:#ffffff08;display:flex;flex-direction:column;gap:4px;min-width:122px;padding:10px 14px;border-radius:7px}.native-store strong{font-size:15px;line-height:1.2;font-weight:600;color:#ddd}.native-store span{font-size:10px;line-height:1.3;color:#aaa}.store-coming-note{font-size:11px!important;line-height:1.5!important;color:#aaa;margin-top:16px!important;max-width:420px}.reference-hero-visual{position:relative;display:flex;align-items:flex-end;justify-content:center;align-self:end;min-height:650px;padding-top:65px}.reference-hero-visual .phone{width:310px;min-height:580px;transform:translateY(55px);padding:40px 23px 25px;color:#181818;border-width:10px;border-radius:45px;box-shadow:25px 20px 0 #f1f1ee;z-index:1}.reference-hero-visual .mock-yellow strong{font-size:33px}.reference-hero-visual .mock-row{font-size:11px}.hero-ring{position:absolute;width:500px;height:500px;border:80px solid var(--yellow);border-radius:50%;bottom:-60px;right:-100px}.app-introduction .app-reference-points{background:white;padding-bottom:0;min-height:700px;align-items:center}.app-reference-points .reference-copy{padding-bottom:90px}.app-reference-points .reference-copy>p{color:#777}.reference-points-visual{align-self:end;display:flex;justify-content:center;padding-top:25px;position:relative}.reference-points-visual:before{content:'';position:absolute;width:420px;height:420px;background:#f4f1e7;border-radius:50%;bottom:-50px}.rewards-device{width:340px;min-height:520px;border:10px solid #242424;box-shadow:8px 0 0 #bfbfbf;border-radius:45px 45px 0 0;padding:65px 20px 30px;background:#fff;position:relative;transform:translateY(30px);z-index:1}.device-island{position:absolute;top:17px;left:50%;transform:translateX(-50%);width:100px;height:26px;background:#171717;border-radius:30px}.rewards-device-title{text-align:center;font-weight:700;font-size:17px;margin:0 0 25px}.reward-account{padding:24px 20px;background:#f7f7f4;border:1px solid #e4e4de;border-radius:12px;color:#171717}.reward-account>span{font:700 26px 'Space Grotesk',sans-serif;letter-spacing:-1px;display:block}.reward-fix{color:var(--yellow)}.reward-account small{display:block;font-size:10px;margin-top:25px;color:#666}.reward-account>strong{font-size:16px;display:block;margin-top:5px;color:#171717}.reward-voucher{position:relative;margin-top:22px;background:var(--yellow);border-radius:12px;padding:25px 15px;display:flex;align-items:center;gap:12px}.reward-voucher:before,.reward-voucher:after{content:'';position:absolute;top:50%;width:12px;height:20px;background:white;border-radius:50%;transform:translateY(-50%)}.reward-voucher:before{left:-6px}.reward-voucher:after{right:-6px}.voucher-star{font-size:43px}.reward-voucher small{font-size:8px;letter-spacing:1px}.reward-voucher strong{display:block;font-size:17px;line-height:1.2;margin-top:5px}.reward-voucher p{font-size:10px;margin-top:8px}.device-lines{display:flex;gap:8px;margin-top:25px}.device-lines i{height:8px;flex:1;background:#eee;border-radius:8px}.app-introduction .app-reference-benefits{background:#fff;color:#171717;min-height:620px;border-top:1px solid #eee;border-bottom:1px solid #eee}.app-reference-benefits .reference-copy>p{color:#555}.member-visual{position:relative;padding-top:110px;min-height:400px;display:flex;align-items:center;justify-content:center}.member-crown{position:absolute;width:110px;top:0;left:50%;transform:translateX(-50%);color:var(--yellow)}.member-card{width:360px;min-height:230px;border:1px solid #766200;border-radius:20px;background:linear-gradient(135deg,#ffe251,#ffd400 70%,#d0ac00);color:#171717;padding:26px 32px;transform:none;box-shadow:18px 20px 0 #f3f3ef}.member-brand{font:700 28px 'Space Grotesk',sans-serif;letter-spacing:-1px;display:block}.member-brand>span{font-weight:400}.member-card>small{display:block;font-size:9px;letter-spacing:1px;margin-top:25px}.member-card>strong{font:700 29px/1.1 'Space Grotesk',sans-serif;display:block;margin-top:8px;letter-spacing:-1px}.member-card>div{display:flex;gap:20px;font-size:10px;margin-top:25px;padding-top:15px;border-top:1px solid #17171744}.app-introduction .app-reference-faq{display:block;background:white;overflow:visible;max-width:1100px;margin:auto;padding-top:100px;padding-bottom:85px}.faq-symbol{display:flex;align-items:center;justify-content:center;position:relative;border-radius:18px;background:var(--yellow);width:100px;height:80px;font:700 26px 'Space Grotesk',sans-serif;margin:0 0 42px;box-shadow:5px 5px 0 #181818}.faq-symbol:after{content:'';position:absolute;bottom:-14px;left:30px;border-top:16px solid var(--yellow);border-right:16px solid transparent}.faq-symbol>span{position:absolute;right:-10px;top:-18px;width:36px;height:36px;border-radius:10px;background:#171717;color:var(--yellow);font-size:23px;text-align:center;line-height:36px}.faq-callout>p{max-width:620px;color:#777;font-size:18px;line-height:1.8}.faq-drawer{margin-top:30px}.faq-drawer>summary{display:inline-block;list-style:none;cursor:pointer;background:var(--yellow);padding:14px 25px;border-radius:8px;font-weight:700}.faq-drawer>summary::-webkit-details-marker{display:none}.faq-drawer>summary:after{content:'+';padding-left:20px;font-size:20px}.faq-drawer[open]>summary:after{content:'−'}.faq-answers{margin-top:25px;max-width:860px}.faq-answers>details{border-bottom:1px solid #ddd;padding:22px 0}.faq-answers>details>summary{cursor:pointer;font-weight:700;padding-right:15px}.faq-answers p{font-size:15px;line-height:1.7;color:#666;margin:15px 0 0}.install-guide{margin-top:30px;border-top:1px solid #ddd;padding-top:20px}.install-guide>summary{font-size:13px;cursor:pointer;font-weight:600}.install-guide .install-grid{display:block;margin:20px 0 0}.install-guide .install-grid article{padding:20px;background:#f8f8f5;margin-top:12px;border-radius:8px}.install-guide h3{font-size:16px;color:#171717}.install-guide ol{font-size:13px;color:#555}.app-introduction #pasang{scroll-margin-top:150px}.app-introduction .contact{background:#fff;border-top:1px solid #eee}@media(max-width:760px){.app-introduction .reference-section{display:block;padding:58px 25px 0}.reference-copy h1{font-size:44px;letter-spacing:-1.8px}.reference-copy h2,.app-reference-faq h2{font-size:37px;letter-spacing:-1.5px}.reference-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;margin-top:25px}.app-introduction .app-reference-hero{min-height:0;padding-top:50px}.app-reference-hero .reference-copy{padding-bottom:0}.native-stores{gap:8px}.native-store{min-width:0;flex:1;padding:10px}.native-store strong{font-size:12px}.native-store span{font-size:9px}.web-app-button{margin-top:28px;padding:14px 19px;min-height:62px}.web-app-button strong{font-size:18px}.reference-hero-visual{min-height:470px;margin-top:25px;padding-top:10px;align-items:flex-start}.reference-hero-visual .phone{width:270px;min-height:500px;transform:translateY(50px);padding:35px 18px 25px}.reference-hero-visual .mock-yellow strong{font-size:28px}.hero-ring{width:350px;height:350px;border-width:55px;bottom:-50px;right:-80px}.app-introduction .app-reference-points{min-height:0;padding-top:65px}.app-reference-points .reference-copy{padding-bottom:25px}.reference-points-visual{padding-top:20px;height:470px}.rewards-device{width:290px;min-height:500px;padding:60px 16px 25px;border-width:8px}.reference-points-visual:before{width:310px;height:310px}.app-introduction .app-reference-benefits{padding-top:65px;padding-bottom:60px;min-height:0}.member-visual{min-height:360px;margin-top:35px;padding-top:105px}.member-card{width:min(295px,94%);padding:25px;min-height:230px}.member-card>strong{font-size:27px}.member-card>div{gap:16px}.member-crown{width:90px}.app-introduction .app-reference-faq{padding:65px 25px 60px}.faq-symbol{width:88px;height:72px;font-size:24px;margin-bottom:40px}.faq-callout>p{font-size:16px;line-height:1.8}.install-guide .install-grid article{padding:18px}.app-introduction .contact{padding-top:65px}}

/* Official store artwork stays intact; availability is labelled separately. */
.app-introduction .native-stores{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px;align-items:start;width:100%;max-width:365px}
.app-introduction .native-store{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;gap:7px;padding:0;background:none;border:0;min-width:0}
.app-introduction .native-store img{display:block;object-fit:contain;width:100%;height:34px;max-width:112px}
.app-introduction .native-store img[src$="google-play.png"]{width:calc(100% + 16px);max-width:130px;height:50px;margin:-8px}
.app-introduction .native-store span{font-size:9px;color:#666;line-height:1.5}
.app-introduction .store-coming-note{color:#666}
.app-introduction .web-app-button{max-width:100%}
.app-introduction .web-app-button svg{flex-shrink:0}
.app-introduction .web-app-button strong{font-size:18px}
.app-introduction footer{background:#fff;color:#171717;border-top:1px solid #e5e5e5}
.app-introduction footer .wordmark{color:#171717}
.app-introduction .footer-top,.app-introduction .branch-links{border-color:#ddd}
.app-introduction .footer-grid h3{color:#171717}
.app-introduction .footer-grid a,.app-introduction .legal{color:#555}
.app-introduction .launch-dialog{background:#fff}
.app-introduction .launch-dialog .button{background:var(--yellow);color:#171717}
@media(max-width:760px){.app-introduction .native-stores{gap:7px}.app-introduction .web-app-button{padding:14px 16px;gap:12px}.app-introduction .web-app-button strong{font-size:16px}}

/* A small double pulse, with no positional movement. */
.app-introduction .web-app-button>svg{animation:fix-heartbeat 2.4s ease-in-out infinite;transform-origin:center;transform-box:fill-box}
@keyframes fix-heartbeat{0%,30%,100%{transform:scale(1)}10%{transform:scale(1.13)}18%{transform:scale(1)}25%{transform:scale(1.09)}}
.app-introduction .web-app-button:hover>svg,.app-introduction .web-app-button:focus-visible>svg{animation-play-state:paused}
.app-introduction .launch-ad{width:300px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;padding:28px 18px 18px;border-radius:18px;text-align:center}
.app-introduction .launch-ad .eyebrow{font-size:9px;letter-spacing:1.5px;margin:0 22px 10px}
.app-introduction .launch-ad h2{font-size:24px;line-height:1.15;letter-spacing:-.7px;margin:0 14px 18px}
.launch-ad-image{display:block;width:100%;height:auto;border-radius:8px}
.launch-ad-prices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.launch-ad-prices>div{background:#fff5bf;border-radius:8px;padding:10px 4px}
.launch-ad-prices span,.launch-ad-prices small,.launch-ad-prices strong{display:block}
.launch-ad-prices span{font-size:10px;font-weight:700}
.launch-ad-prices small{font-size:9px;margin-top:7px;color:#555}
.launch-ad-prices strong{font-size:26px;line-height:1.15;font-weight:700;letter-spacing:-1px}
.app-introduction .launch-ad #launch-count{font-size:11px;margin:15px 0 0}
.app-introduction .launch-ad progress{margin:9px 0 14px}
.app-introduction .launch-ad .button{font-size:12px;padding:12px}
@media(prefers-reduced-motion:reduce){.app-introduction .web-app-button>svg{animation:none;transform:none}}