.charts-layouts{gap:6.4rem;padding-bottom:12rem;display:grid}.charts-layouts-copy{flex-direction:column;gap:1.8rem;max-width:52rem;display:flex}.charts-layouts-copy h2{text-wrap:balance}.layout-chips{flex-wrap:wrap;gap:1rem;margin:1.2rem 0 0;padding:0;list-style:none;display:flex}.layout-chip{background:var(--bg-footer);border:1px solid #ff4d6a2e;border-radius:1.2rem;align-items:center;gap:1.2rem;padding:1rem 1.6rem 1rem 1.2rem;display:flex}.layout-diagram{flex-shrink:0;gap:2px;width:4.4rem;height:2.8rem;display:grid}.layout-diagram.side{grid-template-columns:1fr 1fr}.layout-diagram.grid{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.layout-diagram.big{grid-template-rows:repeat(3,1fr);grid-template-columns:1fr 2fr}.layout-diagram.big .layout-pane:nth-child(4){grid-area:1/2/span 3}.layout-pane{background:#ff4d6a8c;border-radius:2px}.charts-layouts-visual{position:relative}.charts-layouts-back{display:none}@media (min-width:992px){.charts-layouts{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:center}.charts-layouts-back{opacity:.5;width:62%;display:block;position:absolute;top:-12%;right:-6%}.charts-layouts-front{margin:8% 6% 0 0;position:relative}}@media (min-width:992px) and (prefers-reduced-motion:no-preference){.charts-layouts-back{transform:translateY(calc((var(--scene,0) - .5) * 12rem))}.charts-layouts-front{transform:translateY(calc((.5 - var(--scene,0)) * 6rem))}html[data-reveal-ready] .layout-pane{opacity:0;transform:scale(.2)}html[data-reveal-ready] [data-shown] .layout-pane{opacity:1;transition:transform .6s cubic-bezier(.34,1.56,.64,1),opacity .4s;transition-delay:calc(.4s + var(--delay,0) * .22s + var(--p) * 90ms);transform:none}}
.charts-section{border-top:1px solid var(--border-subtle);padding-top:12rem;position:relative;overflow:clip}.charts-head,.charts-themes-head{flex-direction:column;gap:1.6rem;max-width:144rem;display:flex}.charts-head>:not(.label){max-width:76rem}.charts-hero{perspective:160rem;margin-top:6.4rem;position:relative}.charts-hero-glow{pointer-events:none;background:radial-gradient(#ff4d6a29,#2de0c012 42%,#0000 72%);border-radius:50%;position:absolute;inset:10% 15% -10%}.charts-hero-frame{position:relative}.charts-features{gap:4.8rem;padding-block:12rem;display:grid}.charts-features-main{flex-direction:column;align-items:flex-start;gap:2.4rem;display:flex}.charts-feature-list{background:#ff4d6a24;border:1px solid #ff4d6a24;border-radius:2rem;gap:1px;width:100%;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.charts-feature{background:var(--bg-footer);flex-direction:column;gap:1rem;padding:2.8rem;transition:background-color .3s;display:flex}.charts-feature:hover{background:var(--bg-panel)}@media (min-width:992px){.charts-features{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:6.4rem}.charts-feature-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.charts-themes{flex-direction:column;gap:2.4rem;padding-bottom:12rem;display:flex}.charts-themes-head{margin-bottom:3.2rem}.charts-themes-head>:not(.label){max-width:64rem}.theme-row{gap:2.4rem;width:max-content;padding-inline:2rem;display:flex}.theme-card{flex-shrink:0;width:min(56rem,80vw);margin:0}.theme-card-view{border:1px solid #ffffff17;border-radius:1.4rem;overflow:hidden;box-shadow:0 2.4rem 6rem #0000008c}.theme-card-image{width:100%;height:auto;transition:transform .6s cubic-bezier(.16,1,.3,1);display:block}.theme-card:hover .theme-card-image{transform:scale(1.04)}.theme-card-caption{justify-content:space-between;align-items:center;gap:1.2rem;padding:1.4rem .4rem 0;display:flex}.theme-card-swatches{display:flex}.theme-card-swatch{border:2px solid var(--bg-card);background:var(--swatch);border-radius:50%;width:1.8rem;height:1.8rem;margin-left:-.5rem}@media (prefers-reduced-motion:no-preference){.charts-hero-frame{transform:rotateX(calc((.5 - min(.5, var(--scene,0))) * 40deg)) scale(calc(.86 + min(.5, var(--scene,0)) * .28));transform-origin:50% 100%;will-change:transform}.charts-hero-glow{transform:translateY(calc((var(--scene,0) - .5) * -16rem))}.theme-row{will-change:transform}.theme-row-leftward{transform:translateX(calc(8vw + (var(--scene,0) - .25) * 2 * (84vw - 100%)))}.theme-row-rightward{transform:translateX(calc(92vw - 100% + (var(--scene,0) - .25) * 2 * (100% - 84vw)))}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.charts-themes{view-timeline:--charts-themes block}.theme-row-leftward,.theme-row-rightward{animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--charts-themes;animation-range:cover}.theme-row-leftward{animation-name:theme-row-leftward}.theme-row-rightward{animation-name:theme-row-rightward}}}@keyframes theme-row-leftward{0%{transform:translate(calc(50% - 34vw))}to{transform:translate(calc(134vw - 150%))}}@keyframes theme-row-rightward{0%{transform:translate(calc(134vw - 150%))}to{transform:translate(calc(50% - 34vw))}}@media (max-width:767px) and (prefers-reduced-motion:no-preference){.charts-hero-frame{transform:rotateX(calc((.5 - min(.5, var(--scene,0))) * 28deg)) scale(calc(.92 + min(.5, var(--scene,0)) * .16))}}
.cta-section{border-top:1px solid var(--border-subtle);padding-block:16rem;position:relative;overflow:hidden}.cta-backdrop{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cta-orbit{opacity:.07;width:min(110rem,140vw);transform:rotate(calc(var(--scene,0) * 40deg - 20deg)) scale(calc(.9 + var(--scene,0) * .2));position:absolute}.cta-orbit .brand-symbol{aspect-ratio:1;width:100%;height:auto}.cta-glow{width:100rem;height:70rem;transform:translateY(calc((.5 - var(--scene,0)) * 20rem));background:radial-gradient(circle,#2de0c033,#0000 65%);border-radius:50%;position:absolute;bottom:-40rem}.cta-inner{text-align:center;flex-direction:column;align-items:center;gap:2.8rem;display:flex;position:relative}.cta-title{flex-direction:column;align-items:center;display:flex}.cta-typed{justify-content:center;align-items:baseline;min-height:.94em;display:flex}.cta-typed-char{overflow-clip-margin:.1em;display:inline-block;overflow:clip}.cta-caret{border-radius:.02em;align-self:center;width:.06em;height:.78em;margin-left:.06em;display:none}.cta-drawn-svg{filter:drop-shadow(0 0 4rem #2de0c040);width:auto;max-width:100%;height:1.02em;margin-top:.06em;display:block;overflow:visible}.cta-drawn-text{font-family:var(--font-primary);letter-spacing:-.03em;stroke:var(--accent);stroke-width:1.4px;stroke-linejoin:round;stroke-opacity:0;font-size:100px;font-weight:800}.cta-drawn-stop-a{stop-color:var(--product-macro)}.cta-drawn-stop-b{stop-color:var(--accent-hover)}.cta-body{text-wrap:pretty;max-width:60rem}.cta-actions{flex-wrap:wrap;justify-content:center;gap:1.2rem;display:flex}@media (prefers-reduced-motion:no-preference){html[data-reveal-ready] .landing-page .cta-title[data-reveal]{opacity:1;transform:none}html[data-reveal-ready] .cta-typed-char{max-width:0}html[data-reveal-ready] .cta-title[data-shown] .cta-typed-char{transition:max-width 0s linear calc(.2s + var(--c) * 75ms);max-width:1.2em}html[data-reveal-ready] .cta-caret{background:var(--accent);animation:.9s step-end infinite cta-caret-blink;display:inline-block}html[data-reveal-ready] .cta-title[data-shown] .cta-caret{opacity:0;transition:opacity .4s 3.4s}html[data-reveal-ready] .cta-drawn-text{stroke-opacity:1;stroke-dasharray:900;stroke-dashoffset:900px;fill-opacity:0}html[data-reveal-ready] .cta-title[data-shown] .cta-drawn-text{stroke-dashoffset:0;fill-opacity:1;stroke-opacity:0;transition:stroke-dashoffset 2s cubic-bezier(.65,0,.35,1) 1.1s,fill-opacity .9s 2.6s,stroke-opacity .8s 3.1s}html[data-reveal-ready] .landing-page .cta-backdrop .cta-orbit[data-reveal]{opacity:.07;transform:rotate(calc(var(--scene,0) * 40deg - 20deg)) scale(calc(.9 + var(--scene,0) * .2))}}@keyframes cta-caret-blink{50%{background:0 0}}@media (prefers-reduced-motion:reduce){.cta-orbit,.cta-glow{transform:none}}
.hero-section{position:relative}.hero-sticky{padding:13rem 0 6rem;position:relative;overflow:hidden}.hero-backdrop{pointer-events:none;position:absolute;inset:0}.hero-grid{transform:translateY(calc(var(--pin,0) * -12vh));background-image:linear-gradient(#2de0c012 1px,#0000 1px),linear-gradient(90deg,#2de0c012 1px,#0000 1px);background-size:7.2rem 7.2rem;position:absolute;inset:-10% 0 0;-webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 30%,#000 20%,#0000 75%)}.hero-glow{background:radial-gradient(circle, rgba(var(--tone-rgb), .16), transparent 66%);will-change:translate;border-radius:50%;width:70rem;height:70rem;position:absolute}.hero-glow.tone-macro{translate:-50% calc(var(--pin,0) * -10vh);top:-30rem;left:50%}.hero-glow.tone-learn{opacity:.7;translate:0 calc(var(--pin,0) * -26vh);top:30%;left:-26rem}.hero-glow.tone-charts{opacity:.7;translate:0 calc(var(--pin,0) * -36vh);top:42%;right:-26rem}.hero-copy{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:2.4rem;display:flex;position:relative}.hero-title{flex-direction:column;display:flex}.hero-line{text-wrap:balance}.hero-line-accent{background:linear-gradient(100deg, var(--product-learn) 0%, var(--product-macro) 45%, var(--accent-hover) 70%, var(--product-charts) 100%);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;padding-bottom:.08em;animation:9s ease-in-out infinite alternate hero-shimmer}@keyframes hero-shimmer{to{background-position:100% 0}}.hero-subtitle{text-wrap:pretty;max-width:62rem}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1.2rem;display:flex}.hero-stage{z-index:1;perspective:160rem;width:min(120rem,100% - 3.2rem);margin:6.4rem auto 0;position:relative}.hero-stage-tilt{transform-style:preserve-3d;position:relative}.hero-float{z-index:2;position:absolute}.hero-float-charts{width:42%;bottom:-8%;right:-2%}.hero-float-lesson{width:min(30rem,34%);bottom:12%;left:-3%}.hero-float-regime{top:16%;right:4%}.hero-float-charts .hero-chip{position:absolute;top:-2.4rem;left:-3.2rem}.hero-chip,.hero-lesson{border:1px solid rgba(var(--tone-rgb), .28);background:#080d0ceb;box-shadow:0 2.4rem 6rem #0009,inset 0 1px #ffffff0d}.hero-chip{border-radius:1.4rem;gap:.4rem;min-width:20rem;padding:1.4rem 1.6rem 1.4rem 3.4rem;display:grid}.hero-chip-dot{background:var(--tone);width:.8rem;height:.8rem;box-shadow:0 0 1.2rem var(--tone);border-radius:50%;animation:1.8s ease-in-out infinite qt-pulse;position:absolute;top:1.9rem;left:1.5rem}.hero-lesson{border-radius:1.6rem;flex-direction:column;gap:1.2rem;padding:1.8rem;display:flex}.hero-lesson-head{align-items:center;gap:1rem;display:flex}.hero-lesson-mark .brand-symbol{width:2.8rem;height:2.8rem}.hero-lesson-track{border-radius:var(--radius-pill);background:#ffffff14;height:.5rem;overflow:hidden}.hero-lesson-fill{border-radius:inherit;background:var(--tone);width:68%;height:100%;display:block}.hero-lesson-foot{justify-content:space-between;gap:1.2rem;display:flex}@media (max-width:767px){.hero-float-lesson,.hero-float-regime{display:none}.hero-float-charts{width:82%;margin:-12% 0 0 auto;position:relative;bottom:auto;right:auto}.hero-float-charts .hero-chip{display:none}}@media (min-height:600px) and (prefers-reduced-motion:no-preference){.hero-section{height:230vh}.hero-sticky{height:100vh;padding:0;position:sticky;top:0}.hero-copy{transform:translateY(calc(var(--pin,0) * -34vh)) scale(calc(1 - var(--pin,0) * .08));opacity:calc(1 - var(--pin,0) * 2.2);will-change:transform, opacity;padding-top:max(13rem,15vh)}.hero-stage{width:min(120rem,82vw);translate:-50%;transform:translateY(calc(var(--pin,0) * -64vh));margin:0;position:absolute;top:74vh;left:50%}.hero-stage-tilt{transform:rotateX(calc((1 - min(1, var(--pin,0) * 1.4)) * 34deg)) scale(calc(.8 + min(1, var(--pin,0) * 1.4) * .2));transform-origin:50% 0;will-change:transform}.hero-float-charts{transform:translateZ(9rem) translateY(calc(var(--pin,0) * -10vh))}.hero-float-lesson{transform:translateZ(14rem) translateY(calc(var(--pin,0) * -18vh))}.hero-float-regime{transform:translateZ(18rem) translateY(calc(var(--pin,0) * -26vh))}}@media (min-width:768px) and (min-height:700px) and (max-height:880px) and (prefers-reduced-motion:no-preference){.hero-copy{gap:1.6rem;padding-top:11rem}.hero-stage{top:78vh}}@media (min-width:768px) and (min-height:700px) and (max-height:800px) and (prefers-reduced-motion:no-preference){.hero-subtitle{display:none}}@media (max-width:767px) and (min-height:600px) and (prefers-reduced-motion:no-preference){.hero-copy{gap:1.6rem;padding-top:10rem}.hero-subtitle{display:none}.hero-stage{width:calc(100vw - 3.2rem);top:76vh}.hero-float-charts{width:50%;margin:0;position:absolute;bottom:-14%;right:-3%}}
