.checkout .checkout-heading{margin-bottom:30px}.checkout .checkout-heading h1{font-size:34px;letter-spacing:-1.2px}.checkout .checkout-heading p{font-size:13px;color:#7b7c85}.purchase-workspace{grid-template-columns:minmax(0,1fr) 35%;gap:0;border:1px solid #e1e2e8;border-radius:22px;overflow:hidden;background:white;box-shadow:0 10px 35px #00000002}.purchase-workspace .checkout-main{background:#fff}.purchase-workspace .plan-panel{padding:34px 38px 0;border-radius:0}.purchase-lead{margin-bottom:28px}.workspace-step{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#777b85;font-size:10px;margin-bottom:30px}.workspace-state{display:flex;gap:6px;align-items:center;font-size:10px}.workspace-state i{width:5px;height:5px;background:#50806c;border-radius:50%}.workspace-brand{display:flex;align-items:center;gap:16px;margin-bottom:29px}.black-mark{width:58px;height:58px;border-radius:17px;background:#202124;color:white;display:grid;place-items:center;flex-shrink:0}.black-mark img{width:33px;height:33px;object-fit:contain;filter:invert(1)}.workspace-brand h2{font-size:24px;letter-spacing:-.7px}.workspace-brand p{font-size:11px;color:#82838b;margin-top:6px;line-height:1.7}.personal-label{margin-left:auto;display:flex;align-items:center;gap:5px;border:1px solid #e3e4e9;border-radius:16px;padding:4px 8px;font-size:10px;color:#83858e;white-space:nowrap}.plan-intro h3{font-size:23px;letter-spacing:-.7px;line-height:1.5}.plan-intro p{font-size:12px;line-height:1.9;color:#7a7c86;margin-top:7px}.purchase-workspace .panel-heading{margin-bottom:12px}.purchase-workspace .panel-heading h2{font-size:12px;font-weight:400;letter-spacing:0}.purchase-workspace .panel-heading>span{font-size:11px}.purchase-workspace .plan-options{gap:10px}.purchase-workspace .plan-option{padding:17px 18px;min-height:80px;border-color:#e1e2e8;gap:12px;background:white}.purchase-workspace .plan-option.active{background:#f2f7ff;border:1.5px solid #1681ff;box-shadow:0 0 0 .25px #1681ff}.purchase-workspace .plan-option input{align-self:flex-start;margin-top:4px;width:16px;height:16px;accent-color:#087cff}.purchase-workspace .plan-text strong{font-size:16px;font-weight:500}.purchase-workspace .plan-text small{font-size:11px;color:#80828b}.purchase-workspace .plan-price{font-weight:600;display:flex;align-items:baseline;gap:3px}.purchase-workspace .plan-price b{font-size:25px;letter-spacing:-.9px;font-weight:600}.purchase-workspace .plan-currency{font-size:12px;color:#555}.purchase-workspace .plan-price small{font-size:11px;color:#777}.purchase-workspace .plan-note{font-size:11px;line-height:1.9;margin-top:20px;color:#8a8c94}.workspace-features{display:flex;flex-wrap:wrap;gap:16px;margin:24px 0;color:#777b85;font-size:10px}.workspace-features>span{display:flex;gap:6px;align-items:center}.workspace-features svg{color:#454a52}.workspace-bottom{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #e3e5eb;padding:18px 0;color:#7f838d;font-size:10px;line-height:1.7}.workspace-bottom>span,.workspace-bottom>a{display:flex;align-items:center;gap:7px}.workspace-bottom>a{color:#444}.workspace-bottom svg{width:13px;height:13px}.purchase-workspace .order-summary{position:static;border-radius:0;padding:32px 32px 20px;border-left:1px solid #e1e2e8;background:#f7f7fa;display:flex;flex-direction:column;align-self:stretch;min-width:0}.purchase-workspace .order-summary h2{display:flex;align-items:center;justify-content:space-between;font-size:15px;letter-spacing:-.3px}.wallet-mark{color:#858892}.purchase-workspace .selected-product{margin-top:30px;padding-bottom:5px;border:0;gap:11px}.purchase-workspace .selected-product>img{background:#202124;filter:invert(1);border-radius:11px;width:38px;height:38px;padding:8px;box-sizing:content-box}.purchase-workspace .selected-product strong{font-size:13px;font-weight:500}.purchase-workspace .selected-product span{font-size:10px;color:#818591}.purchase-workspace .summary-list{margin:24px 0;gap:19px;font-size:11px}.purchase-workspace .summary-list dt{color:#818591}.purchase-workspace .summary-list dd{color:#393e49}.purchase-workspace .quote-list{padding-top:21px;border-top:1px solid #e1e3e9;margin-top:3px;margin-bottom:21px;gap:13px}.purchase-workspace .summary-total{padding-top:20px;border-color:#e1e3e9}.purchase-workspace .summary-total>span{color:#343945}.purchase-workspace .summary-total strong{font-size:35px;letter-spacing:-1.3px}.purchase-workspace .summary-total small{font-size:17px}.purchase-workspace .summary-caption{font-size:9px;margin-bottom:23px;color:#969aa5}.purchase-workspace .primary-button:disabled{background:#7eb2ef;color:white;font-size:12px;min-height:41px;justify-content:center;gap:12px}.purchase-workspace .outline-button{background:transparent;border-color:#e0e4ec;color:#747f92;font-size:11px}.purchase-workspace .summary-note{font-size:10px;line-height:1.9;color:#8b92a0;margin-top:13px;margin-bottom:26px}.watch-tutorial{display:flex;align-items:center;gap:8px;background:#edf3fc;border:1px solid #e4ebf6;padding:12px 10px;border-radius:10px;margin-top:auto;color:#0879ec;flex-wrap:wrap}.watch-tutorial>span{display:grid;place-items:center;width:24px;height:24px;background:#e0edff;border-radius:50%;flex-shrink:0}.watch-tutorial small{font-size:10px;color:#7b8799}.watch-tutorial strong{font-size:11px;font-weight:500}.watch-tutorial b{font-size:15px;font-weight:400;margin-left:auto}.checkout>.product-explanation{padding:28px 32px;background:#f2f3f6;border-radius:14px;margin-top:32px}.checkout>.product-explanation h2{font-size:16px;margin-bottom:12px}.checkout>.product-explanation p{font-size:12px;line-height:2;color:#7a8190}
.flow-tutorial{padding-top:66px;scroll-margin-top:15px}.flow-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:30px}.flow-heading>div>span{font-size:11px;color:#8b909a}.flow-heading h2{font-size:29px;letter-spacing:-1px;margin-top:11px}.flow-heading p{font-size:12px;color:#828894;line-height:1.9;margin-top:11px}.flow-controls{display:flex;gap:9px;align-items:center;flex-shrink:0}.flow-controls button{font-size:12px;color:#7c8492;height:38px;min-width:38px;border-radius:9px}.flow-toggle{border:1px solid #e0e3e9;background:#fff;font-size:15px!important;color:#343b46!important}.flow-replay{padding:0 9px}.flow-replay span{margin-left:6px}.flow-layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:35px}.flow-steps{list-style:none;margin:0;padding:6px 0 0;display:flex;flex-direction:column;gap:8px}.flow-steps button{display:flex;gap:12px;align-items:center;text-align:left;width:100%;padding:16px 13px;min-height:76px;border-radius:12px;color:#9299a5}.flow-steps button>span{width:29px;height:29px;border:1px solid #dfe3eb;border-radius:50%;font-size:11px;display:grid;place-items:center;flex-shrink:0}.flow-steps strong{font-size:12px;font-weight:500;line-height:1.7;display:block}.flow-steps small{display:block;font-size:10px;color:#9ba2ae;margin-top:5px}.flow-steps b{margin-left:auto;font-size:20px;font-weight:400;visibility:hidden}.flow-steps .active{background:#edf3fd;color:#39475e}.flow-steps .active>span{color:white;background:#087af0;border-color:#087af0}.flow-steps .active b{visibility:visible}.flow-player{min-width:0}.flow-browser{border:1px solid #dfe3ec;background:white;border-radius:16px;overflow:hidden;box-shadow:0 12px 35px #26385505}.flow-bar{display:flex;align-items:center;gap:16px;padding:0 16px;height:43px;background:#f1f3f7;border-bottom:1px solid #e2e6ee}.flow-bar>div{display:flex;gap:5px}.flow-bar i{width:5px;height:5px;background:#bcc3cf;border-radius:50%;display:block}.flow-bar>span{font-size:10px;color:#929cac;background:#ffffffb0;flex:1;text-align:center;padding:6px 12px;border-radius:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-bar>small{font-size:9px;color:#a0a9b5;white-space:nowrap}.flow-scene{height:350px;display:grid;place-items:center;padding:22px;background:radial-gradient(ellipse at center,#fbfcff,#fff)}.flow-scene>div{animation:flow-scene-enter .5s cubic-bezier(.2,.8,.2,1) both}.flow-progress{height:3px;background:#f0f2f6}.flow-progress>span{display:block;height:100%;background:#1682ff;width:0}.flow-caption{display:flex;justify-content:space-between;gap:24px;margin-top:22px;min-height:112px}.flow-caption>div:first-child{flex:1;min-width:0}.flow-caption #flow-count{font-size:10px;color:#9ba5b5;letter-spacing:1px}.flow-caption h3{font-size:19px;letter-spacing:-.5px;margin-top:8px}.flow-caption p{font-size:12px;color:#8b94a3;line-height:1.95;margin-top:8px}.flow-caption>div:last-child{display:flex;gap:5px;align-items:flex-start;padding-top:12px}.flow-caption button{width:31px;height:31px;font-size:17px;color:#7b879a;border-radius:7px}.flow-caption button:hover{background:#eef2f8}.flow-caption button:disabled{color:#c8cfda}.flow-scope{font-size:11px;color:#9ba4b2;border-top:1px solid #e5e8ef;padding-top:19px;margin-top:26px;line-height:1.9}
.demo-order,.demo-redeem,.demo-session,.demo-result{width:min(370px,100%);position:relative;color:#3b4658}.demo-order h3,.demo-redeem h3,.demo-session h3,.demo-result h3{font-size:21px;letter-spacing:-.6px;line-height:1.5}.demo-order p,.demo-redeem p,.demo-session p,.demo-result p{font-size:11px;color:#98a1af;line-height:1.9;margin-top:8px}.demo-mini-brand{font-size:12px;font-weight:500;display:flex;align-items:center;gap:8px;margin-bottom:26px;color:#7b8492}.demo-mini-brand img{width:27px;height:27px;border-radius:50%}.demo-mini-brand span{font-size:9px;margin-left:auto;color:#aab2bf;font-weight:400;border:1px solid #e4e8ef;padding:3px 6px;border-radius:4px}.demo-code{font-size:18px;letter-spacing:1px;font-weight:500;border:1px solid #dce7f8;background:#f5f8ff;border-radius:9px;padding:17px 15px;margin-top:21px;display:flex;align-items:center;gap:10px}.demo-code>span{font-size:9px;color:#95a1b4;letter-spacing:0;font-weight:400;margin-left:auto}.demo-action{margin-top:18px;height:38px;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:12px;background:#1680ed;color:white;font-size:11px}.demo-toast{position:absolute;bottom:47px;right:10px;display:block;background:#33465f;color:white;padding:8px 11px;border-radius:6px;font-size:10px;animation:flow-toast 6.5s ease both}.demo-page-icon{display:grid;place-items:center;width:43px;height:43px;background:#edf4ff;color:#6899d7;border-radius:12px;margin-bottom:16px}.demo-label{font-size:10px;color:#8793a6;margin-top:22px;margin-bottom:8px}.demo-input{padding:12px 13px;border:1px solid #c6dbf8;background:#f8fbff;border-radius:7px;display:flex;align-items:center;gap:3px;font-size:12px;letter-spacing:.5px}.demo-typed{display:block;white-space:nowrap;overflow:hidden;width:0;animation:flow-type 2.5s steps(14,end) .5s forwards}.demo-input i{width:1px;height:14px;background:#5a88c1;animation:flow-blink 1s steps(1) infinite}.demo-validation{display:flex;align-items:center;gap:7px;margin-top:15px;color:#7e91aa;font-size:10px;animation:flow-validation 6.5s ease both}.demo-session-box{border:1px solid #dfe6f0;border-radius:8px;background:#f6f8fc;padding:15px;position:relative}.demo-session-box code{color:#8a99ae;font-family:monospace;font-size:11px;line-height:1.8;display:block;animation:flow-code 6.5s ease both}.demo-session-box>span{position:absolute;right:12px;top:12px;font-size:9px;color:#a6afbe}.demo-result{text-align:center;max-width:330px}.demo-result-icon{height:66px;width:66px;border:1px solid #d9e7fa;background:#f1f7ff;border-radius:50%;display:grid;place-items:center;color:#76a4e0;margin:0 auto 16px;animation:flow-success .8s ease both}.demo-result>span{font-size:9px;color:#a0aabd}.demo-result h3{margin-top:7px}.demo-result-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f5;padding:12px 3px;font-size:11px;color:#909bad;animation:flow-result-row 1s ease both}.demo-result-row b{font-weight:400;color:#6e9bd3}.demo-result-row:nth-last-of-type(2){animation-delay:.6s}.demo-result-row:last-of-type{animation-delay:1.2s}.demo-result>small{font-size:9px;color:#a7b0be;margin-top:13px;display:block}.flow-tutorial .flow-scene *{animation-play-state:paused!important}.flow-tutorial[data-running="true"] .flow-scene *{animation-play-state:running!important}
@keyframes flow-scene-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes flow-toast{0%,35%{opacity:0;transform:translateY(6px)}45%,90%{opacity:1;transform:translateY(0)}100%{opacity:0}}@keyframes flow-type{to{width:145px}}@keyframes flow-blink{50%{opacity:0}}@keyframes flow-validation{0%,42%{opacity:0;transform:translateY(4px)}55%,100%{opacity:1;transform:translateY(0)}}@keyframes flow-code{0%,28%{opacity:.35}45%,100%{opacity:1;color:#5577a6}}@keyframes flow-success{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes flow-result-row{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.purchase-workspace{grid-template-columns:minmax(0,1fr) 34%}.purchase-workspace .plan-panel{padding:28px 27px 0}.purchase-workspace .order-summary{padding:29px 25px 18px}.workspace-brand{gap:12px}.workspace-brand h2{font-size:22px}.personal-label{font-size:9px;padding:4px 6px}.plan-intro h3{font-size:21px}.purchase-workspace .plan-text strong{font-size:15px}.purchase-workspace .plan-price b{font-size:23px}.purchase-workspace .plan-option{padding:16px 13px}.flow-layout{grid-template-columns:195px minmax(0,1fr);gap:25px}.flow-steps button{padding:14px 9px;gap:9px}.flow-steps strong{font-size:11px}.flow-heading h2{font-size:27px}}
@media(max-width:800px){.purchase-workspace{grid-template-columns:1fr}.purchase-workspace .order-summary{border-left:0;border-top:1px solid #e1e2e8;padding:28px}.purchase-workspace .plan-panel{padding:27px 28px 0}.workspace-step{margin-bottom:25px}.workspace-brand{margin-bottom:25px}.plan-intro h3{font-size:23px}.purchase-workspace .plan-option{padding:17px 16px}.purchase-workspace .plan-text strong{font-size:16px}.purchase-workspace .plan-price b{font-size:25px}.workspace-features{gap:18px}.watch-tutorial{margin-top:0}.purchase-workspace .summary-list{font-size:12px}.purchase-workspace .selected-product strong{font-size:14px}.flow-tutorial{padding-top:44px}.flow-layout{grid-template-columns:1fr;gap:20px}.flow-steps{flex-direction:row;gap:5px;padding:0}.flow-steps li{flex:1;min-width:0}.flow-steps button{padding:11px 8px;gap:8px;min-height:60px}.flow-steps button>span{width:25px;height:25px;font-size:10px}.flow-steps strong{font-size:11px}.flow-steps small,.flow-steps b{display:none}.flow-scene{height:340px}.flow-heading h2{font-size:26px}.flow-caption{min-height:115px}.checkout>.product-explanation{padding:23px}.workspace-bottom{font-size:10px}.purchase-workspace .summary-note{margin-bottom:21px}}
@media(max-width:540px){.checkout .checkout-heading h1{font-size:30px}.checkout .checkout-heading{margin-bottom:24px}.checkout .checkout-heading p{font-size:12px}.purchase-workspace{border-radius:17px}.purchase-workspace .plan-panel{padding:24px 19px 0}.workspace-step{font-size:9px;margin-bottom:23px}.workspace-state{font-size:9px}.workspace-brand{gap:11px;margin-bottom:24px}.black-mark{width:48px;height:48px;border-radius:14px}.black-mark img{width:28px;height:28px}.workspace-brand h2{font-size:22px}.workspace-brand p{font-size:10px}.personal-label{font-size:8px;gap:4px;padding:3px 6px}.personal-label svg{width:10px;height:10px}.plan-intro h3{font-size:20px}.plan-intro p{font-size:11px}.purchase-workspace .panel-heading h2{font-size:11px}.purchase-workspace .panel-heading>span{font-size:10px}.purchase-workspace .plan-option{padding:15px 12px;min-height:78px;gap:9px}.purchase-workspace .plan-text strong{font-size:14px}.purchase-workspace .plan-text small{font-size:9px}.purchase-workspace .plan-price b{font-size:22px}.purchase-workspace .plan-price small{font-size:9px}.purchase-workspace .plan-currency{font-size:10px!important}.workspace-features{font-size:9px;gap:13px;margin:22px 0}.workspace-bottom{font-size:9px;gap:10px}.purchase-workspace .plan-note{font-size:10px}.purchase-workspace .order-summary{padding:25px 22px 19px}.purchase-workspace .summary-total strong{font-size:34px}.flow-heading{align-items:flex-start;gap:12px;margin-bottom:23px}.flow-heading h2{font-size:24px}.flow-heading>div>span{font-size:10px}.flow-heading p{font-size:11px;max-width:230px}.flow-controls{gap:1px}.flow-controls button{height:34px;min-width:34px}.flow-replay{padding:0 5px}.flow-replay span{font-size:10px;margin-left:3px}.flow-steps{gap:3px}.flow-steps button{flex-direction:column;gap:7px;text-align:center;padding:10px 4px;min-height:75px}.flow-steps strong{font-size:9px;line-height:1.7;white-space:normal}.flow-steps button>span{width:24px;height:24px}.flow-bar{gap:8px;padding:0 11px;height:39px}.flow-bar>span{font-size:8px;padding:6px}.flow-bar>small{display:none}.flow-scene{height:320px;padding:24px 20px}.flow-browser{border-radius:13px}.demo-order h3,.demo-redeem h3,.demo-session h3,.demo-result h3{font-size:19px}.demo-order p,.demo-redeem p,.demo-session p,.demo-result p{font-size:10px}.demo-code{font-size:15px;padding:15px 11px;gap:5px}.demo-code>span{font-size:8px}.demo-mini-brand{margin-bottom:21px}.flow-caption{gap:13px}.flow-caption h3{font-size:17px}.flow-caption p{font-size:11px}.flow-caption #flow-count{font-size:9px}.flow-caption>div:last-child{gap:0}.flow-caption button{width:26px}.flow-scope{font-size:10px}.checkout>.product-explanation{padding:21px}.checkout>.product-explanation p{font-size:11px}.demo-session-box code{font-size:10px}}
.flow-tutorial[data-running="false"] .flow-scene>div{animation:none!important;opacity:1;transform:none}
.flow-tutorial[data-running="false"] .demo-typed{width:145px;animation:none!important}
.flow-tutorial[data-running="false"] .demo-validation,.flow-tutorial[data-running="false"] .demo-result-row{animation:none!important;opacity:1;transform:none}
.flow-tutorial[data-running="false"] .demo-session-box code{animation:none!important;opacity:1;color:#7486a0}
.shot-cdk .shot-canvas{transform:translateY(-32%)}
.flow-tutorial .flow-short{display:none}
.cdk-tip{top:65%}
.flow-scene:has(.shot-stage),.flow-scene:has(.dark-guide-scene){height:390px;padding:0;display:block;background:#0f1014}
.shot-stage{height:100%;width:100%;position:relative;overflow:hidden;background:#101014;color:#eee}.shot-stage.shot-store{background:#f7f8fa}.shot-origin{position:absolute;top:10px;left:12px;font-size:9px;padding:5px 8px;border-radius:5px;background:#1a1a1fe8;color:#b9b8b4;z-index:5;border:1px solid #ffffff18;pointer-events:none}.shot-store .shot-origin{color:#6b7380;background:#ffffffea;border-color:#e6e8ef}.shot-camera{position:absolute;inset:0 0 35px;overflow:hidden}.shot-canvas{position:relative;width:100%;transform-origin:top right}.shot-canvas>img{display:block;width:100%;max-width:none;height:auto}.shot-store .shot-canvas{transform:scale(1.25)}.shot-portal .shot-canvas{transform-origin:top left;transform:translateY(-18%)}.shot-cdk .shot-canvas{transform-origin:top center;transform:translateY(-32%)}.shot-highlight{position:absolute;border:2px solid #e4c778;border-radius:7px;box-shadow:0 0 0 5px #e4c77813,0 0 24px #e4c77825;animation:shot-ring 2.2s ease-in-out infinite;pointer-events:none}.store-target{left:79.4%;top:1.2%;width:7.4%;height:5%}.portal-target{left:9.6%;top:30.8%;width:19.3%;height:27.4%}.cdk-target{left:20.3%;top:82.3%;width:57.2%;height:6.3%}.shot-pointer{position:absolute;color:#f6df9d;filter:drop-shadow(0 2px 2px #0009);font-size:23px;transform:rotate(-30deg);z-index:4;animation:shot-pointer 6.5s cubic-bezier(.2,.8,.2,1) both;pointer-events:none}.shot-pointer i{position:absolute;width:22px;height:22px;border:2px solid #e1c277;border-radius:50%;left:-5px;top:-3px;opacity:0;animation:shot-click 6.5s ease both}.store-pointer{left:83%;top:3.4%}.portal-pointer{left:15.2%;top:54.9%}.cdk-pointer{left:53%;top:85.3%}.shot-tip{position:absolute;padding:7px 10px;font-size:10px;color:#eddda9;background:#18181ded;border:1px solid #7b6a3f;border-radius:6px;z-index:3;box-shadow:0 4px 15px #0002;white-space:nowrap;animation:shot-tip 6.5s ease both}.store-tip{top:8.2%;right:12%}.portal-tip{top:59.7%;left:9.5%}.cdk-tip{top:65%;left:33%}.shot-instruction{height:35px;position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;padding:0 10px;font-size:10px;background:#19191f;color:#d3c399;border-top:1px solid #ffffff12;z-index:8}.shot-store .shot-instruction{background:#eff3fa;color:#6a7b96;border-color:#e1e7f0}.shot-cdk-value{position:absolute;left:20.4%;top:74.5%;width:55.6%;height:5.3%;display:flex;align-items:center;gap:3px;background:#262629;color:#ddd2b5;font-size:12px;font-family:monospace;padding:0 10px;border-radius:5px;overflow:hidden}.shot-cdk-value>span{white-space:nowrap;width:0;overflow:hidden;animation:shot-type 2.1s steps(18,end) .4s forwards}.shot-cdk-value>i{height:12px;width:1px;background:#cfb77d;animation:flow-blink 1s steps(1,end) infinite}.flow-tutorial[data-running="false"] .shot-cdk-value>span{width:160px;animation:none!important}.flow-tutorial[data-running="false"] .shot-tip{opacity:1;animation:none!important}.flow-steps{gap:5px}.flow-steps button{min-height:69px;padding-block:12px}.flow-tutorial .flow-steps strong{font-size:11px}.dark-guide-scene{background:radial-gradient(ellipse at top right,#28251c55,transparent 50%),#101014;color:#eee9de;padding:22px 30px;height:100%;overflow:hidden}.dark-guide-top{display:flex;align-items:center;gap:9px}.dark-diamond{width:29px;height:29px;background:#dbc188;border-radius:9px;color:#141414;display:grid;place-items:center;font-size:24px}.dark-guide-top strong{font-size:12px;line-height:1.4}.dark-guide-top strong small{display:block;font-size:8px;color:#a39a87;font-weight:400}.dark-guide-top em{font-style:normal;font-size:8px;color:#b6a47c;border:1px solid #66593977;padding:4px 7px;border-radius:5px;margin-left:auto}.dark-guide-title{text-align:center;margin-top:17px}.dark-guide-title>span{font-size:8px;color:#cdb77d;border:1px solid #64593866;border-radius:13px;padding:3px 8px}.dark-guide-title h3{font-family:"Songti SC",SimSun,serif;font-size:27px;letter-spacing:1px;margin-top:10px}.dark-guide-title p{font-size:9px;color:#99958e;margin-top:8px}.dark-stepper{display:flex;align-items:flex-start;justify-content:center;margin:19px auto 29px;width:83%}.dark-stepper>span{width:23px;height:23px;border-radius:50%;border:1px solid #55545a;color:#999;display:grid;place-items:center;font-size:10px;position:relative;flex-shrink:0}.dark-stepper>i{height:1px;background:#48474b;width:22%;margin-top:11px}.dark-stepper small{position:absolute;top:29px;white-space:nowrap;font-size:8px;color:#999}.dark-stepper .active{background:#d8be84;color:#191714;border-color:#ead9b0;box-shadow:0 0 0 4px #cfad5f16}.dark-stepper .active small{color:#d6c79e}.dark-guide-panel{background:#19191e;border:1px solid #36353a;border-radius:13px;padding:17px;max-width:490px;margin:auto}.dark-guide-panel h4{font-size:13px;margin:0 0 10px;font-weight:500}.dark-code{background:#27272c;border:1px solid #3a393f;border-radius:7px;padding:11px 12px}.dark-code code{font-size:10px;color:#c3b68f}.dark-code small{font-size:8px;color:#817b6d;margin-left:13px}.dark-guide-panel>p{font-size:9px;line-height:1.8;color:#9c9686;margin-top:9px}.dark-action{background:linear-gradient(110deg,#c9ac72,#e4d09a);color:#1c1a15;font-size:10px;display:grid;place-items:center;border-radius:7px;height:32px;margin-top:10px}.dark-result{max-width:440px;margin:16px auto 0;text-align:center}.dark-result-orbit{display:block;color:#d6bb79;font-size:35px;line-height:1;animation:dark-orbit 8s linear infinite}.dark-result h4{font-size:14px;font-weight:500;margin:12px 0}.dark-result>div{display:flex;justify-content:space-between;align-items:center;padding:12px;border-top:1px solid #333138;font-size:10px;gap:15px}.dark-result>div>span{color:#99958a}.dark-result b{font-weight:400;color:#c2b18a;font-size:9px}.dark-result>p{font-size:9px;color:#8f897b;line-height:1.8;margin-top:10px}.flow-tutorial[data-running="false"] .shot-pointer{animation:none!important}.flow-tutorial[data-running="false"] .shot-highlight{animation:none!important}
@keyframes shot-ring{0%,100%{box-shadow:0 0 0 4px #e4c77812,0 0 18px #e4c77815}50%{box-shadow:0 0 0 8px #e4c77808,0 0 27px #e4c77832}}@keyframes shot-pointer{0%,15%{opacity:0;translate:30px 28px}35%,100%{opacity:1;translate:0 0}}@keyframes shot-click{0%,45%,75%,100%{opacity:0;scale:.6}52%,64%{opacity:.8;scale:1.4}}@keyframes shot-tip{0%,20%{opacity:0;translate:0 4px}35%,100%{opacity:1;translate:0 0}}@keyframes shot-type{to{width:160px}}@keyframes dark-orbit{to{rotate:360deg}}
@media(max-width:800px){.flow-scene:has(.shot-stage),.flow-scene:has(.dark-guide-scene){height:360px}.flow-tutorial .flow-steps strong{font-size:10px}.shot-origin{font-size:8px;top:8px}.dark-guide-scene{padding:20px 25px}.flow-steps button{min-height:65px}.shot-cdk-value{font-size:10px}}
@media(max-width:540px){.flow-scene:has(.shot-stage),.flow-scene:has(.dark-guide-scene){height:340px}.shot-camera{bottom:34px}.shot-instruction{height:34px;font-size:9px;text-align:center;line-height:1.5}.shot-origin{font-size:8px;left:8px;top:7px;max-width:calc(100% - 16px)}.shot-store .shot-canvas{position:absolute;width:900px;right:-35px;transform:none;top:35px}.shot-portal .shot-canvas{position:absolute;width:880px;left:-43px;top:32px;transform:translateY(-37%)}.shot-cdk .shot-canvas{position:absolute;width:600px;left:50%;top:0;transform:translate(-50%,-128px)}.shot-tip{font-size:9px;padding:6px 8px}.store-tip{right:11%;top:8.2%}.portal-tip{top:59.7%;left:9.6%}.cdk-tip{top:91.4%;left:32%}.shot-cdk-value{font-size:11px}.dark-guide-scene{padding:19px 17px}.dark-guide-top em{font-size:7px;padding:4px 5px}.dark-guide-top strong{font-size:10px}.dark-guide-title{margin-top:15px}.dark-guide-title h3{font-size:24px}.dark-guide-title p{font-size:8px}.dark-stepper{margin-top:18px;width:90%}.dark-guide-panel{padding:13px}.dark-code{padding:10px 8px}.dark-code code{font-size:8px}.dark-code small{display:block;font-size:7px;margin:7px 0 0}.dark-guide-panel>p{font-size:8px}.dark-action{font-size:9px;height:30px}.dark-result>div{font-size:9px;padding:10px 2px;gap:8px}.dark-result b{font-size:8px}.flow-tutorial .flow-steps strong{font-size:9px;line-height:1.6;overflow-wrap:anywhere}.flow-steps button{padding:9px 3px;min-height:73px}.flow-steps{gap:2px}.flow-steps button>span{width:22px;height:22px;font-size:9px}}
@media(max-width:540px){.shot-cdk .shot-canvas{width:550px;transform:translate(-50%,-110px)}.flow-tutorial .flow-steps strong,.flow-tutorial .flow-step-meta{display:none}.flow-tutorial .flow-short{display:block;color:inherit;font-size:10px;white-space:nowrap;margin:0;line-height:1.7}.flow-tutorial .flow-steps button{min-height:65px}}
/* Static instructions replace the retired tutorial player. */
.notice-prominent{background:#fff;border:1px solid #dce4f0;border-top:3px solid #6396e5;border-radius:16px;padding:30px 32px;margin-top:36px;box-shadow:0 6px 22px #223d6803;scroll-margin-top:20px}
.notice-prominent .section-heading{align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:24px}.notice-prominent .section-heading>div:first-child{flex:1}.notice-prominent .section-heading h2{font-size:24px;color:#303845}.notice-prominent .section-heading h2:before{content:'下单前必读';display:block;color:#5c80b7;font-size:11px;letter-spacing:.5px;font-weight:500;margin-bottom:9px}.notice-prominent .notice-section p{font-size:13px;color:#697383;line-height:1.95}.notice-prominent .notice-section h3{font-size:14px;color:#3c4758}.notice-prominent .notice-section strong{color:#4f5e72;font-weight:500}.notice-prominent .aftercare{background:#f5f7fb;border:0;border-radius:10px;padding:20px 22px;grid-template-columns:155px minmax(0,1fr);gap:22px}.notice-prominent .aftercare p{font-size:12px;line-height:1.95;color:#737f91}.notice-prominent .aftercare strong{color:#5c6b80}.notice-prominent .aftercare h3{font-size:13px;color:#65758c}.tutorial-jump{font-size:11px;color:#477bc6;background:#f0f5fd;border:1px solid #e2eaf7;padding:10px 12px;border-radius:8px;line-height:1.6}.notice-prominent .section-heading:has(.tutorial-jump) .section-meta{display:none}.checkout>.notice-prominent{width:100%;margin-inline:0;margin-top:35px}.checkout-purchase-reminder{border-top:1px solid #e1e4eb;padding-top:17px;margin:18px 0 7px;line-height:1.9;font-size:10px;color:#818b9c}.checkout-purchase-reminder strong{font-size:11px;font-weight:500;color:#66758b}.checkout-purchase-reminder p{margin-top:7px}.checkout-purchase-reminder a{font-size:10px;display:inline-block;margin-top:6px;color:#4c7bb9}.support-strip{margin-top:32px}
.written-tutorial{margin-top:48px;scroll-margin-top:20px;padding-top:8px}.written-heading>span{font-size:11px;color:#8a95a6;letter-spacing:.5px}.written-heading h2{font-size:29px;letter-spacing:-1px;margin-top:11px;line-height:1.5}.written-heading p{font-size:13px;line-height:1.95;color:#7d8797;margin-top:10px}.tutorial-index{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px;margin-bottom:29px}.tutorial-index a{font-size:11px;line-height:1.8;padding:9px 12px;border-radius:8px;background:#edf2fa;color:#627a9e;border:1px solid #e0e7f1}.tutorial-index a:hover{background:#e5eefa;color:#315e9e}.written-step{display:grid;grid-template-columns:38px minmax(0,1fr);gap:20px;border-top:1px solid #e0e5ee;padding:29px 0 32px;scroll-margin-top:100px}.written-number{font-size:12px;color:#8497b3;background:#eef2f8;border:1px solid #e1e8f2;border-radius:10px;width:36px;height:36px;display:grid;place-items:center}.written-copy{min-width:0}.written-copy h3{font-size:20px;letter-spacing:-.5px;line-height:1.6;margin:1px 0 16px;color:#354156}.written-copy>p,.written-copy li,.session-instructions p{font-size:13px;line-height:2;color:#728094;overflow-wrap:anywhere}.written-copy strong{font-weight:500;color:#4c5d75}.written-copy ol,.written-copy ul{padding-left:21px;margin:13px 0 0}.written-copy li{padding-left:4px;margin-top:9px}.written-copy a:not(.tutorial-url){color:#3e78c9;text-decoration:underline;text-decoration-color:#b4cae8;text-underline-offset:4px}.written-copy code{font-size:12px;background:#eaf0f8;padding:2px 5px;border-radius:4px;color:#6b7b92;overflow-wrap:anywhere}.tutorial-note{background:#eff3f9;color:#8391a6;padding:12px 15px;border-radius:8px;font-size:11px;line-height:1.95;margin-top:18px}.tutorial-figures{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:23px}.written-copy figure{margin:0}.written-copy figure img{display:block;width:100%;height:auto;max-width:100%;border-radius:10px;border:1px solid #dde3ec}.written-copy figure>a{display:block;text-decoration:none!important;background:transparent;border-radius:10px;overflow:hidden}.written-copy figure figcaption{font-size:10px;line-height:1.9;color:#8b98aa;margin-top:9px}.tutorial-wide-image{margin-top:24px!important;max-width:850px}.session-step{margin-top:0}.session-step .written-copy>p{background:#eff4fb;border-left:3px solid #92add1;padding:14px 17px;border-radius:0 8px 8px 0}.session-instructions{display:grid;gap:25px;margin-top:26px}.session-instructions h4,.session-troubleshooting h4{margin:0 0 11px;font-size:15px;font-weight:500;color:#4c5e78;line-height:1.7}.session-instructions p{margin-top:10px}.tutorial-url{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:17px 18px;border-radius:9px;background:#fff;border:1px solid #d7e2f2;margin:15px 0;font-size:13px;color:#4975b4;line-height:1.9;overflow-wrap:anywhere;text-decoration:none}.tutorial-url>span{font-family:Geist,Consolas,monospace;min-width:0}.tutorial-url>b{font-size:11px;font-weight:500;white-space:nowrap;color:#7593bc}.tutorial-url:hover{border-color:#8db0e1;background:#fcfdff}.session-url{background:#f5f8fe}.shortcut-row{display:flex;flex-wrap:wrap;gap:15px 30px;margin:13px 0;color:#7b899d;font-size:12px;line-height:2.1}.shortcut-row kbd{font-family:inherit;border:1px solid #dce2ec;border-bottom-width:2px;border-radius:5px;background:#fff;font-size:11px;display:inline-block;min-width:23px;text-align:center;line-height:1.6;padding:1px 5px}.session-diagram{background:#fff;border:1px solid #e1e6ee;border-radius:12px;padding:20px 22px;margin-top:26px!important}.session-diagram>figcaption{margin:0 0 18px!important;font-size:11px!important;color:#8190a6!important}.session-path{display:flex;align-items:center;justify-content:space-between;gap:12px}.session-path>div{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:9px}.session-path>div>span{width:23px;height:23px;border-radius:50%;background:#edf3fc;color:#84a0c7;display:grid;place-items:center;font-size:10px}.session-path strong{font-size:11px;line-height:1.8;font-weight:500}.session-path code{font-size:10px;line-height:1.8;background:transparent;padding:0;color:#97a3b5}.session-path>i{font-style:normal;color:#c4cedd;flex-shrink:0}.session-troubleshooting{margin-top:26px;border:1px solid #e3e7ee;padding:22px;border-radius:10px}.session-troubleshooting h4{font-size:14px}.session-troubleshooting ul{margin-top:9px}.session-troubleshooting li{font-size:12px;line-height:1.95;color:#7c899e}.session-troubleshooting li:first-child{margin-top:0}
@media(max-width:800px){.notice-prominent{padding:26px 25px}.notice-prominent .aftercare{grid-template-columns:1fr;gap:14px;padding:19px}.written-heading h2{font-size:26px}.written-copy h3{font-size:19px}.written-step{grid-template-columns:32px minmax(0,1fr);gap:15px}.written-number{width:30px;height:30px;font-size:11px;border-radius:8px}.tutorial-figures{grid-template-columns:1fr;max-width:650px}.session-path{flex-wrap:wrap;gap:15px}.session-path>div{flex-basis:40%}.session-path>i{display:none}.tutorial-url{gap:12px}.notice-prominent .notice-section p{font-size:13px}}
@media(max-width:540px){.notice-prominent{padding:22px 19px;margin-top:29px;border-radius:12px}.notice-prominent .section-heading h2{font-size:21px}.notice-prominent .section-heading h2:before{font-size:10px}.notice-prominent .section-heading{gap:15px;margin-bottom:20px}.notice-prominent .notice-section p{font-size:12px}.notice-prominent .notice-section h3{font-size:13px}.notice-prominent .notice-grid{gap:24px}.notice-prominent .aftercare{padding:16px;margin-top:23px}.notice-prominent .aftercare p{font-size:11px}.tutorial-jump{font-size:10px;width:100%;text-align:center;padding:10px}.written-tutorial{margin-top:34px}.written-heading h2{font-size:25px;letter-spacing:-.8px}.written-heading p{font-size:12px}.tutorial-index{gap:7px;margin-top:21px;margin-bottom:22px}.tutorial-index a{font-size:10px;padding:8px 10px}.written-step{display:block;padding:24px 0 26px}.written-number{margin-bottom:13px}.written-copy h3{font-size:18px;line-height:1.7;margin-bottom:13px}.written-copy>p,.written-copy li,.session-instructions p{font-size:12px;line-height:2}.written-copy li{padding-left:1px;margin-top:10px}.written-copy ol,.written-copy ul{padding-left:19px}.tutorial-note{font-size:10px;padding:12px}.tutorial-figures{gap:22px;margin-top:20px}.written-copy figure figcaption{font-size:10px}.written-copy figure img{border-radius:8px}.session-step .written-copy>p{padding:13px 14px;font-size:11px}.session-instructions{gap:23px;margin-top:23px}.session-instructions h4{font-size:14px}.tutorial-url{display:flex;align-items:flex-start;flex-direction:column;gap:6px;font-size:12px;padding:14px 13px}.tutorial-url>b{font-size:10px}.shortcut-row{font-size:11px;gap:10px}.session-diagram{padding:17px!important}.session-diagram>figcaption{font-size:10px!important}.session-path{gap:20px 12px}.session-path>div{flex-basis:43%}.session-path strong{font-size:10px}.session-path code{font-size:9px}.session-troubleshooting{padding:18px}.session-troubleshooting li{font-size:11px}.checkout>.notice-prominent{margin-top:28px}.checkout-purchase-reminder{font-size:10px}.checkout-purchase-reminder strong{font-size:11px}}
.written-copy>p,.written-copy li,.session-instructions p{font-size:14px;color:#65738a}.written-copy strong{color:#3f526d}.session-instructions{max-width:1000px}.tutorial-url{font-size:14px;color:#3d6cae}
@media(max-width:540px){.written-copy>p,.written-copy li,.session-instructions p{font-size:13px}.session-step .written-copy>p{font-size:12px}.session-troubleshooting li{font-size:12px}.tutorial-url{font-size:12px}.notice-prominent .aftercare p{font-size:12px}}
/* The support section uses quiet typography; checkout keeps its fee reminder. */
.support-intro .support-fee{font-size:13px;line-height:1.9;color:#606b7a;margin-top:17px;margin-bottom:0;max-width:420px}
.support-fee strong{font-weight:600;color:#404b5b}
.support-fee>span{display:block;margin-top:3px;font-size:12px;color:#737e8e}
.purchase-workspace .summary-note.fee-notice{padding:14px 16px;background:#edf4ff;border:1px solid #cbdcf5;border-left:3px solid #3980de;border-radius:9px;margin-top:16px;text-align:left}
.fee-notice>strong{display:block;font-size:15px;line-height:1.7;font-weight:600;color:#24599f}
.fee-notice>strong>b{font-size:19px;font-weight:700}
.fee-notice>span{display:block;margin-top:5px;font-size:13px;line-height:1.85;color:#465d7b}
/* Readable checkout guidance and concise image captions, on every screen size. */
.checkout-purchase-reminder{font-size:14px;line-height:1.85;color:#566479;padding-top:20px;margin-bottom:16px}
.checkout-purchase-reminder strong{display:block;font-size:15px;font-weight:600;color:#303c4e;line-height:1.65}
.checkout-purchase-reminder p{margin-top:10px}
.checkout-purchase-reminder a{font-size:14px;font-weight:500;color:#2666bd;margin-top:10px;text-underline-offset:4px;text-decoration:underline}
.purchase-workspace .order-summary>.outline-button{font-size:14px;min-height:46px;color:#42546d;border-color:#cbd5e3;font-weight:500}
.purchase-workspace .summary-note{font-size:13px;line-height:1.85;color:#647287;margin-top:12px}
.watch-tutorial{display:grid;grid-template-columns:26px minmax(0,1fr) 16px;gap:3px 10px;padding:15px 14px;align-items:center}
.watch-tutorial>span{grid-column:1;grid-row:1 / 3}
.watch-tutorial small{grid-column:2;grid-row:1;font-size:12px;color:#647287;line-height:1.6}
.watch-tutorial strong{grid-column:2;grid-row:2;font-size:15px;font-weight:600;line-height:1.7;color:#076bdd}
.watch-tutorial b{grid-column:3;grid-row:1 / 3;font-size:19px}
.written-copy .tutorial-figures figcaption,.written-copy .tutorial-wide-image figcaption{font-size:14px;font-weight:500;line-height:1.8;color:#41546f;background:#edf2f9;border-left:3px solid #7e9fcf;border-radius:0 7px 7px 0;padding:11px 14px;margin-top:12px}
.session-diagram>figcaption{font-size:13px!important;color:#566b86!important}
@media(prefers-reduced-motion:reduce){.flow-scene *{animation:none!important;transition:none!important}.demo-typed{width:auto}.demo-toast{opacity:1}.demo-validation{opacity:1}.shot-pointer,.shot-tip{opacity:1}.shot-cdk-value>span{width:160px}}

/* Make the redemption action easy to spot inside the purchase instructions. */
.notice-section a[href="https://cdk.bar/"]{display:inline-flex;align-items:center;gap:4px;vertical-align:baseline;padding:3px 9px;margin:2px 3px;border:1px solid #afcaff;border-radius:7px;background:#eaf2ff;color:#1758c6;font-size:14px;font-weight:650;line-height:1.6;text-decoration:underline;text-underline-offset:3px;box-decoration-break:clone;white-space:nowrap;transition:background .15s,border-color .15s}
.notice-section a[href="https://cdk.bar/"]:hover{background:#dceaff;border-color:#5e94f5;color:#1046a3}
.notice-section a[href="https://cdk.bar/"]:focus-visible{outline:3px solid #8eb7ff;outline-offset:3px}