:root{--ink:#111214;--muted:#686a70;--line:#e6e6e7;--soft:#f5f5f5;--blue:#315ccd;--radius:10px;--header:76px;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--ink);font-family:"Segoe UI Variable Text","Segoe UI","Microsoft YaHei UI",sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}button,a,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #467bff;outline-offset:5px}button:disabled{cursor:default}a[aria-disabled=true]{opacity:.45;pointer-events:none}::selection{background:#d4e0fc}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:500;line-height:1.24;letter-spacing:-.025em}h1{font-size:clamp(42px,5.05vw,72px)}h2{font-size:clamp(32px,3.7vw,52px)}h3{font-size:24px;letter-spacing:-.035em}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.section{padding-block:124px}.eyebrow{font-size:14px;letter-spacing:.04em;line-height:1.5;margin-bottom:22px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:1px solid transparent;border-radius:999px;padding:14px 25px;font-size:15px;font-weight:500;line-height:1.3;min-height:49px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#303136}.button-small{font-size:14px;padding:12px 20px;min-height:42px}.button-light{background:white;color:#101113}.button-light:hover{background:#e9ecf2}.text-link{display:inline-flex;align-items:center;gap:18px;font-size:15px;border-bottom:1px solid transparent;padding-block:8px}.text-link:hover{border-color:currentColor}.skip-link{position:fixed;top:-80px;left:16px;background:#111;color:#fff;padding:12px 20px;z-index:100}.skip-link:focus{top:8px}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(230,230,231,.6)}.header-inner{height:var(--header);width:calc(100% - 64px);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:24px;font-weight:650;line-height:1.2;letter-spacing:-.05em;flex-shrink:0}.brand>span{display:flex;align-items:baseline;gap:12px}.brand-en{font-size:12px;letter-spacing:.035em;font-weight:500;color:var(--muted)}.desktop-nav{display:flex;align-items:center;gap:34px;margin-left:18px}.desktop-nav a{font-size:14px;color:#393a3e;padding:12px 0;transition:color .2s}.desktop-nav a:hover{color:#000}.header-actions{display:flex;gap:14px;align-items:center}.menu-toggle{display:none;border:0;background:none;width:42px;height:42px;padding:12px 7px}.menu-toggle span{display:block;width:25px;height:1.5px;background:#111;margin:5px auto;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.3px) rotate(-45deg)}.mobile-nav{padding:12px 24px 24px;border-top:1px solid var(--line);background:#fff}.mobile-nav a{display:block;font-size:18px;padding:10px 0}.hero{padding-top:69px}.hero-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:8%;align-items:end}.hero-heading .eyebrow{grid-column:1/-1;display:flex;gap:10px;align-items:center;margin-bottom:24px}.live-dot{height:6px;width:6px;border-radius:50%;background:#315ccd;box-shadow:0 0 0 4px #edf1fc}.hero-heading h1{grid-row:2/4;align-self:start;line-height:1.22}.hero-description{font-size:18px;color:#575a60;line-height:1.9;max-width:510px;padding-bottom:23px}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.hero-art{margin-top:49px;position:relative;overflow:hidden;background:#08090c;border-radius:6px;aspect-ratio:2.48;isolation:isolate}.hero-art>img{width:100%;height:100%;object-fit:cover;object-position:center;animation:orbit-drift 22s ease-in-out infinite alternate}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.5),transparent 25%);pointer-events:none}.hero-art figcaption{position:absolute;bottom:28px;left:32px;right:32px;display:flex;align-items:center;justify-content:space-between;color:#f5f5f7;font-size:15px;z-index:1;letter-spacing:.02em}.art-index{font-size:10px;letter-spacing:.14em;color:#9c9da3}.art-line{position:absolute;top:28px;left:32px;width:34px;height:1px;background:#9798a0}.hero-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:23px;font-size:14px;color:#686a70}.hero-bottom>span{font-size:11px;letter-spacing:.09em}.hero-bottom>span>span{font-size:16px;margin-left:20px}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:46px}.section-heading>p{color:var(--muted);font-size:16px;line-height:1.9}.section-heading .eyebrow{margin-bottom:16px}.product-tour{border:1px solid #dedee0;border-radius:12px;overflow:hidden;background:#f7f8fa}.tour-top{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:20px 28px;border-bottom:1px solid #e5e6e8;gap:16px}.tour-tabs{display:flex;gap:8px;align-items:center}.tour-tabs button{background:transparent;border:0;border-radius:999px;padding:10px 20px;font-size:14px;min-height:42px;color:#60646b;transition:background .2s,color .2s}.tour-tabs button[aria-selected=true]{color:#fff;background:#111}.tour-tabs button:hover:not([aria-selected=true]){background:#f1f1f3;color:#111}.demo-label{font-size:12px;color:#777a82}.screenshot-button{display:block;position:relative;width:100%;padding:0;border:0;background:#f7f8fa;max-height:618px;overflow:hidden}.screenshot-button>img{width:100%;height:auto;object-fit:contain;transition:transform .5s}.screenshot-button:hover>img{transform:scale(1.008)}.preview-hint{position:absolute;right:22px;bottom:20px;display:flex;gap:18px;border:1px solid #ddd;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.96);font-size:12px;color:#30353e;box-shadow:0 2px 10px #00000008}.tour-caption{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding:28px 32px;background:#fff;position:relative;border-top:1px solid #e5e6e8}.tour-caption h3{font-size:22px}.tour-caption p{font-size:14px;color:var(--muted);line-height:1.8}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:64px}.feature-grid article{border-top:1px solid #b9babe;padding-top:20px}.feature-number{font-size:12px;color:#777;display:block;margin-bottom:23px;letter-spacing:.045em}.feature-grid h3{font-size:23px;margin-bottom:15px}.feature-grid p{color:var(--muted);font-size:15px;line-height:1.9}.workflow-section{background:#f4f4f4}.workflow-section .section-heading{margin-bottom:55px}.workflow-list{list-style:none;margin:0;padding:0}.workflow-list li{display:grid;grid-template-columns:125px 1fr 70px;gap:25px;border-top:1px solid #d5d5d7;padding:35px 0}.step-index{font-size:15px;color:#777;letter-spacing:.03em;padding-top:7px}.workflow-list h3{font-size:26px;margin-bottom:15px}.workflow-list p{max-width:675px;font-size:16px;line-height:1.9;color:#62656b}.step-arrow{font-size:32px;line-height:1;justify-self:end}.file-chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.file-chips span{border:1px solid #d7d7d9;font-size:12px;padding:5px 12px;border-radius:999px;color:#686a70}.intelligence{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.intelligence-copy h2{margin-bottom:27px}.intelligence-copy>p:not(.eyebrow){font-size:16px;color:var(--muted);line-height:1.9;margin-bottom:17px}.intelligence-copy .text-link{margin-top:8px}.ai-preview{border:1px solid #dadde5;border-radius:13px;box-shadow:0 16px 72px rgba(57,70,108,.05);padding:28px;background:radial-gradient(ellipse at top right,#f2f5ff,transparent 60%)}.ai-preview-header{display:flex;gap:10px;align-items:center;font-size:15px}.spark{color:#456fe5;font-size:23px}.quiet-badge{margin-left:auto;font-size:11px;border:1px solid #e3e5e9;border-radius:999px;color:#74777e;padding:3px 9px;font-weight:400}.ai-example{margin-top:27px}.example-label{font-size:12px;color:#90929a;letter-spacing:.05em}.ai-example p{font-size:17px;line-height:2;margin-top:7px}.ai-example mark{background:#fff0e8;color:#a4471b;border-radius:4px;padding:2px 4px}.example-divider{margin:14px 0 12px;color:#a1a4ac;font-size:20px}.corrected{color:#315ccd;background:#ebf0ff;border-radius:4px;padding:2px 4px}.confirm-example{display:flex;justify-content:center;gap:9px;background:#101113;color:#fff;border-radius:8px;font-size:14px;padding:11px;margin-top:27px}.ai-footnote{color:#90929a;font-size:11px;margin-top:14px;text-align:center}.download-section{background:#101114;color:white;position:relative;overflow:hidden}.download-section:before{content:"";position:absolute;width:600px;height:600px;right:-120px;top:-330px;border-radius:50%;background:radial-gradient(ellipse,#1b2d47 0%,transparent 68%);opacity:.4;pointer-events:none}.download-inner{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-block:105px}.download-inner h2{font-size:clamp(32px,3.7vw,54px);line-height:1.32}.download-inner>.reveal>p:last-child{font-size:14px;color:#8d9199;margin-top:30px}.download-section .eyebrow{color:#a5a7af}.download-box{padding-top:3px}.release-line{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:12px;color:#a5a7af;margin-bottom:25px}.release-tag{border:1px solid #44464f;color:#dedfe2;border-radius:999px;padding:5px 12px}.button-download{width:100%;justify-content:space-between;border-radius:8px;font-size:16px;padding:17px 23px}.download-note{font-size:12px;color:#969aa4;margin-top:13px;line-height:1.85}.download-secondary{display:flex;justify-content:space-between;gap:20px;font-size:13px;margin-top:24px;padding-top:21px;border-top:1px solid #303138}.download-secondary a{border-bottom:1px solid transparent}.download-secondary a:hover{border-color:#fff}.checksum-button{padding:8px 0;margin-top:12px;border:0;background:none;font-size:11px;color:#969aa4;display:flex;gap:16px}.checksum-button:hover{color:#fff}.shared-status{display:flex;gap:8px;align-items:start;margin-top:20px;font-size:12px}.status-dot{flex-shrink:0;margin-top:7px;width:6px;height:6px;background:#9b9da3;border-radius:50%}.status-dot.ready{background:#67cfa1;box-shadow:0 0 0 3px #67cfa11a}.status-dot.partial{background:#e2b15d}.status-dot.offline{background:#9b9da3}.service-limits{margin-top:5px}.hosting-note{padding-top:8px;color:#737781}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%}.faq-section h2{font-size:42px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 0;font-size:17px;cursor:pointer;line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:23px;font-weight:300;line-height:1;transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details p{font-size:14px;color:var(--muted);padding:0 35px 24px 0;line-height:1.9}.privacy{padding-top:27px;padding-bottom:51px;border-top:1px solid var(--line);max-width:1280px}.privacy h2{font-size:16px;letter-spacing:0;margin-bottom:13px}.privacy p{font-size:12px;color:#82848a;max-width:940px;line-height:1.9;margin-bottom:6px}.site-footer{border-top:1px solid var(--line);padding-block:33px;display:flex;align-items:center;gap:26px;flex-wrap:wrap}.site-footer .brand{font-size:22px}.site-footer>p{font-size:13px;color:#8b8d92}.site-footer>div{display:flex;gap:25px;font-size:12px;margin-left:auto}.copyright{color:#8b8d92;font-size:11px;white-space:nowrap;margin-left:20px}.site-footer a:hover{color:#315ccd}.reveal{opacity:1}.motion-ready .reveal{transition:opacity .65s ease,transform .65s cubic-bezier(.22,.61,.36,1)}.motion-ready .reveal.pending{opacity:0;transform:translateY(22px)}dialog{width:min(1320px,calc(100% - 48px));max-height:calc(100dvh - 48px);border:1px solid #d8d9df;border-radius:12px;padding:0;background:#fff;box-shadow:0 35px 120px #0003}dialog::backdrop{background:#1118;backdrop-filter:blur(8px)}.dialog-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;position:sticky;top:0;background:white;border-bottom:1px solid var(--line);z-index:1}.dialog-bar h2{font-size:16px;letter-spacing:0}.dialog-bar button{border:0;border-radius:999px;background:#f2f2f2;padding:8px 14px;font-size:13px;display:flex;gap:18px;align-items:center}.dialog-bar button>span{font-size:20px}.dialog-bar+img{width:100%;height:auto}dialog>p{padding:14px 22px;color:#777;font-size:12px}body.dialog-open{overflow:hidden}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);background:#23252d;color:#fff;font-size:13px;padding:11px 22px;border-radius:999px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:50;max-width:calc(100% - 32px);text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}@keyframes orbit-drift{0%{transform:scale(1.012) translateX(-.25%)}100%{transform:scale(1.04) translateX(.5%)}}@media(min-width:1600px){.hero{padding-top:83px}.hero-art{margin-top:65px}}@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.hero-heading{column-gap:5%}.hero-description{font-size:16px}.hero-actions{gap:10px}.hero-actions .text-link{font-size:13px}.hero-actions .button{font-size:14px;padding:14px 19px}.feature-grid{gap:26px}.section{padding-block:92px}.section-heading>p{font-size:14px}.intelligence{gap:7%}.download-inner{gap:7%;padding-block:90px}.desktop-nav{gap:22px}.header-inner{width:calc(100% - 48px)}.feature-grid h3{font-size:20px}.faq-section{gap:8%}.site-footer{gap:18px}.copyright{margin-left:0}.hero-art{aspect-ratio:2.2}}@media(max-width:760px){:root{--header:66px}html{scroll-padding-top:84px}.wrap{width:calc(100% - 40px)}.header-inner{width:calc(100% - 32px);gap:15px}.brand{font-size:22px;gap:9px}.brand img{width:30px;height:30px}.brand-en{display:none}.header-actions{gap:7px}.button-small{min-height:39px;font-size:12px;padding:10px 16px;gap:15px}.desktop-nav{display:none}.menu-toggle{display:block}.hero{padding-top:46px}.hero-heading{display:block}.hero-heading .eyebrow{font-size:12px;margin-bottom:22px}.hero h1{font-size:44px;line-height:1.27}.hero-description{padding-bottom:0;margin-top:23px;font-size:15px;line-height:1.85}.desktop-break{display:none}.hero-actions{margin-top:25px;gap:18px}.hero-actions .button{font-size:13px;padding:13px 18px;min-height:45px}.hero-art{margin-top:36px;aspect-ratio:1.45;border-radius:5px}.hero-art>img{object-position:61% center}.hero-art figcaption{left:20px;right:20px;bottom:19px;font-size:12px}.art-index{font-size:8px}.art-line{left:20px;top:21px}.hero-bottom{padding-top:17px;align-items:start;gap:10px;font-size:11px}.hero-bottom>span{font-size:8px;white-space:nowrap;padding-top:1px}.hero-bottom>span>span{font-size:11px;margin-left:6px}.section{padding-block:76px}.section-heading{display:block;margin-bottom:31px}.section-heading>p{margin-top:20px}.eyebrow{font-size:12px;margin-bottom:17px}h2{font-size:34px}.tour-top{padding:12px;display:block}.tour-tabs{gap:4px;justify-content:space-between}.tour-tabs button{padding:9px 14px;font-size:12px;min-height:38px}.demo-label{display:block;margin:10px 3px 0;font-size:10px}.screenshot-button{max-height:none}.preview-hint{right:9px;bottom:10px;padding:5px 10px;font-size:10px;gap:10px}.tour-caption{display:block;padding:21px}.tour-caption h3{font-size:19px}.tour-caption p{font-size:12px;margin-top:12px}.feature-grid{grid-template-columns:1fr;gap:32px;margin-top:37px}.feature-grid article{padding-top:15px}.feature-number{margin-bottom:15px;font-size:11px}.feature-grid h3{font-size:21px;margin-bottom:12px}.feature-grid p{font-size:14px}.workflow-section .section-heading{margin-bottom:33px}.workflow-list li{grid-template-columns:34px 1fr 19px;gap:14px;padding:27px 0}.step-index{font-size:11px;padding-top:7px}.workflow-list h3{font-size:21px}.workflow-list p{font-size:14px}.step-arrow{font-size:20px;padding-top:4px}.file-chips{gap:6px;margin-top:17px}.file-chips span{font-size:10px;padding:4px 9px}.intelligence{grid-template-columns:1fr;gap:32px}.intelligence-copy>p:not(.eyebrow){font-size:14px}.intelligence-copy h2{margin-bottom:22px}.ai-preview{padding:24px}.ai-example p{font-size:15px}.ai-footnote{font-size:10px}.download-inner{grid-template-columns:1fr;gap:43px;padding-block:70px}.download-inner h2{font-size:36px}.download-inner>.reveal>p:last-child{margin-top:19px;font-size:12px}.release-line{font-size:11px;margin-bottom:19px}.button-download{font-size:15px}.download-secondary{font-size:12px;gap:10px}.download-note{font-size:11px}.faq-section{grid-template-columns:1fr;gap:29px}.faq-section h2{font-size:34px}.faq-list summary{font-size:15px;padding:21px 0}.faq-list details p{font-size:13px}.privacy{padding-top:24px;padding-bottom:33px}.privacy h2{font-size:14px}.privacy p{font-size:11px}.site-footer{padding-block:29px;gap:18px 20px;justify-content:space-between}.site-footer>p{font-size:11px}.site-footer>div{margin-left:0;gap:22px;width:100%}.copyright{font-size:10px}.site-footer .brand{font-size:21px}dialog{width:calc(100% - 20px);max-height:calc(100dvh - 24px);border-radius:8px}.dialog-bar{padding:12px 16px}.dialog-bar h2{font-size:13px}.dialog-bar button{font-size:12px;padding:6px 12px}}@media(max-width:359px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:40px}.hero-actions{gap:11px}.hero-actions .text-link{font-size:11px}.hero-bottom>span{display:none}.tour-tabs button{padding:9px 11px}.ai-preview{padding:19px}.download-secondary{flex-direction:column;align-items:start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal.pending{opacity:1;transform:none}.button:hover{transform:none}.screenshot-button:hover>img{transform:none}}
/* Product introduction, 2026.10.13: a shared shell with separate destination pages. */
.marketing-page{--ink:#17233b;--muted:#68758b;--line:#e3e9f3;--blue:#4269d8;--header:80px;background:#fff;font-family:"Microsoft YaHei","PingFang SC","Segoe UI",sans-serif;line-height:1.75}
.marketing-page .wrap{width:min(1200px,calc(100% - 96px))}
.marketing-page h1,.marketing-page h2,.marketing-page h3{font-weight:600;letter-spacing:-.04em}
.marketing-page .site-header{background:rgba(255,255,255,.91);border-bottom:1px solid #e3e9f399;backdrop-filter:blur(20px)}
.marketing-page .header-inner{width:min(1376px,calc(100% - 64px));display:grid;grid-template-columns:1fr auto 1fr;gap:24px}
.marketing-page .brand{font-size:24px;letter-spacing:-.045em;gap:10px;justify-self:start}
.marketing-page .desktop-nav{gap:10px;margin:0}
.marketing-page .desktop-nav a{position:relative;font-size:14px;color:#73809a;padding:10px 19px;border-radius:9px;transition:background .18s,color .18s}
.marketing-page .desktop-nav a:hover{color:var(--ink);background:#f4f7fc}
.marketing-page .desktop-nav a[aria-current=page]{color:#253a64;background:#eef3fd}
.marketing-page .header-actions{justify-self:end;gap:16px}
.marketing-page .account-entry{font-weight:500;font-size:13px;color:#56657c;border:0;background:transparent;padding:10px 0}
.marketing-page .button{border-radius:12px;padding:15px 24px;gap:18px;font-weight:500;min-height:49px}
.marketing-page .button-small{border-radius:9px;min-height:40px;padding:10px 16px;font-size:13px}
.marketing-page .button-dark{background:#233559;box-shadow:0 5px 14px #2335590a}
.marketing-page .button-dark:hover{background:#334d7f;box-shadow:0 8px 20px #2335591a}
.marketing-page .button-light{background:#f2f5fb;color:#25395c;border:1px solid #e4eaf5}
.marketing-page .text-link{font-size:14px;color:#4462a0;gap:12px}
.marketing-page .eyebrow{font-size:12px;letter-spacing:.065em;color:#687da1;margin-bottom:18px;display:flex;align-items:center;gap:10px}
.marketing-page .mobile-nav a[aria-current=page]{color:var(--blue)}
.marketing-page .page-heading{display:block;padding-top:65px;padding-bottom:40px;font-family:inherit;color:var(--ink)}
.marketing-page .page-heading h1{font-size:clamp(36px,4.2vw,56px);line-height:1.25}
.marketing-page .page-heading>p:last-child{max-width:680px;font-size:16px;line-height:1.85;margin-top:20px;color:var(--muted)}
.marketing-page .site-footer{margin-top:0;padding-block:32px;gap:24px;border-color:#e5eaf3}
.marketing-page .site-footer .brand{font-size:19px}
.marketing-page .site-footer>div{gap:22px;font-size:12px}
.marketing-page .site-footer>p{font-size:12px}
.marketing-page .site-footer a:hover{color:#4269d8}
.marketing-page .product-preview-dialog{width:min(1300px,calc(100% - 32px))}
.home-hero{display:grid;grid-template-columns:.87fr 1.13fr;gap:55px;align-items:center;padding-block:96px 100px;position:relative}
.home-intro{min-width:0}
.home-intro h1{font-size:clamp(42px,4.7vw,68px);line-height:1.22;color:#243451}
.home-intro h1>span{color:#627ec1}
.home-description{font-size:18px;line-height:1.9;color:#718098;margin-top:24px}
.home-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:33px}
.home-platform{margin-top:24px;font-size:11px;letter-spacing:.015em;color:#7b889d}
.home-platform [data-current-version]{display:inline-block;margin-left:8px;color:#6980ab}
.home-preview{min-width:0;position:relative;background:#fff;border:1px solid #dde5f2;border-radius:17px;box-shadow:0 22px 80px #6985be1a;isolation:isolate}
.home-preview-glow{position:absolute;inset:-65px 0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 80% 20%,#dbddfa99,transparent 57%),radial-gradient(ellipse at 15% 85%,#def5f366,transparent 57%);filter:blur(18px)}
.home-preview-bar{display:flex;justify-content:space-between;align-items:center;padding:17px 19px;font-size:12px;background:#fafcff;border-radius:17px 17px 0 0}
.home-preview-bar>span:first-child{display:flex;gap:8px;align-items:center;font-weight:600;color:#455675}
.preview-kind{font-size:10px;color:#8794aa}
.home-preview-tabs{display:flex;align-items:center;gap:5px;padding:6px 15px 13px;border-bottom:1px solid #e6edf7;background:#fafcff}
.home-preview-tabs button{background:transparent;border:0;padding:8px 13px;border-radius:7px;font-size:11px;min-height:33px;color:#7c8ba4;flex:1;white-space:nowrap;transition:background .2s,color .2s}
.home-preview-tabs button:hover{background:#f0f4fb;color:#3f5c95}
.home-preview-tabs button[aria-selected=true]{background:#e8effc;color:#355487;font-weight:600}
.home-screen{position:relative;display:block;padding:0;border:0;width:100%;background:#f7f9fd;overflow:hidden;aspect-ratio:1.85}
.home-screen>img{width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .5s}
.home-screen:hover>img{transform:scale(1.015)}
.home-screen-expand{position:absolute;right:13px;bottom:12px;border:1px solid #dce4f1;border-radius:6px;font-size:10px;color:#58719a;background:#ffffffef;padding:4px 9px}
.home-screen-caption{padding:18px 20px 20px;background:#fff;border-radius:0 0 17px 17px;min-height:82px}
.home-screen-caption strong{font-size:12px;font-weight:500;color:#526784;display:block}
.home-screen-caption p{font-size:10px;color:#8b99af;margin-top:4px}
.home-benefits{display:grid;grid-template-columns:.8fr 1.2fr;gap:105px;padding-block:70px 105px;border-top:1px solid #e6ebf3}
.home-section-head h2{font-size:39px;line-height:1.35}
.home-section-head>p:last-child{font-size:14px;max-width:260px;color:var(--muted);margin-top:23px}
.benefit-list{min-width:0}
.benefit-row{display:grid;grid-template-columns:45px 1fr 20px;gap:19px;padding-block:25px;border-bottom:1px solid #e6ecf5;align-items:start}
.benefit-row:first-child{padding-top:3px}
.benefit-row:last-child{border-bottom:0}
.benefit-icon{width:42px;height:42px;display:grid;place-items:center;background:#eff4ff;color:#7893c5;border-radius:11px}
.benefit-icon svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.benefit-icon.violet{color:#9380bc;background:#f5f1fc}
.benefit-icon.mint{color:#6d9b9b;background:#edf7f6}
.benefit-row h3{font-size:19px;font-weight:500!important;margin-bottom:9px;line-height:1.5}
.benefit-row p{font-size:13px;color:#8290a5;line-height:1.85;max-width:445px}
.benefit-arrow{color:#8b9bba;font-size:17px;padding-top:6px;transition:transform .2s}
.benefit-row:hover .benefit-arrow{transform:translate(2px,-2px);color:#4566a6}
.home-signature{display:grid;grid-template-columns:75px 1fr .8fr;gap:37px;align-items:center;padding:52px 48px 55px;background:linear-gradient(115deg,#f6f8fe,#f4f7fd 55%,#f0f5fb);border:1px solid #e8eef8;border-radius:20px}
.signature-mark{align-self:start;padding-top:11px;opacity:.9}
.home-signature h2{font-size:30px;line-height:1.4;letter-spacing:-.035em}
.home-signature p:not(.eyebrow){font-size:13px;line-height:1.95;color:#7888a3;max-width:510px;margin-top:17px}
.home-signature .text-link{margin-top:12px;font-size:12px}
.signature-formats{display:flex;gap:12px;align-items:center;justify-content:end;font-size:13px;position:relative}
.signature-formats>span{width:64px;min-height:83px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #d9e3f3;border-radius:9px;background:#fff;box-shadow:0 8px 18px #6d89b609;color:#8a9cba;transition:transform .3s}
.signature-formats:hover>span{transform:translateY(-5px)}
.signature-formats>i{color:#a5b4ce;font-style:normal}
.signature-formats>span.word-result{color:#426ab1;background:#fdfefe;border-color:#bed2f4}
.word-result b{font-size:9px;font-weight:400;color:#86a0c6;display:block;margin-top:6px}
.home-start{display:flex;align-items:center;justify-content:space-between;gap:60px;padding-block:110px 100px}
.home-start h2{font-size:37px;line-height:1.35}
.home-start>div:last-child{min-width:240px}
.home-start>div:last-child>p{font-size:12px;line-height:1.95;color:#8b98ac;margin-top:20px}
@media(max-width:1100px){.marketing-page .wrap{width:calc(100% - 64px)}.marketing-page .header-inner{width:calc(100% - 48px);gap:18px}.marketing-page .desktop-nav{gap:0}.marketing-page .desktop-nav a{padding-inline:13px}.marketing-page .header-actions{gap:12px}.home-hero{gap:35px;padding-block:80px}.home-actions{gap:14px}.home-actions .button{padding-inline:18px;font-size:14px}.home-actions .text-link{font-size:12px}.home-benefits{gap:55px}.home-section-head h2{font-size:33px}.home-signature{gap:24px;padding-inline:30px;grid-template-columns:55px 1fr .65fr}.signature-formats{gap:8px}.signature-formats>span{width:49px;font-size:11px}.home-signature h2{font-size:26px}}
@media(max-width:900px){.marketing-page .brand{font-size:21px}.marketing-page .header-inner{grid-template-columns:auto 1fr auto;gap:12px}.marketing-page .desktop-nav{justify-content:center}.marketing-page .desktop-nav a{padding-inline:10px;font-size:13px}.marketing-page .header-actions>.button{display:none}.home-signature{grid-template-columns:55px 1fr}.signature-formats{grid-column:2;justify-content:start}.signature-formats>span{width:64px;min-height:70px}.home-benefits{gap:40px}}
@media(max-width:760px){.marketing-page{--header:68px}.marketing-page .wrap{width:calc(100% - 40px)}.marketing-page .header-inner{width:calc(100% - 32px);grid-template-columns:1fr auto}.marketing-page .brand{font-size:22px}.marketing-page .desktop-nav{display:none}.marketing-page .header-actions{gap:12px}.marketing-page .header-actions>.button{display:none}.marketing-page .account-entry{padding:8px 0;font-size:12px}.marketing-page .mobile-nav{padding-block:12px 22px}.marketing-page .page-heading{padding-top:45px;padding-bottom:28px}.marketing-page .page-heading h1{font-size:37px}.marketing-page .page-heading>p:last-child{font-size:14px;line-height:1.9;margin-top:16px}.marketing-page .site-footer{gap:17px;align-items:center;padding-block:27px}.marketing-page .site-footer>div{gap:22px;width:100%;justify-content:space-between;margin-block:4px}.marketing-page .site-footer .copyright{margin:0}.home-hero{grid-template-columns:1fr;gap:41px;padding-block:47px 62px}.home-intro h1{font-size:49px;line-height:1.27}.home-description{font-size:16px;margin-top:21px}.home-actions{gap:24px;margin-top:27px}.home-actions .button{padding:14px 21px;font-size:13px}.home-actions .text-link{font-size:13px}.home-platform{font-size:10px;margin-top:21px}.home-preview-glow{inset:-20px 0;filter:blur(14px)}.home-preview-bar{padding:14px 15px}.home-preview-tabs{padding-inline:10px}.home-preview-tabs button{font-size:10px;padding:8px 9px}.home-screen{aspect-ratio:1.62}.home-screen-caption{padding:15px 16px 18px}.home-screen-caption strong{font-size:11px}.home-benefits{grid-template-columns:1fr;gap:32px;padding-block:51px 61px}.home-section-head h2{font-size:32px}.home-section-head>p:last-child{max-width:none;font-size:13px;margin-top:19px}.benefit-row{grid-template-columns:39px 1fr 16px;gap:14px;padding-block:22px}.benefit-icon{width:37px;height:37px;border-radius:10px}.benefit-row h3{font-size:17px}.benefit-row p{font-size:12px}.home-signature{grid-template-columns:1fr;gap:22px;padding:30px 25px 33px;border-radius:16px}.signature-mark{padding:0}.signature-mark img{width:43px;height:43px}.home-signature h2{font-size:26px}.home-signature p:not(.eyebrow){font-size:12px}.signature-formats{grid-column:1;gap:17px;margin-top:2px}.signature-formats>span{width:67px;min-height:73px}.home-start{display:block;padding-block:63px 59px}.home-start h2{font-size:32px}.home-start>div:last-child{margin-top:27px}.home-start>div:last-child>p{margin-top:17px;font-size:11px}}
@media(max-width:359px){.marketing-page .wrap{width:calc(100% - 32px)}.marketing-page .brand{font-size:20px}.home-intro h1{font-size:43px}.home-actions{gap:17px}.home-actions .button{padding-inline:16px}.home-platform [data-current-version]{margin-left:0}.home-preview-tabs button{padding-inline:5px;font-size:9px}.benefit-row{gap:11px}.benefit-row h3{font-size:16px}.home-signature{padding-inline:20px}.signature-formats{gap:10px}.marketing-page .header-actions .account-entry{display:inline-flex}}
@media(prefers-reduced-motion:reduce){.home-screen:hover>img{transform:none}.signature-formats:hover>span{transform:none}}
:root { --guide-line: #e6e9ef; }
.download-help { display: inline-block; margin-top: 12px; padding: 4px 0; border: 0; background: none; color: #c4d4ff; font-size: 13px; text-decoration: underline; text-underline-offset: 4px; }
.download-help:hover { color: #fff; }
.download-guide { width: min(760px, calc(100% - 40px)); max-height: calc(100dvh - 40px); color: var(--ink); }
.download-guide .dialog-bar { padding: 18px 28px; }
.download-guide .dialog-bar h2 { font-size: 18px; }
.download-guide .dialog-bar h2:focus { outline: none; }
.guide-content { padding: 26px 28px 22px; }
.guide-intro { display: flex; align-items: center; gap: 14px; margin-bottom: 22px; }
.guide-intro img { flex-shrink: 0; }
.guide-product { font-size: 16px; font-weight: 600; }
#download-guide-description { margin-top: 5px; font-size: 13px; color: var(--muted); }
.guide-warning { padding: 16px 18px; border: 1px solid #d8e3ff; border-radius: 10px; background: #f3f6fe; font-size: 14px; }
.guide-warning p { margin-top: 5px; color: #4b5b7c; font-size: 13px; line-height: 1.8; }
.guide-steps { list-style: none; padding: 0; margin: 8px 0 0; }
.guide-steps > li { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 14px; padding: 22px 0; border-bottom: 1px solid var(--guide-line); }
.guide-step-number { color: #4166bd; font-size: 12px; padding-top: 3px; font-weight: 600; }
.guide-steps h3 { font-size: 16px; letter-spacing: 0; font-weight: 600; }
.guide-steps p, .guide-more p { margin-top: 8px; font-size: 13px; color: #626773; line-height: 1.85; }
.guide-steps a, .guide-source { color: #315ccd; text-decoration: underline; text-underline-offset: 3px; }
.guide-steps strong { font-weight: 600; color: #303848; }
.guide-file-detail { font-size: 12px !important; color: #52709e !important; }
.guide-steps kbd { border: 1px solid #d9dde4; border-bottom-width: 2px; border-radius: 4px; padding: 1px 5px; background: #f6f7f9; font: inherit; font-size: 12px; color: #343b49; }
.guide-path { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 12px 0; font-size: 13px; }
.guide-path span:nth-child(odd) { padding: 5px 11px; border: 1px solid #dce4f4; background: #f5f8fe; border-radius: 6px; font-weight: 600; color: #3055a9; }
.guide-path span:nth-child(even) { color: #8793aa; }
.guide-more { margin-top: 14px; font-size: 13px; }
.guide-more summary { cursor: pointer; color: #414b5e; padding-block: 4px; line-height: 1.7; }
.guide-verification { padding: 12px 0; border-bottom: 1px solid var(--guide-line); margin-top: 0; }
.guide-command { display: block; white-space: normal; overflow-wrap: anywhere; border-radius: 6px; padding: 10px 12px; margin-top: 10px; background: #f3f4f7; font-size: 12px; line-height: 1.7; }
.guide-checksum { display: block; padding: 10px 12px; margin-top: 10px; border: 1px solid var(--guide-line); border-radius: 6px; overflow-wrap: anywhere; font-family: Consolas, monospace; font-size: 12px; }
.guide-copy { border: 1px solid #d9dfeb; border-radius: 6px; background: #fff; padding: 7px 12px; margin-top: 10px; font-size: 12px; }
.guide-copy:disabled { opacity: .45; }
.guide-support { margin-top: 16px; font-size: 12px; color: #727887; line-height: 1.85; }
.guide-source { display: inline-block; margin-top: 9px; font-size: 12px; }
.guide-footer { position: sticky; bottom: 0; display: flex; gap: 22px; align-items: center; justify-content: space-between; padding: 18px 28px; border-top: 1px solid var(--guide-line); background: #fff; }
.guide-footer p { flex: 1; font-size: 12px; color: #667184; line-height: 1.7; }
.guide-footer .button { flex-shrink: 0; border-radius: 8px; font-size: 14px; padding-inline: 18px; gap: 12px; }
.download-guide[open] { animation: guide-enter .2s ease-out; }
@keyframes guide-enter { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 600px) {
  .download-guide { width: calc(100% - 20px); max-height: calc(100dvh - 20px); }
  .download-guide .dialog-bar { padding: 14px 18px; }
  .download-guide .dialog-bar h2 { font-size: 16px; }
  .guide-content { padding: 20px 18px; }
  .guide-steps > li { grid-template-columns: 23px minmax(0, 1fr); gap: 10px; padding-block: 18px; }
  .guide-warning { padding: 13px; }
  .guide-footer { flex-direction: column; align-items: stretch; gap: 10px; padding: 14px 18px; }
  .guide-footer .button { width: 100%; }
  .guide-intro { align-items: start; }
}

/* An interactive cabinet of teaching workflows; scoped away from account and download UI. */
.showcase-section { padding-top: 110px; padding-bottom: 100px; }
.feature-showcase { --studio-blue: #89aeff; border: 1px solid #243247; border-radius: 18px; background: #111b2c; color: #f4f7ff; overflow: hidden; box-shadow: 0 24px 64px #1324420c; }
.showcase-top { display: flex; justify-content: space-between; align-items: center; padding: 23px 32px 17px; }
.showcase-brand { display: flex; align-items: center; gap: 11px; font-size: 10px; letter-spacing: .16em; color: #b7c6df; }
.showcase-demo { color: #8b9db9; font-size: 11px; }
.showcase-tabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px; padding: 0 24px; border-bottom: 1px solid #2a3547; }
.showcase-tabs button { position: relative; padding: 18px 12px 20px; background: transparent; border: 0; color: #9baac1; font-size: 14px; text-align: center; transition: color .2s, background .2s; border-radius: 8px 8px 0 0; }
.showcase-tabs button > span { font-size: 10px; margin-right: 10px; color: #697e9e; }
.showcase-tabs button::after { content: ""; position: absolute; height: 2px; left: 15px; right: 15px; bottom: -1px; background: #8caeff; transform: scaleX(0); transition: transform .25s; }
.showcase-tabs button:hover { background: #ffffff04; color: #fff; }
.showcase-tabs button[aria-selected=true] { color: #fff; background: linear-gradient(0deg, #648dff0e, transparent); }
.showcase-tabs button[aria-selected=true] > span { color: #8caeff; }
.showcase-tabs button[aria-selected=true]::after { transform: scaleX(1); }
.showcase-panel { display: grid; grid-template-columns: .84fr 1.16fr; gap: 44px; align-items: center; padding: 48px 44px; min-height: 530px; }
.showcase-panel[hidden], .feature-showcase [hidden] { display: none !important; }
.showcase-panel.is-entering { animation: showcase-enter .35s ease both; }
.showcase-panel:focus-visible { outline: 2px solid #89aeff; outline-offset: -7px; }
.showcase-kicker { display: block; color: var(--studio-blue); font-size: 11px; letter-spacing: .12em; margin-bottom: 23px; }
.showcase-copy h3 { font-size: clamp(25px, 2.4vw, 34px); font-weight: 500; line-height: 1.45; margin-bottom: 19px; }
.showcase-copy > p:not(.showcase-capability) { color: #aebbd0; font-size: 14px; line-height: 1.95; max-width: 390px; }
.showcase-copy .showcase-capability { margin-top: 27px; color: #8094b2; font-size: 11px; line-height: 1.9; max-width: 375px; }
.capability-dot { display: inline-block; height: 5px; width: 5px; border-radius: 50%; background: #7aaa9d; vertical-align: middle; margin-right: 5px; }
.capability-dot.preview { background: #a5b8df; }
.showcase-steps { display: flex; gap: 9px; align-items: center; margin-top: 30px; }
.showcase-steps > span { color: #516683; font-size: 13px; }
.showcase-steps button { border: 1px solid #34435c; border-radius: 7px; background: transparent; color: #aab8d0; font-size: 12px; padding: 9px 12px; display: flex; align-items: center; gap: 7px; }
.showcase-steps button > span { font-size: 9px; color: #7288ad; }
.showcase-steps button[aria-pressed=true] { background: #23375c; color: #dbe8ff; border-color: #4d6eac; }
.showcase-segment { display: inline-flex; gap: 3px; margin-top: 29px; padding: 4px; background: #091224; border: 1px solid #2b3b55; border-radius: 8px; }
.showcase-segment button { padding: 8px 18px; background: transparent; border: 0; color: #8597b6; border-radius: 5px; font-size: 12px; }
.showcase-segment button[aria-pressed=true] { background: #293c5f; color: #e2ebff; box-shadow: 0 2px 8px #0002; }
.showcase-points { display: grid; gap: 8px; margin-top: 25px; font-size: 12px; color: #c0cee4; }
.showcase-points span::before { content: "✓"; color: #789edb; margin-right: 10px; }
.showcase-visual { min-width: 0; position: relative; }
.studio-window { overflow: hidden; border-radius: 11px; color: #303c52; border: 1px solid #e7ecf5; background: #f3f6fc; box-shadow: 0 20px 50px #03091628; }
.studio-window-bar { display: flex; align-items: center; gap: 12px; min-height: 43px; padding: 11px 16px; background: #fff; border-bottom: 1px solid #e8edf5; font-size: 10px; color: #627088; }
.window-dots { display: flex; gap: 4px; flex-shrink: 0; }
.window-dots i { height: 5px; width: 5px; background: #d6dce7; border-radius: 50%; }
.studio-status { margin-left: auto; white-space: nowrap; color: #5475a8; font-size: 9px; }
.studio-window-footer { min-height: 43px; display: flex; gap: 10px; justify-content: space-between; align-items: center; background: #fff; padding: 12px 16px; border-top: 1px solid #e8edf5; font-size: 9px; color: #7b879c; }
.mini-chip { white-space: nowrap; padding: 2px 6px; background: #f1f5fc; color: #6b83a8; border-radius: 4px; font-size: 9px; }
.conversion-canvas { display: grid; grid-template-columns: .62fr 22px 1fr; align-items: center; gap: 9px; padding: 25px 20px; min-height: 335px; }
.document-source { background: #e7edf6; border: 1px solid #d8e0ee; border-radius: 5px; padding: 16px 13px; min-height: 210px; min-width: 0; overflow: hidden; color: #8b9bb6; transform: rotate(-3deg); }
.document-type { font-size: 9px; color: #7c8dac; border: 1px solid #b8c7df; padding: 3px 6px; border-radius: 3px; display: inline-block; margin-bottom: 15px; }
.source-rule { display: block; height: 2px; background: #b8c6dc; margin-bottom: 9px; width: 100%; }
.source-rule.short { width: 65%; }
.source-equation { display: block; font-family: "Cambria Math", Cambria, serif; font-size: 11px; white-space: nowrap; margin-block: 13px 5px; }
.document-source svg { width: 100%; height: 67px; margin-bottom: 8px; }
.document-arrow { color: #6587be; font-size: 22px; text-align: center; }
.editable-page { position: relative; background: #fff; box-shadow: 0 3px 16px #273e6c10; border: 1px solid #e1e7f0; border-radius: 3px; padding: 20px 17px; min-height: 265px; min-width: 0; }
.page-heading { display: flex; justify-content: space-between; align-items: center; font-family: "Microsoft YaHei UI", sans-serif; font-size: 13px; color: #314260; font-weight: 600; }
.word-mark { background: #356fc6; width: 17px; height: 17px; display: flex; justify-content: center; align-items: center; border-radius: 2px; color: #fff; font: 10px "Segoe UI", sans-serif; }
.page-subtitle { margin: 6px 0 18px; color: #9ba5b5; font-size: 8px; }
.page-question { font-family: "Songti SC", SimSun, serif; font-size: 12px; line-height: 1.9; color: #354158; }
.page-question > b { font-family: serif; font-weight: 400; margin-right: 3px; }
.math-inline, .math-block { font-family: "Cambria Math", "Times New Roman", serif; letter-spacing: .01em; }
.math-inline { white-space: nowrap; }
.math-block { text-align: center; font-size: 13px; padding: 20px 0 14px; }
.answer-lines { margin: 11px 0 5px; display: grid; gap: 15px; }
.answer-lines i { display: block; height: 1px; background: #e8edf5; }
.correction-compare { margin-top: 12px; padding: 10px; background: #f2f6ff; border: 1px solid #e1eafb; border-radius: 5px; }
.correction-compare > span { font-size: 8px; color: #7587a4; }
.correction-compare p { font-size: 13px; margin-top: 3px; }
.correction-compare del { color: #a87e75; text-decoration-color: #c39b93; }
.correction-compare ins { color: #2f64b8; text-decoration: none; padding: 2px 4px; background: #e1edff; border-radius: 2px; }
.correction-compare small { display: block; font-size: 8px; color: #8c9ab0; margin-top: 4px; }
.conversion-demo[data-convert-view=correct] .answer-lines, .conversion-demo[data-convert-view=word] .answer-lines { display: none; }
.word-ready { display: flex; align-items: center; gap: 8px; margin-top: 14px; padding-top: 14px; border-top: 1px solid #edf1f7; color: #466f9d; }
.word-ready > span { height: 22px; width: 22px; border-radius: 50%; background: #eef7f3; color: #5a9380; text-align: center; font-size: 12px; }
.word-ready strong { display: block; font-size: 10px; font-weight: 500; }
.word-ready small { display: block; font-size: 8px; color: #98a6b9; margin-top: 3px; }
.photo-canvas { min-height: 335px; padding: 25px 35px; display: flex; align-items: center; justify-content: center; background: radial-gradient(ellipse at center, #edf2fb, #e3ebf7); }
.photo-sheet { background: #fffef8; border: 1px solid #e4e2d6; padding: 23px 27px 10px; position: relative; width: 290px; transform: rotate(-4deg); box-shadow: 3px 8px 14px #49607f12; background-image: repeating-linear-gradient(0deg, transparent, transparent 24px, #e9e8df 24px, #e9e8df 25px); }
.handwritten-note { color: #4b5b7a; font-family: "KaiTi", "STKaiti", "Times New Roman", serif; font-size: 16px; line-height: 1.7; }
.handwritten-note p:first-child { font-size: 12px; color: #8a94a3; margin-bottom: 12px; }
.handwritten-note svg { width: 100%; height: 130px; margin-top: 11px; }
.handwritten-note svg text { font: 15px "Times New Roman", serif; fill: currentColor; }
.photo-corner { width: 12px; height: 12px; position: absolute; border-color: #759bd7; border-style: solid; }
.corner-a { top: -8px; left: -8px; border-width: 1px 0 0 1px; }.corner-b { top: -8px; right: -8px; border-width: 1px 1px 0 0; }.corner-c { bottom: -8px; left: -8px; border-width: 0 0 1px 1px; }.corner-d { bottom: -8px; right: -8px; border-width: 0 1px 1px 0; }
.photo-draft { width: 100%; max-width: 330px; background: #fff; border: 1px solid #dce6f4; border-radius: 7px; padding: 17px 20px; }
.draft-toolbar { display: flex; justify-content: space-between; color: #7790b2; font-size: 9px; border-bottom: 1px solid #edf1f7; padding-bottom: 12px; }
.draft-toolbar > span:last-child { color: #a1aec1; font-size: 8px; }
.photo-draft > p { font-size: 12px; line-height: 1.9; margin-top: 13px; }
.photo-draft svg { display: block; height: 128px; width: 100%; margin-top: 8px; }
.photo-draft svg text { font: 15px "Times New Roman", serif; fill: #3a5686; }
.draft-review { border-radius: 4px; background: #f3f7ff; padding: 7px 9px; font-size: 9px; color: #738aac; margin-top: 4px; }
.draft-review > span { color: #527cc0; margin-right: 5px; }
.organize-canvas { min-height: 335px; padding: 24px 30px; }
.organize-question { padding: 15px 18px 0; background: #fff; border: 1px solid #e1e8f5; border-radius: 7px; }
.tiny-eyebrow { font-size: 9px; color: #8da1bf; }
.organize-question p { font-size: 12px; line-height: 1.9; margin-top: 9px; }
.recommend-connector { display: block; text-align: center; color: #93aad0; padding: 7px 0; }
.tag-suggestions { padding: 14px 0 0; }
.tag-heading { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.tag-heading > span { color: #5d7eaf; font-size: 10px; }
.tag-heading > span > span { margin-right: 5px; }
.tag-heading small { font-size: 9px; color: #a0acc0; }
.tag-suggestions label { display: flex; align-items: center; position: relative; background: #fff; border: 1px solid #dbe6f9; border-radius: 5px; padding: 9px 13px; margin-bottom: 7px; cursor: pointer; }
.tag-suggestions input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.tag-suggestions label:focus-within { outline: 2px solid #467bff; outline-offset: 3px; }
.tag-suggestions label > span:nth-child(2) { flex: 1; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.tag-suggestions b { font-weight: 400; font-size: 11px; color: #496ca4; }
.tag-suggestions small { font-size: 8px; color: #9da9bc; }
.tag-check { width: 14px; height: 14px; background: #6289cd; color: #fff; border: 1px solid #6289cd; border-radius: 3px; font-size: 9px; line-height: 12px; text-align: center; margin-left: 16px; }
.tag-suggestions input:not(:checked) ~ .tag-check { color: transparent; background: #fff; border-color: #ced9eb; }
.tag-suggestions input:not(:checked) + span > b { color: #8e9bb0; }
.export-canvas { min-height: 335px; padding: 25px 35px; display: flex; align-items: center; justify-content: center; }
.export-paper { width: 290px; background: #fff; border: 1px solid #e0e7f2; padding: 19px 22px; min-height: 286px; box-shadow: 0 3px 16px #273e6c10; font-family: "Songti SC", SimSun, serif; color: #404d63; transition: background .3s, width .3s; }
.export-paper-meta { font: 8px "Segoe UI", sans-serif; color: #9daac0; }
.export-paper h4 { margin: 8px 0 4px; text-align: center; font-size: 16px; font-weight: 600; }
.export-student { font-size: 8px; text-align: center; padding-bottom: 13px; border-bottom: 1px solid #edf1f7; color: #a0aabc; }
.export-question { display: flex; gap: 8px; margin-top: 16px; font-size: 11px; line-height: 1.9; }
.export-question-index { color: #738cb0; font-family: "Segoe UI", sans-serif; font-size: 9px; padding-top: 2px; }
.export-answer-space { height: 62px; display: grid; gap: 18px; padding-top: 20px; }
.export-answer-space i { height: 1px; background: #edf1f7; }
.export-second-question { display: flex; gap: 8px; margin-top: 5px; line-height: 1.9; font-size: 10px; }
.export-second-question > span { font: 9px "Segoe UI", sans-serif; color: #738cb0; padding-top: 3px; }
.board-space, .slide-footer { display: none; }
.export-demo[data-export-state=pdf] .export-paper { width: 340px; padding: 23px 19px; }
.export-demo[data-export-state=pdf] .export-paper h4 { font-size: 15px; }
.export-demo[data-export-state=pdf] .export-answer-space { height: 57px; }
.export-demo[data-export-state=ppt] .export-paper { width: 100%; min-height: 258px; background: #142746; border: 0; border-radius: 5px; padding: 19px 23px; font-family: "Microsoft YaHei UI", sans-serif; color: #f4f7ff; position: relative; }
.export-demo[data-export-state=ppt] .export-paper-meta { color: #84a6da; }
.export-demo[data-export-state=ppt] .export-paper h4 { text-align: left; font-size: 23px; margin: 12px 0 16px; font-weight: 500; }
.export-demo[data-export-state=ppt] .export-student, .export-demo[data-export-state=ppt] .export-second-question, .export-demo[data-export-state=ppt] .export-answer-space { display: none; }
.export-demo[data-export-state=ppt] .export-question { max-width: 58%; font-size: 12px; margin-top: 20px; }
.export-demo[data-export-state=ppt] .export-question-index { color: #87a9dc; }
.export-demo[data-export-state=ppt] .board-space { position: absolute; top: 73px; right: 15px; bottom: 42px; width: 31%; border: 1px dashed #6684ab55; border-radius: 4px; display: flex; flex-direction: column; justify-content: space-between; padding: 9px; color: #8ca5c6; font-size: 8px; }
.board-space svg { width: 65px; max-width: 100%; height: 36px; opacity: .7; }
.export-demo[data-export-state=ppt] .slide-footer { display: flex; justify-content: space-between; align-items: center; margin-top: 55px; border-top: 1px solid #344562; padding-top: 8px; color: #6c88ae; font: 7px "Segoe UI", sans-serif; letter-spacing: .07em; }
.showcase-bottom { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #2a3547; gap: 20px; padding: 19px 32px; color: #8a9bb6; }
.showcase-bottom p { font-size: 11px; }
.showcase-bottom p > span { color: #7c9cc9; margin-right: 8px; }
.showcase-bottom .text-link { font-size: 11px; color: #b4c5e0; padding: 0; }
.showcase-note { font-size: 11px; color: #9399a3; line-height: 1.9; margin-top: 18px; }
@keyframes showcase-enter { from { opacity: .4; transform: translateY(7px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 1100px) {
  .showcase-panel { gap: 28px; padding: 34px 30px; grid-template-columns: .86fr 1.14fr; min-height: 490px; }
  .showcase-copy h3 { font-size: 27px; }.showcase-copy > p:not(.showcase-capability) { font-size: 13px; }
  .showcase-steps { gap: 7px; }.showcase-steps button { padding: 8px 9px; gap: 5px; font-size: 11px; }
  .conversion-canvas { padding-inline: 14px; gap: 6px; grid-template-columns: .55fr 14px 1fr; }
  .document-source { padding: 13px 9px; }.source-equation { font-size: 9px; }.editable-page { padding-inline: 13px; }
  .organize-canvas { padding-inline: 20px; }.photo-canvas, .export-canvas { padding-inline: 20px; }
}
@media (max-width: 760px) {
  .showcase-section { padding-block: 76px; }.feature-showcase { border-radius: 12px; }
  .showcase-top { padding: 18px 18px 12px; }.showcase-brand { font-size: 8px; gap: 8px; }.showcase-brand img { width: 23px; height: 23px; }.showcase-demo { font-size: 9px; }
  .showcase-tabs { padding: 0 9px; gap: 0; }.showcase-tabs button { font-size: 11px; padding: 15px 4px; line-height: 1.5; }.showcase-tabs button > span { display: none; }.showcase-tabs button::after { left: 5px; right: 5px; }
  .showcase-panel { grid-template-columns: 1fr; gap: 26px; min-height: 0; padding: 29px 20px 26px; }
  .showcase-kicker { margin-bottom: 14px; font-size: 10px; }.showcase-copy h3 { font-size: 27px; margin-bottom: 15px; }
  .showcase-copy > p:not(.showcase-capability) { max-width: none; font-size: 13px; }.showcase-copy .showcase-capability { max-width: none; margin-top: 17px; font-size: 10px; }
  .showcase-steps, .showcase-segment { margin-top: 21px; }.showcase-steps button { padding: 8px 13px; font-size: 12px; }.showcase-segment button { padding-inline: 19px; }
  .showcase-points { margin-top: 20px; gap: 6px; font-size: 11px; }.studio-window { border-radius: 8px; }.studio-window-bar { padding-inline: 11px; gap: 9px; font-size: 9px; }
  .studio-window-footer { padding-inline: 11px; font-size: 8px; }.mini-chip { font-size: 8px; }.conversion-canvas { min-height: 294px; padding: 22px 12px; gap: 8px; grid-template-columns: .55fr 14px 1fr; }
  .document-source { padding: 12px 8px; min-height: 185px; }.source-equation { font-size: 9px; }.document-source svg { height: 56px; }.editable-page { min-height: 245px; padding: 15px 12px; }
  .page-question { font-size: 11px; }.math-block { font-size: 11px; }.page-heading { font-size: 12px; }.correction-compare { padding: 8px; }
  .photo-canvas { min-height: 300px; padding: 22px 23px; }.photo-sheet { width: 265px; padding: 17px 20px 7px; }.handwritten-note { font-size: 15px; }
  .photo-draft { padding: 15px; }.photo-draft svg { height: 120px; }.organize-canvas { min-height: 300px; padding: 18px 17px; }.organize-question { padding-inline: 14px; }
  .export-canvas { min-height: 300px; padding: 20px 18px; }.export-paper { width: 250px; min-height: 260px; padding: 17px 19px; }.export-demo[data-export-state=ppt] .export-paper { padding: 17px; min-height: 246px; }.export-demo[data-export-state=ppt] .export-paper h4 { font-size: 21px; }.export-demo[data-export-state=ppt] .export-question { font-size: 11px; }.export-demo[data-export-state=ppt] .slide-footer { margin-top: 48px; }
  .showcase-bottom { padding: 17px 20px; display: block; }.showcase-bottom p { font-size: 10px; }.showcase-bottom .text-link { margin-top: 10px; font-size: 10px; }.showcase-note { font-size: 10px; margin-top: 13px; }
}
@media (max-width: 380px) {
  .showcase-tabs button { font-size: 10px; }.showcase-panel { padding-inline: 14px; }.showcase-copy h3 { font-size: 25px; }
  .conversion-canvas { grid-template-columns: .4fr 12px 1fr; padding-inline: 9px; gap: 5px; }.source-equation { font-size: 7px; }.document-source { padding-inline: 5px; }.editable-page { padding-inline: 10px; }
  .photo-canvas { padding-inline: 17px; }.handwritten-note { font-size: 13px; }.tag-suggestions label { padding-inline: 10px; }.tag-check { margin-left: 10px; }
  .export-canvas { padding-inline: 12px; }.export-demo[data-export-state=ppt] .export-paper { padding: 13px; }.export-demo[data-export-state=ppt] .export-question { font-size: 10px; }.export-demo[data-export-state=ppt] .board-space { right: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  .showcase-panel.is-entering { animation: none; }.showcase-tabs button::after, .export-paper { transition: none; }
}