/* Original FXDX copy-trading and automation artwork. Scoped to these two sections. */
#copy{padding-top:92px;padding-bottom:110px}
#copy .center-heading{max-width:960px;margin-bottom:56px}
#copy .center-heading h2{font-size:clamp(40px,4.1vw,60px);letter-spacing:-2.6px}
#copy .center-heading>p{max-width:670px;margin:24px auto 0}
.strategy-showcase{--strategy-text:#142443;--strategy-muted:#64738c;display:grid;grid-template-columns:1.08fr 1fr;min-width:0;border:1px solid #dce4f3;border-radius:34px;background:#fff;box-shadow:0 22px 65px #344e7e0b;overflow:hidden;isolation:isolate}
.strategy-scene{position:relative;min-height:620px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 25% 22%,#d4f9ff 0,transparent 54%),radial-gradient(ellipse at 80% 83%,#d7caff 0,transparent 61%),#e8edff}
.strategy-scene-heading{position:absolute;top:32px;left:32px;right:28px;display:flex;align-items:center;gap:9px;font-size:9px;font-weight:650;letter-spacing:1.7px;color:#587296;z-index:3}
.strategy-indicator{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#4e83d6;box-shadow:0 0 0 5px #5b8bda13}
.strategy-orb{position:absolute;width:77%;aspect-ratio:1;border-radius:50%;border:1px solid #fff9;box-shadow:inset 12px 10px 65px #b2c6fe40,0 0 0 33px #fff2,0 0 0 34px #ffffff36;background:linear-gradient(150deg,#c5f2ff66,#a4a8fa2b);transform:rotate(-15deg)}
.strategy-art-wrap{position:relative;width:100%;max-width:600px;margin-top:-5px;transition:transform .85s cubic-bezier(.2,.65,.25,1);z-index:1}
.strategy-art{display:block;width:100%;height:auto;filter:drop-shadow(0 23px 24px #2c3a6b24);will-change:auto}
.strategy-glass-note{position:absolute;left:28px;bottom:78px;display:flex;align-items:center;gap:10px;padding:15px 19px;border-radius:15px;background:#ffffffdd;border:1px solid #fff;box-shadow:0 12px 28px #4e5c9a17;backdrop-filter:blur(18px);font-size:12px;font-weight:550;color:#234a77;z-index:2}
.strategy-glass-note>svg{width:22px;height:22px;stroke:#3579be;fill:none;stroke-width:1.7}
.note-share{display:none}
[data-strategy-view="share"] .note-follow{display:none}
[data-strategy-view="share"] .note-share{display:inline}
[data-strategy-view="share"] .strategy-art-wrap{transform:translate(8px,-4px) rotate(3deg)}
.strategy-scene-footer{position:absolute;bottom:28px;left:32px;right:28px;display:flex;justify-content:space-between;align-items:center;gap:15px;color:#687d9d;font-size:8px;letter-spacing:1.2px}
.strategy-scene-footer small{font-size:9px;letter-spacing:0;color:#7b8ba4}
.strategy-controls{padding:38px 42px 42px;min-width:0;align-self:center}
.strategy-tabs{display:flex;gap:4px;padding:5px;border:1px solid #e2e8f3;border-radius:14px;background:#f4f6fc;margin-bottom:35px}
.strategy-tabs>button{flex:1;min-width:0;min-height:44px;padding:10px 12px;border:0;border-radius:9px;background:transparent;color:#75829b;font:550 12px/1.3 'DM Sans',sans-serif;cursor:pointer;transition:background .25s,color .25s,box-shadow .25s}
.strategy-tabs>button[aria-selected="true"]{background:#fff;color:#1c3a70;box-shadow:0 3px 10px #243a7120}
.strategy-tabs>button:hover{color:#246edb}
.strategy-panel[hidden],.tools-stage-panel[hidden]{display:none!important}
.strategy-panel{color:var(--strategy-text)}
.strategy-role{font-size:9px;letter-spacing:1.25px;color:#74829a;font-weight:600}
#copy .strategy-panel h3{font:650 clamp(29px,2.65vw,38px)/1.15 Manrope,sans-serif;letter-spacing:-1.5px;color:var(--strategy-text);margin:15px 0 18px}
.strategy-panel>p{font-size:14px;line-height:1.8;color:var(--strategy-muted);margin:0;max-width:400px}
.strategy-points{list-style:none;padding:0;margin:27px 0 29px;display:grid;gap:18px}
.strategy-points li{display:flex;align-items:center;gap:14px}
.strategy-point-icon{width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;border:1px solid #e4eafa;border-radius:11px;background:linear-gradient(130deg,#f0fbff,#f1efff);color:#4d72be}
.strategy-point-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.strategy-points b{display:block;font-size:12px;line-height:1.45;font-weight:600;color:var(--strategy-text)}
.strategy-points small{display:block;font-size:11px;line-height:1.5;color:var(--strategy-muted);margin-top:3px}
#copy .strategy-cta{justify-content:space-between;width:100%;max-width:360px;padding:15px 20px;background:linear-gradient(110deg,#176adc,#5048db);color:#fff;border:1px solid #5475e3;font-size:12px;min-height:49px;box-shadow:0 9px 22px #3b5cdc19;transition:transform .25s,box-shadow .25s}
#copy .strategy-cta:hover{transform:translateY(-2px);box-shadow:0 12px 26px #3b5cdc32}
#copy .section-footnote{max-width:960px;margin:24px auto 0;text-align:center;font-size:11px;line-height:1.75}
.strategy-tabs button:focus-visible,.tools-stage-tabs button:focus-visible,.strategy-cta:focus-visible{outline:2px solid #2d8be9;outline-offset:4px}
/* The automation art becomes a dimensional workspace, with an explorable three-step flow. */
#automation{padding-top:35px;padding-bottom:120px}
#automation .automation-grid{grid-template-columns:1.08fr 1fr;gap:80px}
.tools-showcase{position:relative;min-width:0;isolation:isolate}
.tools-scene{position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;min-height:450px}
.tools-scene-caption{position:absolute;left:12px;right:12px;top:3px;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:8px;font-weight:600;letter-spacing:1.45px;color:#72809c;z-index:2}
.tools-scene-caption b{font:600 10px Manrope,sans-serif;letter-spacing:1px;color:#5076b2;border:1px solid #dbe3f2;border-radius:7px;padding:6px 9px}
.tools-halo{position:absolute;width:87%;aspect-ratio:1;border-radius:50%;z-index:-1;background:radial-gradient(ellipse,#bac9fa50,#caf4ff39 50%,transparent 71%);transition:background .6s}
.tools-engine{display:block;width:95%;height:auto;max-width:550px;filter:drop-shadow(0 20px 20px #3557951a);transition:transform .8s cubic-bezier(.2,.65,.25,1),filter .8s;position:relative;z-index:1;margin-top:15px}
.tools-concept{position:absolute;right:5px;bottom:5px;font-size:9px;color:#8693a9;z-index:2}
.tools-stage-tabs{position:relative;display:flex;gap:8px;margin:20px 3px 0;padding-bottom:10px;border-bottom:1px solid #dde4f0}
.tools-stage-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-width:0;min-height:45px;border:0;border-radius:10px;padding:11px 7px;background:transparent;color:#7986a0;font:550 12px/1.3 'DM Sans',sans-serif;cursor:pointer;transition:background .25s,color .25s}
.tools-stage-tabs svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.6;fill:none}
.tools-stage-tabs button[aria-selected="true"]{color:#2b5cc1;background:#e8edfc}
.tools-stage-tabs button:hover{background:#e9effa}
.tools-stage-content{min-height:73px;padding:19px 14px 0}
.tools-stage-panel>b{display:block;color:#314e79;font-size:13px;line-height:1.5;font-weight:600}
.tools-stage-panel>span{display:block;color:#7a879e;font-size:11px;line-height:1.6;margin-top:3px}
[data-tool-view="test"] .tools-engine{transform:translateY(-5px) rotate(-3deg)}
[data-tool-view="monitor"] .tools-engine{transform:translateY(-5px) rotate(3deg)}
[data-tool-view="test"] .tools-halo{background:radial-gradient(ellipse,#d7bbfa57,#cae3ff39 50%,transparent 71%)}
#automation .automation-copy .eyebrow{max-width:330px;line-height:1.7}
#automation .automation-copy h2{font-size:clamp(42px,4.1vw,58px)}
#automation .automation-copy>p{max-width:450px}
#automation .automation-copy>small{display:block;max-width:430px}
.motion-ready .strategy-art{animation:strategy-levitate 9s ease-in-out infinite}
.motion-ready .tools-engine{animation:strategy-levitate 10s ease-in-out infinite;animation-delay:-4s}
@keyframes strategy-levitate{0%,100%{translate:0 4px}50%{translate:0 -6px}}
/* Explicit dark surfaces preserve the original electric FXDX palette. */
html[data-theme="dark"] .strategy-showcase{--strategy-text:#edf5ff;--strategy-muted:#a1b0c9;background:#0e172b;border-color:#293857;box-shadow:0 24px 75px #0002}
html[data-theme="dark"] .strategy-scene{background:radial-gradient(ellipse at 18% 20%,#10557970 0,transparent 60%),radial-gradient(ellipse at 90% 83%,#5839a269 0,transparent 67%),#111b35}
html[data-theme="dark"] .strategy-orb{border-color:#5d85c42a;box-shadow:inset 12px 10px 65px #356ac31a,0 0 0 33px #5b87e108,0 0 0 34px #7c9ff416;background:linear-gradient(150deg,#287bc517,#7853d71c)}
html[data-theme="dark"] .strategy-scene-heading{color:#95b2d8}
html[data-theme="dark"] .strategy-art{filter:drop-shadow(0 20px 35px #0005)}
html[data-theme="dark"] .strategy-glass-note{background:#152540d9;border-color:#395a86;color:#c0d7f6;box-shadow:0 10px 25px #0002}
html[data-theme="dark"] .strategy-glass-note>svg{stroke:#62d8f3}
html[data-theme="dark"] .strategy-scene-footer,html[data-theme="dark"] .strategy-scene-footer small{color:#8299bf}
html[data-theme="dark"] .strategy-tabs{background:#080f20;border-color:#253453}
html[data-theme="dark"] .strategy-tabs>button{color:#8fa0bf}
html[data-theme="dark"] .strategy-tabs>button[aria-selected="true"]{color:#dff9ff;background:linear-gradient(105deg,#1c3c64,#353363);box-shadow:inset 0 0 0 1px #6584bb32}
html[data-theme="dark"] .strategy-role{color:#839abb}
html[data-theme="dark"] .strategy-point-icon{background:linear-gradient(130deg,#142a40,#252341);border-color:#2a3b59;color:#75b5ed}
html[data-theme="dark"] #copy .strategy-cta{background:linear-gradient(110deg,#267af3,#6653ed);border-color:#6579e9;color:#fff}
html[data-theme="dark"] .tools-halo{background:radial-gradient(ellipse,#23396b52,#122e4340 50%,transparent 71%)}
html[data-theme="dark"] .tools-engine{filter:drop-shadow(0 18px 30px #0003)}
html[data-theme="dark"] .tools-scene-caption,html[data-theme="dark"] .tools-concept{color:#8097ba}
html[data-theme="dark"] .tools-scene-caption b{color:#8abdf1;border-color:#29466b}
html[data-theme="dark"] .tools-stage-tabs{border-color:#243451}
html[data-theme="dark"] .tools-stage-tabs button{color:#8da1c2}
html[data-theme="dark"] .tools-stage-tabs button[aria-selected="true"]{background:#1a2c4e;color:#8ed3ff}
html[data-theme="dark"] .tools-stage-tabs button:hover{background:#19283f}
html[data-theme="dark"] .tools-stage-panel>b{color:#d1e5ff}
html[data-theme="dark"] .tools-stage-panel>span{color:#95a9c8}
html[data-theme="dark"] [data-tool-view="test"] .tools-halo{background:radial-gradient(ellipse,#47326f50,#182b4839 50%,transparent 71%)}
@media(min-width:1001px){.strategy-enhanced .strategy-panel{min-height:469px}}
@media(max-width:1100px){.strategy-controls{padding:30px 30px 35px}.strategy-scene{min-height:610px}.strategy-scene-footer{left:24px;right:24px;flex-direction:column;align-items:flex-start;gap:6px}.strategy-glass-note{left:20px;font-size:11px}.strategy-scene-heading{left:24px;font-size:8px}#automation .automation-grid{gap:45px}.tools-scene{min-height:390px}}
@media(max-width:850px){#copy{padding-top:60px;padding-bottom:85px}.strategy-showcase{grid-template-columns:1fr}.strategy-scene{min-height:0;height:520px}.strategy-art-wrap{width:510px;max-width:90%;margin-top:-15px}.strategy-orb{width:410px;max-width:74%}.strategy-scene-footer{flex-direction:row;align-items:center}.strategy-glass-note{left:30px;bottom:65px}.strategy-controls{padding:35px 40px 40px}.strategy-panel>p{max-width:580px}.strategy-panel h3 br{display:none}.strategy-points{grid-template-columns:1fr;gap:17px}.strategy-tabs{margin-bottom:28px}.strategy-enhanced .strategy-panel{min-height:405px}#automation .automation-grid{grid-template-columns:1fr;gap:55px}#automation .tools-showcase{max-width:580px;width:100%;margin:auto}#automation .automation-copy{max-width:580px;margin:auto;width:100%}.tools-scene{min-height:0}.tools-engine{width:95%;max-width:520px}#automation .automation-copy>p{max-width:none}#automation{padding-top:0;padding-bottom:90px}}
@media(max-width:520px){#copy{padding-top:45px;padding-bottom:70px}#copy .center-heading{margin-bottom:35px}#copy .center-heading h2{font-size:37px;letter-spacing:-1.7px}#copy .center-heading>p{font-size:14px;line-height:1.8}.strategy-showcase{border-radius:25px}.strategy-scene{height:365px}.strategy-art-wrap{width:345px;max-width:96%;margin-top:-10px}.strategy-scene-heading{top:22px;left:21px;font-size:7px;letter-spacing:1.2px}.strategy-scene-footer{bottom:19px;left:21px;right:21px;font-size:6px;letter-spacing:.8px}.strategy-scene-footer small{font-size:7px}.strategy-glass-note{left:18px;bottom:50px;padding:11px 14px;border-radius:11px;font-size:9px;gap:8px}.strategy-glass-note>svg{width:18px;height:18px}.strategy-controls{padding:24px 23px 29px}.strategy-tabs{padding:4px;gap:2px;margin-bottom:26px}.strategy-tabs>button{font-size:11px;padding:10px 7px}.strategy-role{font-size:8px;letter-spacing:.9px}#copy .strategy-panel h3{font-size:31px;letter-spacing:-1.2px;line-height:1.17;margin-top:13px}.strategy-panel>p{font-size:13px;line-height:1.8}.strategy-points{gap:17px;margin:23px 0 26px}.strategy-points li{gap:11px}.strategy-points b{font-size:11px}.strategy-points small{font-size:10px}.strategy-point-icon{width:32px;height:32px;border-radius:9px}#copy .strategy-cta{max-width:none;font-size:11px;padding:14px 16px}.strategy-enhanced .strategy-panel{min-height:428px}#copy .section-footnote{font-size:10px;text-align:left;margin:20px 4px 0}.tools-scene-caption{left:8px;right:8px;top:0;font-size:6px;letter-spacing:.8px}.tools-engine{width:100%;margin-top:30px}.tools-concept{font-size:7px;bottom:0}.tools-stage-tabs{gap:2px;margin-top:16px}.tools-stage-tabs button{font-size:10px;gap:6px}.tools-stage-tabs svg{width:15px;height:15px}.tools-stage-content{padding:17px 7px 0;min-height:78px}.tools-stage-panel>b{font-size:12px}.tools-stage-panel>span{font-size:10px}#automation .automation-grid{gap:42px}#automation .automation-copy h2{font-size:43px;letter-spacing:-2px}#automation .automation-copy .eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:18px}}
@media(max-width:360px){.strategy-scene{height:315px}.strategy-art-wrap{max-width:98%}.strategy-controls{padding:22px 18px 27px}.strategy-scene-footer>span{max-width:110px;line-height:1.6}#copy .center-heading h2{font-size:32px}#copy .strategy-panel h3{font-size:28px}.strategy-enhanced .strategy-panel{min-height:448px}.strategy-tabs>button{font-size:10px}#automation .automation-copy h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){.strategy-art,.tools-engine{animation:none!important}.strategy-art-wrap,.tools-engine,.tools-halo,.strategy-tabs>button,.tools-stage-tabs>button,.strategy-cta{transition:none!important}}