/* LeoSoft shared homepage hero. Scoped reset; content and accent are the only site variants.
   Geometry follows web-design: 1180px artboard, 44px inset, 1.12:1 columns,
   system font, 800 title / 1.4, 14px description / 1.85, 12px CTA gap. */
html body .lsh-hero,html body .lsh-hero *:not(.lsn-line){all:revert!important;box-sizing:border-box!important;font:400 15px/26.25px system-ui,sans-serif!important;font-family:system-ui,-apple-system,"Segoe UI","PingFang TC","Noto Sans TC","Microsoft JhengHei",sans-serif!important;color:inherit!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;text-shadow:none!important;letter-spacing:normal!important;float:none!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;animation:none!important;transition:none!important;text-decoration:none!important;}
html body .lsh-hero::before,html body .lsh-hero::after,html body .lsh-hero *::before,html body .lsh-hero *::after{content:none!important;display:none!important;}
html body .lsh-hero{--lsh-accent:#3158a8;display:block!important;position:relative!important;width:100%!important;height:494px!important;margin:0!important;padding:32px 24px!important;color:#242424!important;background:#fff!important;isolation:isolate!important;text-align:left!important;overflow:hidden!important;}
html[data-theme="dark"] body .lsh-hero{color:#ededed!important;background:#191919!important;}
html body[data-lsn-site="hub"] .lsh-hero{--lsh-accent:#8c5cba;}
html body[data-lsn-site="ai-chatbot"] .lsh-hero{--lsh-accent:#7952aa;}
html body[data-lsn-site="brand-design"] .lsh-hero{--lsh-accent:#a94438;}
html body[data-lsn-site="secs-gem"] .lsh-hero{--lsh-accent:#b07920;}
html body[data-lsn-site="ai-aoi"] .lsh-hero{--lsh-accent:#3b8574;}
html body .lsh-hero .lsh-container{display:grid!important;grid-template-columns:1.12fr 1fr!important;gap:16px!important;width:100%!important;max-width:1180px!important;height:430px!important;margin:0 auto!important;padding:24px 20px 24px 44px!important;border:1px solid #ddd!important;align-items:center!important;}
html[data-theme="dark"] body .lsh-hero .lsh-container{border-color:#444!important;}
html body .lsh-hero .lsh-copy{display:block!important;width:100%!important;height:380px!important;}
html body .lsh-hero .lsh-kicker{display:block!important;height:22px!important;margin-bottom:8px!important;font-size:12px!important;font-weight:500!important;line-height:22px!important;overflow:hidden!important;white-space:nowrap!important;}
html body .lsh-hero .lsh-title{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;height:104px!important;width:100%!important;overflow:hidden!important;font-size:clamp(28px,2.7vw,40px)!important;font-weight:800!important;line-height:1.4!important;letter-spacing:-.5px!important;white-space:normal!important;}
html body .lsh-hero .lsh-title span{font:inherit!important;color:inherit!important;}
html body .lsh-hero .lsh-subtitle{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;width:100%!important;height:78px!important;margin:12px 0!important;overflow:hidden!important;font-size:14px!important;font-weight:400!important;line-height:25.9px!important;}
html body .lsh-hero .lsh-actions{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;height:48px!important;width:100%!important;flex-wrap:nowrap!important;font:400 14px/21px Arial,"Noto Sans TC",sans-serif!important;color:#171717!important;}
html body .lsh-hero .lsh-secondary{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 160px!important;width:160px!important;height:48px!important;padding:12px!important;border:1px solid #777!important;border-radius:8px!important;font-size:14px!important;font-weight:700!important;line-height:21px!important;color:#242424!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
html[data-theme="dark"] body .lsh-hero .lsh-secondary{color:#ededed!important;border-color:#aaa!important;}
html body .lsh-hero .lsh-secondary:hover{background:#eee!important;}
html[data-theme="dark"] body .lsh-hero .lsh-secondary:hover{background:#333!important;}
html body .lsh-hero .lsh-note{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;height:66px!important;margin-top:12px!important;font-size:12px!important;font-weight:400!important;line-height:22px!important;overflow:hidden!important;}
html body .lsh-hero .lsh-image-box{display:block!important;position:relative!important;width:100%!important;aspect-ratio:1.4!important;height:auto!important;overflow:hidden!important;border:0!important;}
html body .lsh-hero .lsh-image{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;}
html body .lsh-hero .lsh-image-dark{display:none!important;}
html[data-theme="dark"] body .lsh-hero .lsh-image-light{display:none!important;}
html[data-theme="dark"] body .lsh-hero .lsh-image-dark{display:block!important;}
html body .lsh-hero a:focus-visible{outline:3px solid var(--lsh-accent)!important;outline-offset:3px!important;}
@media(max-width:600px){
 html body .lsh-hero{height:694px!important;padding:20px 16px!important;}
 html body .lsh-hero .lsh-container{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:20px!important;height:654px!important;padding:26px 22px!important;}
 html body .lsh-hero .lsh-copy{height:400px!important;flex:0 0 400px!important;}
 html body .lsh-hero .lsh-title{font-size:27px!important;height:114px!important;-webkit-line-clamp:3!important;}
 html body .lsh-hero .lsh-subtitle{height:104px!important;margin:12px 0!important;-webkit-line-clamp:4!important;}
 html body .lsh-hero .lsh-secondary{width:126px!important;flex-basis:126px!important;font-size:12px!important;padding:8px!important;}
 html body .lsh-hero .lsh-image-box{height:180px!important;flex:0 0 180px!important;aspect-ratio:1.74!important;}
 html body .lsh-hero .lsh-note{margin-top:12px!important;}
}

/* Balance actual title lines within the shared reserved box. */
html body .lsh-hero .lsh-title{display:flex!important;align-items:center!important;}
html body .lsh-hero .lsh-title .lsh-title-text{display:block!important;width:100%!important;text-wrap:balance!important;font:inherit!important;}