:root{font-family:system-ui,-apple-system,"Malgun Gothic",sans-serif;color:#23324b;background:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}a{color:#2b64db;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}input{padding:12px;border:1px solid #d9e3f2;border-radius:10px;min-width:0}input:focus{outline:3px solid #cfddff;border-color:#4e7bef}.top{height:76px;border-bottom:1px solid #e8edf4;display:flex;align-items:center;justify-content:space-between;padding:0 max(25px,calc((100% - 1160px)/2));gap:16px}.top nav{display:flex;gap:26px}.top nav a{font-size:13px;color:#596b83}.logo{font-size:19px;font-weight:850;color:#1f375e;white-space:nowrap}.logo span{display:inline-grid;place-items:center;width:35px;height:35px;border-radius:9px;background:#2869e7;color:#fff;margin-right:6px}.hero{max-width:1160px;margin:auto;padding:82px 15px 85px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:42px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:900;color:#2e6bed;margin-bottom:15px}.hero h1{font-size:clamp(30px,3.7vw,49px);line-height:1.38;letter-spacing:-2px;margin:0}.hero h1 em{font-style:normal;color:#3069df}.hero p{font-size:15px;line-height:1.9;color:#6a7b93;margin:22px 0}.actions{display:flex;gap:11px;flex-wrap:wrap}.button{border:1px solid transparent;border-radius:10px;font-size:13px;padding:12px 18px;display:inline-block;font-weight:750;text-align:center}.button.main{background:#2868e6;color:white}.button.secondary{background:#fff;border-color:#cbd8ef;color:#34639c}.button:hover:not(:disabled){filter:brightness(.95)}.hint,.note{font-size:11px!important;color:#91a0b5!important}.hero-art{position:relative;border-radius:32px;background:linear-gradient(140deg,#dce9ff,#f2f7ff 62%,#e5edff);padding:34px 25px;min-height:320px}.mock-browser{background:white;border:1px solid #dfe8fa;box-shadow:0 22px 40px #3760a33b;border-radius:15px;padding:18px}.dots{font-size:13px;color:#8ba2cb;border-bottom:1px solid #ecf0f7;padding-bottom:14px}.dots span{font-size:12px;margin-left:24px;color:#8492a8}.mockline{display:flex;align-items:center;gap:13px;padding:16px 8px;border-bottom:1px solid #f0f3f8;font-size:13px}.mockline b{background:#e2f5eb;color:#1d9d66;padding:3px 7px;border-radius:5px}.mockline span{flex:1}.mockline small{color:#88a0b5}.mockline.muted{color:#9eacbd}.mockline.muted b{background:#f3f4f7;color:#95a0b1}.floating{position:absolute;right:-8px;bottom:13px;background:#2e6de2;padding:14px 18px;border-radius:12px;color:white;font-weight:800;box-shadow:0 10px 20px #496fc64a;font-size:12px}section.features,section.tool-section,section.faq{max-width:1160px;margin:auto;padding:65px 15px}.features{border-top:1px solid #f0f2f6}.section-heading{text-align:center;margin-bottom:34px}.section-heading h2,.faq h2,.helper h2{font-size:29px;margin:4px 0 11px;letter-spacing:-.9px}.section-heading p{font-size:13px;line-height:1.8;color:#8290a4}.feature-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.feature-cards article,.tool-card{background:#fff;border:1px solid #e5eaf2;border-radius:15px;padding:24px;box-shadow:0 6px 19px #244c9010}.symbol{width:45px;height:45px;display:grid;place-items:center;border-radius:12px;background:#eaf1ff;color:#2867dc;font-size:23px;font-weight:800}.feature-cards h3{font-size:15px;margin:20px 0 8px}.feature-cards p,.tool-card p{font-size:12px;line-height:1.9;color:#8492a8}.tool-section{background:#f7f9fe;max-width:none!important}.tool-section>.section-heading,.tool-grid{max-width:1160px;margin-left:auto;margin-right:auto}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tool-head{display:flex;gap:13px;align-items:start;margin-bottom:18px}.tool-head h3{margin:1px 0 5px;font-size:17px}.tool-head p{margin:0}.inline-form{display:flex;gap:8px;flex-wrap:wrap}.inline-form input{flex:1;min-width:135px}.shortcut-result{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:10px;margin-top:18px}.shortcut-item{background:#f6f9ff;border:1px solid #e1eafa;border-radius:10px;padding:15px;min-width:0}.shortcut-item strong,.shortcut-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shortcut-item small{font-size:10px;color:#98a7b8;margin:8px 0}.small-button{background:transparent;border:none;color:#3b6dda;font-size:12px;padding:4px;margin-right:7px}.qr-area{display:flex;align-items:center;flex-direction:column;gap:8px;margin-top:14px}.qr-area canvas{width:210px;height:210px;max-width:100%;border:1px solid #ecf1f6;border-radius:8px}.qr-area p{max-width:100%;overflow-wrap:anywhere;margin:0}.helper{max-width:1160px;margin:70px auto 20px;background:linear-gradient(120deg,#edf4ff,#f8faff);border:1px solid #e1eaff;border-radius:24px;padding:45px;display:flex;align-items:center;justify-content:space-between;gap:30px}.helper p{line-height:1.8;max-width:690px;font-size:13px;color:#7384a0}.faq details{border-bottom:1px solid #e8edf5;padding:18px 8px;font-size:14px}.faq summary{cursor:pointer;font-weight:700}.faq details p{line-height:1.9;color:#687d9c}footer{background:#1b2b48;color:#d4e0ee;padding:42px max(20px,calc((100vw - 1160px)/2));display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}footer p{color:#a2b4cc;font-size:12px}footer a{color:#d2e2ff}footer>div:nth-child(2){display:flex;gap:19px;flex-wrap:wrap;font-size:12px}.copyright{width:100%;border-top:1px solid #344a66;padding-top:25px}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:10;color:#fff;background:#1e354f;padding:11px 18px;border-radius:10px;font-size:13px;box-shadow:0 9px 18px #0003;display:none;max-width:90vw}.toast.visible{display:block}.doc{max-width:930px;margin:50px auto 80px;padding:0 20px;line-height:1.9}.doc h1{font-size:33px}.doc h2{font-size:20px;margin:35px 0 13px}.doc p,.doc li{color:#65778e;font-size:14px}.doc .note-box{padding:20px;border-radius:12px;background:#eef4ff;font-size:14px}.doc ol,.doc ul{padding-left:24px}.doc code{font-size:13px;background:#edf2fa;padding:3px;border-radius:4px;overflow-wrap:anywhere}.doc a{overflow-wrap:anywhere}@media(max-width:900px){.hero{grid-template-columns:1fr;padding:45px 20px}.hero-art{max-width:550px}.feature-cards{grid-template-columns:repeat(2,1fr)}.tool-grid{grid-template-columns:1fr}.top{padding:0 18px}.top nav{gap:13px}}@media(max-width:560px){.top nav a:first-child{display:none}.top nav a{font-size:11px}.logo{font-size:15px}.hero h1{letter-spacing:-1px}.hero-art{min-height:250px;padding:20px}.feature-cards{grid-template-columns:1fr}.helper{border-radius:0;flex-direction:column;align-items:start;margin-top:30px;padding:30px}.inline-form .button{width:100%}.tool-card{padding:17px}}