/* ActCharts page */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.ac-hero .hero-bottom{align-items:flex-end}
.ac-hero-copy{max-width:640px}
.ac-hero-copy>p{font-size:17px;line-height:1.8;color:var(--muted)}
.ac-hero-copy>p code,.ac-section-head code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em;padding:2px 6px;border-radius:4px;background:#e9ddce;color:var(--ink)}
.package-install code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ink)}

/* Workspace */
.ac-workspace{margin:0 6%;border:1px solid #c9a684;border-radius:16px;overflow:hidden;background:#fffaf3;box-shadow:0 30px 70px -30px #51321e55}
.ac-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px;border-bottom:1px solid var(--line);background:#f8efe4;flex-wrap:wrap}
.ac-markets{display:flex;gap:8px;flex-wrap:wrap}
.ac-markets button{display:grid;grid-template-columns:auto auto;column-gap:10px;align-items:baseline;text-align:left;padding:10px 16px;border:1px solid #c9a684;border-radius:12px;background:#fffaf3;color:#51321e;min-width:150px}
.ac-markets button span{font-size:14px}
.ac-markets button small{font-size:10px;color:var(--muted);letter-spacing:.04em;justify-self:end}
.ac-markets button b{grid-column:1/-1;font-weight:400;font-size:13px;font-variant-numeric:tabular-nums;margin-top:3px;color:var(--muted)}
.ac-markets button b[data-dir=up]{color:#2f7a4c}
.ac-markets button b[data-dir=down]{color:#a63b2a}
.ac-markets button[aria-pressed=true]{background:#51321e;border-color:#51321e;color:#fff0db}
.ac-markets button[aria-pressed=true] small,.ac-markets button[aria-pressed=true] b{color:#e5c9ae}
.ac-markets button[aria-pressed=true] b[data-dir=up]{color:#9fdcb4}
.ac-markets button[aria-pressed=true] b[data-dir=down]{color:#f2a99b}
.ac-live{display:flex;align-items:center;gap:9px;font-size:12px;line-height:1.5;color:var(--muted);font-variant-numeric:tabular-nums}
.ac-live i{width:8px;height:8px;border-radius:50%;background:#b59678;flex:none}
.ac-live[data-state=live] i{background:#3f9a62;box-shadow:0 0 0 4px #3f9a6226}
.ac-live[data-state=wait] i{background:#d08a2e}
.ac-chart{height:min(680px,78vh);min-height:460px;position:relative}
.ac-fallback{padding:40px;color:var(--muted)}
.ac-status{padding:13px 18px;font-size:12px;line-height:1.6;border-top:1px solid var(--line);color:var(--muted)}
.ac-status[data-error=true]{color:#9b351f}
.ac-note{margin:14px 6% 70px;font-size:12px;line-height:1.7;color:var(--muted);max-width:900px}

/* Section heads */
.ac-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:45px}
.ac-section-head h2,.ac-dev h2,.ac-h2{font-size:clamp(36px,4vw,64px);font-weight:400;line-height:1.08;letter-spacing:-.05em}
.ac-section-head>p{max-width:460px;font-size:15px;line-height:1.8;color:var(--muted)}
.ac-small{margin-top:30px;font-size:12px;line-height:1.7;color:var(--muted);max-width:820px}

/* Indicators */
.ac-indicators{padding:95px 6% 85px}
.ac-pick{min-height:22px;margin:-20px 0 22px;font-size:13px;color:#8c5530}
.ac-pick a{text-decoration:underline;text-underline-offset:4px}
.ind-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 6%}
.ind-group{padding:34px 0 10px;border-top:1px solid var(--line)}
.ind-group-head{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:4px 14px;margin-bottom:14px}
.ind-group-head h3{font-size:26px;font-weight:400;letter-spacing:-.8px}
.ind-group-head span{font-size:12px;color:var(--copper);font-variant-numeric:tabular-nums}
.ind-group-head p{grid-column:1/-1;font-size:13px;color:var(--muted);line-height:1.6}
.ind-list{list-style:none;margin:0;padding:0}
.ind{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;align-items:baseline;text-align:left;padding:14px 12px;margin:0 -12px;border:0;border-top:1px solid #b5967826;background:none;color:var(--ink);border-radius:8px;transition:background .2s}
.ind-list li:first-child .ind{border-top:0}
.ind:hover{background:#ecdfcf}
.ind-name{font-size:16px;letter-spacing:-.2px}
.ind code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--muted);justify-self:end}
.ind-desc{grid-column:1;font-size:13px;line-height:1.6;color:var(--muted)}
.ind-state{grid-column:2;grid-row:2;justify-self:end;font-size:11px;padding:4px 11px;border:1px solid #b59678;border-radius:20px;color:#51321e;white-space:nowrap}
.ind[aria-pressed=true]{background:#efe2d2}
.ind[aria-pressed=true] .ind-state{background:#51321e;border-color:#51321e;color:#fff0db}

/* Advanced */
.ac-advanced{padding:95px 6%;background:#e9ddce}
.adv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 5%}
.adv{padding:30px 0;border-top:1px solid #b5967866}
.adv-wide{grid-column:1/-1;display:grid;grid-template-columns:120px minmax(0,1fr) minmax(0,1.6fr);gap:10px 40px;align-items:start}
.adv-wide .chip-list,.adv-wide .tool-details{grid-column:3;grid-row:1/span 2}
.adv-wide>h3{grid-column:2;grid-row:1}
.adv-wide>p:not(.adv-num){grid-column:2;grid-row:2;margin-top:0}
.adv-wide .adv-num{grid-row:1/span 2}
.adv-num{font-size:clamp(44px,4.6vw,72px);line-height:1;letter-spacing:-.05em;color:#8c5530;margin-bottom:14px}
.adv-wide .adv-num{margin:0}
.adv h3{font-size:21px;font-weight:400;letter-spacing:-.5px}
.adv>p:not(.adv-num){font-size:14px;line-height:1.8;color:var(--muted);margin-top:10px}
.chip-list{display:flex;flex-wrap:wrap;gap:7px}
.chip{padding:8px 14px;border:1px solid #ab8b6d;border-radius:30px;background:#f8f2ea;color:#51321e;font-size:12px}
.chip:hover{border-color:#51321e}
.chip[aria-pressed=true]{background:#51321e;color:#fff0db;border-color:#51321e}
.tool-details summary{cursor:pointer;font-size:14px;padding:12px 0;border-bottom:1px solid #8c5530;display:inline-block}
.tool-details[open] summary{margin-bottom:10px}
.tool-group{padding:16px 0;border-top:1px solid #b5967840}
.tool-group:first-child{border-top:0}
.tool-group h4{font-size:12px;font-weight:600;margin:0 0 10px;color:#51321e}
.tool-group h4 span{font-weight:400;color:var(--copper);margin-left:6px}

/* Developers */
.ac-dev{padding:95px 6%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:6%;align-items:center}
.ac-dev-copy>p:not(.eyebrow){margin-top:22px;font-size:15px;line-height:1.8;color:var(--muted);max-width:480px}
.ac-dev .package-install{margin-top:28px}
.ac-dev .actions{margin-top:20px}
.code-frame{border-radius:12px;overflow:hidden;background:#2a2019;box-shadow:0 30px 70px -20px #51321e66,0 0 0 1px #765237}
.code-frame pre{margin:0;padding:24px 26px;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.75;color:#f3e3d0;tab-size:2}
.code-frame .k{color:#f0a877}
.code-frame .s{color:#bfd89a}
.code-frame .c{color:#a08670}

/* Platform */
.ac-platform{padding-top:30px}
.ac-platform .app-row{border-top:1px solid var(--line)}

@media(max-width:1000px){
  .ac-section-head{display:block}.ac-section-head>p{margin-top:22px}
  .ind-grid{grid-template-columns:1fr}
  .adv-grid{grid-template-columns:1fr 1fr}
  .adv-wide{grid-template-columns:1fr;gap:10px}
  .adv-wide>*,.adv-wide .chip-list,.adv-wide .tool-details,.adv-wide>h3,.adv-wide>p:not(.adv-num),.adv-wide .adv-num{grid-column:1;grid-row:auto}
  .adv-wide .chip-list,.adv-wide .tool-details{margin-top:14px}
  .ac-dev{grid-template-columns:1fr;gap:45px}
}
@media(max-width:760px){
  .ac-workspace{margin:0 4%}
  .ac-bar{padding:10px}
  .ac-markets{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .ac-markets button{min-width:0;padding:9px 12px}
  .ac-chart{height:520px;min-height:0}
  .ac-note{margin:12px 6% 50px}
  .ac-indicators,.ac-advanced,.ac-dev{padding:65px 6%}
  .adv-grid{grid-template-columns:1fr}
  .code-frame pre{font-size:11.5px;padding:18px}
  .ind{grid-template-columns:minmax(0,1fr) auto}
}

/* ActCharts opening: a chart rendered as product artwork, rather than a conventional marketing hero. */
.ac-hero{position:relative;isolation:isolate;min-height:min(820px,calc(100svh - 72px));padding:clamp(52px,8vw,130px) 6% 36px!important;display:grid;grid-template-columns:minmax(0,.88fr) minmax(480px,1.12fr);grid-template-rows:1fr auto;gap:40px;overflow:hidden;background:#17110e;color:#fff0db}
.ac-hero::before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 73% 44%,#8e411e 0,#4d2214 24%,transparent 50%),radial-gradient(circle at 18% 92%,#3a261c 0,transparent 35%),linear-gradient(135deg,#17110e 18%,#24160f 80%)}
.ac-hero::after{display:none!important}.ac-hero-content{align-self:center;max-width:680px}.ac-hero .eyebrow{color:#e7ae79}.ac-hero-kicker{margin-top:30px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#c49c78}.ac-hero h1{margin-top:18px;max-width:720px;color:#fff0db;font-size:clamp(58px,7.8vw,132px)!important;line-height:.9!important;letter-spacing:-.075em!important}.ac-hero-lede{max-width:520px;margin-top:31px;font-size:clamp(16px,1.35vw,20px);line-height:1.6;color:#d9c2a8}.ac-hero .package-install{margin-top:27px;width:max-content;max-width:100%;border-color:#9e7050;background:#241811;color:#fff0db}.ac-hero .package-install code{color:#fff0db}.ac-hero .package-install button{background:#d4864f;color:#22140d}.ac-hero .actions{margin-top:27px}.ac-hero .button-solid{background:#f2bd83;color:#28170e}.ac-hero .button-line{color:#fff0db;border-color:#d69a68}
.ac-hero-visual{position:relative;align-self:center;min-height:clamp(400px,42vw,630px);border:1px solid #db9b693b;border-radius:50% 50% 0 0;overflow:hidden;background:linear-gradient(158deg,#2c1b14c4,#16100dd9);box-shadow:inset 0 1px #ffe1bd28,0 30px 100px #0006}.ac-chart-grid{position:absolute;inset:0;background-image:linear-gradient(#f5b87d14 1px,transparent 1px),linear-gradient(90deg,#f5b87d14 1px,transparent 1px);background-size:100% 20%,12.5% 100%;mask-image:linear-gradient(90deg,transparent,#000 12% 88%,transparent)}.ac-chart-path{position:absolute;inset:11% 0 0;width:100%;height:78%;overflow:visible}.ac-chart-path path:first-child{fill:none;stroke:#ffcc95;stroke-width:4;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 8px #ff9f4b)}.ac-chart-area{fill:url(#none);fill:#d77b3a1c}.ac-candles{position:absolute;inset:18% 12% 24%;display:flex;justify-content:space-between;align-items:flex-end;opacity:.76}.ac-candles i{position:relative;width:9px;height:var(--h);background:#de8450;box-shadow:0 -22px 0 -4px #de8450,0 22px 0 -4px #de8450}.ac-candles i:nth-child(2n){background:#73d19a;box-shadow:0 -18px 0 -4px #73d19a,0 18px 0 -4px #73d19a}.ac-candles i:nth-child(1){--h:46px}.ac-candles i:nth-child(2){--h:72px}.ac-candles i:nth-child(3){--h:38px}.ac-candles i:nth-child(4){--h:102px}.ac-candles i:nth-child(5){--h:68px}.ac-candles i:nth-child(6){--h:132px}.ac-candles i:nth-child(7){--h:83px}.ac-candles i:nth-child(8){--h:112px}.ac-candles i:nth-child(9){--h:55px}.ac-candles i:nth-child(10){--h:145px}.ac-candles i:nth-child(11){--h:98px}.ac-candles i:nth-child(12){--h:126px}.ac-tag{position:absolute;padding:8px 13px;border:1px solid #edb57d80;border-radius:999px;background:#28170ebd;backdrop-filter:blur(8px);font-size:12px;color:#f8d2a9}.ac-tag-ind{top:21%;left:8%}.ac-tag-draw{top:37%;right:7%}.ac-tag-license{bottom:22%;left:19%}.ac-hero-price{position:absolute;right:8%;bottom:8%;display:grid;grid-template-columns:auto auto;gap:4px 13px;align-items:baseline;text-align:right}.ac-hero-price span{grid-column:1/-1;font-size:10px;letter-spacing:.11em;color:#bda18b}.ac-hero-price b{font-size:clamp(27px,3vw,46px);font-weight:400;letter-spacing:-.06em}.ac-hero-price em{font-style:normal;font-size:13px;color:#8cdfac}.ac-hero-foot{grid-column:1/-1;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding-top:24px;border-top:1px solid #f5ba8733;font-size:12px;color:#c49c78}.ac-hero-foot span{display:flex;gap:11px;align-items:center}.ac-hero-foot b{display:grid;place-items:center;width:28px;height:28px;border:1px solid #e8ab7380;border-radius:50%;font-size:14px;font-weight:400;color:#fff0db}
@media(max-width:1000px){.ac-hero{min-height:auto;grid-template-columns:1fr;padding-top:85px!important}.ac-hero-content{max-width:760px}.ac-hero-visual{min-height:500px;max-width:760px;width:100%}.ac-hero-foot{margin-top:10px}}
@media(max-width:760px){.ac-hero{padding:68px 6% 22px!important;gap:34px}.ac-hero h1{font-size:clamp(52px,15.5vw,76px)!important}.ac-hero-lede{font-size:16px;margin-top:24px}.ac-hero .package-install{width:100%;font-size:12px}.ac-hero .actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.ac-hero-visual{min-height:360px;border-radius:42% 42% 0 0}.ac-tag{font-size:10px;padding:7px 10px}.ac-tag-ind{left:5%;top:17%}.ac-tag-draw{right:5%;top:35%}.ac-tag-license{bottom:21%;left:10%}.ac-hero-price{right:6%;bottom:7%}.ac-hero-foot{padding-top:18px}.ac-hero-foot p{max-width:180px}.ac-hero-foot span{font-size:11px}}
/* Live chart as the hero visual: inside the hero's own padding, no extra side margin. */
.ac-hero-chart{margin:0}