/* Shared visual measurements from the user-selected Gem Logic pages.
   All copy, destinations and ERP screenshots belong to 宝石仓. */
@font-face{font-family:Figtree;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/Figtree-400.ttf) format("truetype")}
@font-face{font-family:Figtree;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/Figtree-500.ttf) format("truetype")}
@font-face{font-family:Figtree;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/Figtree-600.ttf) format("truetype")}
@font-face{font-family:Figtree;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/Figtree-700.ttf) format("truetype")}
@font-face{font-family:Figtree;font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/Figtree-800.ttf) format("truetype")}
.reference-site{--ink:#0f1a26;--blue:#2b7fce;--muted:#5b6672;--green:#2b7fce;--line:#e3e8ee;--light:#f5f7fa;--max:1140px;font-family:Figtree,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.5;color:#16212e;background:#fff}
.reference-site .container{width:min(1140px,calc(100% - 64px))}
.reference-site h1,.reference-site h2,.reference-site h3{font-weight:800;color:#0f1a26}
.reference-site h2{font-size:40px;line-height:1.12;letter-spacing:-.8px}
.reference-site p{color:#5b6672}
.reference-site .section-label{color:#b59a67;font-size:12.5px;line-height:18.75px;font-weight:700;letter-spacing:.08em;margin:0 0 14px}
.reference-site .preview-bar{display:none}
.reference-site .site-header{background:#fff;border-bottom:1px solid #eef0f3;line-height:1.5}
.reference-site .header-inner{width:min(1240px,calc(100% - 64px));min-height:72px}
.reference-site .brand{color:#163963}
.reference-site .header-inner nav{font-size:14.5px;font-weight:700}
.reference-site .nav-group summary{font-weight:700;color:#3d4854}
.reference-site .nav-dropdown{border-color:#e3e8ee;border-radius:0 0 16px 16px;box-shadow:0 18px 32px #0f1a260d}
.reference-site .dropdown-title{color:#69737f;font-size:11px}
.reference-site .menu-aside strong{font-size:14px;font-weight:800}
.reference-site .button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:11px 24px;border-radius:12px;font-size:15.5px;line-height:23.25px;font-weight:700;text-decoration:none}
.reference-site .button.primary{background:#2b7fce;border:1px solid #2b7fce;color:#fff;box-shadow:0 8px 20px #2b7fce38}
.reference-site .button.primary:hover{background:#246fb5;border-color:#246fb5}
.reference-site .button.secondary{background:#fff;border:1px solid #e3e8ee;color:#16212e;box-shadow:0 1px 3px #0f1a2605}
.reference-site .button.small{font-size:14px;line-height:21px;min-height:42px;padding:10px 18px}
.reference-site .actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.reference-site .page-hero{padding:72px 0 64px;margin:0;background:linear-gradient(#fbfcfe,#f3f6fa)}
.reference-site .page-hero-inner{display:block}
.reference-site .page-hero-copy{max-width:780px;margin:0 auto;text-align:center}
.reference-site .page-hero .breadcrumbs{display:none}
.reference-site .page-hero .section-label{margin-bottom:14px}
.reference-site .page-hero h1{font-size:54px;line-height:1.07;letter-spacing:-1.5px;margin:0;max-width:none;font-weight:800}
.reference-site .page-description{font-size:17.5px;line-height:1.7;max-width:680px;margin:20px auto 0;color:#5b6672}
.reference-site .page-hero .actions{margin-top:28px}
.reference-site .page-hero-split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}
.reference-site .page-hero-split .page-hero-copy{max-width:540px;margin:0;text-align:left}
.reference-site .page-hero-split .actions{justify-content:flex-start}
.reference-site .page-hero-media{background:#edf2f7;border:1px solid #e3e8ee;border-radius:20px;padding:26px;min-width:0}
.reference-site .page-hero-media .product-figure{margin:0}
.reference-site .page-hero-media img{width:auto;max-width:100%;max-height:540px;border:1px solid #e3e8ee;border-radius:12px;box-shadow:0 14px 38px #0f1a2614}
.reference-site .page-hero-media figcaption{font-size:10.5px;line-height:1.5;max-width:350px;margin:14px auto 0}
.reference-site .content-layout{display:block;padding:72px 0 96px}
.reference-site .pricing-layout{padding-top:0}
.reference-site .page-hero h1{text-wrap:balance}
.reference-site .nav-actions .button{box-shadow:none;border-radius:10px}
.reference-site .contact-hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.reference-site .contact-hero-inner .page-hero-copy{max-width:485px;text-align:left;margin:0}
.contact-info-card{background:#fff;border:1px solid #e3e8ee;border-radius:18px;padding:36px;box-shadow:0 12px 32px #0f1a2608}
.contact-info-card h2{font-size:24px;line-height:1.3;margin-bottom:20px}
.contact-info-card .contact-channel{font-size:13px;color:#69737f;margin-bottom:6px}
.contact-info-card .contact-handle{font-size:32px;font-weight:800;color:#0f1a26;letter-spacing:-.6px;margin:0 0 16px;overflow-wrap:anywhere}
.contact-info-card p{font-size:14px;line-height:1.75}
.contact-info-card .button{margin-top:24px}
.reference-site .side-navigation{display:none}
.reference-site .prose{width:100%;max-width:780px;margin:auto;color:#3d4854}
.reference-site .prose h2{font-size:32px;line-height:1.2;margin:48px 0 20px;letter-spacing:-.7px}
.reference-site .prose h2:first-child{margin-top:0}
.reference-site .prose h3{font-size:21px;line-height:1.3;margin:28px 0 12px;letter-spacing:-.3px}
.reference-site .prose p,.reference-site .prose li{font-size:16px;line-height:1.85;color:#5b6672}
.reference-site .prose p+p{margin-top:16px}
.reference-site .prose li+li{margin-top:12px}
.reference-site .prose a:not(.button):not(.feature-item){color:#2b7fce}
.reference-site .notice{background:#f3f7fd;border:1px solid #e1eaf4;border-radius:12px;padding:20px 24px;margin-bottom:32px}
.reference-site .notice p{font-size:13px;line-height:1.7}
.reference-site .notice strong{font-size:13px;font-weight:700}
.reference-site .feature-flow{gap:16px;margin:28px 0}
.reference-site .feature-flow li{font-size:14px!important;line-height:1.65;border-color:#d7e6f5}
.reference-site.page-features .prose{max-width:1140px}
.reference-site.page-features .prose>p{max-width:720px}
.reference-site.page-features .page-hero{padding:40px 0}
.reference-site.page-features .page-hero h1{font-size:56px;line-height:1.06}
.reference-site .product-group{margin-top:42px}
.reference-site .product-group>h2{color:#69737f;font-size:13px;font-weight:700;letter-spacing:.03em;margin:0 0 18px}
.reference-site .feature-grid,.reference-site .prose .feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:0}
.reference-site .feature-item{padding:24px;border:1px solid #e3e8ee;border-radius:14px;background:#fff;transition:border-color .15s,box-shadow .15s}
.reference-site .feature-item:hover{border-color:#9cbddd;box-shadow:0 8px 24px #0f1a260a}
.reference-site .feature-number{display:none}
.reference-site .feature-item h3,.reference-site .prose .feature-item h3{font-size:18px;line-height:1.3;margin:0 0 10px;letter-spacing:-.3px}
.reference-site .feature-item p,.reference-site .prose .feature-item p{font-size:13px;line-height:1.65;min-height:65px;margin:0;color:#69737f}
.reference-site .text-link{font-size:12px;margin-top:20px;color:#2b7fce}
.reference-site .text-link span{font-size:16px;color:#2b7fce}
.reference-site .tutorial-topics{gap:16px;margin:26px 0}
.reference-site .tutorial-topics>div{border:1px solid #e3e8ee;border-radius:12px;padding:20px;background:#fff}
.reference-site .tutorial-topics h3{margin:0;font-size:17px}
.reference-site .linked-tutorials{padding-left:20px}
.reference-site .linked-tutorials li{font-size:15px}
.reference-site.page-article .page-hero{padding:56px 0 48px}
.reference-site.page-article .page-hero h1,.reference-site.page-list .page-hero h1{font-size:42px;line-height:1.08}
.reference-site.page-list .page-hero{padding:48px 0 38px}
.reference-site .article-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-top:56px;padding-bottom:96px}
.reference-site .article-row{display:flex;flex-direction:column;gap:16px;border:1px solid #e3e8ee;background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 16px #0f1a2605}
.reference-site .article-row h2{font-size:24px;line-height:1.3;letter-spacing:-.4px;margin:0 0 16px}
.reference-site .article-row p{font-size:15px;line-height:1.75}
.reference-site .article-row time{font-size:12px;color:#69737f}
.reference-site .article-list>.empty-state,.reference-site .pagination{grid-column:1/-1}
.reference-site .empty-state{background:#f5f7fa;border:1px solid #e3e8ee;border-radius:16px;padding:64px 28px}
.reference-site .empty-state h2{font-size:28px}
.reference-site .pagination a{border-radius:8px;color:#2b7fce}
.reference-site .site-footer{background:#f8fafc;border-top:1px solid #e3e8ee;padding-top:64px;margin-top:0}
.reference-site .footer-grid{grid-template-columns:1.7fr 1fr 1fr 1fr;gap:48px;padding-bottom:48px}
.reference-site .footer-grid h2{font-size:13px;line-height:1.5;font-weight:700;color:#16212e;letter-spacing:0;margin:4px 0 18px}
.reference-site .footer-brand p{font-size:13px;line-height:1.75;margin-top:18px;max-width:280px;color:#69737f}
.reference-site .footer-grid>div:not(.footer-brand)>a{font-size:13px;line-height:1.5;color:#5b6672;padding:6px 0}
.reference-site .footer-bottom{font-size:11px;line-height:1.6;padding-block:22px;color:#69737f}
/* Homepage structure: centered hero, wide product frame, alternating rows,
   module directory, steps, accordion, dark final call to action. */
.page-home .home-hero{background:linear-gradient(#fbfcfe,#f3f6fa);padding:60px 32px 0;overflow:hidden;text-align:center}
.home-hero-inner{max-width:900px;margin:auto}
.page-home .home-hero h1{font-size:64px;line-height:1.05;font-weight:800;letter-spacing:-1.9px;margin:14px 0 0;color:#0f1a26}
.page-home .home-hero .section-label{margin:0}
.page-home .home-builtfor-label{margin:26px 0 12px;font-size:13px;line-height:20px;font-weight:700;color:#69737f}
.page-home .audience-links{display:flex;flex-wrap:nowrap;align-items:center;gap:2px;width:max-content;max-width:100%;padding:4px;margin:0 auto;background:white;border:1px solid #e9edf2;border-radius:999px;overflow-x:auto;white-space:nowrap;font-size:14px;line-height:20px}
.page-home .audience-links a{padding:8px 18px;border:0;font-weight:700;color:#16212e;border-radius:999px;flex:0 0 auto}
.page-home .audience-links{scrollbar-width:none}
.page-home .audience-links::-webkit-scrollbar{display:none}
.page-home .audience-links a.active,.page-home .audience-links a:hover{background:#101c29;color:#fff}
.page-home .hero-body{max-width:780px;margin:22px auto 0;font-size:17.5px;line-height:1.65}
.page-home .hero-body p{color:#69737f;font-size:17.5px;line-height:1.65}
.page-home .hero-body p+p{margin-top:8px}
.page-home .home-hero .hero-description{max-width:780px;margin:22px auto 0}
.page-home .home-hero .hero-description p{font-size:17.5px;line-height:1.65;color:#69737f}
.page-home .home-hero .actions{margin-top:30px}
.page-home .home-announce{display:inline-flex;gap:12px;align-items:center;border:1px solid #e3e8ee;background:#fff;border-radius:999px;padding:8px 18px;font-size:13px;line-height:20px;font-weight:600;color:#3d4854;margin-top:20px}
.home-announce span{color:#2b7fce}
.page-home .home-screen{display:block;width:min(1060px,100%);max-height:550px;min-height:0;padding:0;margin:44px auto 0;border:1px solid #e3e8ee;border-radius:14px 14px 0 0;background:white;box-shadow:0 24px 80px #0f1a2624;overflow:hidden;text-align:left}
.home-screen-bar{display:flex;justify-content:space-between;gap:12px;padding:14px 22px;border-bottom:1px solid #edf0f4;background:white;color:#69737f;font-size:12px}
.home-screen-bar span:first-child{font-weight:800;color:#163963}
.home-screen-images{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:800px;margin:auto;padding:24px 32px 0;background:#f7f9fc}
.home-screen-images img{display:block;width:100%;height:auto;border:1px solid #e3e8ee;border-radius:12px 12px 0 0;box-shadow:0 8px 24px #0f1a260a}
.home-capabilities{padding:52px 32px 56px;text-align:center}
.home-capabilities>.container{width:min(1140px,100%)}
.home-capabilities p{font-size:14px}
.home-capability-links{display:flex;justify-content:center;flex-wrap:wrap;gap:20px 48px;margin:30px 0;color:#536170;font-size:20px;line-height:1.4;font-weight:800}
.page-home .image-note{font-size:11px!important;color:#8a94a0}
.page-home .home-dark{background:#101c29;color:#fff}
.page-home .home-dark h2,.page-home .home-dark h3{color:#fff}
.page-home .home-dark p{color:#a4afbc}
.page-home .home-dark .section-label{color:#c4ad7c}
.home-business-intro{padding:96px 0 104px;text-align:center}
.home-business-intro h2{max-width:780px;margin:0 auto}
.home-business-intro .problem-grid{margin-top:48px;text-align:left;gap:40px}
.home-business-intro .problem-grid>div{border-color:#2a394a;padding-top:24px}
.home-business-intro .problem-grid h3{font-size:21px;line-height:1.35;margin:0 0 14px}
.home-business-intro .problem-grid p{font-size:15px;line-height:1.8}
.home-connected{padding:104px 32px 24px;text-align:center}
.home-connected>.container{max-width:780px;width:100%}
.home-connected h2{font-size:44px;line-height:1.12}
.home-connected p:last-child{font-size:17px;line-height:1.7;margin-top:20px}
.home-feature-row{padding:72px 0}
.home-feature-inner{display:grid;grid-template-columns:1fr 1fr;gap:98px;align-items:center}
.home-feature-copy h2{font-size:38px;line-height:1.15;margin:12px 0 20px}
.home-feature-copy>p:not(.section-label){font-size:16px;line-height:1.8}
.page-home .check-list{list-style:none;margin:22px 0 24px;padding:0;font-size:14.5px;line-height:1.7}
.page-home .check-list li{padding:0 0 0 24px;position:relative;margin-top:10px;color:#3d4854}
.page-home .check-list li:before{content:"✓";position:absolute;left:0;color:#2b7fce;font-weight:700}
.home-text-link{color:#2b7fce;font-size:15px;font-weight:700}
.home-feature-media{min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#f2f5f9;border:1px solid #e3e8ee;border-radius:18px;padding:22px;overflow:hidden}
.page-home .home-feature-media .product-figure{margin:0;min-width:0}
.page-home .home-feature-media .product-figure img{width:100%;max-width:none;max-height:500px;object-fit:cover;object-position:top;border:1px solid #e3e8ee;border-radius:10px;box-shadow:0 10px 24px #0f1a260c}
.page-home .home-feature-media figcaption{font-size:10px;line-height:1.5;color:#8a94a0;margin-top:10px}
.home-feature-row.is-reverse .home-feature-copy{grid-column:2;grid-row:1}
.home-feature-row.is-reverse .home-feature-media{grid-column:1;grid-row:1}
.home-toolbox{padding:96px 0;background:#f5f7fa;margin-top:24px}
.home-section-head{max-width:680px}
.home-section-head>p:last-child{font-size:16px;line-height:1.75;margin-top:18px}
.page-home .home-toolbox .product-group{margin-top:36px}
.home-getting-started{padding:104px 0}
.page-home .learning-inner{grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.page-home .learning-inner>div>p:not(.section-label){font-size:16px;line-height:1.75;margin:20px 0 28px}
.page-home .learning-steps li{border-color:#e3e8ee;padding:24px 0;gap:22px}
.page-home .learning-steps li>span{background:#f0f4f9;color:#2b7fce;font-size:14px;font-weight:800}
.page-home .learning-steps h3{font-size:18px;line-height:1.4;margin:0 0 8px}
.page-home .learning-steps p{font-size:14px;line-height:1.75}
.home-resources{padding:96px 0;background:#f5f7fa}
.home-resources>.container>p:not(.section-label){font-size:16px;margin-top:18px}
.page-home .resource-links{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}
.page-home .resource-links a{border:1px solid #e3e8ee;border-radius:14px;background:white;padding:28px;font-size:18px;font-weight:700;color:#16212e}
.page-home .resource-links a:after{color:#2b7fce}
.home-faq{padding:96px 0}
.home-faq>.container{max-width:800px}
.home-faq h2{text-align:center;font-size:34px;margin-bottom:32px}
.page-home .faq-list details{padding:0;border:1px solid #e3e8ee;border-radius:12px;margin-top:12px;background:white;overflow:hidden}
.page-home .faq-list summary{padding:20px 22px;font-size:16px;line-height:1.5;font-weight:700;color:#16212e}
.page-home .faq-list summary:after{color:#69737f}
.page-home .faq-list p{font-size:14px;line-height:1.8;padding:0 22px 22px;color:#5b6672}
.page-home .faq-list p a{color:#2b7fce;text-decoration:underline}
.home-final{padding:104px 0 84px;text-align:center}
.home-final>.container{max-width:780px}
.home-final h2{font-size:42px;line-height:1.12}
.home-final p{font-size:17px;line-height:1.7;margin:20px 0 28px}
.home-final .button.secondary{background:transparent;color:#fff;border-color:#435266}
@media(max-width:1100px){.reference-site .header-inner{gap:20px}.home-feature-inner{gap:50px}.home-feature-copy h2{font-size:34px}.reference-site .feature-grid,.reference-site .prose .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-site .page-hero-split{gap:40px}.reference-site .page-hero-split h1{font-size:46px}}
@media(max-width:960px){.reference-site .header-inner{width:calc(100% - 40px);padding-block:14px}.reference-site .nav-dropdown{box-shadow:none;border:0;border-radius:0}.reference-site .footer-grid{gap:28px;grid-template-columns:1.5fr 1fr 1fr 1fr}.reference-site .page-hero-split{gap:30px}.home-feature-inner{gap:36px}.home-feature-copy h2{font-size:30px}.home-feature-media{padding:14px;gap:10px}.page-home .home-hero h1{font-size:52px}}
@media(max-width:767px){.reference-site .container{width:calc(100% - 40px)}.reference-site h2{font-size:30px;line-height:1.15}.reference-site .section-label{font-size:11.5px;line-height:18px}.reference-site .page-hero{padding:44px 0 40px}.reference-site .page-hero h1,.reference-site.page-features .page-hero h1{font-size:36px;line-height:1.08;letter-spacing:-1px}.reference-site .page-description{font-size:16px;line-height:1.7;margin-top:18px}.reference-site .page-hero-split{display:flex;flex-direction:column;gap:32px}.reference-site .page-hero-split .page-hero-copy{max-width:none;text-align:left}.reference-site .page-hero-split h1{font-size:36px}.reference-site .page-hero-media{width:100%;padding:20px}.reference-site .page-hero-media img{max-height:460px}.reference-site .content-layout{padding:40px 0 60px}.reference-site .prose h2{font-size:27px;line-height:1.25;margin:36px 0 16px}.reference-site .prose p,.reference-site .prose li{font-size:15px;line-height:1.85}.reference-site .feature-flow{display:block}.reference-site .feature-flow li+li{margin-top:16px}.reference-site .feature-grid,.reference-site .prose .feature-grid{gap:12px}.reference-site .feature-item{padding:20px 16px}.reference-site .feature-item h3,.reference-site .prose .feature-item h3{font-size:17px}.reference-site .feature-item p,.reference-site .prose .feature-item p{font-size:12.5px;min-height:84px}.reference-site .text-link{font-size:11px}.reference-site .article-list{grid-template-columns:1fr;padding-top:36px;padding-bottom:60px}.reference-site .article-row{padding:24px}.reference-site .article-row h2{font-size:22px}.reference-site.page-article .page-hero h1,.reference-site.page-list .page-hero h1{font-size:34px}.reference-site .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px;padding-bottom:36px}.reference-site .footer-brand{grid-column:1/-1}.reference-site .site-footer{padding-top:44px}.reference-site .footer-bottom{display:grid;gap:14px}.page-home .home-hero{padding:36px 20px 0}.page-home .home-hero h1{font-size:36px;line-height:1.06;letter-spacing:-1.3px}.page-home .home-builtfor-label{font-size:12px;margin-top:22px}.page-home .audience-links{width:100%;justify-content:flex-start}.page-home .audience-links a{font-size:12px;padding:8px 12px}.page-home .hero-body,.page-home .hero-body p{font-size:16px;line-height:1.7}.page-home .home-hero .actions{margin-top:24px}.reference-site .button{font-size:14px;padding:11px 18px}.page-home .home-announce{font-size:11px;padding:8px 13px;gap:6px}.page-home .home-screen{max-height:330px;margin-top:34px}.home-screen-images{gap:12px;padding:16px 14px 0}.home-screen-bar{padding:10px 14px;font-size:10px}.home-capabilities{padding:36px 20px 40px}.home-capability-links{gap:16px 24px;font-size:16px;margin:24px 0}.home-business-intro{padding:56px 0}.home-business-intro .problem-grid{grid-template-columns:1fr;margin-top:32px;gap:24px}.home-business-intro .problem-grid h3{font-size:20px}.home-connected{padding:60px 20px 16px}.home-connected h2{font-size:32px}.home-connected h2 br{display:none}.home-connected p:last-child{font-size:16px}.home-feature-row{padding:44px 0}.home-feature-inner{display:flex;flex-direction:column;gap:28px}.home-feature-copy h2{font-size:30px;line-height:1.16}.home-feature-copy h2 br{display:none}.home-feature-copy>p:not(.section-label){font-size:15px}.home-feature-media{width:100%;padding:18px;gap:12px}.page-home .home-feature-media .product-figure img{max-height:360px}.home-toolbox{padding:56px 0}.home-section-head>p:last-child{font-size:15px}.home-getting-started{padding:60px 0}.page-home .learning-inner{grid-template-columns:1fr;gap:32px}.page-home .learning-inner>div>p:not(.section-label){font-size:15px}.home-resources{padding:56px 0}.page-home .resource-links{grid-template-columns:1fr;gap:14px}.page-home .resource-links a{padding:24px;font-size:17px}.home-faq{padding:56px 0}.home-faq h2{font-size:30px}.page-home .faq-list summary{font-size:15px;padding:18px}.page-home .faq-list p{padding:0 18px 20px}.home-final{padding:64px 0 56px}.home-final h2{font-size:32px}.home-final p{font-size:16px}}
@media(max-width:374px){.reference-site .feature-grid,.reference-site .prose .feature-grid{grid-template-columns:1fr}.page-home .home-hero h1{font-size:36px}.reference-site .home-announce{font-size:10px}}
@media(max-width:767px){.reference-site .contact-hero-inner{display:flex;flex-direction:column;gap:28px}.contact-info-card{width:100%;padding:26px}.reference-site .contact-hero-inner .page-hero-copy{max-width:none}.contact-info-card h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.reference-site .feature-item{transition:none}}