*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--green: #03C75A;--green-dark: #02A84A;--green-hover: #02B34F;--green-light: #E8F9EF;--green-mid: #C2EDDA;--text-primary: #1A1A1A;--text-secondary: #4A4A4A;--text-muted: #8B8B8B;--border: #E8E8E8;--bg: #FFFFFF;--bg-gray: #F8F9FA;--bg-green: #F0FBF5}html{scroll-behavior:smooth}body{font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-primary);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;font-family:inherit}img{max-width:100%}.navbar{position:sticky;top:0;z-index:100;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.navbar-inner{max-width:1100px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between}.navbar-logo{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:800;color:var(--text-primary)}.navbar-logo-dot{width:32px;height:32px;background:var(--green);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:800}.navbar-links{display:flex;gap:32px;list-style:none}.navbar-links a{font-size:14px;font-weight:500;color:var(--text-secondary);transition:color .2s}.navbar-links a:hover{color:var(--green)}.navbar-cta{background:var(--green);color:#fff;padding:8px 20px;border-radius:6px;font-size:14px;font-weight:600;transition:background .2s}.navbar-cta:hover{background:var(--green-dark)}.hero{padding:100px 24px 80px;text-align:center;background:linear-gradient(180deg,#f0fbf5,#fff)}.hero-badge{display:inline-flex;align-items:center;gap:6px;background:var(--green-light);color:var(--green-dark);border:1px solid var(--green-mid);padding:5px 14px;border-radius:100px;font-size:13px;font-weight:600;margin-bottom:28px}.hero-badge-dot{width:6px;height:6px;background:var(--green);border-radius:50%}.hero h1{font-size:clamp(36px,6vw,62px);font-weight:800;line-height:1.2;color:var(--text-primary);margin-bottom:20px;letter-spacing:-1px}.hero h1 span{color:var(--green)}.hero-sub{font-size:clamp(16px,2vw,18px);color:var(--text-secondary);max-width:520px;margin:0 auto 40px;font-weight:400;line-height:1.8}.hero-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn-primary{background:var(--green);color:#fff;padding:14px 28px;border-radius:8px;font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px;transition:background .2s,transform .1s}.btn-primary:hover{background:var(--green-dark);transform:translateY(-1px)}.btn-secondary{background:#fff;color:var(--text-primary);padding:14px 28px;border-radius:8px;font-size:15px;font-weight:600;border:1.5px solid var(--border);display:flex;align-items:center;gap:8px;transition:border-color .2s,transform .1s}.btn-secondary:hover{border-color:var(--green);color:var(--green);transform:translateY(-1px)}.btn-disabled{opacity:.55;cursor:default;pointer-events:none}.coming-soon-badge{background:var(--green-light);color:var(--green-dark);font-size:11px;font-weight:700;padding:2px 7px;border-radius:100px;margin-left:4px}.coming-soon-badge--outline{background:#fff3;color:#fff}.hero-mockup{margin-top:64px;max-width:900px;margin-left:auto;margin-right:auto}.hero-mockup-box{background:#fff;border:1px solid var(--border);border-radius:20px;padding:40px;display:flex;gap:24px;justify-content:center;align-items:center;flex-wrap:wrap;box-shadow:0 4px 40px #03c75a14,0 1px 8px #0000000f}.phone-mock{width:160px;height:300px;background:linear-gradient(160deg,#e8f9ef,#f0fbf5);border-radius:24px;border:1.5px solid var(--green-mid);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden}.phone-mock:before{content:"";position:absolute;top:-30px;right:-30px;width:100px;height:100px;background:#03c75a1a;border-radius:50%}.phone-mock-icon{font-size:36px}.phone-mock-text{font-size:12px;font-weight:700;color:var(--green-dark);text-align:center}.phone-mock-amount{font-size:24px;font-weight:800;color:var(--green)}.phone-mock-label{font-size:11px;color:var(--text-muted);font-weight:500}.phone-mock-divider{width:80%;height:1px;background:var(--green-mid)}.stats{background:var(--green);padding:60px 24px}.stats-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;text-align:center}.stat-item h3{font-size:clamp(32px,5vw,48px);font-weight:800;color:#fff;margin-bottom:6px;letter-spacing:-1px}.stat-item p{font-size:14px;color:#fffc;font-weight:500}.features{padding:100px 24px;background:var(--bg)}.section-header{text-align:center;max-width:600px;margin:0 auto 64px}.section-label{font-size:13px;font-weight:700;color:var(--green);letter-spacing:1px;text-transform:uppercase;margin-bottom:12px}.section-title{font-size:clamp(26px,4vw,38px);font-weight:800;line-height:1.3;color:var(--text-primary);margin-bottom:16px;letter-spacing:-.5px}.section-desc{font-size:16px;color:var(--text-secondary);line-height:1.8}.features-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{padding:36px 28px;border:1.5px solid var(--border);border-radius:16px;transition:border-color .2s,box-shadow .2s,transform .2s;background:#fff}.feature-card:hover{border-color:var(--green);box-shadow:0 8px 32px #03c75a1a;transform:translateY(-4px)}.feature-icon{width:52px;height:52px;background:var(--green-light);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:20px}.feature-card h3{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:10px}.feature-card p{font-size:14px;color:var(--text-secondary);line-height:1.8}.howitworks{padding:100px 24px;background:var(--bg-gray)}.steps{max-width:700px;margin:0 auto;display:flex;flex-direction:column}.step{display:flex;gap:32px;align-items:flex-start;position:relative}.step:not(:last-child):after{content:"";position:absolute;left:23px;top:52px;width:2px;height:56px;background:var(--green-mid)}.step-num{width:48px;height:48px;min-width:48px;background:var(--green);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;margin-top:4px}.step-content{padding-bottom:60px;flex:1}.steps .step:last-child .step-content{padding-bottom:0}.step-content h3{font-size:19px;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.step-content p{font-size:14px;color:var(--text-secondary);line-height:1.8}.company{padding:100px 24px;background:var(--bg)}.company-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.company-content .section-label,.company-content .section-title{text-align:left}.company-text{font-size:15px;color:var(--text-secondary);line-height:1.9;margin-bottom:32px}.company-values{display:flex;flex-direction:column;gap:14px}.company-value{display:flex;align-items:flex-start;gap:12px}.company-value-icon{width:20px;height:20px;min-width:20px;background:var(--green);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;margin-top:3px}.company-value p{font-size:14px;color:var(--text-secondary);line-height:1.7}.company-value p strong{color:var(--text-primary);font-weight:700}.company-visual{background:linear-gradient(135deg,var(--green-light) 0%,#fff 100%);border:1.5px solid var(--green-mid);border-radius:24px;padding:40px 36px}.company-visual-title{font-size:12px;font-weight:700;color:var(--text-muted);letter-spacing:.8px;text-transform:uppercase;margin-bottom:20px}.company-stat-row{display:flex;flex-direction:column;gap:10px}.company-stat-item{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#fff;border-radius:10px;border:1px solid var(--border)}.company-stat-item span:first-child{font-size:14px;color:var(--text-secondary);font-weight:500}.company-stat-item span:last-child{font-size:15px;font-weight:800;color:var(--green)}.cta{padding:100px 24px;background:var(--green);text-align:center}.cta h2{font-size:clamp(28px,4vw,42px);font-weight:800;color:#fff;margin-bottom:16px;letter-spacing:-.5px}.cta p{font-size:16px;color:#ffffffd9;margin-bottom:40px;line-height:1.7}.cta-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn-white{background:#fff;color:var(--green-dark);padding:14px 28px;border-radius:8px;font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px;transition:transform .1s,box-shadow .2s}.btn-white:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.btn-outline-white{background:transparent;color:#fff;padding:14px 28px;border-radius:8px;font-size:15px;font-weight:600;border:2px solid rgba(255,255,255,.6);display:flex;align-items:center;gap:8px;transition:border-color .2s,transform .1s}.btn-outline-white:hover{border-color:#fff;transform:translateY(-2px)}.footer{background:#111;padding:60px 24px 40px;color:#888}.footer-inner{max-width:1100px;margin:0 auto}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;padding-bottom:40px;border-bottom:1px solid #2A2A2A;flex-wrap:wrap}.footer-brand p{font-size:13px;line-height:1.8;max-width:280px;margin-top:12px}.footer-logo{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:800;color:#fff}.footer-logo-dot{width:28px;height:28px;background:var(--green);border-radius:7px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:800}.footer-links-group h4{font-size:13px;font-weight:700;color:#ccc;margin-bottom:16px}.footer-links-group ul{list-style:none;display:flex;flex-direction:column;gap:10px}.footer-links-group a{font-size:13px;color:#777;transition:color .2s}.footer-links-group a:hover{color:var(--green)}.footer-bottom{padding-top:32px;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px}.footer-bottom p{font-size:12px;color:#555}.footer-company-info{font-size:12px;color:#555;line-height:1.9}@media(max-width:768px){.navbar-links{display:none}.features-grid{grid-template-columns:1fr}.stats-inner{grid-template-columns:1fr;gap:32px}.company-inner{grid-template-columns:1fr;gap:40px}.footer-top{flex-direction:column}}@media(max-width:480px){.hero-buttons,.cta-buttons{flex-direction:column;align-items:center}}