*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#1f2937;background:#fff;font-family:Pretendard,sans-serif}a{text-decoration:none}img{max-width:100%;display:block}.container{width:min(1200px,92%);margin:auto}.header{z-index:999;background:#fff;border-bottom:1px solid #eee;width:100%;height:82px;position:fixed;top:0;left:0}.header .container{justify-content:space-between;align-items:center;height:100%;display:flex}.logo{color:#0e2748;flex-direction:column;display:flex}.logo strong{font-size:28px}.logo span{color:#999;font-size:12px}.nav{gap:45px;display:flex}.nav a{color:#555;font-weight:500}.btn{border-radius:60px;justify-content:center;align-items:center;padding:15px 30px;transition:all .3s;display:inline-flex}.btn-primary{color:#fff;background:#0e2748}.btn-orange{color:#fff;background:#f58220}.btn-outline{color:#333;border:1px solid #ddd}.hero{padding-top:150px;padding-bottom:120px;position:relative;overflow:hidden}.hero-bg{z-index:-1;background:radial-gradient(circle at 100%,#dbeafe 0%,#0000 45%),linear-gradient(#fff,#f7f9fc);position:absolute;inset:0}.hero .container{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.hero-badge{color:#f58220;background:#fff3e8;border-radius:50px;margin-bottom:25px;padding:10px 18px;font-weight:600;display:inline-block}.hero h1{color:#0e2748;margin-bottom:30px;font-size:64px;line-height:1.15}.hero p{color:#666;font-size:20px;line-height:1.8}.hero-feature{grid-template-columns:repeat(2,1fr);gap:15px;margin:45px 0;display:grid}.hero-feature div{background:#fff;border:1px solid #eee;border-radius:14px;padding:18px}.hero-buttons{gap:20px;display:flex}.hero-right{min-height:650px;position:relative}.dashboard-card{background:#fff;border-radius:24px;width:100%;overflow:hidden;box-shadow:0 40px 80px #0000001f}.mobile-preview{border-radius:30px;width:220px;position:absolute;bottom:20px;right:-10px;box-shadow:0 20px 60px #0000002e}.sensor-preview{width:160px;position:absolute;bottom:-30px;left:-40px}.live-card{background:#fff;border-radius:18px;align-items:center;gap:12px;padding:18px 22px;display:flex;position:absolute;top:25px;right:-20px;box-shadow:0 15px 40px #0000001f}.dot{background:#10b981;border-radius:50%;width:10px;height:10px}.section-title{text-align:center;max-width:760px;margin:0 auto 70px}.section-title span{color:#f58220;letter-spacing:2px;font-weight:700}.section-title h2{color:#0e2748;margin-top:18px;font-size:48px;line-height:1.3}.section-title p{color:#6b7280;margin-top:25px;font-size:19px;line-height:1.8}.pain{background:#f8fafc;padding:140px 0}.pain-grid{grid-template-columns:repeat(4,1fr);gap:30px;display:grid}.pain-card{background:#fff;border:1px solid #ececec;border-radius:24px;padding:40px 30px;transition:all .35s}.pain-card:hover{transform:translateY(-10px);box-shadow:0 30px 60px #00000014}.icon{background:#fff4e8;border-radius:18px;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:25px;font-size:34px;display:flex}.pain-card h3{color:#0e2748;margin-bottom:18px;font-size:24px}.pain-card p{color:#666;line-height:1.8}.solution-box{color:#fff;background:linear-gradient(135deg,#0e2748,#183e70);border-radius:30px;margin-top:70px;padding:60px}.solution-box small{color:#f6b26b;letter-spacing:2px;font-weight:700}.solution-box h3{margin:15px 0 20px;font-size:42px}.solution-box p{opacity:.9;font-size:18px;line-height:1.8}.workflow{background:#fff;padding:140px 0}.flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;display:flex}.flow-item{text-align:center;background:#fff;border:1px solid #ececec;border-radius:24px;width:170px;padding:35px 20px;transition:all .3s}.flow-item:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000014}.flow-icon{background:#eef5ff;border-radius:20px;justify-content:center;align-items:center;width:70px;height:70px;margin:auto auto 20px;font-size:34px;display:flex}.flow-item h3{color:#0e2748;margin-bottom:15px;font-size:20px}.flow-item p{color:#666;font-size:15px;line-height:1.7}.flow-arrow{color:#f58220;font-size:34px;font-weight:700}.dashboard-section{background:#f8fafc;padding:140px 0}.dashboard-grid{grid-template-columns:480px 1fr;align-items:center;gap:80px;display:grid}.section-label{color:#f58220;letter-spacing:2px;margin-bottom:20px;font-weight:700;display:inline-block}.dashboard-content h2{color:#0e2748;margin-bottom:30px;font-size:48px;line-height:1.3}.dashboard-content p{color:#666;margin-bottom:40px;font-size:18px;line-height:1.9}.dashboard-list{gap:18px;display:grid}.dashboard-item{background:#fff;border:1px solid #ececec;border-radius:16px;align-items:center;gap:16px;padding:18px 22px;display:flex}.dashboard-item span{color:#10b981;font-size:20px;font-weight:700}.dashboard-image{position:relative}.dashboard-image img{border-radius:24px;width:100%;box-shadow:0 30px 80px #0000001f}.mobile-section{background:#fff;padding:140px 0}.mobile-grid{grid-template-columns:480px 1fr;align-items:center;gap:100px;display:grid}.mobile-image{text-align:center}.mobile-image img{filter:drop-shadow(0 30px 60px #0000002e);max-width:320px;margin:auto}.mobile-content h2{color:#0e2748;margin:20px 0 30px;font-size:48px;line-height:1.3}.mobile-content p{color:#666;font-size:18px;line-height:1.9}.mobile-feature{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:45px;display:grid}.mobile-card{background:#fff;border:1px solid #ececec;border-radius:20px;align-items:flex-start;gap:18px;padding:24px;transition:all .3s;display:flex}.mobile-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #00000014}.mobile-icon{background:#eef5ff;border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;font-size:28px;display:flex}.mobile-card strong{color:#0e2748;margin-bottom:8px;font-size:18px;display:block}.mobile-card p{color:#666;font-size:15px;line-height:1.6}.journal-section{background:#f8fafc;padding:140px 0}.journal-grid{grid-template-columns:1fr 460px;align-items:center;gap:90px;display:grid}.journal-content h2{color:#0e2748;margin:20px 0 30px;font-size:48px;line-height:1.3}.journal-content p{color:#666;font-size:18px;line-height:1.9}.journal-list{gap:20px;margin-top:45px;display:grid}.journal-item{background:#fff;border:1px solid #ececec;border-radius:18px;align-items:flex-start;gap:20px;padding:24px;display:flex}.check{color:#fff;background:#10b981;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-weight:700;display:flex}.journal-item strong{color:#0e2748;margin-bottom:8px;font-size:18px;display:block}.journal-item p{margin:0;font-size:15px}.journal-image{position:relative}.journal-image img{border-radius:20px;width:100%;box-shadow:0 30px 70px #0000001f}.journal-badge{background:#fff;border-radius:18px;padding:16px 22px;font-weight:600;position:absolute;top:-20px;right:-20px;box-shadow:0 20px 50px #00000026}.users-section{background:#fff;padding:140px 0}.users-grid{grid-template-columns:repeat(4,1fr);gap:30px;display:grid}.user-card{background:#fff;border:1px solid #ececec;border-radius:24px;padding:40px 30px;transition:all .3s}.user-card:hover{transform:translateY(-10px);box-shadow:0 30px 60px #00000014}.user-icon{background:#eef5ff;border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:25px;font-size:36px;display:flex}.user-card h3{color:#0e2748;margin-bottom:25px;font-size:26px}.user-card ul{list-style:none}.user-card li{color:#666;margin-bottom:14px;padding-left:20px;line-height:1.8;position:relative}.user-card li:before{content:"";background:#f58220;border-radius:50%;width:7px;height:7px;position:absolute;top:12px;left:0}.contact-section{color:#fff;background:#0e2748;padding:140px 0}.contact-wrap{grid-template-columns:420px 1fr;align-items:start;gap:80px;display:grid}.contact-info h2{margin:20px 0 30px;font-size:50px;line-height:1.3}.contact-info p{opacity:.9;font-size:18px;line-height:1.9}.contact-benefits{margin-top:45px}.benefit{gap:14px;margin-bottom:18px;display:flex}.benefit span{color:#f58220;font-weight:700}.contact-form{background:#fff;border-radius:24px;padding:45px}.form-group{margin-bottom:22px}.form-group label{color:#333;margin-bottom:10px;font-weight:600;display:block}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:12px;outline:none;width:100%;padding:16px;font-size:16px}.form-group input:focus,.form-group textarea:focus{border-color:#f58220}.submit-btn{color:#fff;cursor:pointer;background:#f58220;border:none;border-radius:14px;width:100%;height:60px;font-size:18px;font-weight:700;transition:all .3s}.submit-btn:hover{background:#e26d08}