:root{--dott-blue:#5b5fff;--dott-fuchsia:#d946ef;--dott-orange:#f97316;--dott-yellow:#facc15;--dott-bg:var(--paper);--dott-surface:var(--line-soft);--dott-surface-hover:var(--line-soft);--dott-surface-active:var(--line);--dott-border:var(--line-soft);--dott-border-subtle:var(--line-soft);--dott-border-default:var(--line);--dott-text:var(--ink);--dott-text-muted:var(--muted);--dott-text-dim:var(--muted);--dott-text-faint:var(--faint);--dott-text-ghost:var(--faint);--dott-card-bg:var(--panel);--dott-card-border:var(--line);--dott-glass-bg:var(--panel);--dott-glass-border:var(--line);--blue:#5b5fff;--fuchsia:#d946ef;--orange:#f97316;--yellow:#facc15;--pink:#f0689d;--charcoal:#1f1f1f;--paper:#fffaf2;--panel:#fff;--ink:#1f1f1f;--muted:#6a665f;--faint:#a8a29e;--line:#1f1f1f24;--line-soft:#1f1f1f14;--grid:#e6dfd0;--shadow:0 1px 3px #1f1f1f12;--keyline:#1f1f1f}body.focus{--paper:#14110d;--panel:#1a1814;--ink:#f5f0e8;--muted:#8a857c;--faint:#5a554e;--line:#f5f0e81f;--line-soft:#f5f0e80f;--grid:#221d17;--shadow:none;--keyline:#f5f0e8}.dott-surface-field{background-color:var(--paper);color:var(--ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Crect x='9.4' y='9.4' width='3' height='3' rx='0.8' transform='rotate(45 10.9 10.9)' fill='%23e6dfd0'/%3E%3C/svg%3E");background-size:22px 22px}body.focus .dott-surface-field{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Crect x='9.4' y='9.4' width='3' height='3' rx='0.8' transform='rotate(45 10.9 10.9)' fill='%23221d17'/%3E%3C/svg%3E")}body.focus .dott-surface-field.field-surface{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Crect x='9.4' y='9.4' width='3' height='3' rx='0.8' transform='rotate(45 10.9 10.9)' fill='%23e6dfd0'/%3E%3C/svg%3E")}.dott-card-ff{background:var(--panel);border:1.5px solid var(--line);box-shadow:var(--shadow);border-radius:14px}.dott-signal{border:1.5px solid var(--keyline)}@keyframes colorCycle{0%,to{color:#5b5fff}25%{color:#d946ef}50%{color:#f97316}75%{color:#facc15}}.dott-dot{-webkit-text-stroke:1px var(--ink);text-stroke:1px var(--ink);font-style:normal;animation:6s ease-in-out infinite colorCycle}.dott-title-dot{background:var(--yellow);border:.03em solid var(--ink);vertical-align:baseline;box-sizing:border-box;border-radius:.05em;width:.18em;height:.18em;margin-left:.06em;display:inline-block}.dott-title-dot-muted{background:var(--muted)}@keyframes bgCycle{0%,to{background:#5b5fff}25%{background:#d946ef}50%{background:#f97316}75%{background:#facc15}}.dott-dot-bg{animation:6s ease-in-out infinite bgCycle}.cycling-border{background:linear-gradient(135deg,#5b5fff,#d946ef,#f97316,#facc15,#5b5fff,#d946ef,#f97316,#facc15) 0 0/200% 200%;border:none;padding:2px;animation:8s ease-in-out infinite gradientShift;position:relative}.cycling-border>*{position:relative}.cycling-border-inline{background-image:linear-gradient(var(--paper), var(--paper)), linear-gradient(135deg, #5b5fff, #d946ef, #f97316, #facc15);background-origin:border-box;background-clip:padding-box,border-box;border:1.5px solid #0000;animation:8s ease-in-out infinite gradientShift}.cycling-border-hover{border:1.5px solid var(--line-soft);transition:border-color .2s}.cycling-border-hover:hover{background-image:linear-gradient(var(--paper), var(--paper)), linear-gradient(135deg, #5b5fff, #d946ef, #f97316, #facc15);background-origin:border-box;background-clip:padding-box,border-box;border:1.5px solid #0000;animation:8s ease-in-out infinite gradientShift}.cycling-border-hover-tinted{border:1.5px solid var(--cb-rest-border,var(--line-soft));transition:border-color .2s;position:relative}.cycling-border-hover-tinted:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:0;pointer-events:none;background:linear-gradient(135deg,#5b5fff,#d946ef,#f97316,#facc15) 0 0/200% 200%;padding:1.5px;transition:opacity .2s;position:absolute;inset:-1.5px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.cycling-border-hover-tinted:hover{border-color:#0000}.cycling-border-hover-tinted:hover:after{opacity:1;animation:8s ease-in-out infinite gradientShift}@keyframes gradientSlide{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.grad-bar{background:linear-gradient(90deg,#5b5fff,#d946ef,#f97316,#facc15,#5b5fff) 0 0/200% 100%;animation:4s ease-in-out infinite gradientSlide}.phase-bar{gap:6px;display:flex}.phase-bar>div{border-radius:2px;flex:1;height:3px}@keyframes phaseBarFlow{0%{background-position:0%}to{background-position:200%}}.phase-bar-animated{background:linear-gradient(90deg,#5b5fff,#d946ef,#f97316,#facc15,#5b5fff) 0 0/200% 100%;animation:4s linear infinite phaseBarFlow}.phase-bar-btn:hover{background:var(--line-soft)!important}.phase-bar-btn:hover .phase-bar-label{color:var(--phase-color)!important}.phase-bar-btn:hover .phase-bar-count{color:color-mix(in srgb, var(--phase-color) 70%, transparent)!important}.phase-bar-btn:hover .phase-bar-line{background:color-mix(in srgb, var(--phase-color) 60%, transparent)!important;height:3px!important}@keyframes spin{to{transform:rotate(360deg)}}.dott-spinner{border:2px solid #5b5fff;border-color:#5b5fff #d946ef #f97316 #facc15;border-radius:4px;width:20px;height:20px;animation:.8s linear infinite spin}.dott-spinner-sm{border:2px solid #5b5fff;border-color:#5b5fff #d946ef #f97316 #facc15;border-radius:3px;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}@keyframes popupBounce{0%{opacity:0;transform:translateY(8px)scale(.95)}60%{opacity:1;transform:translateY(-3px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ctaPulse{0%,to{box-shadow:0 0 #fff6}50%{box-shadow:0 0 0 12px #fff0}}@keyframes dotPulse{0%,to{opacity:.3}50%{opacity:1}}@keyframes dottShake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.dott-shake{animation:.4s dottShake}@media (prefers-reduced-motion:reduce){.dott-shake{animation:none}}@keyframes glowCycle{0%,to{box-shadow:0 0 16px #5b5fff59,0 0 4px #5b5fff26}25%{box-shadow:0 0 16px #d946ef59,0 0 4px #d946ef26}50%{box-shadow:0 0 16px #f9731659,0 0 4px #f9731626}75%{box-shadow:0 0 16px #facc1559,0 0 4px #facc1526}}@keyframes cursorColorCycle{0%,to{background:#5b5fff}25%{background:#d946ef}50%{background:#f97316}75%{background:#facc15}}@keyframes pulseYellow{0%,to{box-shadow:0 0 #facc154d}50%{box-shadow:0 0 0 4px #facc1500}}.page-fade-in{animation:.3s cubic-bezier(.4,0,.2,1) both fadeIn}.hero-fade{animation:.6s cubic-bezier(.16,1,.3,1) .1s both fadeInUp}.cards-fade{animation:.6s cubic-bezier(.16,1,.3,1) .25s both fadeInUp}.section-fade{animation:.6s cubic-bezier(.16,1,.3,1) .35s both fadeInUp}.section-fade-2{animation:.6s cubic-bezier(.16,1,.3,1) .45s both fadeInUp}.section-fade-3{animation:.6s cubic-bezier(.16,1,.3,1) .55s both fadeInUp}.popup-card{animation:.5s cubic-bezier(.16,1,.3,1) both popupBounce}.modal-backdrop{animation:.3s ease-out both modalFadeIn}.modal-content{animation:.4s cubic-bezier(.16,1,.3,1) .1s both modalSlideUp}.cta-glow{animation:2s ease-in-out infinite ctaPulse}.glow-cycle{animation:6s ease-in-out infinite glowCycle}.pulse-yellow{animation:2s ease-in-out infinite pulseYellow}.dot-pulse-1{animation:1.4s ease-in-out infinite dotPulse}.dot-pulse-2{animation:1.4s ease-in-out .2s infinite dotPulse}.dot-pulse-3{animation:1.4s ease-in-out .4s infinite dotPulse}.dott-cursor{pointer-events:none;z-index:9999;mix-blend-mode:normal;opacity:0;border-radius:1px;width:10px;height:10px;transition:opacity .15s,width .15s,height .15s;animation:3s ease-in-out infinite cursorColorCycle;position:fixed;transform:translate(-50%,-50%)}.dott-cursor.visible{opacity:1}.dott-cursor.hovering{opacity:.6;border-radius:2px;width:16px;height:16px}body.dott-cursor-mounted .has-dott-cursor,body.dott-cursor-mounted .has-dott-cursor *,body.dott-cursor-mounted .has-dott-cursor a,body.dott-cursor-mounted .has-dott-cursor button{cursor:none!important}.dott-nav{border-bottom:1px solid var(--dott-border);justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:16px 24px;display:flex}@media (min-width:640px){.dott-nav{padding:16px 40px}}.dott-nav-item{color:var(--dott-text-faint);background:0 0;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.dott-nav-item:hover{color:var(--dott-text-muted);background:var(--dott-surface-hover)}.dott-nav-item.active{color:var(--ink);background:var(--dott-surface-active)}:root{--ctl-h-md:44px;--ctl-h-sm:36px;--ctl-h-xs:28px;--ctl-r-md:12px;--ctl-r-sm:10px;--ctl-r-xs:8px;--ctl-px-md:24px;--ctl-px-sm:16px;--ctl-px-xs:12px;--control-h:var(--ctl-h-md);--control-r:var(--ctl-r-md);--control-px:var(--ctl-px-md)}.control-sm{--control-h:var(--ctl-h-sm);--control-r:var(--ctl-r-sm);--control-px:var(--ctl-px-sm)}.control-xs{--control-h:var(--ctl-h-xs);--control-r:var(--ctl-r-xs);--control-px:var(--ctl-px-xs)}.btn-dott.control-sm,.btn-dott-outline.control-sm,.dott-input.control-sm,.dott-select.control-sm,.dott-input-textarea.control-sm,.control-row.is-sm .btn-dott,.control-row.is-sm .btn-dott-outline,.control-row.is-sm .dott-input,.control-row.is-sm .dott-select{font-size:13px}.btn-dott.control-xs,.btn-dott-outline.control-xs,.dott-input.control-xs,.dott-select.control-xs,.dott-input-textarea.control-xs,.control-row.is-xs .btn-dott,.control-row.is-xs .btn-dott-outline,.control-row.is-xs .dott-input,.control-row.is-xs .dott-select{font-size:12px}.control-row{align-items:center;gap:8px;display:flex}.control-row.is-sm{--control-h:var(--ctl-h-sm);--control-r:var(--ctl-r-sm);--control-px:var(--ctl-px-sm)}.control-row.is-xs{--control-h:var(--ctl-h-xs);--control-r:var(--ctl-r-xs);--control-px:var(--ctl-px-xs)}.btn-dott{background-color:var(--ink);color:var(--paper);border-radius:var(--control-r);height:var(--control-h);padding:0 var(--control-px);border:none;justify-content:center;align-items:center;gap:9px;font-size:14px;font-weight:600;transition:all .25s;display:inline-flex}.btn-dott:after{content:"";background:var(--yellow);border:1.5px solid var(--paper);box-sizing:border-box;border-radius:2px;flex-shrink:0;width:9px;height:9px;position:relative;top:1px}.btn-dott:hover{box-shadow:0 0 20px #facc1573,0 0 40px #facc1526}.btn-dott:active{transform:scale(.98);box-shadow:0 0 12px #facc1599,0 0 24px #facc1533}.btn-dott:disabled{background-color:color-mix(in srgb, var(--ink) 14%, var(--panel));color:var(--muted);pointer-events:none;box-shadow:none}.btn-dott:disabled:after{background:var(--faint);border-color:#0000}.btn-dott-outline{color:var(--ink);border:1.5px solid var(--line);border-radius:var(--control-r);height:var(--control-h);padding:0 var(--control-px);background:0 0;justify-content:center;align-items:center;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-dott-outline:hover{background:var(--line-soft);border-color:var(--line)}.btn-dott-compact{height:var(--ctl-h-xs);color:var(--ink);border:1.5px solid var(--line);border-radius:var(--ctl-r-xs);padding:0 var(--ctl-px-xs);white-space:nowrap;background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.btn-dott-compact:hover{background:var(--line-soft);border-color:var(--line)}.btn-dott-ghost{color:var(--muted);height:var(--ctl-h-sm);border-radius:var(--ctl-r-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:0 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-dott-ghost:hover{color:var(--ink);background:var(--line-soft)}.dott-card{background:var(--panel);border:1.5px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:24px;transition:border-color .2s}.dott-card:hover{border-color:var(--line)}.dott-card-glass{background:var(--panel);border:1.5px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:24px}.dott-card-phase{border-top:4px solid var(--phase,var(--yellow));position:relative}.dott-card-header{border-bottom:1.5px solid var(--line-soft);align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;display:flex}.card-dot{border:1px solid var(--ink);box-sizing:border-box;border-radius:2px;flex-shrink:0;width:8px;height:8px}.card-label{letter-spacing:.02em;text-transform:uppercase;color:var(--dott-text-faint);font-size:12px;font-weight:600}select.dott-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a857c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m19.5 8.25-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;background-size:12px 12px;padding-right:36px}.dott-input{width:100%;height:var(--control-h);border-radius:var(--control-r);background:var(--panel);border:1px solid var(--dott-border-default);color:var(--ink);box-shadow:var(--shadow);outline:none;padding:0 12px;font-size:14px;transition:border-color .15s}.dott-input::placeholder{color:var(--dott-text-faint)}.dott-input:focus{border-color:#5b5fff66}.dott-input.dott-input-destructive:focus{border-color:#ef444466}.dott-input:disabled{opacity:.5;cursor:not-allowed}body.focus .dott-input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.dott-input::-webkit-calendar-picker-indicator{opacity:.6;cursor:pointer}.dott-input::-webkit-calendar-picker-indicator:hover{opacity:1}.dott-input-on-panel{background:var(--paper);border-color:var(--line);border-radius:12px}.dott-input-lg{border-radius:var(--control-r)}.dott-input-textarea{width:100%;min-height:var(--control-h);border-radius:var(--control-r);background:var(--panel);border:1px solid var(--dott-border-default);color:var(--ink);resize:none;box-shadow:var(--shadow);outline:none;padding:10px 12px;font-size:14px;line-height:1.5;transition:border-color .15s}.dott-input-textarea::placeholder{color:var(--dott-text-faint)}.dott-input-textarea:focus{border-color:#5b5fff66}.dott-input-textarea:disabled{opacity:.5;cursor:not-allowed}.dott-select{height:var(--control-h);border-radius:var(--control-r);background:var(--dott-surface);border:1px solid var(--dott-border-default);color:var(--ink);outline:none;padding:0 12px;font-size:14px;transition:border-color .15s}.dott-select:focus{border-color:#5b5fff66}.dott-label{color:var(--dott-text-dim);margin-bottom:4px;font-size:12px;font-weight:500;display:block}.dott-label-upper{text-transform:uppercase;letter-spacing:.05em;color:var(--dott-text-dim);margin-bottom:4px;font-size:11px;font-weight:500;display:block}.dott-tab{height:var(--ctl-h-sm);border-radius:var(--ctl-r-sm);white-space:nowrap;color:var(--muted);cursor:pointer;background:0 0;border:none;outline:none;align-items:center;padding:0 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.dott-tab:hover,.dott-tab.active,.dott-tab[data-active=true]{color:var(--ink);background:var(--line-soft)}.dott-tab .tab-count{color:var(--muted);margin-left:6px;font-size:11px}.dott-th{text-transform:uppercase;letter-spacing:.05em;color:var(--dott-text-faint);text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;padding:12px 16px;font-size:11px;font-weight:600;transition:color .2s}.dott-th:hover{color:var(--dott-text-muted)}.dott-td{border-bottom:1px solid var(--dott-border-subtle);color:var(--dott-text);padding:16px;font-size:14px}.dott-tr{transition:background .15s}.dott-tr:hover{background:var(--dott-surface-hover)}.dott-badge{letter-spacing:.02em;border-radius:6px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.dott-badge-blue{color:#5b5fff;background:#5b5fff1a;border:1px solid #5b5fff33}.dott-badge-fuchsia{color:#d946ef;background:#d946ef1a;border:1px solid #d946ef33}.dott-badge-orange{color:#f97316;background:#f973161a;border:1px solid #f9731633}.dott-badge-yellow{color:#facc15;background:#facc151a;border:1px solid #facc1533}.dott-section-header{align-items:center;gap:10px;margin-bottom:20px;display:flex}.dott-section-dot{border:1px solid var(--ink);box-sizing:border-box;border-radius:2px;flex-shrink:0;width:8px;height:8px}.dott-section-title{letter-spacing:-.02em;color:var(--dott-text);font-size:18px;font-weight:600}.dott-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--dott-text-faint);font-size:11px;font-weight:600}.dott-page{background:var(--dott-bg);min-height:100vh;color:var(--dott-text);font-family:var(--font-plus-jakarta), "Plus Jakarta Sans", "Helvetica Neue", Helvetica, Arial, sans-serif}.dott-content{max-width:1200px;margin:0 auto;padding:32px 24px}@media (min-width:640px){.dott-content{padding:32px 40px}}.dott-content-wide{max-width:1400px;margin:0 auto;padding:32px 24px}@media (min-width:640px){.dott-content-wide{padding:32px 40px}}.dott-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0009;animation:.3s ease-out both modalFadeIn;position:fixed;inset:0}.dott-modal{z-index:101;background:var(--panel);border:1px solid var(--dott-glass-border);border-radius:20px;width:calc(100% - 48px);max-width:520px;max-height:calc(100vh - 48px);animation:.4s cubic-bezier(.16,1,.3,1) .1s both modalSlideUp;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 24px 80px #0009}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.dott-tooltip{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in srgb, var(--panel) 90%, transparent);border:1px solid var(--dott-glass-border);color:var(--dott-text);border-radius:10px;padding:8px 14px;font-size:12px;animation:.2s ease-out both tooltipFadeIn;position:absolute;box-shadow:0 8px 24px #0006}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--line)}::selection{color:var(--ink);background:#5b5fff4d}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.dott-skeleton{background:linear-gradient(90deg, var(--dott-surface) 0px, var(--line) 40px, var(--dott-surface) 80px);background-size:200px 100%;border-radius:8px;animation:1.5s ease-in-out infinite shimmer}@keyframes phaseShimmer{0%{background-position:-300px 0}to{background-position:calc(300px + 100%) 0}}.dott-phase-shimmer{background:linear-gradient(90deg,#5b5fff0a 0%,#d946ef0f 25%,#f973160f 50%,#facc150a 75%,#5b5fff0a 100%) 0 0/300px 100%;animation:2s ease-in-out infinite phaseShimmer}.skeleton-shimmer{background:linear-gradient(90deg, var(--line-soft) 25%, var(--line) 50%, var(--line-soft) 75%);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.cta-breathe{animation:3s ease-in-out infinite ctaBreathe,8s ease-in-out infinite gradientShift}@keyframes ctaBreathe{0%,to{box-shadow:0 0 #5b5fff00}50%{box-shadow:0 0 20px #5b5fff26}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes dottFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-3px)scale(1.02)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.page-content-enter{animation:.3s ease-out fadeIn}.cta-pulse{animation:2s ease-in-out infinite ctaPulse}@keyframes squareFloat{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:.08}90%{opacity:.08}to{opacity:0;transform:translateY(-120px)rotate(45deg)}}.dott-particles{position:relative;overflow:hidden}.dott-particles:before,.dott-particles:after{content:"";pointer-events:none;z-index:0;border-radius:2px;width:8px;height:8px;position:absolute}.dott-particles:before{background:#5b5fff;animation:8s ease-in-out infinite squareFloat;bottom:0;left:15%}.dott-particles:after{background:#d946ef;animation:10s ease-in-out 2s infinite squareFloat;bottom:0;right:20%}@keyframes phaseGlintSweep{0%{background-position:-200%}to{background-position:200%}}.phase-glint-hover{position:relative;overflow:hidden}.phase-glint-hover:after{content:"";opacity:0;background:linear-gradient(90deg,#0000,#5b5fff,#d946ef,#f97316,#facc15,#0000) 0 0/200% 100%;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.phase-glint-hover:hover:after{opacity:1;animation:1.5s ease-in-out phaseGlintSweep}@keyframes dotBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.phase-dot-alive:hover{animation:1s ease-in-out dotBreathe}@keyframes lineDrawIn{0%{width:0}to{width:100%}}.section-line-draw{position:relative}.section-line-draw:after{content:"";background:currentColor;width:0;height:1px;animation:.4s ease-out forwards lineDrawIn;position:absolute;bottom:0;left:0}@keyframes scorePop{0%{opacity:0;transform:scale(.8)}60%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.score-pop{animation:.5s cubic-bezier(.34,1.56,.64,1) both scorePop}.number-glow{text-shadow:0 0 12px color-mix(in srgb, var(--ink) 30%, transparent)}@keyframes squareCascade1{0%{opacity:0;transform:translateY(-20px)rotate(0)}20%{opacity:.15}80%{opacity:.15}to{opacity:0;transform:translate(10px,40px)rotate(25deg)}}@keyframes squareCascade2{0%{opacity:0;transform:translateY(-15px)rotate(0)}25%{opacity:.12}75%{opacity:.12}to{opacity:0;transform:translate(-8px,35px)rotate(-20deg)}}@keyframes squareCascade3{0%{opacity:0;transform:translateY(-25px)rotate(0)}15%{opacity:.1}85%{opacity:.1}to{opacity:0;transform:translate(5px,45px)rotate(30deg)}}.btn-lift{transition:transform .15s,box-shadow .15s}.btn-lift:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.btn-lift:active{transform:translateY(0)}.card-hover{transition:border-color .2s,box-shadow .2s,background .2s}.card-hover:hover{box-shadow:0 2px 16px #0003;border-color:var(--line)!important}.link-slide{text-decoration:none;position:relative}.link-slide:after{content:"";background:currentColor;width:0;height:1px;transition:width .2s;position:absolute;bottom:-1px;left:0}.link-slide:hover:after{width:100%}.stagger-fade>*{opacity:0;animation:.4s ease-out forwards fadeInUp}.stagger-fade>:first-child{animation-delay:50ms}.stagger-fade>:nth-child(2){animation-delay:.1s}.stagger-fade>:nth-child(3){animation-delay:.15s}.stagger-fade>:nth-child(4){animation-delay:.2s}.stagger-fade>:nth-child(5){animation-delay:.25s}.stagger-fade>:nth-child(6){animation-delay:.3s}.stagger-fade>:nth-child(7){animation-delay:.35s}.stagger-fade>:nth-child(8){animation-delay:.4s}.stagger-fade>:nth-child(n+9){animation-delay:.45s}.count-up{transition:all .6s ease-out}.reveal-on-scroll{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(12px)}.reveal-on-scroll.revealed{opacity:1;transform:translateY(0)}.dott-metric{letter-spacing:-.03em;color:var(--ink);font-size:36px;font-weight:700;line-height:1}.dott-metric-label{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-top:6px;font-size:11px;font-weight:600}.dott-metric-lg{letter-spacing:-.04em;color:var(--ink);font-size:48px;font-weight:700;line-height:1}.dott-card-interactive{background:var(--dott-card-bg);border:1px solid var(--dott-card-border);cursor:pointer;border-radius:16px;padding:24px;transition:all .2s}.dott-card-interactive:hover{border-color:var(--line);background:color-mix(in srgb, var(--faint) 25%, transparent);transform:translateY(-1px)}.dott-card-plan:hover{border-color:#5b5fff33;box-shadow:0 0 24px #5b5fff0f}.dott-card-forecast:hover{border-color:#d946ef33;box-shadow:0 0 24px #d946ef0f}.dott-card-prove:hover{border-color:#f9731633;box-shadow:0 0 24px #f973160f}.dott-card-score:hover{border-color:#facc1533;box-shadow:0 0 24px #facc150f}@keyframes revealRight{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.reveal-1{animation:.5s cubic-bezier(.16,1,.3,1) .1s both revealRight}.reveal-2{animation:.5s cubic-bezier(.16,1,.3,1) .2s both revealRight}.reveal-3{animation:.5s cubic-bezier(.16,1,.3,1) .3s both revealRight}.reveal-4{animation:.5s cubic-bezier(.16,1,.3,1) .4s both revealRight}@media (max-width:640px){.dott-metric{font-size:28px}.dott-metric-lg{font-size:36px}.dott-card,.dott-card-glass,.dott-content,.dott-content-wide{padding:16px}}.dott-four{align-items:center;gap:3px;display:inline-flex}.dott-four>span{border-radius:1px;width:4px;height:4px;display:block}.dott-four>span:first-child{background:var(--dott-blue)}.dott-four>span:nth-child(2){background:var(--dott-fuchsia)}.dott-four>span:nth-child(3){background:var(--dott-orange)}.dott-four>span:nth-child(4){background:var(--dott-yellow)}.dott-four-lg>span{border-radius:1.5px;width:6px;height:6px}.dott-four-divider{align-items:center;gap:16px;margin:48px 0;display:flex}.dott-four-divider:before,.dott-four-divider:after{content:"";background:var(--dott-border);flex:1;height:1px}.dott-progress{background:var(--dott-border);border-radius:2px;height:4px;overflow:hidden}.dott-progress-fill{background:linear-gradient(90deg,#5b5fff,#d946ef,#f97316,#facc15) 0 0/400% 100%;border-radius:2px;height:100%;transition:width .6s cubic-bezier(.16,1,.3,1)}@keyframes scoreReveal{0%{opacity:0;filter:blur(8px);transform:scale(.8)}60%{opacity:1;filter:blur();transform:scale(1.02)}to{opacity:1;filter:blur();transform:scale(1)}}.score-reveal{animation:.8s cubic-bezier(.16,1,.3,1) .3s both scoreReveal}@media (prefers-reduced-motion:reduce){.page-fade-in,.hero-fade,.cards-fade,.section-fade,.section-fade-2,.section-fade-3,.popup-card,.modal-backdrop,.modal-content,.glow-cycle,.cta-glow,.cta-pulse,.cta-breathe,.pulse-yellow,.dott-dot,.dott-dot-bg,.cycling-border,.cycling-border-inline,.cycling-border-hover,.cycling-border-hover-tinted,.phase-bar-animated,.grad-bar,.dott-cursor,.skeleton-shimmer,.dott-phase-shimmer,.dott-skeleton,.stagger-fade>*,[style*=gradientShift],[style*=phaseBarFlow],[style*=ctaBreathe],[style*=bgCycle]{animation:none!important}.btn-lift,.btn-lift:hover,.btn-lift:active{transition:none!important;transform:none!important}.card-hover,.card-hover:hover{box-shadow:none!important;transition:none!important}.link-slide:after{transition:none!important}.dott-particles:before,.dott-particles:after,.phase-glint-hover:after,.phase-dot-alive,.section-line-draw:after,.score-pop{animation:none!important}.reveal-on-scroll{opacity:1!important;opacity:1!important;transition:none!important;transform:none!important}.dott-card-interactive:hover{transform:none!important}.reveal-1,.reveal-2,.reveal-3,.reveal-4{animation:none!important}.count-up{transition:none!important}.score-reveal{animation:none!important}.dott-progress-fill{transition:none!important}}[data-focus-mode=true] .phase-bar-animated,[data-focus-mode=true] .grad-bar,[data-focus-mode=true] .cycling-border,[data-focus-mode=true] .cycling-border-inline,[data-focus-mode=true] .cycling-border-hover-tinted:after,[data-focus-mode=true] .cta-breathe,[data-focus-mode=true] .glow-cycle,[data-focus-mode=true] .pulse-yellow,[data-focus-mode=true] [style*=gradientShift],[data-focus-mode=true] [style*=phaseBarFlow],[data-focus-mode=true] [style*=ctaBreathe]{animation:none!important}.dott-toast{background:var(--panel);border:1px solid var(--line);font-family:var(--font-plus-jakarta), "Plus Jakarta Sans", system-ui, sans-serif;color:var(--ink);border-radius:12px;align-items:center;gap:10px;min-width:280px;max-width:380px;padding:12px 16px;font-size:13px;display:flex;box-shadow:0 8px 24px #0006}.dott-toast-title{flex:1;line-height:1.4}.dott-toast-icon{flex-shrink:0;width:18px;height:18px}.dott-toast.dott-toast-success{background:linear-gradient(90deg, #facc150f 0%, var(--panel) 40%);color:var(--ink);border-left:3px solid #facc15}.dott-toast.dott-toast-success .dott-toast-icon{color:#facc15}.dott-toast.dott-toast-error{background:linear-gradient(90deg, #f973160f 0%, var(--panel) 40%);color:var(--ink);border-left:3px solid #f97316}.dott-toast.dott-toast-error .dott-toast-icon{color:#f97316}
