:root{--bg:#f8f9fa;--surface:#fff;--text:#111;--muted:#6b7280;--border:#e5e7eb;--dark:#0e0e0e}*{box-sizing:border-box}html,body{margin:0;min-width:0;color:var(--text);background:var(--bg);font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.top{height:64px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;gap:28px;background:#fff;border-bottom:1px solid var(--border)}.brand{font-size:19px;font-weight:800;white-space:nowrap}.top nav{display:flex;gap:24px;font-size:13px}.nav-cta,.button{border:0;border-radius:7px;background:#111;color:#fff;font-weight:700;padding:11px 18px;cursor:pointer;text-align:center}.nav-cta{margin-left:auto;font-size:12px;padding:9px 14px}main{width:min(1180px,calc(100% - 48px));margin:auto}.hero{padding:88px 0 72px}.hero small,.page-title small,.auth-card>small{font-weight:800;letter-spacing:.12em}.hero h1{font-size:54px;line-height:1.13;letter-spacing:-.05em;margin:18px 0}.hero p,.page-title p{font-size:16px;line-height:1.7;color:var(--muted)}.actions{display:flex;gap:10px;margin-top:30px}.button.secondary{color:#111;background:#fff;border:1px solid var(--border)}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid var(--border);border-radius:10px}.feature-strip article{padding:25px;border-right:1px solid var(--border)}.feature-strip article:last-child{border:0}.feature-strip strong,.feature-strip span{display:block}.feature-strip span{font-size:13px;line-height:1.55;color:var(--muted);margin-top:8px}.workflow{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:76px 0}.workflow h2{font-size:30px;margin:12px 0}.workflow p{color:var(--muted);line-height:1.7}.workflow ol{list-style:none;margin:0;padding:0;background:var(--dark);color:#fff;border-radius:10px}.workflow li{padding:18px 22px;border-bottom:1px solid #333}footer{max-width:1180px;margin:0 auto;padding:26px 0 32px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:11px;line-height:1.65}footer strong{color:#111;font-size:13px}footer p{margin:7px 0 0}footer nav{display:flex;gap:15px}.page-title{padding:54px 0 28px}.page-title h1{font-size:34px;margin:12px 0 6px}.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.plan-card{min-width:0;padding:25px;background:#fff;border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column}.plan-card.featured{border:2px solid #111;padding:24px}.plan-card h2{font-size:20px;margin:8px 0}.plan-card>p{color:var(--muted);font-size:13px;min-height:40px}.badge{display:inline-flex;align-self:flex-start;border-radius:99px;background:#111;color:#fff;padding:5px 9px;font-size:10px;font-weight:700}.price{font-size:27px;font-weight:800;margin:15px 0 3px}.price small,.plan-card>small{font-size:11px;color:var(--muted)}.plan-card ul{list-style:none;padding:0;margin:24px 0;display:grid;gap:9px;font-size:12px}.plan-card .button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:42px;margin-top:auto;color:#fff;line-height:1.25;overflow:visible;text-indent:0;white-space:normal}.enterprise-contact{margin:12px 0 0;color:var(--muted);font-size:12px}.enterprise-contact:focus-visible{outline:2px solid #555}.comparison{margin:36px 0 64px;background:#fff;border:1px solid var(--border);border-radius:10px;padding:20px}.comparison h2{font-size:16px}.table-scroll{width:100%;max-width:100%;overflow-x:auto}.table-scroll:focus-visible{outline:2px solid #555}.comparison table{border-collapse:collapse;width:100%;min-width:560px}th,td{padding:11px 12px;border-bottom:1px solid var(--border);text-align:left;font-size:12px}.comparison td,.comparison thead th:not(:first-child){text-align:center}.checkout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:18px;margin-bottom:70px}.panel,.summary{background:#fff;border:1px solid var(--border);border-radius:10px;padding:24px;min-width:0}.segments{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:4px;background:#f3f4f6}.segments button{border:0;padding:10px}.segments .active{background:#111;color:#fff}.stepper{margin:24px 0;padding:18px 0;border-block:1px solid var(--border);display:flex;justify-content:space-between;gap:20px}.stepper small,.stepper strong{display:block}.stepper>div:last-child{display:flex;align-items:center;gap:14px}.stepper button{width:34px;height:34px}.payment{display:grid;gap:7px;padding:16px;background:#f6f7f9}.payment span,.payment small{color:var(--muted);font-size:12px}.summary dl>div{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--border);font-size:12px}.summary .total{font-size:14px;font-weight:800}.summary>p{color:var(--muted);font-size:11px}.summary .button{width:100%;margin:20px 0}.summary>a{display:block;text-align:center}.payment-details{margin:22px 0}.payment-details>div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--border);font-size:12px}.payment-details dd{margin:0;font-weight:700;text-align:right}.auth-card{width:min(440px,calc(100% - 32px));margin:58px auto;padding:30px;background:#fff;border:1px solid var(--border);border-radius:10px}.auth-card h1{font-size:28px}.auth-card>p{font-size:13px;color:var(--muted)}.auth-card form{display:grid;gap:14px;margin-top:22px}.auth-card label{display:grid;gap:7px;font-size:12px;font-weight:700}.auth-card input,.toolbar input,.toolbar select{width:100%;min-width:0;border:1px solid var(--border);border-radius:7px;padding:10px}.notice{display:grid;gap:5px;margin-top:16px;padding:13px;background:#f3f4f6;font-size:12px}.demo-title{padding:34px 0 20px;display:flex;justify-content:space-between;align-items:end}.demo-title h1{font-size:28px}.demo-tabs{display:flex;gap:4px;margin-bottom:10px;overflow:auto}.demo-tabs button{white-space:nowrap;border:0;background:transparent;padding:10px}.demo-tabs .active{background:#111;color:#fff}.demo-shell{height:590px;display:grid;grid-template-columns:210px minmax(0,1fr);border:1px solid var(--border);overflow:hidden;background:#fff;margin-bottom:42px}.demo-shell>aside{display:flex;flex-direction:column;gap:5px;padding:22px 14px;background:#0e0e0e;color:#fff}.demo-shell>aside button{border:0;background:transparent;color:#ddd;text-align:left;padding:10px}.demo-shell>aside small{margin-top:auto}.demo-work{padding:22px;min-width:0;overflow:auto}.toolbar{display:grid;grid-template-columns:minmax(190px,1fr) 150px 150px;gap:8px;margin:18px 0}.demo-work table{width:100%;border-collapse:collapse;min-width:680px}.status{white-space:nowrap;padding:5px 8px;border-radius:99px;font-size:10px;background:#eef1f4}.pagination{display:flex;justify-content:center;gap:4px;margin-top:14px}.pagination .active{background:#111;color:#fff}.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.status-grid article,.demo-panels article{border:1px solid var(--border);padding:13px}.status-grid article>div{display:flex;justify-content:space-between;align-items:baseline}.status-grid i{display:block;height:4px;background:#eee}.status-grid em{display:block;height:100%;background:#617385}.demo-panels{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.calendar-head{display:flex;justify-content:center;gap:22px}.calendar header,.calendar>div{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar article{height:70px;border:1px solid var(--border);padding:5px;font-size:10px;min-width:0}.calendar article span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:#edf3ff}.legal-page{max-width:850px;margin:42px auto 70px;padding:34px;background:#fff;border:1px solid var(--border)}.legal-page h3{font-size:14px}.legal-page p{font-size:12px;line-height:1.75;color:#4b5563}.legal-page table{width:100%}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;border:0;background:#0009}.modal>section{position:relative;width:min(820px,100%);max-height:80vh;overflow:auto;background:#fff;padding:30px}.modal-close{position:absolute;right:16px;top:13px;border:0;background:none;font-size:26px}.modal p{font-size:12px;line-height:1.7}
@media(max-width:1000px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.top{height:58px;padding:0 16px;gap:12px}.top nav{gap:12px;margin-left:auto}.top nav a:first-child,.nav-cta{display:none}main{width:calc(100% - 32px)}.hero{padding:52px 0}.hero h1{font-size:38px}.feature-strip,.workflow,.pricing-grid,.checkout{grid-template-columns:minmax(0,1fr)}.feature-strip article{border-right:0;border-bottom:1px solid var(--border)}.workflow{gap:28px;padding:52px 0}.page-title{padding:38px 0 22px}.page-title h1{font-size:28px}.plan-card{width:100%;max-width:100%;min-width:0}.comparison{padding:15px}.checkout{margin-bottom:45px}.summary{min-width:0}footer{width:calc(100% - 32px);display:grid}footer nav{flex-wrap:wrap}.demo-title{align-items:flex-start}.demo-shell{height:auto;min-height:620px;display:block}.demo-shell>aside{display:none}.demo-work{padding:16px}.toolbar{grid-template-columns:minmax(0,1fr)}.status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-panels{grid-template-columns:1fr}.calendar article{height:55px}.calendar article span{font-size:0}.legal-page{margin:25px auto;padding:22px}.modal{padding:10px}.modal>section{max-height:88vh;padding:25px 20px}}
@media(max-width:430px){.top nav a:nth-child(2){display:none}.hero h1{font-size:33px}.actions,.demo-title{display:grid}.stepper{display:grid}.comparison table{min-width:520px}}
.payment-result{text-align:center}.payment-result .button{display:inline-block;margin-top:18px}.payment-result small{color:var(--muted)}.payment-toast{position:fixed;z-index:30;right:20px;bottom:20px;max-width:min(360px,calc(100% - 32px));padding:13px 16px;border-radius:8px;background:#111;color:#fff;font-size:12px;line-height:1.5;box-shadow:0 12px 30px #0003}
