:root{--bg:#f7f9f8;--ink:#202c27;--muted:#7b8580;--line:#e5eae7;--accent:#24664f;--accent-light:#f0f7f2;--logo-filter:invert(28%) sepia(17%) saturate(1606%) hue-rotate(106deg) brightness(93%) contrast(89%)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 'DM Sans',-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}button:disabled{cursor:not-allowed}button, input,select,a{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--accent)}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.header{height:100px}.header-inner{max-width:1320px;margin:auto;display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 40px;position:relative}.brand{display:flex;align-items:center;gap:11px;font-size:25px;font-weight:700;letter-spacing:-1.1px}.brand-ai{font-weight:500;margin-left:4px}.brand-dot{color:var(--accent)}.product-nav{display:flex;align-items:center;position:absolute;left:50%;transform:translateX(-50%);gap:5px;padding:5px;background:#edf0ee;border:1px solid #e8ece9;border-radius:100px;isolation:isolate}.product-tab{position:relative;z-index:1;display:flex;align-items:center;gap:8px;justify-content:center;padding:10px 22px;border-radius:100px;font-size:13px;font-weight:500;color:#7e8681;min-width:118px;transition:color .25s}.product-tab img{width:18px;height:18px;opacity:.65}.product-tab.active{color:var(--ink)}.product-tab.active img{opacity:1}.nav-indicator{position:absolute;left:5px;top:5px;bottom:5px;width:129px;background:white;border-radius:100px;box-shadow:0 2px 5px #193b2610;transition:transform .3s cubic-bezier(.2,.8,.2,1),width .3s;z-index:0}.x-mark{font-size:21px;line-height:18px;font-weight:500}.header-actions{display:flex;align-items:center;gap:20px}.text-button{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:500;color:#6b756e;padding:8px 0}.text-button:hover{color:var(--accent)}.text-button svg{width:16px;height:16px}.nav-divider{height:16px;width:1px;background:#dce2de}.main{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:82px;max-width:1160px;margin:26px auto 54px;padding:0 16px;align-items:start}.product-story{position:sticky;top:28px;min-width:0;animation:enter .7s both}.story-copy{padding:21px 10px 0}.eyebrow{font-size:11px;color:#7e8b83;letter-spacing:2px;display:flex;align-items:center;gap:8px}.live-dot{width:5px;height:5px;background:var(--accent);border-radius:50%}h1{font-size:72px;letter-spacing:-4.5px;font-weight:550;margin:15px 0 0;line-height:1.15}.name-period{color:var(--accent)}.product-tagline{font-size:21px;letter-spacing:2px;color:#5f7065;margin:14px 0 0;font-weight:400}.product-stage{height:337px;display:grid;place-items:center;position:relative;isolation:isolate;margin:12px -20px 0;overflow:hidden}.logo-aura{position:absolute;width:360px;height:300px;border-radius:50%;background:radial-gradient(ellipse,#e2eedb 0%,#e6efe37a 42%,#f7f9f800 70%);z-index:-1;transform:rotate(-20deg)}.hero-logo{width:174px;height:174px;filter:var(--logo-filter);animation:logo-enter 1s cubic-bezier(.2,.8,.2,1) both;will-change:transform}.orbit{position:absolute;border:1px solid #cad8ce66;border-radius:50%;width:380px;height:226px;transform:rotate(-24deg);z-index:-1}.orbit-two{transform:rotate(33deg);width:350px;height:273px;border-color:#dae3dc6b}.orbit-dot{position:absolute;width:7px;height:7px;border-radius:100%;background:#9aad82}.dot-one{left:17%;top:65%}.dot-two{right:16%;top:31%;width:5px;height:5px;background:#c1cfb6}.stage-caption{position:absolute;bottom:11px;color:#9ca79f;letter-spacing:2.7px;font-size:8px;font-weight:500}.story-bottom{padding:9px 10px 0}.story-description{font-size:16px;line-height:1.95;letter-spacing:.4px;color:#617066;margin:6px 0 25px}.feature-row{display:flex;gap:25px;color:#768278;font-size:11px}.feature-row>span{display:flex;align-items:center;gap:6px}.feature-row svg{width:15px;height:15px;color:#60816b}.how-to{border-top:1px solid var(--line);margin:31px 10px 0}.how-to>button{padding:19px 0;display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;font-size:12px;color:#65766a}.how-to>button svg{width:17px;height:17px;transition:transform .25s}.how-to>button:hover svg{transform:translateX(5px)}.how-to>button[aria-expanded=true] svg{transform:rotate(90deg)}.how-number{color:#9ca69e;font-size:10px;letter-spacing:1px;margin-right:17px}.how-content{font-size:12px;color:#758078;padding:0 0 8px}.how-content ol{margin:0;padding-left:20px;line-height:2.2}.checkout{background:#fff;border:1px solid #e6ebe7;border-radius:24px;padding:29px 30px 21px;box-shadow:0 12px 60px #243d2d04;animation:enter .7s .13s both}.checkout-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.section-kicker{font-size:10px;letter-spacing:1px;color:#8c958e;margin:0 0 5px}h2{font-size:23px;font-weight:550;letter-spacing:-.6px;line-height:1.4;margin:0}.delivery-status{font-size:10px;color:#748779;display:flex;align-items:center;gap:5px;margin-top:15px}.delivery-status span{width:5px;height:5px;background:#88aa74;border-radius:50%}.purchase-mode{display:flex;border-bottom:1px solid var(--line);gap:27px;margin-bottom:16px}.mode{font-size:12px;color:#929992;padding:0 0 10px;position:relative}.mode:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent);transform:scaleX(0);transition:transform .2s}.mode.active{color:var(--accent);font-weight:550}.mode.active:after{transform:scaleX(1)}fieldset{padding:0;margin:0;border:0;min-width:0}.plans{display:flex;flex-direction:column;gap:9px}.plan{display:flex;align-items:center;position:relative;border:1px solid #e7ebe8;border-radius:11px;padding:12px 14px;gap:11px;cursor:pointer;min-height:67px;transition:background .2s,border-color .2s,transform .2s}.plan:hover{background:#fafbf9;border-color:#aabbb0}.plan.selected{border-color:#83a18e;background:var(--accent-light)}.plan input,.payment input{position:absolute;opacity:0;width:1px;height:1px}.plan:has(input:focus-visible),.payment:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.radio-mark{width:16px;height:16px;border:1px solid #d8dfda;border-radius:50%;flex-shrink:0;display:grid;place-items:center;transition:background .2s,border-color .2s}.selected .radio-mark{background:var(--accent);border-color:var(--accent)}.selected .radio-mark:after{content:'';width:6px;height:3px;border-left:1.5px solid #fff;border-bottom:1.5px solid #fff;transform:rotate(-45deg) translateY(-1px)}.plan-copy{display:flex;flex-direction:column;gap:3px}.plan-name{font-weight:550;font-size:13px;line-height:1.3;display:flex;align-items:center;gap:7px}.plan-note{font-size:10px;color:#929b94}.plan-price{margin-left:auto;white-space:nowrap;display:flex;align-items:baseline;gap:2px;font-size:11px}.plan-price strong{font-size:20px;font-weight:550;letter-spacing:-.5px}.plan-price small{font-size:10px;color:#9ba49e;margin-left:3px}.plan-badge{font-weight:400;color:var(--accent);font-size:9px;line-height:1.4;background:#dfece0;padding:1px 5px;border-radius:4px}.more-plans{font-size:10px;color:#919b94;display:flex;align-items:center;gap:2px;justify-content:center;margin:7px auto -2px;padding:2px 8px}.more-plans svg{width:13px;height:13px}.quantity-line{display:flex;align-items:center;justify-content:space-between;margin:15px 0 19px;font-size:11px}.stepper{display:flex;align-items:center;border:1px solid #e8ece9;border-radius:8px;background:#fafbf9;height:34px}.stepper button{font-size:17px;color:#68786c;width:31px;height:32px;line-height:1}.stepper button:disabled{color:#cbd4ce}.stepper input{width:31px;padding:0;border:none;text-align:center;background:none;appearance:textfield;-moz-appearance:textfield;font-size:12px;outline:none}.stepper input::-webkit-inner-spin-button,.stepper input::-webkit-outer-spin-button{-webkit-appearance:none}.contact-fields{display:grid;grid-template-columns:1.13fr 1fr;gap:12px;margin-bottom:18px}.field>label,.payment-fieldset legend{font-size:11px;display:block;margin-bottom:8px}.hint-trigger{color:#a8b1aa;font-size:11px;margin-left:3px}.field input{height:41px;min-width:0;width:100%;border:1px solid #e3e9e4;background:#fbfcfb;padding:0 11px;border-radius:8px;color:var(--ink);font-size:11px;transition:border-color .2s,box-shadow .2s}.field input:focus{border-color:#8da796;outline:none;box-shadow:0 0 0 3px #24664f0a}.field input::placeholder{color:#a3ada5;font-size:10px}.password-wrap{position:relative}.password-wrap input{padding-right:32px}.password-wrap button{position:absolute;right:5px;top:5px;height:31px;width:28px;display:grid;place-items:center;color:#9ba59e}.password-wrap svg{width:15px;height:15px}.field-error{font-size:10px;color:#a44f3b;display:block}.field-error:empty{display:none}.field-error:not(:empty){margin-top:5px}input[aria-invalid=true]{border-color:#b8725f}.payment-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.payment{border:1px solid #e6ebe7;display:flex;align-items:center;gap:9px;border-radius:9px;padding:10px 11px;cursor:pointer;position:relative;font-size:12px;line-height:1.3;transition:background .2s,border-color .2s}.payment.selected{background:var(--accent-light);border-color:#83a18e}.payment-sub{display:block;font-size:9px;color:#929e95;margin-top:3px}.pay-icon{width:26px;height:26px;display:grid;place-items:center;border-radius:7px;font-size:21px;color:#fff;font-weight:600}.usdt{background:#4b9980}.alipay{background:#6d9dc7;font-size:18px;font-family:sans-serif}.payment .radio-mark{margin-left:auto;width:14px;height:14px}.network-row{display:flex;position:relative;align-items:center;justify-content:space-between;margin-top:10px;color:#939c95;font-size:10px}.network-row select{appearance:none;border:0;background:none;color:#718077;font-size:10px;text-align:right;padding:2px 17px 2px 8px;max-width:75%;cursor:pointer}.network-row>svg{position:absolute;right:0;width:12px;height:12px;pointer-events:none}.payment-note{font-size:10px;color:#8c958e;margin:10px 0 0}.purchase-agreement{margin:19px 0 16px;font-size:10px;color:#9aa29c;display:flex;align-items:center;gap:3px;flex-wrap:wrap}.purchase-agreement label{display:flex;align-items:center;gap:6px;cursor:pointer}.purchase-agreement input{appearance:none;width:13px;height:13px;border:1px solid #ccd5ce;border-radius:3px;margin:0;display:grid;place-items:center;cursor:pointer;flex-shrink:0}.purchase-agreement input:checked{background:var(--accent);border-color:var(--accent)}.purchase-agreement input:checked:after{content:'✓';color:white;font-size:10px}.purchase-agreement button{font-size:10px;color:#5d7a67;padding:0}.purchase-agreement button:hover{text-decoration:underline}.purchase-agreement .field-error{width:100%}.order-total{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:14px 0 15px}.order-total>div:first-child{display:flex;flex-direction:column;gap:2px}.order-total>div>span{font-size:11px;color:#758279}.order-total small{font-size:9px;color:#a0aaa3}.total-price{display:flex;align-items:baseline;gap:3px}.total-price>span{font-size:18px!important;color:var(--ink)!important}.total-price strong{font-size:32px;line-height:1;font-weight:550;letter-spacing:-1px}.total-price .price-decimal{font-size:18px!important;letter-spacing:-.8px;margin-left:-2px}.buy-button{width:100%;height:47px;border-radius:9px;background:#234e3c;color:white;display:flex;align-items:center;justify-content:center;gap:13px;font-size:13px;letter-spacing:.5px;transition:background .2s,transform .2s}.buy-button svg{width:17px;height:17px;transition:transform .2s}.buy-button:hover{background:#163d2d}.buy-button:hover svg{transform:translateX(5px)}.buy-button:active{transform:scale(.99)}.checkout-footnote{display:flex;justify-content:center;align-items:center;gap:5px;color:#a7afa9;font-size:9px;margin:12px 0 0}.checkout-footnote svg{width:11px;height:11px}.footer{max-width:1240px;margin:0 auto;padding:24px 16px 28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#98a29a;font-size:10px}.footer-dot{margin:0 11px}.footer>div{display:flex;gap:24px}.footer button{font-size:10px;display:flex;gap:5px;align-items:center;padding:0;color:#829087}.footer svg{width:14px;height:14px}dialog{border:1px solid var(--line);border-radius:19px;background:white;color:var(--ink);width:min(460px,calc(100% - 32px));padding:24px;box-shadow:0 30px 100px #182a2720}dialog::backdrop{background:#1c302b45;backdrop-filter:blur(6px)}dialog[open]{animation:modal-in .25s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.modal-header h2{font-size:20px}.icon-button{width:30px;height:30px;display:grid;place-items:center;color:#859087}.modal-header svg{width:18px;height:18px}#modal-body{font-size:13px;color:#748078;line-height:1.9}#modal-body p{margin:8px 0 16px}#modal-body ol{padding-left:20px}#modal-body .buy-button{margin-top:20px}#modal-body .field{margin:12px 0}#modal-body .field input{height:44px;font-size:12px}.modal-summary{padding:16px;background:var(--accent-light);border-radius:10px;display:flex;justify-content:space-between;color:var(--accent);font-weight:500}.notice-small{font-size:11px;color:#a1aaa4}.copy-button{border:1px solid #d4dfd7;border-radius:6px;color:var(--accent);padding:4px 12px;font-size:12px}.success-circle{display:grid;place-items:center;width:50px;height:50px;background:#edf5ed;border-radius:50%;color:var(--accent);margin:10px auto 20px}.success-circle svg{width:25px;height:25px}.success-heading{text-align:center;font-size:18px;color:var(--ink);font-weight:500}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.product-story.switching .hero-logo{animation:logo-enter .5s both}.product-story.switching .story-copy,.product-story.switching .story-bottom{animation:enter .4s both}
@keyframes enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes logo-enter{from{opacity:0;transform:translateY(14px) rotate(-9deg) scale(.93)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes modal-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(min-width:1500px){.main{margin-top:45px;gap:110px;max-width:1240px}.checkout{padding:32px 34px 23px}.product-stage{height:375px}.hero-logo{width:190px;height:190px}.story-copy{padding-top:29px}.story-description{font-size:17px}.feature-row{gap:33px}.how-to{margin-top:35px}}
@media(max-width:1100px){.main{gap:38px;margin:20px 30px 45px;padding:0}.header-inner{padding:0 30px}.header-actions{gap:13px}.product-tab{min-width:98px;padding:10px 16px}.checkout{padding:26px 23px 20px}h1{font-size:62px}.product-stage{height:310px;margin:12px -15px 0}.orbit{width:330px;height:200px}.orbit-two{width:300px;height:240px}.hero-logo{width:152px;height:152px}.feature-row{gap:14px;font-size:10px}.footer{margin:0 30px;padding-left:0;padding-right:0}.story-description{font-size:15px}.contact-fields{gap:9px}.plan-price strong{font-size:18px}.plan{padding:12px 11px;gap:8px}.plan-name{font-size:12px}.product-tagline{font-size:18px}}
@media(max-width:800px){.header{height:135px}.header-inner{height:70px;padding:0 23px;flex-wrap:wrap}.brand{font-size:22px;gap:8px}.brand img{width:31px;height:31px}.header-actions{gap:15px}.product-nav{top:81px;left:24px;right:24px;transform:none;justify-content:space-between;padding:4px}.product-tab{flex:1;padding:9px 15px;font-size:12px;min-width:0}.nav-indicator{top:4px;bottom:4px;left:4px}.text-button{font-size:11px}.main{display:block;max-width:520px;margin:21px auto 32px;padding:0 23px}.product-story{position:relative;top:0}.story-copy{padding:12px 0 0}.eyebrow{font-size:9px;letter-spacing:1.4px}h1{font-size:48px;letter-spacing:-2.5px;margin-top:12px}.product-tagline{font-size:15px;letter-spacing:1.5px;margin:8px 0 0}.product-stage{height:205px;margin:-5px -18px 0}.hero-logo{width:105px;height:105px}.logo-aura{width:250px;height:210px}.orbit{width:250px;height:140px}.orbit-two{width:220px;height:175px}.dot-one{left:24%;top:63%;width:5px;height:5px}.dot-two{right:23%;top:32%;width:4px;height:4px}.stage-caption{font-size:6px;letter-spacing:2px;bottom:4px}.story-bottom{padding:9px 0 0}.story-description{display:none}.feature-row{justify-content:center;gap:21px;font-size:10px;margin:5px 0 24px}.feature-row svg{width:13px;height:13px}.how-to{display:none}.checkout{padding:23px 21px 19px;border-radius:19px;animation-delay:.08s}.checkout-top{margin-bottom:20px}.checkout h2{font-size:22px}.section-kicker{font-size:9px}.delivery-status{font-size:9px}.purchase-mode{gap:26px}.mode{font-size:11px}.plan{min-height:66px}.plan-name{font-size:12px}.plan-price strong{font-size:21px}.plan-note{font-size:9px}.quantity-line{font-size:11px;margin:15px 0 18px}.contact-fields{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:19px}.field input{height:42px}.payment{padding:11px 10px}.payment-sub{font-size:9px}.purchase-agreement{margin-top:20px}.order-total{padding:16px 0 18px}.buy-button{height:48px}.checkout-footnote{font-size:8px}.footer{display:flex;align-items:center;flex-direction:column;gap:18px;font-size:9px;margin:0 23px;padding:22px 0}.footer-dot{margin:0 7px}.footer button{font-size:10px}}
@media(max-width:365px){.header-inner{padding:0 17px}.main{padding:0 16px}.product-nav{left:17px;right:17px}.checkout{padding:21px 16px}.feature-row{gap:14px;font-size:9px}.contact-fields{grid-template-columns:1fr}.brand{font-size:20px}.login-button{display:none}.nav-divider{display:none}.product-tab{padding-left:11px;padding-right:11px}.plan-name{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* 购买信息保持清晰，辅助信息退后一级。 */
.plan-name{font-size:14px}.plan-note{font-size:11px;color:#7d8a80}.plan-price strong{font-size:22px}.field>label,.payment-fieldset legend,.quantity-line{font-size:12px}.field input{font-size:13px}.field input::placeholder{font-size:11px;color:#8d9a90}.payment{font-size:13px}.payment-sub{font-size:10px;color:#7d8a80}.purchase-agreement,.purchase-agreement button{font-size:11px}.order-total>div>span{font-size:12px}.order-total small{font-size:10px}.checkout-footnote{color:#8b978e}.mode{font-size:13px}.section-kicker{color:#89968c}.buy-button{background:var(--accent)}.buy-button:hover{filter:brightness(.91);background:var(--accent)}
@media(max-width:1100px) and (min-width:801px){.plan-name{font-size:12px}.plan-note{font-size:10px}.plan-price strong{font-size:19px}.mode{font-size:12px}}
@media(max-width:800px){.product-story{min-height:177px}.story-copy{padding-top:15px;position:relative;z-index:1;pointer-events:none}.eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:43px;letter-spacing:-2.4px;max-width:230px;margin-top:13px}.product-tagline{font-size:12px;letter-spacing:1px;max-width:230px;margin-top:8px}.product-stage{position:absolute;right:-11px;top:18px;width:128px;height:136px;margin:0;overflow:visible}.hero-logo{width:70px;height:70px}.logo-aura{width:150px;height:150px}.orbit{width:142px;height:87px}.orbit-two{width:120px;height:113px}.stage-caption{display:none}.dot-one{left:0;top:65%;width:4px;height:4px}.dot-two{right:0;top:31%;width:3px;height:3px}.story-bottom{padding-top:0}.feature-row{margin:27px 0 24px;justify-content:flex-start;gap:20px;font-size:10px}.checkout{margin-top:1px}.plan-name{font-size:13px}.plan-note{font-size:10px}.plan-price strong{font-size:21px}.field input{font-size:14px}.field input::placeholder{font-size:11px}.mode{font-size:12px}.purchase-agreement,.purchase-agreement button{font-size:10px}.checkout-footnote{font-size:8px}}
@media(max-width:365px){h1{font-size:38px;letter-spacing:-2px}.product-tagline{font-size:11px;max-width:190px}.product-stage{right:-5px;width:98px;top:19px}.hero-logo{width:60px;height:60px}.orbit{width:115px;height:70px}.orbit-two{width:96px;height:95px}.plan-name{font-size:11px}.plan-note{font-size:9px}.plan-price strong{font-size:20px}.feature-row{font-size:9px;gap:14px}.contact-fields{grid-template-columns:1fr 1fr}.field input::placeholder{font-size:9px}.mode{font-size:11px}.payment{font-size:12px}}
@media(max-width:800px){.product-stage{overflow:hidden;border-radius:50%}.logo-aura{width:128px;height:128px;transform:none}.orbit{width:125px;height:82px}.orbit-two{width:107px;height:105px}}
@media(max-width:365px){.logo-aura{width:98px;height:98px}.orbit{width:96px;height:65px}.orbit-two{width:82px;height:88px}}
/* Grok: the same checkout, inside a quiet monochrome universe. */
body{transition:background-color .6s,color .4s}.grok-universe{display:none}.grok-transition{display:none;pointer-events:none}.grok-theme{--bg:#050505;--ink:#f1f1f1;--muted:#878987;--line:#252625;--accent:#eceeed;--accent-light:#202220;--logo-filter:invert(1);background:#050505;color:#f1f1f1;color-scheme:dark}.grok-theme .header{background:#050505}.grok-theme .brand-dot{color:#d8dad8}.grok-theme .product-nav{background:#151615;border-color:#252725}.grok-theme .nav-indicator{background:#303230;box-shadow:inset 0 1px #ffffff0b}.grok-theme .product-tab{color:#898d89}.grok-theme .product-tab.active{color:#fff}.grok-theme .product-tab img{filter:invert(1)}.grok-theme .text-button,.grok-theme .footer button{color:#a1a5a1}.grok-theme .nav-divider{background:#343734}.grok-theme .eyebrow{color:#7d847e}.grok-theme .live-dot{background:#d8e0d9}.grok-theme .product-tagline{color:#a7afa8}.grok-theme .product-story{top:8px}.grok-theme .story-copy{padding-top:15px}.grok-theme .product-stage{height:440px;margin:0 -38px -8px;overflow:visible;isolation:auto}.grok-theme .product-stage>.orbit,.grok-theme .product-stage>.hero-logo,.grok-theme .product-stage>.logo-aura,.grok-theme .product-stage>.orbit-dot,.grok-theme .product-stage>.stage-caption{display:none}.grok-theme .grok-universe{display:block;width:100%;height:100%;position:relative;isolation:isolate}.grok-universe canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.cosmic-system{position:absolute;inset:0}.satellite{position:absolute;width:79px;text-align:center;--spin:-10deg;--in-x:20px;--in-y:15px;animation:constellation-in 1.2s cubic-bezier(.16,1,.3,1) both}.satellite-x{left:15%;top:5%;--spin:-11deg;animation-delay:.35s}.satellite-grok{right:8%;top:22%;--spin:12deg;--in-x:-25px;--in-y:12px;animation-delay:.48s}.satellite-cursor{left:6%;bottom:7%;--spin:-11deg;--in-x:25px;--in-y:-20px;animation-delay:.62s}.satellite-bot{right:15%;bottom:0;--spin:10deg;--in-x:-25px;--in-y:-22px;animation-delay:.76s}.satellite-float{animation:cosmic-float 7s ease-in-out infinite;transform:rotate(var(--spin));transition:filter .25s}.satellite-grok .satellite-float{animation-delay:-2.5s}.satellite-cursor .satellite-float{animation-delay:-4s}.satellite-bot .satellite-float{animation-delay:-1.5s}.satellite-tile{position:relative;width:79px;height:79px;display:grid;place-items:center;border-radius:24px;border:1px solid #424442;background:linear-gradient(145deg,#262826,#0a0a0a 85%);box-shadow:inset 0 1px 0 #ffffff12,0 12px 30px #0006}.satellite-tile img{width:38px;height:38px;object-fit:contain;filter:brightness(0) invert(1)}.satellite-x-logo{font-size:43px;font-weight:400;line-height:1;color:white}.satellite-label{display:block;margin-top:10px;font-size:12px;letter-spacing:.1px;color:#bfc3bf}.verified{position:absolute;right:-5px;bottom:5px;background:#299dff;color:#fff;border:2px solid white;width:20px;height:20px;border-radius:50%;font-size:12px;line-height:16px;box-shadow:0 0 0 2px #2489dd30}.satellite:hover .satellite-float{filter:brightness(1.4)}.grok-theme .story-description{color:#929b94;font-size:15px;line-height:1.9;margin-bottom:20px}.grok-theme .feature-row,.grok-theme .feature-row svg,.grok-theme .how-to>button{color:#8a948d}.grok-theme .checkout{background:#111111;border-color:#292929;box-shadow:0 20px 70px #0003}.grok-theme .section-kicker{color:#758078}.grok-theme .delivery-status{color:#929e94}.grok-theme .mode{color:#777e77}.grok-theme .mode.active{color:#dce5dc}.grok-theme .plan{border-color:#303030;background:#121212}.grok-theme .plan:hover{border-color:#777777;background:#1c1c1c}.grok-theme .plan.selected{background:#242424;border-color:#777777}.grok-theme .plan-note{color:#859285}.grok-theme .plan-price small{color:#7e897e}.grok-theme .radio-mark{border-color:#505c50}.grok-theme .selected .radio-mark{background:#e0e9e0;border-color:#e0e9e0}.grok-theme .selected .radio-mark:after{border-color:#263026}.grok-theme .stepper,.grok-theme .field input{background:#0d0d0d;border-color:#303030;color:#e1e8e1}.grok-theme .stepper button{color:#b1bdb1}.grok-theme .stepper button:disabled{color:#424c42}.grok-theme .field input::placeholder{color:#707c70}.grok-theme .payment{background:#111111;border-color:#303030}.grok-theme .payment.selected{background:#242424;border-color:#777777}.grok-theme .payment-sub{color:#849284}.grok-theme .network-row,.grok-theme .network-row select{color:#8f9d8f}.grok-theme .purchase-agreement{color:#7f8b7f}.grok-theme .purchase-agreement button{color:#b4c3b4}.grok-theme .order-total>div>span{color:#9ba89b}.grok-theme .order-total small{color:#788778}.grok-theme .buy-button{color:#172017;background:#e4e9e4}.grok-theme .checkout-footnote{color:#667366}.grok-theme .footer{color:#6f7b6f}.grok-theme dialog{background:#141914;color:#e3e9e3}.grok-theme #modal-body{color:#b1bdb1}.grok-theme .modal-summary{color:#d3e0d3}.grok-theme .brand img{filter:grayscale(1);opacity:.9}
.grok-theme .grok-transition{position:fixed;display:block;inset:0;z-index:100;background:#000;visibility:hidden;overflow:hidden}.grok-arriving .grok-transition{animation:cosmic-transition 1.25s cubic-bezier(.22,.7,.28,1) both}.transition-ring{position:absolute;left:50%;top:50%;width:47vmax;height:47vmax;border-radius:50%;background:#000;border:2px solid #f2f4f6;box-shadow:0 0 3px white,0 0 18px #e7eaf0c0,0 0 60px #ffffff50,0 0 120px #ffffff20;transform:translate(-50%,-50%) rotate(-18deg)}.transition-ring:after{content:'';position:absolute;inset:-6%;border-radius:50%;border:8px double #d9dfe8a0;filter:blur(3px)}.transition-disk{position:absolute;left:50%;top:50%;width:94vmax;height:25vmax;border:1px solid #dbe1eb90;border-radius:50%;box-shadow:0 0 5px #fff8,inset 0 0 15px #e6ecf770,0 0 35px #e8eff53f;background:repeating-radial-gradient(ellipse,#bfc5ce1c 0px,#05050500 2px,#e5eaf025 3px,#05050500 5px);transform:translate(-50%,-35%) rotate(-18deg)}
@keyframes cosmic-transition{0%{visibility:visible;opacity:0;transform:scale(.16);border-radius:50%}30%{opacity:1;transform:scale(1);border-radius:0}65%{opacity:.95;transform:scale(1.4)}100%{visibility:hidden;opacity:0;transform:scale(2.1)}}@keyframes constellation-in{0%{opacity:0;transform:translate(calc(var(--in-x)*3),calc(var(--in-y)*3)) scale(.45)}100%{opacity:1;transform:translate(0,0) scale(1)}}@keyframes cosmic-float{0%,100%{transform:translate(0,0) rotate(var(--spin))}45%{transform:translate(var(--in-x),var(--in-y)) rotate(calc(var(--spin) + 3deg))}70%{transform:translate(calc(var(--in-x)*.25),calc(var(--in-y)*.25 - 7px)) rotate(var(--spin))}}
.grok-universe[data-paused=true] .satellite-float{animation-play-state:paused}
@media(min-width:1500px){.grok-theme .product-stage{height:460px;margin-top:2px}.satellite-tile,.satellite{width:84px}.satellite-tile{height:84px}}
@media(max-width:1100px) and (min-width:801px){.grok-theme .product-stage{height:380px;margin:10px -22px 5px}.satellite,.satellite-tile{width:65px}.satellite-tile{height:65px;border-radius:20px}.satellite-tile img{width:33px;height:33px}.satellite-x-logo{font-size:35px}.satellite-label{font-size:11px}.satellite-x{left:12%}.satellite-grok{right:5%}}
@media(max-width:800px){.grok-theme .product-story{top:0;min-height:0}.grok-theme .story-copy{padding-top:15px}.grok-theme .product-stage{position:relative;inset:auto;width:auto;height:285px;margin:-2px -13px 0;border-radius:0;overflow:hidden}.grok-theme .story-copy h1{font-size:43px}.grok-theme .product-tagline{max-width:none}.grok-theme .grok-universe{width:100%;height:100%}.grok-theme .story-bottom{padding-top:0}.grok-theme .feature-row{justify-content:center;margin:9px 0 23px;gap:18px;font-size:9px}.satellite,.satellite-tile{width:54px}.satellite-tile{height:54px;border-radius:17px}.satellite-tile img{width:28px;height:28px}.satellite-x-logo{font-size:30px}.satellite-label{font-size:9px;margin-top:6px}.verified{width:15px;height:15px;font-size:9px;line-height:11px;right:-4px;bottom:3px}.satellite-x{left:15%;top:2%}.satellite-grok{right:9%;top:18%}.satellite-cursor{left:6%;bottom:10%}.satellite-bot{right:14%;bottom:1%}.grok-theme .checkout{margin-top:0}.grok-arriving .grok-transition{animation-duration:.95s}.grok-theme .how-to{display:none}.satellite{--in-x:10px;--in-y:8px}.satellite-grok{--in-x:-10px}.satellite-cursor{--in-y:-8px}.satellite-bot{--in-x:-10px;--in-y:-8px}}
@media(prefers-reduced-motion:reduce){.grok-theme .grok-transition{display:none}.satellite{opacity:1!important;transform:none!important}}

.satellite-cursor .satellite-tile img{filter:none;width:54px;height:54px}.satellite-bot .satellite-tile img{filter:none}
@media(max-width:800px){.satellite-cursor .satellite-tile img{width:38px;height:38px}}
.product-nav{overflow:hidden}
/* Quieter choreography leaves the material, not the icons, in motion. */
.satellite-float{animation:cosmic-drift 12s ease-in-out infinite}
@keyframes cosmic-drift{0%,100%{transform:translate(0,0) rotate(var(--spin))}50%{transform:translate(calc(var(--in-x)*.2),-5px) rotate(calc(var(--spin) + 1deg))}}
.satellite-label{color:#bfc1c2}.satellite-tile{background:linear-gradient(145deg,#252525,#090909 85%);border-color:#383838}
.grok-theme .grok-transition{display:none}.grok-theme.grok-arriving .grok-transition{display:block}
@media(prefers-reduced-motion:reduce){.grok-theme.grok-arriving .grok-transition{display:none}}
/* The transition uses the same rendered material, not a second neon-ring effect. */
.transition-ring,.transition-disk{display:none}
.grok-theme.grok-arriving .grok-transition{background-color:#050505;background-repeat:no-repeat;background-position:center;background-size:auto 100%;animation:material-enter 1.1s cubic-bezier(.22,.7,.28,1) both}
@keyframes material-enter{0%{opacity:0;visibility:visible;transform:scale(.8)}25%{opacity:1;transform:scale(1)}60%{opacity:.92}100%{opacity:0;visibility:hidden;transform:scale(1.28)}}
@media(max-width:800px){.grok-theme.grok-arriving .grok-transition{animation-duration:.85s;background-size:auto 65%}}
@media(prefers-reduced-motion:reduce){.grok-theme.grok-arriving .grok-transition{display:none}}
@media(min-width:801px){.satellite-x,.satellite-x .satellite-tile{width:92px}.satellite-x .satellite-tile{height:92px;border-radius:28px}.satellite-x-logo{font-size:50px}}
.satellite-cursor .satellite-tile img{filter:grayscale(1)}
/* Product information sits close to the decision, without crowding the checkout. */
.satellite-float{animation:cosmic-float 7s ease-in-out infinite}
.product-detail-link{display:flex;gap:8px;align-items:center;width:max-content;margin:18px 10px 0;font-size:12px;color:#637e6d}.product-detail-link svg{width:16px;height:16px;transition:transform .2s}.product-detail-link:hover svg{transform:translateX(4px)}.grok-theme .product-detail-link{color:#bdc8bf}
.mode-suffix{display:inline-block;font-size:9px;line-height:1.5;margin-left:6px;padding:1px 5px;border-radius:4px;border:1px solid #414a43;color:#99a79c;vertical-align:1px}.mode.active .mode-suffix{color:#d1ddd3;border-color:#627366;background:#29322c}
.plan-context{display:flex;align-items:center;gap:7px;line-height:1.7;font-size:10px;color:#94a197;margin:-5px 0 14px;padding:9px 10px;background:#171b18;border-radius:6px}.plan-context strong{font-weight:500;color:#bdcdc0}.context-dot{width:4px;height:4px;background:#93aa99;border-radius:50%;flex-shrink:0}
.product-details{max-width:1128px;margin:10px auto 48px;padding:30px 0 0;border-top:1px solid var(--line);scroll-margin-top:28px}.details-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 24px}.details-heading h2{font-size:24px;margin-top:5px}.details-heading>span{font-size:12px;color:#849589}.details-tabs{display:flex;gap:31px;border-bottom:1px solid var(--line)}.details-tabs button{position:relative;padding:0 0 13px;font-size:13px;color:#87938a}.details-tabs button.active{color:var(--ink);font-weight:500}.details-tabs button.active:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent)}.details-content{padding:7px 0}.detail-row{display:grid;grid-template-columns:190px 1fr;gap:40px;padding:21px 0;border-bottom:1px solid var(--line)}.detail-row:last-child{border-bottom:0}.detail-row h3{font-size:13px;font-weight:500;margin:0}.detail-row p{margin:0;font-size:13px;line-height:1.9;color:#798a7e;max-width:680px}.grok-theme .detail-row p{color:#a2aea5}.grok-theme .details-heading>span{color:#8e9e93}.grok-theme .details-tabs button{color:#7d8c81}.grok-theme .details-tabs button.active{color:#e2ebe4}.grok-theme .how-to{margin-top:19px}
@media(max-width:1200px){.product-details{margin-left:30px;margin-right:30px}}
@media(max-width:800px){.product-detail-link{margin:12px 0 22px;font-size:11px}.grok-theme .product-stage{height:260px}.grok-theme .story-description{display:block;font-size:12px;line-height:1.85;margin:12px 0 0;text-align:center}.grok-theme .feature-row{margin:16px 0 0}.grok-theme .product-detail-link{margin:13px auto 24px}.product-details{margin:15px 23px 32px;padding-top:23px;scroll-margin-top:18px}.details-heading{align-items:start;flex-direction:column;gap:10px;margin-bottom:23px}.details-heading h2{font-size:22px}.details-heading>span{font-size:11px}.details-tabs{gap:27px}.details-tabs button{font-size:12px}.detail-row{grid-template-columns:1fr;gap:8px;padding:18px 0}.detail-row h3{font-size:12px}.detail-row p{font-size:12px}.mode-suffix{font-size:8px;margin-left:5px}.plan-context{font-size:9px;gap:5px;padding:8px}}
.plan-context{font-size:11px}@media(max-width:800px){.plan-context{font-size:10px}}
/* Live integration: preserve the native form and account UI. */
html{font-size:14px}.storefront-v2{background:var(--bg)!important;background-image:none!important}.sf-navbar{height:100px;background:transparent!important;box-shadow:none!important;border:0;backdrop-filter:none!important;z-index:40;padding:0}.sf-navbar>.container{max-width:1320px;height:100%;padding:0 40px;position:relative}.sf-navbar .brand{color:var(--ink);font-size:24px;margin-right:auto;gap:10px}.sf-navbar .brand-logo{width:35px;height:35px}.sf-navbar .navbar-collapse{flex-grow:0;flex-basis:auto}.sf-navbar .navbar-nav{margin:0!important;flex-direction:row;gap:12px}.sf-navbar .nav-link{font-size:11px;white-space:nowrap;padding:8px 0!important}.sf-navbar .search-input{display:none!important}.sf-navbar .nav-icon{display:none}.sf-navbar .user-login-box{display:flex;gap:8px}.sf-navbar .user-login-box a{border:0!important;background:none!important;color:var(--muted);font-size:12px;padding:7px}.sf-navbar #userDropdown{padding:0;font-size:12px;color:var(--ink)}.sf-navbar #username{color:var(--ink)!important}.sf-navbar #user-balance{font-size:10px!important}.sf-navbar .dropdown-menu{font-size:13px;padding:7px;border:1px solid var(--line);border-radius:10px}.sf-navbar .dropdown-item{border-radius:5px;padding:9px 13px}.sf-navbar .product-tab.active{background:#fff}.grok-theme .sf-navbar .product-tab.active{background:#303230}.sf-product-nav:empty{display:none}.sf-main{margin-top:26px;gap:65px}.sf-main h1{color:var(--ink)}.sf-main .checkout{padding:27px 26px 22px}.sf-main .vstack{margin-top:17px;gap:16px!important}.sf-main .vstack label{font-size:12px;color:var(--ink)}.sf-main .vstack .form-control{height:42px;border:1px solid var(--line);background:#fbfcfb;font-size:13px;box-shadow:none;color:var(--ink);border-radius:8px}.sf-main .vstack textarea.form-control{height:auto}.sf-main .vstack .form-control::placeholder{font-size:11px;color:#929e95}.sf-current-name{font-size:11px;color:#8a978f;margin:13px 0}.sf-member-status{font-size:11px;color:#6d8576;border-bottom:1px solid var(--line);padding-bottom:12px}.sf-item-status{display:flex;align-items:center;gap:12px;font-size:10px;color:#8b988f;margin:13px 0}.sf-item-status .shared-button{margin-left:auto;color:#768d7e}.sf-item-status .shared-button:hover{box-shadow:none;transform:none}.sf-main .qty-group{width:125px;box-shadow:none;border:1px solid var(--line);background:#f9fbf9;padding:3px 7px;gap:6px}.sf-main .qty-group button{background:none;color:var(--ink);box-shadow:none;height:30px;width:26px}.sf-main .qty-group input{border:0!important;background:none!important;height:30px!important;color:var(--ink)}.sf-main .cash-pay{background:none;border:0;padding:0!important;box-shadow:none}.sf-native-pay-list{display:none!important}.sf-pay-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sf-pay-choice{display:flex;align-items:center;gap:8px;text-align:left;border:1px solid var(--line);border-radius:9px;padding:11px 10px;min-height:47px;font-size:12px;background:none;transition:border-color .2s,background .2s}.sf-pay-choice img{width:23px;height:23px;object-fit:contain}.sf-pay-choice.selected{border-color:#83a18e;background:var(--accent-light)}.sf-pay-choice.selected:after{content:'✓';margin-left:auto;color:var(--ink);font-size:12px}.sf-pay-explanation{font-size:10px;color:#8d9a91;margin:9px 0 16px}.sf-main .abacus .price{color:var(--ink);font-size:30px;line-height:1.2;font-weight:550;white-space:nowrap}.sf-main .abacus .price .unit{font-size:17px;font-weight:400;color:inherit;margin-right:3px}.sf-main .buy-button:disabled{opacity:.5;cursor:wait}.sf-main .story-description{white-space:pre-line}.sf-main .optional-card{font-size:12px;padding:9px 12px}.native-description{font-size:14px;line-height:1.95;overflow-wrap:anywhere;max-width:920px;color:#65796c}.native-description h1{font-size:25px;letter-spacing:0}.native-description h2{font-size:21px}.native-description h3{font-size:18px}.native-description img,.native-description video{max-width:100%;height:auto}.native-description .acg-rich{font-size:14px}.grok-theme .native-description{color:#a8b3ab}.grok-theme .sf-main .vstack .form-control{background:#0d0d0d;border-color:#303030}.grok-theme .sf-main .qty-group{background:#141414;border-color:#303030}.grok-theme .sf-main .order-total>div>span{color:#9baa9f}.sf-loading{max-width:800px;margin:80px auto;text-align:center}.sf-loading h1{font-size:36px;letter-spacing:-1px}.sf-loading p{color:var(--muted)}.sf-loading a{color:var(--accent)}.sf-main .sku-list{gap:8px}.sf-main .sku{font-size:12px;border:1px solid var(--line);box-shadow:none;padding:8px 12px;border-radius:8px;background:none;color:var(--ink)}.sf-main .sku.is-primary{background:var(--accent-light);border-color:#849c8c;color:var(--ink)}.sf-main .badge-money{position:static;background:none;color:inherit;border:0;box-shadow:none;margin-left:8px;font-size:10px}.sf-main .captcha-img{max-width:110px;cursor:pointer}.grok-theme .sf-navbar .dropdown-menu{background:#191c19;color:#eee}.grok-theme .sf-navbar .dropdown-item{color:#bdc9c0}.grok-theme .sf-navbar .dropdown-item:hover{background:#293129}.sf-main .wholesale-table{font-size:11px}
@media(max-width:1100px){.sf-main{gap:35px}.sf-navbar>.container{padding:0 25px}.sf-navbar .brand{font-size:20px}.sf-navbar .nav-link{font-size:10px}.sf-navbar .navbar-nav{gap:9px}.sf-navbar #user-avatar{width:26px!important;height:26px!important}.sf-navbar #username{font-size:12px!important}.sf-navbar .product-tab{min-width:90px;padding:10px 12px}.sf-navbar .user-login-box a{font-size:11px}.sf-main .checkout{padding:25px 20px}}
@media(max-width:991px){.sf-navbar{height:135px}.sf-navbar>.container{height:72px;padding:0 23px;align-self:flex-start;flex-wrap:wrap}.sf-navbar .product-nav{position:absolute;top:82px;left:23px;right:23px;transform:none;justify-content:space-between}.sf-navbar .product-tab{flex:1;min-width:0}.sf-navbar .navbar-collapse{position:absolute;top:68px;left:23px;right:23px;z-index:5;border:1px solid var(--line);background:var(--bg);padding:15px;border-radius:12px}.sf-navbar .navbar-nav{flex-direction:column;gap:8px}.sf-navbar .navbar-toggler{padding:5px;border:0;box-shadow:none;width:32px;margin-left:4px}.sf-navbar .navbar-toggler-icon{width:20px;height:20px}.grok-theme .navbar-toggler-icon{filter:invert(1)}.sf-navbar .lang-switch{display:none}.sf-navbar .user-info-box{order:5;margin-left:0!important}.sf-navbar .user-login-box{order:5}.sf-navbar #user-balance{display:none}.sf-navbar #username{max-width:92px}.sf-navbar .brand{flex-shrink:0}.sf-navbar .brand>span{max-width:none!important}.sf-navbar .brand-logo{width:30px;height:30px}.sf-navbar .navbar-toggler{order:6}.sf-main{margin-top:21px}}
@media(min-width:801px) and (max-width:991px){.sf-main{max-width:900px;margin-left:25px;margin-right:25px}}
@media(max-width:800px){.sf-main{padding:0 23px;margin:21px auto 32px;display:block}.sf-main .checkout{padding:23px 21px 19px}.sf-main .story-description{font-size:12px}.sf-main .sf-current-name{font-size:10px}.sf-main .vstack .form-control{font-size:16px}.sf-main .product-story{position:relative;top:0}.sf-main .plan-name{font-size:13px}.sf-main .plan-note{font-size:10px}.sf-main .plan-price strong{font-size:21px}.native-description{font-size:13px}.native-description .acg-rich{font-size:13px}.sf-navbar .product-nav{top:81px}.sf-main .sf-pay-explanation{font-size:9px}}
@media(max-width:365px){.sf-navbar>.container{padding:0 16px}.sf-navbar .product-nav{left:16px;right:16px}.sf-main{padding:0 16px}.sf-main .checkout{padding:21px 16px}.sf-navbar .brand{font-size:18px}.sf-navbar .user-login-box a:last-child{display:none}.sf-main .plan-name{font-size:11px}.sf-main .plan-price strong{font-size:19px}}
.sf-main .qty-group>input[name=num]{color:var(--ink)!important}.sf-navbar #user-avatar{object-fit:cover}.sf-main .more-plans{font-size:11px}.native-description h4,.native-description h5,.native-description h6{font-size:15px;letter-spacing:0}
.sf-notice{max-width:1128px;margin:8px auto 0;border-bottom:1px solid var(--line);color:#7f9085;padding:8px 0 14px;font-size:12px}.sf-notice summary{cursor:pointer;font-weight:500;width:max-content}.sf-notice summary span{font-size:10px;font-weight:400;color:#95a299;margin-left:12px}.sf-notice>div{line-height:1.9;padding:14px 0 0}.sf-notice>div p:last-child{margin-bottom:0}.grok-theme .sf-notice{color:#9eada3}@media(max-width:1200px){.sf-notice{margin-left:30px;margin-right:30px}}@media(max-width:800px){.sf-notice{margin:9px 23px 0;font-size:11px}}
/* Persistent navigation and a compact, accessible single-choice payment control. */
.sf-navbar .product-tab.active,.grok-theme .sf-navbar .product-tab.active{background:transparent}
.sf-navbar .nav-indicator{pointer-events:none;width:0}
.sf-payment-select-wrap{position:relative;width:100%;margin:1px 0 16px}
.sf-payment-select{appearance:none;-webkit-appearance:none;display:block;width:100%;height:46px;padding:0 42px 0 13px;border:1px solid var(--line);border-radius:9px;background:#fbfcfb;color:var(--ink);font-size:13px;cursor:pointer;transition:border-color .2s,background .2s}
.sf-payment-select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.sf-payment-select-wrap>svg{position:absolute;right:13px;top:14px;width:18px;height:18px;pointer-events:none;color:var(--muted)}
.sf-payment-select option{background:#fff;color:#202c27}
.grok-theme .sf-payment-select,.grok-theme .sf-payment-select option{background:#161616;color:#eee;border-color:#353535}
.sf-pay-explanation:empty{display:none}
.sf-navigating .checkout{cursor:progress}
.sf-navigating .checkout form{pointer-events:none;opacity:.65;transition:opacity .12s}
.sf-navigating .sf-plan-list a,.sf-navigating .sf-mode-nav a{pointer-events:auto}
@media(max-width:800px){.sf-payment-select{font-size:16px}}
/* Keep the checkout in place. Switching a plan is not a page entrance. */
.sf-main{gap:82px}
.sf-main,.product-details{overflow-anchor:none}
.sf-main .checkout{animation:none}
.sf-main .sf-cash-pay{display:block!important;opacity:1!important}
.sf-navigating .checkout form{pointer-events:none;opacity:1;transition:none}
.sf-payment-select:disabled{opacity:1;cursor:wait}
.sf-main .abacus .price{min-width:92px;min-height:36px;text-align:right;position:relative}
.sf-main .abacus .price[aria-busy=true]{color:var(--muted)}
.sf-main .abacus .price[aria-busy=true]:after{content:'';position:absolute;width:10px;height:10px;right:-15px;top:12px;border:1px solid var(--line);border-top-color:var(--muted);border-radius:50%;animation:sf-price-pending .7s linear infinite}
@keyframes sf-price-pending{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.sf-main .abacus .price[aria-busy=true]:after{animation:none}.checkout{transition:none!important}}

/* Loading belongs to checkout, not body: do not recapture the demo material mid-entry. */
.checkout.sf-navigating{cursor:progress}
.checkout.sf-navigating form{pointer-events:none;opacity:1;transition:none}

/* A single live surface: no full-screen image on top of a second black hole. */
.grok-transition{display:none!important}
.sf-cosmic-portal{position:fixed!important;z-index:90!important;margin:0!important;pointer-events:none;transform-origin:center;will-change:transform,opacity;background:#050505}
.cosmic-system{transition:opacity .24s ease}
.grok-arriving .cosmic-system{opacity:0}
.sf-header-actions{margin-left:auto;display:flex;align-items:center;gap:20px;flex-shrink:0}
.sf-order-query{font-size:12px;white-space:nowrap;color:var(--ink);padding:10px 0;line-height:1.4}
.sf-order-query:hover{color:var(--accent)}
@media(max-width:800px){.sf-header-actions{gap:12px}.sf-order-query{font-size:11px}.sf-navbar .user-login-box{margin-left:0!important;gap:5px}.sf-navbar .user-login-box a{font-size:11px;padding:6px 2px}.sf-navbar .user-info-box{margin-left:0!important}}
@media(max-width:359px){.sf-navbar>.container{padding-left:15px;padding-right:15px}.sf-navbar .brand{font-size:20px;gap:4px}.sf-navbar .brand-logo{width:28px;height:28px;margin-right:3px!important}.sf-header-actions{gap:9px}.sf-navbar .user-login-box a{font-size:10px}}
@media(prefers-reduced-motion:reduce){.cosmic-system{transition:none}}
/* Feather the only live surface into the page; never show its rectangular backing. */
.grok-theme{transition:color .4s!important}
.grok-universe #blackhole-canvas,.sf-cosmic-portal{-webkit-mask-image:radial-gradient(ellipse closest-side at center,#000 50%,rgba(0,0,0,.92) 70%,transparent 100%);mask-image:radial-gradient(ellipse closest-side at center,#000 50%,rgba(0,0,0,.92) 70%,transparent 100%)}
.sf-navbar #username{display:block;max-width:128px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:991px){.sf-navbar #username{max-width:92px}}