.smo-hero { background:linear-gradient(135deg,#e8f0fe 0%,#dde8fc 60%,#e4dcfb 100%); padding:80px 0 88px; }
    .smo-eyebrow { display:inline-flex; align-items:center; gap:7px; background:#eff6ff; border:1.5px solid #bfdbfe; border-radius:30px; padding:5px 16px; font-size:.72rem; font-weight:700; color:#1d4ed8; letter-spacing:.05em; text-transform:uppercase; margin-bottom:22px; }
    .smo-title { font-size:clamp(2.2rem,4.5vw,3.6rem); font-weight:900; color:#0f172a; line-height:1.1; margin-bottom:18px; }
    .smo-gradient { background:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
    .smo-lead { font-size:.97rem; color:#475569; margin-bottom:32px; line-height:1.75; }
    .smo-pills { display:flex; flex-wrap:wrap; gap:9px; }
    .smo-pill { display:inline-flex; align-items:center; gap:6px; padding:7px 16px; background:#dbeafe; border:1.5px solid #93c5fd; border-radius:20px; font-size:.76rem; font-weight:700; color:#1d4ed8; }

    .smo-card { background:#fff; border:1.5px solid #e2e8f0; border-radius:20px; overflow:hidden; box-shadow:0 16px 56px rgba(37,99,235,.12); }
    .smo-card-hdr { padding:18px 22px 14px; background:#f8fafc; border-bottom:1px solid #e2e8f0; display:flex; align-items:center; justify-content:space-between; }
    .smo-card-hdr-title { font-size:.78rem; font-weight:700; color:#475569; display:flex; align-items:center; gap:7px; }
    .smo-card-hdr-title i { color:#2563eb; }

    .smo-body { padding:20px 22px 22px; }
    .smo-field-lbl { font-size:.7rem; font-weight:700; color:#64748b; text-transform:uppercase; letter-spacing:.07em; margin-bottom:6px; display:block; }
    .smo-input { width:100%; background:#f8fafc; border:1.5px solid #e2e8f0; border-radius:10px; padding:11px 14px; color:#0f172a; font-size:.88rem; font-family:inherit; outline:none; transition:border-color .18s,box-shadow .18s; margin-bottom:12px; }
    .smo-input:focus { border-color:#2563eb; box-shadow:0 0 0 3px rgba(37,99,235,.08); }
    .smo-input::placeholder { color:#94a3b8; }

    /* Page chips */
    .smo-chips-grid { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:10px; }
    .smo-chip { display:inline-flex; align-items:center; gap:5px; padding:6px 13px; border-radius:20px; font-size:.75rem; font-weight:600; cursor:pointer; transition:all .15s; user-select:none; border:1.5px solid #e2e8f0; background:#f8fafc; color:#94a3b8; }
    .smo-chip.on { background:#eff6ff; border-color:#2563eb; color:#1d4ed8; }
    .smo-chip:hover { border-color:#93c5fd; color:#2563eb; }
    .smo-chip-remove { margin-left:2px; opacity:.5; font-style:normal; }
    .smo-chip-remove:hover { opacity:1; }
    .smo-custom-row { display:flex; gap:7px; margin-bottom:10px; align-items:stretch; }
    .smo-custom-row .smo-input { margin-bottom:0; flex:1; }
    .smo-btn-add { padding:0 16px; background:linear-gradient(135deg,#1746c8,#2563eb); color:#fff; border:none; border-radius:10px; font-size:.82rem; font-weight:700; cursor:pointer; display:flex; align-items:center; gap:5px; font-family:inherit; transition:all .15s; white-space:nowrap; }
    .smo-btn-add:hover { background:linear-gradient(135deg,#1338a8,#1d4ed8); }

    .smo-row2 { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:12px; }
    .smo-select { width:100%; background:#f8fafc; border:1.5px solid #e2e8f0; border-radius:10px; padding:11px 14px; color:#0f172a; font-size:.85rem; font-family:inherit; outline:none; cursor:pointer; transition:border-color .18s; }
    .smo-select:focus { border-color:#2563eb; }
    .smo-select option { background:#fff; }

    .smo-actions { display:flex; gap:8px; margin-bottom:12px; }
    .btn-smo-gen { flex:2; padding:12px; background:linear-gradient(135deg,#1746c8,#2563eb); color:#fff; border:none; border-radius:10px; font-size:.88rem; font-weight:700; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:7px; font-family:inherit; transition:all .15s; }
    .btn-smo-gen:hover { background:linear-gradient(135deg,#1338a8,#1d4ed8); }
    .btn-smo-demo { flex:1; padding:12px; background:#f1f5f9; color:#475569; border:1.5px solid #e2e8f0; border-radius:10px; font-size:.82rem; font-weight:700; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:6px; font-family:inherit; transition:all .15s; }
    .btn-smo-demo:hover { background:#e2e8f0; color:#0f172a; }

    /* Output area */
    .smo-output-area { display:none; }
    .smo-output-area.show { display:block; }
    .smo-output-hdr { display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; }
    .smo-output-info { font-size:.7rem; color:#94a3b8; }
    .smo-output-actions { display:flex; gap:6px; }
    .btn-smo-copy { padding:6px 12px; background:#f1f5f9; border:1.5px solid #e2e8f0; border-radius:7px; color:#64748b; font-size:.72rem; font-weight:700; cursor:pointer; display:flex; align-items:center; gap:5px; font-family:inherit; transition:all .15s; }
    .btn-smo-copy:hover { color:#0f172a; border-color:#cbd5e1; }
    .btn-smo-copy.copied { color:#16a34a; border-color:#86efac; background:#f0fdf4; }
    .btn-smo-dl { padding:6px 12px; background:linear-gradient(135deg,#1746c8,#2563eb); border:none; border-radius:7px; color:#fff; font-size:.72rem; font-weight:700; cursor:pointer; display:flex; align-items:center; gap:5px; font-family:inherit; transition:all .15s; }
    .btn-smo-dl:hover { background:linear-gradient(135deg,#1338a8,#1d4ed8); }
    .smo-xml-out { background:#f0f9ff; border:1.5px solid #bae6fd; border-radius:10px; padding:14px; font-family:'Courier New',monospace; font-size:.73rem; color:#1e40af; line-height:1.7; max-height:240px; overflow-y:auto; word-break:break-all; white-space:pre-wrap; }
    .smo-xml-out::-webkit-scrollbar { width:4px; }
    .smo-xml-out::-webkit-scrollbar-track { background:#f1f5f9; }
    .smo-xml-out::-webkit-scrollbar-thumb { background:#bfdbfe; border-radius:2px; }

    /* Validation message */
    .smo-err { background:#fef2f2; border:1.5px solid #fecaca; border-radius:10px; padding:10px 14px; font-size:.8rem; color:#dc2626; display:none; align-items:flex-start; gap:8px; margin-bottom:12px; }
    .smo-err.show { display:flex; }

    /* Scan row */
    .smo-scan-row { display:flex; gap:8px; margin-bottom:16px; align-items:stretch; }
    .smo-scan-row .smo-input { margin-bottom:0; flex:1; }
    .btn-smo-scan { padding:0 22px; background:linear-gradient(135deg,#1746c8,#2563eb); color:#fff; border:none; border-radius:10px; font-size:.88rem; font-weight:700; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:7px; font-family:inherit; transition:all .15s; white-space:nowrap; }
    .btn-smo-scan:hover { background:linear-gradient(135deg,#1338a8,#1d4ed8); }
    .btn-smo-scan:disabled { opacity:.6; cursor:not-allowed; }
    .btn-smo-cancel { padding:0 18px; background:#fef2f2; color:#dc2626; border:1.5px solid #fecaca; border-radius:10px; font-size:.88rem; font-weight:700; cursor:pointer; display:none; align-items:center; justify-content:center; gap:7px; font-family:inherit; transition:all .15s; white-space:nowrap; }
    .btn-smo-cancel:hover { background:#fee2e2; border-color:#fca5a5; }

    /* Progress */
    .smo-progress-area { margin-bottom:14px; padding:14px 16px; background:#f0f9ff; border:1.5px solid #bae6fd; border-radius:12px; }
    .smo-progress-bar-wrap { height:6px; background:#dbeafe; border-radius:4px; overflow:hidden; margin-bottom:8px; }
    .smo-progress-bar { height:100%; background:linear-gradient(90deg,#2563eb,#7c3aed); border-radius:4px; transition:width .35s ease; width:0%; }
    .smo-progress-status { font-size:.75rem; color:#1d4ed8; display:flex; align-items:center; gap:6px; }
    .smo-progress-spin { animation:smoSpin .7s linear infinite; display:inline-block; }
    @keyframes smoSpin { to { transform:rotate(360deg); } }

    /* Found URLs */
    .smo-found-area { margin-bottom:14px; }
    .smo-found-hdr { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:8px; flex-wrap:wrap; }
    .smo-found-count { font-size:.78rem; font-weight:700; color:#0f172a; }
    .smo-found-btns { display:flex; gap:5px; }
    .btn-smo-sel { padding:4px 10px; background:#f1f5f9; border:1.5px solid #e2e8f0; border-radius:6px; font-size:.7rem; font-weight:700; color:#475569; cursor:pointer; font-family:inherit; transition:all .15s; }
    .btn-smo-sel:hover { background:#e2e8f0; color:#0f172a; }
    .smo-url-list { max-height:210px; overflow-y:auto; border:1.5px solid #e2e8f0; border-radius:10px; background:#f8fafc; }
    .smo-url-list::-webkit-scrollbar { width:4px; }
    .smo-url-list::-webkit-scrollbar-track { background:#f1f5f9; }
    .smo-url-list::-webkit-scrollbar-thumb { background:#bfdbfe; border-radius:2px; }
    .smo-url-item { display:flex; align-items:center; gap:9px; padding:8px 13px; border-bottom:1px solid #f1f5f9; cursor:pointer; transition:background .12s; }
    .smo-url-item:last-child { border-bottom:none; }
    .smo-url-item:hover { background:#eff6ff; }
    .smo-url-item input[type=checkbox] { accent-color:#2563eb; flex-shrink:0; width:14px; height:14px; cursor:pointer; }
    .smo-url-path { color:#1e40af; font-family:'Courier New',monospace; font-size:.76rem; flex:1; word-break:break-all; }
    .smo-url-del { color:#cbd5e1; font-size:.78rem; cursor:pointer; flex-shrink:0; padding:2px 5px; border-radius:4px; border:none; background:none; line-height:1; }
    .smo-url-del:hover { color:#ef4444; background:#fef2f2; }
    .smo-add-row { display:flex; gap:7px; margin-top:8px; }
    .smo-add-row .smo-input { margin-bottom:0; flex:1; }
    .btn-smo-add-url { padding:0 16px; background:#f1f5f9; color:#475569; border:1.5px solid #e2e8f0; border-radius:10px; font-size:.82rem; font-weight:700; cursor:pointer; display:flex; align-items:center; gap:5px; font-family:inherit; transition:all .15s; white-space:nowrap; }
    .btn-smo-add-url:hover { background:#e2e8f0; color:#0f172a; }

    .smo-info-section { padding:88px 0 96px; background:#fff; }
    .smo-eyebrow-s { font-size:.72rem; font-weight:700; color:#1746c8; text-transform:uppercase; letter-spacing:.08em; margin-bottom:6px; }
    .smo-s-title { font-size:1.5rem; font-weight:800; color:#0f172a; margin-bottom:8px; }
    .smo-s-sub { font-size:.88rem; color:#64748b; line-height:1.75; }
    .smo-info-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:40px; }
    .smo-info-card { background:#f8fafc; border:1.5px solid #e2e8f0; border-radius:16px; padding:26px 22px; transition:box-shadow .2s,transform .2s; }
    .smo-info-card:hover { box-shadow:0 8px 28px rgba(23,70,200,.1); transform:translateY(-2px); }
    .smo-info-icon { width:46px; height:46px; background:#eef2ff; border-radius:13px; display:flex; align-items:center; justify-content:center; color:#1746c8; font-size:1.15rem; margin-bottom:16px; }
    .smo-info-card h3 { font-size:.92rem; font-weight:700; color:#0f172a; margin-bottom:7px; }
    .smo-info-card p { font-size:.8rem; color:#64748b; line-height:1.75; margin:0; }

    .smo-faq-section { padding:0 0 96px; background:#f8fafc; }
    .smo-faq-item { background:#fff; border:1.5px solid #e2e8f0; border-radius:14px; margin-bottom:10px; overflow:hidden; transition:border-color .2s; }
    .smo-faq-item.open { border-color:#2563eb; }
    .smo-faq-q { width:100%; background:none; border:none; padding:18px 22px; display:flex; align-items:center; justify-content:space-between; gap:12px; font-family:inherit; font-size:.92rem; font-weight:700; color:#0f172a; cursor:pointer; text-align:left; transition:color .18s; }
    .smo-faq-q:hover { color:#1746c8; }
    .smo-faq-q i.ch { font-size:.78rem; color:#94a3b8; flex-shrink:0; transition:transform .22s; }
    .smo-faq-item.open .smo-faq-q i.ch { transform:rotate(180deg); color:#1746c8; }
    .smo-faq-a { display:none; padding:0 22px 18px; font-size:.86rem; color:#475569; line-height:1.75; }
    .smo-faq-item.open .smo-faq-a { display:block; }

    .smo-tools-section { padding:80px 0; background:#fff; border-top:1px solid #f1f5f9; }
    .smo-tool-card { display:flex; align-items:center; gap:16px; background:#f8fafc; border:1.5px solid #e2e8f0; border-radius:16px; padding:20px 22px; text-decoration:none; transition:all .2s; }
    .smo-tool-card:hover { border-color:#1746c8; background:#eff6ff; transform:translateY(-2px); box-shadow:0 6px 20px rgba(23,70,200,.1); }
    .smo-tool-ic { width:44px; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
    .smo-tool-title { font-size:.88rem; font-weight:700; color:#0f172a; margin:0 0 3px; }
    .smo-tool-sub { font-size:.75rem; color:#64748b; margin:0; }
    .smo-tool-arr { margin-left:auto; color:#94a3b8; flex-shrink:0; font-size:.8rem; }
    .smo-tool-card:hover .smo-tool-arr { color:#1746c8; }

    /* Kimler kullanır */
    .smo-who-section { padding:88px 0 96px; background:#f8fafc; border-top:1px solid #f1f5f9; }
    .smo-who-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:40px; }
    .smo-who-card { background:#fff; border:1.5px solid #e2e8f0; border-radius:16px; padding:28px 22px; text-align:center; transition:all .2s; }
    .smo-who-card:hover { border-color:#2563eb; box-shadow:0 8px 28px rgba(37,99,235,.1); transform:translateY(-2px); }
    .smo-who-icon { width:52px; height:52px; border-radius:14px; display:flex; align-items:center; justify-content:center; font-size:1.25rem; margin:0 auto 14px; }
    .smo-who-card h3 { font-size:.9rem; font-weight:700; color:#0f172a; margin-bottom:8px; }
    .smo-who-card p { font-size:.78rem; color:#64748b; line-height:1.7; margin:0; }
    @media(max-width:992px){ .smo-who-grid{grid-template-columns:1fr 1fr;} }
    @media(max-width:576px){ .smo-who-grid{grid-template-columns:1fr;} }

    @media(max-width:992px){.smo-hero{padding:60px 0 72px;}.smo-hero-left{margin-bottom:40px!important;text-align:center;}.smo-pills{justify-content:center;}}
    @media(max-width:768px){.smo-info-grid{grid-template-columns:1fr 1fr;}.smo-row2{grid-template-columns:1fr;}}
    @media(max-width:576px){.smo-info-grid{grid-template-columns:1fr;}}