.expert-hero-card{height:auto;min-height:0;padding:38px clamp(12px,2.4vw,30px) 28px;overflow:visible;background:#080d11;border:1px solid rgba(83,143,185,.32);box-shadow:0 25px 80px rgba(0,0,0,.42)}
.expert-hero-card>.hero-art{position:absolute;inset:0;z-index:0;opacity:.28;filter:saturate(.65)}
.expert-hero-card>.hero-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(5,11,16,.58),rgba(5,11,16,.92) 360px,#070c10 620px)}
.expert-hero-card>.hero-content{width:min(650px,100%);padding:2px 18px 24px;z-index:2}
.expert-hero-card .hero-intro{margin-bottom:10px;font-size:13px;color:#c9d6df}
.expert-hero-card .hero-content h1{max-width:800px;margin-bottom:10px;font-size:clamp(31px,3.3vw,44px);line-height:1.06}
.expert-hero-card .home-hero-summary{max-width:610px;margin:0 0 14px;font-size:13px}
.expert-hero-card .hero-buttons{gap:8px}.expert-hero-card .hero-buttons .button{min-height:34px;font-size:12px}
.hero-expert-panel{position:relative;inset:auto;z-index:3;display:flex;width:100%;height:auto;min-height:0;gap:0;overflow:hidden;padding:10px;border:1px solid #28485a;border-radius:10px;background:linear-gradient(180deg,#081117,#071015);box-shadow:0 22px 55px rgba(0,0,0,.54),inset 0 1px rgba(255,255,255,.035);backdrop-filter:none;color:#dce9f2;font-family:Manrope,"Noto Sans KR",sans-serif}
.hero-expert-panel:before{display:none}.oe-program-head{display:flex;min-height:36px;align-items:center;justify-content:space-between;gap:10px;padding:1px 5px 9px;border-bottom:1px solid #203b49}
.oe-program-brand{display:flex;align-items:center;gap:8px}.oe-program-logo{display:grid;width:25px;height:25px;place-items:center;border:1px solid #4ab4e2;border-radius:6px;color:#d8f2ff;font:800 16px Outfit,sans-serif}.oe-program-brand>span:last-child{display:grid;gap:3px}.oe-program-brand b{font-size:10px;letter-spacing:.08em}.oe-program-brand small{font:500 7px "DM Mono",monospace;letter-spacing:.08em;color:#8ea8b6}.oe-program-head-actions{display:flex;align-items:center;gap:6px}.oe-connection{display:flex;align-items:center;gap:5px;color:#a4bbc7;font:500 8px "DM Mono",monospace}.oe-connection i,.oe-program-footer>span i{width:6px;height:6px;border-radius:50%;background:#37c7a0;box-shadow:0 0 9px #37c7a080}.oe-connection b{color:#72e4bc}.oe-icon-btn{width:28px;height:26px;border:1px solid #315568;border-radius:6px;background:#0c1b24;color:#cce8f6;cursor:pointer}
.oe-config-grid{display:grid;grid-template-columns:.68fr .76fr .95fr 1fr 1.3fr .42fr 1.25fr;gap:5px;align-items:stretch;padding:8px 0}.oe-config-grid>label{display:grid;min-width:0;gap:4px;padding:5px 6px;border:1px solid #274252;border-radius:6px;background:#0d1a22;color:#adc0cb;font-size:8px}.oe-config-grid select,.oe-config-grid input{width:100%;height:23px;min-width:0;padding:0 5px;border:1px solid #335367;border-radius:4px;outline:0;background:#071016;color:#e8f3f8;font:600 9px "DM Mono",monospace}.oe-config-grid select:focus,.oe-config-grid input:focus{border-color:#42b7ee}.oe-secret-display{display:flex;align-items:center;gap:5px;height:23px;padding:0 6px;border:1px solid #335367;border-radius:4px;background:#071016;white-space:nowrap;overflow:hidden}.oe-secret-display i{width:5px;height:5px;flex:none;border-radius:50%;background:#4adab1}.oe-secret-display b{overflow:hidden;text-overflow:ellipsis;color:#a9bbc6;font-size:7px}.oe-secret-display span{margin-left:auto;color:#627d8c;font:9px "DM Mono",monospace;letter-spacing:.05em}.oe-toggles{display:flex;align-items:center;justify-content:space-around;gap:4px;padding:4px;border:1px solid #274252;border-radius:6px;background:#0d1a22}.oe-toggles label{display:flex;align-items:center;gap:4px;color:#a9bbc6;font-size:7px;white-space:nowrap;cursor:pointer}.oe-toggles input{position:absolute;opacity:0;pointer-events:none}.oe-switch{position:relative;width:22px;height:12px;border-radius:9px;background:#31424a}.oe-switch:after{position:absolute;top:2px;left:2px;width:8px;height:8px;border-radius:50%;background:#d7e1e8;content:"";transition:transform .18s}.oe-toggles input:checked+.oe-switch{background:#167cbb}.oe-toggles input:checked+.oe-switch:after{transform:translateX(10px)}
.oe-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:7px 0;border-top:1px solid #233e4c;border-bottom:1px solid #233e4c}.oe-toolbar button,.oe-workspace-actions button,.oe-file-button,.oe-view-title button{min-height:25px;padding:0 9px;border:1px solid #31627a;border-radius:5px;background:linear-gradient(#122937,#0b1a22);color:#d8eaf3;font-size:8px;font-weight:700;cursor:pointer}.oe-toolbar button:hover,.oe-toolbar button.is-active{border-color:#40b5e7;background:#123047;color:white}.oe-zero-lock{margin-left:auto;color:#9eb6c3;font:500 8px "DM Mono",monospace}.oe-zero-lock b{display:inline-grid;width:17px;height:17px;place-items:center;border:1px solid #1f9ac8;border-radius:4px;color:#7bdfff}
.oe-view{padding-top:8px;animation:oe-fade-in .18s ease}.oe-view[hidden]{display:none!important}@keyframes oe-fade-in{from{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:none}}.oe-stats-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.oe-stats-grid article{display:grid;min-height:40px;align-content:center;gap:4px;padding:5px 7px;border:1px solid #294757;border-radius:5px;background:linear-gradient(120deg,#10232e,#0b1820);text-align:center}.oe-stats-grid small{color:#95afbd;font-size:7px}.oe-stats-grid b{overflow:hidden;color:#d8e8ef;font:700 9px "DM Mono",monospace;text-overflow:ellipsis;white-space:nowrap}.oe-stats-grid .oe-value-positive{color:#35dfbb}.oe-main-columns{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(245px,.9fr);gap:8px;margin-top:8px}.oe-chart-column,.oe-game-column{min-width:0;padding:8px;border:1px solid #294757;border-radius:6px;background:rgba(6,15,20,.85)}.oe-subhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;color:#d5e5ed;font-size:8px}.oe-subhead span{color:#72909f;font:7px "DM Mono",monospace}.oe-chart{display:grid;height:122px;grid-template-columns:22px minmax(0,1fr);gap:5px;padding:5px;border:1px solid #203b4a;border-radius:4px;background:#050d12}.oe-chart-y{display:flex;flex-direction:column;justify-content:space-between;color:#648291;font:7px "DM Mono",monospace}.oe-chart svg{width:100%;height:100%}.oe-chart svg path{fill:none;stroke:#1b3542;stroke-width:1}.oe-chart svg polyline{fill:none;stroke:#4abcf0;stroke-width:2;filter:drop-shadow(0 0 5px #37a9e880)}.oe-history-head{display:grid;grid-template-columns:.5fr 1fr 1fr .75fr .75fr .75fr;margin-top:7px;padding:6px;border:1px solid #294757;border-radius:4px 4px 0 0;background:#10232d;color:#9eb7c4;font-size:7px}.oe-history-empty{display:grid;min-height:39px;place-items:center;border:1px solid #203b49;border-top:0;border-radius:0 0 4px 4px;color:#6f8996;font-size:8px}.oe-game-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.oe-game-details>span{display:grid;gap:4px;padding:6px;border:1px solid #244252;border-radius:4px;background:#0b1a22;color:#8ea8b5;font-size:7px}.oe-game-details b{color:#d5e7ef;font:600 9px "DM Mono",monospace}.oe-game-buttons{display:flex;flex-wrap:wrap;gap:4px;margin:7px 0}.oe-game-buttons button,.oe-start,.oe-stop,.oe-live-request{min-height:25px;padding:0 8px;border:1px solid #36718d;border-radius:4px;background:#102b38;color:#d8eef7;font-size:8px;font-weight:700;cursor:pointer}.oe-game-buttons button:hover{background:#16445a}.oe-game-buttons .oe-live-pill{margin-left:auto;color:#79d9ff}.oe-start,.oe-stop{width:100%;margin-top:4px}.oe-start{border-color:#268b6e;background:#0c4e3b;color:#d5fff1}.oe-stop{border-color:#825463;background:#44242e;color:#f3c6cf}.oe-start:disabled,.oe-stop:disabled,.oe-live-request:disabled{opacity:.38;cursor:default}.oe-key-field{display:grid;gap:4px;margin-top:8px;color:#9db2bc;font-size:7px}.oe-key-field input{height:27px;padding:0 8px;border:1px solid #35596c;border-radius:4px;outline:0;background:#050c11;color:#f2f7fa;font:10px "DM Mono",monospace}.oe-live-request{width:100%;margin-top:5px;border-color:#278ebc;background:#0b3044;color:#a9e8ff}.oe-api-status{min-height:28px;margin:5px 0 0;color:#8098a4;font-size:7px;line-height:1.45;overflow-wrap:anywhere}.oe-program-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;padding:7px 3px 1px;border-top:1px solid #203b49;color:#92a9b4;font:7px "DM Mono",monospace}.oe-program-footer>span{display:flex;align-items:center;gap:5px}.oe-program-footer>div{display:flex;gap:5px}.oe-program-footer button{min-width:52px;height:24px;border:1px solid #238b6f;border-radius:4px;background:#0c4e3b;color:#ddfff3;font-size:8px;font-weight:700;cursor:pointer}.oe-program-footer button+button{border-color:#73515a;background:#41232c;color:#efcad0}.oe-program-footer button:disabled{opacity:.4}
.oe-code-view{min-height:330px;padding:8px;border:1px solid #284757;border-radius:5px;background:#061016}.oe-workspace-top,.oe-view-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.oe-workspace-top>div:first-child{display:grid;gap:3px}.oe-workspace-top b,.oe-view-title b{color:#dceaf0;font-size:10px}.oe-workspace-top span{color:#8aa2ae;font-size:8px}.oe-workspace-actions{display:flex;gap:5px}.oe-workspace-actions button,.oe-file-button{display:inline-flex;align-items:center;justify-content:center;height:25px}.oe-file-button input{display:none}.oe-editor-tabs{display:flex;align-items:center;gap:4px;margin-top:8px;padding:4px;border:1px solid #284757;border-radius:4px;background:#0c1b24}.oe-editor-tabs button{min-width:75px;height:23px;border:1px solid #315064;border-radius:4px;background:#0d1c25;color:#c1d6e1;font-size:8px;cursor:pointer}.oe-editor-tabs button.is-active{border-color:#33b4e5;color:#def7ff}.oe-editor-tabs span{margin-left:auto;color:#82d6f3;font:8px "DM Mono",monospace}.oe-code-view textarea,.oe-code-view .CodeMirror{display:block;width:100%;height:270px;margin:6px 0 0;border:1px solid #31566b;border-radius:4px;background:#061016;color:#e3eef4;font:12px/1.55 "DM Mono",monospace}.oe-code-view textarea{resize:vertical;padding:12px;outline:0}.oe-code-view .CodeMirror{height:270px}.oe-code-view .CodeMirror-gutters{border-right:1px solid #1d3947;background:#091820}.oe-code-view .CodeMirror-linenumber{color:#6397ad}.oe-code-view .CodeMirror-cursor{border-left:1px solid #67d7ff}.oe-editor-footer{display:flex;justify-content:space-between;padding:5px 2px 0;color:#69d6b5;font:7px "DM Mono",monospace}.oe-text-view{min-height:260px;padding:10px;border:1px solid #294757;border-radius:5px;background:#081218}.oe-view-title button{margin-left:auto}.oe-text-view pre{min-height:190px;max-height:360px;overflow:auto;padding:12px;border:1px solid #213c4b;border-radius:4px;background:#050c11;color:#a8c4d2;font:10px/1.65 "DM Mono",monospace;white-space:pre-wrap}.oe-help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:12px}.oe-help-grid article{padding:12px;border:1px solid #284757;border-radius:5px;background:#0b1a22}.oe-help-grid b{color:#c6e1ed;font-size:9px}.oe-help-grid p{color:#91a8b3;font-size:8px;line-height:1.6}.hero-expert-panel.is-expanded{position:fixed;inset:14px;z-index:10010;width:auto;height:auto;max-height:calc(100dvh - 28px);overflow:auto;border-color:#2f88b4;box-shadow:0 0 0 100vmax #0009,0 24px 90px #000c}.hero-expert-panel.is-expanded .oe-main-columns{grid-template-columns:minmax(0,1.8fr) minmax(290px,.8fr)}.oe-program-head-actions{flex:none}
.expert-hero-card>.hero-index{position:relative;inset:auto;justify-content:flex-start;margin:10px 10px 0;color:#8298a5}
@media(max-width:900px){.oe-config-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.oe-api-key{grid-column:span 2}.oe-toggles{grid-column:span 2}.oe-main-columns{grid-template-columns:minmax(0,1.4fr) minmax(220px,.9fr)}}
@media(max-width:640px){.expert-hero-card{padding:25px 7px 18px;border-radius:16px}.expert-hero-card>.hero-content{padding:0 12px 15px}.expert-hero-card .hero-content h1{font-size:32px}.expert-hero-card .hero-intro{font-size:12px}.expert-hero-card .home-hero-summary{font-size:11px}.expert-hero-card .hero-buttons{flex-direction:row}.expert-hero-card .hero-buttons .button{min-height:33px;font-size:10px}.hero-expert-panel{padding:7px;border-radius:7px}.oe-program-brand b{font-size:9px}.oe-program-brand small{font-size:6px}.oe-connection{font-size:0}.oe-connection b{font-size:7px}.oe-config-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:6px 0}.oe-config-grid>label{font-size:7px}.oe-api-key,.oe-toggles{grid-column:span 2}.oe-toggles{min-height:32px}.oe-toolbar{gap:4px}.oe-toolbar button{min-height:27px;padding:0 7px;font-size:7px}.oe-zero-lock{width:100%;margin:2px 0 0}.oe-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.oe-stats-grid article{min-height:39px}.oe-main-columns{grid-template-columns:1fr}.oe-chart{height:110px}.oe-game-column{order:-1}.oe-program-footer{font-size:6px}.oe-code-view{min-height:0}.oe-workspace-top{align-items:flex-start;flex-direction:column}.oe-code-view textarea,.oe-code-view .CodeMirror{height:300px}.oe-help-grid{grid-template-columns:1fr}.hero-expert-panel.is-expanded{inset:4px;max-height:calc(100dvh - 8px);border-radius:8px}.hero-expert-panel.is-expanded .oe-main-columns{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.oe-view{animation:none}.oe-switch:after{transition:none}}
.oe-history-rows{width:100%;max-height:150px;overflow:auto}.oe-history-row{display:grid;grid-template-columns:.5fr 1fr 1fr .75fr .75fr .75fr;padding:6px;border-bottom:1px solid #1b3542;color:#9fb6c1;font:7px "DM Mono",monospace}.expert-hero-card>.hero-index{z-index:2}
.oe-config-grid{grid-template-columns:.68fr .76fr .95fr 1fr .42fr 1.9fr}.oe-toggles{grid-column:auto}.oe-speed-readout{color:#79d9ff;font:7px "DM Mono",monospace;white-space:nowrap}.oe-game-buttons{display:flex;flex-wrap:wrap;gap:4px;margin:7px 0}.oe-game-buttons button,.oe-start,.oe-stop{min-height:25px;padding:0 8px;border:1px solid #36718d;border-radius:4px;background:#102b38;color:#d8eef7;font-size:8px;font-weight:700;cursor:pointer}.oe-local-pill{margin-left:auto;color:#79d9ff;font:7px "DM Mono",monospace;align-self:center}.oe-api-status{min-height:28px;margin:7px 0 0;padding:7px;border:1px solid #203c4a;border-radius:4px;background:#071117;color:#8098a4;font-size:7px;line-height:1.45;overflow-wrap:anywhere}
@media(max-width:900px){.oe-config-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.oe-toggles{grid-column:span 2}}
@media(min-width:901px){
  .expert-hero-card{height:570px;min-height:570px;overflow:hidden;padding:20px 18px 28px}
  .expert-hero-card>.hero-content{position:absolute;top:46px;left:clamp(18px,3vw,44px);width:37%;max-width:430px;padding:10px 8px 15px 12px}
  .expert-hero-card .hero-intro{font-size:11px;margin-bottom:13px}
  .expert-hero-card .hero-content h1{font-size:clamp(29px,3vw,40px);line-height:1.02;margin-bottom:14px}
  .expert-hero-card .home-hero-summary{font-size:11px;line-height:1.65;margin-bottom:15px}
  .expert-hero-card .hero-buttons{gap:7px}
  .expert-hero-card .hero-buttons .button{min-height:34px;padding:0 12px;font-size:10px}
  .hero-expert-panel{position:absolute;top:18px;right:18px;bottom:18px;left:auto;width:56%;height:auto;min-height:0;overflow:auto;padding:8px;border-radius:9px}
  .oe-config-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:6px 0}
  .oe-config-grid>label{min-height:35px;padding:4px 5px;font-size:7px}
  .oe-config-grid select,.oe-config-grid input{height:21px;font-size:8px}
  .oe-toggles{min-height:35px;grid-column:auto;gap:5px;padding:3px}
  .oe-toggles label{font-size:7px}
  .oe-toolbar{gap:4px;padding:5px 0}
  .oe-toolbar button{min-height:23px;padding:0 7px;font-size:7px}
  .oe-zero-lock{font-size:7px}
  .oe-view{padding-top:6px}
  .oe-stats-grid{gap:3px}
  .oe-stats-grid article{min-height:34px;gap:3px;padding:4px}
  .oe-stats-grid small{font-size:6px}
  .oe-stats-grid b{font-size:8px}
  .oe-main-columns{grid-template-columns:minmax(0,1.15fr) minmax(180px,.85fr);gap:5px;margin-top:5px}
  .oe-chart-column,.oe-game-column{padding:6px}
  .oe-subhead{margin-bottom:4px;font-size:7px}
  .oe-chart{height:86px;padding:4px}
  .oe-history-head{margin-top:5px;padding:4px;font-size:6px}
  .oe-history-empty{min-height:25px;font-size:7px}
  .oe-game-details{gap:3px}
  .oe-game-details>span{gap:3px;padding:4px;font-size:6px}
  .oe-game-details b{font-size:8px}
  .oe-game-buttons{gap:3px;margin:5px 0}
  .oe-game-buttons button,.oe-start,.oe-stop{min-height:22px;padding:0 6px;font-size:7px}
  .oe-api-status{min-height:0;margin-top:5px;padding:5px;font-size:6px}
  .oe-program-footer{margin-top:5px;padding-top:5px}
  .oe-program-footer button{height:21px;min-width:44px;font-size:7px}
  .expert-hero-card>.hero-index{display:none}
}
@media(max-width:900px){.expert-hero-card{height:auto;min-height:0;overflow:hidden;padding:32px 12px 18px}.expert-hero-card>.hero-content{position:relative;left:auto;top:auto;width:min(650px,100%);padding:0 14px 20px}.hero-expert-panel{position:relative;inset:auto;width:100%;max-height:none;overflow:hidden}.expert-hero-card>.hero-index{display:flex}}
@media(max-width:640px){.expert-hero-card{padding:25px 7px 18px}.expert-hero-card>.hero-content{padding:0 12px 15px}.hero-expert-panel{max-height:none}}
@media(min-width:901px){
  .expert-hero-card{height:570px;min-height:570px;padding:18px 16px 18px}
  .expert-hero-card>.hero-content{top:50%;transform:translateY(-50%);left:clamp(18px,2.7vw,38px);width:36%;padding:0 10px}
  .expert-hero-card .hero-content h1{font-size:clamp(29px,2.9vw,38px);line-height:1.03;margin-bottom:12px}
  .expert-hero-card .home-hero-summary{font-size:11px;margin-bottom:13px}
  .hero-expert-panel{top:14px;right:14px;bottom:14px;width:57%;max-width:none;height:auto;max-height:none;overflow:hidden;padding:7px;display:flex;flex-direction:column;align-items:stretch}
  #hero-expert-demo>.oe-program-head,#hero-expert-demo>.oe-config-grid,#hero-expert-demo>.oe-toolbar,#hero-expert-demo>.oe-view,#hero-expert-demo>.oe-program-footer{box-sizing:border-box;flex:0 0 auto;width:100%;min-width:0;max-width:100%}
  #hero-expert-demo>.oe-view{overflow:hidden}
  #hero-expert-demo .oe-config-grid,#hero-expert-demo .oe-toolbar,#hero-expert-demo .oe-stats-grid,#hero-expert-demo .oe-main-columns,#hero-expert-demo .oe-chart-column,#hero-expert-demo .oe-game-column{min-width:0;width:100%;max-width:100%;box-sizing:border-box}
  #hero-expert-demo .oe-main-columns{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:5px}
  #hero-expert-demo .oe-chart{min-width:0}
  #hero-expert-demo .oe-chart svg{min-width:0}
  #hero-expert-demo .oe-game-buttons{min-width:0}
  #hero-expert-demo .oe-local-pill{white-space:nowrap}
}
@media(min-width:901px) and (max-height:750px){
  .expert-hero-card{height:540px;min-height:540px}
  .hero-expert-panel{top:12px;bottom:12px}
  .oe-program-head{min-height:29px;padding-bottom:5px}
  .oe-config-grid{gap:3px;padding:4px 0}
  .oe-config-grid>label,.oe-toggles{min-height:30px;padding:3px}
  .oe-toolbar{padding:3px 0}
  .oe-view{padding-top:4px}
  .oe-stats-grid article{min-height:30px}
  .oe-main-columns{margin-top:4px}
  .oe-chart{height:72px}
  .oe-chart-column,.oe-game-column{padding:5px}
  .oe-game-buttons{margin:3px 0}
  .oe-api-status{margin-top:3px;padding:4px;line-height:1.3}
  .oe-program-footer{margin-top:3px;padding-top:3px}
}
.hero-affiliate-copy{max-width:390px;margin:0 0 11px;color:#e1edf5;font-size:13px;font-weight:700;line-height:1.55}.hero-affiliate-copy em,.hero-affiliate-copy strong{color:#8cc9ff}.hero-affiliate-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 14px}.hero-affiliate-code{display:flex;align-items:center;gap:8px;min-height:34px;padding:4px 10px;border:1px solid rgba(81,171,229,.48);border-radius:8px;background:linear-gradient(110deg,rgba(15,49,74,.9),rgba(8,23,35,.94));box-shadow:inset 0 0 18px rgba(52,152,216,.09)}.hero-affiliate-code span{color:#a7c0d2;font-size:9px}.hero-affiliate-code strong{color:#78c5ff;font:800 15px/1 "DM Mono",monospace;letter-spacing:.12em;text-shadow:0 0 16px rgba(54,159,232,.55)}.hero-affiliate-button{display:inline-flex;min-height:34px;align-items:center;justify-content:center;gap:8px;padding:0 13px;border:1px solid #328dd2;border-radius:8px;background:linear-gradient(135deg,#168dea,#0865bd);box-shadow:0 7px 20px rgba(0,97,181,.25);color:#fff;font-size:10px;font-weight:800;text-decoration:none;transition:filter .16s,transform .16s}.hero-affiliate-button:hover{filter:brightness(1.12);transform:translateY(-1px)}
@media(min-width:901px){.expert-hero-card>.hero-content{top:28px;transform:none}.expert-hero-card .hero-affiliate-copy{font-size:12px;margin-bottom:9px}.expert-hero-card .hero-affiliate-row{gap:6px;margin-bottom:11px}.expert-hero-card .hero-affiliate-code{min-height:31px;padding:3px 8px}.expert-hero-card .hero-affiliate-button{min-height:31px}}
@media(max-width:640px){.hero-affiliate-copy{font-size:12px;margin-bottom:9px}.hero-affiliate-row{gap:6px;margin-bottom:12px}.hero-affiliate-code{min-height:32px}.hero-affiliate-button{min-height:32px}}
.hero-telegram-promo{display:grid;justify-items:start;gap:6px;margin:0 0 13px}.hero-telegram-promo p{max-width:390px;margin:0;color:#b9cbd8;font-size:10px;font-weight:600;line-height:1.55}.hero-telegram-promo a{display:inline-flex;min-height:29px;align-items:center;gap:7px;padding:0 11px;border:1px solid rgba(72,157,208,.54);border-radius:7px;background:linear-gradient(120deg,rgba(15,49,72,.94),rgba(9,27,40,.95));color:#a9dcf7;font-size:9px;font-weight:800;text-decoration:none;transition:background .16s,border-color .16s}.hero-telegram-promo a:hover{border-color:#66c9ff;background:#123c57}
@media(min-width:901px){.expert-hero-card .hero-telegram-promo{gap:5px;margin-bottom:10px}.expert-hero-card .hero-telegram-promo p{font-size:9px}.expert-hero-card .hero-telegram-promo a{min-height:27px;font-size:8px}}
@media(max-width:640px){.hero-telegram-promo{gap:6px;margin-bottom:11px}.hero-telegram-promo p{font-size:10px}}
.hero-desktop-features{display:none}
@media(min-width:901px){.expert-hero-card>.hero-content{top:28px;right:auto;bottom:23px;display:flex;flex-direction:column;align-items:flex-start}.expert-hero-card>.hero-content>*{flex:0 0 auto;max-width:100%}.expert-hero-card>.hero-content .hero-desktop-features{display:grid;width:100%;gap:5px;margin-top:auto;padding-top:10px}.hero-features-kicker{margin-bottom:2px;color:#86bce0;font:600 7px "DM Mono",monospace;letter-spacing:.14em}.hero-desktop-features article{display:grid;grid-template-columns:22px minmax(0,1fr) 12px;align-items:center;gap:7px;min-height:35px;padding:5px 8px;border:1px solid rgba(100,150,181,.22);border-radius:7px;background:linear-gradient(110deg,rgba(10,25,36,.82),rgba(8,16,23,.7));box-shadow:inset 0 1px rgba(255,255,255,.025)}.hero-desktop-features article>i{display:grid;width:20px;height:20px;place-items:center;border:1px solid rgba(92,174,221,.3);border-radius:5px;background:rgba(32,93,129,.2);color:#88cefa;font:600 7px "DM Mono",monospace;font-style:normal}.hero-desktop-features article>div{display:grid;gap:2px;min-width:0}.hero-desktop-features b{overflow:hidden;color:#d7e7f0;font-size:8px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.hero-desktop-features small{overflow:hidden;color:#91a7b4;font-size:7px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.hero-desktop-features article>em{color:#6ebde9;font-size:10px;font-style:normal}}

@media(min-width:901px){.expert-hero-card>.hero-content .hero-desktop-features{gap:7px;padding-top:12px}.hero-features-kicker{font-size:10px;margin-bottom:3px}.hero-desktop-features article{grid-template-columns:30px minmax(0,1fr) 16px;gap:10px;min-height:49px;padding:7px 10px}.hero-desktop-features article>i{width:27px;height:27px;font-size:10px}.hero-desktop-features article>div{gap:3px}.hero-desktop-features b{font-size:14px;line-height:1.3}.hero-desktop-features small{font-size:11px;line-height:1.35}.hero-desktop-features article>em{font-size:13px}}

/* Match the compact footprint of the former max-win hero card. */
@media(min-width:901px){.hero-expert-panel{top:50%;right:clamp(18px,3vw,34px);bottom:auto;width:min(460px,44%);height:390px;max-height:calc(100% - 36px);transform:translateY(-50%);overflow:auto;padding:9px;border-radius:16px}}
.hero-expert-panel{scrollbar-width:none;-ms-overflow-style:none}.hero-expert-panel::-webkit-scrollbar{width:0;height:0;display:none}.oe-code-view textarea{resize:none}.oe-program-head-actions{gap:9px}.oe-speed-readout{color:#79d9ff;font:700 8px "DM Mono",monospace;white-space:nowrap}
.expert-hero-card>.hero-art{opacity:.72;filter:saturate(.82)}.expert-hero-card>.hero-shade{background:linear-gradient(90deg,rgba(5,11,16,.88) 0%,rgba(5,11,16,.68) 38%,rgba(5,11,16,.24) 72%,rgba(5,11,16,.12) 100%),linear-gradient(0deg,rgba(5,11,16,.34),rgba(5,11,16,.05) 58%,rgba(5,11,16,.12))}.hero-expert-panel{background:linear-gradient(155deg,rgba(8,17,23,.9),rgba(7,16,21,.87));backdrop-filter:blur(12px)}
@media(max-width:900px){.expert-hero-card>.hero-art{opacity:.58;object-position:58% center}.expert-hero-card>.hero-shade{background:linear-gradient(180deg,rgba(5,11,16,.32),rgba(5,11,16,.52) 44%,rgba(5,11,16,.84)),linear-gradient(90deg,rgba(5,11,16,.18),rgba(5,11,16,.04))}}
@media(min-width:901px){
  .expert-hero-card>.hero-content{left:clamp(24px,3.2vw,46px);width:min(540px,48%);max-width:540px;padding:0 12px}
  .expert-hero-card .hero-intro{max-width:500px;margin-bottom:16px;font-size:13px;line-height:1.55}
  .expert-hero-card .hero-content h1{max-width:540px;margin-bottom:16px;font-size:clamp(36px,3.25vw,46px);line-height:1.02}
  .expert-hero-card .hero-affiliate-copy{max-width:470px;font-size:14px;line-height:1.5}
  .expert-hero-card .hero-affiliate-row{gap:8px;margin-bottom:13px}
  .expert-hero-card .hero-affiliate-code,.expert-hero-card .hero-affiliate-button{min-height:36px}
  .expert-hero-card .hero-telegram-promo{gap:7px;margin-bottom:13px}
  .expert-hero-card .hero-telegram-promo p{max-width:470px;font-size:11px;line-height:1.6}
  .expert-hero-card .hero-telegram-promo a{min-height:31px;font-size:10px}
  .expert-hero-card .hero-buttons{gap:9px}
  .expert-hero-card .hero-buttons .button{min-height:39px;padding-inline:15px;font-size:12px}
  .expert-hero-card>.hero-content .hero-desktop-features{padding-top:14px;gap:8px}
  .hero-features-kicker{font-size:10px;margin-bottom:4px}
  .hero-desktop-features article{min-height:54px;padding:8px 11px}
  .hero-desktop-features article>i{width:29px;height:29px;font-size:10px}
  .hero-desktop-features b{font-size:15px}
  .hero-desktop-features small{font-size:12px}
}
@media(min-width:1100px){.expert-hero-card>.hero-content .hero-desktop-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hero-features-kicker{grid-column:1/-1}.hero-desktop-features article{min-height:74px;grid-template-columns:30px minmax(0,1fr);align-content:center}.hero-desktop-features article>em{display:none}}
@media(min-width:901px){.expert-hero-card>.hero-content{top:45%;bottom:auto;transform:translateY(-50%)}}
.hero-telegram-promo p strong{color:#e4f2fc;font-weight:800}
@keyframes oe-status-glow{0%,100%{opacity:.56;transform:scale(.86);box-shadow:0 0 4px rgba(55,199,160,.35)}50%{opacity:1;transform:scale(1.18);box-shadow:0 0 12px rgba(55,199,160,.9)}}
@keyframes oe-preview-sweep{0%{opacity:0;transform:translateX(0)}12%{opacity:1}88%{opacity:.9}100%{opacity:0;transform:translateX(510px)}}
.oe-connection i,.oe-program-footer>span i{animation:oe-status-glow 1.8s ease-in-out infinite}
.oe-preview-runner{fill:#8bdcff;filter:drop-shadow(0 0 6px rgba(90,204,255,.95));transform-box:view-box;animation:oe-preview-sweep 3.6s linear infinite}
@media(prefers-reduced-motion:reduce){.oe-connection i,.oe-program-footer>span i,.oe-preview-runner{animation:none}}
.oe-run-controls{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}.oe-run-controls .oe-start,.oe-run-controls .oe-stop{width:100%;min-height:27px;margin:0;padding-inline:10px;font-size:9px}.oe-program-footer{justify-content:flex-start}
.oe-speed-toggle{margin-left:auto;min-height:24px;padding:0 10px;border:1px solid rgba(62,177,224,.42);border-radius:6px;background:linear-gradient(120deg,#12364a,#0d2533);color:#8bdcff;font-size:8px;font-weight:800;cursor:pointer;transition:background .16s,border-color .16s,box-shadow .16s}.oe-speed-toggle[aria-pressed="true"]{border-color:#41b8ec;background:linear-gradient(120deg,#145178,#103a54);box-shadow:0 0 12px rgba(58,172,225,.16)}
.oe-history-head{grid-template-columns:.55fr .85fr .8fr .9fr .7fr .7fr}.oe-history-row{grid-template-columns:.55fr .85fr .8fr .9fr .7fr .7fr}.oe-history-row .oe-result-state{font-weight:800}.oe-history-row.is-win .oe-result-state{color:#35dfbb}.oe-history-row.is-loss .oe-result-state{color:#ff758b}
.oe-history-empty{height:100px;min-height:100px;max-height:100px;overflow:hidden}.oe-history-rows{max-height:100px;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.oe-history-rows::-webkit-scrollbar{width:0;height:0;display:none}
@media(min-width:901px){.hero-expert-panel{height:390px;transition:border-color .22s,box-shadow .22s}.hero-expert-panel[data-running="true"]{border-color:#348ab1;box-shadow:0 0 22px rgba(46,151,201,.16),0 22px 55px rgba(0,0,0,.54)}}
@media(min-width:901px){
  #hero-expert-demo{height:390px;max-height:calc(100% - 36px);overflow:hidden}
  #hero-expert-demo>.oe-view{display:flex;flex:1 1 auto;min-height:0;overflow:hidden}
  #hero-expert-demo>.oe-view[hidden]{display:none!important}
  #hero-expert-demo>.oe-view[data-oe-view="dashboard"]{flex-direction:column}
  #hero-expert-demo .oe-main-columns{flex:1 1 auto;min-height:0;align-items:stretch;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
  #hero-expert-demo .oe-chart-column{display:grid;grid-template-rows:auto 68px auto minmax(0,1fr);height:100%;min-height:0;overflow:hidden}
  #hero-expert-demo .oe-chart{height:68px;min-height:0}
  #hero-expert-demo .oe-history-empty{height:auto;min-height:0;max-height:none;overflow:hidden;place-items:center}
  #hero-expert-demo .oe-history-empty.has-history{display:block}
  #hero-expert-demo .oe-history-rows{height:100%;max-height:none;overflow:auto}
  #hero-expert-demo .oe-game-column{height:100%;min-height:0;overflow:hidden}
}
/* Hero copy and CTA contrast update */
.expert-hero-card .hero-description{max-width:470px;margin:0 0 14px;color:#e2edf5;font-size:13px;font-weight:500;line-height:1.65}
.expert-hero-card .hero-affiliate-code span{color:#f1f7fb}
.expert-hero-card .hero-affiliate-code strong{color:#fff;text-shadow:0 0 14px rgba(255,255,255,.28)}
.expert-hero-card .hero-buttons .button-primary{color:#fff}
@media(min-width:901px){.expert-hero-card .hero-description{font-size:14px;margin-bottom:15px}.expert-hero-card .hero-affiliate-copy{margin-top:14px}}
@media(max-width:640px){.expert-hero-card .hero-description{font-size:12px;margin-bottom:12px}}
/* Hero offer blocks and action buttons: consistent scale and spacing */
.expert-hero-card .hero-affiliate-copy{margin-top:18px;margin-bottom:10px;font-size:13px;font-weight:700;line-height:1.55}
.expert-hero-card .hero-telegram-promo{margin-top:14px;margin-bottom:0;gap:7px}
.expert-hero-card .hero-telegram-promo p,.expert-hero-card .hero-telegram-promo p strong{font-size:13px;font-weight:700;line-height:1.55}
.expert-hero-card .hero-buttons .button,.expert-hero-card .hero-affiliate-button,.expert-hero-card .hero-telegram-promo a{box-sizing:border-box;min-height:40px;border-radius:9px;font-size:12px;font-weight:800;line-height:1.25}
.expert-hero-card .hero-buttons .button{padding-inline:15px}
.expert-hero-card .hero-affiliate-button,.expert-hero-card .hero-telegram-promo a{padding-inline:14px}
@media(max-width:900px){.expert-hero-card .hero-affiliate-copy{margin-top:17px}.expert-hero-card .hero-telegram-promo{margin-top:13px}}
@media(max-width:640px){.expert-hero-card .hero-affiliate-copy{margin-top:15px;margin-bottom:9px;font-size:12px}.expert-hero-card .hero-telegram-promo{margin-top:12px;gap:6px}.expert-hero-card .hero-telegram-promo p,.expert-hero-card .hero-telegram-promo p strong{font-size:12px}.expert-hero-card .hero-buttons .button,.expert-hero-card .hero-affiliate-button,.expert-hero-card .hero-telegram-promo a{min-height:38px;font-size:11px}.expert-hero-card .hero-buttons .button{padding-inline:10px}.expert-hero-card .hero-affiliate-button,.expert-hero-card .hero-telegram-promo a{padding-inline:12px}}
/* Balance the three hero sections around the heading and primary CTAs. */
.expert-hero-card .hero-affiliate-block,.expert-hero-card .hero-community-block{box-sizing:border-box;width:min(100%,470px);margin-top:18px;padding-top:13px;border-top:1px solid rgba(172,206,226,.2)}
.expert-hero-card .hero-promo-block+.hero-promo-block{margin-top:16px}
.expert-hero-card .hero-affiliate-block .hero-affiliate-copy{margin:0 0 10px}
.expert-hero-card .hero-affiliate-block .hero-affiliate-row{margin:0}
.expert-hero-card .hero-community-block .hero-telegram-promo{margin:0;gap:8px}
.expert-hero-card .hero-community-block .hero-telegram-promo p{max-width:100%;font-size:12px;line-height:1.55}
.oe-stats-grid .oe-value-negative{color:#ff8192}
.oe-history-detail-head{position:sticky;top:0;z-index:1}
.oe-text-view #oe-history-detail{display:block;max-height:290px;overflow:auto}
.oe-text-view #oe-history-detail .oe-history-head{position:sticky;top:0;margin-top:0}
.oe-editor-context{color:#8aa2ae;font:700 8px "DM Mono",monospace;letter-spacing:.08em}
@media(min-width:901px){.expert-hero-card .hero-affiliate-block,.expert-hero-card .hero-community-block{margin-top:19px;padding-top:14px}.expert-hero-card .hero-promo-block+.hero-promo-block{margin-top:17px}.expert-hero-card .hero-community-block .hero-telegram-promo p{font-size:13px}}
@media(max-width:640px){.expert-hero-card .hero-affiliate-block,.expert-hero-card .hero-community-block{margin-top:15px;padding-top:11px}.expert-hero-card .hero-promo-block+.hero-promo-block{margin-top:14px}.expert-hero-card .hero-community-block .hero-telegram-promo p{font-size:11px}}
.hero-expert-panel[data-running="true"] .oe-start:disabled{opacity:1;border-color:#28a77d;background:linear-gradient(120deg,#126c4f,#0e503d);color:#effff9;box-shadow:0 0 11px rgba(40,191,139,.16)}
