@import url('/fonts.css');
:root{font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1d2b2b;background:#f8faf9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,input{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}header{height:84px;border-bottom:1px solid #e6eae7;background:#fff;display:flex;align-items:center;padding:0 6%;gap:65px}.brand{font-size:31px;letter-spacing:-2px;font-weight:800;color:#1f6657}.brand span{font-size:12px;letter-spacing:0;color:#6b7670;font-weight:500;margin-left:18px}nav{display:flex;gap:28px;height:100%;align-items:center;font-size:13px;color:#7e8882}nav .selected{color:#265f50;position:relative}nav .selected:after{content:"";position:absolute;bottom:-33px;height:3px;background:#30735d;left:0;right:0}#account{margin-left:auto;font-size:12px;color:#718078;display:flex;align-items:center;gap:20px}.logout{border:1px solid #dce2de;background:white;padding:8px 13px;border-radius:6px}main{max-width:1120px;margin:0 auto;padding:64px 24px}.eyebrow,.small-label{font-size:10px;letter-spacing:2px;font-weight:700;color:#6a887c}h1{font-size:42px;letter-spacing:-1.9px;font-weight:650;margin:18px 0 12px}.intro{color:#7a857e;font-size:15px;margin-bottom:40px}.login-layout{display:grid;grid-template-columns:1.25fr 1fr;background:#fff;border:1px solid #e3e8e4;border-radius:16px;overflow:hidden}.welcome{background:#edf3ef;padding:52px 40px;display:flex;flex-direction:column;justify-content:center}.welcome h2{font-size:32px;line-height:1.5;letter-spacing:-1.2px;font-weight:600}.welcome p,.info-card p{font-size:13px;color:#6c7b73;line-height:1.9}.flow{display:flex;gap:12px;align-items:center;font-size:10px;margin-top:28px}.flow span{border:1px solid #ccd9d1;border-radius:20px;padding:9px 13px;color:#4c6a59}.flow b{color:#9aada1}form{padding:40px}form h2{font-size:20px;margin:0 0 8px}form>p{font-size:12px;color:#89938c;margin-bottom:25px}label{display:block;font-size:12px;font-weight:600;margin:16px 0}input{width:100%;padding:13px 14px;margin-top:8px;border:1px solid #dce3dd;border-radius:7px;outline:none;font-size:13px}input:focus{border-color:#4f8b71;box-shadow:0 0 0 3px #eaf3ed}.primary{width:100%;padding:13px;border:0;border-radius:7px;background:#29684f;color:white;font-size:13px;margin-top:12px}.text-button{display:block;border:0;background:none;color:#7b8880;font-size:11px;margin:18px auto}.demo-hint{font-size:11px;line-height:1.9;background:#f6f8f6;border-radius:6px;padding:12px 15px;color:#859087}.demo-hint b{font-weight:500;color:#52705d}.error{font-size:12px;color:#b74747;line-height:1.6}.integration{padding:55px 0 0}.integration h2{font-size:23px;font-weight:600;letter-spacing:-.6px;margin:12px 0 28px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.steps article{border-top:1px solid #dce4dd;padding-top:22px}.steps b{color:#799781;font-weight:500;font-size:12px}.steps h3{font-size:14px;font-weight:600}.steps p{font-size:12px;color:#859087;line-height:1.9}footer{border-top:1px solid #e2e8e3;padding:22px 6%;display:flex;justify-content:space-between;color:#95a098;font-size:11px}.workspace-top{display:flex;align-items:center;justify-content:space-between;margin:15px 0 24px}.workspace-top h2{font-size:23px;font-weight:600}.session-badge{font-size:11px;color:#538569;background:#eef5ef;padding:10px;border-radius:20px}.session-badge i{display:inline-block;width:5px;height:5px;background:#5e9b73;border-radius:50%;margin-right:5px}.service-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:20px}.service-card{text-align:left;padding:32px;background:#fff;border:1px solid #dbe4dd;border-radius:12px;color:#243a2c;transition:.2s}.service-card:hover{border-color:#719c7a;transform:translateY(-2px)}.app-icon{background:#e8f2e9;border-radius:10px;display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;font-size:28px;color:#518058}.service-card h3{font-size:19px;margin-bottom:8px}.service-card p{color:#7b8d7f;font-size:12px}.service-link{display:block;font-size:12px;color:#497a55;margin-top:36px}.info-card{padding:32px;border-radius:12px;background:#eaf1eb}.info-card h3{font-size:24px;line-height:1.6;font-weight:600;margin:17px 0}.tags{display:flex;gap:8px;margin-top:18px}.tags span{background:#fff8;border:1px solid #cfddd1;padding:6px 10px;border-radius:5px;font-size:10px;color:#729079}.floating{position:fixed;bottom:28px;right:30px;padding:16px 24px;border:0;border-radius:28px;background:#285f49;color:#fff;box-shadow:0 8px 30px #285f492e;font-size:13px}dialog{padding:0;width:min(1200px,95vw);height:90vh;max-height:940px;border:1px solid #dce4de;border-radius:14px;box-shadow:0 24px 100px #1026193d;overflow:hidden}dialog::backdrop{background:#172c246b;backdrop-filter:blur(4px)}.dialog-top{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#fff;border-bottom:1px solid #e1e5e2;font-size:12px}.dialog-top span{color:#94a099;margin-left:8px;font-size:10px}.dialog-top button{background:none;border:0;padding:8px;color:#819088}#viewer-target{height:calc(100% - 48px)}.sg-viewer-frame{width:100%;height:100%;border:0;display:block}[hidden]{display:none!important}@media(max-width:750px){header{padding:0 20px;gap:20px;height:68px}.brand span,nav{display:none}main{padding:40px 20px}h1{font-size:31px}.login-layout{grid-template-columns:1fr}.welcome{display:none}form{padding:28px}.steps{grid-template-columns:1fr;gap:16px}.service-grid{grid-template-columns:1fr}.workspace-top{display:block}.session-badge{display:inline-block;margin-bottom:12px}.floating{bottom:16px;right:16px}footer{gap:15px}.integration h2{font-size:20px}dialog{width:100vw;height:95vh;max-width:100vw}.info-card{display:none}}