/* Aurora Horizon explorations: quiet surfaces, useful state, generous touch. */
.hx-section{--hx-ink:#20283f;--hx-muted:#59657e;--hx-lilac:#6352ba;--hx-line:#e1ddeb;padding:88px 0;color:var(--hx-ink);background:#fbfcff}
.hx-section *{box-sizing:border-box}
.hx-section [hidden]{display:none!important}
.hx-section svg{width:21px;height:21px;flex:none}
.hx-section button,.hx-section input{font:inherit}
.hx-section :is(button,input,a):focus-visible{outline:3px solid #8f78d5;outline-offset:4px}
.hx-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.8fr);gap:64px;align-items:end;margin-bottom:34px}
.hx-heading h2{font-family:var(--font-display,Inter,Arial,sans-serif);font-size:clamp(32px,3.4vw,47px);font-weight:550;letter-spacing:-.047em;line-height:1.18;margin:0;text-wrap:balance}
.hx-heading h2 em{color:var(--hx-lilac);font-style:normal}
.hx-heading>p{margin:0;color:var(--hx-muted);font-size:15px;line-height:1.8;max-width:440px}
.hx-eyebrow{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--hx-lilac);margin:0 0 15px}
.hx-overline{font-size:11px;letter-spacing:.08em;text-transform:uppercase;line-height:1.6;color:var(--hx-muted);margin:0 0 16px}
.hx-context-surface{display:grid;grid-template-columns:minmax(250px,.78fr) minmax(0,1.3fr);border:1px solid var(--hx-line);border-radius:28px;background:linear-gradient(125deg,#f0eef9,#f5f8fc);overflow:hidden;box-shadow:0 28px 60px -42px #40365b60}
.hx-context-controls{padding:32px;min-width:0}
.hx-source-options{border:0;padding:0;margin:0;display:grid;gap:10px}
.hx-source-option{position:relative;display:flex;align-items:center;gap:12px;min-height:82px;border:1px solid #dcd6eb;border-radius:15px;padding:16px;background:#ffffffb8;cursor:pointer;transition:border-color .18s,background .18s}
.hx-source-option:has(input:checked){border-color:#bcb0da;background:#fff}
.hx-source-option:has(input:focus-visible){outline:3px solid #8f78d5;outline-offset:3px}
.hx-source-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#eeebf8;color:#68549f;flex:none}
.hx-source-name{flex:1;min-width:0}
.hx-source-name strong{font-size:14px;font-weight:600;display:block;color:var(--hx-ink)}
.hx-source-name small{font-size:11px;line-height:1.6;display:block;margin-top:3px;color:var(--hx-muted)}
.hx-source-option input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:2}
.hx-switch{width:34px;height:20px;background:#cbd0dd;border:1px solid #b6becd;border-radius:20px;position:relative;flex:none;pointer-events:none}
.hx-switch::after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;background:#fff;border-radius:50%;box-shadow:0 1px 2px #2222;transition:transform .18s}
.hx-source-option input:checked+.hx-switch{background:#7760b4;border-color:#7760b4}
.hx-source-option input:checked+.hx-switch::after{transform:translateX(14px)}
.hx-source-fallback{display:grid;gap:12px}
.hx-source-fallback>div{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid var(--hx-line);border-radius:12px;background:#fff}
.hx-source-fallback strong,.hx-source-fallback small{display:block;line-height:1.6}
.hx-source-fallback strong{font-size:14px}.hx-source-fallback small{font-size:12px;color:var(--hx-muted)}
.hx-source-map{position:relative;height:138px;margin:22px 0 18px;max-width:310px;margin-inline:auto}
.hx-map-lines{position:absolute;inset:25px 38px;border:1px solid #d7cdea;border-radius:50%}
.hx-map-lines::after{content:"";position:absolute;inset:20px -20px;border-block:1px solid #dbd4eb;transform:rotate(-15deg)}
.hx-map-node{position:absolute;display:grid;place-items:center;background:#fff;border:1px solid #d6cde6;border-radius:50%;width:36px;height:36px;color:#76619e;box-shadow:0 6px 16px -10px #35275f55;transition:opacity .18s,transform .18s}
.hx-map-node--email{left:12%;top:12px}.hx-map-node--meetings{right:8%;top:28px}.hx-map-node--crm{left:29%;bottom:0}
.hx-map-core{position:absolute;left:calc(50% - 30px);top:35px;width:60px;height:60px;display:grid;place-items:center;border:1px solid #c6bbdf;background:linear-gradient(145deg,#fff,#eee8f8);border-radius:18px;box-shadow:0 14px 30px -15px #7c60a755}
.hx-node-muted{opacity:.2;transform:scale(.92)}
.hx-example-note{font-size:11px;line-height:1.8;color:#677089;margin:0;max-width:340px}
.hx-brief-wrap{padding:24px;min-width:0;display:flex;align-items:stretch}
.hx-brief{background:#fff;border:1px solid #dcd7e9;border-radius:20px;box-shadow:0 18px 40px -28px #40356055;overflow:hidden;width:100%;display:flex;flex-direction:column}
.hx-brief-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 22px;border-bottom:1px solid #e9e5f0;background:#fcfbff;font-size:12px;font-weight:550}
.hx-brief-top>span:first-child{display:inline-flex;align-items:center;gap:8px}.hx-brief-top svg{color:#7a61ad;width:17px;height:17px}
.hx-example-badge{display:inline-flex;border:1px solid #dfd8eb;border-radius:20px;padding:4px 9px;font-size:10px;font-weight:500;line-height:1.5;color:#706187;background:#f7f4fb;white-space:normal}
.hx-brief-intro{padding:25px 26px 16px}.hx-brief-intro .hx-overline{font-size:10px;margin-bottom:9px}
.hx-brief-intro h3{font-size:29px;letter-spacing:-.045em;font-weight:550;line-height:1.25;margin:0 0 17px}
.hx-source-chips{display:flex;flex-wrap:wrap;gap:6px;min-height:27px}.hx-source-chips>span{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;font-size:10px;border:1px solid #e4dff0;border-radius:7px;background:#f8f6fc;color:#665681}.hx-source-chips svg{width:13px;height:13px}
.hx-evidence-list{padding:0 26px 12px;flex:1;min-height:310px}
.hx-evidence{display:flex;align-items:flex-start;gap:12px;padding:17px 0;border-top:1px solid #ece9f3}
.hx-evidence-marker{display:grid;place-items:center;width:29px;height:29px;border:1px solid #e5dfef;border-radius:9px;color:#8064aa;background:#f9f7fc;flex:none}.hx-evidence-marker svg{width:15px;height:15px}
.hx-evidence-tag{font-size:9px;line-height:1.6;color:#7b688f;margin:0 0 4px;text-transform:uppercase;letter-spacing:.08em}
.hx-evidence h4{font-size:14px;font-weight:600;line-height:1.6;margin:0 0 5px;color:#34324c}
.hx-evidence p:not(.hx-evidence-tag){font-size:13px;line-height:1.7;color:#626b82;margin:0 0 8px}
.hx-evidence small{font-size:10px;line-height:1.7;color:#7b6c8d}.hx-evidence small span{color:#867a95}
.hx-empty{padding:36px 12px;text-align:center;color:var(--hx-muted)}.hx-empty>svg{width:36px;height:36px;color:#a18cc3;margin-bottom:15px}.hx-empty h4{font-size:19px;color:var(--hx-ink);margin:0 0 12px}.hx-empty p{font-size:13px;line-height:1.8;max-width:310px;margin:auto}
.hx-brief-footer{border-top:1px solid #e9e5f0;padding:11px 20px;background:#fcfbfe;min-height:65px;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.hx-brief-footer p{font-size:11px;line-height:1.6;color:#6e607f;margin:0}.hx-reset{min-height:44px;border:0;border-radius:10px;background:#efebf7;color:#5c477e;font-size:11px;padding:8px 12px;cursor:pointer}.hx-reset:disabled{opacity:.5;cursor:default}
.hx-coverage-note{font-size:12px;line-height:1.8;color:#687189;max-width:780px;margin:21px 0 0}.hx-boundary{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding-top:12px;color:#6c637d;font-size:12px;line-height:1.8}.hx-boundary>svg{width:16px;height:16px}.hx-boundary p{margin:0;flex:1}.hx-boundary a{display:inline-flex;align-items:center;gap:9px;min-height:44px;color:#63528b;font-weight:550}.hx-boundary a svg{width:16px;height:16px}
.hx-workflow{background:linear-gradient(125deg,#f3f0fa,#f7f9fd);border-block:1px solid #e8e3f1}
.hx-workflow-shell{border:1px solid #dcd6e8;border-radius:26px;background:#fff;padding:8px;box-shadow:0 25px 65px -45px #41305f70;overflow:hidden}
.hx-role-tabs{display:flex;gap:5px;padding:6px 6px 14px;flex-wrap:wrap}
.hx-role-tabs button{min-height:48px;display:flex;gap:10px;align-items:center;justify-content:center;flex:1;border:1px solid transparent;border-radius:12px;padding:12px 16px;color:#68617b;background:transparent;font-size:13px;font-weight:550;cursor:pointer;transition:background .18s,color .18s,border-color .18s}
.hx-role-tabs button[aria-selected=true]{background:#eee8f9;border-color:#d4c7e9;color:#564179}.hx-role-number{font-size:10px;opacity:.6}
.hx-workflow-panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);border-top:1px solid #ebe7f2;padding:12px;gap:40px}
.hx-ready .hx-workflow-panel{border:0;padding-top:0}
/* Share a grid cell so the tallest role reserves the section height. Hidden
   panels remain invisible and unfocusable, including after font/width changes. */
.hx-workflow.hx-ready .hx-workflow-panels{display:grid}
.hx-workflow.hx-ready .hx-workflow-panel{grid-area:1/1;min-width:0}
.hx-workflow.hx-ready .hx-workflow-panel[hidden]{display:grid!important;visibility:hidden;pointer-events:none}
.hx-workflow-scene{isolation:isolate;position:relative;overflow:hidden;border-radius:18px;background:#080c1b;color:#fff;min-height:460px;display:flex;align-items:stretch}
.hx-workflow-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62;z-index:-2}
.hx-workflow-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,#080c1beb 5%,#080c1bba 46%,#080c1b20);z-index:-1}
.hx-workflow-scene-copy{padding:32px;display:flex;align-items:flex-start;flex-direction:column;min-width:0}.hx-workflow-scene-copy .hx-example-badge{border-color:#d2c2eb36;background:#222037a6;color:#d7c7ee;font-size:10px}
.hx-workflow-scene h3{color:#fff;font-size:clamp(26px,2.6vw,36px);font-weight:550;line-height:1.17;letter-spacing:-.045em;margin:30px 0 18px;text-wrap:balance}
.hx-workflow-scene p{font-size:13px;line-height:1.8;color:#cdc6dc;margin:0;max-width:300px}
.hx-workflow-mark{margin-top:auto;padding-top:35px;color:#d9c9f2}.hx-workflow-mark svg{width:37px;height:37px}
.hx-workflow-steps{padding:20px 20px 12px 0;min-width:0}.hx-workflow-steps>.hx-overline{margin-bottom:8px;font-size:10px}
.hx-workflow-steps ol{list-style:none;margin:0;padding:0}.hx-workflow-steps li{display:flex;gap:17px;padding:22px 0;border-bottom:1px solid #eae6f1}.hx-workflow-steps li:last-child{border-bottom:0;padding-bottom:4px}
.hx-step-number{width:27px;height:27px;border:1px solid #ddd3eb;border-radius:50%;font-size:10px;display:grid;place-items:center;flex:none;color:#7c639b;background:#faf8fd}
.hx-workflow-steps h4{font-size:15px;line-height:1.5;font-weight:600;color:#34314b;margin:0 0 7px}.hx-workflow-steps li p{font-size:13px;line-height:1.8;color:#626b82;margin:0}
.hx-workflow-steps a{min-height:44px;display:inline-flex;align-items:center;gap:9px;color:#69518f;font-size:12px;line-height:1.6;font-weight:550;padding-top:5px}.hx-workflow-steps a svg{width:16px;height:16px}
.hx-sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html[dir=rtl] .hx-section :is(h2,h3,h4,.hx-eyebrow,.hx-overline,.hx-evidence-tag){letter-spacing:0}html[dir=rtl] .hx-heading h2{line-height:1.7}html[dir=rtl] .hx-workflow-scene h3{line-height:1.7;font-size:clamp(23px,2.2vw,30px)}html[dir=rtl] .hx-section a svg{transform:scaleX(-1)}html[dir=rtl] .hx-workflow-steps{padding:20px 0 12px 20px}html[dir=rtl] .hx-role-tabs button{font-size:12px}
@media(hover:hover){.hx-source-option:hover{border-color:#b8a8d7;background:#fff}.hx-role-tabs button:hover{background:#f6f2fb}.hx-role-tabs button[aria-selected=true]:hover{background:#e9e1f7}.hx-reset:hover{background:#e3d9f1}}
@media(max-width:900px){.hx-heading{gap:30px}.hx-context-surface{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr)}.hx-context-controls{padding:24px 18px}.hx-brief-wrap{padding:18px}.hx-source-option{padding:12px;gap:9px}.hx-source-icon{width:31px;height:31px}.hx-workflow-panel{gap:24px}.hx-workflow-scene-copy{padding:26px}.hx-workflow-steps{padding-inline-end:8px}}
@media(max-width:700px){.hx-section{padding:54px 0}.hx-heading{grid-template-columns:minmax(0,1fr);gap:20px;margin-bottom:26px}.hx-heading h2{font-size:34px}.hx-heading>p{font-size:14px;max-width:none}.hx-context-surface{grid-template-columns:minmax(0,1fr);border-radius:22px}.hx-context-controls{padding:22px 18px 8px}.hx-source-options{gap:8px}.hx-source-option{min-height:68px;padding:12px 14px}.hx-source-name strong{font-size:13px}.hx-source-name small{font-size:11px}.hx-source-map{display:none}.hx-example-note{max-width:none;padding-top:15px;font-size:10px}.hx-brief-wrap{padding:14px}.hx-brief-top{padding:14px 16px;font-size:11px}.hx-brief-intro{padding:22px 18px 16px}.hx-brief-intro h3{font-size:27px}.hx-evidence-list{padding-inline:18px;min-height:370px}.hx-evidence{gap:10px}.hx-evidence h4{font-size:13px}.hx-evidence p:not(.hx-evidence-tag){font-size:12px}.hx-evidence small{font-size:10px}.hx-brief-footer{padding:10px 16px;min-height:68px}.hx-boundary{align-items:flex-start;font-size:11px;gap:8px}.hx-boundary>svg{margin-top:3px}.hx-boundary p{flex-basis:80%}.hx-boundary a{margin-inline-start:24px}.hx-workflow-shell{padding:6px;border-radius:22px}.hx-role-tabs{gap:4px;padding:4px 2px 12px}.hx-role-tabs button{padding:10px 9px;font-size:12px;min-width:0;line-height:1.5;gap:5px}.hx-role-number{display:none}.hx-workflow-panel{grid-template-columns:minmax(0,1fr);gap:8px;padding:4px}.hx-workflow-scene{min-height:285px;border-radius:16px}.hx-workflow-scene-copy{padding:25px}.hx-workflow-scene h3{font-size:29px;max-width:370px;margin:25px 0 14px}.hx-workflow-scene p{font-size:12px}.hx-workflow-mark{padding-top:22px}.hx-workflow-mark svg{width:28px;height:28px}.hx-workflow-steps,html[dir=rtl] .hx-workflow-steps{padding:20px 18px 16px}.hx-workflow-steps li{padding:18px 0;gap:13px}.hx-workflow-steps h4{font-size:14px}.hx-workflow-steps li p{font-size:12px}.hx-workflow-steps a{font-size:11px}.hx-step-number{width:25px;height:25px}html[dir=rtl] .hx-role-tabs button{font-size:10px}html[dir=rtl] .hx-workflow-scene h3{font-size:25px;line-height:1.65}}
@media(max-width:360px){.hx-heading h2{font-size:30px}.hx-brief-wrap{padding:10px}.hx-brief-top{gap:5px;padding-inline:12px}.hx-brief-intro,.hx-evidence-list{padding-inline:14px}.hx-evidence-marker{display:none}.hx-workflow-scene-copy{padding:22px}.hx-workflow-scene h3{font-size:27px}.hx-workflow-steps,html[dir=rtl] .hx-workflow-steps{padding-inline:13px}.hx-role-tabs button{padding-inline:7px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.hx-section *, .hx-section *::after{transition:none!important;animation:none!important}}
/* Small-screen controls retain readable labels; Arabic may use a second line. */
@media(max-width:700px){
 .hx-role-tabs button,html[dir=rtl] .hx-role-tabs button{font-size:12px}
 .hx-role-tabs button{overflow-wrap:anywhere}
 .hx-example-note{font-size:11px}
 .hx-evidence p:not(.hx-evidence-tag),.hx-workflow-steps li p{font-size:13px}
 .hx-workflow-steps a{font-size:12px}
}