*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#222;background:#f5f6fa;font-family:Malgun Gothic,Apple SD Gothic Neo,sans-serif}a{color:inherit;text-decoration:none}button{font-family:inherit}.app{min-height:100vh}.header{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border-bottom:1px solid #e8e8e8;position:sticky;top:0}.headerInner{justify-content:space-between;align-items:center;gap:16px;max-width:1180px;margin:0 auto;padding:16px 24px;display:flex}.logo{align-items:center;display:flex}.logoImage{object-fit:contain;width:auto;height:86px}.nav{color:#555;gap:28px;font-size:16px;display:flex}.nav a:hover{color:#111;font-weight:700}.versionBadge{color:#111;background:#f3de2c;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:900}.footer{color:#777;text-align:center;max-width:1180px;margin:0 auto;padding:40px 24px 60px;line-height:1.7}.button{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;min-height:52px;padding:0 30px;font-size:16px;font-weight:900;display:inline-flex}.button-primary{color:#fff;background:#111}.button-secondary{color:#111;background:#fff;border:1px solid #ddd}.button:hover{opacity:.85}.card,.quickMenuCard{background:#f8f8f8;border:1px solid #eee;border-radius:18px;padding:24px}.cardGrid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.card h3,.quickMenuCard h3{margin-bottom:12px;font-size:20px}.card p,.quickMenuCard p{color:#666;line-height:1.7}.sectionBox{background:#fff;border:1px solid #ececec;border-radius:24px;max-width:1180px;margin:0 auto 34px;padding:48px}.sectionTitle{margin-bottom:30px}.sectionTitle span{color:#777;text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:800}.sectionTitle h2{margin-top:8px;font-size:34px;font-weight:900}.sectionTitle p{color:#666;margin-top:10px;line-height:1.6}.heroSection{align-items:center;max-width:1280px;height:calc(100vh - 120px);margin:0 auto;padding:34px 24px;display:flex}.heroContent{grid-template-columns:1.05fr .95fr;align-items:start;gap:56px;width:100%;display:grid;transform:translateY(-30px)}.heroTextArea{text-align:left;padding-top:85px}.heroLabel{letter-spacing:.15em;text-transform:uppercase;color:#888;margin-bottom:18px;font-size:14px;font-weight:800}.heroMeta{flex-wrap:wrap;gap:10px;display:flex}.heroMetaTop{margin-bottom:22px}.heroMeta span{color:#555;background:#fff;border:1px solid #e4e4e4;border-radius:999px;padding:8px 13px;font-size:14px;font-weight:700}.heroSection h1{letter-spacing:-.04em;margin-bottom:40px;font-size:clamp(40px,3.2vw,56px);font-weight:900;line-height:1.15}.heroText{color:#555;max-width:650px;margin-bottom:50px;font-size:clamp(17px,1.5vw,22px);line-height:1.8}.heroActions{flex-wrap:wrap;gap:16px;margin-top:10px;display:flex}.heroVisualArea{justify-content:center;display:flex}.heroLogoCard{text-align:center;background:#fff;border:1px solid #ececec;border-radius:36px;width:min(430px,100%);padding:38px;box-shadow:0 24px 70px #00000014}.heroMainLogo{object-fit:contain;width:min(320px,85%);height:auto;margin-bottom:28px}.heroFeatureList{text-align:left;gap:12px;display:grid}.heroFeatureList div{background:#f8f8f8;border:1px solid #eee;border-radius:18px;padding:16px}.heroFeatureList strong{margin-bottom:4px;font-size:17px;display:block}.heroFeatureList span{color:#666;font-size:14px}.downloadInfo{background:#f8f8f8;border-radius:16px;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:24px;padding:20px;display:flex}.downloadInfo span{font-size:22px;font-weight:900}.downloadInfo small{color:#666}.platformGrid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.platformButton{cursor:pointer;background:#fafafa;border:1px solid #e5e5e5;border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;display:flex}.platformButton.active{background:#fff7bf;border-color:#f3de2c}.platformButton:hover{transform:translateY(-2px)}.platformButton:disabled{cursor:wait;opacity:.75;transform:none}.platformIcon{font-size:30px}.platformButton span{font-size:18px;font-weight:900}.platformButton small{color:#666}.quickMenuGrid{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.quickMenuCard{padding:16px;transition:all .2s}.quickMenuCard:hover{background:#fff7bf;border-color:#f3de2c;transform:translateY(-3px)}.quickMenuCard h3{margin-bottom:8px;font-size:16px}.quickMenuCard p{font-size:14px;line-height:1.5}.faqList{gap:18px;display:grid}.faqItem{background:#f8f8f8;border-radius:16px;padding:22px}.faqItem strong{margin-bottom:10px;font-size:18px;display:block}.faqItem p{color:#666;line-height:1.7}.manualList{gap:14px;padding-left:22px;display:grid}.manualList li{font-size:17px;line-height:1.7}.contactBox{background:#f8f8f8;border-radius:18px;padding:28px}.contactBox p{color:#666;margin-bottom:20px;line-height:1.7}@media (width<=900px){.heroSection{height:auto;padding:44px 20px 54px}.heroContent{grid-template-columns:1fr;gap:32px}.heroTextArea{text-align:center}.heroMeta{justify-content:center}.heroSection h1{font-size:36px}.heroText{margin-left:auto;margin-right:auto;font-size:17px}.heroActions{justify-content:center}.heroLogoCard{padding:28px}.heroMainLogo{width:210px}}