/* A bright, spacious presentation built for Lexue's own software business. */
:root{--paper:#f5f5f7;--ink:#1d1d1f;--muted:#6e6e73;--teal:#0071e3;--line:#d9d9df;--mint:#e5efff}
.site-header{background:#fff;border-bottom:1px solid #e9e9ed}.header-inner{height:88px}.logo-mark{background:#202126}.logo-mark>span{background:#81aaff}.desktop-nav a{color:#535359}.desktop-nav a[aria-current],.desktop-nav a:hover{border-color:#0071e3}.button{background:#0071e3;border-radius:30px;padding-inline:24px}.button:hover{background:#0077ed}.button.light{background:white;color:#1d1d1f}.text-link{color:#0066cc;border-color:transparent}.text-link:hover{border-color:#0066cc}.home-hero{width:100%;max-width:none;padding:64px 0 0;display:flex;flex-direction:column;gap:15px;background:linear-gradient(180deg,#fff 0,#fff 56%,#f4f6fb 100%);overflow:hidden;min-height:0}.hero-copy{text-align:center;padding-inline:24px;max-width:1100px}.hero-copy .eyebrow{justify-content:center;color:#535359;margin-bottom:20px;font-size:10px;letter-spacing:.18em}.hero-copy h1{font-size:clamp(43px,4.4vw,67px);line-height:1.25;margin-right:0;margin-bottom:20px;letter-spacing:-.05em}.hero-copy .serif-accent{background:linear-gradient(90deg,#0071e3,#5e5ce6);color:transparent;background-clip:text;-webkit-background-clip:text;font-weight:600}.hero-copy>p{font-size:16px;color:#6e6e73;line-height:1.8;margin-bottom:25px}.hero-actions{justify-content:center;gap:27px}.hero-meta{display:none}.product-stage{margin:0;width:1020px;max-width:100%;height:440px;background:none;border-radius:0;overflow:hidden;flex-shrink:0}.product-stage:after{top:110px;left:12%;width:78%;height:340px;border-radius:50%;background:radial-gradient(ellipse,#cfdfff 0,#e9edfb 45%,transparent 70%);filter:blur(32px)}.stage-grid{display:none}.stage-coordinate{top:20px;right:130px;color:#92929b;font-size:7px}.workspace-window{top:65px;left:105px;width:645px;height:365px;border-radius:14px;transform:rotate(-5deg);border-color:#dfe2ea;box-shadow:0 25px 65px -20px #334c8040}.window-bar{height:36px;font-size:8px;color:#999aa3;border-color:#ececf0;background:#fafafb;border-radius:14px 14px 0 0}.window-bar i{width:5px;height:5px;background:#d6d7dd}.workspace-body{height:calc(100% - 36px)}.workspace-side{width:58px;background:#f9fafe;border-color:#ececf0;border-radius:0 0 0 14px;padding-top:22px;gap:19px}.workspace-side b{background:#0071e3;width:27px;line-height:28px;font-size:18px}.workspace-side>span{background:#e0e7f3;width:14px;height:6px}.workspace-side>span.selected{background:#7da2f3}.workspace-content{padding:27px 34px}.micro{color:#9296a0;font-size:7px}.workspace-content h3{font-size:28px;line-height:1.35;margin-bottom:15px}.workspace-stats strong{font-size:10px;color:#8994a9}.workspace-stats span{font-size:6px;color:#929bad}.mini-sun{color:#a9bcff;font-size:52px;padding-right:70px}.bar-chart{height:78px;gap:16px;margin-top:15px;border-color:#edf0f6}.bar-chart i{width:27px;background:#c3d3f6;border-radius:4px 4px 0 0}.bar-chart i:nth-child(2n){background:#658edf}.workspace-bottom{font-size:6px;color:#8d98ac}.phone-window{top:20px;right:115px;width:197px;height:393px;border:5px solid #292a2e;border-radius:34px;transform:rotate(9deg);background:#f9faff;box-shadow:0 26px 45px -12px #2a3c7250}.phone-notch{left:62px;width:64px;height:16px;background:#202126}.phone-status{font-size:7px;padding:10px 14px}.phone-screen{padding:31px 19px}.concept-icon{width:42px;height:42px;line-height:41px;font-size:36px;background:linear-gradient(135deg,#b4d3ff,#d8d3ff);color:#4269b6;border-radius:12px;margin-bottom:19px}.phone-screen .micro{font-size:5px}.phone-screen h3{font-size:26px;line-height:1.35;margin-bottom:20px}.concept-task{padding:10px 0;border-color:#e4e8f2}.concept-task>span{background:#8aa9e4;width:15px;height:15px;line-height:15px;font-size:8px}.concept-task>span.empty{border-color:#cbd6ed}.concept-task b{background:#d5def0}.concept-task i{background:#e4e9f3}.phone-pill{background:#0071e3;margin-top:19px;font-size:6px;padding:10px}.phone-home{left:68px;width:50px;background:#202126}.stage-caption{left:0;right:0;bottom:12px;justify-content:center;color:#9295a0;font-size:7px}.stage-caption>span{background:#8b9fd1}.category-links{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;padding-block:32px 36px;border-bottom:1px solid #dedee4}.category-links>a{display:flex;align-items:center;gap:14px;min-width:0}.category-links svg{width:49px;height:49px;fill:none;stroke:#3a68b5;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.category-links>a:nth-child(3) svg{fill:#4c6ea5;stroke-width:0}.category-links strong{display:block;font-size:14px;font-weight:600}.category-links span{display:block;font-size:10px;color:#86868b;margin-top:4px}.category-links b{margin-left:auto;font-size:16px;color:#86868b;font-weight:400}.category-links>a:hover strong{color:#0071e3}.section-heading{align-items:flex-end}.section-heading h2{font-size:37px;line-height:1.4}.section-heading .eyebrow{color:#86868b}.section-heading>p{color:#86868b}.visual-services{border:0;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.visual-services .service-row{border:0;border-radius:20px;background:#fff;display:block;padding:0 27px 32px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s;box-shadow:0 3px 15px #00000004}.visual-services .service-row:hover{padding:0 27px 32px;transform:translateY(-5px);box-shadow:0 15px 40px #0000000a}.visual-services .row-number{display:block;font-size:10px;color:#86868b;padding-top:0;margin-bottom:14px}.visual-services .service-row h3{font-size:25px;margin-bottom:13px;letter-spacing:-.04em}.visual-services .service-row p{font-size:13px;line-height:1.9;min-height:52px;max-width:270px}.visual-services .service-tag{display:block;margin-top:27px;color:#a2a2aa;font-size:7px}.visual-services .row-arrow{position:absolute;right:28px;bottom:26px;background:#f0f2f7;width:29px;height:29px;border-radius:50%;font-size:21px;line-height:29px;text-align:center;color:#475671}.service-art{height:265px;margin:0 -27px 28px;position:relative;overflow:hidden}.art-mobile{background:radial-gradient(ellipse at 30% 50%,#d6e8fc,#f2f6ff 70%)}.art-phone{position:absolute;width:112px;height:218px;border:3px solid #414b60;border-radius:20px;background:#f9fbff;top:40px;box-shadow:0 22px 30px -10px #263f7330;overflow:hidden}.art-phone.back{left:19%;transform:rotate(-15deg);top:25px;background:linear-gradient(160deg,#99b2ed,#cac4f9);border-color:#8192b5}.art-phone.back>b{font-size:65px;position:absolute;top:40px;left:18px;line-height:1;color:#f3f7ff}.art-phone.back>span{height:5px;width:62px;background:#cddaf6;display:block;position:relative;top:132px;left:20px;margin-bottom:10px;border-radius:4px}.art-phone>i{display:block;width:35px;height:8px;background:#414b60;border-radius:0 0 8px 8px;margin:auto}.art-phone.front{right:19%;transform:rotate(10deg);padding:0 10px}.art-phone.front>small{display:block;font-size:4px;letter-spacing:.1em;color:#8d9eb9;margin-top:27px}.art-phone.front>b{display:block;font-size:17px;line-height:1.2;letter-spacing:-.06em;margin-top:11px}.art-lines{margin-top:17px}.art-lines>span{display:block;background:#d9e4f7;height:5px;width:100%;border-radius:5px;margin-bottom:8px}.art-lines>span:nth-child(2){width:70%}.art-phone.front>em{display:block;margin-top:23px;text-align:center;background:#698dde;color:white;font-style:normal;border-radius:5px;line-height:18px;font-size:10px}.art-software{background:radial-gradient(ellipse at 50% 50%,#e6ddfb,#f5f3fe 70%)}.art-browser{position:absolute;width:265px;height:174px;background:white;border:1px solid #dadde8;border-radius:10px;left:50%;top:56px;transform:translateX(-50%) rotate(-6deg);box-shadow:0 20px 30px -15px #625b8d40}.art-browser-top{height:20px;border-bottom:1px solid #ececf4;display:flex;align-items:center;gap:4px;padding-left:11px}.art-browser-top>i{width:3px;height:3px;border-radius:50%;background:#d1d4e5}.art-browser-main{display:flex;height:calc(100% - 20px)}.art-sidebar{width:32px;background:#f5f6fc;border-radius:0 0 0 10px;display:block;border-right:1px solid #ececf4;flex-shrink:0}.art-browser-main>div{padding:19px;width:100%}.art-browser-main small{font-size:5px;color:#9b9bb2;display:block;letter-spacing:.1em}.art-browser-main b{font-size:17px;line-height:1.2;display:block;margin-top:7px;letter-spacing:-.05em}.art-bars{display:flex;align-items:end;gap:9px;height:42px;margin-top:6px}.art-bars>i{display:block;width:15px;height:60%;background:#b4a7dd;border-radius:2px 2px 0 0}.art-bars>i:nth-child(2){height:45%}.art-bars>i:nth-child(3){height:80%;background:#8b87d5}.art-bars>i:nth-child(4){height:65%}.art-bars>i:nth-child(5){height:100%;background:#8b87d5}.floating-icon{position:absolute;right:31px;top:36px;font-size:31px;width:64px;height:64px;border-radius:17px;background:linear-gradient(135deg,#b9c6f2,#e5d4fb);display:grid;place-items:center;color:#777ab4;transform:rotate(11deg);box-shadow:0 13px 20px #6c6ca420}.art-experience{background:radial-gradient(ellipse at 50% 50%,#e2f0f4,#f1f8fa 70%)}.experience-orbit{position:absolute;width:185px;height:185px;border-radius:50%;border:1px solid #b9d7e2;top:36px;left:50%;transform:translateX(-50%)}.experience-orbit.orbit-b{width:235px;height:235px;top:11px;border-style:dashed;opacity:.7}.experience-core{position:absolute;width:108px;height:108px;background:linear-gradient(135deg,#90c7df,#bedde6);border-radius:28px;left:50%;top:70px;transform:translateX(-50%) rotate(-12deg);display:grid;place-items:center;font-size:82px;line-height:1;color:#f2fbff;box-shadow:0 15px 30px #639bb630}.experience-note{display:flex;align-items:center;gap:9px;position:absolute;left:50%;bottom:27px;transform:translateX(-50%) rotate(3deg);white-space:nowrap;background:#ffffffd9;padding:10px 15px;border-radius:9px;box-shadow:0 8px 20px #5b8aab12}.experience-note>span{background:#8cb9cc;color:white;width:18px;height:18px;border-radius:50%;font-size:11px;line-height:18px;text-align:center}.experience-note>b{font-size:8px;color:#6d8997;font-weight:500}.about-preview{background:white}.editorial-mark{background:linear-gradient(130deg,#e7efff,#f3f0ff);color:#4a72bc;border-radius:20px}.large-l>span{color:#91a7e7}.mark-orbit{border-color:#c2d2f1}.editorial-mark>p{color:#6a7fa7}.small-coordinate{color:#93a2c0}.about-preview-copy .eyebrow{color:#86868b}.next-panel{background:white;border:0;border-radius:18px;padding:30px}.next-panel+.next-panel{border-top:0}.outline-icon{color:#0071e3;border-color:#c5d6ef}.next-panel>b{color:#8c9daf}.cta-band{background:linear-gradient(120deg,#e5edfd,#f1edfc);color:#1d1d1f;border-radius:20px}.cta-band .tiny-label{color:#6687bf}.cta-band p:not(.tiny-label){color:#6e7b94}.site-footer{background:#eeeeF0}.footer-brand>span{color:#7194cc}.footer-main .legal-name,.footer-bottom{color:#86868b}.footer-contact .tiny-label,.footer-navigation .tiny-label{color:#86868b}.detail-index>span{color:#acbad1}.point-grid span{color:#8799b8}.process-section,.values-section{background:#ebeff7}.process-grid li,.values-grid article{border-color:#cbd5e5}.company-plaque{background:linear-gradient(140deg,#173b73,#2c4d86);border-radius:16px}.company-plaque:after{border-color:#5577ab}.plaque-symbol{color:#e3eafc}.plaque-symbol>span{color:#9db4eb}.company-plaque .tiny-label,.company-plaque>p{color:#b4c4e5}.value-word>span{color:#6d92ce}.email-panel{background:linear-gradient(130deg,#174481,#315897);border-radius:18px}.email-panel .tiny-label{color:#b1cdf2}.large-email{border-color:#6d8eba}.large-email>span{color:#b6cff5}.email-caption{color:#b7c8e3}.email-panel-bottom{color:#d0def4;border-color:#5c7bab}.email-panel-bottom .live-dot{background:#a4c9fb}.support-callout{background:#e9eef7;border-radius:18px}.support-email-box{background:#e5edfc;border-radius:18px}.support-email-box>a{border-color:#b1c6e7;color:#2e5a99}.support-company{color:#7288aa}.privacy-layout aside a{border-color:#aac0e2}
@media(min-width:1600px){.home-hero{min-height:0;padding-top:70px}.hero-copy h1{font-size:72px}.product-stage{height:470px}.workspace-window{top:70px}.phone-window{top:24px}}
@media(max-width:1100px){.home-hero{display:flex;gap:15px;min-height:0;padding-top:55px}.hero-copy h1{font-size:54px}.product-stage{height:420px;width:880px}.workspace-window{width:580px;left:75px;height:340px;top:68px}.workspace-content{padding:23px 29px}.workspace-content h3{font-size:26px}.phone-window{right:85px;width:182px;height:368px;top:25px}.phone-notch{left:57px;width:58px}.phone-screen{padding:29px 16px}.phone-screen h3{font-size:24px}.concept-icon{width:38px;height:38px;line-height:37px;font-size:32px}.concept-task{padding:9px 0}.phone-pill{margin-top:17px;padding:9px}.phone-home{left:63px}.stage-coordinate{right:105px}.category-links{gap:20px}.category-links>a{gap:10px}.category-links svg{width:38px;height:38px}.category-links strong{font-size:12px}.category-links span{font-size:8px}.category-links b{display:none}.visual-services{gap:18px}.visual-services .service-row,.visual-services .service-row:hover{padding:0 22px 29px}.service-art{margin-inline:-22px;height:235px}.visual-services .service-row h3{font-size:22px}.visual-services .service-row p{font-size:12px;min-height:68px}.art-phone{width:99px;height:192px;top:36px}.art-phone.back{left:17%;top:24px}.art-phone.front{right:13%}.art-phone.front>b{font-size:15px}.art-phone.front>small{margin-top:22px}.art-phone.front>em{margin-top:13px}.art-browser{width:220px;height:158px;top:51px}.art-browser-main>div{padding:15px}.art-browser-main b{font-size:15px}.art-bars{height:35px}.floating-icon{width:51px;height:51px;font-size:27px;right:19px}.experience-orbit{width:155px;height:155px;top:38px}.experience-orbit.orbit-b{width:205px;height:205px;top:13px}.experience-core{width:94px;height:94px;top:65px;font-size:73px}.experience-note{bottom:24px}}
@media(max-width:800px){.header-inner{height:78px}.home-hero{padding-top:40px;padding-bottom:0;gap:20px;overflow:hidden}.hero-copy{padding-inline:18px}.hero-copy .eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:18px}.hero-copy h1{font-size:43px;line-height:1.3;margin-bottom:18px}.hero-copy>p{font-size:13px;line-height:1.9;margin-bottom:22px}.hero-actions{gap:22px}.hero-meta{display:none}.product-stage{width:680px;max-width:none;height:320px;align-self:center;overflow:hidden}.product-stage:after{left:65px;width:550px;top:95px;height:220px}.workspace-window{width:420px;height:250px;left:80px;top:55px;border-radius:9px}.window-bar{height:25px;font-size:5px;padding-inline:10px;border-radius:9px 9px 0 0}.workspace-body{height:calc(100% - 25px)}.workspace-side{width:38px;padding-top:15px;gap:13px}.workspace-side b{width:19px;line-height:20px;font-size:14px}.workspace-side>span{width:10px;height:4px}.workspace-content{padding:17px 22px}.workspace-content h3{font-size:19px;margin-bottom:10px}.workspace-content .micro{font-size:5px}.workspace-stats strong{font-size:7px}.workspace-stats span{font-size:4px}.mini-sun{font-size:35px;padding-right:35px}.bar-chart{height:52px;gap:11px;margin-top:11px}.bar-chart i{width:17px;border-radius:2px 2px 0 0}.workspace-bottom{font-size:4px;margin-top:8px}.phone-window{width:145px;height:288px;right:100px;top:15px;border-width:4px;border-radius:26px}.phone-notch{left:44px;width:48px;height:12px}.phone-status{font-size:5px;padding:8px 10px}.phone-screen{padding:21px 12px}.concept-icon{width:28px;height:28px;line-height:27px;font-size:25px;border-radius:9px;margin-bottom:13px}.phone-screen .micro{font-size:4px}.phone-screen h3{font-size:19px;margin-bottom:12px}.concept-task{padding:6px 0;gap:7px}.concept-task>span{width:11px;height:11px;line-height:11px;font-size:6px}.concept-task>div{width:67px}.phone-pill{margin-top:12px;padding:7px;font-size:5px}.phone-home{left:47px;width:40px;height:2px}.stage-coordinate{top:2px;right:107px;font-size:5px}.stage-caption{bottom:5px;font-size:5px}.category-links{grid-template-columns:1fr 1fr;gap:25px 20px;padding-block:28px}.category-links>a{gap:12px}.category-links svg{width:39px;height:39px}.category-links strong{font-size:12px}.category-links span{font-size:8px}.section-heading h2{font-size:31px}.visual-services{grid-template-columns:1fr;gap:24px}.visual-services .service-row,.visual-services .service-row:hover{padding:0 25px 30px;display:block;transform:none}.service-art{height:265px;margin-inline:-25px;margin-bottom:26px}.visual-services .service-row h3{font-size:25px}.visual-services .service-row p{font-size:13px;min-height:0;max-width:none}.visual-services .service-tag{margin-top:26px}.visual-services .row-number{font-size:9px}.art-phone{width:118px;height:227px;top:36px}.art-phone.back{left:25%;top:22px}.art-phone.front{right:23%}.art-phone.front>small{font-size:5px;margin-top:29px}.art-phone.front>b{font-size:18px}.art-phone.front>em{margin-top:24px}.art-browser{width:295px;height:185px;top:45px}.art-browser-top{height:24px}.art-browser-main{height:calc(100% - 24px)}.art-browser-main>div{padding:20px}.art-browser-main b{font-size:19px}.art-browser-main small{font-size:6px}.art-bars{height:45px;gap:12px}.art-bars i{width:18px}.floating-icon{width:65px;height:65px;font-size:35px;right:40px;top:30px}.experience-orbit{width:180px;height:180px;top:40px}.experience-orbit.orbit-b{width:230px;height:230px;top:15px}.experience-core{width:105px;height:105px;top:77px;font-size:85px}.experience-note{bottom:27px}.next-panel{padding:27px 23px}.next-panel+.next-panel{margin-top:18px}.editorial-mark{border-radius:17px}.cta-band{border-radius:17px}.about-preview{padding-top:45px}.company-plaque,.email-panel,.support-email-box{border-radius:16px}.footer-main{padding-bottom:36px}.home-next{padding-top:60px}}
@media(max-width:420px){.hero-copy h1{font-size:39px}.hero-copy>p{font-size:12px}.hero-actions{gap:18px}.product-stage{width:540px;height:276px}.workspace-window{left:44px;top:57px;width:345px;height:210px}.workspace-side{width:30px;gap:11px;padding-top:12px}.workspace-side b{font-size:12px;width:17px;line-height:18px}.window-bar{height:22px;font-size:4px}.workspace-body{height:calc(100% - 22px)}.workspace-content{padding:15px 18px}.workspace-content h3{font-size:17px;line-height:1.3;margin-bottom:9px}.workspace-content .micro{font-size:4px}.workspace-stats strong{font-size:6px}.workspace-stats span{font-size:3px}.mini-sun{font-size:27px;padding-right:35px}.bar-chart{height:36px;gap:8px;margin-top:8px}.bar-chart i{width:13px}.workspace-bottom{font-size:3px;margin-top:7px}.phone-window{width:128px;height:254px;right:58px;top:10px;border-width:4px;border-radius:23px}.phone-notch{width:40px;height:10px;left:40px}.phone-status{font-size:4px;padding:7px 9px}.phone-screen{padding:19px 10px 10px}.concept-icon{width:25px;height:25px;line-height:24px;font-size:22px;margin-bottom:11px}.phone-screen .micro{font-size:3px}.phone-screen h3{font-size:17px;margin-bottom:9px}.concept-task{padding:5px 0;gap:6px}.concept-task>span{width:9px;height:9px;line-height:9px;font-size:5px}.concept-task>div{width:61px}.concept-task b{height:2px}.concept-task i{height:2px;margin-top:4px}.phone-pill{font-size:4px;padding:6px;margin-top:10px}.phone-home{left:41px;width:34px}.stage-coordinate{right:71px;top:0;font-size:4px}.stage-caption{font-size:4px;bottom:1px}.category-links{gap:24px 15px}.category-links svg{width:34px;height:34px}.category-links>a{gap:9px}.category-links strong{font-size:11px}.category-links span{font-size:7px}.section-heading h2{font-size:29px}.art-phone.back{left:19%}.art-phone.front{right:17%}.art-browser{width:260px;height:180px}.floating-icon{right:26px}.next-panel{padding:25px 18px;gap:13px}.next-panel h3{font-size:16px}.next-panel p{font-size:10px}}
