/* 96DOC technology theme: blue hero, readable light surfaces. */
:root{color-scheme:light;--bg:#f8fbff;--surface:#fff;--border:#dae5f5;--text:#172e53;--muted:#6b7f9f;--mint:#2569f8;--blue:#2864ff;background:var(--bg);color:var(--text)}.site-nav{background:#fff;padding-top:20px;padding-bottom:20px;border:0}.site-nav nav{color:#536888;font-size:14px}.site-brand .brand-mark{padding:0;background:none;clip-path:none;width:42px;height:42px}.brand-mark img{width:100%;height:100%}.site-brand small{color:#879ab7;letter-spacing:1.5px}.nav-try{background:#2864ff;color:white;border:0;padding:13px 22px;border-radius:24px;box-shadow:0 6px 20px #2864ff30}.menu-toggle{color:#234a83}.hero{max-width:none;min-height:680px;padding:76px max(48px,calc((100vw - 1280px)/2)) 92px;gap:70px;background:radial-gradient(ellipse at 92% 0,#59b6ff 0,transparent 55%),linear-gradient(125deg,#1d53dd,#2879ff 60%,#4897ff);color:white;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#fff2 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(90deg,#000,transparent);pointer-events:none}.hero-glow{inset:0;height:auto;background:radial-gradient(ellipse at 20% 120%,#12c9ef65,transparent 65%)}.hero-label{color:#fff;background:#ffffff18;border:1px solid #ffffff38;font-size:12px;padding:10px 15px}.hero-label>span,.live-dot{background:#70f4df;box-shadow:0 0 16px #afffee}.hero h1{font-size:clamp(42px,4.4vw,65px);letter-spacing:-2px;line-height:1.2;margin:28px 0 24px}.hero h1 .gradient-word{display:block;font-size:.7em;letter-spacing:0;margin-top:14px;background:linear-gradient(90deg,#d6fff2,#9af2ff);background-clip:text}.hero-intro{color:#e3eeff;font-size:16px;max-width:520px;line-height:2}.hero-actions .mint{background:white;color:#2363ee;box-shadow:0 8px 24px #124db12e}.hero-actions .ghost{color:white;background:#ffffff13;border-color:#ffffff60}.hero-actions .button{border-radius:28px;padding:16px 26px;font-size:15px}.hero-facts{color:#dcecff;font-size:11px;gap:18px}.hero-facts i{color:#9cffe0}.hero-visual{max-width:570px}.mock-window{background:#f8fbff;border-color:#ffffffa0;box-shadow:0 35px 75px #0d3b9560;transform:perspective(1800px) rotateY(-7deg) rotateX(3deg) rotateZ(1deg)}.mock-top{background:#fff;color:#8a9dbb;border-color:#e7eef9}.mock-file{color:#173663}.mock-file small{color:#8c9eb9}.mini-word{background:#e4efff;color:#2471e9}.mock-check{color:#20bb93}.mock-toolbar{color:#7a94b7}.mock-page-number{color:#4a80d1;background:#e7effc}.mock-paper{background:#fff;border:1px solid #edf2f9;box-shadow:0 4px 20px #1b488b0b}.paper-chart div{background:linear-gradient(#2a7bf8,#99ddff)}.paper-chart div:nth-child(2n){background:linear-gradient(#1ac9c1,#b9f6e2)}.mock-bottom{color:#8aa0be}.floating-format{background:#ffffffed;border:1px solid #fff;box-shadow:0 15px 35px #1154c340}.floating-format span{color:#536e98}.float-word{color:#2864ff}.float-pdf{color:#ef6775}.float-sheet{color:#20ad87}.visual-caption{color:#d7eeff}.visual-orbit{border:1px solid #ffffff28}.format-ribbon{background:#eef5ff;border:0;gap:32px}.format-ribbon strong{color:#6582aa}.format-ribbon>span{color:#849bb9}.section{padding-top:80px;padding-bottom:80px}.section h2{font-size:38px;letter-spacing:-1px}.kicker{color:#3377ed;font-size:10px}.feature-card{background:#fff;border:1px solid #e0e9f8;box-shadow:0 8px 35px #31578d07;padding:32px}.feature-card:hover{border-color:#91bbff;box-shadow:0 12px 40px #31578d12}.feature-icon{background:#eef4ff;border:0;color:#3778ef}.link-illustration>span:first-child{background:#f1f6ff;border:1px solid #e4ebf8;color:#6490cf}.link-document{color:#4377ba}.feature-card h3{font-weight:650}.mini-code{background:#102543;color:#c1d8f9}.flow-drawing span{background:#f2f7ff;border-color:#dfebfc}.flow-drawing i{color:#488eef}.cache-drawing>span{color:#7a90af}.cache-drawing b{color:#576f94}.device-monitor,.device-phone{background:#f1f7ff;border-color:#80b1f9}.device-drawing i{background:#96b9ed}.format-grid article{background:#fff;border:1px solid #e3ebf7;border-radius:14px;padding:28px}.format-grid p{color:#6980a3}.format-grid small{color:#95a4bc}.blue{background:#e5eeff;color:#3973e5}.coral{background:#ffede9;color:#ee7959}.violet{background:#f0eaff;color:#9165e5}.mint-bg{background:#e5f9f5;color:#1eae8d}.formats-section{padding-top:0}.experience-section{background:#edf5ff;border:0;border-radius:20px}.quick-preview{background:#fff;border-color:#dbe8fa;box-shadow:0 15px 40px #2d60b313}.quick-preview label{color:#32547f}.quick-preview input{background:#f8fbff;border-color:#d8e4f6;color:#294972}.quick-hint{color:#8da2c0}.price-card{background:white;border:1px solid #dce7f6;box-shadow:0 10px 35px #264f9008}.price-card.featured{background:linear-gradient(140deg,#eff6ff,white);border:2px solid #5590ff;box-shadow:0 15px 45px #2864ff15}.plan-badge{background:#2864ff;color:white}.price-card h3{font-weight:650}.price{color:#235cbd}.price-card ul{color:#6580a6;border-color:#e1e9f5}.price-card .ghost,.closing-cta .ghost,.integration-section .ghost{border-color:#bfd5f8;color:#2568ed;background:#fff}.integration-code{border-color:#cadcf7;background:#112844}.integration-code>div{color:#b7d4f8}.integration-code>div a{color:#89b7f9}.faq-list summary{color:#345782}.faq-list details p{color:#7188a7}.closing-cta{background:radial-gradient(ellipse at 80% 0,#58bcff50,transparent 70%),linear-gradient(120deg,#1857dc,#327dfa);color:#fff;border:0}.closing-cta .kicker{color:#b6dfff}.closing-cta .mint{background:#fff;color:#2864ff}.site-footer{background:#fff}.site-footer>p{color:#8fa1bd}.site-footer>div{color:#6f84a4}.docs-lead,.docs-content p,.docs-content li{color:#6981a3}.docs-nav{color:#6480a8}.docs-content code{color:#3979d1}.code-box{background:#122844;border-color:#dbe5f5}.docs-content .code-box code{color:#c1d8f4}.docs-content table{min-width:540px}.docs-content th{background:#eef5ff;color:#335b8c}.docs-content td{color:#6b81a1;border-color:#e2ebf6}.docs-table-wrap{border-color:#dce7f6}.docs-callout{background:#edf5ff;color:#6382ae!important}.docs-content a{color:#3479e5}dialog{background:#fff;color:#254772;border-color:#d6e4f6;box-shadow:0 25px 90px #16459240}dialog::backdrop{background:#0a214a66}.contact-block{background:#f5f9ff;border-color:#dce7f8}.contact-block button{background:#2864ff;color:#fff}.contact-row span,.contact-tip{color:#7a8eac}.contact-row{border-color:#e3ebf6}#selected-plan{color:#2864ff}.contact-block>span{color:#7b93b6}@media(min-width:1400px){.hero h1{font-size:65px}}@media(max-width:1050px){.hero{padding:64px 32px 76px;gap:38px}.hero h1{font-size:50px}.hero-facts{flex-wrap:wrap;gap:12px}.section h2{font-size:34px}}@media(max-width:760px){.hero{padding:44px 24px 48px;display:block}.hero h1{font-size:42px;line-height:1.2;letter-spacing:-1px}.hero-label{font-size:10px;padding:8px 12px}.hero-intro{font-size:14px}.hero-actions{gap:10px}.hero-actions .button{font-size:12px;padding:13px 16px;gap:8px}.hero-facts{font-size:10px;line-height:1.8}.hero-visual{margin:45px auto 10px;padding:10px 14px}.floating-format{padding:8px 10px;font-size:18px}.floating-format span{font-size:9px}.visual-orbit{width:100%;height:100%;inset:0}.orbit-two{inset:-10%;width:120%;height:120%}.format-ribbon{gap:16px;padding:21px}.format-ribbon>span{width:100%;text-align:center;margin:0}.section{padding:55px 23px}.section h2{font-size:30px}.feature-card{padding:25px}.format-grid article{padding:22px 17px}.experience-section{border-radius:0}.nav-try{padding:10px 13px}.mock-paper h3{font-size:20px}.closing-cta h2{font-size:30px}.site-nav{padding:16px 20px}.site-brand small{font-size:7px;letter-spacing:1px}.price-card{padding:28px}.docs-content>h1{font-size:29px}}

@media(max-width:760px){.site-brand small{display:none}.hero h1{font-size:36px;line-height:1.32}.hero h1 .gradient-word{font-size:.7em}.site-nav{flex-wrap:nowrap}.site-nav nav{position:absolute;top:100%;left:0;padding:18px 20px;margin:0;background:white;box-shadow:0 10px 20px #2457aa15}.site-nav.menu-open nav{width:100%}.menu-toggle{flex:none}}

.purchase-qr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.purchase-qr-grid figure{margin:0;padding:16px;background:#f7faff;border:1px solid #dce8f8;border-radius:16px;text-align:center}.purchase-qr-grid img{display:block;width:100%;max-width:190px;height:auto;margin:0 auto 12px;background:white}.purchase-qr-grid figcaption{font-weight:700;font-size:16px}.purchase-qr-grid p{font-size:12px;color:#7a8eac;margin:8px 0 0}@media(max-width:480px){.purchase-qr-grid{gap:10px}.purchase-qr-grid figure{padding:10px}.purchase-qr-grid figcaption{font-size:14px}}

/* Use solid text: older Chromium does not consistently clip gradient backgrounds. */
.hero h1 .gradient-word{background:none!important;color:#c8fff0;-webkit-text-fill-color:currentColor;-webkit-background-clip:border-box;background-clip:border-box}
.site .button.mint{background:#2e6be6;color:#fff;border:1px solid #2e6be6}.site .button.mint:hover{background:#255cc7;border-color:#255cc7}.site .hero-actions .button.mint,.site .closing-cta .button.mint{background:#fff;color:#2568ed;border-color:#fff}.site .price-card.featured .button.mint{background:#edf4ff;color:#2864ce;border-color:#bad0f6}.site .price-card.featured .button.mint:hover{background:#ddeaff}
.quick-upload{position:relative;padding:18px;border:1px dashed #b4c9ea;border-radius:12px;background:#f8fbff;text-align:center}.quick-upload .upload-select{display:grid;gap:6px;justify-items:center;cursor:pointer}.quick-upload .upload-symbol{font-size:25px;color:#497de3}.quick-upload strong{font-size:14px}.quick-upload small,.quick-upload p{font-size:11px;color:#7c92b3;line-height:1.7}.quick-upload p{margin-top:10px;overflow-wrap:anywhere}.quick-upload input[type=file]{position:absolute;width:1px;height:1px;opacity:0;clip-path:inset(50%)}.quick-upload progress{width:100%;height:6px;accent-color:#3d75e0}.quick-upload.dragging{border-color:#427cff;background:#edf4ff}.quick-upload.uploading .upload-select{opacity:.55;pointer-events:none}.quick-upload.upload-success{border-style:solid;border-color:#a7d9c2;background:#f3fbf7}.quick-upload.upload-success .upload-symbol,.quick-upload.upload-success p,.quick-upload.upload-success strong{color:#268559}.quick-upload:focus-within{outline:2px solid #8eb6f5;outline-offset:2px}#quick-auth[hidden]{display:none}.quick-preview .button:disabled{opacity:.65;cursor:wait}

.showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.showcase-card{background:white;border:1px solid #dce8f7;border-radius:20px;overflow:hidden;box-shadow:0 12px 40px #2e67aa08}.showcase-card header{display:flex;align-items:center;gap:14px;padding:22px;border-bottom:1px solid #edf2fa}.showcase-card h3{font-size:18px;margin:0}.format-icon{background:linear-gradient(135deg,#5c99ff,#225cd0);color:white;border-radius:12px;min-width:48px;height:48px;display:grid;place-items:center;font-size:18px;font-weight:750}.format-xlsx{background:linear-gradient(135deg,#48ce9b,#118c67)}.format-pptx,.format-ofd{background:linear-gradient(135deg,#ffb564,#e77633)}.format-pdf{background:linear-gradient(135deg,#fa8492,#d83e55)}.showcase-card>p{font-size:14px;line-height:1.8;color:#7486a3;padding:0 22px;min-height:52px}.showcase-links{display:flex;flex-wrap:wrap;gap:8px;padding:10px 22px 24px}.showcase-links a{font-size:12px;padding:8px 10px;background:#f1f6ff;border:1px solid #dce8ff;border-radius:8px;color:#3673dc;text-decoration:none}.showcase-links a:hover{background:#e3edff}.scenario-section{background:#eff5ff}.scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.scenario-grid article,.advantage-grid article{background:white;border:1px solid #e1eaf7;border-radius:20px;padding:28px}.scenario-icon{display:grid;place-items:center;width:48px;height:48px;background:#edf3ff;color:#3674dc;border-radius:13px;font-weight:700}.scenario-grid h3,.advantage-grid h3{font-size:19px;margin:20px 0 12px}.scenario-grid p,.advantage-grid p{font-size:14px;color:#7486a3;line-height:1.85}.advantage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.advantage-grid article>span{font-size:34px;color:#b7d1f5;font-weight:750}.advantage-grid a{display:inline-block;margin-top:14px;font-size:13px;color:#397ce9;text-decoration:none}
@media(max-width:1000px){.showcase-grid,.scenario-grid,.advantage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.showcase-grid,.scenario-grid,.advantage-grid{grid-template-columns:1fr}.showcase-card>p{min-height:0}}
.deployment-page{max-width:1240px;margin:auto;padding:64px 32px 80px}.guide-heading{max-width:850px;margin-bottom:44px}.guide-heading h1{font-size:44px;letter-spacing:-1.5px;margin:20px 0}.guide-heading p{color:#7186a7;line-height:1.9;margin:0 0 24px}.guide-heading .kicker,.support-plan .kicker{font-size:12px;letter-spacing:2px;color:#3c77df;font-weight:700}.guide-heading .button{display:inline-flex;margin:4px 8px 4px 0}.deployment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.deployment-grid article,.guide-section,.dependency-grid article{border:1px solid #dce7f7;background:white;padding:28px;border-radius:20px}.guide-number{display:block;color:#a9c9f5;font-size:34px;font-weight:700}.deployment-grid h2{font-size:20px;margin:16px 0 22px}.deployment-grid ul{padding:0;list-style:none;line-height:2.4;font-size:14px;color:#607da3}.support-plan{display:grid;grid-template-columns:1.6fr 1fr;gap:40px;align-items:center;background:#eaf3ff;border:1px solid #d8e7fb;border-radius:22px;padding:40px;margin:32px 0}.support-plan h2{font-size:28px;margin:16px 0}.support-plan p,.guide-section p{line-height:1.9;color:#6981a2;font-size:14px}.support-price small{display:block;color:#7186a7}.support-price strong{display:block;color:#2867d0;font-size:38px;margin:12px 0 22px}.support-price span{font-size:15px;font-weight:400}.support-price .button{display:inline-flex}.guide-section{margin:24px 0}.guide-section h2{font-size:24px;margin:0 0 22px}.guide-section h3{font-size:18px;margin-top:24px}.dependency-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.dependency-grid article{background:#f8fbff;padding:20px}.dependency-grid h3{margin:0 0 10px}.guide-code{background:#162640;color:#dfeafb;border-radius:12px;padding:20px;overflow:auto;line-height:1.8;font-size:13px;white-space:pre}.guide-section table{width:100%;border-collapse:collapse;font-size:14px}.guide-section th,.guide-section td{padding:16px;text-align:left;border-bottom:1px solid #e3edf9;line-height:1.8}.guide-section th{background:#f2f7ff;color:#47658d}.guide-section a{color:#3274df}.site .quick-upload .upload-spinner{display:none;width:22px;height:22px;border:3px solid #c7d9ff;border-top-color:#326de7;border-radius:50%;animation:upload-turn .8s linear infinite;margin:10px auto}.site .quick-upload.uploading .upload-spinner{display:block}@keyframes upload-turn{to{transform:rotate(360deg)}}
@media(max-width:1000px){.deployment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dependency-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.deployment-page{padding:36px 20px}.guide-heading h1{font-size:32px}.deployment-grid,.dependency-grid,.support-plan{grid-template-columns:1fr}.support-plan{padding:26px;gap:24px}.guide-section{padding:22px}.guide-section table{min-width:580px}}
.deployment-page .button.ghost{color:#2867d0;border-color:#b7cdf0;background:#f2f7ff}.deployment-page .button.ghost:hover{background:#e3eeff}

.format-other{background:linear-gradient(135deg,#30c784,#0b9c6c)}.guide-table-wrap{overflow:auto;border:1px solid #e3edf9;border-radius:12px;margin-top:20px}.guide-section td code{color:#245ba2;overflow-wrap:anywhere}.guide-section td{vertical-align:top}.guide-section p+p{margin-top:12px}

.backend-picker{display:flex;align-items:center;gap:14px;padding:15px 18px;margin:22px 0 16px;border:1px solid #dce7f7;border-radius:12px;background:#fff}.backend-picker label{font-size:14px;font-weight:600;color:#28456d}.backend-picker select{appearance:none;min-width:160px;padding:10px 36px 10px 14px;border:1px solid #d6e3f6;border-radius:8px;background:#f6f9ff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23516f96' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 13px center;color:#254b84;font:inherit;cursor:pointer}.backend-picker>span{margin-left:auto;color:#8296b2;font-size:12px}.backend-picker select:focus{outline:2px solid #bbd0ff}@media(max-width:760px){.backend-picker{flex-wrap:wrap;gap:10px}.backend-picker>span{width:100%;margin-left:0}}