:root{--navy:#081d36;--ink:#102e4f;--blue:#1685ff;--muted:#64778b}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,"Microsoft YaHei",sans-serif}.wrap{width:min(1200px,calc(100% - 80px));margin:auto}.review{font-size:10px!important;padding:5px!important;background:#eaf1f8!important;color:#60748a!important}.site-header{background:var(--navy)}.site-header nav{height:90px;display:flex;justify-content:space-between;align-items:center}.site-header .links{display:flex;gap:30px;align-items:center}.site-header .links a{font-size:13px}.btn{border-radius:8px;padding:16px 24px;font-weight:600;cursor:pointer}.site-main h1,.site-main h2,.site-main h3,.site-main p{margin:0}.site-main h2{font-size:42px;line-height:1.35;letter-spacing:-1.3px;font-weight:650}.site-main h3{font-size:23px;line-height:1.45}.overline{font-size:11px!important;letter-spacing:2px;font-weight:650;color:#5484b0;margin-bottom:22px!important}.up-hero{background:var(--navy);position:relative;min-height:680px;overflow:hidden;color:white;display:flex;align-items:center}.hero-art{position:absolute;width:65%;height:100%;right:0;top:0;object-fit:cover;opacity:.82;mask-image:linear-gradient(to right,transparent,#000 27%)}.hero-content{position:relative;z-index:1;padding-top:60px;padding-bottom:100px;pointer-events:none}.hero-content a,.hero-content button{pointer-events:auto}.hero-content h1{font-size:clamp(40px,4.2vw,66px);line-height:1.2;letter-spacing:-2px;font-weight:650}.hero-content h1 span{color:#6dbcff}.hero-description{font-size:16px;line-height:1.9;color:#bbcbdc;margin-top:28px!important;max-width:560px}.hero-buttons{display:flex;align-items:center;gap:28px;margin-top:36px}.text-link{background:none;border:0;color:inherit;font:inherit;font-size:14px;font-weight:600;text-decoration:none;padding:0;cursor:pointer}.hero-tags{display:flex;gap:22px;color:#91a8bd;font-size:12px;margin-top:48px}.hero-tags span+span{border-left:1px solid #375069;padding-left:22px}.hero-caption{position:absolute;bottom:24px;right:40px;font-size:9px;letter-spacing:2px;color:#6a86a0}.value-strip{background:#f2f6fa;border-bottom:1px solid #e4ebf2}.value-strip .wrap{display:flex;justify-content:space-between;padding:25px 0;font-size:13px}.value-strip span{color:var(--muted)}.value-strip b{font-weight:500}.site-section{padding:100px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:44px;gap:32px}.section-heading>p{font-size:14px;line-height:1.9;color:var(--muted);max-width:440px}.capability-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.cap-card{border-radius:20px;background:#f3f6fa;padding:38px;overflow:hidden}.cap-card.wide{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.card-number{font-size:10px;letter-spacing:2px;color:#6f879e}.cap-card h3{margin:24px 0 14px}.cap-card p{font-size:14px;line-height:1.9;color:var(--muted);max-width:440px}.cap-card .text-link{display:inline-block;margin-top:24px;color:#1470c9}.office-diagram{background:white;border:1px solid #dfe8f2;box-shadow:0 20px 35px #0d2b4610;border-radius:12px;padding:22px;transform:rotate(-2deg)}.diagram-top{font-size:12px;font-weight:600;display:flex;align-items:center;gap:8px;margin-bottom:20px}.diagram-top i{width:9px;height:9px;border-radius:50%;background:#1685ff}.diagram-top small{margin-left:auto;color:#9aaabb;font-weight:400}.diagram-task,.diagram-result{padding:18px;background:#f3f7fc;border-radius:8px;font-size:14px}.diagram-task span{float:right;font-size:10px;color:#8597ab}.diagram-line{height:18px;width:1px;background:#c5d7e8;margin:auto}.diagram-pair{display:flex;gap:12px;justify-content:center}.diagram-pair span{padding:10px 25px;border:1px solid #e0e8f2;border-radius:6px;font-size:12px}.diagram-result{border:1px solid #b4d6fa;color:#1674ce}.diagram-result small{display:block;font-size:10px;margin-top:8px;color:#6c87a0}.chart-art{height:120px;display:flex;align-items:flex-end;gap:14px;padding-top:20px}.chart-art i{height:35%;width:38px;border-radius:6px 6px 0 0;background:linear-gradient(#5aaaff,#b8d9ff)}.chart-art i:nth-child(2){height:60%}.chart-art i:nth-child(3){height:48%}.chart-art i:nth-child(4){height:78%}.chart-art i:nth-child(5){height:100%}.blue-card{background:#eaf3ff}.marketing-art{height:120px;display:flex;align-items:center;gap:16px}.marketing-art span{display:grid;place-items:center;width:76px;height:76px;border-radius:18px;box-shadow:0 12px 24px #366fa51a;background:white;font-size:14px;transform:rotate(-8deg)}.marketing-art span:nth-child(2){background:#1685ff;color:white;transform:translateY(12px) rotate(4deg)}.scene-section{display:grid;grid-template-columns:1fr 1fr;background:#f3f1ed}.scene-image{position:relative;min-height:480px}.scene-image img{width:100%;height:100%;position:absolute;object-fit:cover}.scene-image>span{position:absolute;bottom:16px;left:20px;color:white;font-size:10px;text-shadow:0 1px 5px #000}.scene-copy{padding:80px 60px;align-self:center;max-width:670px}.scene-copy p:not(.overline){color:#6c746f;font-size:15px;line-height:1.9;margin:26px 0}.workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.workflow article{border-top:1px solid #d9e3ee;padding-top:24px}.workflow b{font-size:32px;font-weight:400;color:#1685ff}.workflow h3{font-size:18px;margin:22px 0 12px}.workflow p{font-size:13px;line-height:1.8;color:var(--muted)}.demo-section{background:#f3f6fa}.demo-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.feature-demo{position:relative;border:0;border-radius:18px;overflow:hidden;background:#081d36;min-height:430px;color:white;text-align:left;cursor:pointer}.feature-demo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75}.play-circle{position:absolute;top:30%;left:calc(50% - 28px);width:56px;height:56px;display:grid;place-items:center;border:1px solid #ffffff80;border-radius:50%;background:#ffffff18;font-size:23px}.demo-caption{position:absolute;bottom:0;left:0;right:0;padding:70px 30px 30px;background:linear-gradient(transparent,#081d36)}.demo-caption small{font-size:10px;color:#adc5dc;letter-spacing:1px}.demo-caption strong{display:block;font-size:22px;margin:12px 0}.demo-caption em{font-size:12px;font-style:normal}.demo-side{display:flex;flex-direction:column;gap:16px}.demo-side>button{display:flex;align-items:center;gap:16px;border:1px solid #e1e8f0;border-radius:12px;background:white;color:var(--ink);padding:22px;text-align:left;cursor:pointer}.mini-play{background:#eaf3ff;color:#1685ff;border-radius:10px;padding:18px}.demo-side small,.demo-side em{font-size:10px;color:#7d91a5;font-style:normal}.demo-side strong{display:block;font-size:18px;margin:6px 0}.demo-side b{margin-left:auto}.screenshot-slot{border:1px dashed #bbcede;border-radius:12px;flex:1;padding:22px;text-align:center;display:flex;flex-direction:column;justify-content:center;min-height:120px;color:#6b859f}.screenshot-slot>span{font-size:25px}.screenshot-slot strong{font-size:13px;margin:8px}.screenshot-slot p{font-size:11px}.tutor-card{background:#eef5f4;border-radius:20px;padding:48px;display:grid;grid-template-columns:1.2fr 1fr;gap:50px}.tutor-card h2{font-size:24px}.tutor-card h3{font-size:32px;margin:24px 0}.tutor-card p:not(.overline){font-size:14px;line-height:1.9;color:#657b78;max-width:500px}.tutor-card .text-link{margin-top:24px;display:inline-block}.tutor-visual{border:1px dashed #b0cdca;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:14px;background:#ffffff80;text-align:center;padding:25px}.lesson-icon{font-size:50px;color:#458e89;margin-bottom:25px}.lesson-icon span{font-size:20px;vertical-align:super}.tutor-visual strong{font-size:18px}.tutor-visual small{font-size:10px;color:#8b9e9b;margin-top:30px}.services-section{padding-top:20px}.custom-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.custom-grid article{border:1px solid #e1e8f0;border-radius:18px;overflow:hidden;padding:0 32px 32px}.custom-art{height:210px;margin:0 -32px 30px;background:#f4f7fa;display:flex;align-items:center;justify-content:center;gap:15px}.devices-art span{border:5px solid #d2deeb;border-radius:10px;background:#e2edfa;color:#6091bd;width:115px;height:80px;display:grid;place-items:center;box-shadow:10px 15px 20px #284d7410}.devices-art span:nth-child(2){height:115px;width:62px;background:#167fea;color:white;transform:translateY(10px)}.avatar-art img{height:190px;width:170px;object-fit:contain}.avatar-art span{background:white;border-radius:12px;padding:14px;font-size:11px;color:#69839d}.custom-grid h3{margin-bottom:12px}.custom-grid p{font-size:14px;line-height:1.9;color:var(--muted)}.custom-grid small{display:block;color:#8ba0b2;font-size:11px;margin:16px 0 24px}.about-section{background:#f7f8fa}.about-section .wrap{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px 70px}.about-section .overline{grid-column:span 2}.about-section p:not(.overline){font-size:14px;color:var(--muted);line-height:2}.site-contact{background:#102e4f;padding:70px 0;color:white}.site-contact .wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.site-contact h2{font-size:38px}.site-footer{display:flex;align-items:center;gap:25px;padding-top:35px;padding-bottom:35px;font-size:11px;color:#7890a6}.site-footer .brand{color:#102e4f;display:block;font-size:20px;margin-right:auto}.site-footer .brand small{font-size:8px;display:block;letter-spacing:3px}.site-main button:hover,.site-main a:hover{filter:brightness(.95)}.site-main a:focus-visible,.site-main button:focus-visible{outline:3px solid #64b4ff;outline-offset:5px}.site-main [data-media-slot]>img{width:100%;height:100%;object-fit:contain;max-height:350px;border-radius:10px}.site-main section[id]{scroll-margin-top:25px}
@media(min-width:1800px){.hero-content{padding-right:350px}.hero-art{width:60%}.up-hero{min-height:750px}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.site-header .links{gap:18px}.site-section{padding:70px 0}.site-main h2{font-size:34px}.scene-copy{padding:40px 30px}.cap-card.wide{gap:30px}.cap-card{padding:28px}.hero-art{width:80%;opacity:.55}.section-heading{align-items:flex-start}.demo-grid{grid-template-columns:1fr 1fr}.tutor-card{padding:30px;gap:30px}.site-footer{flex-wrap:wrap}}
@media(max-width:650px){.wrap{width:calc(100% - 36px)}.site-header nav{height:auto;min-height:100px;flex-wrap:wrap;padding:18px 0;gap:20px}.site-header .brand{font-size:19px}.site-header .links{width:100%;justify-content:space-between;gap:6px;flex-wrap:wrap}.site-header .links a{font-size:11px}.site-header .links .btn{padding:8px 10px}.up-hero{min-height:650px;align-items:flex-start}.hero-content{padding-top:45px;padding-bottom:230px}.hero-content h1{font-size:40px;letter-spacing:-1.5px}.hero-description{font-size:14px;line-height:1.85;margin-top:23px!important;max-width:340px}.desktop-break{display:none}.hero-art{width:100%;height:55%;top:auto;bottom:0;opacity:.7;mask-image:linear-gradient(to bottom,transparent,#000 35%)}.hero-buttons{gap:18px;flex-wrap:wrap;margin-top:26px}.hero-buttons .btn{font-size:13px;padding:14px 18px}.hero-buttons .text-link{font-size:12px}.hero-tags{margin-top:25px;font-size:10px;gap:12px}.hero-tags span+span{padding-left:12px}.hero-caption{font-size:7px;right:18px}.value-strip .wrap{flex-wrap:wrap;gap:18px;padding:22px 0;font-size:11px}.value-strip span{width:100%}.site-section{padding:55px 0}.site-main h2{font-size:30px;letter-spacing:-.8px}.overline{font-size:9px!important;margin-bottom:16px!important}.section-heading{display:block;margin-bottom:28px}.section-heading>p{font-size:12px;margin-top:18px}.capability-grid,.cap-card.wide,.scene-section,.demo-grid,.tutor-card,.custom-grid,.about-section .wrap{grid-template-columns:1fr}.cap-card.wide{grid-column:auto}.cap-card{padding:25px}.cap-card h3{font-size:24px}.cap-card p{font-size:13px}.office-diagram{margin-top:10px;transform:rotate(-1deg);padding:16px}.diagram-pair span{padding:10px 15px}.scene-image{min-height:290px}.scene-copy{padding:40px 25px}.scene-copy p:not(.overline){font-size:13px}.workflow{grid-template-columns:1fr 1fr;gap:28px 20px}.workflow h3{font-size:16px}.workflow p{font-size:12px}.feature-demo{min-height:330px}.demo-caption{padding:60px 22px 25px}.demo-caption strong{font-size:19px}.demo-side>button{padding:18px}.tutor-card{padding:25px;gap:25px}.tutor-card h2{font-size:21px}.tutor-card h3{font-size:28px}.tutor-visual{min-height:260px}.custom-art{height:185px}.avatar-art span{max-width:105px}.about-section .overline{grid-column:auto}.about-section p:not(.overline){margin-top:20px;font-size:12px}.site-contact{padding:45px 0}.site-contact .wrap{display:block}.site-contact h2{font-size:30px}.site-contact .btn{margin-top:30px}.site-footer{gap:18px}.site-footer>span{width:100%;order:4;font-size:10px}.site-footer .brand{width:100%}}
.site-main .wrap,.site-header .wrap,.value-strip .wrap,.site-footer.wrap{padding-left:0;padding-right:0}.site-main .tutor-card{padding:48px}.site-header .links a:not(.btn){display:block!important}
@media(max-width:650px){.hero-content h1{font-size:clamp(28px,8.6vw,34px);letter-spacing:-1px}.site-main .tutor-card{padding:25px}.site-header .links{gap:10px}.site-header .links a{white-space:nowrap}.site-header .links .btn{margin-left:auto}.site-footer{padding-bottom:110px}}
/* Keep the approved white mark; suppress the composite reference's navy tile. */
.site-header .brandmark{filter:grayscale(1) contrast(5);mix-blend-mode:screen;border-radius:0;flex-shrink:0}
.site-header .brand{isolation:isolate;background:var(--navy)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}