/* Small presentation overrides kept separate from the generated/minified site stylesheet. */
.product-art {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: center;
  justify-content: center;
}

/* Copyable order voucher shown on checkout and account order pages. */
.order-voucher{margin:24px 0;padding:20px;border:1px solid #ddd2ef;border-radius:16px;background:linear-gradient(145deg,#fbf9ff,#fff8f3)}
.order-voucher .account-header{margin-bottom:8px}
.order-voucher-text{display:block;width:100%;min-height:230px;margin:12px 0;padding:13px;border:1px solid #d9d2e7;border-radius:10px;background:#fff;color:var(--ink);font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical}
.order-voucher-text-compact{min-height:145px;margin-top:14px;font-size:11px;line-height:1.5}
.order-voucher-actions{flex-wrap:wrap;margin-top:12px}
.order-voucher-missing{border-color:#efc7bc;background:#fff7f4;color:#8b3d2e}
.order-voucher-missing p{margin:5px 0 0;color:var(--muted)}
.account-row-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
@media(max-width:760px){.order-voucher{padding:16px}.order-voucher-text{min-height:260px}.order-voucher-text-compact{min-height:160px}.order-voucher-actions{align-items:stretch;flex-direction:column}.order-voucher-actions .button{width:100%}.account-row-actions{align-items:stretch;flex-direction:column}.account-row-actions .button{width:100%}}

.product-art small {
  font-size: 11px;
  letter-spacing: .16em;
  opacity: .75;
}

.public-header-links{margin-left:auto;display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px}.public-header-links a{padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--violet-dark);font-weight:700}.public-header-links a:hover{border-color:#d4c9f0;color:var(--violet)}.public-header-links .public-register{background:var(--ink);border-color:var(--ink);color:#fff}
.account-menu{position:relative;margin-left:6px}.account-menu summary{list-style:none;cursor:pointer}.account-menu summary::-webkit-details-marker{display:none}.account-menu-summary{display:flex;align-items:center;gap:9px}.account-menu-summary:after{content:'⌄';color:var(--muted);font-size:13px}.account-notification{display:grid;place-items:center;width:22px;height:22px;border:1px solid var(--line);border-radius:50%;color:#f47b4d;font-size:10px}.account-menu-panel{position:absolute;z-index:20;right:0;top:calc(100% + 12px);display:grid;gap:4px;width:min(240px,calc(100vw - 24px));padding:12px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 18px 40px rgba(31,27,45,.14)}.account-menu-panel strong{padding:7px 9px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.account-menu-panel a,.account-menu-panel button{display:block;width:100%;padding:9px;border:0;border-radius:9px;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.account-menu-panel a:hover,.account-menu-panel button:hover{background:#f5f1fb;color:var(--violet)}.account-menu-links{display:grid;gap:4px;padding-top:8px;border-top:1px solid var(--line)}.account-menu-links form{display:block}.account-menu-links .account-menu-logout{margin-top:4px;padding-top:12px;border-top:1px solid var(--line);border-radius:0;color:var(--muted);font-size:12px}.nav-release-link{border-color:transparent;background:transparent;color:var(--muted);font-weight:600}.nav-release-link:hover{background:#f7f4fc;color:var(--violet)}

/* Keep the homepage promise together as one readable line. */
.site-header{position:relative;z-index:40}
.hero-copy h1.hero-title{white-space:nowrap;font-size:clamp(20px,4.1vw,48px);letter-spacing:-.06em}
.ownership-status{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}
.ownership-status.owned{background:#eaf8f0;color:#147342}
.ownership-status.not-owned{background:#f3f0f7;color:var(--muted)}
.product-card-bottom .ownership-status{margin-right:auto}
.announcement-menu{position:absolute;left:50%;z-index:30;transform:translateX(-50%)}
.announcement-trigger{display:flex;align-items:center;gap:7px;padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--violet-dark);font-size:13px;font-weight:800;cursor:pointer;list-style:none}
.announcement-trigger::-webkit-details-marker{display:none}
.announcement-trigger:after{content:'⌄';color:var(--muted);font-size:12px}
.announcement-count{display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#f5e7df;color:#bc512b;font-size:10px}
.announcement-panel{position:absolute;top:calc(100% + 12px);left:50%;width:min(390px,calc(100vw - 32px));transform:translateX(-50%);padding:21px 22px 16px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 20px 50px rgba(31,27,45,.16)}
.announcement-close{position:absolute;top:9px;right:11px;width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:22px;line-height:1;cursor:pointer}
.announcement-close:hover{background:#f5f1fb;color:var(--violet)}
.announcement-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-right:27px;color:var(--muted);font-size:11px}
.announcement-meta .status{color:var(--orange)}
.announcement-slide h3{margin:14px 28px 7px 0;font-size:20px;letter-spacing:-.03em}
.announcement-slide p{min-height:62px;margin:0;color:var(--muted);font-size:13px;line-height:1.7;white-space:pre-wrap}
.announcement-slide .text-link{margin-top:12px}
.announcement-controls{display:flex;justify-content:flex-end;gap:7px;margin-top:8px;padding-top:11px;border-top:1px solid var(--line)}
.announcement-controls button{width:30px;height:30px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--violet);font-size:16px;cursor:pointer}
.announcement-controls button:hover{border-color:#d4c9f0;background:#f5f1fb}
.announcement-empty{margin:14px 0 4px;color:var(--muted);font-size:13px}
.account-menu-label{color:var(--violet-dark);font-size:12px;font-weight:800;white-space:nowrap}
.account-status{padding:4px 9px;border-radius:8px;background:#eaf8f0;color:#147342;font-size:11px;font-weight:800}
.account-page-frame{width:min(1240px,calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:230px minmax(0,1fr);gap:26px;align-items:start}
.account-page-content{min-width:0}
.account-page-content>.shell{width:100%;margin-left:0;margin-right:0}
.account-side-nav{position:static;align-self:start;margin-top:230px;display:grid;gap:4px;min-height:445px;padding:16px;border:1px solid #e2d9ef;border-radius:18px;background:linear-gradient(180deg,#fff,#fbf9ff);box-shadow:0 12px 28px rgba(52,35,111,.07)}
.account-side-nav-heading{display:grid;gap:4px;padding:10px 12px 16px;border-bottom:1px solid var(--line)}
.account-side-nav-heading strong{font-size:16px}
.account-side-nav a{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:9px;padding:14px 12px;border-radius:11px;color:var(--muted);font-size:13px;font-weight:800}
.account-side-nav a:hover{background:#f7f4fc;color:var(--violet)}
.account-side-nav a.active{background:#f1ecfb;color:var(--violet-dark);box-shadow:inset 3px 0 0 var(--violet)}
.account-side-number{color:var(--orange);font:800 11px ui-monospace,Consolas,monospace;letter-spacing:.08em}
.store-context-links{display:flex;gap:14px;flex-wrap:wrap;grid-column:1/-1;margin-top:-4px;padding-left:86px;font-size:12px;font-weight:800}
.store-context-links a{color:var(--violet)}
.store-login-required{grid-column:1/-1;padding-top:4px}.store-login-required p{margin:0 0 12px;color:var(--muted);font-size:13px}.store-login-required .store-context-links{margin-top:14px;padding-left:0}
.promoter-share-box{margin-top:20px;padding:16px;border:1px solid #e1d8f1;border-radius:14px;background:#fbf9ff}.promoter-share-box>label{display:block;margin-bottom:6px;font-size:13px;font-weight:700}.promoter-share-actions{display:flex;gap:10px;align-items:center}.promoter-share-box input{min-width:0;flex:1;border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px 12px;font:inherit;color:var(--ink)}.promoter-share-box small{display:block;margin-top:7px;color:var(--muted);font-size:12px}.promoter-share-box .copy-status{min-height:16px;color:#287a52}.promoter-empty{margin:22px 0}.promoter-application-card{max-width:760px}.promoter-application-card textarea{resize:vertical;min-height:110px}
@media (max-width:640px){.promoter-share-actions{display:grid}.promoter-share-actions .button{width:100%}}
.human-check-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.9fr);gap:12px;align-items:end}.human-check-prompt{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fbf9ff;color:var(--muted);font-size:13px}.human-check-prompt strong{color:var(--ink);font-size:16px;letter-spacing:.08em}.human-check-prompt a{margin-left:auto;color:var(--accent);white-space:nowrap;font-size:12px}@media (max-width:640px){.human-check-row{grid-template-columns:1fr}.human-check-prompt{min-height:40px}}
.promoter-generate-card{max-width:760px}
@media(max-width:1100px) and (min-width:761px){.hero{grid-template-columns:1fr;gap:30px;padding:70px 0 80px}.hero-art{order:-1}}
@media(max-width:760px){.announcement-menu{position:relative;left:auto;order:1;transform:none;margin-left:auto}.announcement-panel{right:0;left:auto;transform:none}.mobile-nav{order:2}.notification-link,.account-menu{order:3}.account-menu-label{display:none}.hero-copy h1.hero-title{font-size:clamp(20px,6vw,48px)}.account-page-frame{display:block;width:min(100% - 32px,1120px)}.account-side-nav{position:static;grid-template-columns:1fr 1fr;gap:4px;margin:0 0 20px;padding:10px;min-height:0}.account-side-nav-heading{grid-column:1/-1}.account-side-nav a{grid-template-columns:24px 1fr;padding:9px 8px;font-size:12px}.store-context-links{padding-left:0}}

/* The personal center is a working surface: one clear product panel and one shared account navigation. */
.account-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:46px;padding-bottom:34px}
.account-heading>div:first-child{min-width:0;flex:1}
.account-heading h1{font-size:clamp(34px,5vw,58px);line-height:1.1;margin-bottom:16px}
.account-heading h1.account-title-single{white-space:nowrap;font-size:clamp(24px,5.4vw,62px);letter-spacing:-.06em}
.account-heading>p,.account-heading>div>p{margin-bottom:0}
.account-heading-status{display:grid;flex:0 0 240px;gap:5px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:#fff}
.account-heading-status strong{font-size:17px}
.account-heading-status>span:not(.account-status){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:13px}
.account-heading-actions{display:flex;align-items:center;gap:13px;margin-top:5px}
.account-heading-actions a{color:var(--violet);font-size:13px;font-weight:800}
.account-dashboard{display:block;padding-bottom:82px}
.page-heading.account-orders-heading{padding-bottom:8px}
.account-panel{padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff}
.account-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:17px}
.account-panel-heading h2{margin:5px 0 0;font-size:25px;letter-spacing:-.035em}
.account-panel-heading .text-link{margin-top:5px;white-space:nowrap}
.account-dashboard-products{display:grid;gap:10px}
.account-order-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.account-order-actions .account-tabs,.account-order-actions .account-tools{margin:0}
.account-order-actions .button{min-height:42px;padding:9px 16px;white-space:nowrap;font-size:13px}
.account-orders-panel{min-height:300px}
.account-orders-panel>.empty-state{min-height:190px;display:grid;place-items:center}
.account-dashboard-product{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 18px;border:1px solid var(--line);border-radius:14px;background:#fcfbfd;transition:border-color .2s,background .2s}
.account-dashboard-product:hover{border-color:#d8ccef;background:#fbf9ff}
.account-dashboard-product h3{margin:5px 0 2px;font-size:18px}
.account-dashboard-product p{margin:0;color:var(--muted);font-size:13px}
.dashboard-arrow,.settings-link-row b{color:var(--violet);font-size:22px;font-weight:400}
.account-settings-layout{padding-bottom:42px}
.profile-panel{max-width:760px}
.profile-panel .account-panel-heading{align-items:center}
.profile-panel .account-panel-heading h2{font-size:22px}
.profile-panel .account-panel-heading p{margin:4px 0 0;color:var(--muted);font-size:13px}
.profile-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.profile-edit{position:relative;margin:0;padding:0;border:0}
.profile-edit summary{display:inline-flex;list-style:none;cursor:pointer}
.profile-edit summary::-webkit-details-marker{display:none}
.profile-edit .store-form{position:absolute;z-index:5;right:0;top:calc(100% + 12px);width:min(500px,calc(100vw - 72px));margin:0;padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 16px 36px rgba(31,27,45,.13)}
.settings-services-panel{max-width:900px}
.settings-link-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.settings-link-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 17px;border:1px solid var(--line);border-radius:14px;background:#fcfbfd;transition:border-color .2s,background .2s}
.settings-link-row:hover{border-color:#d8ccef;background:#fbf9ff}
.settings-link-row strong{font-size:15px}
.settings-link-row p{margin:3px 0 0;color:var(--muted);font-size:12px}
.settings-link-row b{font-size:20px}
.settings-note{margin:17px 0 0;color:var(--muted);font-size:12px;line-height:1.7}
@media(max-width:900px){.account-heading{align-items:stretch;flex-direction:column;gap:22px}.account-heading-status{flex-basis:auto;width:min(360px,100%)}.settings-link-list{grid-template-columns:1fr}}
@media(max-width:1100px) and (min-width:761px){.account-side-nav{margin-top:230px}}
@media(max-width:760px){.account-heading h1.account-title-single{font-size:clamp(24px,6.6vw,50px)}.account-panel{padding:20px}.account-dashboard{padding-bottom:54px}.account-dashboard-product{padding:15px}.profile-panel .account-panel-heading{align-items:flex-start;flex-direction:column;gap:16px}.profile-heading-actions{justify-content:flex-start;width:100%}.profile-edit .store-form{left:0;right:auto;width:min(500px,calc(100vw - 72px))}}

/* Compact page rhythm: keep short tasks visible in one viewport on desktop. */
.page-heading{padding:58px 0 28px}.page-heading h1{font-size:clamp(38px,5vw,58px);line-height:1.08;margin:10px 0}.page-heading>p{font-size:15px;margin:0}.product-directory{padding-bottom:52px}.directory-toolbar{margin-bottom:16px}.product-list{gap:14px;padding-bottom:42px}.product-card{min-height:0;border-radius:20px}.product-art{height:142px}.product-info{padding:18px}.product-info h2{font-size:22px}.account-list{padding-bottom:52px}.account-product-row{padding:16px 20px;margin-bottom:10px}.account-product-row h2{font-size:19px}.account-tools{margin-top:16px}.auth-card{margin:42px auto 64px;padding:26px}.auth-card .store-form{margin-top:16px}.store-form{gap:10px}.detail-hero{min-height:430px;gap:42px}.detail-media.visual-preview{min-height:330px;padding:22px}.section{padding:58px 0}.section-intro h2,.band h2{margin-bottom:22px}.feature-grid article{padding:20px}.feature-icon{margin-bottom:12px}.faq-list{padding-bottom:60px}.legal{padding:58px 0 72px}.legal h1{margin-bottom:24px}.legal h2{margin-top:24px}.site-footer{padding:30px 0 24px}
@media(max-width:760px){.page-heading{padding:44px 0 22px}.page-heading h1{font-size:38px}.auth-card{margin:24px auto 48px;padding:22px}.detail-hero{padding:48px 0 54px;min-height:auto}.detail-media.visual-preview{min-height:280px}.section{padding:46px 0}.legal{padding:44px 0 58px}}
/* Context navigation and product summaries. */
.back-link{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--violet-dark);font-size:13px;font-weight:800;transition:transform .2s,border-color .2s,background .2s}
.back-link:hover{transform:translateX(-2px);border-color:#d4c9f0;background:#f9f7fd;color:var(--violet)}
.back-link span:first-child{font-size:18px;line-height:1}
.product-card-description{min-height:3.45em;line-height:1.7;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.detail-hero h1{word-break:keep-all}
.help-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:35px}
.help-tabs a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:11px 14px;text-align:center;white-space:nowrap}
.help-tabs a.is-active{border-color:#d8ccef;background:#f5f1fb;color:var(--violet);box-shadow:0 6px 16px rgba(52,35,111,.08)}
.product-card .product-tags{min-height:26px}
.product-card-main{display:flex;flex:1;flex-direction:column}.product-card-main .product-info{flex:1}.product-card-actions{display:flex;align-items:center;gap:8px;padding:0 18px 18px}.product-card-actions .button{padding:9px 13px;font-size:12px}.product-card-price{display:flex;align-items:baseline;gap:7px;margin-right:auto;color:var(--violet-dark)}.product-card-price strong{font-size:15px}.product-card-price del,.store-price del{color:var(--muted);font-size:11px;font-weight:400}.purchase-guide{padding-top:10px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.guide-grid article{padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff}.guide-grid h3{margin:10px 0 6px;font-size:18px}.guide-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}.store-price del{margin-left:8px}.coming-note{display:inline-block}
@media(max-width:900px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.product-card-actions{flex-wrap:wrap;padding:0 14px 14px}.product-card-price{width:100%}.guide-grid{grid-template-columns:1fr}}
.detail-hero>div:first-child>p{line-height:1.85}
@media(min-width:600px){.page-heading h1{white-space:nowrap}}
@media(max-width:760px){.back-link{padding:8px 10px}.back-link span:last-child{display:none}.site-header{gap:12px}.product-card-description{min-height:0}}
@media(max-width:760px){.help-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:28px}.help-tabs a{min-height:44px;padding:9px 8px;font-size:12px;white-space:normal}}

/* Account-first storefront additions. */
.site-search{display:flex;align-items:center;margin-left:auto;border:1px solid var(--line);border-radius:999px;background:#fff;overflow:hidden}.site-search input{width:180px;padding:9px 12px;border:0;outline:0;background:transparent;font:inherit;font-size:12px}.site-search button{padding:8px 12px;border:0;background:transparent;color:var(--violet);font-size:18px;cursor:pointer}.notification-link{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;color:var(--violet);font-size:18px}.product-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.product-card-bottom strong{color:var(--violet-dark);font-size:14px}.product-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.product-filters button{padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);cursor:pointer}.product-filters button.active,.product-filters button:hover{border-color:var(--violet);background:#f5f1fb;color:var(--violet);font-weight:700}.section-actions{display:flex;justify-content:center;margin-top:-16px}.account-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-bottom:18px}.account-product-grid .account-preview{margin:0}.account-preview small{display:block;margin-top:9px}.license-result{margin:14px 0;padding:16px;border:1px solid #d8c9f4;border-radius:14px;background:#faf8ff}.license-result code{display:block;margin:8px 0;font-size:18px;letter-spacing:.08em;word-break:break-all}.search-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.search-columns>div{min-width:0}.search-columns h3{margin:0 0 10px}.search-columns .account-product-row{display:flex}.search-columns .account-product-row p{overflow:hidden;text-overflow:ellipsis}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.site-search input{width:130px}.account-product-grid,.search-columns{grid-template-columns:1fr}}@media(max-width:760px){.site-search{order:4;width:100%;margin:12px 0 0}.site-search input{width:100%}.notification-link{margin-left:auto}.account-product-grid{grid-template-columns:1fr}}
.auth-card-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.auth-card-links{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;white-space:nowrap}.auth-card-links a{padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--violet-dark);font-weight:700}

/* Visual elevation pass: create clearer layers without changing the product art. */
body{background:radial-gradient(circle at 8% -10%,rgba(103,78,205,.10),transparent 32rem),radial-gradient(circle at 92% 12%,rgba(244,123,77,.07),transparent 28rem),var(--paper)}
.auth-card,.account-panel,.account-product-row,.tutorial-card,.download-card,.feedback-form,.checkout-summary,.checkout-payment,.result-card,.query-card,.contact-card,.guide-grid article,.plan-grid article,.spec-grid>div,.workflow-grid article{border-color:#e2d9ef;box-shadow:0 14px 36px rgba(52,35,111,.07),0 2px 8px rgba(31,27,45,.04)}
.auth-card{background:linear-gradient(180deg,#fff 0%,#fcfaff 100%)}
.store-form input,.store-form select,.login-email-field input,.feedback-form input,.feedback-form select,.feedback-form textarea,.site-search{border-color:#d9d2e7;background:#fbf9ff;box-shadow:inset 0 1px 2px rgba(52,35,111,.04)}
.store-form input:focus,.store-form select:focus,.login-email-field input:focus,.feedback-form input:focus,.feedback-form select:focus,.feedback-form textarea:focus,.site-search:focus-within{outline:3px solid rgba(92,66,198,.16);border-color:var(--violet);background:#fff}
.login-email-field input{width:100%;border-radius:12px;padding:11px 13px;font:inherit;color:var(--ink);appearance:none}
.email-code-button{border-color:#cdbce8;background:linear-gradient(180deg,#f7f2ff,#ede6fb);color:var(--violet-dark);box-shadow:0 5px 14px rgba(92,66,198,.10)}
.email-code-button:hover{border-color:#a992dc;background:#e9defb}
.button.primary{box-shadow:0 8px 18px rgba(31,27,45,.18)}
.button.primary:hover{box-shadow:0 12px 24px rgba(31,27,45,.26)}
.login-method-tabs{border-color:#ded3ef;box-shadow:inset 0 1px 2px rgba(52,35,111,.05)}
.login-method-tab.is-active{box-shadow:0 4px 12px rgba(52,35,111,.12)}
.product-card,.store-product,.store-panel,.download-panel,.promoter-card{border-color:#e2d9ef;box-shadow:0 14px 36px rgba(52,35,111,.07),0 2px 8px rgba(31,27,45,.04)}
.product-card:hover{box-shadow:0 18px 42px rgba(52,35,111,.14),0 3px 10px rgba(31,27,45,.05)}
.product-art{box-shadow:inset 0 -18px 34px rgba(31,20,73,.12)}
@media(max-width:760px){.auth-card{box-shadow:0 12px 30px rgba(52,35,111,.10)}.auth-card-links a{padding:6px 10px}.login-email-field{margin-top:18px}}

/* Keep account lists in a contained work area so the account shell and footer keep a stable rhythm. */
body{min-height:100vh;display:flex;flex-direction:column}
main{flex:1;width:100%}
.account-scroll-viewport,
.account-scroll-panel,
.account-order-scroll{
  height:min(420px,calc(100vh - 390px));
  min-height:280px;
  max-height:420px;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}

/* Keep the desktop account menu above the fixed live phone preview. */
.site-header>.account-menu{position:relative;z-index:41}
.site-header>.account-menu .account-menu-panel{z-index:60}
.account-scroll-viewport{
  padding:14px 10px 14px 14px;
  border:1px solid #e2d9ef;
  border-radius:16px;
  background:linear-gradient(180deg,#fbf9ff 0%,#fff 100%);
  box-shadow:inset 0 1px 3px rgba(52,35,111,.04);
}
.account-scroll-panel{
  padding:14px 10px 14px 14px;
  border:1px solid #e2d9ef;
  border-radius:20px;
  background:#fff;
  box-shadow:0 14px 36px rgba(52,35,111,.07),0 2px 8px rgba(31,27,45,.04);
}
.account-scroll-panel>.account-product-row:last-of-type{margin-bottom:0}
.account-page-content>.account-list:not(.account-orders-panel){
  height:min(420px,calc(100vh - 390px));
  min-height:280px;
  max-height:420px;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  padding:14px 10px 14px 14px;
  border:1px solid #e2d9ef;
  border-radius:20px;
  background:#fff;
  box-shadow:0 14px 36px rgba(52,35,111,.07),0 2px 8px rgba(31,27,45,.04);
}
.account-page-content>.account-list:not(.account-orders-panel)>.account-product-row:last-of-type{margin-bottom:0}
.account-order-scroll{
  padding:14px 10px 14px 14px;
  border:1px solid #e2d9ef;
  border-radius:18px;
  background:linear-gradient(180deg,#fbf9ff 0%,#fff 100%);
  box-shadow:inset 0 1px 3px rgba(52,35,111,.04);
}
.account-order-scroll>.empty-state{height:100%;min-height:0;display:grid;place-items:center;box-sizing:border-box}
.account-orders-panel{min-height:0}
.account-orders-panel{padding-bottom:14px}
.account-orders-panel>.account-order-scroll .account-product-row:last-child{margin-bottom:0}
@media(max-width:760px){
  .account-scroll-viewport,.account-scroll-panel,.account-order-scroll,.account-page-content>.account-list:not(.account-orders-panel){
    height:360px;
    min-height:240px;
    max-height:none;
  }
  .account-scroll-viewport,.account-scroll-panel,.account-order-scroll,.account-page-content>.account-list:not(.account-orders-panel){padding:10px 8px 10px 10px}
}

/* The overview is a compact preview; the full product page keeps the taller list viewport. */
.account-dashboard{padding-bottom:42px}
.account-dashboard-products.account-scroll-viewport{
  height:min(300px,calc(100vh - 480px));
  min-height:240px;
  max-height:300px;
}
@media(max-width:760px){
  .account-dashboard-products.account-scroll-viewport{
    height:260px;
    min-height:220px;
    max-height:260px;
  }
}

/* Keep the footer informative but compact: identity and slogan share one line, copyright follows closely. */
.site-footer{
  row-gap:12px;
  padding:24px 0 18px;
}
.site-footer>div:first-child{
  display:flex;
  align-items:baseline;
  gap:20px;
  flex-wrap:wrap;
}
.site-footer>div:first-child p{margin:0}
@media(min-width:761px){
  .profile-panel{height:164px}
  .settings-services-panel{height:359px}
}

/* Account pages use the settings page as the vertical reference: start the
   working area closer to the header and keep the footer within the first view. */
.account-page-content>.page-heading{
  padding-top:22px;
  padding-bottom:18px;
}
.account-page-content>.account-heading{
  padding-bottom:10px;
}
.account-page-content>.page-heading.account-orders-heading{
  padding-bottom:8px;
}
.account-page-content>.account-settings-layout:last-child{
  padding-bottom:0;
}
.site-footer{
  row-gap:8px;
  padding-top:16px;
  padding-bottom:12px;
}

/* Desktop account pages share one right-column baseline.  Long collections
   scroll inside their own panel instead of changing the page height. */
@media(min-width:761px){
  .account-dashboard{
    padding-bottom:0;
  }
  .account-products-panel{
    height:560px;
    box-sizing:border-box;
  }
  .account-dashboard-products.account-scroll-viewport{
    height:429px;
    min-height:429px;
    max-height:429px;
  }
  .account-page-content>.account-list:not(.account-orders-panel){
    height:560px;
    min-height:560px;
    max-height:560px;
  }
  .account-page-content>.account-list:not(.account-orders-panel):not(.account-scroll-panel){
    height:416px;
    min-height:416px;
    max-height:416px;
  }
  .account-orders-panel{
    height:593px;
    box-sizing:border-box;
  }
  .account-orders-panel>.account-order-scroll{
    height:527px;
    min-height:527px;
    max-height:527px;
  }
}

/* Site-wide visual hierarchy: separate actions, content surfaces and status
   elements so pages do not read like text placed on a single sheet. */
.button:not(.disabled),
button.button:not(:disabled){
  min-height:42px;
  border:1px solid transparent;
  box-shadow:0 7px 16px rgba(52,35,111,.10),inset 0 1px 0 rgba(255,255,255,.35);
  transition:transform .2s,box-shadow .2s,background .2s,border-color .2s,color .2s;
}
.button.quiet,
.button.button-dark{
  border-color:#d9ccef;
  background:linear-gradient(180deg,#fff 0%,#f5f0ff 100%);
  color:var(--violet-dark);
}
.button.quiet:hover,
.button.button-dark:hover{
  border-color:#bca8e7;
  background:linear-gradient(180deg,#fff 0%,#ece3ff 100%);
  box-shadow:0 11px 22px rgba(92,66,198,.16),inset 0 1px 0 rgba(255,255,255,.55);
}
.button.primary{
  border-color:#1f1b2d;
  background:linear-gradient(145deg,#2b243e 0%,#171522 100%);
  box-shadow:0 9px 20px rgba(31,27,45,.24),inset 0 1px 0 rgba(255,255,255,.16);
}
.button.primary:hover{box-shadow:0 13px 26px rgba(31,27,45,.30),inset 0 1px 0 rgba(255,255,255,.18)}
.button.light{border:1px solid rgba(255,255,255,.46);background:linear-gradient(180deg,#fff 0%,#f0eaff 100%);color:var(--violet-dark);box-shadow:0 8px 18px rgba(16,10,48,.16)}
.button.disabled{box-shadow:none;border-color:#e4dfe9}
.actions,.account-tools,.support-links,.section-actions{align-items:center}
.actions .button,.account-tools .button,.support-links .button,.section-actions .button{min-width:116px}
.text-link{padding:5px 0;color:var(--violet);text-underline-offset:4px}
.text-link:hover{text-decoration:underline}
button:focus-visible,.button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(92,66,198,.22);outline-offset:3px}

.product-card,
.product-card-main,
.download-card,
.tutorial-card,
.tutorial-groups article,
.guide-grid article,
.plan-grid article,
.workflow-grid article,
.spec-grid>div,
.contact-card,
.feedback-form,
.checkout-summary,
.checkout-payment,
.query-card,
.result-card,
.account-product-row,
.account-dashboard-product,
.account-panel,
.security-summary,
.security-card{
  background:linear-gradient(145deg,#fff 0%,#fcfaff 100%);
  box-shadow:0 16px 34px rgba(52,35,111,.09),0 2px 7px rgba(31,27,45,.04);
}
.product-card,
.download-card,
.tutorial-card,
.tutorial-groups article,
.guide-grid article,
.plan-grid article,
.workflow-grid article,
.spec-grid>div,
.contact-card,
.feedback-form,
.checkout-summary,
.checkout-payment,
.query-card,
.result-card,
.account-product-row,
.account-dashboard-product,
.account-panel,
.security-summary,
.security-card{
  border-color:#ded4ee;
  transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;
}
.product-card:hover,
.download-card:hover,
.tutorial-card:hover,
.tutorial-groups article:hover,
.guide-grid article:hover,
.plan-grid article:hover,
.workflow-grid article:hover,
.spec-grid>div:hover,
.account-product-row:hover,
.account-dashboard-product:hover,
.portal-overview-card:hover,
.portal-quick-grid a:hover,
.portal-discovery-latest-row:hover{
  transform:translateY(-3px);
  border-color:#cbb9eb;
  box-shadow:0 20px 42px rgba(52,35,111,.14),0 3px 10px rgba(31,27,45,.05);
}
.product-card-main{background:transparent;box-shadow:none}
.product-card-actions{
  border-top:1px solid #eee8f6;
  background:linear-gradient(180deg,#fff 0%,#faf7ff 100%);
}
.product-card-actions .button{min-height:38px}
.product-filters button,
.portal-discovery-categories button{
  border-color:#d9ccef;
  background:linear-gradient(180deg,#fff 0%,#f7f3ff 100%);
  color:var(--violet-dark);
  box-shadow:0 4px 10px rgba(52,35,111,.06);
  transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;
}
.product-filters button:hover,
.portal-discovery-categories button:hover,
.product-filters button.active,
.portal-discovery-categories button.active{
  transform:translateY(-1px);
  border-color:#a992dc;
  background:linear-gradient(180deg,#f8f4ff 0%,#e9ddff 100%);
  box-shadow:0 7px 15px rgba(92,66,198,.13);
}
.tag,.entitlement,.ownership-status,.portal-owned-mark,.account-purchased-label{
  border:1px solid rgba(92,66,198,.10);
  box-shadow:0 3px 8px rgba(52,35,111,.05);
}
.tag.success,.ownership-status.owned{border-color:#c6ead6}
.tag.warning{border-color:#f4d4c3}
.tag.danger{background:#fff0f0;color:#ad403b;border-color:#f1cece}
.empty-state,.portal-discovery-empty{
  border-color:#d9ccef;
  background:linear-gradient(145deg,#fff 0%,#faf7ff 100%);
  box-shadow:inset 0 1px 4px rgba(52,35,111,.04);
}
.account-side-nav{
  background:linear-gradient(180deg,#fff 0%,#f8f4ff 100%);
  border-color:#dcd1ee;
  box-shadow:0 18px 36px rgba(52,35,111,.10),0 2px 7px rgba(31,27,45,.04);
}
.account-side-nav a{transition:transform .2s,background .2s,color .2s,box-shadow .2s}
.account-side-nav a:hover{transform:translateX(2px);box-shadow:inset 0 0 0 1px #e4d9f3}
.account-side-nav a.active{box-shadow:inset 3px 0 0 var(--violet),0 7px 15px rgba(92,66,198,.10)}
.account-purchased-label{display:inline-block;margin-left:12px;padding:5px 10px;border-radius:999px;background:#f1eaff;color:var(--violet-dark);font-size:12px;font-weight:800;line-height:1.4;vertical-align:middle;letter-spacing:0}
.account-panel-heading h2{display:flex;align-items:center;gap:0;flex-wrap:wrap}
.account-dashboard-product{background:linear-gradient(145deg,#fff 0%,#faf7ff 100%)}
.account-dashboard-product:hover{background:linear-gradient(145deg,#fff 0%,#f5efff 100%)}
.settings-link-row{background:linear-gradient(145deg,#fff 0%,#faf7ff 100%);border-color:#ded4ee;box-shadow:0 8px 18px rgba(52,35,111,.06)}
.settings-link-row:hover{background:linear-gradient(145deg,#fff 0%,#f1eaff 100%);box-shadow:0 12px 24px rgba(92,66,198,.11)}
.account-order-actions .button{min-width:116px}
.account-scroll-viewport,.account-scroll-panel,.account-order-scroll{border-color:#d9ccef;box-shadow:inset 0 1px 4px rgba(52,35,111,.05),0 8px 18px rgba(52,35,111,.05)}
.account-scroll-viewport .account-dashboard-product,
.account-scroll-panel .account-product-row,
.account-order-scroll .account-product-row{box-shadow:0 8px 18px rgba(52,35,111,.07)}
.store-form label,.feedback-form label,.product-search{color:var(--violet-dark)}
.store-form input,.store-form select,.product-search input,.feedback-form input,.feedback-form select,.feedback-form textarea,.login-email-field input{
  border-color:#d8cee8;
  background:linear-gradient(180deg,#fff 0%,#faf7ff 100%);
  box-shadow:inset 0 1px 3px rgba(52,35,111,.05),0 2px 7px rgba(52,35,111,.03);
}
.site-search{box-shadow:0 6px 14px rgba(52,35,111,.07)}
.help-search>div{padding:5px;border:1px solid #d9ccef;border-radius:15px;background:linear-gradient(180deg,#fff 0%,#f8f4ff 100%);box-shadow:0 10px 22px rgba(52,35,111,.08)}
.help-search input{border:0;background:transparent}
.help-search button{box-shadow:none}
.help-tabs a,.tutorial-tabs a{border-color:#d9ccef;background:linear-gradient(180deg,#fff 0%,#f7f3ff 100%);box-shadow:0 6px 13px rgba(52,35,111,.06);transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}
.help-tabs a:hover,.tutorial-tabs a:hover,.help-tabs a.is-active{transform:translateY(-2px);border-color:#bca8e7;background:linear-gradient(180deg,#fbf8ff 0%,#ece3ff 100%);box-shadow:0 10px 20px rgba(92,66,198,.13)}
.faq-list details{padding:18px 16px;border:1px solid #e8e1f1;border-radius:12px;background:linear-gradient(180deg,#fff 0%,#fcfaff 100%);margin-bottom:8px;box-shadow:0 5px 12px rgba(52,35,111,.04)}
.faq-list details[open]{border-color:#d3c3ef;box-shadow:0 10px 22px rgba(92,66,198,.10)}
.faq-list summary{display:flex;justify-content:space-between;gap:12px;align-items:center}
.faq-list summary:after{content:'+';color:var(--violet);font-size:20px;font-weight:400}
.faq-list details[open] summary:after{content:'−'}
.site-footer{background:linear-gradient(180deg,rgba(255,255,255,0),rgba(247,243,255,.56));}
@media(max-width:760px){
  .account-purchased-label{margin-left:8px;padding:4px 8px;font-size:11px}
  .actions .button,.account-tools .button,.support-links .button,.section-actions .button{min-width:0}
  .product-card-actions{border-top:1px solid #eee8f6}
  .faq-list details{padding:15px 13px}
}

/* Homepage showcase: let the product name and primary action lead, while
   keeping secondary metadata compact.  The complete product surface remains
   an obvious interactive card for future tutorial linking. */
@media(min-width:761px){
  .hero{min-height:450px}
  .product-showcase{width:min(1040px,calc(100% - 48px));padding-top:34px;padding-bottom:58px}
}
.product-showcase .section-intro h2{margin-bottom:12px}
.product-showcase .section-intro>p{max-width:760px;color:var(--muted);font-size:14px;line-height:1.65}
.product-showcase .product-list{gap:14px}
.product-showcase .product-card{min-height:0;border-radius:18px}
.product-showcase .product-card-main{min-height:0;cursor:pointer}
.product-showcase .product-art{height:112px}
.product-showcase .product-info{position:relative;z-index:2;margin-top:-30px;padding:12px 17px 14px;border-radius:14px 14px 0 0;background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,#fcfaff 100%);box-shadow:0 -8px 18px rgba(52,35,111,.08)}
.product-showcase .product-info .status{font-size:10px;color:var(--muted)}
.product-showcase .product-info h2{margin:5px 0 5px;font-size:20px}
.product-showcase .product-card-description{min-height:0;line-height:1.55;font-size:13px}
.product-showcase .product-tags{max-height:25px;margin-top:10px;overflow:hidden}
.product-showcase .product-tags span{padding:3px 7px;font-size:10px}
.product-showcase .product-card-actions{padding:10px 14px 13px}
.product-showcase .product-card-actions .button{min-height:34px;padding:8px 11px;font-size:11px}
.product-showcase .product-card-price strong{font-size:13px}
.product-showcase .product-card:hover .product-info h2{color:var(--violet)}
.product-showcase .section-actions{margin-top:18px}
@media(max-width:760px){
  .product-showcase{width:calc(100% - 32px);padding-top:34px;padding-bottom:48px}
  .product-showcase .product-art{height:106px}
  .product-showcase .product-info{margin-top:-26px;padding:11px 15px 13px}
  .product-showcase .product-card-actions{padding:9px 12px 12px}
}

/* Make the header notification action self-explanatory at a glance. */
.notification-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  width:auto;
  min-width:56px;
  height:34px;
  padding:0 10px;
  border-radius:999px;
  background:linear-gradient(180deg,#fff 0%,#f5f0ff 100%);
  border-color:#d9ccef;
  box-shadow:0 6px 14px rgba(52,35,111,.07);
  font-size:12px;
  font-weight:800;
}
.notification-link>span:first-child{font-size:17px;line-height:1;color:var(--violet)}
.notification-link>span:last-child{font-size:11px;color:var(--violet-dark)}
.notification-link:hover{border-color:#bca8e7;background:linear-gradient(180deg,#fff 0%,#ece3ff 100%);box-shadow:0 9px 18px rgba(92,66,198,.13)}

/* Product-led homepage and detail presentation. */
.hero-product-stack{position:relative;width:min(500px,100%);height:370px}
.mockup-window{position:absolute;overflow:hidden;width:78%;border:1px solid rgba(75,54,137,.18);border-radius:18px;background:#fff;box-shadow:0 24px 48px rgba(52,35,111,.16)}
.mockup-back{top:28px;left:0;transform:rotate(-7deg);background:#f5f1ff}
.mockup-mid{top:10px;right:2px;transform:rotate(5deg);background:#effafa}
.mockup-front{top:62px;left:11%;z-index:2;transform:rotate(-1deg)}
.mockup-bar{display:flex;align-items:center;gap:5px;height:29px;padding:0 10px;border-bottom:1px solid #ebe6f2;background:rgba(255,255,255,.9);color:#87809a;font-size:10px}
.mockup-bar i{width:6px;height:6px;border-radius:50%;background:#d6c9ef}.mockup-bar i:first-child{background:#f3b39c}.mockup-bar span{margin-left:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mockup-panel{display:flex;flex-direction:column;gap:7px;margin:17px;padding:18px;border-radius:13px;background:linear-gradient(145deg,#2f225f,#8064d5);color:#fff;min-height:125px}
.mockup-panel b{font-size:27px;line-height:1}.mockup-panel small,.mockup-panel span{font-size:10px;opacity:.75}.mockup-panel em{align-self:flex-start;padding:3px 7px;border-radius:99px;background:rgba(255,255,255,.18);font-size:10px;font-style:normal}
.mockup-feed{background:linear-gradient(145deg,#1f4b51,#62a9a0)}.mockup-feed b{font-size:22px}.mockup-card{min-height:155px;justify-content:space-between;background:linear-gradient(145deg,#38246f,#8059d5)}.mockup-card b{font-size:25px;line-height:1.3}
.product-facts{display:flex;flex-wrap:wrap;gap:7px;margin:19px 0 4px}.product-facts span{padding:5px 9px;border:1px solid #dfd5ef;border-radius:999px;background:#fbf9ff;color:var(--violet-dark);font-size:11px;font-weight:700}
.product-buy-rail{position:sticky;bottom:16px;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:-23px;margin-bottom:20px;padding:13px 17px;border:1px solid #d9ccef;border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 16px 35px rgba(52,35,111,.15),0 2px 8px rgba(31,27,45,.05);backdrop-filter:blur(14px)}
.product-buy-rail-copy{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 12px;min-width:0}.product-buy-rail-copy .eyebrow{font-size:10px}.product-buy-rail-copy strong{color:var(--violet-dark);font-size:19px}.product-buy-rail-copy>span:last-child{color:var(--muted);font-size:12px}.product-buy-rail .button{flex:0 0 auto;padding:10px 17px}
body:has(.product-buy-rail) main{padding-bottom:38px}

.category-showcase{padding-top:20px}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.category-card{display:flex;flex-direction:column;min-height:180px;padding:20px;border:1px solid #e2d9ef;border-radius:18px;background:linear-gradient(145deg,#fff 0%,#faf7ff 100%);box-shadow:0 10px 22px rgba(52,35,111,.06);transition:transform .2s,box-shadow .2s,border-color .2s}.category-card:hover{transform:translateY(-4px);border-color:#c9b8ea;box-shadow:0 16px 30px rgba(52,35,111,.12)}.category-number{color:var(--orange);font:700 11px ui-monospace,SFMono-Regular,Consolas,monospace}.category-card strong{margin:18px 0 5px;font-size:18px}.category-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}.category-card .text-link{margin-top:auto;padding-top:16px;font-size:12px}

.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-bottom:15px}.contact-route-card{display:flex;flex-direction:column;padding:24px;border:1px solid #e2d9ef;border-radius:20px;background:#fff;box-shadow:0 14px 30px rgba(52,35,111,.07)}.contact-route-card .feature-icon{margin-bottom:22px}.contact-route-card .eyebrow{font-size:10px}.contact-route-card h2{margin:9px 0 8px;font-size:21px;line-height:1.35}.contact-route-card p{min-height:3.5em;margin:0;color:var(--muted);font-size:13px}.contact-route-card .button{align-self:flex-start;margin-top:21px;padding:9px 14px;font-size:12px}.contact-note{padding-top:16px}
.legal-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-bottom:20px}.legal-resource-card{padding:27px;border:1px solid #e2d9ef;border-radius:20px;background:#fff;box-shadow:0 14px 30px rgba(52,35,111,.07)}.legal-resource-card .feature-icon{font-size:17px}.legal-resource-card h2{margin:14px 0 8px;font-size:23px}.legal-resource-card p{min-height:4.5em;margin:0;color:var(--muted);font-size:13px;line-height:1.8}.legal-resource-card .actions{margin-top:22px}.legal-resource-card .button{padding:9px 14px;font-size:12px}.legal-resource-note{padding-top:0}
@media(max-width:900px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-grid{grid-template-columns:1fr 1fr}.legal-resource-grid{grid-template-columns:1fr}.hero-product-stack{height:320px}}
@media(max-width:760px){.hero-product-stack{height:280px}.mockup-window{width:82%}.mockup-front{top:48px;left:9%}.mockup-panel{margin:12px;padding:14px;min-height:105px}.mockup-card{min-height:130px}.mockup-card b{font-size:21px}.product-facts{margin-top:15px}.product-buy-rail{position:fixed;left:12px;right:12px;bottom:12px;width:auto;margin:0;padding:10px 12px;border-radius:14px}.product-buy-rail-copy{gap:2px 8px}.product-buy-rail-copy strong{font-size:16px}.product-buy-rail-copy>span:last-child{display:block;width:100%;font-size:10px;line-height:1.45}.product-buy-rail .button{padding:9px 13px;font-size:12px}.category-grid,.contact-grid{grid-template-columns:1fr}.category-card{min-height:0}.contact-route-card p{min-height:0}.legal-resource-card p{min-height:0}.legal-resource-card .actions{flex-wrap:wrap}.site-footer .footer-links{gap:12px 16px}}
.product-card-id{display:block;margin-top:10px;color:#9b94a8;font-size:10px;letter-spacing:.04em}
.legal-layout{display:grid;grid-template-columns:190px minmax(0,800px);gap:44px;align-items:start;padding-bottom:95px}
.legal-layout .legal{width:auto;max-width:none;margin:0;padding:82px 0 0}
.legal-layout .legal h1{margin-bottom:28px}.legal-layout .legal p{line-height:1.9}.legal-layout .legal h2{scroll-margin-top:30px}
.legal-nav{position:sticky;top:24px;display:flex;flex-direction:column;gap:10px;margin-top:88px;padding:17px 0;border-right:1px solid #e4dbef}.legal-nav strong{margin:3px 0 6px;font-size:17px}.legal-nav a{padding:4px 18px 4px 0;color:var(--muted);font-size:12px}.legal-nav a:hover{color:var(--violet);font-weight:700}
@media(max-width:900px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-grid{grid-template-columns:1fr 1fr}.legal-resource-grid{grid-template-columns:1fr}.hero-product-stack{height:320px}}
@media(max-width:760px){.legal-layout{display:block;padding-bottom:60px}.legal-layout .legal{padding-top:30px}.legal-nav{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;margin-top:44px;padding:14px 0;border-right:0;border-bottom:1px solid #e4dbef}.legal-nav .eyebrow,.legal-nav strong{grid-column:1/-1}.legal-nav a{padding:3px 0}}
.release-directory{padding-bottom:100px}.release-table-wrap{overflow:auto;border:1px solid #e2d9ef;border-radius:20px;background:#fff;box-shadow:0 14px 30px rgba(52,35,111,.07)}.release-table{width:100%;border-collapse:collapse;min-width:700px}.release-table th,.release-table td{padding:16px 18px;border-bottom:1px solid #eee8f6;text-align:left;vertical-align:middle}.release-table th{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.08em}.release-table tr:last-child td{border-bottom:0}.release-table td strong{display:block;font-size:15px}.release-table td small{display:block;margin-top:3px;color:var(--muted);font-size:11px}.release-table td:nth-child(2){font:700 13px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--violet-dark)}.release-table .text-link{margin-top:0;white-space:nowrap}
.tutorial-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tutorial-guide-card{padding:26px;border:1px solid #e2d9ef;border-radius:20px;background:#fff;box-shadow:0 14px 36px rgba(52,35,111,.07),0 2px 8px rgba(31,27,45,.04)}.tutorial-guide-card h2{margin:8px 0 8px;font-size:22px}.tutorial-guide-summary{min-height:48px;margin:0;color:var(--muted);font-size:13px;line-height:1.8}.tutorial-steps{display:grid;gap:10px;margin:20px 0 0;padding:0;list-style:none}.tutorial-steps li{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start;padding-top:10px;border-top:1px solid #eee8f6}.tutorial-steps li>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#f2edfb;color:var(--violet-dark);font:700 11px ui-monospace,SFMono-Regular,Consolas,monospace}.tutorial-steps p{margin:3px 0 0;color:#4b4657;font-size:13px;line-height:1.7}.tutorial-source-note{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;margin-top:22px;padding:16px 18px;border:1px dashed #d8ccef;border-radius:16px;background:#fbf9ff}.tutorial-source-note strong{color:var(--violet-dark);font-size:13px}.tutorial-source-note p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.tutorial-source-note .text-link{white-space:nowrap}
@media(max-width:760px){.tutorial-guide-grid{grid-template-columns:1fr}.tutorial-guide-card{padding:21px}.tutorial-source-note{grid-template-columns:1fr;gap:7px}.tutorial-source-note .text-link{white-space:normal}}

/* Editorial homepage: fewer repeated cards, stronger scale and quieter surfaces. */
body{background:#f6f5f1}
.home-hero{min-height:650px;display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:58px;padding-top:58px;padding-bottom:72px}
.home-intro h1{margin:18px 0 10px;font-size:clamp(54px,8vw,104px);line-height:.98;letter-spacing:-.09em}.home-lead{max-width:360px;margin:0;font-size:clamp(22px,2.8vw,34px);line-height:1.25;letter-spacing:-.045em}.home-description{max-width:370px;margin:22px 0 0;color:var(--muted);font-size:15px;line-height:1.85}.home-stats{display:flex;gap:24px;margin:36px 0 30px}.home-stats div{display:flex;flex-direction:column;gap:1px}.home-stats strong{font-size:17px;letter-spacing:-.04em}.home-stats span{color:var(--muted);font-size:11px}.home-primary-link{display:inline-flex;gap:14px;align-items:center;padding:11px 0;border-bottom:1px solid var(--ink);font-size:14px;font-weight:800}.home-primary-link span{font-size:20px;line-height:1;transition:transform .2s}.home-primary-link:hover span{transform:translateX(4px)}
.home-hero-board{position:relative;min-height:470px;overflow:hidden;border:1px solid #d9d0ee;background:#e9e4f7}.home-board-caption{position:absolute;top:22px;left:24px;color:#736a92;font:700 10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}.home-board-word{position:absolute;top:50px;right:24px;color:#c3b8e4;font-size:clamp(48px,7vw,90px);font-weight:900;line-height:.83;letter-spacing:-.1em;text-align:right}.home-board-word em{color:#fff;font-style:normal}.home-board-poster{position:absolute;display:flex;flex-direction:column;justify-content:space-between;padding:18px;color:#fff;box-shadow:12px 18px 32px rgba(52,35,111,.16)}.home-board-poster span,.home-board-poster small{font:700 10px ui-monospace,SFMono-Regular,Consolas,monospace;opacity:.7}.home-board-poster strong{font-size:30px;line-height:1.05;letter-spacing:-.07em}.home-board-social{left:12%;bottom:12%;width:220px;height:255px;z-index:2;transform:rotate(-5deg);background:#3a2670}.home-board-time{right:10%;top:24%;width:175px;height:168px;transform:rotate(6deg);background:#172c39}.home-board-time strong{font-size:55px;letter-spacing:-.1em}.home-board-convert{right:24%;bottom:9%;width:195px;height:142px;transform:rotate(3deg);background:#df734d}.home-board-convert strong{font-size:28px}.home-board-convert i{font-style:normal;color:#ffd4c2}
.home-workbench,.home-index{padding-top:88px;padding-bottom:88px}.home-section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:26px}.home-section-heading h2{margin:10px 0 0;font-size:clamp(30px,4vw,48px);letter-spacing:-.07em;line-height:1.05}.home-section-heading>p{max-width:210px;margin:0 0 4px;color:var(--muted);font-size:13px;line-height:1.7}.home-mosaic{display:grid;grid-template-columns:1.4fr .8fr .8fr;grid-template-rows:190px 150px 154px;gap:12px}.home-feature{min-width:0;overflow:hidden;border:1px solid #dedbd4;background:#fff}.home-feature>a{display:flex;height:100%;flex-direction:column}.home-feature-1{grid-column:span 2;grid-row:span 2}.home-feature-2{grid-column:3;grid-row:span 2}.home-feature-media{position:relative;display:flex;min-height:150px;flex:1;overflow:hidden;flex-direction:column;justify-content:center;padding:22px;color:#fff}.home-feature-1 .home-feature-media,.home-feature-2 .home-feature-media{min-height:230px}.home-feature-social-card .home-feature-media{background:#3a2670}.home-feature-jike .home-feature-media{background:#b9dcd8;color:#143d42}.home-feature-timeflow .home-feature-media{background:#1b1a2a}.home-feature-magic-desktop-pet .home-feature-media{background:#e8c5b5;color:#5a3027}.home-feature-super-screenshot .home-feature-media{background:#e8e1fa;color:#3b2b72}.home-feature-format-converter .home-feature-media{background:#e8aa75;color:#57321f}.home-feature-media small{font:700 10px ui-monospace,SFMono-Regular,Consolas,monospace;opacity:.75;letter-spacing:.04em}.feature-media-count{font-size:clamp(62px,8vw,112px);font-weight:900;line-height:.8;letter-spacing:-.1em}.feature-media-ratio{align-self:flex-end;font:800 12px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.home-feature-jike .home-feature-media strong{margin-left:11%;font-size:42px;line-height:1;letter-spacing:-.1em}.feature-media-tiles{position:absolute;right:10%;bottom:14%;display:grid;grid-template-columns:repeat(3,34px);gap:5px;transform:rotate(-8deg)}.feature-media-tiles i{display:block;width:34px;height:46px;border:1px solid rgba(255,255,255,.45);background:#8064d5}.feature-media-tiles i:nth-child(2n){transform:translateY(-8px);background:#f0a47d}.feature-media-clock{position:absolute;right:8%;bottom:15%;color:#77718b;font:700 12px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;transform:rotate(-8deg)}.feature-media-clock::first-line{color:#fff}.feature-media-keys{font:900 34px/.82 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.1em}.home-feature-super-screenshot .home-feature-media strong{margin-top:16px;font-size:25px}.feature-media-convert{font:900 clamp(18px,2.3vw,30px)/1.15 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.08em}.feature-media-convert i{font-style:normal}.feature-media-letter{font-size:70px;font-weight:900;line-height:1}.home-feature-copy{padding:17px 19px 16px}.home-feature-meta{display:block;margin-bottom:6px;color:#938d86;font:700 10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.03em}.home-feature-copy h2{margin:0;font-size:22px;letter-spacing:-.045em}.home-feature-copy p{display:-webkit-box;overflow:hidden;min-height:0;margin:7px 0 16px;color:var(--muted);font-size:12px;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:2}.home-feature-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.home-feature-bottom strong{font-size:16px;letter-spacing:-.03em}.home-feature-bottom span{color:var(--violet);font-size:12px;font-weight:800}.home-feature-bottom b{font-size:16px}.home-feature:hover .home-feature-bottom b{display:inline-block;transform:translateX(3px)}.home-more-link{margin-top:21px;text-align:right}.home-more-link .text-link{margin:0}
.home-index-list{border-top:1px solid #d9d6ce}.home-index-list a{display:grid;grid-template-columns:100px minmax(150px,1.2fr) 1fr 22px;align-items:center;gap:18px;padding:17px 2px;border-bottom:1px solid #d9d6ce}.home-index-list a:hover{color:var(--violet)}.home-index-number{color:#9b958d;font:700 10px ui-monospace,SFMono-Regular,Consolas,monospace}.home-index-list strong{font-size:18px;letter-spacing:-.04em}.home-index-list small{color:var(--muted);font-size:12px}.home-index-list b{font-size:18px;text-align:right}.home-account-band{background:#2d2545;color:#fff}.home-account-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:72px 0}.home-account-inner h2{margin:9px 0 7px;font-size:clamp(28px,4vw,44px);letter-spacing:-.06em}.home-account-inner p{margin:0;color:#d6cfee}.home-account-inner .button span{margin-left:12px}
.home-feature .home-feature-media,.home-feature,.home-index-list a,.home-account-band{transition:background .2s,border-color .2s,transform .2s,color .2s}.home-feature:hover{border-color:#bfb9ad;transform:translateY(-2px)}
@media(max-width:900px){.home-hero{grid-template-columns:1fr;padding-top:45px}.home-hero-board{min-height:400px}.home-mosaic{grid-template-columns:1.2fr .8fr;grid-template-rows:210px 145px 145px 145px}.home-feature-1{grid-column:span 2;grid-row:span 2}.home-feature-2{grid-column:2;grid-row:span 2}.home-feature-3{grid-column:1}.home-feature-4{grid-column:1}.home-feature-5{grid-column:2;grid-row:4}.home-section-heading{align-items:start;flex-direction:column;gap:10px}.home-section-heading>p{max-width:430px}.home-index-list a{grid-template-columns:80px minmax(130px,1fr) 1fr 18px}}
@media(max-width:760px){.home-hero{display:block;min-height:0;padding-top:35px;padding-bottom:55px}.home-hero-board{min-height:340px;margin-top:50px}.home-board-social{left:7%;bottom:10%;width:165px;height:205px}.home-board-time{right:5%;top:20%;width:135px;height:135px}.home-board-convert{right:18%;bottom:6%;width:145px;height:105px}.home-board-poster{padding:13px}.home-board-poster strong{font-size:22px}.home-board-time strong{font-size:41px}.home-board-convert strong{font-size:21px}.home-stats{gap:16px;margin-top:28px}.home-workbench,.home-index{padding-top:60px;padding-bottom:60px}.home-mosaic{display:flex;flex-direction:column;gap:10px}.home-feature,.home-feature-1,.home-feature-2{min-height:0}.home-feature-1 .home-feature-media,.home-feature-2 .home-feature-media{min-height:220px}.home-feature-media{min-height:150px}.home-index-list a{grid-template-columns:58px 1fr 18px;gap:10px}.home-index-list small{display:none}.home-index-list strong{font-size:16px}.home-account-inner{display:block;padding:54px 0}.home-account-inner .button{margin-top:22px}.home-account-inner h2{font-size:31px}}

/* Product center: an App-Store-like index instead of another card matrix. */
.product-directory-list{display:grid;border-top:1px solid #d9d6ce;padding-bottom:72px}.product-row{display:flex;align-items:center;gap:20px;min-height:112px;border-bottom:1px solid #d9d6ce}.product-row-main{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:16px;flex:1;min-width:0;padding:18px 0}.product-row-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#3a2670;color:#fff;font-size:25px;font-weight:900;letter-spacing:-.08em}.product-row-mark-jike{background:#b9dcd8;color:#143d42}.product-row-mark-xingren-recorder{background:#d6e1be;color:#42522b}.product-row-mark-timeflow{background:#1b1a2a}.product-row-mark-magic-desktop-pet{background:#e8c5b5;color:#5a3027}.product-row-mark-super-screenshot{background:#e8e1fa;color:#3b2b72}.product-row-mark-format-converter{background:#e8aa75;color:#57321f}.product-row-mark-website-navigator{background:#c6d3e8;color:#274568}.product-row-copy{display:flex;min-width:0;flex-direction:column}.product-row-meta{margin-bottom:4px;color:#9b958d;font:700 10px ui-monospace,SFMono-Regular,Consolas,monospace}.product-row-copy strong{font-size:20px;letter-spacing:-.04em}.product-row-copy>span:last-child{display:-webkit-box;overflow:hidden;margin-top:3px;color:var(--muted);font-size:12px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:1}.product-row-end{display:flex;align-items:center;gap:20px;min-width:166px}.product-row-price{display:flex;min-width:72px;flex-direction:column;gap:1px}.product-row-price strong{font-size:17px;letter-spacing:-.04em}.product-row-price small{color:var(--muted);font-size:10px}.product-row-end .button{min-width:64px;padding:9px 13px;font-size:12px}.product-row:hover{border-color:#bfb9ad;background:#fff}.product-row:hover .product-row-copy strong{color:var(--violet)}
@media(max-width:760px){.product-row{align-items:flex-start;gap:12px;padding:12px 0}.product-row-main{grid-template-columns:44px minmax(0,1fr);gap:10px;padding:7px 0}.product-row-mark{width:44px;height:44px;border-radius:12px;font-size:21px}.product-row-copy strong{font-size:17px}.product-row-copy>span:last-child{font-size:11px;-webkit-line-clamp:2}.product-row-end{min-width:0;flex-direction:column;align-items:flex-end;gap:6px;padding-top:7px}.product-row-price{min-width:0;align-items:flex-end}.product-row-end .button{min-width:54px;padding:7px 10px;font-size:11px}}

/* Keep the action language quiet: no gradients and fewer pill-shaped controls. */
.button{border-radius:3px}.button.primary{background:#2d2545;box-shadow:none}.button.quiet,.button.button-dark{background:#fff;box-shadow:none}.button.light{background:#fff;box-shadow:none}.button:hover{box-shadow:none}

/* Product detail: give each product one visual stage and a different rhythm. */
.detail-hero-editorial{min-height:610px}.detail-hero-editorial h1{max-width:620px;font-size:clamp(46px,6vw,78px)}.detail-hero-editorial>div:first-child>p{max-width:560px;font-size:17px;line-height:1.9}.detail-hero-editorial .coming-note{color:var(--muted);font-weight:700}.product-signature{position:relative;overflow:hidden!important;display:flex;align-items:flex-start!important;justify-content:flex-end!important;border:0!important;border-radius:0!important;background:#3a2670!important;color:#fff!important;box-shadow:none!important;transform:rotate(2deg)}.product-signature::after{position:absolute;right:-12%;bottom:-20%;width:260px;height:260px;border:1px solid rgba(255,255,255,.22);border-radius:50%;content:""}.signature-label{position:absolute;top:24px;left:26px;font:700 10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;opacity:.7}.signature-number{position:absolute;left:26px;bottom:58px;font-size:clamp(84px,12vw,150px);line-height:.8;letter-spacing:-.12em}.product-signature>small{position:absolute;left:28px;bottom:27px;color:rgba(255,255,255,.72);font:700 11px ui-monospace,SFMono-Regular,Consolas,monospace}.signature-card-stack{position:absolute;right:15%;bottom:16%;display:grid;grid-template-columns:repeat(2,62px);gap:7px;transform:rotate(-8deg)}.signature-card-stack i{width:62px;height:82px;border:1px solid rgba(255,255,255,.5);background:#7c60cf}.signature-card-stack i:nth-child(2n){transform:translateY(-13px);background:#e99573}.product-signature-jike{background:#c2dfda!important;color:#153d42!important;transform:rotate(-2deg)}.product-signature-jike::after{border-color:rgba(21,61,66,.22)}.product-signature-jike .signature-label{color:#153d42}.signature-ratio{position:absolute;top:72px;right:25px;font:800 12px ui-monospace,SFMono-Regular,Consolas,monospace}.product-signature-jike>strong{position:absolute;left:16%;bottom:22%;font-size:clamp(46px,6vw,76px);line-height:.92;letter-spacing:-.1em}.product-signature-jike>small{color:rgba(21,61,66,.68)}.signature-queue{position:absolute;right:12%;bottom:17%;display:grid;gap:6px;transform:rotate(5deg)}.signature-queue i{display:block;width:105px;height:13px;background:rgba(21,61,66,.18)}.signature-queue i:nth-child(2){width:78px;background:rgba(21,61,66,.35)}.signature-queue i:nth-child(3){width:92px;background:rgba(21,61,66,.25)}.signature-queue i:nth-child(4){width:53px;background:rgba(21,61,66,.44)}.product-signature-timeflow{background:#191828!important}.signature-running{position:absolute;right:12%;bottom:18%;font:700 13px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;color:#aaa5c0;transform:rotate(-7deg)}.signature-keys{position:absolute;left:26px;bottom:44px;font:900 58px/.8 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.12em}.product-signature-super-screenshot{background:#e8e1fa!important;color:#3b2b72!important}.product-signature-super-screenshot>b{position:absolute;left:29px;bottom:26px;font-size:18px}.signature-convert{position:absolute;left:27px;bottom:58px;font:900 clamp(28px,4vw,51px)/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.1em}.signature-convert i{font-style:normal}.product-signature-format-converter{background:#e8aa75!important;color:#57321f!important}.product-signature-format-converter>small{color:rgba(87,50,31,.7)}.signature-nav{position:absolute;left:27px;bottom:57px;font-size:35px;line-height:1;letter-spacing:-.08em}.signature-nav em{font-style:normal;color:#b7cee7}.product-signature-website-navigator{background:#c6d3e8!important;color:#274568!important}.product-signature-website-navigator>small{color:rgba(39,69,104,.7)}.signature-pet{position:absolute;left:26px;bottom:48px;font-size:120px;line-height:.7}.product-signature-magic-desktop-pet{background:#e8c5b5!important;color:#5a3027!important}.product-signature-magic-desktop-pet>b{position:absolute;left:30px;bottom:27px}.product-signature-magic-desktop-pet>small{color:rgba(90,48,39,.68)}.signature-letter{position:absolute;left:26px;bottom:40px;font-size:130px;line-height:.75}
.detail-led-section{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;padding:98px 0;border-top:1px solid #d9d6ce}.detail-led-copy{padding-top:8px}.detail-led-copy h2{margin:12px 0 18px;font-size:clamp(34px,4.4vw,58px);line-height:1.05;letter-spacing:-.08em}.detail-led-copy p{max-width:380px;color:var(--muted);font-size:15px;line-height:1.85}.detail-feature-list{border-top:1px solid #d9d6ce}.detail-feature-list article{display:grid;grid-template-columns:48px 1fr;gap:17px;padding:19px 0;border-bottom:1px solid #d9d6ce}.detail-feature-list article>span{color:#a19a91;font:700 10px ui-monospace,SFMono-Regular,Consolas,monospace}.detail-feature-list h3{margin:0 0 4px;font-size:17px;letter-spacing:-.03em}.detail-feature-list p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.detail-purchase-section{display:flex;align-items:end;justify-content:space-between;gap:40px;border-top:1px solid #d9d6ce}.detail-purchase-section h2{max-width:520px;margin:12px 0 13px;font-size:clamp(30px,4vw,50px);line-height:1.05;letter-spacing:-.08em}.detail-purchase-section p{max-width:570px;margin:0;color:var(--muted);font-size:14px;line-height:1.8}.detail-purchase-meta{display:flex;min-width:190px;flex-direction:column;gap:5px;padding-bottom:3px;text-align:right}.detail-purchase-meta strong{font-size:28px;letter-spacing:-.06em}.detail-purchase-meta span{color:var(--muted);font-size:11px}.detail-updates{border-top:1px solid #d9d6ce}.detail-update-row{display:grid;grid-template-columns:95px 1fr;gap:20px;padding:18px 0;border-top:1px solid #d9d6ce}.detail-update-row>span{color:var(--orange);font:700 11px ui-monospace,SFMono-Regular,Consolas,monospace}.detail-update-row strong{font-size:16px}.detail-update-row p{margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.7}.detail-hero-editorial .button.primary,.home-account-inner .button.light{background:#fff;color:#2d2545;box-shadow:none}.detail-hero-editorial .button.quiet{background:transparent;border-color:#d9d6ce;box-shadow:none}
.social-result-section{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;min-height:390px;padding:80px 0;border-top:1px solid #d9d6ce;border-bottom:1px solid #d9d6ce}.social-result-copy h2{margin:12px 0 16px;font-size:clamp(44px,7vw,88px);line-height:.95;letter-spacing:-.1em}.social-result-copy h2 em{font-style:normal;color:var(--violet)}.social-result-copy p{max-width:410px;margin:0;color:var(--muted);font-size:15px;line-height:1.85}.social-result-number{text-align:right}.social-result-number strong{display:block;color:var(--violet-dark);font-size:clamp(100px,16vw,220px);line-height:.75;letter-spacing:-.14em}.social-result-number span{display:block;margin-top:21px;color:var(--muted);font:700 11px ui-monospace,SFMono-Regular,Consolas,monospace}.social-workflow-section{padding-top:92px}.social-workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0;padding:0;list-style:none;border-top:1px solid #d9d6ce}.social-workflow li{min-height:180px;padding:20px 18px 15px 0;border-right:1px solid #d9d6ce}.social-workflow li+li{padding-left:18px}.social-workflow li:last-child{border-right:0}.social-workflow li>span{color:var(--orange);font:700 11px ui-monospace,SFMono-Regular,Consolas,monospace}.social-workflow strong{display:block;margin-top:48px;font-size:18px}.social-workflow p{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.7}.social-spec-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;border-top:1px solid #d9d6ce}.social-spec-section h2{margin:11px 0 0;font-size:clamp(34px,4vw,53px);line-height:1;letter-spacing:-.08em}.social-spec-list{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.social-spec-list div{display:flex;min-height:105px;flex-direction:column;justify-content:center;padding-left:18px;border-left:1px solid #d9d6ce}.social-spec-list strong{font-size:18px;letter-spacing:-.04em}.social-spec-list span{margin-top:5px;color:var(--muted);font-size:12px}.jike-output-section{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px;border-top:1px solid #d9d6ce}.jike-output-section h2{max-width:490px;margin:12px 0 16px;font-size:clamp(34px,4.5vw,58px);line-height:1.04;letter-spacing:-.08em}.jike-output-section p{max-width:440px;margin:0;color:var(--muted);font-size:15px;line-height:1.85}.jike-output-visual{position:relative;min-height:300px;padding:26px;background:#c2dfda;color:#153d42}.jike-output-visual>span{font:700 11px ui-monospace,SFMono-Regular,Consolas,monospace}.jike-output-visual strong{display:block;margin-top:82px;font-size:51px;line-height:.9;letter-spacing:-.1em}.jike-output-visual em{font-style:normal;color:#fff}.jike-output-visual small{position:absolute;right:23px;bottom:22px;font:700 10px ui-monospace,SFMono-Regular,Consolas,monospace}.jike-plan-section{border-top:1px solid #d9d6ce}.jike-plan-list{border-top:1px solid #d9d6ce}.jike-plan-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 0;border-bottom:1px solid #d9d6ce}.jike-plan-row div{display:flex;align-items:baseline;gap:18px}.jike-plan-row div strong{font-size:18px}.jike-plan-row span{color:var(--muted);font-size:12px}.jike-plan-row>strong{font-size:21px;letter-spacing:-.04em}
@media(max-width:900px){.detail-hero-editorial{min-height:0}.detail-led-section,.social-result-section,.social-spec-section,.jike-output-section{grid-template-columns:1fr;gap:36px}.detail-led-section{padding:70px 0}.social-result-number{text-align:left}.social-workflow{grid-template-columns:repeat(2,1fr)}.social-workflow li:nth-child(2){border-right:0}.social-workflow li:nth-child(3){padding-left:0;border-top:1px solid #d9d6ce}.social-workflow li:nth-child(4){border-top:1px solid #d9d6ce}.social-spec-list{gap:0}.jike-output-visual{min-height:260px}.detail-purchase-section{align-items:start;flex-direction:column}}
@media(max-width:760px){.detail-hero-editorial{padding-top:48px;padding-bottom:58px}.detail-hero-editorial h1{font-size:45px}.product-signature{min-height:300px!important;transform:none}.signature-card-stack{right:10%;bottom:16%;grid-template-columns:repeat(2,47px)}.signature-card-stack i{width:47px;height:64px}.signature-number{font-size:98px}.detail-led-section{padding:60px 0}.detail-led-copy h2{font-size:38px}.detail-purchase-section{padding-top:60px;padding-bottom:60px}.detail-purchase-meta{text-align:left}.social-result-section{padding:60px 0}.social-result-copy h2{font-size:56px}.social-result-number strong{font-size:150px}.social-workflow-section{padding-top:60px}.social-workflow{grid-template-columns:1fr}.social-workflow li,.social-workflow li+li{min-height:0;padding:17px 0;border-right:0;border-bottom:1px solid #d9d6ce}.social-workflow li:nth-child(3),.social-workflow li:nth-child(4){border-top:0}.social-workflow strong{margin-top:18px}.social-spec-section{padding-top:60px}.social-spec-list{grid-template-columns:1fr}.social-spec-list div{min-height:76px;padding:14px 0;border-left:0;border-bottom:1px solid #d9d6ce}.jike-output-section{padding-top:60px}.jike-output-section h2{font-size:40px}.jike-plan-row div{display:flex;flex-direction:column;gap:3px}.detail-update-row{grid-template-columns:62px 1fr;gap:12px}}

/* The recorder needs a phone-shaped visual language even before real media is supplied. */
.signature-phone{position:absolute;inset:62px 12% 28px;display:flex;flex-direction:column;justify-content:space-between;padding:17px 16px;border:6px solid rgba(255,255,255,.72);border-radius:22px;background:#78916b;box-shadow:0 15px 28px rgba(23,35,27,.2)}

/* JIKE registration gift: keep the free 10-use path visible without hiding
   the paid monthly/lifetime choices below it. */
.jike-welcome-section{display:flex;align-items:center;justify-content:space-between;gap:40px;border-top:1px solid #d9d6ce;background:#f0ece4}.jike-welcome-section h2{margin:12px 0;font-size:clamp(30px,4vw,52px);line-height:1.05;letter-spacing:-.08em}.jike-welcome-section p{max-width:650px;margin:0;color:var(--muted);font-size:14px;line-height:1.85}.jike-welcome-section .button{flex:none}
@media(max-width:760px){.jike-welcome-section{align-items:flex-start;flex-direction:column;gap:24px}.jike-welcome-section .button{width:100%;justify-content:center}}

/* CN / JIKE is a focused Windows product site. It does not reuse the general
   studio homepage's mixed-product mosaic or phone preview. */
.brand-note{margin-left:-3px;color:#9b94a5;font:700 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em;white-space:nowrap}
.jike-home{overflow:hidden;background:#f7f8f5}
.jike-home-hero{display:grid;grid-template-columns:minmax(0,.84fr) minmax(520px,1.16fr);align-items:center;gap:64px;min-height:650px;padding-top:76px;padding-bottom:82px}
.jike-home-copy h1{max-width:560px;margin:17px 0 22px;font-size:clamp(48px,6vw,82px);line-height:1.04;letter-spacing:-.085em}.jike-home-copy h1 em{font-style:normal;color:#245d63}.jike-home-lead{max-width:520px;margin:0;color:#626974;font-size:17px;line-height:1.9}.jike-home-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:27px}.jike-home-facts span{padding:8px 11px;border:1px solid #c8d9d6;border-radius:999px;background:#eef6f4;color:#245d63;font-size:12px;font-weight:700}.jike-home-copy .actions{margin-top:28px}.jike-home-footnote{max-width:480px;margin:19px 0 0;color:#8a9098;font-size:12px;line-height:1.7}
.jike-console{position:relative;min-height:424px;border:1px solid #24464f;border-radius:18px;background:#122b35;box-shadow:0 25px 70px rgba(18,43,53,.2);overflow:hidden;color:#eaf4f1}.jike-console-bar{display:flex;align-items:center;gap:14px;padding:15px 18px;border-bottom:1px solid rgba(206,239,232,.13);font-size:12px}.jike-console-bar strong{font-size:13px;letter-spacing:.02em}.jike-console-dots{display:flex;gap:5px}.jike-console-dots i{width:7px;height:7px;border-radius:50%;background:#73b9b0}.jike-console-dots i:nth-child(2){background:#e0a46e}.jike-console-dots i:nth-child(3){background:#d26e67}.jike-console-status{margin-left:auto;color:#91cbc1;font-size:11px}.jike-console-toolbar{display:flex;align-items:center;gap:16px;padding:13px 18px;border-bottom:1px solid rgba(206,239,232,.13);color:#aac0bf;font-size:11px}.jike-console-toolbar b{margin-left:auto;padding:8px 12px;border-radius:7px;background:#82c6bb;color:#12343b;font-size:11px}.jike-console-body{display:grid;grid-template-columns:1.12fr .88fr;gap:14px;padding:16px}.jike-console-queue{min-width:0}.jike-console-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.jike-console-heading strong{font-size:15px}.jike-console-heading span{color:#779593;font-size:10px}.jike-queue-row{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:9px;padding:13px 10px;border-top:1px solid rgba(206,239,232,.1);color:#a9bdbc;font-size:12px}.jike-queue-row b{color:#6c9b98;font:700 10px ui-monospace,SFMono-Regular,Consolas,monospace}.jike-queue-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jike-queue-row em{font-style:normal;color:#6c9b98;font-size:10px}.jike-queue-row.is-active{background:rgba(130,198,187,.12);color:#effcf8}.jike-queue-row.is-active em{color:#a6dfd2}.jike-queue-row.is-done em{color:#d9a379}.jike-console-preview{padding:11px;border:1px solid rgba(206,239,232,.14);border-radius:11px;background:#193944}.jike-preview-label{display:block;color:#81b5b0;font:700 9px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.jike-preview-screen{display:flex;min-height:240px;margin-top:9px;padding:22px 16px 17px;flex-direction:column;justify-content:flex-end;background:linear-gradient(155deg,#317074,#0e2b35 72%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.jike-preview-screen strong{font-size:31px;line-height:1.02;letter-spacing:-.08em}.jike-preview-screen em{font-style:normal;color:#bce8df}.jike-preview-screen small{margin-top:18px;color:#a4cbc5;font:700 9px ui-monospace,SFMono-Regular,Consolas,monospace}.jike-preview-meta{display:flex;justify-content:space-between;gap:5px;margin-top:10px;color:#89aaa8;font-size:10px}
.jike-gift-strip{border-top:1px solid #d8e1dc;border-bottom:1px solid #d8e1dc;background:#eaf3ee}.jike-gift-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:27px 0}.jike-gift-inner strong{display:block;margin:7px 0 4px;font-size:22px;letter-spacing:-.045em}.jike-gift-inner p{margin:0;color:#68736f;font-size:13px}.jike-gift-inner .button{flex:none}
.jike-home-section{padding-top:88px;padding-bottom:88px}.jike-home-section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:31px}.jike-home-section-head h2{margin:12px 0 0;color:#122b35;font-size:clamp(32px,4vw,50px);line-height:1.08;letter-spacing:-.075em}.jike-home-section-head>p{max-width:390px;margin:0;color:#6b7479;font-size:14px;line-height:1.8}.jike-home-features{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.jike-home-features article{min-height:220px;padding:22px 20px;border:1px solid #d7dfdc;background:#fff}.jike-feature-number{display:block;color:#7fa69f;font:700 11px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.jike-home-features h3{margin:46px 0 9px;color:#183a42;font-size:19px;letter-spacing:-.035em}.jike-home-features p{margin:0;color:#707980;font-size:13px;line-height:1.75}
.jike-flow-section{background:#edf4f1}.jike-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0;padding:0;list-style:none;border-top:1px solid #c9d8d3;border-bottom:1px solid #c9d8d3}.jike-flow li{min-height:180px;padding:22px 22px 20px;border-right:1px solid #c9d8d3}.jike-flow li:last-child{border-right:0}.jike-flow li>span{display:block;color:#277077;font:800 12px ui-monospace,SFMono-Regular,Consolas,monospace}.jike-flow strong{display:block;margin-top:46px;color:#183a42;font-size:17px}.jike-flow p{margin:8px 0 0;color:#6d7978;font-size:13px;line-height:1.7}
.jike-home-pricing{padding-top:88px;padding-bottom:88px}.jike-price-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.jike-price-card{display:block;padding:29px 27px;border:1px solid #cadbd7;background:#fff;color:#183a42;transition:transform .2s,box-shadow .2s}.jike-price-card:hover{transform:translateY(-3px);box-shadow:0 16px 35px rgba(24,58,66,.1)}.jike-price-card.is-lifetime{border-color:#173f49;background:#173f49;color:#fff}.jike-price-tag{display:block;color:#5a8e8b;font:700 10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}.jike-price-card.is-lifetime .jike-price-tag{color:#a8ddd5}.jike-price-card h3{margin:21px 0 4px;font-size:20px}.jike-price-card>strong{display:block;font-size:42px;line-height:1;letter-spacing:-.08em}.jike-price-card p{max-width:390px;min-height:48px;margin:21px 0 22px;color:#687579;font-size:14px;line-height:1.7}.jike-price-card.is-lifetime p{color:#b9cecb}.jike-price-action{font-weight:800;font-size:13px}.jike-price-note{margin:18px 0 0;color:#7a8584;font-size:12px}.jike-home-final{background:#173f49;color:#fff}.jike-home-final-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-top:65px;padding-bottom:65px}.jike-home-final h2{margin:11px 0 7px;font-size:clamp(30px,4vw,48px);line-height:1.08;letter-spacing:-.075em}.jike-home-final p{margin:0;color:#b9cecb;font-size:14px}.jike-home-final .eyebrow{color:#a8ddd5}.jike-home-final .button{flex:none}
@media(max-width:960px){.jike-home-hero{grid-template-columns:1fr;gap:42px}.jike-console{max-width:760px}.jike-home-features{grid-template-columns:repeat(2,1fr)}.jike-flow{grid-template-columns:repeat(2,1fr)}.jike-flow li:nth-child(2){border-right:0}.jike-flow li:nth-child(n+3){border-top:1px solid #c9d8d3}.jike-price-card p{min-height:0}}
@media(max-width:760px){.brand-note{display:none}.jike-home-hero{min-height:0;padding-top:45px;padding-bottom:55px}.jike-home-copy h1{font-size:48px}.jike-home-lead{font-size:15px}.jike-home-copy .actions{align-items:stretch;flex-direction:column}.jike-home-copy .actions .button{width:100%}.jike-console{min-height:0}.jike-console-toolbar{flex-wrap:wrap;gap:8px}.jike-console-toolbar b{margin-left:0}.jike-console-body{grid-template-columns:1fr}.jike-console-preview{display:none}.jike-gift-inner,.jike-home-section-head,.jike-home-final-inner{align-items:flex-start;flex-direction:column;gap:22px}.jike-gift-inner{padding:28px 0}.jike-gift-inner .button,.jike-home-final .button{width:100%}.jike-home-section,.jike-home-pricing{padding-top:58px;padding-bottom:58px}.jike-home-features,.jike-flow,.jike-price-grid{grid-template-columns:1fr}.jike-home-features article{min-height:0}.jike-home-features h3{margin-top:30px}.jike-flow li{min-height:0;padding:20px 0;border-right:0!important}.jike-flow li:nth-child(n+2){border-top:1px solid #c9d8d3}.jike-price-card>strong{font-size:38px}.jike-home-final-inner{padding-top:52px;padding-bottom:52px}}
.jike-price-pricing{display:flex;align-items:baseline;gap:11px;margin-top:4px}.jike-price-pricing del{color:#879392;font-size:14px}.jike-price-card.is-lifetime .jike-price-pricing del{color:#9dbcb8}.jike-price-pricing strong{display:block;font-size:42px;line-height:1;letter-spacing:-.08em}.jike-price-card.is-lifetime .jike-price-pricing strong{color:#fff}.jike-price-card>strong{display:none}
@media(max-width:760px){.jike-price-pricing{gap:9px}.jike-price-pricing strong{font-size:38px}}

/* JIKE homepage: five visual screens with one message per screen. */
.jike-paged-home{background:#f7f8f5}.jike-screen{min-height:0;padding:68px 0;scroll-snap-align:start}.jike-cover-screen{display:grid;grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr);align-items:center;gap:52px;padding-top:58px;padding-bottom:72px}.jike-screen-split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px}.jike-screen-split.is-reverse .jike-screen-copy{order:2}.jike-screen-split.is-reverse>.jike-output-window{order:1}.jike-screen-copy h1,.jike-screen-copy h2{max-width:600px;margin:15px 0 21px;color:#122b35;font-size:clamp(45px,5.5vw,78px);line-height:1.04;letter-spacing:-.09em}.jike-screen-copy h1 em{font-style:normal;color:#277077}.jike-screen-copy h2{font-size:clamp(38px,4.5vw,62px)}.jike-screen-copy>p{max-width:500px;margin:0;color:#687378;font-size:17px;line-height:1.9}.jike-screen-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:27px}.jike-screen-tags span{padding:8px 11px;border:1px solid #cbdad7;border-radius:999px;background:#edf5f2;color:#245d63;font-size:12px;font-weight:700}.jike-screen-copy .actions{margin-top:29px}.jike-single-note{max-width:450px;margin-top:27px;padding:17px 19px;border-left:3px solid #e58a60;background:#fff4eb;color:#687378;font-size:13px;line-height:1.75}.jike-queue-screen{background:#eef5f2;padding-top:60px;padding-bottom:60px}.jike-output-screen{background:#f7f8f5;padding-top:60px;padding-bottom:60px}.jike-access-screen{background:#e9f2ef;padding-top:60px;padding-bottom:60px}.jike-price-screen{background:#f7f8f5;padding-top:65px;padding-bottom:65px}.jike-price-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:30px}.jike-price-heading h2{margin:14px 0 0;color:#122b35;font-size:clamp(38px,4.5vw,64px);line-height:1.04;letter-spacing:-.08em}.jike-price-heading p{max-width:370px;margin:0;color:#6b7678;font-size:14px;line-height:1.8}
.jike-desktop-window{min-width:0;overflow:hidden;border:1px solid #24464f;border-radius:18px;background:#122b35;box-shadow:0 25px 70px rgba(18,43,53,.2);color:#eaf4f1}.jike-window-top{display:flex;align-items:center;gap:14px;padding:15px 18px;border-bottom:1px solid rgba(206,239,232,.13);font-size:12px}.jike-window-top>span:last-child{margin-left:auto;color:#91cbc1;font-size:11px}.jike-window-dots{display:flex;gap:5px}.jike-window-dots i{width:7px;height:7px;border-radius:50%;background:#73b9b0}.jike-window-dots i:nth-child(2){background:#e0a46e}.jike-window-dots i:nth-child(3){background:#d26e67}.jike-window-actions{display:flex;align-items:center;gap:18px;padding:13px 18px;border-bottom:1px solid rgba(206,239,232,.13);color:#aac0bf;font-size:11px}.jike-window-actions b{margin-left:auto;padding:8px 12px;border-radius:7px;background:#82c6bb;color:#12343b;font-size:11px}.jike-window-content{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;padding:16px}.jike-window-list header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:9px}.jike-window-list header strong{font-size:15px}.jike-window-list header small{color:#779593;font-size:10px}.jike-window-row{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:9px;padding:14px 10px;border-top:1px solid rgba(206,239,232,.1);color:#a9bdbc;font-size:12px}.jike-window-row b{color:#6c9b98;font:700 10px ui-monospace,SFMono-Regular,Consolas,monospace}.jike-window-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jike-window-row em{font-style:normal;color:#6c9b98;font-size:10px}.jike-window-row.active{background:rgba(130,198,187,.12);color:#effcf8}.jike-window-row.active em{color:#a6dfd2}.jike-window-row.done em{color:#d9a379}.jike-window-video{display:flex;min-height:245px;padding:16px;flex-direction:column;justify-content:flex-end;border:1px solid rgba(206,239,232,.14);border-radius:11px;background:linear-gradient(155deg,#317074,#0e2b35 72%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.jike-window-video small{align-self:flex-start;color:#a5d2ca;font:700 9px ui-monospace,SFMono-Regular,Consolas,monospace}.jike-window-video strong{margin-top:auto;font-size:31px;line-height:1.02;letter-spacing:-.08em}.jike-window-video strong em{font-style:normal;color:#bce8df}.jike-window-video span{margin-top:16px;color:#a4cbc5;font-size:10px}
.jike-batch-visual{padding:34px;border:1px solid #c4d9d3;background:#173f49;color:#fff;box-shadow:0 22px 50px rgba(23,63,73,.14)}.jike-batch-stat{display:flex;align-items:end;gap:18px}.jike-batch-stat strong{font-size:clamp(96px,12vw,168px);line-height:.78;letter-spacing:-.12em;color:#a8ddd5}.jike-batch-stat span{max-width:100px;padding-bottom:8px;color:#bdd3cf;font-size:13px;line-height:1.5}.jike-pipeline{display:flex;align-items:center;justify-content:space-between;gap:7px;margin:47px 0 29px;padding:13px 15px;border-top:1px solid rgba(206,239,232,.22);border-bottom:1px solid rgba(206,239,232,.22);color:#c9e2dd;font-size:12px}.jike-pipeline b{color:#e6a276}.jike-pipeline strong{color:#a8ddd5}.jike-mini-tasks>div{display:grid;grid-template-columns:34px 1fr 54px;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid rgba(206,239,232,.13);color:#c1d3d0;font-size:12px}.jike-mini-tasks b{color:#72aaa4;font:700 10px ui-monospace,SFMono-Regular,Consolas,monospace}.jike-mini-tasks span{color:#8ea8a5}.jike-mini-tasks i{width:54px;height:5px;border-radius:99px;background:#43666a}.jike-mini-tasks .is-current{color:#fff}.jike-mini-tasks .is-current i{background:#a8ddd5}
.jike-output-window{overflow:hidden;border:1px solid #d1dad8;background:#fff;box-shadow:0 22px 52px rgba(40,74,73,.12)}.jike-output-title{display:flex;justify-content:space-between;padding:15px 18px;border-bottom:1px solid #e1e8e5;color:#66807d;font-size:12px}.jike-output-title b{font-weight:700;color:#277077}.jike-output-body{display:grid;grid-template-columns:130px 1fr;min-height:335px}.jike-output-body aside{display:flex;gap:11px;padding:22px 14px;flex-direction:column;border-right:1px solid #e1e8e5;color:#8b9695;font-size:12px}.jike-output-body aside .selected{padding:8px 9px;background:#e7f3ef;color:#277077;font-weight:700}.jike-file-list{padding:24px 21px}.jike-file-list header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px;color:#183a42}.jike-file-list header small{color:#9aa5a2;font-size:10px}.jike-file-row{display:grid;grid-template-columns:39px 1fr auto;align-items:center;gap:10px;padding:14px 0;border-top:1px solid #edf1ef;color:#385358;font-size:12px}.jike-file-row strong{font-weight:700}.jike-file-row small{color:#6f9d91;font-size:10px}.jike-file-row.pending small{color:#d58e68}.mp4{display:grid;place-items:center;width:35px;height:29px;border-radius:6px;background:#e8f3ef;color:#277077;font:800 9px ui-monospace,SFMono-Regular,Consolas,monospace}
.jike-output-facts{display:grid;gap:0;max-width:360px;margin-top:30px;border-top:1px solid #d4e0dc}.jike-output-facts span{padding:13px 0;border-bottom:1px solid #d4e0dc;color:#71807f;font-size:13px}.jike-output-facts b{display:inline-block;width:85px;color:#277077}
.jike-binding-visual{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr;align-items:center;gap:9px;position:relative;padding:58px 22px 72px;border:1px solid #c2d9d3;background:#fff}.jike-binding-visual>i{height:1px;background:#95bdb6}.jike-binding-node{display:flex;min-height:116px;padding:17px 12px;flex-direction:column;justify-content:center;border:1px solid #c5d9d5;background:#f4faf8;text-align:center}.jike-binding-node b{color:#173f49;font-size:20px}.jike-binding-node span{margin-top:6px;color:#6e8581;font-size:11px}.jike-binding-node.is-code{border-color:#277077;background:#173f49;color:#fff;box-shadow:0 17px 30px rgba(23,63,73,.16)}.jike-binding-node.is-code b{color:#a8ddd5}.jike-binding-node.is-code span{color:#c0dad5}.jike-binding-visual>small{position:absolute;bottom:24px;left:0;right:0;color:#77a19a;text-align:center;font:700 10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em}.jike-access-list{display:flex;flex-wrap:wrap;gap:9px;margin:27px 0}.jike-access-list span{padding:8px 12px;border-radius:999px;background:#dcece7;color:#277077;font-size:12px;font-weight:700}
.jike-price-page{display:flex;flex-direction:column;justify-content:center}.jike-price-grid{grid-template-columns:1fr 1fr;gap:16px}.jike-price-card{display:block;padding:31px 29px;border:1px solid #d3dfdc;background:#fff;color:#183a42;box-shadow:0 16px 38px rgba(36,74,73,.06)}.jike-price-card.is-lifetime{border-color:#173f49;background:#173f49;color:#fff}.jike-price-card>h3{margin:20px 0 13px;font-size:21px}.jike-price-card>p{min-height:45px;margin:20px 0 21px;color:#6d7b7a;font-size:13px;line-height:1.7}.jike-price-card.is-lifetime>p{color:#bdd0cc}.jike-price-card>a,.jike-price-card>span:last-child{font-size:13px;font-weight:800}.jike-price-pricing{display:flex;align-items:flex-end;gap:18px;margin-top:5px}.jike-price-old{display:flex;gap:4px;padding-bottom:6px;flex-direction:column;color:#9da8a5;font-size:11px}.jike-price-old del{font-size:16px}.jike-price-current{display:flex;align-items:flex-start;gap:8px;flex-direction:column}.jike-price-current>span{padding:4px 7px;border-radius:4px;background:#e9a06f;color:#fff;font-size:10px;font-weight:800}.jike-price-current strong{font-size:52px;line-height:.82;letter-spacing:-.1em}.jike-price-current strong small{font-size:20px;letter-spacing:-.05em}.jike-price-card.is-lifetime .jike-price-old{color:#98b6b1}.jike-price-card.is-lifetime .jike-price-current>span{background:#a8ddd5;color:#173f49}.jike-price-save{align-self:flex-end;padding:5px 7px;border:1px solid #e5a47e;color:#d37a4e;font-size:10px;white-space:nowrap}.jike-price-card.is-lifetime .jike-price-save{border-color:#80bbb1;color:#a8ddd5}.jike-price-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:19px}.jike-price-bottom>span{color:#6f7d7c;font-size:13px}.jike-price-bottom .button{flex:none}
@media(max-width:960px){.jike-cover-screen,.jike-screen-split{grid-template-columns:1fr;gap:42px}.jike-screen-split.is-reverse .jike-screen-copy{order:1}.jike-screen-split.is-reverse>.jike-output-window{order:2}.jike-screen{min-height:auto;padding:75px 0}.jike-price-heading{align-items:flex-start;flex-direction:column;gap:12px}.jike-price-page{justify-content:flex-start}}
@media(max-width:760px){.jike-screen{padding:54px 16px}.jike-cover-screen{padding-top:43px}.jike-screen-copy h1{font-size:48px}.jike-screen-copy h2{font-size:42px}.jike-screen-copy>p{font-size:15px}.jike-screen-copy .actions{flex-direction:column}.jike-screen-copy .actions .button{width:100%}.jike-desktop-window{border-radius:14px}.jike-window-content{grid-template-columns:1fr}.jike-window-video{display:none}.jike-batch-visual{padding:23px}.jike-batch-stat strong{font-size:104px}.jike-pipeline{margin:34px 0 24px;font-size:10px}.jike-output-body{grid-template-columns:1fr}.jike-output-body aside{display:none}.jike-file-list{padding:20px 15px}.jike-file-row{grid-template-columns:35px 1fr;gap:8px}.jike-file-row small{grid-column:2}.jike-binding-visual{grid-template-columns:1fr;gap:8px;padding:20px 16px 58px}.jike-binding-visual>i{width:1px;height:21px;margin:0 auto}.jike-binding-node{min-height:75px}.jike-binding-visual>small{bottom:20px}.jike-price-grid{grid-template-columns:1fr}.jike-price-card{padding:25px 20px}.jike-price-current strong{font-size:45px}.jike-price-bottom{align-items:flex-start;flex-direction:column}.jike-price-bottom .button{width:100%}}

/* JIKE guide visuals use captures from the actual Windows client. Keep the
   explanatory labels outside the image so the UI remains legible and the
   homepage does not pretend a decorative mockup is the product. */
.jike-ui-shot-card,.jike-auth-visual{min-width:0;margin:0;overflow:hidden;border:1px solid #c8dad6;border-radius:18px;background:#f0f6f4;box-shadow:0 24px 60px rgba(27,68,72,.14)}
.jike-shot-bar{display:flex;align-items:center;gap:11px;padding:13px 16px;border-bottom:1px solid #cfdfdc;background:#173f49;color:#e8f4f1;font-size:11px}.jike-shot-bar span{color:#a8ddd5;font:700 10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}.jike-shot-bar strong{font-size:12px}.jike-shot-bar small{margin-left:auto;color:#9bb7b5;font-size:10px}
.jike-ui-shot,.jike-auth-shot{display:block;width:100%;height:auto;background:#edf4fb}.jike-shot-legend,.jike-auth-visual figcaption{display:flex;flex-wrap:wrap;gap:7px;padding:12px 14px;background:#f8fcfb;color:#3b6062;font-size:10px;line-height:1.45}.jike-shot-legend span,.jike-auth-visual figcaption span{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid #d5e4df;border-radius:6px;background:#fff}.jike-shot-legend b,.jike-auth-visual figcaption b{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:50%;background:#287a7d;color:#fff;font-size:9px}.jike-auth-visual{background:#0d1527;border-color:#263d65;box-shadow:0 24px 60px rgba(14,27,52,.18)}.jike-auth-visual .jike-shot-bar{background:#101a31;border-color:#2b416b}.jike-auth-visual figcaption{background:#111d36;color:#c1d4f4;border-color:#273d63}.jike-auth-visual figcaption span{border-color:#314a75;background:#172440;color:#c1d4f4}.jike-auth-visual figcaption b{background:#6ba4ff;color:#0d1527}
@media(max-width:1100px){.jike-cover-screen{grid-template-columns:1fr;gap:36px}.jike-ui-shot-card{max-width:820px}.jike-screen-split{gap:45px}}
@media(max-width:760px){.jike-shot-bar{align-items:flex-start;flex-direction:column;gap:4px}.jike-shot-bar small{margin-left:0}.jike-shot-legend,.jike-auth-visual figcaption{gap:5px;padding:10px}.jike-shot-legend span,.jike-auth-visual figcaption span{font-size:9px}.jike-auth-visual{order:2}}

/* Pricing is a comparison strip, not a pair of product cards. */
.jike-price-grid{gap:0;border-top:1px solid #cbdad7;border-bottom:1px solid #cbdad7}
.jike-price-card,.jike-price-card.is-lifetime{position:relative;padding:34px 36px;border:0!important;border-radius:0;background:transparent!important;color:#183a42;box-shadow:none;transform:none}
.jike-price-card+.jike-price-card{border-left:1px solid #cbdad7!important}
.jike-price-card:hover{background:rgba(232,243,239,.55)!important;box-shadow:none;transform:none}
.jike-price-card.is-lifetime:hover{background:rgba(226,241,236,.72)!important}
.jike-price-card .jike-price-tag,.jike-price-card.is-lifetime .jike-price-tag{color:#5a8e8b}
.jike-price-card>h3{margin:15px 0 12px;font-size:24px;letter-spacing:-.04em}
.jike-price-old,.jike-price-card.is-lifetime .jike-price-old{color:#9aa7a3}
.jike-price-old del{font-size:15px}
.jike-price-current>span,.jike-price-card.is-lifetime .jike-price-current>span{padding:0 0 0 9px;border:0;border-left:2px solid #e58a60;border-radius:0;background:transparent;color:#c66e49;font-size:11px;line-height:1.3}
.jike-price-card.is-lifetime .jike-price-current>span{border-left-color:#287a7d;color:#287a7d}
.jike-price-current strong,.jike-price-card.is-lifetime .jike-price-current strong{color:#173f49;font-size:58px}
.jike-price-card>p,.jike-price-card.is-lifetime>p{min-height:0;margin:21px 0 24px;color:#6d7b7a;font-size:13px}
.jike-price-save,.jike-price-card.is-lifetime .jike-price-save{align-self:flex-end;padding:0;border:0;color:#c66e49;font-size:11px}
.jike-price-card.is-lifetime .jike-price-save{color:#287a7d}
.jike-price-card>a,.jike-price-card>span:last-child{color:#277077;font-size:13px}
.jike-price-bottom{margin-top:24px}
@media(max-width:760px){.jike-price-grid{grid-template-columns:1fr}.jike-price-card+.jike-price-card{border-top:1px solid #cbdad7!important;border-left:0!important}.jike-price-card,.jike-price-card.is-lifetime{padding:27px 20px}.jike-price-current strong,.jike-price-card.is-lifetime .jike-price-current strong{font-size:50px}}
.signature-phone>span{font:800 10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}.signature-phone>span i{color:#ff8a72;font-style:normal}.signature-phone>strong{font:800 clamp(25px,3vw,43px) ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.08em}.signature-phone>small,.signature-phone>b{font:700 10px ui-monospace,SFMono-Regular,Consolas,monospace}.signature-phone>b{font-weight:500;line-height:1.6;opacity:.78}.product-signature-xingren-recorder{background:#d6e1be!important;color:#304228!important}.product-signature-xingren-recorder .signature-label{color:#304228}.product-signature-xingren-recorder::after{border-color:rgba(48,66,40,.2)}
@media(max-width:760px){.signature-phone{inset:58px 18% 24px}}

/* Homepage hierarchy: the two lead products share one row equally; the remaining tools keep their three-column rhythm. */
.home-mosaic{display:block}
.home-mosaic-primary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.home-mosaic-secondary{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:12px;margin-top:12px}
.home-feature-primary,.home-feature-secondary{grid-column:auto;grid-row:auto}
.home-feature-primary .home-feature-media{min-height:230px}
.home-feature-secondary .home-feature-media{min-height:150px}

/* Pricing should show the discount pair wherever a product can be purchased. */
.store-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.store-price del,.product-buy-rail-copy .price-pair del,.detail-purchase-meta del,.jike-plan-row .price-pair del{color:var(--muted);font-size:12px;font-weight:400}
.store-price span,.product-buy-rail-copy .price-pair>span{color:var(--violet-dark)}
.home-feature-price{display:inline-flex;align-items:baseline;gap:8px}
.home-feature-price del{color:var(--muted);font-size:11px;font-weight:400}
.home-feature-price>span{color:var(--violet-dark)}
.product-buy-rail-copy .price-pair{display:inline-flex;align-items:baseline;gap:10px}
.detail-purchase-meta del{display:block;margin-bottom:1px}
.jike-plan-row .price-pair{display:flex;align-items:baseline;gap:10px}
.jike-plan-row .price-pair strong{font-size:21px;letter-spacing:-.04em}

/* A small, centered announcement stays visible above the main navigation. */
.site-top-announcement{display:flex;align-items:center;justify-content:center;gap:8px;min-height:34px;padding:7px 20px;border-bottom:1px solid #e8e3db;background:#fffaf5;color:var(--muted);font-size:12px;line-height:1.5;text-align:center}
.site-top-announcement>span:first-child{color:var(--orange);font:800 10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}
.site-top-announcement a{max-width:min(900px,100%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-weight:700}

@media(max-width:900px){.home-mosaic-secondary{grid-template-columns:1.2fr .8fr}}
@media(max-width:760px){.home-mosaic-primary,.home-mosaic-secondary{grid-template-columns:1fr}.home-mosaic-secondary{margin-top:10px}.site-top-announcement{padding-right:12px;padding-left:12px;font-size:11px}.site-top-announcement a{white-space:normal}}

/* The product index should follow the feature mosaic without a large empty break. */
.home-workbench{padding-bottom:32px}.home-index{padding-top:56px}
@media(max-width:760px){.home-workbench{padding-bottom:28px}.home-index{padding-top:42px}}

/* Payment follow-up: show the seller contact QR codes separately from payment QR codes. */
.wechat-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}
.wechat-contact-card{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:14px;margin:0;padding:12px;border:1px solid #e2ddd5;background:#fff}
.wechat-contact-card img{display:block;width:150px;height:auto;object-fit:contain;background:#fff}
.wechat-contact-card figcaption{display:flex;flex-direction:column;gap:5px}
.wechat-contact-card figcaption strong{font-size:15px;color:var(--ink)}
.wechat-contact-card figcaption span{color:var(--muted);font-size:11px;line-height:1.6}
.checkout-payment>.wechat-contact-grid{margin:20px 0 8px}
@media(max-width:760px){.wechat-contact-grid{grid-template-columns:1fr}.wechat-contact-card{grid-template-columns:128px 1fr}.wechat-contact-card img{width:128px;height:auto}}

/* Store cards should follow their content instead of forcing one shared height. */
.store-layout{padding-bottom:8px}
.checkout-layout{padding-bottom:28px}
.store-layout + .seller-contact-card{padding-top:12px}
.checkout-layout + .section{padding-top:32px}
.store-plan-list{display:grid;gap:8px;margin:14px 0 10px}
.store-plan-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid #e2d9ef;border-radius:12px;background:#fbf9ff}
.store-plan-row>div:first-child{display:grid;gap:2px;min-width:0}
.store-plan-row strong{font-size:15px;color:var(--ink)}
.store-plan-row span{color:var(--muted);font-size:12px;line-height:1.5}
.store-plan-row .price-pair{display:flex;align-items:baseline;justify-content:flex-end;gap:7px;white-space:nowrap;color:var(--violet-dark)}
.store-plan-row .price-pair strong{font-size:16px;color:var(--violet-dark)}
.store-plan-row .price-pair del{color:var(--muted);font-size:11px;font-weight:400}
.store-plan-list-single{max-width:100%}
.buy-rail-plan{display:block;margin:4px 0 2px;color:var(--ink);font-size:15px}
@media(max-width:760px){.store-layout{padding-bottom:6px}.checkout-layout{padding-bottom:20px}.store-layout + .seller-contact-card{padding-top:8px}.checkout-layout + .section{padding-top:24px}.store-plan-row{align-items:flex-start;flex-direction:column;gap:6px}.store-plan-row .price-pair{justify-content:flex-start}}

/* Product center: show plan-specific promises without pretending plans are separate products. */
.product-row-promise{display:block;margin-top:4px;color:var(--violet-dark);font-size:12px;font-weight:800;line-height:1.5;white-space:nowrap}
.product-row-title-line{display:flex;align-items:baseline;gap:12px;min-width:0}
.product-row-title-line .product-row-promise{margin-top:0;overflow:hidden;text-overflow:ellipsis}
.product-row-description{display:-webkit-box!important;overflow:hidden;margin-top:3px!important;color:var(--muted)!important;font-size:12px!important;line-height:1.55!important;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.product-row-plan .product-row-main{padding-top:15px;padding-bottom:15px}
@media(max-width:760px){.product-row-title-line{align-items:flex-start;flex-wrap:wrap;gap:2px 9px}.product-row-promise{font-size:11px;white-space:normal}.product-row-description{font-size:11px!important;-webkit-line-clamp:2}}

/* Buy page: keep the decision copy compact and make the order card a wide strip. */
.buy-page-heading h1{white-space:nowrap}
.buy-page-heading>p{max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.store-layout{display:block}
.store-product{grid-template-columns:auto minmax(0,1fr) minmax(390px,1fr);gap:24px;align-items:start}
.store-product>div:nth-child(2){min-width:0}
.store-product>div:nth-child(2)>p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.store-product>div:nth-child(2)>.store-product-note{white-space:normal;overflow:visible;color:var(--violet-dark);font-size:13px;line-height:1.55;margin:6px 0 4px;max-width:100%;font-weight:800}
.store-product>.store-form{grid-column:3;grid-row:1 / span 2}
.store-product>.store-context-links{grid-column:3;grid-row:3;padding-left:0;margin-top:-4px}
@media(max-width:900px){.store-product{grid-template-columns:auto minmax(0,1fr)}.store-product>.store-form{grid-column:1/-1;grid-row:auto}.store-product>.store-context-links{grid-column:1/-1;grid-row:auto}}
@media(max-width:760px){.buy-page-heading h1{white-space:normal}.buy-page-heading>p{white-space:normal;overflow:visible}.store-product{grid-template-columns:1fr}.store-product>div:nth-child(2)>p{white-space:normal;overflow:visible}.store-product>.store-form,.store-product>.store-context-links{grid-column:1;grid-row:auto}}

/* Sitewide rhythm audit: reduce empty space above recurring headings while keeping the hero distinct. */
.page-heading{padding-top:42px;padding-bottom:20px}
.section{padding-top:42px;padding-bottom:42px}
.detail-led-section{padding-top:58px;padding-bottom:58px}
.social-result-section{min-height:330px;padding-top:56px;padding-bottom:56px}
.social-workflow-section{padding-top:54px}
.tutorial-track{padding-top:26px;padding-bottom:54px}
.help-product{padding-top:26px;padding-bottom:54px}
@media(max-width:760px){.page-heading{padding-top:34px;padding-bottom:18px}.section{padding-top:32px;padding-bottom:32px}.detail-led-section{padding:46px 0}.social-result-section{padding:42px 0}.social-workflow-section{padding-top:42px}.tutorial-track{padding:24px 0 42px}.help-product{padding:22px 0 42px}}

/* Help has several long FAQ groups; keep the final contact card close to the
   last group while preserving the spacing between individual questions. */
.help-directory{padding-bottom:8px}
.help-product{padding-top:20px;padding-bottom:26px}
.help-product .faq-list{padding-bottom:22px}
.help-directory>.help-product:last-of-type{padding-bottom:8px}
.help-footer{padding-top:8px!important}
.help-footer .contact-card{margin-top:0}
@media(max-width:760px){
  .help-directory{padding-bottom:4px}
  .help-product{padding-top:16px;padding-bottom:18px}
  .help-product .faq-list{padding-bottom:16px}
  .help-directory>.help-product:last-of-type{padding-bottom:4px}
  .help-footer{padding-top:4px!important}
}

/* Keep purchase guidance visually strong while bringing the seller QR cards into view sooner. */
.site-top-announcement{color:var(--ink);font-weight:600}
.site-top-announcement>span:not(:first-child){color:var(--ink);font-weight:700}
.buy-page-heading{padding-bottom:12px}
.buy-page-heading>p{color:var(--ink);font-weight:600}
.store-product-note{font-weight:700!important}
.store-layout + .seller-contact-card{padding-top:6px!important;padding-bottom:24px}
.seller-contact-card h2{margin-bottom:6px}
.seller-contact-card>p{margin:0 0 6px;color:var(--ink);font-weight:600}
.seller-contact-card>p+p{margin-top:0;margin-bottom:0}
.seller-contact-card .wechat-contact-grid{margin-top:8px}
.seller-contact-card .wechat-contact-card{grid-template-columns:106px 1fr;gap:10px;padding:8px}
.seller-contact-card .wechat-contact-card img{width:106px}
.seller-contact-card .wechat-contact-card figcaption{gap:3px}
.seller-contact-card .wechat-contact-card figcaption strong{font-weight:800}
.checkout-payment>.wechat-contact-grid{margin-top:12px}
.checkout-payment .wechat-contact-card,.contact-note .wechat-contact-card{grid-template-columns:106px 1fr;gap:10px;padding:8px}
.checkout-payment .wechat-contact-card img,.contact-note .wechat-contact-card img{width:106px}
.checkout-summary>.store-message,.checkout-payment>.store-message{color:var(--ink);font-weight:600}
.checkout-summary dt,.checkout-payment .qr-grid figcaption{color:var(--ink);font-weight:700}
.contact-note .contact-card>span:first-of-type{color:var(--ink);font-weight:600}
@media(max-width:760px){
  .buy-page-heading{padding-bottom:8px}
  .store-layout + .seller-contact-card{padding-top:4px!important;padding-bottom:20px}
  .seller-contact-card .wechat-contact-card,.checkout-payment .wechat-contact-card,.contact-note .wechat-contact-card{grid-template-columns:102px 1fr;gap:8px;padding:7px}
  .seller-contact-card .wechat-contact-card img,.checkout-payment .wechat-contact-card img,.contact-note .wechat-contact-card img{width:102px}
  .seller-contact-card .wechat-contact-grid{margin-top:6px}
}

/* Storefront polish: make secondary actions feel clickable and give the buy
   card a clear summary/form split instead of a loose block of text. */
.nav{gap:6px}
.nav a{padding:8px 10px;border:1px solid transparent;border-radius:7px;color:var(--muted);font-weight:700;transition:background .2s,border-color .2s,color .2s,transform .2s}
.nav a:hover{transform:translateY(-1px);border-color:#d9ccef;background:#f7f3ff;color:var(--violet-dark)}
.text-link{display:inline-flex;align-items:center;gap:6px;width:fit-content;margin-top:0;padding:7px 11px;border:1px solid #d9ccef;border-radius:7px;background:linear-gradient(180deg,#fff 0%,#f6f1ff 100%);color:var(--violet-dark);font-size:12px;line-height:1.2;box-shadow:0 4px 10px rgba(52,35,111,.06);text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s,color .2s}
.text-link:hover{transform:translateY(-1px);border-color:#bca8e7;background:linear-gradient(180deg,#fff 0%,#ebe2ff 100%);box-shadow:0 8px 16px rgba(92,66,198,.13);color:var(--violet);text-decoration:none}
.store-context-links{gap:8px;margin-top:0;padding-left:0}
.store-context-links a,.account-heading-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 11px;border:1px solid #d9ccef;border-radius:7px;background:linear-gradient(180deg,#fff 0%,#f6f1ff 100%);color:var(--violet-dark);box-shadow:0 4px 10px rgba(52,35,111,.06);transition:transform .2s,box-shadow .2s,border-color .2s,background .2s,color .2s}
.store-context-links a:hover,.account-heading-actions a:hover{transform:translateY(-1px);border-color:#bca8e7;background:linear-gradient(180deg,#fff 0%,#ebe2ff 100%);box-shadow:0 8px 16px rgba(92,66,198,.13);color:var(--violet)}

.store-product{position:relative;grid-template-columns:72px minmax(0,1fr) minmax(370px,.92fr);grid-template-rows:1fr auto;gap:18px;padding:20px;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#fff 0%,#fdfbff 58%,#f8f2ff 100%)}
.store-product:before{position:absolute;top:0;bottom:0;left:0;width:4px;background:linear-gradient(180deg,var(--orange),var(--violet));content:""}
.store-product>div:nth-child(2){display:flex;flex-direction:column;min-width:0;align-self:stretch;padding:7px 20px 10px 2px;border-right:1px solid #e6def1}
.store-product>div:nth-child(2)>.status{color:var(--orange)}
.store-product>div:nth-child(2)>h2{font-size:27px;letter-spacing:-.05em}
.store-product>div:nth-child(2)>p:not(.store-product-note){color:#5f5870;line-height:1.7}
.store-product-note{font-size:13px!important;line-height:1.55!important;margin:7px 0 3px!important;color:var(--violet-dark)!important;font-weight:800!important}
.store-product-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid #e6def1}
.store-product-highlights>div{display:grid;gap:2px;padding:10px 11px;border:1px solid #e3d8f1;border-radius:10px;background:rgba(255,255,255,.72)}
.store-product-highlights strong{color:var(--ink);font-size:13px}
.store-product-highlights span{color:var(--muted);font-size:11px;line-height:1.45}
.store-product>.store-form{grid-column:3;grid-row:1;align-self:stretch;margin:0;padding:17px;border:1px solid #ded2ef;border-radius:14px;background:linear-gradient(180deg,#fff 0%,#faf6ff 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 10px 24px rgba(52,35,111,.08)}
.store-product>.store-form:before{display:block;margin-bottom:12px;color:var(--violet-dark);font-size:12px;font-weight:800;letter-spacing:.04em;content:"填写信息，生成订单"}
.store-product>.store-form label{gap:5px}
.store-product>.store-form .delivery-contact-fields{gap:8px}
.store-product>.store-form .button.primary{width:100%;min-height:44px;margin-top:2px}
.store-product>.store-context-links{grid-column:3;grid-row:2;align-self:end;margin:0;padding:0}
.store-product>.store-context-links a{min-height:32px;font-size:11px}
.store-login-required{grid-column:1/-1}
.checkout-payment>.store-form{padding:16px;border:1px solid #e1d6ef;border-radius:13px;background:linear-gradient(180deg,#fff 0%,#faf7ff 100%);box-shadow:inset 0 1px 2px rgba(52,35,111,.04)}
.checkout-payment>.actions{gap:8px;padding-top:14px;border-top:1px solid #ece6f4}
.checkout-payment>.actions .button{min-height:38px;padding:8px 12px;font-size:12px}
.checkout-payment>.qr-grid figure{padding:8px;border:1px solid #e4dcef;border-radius:12px;background:#fcfaff}
.checkout-payment>.qr-grid figcaption{font-size:12px;font-weight:800}

@media(max-width:900px){
  .store-product{grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto auto auto;gap:14px;padding:18px}
  .store-product>div:nth-child(2){grid-column:2;grid-row:1;padding-right:0;border-right:0}
  .store-product>.store-form{grid-column:1/-1;grid-row:2}
  .store-product>.store-context-links{grid-column:1/-1;grid-row:3;justify-content:flex-start}
}
@media(max-width:760px){
  .text-link{padding:6px 9px}
  .store-product{grid-template-columns:1fr;grid-template-rows:auto;gap:12px;padding:16px}
  .store-product>div:first-child{justify-self:start}
  .store-product>div:nth-child(2){grid-column:1;grid-row:auto;padding:0;border-right:0}
  .store-product>div:nth-child(2)>h2{font-size:24px}
  .store-product-highlights{margin-top:14px;padding-top:12px}
  .store-product>.store-form{grid-column:1;grid-row:auto;padding:14px}
  .store-product>.store-context-links{grid-column:1;grid-row:auto}
  .store-product>.store-context-links a{flex:1 1 auto}
}

/* Keep the seller contact section in the first view: an empty status node
   should not reserve space, and the two contact fields can share one row on
   wider screens. */
.store-layout>#order-message:empty{display:none}
.store-layout{padding-bottom:0!important}
.store-product>.store-form{gap:8px;padding:14px}
.store-product>.store-form:before{margin-bottom:7px}
.seller-contact-card h2{margin:0 0 4px}
.seller-contact-card>p{line-height:1.5}
.seller-contact-card .wechat-contact-grid{margin-top:6px}
.seller-contact-card .wechat-contact-card{grid-template-columns:94px 1fr;gap:8px;padding:7px}
.seller-contact-card .wechat-contact-card img{width:94px}
@media(min-width:761px){
  .store-product>.store-form .delivery-contact-fields{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:8px}
}
@media(max-width:760px){
  .seller-contact-card .wechat-contact-card{grid-template-columns:92px 1fr;gap:8px;padding:7px}
  .seller-contact-card .wechat-contact-card img{width:92px}
}

/* 视觉层微调：保留现有页面布局，只区分主要操作、次级操作和普通入口。 */
.button{
  border-radius:8px;
  border:1px solid transparent;
  min-height:40px;
  transition:transform .2s,background .2s,border-color .2s,color .2s,box-shadow .2s;
}
.button.primary,.button.button-dark{
  background:linear-gradient(135deg,#34236f 0%,#4a348f 100%);
  border-color:#34236f;
  color:#fff;
  box-shadow:0 5px 12px rgba(52,35,111,.16);
}
.button.primary:hover,.button.button-dark:hover{
  background:linear-gradient(135deg,#2b1d60 0%,#5c42c6 100%);
  border-color:#2b1d60;
  box-shadow:0 8px 18px rgba(52,35,111,.22);
}
.button.quiet{
  background:#f5f0ff;
  border-color:#d8c9f0;
  color:var(--violet-dark);
  box-shadow:0 3px 9px rgba(52,35,111,.06);
}
.button.quiet:hover{
  background:#ebe2ff;
  border-color:#bca8e7;
  color:var(--violet);
  box-shadow:0 7px 15px rgba(92,66,198,.13);
}
.button.light{
  background:#fff8f3;
  border-color:#f0d0bf;
  color:#6b3a26;
  box-shadow:0 3px 9px rgba(168,82,43,.07);
}
.button.light:hover{
  background:#ffede4;
  border-color:#e7b49f;
  color:#542a1e;
  box-shadow:0 7px 15px rgba(168,82,43,.12);
}
.button.disabled,.button:disabled{
  background:#f1eef4;
  border-color:#e2dce8;
  color:#9891a3;
  box-shadow:none;
}
.nav a{
  border-color:#eee7f6;
  background:#fbf9ff;
  color:var(--violet-dark);
}
.nav a:hover{background:#f0eaff;border-color:#cfc0ed}
.site-header .back-link{background:#fbf9ff}
.public-header-links a:not(.public-register){background:#f5f0ff;border-color:#d8c9f0}
.announcement-trigger{background:#fff8f3;border-color:#f0d0bf}
.product-filters button{background:#fbf9ff;border-color:#e1d8ee}
.product-filters button.active,.product-filters button:hover{background:#f0eaff;border-color:#bca8e7}
.home-primary-link{
  padding:11px 16px;
  border:1px solid #d8c9f0;
  border-radius:8px;
  background:#f5f0ff;
  color:var(--violet-dark);
  box-shadow:0 3px 9px rgba(52,35,111,.06);
}
.home-primary-link:hover{background:#ebe2ff;border-color:#bca8e7}
/* 个人中心沿用既有几何、滚动和点击后的稳定布局，只给现有面板增加轻微层次。 */
.account-panel,.account-side-nav,.account-page-content>.account-list:not(.account-orders-panel),
.settings-link-row,.account-dashboard-product{
  background:linear-gradient(145deg,#fff 0%,#faf7ff 100%);
}

/* Desktop preview stage: the real page stays on the left and a live, narrow
   same-origin rendering sits on the right. Account pages intentionally stay
   outside this stage so the established personal-center geometry is unchanged. */
.site-desktop-stage{
  width:min(1380px,calc(100% - 48px));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) 340px;
  gap:36px;
  align-items:start;
}
.site-desktop-stage>main{min-width:0}
.site-phone-preview{
  position:fixed;
  top:50%;
  right:max(24px,calc((100vw - min(1380px,calc(100vw - 48px)))/2));
  z-index:20;
  width:340px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  padding-top:0;
  transform:translateY(-50%);
}
.site-phone-preview-label{
  display:flex;
  width:100%;
  flex-direction:column;
  gap:1px;
  padding:0 4px;
  color:var(--muted);
  text-align:center;
}
.site-phone-preview-label strong{color:var(--violet-dark);font-size:13px}
.site-phone-preview-label span{font-size:11px}
.site-phone-device{
  width:min(326px,100%);
  padding:9px;
  border:1px solid #c8bde0;
  border-radius:32px;
  background:#1f1b2d;
  box-shadow:0 18px 42px rgba(31,27,45,.22),0 3px 8px rgba(52,35,111,.1);
}
.site-phone-speaker{width:74px;height:5px;margin:1px auto 7px;border-radius:999px;background:#5e5870}
.site-phone-screen{height:min(680px,calc(100vh - 126px));overflow:hidden;border-radius:24px;background:var(--paper);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.site-phone-screen iframe{display:block;width:100%;height:100%;border:0;background:var(--paper)}
.site-phone-home{width:92px;height:4px;margin:8px auto 1px;border-radius:999px;background:#5e5870}
@media(max-width:1200px){
  /* A real phone must render only the responsive page, never the desktop
     workbench and its embedded preview together. */
  .site-desktop-stage{display:block!important;width:100%!important;margin:0!important}
  .site-desktop-stage>main{width:100%!important}
  .site-phone-preview{display:none!important;visibility:hidden!important;pointer-events:none!important}
}
@media(max-width:760px){.site-desktop-stage{width:100%}}

/* The narrow preview gets its own reading rhythm. Keep the desktop page intact,
   but let mobile copy use the available width instead of being clipped by the
   desktop list density and heading sizes. */
.phone-preview-page .product-directory-list{padding-bottom:24px}
.phone-preview-page .product-row{min-height:0;gap:8px;padding:8px 0}
.phone-preview-page .product-row-main{grid-template-columns:36px minmax(0,1fr);gap:8px;padding:5px 0}
.phone-preview-page .product-row-mark{width:36px;height:36px;border-radius:10px;font-size:17px}
.phone-preview-page .product-row-meta{margin-bottom:2px;font-size:8px}
.phone-preview-page .product-row-copy strong{font-size:15px;line-height:1.35}
.phone-preview-page .product-row-title-line{align-items:baseline;gap:4px;flex-wrap:wrap}
.phone-preview-page .product-row-promise{font-size:10px;line-height:1.35}
.phone-preview-page .product-row-description{font-size:10px!important;line-height:1.45!important;-webkit-line-clamp:3}
.phone-preview-page .product-row-end{gap:4px;padding-top:4px}
.phone-preview-page .product-row-price strong{font-size:14px}
.phone-preview-page .product-row-price del{font-size:9px}
.phone-preview-page .product-row-price small{font-size:8px}
.phone-preview-page .product-row-end .button{min-width:46px;padding:5px 7px;font-size:10px}
.phone-preview-page .help-product{padding-top:14px;padding-bottom:22px}
.phone-preview-page .help-product .track-heading{margin-bottom:8px}
.phone-preview-page .help-product .track-heading h2{font-size:24px}
.phone-preview-page .faq-list details{padding:10px 11px;margin-bottom:6px}
.phone-preview-page .faq-list summary{font-size:14px;line-height:1.4}
.phone-preview-page .faq-list p{margin-top:8px;font-size:11px;line-height:1.6}
.phone-preview-page .help-footer{padding-top:4px!important}
.phone-preview-page .contact-card{gap:6px;padding:16px}
.phone-preview-page .contact-card strong{font-size:18px}
.phone-preview-page .contact-card span{font-size:12px;line-height:1.55}
.phone-preview-page .contact-card a{margin-top:8px;font-size:13px}
.phone-preview-page .product-row-description,
.phone-preview-page .product-row-copy>span:last-child{
  display:block!important;
  overflow:visible!important;
  max-height:none;
  -webkit-line-clamp:unset!important;
  white-space:normal;
}
.phone-preview-page .product-row-plan .product-row-main{padding-top:8px;padding-bottom:8px}

/* On real phones, expose the four primary entries directly under the header
   instead of hiding them behind a collapsed menu. Desktop navigation remains
   unchanged; the separate mobile nav also stays available on utility pages
   where the desktop nav is intentionally omitted. */
@media(max-width:760px){
  .mobile-nav{
    display:flex!important;
    flex:0 0 100%;
    width:100%;
    order:2;
    align-items:stretch;
    justify-content:space-between;
    gap:6px;
    margin:0!important;
    padding-top:8px;
    border-top:1px solid #eee7f6;
    position:static!important;
  }
  .mobile-nav a{
    display:flex;
    flex:1 1 0;
    min-width:0;
    align-items:center;
    justify-content:center;
    padding:8px 4px;
    border:1px solid #d9ccef;
    border-radius:8px;
    background:linear-gradient(180deg,#fff 0%,#f7f3ff 100%);
    color:var(--violet-dark);
    font-size:13px;
    font-weight:700;
    line-height:1.2;
    white-space:nowrap;
  }
  .mobile-nav a:hover{background:#f0eaff;border-color:#bca8e7;color:var(--violet)}
  .mobile-nav summary,.mobile-nav>div{display:none!important}
  .site-header>.nav{display:none!important}
}

/* Keep the logged-in actions balanced under the mobile nav: notification and
   personal center share the same row width and visual center. */
@media(max-width:760px){
  .site-header>.notification-link,
  .site-header>.account-menu{
    flex:0 0 calc(50% - 6px);
    min-width:0;
    margin-left:0!important;
  }
  .site-header>.notification-link{
    width:auto!important;
    min-height:36px;
    border-radius:8px;
  }
  .site-header>.account-menu-summary{
    width:100%;
  }
  .site-header>.account-menu .account-menu-summary{
    justify-content:center;
    min-height:36px;
    padding:7px 8px;
    border:1px solid #d9ccef;
    border-radius:8px;
    background:linear-gradient(180deg,#fff 0%,#f7f3ff 100%);
    color:var(--violet-dark);
  }
  .site-header>.account-menu .account-menu-label{display:inline;font-size:11px;color:var(--violet-dark)}
  .site-header>.account-menu .account-menu-summary:after{font-size:12px}
}

/* Real mobile browsers do not receive the preview-only body class. Apply the
   same readable product-list rhythm to the actual responsive page so its copy
   is not clipped just because the desktop preview is correct. */
@media(max-width:760px){
  .product-directory-list .product-row{min-height:0;align-items:flex-start;gap:8px;padding:8px 0}
  .product-directory-list .product-row-main{grid-template-columns:36px minmax(0,1fr);gap:8px;padding:5px 0}
  .product-directory-list .product-row-mark{width:36px;height:36px;border-radius:10px;font-size:17px}
  .product-directory-list .product-row-meta{margin-bottom:2px;font-size:8px}
  .product-directory-list .product-row-copy strong{font-size:15px;line-height:1.35}
  .product-directory-list .product-row-title-line{align-items:baseline;gap:4px;flex-wrap:wrap}
  .product-directory-list .product-row-promise{font-size:10px;line-height:1.35;white-space:normal}
  .product-directory-list .product-row-description,
  .product-directory-list .product-row-copy>span:last-child{
    display:block!important;
    overflow:visible!important;
    max-height:none;
    -webkit-line-clamp:unset!important;
    white-space:normal;
    font-size:10px!important;
    line-height:1.45!important;
  }
  .product-directory-list .product-row-end{gap:4px;padding-top:4px}
  .product-directory-list .product-row-price strong{font-size:14px}
  .product-directory-list .product-row-price del{font-size:9px}
  .product-directory-list .product-row-price small{font-size:8px}
  .product-directory-list .product-row-end .button{min-width:46px;padding:5px 7px;font-size:10px}
}

/* Sitewide real-mobile pass. The desktop preview has its own compact body
   class; these rules cover the actual public page opened in a phone browser. */
@media(max-width:760px){
  html,body{max-width:100%;overflow-x:hidden}
  .site-header,.site-footer{width:calc(100% - 32px)}
  .site-desktop-stage{width:100%!important}
  .site-desktop-stage>main{width:100%!important;min-width:0}
  .site-desktop-stage .shell{width:calc(100% - 32px);max-width:1120px}
  .site-desktop-stage img,.site-desktop-stage iframe,.site-desktop-stage video{max-width:100%}

  .site-desktop-stage .hero,
  .site-desktop-stage .detail-hero,
  .site-desktop-stage .detail-hero-editorial,
  .site-desktop-stage .detail-led-section,
  .site-desktop-stage .social-result-section,
  .site-desktop-stage .social-spec-section,
  .site-desktop-stage .jike-output-section,
  .site-desktop-stage .promo-placeholder,
  .site-desktop-stage .feedback-layout{
    grid-template-columns:1fr;
    min-width:0;
  }
  .site-desktop-stage .hero,.site-desktop-stage .detail-hero{gap:24px;padding-top:38px;padding-bottom:48px}
  .site-desktop-stage .hero-copy h1.hero-title{white-space:normal;overflow-wrap:anywhere}
  .site-desktop-stage .hero-copy>p,.site-desktop-stage .detail-hero p{font-size:14px;line-height:1.7}
  .site-desktop-stage .hero-media,.site-desktop-stage .detail-media,.site-desktop-stage .promo-video,.site-desktop-stage .jike-output-visual{width:100%;min-width:0}
  .site-desktop-stage .art-window,.site-desktop-stage .visual-preview{width:100%;max-width:100%}
  .site-desktop-stage .actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
  .site-desktop-stage .actions .button{min-width:0}

  .site-desktop-stage .page-heading{padding-top:34px;padding-bottom:18px}
  .site-desktop-stage .page-heading h1{font-size:clamp(30px,10vw,44px);white-space:normal;overflow-wrap:anywhere}
  .site-desktop-stage .page-heading>p{font-size:14px;line-height:1.65}
  .site-desktop-stage .section{padding-top:34px;padding-bottom:34px}
  .site-desktop-stage .section-intro h2,.site-desktop-stage .band h2{font-size:clamp(26px,8vw,38px);margin-bottom:18px}
  .site-desktop-stage .directory-toolbar{grid-template-columns:1fr;gap:10px}
  .site-desktop-stage .directory-note{margin-bottom:12px;padding:12px 14px}
  .site-desktop-stage .directory-note strong{font-size:15px}
  .site-desktop-stage .directory-note>span:last-child{font-size:12px}
  .site-desktop-stage .product-filters{gap:6px;margin-bottom:12px}
  .site-desktop-stage .product-filters button{padding:7px 10px;font-size:12px}

  .site-desktop-stage .product-list,
  .site-desktop-stage .feature-grid,
  .site-desktop-stage .workflow-grid,
  .site-desktop-stage .spec-grid,
  .site-desktop-stage .guide-grid,
  .site-desktop-stage .plan-grid,
  .site-desktop-stage .tutorial-groups{
    grid-template-columns:1fr;
  }
  .site-desktop-stage .product-list{gap:12px}
  .site-desktop-stage .product-card{border-radius:16px}
  .site-desktop-stage .product-art{height:120px}
  .site-desktop-stage .product-info{padding:15px}
  .site-desktop-stage .product-info h2{font-size:20px}
  .site-desktop-stage .product-card-description{
    display:block;
    min-height:0;
    max-height:none;
    overflow:visible!important;
    -webkit-line-clamp:unset!important;
    white-space:normal;
  }
  .site-desktop-stage .product-card-actions{gap:7px;padding:0 14px 14px}
  .site-desktop-stage .product-card-price{width:auto;min-width:0;flex:1 1 auto}

  .site-desktop-stage .tutorial-tabs,.site-desktop-stage .help-tabs{gap:6px;margin-bottom:20px}
  .site-desktop-stage .tutorial-tabs a,.site-desktop-stage .help-tabs a{min-width:0;padding:9px 10px;font-size:12px}
  .site-desktop-stage .help-tabs a{min-height:42px}
  .site-desktop-stage .detail-led-section,.site-desktop-stage .social-result-section,.site-desktop-stage .social-spec-section,.site-desktop-stage .jike-output-section{gap:28px}
  .site-desktop-stage .detail-led-copy h2{font-size:34px}
  .site-desktop-stage .social-result-copy h2{font-size:clamp(40px,14vw,56px)}
  .site-desktop-stage .social-result-number strong{font-size:clamp(110px,36vw,150px)}
  .site-desktop-stage .jike-output-section h2{font-size:36px}

  .site-desktop-stage .checkout-layout{grid-template-columns:1fr;gap:14px;padding-bottom:20px}
  .site-desktop-stage .checkout-summary,.site-desktop-stage .checkout-payment,.site-desktop-stage .query-card,.site-desktop-stage .result-card{padding:16px;border-radius:16px}
  .site-desktop-stage .wechat-contact-grid{grid-template-columns:1fr}
  .site-desktop-stage .wechat-contact-card{grid-template-columns:102px 1fr;gap:8px;padding:7px}
  .site-desktop-stage .wechat-contact-card img{width:102px}
  .site-desktop-stage .feedback-layout{gap:18px}
  .site-desktop-stage .feedback-form{padding:18px}
  .site-desktop-stage .legal{padding-top:38px;padding-bottom:54px}
  .site-desktop-stage .legal h1{font-size:clamp(30px,10vw,44px);margin-bottom:20px}
  .site-desktop-stage .table-wrap{max-width:100%;overflow-x:auto}
}