/* LXApp homepage, familiar editorial layout rebuilt as independent PHP + CSS. */
:root{--accent:#25d366;--cream:#fcf5eb;--ink:#111b21;--muted:#66727a;--dark:#111b21;--green-glow:#e6ffda;--width:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font:400 16px/1.5 "Helvetica Neue",Arial,"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}body,button,input{font-family:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #378ce5;outline-offset:4px}h1,h2,h3,h4,p{margin:0}svg{vertical-align:middle}#features,#news,#privacy,#business{scroll-margin-top:90px}
/* top navigation */
.topbar{height:87px;position:sticky;z-index:60;top:0;background:var(--cream);border-bottom:1px solid transparent;transition:box-shadow .2s}.topbar:has(.mobile-menu:not([hidden])){box-shadow:0 8px 20px #111b2110}.nav-inner{max-width:1520px;padding:0 40px;height:100%;margin:auto;display:flex;align-items:center;gap:34px;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-size:29px;font-weight:700;letter-spacing:-1.6px;white-space:nowrap;line-height:1}.brand-glyph{width:34px;height:34px;flex:0 0 34px}.brand-user-logo{max-width:150px;max-height:42px;object-fit:contain}.brand:has(.brand-user-logo) span{font-size:0}.nav-menu{display:flex;align-items:center;gap:32px;margin-left:auto;margin-right:auto}.nav-menu a{font-size:15px;white-space:nowrap;transition:color .2s}.nav-menu a:hover,.login-link:hover{color:#008638}.nav-actions{display:flex;align-items:center;gap:18px;white-space:nowrap}.login-link{font-size:15px}.pill{display:inline-flex;justify-content:center;align-items:center;gap:14px;min-height:51px;border-radius:50px;padding:0 24px;font-size:16px;font-weight:500;white-space:nowrap;border:1px solid var(--ink);transition:transform .18s,background .18s,box-shadow .18s}.pill:hover{transform:translateY(-2px)}.pill--green{color:var(--ink);background:var(--accent)}.pill--green:hover{background:#53e88a;box-shadow:0 6px 18px #05160915}.pill--outline{background:transparent}.pill--muted{background:#e1e2de;border-color:#c8d1cb;color:#606b65;cursor:not-allowed}.nav-download{min-height:48px;padding:0 20px}.nav-download svg{width:17px}.menu-toggle{border:0;background:transparent;color:var(--ink);display:none;align-items:center;justify-content:center;min-width:42px;height:42px}.menu-toggle svg{width:28px;height:28px}.mobile-menu{position:absolute;top:87px;left:0;right:0;z-index:80;background:var(--cream);padding:12px 24px 22px;border-top:1px solid #ded7cd;box-shadow:0 16px 25px #111b211c}.mobile-menu[hidden]{display:none}.mobile-menu a{display:block;padding:14px 8px;border-bottom:1px solid #e5dfd7;font-size:17px}
/* hero: exact editorial hierarchy and 1360:720 screenshot stage */
.hero-zone{width:100%;padding:0 28px}.hero-card{position:relative;width:min(100%,1360px);min-height:clamp(560px,51vw,720px);margin:0 auto;border-radius:25px;overflow:hidden;isolation:isolate;background-color:#4c5d5d;background-image:var(--hero-image);background-position:center;background-size:cover}.hero-shade{position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(0,0,0,.48),rgba(0,0,0,.18) 43%,transparent 75%)}.hero-copy{position:absolute;z-index:2;top:50%;left:clamp(54px,9.2%,130px);transform:translateY(-50%);width:450px;max-width:43%;color:white}.hero-copy h1{font-size:clamp(55px,5.9vw,82px);line-height:1.065;letter-spacing:-2.4px;font-weight:400;margin-bottom:24px}.hero-copy p{font-size:17px;line-height:1.54;max-width:390px;text-shadow:0 1px 12px #0005}.hero-button{margin-top:34px;min-width:144px}.hero-floats{position:absolute;inset:0;z-index:1;pointer-events:none}.hero-float{position:absolute;display:block;filter:drop-shadow(0 7px 12px rgba(7,24,20,.12))}.hero-float-1{width:31.5%;right:4.0%;top:12.5%}.hero-float-2{width:15%;right:20%;top:44%}.hero-float-3{width:8.5%;right:26.8%;top:54%}.hero-float-4{width:22%;right:5%;top:64%}.hero-disclaimer{max-width:1360px;text-align:right;margin:12px auto 0;color:#65716c;font-size:11.5px;padding:0 4px}
/* alternating editorial features */
.feature-section{padding:0 32px;overflow:hidden}.feature-inner{max-width:var(--width);min-height:640px;padding:90px 15px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.feature-copy{max-width:530px}.feature-copy h2{font-weight:400;line-height:1.13;letter-spacing:-1.25px;font-size:clamp(40px,4.25vw,58px);margin-bottom:30px}.feature-copy p{font-size:18px;line-height:1.63;max-width:510px}.text-cta{display:inline-flex;align-items:center;gap:13px;margin-top:30px;padding:0 0 7px;border-bottom:2px solid var(--accent);font-size:16px;font-weight:500}.text-cta:hover{color:#139950}.text-cta-arrow{display:inline-flex;align-items:center}.text-cta svg{width:20px;height:20px}.feature-visual{position:relative;max-width:600px;min-height:450px;display:flex;align-items:center;justify-content:center}.feature-visual-main{width:auto;max-width:100%;max-height:560px;object-fit:contain;display:block}.feature-visual-overlay{position:absolute;display:block;max-width:45%;max-height:360px;object-fit:contain;right:0;bottom:0;filter:drop-shadow(0 10px 16px #0000000c)}.feature-visual--stack .feature-visual-main{max-height:570px}.feature--reverse .feature-copy{grid-column:2;grid-row:1}.feature--reverse .feature-visual{grid-column:1;grid-row:1}.feature--dark{background:var(--dark);color:var(--cream)}.feature--dark .feature-inner{min-height:680px}.feature--dark .feature-copy{max-width:540px}.feature--dark .text-cta{border-bottom-color:var(--accent)}.feature--dark .feature-visual-main{filter:drop-shadow(0 30px 35px #0003)}.image-empty{display:grid;place-items:center;width:100%;min-height:380px;border-radius:24px;border:2px dashed #b4bdb2;color:#6a756c;background:#e7ebe1}.image-empty span{padding:20px;text-align:center}
/* iconic speech and greeting interlude */
.welcome-area{max-width:1360px;padding:20px 25px 40px;margin:20px auto 45px;text-align:center;overflow:hidden}.hello-art{display:block;width:100%;object-fit:contain;margin-left:auto;margin-right:auto}.hello-art--top{margin-bottom:45px}.hello-art--bottom{margin-top:45px}.welcome-area h2{max-width:1060px;margin:0 auto;font-size:clamp(37px,4.15vw,58px);font-weight:400;line-height:1.25;letter-spacing:-1.7px}
/* latest news swiper */
.news-area{background:#e7ffdd;padding:95px max(35px,calc((100% - 1260px)/2)) 100px;overflow:hidden}.news-header{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:42px}.news-header h2{font-size:clamp(42px,5vw,60px);font-weight:400;line-height:1.12;margin-bottom:20px}.news-header p{max-width:630px;font-size:18px;line-height:1.6}.news-arrows{display:flex;gap:12px}.news-arrows button{border:1px solid var(--ink);border-radius:50%;width:48px;height:48px;color:var(--ink);font-size:25px;background:transparent}.news-arrows button:hover{background:var(--accent)}.news-track{display:flex;gap:22px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:10px 2px 16px}.news-track::-webkit-scrollbar{display:none}.news-card{min-width:350px;max-width:350px;min-height:370px;background:var(--cream);border-radius:26px;padding:28px 30px 33px;display:flex;flex-direction:column;justify-content:space-between;scroll-snap-align:start;transition:transform .2s}.news-card:hover{transform:translateY(-4px)}.news-number{font-size:40px;font-weight:400;color:#62b47f}.news-card-content small{font-size:12px;letter-spacing:2px;color:#2ca865}.news-card h3{font-size:28px;line-height:1.26;font-weight:500;margin:9px 0 12px}.news-card p{line-height:1.6;font-size:15px;color:#4b5b5b;min-height:48px}.news-more{display:inline-flex;align-items:center;gap:10px;border-bottom:2px solid var(--accent);margin-top:20px;padding-bottom:5px;font-size:15px}.news-more svg{width:18px}
/* footer */
.footer{background:#111b21;color:#f7f7f7;padding:90px 35px 28px}.footer-inner{max-width:1240px;margin:auto}.footer-grid{display:grid;grid-template-columns:2.1fr repeat(3,1fr);gap:6%;padding-bottom:90px}.footer .brand{color:var(--cream)}.footer .brand-glyph{color:var(--accent)}.footer-brand p{color:#d5dbdc;max-width:300px;margin:24px 0 30px;font-size:15px}.footer-col{display:flex;flex-direction:column;gap:17px}.footer-col h4{font-size:13px;font-weight:500;color:#c4cfd0;margin-bottom:14px}.footer-col a,.footer-col span{font-size:15px;overflow-wrap:anywhere}.footer-col a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid #59636a;padding-top:25px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;font-size:12px;color:#b5bec0}.footer-bottom a:hover{color:var(--accent)}
/* secondary downloads page */
.download-page{max-width:1240px;min-height:650px;margin:0 auto;padding:100px 24px 120px}.eyebrow{color:#159348;font-size:13px;letter-spacing:2px;font-weight:700}.download-heading{text-align:center;max-width:850px;margin:0 auto 75px}.download-heading h1{font-size:clamp(48px,6vw,76px);font-weight:400;line-height:1.15;margin:18px 0}.download-heading p{font-size:19px;color:#4c5a5b}.download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.device-card{border:1px solid #dfdbd2;background:#fffaf4;min-height:270px;border-radius:28px;padding:34px;display:flex;flex-direction:column;align-items:flex-start;gap:18px}.device-card .pill{margin-top:auto}.device-card h2{font-size:29px;font-weight:500}.device-card p{font-size:15px;max-width:440px;color:#5c696b;margin-top:8px}.device-icon{width:49px;height:49px;display:grid;place-items:center;border-radius:15px;background:var(--green-glow);font-size:28px}.download-web{display:flex;align-items:center;gap:26px;background:#e6ffda;border-radius:24px;padding:24px 30px;margin-top:25px}.download-web h2{font-size:26px}.download-web p{margin-right:auto}.download-note{font-size:13px;color:#687674;margin-top:28px;text-align:center}
@media(min-width:1500px){.nav-inner{padding:0 50px}.hero-zone{padding-top:10px}}
@media(max-width:1120px){.nav-inner{gap:20px;padding:0 26px}.nav-menu{gap:18px}.nav-menu a{font-size:14px}.feature-inner{gap:5%;min-height:580px}.feature-copy h2{font-size:46px}.hero-copy{left:7.5%;max-width:47%}.hero-float-1{width:35%;right:2%}}
@media(max-width:880px){.topbar{height:73px}.nav-inner{padding:0 23px}.brand{font-size:26px}.brand-glyph{width:30px;height:30px;flex-basis:30px}.nav-menu,.login-link{display:none}.nav-actions{margin-left:auto}.menu-toggle{display:inline-flex}.mobile-menu{top:73px}.hero-zone{padding:0 18px}.hero-card{min-height:650px;background-position:61% center}.hero-copy{top:auto;bottom:55px;left:7%;transform:none;max-width:85%;width:450px}.hero-copy h1{font-size:57px}.hero-shade{background:linear-gradient(0deg,#0a1b1cc9,#121c1c38 60%,#121c1c14)}.hero-floats{display:none}.feature-inner{grid-template-columns:1fr;gap:0;min-height:auto;padding:72px 4vw;max-width:720px}.feature-copy,.feature--reverse .feature-copy{grid-column:1;grid-row:2;max-width:100%;margin-top:22px}.feature-visual,.feature--reverse .feature-visual{grid-column:1;grid-row:1;min-height:320px;max-width:100%;justify-content:center}.feature-visual-main{max-height:480px}.feature-copy h2{font-size:clamp(40px,6vw,53px)}.feature--dark .feature-inner{min-height:auto}.welcome-area{padding:20px 26px 40px}.welcome-area h2{font-size:42px}.footer-grid{grid-template-columns:1.6fr 1fr 1fr;gap:40px}.footer-brand{grid-column:1 / -1}.news-area{padding:70px 30px 85px}}
@media(max-width:540px){.topbar{height:64px}.nav-inner{padding:0 17px}.mobile-menu{top:64px}.brand{font-size:25px}.nav-download{min-height:40px;padding:0 15px;font-size:14px;gap:7px}.nav-download svg{width:15px}.nav-actions{margin-left:auto}.hero-zone{padding:0 12px}.hero-card{min-height:530px;border-radius:17px;background-position:64% center}.hero-copy{left:26px;right:26px;max-width:none;width:auto;bottom:44px}.hero-copy h1{font-size:46px;letter-spacing:-1.4px;margin-bottom:18px;max-width:320px}.hero-copy p{font-size:15px;line-height:1.55;max-width:315px}.hero-button{margin-top:23px;min-height:48px}.hero-disclaimer{text-align:left;margin-top:9px;line-height:1.6;padding:0 4px;font-size:11px}.feature-section{padding:0 15px}.feature-inner{padding:58px 2px 66px}.feature-visual{min-height:280px}.feature-visual-main{max-height:390px}.feature-copy{margin-top:0}.feature-copy h2{font-size:40px;line-height:1.15;letter-spacing:-1.1px;margin-bottom:20px}.feature-copy p{font-size:16px}.feature-visual-overlay{max-width:42%;max-height:260px}.feature--dark .feature-inner{padding:80px 4px}.welcome-area{margin:0 auto 20px;padding:36px 15px}.welcome-area h2{font-size:33px;letter-spacing:-.7px}.hello-art--top{margin-bottom:28px}.hello-art--bottom{margin-top:28px}.news-area{padding:62px 18px 78px}.news-header{align-items:flex-end}.news-header h2{font-size:39px;margin-bottom:13px}.news-header p{font-size:15px}.news-arrows{gap:6px}.news-arrows button{width:37px;height:37px;font-size:20px}.news-card{min-width:290px;max-width:290px;min-height:360px;padding:26px 24px}.news-card h3{font-size:25px}.footer{padding:68px 23px 28px}.footer-grid{grid-template-columns:1fr 1fr;gap:48px 22px;padding-bottom:60px}.footer-col h4{margin-bottom:0}.footer-col a,.footer-col span{font-size:13px}.footer-bottom{font-size:11px}.download-page{padding:68px 17px 90px}.download-heading{margin-bottom:40px}.download-heading h1{font-size:49px}.download-heading p{font-size:16px}.download-grid{grid-template-columns:1fr}.device-card{padding:28px}.download-web{display:block}.download-web .pill{margin-top:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}