.ai-humanizer-page {
    --ah-bg: #000;
    --ah-panel: #0b0f17;
    --ah-line: rgba(151, 164, 190, .16);
    --ah-line-strong: rgba(132, 151, 211, .28);
    --ah-text: #f5f7ff;
    --ah-muted: #929aae;
    min-height: 100vh;
    overflow: hidden;
    background: #000;
    color: var(--ah-text);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.ai-humanizer-page *, .ai-humanizer-page *::before, .ai-humanizer-page *::after { box-sizing: border-box; }
.ai-humanizer-page button, .ai-humanizer-page textarea { font: inherit; }
.ai-humanizer-shell { width: min(1280px, calc(100% - 64px)); margin: 0 auto; }

.ai-humanizer-hero {
    position: relative;
    overflow: hidden;
    padding: 128px 0 24px;
    background: #000;
    text-align: center;
}
.ai-humanizer-hero::before { display: none; }
.ai-humanizer-hero .ai-humanizer-shell { position: relative; z-index: 1; }
.ai-humanizer-hero h1 {
    max-width: 1080px;
    margin: 0 auto;
    background: linear-gradient(100deg, #7a99ff 7%, #9b72f2 52%, #e15cba 92%);
    background-clip: text;
    color: transparent;
    font-size: clamp(40px, 4.2vw, 48px);
    font-weight: 700;
    letter-spacing: -.035em;
    line-height: 1.15;
}
.ai-humanizer-hero p { max-width: 920px; margin: 24px auto 0; color: #d1d5db; font-size: 20px; font-weight: 400; line-height: 1.625; }

.ai-humanizer-workspace { position: relative; padding: 0 0 64px; scroll-margin-top: 80px; background: #000; }
.ai-humanizer-card { overflow: hidden; max-width: 1120px; margin: 0 auto; border: 1px solid rgba(107,114,128,.65); border-radius: 18px; background: var(--ah-panel); box-shadow: 0 24px 70px rgba(0,0,0,.5); }
.ai-humanizer-editors { display: grid; grid-template-columns: minmax(0,1fr) 54px minmax(0,1fr); min-height: 340px; }
.ai-humanizer-editor { display: flex; min-width: 0; flex-direction: column; padding: 14px 18px 12px; }
.ai-humanizer-editor--output { background: rgba(8,11,17,.38); }
.ai-humanizer-editor header { display: flex; min-height: 28px; margin-bottom: 8px; align-items: center; justify-content: space-between; gap: 16px; }
.ai-humanizer-editor header > div { display: flex; align-items: center; gap: 10px; }
.ai-humanizer-editor header > .ai-humanizer-editor__actions { justify-content: flex-end; gap: 12px; }
.ai-humanizer-editor__step { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 8px; color: #cbd5ff; background: rgba(97,124,255,.16); font-size: 12px; font-weight: 800; }
.ai-humanizer-editor h2 { margin: 0; color: #f5f7ff; font-size: 15px; font-weight: 750; }
.ai-humanizer-text-button { display: inline-flex; align-items: center; gap: 6px; padding: 2px 4px; border: 0; color: #8e97ab; background: transparent; font-size: 13px; font-weight: 650; line-height: 1.4; cursor: pointer; }
.ai-humanizer-text-button[hidden] { display: none !important; }
.ai-humanizer-text-button:hover:not(:disabled) { color: #b8c6ff; }
.ai-humanizer-text-button:disabled { opacity: .36; cursor: not-allowed; }
.ai-humanizer-text-button svg { width: 16px; height: 16px; fill: currentColor; }
.ai-humanizer-file-input { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.ai-humanizer-upload-button { margin: 0; }
.ai-humanizer-upload-button.is-disabled { opacity: .36; pointer-events: none; }
.ai-humanizer-editor textarea, .ai-humanizer-output {
    flex: 1;
    width: 100%;
    min-height: 250px;
    padding: 17px 18px;
    border: 1px solid rgba(151,164,190,.13);
    border-radius: 14px;
    outline: 0;
    background: #0b0f17;
    color: #e8ebf4;
    font: 400 16px/1.75 inherit;
    resize: none;
    transition: border-color .2s, box-shadow .2s, background .2s;
}
.ai-humanizer-editor textarea:focus, .ai-humanizer-output:focus { border-color: rgba(112,139,255,.62); background: #0d111b; box-shadow: 0 0 0 4px rgba(82,112,242,.1); }
.ai-humanizer-editor--input.is-dragover textarea { border-color: #7892ff; background: #0d1322; box-shadow: 0 0 0 4px rgba(82,112,242,.14); }
.ai-humanizer-editor textarea::placeholder, .ai-humanizer-output:empty::before { color: #656e81; }
.ai-humanizer-output { overflow: auto; white-space: pre-wrap; }
.ai-humanizer-output:empty::before { content: attr(data-placeholder); }
.ai-humanizer-output mark { padding: 1px 2px; border-radius: 4px; color: inherit; background: rgba(74,222,128,.2); box-shadow: inset 0 -1px 0 rgba(74,222,128,.5); transition: background .2s, box-shadow .2s; }
.ai-humanizer-output--plain mark { padding: 0; background: transparent; box-shadow: none; }
.ai-humanizer-editor footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 2px 0; color: #697286; font-size: 12px; }
.ai-humanizer-file-status { min-width: 0; overflow: hidden; color: #747f96; text-overflow: ellipsis; white-space: nowrap; }
.ai-humanizer-file-status.has-file { color: #9cadff; }
.ai-humanizer-style { min-width: 0; margin: 0 0 10px; padding: 0; border: 0; }
.ai-humanizer-style legend { float: left; margin: 6px 9px 0 1px; padding: 0; color: #a8b0c2; font-size: 12px; font-weight: 750; line-height: 28px; }
.ai-humanizer-style__options { display: flex; overflow-x: auto; gap: 6px; padding: 4px 1px 5px; scrollbar-width: none; }
.ai-humanizer-style__options::-webkit-scrollbar { display: none; }
.ai-humanizer-style label { flex: 0 0 auto; margin: 0; cursor: pointer; }
.ai-humanizer-style input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; pointer-events: none; }
.ai-humanizer-style label span { display: inline-flex; min-height: 28px; align-items: center; padding: 0 11px; border: 1px solid rgba(151,164,190,.2); border-radius: 999px; color: #9aa3b6; background: rgba(255,255,255,.025); font-size: 12px; font-weight: 650; white-space: nowrap; transition: border-color .2s, color .2s, background .2s, box-shadow .2s; }
.ai-humanizer-style label:hover span { border-color: rgba(121,147,255,.5); color: #d7deff; }
.ai-humanizer-style input:focus-visible + span { outline: 2px solid #8aa1ff; outline-offset: 2px; }
.ai-humanizer-style input:checked + span { border-color: #7892ff; color: #eef1ff; background: linear-gradient(115deg, rgba(93,121,245,.2), rgba(138,84,232,.18)); box-shadow: inset 0 0 0 1px rgba(120,146,255,.14); }
.ai-humanizer-style input:disabled + span { opacity: .42; cursor: not-allowed; }
.ai-humanizer-style p { clear: both; margin: 0 2px; color: #717b90; font-size: 11px; line-height: 1.45; }
.ai-humanizer-editor-divider { position: relative; display: flex; align-items: center; justify-content: center; color: #9cadff; }
.ai-humanizer-editor-divider::before { width: 1px; height: 100%; background: var(--ah-line); content: ""; }
.ai-humanizer-editor-divider span { position: absolute; display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid var(--ah-line-strong); border-radius: 50%; background: #121827; font-size: 16px; }

.ai-humanizer-examples { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 22px; padding: 13px 0 16px; border-top: 1px solid var(--ah-line); color: #747d91; font-size: 12px; }
.ai-humanizer-examples > span { margin-right: 2px; font-weight: 700; }
.ai-humanizer-examples button { padding: 6px 11px; border: 1px solid rgba(151,164,190,.17); border-radius: 999px; color: #a6aec0; background: rgba(255,255,255,.025); font-size: 12px; cursor: pointer; }
.ai-humanizer-examples button:hover { border-color: rgba(121,147,255,.55); color: #d6deff; background: rgba(98,124,255,.08); }
.ai-humanizer-notice { max-width: 720px; margin: 12px auto 0; padding: 11px 14px; border-radius: 10px; font-size: 13px; line-height: 1.5; }
.ai-humanizer-notice--progress { color: #c8d2ff; background: rgba(85,113,234,.14); }
.ai-humanizer-notice--success { color: #a7f3d0; background: rgba(16,185,129,.12); }
.ai-humanizer-notice--error { color: #ffb7c1; background: rgba(190,57,79,.14); }
.ai-humanizer-actions { padding: 20px 22px 22px; border-top: 1px solid var(--ah-line); background: #0c1018; text-align: center; }
.ai-humanizer-submit { display: inline-flex; min-width: 290px; min-height: 54px; align-items: center; justify-content: center; gap: 9px; padding: 0 23px; border: 0; border-radius: 13px; color: #fff; background: linear-gradient(105deg, #5d79f5, #8a54e8); box-shadow: 0 14px 32px rgba(91,80,225,.26); font-size: 16px; font-weight: 780; cursor: pointer; transition: transform .2s, box-shadow .2s; }
.ai-humanizer-submit:hover:not(:disabled) { transform: translateY(-2px); box-shadow: 0 18px 38px rgba(91,80,225,.34); }
.ai-humanizer-submit:disabled { opacity: .68; cursor: wait; }
.ai-humanizer-submit small { padding-left: 9px; border-left: 1px solid rgba(255,255,255,.34); font-size: 12px; font-weight: 600; }
.ai-humanizer-submit.is-processing .ai-humanizer-submit__icon { animation: ai-humanizer-spin 1.3s linear infinite; }
.ai-humanizer-usage { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 22px; margin-top: 13px; color: #7f889c; font-size: 12px; }
.ai-humanizer-usage span { display: inline-flex; align-items: center; gap: 6px; }
.ai-humanizer-usage i { color: #7892ff; font-style: normal; }
@keyframes ai-humanizer-spin { to { transform: rotate(360deg); } }

.ai-humanizer-modal[hidden] { display: none; }
.ai-humanizer-modal { position: fixed; z-index: 10020; inset: 0; display: grid; padding: 24px; place-items: center; }
.ai-humanizer-modal__backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.78); backdrop-filter: blur(5px); }
.ai-humanizer-modal__panel { position: relative; width: min(460px,100%); padding: 32px; border: 1px solid rgba(129,140,248,.34); border-radius: 20px; background: #0d111a; box-shadow: 0 28px 80px rgba(0,0,0,.62); text-align: center; }
.ai-humanizer-modal__icon { display: grid; width: 42px; height: 42px; margin: 0 auto 18px; place-items: center; border-radius: 50%; color: #fcd34d; background: rgba(245,158,11,.13); font-size: 20px; font-weight: 800; }
.ai-humanizer-modal h2 { margin: 0 0 12px; color: #fff; font-size: 22px; }
.ai-humanizer-modal p { margin: 0; color: #a8b0c2; font-size: 15px; line-height: 1.7; }
.ai-humanizer-modal__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 26px; }
.ai-humanizer-modal__actions button { min-height: 44px; padding: 0 16px; border-radius: 11px; font-size: 14px; font-weight: 750; cursor: pointer; }
.ai-humanizer-modal__secondary { border: 1px solid rgba(151,164,190,.3); color: #d5dae5; background: rgba(255,255,255,.035); }
.ai-humanizer-modal__primary { border: 0; color: #fff; background: linear-gradient(105deg,#5d79f5,#8a54e8); }

.ai-humanizer-section { padding: 64px 0; border-top: 1px solid rgba(107,114,128,.2); background: #000; }
.ai-humanizer-intro { background: #000; }
.ai-humanizer-intro__grid { display: grid; grid-template-columns: minmax(0,.82fr) minmax(0,1.18fr); gap: 96px; align-items: start; }
.ai-humanizer-eyebrow { display: block; margin-bottom: 14px; color: #8ba5ff; font-size: 13px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.ai-humanizer-intro h2, .ai-humanizer-section-heading h2 { margin: 0; color: #fff; font-size: clamp(36px,4.2vw,48px); font-weight: 700; letter-spacing: -.035em; line-height: 1.16; }
.ai-humanizer-intro__content > p { margin: 0 0 18px; color: #9ca3af; font-size: 17px; line-height: 1.8; }
.ai-humanizer-intro__content h3 { margin: 32px 0 16px; color: #fff; font-size: 18px; }
.ai-humanizer-intro__content ul { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; }
.ai-humanizer-intro__content li { display: inline-flex; align-items: center; gap: 8px; padding: 9px 13px; border: 1px solid rgba(107,114,128,.48); border-radius: 999px; color: #c5cad5; background: rgba(17,24,39,.72); font-size: 13px; }
.ai-humanizer-intro__content li span { color: #7c9cff; }
.ai-humanizer-section-heading { max-width: 760px; margin: 0 auto 42px; text-align: center; }
.ai-humanizer-section-heading h2 { margin-bottom: 16px; }
.ai-humanizer-section-heading .ai-humanizer-eyebrow { margin-bottom: 12px; }
.ai-humanizer-section-heading p { margin: 0; color: #9ca3af; font-size: 18px; line-height: 1.7; }
.ai-humanizer-benefit-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
.ai-humanizer-benefit-grid article, .ai-humanizer-steps li { border: 1px solid #374151; border-radius: 16px; background: #05070a; transition: border-color .3s, transform .3s, box-shadow .3s; }
.ai-humanizer-benefit-grid article { padding: 30px; text-align: center; }
.ai-humanizer-benefit-grid article:hover, .ai-humanizer-steps li:hover { border-color: #6366f1; transform: translateY(-4px); box-shadow: 0 18px 42px rgba(79,70,229,.12); }
.ai-humanizer-benefit-icon { display: grid; width: 48px; height: 48px; margin: 0 auto 22px; place-items: center; border-radius: 13px; color: #60a5fa; background: rgba(59,130,246,.13); }
.ai-humanizer-benefit-grid article:nth-child(2) .ai-humanizer-benefit-icon { color: #c084fc; background: rgba(168,85,247,.13); }
.ai-humanizer-benefit-grid article:nth-child(3) .ai-humanizer-benefit-icon { color: #f472b6; background: rgba(236,72,153,.13); }
.ai-humanizer-benefit-grid article:nth-child(4) .ai-humanizer-benefit-icon { color: #4ade80; background: rgba(34,197,94,.13); }
.ai-humanizer-benefit-grid article:nth-child(5) .ai-humanizer-benefit-icon { color: #facc15; background: rgba(234,179,8,.13); }
.ai-humanizer-benefit-grid article:nth-child(6) .ai-humanizer-benefit-icon { color: #fb7185; background: rgba(244,63,94,.13); }
.ai-humanizer-benefit-grid article:nth-child(2):hover { border-color: #a855f7; }
.ai-humanizer-benefit-grid article:nth-child(3):hover { border-color: #ec4899; }
.ai-humanizer-benefit-grid article:nth-child(4):hover { border-color: #22c55e; }
.ai-humanizer-benefit-grid article:nth-child(5):hover { border-color: #eab308; }
.ai-humanizer-benefit-grid article:nth-child(6):hover { border-color: #f43f5e; }
.ai-humanizer-benefit-icon svg { width: 25px; height: 25px; fill: currentColor; }
.ai-humanizer-benefit-grid h3, .ai-humanizer-steps h3 { margin: 0 0 12px; color: #f3f4f6; font-size: 20px; font-weight: 600; }
.ai-humanizer-benefit-grid p, .ai-humanizer-steps p { margin: 0; color: #9ca3af; font-size: 16px; line-height: 1.7; }
.ai-humanizer-steps { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; margin: 0; padding: 0; list-style: none; }
.ai-humanizer-steps li { overflow: hidden; padding: 0 0 30px; text-align: center; }
.ai-humanizer-step-visual { display: flex; height: 244px; margin-bottom: 28px; align-items: center; justify-content: center; padding: 26px; border-bottom: 1px solid rgba(107,114,128,.24); background: radial-gradient(circle at 50% 5%, rgba(86,111,233,.22), transparent 56%), #0a0e16; }
.ai-humanizer-step-copy { padding: 0 28px; }
.ai-humanizer-step-copy > span { display: grid; width: 34px; height: 34px; margin: -46px auto 20px; place-items: center; border: 4px solid #05070a; border-radius: 50%; color: #fff; background: linear-gradient(135deg, #526ff0, #8756e8); box-sizing: content-box; box-shadow: 0 8px 22px rgba(82,91,222,.3); font-size: 13px; font-weight: 800; }
.ai-humanizer-steps li:nth-child(2) .ai-humanizer-step-copy > span { background: linear-gradient(135deg, #7b5be9, #d04fa8); }
.ai-humanizer-steps li:nth-child(3) .ai-humanizer-step-copy > span { background: linear-gradient(135deg, #d64d9d, #ee5b68); }
.ai-humanizer-step-window { width: 100%; padding: 16px; border: 1px solid rgba(129,140,248,.3); border-radius: 13px; background: rgba(6,9,15,.85); text-align: left; box-shadow: 0 14px 34px rgba(0,0,0,.28); }
.ai-humanizer-step-window > span { display: block; margin-bottom: 14px; color: #e9ecf5; font-size: 12px; font-weight: 750; }
.ai-humanizer-step-window small { display: block; margin-top: 16px; color: #7280a2; font-size: 9px; letter-spacing: .04em; }
.ai-humanizer-step-demo-text, .ai-humanizer-step-action-copy { display: -webkit-box; margin: 0; overflow: hidden; color: #aeb6c7; font-size: 11px; line-height: 1.65; -webkit-box-orient: vertical; }
.ai-humanizer-step-demo-text { -webkit-line-clamp: 5; }
.ai-humanizer-step-visual--action { flex-direction: column; gap: 12px; background: radial-gradient(circle at 50% 5%, rgba(162,69,198,.2), transparent 58%), #0a0e16; }
.ai-humanizer-step-action-copy { max-width: 280px; color: #7e879b; text-align: left; -webkit-line-clamp: 4; }
.ai-humanizer-step-styles { display: flex; max-width: 100%; gap: 6px; }
.ai-humanizer-step-styles span { overflow: hidden; padding: 6px 9px; border: 1px solid rgba(151,164,190,.2); border-radius: 999px; color: #a6aec0; background: rgba(255,255,255,.03); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.ai-humanizer-step-styles span:first-child { border-color: #7892ff; color: #eef1ff; background: rgba(93,121,245,.18); }
.ai-humanizer-step-button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: 8px; padding: 0 22px; border-radius: 12px; color: #fff; background: linear-gradient(105deg, #5d79f5, #8a54e8); box-shadow: 0 12px 28px rgba(91,80,225,.32); font-size: 13px; font-weight: 750; }
.ai-humanizer-step-button b { font-size: 15px; }
.ai-humanizer-step-visual--result { display: block; padding: 26px; background: radial-gradient(circle at 50% 5%, rgba(39,160,123,.17), transparent 58%), #0a0e16; text-align: left; }
.ai-humanizer-step-result-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px; color: #eff3f8; font-size: 11px; font-weight: 750; }
.ai-humanizer-step-result-head i { display: grid; width: 22px; height: 22px; place-items: center; border-radius: 50%; color: #5fe0a9; background: rgba(52,211,153,.12); font-style: normal; }
.ai-humanizer-step-result-text { display: -webkit-box; margin: 0; overflow: hidden; color: #dce3ed; font-size: 12px; line-height: 1.72; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.ai-humanizer-step-result-text mark { padding: 1px 2px; border-radius: 3px; color: inherit; background: rgba(74,222,128,.22); box-shadow: inset 0 -1px 0 rgba(74,222,128,.5); }

.ai-humanizer-comparison { background: radial-gradient(circle at 50% 12%, rgba(73,93,200,.14), transparent 34%), #000; }
.ai-humanizer-comparison__panel { display: grid; grid-template-columns: minmax(0,1fr) 64px minmax(0,1fr); overflow: hidden; max-width: 1080px; margin: 0 auto; border: 1px solid rgba(107,114,128,.62); border-radius: 20px; background: #070a10; box-shadow: 0 26px 68px rgba(0,0,0,.42); }
.ai-humanizer-comparison__draft { min-width: 0; padding: 34px; }
.ai-humanizer-comparison__draft--after { background: linear-gradient(145deg, rgba(78,95,205,.12), rgba(145,72,189,.09)); }
.ai-humanizer-comparison__draft header { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; }
.ai-humanizer-comparison__draft h3 { margin: 0; color: #f3f4f6; font-size: 16px; font-weight: 750; }
.ai-humanizer-comparison__dot { width: 10px; height: 10px; border-radius: 50%; background: #687084; box-shadow: 0 0 0 5px rgba(104,112,132,.12); }
.ai-humanizer-comparison__spark { display: grid; width: 26px; height: 26px; place-items: center; border-radius: 8px; color: #d8ddff; background: linear-gradient(135deg, rgba(86,111,233,.35), rgba(157,75,211,.35)); }
.ai-humanizer-comparison__draft > p { margin: 0; color: #9ca3af; font-size: 16px; line-height: 1.82; }
.ai-humanizer-comparison__draft--after > p { color: #e1e5ef; }
.ai-humanizer-comparison__draft ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 24px 0 0; padding: 0; list-style: none; }
.ai-humanizer-comparison__draft li { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid rgba(117,138,236,.22); border-radius: 999px; color: #acb8ec; background: rgba(75,91,179,.09); font-size: 12px; }
.ai-humanizer-comparison__draft li span { color: #91a5ff; }
.ai-humanizer-comparison__arrow { position: relative; display: grid; place-items: center; }
.ai-humanizer-comparison__arrow::before { position: absolute; width: 1px; height: 100%; background: rgba(151,164,190,.16); content: ""; }
.ai-humanizer-comparison__arrow span { position: relative; display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid rgba(120,146,255,.34); border-radius: 50%; color: #aebcff; background: #111725; box-shadow: 0 8px 24px rgba(0,0,0,.32); }

.ai-humanizer-scenarios { overflow: hidden; background: radial-gradient(circle at 88% 28%, rgba(91,33,182,.13), transparent 34%), radial-gradient(circle at 8% 70%, rgba(30,64,175,.1), transparent 30%), #000; }
.ai-humanizer-scenario-carousel { position: relative; }
.ai-humanizer-scenario-viewport { overflow-x: auto; max-width: 1080px; margin: 0 auto; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: none; }
.ai-humanizer-scenario-viewport::-webkit-scrollbar { display: none; }
.ai-humanizer-scenario-track { display: grid; grid-auto-columns: calc((100% - 48px) / 3); grid-auto-flow: column; gap: 24px; }
.ai-humanizer-scenario-card { position: relative; overflow: hidden; aspect-ratio: 3 / 4; border: 1px solid rgba(75,85,99,.72); border-radius: 18px; background: #090b10; box-shadow: 0 24px 50px rgba(0,0,0,.32); scroll-snap-align: start; transition: transform .35s, border-color .35s, box-shadow .35s; }
.ai-humanizer-scenario-card::after { position: absolute; z-index: 1; inset: 0; background: linear-gradient(to bottom, rgba(0,0,0,.01) 24%, rgba(2,4,8,.12) 43%, rgba(2,4,8,.82) 70%, #020408 100%); content: ""; }
.ai-humanizer-scenario-card:hover { border-color: rgba(129,140,248,.72); box-shadow: 0 30px 62px rgba(30,41,89,.36); transform: translateY(-5px); }
.ai-humanizer-scenario-visual { position: absolute; inset: 0; overflow: hidden; background: radial-gradient(circle at 74% 18%, rgba(96,165,250,.68), transparent 28%), linear-gradient(145deg, #101d3c, #07101f 66%); }
.ai-humanizer-scenario-visual::after { display: none; }
.ai-humanizer-scenario-visual img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s cubic-bezier(.2,.7,.2,1); }
.ai-humanizer-scenario-card:hover .ai-humanizer-scenario-visual img { transform: scale(1.035); }
.ai-humanizer-scenario-card--email .ai-humanizer-scenario-visual { background: radial-gradient(circle at 76% 18%, rgba(192,132,252,.65), transparent 28%), linear-gradient(145deg, #291241, #11091d 68%); }
.ai-humanizer-scenario-card--marketing .ai-humanizer-scenario-visual { background: radial-gradient(circle at 76% 18%, rgba(251,113,133,.67), transparent 28%), linear-gradient(145deg, #43142c, #1d0914 68%); }
.ai-humanizer-scenario-card--social .ai-humanizer-scenario-visual { background: radial-gradient(circle at 76% 18%, rgba(45,212,191,.64), transparent 28%), linear-gradient(145deg, #0c3838, #061919 68%); }
.ai-humanizer-scenario-card--academic .ai-humanizer-scenario-visual { background: radial-gradient(circle at 76% 18%, rgba(250,204,21,.62), transparent 28%), linear-gradient(145deg, #3c2d10, #191206 68%); }
.ai-humanizer-scenario-icon { display: grid; width: 30px; height: 30px; margin-bottom: 17px; place-items: center; color: #fff; filter: drop-shadow(0 2px 7px rgba(0,0,0,.7)); }
.ai-humanizer-scenario-icon svg { width: 27px; height: 27px; fill: currentColor; }
.ai-humanizer-scenario-content { position: absolute; z-index: 2; right: 0; bottom: 0; left: 0; padding: 30px; }
.ai-humanizer-scenario-content h3 { margin: 0 0 10px; color: #fff; font-size: 22px; font-weight: 700; text-shadow: 0 2px 8px rgba(0,0,0,.75); }
.ai-humanizer-scenario-content p { display: -webkit-box; margin: 0; overflow: hidden; color: #e5e7eb; font-size: 15px; line-height: 1.55; text-shadow: 0 1px 5px rgba(0,0,0,.8); -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.ai-humanizer-carousel-nav { position: absolute; z-index: 4; top: 50%; display: grid; width: 44px; height: 44px; padding: 0; place-items: center; border: 1px solid #374151; border-radius: 50%; color: #fff; background: rgba(0,0,0,.86); box-shadow: 0 8px 22px rgba(0,0,0,.36); cursor: pointer; transform: translateY(-50%); transition: border-color .2s, background .2s, opacity .2s; }
.ai-humanizer-carousel-nav:hover:not(:disabled) { border-color: #6366f1; background: #111827; }
.ai-humanizer-carousel-nav:disabled { opacity: .3; cursor: default; }
.ai-humanizer-carousel-nav svg { width: 22px; height: 22px; fill: currentColor; }
.ai-humanizer-carousel-nav--prev { left: 0; }
.ai-humanizer-carousel-nav--next { right: 0; }

.ai-humanizer-audiences { background: radial-gradient(circle at 10% 20%, rgba(37,99,235,.09), transparent 30%), #000; }
.ai-humanizer-audience-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; }
.ai-humanizer-audience-grid article { position: relative; overflow: hidden; padding: 28px; border: 1px solid #303744; border-radius: 17px; background: linear-gradient(145deg, #090d14, #05070a); transition: border-color .3s, transform .3s; }
.ai-humanizer-audience-grid article::after { position: absolute; top: -46px; right: -46px; width: 120px; height: 120px; border-radius: 50%; background: rgba(75,104,238,.08); content: ""; }
.ai-humanizer-audience-grid article:hover { border-color: rgba(113,137,244,.62); transform: translateY(-4px); }
.ai-humanizer-audience-icon { display: grid; width: 44px; height: 44px; margin-bottom: 22px; place-items: center; border-radius: 12px; color: #8ca3ff; background: rgba(71,94,202,.15); }
.ai-humanizer-audience-grid article:nth-child(2) .ai-humanizer-audience-icon { color: #c28cff; background: rgba(139,74,196,.15); }
.ai-humanizer-audience-grid article:nth-child(3) .ai-humanizer-audience-icon { color: #72d9bb; background: rgba(42,152,121,.14); }
.ai-humanizer-audience-grid article:nth-child(4) .ai-humanizer-audience-icon { color: #f2bd72; background: rgba(184,115,35,.14); }
.ai-humanizer-audience-icon svg { width: 23px; height: 23px; fill: currentColor; }
.ai-humanizer-audience-grid h3 { margin: 0 0 10px; color: #f1f3f8; font-size: 19px; }
.ai-humanizer-audience-grid p { margin: 0; color: #9099aa; font-size: 15px; line-height: 1.7; }

.ai-humanizer-faq { background: #000; }
.ai-humanizer-faq__inner { max-width: 920px; }
.ai-humanizer-faq-list { display: grid; gap: 14px; }
.ai-humanizer-faq-list details { border: 1px solid #374151; border-radius: 13px; background: #05070a; }
.ai-humanizer-faq-list details[open] { border-color: rgba(99,102,241,.72); }
.ai-humanizer-faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 21px 24px; color: #e5e7eb; font-size: 17px; font-weight: 700; cursor: pointer; list-style: none; }
.ai-humanizer-faq-list summary::-webkit-details-marker { display: none; }
.ai-humanizer-faq-list summary span { color: #778dec; font-size: 24px; transition: transform .2s; }
.ai-humanizer-faq-list details[open] summary span { transform: rotate(45deg); }
.ai-humanizer-faq-list p { margin: 0; padding: 0 64px 22px 24px; color: #9ca3af; font-size: 15px; line-height: 1.75; }

.ai-humanizer-cta { padding-bottom: 96px; }
.ai-humanizer-cta__inner { position: relative; overflow: hidden; padding: 64px 36px; border: 1px solid rgba(119,139,229,.35); border-radius: 22px; background: radial-gradient(circle at 50% 0, rgba(112,76,220,.25), transparent 48%), linear-gradient(135deg, #0d1424, #100b1c); text-align: center; box-shadow: 0 26px 76px rgba(0,0,0,.42); }
.ai-humanizer-cta__inner::before, .ai-humanizer-cta__inner::after { position: absolute; width: 180px; height: 180px; border: 1px solid rgba(132,151,241,.12); border-radius: 50%; content: ""; }
.ai-humanizer-cta__inner::before { top: -95px; left: -75px; }
.ai-humanizer-cta__inner::after { right: -75px; bottom: -105px; }
.ai-humanizer-cta__spark { display: grid; width: 44px; height: 44px; margin: 0 auto 20px; place-items: center; border-radius: 13px; color: #fff; background: linear-gradient(135deg, #5d79f5, #9a55db); box-shadow: 0 10px 28px rgba(101,83,221,.34); }
.ai-humanizer-cta h2 { max-width: 760px; margin: 0 auto; color: #fff; font-size: clamp(34px,4vw,48px); letter-spacing: -.035em; line-height: 1.15; }
.ai-humanizer-cta p { max-width: 720px; margin: 18px auto 28px; color: #a9b0c0; font-size: 17px; line-height: 1.7; }
.ai-humanizer-cta__button { position: relative; z-index: 1; display: inline-flex; min-height: 52px; align-items: center; gap: 10px; padding: 0 24px; border-radius: 12px; color: #fff; background: linear-gradient(105deg, #5d79f5, #8a54e8); box-shadow: 0 14px 32px rgba(91,80,225,.3); font-size: 15px; font-weight: 750; text-decoration: none; transition: transform .2s, box-shadow .2s; }
.ai-humanizer-cta__button:hover { color: #fff; box-shadow: 0 18px 38px rgba(91,80,225,.4); transform: translateY(-2px); }
.ai-humanizer-cta__button span { font-size: 18px; }

@media (max-width: 900px) {
    .ai-humanizer-editors { grid-template-columns: 1fr; }
    .ai-humanizer-editor-divider { height: 38px; }
    .ai-humanizer-editor-divider::before { width: 100%; height: 1px; }
    .ai-humanizer-editor-divider span { transform: rotate(90deg); }
    .ai-humanizer-editor textarea, .ai-humanizer-output { min-height: 240px; }
    .ai-humanizer-intro__grid { grid-template-columns: 1fr; gap: 34px; }
    .ai-humanizer-benefit-grid { grid-template-columns: repeat(2,1fr); }
    .ai-humanizer-comparison__panel { grid-template-columns: 1fr; }
    .ai-humanizer-comparison__arrow { height: 52px; }
    .ai-humanizer-comparison__arrow::before { width: 100%; height: 1px; }
    .ai-humanizer-comparison__arrow span { transform: rotate(90deg); }
    .ai-humanizer-audience-grid { grid-template-columns: repeat(2,1fr); }
    .ai-humanizer-scenario-track { grid-auto-columns: calc((100% - 24px) / 2); }
}
@media (max-width: 700px) {
    .ai-humanizer-shell { width: min(100% - 28px, 1280px); }
    .ai-humanizer-hero { padding: 88px 0 24px; }
    .ai-humanizer-hero h1 { font-size: 36px; }
    .ai-humanizer-hero p { margin-top: 18px; font-size: 17px; }
    .ai-humanizer-workspace { padding: 8px 0 62px; }
    .ai-humanizer-card { border-radius: 17px; }
    .ai-humanizer-editor { padding-right: 14px; padding-left: 14px; }
    .ai-humanizer-editor header { gap: 8px; }
    .ai-humanizer-editor header > .ai-humanizer-editor__actions { gap: 7px; }
    .ai-humanizer-editor--output header { flex-wrap: wrap; }
    .ai-humanizer-editor--output header > .ai-humanizer-editor__actions { width: 100%; justify-content: flex-end; }
    .ai-humanizer-text-button { font-size: 12px; }
    .ai-humanizer-upload-button svg { display: none; }
    .ai-humanizer-style legend { float: none; display: block; margin: 0 0 2px 1px; line-height: 1.4; }
    .ai-humanizer-style__options { margin-right: -14px; padding-right: 14px; }
    .ai-humanizer-editor footer { align-items: flex-end; }
    .ai-humanizer-file-status { max-width: 58%; }
    .ai-humanizer-editor textarea, .ai-humanizer-output { min-height: 220px; padding: 14px; font-size: 15px; }
    .ai-humanizer-examples { margin-right: 14px; margin-left: 14px; }
    .ai-humanizer-actions { padding: 18px 14px 20px; }
    .ai-humanizer-submit { width: 100%; min-width: 0; }
    .ai-humanizer-usage { align-items: center; flex-direction: column; gap: 6px; }
    .ai-humanizer-modal { padding: 14px; }
    .ai-humanizer-modal__panel { padding: 26px 20px 22px; }
    .ai-humanizer-modal__actions { grid-template-columns: 1fr; }
    .ai-humanizer-section { padding: 52px 0; }
    .ai-humanizer-intro h2, .ai-humanizer-section-heading h2 { font-size: 32px; }
    .ai-humanizer-benefit-grid, .ai-humanizer-steps { grid-template-columns: 1fr; }
    .ai-humanizer-comparison__draft { padding: 24px; }
    .ai-humanizer-audience-grid { grid-template-columns: 1fr; }
    .ai-humanizer-audience-grid article { padding: 24px; }
    .ai-humanizer-section-heading { margin-bottom: 30px; }
    .ai-humanizer-section-heading p { font-size: 16px; }
    .ai-humanizer-intro__content > p { font-size: 16px; }
    .ai-humanizer-faq-list summary { padding: 18px; font-size: 16px; }
    .ai-humanizer-faq-list p { padding: 0 46px 18px 18px; }
    .ai-humanizer-scenario-viewport { margin: 0 42px; }
    .ai-humanizer-scenario-track { grid-auto-columns: 100%; gap: 16px; }
    .ai-humanizer-scenario-card { min-height: 0; }
    .ai-humanizer-scenario-content { padding: 24px; }
    .ai-humanizer-carousel-nav { width: 38px; height: 38px; }
    .ai-humanizer-cta { padding-bottom: 68px; }
    .ai-humanizer-cta__inner { padding: 48px 22px; }
    .ai-humanizer-cta h2 { font-size: 32px; }
    .ai-humanizer-cta p { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
    .ai-humanizer-page *, .ai-humanizer-page *::before, .ai-humanizer-page *::after { scroll-behavior: auto !important; transition: none !important; }
}