.landing-page{color:#1d1d1f;min-height:100vh;font-family:Inter,Arial,sans-serif;overflow-x:hidden}.landing-header{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd9;border-bottom:1px solid #0000000f;height:74px;padding:0 60px;position:sticky;top:0}.landing-header-inner{justify-content:space-between;align-items:center;width:100%;max-width:1280px;height:100%;margin:0 auto;display:flex}.landing-logo{align-items:center;display:flex}.landing-logo img{object-fit:contain;width:auto;height:44px}.landing-header nav{align-items:center;gap:28px;display:flex}.btn-login{color:#0c6b68;background:#e7f2f1;border-radius:10px;padding:12px 24px;font-size:15px;font-weight:700;text-decoration:none;transition:all .25s}.btn-login:hover{background:#d5ece9;transform:translateY(-1px);box-shadow:0 4px 12px #0c6b6826}.landing-hero{min-height:calc(100vh - 74px);padding:50px 60px 70px;position:relative;overflow:hidden}.landing-hero-bg{z-index:0;background-image:url(/landing-bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.landing-hero-bg:after{content:"";background:linear-gradient(160deg,#fffc 0%,#f8fafcbf 40%,#f0f4f8b3 100%);position:absolute;inset:0}.landing-content{z-index:2;max-width:1280px;margin:0 auto;position:relative}.landing-hero-top{flex-direction:column;align-items:center;margin-bottom:50px;display:flex}.landing-hero-text{text-align:center;z-index:2;max-width:860px;padding-top:10px;position:relative}.landing-content h1{color:#1d1d1f;margin-bottom:20px;font-size:46px;font-weight:800;line-height:1.18}.landing-content h1 .hl-blue{color:#193e6d}.landing-content h1 .hl-green{color:#006a55;font-style:italic;font-weight:900}.landing-subtitle{color:#4d4d4d;max-width:620px;margin:0 auto 28px;font-size:19px;line-height:1.5}.landing-main-btn{color:#fff;background:linear-gradient(135deg,#08756f,#075d59);border-radius:40px;padding:17px 38px;font-size:22px;font-weight:800;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 12px 25px #005a5540}.landing-main-btn:hover{transform:translateY(-3px);box-shadow:0 18px 35px #005a5559}.landing-main-btn span{font-weight:400}.landing-robot-wrapper{z-index:20;pointer-events:none;width:650px;position:absolute;top:50px;right:-8%}.landing-robot-wrapper img{filter:drop-shadow(0 25px 50px #00000040);width:100%;height:auto}.landing-dashboard{z-index:2;grid-template-columns:repeat(3,1fr);gap:22px;display:grid;position:relative}.landing-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe6;border-radius:20px;padding:16px;transition:all .3s;overflow:hidden;box-shadow:0 8px 32px #00000012,0 1px 3px #0000000a}.landing-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #0000001a,0 2px 6px #0000000d}.landing-question{text-align:left;color:#374151;background:#eef1f7;border-radius:12px;align-items:center;gap:8px;margin-bottom:12px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.landing-question-icon{flex-shrink:0;font-size:16px}.landing-card-chart{border-radius:14px;width:100%;display:block}.landing-features{z-index:2;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px;display:grid;position:relative}.landing-feature{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:left;background:#ffffffe6;border-radius:20px;min-height:210px;padding:32px 28px;transition:all .3s;box-shadow:0 8px 32px #00000012,0 1px 3px #0000000a}.landing-feature:hover{transform:translateY(-4px);box-shadow:0 16px 48px #0000001a,0 2px 6px #0000000d}.landing-feature-icon{background:linear-gradient(135deg,#e8f5f3,#ddf0ee);border-radius:14px;place-items:center;width:52px;height:52px;margin-bottom:22px;font-size:24px;display:grid}.landing-feature h3{color:#1d1d1f;margin-bottom:14px;font-size:22px;font-weight:800}.landing-feature p{color:#555;font-size:15px;line-height:1.65}@media (max-width:1200px){.landing-robot-wrapper{width:520px;top:80px;right:-10%}.landing-content h1{font-size:40px}}@media (max-width:1024px){.landing-hero-top{margin-bottom:30px}.landing-robot-wrapper{z-index:1;width:400px;margin:30px auto 0;position:relative;top:auto;right:auto}.landing-dashboard,.landing-features{grid-template-columns:1fr;max-width:480px;margin-left:auto;margin-right:auto}.landing-header{padding:0 25px}.landing-content h1{font-size:34px}.landing-hero{padding:40px 25px 60px}}@media (max-width:640px){.landing-header{padding:0 16px}.landing-content h1{font-size:28px}.landing-subtitle{font-size:17px}.landing-main-btn{padding:14px 28px;font-size:18px}.landing-robot-wrapper{width:200px}}
