*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#f3f6f9;color:#173247;font:14px/1.65 Arial,'Malgun Gothic',sans-serif}header{height:68px;background:white;border-bottom:1px solid #dce6ed;display:flex;align-items:center;gap:28px;padding:0 32px}a{color:#0d7868;text-decoration:none}header a:last-child{margin-left:auto}.brand{font-size:24px;font-weight:800;letter-spacing:1px;color:#18374d}main{max-width:1160px;margin:auto;padding:30px 28px 48px}.hero{padding:27px 30px;background:linear-gradient(120deg,#173d4c,#155b5c);color:#fff;border-radius:14px}.eyebrow{font-size:10px;letter-spacing:2px;color:#9cd5cd;margin:0 0 10px}.hero-title{display:flex;justify-content:space-between;gap:20px;align-items:center}h1{font-size:27px;line-height:1.4;margin:0}#plan-badge{white-space:nowrap;background:#daf2e7;color:#0e6557;padding:7px 13px;border-radius:20px;font-weight:700}.hero p{margin:12px 0 0;color:#dbebeb}.hero .billing-note{font-size:12px;color:#b5d4d2}.tabs{display:flex;gap:5px;border-bottom:1px solid #d9e3eb;margin:24px 0 18px;overflow:auto;white-space:nowrap}.tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:#6a8090;padding:12px 14px}.tabs button[aria-current=page]{color:#0b7a68;border-bottom-color:#0b7a68;font-weight:700}button,input,select,textarea{font:inherit}button,.button{cursor:pointer;background:#167d6c;color:white;border:1px solid #167d6c;border-radius:7px;padding:10px 14px;text-decoration:none;display:inline-block}button:disabled{opacity:.55;cursor:wait}.secondary{background:#f4f9f7;color:#126b5c;border-color:#c5dbd2}.text-button{background:none;border:0;color:#0c7869;padding:5px 0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #6ebbaa;outline-offset:2px}.card{background:white;border:1px solid #dce6ed;border-radius:12px;padding:23px;margin:0 0 18px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid>.card{margin:0}h2{font-size:19px;margin:0 0 12px}h3{font-size:16px;margin:0 0 9px}.muted,small{font-size:12px;color:#6f8291}.badge{display:inline-block;font-size:11px;padding:3px 8px;background:#e8f3ee;border-radius:5px;color:#15725f}.lock-card{background:#f8fafb;border-style:dashed}.lock-card .badge{background:#e9eef3;color:#506d83}.feature-list{padding-left:20px;line-height:2}.price-note{color:#637e8b;font-size:12px}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}label{display:block;font-weight:600;font-size:13px;margin:12px 0 5px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #c8d6de;border-radius:7px;background:white;color:#193e50}textarea{min-height:140px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.checks label{font-weight:400;display:flex;gap:8px;align-items:center}.checks input{width:17px;height:17px}.results{margin-top:18px}.result{border-top:1px solid #e2e9ed;padding:14px 0;display:flex;justify-content:space-between;gap:16px;align-items:center}.result .copy{min-width:0}.result strong{display:block;overflow-wrap:break-word;word-break:keep-all}.result p{margin:4px 0}.result .actions{margin:0;flex-shrink:0}.notice{padding:13px 16px;border-left:3px solid #208775;background:#eef7f3;border-radius:5px;margin:14px 0;font-size:13px}.warning{background:#fff6e6;border-color:#c58a29;color:#78571e}.tags{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.tag{font-size:11px;padding:3px 8px;background:#eaf3f0;border-radius:15px}.pick-results{margin-top:6px;border:1px solid #d9e4e8;border-radius:7px}.pick-results:empty{display:none}.pick-results button{display:block;width:100%;border:0;border-bottom:1px solid #e7edf0;background:white;color:#204b5c;text-align:left}.selected{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.selected button{font-size:12px;background:#e9f3ef;color:#176f5e;border-color:#bad5c8}.item-meta{white-space:pre-wrap}.empty{padding:25px 10px;text-align:center;color:#718797}.news-body{white-space:pre-wrap;font-size:14px;line-height:1.9}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th,.data-table td{padding:11px 8px;border-bottom:1px solid #e1e8ed;text-align:left}.table-wrap{overflow:auto}#message{min-height:24px;color:#0c7665;font-size:13px}footer{margin-top:30px;border-top:1px solid #dce6ed;padding-top:18px;font-size:12px;color:#718797}.section-top{display:flex;justify-content:space-between;gap:15px;align-items:center}.note-body{white-space:pre-wrap;overflow-wrap:anywhere}.loading{padding:24px;color:#6b8292}
@media(max-width:720px){header{height:60px;padding:0 16px;gap:18px;font-size:12px}.brand{font-size:21px}main{padding:18px 14px 32px}.hero{padding:22px 18px}.hero-title{align-items:flex-start;gap:10px}h1{font-size:22px}#plan-badge{font-size:11px;padding:5px 9px}.tabs{margin-top:18px}.tabs button{padding:11px 9px;font-size:13px}.grid,.form-grid{grid-template-columns:1fr}.card{padding:18px}.result{align-items:flex-start;flex-wrap:wrap}.result .actions{flex-basis:100%}.hero p{font-size:13px}.hero .billing-note{font-size:11px}.section-top{align-items:flex-start}.data-table{min-width:520px}}

@media(max-width:720px){.hero-title{flex-direction:column;align-items:flex-start;gap:12px}.hero h1{font-size:23px;word-break:keep-all}.hero .billing-note{font-size:12px;line-height:1.8}}

/* Short use cases remain visible; detailed steps expand on demand. */
.usage-guide{border:1px solid #c9ddd7;background:#f0f7f5;border-radius:10px;padding:16px 18px;margin:16px 0 22px;color:#244c54}.usage-guide>strong{font-size:16px;color:#126c60}.usage-guide>p{font-size:13px;margin:7px 0;line-height:1.7}.usage-guide .usage-example{color:#426a77}.usage-actions{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap;margin-top:10px}.usage-actions details{flex:1;min-width:180px}.usage-actions summary{font-size:13px;color:#176d61;cursor:pointer;padding:10px 0}.usage-actions ol{padding-left:22px;font-size:13px;line-height:1.85}.usage-guide>small{display:block;font-size:11px;line-height:1.6;color:#627b83;margin-top:8px}.usage-start{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.usage-start button{text-align:left;padding:14px;white-space:normal}.usage-start small{display:block;color:#627b83;font-size:12px;font-weight:400;margin-top:5px}@media(max-width:600px){.usage-guide{padding:13px}.usage-guide>strong{font-size:15px}.usage-actions{gap:5px}.usage-actions button{min-height:44px}.usage-start{grid-template-columns:1fr}.usage-actions details{min-width:100%}}

/* Pro studio: keep all six tools visible on phones. */
.hero .billing-note{font-size:14px;line-height:1.8;color:#d5e9e7}
@media(max-width:720px){.tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;overflow:visible;white-space:normal}.tabs button{padding:12px 4px;min-height:46px;line-height:1.4;font-size:12px}.hero .billing-note{font-size:13px}.usage-start button{min-height:64px}}

.usage-start a.button{text-align:left;padding:14px;white-space:normal}.usage-start a small{display:block;color:#627b83;font-size:12px;margin-top:5px}.tabs [data-tab="signals"]{font-weight:700;color:#126c60}@media(max-width:720px){.tabs [data-tab="signals"]{grid-column:1/-1;background:#e6f3ed;border-radius:7px}.usage-start a.button{min-height:64px}}