/* Card treatments informed by each provider's official website. */
.journal-card{position:relative;isolation:isolate;background:radial-gradient(ellipse at 75% 0%,#ffffff12,transparent 57%),linear-gradient(135deg,#171719,#080809 80%);border-color:#424246;border-radius:20px;padding:28px;box-shadow:inset 0 1px 0 #ffffff0b}
.journal-card:before{content:"";position:absolute;z-index:-1;width:340px;height:340px;right:-125px;top:-145px;background:url("assets/liquidjournal.png") center/contain no-repeat;filter:blur(23px);opacity:.26;transform:rotate(-20deg);pointer-events:none}
.journal-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(125deg,transparent 35%,#ffffff04 44%,#ffffff0a 48%,transparent 62%);pointer-events:none}
.journal-card:hover{border-color:#77777f;box-shadow:inset 0 1px 0 #ffffff12,0 12px 42px #0004}
.journal-card .tiny-square{background:#d8d8dd;border-radius:50%;box-shadow:0 0 8px #ffffff20}
.journal-card .tool-category{color:#b0b0b6;letter-spacing:1.7px}
.journal-card .personal-tag{border-color:#73737d50;background:#ffffff07;color:#e1e1e5;padding:5px 10px;backdrop-filter:blur(10px)}
.journal-card .journal-content{margin-top:34px;gap:27px}
.journal-card .tool-logo{width:64px;height:64px;filter:drop-shadow(0 5px 14px #0007)}
.journal-card h3{font-family:Arial,Helvetica,sans-serif;font-size:29px;font-weight:500;letter-spacing:-1.2px;margin-top:14px;color:#f5f5f7}
.journal-card p{color:#a9a9b2;font-size:12px;line-height:1.9}
.journal-card .journal-visual{background:linear-gradient(140deg,#ffffff09,#ffffff02);border-color:#ffffff25;border-radius:12px;box-shadow:0 10px 25px #0003,inset 0 1px 0 #ffffff0a;backdrop-filter:blur(14px);padding:22px 16px;transform:rotate(-2deg)}
.journal-card .visual-top{border-color:#ffffff16;color:#a8a8b2;font-size:7px;letter-spacing:1.2px}
.journal-card .visual-top span:last-child{color:#dedee4}
.journal-card .routine-row{border-color:#ffffff13;color:#84848f;padding:17px 0}
.journal-card .routine-row b{color:#e4e4ea;line-height:1.4}
.journal-card .routine-row>span:last-child{color:#dedee5}
.journal-card .visual-bottom i{background:linear-gradient(#9999a4,#555560)}
.journal-card .visual-bottom i:nth-child(2n){background:linear-gradient(#c2c2ca,#73737e)}
.journal-card .visual-bottom i:nth-child(3n){background:linear-gradient(#e5e5eb,#9999a4)}
.journal-card .visual-bottom span{color:#9797a4}
.journal-card .tool-link{background:#f3f3f6;color:#131315;border:0;border-radius:24px;padding:11px 16px;font-weight:600;font-size:10px;min-height:39px;gap:22px;transition:background .2s,box-shadow .2s}
.journal-card .tool-link span{color:#18181c;font-size:15px}
.journal-card .tool-link:hover{background:white;box-shadow:0 0 20px #ffffff10}
.journal-card .tool-offer-note{color:#85858f}
.journal-card .mini-copy{background:#ffffff0b;color:#ececf3;border-color:#ffffff2a;border-radius:20px;padding:7px 11px}

.chart-card{position:relative;isolation:isolate;display:flex;flex-direction:column;border-color:#38383d;background:linear-gradient(145deg,#161619,#0b0b0d);border-radius:20px;padding:28px}
.chart-card:before{content:none}
.chart-card:hover{border-color:#68686e;box-shadow:0 10px 40px #0004}
.chart-card .tool-category{color:#a7a7af}
.chart-card .tool-top>span:last-child{color:#b8b8c0}
.chart-card .tool-logo{width:52px;height:52px;margin:27px 0 15px;border-radius:11px;filter:grayscale(1)}
.chart-card:hover .tool-logo{filter:grayscale(1) drop-shadow(0 3px 8px #0005)}
.chart-card h3{font-size:29px;font-weight:700;letter-spacing:-1.1px;color:#f7f7f8}
.chart-card p{color:#a5a5ad;font-size:12px;line-height:1.8;margin-top:13px}
.chart-card .tool-actions{margin-top:auto;padding-top:30px}
.chart-card .tool-link{background:#f2f2f4;color:#151517;border:0;padding:11px 21px 11px 15px;border-radius:5px;clip-path:polygon(0 0,100% 0,94% 100%,0 100%);font-weight:600;font-size:10px;min-height:39px;gap:22px;transition:background .2s}
.chart-card .tool-link span{color:#151517;font-size:15px}
.chart-card .tool-link:hover{background:#fff}
.chart-card .tool-link:focus-visible{clip-path:none;outline:2px solid #c9c9ce}
.chart-card .tool-offer-note{color:#87878f}
.chart-card .mini-copy{background:#ffffff0b;color:#ececf1;border-color:#55555c;border-radius:5px;padding:7px 11px}
@media(max-width:1000px) and (min-width:701px){.journal-card .journal-content{margin-top:36px}.journal-card p{max-width:330px}.journal-card .tool-actions{margin-top:29px}}
@media(max-width:700px){.journal-card,.chart-card{padding:24px;border-radius:17px}.journal-card .journal-content{gap:17px;margin-top:27px}.journal-card .tool-logo{width:57px;height:57px}.journal-card h3{font-size:24px}.journal-card .journal-visual{padding:18px 12px}.journal-card .routine-row{padding:15px 0}.journal-card .routine-row b{font-size:8px}.journal-card .visual-top{font-size:6px;letter-spacing:.5px}.journal-card .tool-link,.chart-card .tool-link{font-size:10px;gap:15px}.chart-card .tool-logo{width:46px;height:46px;margin-top:24px}.chart-card h3{font-size:26px}.chart-card p{max-width:100%}}
@media(prefers-reduced-motion:reduce){.journal-card .tool-link,.chart-card .tool-link{transition:none!important}}

/* Upcoming firms and the BackTrader partner card. */
.firm-pending{font-size:11px;color:#a6a6af;margin-top:7px;line-height:1.6}
.firm-status.upcoming{color:#c2c2ca;background:#ffffff04;border-color:#3c3c45}
.copier-card{grid-column:1/-1;border:1px solid #34343b;border-radius:20px;padding:30px;background:radial-gradient(ellipse at 90% 90%,#f2384509,transparent 55%),linear-gradient(120deg,#151518,#0b0b0e);overflow:hidden}
.copier-card:hover{border-color:#68686e;box-shadow:0 10px 40px #0004}
.copier-card .tiny-square{background:#d0d0d7}
.copier-content{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;margin-top:30px}
.copier-card .tool-logo{width:48px;height:48px;margin-bottom:17px}
.copier-card h3{font-size:29px;font-weight:700;letter-spacing:-1.1px}
.copier-card p{color:#a5a5ad;font-size:12px;line-height:1.8;margin-top:13px;max-width:385px}
.copier-card .tool-link{background:#f2f2f4;color:#151517;border:0;padding:11px 18px;border-radius:6px;font-weight:600;font-size:11px;min-height:42px;gap:24px}
.copier-card .tool-link span{color:#151517}
.copier-card .tool-link:hover{background:#fff}
.copier-card .tool-offer-note{font-size:10px;color:#91919d}
.copier-flow{padding:28px 24px;border:1px solid #303037;border-radius:12px;background:#ffffff02;text-align:center}
.flow-label,.flow-caption{display:block;font-size:8px;letter-spacing:1.5px;color:#94949f}
.flow-leader{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:190px;max-width:100%;margin:26px auto 0;padding:15px;border:1px solid #75757f;border-radius:7px;font-size:12px;color:#ededf0;background:linear-gradient(120deg,#29292e,#1b1b20)}
.flow-leader>span:last-child{color:#a7a7b2;margin-left:10px}
.flow-dot{width:6px;height:6px;border-radius:50%;background:#f23845;box-shadow:0 0 12px #f2384570}
.flow-branches{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:relative;margin-top:37px}
.flow-branches:before{content:"";position:absolute;top:-19px;left:16.66%;right:16.66%;height:1px;background:#48484f}
.flow-branches:after{content:"";position:absolute;top:-37px;left:50%;width:1px;height:18px;background:#6b6b75}
.flow-branches>div{position:relative;padding:15px 6px;background:#161619;border:1px solid #38383f;border-radius:6px;color:#b8b8c3;font-size:10px;white-space:nowrap}
.flow-branches>div:before{content:"";position:absolute;left:50%;top:-19px;height:18px;width:1px;background:#48484f}
.flow-branches>div>span{display:inline-block;width:4px;height:4px;border-radius:50%;background:#ababba;margin-right:5px}
.flow-caption{margin-top:24px;font-size:7px;color:#70707d}
@media(max-width:1000px){.copier-content{gap:28px}.copier-flow{padding:24px 16px}.flow-branches{gap:6px}.flow-branches>div{font-size:9px;padding:13px 4px}}
@media(max-width:700px){.firm-pending{font-size:10px}.firm-info{min-width:0}.copier-card{padding:24px;border-radius:17px}.copier-content{grid-template-columns:1fr;gap:28px;margin-top:27px}.copier-card h3{font-size:26px}.copier-card .tool-logo{width:44px;height:44px}.copier-flow{padding:24px 15px}.firm-status.upcoming{font-size:8px}.flow-branches>div{font-size:10px}.copier-card p br{display:none}}
@media(max-width:390px){.firm-row{grid-template-columns:35px minmax(0,1fr) auto;gap:9px}.firm-status.upcoming{font-size:7px;padding:4px 6px}.firm-pending{font-size:9px}.flow-branches>div{font-size:9px}}