@font-face{font-family:Manrope;src:url('assets/precin/Manrope-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/precin/Manrope-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--petrol:#061f22;--surface:#0b2b2e;--raised:#11373a;--mint:#eaf8f2;--lime:#c7f65a;--emerald:#08b982;--muted:#a9c6bf;--line:#285053;--ink:var(--mint);--paper:var(--petrol);--purple:var(--lime);--green:#8ee5ba;--dark:#031618;--radius:16px;color-scheme:dark;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--petrol);color:var(--mint);font:15px/1.6 Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:700;line-height:1.12;letter-spacing:-.035em;text-wrap:balance}h1{font-size:clamp(3rem,6vw,6rem)}h2{font-size:clamp(1.7rem,3vw,2.7rem)}h3{font-size:1.2rem}p{color:var(--muted)}::selection{background:var(--lime);color:var(--petrol)}input{caret-color:var(--lime)}input::placeholder{color:#9cbab4}*:focus-visible{outline:3px solid var(--lime);outline-offset:5px}*{scrollbar-width:thin;scrollbar-color:#3d6b63 var(--petrol)}.icon{width:21px;height:21px;vertical-align:middle;flex-shrink:0}.skip{position:absolute;left:12px;top:-80px;background:var(--lime);color:var(--petrol);padding:12px;z-index:20}.skip:focus{top:8px}.demo-strip{display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;padding:8px 16px;background:#103c39;font-size:11px;color:#c9e6dc}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--lime)}.header{max-width:1440px;margin:auto;height:112px;display:flex;align-items:center;gap:40px;padding:0 56px}.brand{display:inline-flex;flex-shrink:0;align-items:center}.brand-art{display:block;width:204px;height:66px;overflow:hidden;position:relative}.brand-art img{position:absolute;width:250px;height:auto;max-width:none;left:-24px;top:-42px}.header nav{display:flex;gap:36px;margin-left:auto;align-items:center;font-size:14px}.header nav a{padding:15px 0;color:var(--muted);border-bottom:2px solid transparent}.header nav a:hover,.header nav a.active{color:var(--mint);border-color:var(--emerald)}.count{font-size:10px;display:inline-grid;place-items:center;min-width:20px;height:20px;background:var(--raised);border-radius:6px;margin-left:5px}.admin-link{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted)}.admin-link:hover{color:var(--lime)}main{max-width:1440px;margin:auto;padding:0 56px 80px}.hero{display:grid;grid-template-columns:.92fr 1.08fr;gap:60px;padding:36px 0 42px;align-items:center;min-height:470px}.hero-copy h1 span{color:var(--lime)}.hero-description{font-size:clamp(18px,1.7vw,24px);line-height:1.5;margin-top:24px;color:var(--mint)}.license-note{font-size:12px;margin-top:22px;position:relative;padding-left:32px;line-height:1.6}.license-note .icon{position:absolute;left:0;top:2px;color:#a4e5cf}.browse-link{display:inline-flex;gap:20px;align-items:center;margin-top:30px;font-size:13px;color:var(--lime)}.browse-link:hover{text-decoration:underline;text-underline-offset:5px}.browse-link .icon{transform:rotate(90deg)}.player-stage{min-width:0}.feature-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:26px;align-items:center}.feature-art{width:100%;aspect-ratio:1;display:grid;place-items:center;background:#f6fcf8;border-radius:16px;overflow:hidden;animation:player-reveal .45s var(--ease)}.feature-art .app-logo{width:100%;height:100%;max-width:200px;max-height:200px;padding:14px;object-fit:contain;border-radius:0;background:transparent}.feature-art:has(img[src$="bobplayer.png"]){background:#123641}.feature-art img[src$="bobplayer.png"]{max-width:129px;max-height:70px;padding:14px}.feature-meta h2{font-size:clamp(20px,2.2vw,34px);overflow-wrap:anywhere;letter-spacing:-.035em}.feature-meta>p{margin-top:10px;font-size:16px;color:var(--mint)}.feature-price{font-size:clamp(29px,3.4vw,50px);font-weight:700;letter-spacing:-.035em;line-height:1.15;margin-top:25px;white-space:nowrap;font-variant-numeric:tabular-nums}.feature-meta>small{display:block;color:var(--muted);font-size:11px;margin-top:6px}.feature-meta .primary{margin-top:20px;width:100%;padding:14px 12px;font-size:12px;gap:10px}.player-dock{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:28px}.dock-choice{background:transparent;color:var(--muted);padding:0;min-width:0;font-size:10px;line-height:1.3;display:flex;flex-direction:column;gap:10px;align-items:center}.dock-art{display:grid;place-items:center;border-radius:14px;width:100%;aspect-ratio:1;background:var(--surface);border:1px solid var(--line);padding:12px;transition:border-color .25s,background .25s}.dock-art .app-logo{width:100%;height:100%;object-fit:contain;border-radius:0;padding:0;background:transparent}.dock-choice.selected{color:var(--mint);font-weight:700}.dock-choice.selected .dock-art{border:2px solid var(--lime);background:#153b37;padding:11px}.dock-choice:hover .dock-art{border-color:var(--mint)}.dock-choice:focus-visible{outline-offset:6px;border-radius:12px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:24px 0 28px;border-bottom:1px solid var(--line);margin-bottom:54px}.step{display:flex;align-items:center;gap:14px}.step-number{font-size:14px;font-weight:700;color:var(--lime);width:34px;height:34px;border:1px solid #407655;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.step strong{display:block;font-size:13px}.step small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:25px}.section-head p{font-size:13px;margin-top:10px}.segmented{display:flex;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:12px;gap:4px}.segmented button{background:transparent;color:var(--muted);font-size:13px;font-weight:700;border-radius:8px;padding:10px 20px;white-space:nowrap}.segmented button.selected{background:var(--lime);color:var(--petrol)}.segmented button span{font-weight:400;font-size:10px;margin-left:5px}.toolbar{display:flex;gap:14px;align-items:center;margin-bottom:22px}.search-wrap{position:relative;flex:1}.search-wrap .icon{position:absolute;left:16px;top:15px;color:var(--muted)}.search-wrap input{width:100%;padding:14px 16px 14px 48px;background:var(--surface);border:1px solid var(--line);border-radius:12px;color:var(--mint)}.toolbar select{padding:14px 35px 14px 16px;border:1px solid var(--line);border-radius:12px;color:var(--mint);background:var(--surface);max-width:250px}.small-note{font-size:11px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.app-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;min-width:0;transition:background .2s,border-color .2s}.app-card:hover{background:#103638;border-color:#638a78}.app-top{display:flex;gap:14px;align-items:center;min-height:64px}.app-logo{width:58px;height:58px;object-fit:contain;padding:5px;border-radius:9px;flex-shrink:0;background:#173e3e}.app-top>div{min-width:0}.app-card h3{font-size:14px;letter-spacing:-.01em;overflow-wrap:anywhere}.app-card p{font-size:10px;margin-top:7px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:23px}.price{font-size:22px;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap}.price small{display:block;font-size:10px;color:var(--muted);font-weight:400;letter-spacing:0}.card-button{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:var(--mint);background:#173e3e;border:1px solid #3f6562;flex-shrink:0}.card-button:hover{background:var(--lime);border-color:var(--lime);color:var(--petrol)}.app-details{background:none;color:var(--muted);font-size:10px;padding:15px 0 0;text-decoration:underline;text-underline-offset:4px}.app-details:hover{color:var(--lime)}.notice{font-size:12px;margin-top:24px;max-width:850px}.support{margin-top:70px;background:var(--mint);color:var(--petrol);display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center;padding:48px 65px;border-radius:16px}.support p{color:#45645d;font-size:14px;max-width:410px;margin-top:15px}.mac-example{border:1px solid #9bc6b6;border-radius:14px;padding:24px;max-width:320px;transform:rotate(-4deg)}.mac-example span{font-size:10px;letter-spacing:.13em;color:#45645d}.mac-example strong{display:block;font:700 clamp(25px,3vw,42px)/1.3 ui-monospace,monospace;color:#0d5d4b;margin-top:12px;letter-spacing:.01em}.text-button{color:var(--petrol);background:none;font-weight:700;padding:14px 0 0;display:inline-flex;gap:20px;align-items:center;font-size:13px}.text-button:hover{text-decoration:underline;text-underline-offset:5px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;margin-top:70px}.faq>div>p{font-size:13px;margin-top:15px;max-width:280px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq details:first-child{padding-top:0}.faq summary{font-size:14px;font-weight:700;cursor:pointer;list-style:none;padding-right:30px;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:0;font-size:22px;line-height:1;color:var(--lime)}.faq details[open] summary:after{content:'−'}.faq details p{font-size:13px;padding-top:16px;max-width:66ch}footer{max-width:1328px;margin:0 auto;padding:35px 0 40px;border-top:1px solid var(--line);display:flex;gap:35px;align-items:center}footer p{font-size:13px;color:var(--mint)}footer p span{font-size:11px;color:var(--muted)}footer>a:not(.brand){font-size:12px;margin-left:auto}footer small{font-size:10px;color:var(--muted)}
/* Shared task surfaces */
.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:12px;padding:14px 20px;font-size:13px;font-weight:700;line-height:1.5}.primary{background:var(--lime);color:var(--petrol)}.primary:hover{background:#ddff95}.secondary{background:var(--surface);color:var(--mint);border:1px solid var(--line)}.secondary:hover{border-color:var(--muted)}.full{width:100%}.page-head{margin:30px 0}.page-head h1{font-size:clamp(32px,4vw,50px)}.page-head p{margin-top:16px;font-size:14px}.back{display:inline-flex;align-items:center;gap:10px;font-size:12px;color:var(--lime);margin-bottom:24px}.back .icon{transform:rotate(180deg)}.empty{padding:60px 24px;text-align:center;border:1px dashed var(--line);border-radius:16px;grid-column:1/-1}.empty>.icon{width:32px;height:32px;color:var(--lime);margin-bottom:20px}.empty p{margin:14px auto 24px;max-width:450px}.order-item{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:16px;margin-bottom:16px}.order-item p{font-size:12px;margin:8px 0 12px}.status{display:inline-block;font-size:11px;font-weight:700;padding:5px 9px;border-radius:6px;background:#36423a;color:#e7e6b4}.status.paid,.status.activating{color:#d6f8bc;background:#194938}.status.active{background:#164e3c;color:#a2f0c6}.status.review{background:#58442b;color:#ffe3a3}.status.expired{background:#4a3735;color:#f8c3b7}.admin-banner{padding:18px 22px;margin-bottom:26px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--muted);font-size:13px}.admin-tabs{display:flex;gap:8px;margin:30px 0 24px}.admin-tabs button{padding:12px 18px;background:var(--surface);color:var(--muted);border-radius:9px;font-size:13px}.admin-tabs button.selected{background:var(--lime);color:var(--petrol);font-weight:700}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{font-size:11px;font-weight:700;color:var(--muted);padding:18px;background:var(--surface)}td{padding:14px 18px;border-top:1px solid var(--line);white-space:nowrap}td img{width:30px;height:30px;object-fit:contain;vertical-align:middle;margin-right:12px}table input[type=number]{width:110px;padding:9px 12px;background:var(--surface);border:1px solid var(--line);border-radius:7px;color:var(--mint)}input[type=checkbox]{accent-color:var(--emerald);width:18px;height:18px}.table-action{padding:20px 0 40px}.form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;padding:25px;background:var(--surface);border-radius:14px}.form-grid .error{grid-column:1/-1}label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}.field{width:100%;border:1px solid var(--line);padding:14px;border-radius:10px;background:var(--petrol);color:var(--mint)}.error{color:#ffc1b1;font-size:12px;min-height:18px;margin-top:8px}.info-panel{padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:16px}.info-panel h3{margin-bottom:14px}.info-panel p{font-size:13px;margin:10px 0;max-width:75ch}.info-panel ol{color:var(--muted);padding-left:20px;font-size:13px;line-height:2}.info-panel a{color:var(--lime);text-decoration:underline}.badge{display:inline-block;font-size:10px;letter-spacing:0;line-height:1.4;color:#d8e8ce;padding:5px 8px;background:#2a493d;border-radius:5px;vertical-align:middle}.badge.green{background:#174d38;color:#a3efc1}.spacer{margin-top:30px}
/* Focused checkout, payment and activation */
dialog{padding:0;border:1px solid #46695d;border-radius:16px;width:min(580px,calc(100% - 28px));max-height:90dvh;background:var(--surface);color:var(--mint);overscroll-behavior:contain}dialog::backdrop{background:#021314dc}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:28px 28px 20px}.dialog-head h2{font-size:25px;line-height:1.18}.close{width:36px;height:36px;border-radius:50%;background:#234842;color:var(--mint);font-size:24px;line-height:1;flex-shrink:0}.dialog-body{padding:0 28px 28px}.checkout-progress{display:flex;gap:10px;margin:3px 0 24px;font-size:10px;color:var(--muted)}.checkout-progress span{flex:1;border-top:2px solid var(--line);padding-top:10px}.checkout-progress .current{border-color:var(--lime);color:var(--lime)}.summary{display:flex;align-items:center;gap:13px;background:#133c37;border-radius:12px;padding:16px;margin-bottom:22px}.summary img{width:48px;height:48px;object-fit:contain;padding:5px;background:#214641;border-radius:8px}.summary strong{font-size:14px}.summary p{font-size:11px;margin-top:5px}.summary-price{margin-left:auto;font-size:16px;font-weight:700;white-space:nowrap}.help{font-size:12px;line-height:1.65;margin:10px 0 20px;color:var(--muted)}.confirm-line{display:flex;gap:10px;align-items:flex-start;font-size:12px;font-weight:400;color:var(--muted);margin:20px 0}.confirm-line input{margin:2px 0 0;flex-shrink:0}.fine-print{font-size:10px;margin-top:17px;line-height:1.7}.payment-box{padding:28px 20px;background:#123b35;border-radius:14px;text-align:center;margin-bottom:22px}.payment-box>.icon{width:44px;height:44px;color:var(--lime);margin:20px 0 12px}.payment-box strong{display:block;font-size:38px;letter-spacing:-.03em;font-weight:700}.payment-box p{font-size:12px;margin-top:10px}.details{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0;padding:22px 0}.details dt{font-size:10px;color:var(--muted);margin-bottom:5px}.details dd{margin:0;font-size:12px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.activation-state{text-align:center;padding:14px 0 24px}.activation-state h3{font-size:29px;max-width:400px;margin:16px auto 14px}.activation-state p{font-size:13px;max-width:365px;margin:0 auto}.activation-state .poll-note{font-size:10px;display:flex;gap:8px;align-items:center;justify-content:center;margin-top:20px}.poll-note .icon{width:16px;height:16px}.activation-loader{width:66px;height:66px;border:3px solid #325449;border-top-color:var(--lime);border-radius:50%;margin:4px auto 24px;animation:spin 1.15s linear infinite}.success-mark{display:grid;place-items:center;width:76px;height:76px;background:var(--lime);color:var(--petrol);border-radius:50%;margin:4px auto 20px;animation:player-reveal .6s var(--ease)}.success-mark .icon{width:35px;height:35px}.demo-tag{display:inline-block;color:var(--muted);font-size:10px;margin-top:18px}.activation-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-block:1px solid var(--line);list-style:none;padding:18px 0;margin:0}.activation-steps li{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:10px}.activation-steps strong{font-size:10px;line-height:1.5}.activation-steps .icon{width:17px;height:17px}.activation-steps .done,.activation-steps .current{color:var(--lime)}.event-history{margin-top:20px}.event-history summary{font-size:12px;cursor:pointer;color:var(--muted)}.timeline{list-style:none;padding:0;margin:16px 0 24px}.timeline li{border-left:1px solid #52775d;padding:3px 0 16px 17px;position:relative;font-size:11px}.timeline li:before{content:'';position:absolute;left:-4px;top:9px;width:7px;height:7px;background:var(--lime);border-radius:50%}.timeline small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.lab{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.lab summary{color:var(--lime);font-size:12px;cursor:pointer}.lab p{font-size:11px;margin:12px 0}.lab-actions{display:flex;gap:8px;flex-wrap:wrap}.lab-actions button{font-size:11px;padding:11px;background:#244b3c;color:#dbf6cf;border-radius:8px}.lab-actions span{font-size:11px;color:var(--muted)}.review-message{padding:16px;background:#4c4029;border:1px solid #786544;border-radius:12px;font-size:12px;color:#ffe4ac}.license-info{margin:0 0 24px}.license-info dt{font-size:12px;font-weight:700;margin-top:18px}.license-info dd{font-size:12px;color:var(--muted);margin:6px 0 0}.receipt-brand{font-size:30px;font-weight:700;color:var(--lime);padding:12px 0 18px}.receipt-brand span{display:block;font-size:11px;font-weight:400;color:var(--muted)}.receipt{font:11px/1.8 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;padding:20px;background:var(--petrol);border:1px dashed #547865;border-radius:10px}.receipt-actions{display:flex;gap:10px;margin-top:20px}.center{text-align:center}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--mint);color:var(--petrol);border-radius:12px;padding:15px 24px;max-width:90%;z-index:30;font-size:13px;display:none;box-shadow:0 12px 40px #0004}#toast.show{display:block}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes player-reveal{from{opacity:.7;transform:translateY(8px);clip-path:inset(3% 0 0 round 16px)}to{opacity:1;transform:translateY(0);clip-path:inset(0 round 16px)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1500px){.hero{gap:70px}.hero-copy h1{font-size:84px}}
@media(max-width:1180px){.header{padding-inline:36px;gap:28px}main{padding-inline:36px}.hero{gap:34px}.feature-main{gap:20px}.feature-meta .primary{font-size:11px;padding-inline:9px}.feature-meta .primary .icon{width:16px}.player-dock{gap:10px}.dock-art{padding:8px}.dock-choice.selected .dock-art{padding:7px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.support,.faq{gap:40px}footer{margin-inline:36px;gap:25px}footer .brand-art{width:160px;height:53px}footer .brand-art img{width:200px;left:-20px;top:-34px}}
@media(max-width:900px){.header{height:95px;padding-inline:24px;gap:20px}.header nav{gap:23px;font-size:12px}.brand-art{width:175px;height:58px}.brand-art img{width:216px;left:-21px;top:-36px}main{padding-inline:24px}.hero{gap:25px;grid-template-columns:.8fr 1.2fr;padding-top:25px;min-height:420px}.hero-copy h1{font-size:54px}.hero-description{font-size:17px}.feature-main{grid-template-columns:.8fr 1.2fr;gap:16px}.feature-meta h2{font-size:22px}.feature-meta>p{font-size:12px}.feature-price{font-size:34px;margin-top:18px}.feature-art .app-logo{padding:10px}.feature-meta .primary{font-size:10px;gap:5px}.dock-choice{font-size:8px}.player-dock{margin-top:22px;gap:8px}.steps{margin-bottom:40px}.step{gap:10px}.step strong{font-size:11px}.step small{font-size:10px}.app-card{padding:17px}.app-top{gap:10px}.app-logo{width:48px;height:48px}.app-card h3{font-size:13px}.app-card p{font-size:9px}.support{padding:35px}.faq{grid-template-columns:.75fr 1.25fr}.support h2,.faq h2{font-size:30px}footer{margin-inline:24px;flex-wrap:wrap}footer small{margin-left:auto}.form-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.header{height:auto;min-height:118px;display:grid;grid-template-columns:1fr auto;gap:5px 20px;padding:13px 20px 15px}.header nav{grid-column:1/-1;grid-row:2;justify-content:center;margin:0;gap:40px;font-size:12px}.header nav a{padding:7px 0}.admin-link{font-size:12px;gap:8px}.admin-link .icon{width:18px}.brand-art{width:162px;height:53px}.brand-art img{width:200px;top:-34px;left:-20px}.demo-strip{font-size:9px;gap:5px;padding-inline:8px}main{padding:0 20px 48px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:30px;padding:30px 0 22px;min-height:0}.hero-copy h1{font-size:clamp(46px,12vw,64px);line-height:1.02}.hero-description{font-size:17px;margin-top:20px}.hero-description br{display:none}.license-note{font-size:10px;margin-top:16px}.browse-link{display:none}.feature-main{grid-template-columns:1fr 1.1fr;gap:22px}.feature-art{max-width:210px}.feature-meta h2{font-size:24px}.feature-meta>p{font-size:12px;margin-top:7px}.feature-price{font-size:36px;margin-top:15px}.feature-meta>small{font-size:10px}.feature-meta .primary{font-size:10px;padding:12px 7px;margin-top:15px;border-radius:10px}.feature-meta .primary .icon{width:15px;height:15px}.player-dock{gap:10px;margin-top:22px}.dock-choice{font-size:8px}.dock-art{padding:7px;border-radius:11px}.dock-choice.selected .dock-art{padding:6px}.steps{gap:10px;padding:23px 0;margin-bottom:32px}.step{flex-direction:column;align-items:flex-start;gap:9px}.step-number{width:25px;height:25px;font-size:11px}.step strong{font-size:10px}.step small{font-size:9px;line-height:1.4;margin-top:5px}.section-head{align-items:stretch;flex-direction:column;gap:18px;margin-bottom:18px}.section-head h2{font-size:29px}.section-head p{font-size:12px;margin-top:9px}.segmented button{flex:1;font-size:12px}.toolbar{flex-wrap:wrap;gap:10px}.search-wrap{flex-basis:100%}.toolbar select{max-width:none;flex:1;font-size:11px;padding:12px}.small-note{font-size:10px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.app-card{padding:15px}.app-top{display:block;min-height:109px}.app-card .app-logo{width:52px;height:52px;margin-bottom:13px}.app-card h3{font-size:13px;letter-spacing:-.025em}.app-card p{font-size:9px;margin-top:7px}.card-bottom{margin-top:15px;gap:7px}.price{font-size:21px}.price small{font-size:9px}.card-button{width:30px;height:30px}.card-button .icon{width:16px}.app-details{font-size:9px;padding-top:14px}.notice{font-size:11px;line-height:1.7;margin-top:20px}.support{margin-top:42px;grid-template-columns:1fr;padding:27px;gap:25px}.mac-example{max-width:235px;padding:17px;transform:rotate(-3deg)}.mac-example strong{font-size:28px}.mac-example span{font-size:8px}.support h2{font-size:31px}.support p{font-size:12px}.text-button{font-size:11px;gap:12px;padding-top:20px}.faq{margin-top:42px;grid-template-columns:1fr;gap:30px}.faq h2{font-size:30px}.faq>div>p{max-width:none;font-size:12px;margin-top:10px}.faq summary{font-size:12px}.faq details p{font-size:12px}footer{margin-inline:20px;display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-block:27px}footer .brand{grid-column:1/-1}footer p{font-size:11px;grid-column:1/-1}footer>a:not(.brand){margin-left:0;font-size:11px}footer small{font-size:9px}.page-head{margin-top:28px}.page-head h1{font-size:34px}.page-head p{font-size:12px}.order-item{align-items:flex-start;flex-direction:column;padding:20px;gap:18px}.order-item .secondary{width:100%}.order-item p{font-size:11px}.admin-banner{font-size:12px;padding:16px}.admin-tabs{overflow:auto;gap:7px}.admin-tabs button{font-size:11px;white-space:nowrap;padding:10px 13px}.form-grid{grid-template-columns:1fr;padding:20px}.info-panel{padding:20px}.info-panel h3{font-size:18px}.info-panel h3 .badge{display:table;margin-top:10px}.dialog-head{padding:22px 20px 18px}.dialog-head h2{font-size:22px}.dialog-body{padding:0 20px 24px}.summary{padding:12px;gap:10px}.summary strong{font-size:12px}.summary-price{font-size:14px}.summary img{width:40px;height:40px}.checkout-progress{font-size:9px}.activation-state h3{font-size:26px}.activation-state p{font-size:12px}.activation-steps{gap:8px}.activation-steps li{display:block}.activation-steps .icon{display:block;margin-bottom:6px}.activation-steps strong{font-size:9px}.receipt-actions{flex-direction:column}.receipt{font-size:10px;padding:15px}.details{gap:15px}.details dd{font-size:11px}}
@media(max-width:370px){main{padding-inline:16px}.feature-main{gap:14px}.feature-meta h2{font-size:20px}.feature-price{font-size:31px}.feature-meta .primary{font-size:9px}.grid{gap:10px}.app-card{padding:12px}.price{font-size:19px}.player-dock{gap:7px}.dock-choice{font-size:7px}.demo-strip{font-size:8px}.header{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.activation-loader{border-right-color:var(--lime)}}
@media print{body>*{display:none!important}body:has(dialog[open]) dialog[open]{display:block!important;position:static;width:100%;max-height:none;border:0;box-shadow:none;background:white;color:#061f22}.dialog-head .close,.receipt-actions{display:none!important}.receipt,.receipt-brand,.receipt-brand span{background:white;color:#061f22;border:0}}

/* The steps sit beside the selected player on wide screens, like the approved composition. */
@media(min-width:681px){.hero{grid-template-rows:auto auto;gap:30px 60px;align-items:stretch;padding-top:28px;padding-bottom:48px}.hero-copy{grid-column:1;grid-row:1;align-self:end}.player-stage{grid-column:2;grid-row:1 / span 2;align-self:center}.hero .steps{grid-column:1;grid-row:2;align-self:start;padding:8px 0 0;margin:0;border:0;gap:13px}.hero .step{gap:10px;align-items:flex-start}.hero .step-number{width:25px;height:25px;font-size:10px}.hero .step strong{font-size:11px}.hero .step small{font-size:10px;line-height:1.5}.catalog-section{border-top:1px solid var(--line);padding-top:42px}.hero-description{margin-top:22px}}
@media(min-width:681px) and (max-width:1050px){.hero{gap:25px 30px}.hero .step{flex-direction:column;gap:9px}.hero .step strong{font-size:10px}.hero .step small{font-size:9px}}
@media(max-width:680px){.hero .steps{margin:0;padding:0 0 8px;border:0}.catalog-section{border-top:1px solid var(--line);padding-top:28px}.dock-choice{font-size:9px}.dock-choice>span:last-child{overflow-wrap:anywhere;max-width:100%}}
.app-logo[src$="allplayer.png"]{object-fit:contain;padding:12px}
/* Transparent brand artwork: no crop, matte, blend mode or surrounding backdrop. */
.header .brand-art,footer .brand-art{width:204px;height:68px;overflow:visible;display:flex;align-items:center}
.header .brand-art img,footer .brand-art img{position:static;display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.hero-description strong{font-weight:700;color:var(--lime)}
.automation-note{font-size:12px;line-height:1.65;margin-top:15px;color:var(--mint)}
.automation-note span{font-size:11px;color:var(--muted)}
.price-before{display:block;font-size:11px;line-height:1.5;font-weight:400;letter-spacing:0;color:var(--muted);margin-bottom:5px}
.price-before del{text-decoration-thickness:1px;text-decoration-color:#92baad}
.feature-price .price-before{font-size:13px;margin-bottom:7px}
.feature-art{cursor:pointer;transition:transform .45s var(--ease),background .3s;border:0;padding:0}
.feature-art .app-logo{transition:transform .55s var(--ease)}
.feature-art:has(img[src$="vuplayer.svg"]){background:var(--mint)}
.app-card{position:relative;isolation:isolate;transition:transform .4s var(--ease),border-color .3s,background .3s}
.app-card .app-logo{transition:transform .45s var(--ease)}
.app-card .app-details{display:inline-block;text-decoration:none;color:var(--muted);font-size:11px}
.card-hit{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:inherit;background:transparent;z-index:2;padding:0}
.card-hit:focus-visible{outline:3px solid var(--lime);outline-offset:4px}
.app-card:focus-within{border-color:var(--lime);background:#123b37}
.app-card .card-button{transition:background .25s,color .25s,transform .3s var(--ease)}
.app-detail-intro{display:flex;gap:20px;align-items:center;margin:2px 0 25px}
.app-detail-intro .app-logo{width:82px;height:82px;padding:9px;background:#173e3e;border-radius:14px}
.app-detail-intro p{font-size:12px;margin-bottom:6px}.app-detail-intro strong{font-size:15px;line-height:1.5;display:block}
.detail-plans{display:flex;gap:12px;margin-bottom:24px}.detail-plans>button{flex:1;text-align:left;padding:18px;border:1px solid var(--line);background:var(--petrol);color:var(--mint);border-radius:12px;min-height:128px;transition:border-color .2s,background .2s}
.detail-plans>button.selected{border:2px solid var(--lime);padding:17px;background:#153c32}
.detail-plans>button>strong{font-size:14px;display:block;margin-bottom:12px}
.detail-plans .price-before{font-size:10px;margin-bottom:2px}.detail-plan-price{display:block;font-size:27px;font-weight:700;letter-spacing:-.03em;line-height:1.3}
.detail-plans small{display:block;color:var(--muted);font-size:10px;margin-top:6px}
#checkout[open]{animation:dialog-enter .28s var(--ease)}
@keyframes dialog-enter{from{opacity:.75;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (pointer:fine){
 .app-card:hover{transform:translateY(-5px);background:#123b37;border-color:#6b9782}
 .app-card:hover .app-logo{transform:scale(1.065)}
 .app-card:hover .card-button{background:var(--lime);border-color:var(--lime);color:var(--petrol);transform:translateX(2px)}
 .app-card:hover .app-details{color:var(--lime)}
 .feature-art:hover .app-logo{transform:scale(1.06)}
 .feature-art:hover{transform:translateY(-3px)}
 .dock-choice .dock-art{transition:transform .4s var(--ease),border-color .2s,background .2s}
 .dock-choice:hover .dock-art{transform:translateY(-5px)}
 .primary{transition:background .25s,transform .3s var(--ease)}.primary:hover{transform:translateY(-2px)}
 .detail-plans>button:hover{border-color:var(--lime)}
}
@media(hover:none){.card-hit:active{background:#c7f65a10}.app-card:active{transform:scale(.985)}.dock-choice:active .dock-art{transform:scale(.96)}}
@media(max-width:680px){
 .header .brand-art,footer .brand-art{width:165px;height:55px}
 .hero-description{font-size:20px}.automation-note{font-size:11px;margin-top:12px}.automation-note span{font-size:10px}
 .hero .license-note{margin-top:15px}.feature-price .price-before{font-size:11px;margin-bottom:4px}
 .feature-meta .primary{font-size:11px;min-height:44px}.app-card .app-details{font-size:10px;line-height:1.4}
 .app-card .price-before{font-size:10px}.app-card .price{font-size:23px}.card-bottom{min-height:80px;margin-top:10px}
 .app-detail-intro{gap:14px;margin-bottom:20px}.app-detail-intro .app-logo{width:65px;height:65px}.app-detail-intro strong{font-size:13px}
 .detail-plans{gap:10px}.detail-plans>button{padding:14px}.detail-plans>button.selected{padding:13px}.detail-plan-price{font-size:25px}
 .detail-plans>button>strong{font-size:13px}.detail-plans .price-before,.detail-plans small{font-size:10px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.app-card:hover,.app-card:active,.feature-art:hover,.feature-art:hover .app-logo,.dock-choice:hover .dock-art,.primary:hover{transform:none}}
/* Commerce layer: a clear offer, reassuring details, and a phone-first account. */
.bestseller{display:inline-flex;align-items:center;gap:7px;background:var(--lime);color:var(--petrol);font-size:11px;font-weight:700;border-radius:6px;padding:6px 10px;margin-bottom:14px}.bestseller::before{content:'';width:6px;height:6px;background:var(--petrol);border-radius:50%}.card-bestseller{display:inline-block;color:var(--lime);font-size:9px;font-weight:700;margin-top:8px}.hero-catalog-link{display:inline-flex;align-items:center;gap:24px;padding:12px 0;margin-top:16px;color:var(--mint);font-size:13px;font-weight:700}.hero-catalog-link .icon{transition:transform .25s var(--ease)}.hero-catalog-link:hover .icon{transform:translateX(6px)}.feature-meta .primary{background:var(--lime);color:var(--petrol);font-weight:700;min-height:50px}.feature-main:has(.bestseller) .feature-art{background:#f3f9f5}.feature-price{color:var(--mint)}.feature-price .price-before{color:var(--muted);letter-spacing:0;font-weight:400}.confidence-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0 28px;font-size:12px;color:#c4ded5}.confidence-row>span,.confidence-row>a{display:flex;align-items:center;gap:10px}.confidence-row .icon{color:var(--emerald);width:19px}.confidence-row>a .icon:last-child{width:15px}.confidence-row>a:hover{color:var(--lime)}.sales-close{margin-top:64px;padding:44px 48px;display:grid;grid-template-columns:1fr auto;gap:20px 40px;background:var(--lime);color:var(--petrol);border-radius:16px;align-items:center}.sales-close h2{font-size:48px;line-height:1.02}.sales-close p{color:#274e42;max-width:54ch;margin-top:20px;font-size:14px}.sales-close .primary{background:var(--petrol);color:var(--lime);min-height:54px}.sales-close>span{grid-column:2;font-size:12px;text-align:center;margin-top:-14px}.footer-links{display:flex;flex-wrap:wrap;gap:20px;margin-left:auto;font-size:11px}.footer-links small{flex-basis:100%;text-align:right}.footer-links a:hover{color:var(--lime)}
.account-welcome{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:center;padding:70px 0}.account-welcome h1{font-size:clamp(42px,5vw,68px);max-width:9ch}.account-welcome p{max-width:44ch;margin:24px 0 30px;font-size:16px}.account-welcome .text-button{display:block}.account-preview{background:var(--surface);border-radius:16px;padding:36px}.account-preview h2{font-size:25px;margin:25px 0}.account-preview>div{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-top:1px solid var(--line);font-size:12px}.account-preview>div span{color:var(--muted)}.account-symbol{display:grid;place-items:center;width:62px;height:62px;background:var(--lime);color:var(--petrol);border-radius:14px}.account-symbol .icon{width:28px;height:28px}.auth-intro{margin-bottom:28px;font-size:14px;max-width:48ch}.password-field{position:relative}.password-field input{padding-right:82px}.password-field button{position:absolute;right:8px;top:5px;min-height:42px;padding-inline:10px;background:transparent;color:var(--muted);font-size:12px}.auth-switch{display:block;margin:auto;text-align:center}.fine-print a{color:var(--lime);text-decoration:underline;text-underline-offset:3px}.account-head,.admin-head{display:flex;align-items:center;justify-content:space-between;gap:25px}.account-actions{display:flex;align-items:center;gap:20px}.account-actions .text-button{padding:12px 0}.admin-gate{padding:80px 0;max-width:650px}.admin-gate h1{font-size:64px}.admin-gate p{margin:24px 0;max-width:50ch}.admin-gate .text-button{display:block}.admin-head h1{font-size:clamp(32px,4vw,48px)}.admin-connected{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted);white-space:nowrap}.admin-intro{margin:32px 0}.admin-intro h2,.report-heading h2{font-size:26px}.admin-intro p,.report-heading p{margin-top:12px;font-size:13px}.provider-name{display:block;margin-top:4px;color:var(--muted);font-size:10px}.save-bar{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:24px 0}.save-bar strong{font-size:14px}.save-bar p{font-size:12px;margin-top:4px}.report-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:32px 0}.report-filters{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;align-items:end;padding:24px 0;border-block:1px solid var(--line)}.report-filters label{min-width:0;font-size:11px;margin:0}.report-filters .field{margin-top:8px;font-size:12px;padding:11px;min-height:46px;color-scheme:dark}.report-search{grid-column:span 4}.report-filters .primary{min-height:46px}.report-stats{display:grid;grid-template-columns:repeat(4,1fr);padding:35px 0;gap:24px}.report-stats article{padding-left:22px;border-left:1px solid var(--line)}.report-stats article:first-child{padding-left:0;border:0}.report-stats span{font-size:12px;color:var(--muted);display:block}.report-stats strong{font-size:clamp(26px,3vw,38px);letter-spacing:-.03em;display:block;line-height:1.2;margin:10px 0;font-variant-numeric:tabular-nums}.report-stats small{font-size:10px;color:var(--muted)}.analytics-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:35px;border-block:1px solid var(--line);padding:30px 0}.analytics-grid h3{font-size:18px}.chart-empty{display:flex;flex-direction:column;justify-content:center;min-height:240px;text-align:center;gap:12px;padding:20px}.chart-empty span{font-size:18px;max-width:25ch;margin-inline:auto}.chart-empty p{font-size:12px}.chart-bars{min-height:200px;display:flex;gap:16px;align-items:flex-end;overflow-x:auto;padding:30px 0 10px}.chart-column{flex:1;min-width:55px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.chart-column i{display:block;width:70%;max-width:44px;background:var(--emerald);border-radius:5px 5px 0 0}.chart-column>span,.chart-column small{font-size:9px;color:var(--muted);white-space:nowrap}.chart-table{font-size:12px;margin-top:20px}.chart-table summary{cursor:pointer;padding:12px 0}.ranking>div:not(.performance-note){display:flex;gap:15px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.ranking>div>span{font-size:11px;color:var(--muted)}.ranking strong{font-size:12px;color:var(--mint)}.ranking small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.ranking b{font-size:13px;margin-left:auto}.empty-ranking{font-size:12px;line-height:1.8;margin-top:25px;max-width:36ch}.performance-note{margin-top:32px;display:flex;flex-direction:column;gap:5px}.performance-note>span{font-size:12px}.performance-note strong{font-size:20px}.pagination{display:flex;gap:10px}.operation-summary{display:flex;gap:60px;padding:10px 0 35px}.operation-summary strong{display:block;font-size:38px;font-variant-numeric:tabular-nums}.operation-summary span{font-size:12px;color:var(--muted)}.audit-list{list-style:none;padding:0}.audit-list li{padding:18px 0;border-bottom:1px solid var(--line);display:flex;gap:24px;font-size:12px}.audit-list time{margin-left:auto;color:var(--muted)}.audit-list span{color:var(--muted)}.privacy-page{max-width:800px;padding:35px 0 0}.privacy-page h1{font-size:48px;margin:24px 0}.privacy-page h2{font-size:24px;margin:36px 0 16px}.privacy-page p{font-size:15px;max-width:70ch}.privacy-page .primary{margin-top:30px}
@media(max-width:900px){.account-welcome{gap:35px}.report-filters{grid-template-columns:repeat(3,1fr)}.report-search{grid-column:span 2}.report-stats{gap:16px}.report-stats strong{font-size:29px}.admin-head{align-items:flex-start;flex-direction:column}.sales-close{padding:35px}.sales-close h2{font-size:40px}.confidence-row{font-size:10px;gap:12px}.account-head{align-items:flex-start;flex-direction:column}}
@media(max-width:680px){.bestseller{font-size:9px;padding:5px 8px;margin-bottom:10px}.feature-meta .primary{min-height:48px;font-size:12px}.feature-meta h2{font-size:22px}.feature-meta>small{font-size:10px;line-height:1.5}.feature-price{font-size:37px;margin-top:17px}.hero-catalog-link{font-size:12px;margin-top:9px}.hero{gap:24px}.confidence-row{flex-direction:column;align-items:flex-start;gap:14px;padding:8px 0 24px;font-size:12px}.confidence-row .icon{width:18px}.sales-close{grid-template-columns:1fr;padding:30px 25px;margin-top:44px;gap:24px}.sales-close h2{font-size:40px}.sales-close p{font-size:13px}.sales-close .primary{font-size:12px}.sales-close>span{grid-column:auto;margin-top:-10px}.footer-links{grid-column:1/-1;margin:0;gap:20px}.footer-links small{flex-basis:auto;text-align:left;margin:0}.account-welcome{grid-template-columns:1fr;gap:35px;padding:35px 0}.account-welcome h1{font-size:46px;max-width:10ch}.account-welcome p{font-size:14px;margin:20px 0 25px}.account-preview{padding:25px}.account-preview h2{font-size:24px}.account-preview>div{font-size:11px;gap:10px}.account-head h1{font-size:34px}.account-actions{gap:25px}.admin-gate{padding:45px 0}.admin-gate h1{font-size:45px}.admin-gate p{font-size:14px}.admin-head h1{font-size:33px}.admin-connected{font-size:10px}.admin-intro h2,.report-heading h2{font-size:25px}.report-heading{flex-direction:column;align-items:flex-start;gap:20px}.report-filters{grid-template-columns:1fr 1fr;gap:14px}.report-filters .field{font-size:12px}.report-search{grid-column:1/-1}.report-filters>button{grid-column:1/-1}.report-stats{grid-template-columns:1fr 1fr;gap:28px 20px}.report-stats article{padding-left:0;border:0}.report-stats strong{font-size:30px}.report-stats span{font-size:11px}.report-stats small{font-size:10px}.analytics-grid{grid-template-columns:1fr;gap:28px}.chart-empty{min-height:170px}.ranking{padding-top:25px;border-top:1px solid var(--line)}.save-bar{flex-direction:column;align-items:stretch}.save-bar button{width:100%}.operation-summary{gap:18px;justify-content:space-between}.operation-summary strong{font-size:32px}.operation-summary span{display:block;font-size:10px;max-width:10ch}.audit-list li{display:grid;grid-template-columns:1fr 1fr;gap:8px}.audit-list time{grid-column:1/-1;margin:0;font-size:10px}.privacy-page h1{font-size:37px}.privacy-page p{font-size:14px}.field,input[type=tel],input[type=password]{font-size:16px}.card-bestseller{font-size:9px}.app-top:has(.card-bestseller){min-height:109px}}
@media(prefers-reduced-motion:reduce){.hero-catalog-link:hover .icon{transform:none}}
.app-logo[src$="ibostb-official.svg"]{background:#f3f9f5;padding:9px}.feature-art:has(img[src$="iboplayer-official-single.webp"]){background:#f3f9f5}
/* Text actions inherit a readable foreground on dark account and dialog surfaces. */
.text-button{color:var(--mint)}.support .text-button{color:var(--petrol)}

/* Checkout navigation keeps the return action visible without competing with purchase. */
.checkout-back{margin:0 0 18px;padding:8px 0;min-height:44px;text-align:left}

@media(max-width:680px){.header nav a{min-height:44px;display:inline-flex;align-items:center;gap:5px}.search-wrap input,.toolbar select{font-size:16px}}

/* Administrative controls reuse the Precin operational surface. */
.price-inline{display:flex;align-items:center;gap:8px;margin:7px 0}.price-inline>span{min-width:24px;color:var(--muted);font-size:12px}.price-inline input{min-width:105px}.readiness-list{list-style:none;padding:0;display:grid;gap:12px}.readiness-list li{padding:12px 16px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.readiness-list .status{margin-right:10px}.order-detail{display:grid;grid-template-columns:1fr 1.3fr;gap:12px;padding:18px 0}.order-detail dt{color:var(--muted)}.order-detail dd{margin:0;overflow-wrap:anywhere}.admin-tabs{flex-wrap:wrap}.admin-head p{overflow-wrap:anywhere}#customer-reason{min-height:100px;resize:vertical}

/* Real payment uses a readable, isolated QR surface on every viewport. */
.real-pix {display:grid;justify-items:center;gap:14px;padding:24px;}
.real-pix>strong {font-size:2.5rem;letter-spacing:-.04em;}
.pix-qr {display:block;width:232px;max-width:100%;height:auto;padding:12px;background:#fff;border-radius:16px;image-rendering:pixelated;}
.pix-code {resize:vertical;word-break:break-all;font:16px/1.5 ui-monospace,monospace;width:100%;}
.renewal-consent {padding:14px;background:#fff7df;border:1px solid #e0bc57;border-radius:12px;color:#493807;}
@media(max-width:600px){.real-pix{padding:16px}.real-pix .pix-qr{width:208px}}

/* Payment and activation are separate facts, including interrupted orders. */
.activation-state.interrupted{padding:24px 12px}.activation-state.interrupted h3{margin-top:18px}.activation-state.interrupted p{max-width:46ch;margin-inline:auto}.activation-steps li.interrupted{color:#ffd69e}.activation-steps li.interrupted strong{color:#ffd69e}

[data-plan][hidden]{display:none!important}