:root{--g:#272b29;--lime:#e4ebe5;--ink:#242725;--muted:#737873;--line:#e4e6e2;--soft:#f6f7f4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:#fff;color:var(--ink);font-family:Arial,'Noto Sans KR','Malgun Gothic',sans-serif}.top{background:#ffffffed;border-bottom:1px solid var(--line);height:76px;padding:0 max(24px,calc((100vw - 1200px)/2));backdrop-filter:blur(16px)}.brand{font-size:25px;letter-spacing:-1px}.brand i{color:#426854}.roles{background:#f3f4f1;border-radius:30px;padding:5px}.roles button{border-radius:24px;color:#676c66}.roles button.on{background:#292d29;color:#fff}.company-intro{max-width:1200px;border:0;border-radius:0;padding:80px 0 60px;margin:0 auto;background:white}.landing-kicker{font-size:11px;letter-spacing:2px;color:#667565;font-weight:700}.landing-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:68px;align-items:center}.company-intro h2{font-size:clamp(38px,4.6vw,66px);font-weight:650;line-height:1.2;letter-spacing:-3px;margin:24px 0}.company-intro .landing-copy{font-size:16px;line-height:1.9;color:#70756e;max-width:440px}.landing-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 20px}.landing-actions a{padding:14px 22px;border:1px solid #d9ddd7;text-decoration:none;color:#282c28;border-radius:6px;font-size:14px;font-weight:700}.landing-actions a:first-child{background:#282c28;color:white;border-color:#282c28}.landing-art{min-height:390px;background:#eef0e9;border-radius:4px;position:relative;overflow:hidden;padding:38px;display:flex;flex-direction:column;justify-content:space-between}.landing-art:before{content:'';position:absolute;right:-70px;top:30px;width:350px;height:350px;border:65px solid #d8ded2;border-radius:50%}.landing-art .art-word{position:relative;font-size:70px;letter-spacing:-5px;font-weight:700;line-height:1.1}.art-word em{font-style:normal;color:#4d6d59}.art-note{position:relative;font-size:13px;line-height:1.8;color:#586050}.art-card{position:relative;background:#fff;padding:19px 22px;max-width:300px;border-radius:5px;box-shadow:0 14px 35px #33402b0a}.art-card b{display:block;font-size:18px;margin:4px 0}.art-card span{font-size:12px;color:#7a8176}.landing-categories{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:60px}.landing-category{padding:28px 0;border-top:1px solid #dfe3da}.landing-category small{letter-spacing:2px;font-size:10px;color:#81907d}.landing-category h3{font-size:24px;margin:14px 0 10px;white-space:normal;letter-spacing:-1px}.landing-category p{font-size:14px;color:#747b70}.preview-notice{font-size:12px!important;color:#7b8079!important;font-weight:400!important}.hero{max-width:1200px;margin:0 auto;padding:40px 0 24px;border-top:1px solid var(--line)}.hero h1{font-size:29px;letter-spacing:-1px;white-space:normal}.hero .badge{background:#eef0eb;color:#65705f}.stage{max-width:1200px;margin:auto;padding:0 0 64px;background:#f7f8f5;border-radius:8px}.phone{width:100%;max-width:800px;border:0;border-radius:0;box-shadow:none;background:transparent;margin:auto}.phead{background:transparent;border-bottom:1px solid var(--line);padding:22px}.body{padding:28px}.greet{white-space:normal;font-size:25px;letter-spacing:-1px}.lead{line-height:1.8}.panel{background:#fff!important;color:var(--ink)!important;border:1px solid #e0e4dc;border-radius:8px;padding:25px;box-shadow:0 10px 30px #222b1c03}.panel h3,.panel .label{color:#30372e}.choice{background:#f7f8f5;color:#535d4d;border:1px solid #dce2d6;padding:12px}.choice.on{background:#e3ebe0;color:#30482e;border-color:#9aaf91}.search,.primary{background:#2c342a;color:#fff;border-radius:5px}.secondary{background:#edf0e9;color:#424e3a}.field{border:1px solid #dce2d6;border-radius:5px;padding:12px}.common-block{border-color:#e0e5da}.module-label{background:#edf0e9;color:#526249}.preview,#quick .preview{background:#f0f3ec!important;border-color:#dfe5d8!important;color:#66735b!important}.card{border:1px solid #e0e4db;box-shadow:none;border-radius:8px;overflow:hidden}.cover{background:#e4e9df!important}.desktop{padding:28px;background:#fff}.kpi,.store{box-shadow:none;border:1px solid #e1e5dc}.automation-live-v51{background:#edf0e8!important;color:#56624c!important}.auto-result-v51,.owner-auto-v51{background:#f4f6f0!important;color:#57604e!important}.company-footer{max-width:1200px;margin:40px auto 0;border:0;border-top:1px solid #e1e5dc;border-radius:0;padding:34px 0 50px;font-size:12px;background:white;color:#7b8175}.company-footer a{color:#45593a}.dialog{border-radius:12px}.label,h2,h3{white-space:normal}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid #6c8461}.demo-banner{font-size:12px;padding:14px 24px;color:#6b735f;border-bottom:1px solid #e4e8dd;line-height:1.6}.landing-art svg{display:block} @media(max-width:800px){.top{height:66px;padding:0 18px}.brand{font-size:22px}.roles button{font-size:11px;padding:8px 10px}.company-intro{padding:40px 22px;margin:0}.landing-grid{grid-template-columns:1fr;gap:28px}.company-intro h2{font-size:43px;letter-spacing:-2px}.landing-art{min-height:270px;padding:28px}.landing-art .art-word{font-size:53px}.landing-art:before{width:270px;height:270px;top:0}.landing-categories{gap:20px;margin-top:35px}.landing-category h3{font-size:20px}.hero{margin:0 22px;padding:30px 0 20px}.stage{margin:0 12px;padding-bottom:28px}.body,.desktop{padding:16px}.panel{padding:18px}.company-footer{margin:24px 22px 0;padding-top:24px}.company-intro .landing-copy{font-size:14px}.greet{font-size:22px}.kpis,.stores{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-actions a{padding:13px 16px}.phone{min-width:0}.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-banner{padding:12px 16px}}