.tracki-demo-stage{background:linear-gradient(#eef2f7 0%,#e4e9f0 100%);border-radius:24px;justify-content:center;align-items:center;width:100%;padding:clamp(1.5rem,4vw,3.5rem) clamp(.75rem,3vw,2rem);display:flex;overflow:hidden}.tracki-demo-stage--dark{background:radial-gradient(80% 60% at 50% 40%,#2828308c 0%,#0000 70%),linear-gradient(#0c0c0e 0%,#050506 100%)}.tracki-demo-focus{opacity:0;border-radius:28px;width:100%;max-width:560px;margin:0 auto;transition:opacity .85s cubic-bezier(.22,1,.36,1),transform .95s cubic-bezier(.22,1,.36,1),box-shadow 1s;overflow:hidden;transform:scale(.92)}.tracki-demo-focus--wide{max-width:720px}.tracki-demo-focus--analytics{border-radius:32px;width:min(100%,860px);max-width:860px;overflow:visible}.tracki-demo-stage--analytics{box-sizing:border-box;align-items:stretch;height:auto;min-height:0;padding:clamp(1.5rem,3.5vw,2.75rem) clamp(1rem,2.5vw,1.75rem);overflow:visible}.tracki-analytics-panel{box-sizing:border-box;width:100%;min-width:0;padding:clamp(.75rem,2vw,1.25rem);overflow:visible}.tracki-demo-focus.tracki-demo-focus--chat{width:100%;max-width:36rem;overflow:visible}.tracki-demo-stage.tracki-demo-stage--chat{box-sizing:border-box;width:100%;max-width:38.5rem;min-height:0;margin-inline:auto;padding:clamp(1rem,2.5vw,1.5rem);overflow:visible}.tracki-demo-stage.tracki-demo-stage--chat-studio{width:100%;max-width:100%;margin-inline:0;padding:clamp(1.25rem,3vw,2rem) clamp(1rem,2.5vw,1.5rem);overflow:visible}.tracki-demo-focus.tracki-demo-focus--chat-studio{border-radius:28px;width:100%;max-width:100%;overflow:visible}.tracki-demo-focus--wizard{width:min(100%,36rem);max-width:36rem;overflow:visible}.tracki-demo-stage--wizard{box-sizing:border-box;min-height:0;padding:clamp(1.5rem,3.5vw,2.5rem) clamp(.875rem,2.5vw,1.75rem);overflow:visible}.tracki-wizard-panel{box-sizing:border-box;width:100%;min-height:0;padding:clamp(1.5rem,3.5vw,2.25rem) clamp(1.125rem,3vw,1.75rem) clamp(1.75rem,4vw,2.5rem);overflow:hidden}.tracki-wizard-frame-wrap{justify-content:center;align-items:stretch;width:100%;height:100%;min-height:0;max-height:100%;display:flex;overflow:hidden}.tracki-wizard-frame{width:100%;max-width:100%;height:100%;min-height:0;max-height:100%}.tracki-wizard-option-list{flex:1;min-height:0;overflow:hidden}.tracki-wizard-step-header{margin-bottom:1.25rem}@media (min-width:640px){.tracki-wizard-step-header{margin-bottom:1.5rem}}@keyframes tracki-ai-card-pulse{0%,to{box-shadow:inset 0 0 0 1px #ffffff1f,0 20px 40px -12px #0009}50%{box-shadow:inset 0 0 0 1px #8b5cf659,0 0 32px -4px #8b5cf640,0 24px 48px -12px #000000a6}}.tracki-wizard-embed .tracki-wizard-ai-card{animation:1.8s ease-in-out infinite tracki-ai-card-pulse}@media (max-width:640px){.tracki-demo-stage--chat{border-radius:20px;width:100%;min-height:0;padding:.875rem .75rem;overflow:visible}.tracki-demo-stage--chat-studio{padding:.75rem .625rem}.tracki-demo-focus--chat-studio{border-radius:22px}.tracki-demo-stage--analytics{border-radius:20px;min-height:0;padding:1rem .75rem}.tracki-analytics-panel{padding:.625rem .5rem}.tracki-demo-focus--analytics{border-radius:24px;overflow:visible}.tracki-demo-focus--chat{border-radius:22px;overflow:visible}.tracki-demo-stage--wizard{border-radius:20px;min-height:0;padding:1rem .75rem}.tracki-demo-focus--wizard{border-radius:22px}.tracki-wizard-panel{min-height:0;padding:1rem .875rem}.tracki-wizard-step-header{margin-bottom:1rem}.tracki-wizard-frame-wrap{min-height:0}.tracki-demo-stage--theme{padding:12px}.tracki-theme-hit{width:3.4%;height:5.5%;right:11.5%}}@media (max-width:380px){.tracki-demo-stage--chat{width:100%;min-height:0;padding:.75rem .625rem}.tracki-demo-stage--analytics{min-height:0;padding:1rem .5rem}.tracki-demo-focus--analytics{border-radius:22px}.tracki-demo-stage--wizard{min-height:0;padding:1rem .625rem}.tracki-wizard-panel{min-height:0;padding:1rem .75rem}.tracki-wizard-frame-wrap{min-height:0}}.tracki-demo-focus--dark{background:#080808;border:1px solid #ffffff1a;box-shadow:0 40px 80px -28px #000000a6}.tracki-demo-focus--glass{-webkit-backdrop-filter:blur(24px)saturate(1.2);background:#080808e0;border:1px solid #ffffff1a;box-shadow:inset 0 0 0 1px #ffffff0a,0 40px 80px -28px #000000b3}.tracki-demo-focus--light{background:#f8fafc;border:1px solid #0f172a14;box-shadow:0 32px 64px -24px #0f172a47}.tracki-demo-stage--theme{padding:clamp(.875rem,2.2vw,1.5rem);transition:background .5s;overflow:visible}.tracki-demo-focus--theme{border-radius:24px;width:100%;max-width:100%;overflow:visible}.tracki-theme-screen{aspect-ratio:1440/900;width:100%;position:relative;overflow:hidden}.tracki-theme-hit{z-index:2;background:0 0;border:0;width:3%;height:5.2%;padding:0;position:absolute;top:2.9%;right:11.2%}@media (prefers-reduced-motion:reduce){.tracki-theme-embed *{animation:none!important}}.tracki-embed-root.is-visible .tracki-demo-focus{opacity:1;transform:scale(1)}@media (prefers-reduced-motion:reduce){.tracki-demo-focus{opacity:1;transition:none;transform:none}.tracki-wizard-embed *,.tracki-chat-embed *,.tracki-analytics-embed *{animation:none!important}}.tracki-chat-bubble{opacity:0;transition:opacity .3s ease-in-out,transform .3s ease-in-out;transform:translateY(10px)scale(.97)}.tracki-chat-bubble.is-in{opacity:1;transform:translateY(0)scale(1)}.tracki-chat-card{opacity:0;transition:opacity .3s ease-in-out,transform .3s ease-in-out;transform:translateY(12px)scale(.97)}.tracki-chat-card.is-in{opacity:1;transform:translateY(0)scale(1)}.tracki-wizard-embed .tracki-demo-focus,.tracki-chat-embed .tracki-demo-focus,.tracki-analytics-embed .tracki-demo-focus,.tracki-theme-embed .tracki-demo-focus{opacity:1;filter:none;transition:none;transform:none}.tracki-embed-root.is-visible .tracki-wizard-embed .tracki-demo-focus,.tracki-embed-root.is-visible .tracki-chat-embed .tracki-demo-focus,.tracki-embed-root.is-visible .tracki-analytics-embed .tracki-demo-focus,.tracki-embed-root.is-visible .tracki-theme-embed .tracki-demo-focus{opacity:1;transform:none}
.tracki-embed-root:not(.is-visible) .tracki-charts-embed,.tracki-embed-root:not(.is-visible) .tracki-charts-embed *,.tracki-embed-root:not(.is-visible) .tracki-charts-embed :before,.tracki-embed-root:not(.is-visible) .tracki-charts-embed :after{animation-play-state:paused!important}.tracki-charts-embed,.tracki-charts-embed *{box-sizing:border-box;margin:0;padding:0;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tracki-charts-embed{width:100%;overflow:hidden;background:0 0!important}.framer-charts-grid{background:0 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;width:100%;display:grid}@media (max-width:720px){.framer-charts-grid{grid-template-columns:1fr;gap:48px}}.chart-card{box-shadow:none;background:0 0;border-radius:0;flex-direction:column;height:380px;padding:24px 0;display:flex}.chart-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.chart-title{color:#0f172a;letter-spacing:-.3px;font-size:18px;font-weight:800}.chart-legend{color:#64748b;align-items:center;gap:12px;font-size:12px;font-weight:700;display:flex}.legend-item{align-items:center;gap:6px;display:flex}.dot{border-radius:50%;width:8px;height:8px}.dot-protein{background:#7c3aed}.dot-carbs{background:#7c3aed73}.dot-fats{background:#7c3aed33}.chart-body{flex:1;width:100%;height:100%;position:relative}.svg-container{width:100%;height:100%;overflow:visible}.grid-line{stroke:#f1f5f9;stroke-dasharray:4 4;stroke-width:1.5px}.axis-text{fill:#94a3b8;font-size:11px;font-weight:600}.chart-path-line{fill:none;stroke:#7c3aed;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1200;stroke-dashoffset:1200px;animation:4.5s cubic-bezier(.25,1,.5,1) forwards tracki-chart-draw}.chart-area-fill{fill:url(#trackiAreaGradient);opacity:0;animation:1.5s 2.5s forwards tracki-chart-fade}.bars-container{border-bottom:1.5px solid #f1f5f9;justify-content:space-between;align-items:flex-end;height:220px;padding-top:10px;padding-bottom:20px;display:flex}.bar-group{border-radius:4px;flex-direction:column-reverse;justify-content:flex-start;gap:2px;width:12px;height:100%;display:flex;overflow:hidden}.bar-segment{transform-origin:bottom;border-radius:2px;width:100%;animation:2.2s cubic-bezier(.16,1,.3,1) forwards tracki-grow-bar;transform:scaleY(0)}.seg-protein{background:#7c3aed}.seg-carbs{background:#7c3aed73}.seg-fats{background:#7c3aed33}.x-axis-labels{color:#94a3b8;justify-content:space-between;padding-top:10px;font-size:11px;font-weight:600;display:flex}@keyframes tracki-chart-draw{to{stroke-dashoffset:0}}@keyframes tracki-chart-fade{to{opacity:1}}@keyframes tracki-grow-bar{to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.chart-path-line{stroke-dashoffset:0;animation:none}.chart-area-fill{opacity:1;animation:none}.bar-segment{animation:none;transform:scaleY(1)}}
.tracki-embed-root:not(.is-visible) .tracki-flow-embed,.tracki-embed-root:not(.is-visible) .tracki-flow-embed *,.tracki-embed-root:not(.is-visible) .tracki-flow-embed :before,.tracki-embed-root:not(.is-visible) .tracki-flow-embed :after{animation-play-state:paused!important}.tracki-flow-embed,.tracki-flow-embed *{box-sizing:border-box;margin:0;padding:0;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif}.tracki-flow-embed{justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden;background:0 0!important}.flow-wrapper{flex-direction:column;align-items:center;width:100%;max-width:880px;padding:20px 10px;display:flex}.flow-container{justify-content:space-between;align-items:center;width:100%;padding:10px 0;display:flex;position:relative}.line-svg-layer{z-index:1;width:100%;height:4px;position:absolute;top:30px;left:0;overflow:visible}.flow-line-bg{stroke:#e2e8f0;stroke-width:2.5px;stroke-linecap:round}.flow-connecting-line{stroke:#0f172a;stroke-width:2.5px;stroke-dasharray:1000;stroke-dashoffset:1000px;stroke-linecap:round;animation:4s linear forwards tracki-draw-line}.node-item{z-index:2;opacity:0;flex-direction:column;flex:1;align-items:center;gap:12px;animation:.4s cubic-bezier(.34,1.56,.64,1) forwards tracki-pop-node;display:flex;position:relative;transform:scale(.5)}.node-step-1{animation-delay:.1s}.node-step-2{animation-delay:1.3s}.node-step-3{animation-delay:2.5s}.node-step-4{animation-delay:3.7s}.icon-box{color:#fff;background:#0f172a;border:2px solid #0f172a;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;box-shadow:0 4px 14px #0f172a26}.icon-box svg{stroke:#fff;width:24px;height:24px}.icon-box.icon-warn{background:#ef4444;border-color:#ef4444;box-shadow:0 4px 14px #ef444440}.node-label-group{text-align:center;max-width:150px}.node-step-num{letter-spacing:1.5px;color:#64748b;text-transform:uppercase;margin-bottom:3px;font-size:9px;font-weight:700}.node-title{color:#0f172a;letter-spacing:-.2px;margin-bottom:2px;font-size:14px;font-weight:800}.node-desc{color:#475569;font-size:11px;font-weight:500;line-height:1.25}.text-warn{font-weight:700;color:#dc2626!important}@keyframes tracki-draw-line{to{stroke-dashoffset:0}}@keyframes tracki-pop-node{to{opacity:1;transform:scale(1)}}@media (max-width:640px){.flow-container{flex-direction:column;gap:24px;padding:0}.line-svg-layer{display:none}.node-item{flex:none;width:100%}}@media (prefers-reduced-motion:reduce){.flow-connecting-line{stroke-dashoffset:0;animation:none}.node-item{opacity:1;animation:none;transform:scale(1)}}
