.iopt-hero{position:relative;overflow:hidden;padding:80px 24px 88px;background:#f9fafb;border-bottom:1px solid #e5e7eb;text-align:center}.iopt-hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(252,207,64,.35),transparent 30%),radial-gradient(circle at 85% 25%,rgba(191,219,254,.45),transparent 28%),radial-gradient(circle at 50% 80%,rgba(167,243,208,.35),transparent 30%);pointer-events:none}.iopt-hero-inner{position:relative;z-index:1;max-width:760px;margin:0 auto}.iopt-eyebrow{display:inline-block;background:#f5e232;color:#111;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 14px;border-radius:100px;margin-bottom:20px}.iopt-title{font-size:clamp(30px, 5.5vw, 56px);font-weight:800;color:#111;line-height:1.1;letter-spacing:-.03em;margin:0 0 18px}.iopt-subtitle{font-size:18px;color:#555;line-height:1.65;margin:0 auto;max-width:620px}.iopt-platforms{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 8px;margin-top:20px;font-size:13px;color:#6b7280}.iopt-platforms strong{color:#111;font-weight:700}.iopt-layout{max-width:1100px;margin:0 auto;padding:48px 24px 0}.iopt-tool{margin-bottom:64px}.iopt-grid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:24px;align-items:start}.iopt-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;padding:28px}.iopt-upload{border:2px dashed #d1d5db;border-radius:12px;background:#fafafa;cursor:pointer;min-height:180px;display:flex;align-items:center;justify-content:center;position:relative;text-align:center;transition:border-color .15s,background .15s}.iopt-upload.iopt-drag-over,.iopt-upload:hover{border-color:#fccf40;background:#fffef0}.iopt-upload input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.iopt-upload-icon{color:#9ca3af;margin-bottom:10px}.iopt-upload-text{font-size:15px;color:#374151;margin:0 0 5px}.iopt-upload-hint{font-size:12px;color:#9ca3af;margin:0}.iopt-settings{display:grid;gap:16px;margin-top:22px}.iopt-field label,.iopt-label{display:block;font-size:13px;font-weight:700;color:#111;margin-bottom:8px}.iopt-input,.iopt-select{width:100%;height:44px;border:1.5px solid #d1d5db;border-radius:10px;padding:0 12px;font-size:14px;font-family:Inter,sans-serif;color:#111;background:#fff;box-sizing:border-box}.iopt-range-row{display:flex;align-items:center;gap:12px}.iopt-range{flex:1;accent-color:#111}.iopt-range-value{min-width:42px;font-size:13px;font-weight:700;color:#111;text-align:right}.iopt-submit{width:100%;height:52px;border:none;border-radius:10px;background:#111;color:#fff;font-size:15px;font-weight:800;font-family:Inter,sans-serif;cursor:pointer;margin-top:20px;transition:background .15s,opacity .15s}.iopt-submit:disabled{opacity:.45;cursor:not-allowed}.iopt-submit:not(:disabled):hover{background:#222}.iopt-note{font-size:12px;color:#9ca3af;text-align:center;line-height:1.5;margin:10px 0 0}.iopt-results{min-height:420px}.iopt-empty,.iopt-processing{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6b7280;text-align:center}.iopt-empty svg,.iopt-processing svg{color:#9ca3af;margin-bottom:14px}.iopt-empty-title,.iopt-processing-title{font-size:16px;font-weight:800;color:#111;margin:0 0 6px}.iopt-empty-body,.iopt-processing-body{font-size:13px;color:#6b7280;margin:0;line-height:1.6}.iopt-spinner{animation:.9s linear infinite iopt-spin}@keyframes iopt-spin{to{transform:rotate(360deg)}}.iopt-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.iopt-stat{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:12px}.iopt-stat-label{font-size:11px;color:#6b7280;margin:0 0 4px;text-transform:uppercase;letter-spacing:.05em;font-weight:700}.iopt-stat-value{font-size:18px;color:#111;font-weight:800;margin:0}.iopt-list{display:grid;gap:10px}.iopt-result{border:1.5px solid #e5e7eb;border-radius:12px;padding:14px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.iopt-result-name{font-size:14px;font-weight:700;color:#111;margin:0 0 5px;word-break:break-word}.iopt-result-meta{font-size:12px;color:#6b7280;margin:0;line-height:1.5}.iopt-result-saving{display:inline-block;color:#047857;font-weight:800}.iopt-download{display:inline-flex;align-items:center;justify-content:center;min-width:110px;height:38px;border-radius:8px;background:#111;color:#fff;font-size:13px;font-weight:800;text-decoration:none}.iopt-download:hover{background:#222;color:#fff;text-decoration:none}.iopt-error{color:#dc2626;font-size:13px;line-height:1.6;margin:12px 0 0}.iopt-faq-section,.iopt-how,.iopt-more-tools,.iopt-related,.iopt-usecases{margin-bottom:64px}.iopt-how{background:#f9fafb;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;padding:56px 24px;margin-left:-24px;margin-right:-24px}.iopt-faq-inner,.iopt-how-inner,.iopt-more-inner,.iopt-related-inner{max-width:860px;margin:0 auto}.iopt-section-title{font-size:28px;font-weight:800;color:#111;text-align:center;margin:0 0 32px}.iopt-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.iopt-step{display:flex;gap:16px}.iopt-step-num{width:36px;height:36px;border-radius:50%;background:#111;color:#fff;font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.iopt-step-head{font-size:15px;font-weight:700;color:#111;margin:0 0 4px}.iopt-step-body{font-size:14px;color:#555;line-height:1.6;margin:0}.iopt-step-body a{color:#111;text-decoration:underline}.iopt-usecases-inner{max-width:1052px;margin:0 auto}.iopt-intro{font-size:16px;color:#555;line-height:1.65;text-align:center;max-width:700px;margin:-18px auto 36px}.iopt-usecases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.iopt-usecase{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;padding:22px}.iopt-usecase-icon{font-size:12px;font-weight:800;color:#111;margin-bottom:10px;letter-spacing:.08em}.iopt-usecase-head{font-size:15px;font-weight:700;color:#111;margin:0 0 8px;line-height:1.3}.iopt-usecase-body{font-size:13px;color:#555;line-height:1.65;margin:0}.iopt-faq-item{border-bottom:1px solid #e5e7eb}.iopt-faq-item:first-child{border-top:1px solid #e5e7eb}.iopt-faq-q{list-style:none;display:flex;justify-content:space-between;gap:16px;cursor:pointer;padding:18px 2px;font-size:15px;font-weight:600;color:#111}.iopt-faq-q::-webkit-details-marker{display:none}.iopt-faq-icon{font-size:1.2rem;color:#6b7280;flex-shrink:0;transition:transform .2s;font-style:normal}.iopt-faq-item[open] .iopt-faq-icon{transform:rotate(45deg)}.iopt-faq-body{padding:4px 2px 20px;color:#374151;font-size:14px;line-height:1.75}.iopt-faq-body p{margin:0}.iopt-faq-body a{color:#111;text-decoration:underline}.iopt-more-head,.iopt-related-head{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6b7280;margin:0 0 16px}.iopt-more-grid,.iopt-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.iopt-more-card,.iopt-related-card{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1.5px solid #e5e7eb;border-radius:10px;text-decoration:none;background:#fff;transition:border-color .15s,box-shadow .15s}.iopt-more-card:hover,.iopt-related-card:hover{border-color:#111;box-shadow:0 2px 10px rgba(0,0,0,.06);text-decoration:none}.iopt-more-em,.iopt-related-em{font-size:11px;line-height:1.2;flex-shrink:0;min-width:34px;font-weight:800;color:#111}.iopt-more-name,.iopt-related-name{display:block;font-size:14px;font-weight:700;color:#111;margin:0 0 3px}.iopt-more-blurb,.iopt-related-blurb{display:block;font-size:12px;color:#6b7280;line-height:1.35}@media (max-width:860px){.iopt-grid,.iopt-steps{grid-template-columns:1fr}.iopt-usecases-grid{grid-template-columns:repeat(2,1fr)}.iopt-more-grid,.iopt-related-grid{grid-template-columns:1fr}}@media (max-width:600px){.iopt-hero{padding:56px 16px 64px}.iopt-layout{padding:32px 16px 0}.iopt-result,.iopt-summary,.iopt-usecases-grid{grid-template-columns:1fr}.iopt-download{width:100%}}