.landing-page{--landing-copy-width:60%;--landing-art-width:40%;--landing-art-height:calc(var(--ui-space-page) * 4);--landing-chart-height:calc(var(--ui-space-page) * 5);--landing-icon-size:calc(var(--ui-space-xl) + var(--ui-space-sm));}
.landing-page .dashboard-wrap{padding-top:var(--ui-space-lg);padding-bottom:var(--ui-space-page);}
.landing-app{position:relative;}
.landing-rail-nav{--app-rail-nav-accent:var(--ui-accent);}
.landing-topbar{justify-content:space-between;gap:var(--ui-space-lg);}
.landing-topbar-title{display:flex;align-items:center;width:auto;margin-right:var(--ui-space-xl);gap:var(--ui-space-sm);color:var(--ui-muted);font-size:var(--ui-font-meta);font-weight:var(--ui-font-weight-medium);}
.landing-topbar-title svg{width:var(--ui-space-lg);height:var(--ui-space-lg);color:var(--ui-accent);}
.landing-topbar .app-live-status{margin-left:auto;}
.landing-intro{position:relative;min-height:var(--landing-art-height);padding:var(--ui-space-2xl);overflow:hidden;background:var(--ui-surface-strong-float);}
.landing-intro:before{position:absolute;right:0;bottom:0;left:0;height:var(--ui-border-accent);background:var(--ui-accent);content:"";opacity:.8;}
.landing-intro:after{position:absolute;right:calc(var(--ui-space-page) * -1);bottom:calc(var(--ui-space-page) * -1);width:calc(var(--ui-space-page) * 5);height:calc(var(--ui-space-page) * 5);border-radius:50%;background:radial-gradient(circle,var(--ui-accent-glow),transparent 68%);content:"";filter:blur(var(--ui-space-lg));opacity:.42;pointer-events:none;}
.landing-intro-copy{position:relative;z-index:2;width:var(--landing-copy-width);}
.landing-eyebrow{margin-bottom:var(--ui-space-sm);color:var(--ui-accent);font-size:var(--ui-font-meta);font-weight:var(--ui-font-weight-semibold);letter-spacing:var(--ui-letter-wide);text-transform:uppercase;}
.landing-title{max-width:calc(var(--ui-space-page) * 9);margin:0;color:var(--ui-text);font-family:var(--ui-heading);font-size:var(--ui-font-display);font-weight:var(--ui-font-weight-medium);letter-spacing:var(--ui-heading-tracking-tight);line-height:var(--ui-line-heading);}
.landing-intro-copy>p{max-width:calc(var(--ui-space-page) * 9);margin:var(--ui-space-md) 0 0;color:var(--ui-body);font-size:var(--ui-font-lead);line-height:1.6;}
.landing-actions{display:flex;align-items:center;flex-wrap:wrap;margin-top:var(--ui-space-xl);gap:var(--ui-space-sm);}
.landing-actions .button,.landing-note .button{display:inline-flex;align-items:center;justify-content:center;}
.landing-actions .button svg,.landing-note .button svg{width:var(--ui-icon-md);height:var(--ui-icon-md);margin-right:var(--ui-space-sm);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:var(--ui-border-strong);}
.landing-intro-art{position:absolute;z-index:1;right:var(--ui-space-xl);bottom:var(--ui-space-xl);width:var(--landing-art-width);height:calc(100% - var(--ui-space-xl) * 2);color:var(--ui-accent);filter:drop-shadow(0 0 var(--ui-space-md) var(--ui-accent-glow));opacity:.8;pointer-events:none;}
.landing-intro-art path,.landing-intro-art line,.landing-intro-art circle,.landing-intro-art rect{vector-effect:non-scaling-stroke;}
.landing-intro-art .landing-art-muted{color:var(--ui-line-hover);opacity:.65;}
.landing-intro-art .landing-art-accent{color:var(--ui-accent);}
.landing-intro-art .landing-art-danger{color:var(--ui-accent);}
.landing-intro-art .landing-art-dash{stroke-dasharray:var(--ui-space-sm) var(--ui-space-sm);animation:landing-art-flow calc(var(--ui-space-page) * 2) linear infinite;}
.landing-signals-art .signals-art-grid{color:var(--ui-line);opacity:.56;}
.landing-signals-art .signals-art-zone--target{fill:var(--ui-info);opacity:.11;}
.landing-signals-art .signals-art-zone--risk{fill:var(--ui-danger);opacity:.11;}
.landing-signals-art .signals-art-level{stroke-dasharray:var(--ui-space-sm) var(--ui-space-sm);stroke-dashoffset:calc(var(--ui-space-page) * 4);animation:landing-signals-art-dash .7s ease-out forwards;}
.landing-signals-art .signals-art-level--target{color:var(--ui-positive);animation-delay:.74s;}
.landing-signals-art .signals-art-level--entry{color:var(--ui-info);animation-delay:.58s;}
.landing-signals-art .signals-art-level--stop{color:var(--ui-danger);animation-delay:.82s;}
.landing-signals-art .signals-art-candles{opacity:0;transform:translateY(var(--ui-space-md));animation:landing-signals-art-rise .45s .08s ease-out forwards;}
.landing-signals-art .signals-art-candles .is-up{color:var(--ui-positive);}
.landing-signals-art .signals-art-candles .is-down{color:var(--ui-danger);}
.landing-signals-art .signals-art-history{color:var(--ui-info);opacity:.72;stroke-dasharray:600;stroke-dashoffset:600;animation:landing-signals-art-draw .72s .2s ease-out forwards;}
.landing-signals-art .signals-art-projection{color:var(--ui-positive);stroke-dasharray:600;stroke-dashoffset:600;animation:landing-signals-art-draw .82s .66s ease-out forwards;}
.landing-signals-art .signals-art-signal-dot{color:var(--ui-info);opacity:0;transform-box:fill-box;transform-origin:center;animation:landing-signals-art-pulse .54s .7s ease-out forwards;}
.landing-signals-art .signals-art-card{opacity:0;transform-box:fill-box;transform-origin:center;animation:landing-signals-art-pop .38s ease-out forwards;}
.landing-signals-art .signals-art-card text{font-family:var(--ui-font);font-size:var(--ui-font-caption);font-weight:var(--ui-font-weight-semibold);letter-spacing:var(--ui-letter-wide);}
.landing-signals-art .signals-art-entry{animation-delay:.64s;}
.landing-signals-art .signals-art-entry rect{fill:var(--ui-info);}.landing-signals-art .signals-art-entry text{fill:var(--ui-bg);}
.landing-signals-art .signals-art-target{animation-delay:1.02s;}.landing-signals-art .signals-art-target rect{fill:var(--ui-positive);}.landing-signals-art .signals-art-target text{fill:var(--ui-accent-ink);}
.landing-signals-art .signals-art-stop{animation-delay:1.1s;}.landing-signals-art .signals-art-stop rect{fill:var(--ui-danger);}.landing-signals-art .signals-art-stop text{fill:var(--ui-text);}
.landing-pane{position:relative;}.landing-note-pane{padding:0;background:var(--ui-bg-float);}.landing-note-pane>.app-pane-head{padding:var(--ui-space-xl);}
.landing-pane:last-child{border-bottom:0;border-radius:0 0 var(--ui-radius) var(--ui-radius);}
.landing-page .app-pane-head{--app-pane-head-control-width:calc(var(--ui-space-page) * 4);}
.landing-page .app-pane-head p{max-width:calc(var(--ui-space-page) * 6);}
.landing-page .app-pane-head-control .select2-container{width:100%!important;}
.landing-metrics{display:flex;flex-wrap:wrap;width:calc(100% + var(--ui-space-sm));margin:var(--ui-space-xl) calc(var(--ui-space-xs) * -1) 0;}
.landing-metric{width:25%;padding:0 var(--ui-space-xs);}
.landing-metric>.inner{min-height:calc(var(--ui-space-page) + var(--ui-space-xl));padding:var(--ui-space-lg);border-radius:var(--ui-radius);background:var(--ui-bg-float);box-shadow:inset 0 var(--ui-border) 0 var(--ui-surface-hover),inset 0 calc(var(--ui-border) * -1) 0 var(--ui-bg);}
.landing-metric span{display:block;color:var(--ui-muted);font-size:var(--ui-font-meta);}
.landing-metric b{display:block;margin-top:var(--ui-space-sm);color:var(--ui-text);font-size:var(--ui-font-heading);font-weight:var(--ui-font-weight-semibold);letter-spacing:var(--ui-letter-tight);}
.landing-metric--positive b{color:var(--ui-positive);}
.landing-chart{height:var(--landing-chart-height);margin-top:var(--ui-space-xl);padding-top:var(--ui-space-lg);border-top:var(--ui-border) solid var(--ui-line);}
.landing-chart canvas{width:100%!important;height:100%!important;}
.landing-chart-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--ui-muted);font-size:var(--ui-font-body);text-align:center;}
.landing-pricing{padding-bottom:var(--ui-space-xl);}
.landing-note{display:flex;align-items:flex-start;width:100%;padding:var(--ui-space-xl);border-radius:0;background:transparent;box-shadow:none;}
.landing-note-mark{display:flex;align-items:center;justify-content:center;width:var(--landing-icon-size);height:var(--landing-icon-size);margin-right:var(--ui-space-lg);border-radius:50%;background:var(--ui-surface-strong-float);color:var(--ui-accent);}
.landing-note-mark svg{width:var(--ui-space-xl);height:var(--ui-space-xl);}
.landing-note-copy{width:calc(100% - var(--landing-icon-size) - var(--ui-space-lg));}
.landing-note-copy h2{margin:0;color:var(--ui-text);font-family:var(--ui-heading);font-size:var(--ui-font-heading);font-weight:var(--ui-font-weight-medium);letter-spacing:var(--ui-heading-tracking);line-height:var(--ui-line-heading);}
.landing-note-copy .only-text{max-width:calc(var(--ui-space-page) * 14);margin-top:var(--ui-space-sm);color:var(--ui-body);}
.landing-note-copy ol{margin:0;padding-left:var(--ui-space-lg);}
.landing-note-copy li+li{margin-top:var(--ui-space-xs);}
.landing-page .faq-wrap{margin-top:var(--ui-space-xl);}
.landing-page .faq-wrap .item:last-child{border-bottom:0;}
@keyframes landing-art-flow{to{stroke-dashoffset:calc(var(--ui-space-xl) * -2);}}
@keyframes landing-signals-art-dash{to{stroke-dashoffset:0;}}
@keyframes landing-signals-art-draw{to{stroke-dashoffset:0;}}
@keyframes landing-signals-art-rise{to{opacity:1;transform:translateY(0);}}
@keyframes landing-signals-art-pop{0%{opacity:0;transform:scale(.72);}75%{opacity:1;transform:scale(1.06);}100%{opacity:1;transform:scale(1);}}
@keyframes landing-signals-art-pulse{0%{opacity:0;transform:scale(.4);}65%{opacity:1;transform:scale(1.4);}100%{opacity:1;transform:scale(1);}}
@media (prefers-reduced-motion:reduce){.landing-signals-art *{animation:none!important;}.landing-signals-art .signals-art-candles,.landing-signals-art .signals-art-signal-dot,.landing-signals-art .signals-art-card{opacity:1;transform:none;}.landing-signals-art .signals-art-level,.landing-signals-art .signals-art-history,.landing-signals-art .signals-art-projection{stroke-dashoffset:0;}}
@media screen and (max-width:820px){.landing-page{--landing-copy-width:66%;--landing-art-width:42%;}.landing-rail-nav{flex-direction:row;}.landing-rail-nav a{width:33.333%;padding:0 var(--ui-space-sm);border-bottom:0;border-left:var(--ui-border) solid var(--ui-line);}.landing-rail-nav a:first-child{border-left:0;}.landing-metric{width:50%;margin-top:var(--ui-space-sm);}.landing-metric:nth-child(-n+2){margin-top:0;}}
@media screen and (max-width:520px){
.landing-page{--landing-copy-width:100%;--landing-art-width:76%;--landing-art-height:calc(var(--ui-space-page) * 7);--landing-chart-height:calc(var(--ui-space-page) * 4);}
.landing-page .dashboard-wrap{padding-top:var(--ui-space-md);padding-bottom:var(--ui-space-xl);}
.landing-rail{display:none;}
.landing-topbar{gap:0;}
.landing-topbar-title,.landing-topbar .app-live-status{display:none;}
.landing-intro{min-height:var(--landing-art-height);padding:var(--ui-space-lg);}
.landing-intro-copy{width:100%;}
.landing-intro-copy>p{font-size:var(--ui-font-body);}
.landing-title{font-size:var(--ui-font-subtitle);}
.landing-actions{display:block;margin-top:var(--ui-space-lg);}
.landing-actions .button,.landing-actions .button+.button{width:100%;margin:var(--ui-space-sm) 0 0;}
.landing-actions .button:first-child{margin-top:0;}
.landing-intro-art{right:calc(var(--ui-space-lg) * -1);bottom:var(--ui-space-sm);width:var(--landing-art-width);height:calc(var(--ui-space-page) * 3);opacity:.42;}
.landing-page .app-pane-head--with-control{flex-wrap:wrap;}
.landing-page .app-pane-head--with-control>span+div{width:calc(100% - var(--app-pane-index-width,var(--ui-control-height)));padding-right:0;}
.landing-page .app-pane-head-control{width:100%;margin:var(--ui-space-md) 0 0 var(--app-pane-index-width,var(--ui-control-height));}
.landing-page .app-pane.landing-pane:not(.landing-note-pane)>*{padding-right:var(--ui-space-lg);padding-left:var(--ui-space-lg);}
.landing-page .app-pane.landing-pane:not(.landing-note-pane)>:first-child{padding-top:var(--ui-space-lg);}
.landing-page .app-pane.landing-pane:not(.landing-note-pane)>:last-child{padding-bottom:var(--ui-space-lg);}
.landing-page.landing-page--widget .app-pane.landing-pane>.faq-wrap.plus{width:calc(100% - var(--ui-space-lg) - var(--ui-space-lg));margin:var(--ui-space-lg);padding:0;}
.landing-page .landing-metrics{width:100%;margin-right:0;margin-left:0;}
.landing-metrics{margin-top:var(--ui-space-lg);}
.landing-metric{width:50%;margin-top:var(--ui-space-sm);}
.landing-metric>.inner{min-height:calc(var(--ui-space-page) + var(--ui-space-sm));padding:var(--ui-space-md);}
.landing-metric b{font-size:var(--ui-font-subtitle);}
.landing-chart{margin-top:var(--ui-space-lg);}
.landing-note-pane>.app-pane-head{padding:var(--ui-space-lg);}
.landing-note{padding:var(--ui-space-lg);}
.landing-note-mark{width:var(--ui-space-xl);height:var(--ui-space-xl);margin-right:var(--ui-space-md);}
.landing-note-mark svg{width:var(--ui-space-lg);height:var(--ui-space-lg);}
.landing-note-copy{width:calc(100% - var(--ui-space-xl) - var(--ui-space-md));}
.landing-note-copy .only-text{font-size:var(--ui-font-meta);}
}
@media screen and (max-width:520px){.landing-page .dashboard-wrap{padding-top:var(--ui-space-lg);}.landing-intro{display:flex;flex-direction:column;min-height:0;}.landing-intro-art{position:relative;right:auto;bottom:auto;display:block;order:-1;flex-shrink:0;width:100%;height:calc(var(--ui-space-page) * 3);margin:0 0 var(--ui-space-lg);opacity:1;}.landing-intro-art .landing-art-muted{opacity:1;}}
@media screen and (max-width:520px){.landing-intro{padding-right:var(--ui-mobile-panel-padding);padding-left:var(--ui-mobile-panel-padding);}.landing-intro,.landing-page .app-pane.landing-pane:not(.landing-note-pane)>:first-child,.landing-page .app-pane.landing-pane:not(.landing-note-pane)>:last-child{padding-top:var(--ui-mobile-panel-padding);padding-bottom:var(--ui-mobile-panel-padding);}.landing-page .app-pane.landing-pane:not(.landing-note-pane)>*{padding-right:var(--ui-mobile-panel-padding);padding-left:var(--ui-mobile-panel-padding);}.landing-note-pane>.app-pane-head,.landing-note{padding:var(--ui-mobile-panel-padding);}.landing-page.landing-page--widget .app-pane.landing-pane>.faq-wrap.plus{width:calc(100% - var(--ui-mobile-panel-padding) - var(--ui-mobile-panel-padding));margin:var(--ui-mobile-panel-padding);padding:0;}}
