/* 128合一 CIS: bubble blue / candy pink, glossy edges and rounded controls. */
.mobile-cta .sticky-countdown{display:block;font:700 13px/1.4 monospace;font-variant-numeric:tabular-nums;letter-spacing:1px;color:#a43377}
.audiences{gap:25px;align-items:stretch;margin-top:44px}
.audiences article{--panel:#75baff;--panel-dark:#3683d1;position:relative;isolation:isolate;padding:22px 25px 29px;border:2px solid #fff;border-radius:28px;background:linear-gradient(145deg,#fff 5%,#eaf6ff 65%,#cce7ff);box-shadow:0 0 0 1px #c4dcf8,0 7px 0 #b7d3f0,0 20px 32px #658cb329,inset 0 2px 2px #fff;overflow:hidden}
.audiences article:nth-child(2){--panel:#a5a2ef;--panel-dark:#7372c3;background:linear-gradient(145deg,#fff 5%,#f0efff 65%,#dedcff);box-shadow:0 0 0 1px #d2cff3,0 7px 0 #c7c2eb,0 20px 32px #7b72b829,inset 0 2px 2px #fff}
.audiences article:nth-child(3){--panel:#ff91ce;--panel-dark:#d369a6;border-color:white;background:linear-gradient(145deg,#fff 5%,#fff0f9 65%,#ffd6ee);box-shadow:0 0 0 1px #f2c6e1,0 7px 0 #e9b8d5,0 20px 32px #b8759d29,inset 0 2px 2px #fff}
.audiences article:before{content:'';position:absolute;z-index:-1;width:210px;height:210px;right:-115px;top:65px;border:22px solid #ffffff6b;border-radius:50%;transform:rotate(-25deg)}
.audience-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.audience-code{font:700 10px/1.6 'Poppins','Noto Sans TC',sans-serif;letter-spacing:.6px;color:var(--panel-dark)}.panel-star{font-size:25px;line-height:1;color:var(--panel);text-shadow:1px 2px #fff,2px 3px 0 #b5cbe033}
.audience-emblem{width:76px;height:76px;display:grid;place-items:center;margin:25px 0 22px;color:white;background:linear-gradient(145deg,#c9e9ff,var(--panel) 48%,var(--panel-dark));border:3px solid #fff;border-radius:24px;transform:rotate(-7deg);box-shadow:0 5px 0 var(--panel-dark),0 10px 16px #8197c12b,inset 0 3px 5px #ffffffaa}
.audience-emblem svg{width:49px;height:49px;filter:drop-shadow(0 2px 0 #3065a34d);transform:rotate(7deg)}
.audiences article h3{font-size:19px;line-height:1.5;margin:0 0 12px;padding:0;letter-spacing:-.3px}.audiences article p{font-size:14px;line-height:1.85;color:#49617d;max-width:32em}.audiences article:after{content:'';display:block;width:38px;height:5px;border-radius:10px;background:var(--panel);margin-top:24px;box-shadow:12px 0 0 #fff}
.case-visual{background:transparent;border:0;padding:0;border-radius:0;box-shadow:none;overflow:visible;aspect-ratio:auto}.platform-cartridge{aspect-ratio:3/2;position:relative;width:100%;isolation:isolate;filter:drop-shadow(0 14px 12px #12356522)}
.case-visual .cartridge-shell{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;display:block;-webkit-mask-image:url('assets/cartridge-mask.webp');mask-image:url('assets/cartridge-mask.webp');-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-mode:alpha}
.cartridge-label{position:absolute;left:0;top:0;transform-origin:0 0;backface-visibility:hidden;border-radius:7px;background:#0e1b2e;overflow:hidden;visibility:hidden;display:grid;place-items:center}.case-visual .cartridge-label img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain}
.case-visual .case-tag{display:table;margin:6px auto 0;background:#ffffffb5;border:1px solid #c7dcf4;color:#40678f;border-radius:30px;padding:6px 14px;font-size:12px}.case{gap:40px}
.timeline h3{font-size:21px;line-height:1.5}.timeline p{font-size:15px;line-height:1.85}.timeline .eyebrow{font-size:12px}.reward{font-size:13px}.faq summary{font-size:16px;line-height:1.7}.faq details p{font-size:15px;line-height:1.9}
.price-card{position:relative;isolation:isolate;background:linear-gradient(135deg,#fff 0%,#edf7ff 48%,#ffe7f5 100%);border:3px solid white;border-radius:32px;padding:24px 30px 28px;box-shadow:0 0 0 2px #b9d5f5,0 9px 0 #acc9ed,0 28px 44px #47709c2b,inset 0 0 0 7px #ffffff8c;overflow:hidden}
.price-card:before{content:'';position:absolute;top:50px;right:-180px;width:440px;height:440px;border:28px solid #ffffff69;border-radius:50%;z-index:-1}.price-console-top{display:flex;justify-content:space-between;align-items:center;margin:2px 10px 28px;padding-bottom:16px;border-bottom:1px solid #cadbf0;font:800 12px/1.6 Poppins,sans-serif;color:#446b9d}.live-status{font-size:10px;letter-spacing:1px;padding:4px 8px;border-radius:8px;background:white;box-shadow:0 2px 5px #819bc526;color:#b84987}.live-status:before{content:'●';margin-right:5px;color:#ef75b8}
.console-screw{position:absolute;width:9px;height:9px;background:linear-gradient(135deg,#fff,#b5cae5);border:1px solid #a1b6d1;border-radius:50%;top:13px;box-shadow:inset 0 1px 2px #fff}.console-screw:after{content:'';position:absolute;top:3px;left:1px;right:1px;height:1px;background:#91a6c2;transform:rotate(-35deg)}.screw-a{left:13px}.screw-b{right:13px}
.price-card>.pill{font-size:13px;background:linear-gradient(180deg,#fff,#dfedff);color:#326aa8;border:1px solid #c0d8f7;box-shadow:0 3px 0 #c4d9f0;padding:7px 13px}.price-card .date{font-size:19px;margin-top:20px}.date small{font-size:13px}.price-card .price{margin:18px 0}.price-card .price strong{font-size:60px;color:#0a2d6b;text-shadow:0 2px white}.price-card .price strong small{font-size:23px}.price-card .saving{background:linear-gradient(180deg,#ffd9f0,#ffb7df);border:1px solid white;box-shadow:0 2px 0 #dfa6c8;color:#9a346e;font-size:12px;padding:4px 10px}
.countbox{background:linear-gradient(160deg,#173a70,#0a2350);border:4px solid #d1e3fa;border-radius:18px;padding:13px 18px 15px;box-shadow:inset 0 3px 7px #0315307a,0 2px 0 #fff,0 -2px 0 #99b5d9;color:#fff;position:relative;margin:20px 0 26px}
.countbox .count-label{display:flex;justify-content:center;align-items:center;gap:8px;font-size:12px;letter-spacing:2px;color:#cce3ff;margin:0 0 3px}.count-label i{width:5px;height:5px;background:#ff92d1;border-radius:50%;box-shadow:0 0 7px #ff92d1}.countbox b{font-family:Poppins,monospace;display:block;color:#fff;font-size:35px;letter-spacing:3px;line-height:1.5;text-shadow:0 0 12px #8cc7ff66}.clock-units{display:flex;justify-content:space-between;width:218px;max-width:100%;margin:0 auto;font:500 8px/1.4 Poppins,sans-serif;letter-spacing:1.4px;color:#a8c7ef}.clock-units span{flex:1}
.price-card>.button{background:linear-gradient(180deg,#ffb0de 0%,#ff7bc7 25%,#f145a6 100%);border:2px solid #ffe4f5;color:white;border-radius:30px;font-size:16px;padding:14px 15px;box-shadow:0 5px 0 #bd4087,0 10px 20px #d35b9d3b,inset 0 2px 2px #fff9;text-shadow:0 1px #c04e8c}.price-card>.button:hover{transform:translateY(-2px);box-shadow:0 7px 0 #bd4087,0 14px 22px #d35b9d40,inset 0 2px 2px #fff9}.price-card .fine{font-size:12px;margin:18px 0 14px}.payment{font-size:12px;border-top:1px solid #c7d6e8;padding-top:16px;color:#617c9d}.price-card:after{content:'';display:block;width:62px;height:12px;background:repeating-linear-gradient(90deg,#bfd1e8 0 3px,transparent 3px 7px);margin:16px auto 0;border-radius:8px;opacity:.75}
@media(max-width:1000px){.audiences{gap:20px}.audiences article{padding:20px}.audiences article h3{font-size:18px}.audience-code{font-size:9px}.case{gap:28px}.price-card{padding:24px}.timeline h3{font-size:20px}}
@media(max-width:760px){.audiences{grid-template-columns:1fr}.audiences article{padding:22px 26px 27px}.audience-code{font-size:11px}.audience-emblem{float:right;width:65px;height:65px;margin:15px 0 18px 20px;border-radius:21px}.audience-emblem svg{width:42px;height:42px}.audiences article h3{font-size:19px;margin-top:17px}.audiences article p{font-size:14px;max-width:none}.audiences article:after{clear:both;margin-top:20px}.case-visual{max-width:510px;margin:0 auto;width:100%}.case{gap:24px}.price-card{max-width:440px;padding:24px 28px 27px}}
@media(max-width:650px){.audiences{gap:26px}.audiences article h3{font-size:18px}.audiences article{border-radius:25px;padding:20px 23px 24px}.audience-code{font-size:10px}.audience-emblem{width:59px;height:59px;margin-left:14px}.audience-emblem svg{width:38px;height:38px}.audiences article p{font-size:14px;line-height:1.8}.timeline h3{font-size:19px}.timeline p{font-size:14px}.timeline .eyebrow{font-size:12px}.reward{font-size:13px}.faq summary{font-size:15px}.faq details p{font-size:14px;line-height:1.9}.price-card{padding:24px 22px;border-radius:28px}.price-card .date{font-size:19px}.price-card .date small{font-size:13px}.price-card>.button{font-size:15px;padding:14px 10px}.price-card>.pill{font-size:12px}.countbox b{font-size:34px}.price-console-top{font-size:11px}.case-visual .case-tag{font-size:11px}.case{gap:22px}}
/* Real platform screenshots supplied by the creator. */
.platform .platform-inner{display:block}
.platform-screenshots{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:780px;margin:40px auto 0;align-items:start}
.platform-screenshots figure{margin:0;min-width:0}
.platform-screenshots img{display:block;width:100%;height:auto;aspect-ratio:1179 / 2081;object-fit:cover;object-position:center top;border:5px solid #dceaff;border-radius:24px;box-shadow:0 16px 38px #001c4859;box-sizing:border-box}
.platform-screenshots figcaption{text-align:center;color:#c4d7f1;font-size:14px;line-height:1.7;margin-top:14px}
.platform .steps{align-items:center}
.platform .steps>b{display:flex;align-items:center;justify-content:center;align-self:center;line-height:1}
.ip-row{gap:22px;align-items:center}
.ip-row>div{position:relative;isolation:isolate;overflow:hidden;flex:1;min-width:0;padding:28px 22px;border:2px solid #fff;border-radius:26px;background:linear-gradient(145deg,#fff 5%,#eaf6ff 65%,#cce7ff);box-shadow:0 0 0 1px #c4dcf8,0 6px 0 #b7d3f0,0 16px 28px #658cb329,inset 0 2px 2px #fff}
.ip-row>div:nth-of-type(2){background:linear-gradient(145deg,#fff 5%,#f0efff 65%,#dedcff);box-shadow:0 0 0 1px #d2cff3,0 6px 0 #c7c2eb,0 16px 28px #7b72b829,inset 0 2px 2px #fff}
.ip-row>div:nth-of-type(3){background:linear-gradient(145deg,#fff 5%,#fff0f9 65%,#ffd6ee);box-shadow:0 0 0 1px #f2c6e1,0 6px 0 #e9b8d5,0 16px 28px #b8759d29,inset 0 2px 2px #fff}
.ip-row>div:before{content:'';position:absolute;z-index:-1;right:-45px;top:-45px;width:110px;height:110px;border:15px solid #ffffff80;border-radius:50%}
.ip-row>div:after{content:'';display:block;width:36px;height:5px;border-radius:10px;background:#86bbef;margin:18px auto 0;box-shadow:10px 0 0 #fff}
.ip-row>div:nth-of-type(2):after{background:#aca4e7}.ip-row>div:nth-of-type(3):after{background:#f493cb}
.ip-row b{font-size:19px;line-height:1.5;color:#0a2d6b}.ip-row p{font-size:14px;line-height:1.8;color:#49617d;margin-top:9px}
.ip-row>span{color:#7f9fc9;font-size:22px;line-height:1}
@media(max-width:650px){.ip-row{gap:18px}.ip-row>div{padding:22px 20px;border-radius:24px}.ip-row b{font-size:18px}.ip-row p{font-size:14px}}
@media(max-width:600px){.platform-screenshots{gap:12px;margin-top:28px}.platform-screenshots img{border-width:3px;border-radius:14px}.platform-screenshots figcaption{font-size:12px;margin-top:10px}.platform .steps{flex-wrap:wrap}}
