:root{--ink:#291837;--purple:#60268a;--teal:#147f78;--paper:#f8f5f0;--line:#ded6e2;--muted:#75697c;--font:'IBM Plex Sans Arabic',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 var(--font)}html[lang=en]{--font:'Space Grotesk',Arial,sans-serif}button,textarea{font:inherit}button,a,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid var(--teal);outline-offset:3px}button{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:6px;min-height:44px;padding:9px 17px}button:hover{border-color:var(--purple)}button:disabled{opacity:.45;cursor:not-allowed}header{min-height:88px;padding:18px 4vw;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff}.brand{display:flex;align-items:center;gap:22px;text-decoration:none;color:var(--purple);direction:ltr}.brand img{width:124px;filter:brightness(0) saturate(100%) invert(19%) sepia(43%) saturate(2158%) hue-rotate(248deg)}.brand span{border-inline-start:1px solid var(--line);padding-inline-start:22px;letter-spacing:2px;font:500 14px 'Space Grotesk',sans-serif}.top-actions{display:flex;align-items:center;gap:18px}.demo-badge{font-size:14px;color:var(--muted)}main{max-width:1640px;margin:auto;padding:28px 4vw 0}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.eyebrow{font:500 12px/1.6 'Space Grotesk',var(--font);letter-spacing:1px;color:var(--teal);margin:0 0 9px}h1{font-size:clamp(28px,3vw,42px);line-height:1.3;margin:5px 0 10px;font-weight:600}p{margin:0}.intro p:not(.eyebrow){color:var(--muted)}.quiet{background:#fff}.notice{border-inline-start:3px solid var(--teal);background:#e8efec;padding:12px 18px;font-size:14px;display:flex;gap:14px;align-items:baseline}.notice strong{white-space:nowrap;color:var(--teal)}.steps{display:flex;gap:40px;padding:22px 0 17px;font-size:14px}.steps span{display:flex;gap:10px;align-items:center}.steps b{font:500 13px 'Space Grotesk',sans-serif;color:var(--purple)}.steps i{font-style:normal}.workspace{display:grid;grid-template-columns:1fr .9fr 1.1fr;align-items:stretch;gap:18px}.panel{border:1px solid var(--line);border-radius:8px;background:white;min-width:0;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:17px 20px;border-bottom:1px solid var(--line);min-height:67px}.panel h2{font-size:18px;font-weight:600;margin:0}.small,.section-note{font-size:13px;color:var(--muted)}.source-cover{margin:18px;padding:25px;background:var(--ink);color:#fff;min-height:188px;display:flex;flex-direction:column;justify-content:space-between;border-radius:4px}.source-type{color:#c6add9;font-size:13px}.source-cover h3{font-size:27px;font-weight:500;line-height:1.45;max-width:290px;margin:15px 0}.source-footer{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#d3c8da;gap:12px}.source-footer b{font-family:'Space Grotesk',sans-serif;font-weight:400}.transcript-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:21px 20px 8px}.transcript-heading h3{font-size:15px;margin:0}.transcript{padding:0 14px;min-height:257px}.line{display:grid;grid-template-columns:48px 1fr;gap:12px;padding:14px 10px;margin:4px 0;border-inline-start:2px solid transparent;border-radius:3px;font-size:15px;color:var(--muted)}.line.active{background:#eee6f4;border-inline-start-color:var(--purple);color:var(--ink)}.line time{font:12px/2 'Space Grotesk',sans-serif;direction:ltr;color:var(--purple)}.source-note{padding:17px 20px;color:var(--muted);font-size:13px;border-top:1px solid var(--line)}.count{font:14px 'Space Grotesk',sans-serif;background:var(--paper);padding:4px 9px;border-radius:4px}.section-note{padding:13px 19px}#cards{padding:0 12px}.clip{width:100%;text-align:start;display:block;padding:18px 16px;margin:0 0 10px;border-color:var(--line);border-radius:5px;position:relative}.clip.selected{border-color:var(--purple);box-shadow:inset 3px 0 0 var(--purple);background:#faf7fc}.clip-top{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--teal)}.clip h3{font-size:17px;line-height:1.6;margin:9px 0 12px;font-weight:500}.clip-bottom{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);gap:8px}.clip-bottom time{font-family:'Space Grotesk',sans-serif}.human-note{display:flex;gap:18px;align-items:center;padding:24px;color:var(--muted);font-size:15px}.bracket{font:36px 'Space Grotesk',sans-serif;color:var(--purple)}.status{font-size:12px;color:var(--muted);padding:4px 9px;background:var(--paper);border-radius:3px}.status.approved{color:#09635d;background:#e5f2ee}.status.rejected{color:#925040;background:#f9ede8}.review-body{padding:20px}.time-row{display:flex;justify-content:space-between;gap:10px;margin:0 0 19px;font-size:13px;color:var(--muted)}#range{font-family:'Space Grotesk',sans-serif;color:var(--purple)}label{display:block;font-size:14px;font-weight:500;margin-bottom:7px}textarea{width:100%;border:1px solid var(--line);border-radius:5px;padding:11px 13px;resize:vertical;color:var(--ink);background:#fff;line-height:1.65;min-height:80px}#title{font-weight:500;font-size:18px}.detail{margin:20px 0}.detail h3,.context-note h3{font-size:14px;margin:0 0 7px;font-weight:600}.detail p,.context-note p{font-size:15px}.context-note{padding:14px 16px;background:#f8f0dd;border-inline-start:2px solid #a77c24;margin-bottom:21px}.decision{display:flex;gap:10px;margin-top:16px}.primary{background:var(--purple);color:white;border-color:var(--purple);font-weight:500}.primary:hover:not(:disabled){background:#492067}.decision .primary{flex:1}.session-note{font-size:12px;color:var(--muted);margin-top:11px}.handoff{margin-top:22px;background:#ede7f1;border:1px solid #ded1e7;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 28px;border-radius:6px}.handoff h2{font-size:21px;margin:0 0 5px;font-weight:500}.handoff p{font-size:14px;color:var(--muted)}.handoff .eyebrow{font-family:var(--font);letter-spacing:0}#feedback{min-height:32px;color:var(--teal);font-size:14px;padding-top:7px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:20px 0;font-size:13px;color:var(--muted)}footer a{color:var(--purple)}.skip{position:absolute;top:-100px}.skip:focus{top:5px;z-index:5;background:white;padding:10px}html[lang=en] .source-cover h3{font-size:24px}html[lang=en] h1{letter-spacing:-1px}@media(max-width:1100px){main{padding-inline:22px}.workspace{grid-template-columns:1fr 1fr}.review{grid-column:1/-1}.review-body{display:grid;grid-template-columns:1fr 1fr;gap:10px 25px}.review-body>*{grid-column:1/-1}.review-body .detail{margin:8px 0}.source-cover{min-height:170px}.review-body textarea{min-height:80px}}@media(max-width:650px){header{padding:16px 20px}.brand{gap:10px}.brand img{width:90px}.brand span{font-size:11px;letter-spacing:1px;padding-inline-start:10px}.demo-badge{display:none}.top-actions{gap:0}main{padding:23px 16px 0}.intro{align-items:start}.intro .quiet{padding:8px 10px;font-size:13px}.intro .eyebrow{font-size:10px;letter-spacing:.5px}.notice{display:block}.notice strong{display:block;margin-bottom:4px}.steps{gap:12px;justify-content:space-between;font-size:12px}.steps span{gap:5px}.workspace{grid-template-columns:1fr}.review{grid-column:auto}.source-cover h3{max-width:none}.transcript{min-height:0}.handoff{flex-direction:column;align-items:stretch;padding:20px}footer{flex-direction:column;gap:8px}.review-body{display:block}.detail{margin:20px 0!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Approved CROMBA Editorial character, shared with the main website. */
.brand .product-mark{display:flex;align-items:center;gap:12px}.brand .product-mark>span{border:0;padding:0}.brand .agent-avatar{width:48px;height:48px;object-fit:cover;filter:none;border-radius:12px}.human-note{gap:18px;padding:20px 18px}.human-note p{font-size:17px;line-height:1.7;max-width:160px;color:var(--ink)}.agent-portrait{width:clamp(100px,10vw,148px);flex-shrink:0;border-radius:12px;overflow:hidden;background:#d7d1be}.agent-portrait video,.agent-portrait img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.agent-portrait .agent-still{display:none}@media(max-width:650px){.brand .product-mark{gap:8px}.brand .agent-avatar{width:36px;height:36px;border-radius:8px}.agent-portrait{width:112px}.human-note{justify-content:center}}@media(prefers-reduced-motion:reduce){.agent-portrait video{display:none}.agent-portrait .agent-still{display:block}}