*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;min-height:100dvh;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;color:#1c1c1c;background:#f5f0e8}.page{max-width:720px;margin:0 auto;padding:1.5rem 1.25rem 2.5rem}.top{margin-bottom:1.25rem}.site-nav{display:flex;gap:1rem;margin-bottom:1rem;font-size:.88rem}.site-nav a{color:#1c1c1c;text-decoration:none}.site-nav a:hover{text-decoration:underline}.site-nav a.active,.site-nav a[aria-current=page]{font-weight:700}.brand{display:inline-flex;align-items:center;gap:.65rem;color:#1c1c1c}.brand__logo{width:40px;height:40px;flex-shrink:0}.brand__name{display:block;font-size:1.35rem;font-weight:700;letter-spacing:-.02em;line-height:1.2}.brand__tag{display:block;font-size:.78rem;font-weight:500;color:#555}.hero{margin-bottom:1.25rem}.hero h1{margin:0 0 .6rem;font-size:1.35rem;font-weight:700;line-height:1.25;letter-spacing:-.02em}.hero__lead{margin:0;font-size:.95rem;color:#333;line-height:1.55}.tool{max-width:420px;margin-bottom:2rem;padding:1.1rem;background:#fff;border:1px solid #ccc;border-radius:6px}.form{display:flex;flex-direction:column;gap:1rem}.form__row{display:flex;flex-direction:column;gap:.35rem}.form__label{font-size:.95rem;font-weight:600}.form__input{width:100%;padding:.65rem .7rem;font:inherit;font-size:1rem;color:#1c1c1c;background:#fff;border:1px solid #bbb;border-radius:4px}.form__input:focus{outline:2px solid #1c1c1c;outline-offset:1px;border-color:#1c1c1c}.form__input::placeholder{color:#888}.form__select{cursor:pointer}.form__submit{margin-top:.35rem;padding:.75rem 1rem;font:inherit;font-size:1rem;font-weight:600;color:#fff;background:#1c1c1c;border:none;border-radius:4px;cursor:pointer}.form__submit:hover{background:#333}.form__submit:disabled{opacity:.6;cursor:wait}.last{margin-top:1.25rem;padding-top:1rem;border-top:1px solid #ddd}.last[hidden]{display:none}.last__label{margin:0 0 .4rem;font-size:.75rem;font-weight:600;color:#555}.last__url{margin:0 0 .65rem;padding:.5rem;font-family:Courier New,Courier,monospace;font-size:.68rem;line-height:1.4;word-break:break-all;background:#f5f0e8;border:1px solid #ccc}.last__btns{display:flex;flex-wrap:wrap;gap:.5rem}.last__btn{padding:.35rem .65rem;font:inherit;font-size:.82rem;background:#fff;border:1px solid #999;border-radius:4px;cursor:pointer}.last__btn:hover{border-color:#1c1c1c}.last__note{margin:.5rem 0 0;font-size:.82rem;color:#444;min-height:1.2em}.last__note:empty{display:none}.content{margin-bottom:2.25rem}.content h2{margin:0 0 .5rem;font-size:1.15rem;font-weight:700;line-height:1.3}.content__intro{margin:0 0 1.1rem;font-size:.92rem;color:#333;line-height:1.55}.content code{font-size:.88em;padding:.1em .3em;background:#fff;border:1px solid #ddd;border-radius:2px}.steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:1rem}.steps__item{position:relative;padding:.85rem .85rem .85rem 2.75rem;background:#fff;border:1px solid #ddd;border-radius:6px}.steps__num{position:absolute;left:.85rem;top:.9rem;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#fff;background:#1c1c1c;border-radius:50%}.steps__item h3{margin:0 0 .35rem;font-size:.95rem;font-weight:700}.steps__item p{margin:0;font-size:.88rem;color:#444;line-height:1.5}.cards{display:grid;gap:.75rem}.card{padding:.9rem 1rem;background:#fff;border:1px solid #ddd;border-radius:6px}.card h3{margin:0 0 .35rem;font-size:.95rem;font-weight:700}.card p{margin:0;font-size:.88rem;color:#444;line-height:1.5}.card--link{display:block;text-decoration:none;color:inherit;transition:border-color .15s ease}.card--link:hover{border-color:#1c1c1c}.card--link h3{color:#1c1c1c}.card__meta{display:block;margin-top:.5rem;font-size:.78rem;color:#666}.table-wrap{overflow-x:auto;border:1px solid #ddd;border-radius:6px;background:#fff}.compare{width:100%;border-collapse:collapse;font-size:.82rem}.compare th,.compare td{padding:.6rem .65rem;text-align:left;vertical-align:top;border-bottom:1px solid #eee}.compare th{font-weight:700;background:#f5f0e8}.compare tr:last-child th,.compare tr:last-child td{border-bottom:none}.compare td:last-child{font-weight:500}.features{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.65rem}.features li{padding:.75rem .9rem;font-size:.88rem;color:#333;line-height:1.5;background:#fff;border:1px solid #ddd;border-radius:6px}.faq{display:flex;flex-direction:column;gap:.5rem}.faq__item{background:#fff;border:1px solid #ddd;border-radius:6px}.faq__item summary{padding:.75rem .9rem;font-weight:600;font-size:.9rem;cursor:pointer;list-style-position:outside}.faq__item p{margin:0;padding:0 .9rem .85rem;font-size:.88rem;color:#444;line-height:1.55}.foot{margin-top:2rem;padding-top:1.25rem;border-top:2px solid #1c1c1c}.foot__brand{margin-bottom:.5rem;font-size:.9rem}.foot__kw{margin:0 0 .75rem;font-size:.75rem;color:#555;line-height:1.5}.foot__copy{margin:0;font-size:.75rem;color:#777}@media(min-width:600px){.page{padding:2rem 1.5rem 3rem}.hero h1{font-size:1.65rem}.cards{grid-template-columns:1fr 1fr}.last__url{font-size:.72rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.blog-page{max-width:720px;margin:0 auto;padding:1.5rem 1.25rem 2.5rem}.blog-nav{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid #ccc;font-size:.88rem}.blog-nav a{color:#1c1c1c;text-decoration:none}.blog-nav a:hover{text-decoration:underline}.blog-nav a[aria-current=page]{font-weight:700}.blog-brand{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:#1c1c1c;text-decoration:none}.blog-brand__logo{width:32px;height:32px}.blog-brand__name{font-weight:700;font-size:1.1rem}.blog-list h1{margin:0 0 .5rem;font-size:1.5rem}.blog-list__intro{margin:0 0 1.5rem;color:#444;font-size:.95rem}.post-card{display:block;margin-bottom:1rem;padding:1rem 1.1rem;background:#fff;border:1px solid #ddd;border-radius:6px;text-decoration:none;color:inherit}.post-card:hover{border-color:#1c1c1c}.post-card h2{margin:0 0 .4rem;font-size:1.05rem;line-height:1.35;color:#1c1c1c}.post-card p{margin:0 0 .6rem;font-size:.88rem;color:#444;line-height:1.5}.post-card__meta{font-size:.78rem;color:#666}.article-header h1{margin:0 0 .75rem;font-size:1.45rem;line-height:1.3;letter-spacing:-.02em}.article-meta{display:flex;flex-wrap:wrap;gap:.35rem 1rem;margin-bottom:1.25rem;font-size:.82rem;color:#555}.article-toc{margin-bottom:1.5rem;padding:.85rem 1rem;background:#fff;border:1px solid #ddd;border-radius:6px;font-size:.88rem}.article-toc strong{display:block;margin-bottom:.4rem}.article-toc ul{margin:0;padding-left:1.2rem}.article-toc li{margin-bottom:.2rem}.article-body h2{margin:2rem 0 .6rem;font-size:1.15rem;line-height:1.35}.article-body h3{margin:1.25rem 0 .45rem;font-size:1rem}.article-body p,.article-body li{font-size:.95rem;line-height:1.65;color:#333}.article-body ul,.article-body ol{margin:.5rem 0 1rem;padding-left:1.35rem}.article-body a{color:#1c1c1c;font-weight:600}.article-cta{margin:2rem 0;padding:1rem 1.1rem;background:#fff;border:2px solid #1c1c1c;border-radius:6px}.article-cta p{margin:0 0 .65rem;font-size:.92rem}.article-cta a{display:inline-block;padding:.55rem 1rem;font-weight:600;font-size:.9rem;color:#fff;background:#1c1c1c;text-decoration:none;border-radius:4px}.related{margin-top:2.5rem;padding-top:1.5rem;border-top:2px solid #1c1c1c}.related h2{margin:0 0 1rem;font-size:1.1rem}.tags{display:flex;flex-wrap:wrap;gap:.4rem;margin:1.5rem 0}.tag{padding:.2rem .5rem;font-size:.75rem;font-weight:600;background:#fff;border:1px solid #ccc;border-radius:3px;color:#444}.author-box{margin-top:2rem;padding:1rem;background:#fff;border:1px solid #ddd;border-radius:6px;font-size:.88rem}.author-box strong{display:block;margin-bottom:.25rem}.blog-foot{margin-top:2rem;padding-top:1rem;border-top:1px solid #ccc;font-size:.78rem;color:#666}.blog-foot a{color:#1c1c1c}@media(min-width:600px){.blog-page{padding:2rem 1.5rem 3rem}.article-header h1{font-size:1.75rem}}