:root{--v2-bg:#191919;--v2-text:#e4e9ef;--v2-text-dim:#e4e9ef8c;--v2-accent:#00d4e5;--v2-accent-glow:#00d4e51f;--v2-accent-hover:#009fb1;--v2-panel:#2c2c2c;--v2-panel-solid:#363636;--v2-panel2:#454545;--v2-panel3:#454545;--v2-border:#ffffff14;--v2-glass:#ffffff14;--v2-font-main:var(--font-plus-jakarta-sans), sans-serif;--v2-font-display:var(--font-bricolage), sans-serif;--v2-accent-secondary:#638ef8;--v2-accent-secondary-h:#4568ff}@supports (color:lab(0% 0 0)){:root{--v2-bg:lab(8.5456% 0 0);--v2-text:lab(92.0698% -.839859 -3.65647);--v2-text-dim:lab(92.0698% -.839859 -3.65647/.55);--v2-accent:lab(76.9592% -49.0025 -25.3604);--v2-accent-glow:lab(76.9592% -49.0025 -25.3604/.12);--v2-accent-hover:lab(59.5608% -42.7054 -26.8813);--v2-panel:lab(17.8372% 0 0);--v2-panel-solid:lab(22.454% 0 0);--v2-panel2:lab(29.3676% 0 0);--v2-panel3:lab(29.3676% 0 0);--v2-border:lab(100% 0 0/.08);--v2-glass:lab(100% 0 0/.08);--v2-accent-secondary:lab(59.7496% 9.37858 -58.4236);--v2-accent-secondary-h:lab(48.6597% 28.0137 -80.3811)}}:is(html:has(.v2-body),body:has(.v2-body)){scroll-behavior:smooth;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;height:auto!important;overflow:auto!important}.v2-body{font-family:var(--v2-font-main);background-color:var(--v2-bg);color:var(--v2-text);min-height:100vh;line-height:1.6;position:relative;overflow-x:hidden}.v2-body h1,.v2-body h2,.v2-body h3,.v2-body .hero-badge,.v2-body .promo-tag,.v2-body .price-label-v2,.v2-body .price-amount-v2,.v2-body .logo-container,.v2-body .price-skeleton-wrap{font-family:var(--v2-font-display)}.v2-body:after{content:"";z-index:9999;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:fixed;inset:0}.mesh-bg{z-index:1;opacity:.65;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.blob{filter:blur(120px);border-radius:50%;animation:25s ease-in-out infinite alternate blobMove;position:absolute}.blob-1{background:#1fc8e21f;width:700px;height:700px;top:-15%;left:-10%}.blob-2{background:#0b485126;width:550px;height:550px;animation-delay:-5s;bottom:-15%;right:-10%}.blob-3{background:#1fc8e20d;width:500px;height:500px;animation-delay:-10s;top:30%;left:35%}@keyframes blobMove{0%{transform:translate(0)scale(1)}50%{transform:translate(80px,60px)scale(1.1)}to{transform:translate(-40px,80px)scale(.95)}}.v2-container{z-index:10;max-width:1200px;margin:0 auto;padding:0 24px;position:relative}.v2-nav{z-index:1000;width:100%;padding:24px 0;transition:all .4s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0}.v2-nav.scrolled{padding:14px 0;-webkit-backdrop-filter:blur(20px)!important;background-color:#191919d9!important}.v2-nav:hover{-webkit-backdrop-filter:blur(20px)!important;background-color:#151515!important}.nav-content{justify-content:space-between;align-items:center;display:flex}.logo-container{letter-spacing:-.5px;color:var(--v2-accent);align-items:center;gap:10px;font-size:22px;font-weight:800;text-decoration:none;transition:transform .3s;display:flex}.logo-container:hover{transform:scale(1.02)}.nav-links{align-items:center;gap:32px;display:flex}@media (max-width:768px){.nav-links{display:none}}.nav-links a{color:var(--v2-text-dim);font-size:14px;font-weight:600;text-decoration:none;transition:all .3s}.nav-links a:hover{color:var(--v2-accent)}.nav-actions{align-items:center;gap:12px;display:flex}.btn-circle{border:1px solid var(--v2-border);background:var(--v2-glass);width:36px;height:36px;color:var(--v2-text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.btn-circle:hover{background:var(--v2-panel2);border-color:var(--v2-text-dim)}.lang-dropdown-container{background:var(--v2-glass);border:1px solid var(--v2-border);height:36px;color:var(--v2-text);border-radius:12px;align-items:center;gap:6px;padding:0 10px;display:flex}.lang-select-nav{color:inherit;cursor:pointer;background:0 0;border:none;outline:none;padding-right:4px;font-size:12px;font-weight:700}.lang-select-nav option{background:var(--v2-panel-solid);color:var(--v2-text)}.btn-hamburger{background:var(--v2-glass);border:1px solid var(--v2-border);color:var(--v2-text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:none}@media (max-width:768px){.btn-hamburger{display:flex}.nav-actions-desktop{display:none}}.hero-section{padding-bottom:80px;position:relative;overflow:hidden}.hero-section:after{content:"";background:linear-gradient(to bottom, transparent, var(--v2-bg));z-index:2;pointer-events:none;width:100%;height:250px;position:absolute;bottom:0;left:0}.hero-fluid-canvas{z-index:1;pointer-events:auto;width:100%;height:100%;position:absolute;top:0;left:0}.hero-grid{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}@media (max-width:1024px){.hero-grid{text-align:center;grid-template-columns:1fr;gap:40px}}.hero-text{z-index:10;position:relative}.hero-badge{color:var(--v2-accent);text-transform:uppercase;letter-spacing:2px;margin-bottom:20px;font-size:12px;font-weight:700;display:block}.hero-section h1{letter-spacing:-1.8px;color:var(--v2-text);margin-bottom:20px;font-size:clamp(34px,5.5vw,66px);font-weight:900;line-height:1.05}.hero-section h1 em{font-weight:inherit;color:var(--v2-accent);font-style:normal;display:inline}.hero-desc{color:var(--v2-text-dim);max-width:480px;margin-bottom:32px;font-size:16px;font-weight:400;line-height:1.55}@media (max-width:1024px){.hero-desc{margin-left:auto;margin-right:auto}}.hero-ctas{gap:16px;display:flex}@media (max-width:1024px){.hero-ctas{justify-content:center}}.btn-v2{cursor:pointer;border:none;border-radius:100px;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-size:14px;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-v2-primary{background:var(--v2-accent);color:#041820;box-shadow:0 4px 24px #1fc8e240}.btn-v2-primary:hover{background:var(--v2-accent-hover);transform:translateY(-3px);box-shadow:0 8px 32px #1fc8e266}.btn-v2-secondary{background:var(--v2-glass);color:var(--v2-text)}.btn-v2-secondary:hover{background:var(--v2-panel2);transform:translateY(-2px)}.hero-visual-container{justify-content:center;align-items:center;width:100%;display:flex}@media (max-width:1024px){.hero-visual-container{display:none}}.floating-card-decor{background:var(--v2-panel);border:none;border-radius:32px;padding:0;animation:6s ease-in-out infinite alternate decorFloat;position:relative;box-shadow:0 20px 40px #0006}@keyframes decorFloat{0%{transform:translateY(0)}to{transform:translateY(-15px)}}.task-card-body{flex-direction:column;flex:1;padding:18px 22px 18px 24px;display:flex}.tcb-top{align-items:flex-start;gap:10px;display:flex}.tcb-t-left{flex:1;align-items:flex-start;gap:12px;min-width:0;display:flex}.tcb-select-ring{border:2px solid #ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;display:flex}.tcb-select-dot{background:var(--v2-accent);border-radius:50%;width:10px;height:10px}.tcb-title-area{flex:1;min-width:0}.tcb-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tcb-title{color:var(--v2-text);letter-spacing:-.15px;font-size:14px;font-weight:700;line-height:1.3}.tcb-badge{color:var(--v2-accent);letter-spacing:.5px;text-transform:uppercase;background:#1fc8e20f;border:1px solid #1fc8e233;border-radius:100px;padding:2px 7px;font-size:9px;font-weight:800}.tcb-meta-row{flex-wrap:wrap;align-items:center;gap:14px;margin-top:7px;display:flex}.tcb-meta-item{color:var(--v2-text-dim);white-space:nowrap;align-items:center;gap:5px;font-size:11px;font-weight:600;display:flex}.tcb-meta-item svg{opacity:.6}.task-status-pill{color:var(--v2-accent);background:#1fc8e214;border:1px solid #1fc8e22e;border-radius:100px;flex-shrink:0;align-items:center;gap:5px;margin-top:1px;padding:4px 10px;font-size:10px;font-weight:700;display:inline-flex}.task-status-pill .status-dot{background:var(--v2-accent);width:5px;height:5px;box-shadow:0 0 6px var(--v2-accent);border-radius:50%}.cards-viewport{width:100%;height:450px;overflow:hidden}.cards-viewport .floating-card-decor{animation:none}.cards-track{will-change:transform;flex-direction:column;gap:12px;animation:25s linear infinite scrollCards;display:flex}.scroll-card .task-card-body{padding:28px 20px 28px 24px}.scroll-card .tcb-select-ring{width:24px;height:24px}.scroll-card .tcb-title{font-size:14px}.scroll-card .tcb-meta-row{gap:14px;margin-top:6px}.scroll-card .tcb-meta-item{font-size:12px}.scroll-card .task-status-pill{padding:5px 12px;font-size:11px}@keyframes scrollCards{0%{transform:translateY(0)}to{transform:translateY(calc(6px - 50%))}}.tsp-hold{color:#22c55e;background:#22c55e14;border-color:#22c55e2e}.tsp-hold .status-dot{background:#22c55e;box-shadow:0 0 6px #22c55e80}.tsp-draft{color:var(--v2-text-dim);background:#ffffff0a;border-color:#ffffff14}.tsp-draft .status-dot{background:var(--v2-text-dim);box-shadow:none}.tsp-pending{color:var(--v2-text-dim);background:#ffffff0a;border-color:#ffffff14}.tsp-pending .status-dot{background:var(--v2-text-dim);box-shadow:none}.tsp-review{color:#a78bfa;background:#a78bfa14;border-color:#a78bfa2e}.tsp-review .status-dot{background:#a78bfa;box-shadow:0 0 6px #a78bfa80}.platforms-row{border-top:1px solid var(--v2-border);text-align:center;margin-top:40px;padding-top:30px}.platforms-title{text-transform:uppercase;color:var(--v2-text-dim);letter-spacing:2px;margin-bottom:20px;font-size:11px;font-weight:700;display:block}.platforms-list-v2{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.platform-badge-v2{background:var(--v2-glass);border:1px solid var(--v2-border);color:var(--v2-text-dim);border-radius:12px;padding:8px 16px;font-size:12px;font-weight:600}.v2-section{padding:100px 0;position:relative}.section-header-v2{text-align:left;max-width:720px;margin:0 0 48px}.section-header-v2 h2{letter-spacing:-1px;margin-bottom:16px;font-size:clamp(28px,4vw,42px);font-weight:800;line-height:1.15}.section-header-v2 p{color:var(--v2-text-dim);font-size:15px}.steps-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;display:grid}@media (max-width:768px){.steps-grid{grid-template-columns:1fr;gap:16px}}.step-card{background:var(--v2-panel);border:none;border-radius:32px;flex-direction:column;align-items:flex-start;gap:14px;padding:28px 24px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.step-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #00000014}.step-number{color:color-mix(in srgb, var(--v2-accent), transparent 88%);-webkit-user-select:none;user-select:none;pointer-events:none;font-size:56px;font-weight:900;line-height:1;position:absolute;top:-8px;right:12px}.step-icon{color:var(--v2-accent);flex-shrink:0}.step-content h4{color:var(--v2-text);letter-spacing:-.01em;margin-bottom:6px;font-size:15px;font-weight:700}.step-content p{color:var(--v2-text-dim);margin:0;font-size:13px;line-height:1.6}.spotlight-row{grid-template-columns:1fr 1fr;align-items:center;gap:48px;margin-bottom:80px;display:grid}.spotlight-row:last-child{margin-bottom:0}.spotlight-row-reverse{direction:rtl}.spotlight-row-reverse>.spotlight-text,.spotlight-row-reverse>.spotlight-visual{direction:ltr}@media (max-width:900px){.spotlight-row{grid-template-columns:1fr;gap:32px;margin-bottom:56px}.spotlight-row-reverse{direction:ltr}}.spotlight-text{background:var(--v2-panel);border:none;border-radius:32px;flex-direction:column;gap:16px;padding:32px 40px;display:flex;box-shadow:0 12px 36px #0003}.spotlight-text .promo-tag{align-self:flex-start;margin-bottom:0}.spotlight-text h3{font-family:var(--v2-font-display);color:var(--v2-text);letter-spacing:-.01em;margin:0;font-size:22px;font-weight:600;line-height:1.25}.spotlight-desc{color:var(--v2-text-dim);margin:0;font-size:13.5px;line-height:1.6}.spotlight-bullets{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.spotlight-bullets li{color:var(--v2-text-dim);align-items:center;gap:8px;font-size:12.5px;line-height:1.4;display:flex}.spotlight-bullets li svg{color:var(--v2-accent);flex-shrink:0}.spotlight-visual{perspective:800px;justify-content:center;display:flex}.mockup-chrome{border-bottom:1px solid var(--v2-border);align-items:center;gap:6px;padding:8px 12px;display:flex}.mockup-dot{background:var(--v2-panel3);border-radius:50%;flex-shrink:0;width:6px;height:6px}.mockup-chrome-label{color:var(--v2-text-dim);letter-spacing:.04em;text-transform:uppercase;margin-left:auto;font-size:10px;font-weight:500}.mockup-dashboard-header{border-bottom:1px solid var(--v2-border);background:var(--v2-panel);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.mock-dash-header-left{align-items:center;gap:14px;display:flex}.mock-dash-header-title{color:var(--v2-text);align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.mock-dash-header-tabs{border:1px solid var(--v2-border);background:#ffffff05;border-radius:8px;gap:4px;padding:2px;display:flex}.mock-dash-header-tabs .tab-item{color:var(--v2-text-dim);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:3.5px 8px;font-size:9.5px;font-weight:700;transition:all .2s;display:flex}.mock-dash-header-tabs .tab-item.active{color:var(--v2-accent);background:#ffffff0a}.tab-count-badge{color:var(--v2-text-dim);background:#ffffff0f;border-radius:9999px;padding:.5px 3.5px;font-size:8px;font-weight:800}.tab-item.active .tab-count-badge{color:var(--v2-accent);background:#1fc8e21f}.mock-dash-header-right{align-items:center;gap:8px;display:flex}.mock-dash-header-search,.mock-dash-header-select{border:1px solid var(--v2-border);color:var(--v2-text-dim);background:#ffffff05;border-radius:8px;align-items:center;gap:6px;padding:4.5px 8px;font-size:9.5px;display:flex}.mock-dash-header-new{background:var(--v2-accent);color:#041820;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:4px;padding:4.5px 10px;font-size:9.5px;font-weight:800;transition:background .2s;display:flex}.mock-dash-header-new:hover{background:var(--v2-accent-hover)}.mockup-dashboard{background:var(--v2-panel);border:none;border-radius:32px;width:100%;max-width:500px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;overflow:hidden}.spotlight-row:not(.spotlight-row-reverse) .spotlight-visual:hover .mockup-dashboard{transform:scale(1.02)rotateY(-2deg);box-shadow:0 16px 48px #00000059}.spotlight-row-reverse .spotlight-visual:hover .mockup-dashboard{transform:scale(1.02)rotateY(2deg);box-shadow:0 16px 48px #00000059}.mockup-dash-row{border-bottom:1px solid var(--v2-border);align-items:center;gap:12px;min-height:56px;padding:12px 16px;transition:background .2s;display:flex}.mockup-dash-row:last-of-type{border-bottom:none}.mockup-dash-row:hover{background:#ffffff05}.mockup-dash-select-ring{border:1.5px solid var(--v2-border);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:border-color .2s;display:flex}.mockup-dash-select-ring.active{border-color:var(--v2-accent)}.mockup-dash-select-dot{background:var(--v2-accent);border-radius:50%;width:8px;height:8px}.mockup-dash-info{flex-direction:column;flex:1;min-width:0;display:flex}.mockup-dash-title-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mockup-dash-title{color:var(--v2-text);white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:12px;font-weight:600;overflow:hidden}.mockup-dash-row.completed .mockup-dash-title{color:var(--v2-text-dim);text-decoration:line-through}.mockup-dash-badge{letter-spacing:.02em;border-radius:4px;padding:1px 4px;font-size:8px;font-weight:800}.mockup-dash-badge.commission{color:var(--v2-accent);background:#1fc8e214;border:1px solid #1fc8e226}.mockup-dash-badge.study{color:var(--v2-text-dim);border:1px solid var(--v2-border);background:#ffffff0d}.mockup-dash-subbadge{color:var(--v2-text-dim);font-size:9px;font-weight:700}.mockup-dash-meta-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;display:flex}.mockup-dash-meta-item{color:var(--v2-text-dim);align-items:center;gap:3px;font-size:9.5px;font-weight:500;display:flex}.mockup-dash-meta-item svg{opacity:.6}.paid-status-lbl{letter-spacing:.02em;border-radius:3px;margin-left:4px;padding:.5px 3.5px;font-size:8px;font-weight:800}.paid-status-lbl.paid{color:#34d399;background:#34d3991a}.paid-status-lbl.partial{color:#fbbf24;background:#fbbf241a}.mockup-dash-right{flex-shrink:0;align-items:center;gap:10px;margin-left:auto;display:flex}.mockup-dash-stage-badge{color:var(--v2-text-dim);border:1px solid var(--v2-border);background:#ffffff05;border-radius:6px;padding:2.5px 7px;font-size:9px;font-weight:600}.mockup-dash-meta{color:var(--v2-text-dim);letter-spacing:.02em;background:var(--v2-glass);border-top:1px solid var(--v2-border);justify-content:space-between;padding:10px 14px;font-size:10.5px;display:flex}.mockup-stages-card{background:var(--v2-panel);border:none;border-radius:32px;width:100%;max-width:320px;padding:32px 24px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;position:relative}.spotlight-row:not(.spotlight-row-reverse) .spotlight-visual:hover .mockup-stages-card{transform:scale(1.02)rotateY(2deg);box-shadow:0 16px 48px #00000059}.spotlight-row-reverse .spotlight-visual:hover .mockup-stages-card{transform:scale(1.02)rotateY(-2deg);box-shadow:0 16px 48px #00000059}.mockup-stages-header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.mockup-stages-header-icon{color:var(--v2-accent)}.mockup-stages-header h3{color:#fff;margin:0;font-size:13px;font-weight:700}.mockup-stages-list{flex-direction:column;gap:20px;display:flex;position:relative}.mockup-stages-line{z-index:1;background:#1fc8e238;width:2px;position:absolute;top:12px;bottom:50px;left:11px}.mockup-stage-item{z-index:2;align-items:center;gap:16px;display:flex;position:relative}.mockup-stage-circle{background:var(--v2-bg);border:2px solid #ffffff40;border-radius:50%;flex-shrink:0;width:24px;height:24px}.mockup-stage-item.item-active .mockup-stage-circle{border-color:#e0e0e0}.mockup-stage-info{flex-direction:column;gap:2px;display:flex}.stage-name{color:#e0e0e0;font-size:14px;font-weight:700}.stage-status{color:var(--v2-text-dim);font-size:11px;font-weight:600}.stage-delete-btn{color:var(--v2-text-dim);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-left:auto;padding:4px;transition:color .2s;display:flex}.stage-delete-btn:hover{color:#f55}.mockup-stages-actions{z-index:2;justify-content:space-between;align-items:center;margin-top:8px;display:flex}.mockup-add-stage{color:var(--v2-text-dim);cursor:pointer;align-items:center;gap:12px;font-size:13px;font-weight:700;display:flex}.mockup-add-circle{width:24px;height:24px;color:var(--v2-text-dim);border:2px dashed #ffffff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mockup-template-btn{border:1px solid var(--v2-border);color:#e0e0e0;cursor:pointer;background:#ffffff0f;border-radius:12px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:700;transition:background .2s,color .2s;display:flex}.mockup-template-btn:hover{color:#fff;background:#ffffff1f}.mockup-stages-flow{justify-content:center;align-items:center;gap:0;padding:28px 20px;display:flex}.mockup-stage{flex-direction:column;align-items:center;gap:8px;display:flex}.mockup-stage span{text-transform:uppercase;letter-spacing:.06em;color:var(--v2-text-dim);font-size:10px;font-weight:600}.mockup-stage-circle{border:2px solid var(--v2-panel2);border-radius:50%;width:24px;height:24px;transition:all .3s}.mockup-stage-active .mockup-stage-circle{background:var(--v2-accent);border-color:var(--v2-accent);box-shadow:0 0 12px var(--v2-accent-glow)}.mockup-stage-active span{color:var(--v2-accent)}.mockup-stage-next .mockup-stage-circle{border-color:var(--v2-accent);background:var(--v2-accent-glow)}.mockup-stage-next span{color:var(--v2-text)}.mockup-stage-dim .mockup-stage-circle{border-color:var(--v2-panel2);background:0 0}.mockup-stage-dim span{color:var(--v2-panel3)}.mockup-stage-connector{background:var(--v2-accent);width:32px;height:2px;margin:0 4px 32px}.mockup-connector-dim{background:var(--v2-panel2)}.mockup-current-stage{background:var(--v2-glass);color:var(--v2-text-dim);align-items:center;gap:8px;padding:10px 16px;font-size:11px;display:flex}.mockup-current-label{letter-spacing:.08em;color:var(--v2-accent);font-size:9px;font-weight:700}.mockup-reports{background:var(--v2-panel);border:none;border-radius:32px;flex-direction:column;gap:20px;width:100%;max-width:360px;padding:24px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;display:flex;overflow:hidden}.spotlight-row:not(.spotlight-row-reverse) .spotlight-visual:hover .mockup-reports{transform:scale(1.02)rotateY(-2deg);box-shadow:0 16px 48px #00000059}.spotlight-row-reverse .spotlight-visual:hover .mockup-reports{transform:scale(1.02)rotateY(2deg);box-shadow:0 16px 48px #00000059}.mockup-reports-header{justify-content:space-between;align-items:center;display:flex}.mockup-reports-title{color:var(--v2-text);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.mockup-reports-tabs{border:1px solid var(--v2-border);background:#ffffff0a;border-radius:8px;padding:3px;display:flex}.mockup-reports-tabs .tab-pill{color:var(--v2-text-dim);cursor:pointer;border-radius:6px;padding:4px 10px;font-size:10px;font-weight:600;transition:all .2s}.mockup-reports-tabs .tab-pill.active{color:var(--v2-text);background:#ffffff0f}.mockup-reports-chart-container{grid-template-columns:32px 1fr;align-items:stretch;gap:12px;height:140px;display:grid;position:relative}.mockup-chart-y-axis{color:var(--v2-text-dim);text-align:right;flex-direction:column;justify-content:space-between;padding-bottom:20px;font-size:9px;font-weight:600;display:flex}.mockup-chart-bars-ref{justify-content:space-between;align-items:flex-end;height:100%;display:flex;position:relative}.mockup-bar-day{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex;position:relative}.mockup-bar-line{background:#ffffff1a;border-radius:10px;width:14px;height:3px;margin-bottom:8px}.mockup-bar-fill-cyan{background:var(--v2-accent);transform-origin:bottom;opacity:.35;border-radius:9999px 9999px 0 0;width:14px;margin-bottom:8px;transition:opacity .3s;animation:1.2s cubic-bezier(.16,1,.3,1) forwards growBar}.active-day .mockup-bar-fill-cyan{opacity:1}.current-day .mockup-bar-fill-cyan{opacity:.7}.mockup-bar-day:hover .mockup-bar-fill-cyan{opacity:.9}@keyframes growBar{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.day-label{color:var(--v2-text-dim);text-transform:lowercase;height:12px;font-size:9px;font-weight:600;line-height:12px}.mockup-bar-day.current-day .day-label{color:var(--v2-accent)}.day-dot{background:var(--v2-accent);border-radius:50%;width:4px;height:4px;position:absolute;bottom:-8px}.mockup-reports-stats-summary{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stat-summary-item{background:#ffffff08;border:none;border-radius:24px;flex-direction:column;gap:4px;padding:12px;display:flex}.stat-summary-val{color:var(--v2-text);font-size:20px;font-weight:700;line-height:1}.stat-summary-lbl{color:var(--v2-text-dim);letter-spacing:.06em;text-transform:uppercase;font-size:8px;font-weight:700}.mockup-reports-session-panel{border-top:1px solid var(--v2-border);flex-direction:column;gap:8px;padding-top:16px;display:flex}.session-panel-header{color:var(--v2-text-dim);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.session-panel-row{justify-content:space-between;align-items:center;font-size:11px;display:flex}.session-task{color:var(--v2-text);font-weight:600}.session-duration{color:var(--v2-text-dim);font-weight:700}.promo-split-container{grid-template-columns:1fr 1fr;align-items:center;gap:60px;margin-bottom:64px;display:grid}.promo-split-container:last-of-type{margin-bottom:0}.promo-split-container:last-of-type .promo-text-side{background:var(--v2-panel);border-radius:16px;padding:32px}@media (max-width:1024px){.promo-split-container{grid-template-columns:1fr;gap:40px}.promo-split-container:nth-of-type(2n){direction:ltr}.promo-split-container:nth-of-type(2n)>.promo-visual-side{order:2}}.promo-text-side{flex-direction:column;display:flex}.promo-visual-side{justify-content:center;align-items:center;width:100%;display:flex}.promo-tag{color:var(--v2-accent-secondary);text-transform:uppercase;letter-spacing:2px;margin-bottom:12px;font-size:11px;font-weight:700}.promo-text-side h2{letter-spacing:-.5px;margin-bottom:16px;font-size:32px;font-weight:800;line-height:1.2}.promo-desc-v2{color:var(--v2-text-dim);margin-bottom:24px;font-size:15px}.pomodoro-box-explanation{background:var(--v2-glass);border-radius:16px;margin-bottom:24px;padding:20px}.pomodoro-box-explanation h5{color:var(--v2-text);margin-bottom:8px;font-size:14px;font-weight:700}.pomodoro-box-explanation p{color:var(--v2-text-dim);font-size:12.5px;line-height:1.5}.benefits-checklist{flex-direction:column;gap:16px;list-style:none;display:flex}.benefits-checklist li{align-items:flex-start;gap:14px;display:flex}.benefits-checklist li>svg{width:20px;height:20px;color:var(--v2-accent);flex-shrink:0;margin-top:1px}.benefit-detail h4{margin-bottom:4px;font-size:14px;font-weight:700}.benefit-detail p{color:var(--v2-text-dim);font-size:12.5px;line-height:1.4}.pricing-cycle-switcher{justify-content:center;margin-bottom:48px;display:flex}.billing-toggle-pill{background:var(--v2-panel-solid);border:1px solid var(--v2-border);border-radius:100px;padding:4px;display:flex}.billing-toggle-pill button{color:var(--v2-text-dim);cursor:pointer;background:0 0;border:none;border-radius:100px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:700;transition:all .3s;display:flex}.billing-toggle-pill button.active{background:var(--v2-panel3);color:var(--v2-text);box-shadow:0 4px 12px #00000026}.save-pill-badge{color:var(--v2-accent);background:#1fc8e21f;border:1px solid #1fc8e233;border-radius:6px;padding:2px 6px;font-size:10px}.pricing-grid-v2{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:24px;display:grid}@media (max-width:960px){.pricing-grid-v2{grid-template-columns:1fr;max-width:400px;margin:0 auto}}.price-card-v2{background:var(--v2-panel-solid);border-radius:32px;flex-direction:column;justify-content:space-between;padding:40px;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.price-card-v2:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000004d}.price-card-v2.featured{border-color:var(--v2-accent);background:linear-gradient(180deg, var(--v2-panel-solid) 0%, #1fc8e20a 100%)}.card-featured-badge{background:var(--v2-accent);color:#041820;text-transform:uppercase;border-radius:100px;padding:4px 10px;font-size:10px;font-weight:800;position:absolute;top:24px;right:24px}.price-label-v2{text-transform:uppercase;letter-spacing:1px;color:var(--v2-text-dim);margin-bottom:16px;font-size:14px;font-weight:800;display:block}.price-amount-v2{letter-spacing:-1.5px;color:var(--v2-text);align-items:baseline;margin-bottom:24px;font-size:48px;font-weight:900;display:flex}.price-amount-v2 span{color:var(--v2-text-dim);margin-left:4px;font-size:15px;font-weight:500}.price-features-list{flex-direction:column;gap:12px;margin-bottom:40px;list-style:none;display:flex}.price-features-list li{color:var(--v2-text);align-items:center;gap:10px;font-size:13.5px;display:flex}.price-features-list li.locked-feat{color:var(--v2-text-dim);opacity:.45}.price-features-list li svg{flex-shrink:0}.testimonials-grid-v2{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (max-width:960px){.testimonials-grid-v2{grid-template-columns:1fr}}.testimonial-card-v2{background:var(--v2-panel-solid);border-radius:32px;flex-direction:column;justify-content:space-between;padding:32px;display:flex}.stars-row{color:#fbbf24;align-items:center;gap:2px;margin-bottom:16px;display:flex}.testimonial-quote{color:var(--v2-text);margin-bottom:24px;font-size:14px;font-style:italic;line-height:1.6}.author-block{align-items:center;gap:12px;display:flex}.author-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:800;display:flex}.author-name-title h4{color:var(--v2-text);font-size:13.5px;font-weight:700}.author-name-title span{color:var(--v2-text-dim);font-size:11px}.faq-container-v2{max-width:760px;margin:0 auto}.faq-card-v2{background:var(--v2-panel-solid);border-radius:24px;margin-bottom:12px;transition:all .3s}.faq-card-v2.active{box-shadow:0 4px 12px #0000001a}.faq-header-v2{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.faq-header-v2 h4{color:var(--v2-text);padding-right:16px;font-size:14.5px;font-weight:700}.faq-caret{color:var(--v2-text-dim);flex-shrink:0;transition:transform .35s cubic-bezier(.16,1,.3,1)}.faq-card-v2.active .faq-caret{transform:rotate(180deg)}.faq-body-wrap{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.16,1,.3,1),opacity .3s,padding .3s;display:grid}.faq-card-v2.active .faq-body-wrap{opacity:1;grid-template-rows:1fr}.faq-body-v2{color:var(--v2-text-dim);padding:0 24px 20px;font-size:13.5px;line-height:1.6;overflow:hidden}.footer-v2{border-top:1px solid var(--v2-border);background:#151515;margin-top:60px;padding:80px 0 40px}.footer-columns{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;margin-bottom:60px;display:grid}@media (max-width:768px){.footer-columns{grid-template-columns:1fr;gap:30px}}.footer-brand h3{letter-spacing:-.5px;color:var(--v2-accent);align-items:center;gap:8px;margin-bottom:16px;font-size:22px;font-weight:800;display:flex}.footer-brand p{color:var(--v2-text-dim);max-width:260px;margin-bottom:20px;font-size:13.5px}.social-links-grid{gap:12px;display:flex}.social-circle-link{border:1px solid var(--v2-border);background:var(--v2-glass);width:36px;height:36px;color:var(--v2-text-dim);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:all .3s;display:flex}.social-circle-link:hover{background:var(--v2-panel3);color:var(--v2-text);border-color:var(--v2-text-dim)}.footer-col-nav h4{text-transform:uppercase;color:var(--v2-text);letter-spacing:.5px;margin-bottom:20px;font-size:13px;font-weight:800}.footer-nav-list{flex-direction:column;gap:12px;list-style:none;display:flex}.footer-nav-list a,.footer-nav-list button{color:var(--v2-text-dim);text-align:left;cursor:pointer;background:0 0;border:none;padding:0;font-size:13.5px;text-decoration:none;transition:color .3s}.footer-nav-list a:hover,.footer-nav-list button:hover{color:var(--v2-accent)}.footer-bottom-v2{border-top:1px solid var(--v2-border);color:var(--v2-text-dim);justify-content:space-between;align-items:center;padding-top:30px;font-size:12.5px;display:flex}@media (max-width:540px){.footer-bottom-v2{text-align:center;flex-direction:column;gap:12px}}.mobile-v2-nav-overlay{z-index:10000;-webkit-backdrop-filter:blur(8px);background:#0009;justify-content:flex-end;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.mobile-v2-nav-panel{background:var(--v2-panel-solid);border-left:1px solid var(--v2-border);flex-direction:column;justify-content:space-between;width:280px;height:100%;padding:40px 24px;display:flex}.mobile-panel-header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.mobile-links-list{flex-direction:column;gap:24px;display:flex}.mobile-links-list a{color:var(--v2-text);font-size:16px;font-weight:700;text-decoration:none}.mobile-panel-actions{flex-direction:column;gap:12px;display:flex}.price-skeleton-wrap{background:var(--v2-panel2);border-radius:10px;width:100px;height:48px;position:relative;overflow:hidden}.price-skeleton-box{background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:100%;height:100%;animation:1.6s infinite shine}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.footer-v2 .footer-lang-selector{align-items:center;gap:8px;margin-top:0;display:inline-flex}.footer-v2 .lang-select{cursor:pointer;appearance:none;border-radius:10px;outline:none;padding:8px 36px 8px 14px;font-size:14px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0003;background-color:var(--v2-panel2)!important;border:1px solid var(--v2-border)!important;color:var(--v2-text)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23e8eaf2' viewBox='0 0 256 256'%3E%3Cpath d='M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80a8,8,0,0,1,11.32-11.32L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z'%3E%3C/path%3E%3C/svg%3E")!important;background-position:right 12px center!important;background-repeat:no-repeat!important}.footer-v2 .lang-select:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000059;border-color:var(--v2-accent)!important;color:var(--v2-text)!important;background-color:var(--v2-panel3)!important}.footer-v2 .lang-select option{background:var(--v2-panel-solid);color:var(--v2-text)}@media (max-width:540px){.footer-v2 .footer-lang-selector{justify-content:center;margin-top:8px}}.timer-widget-ref{background:var(--v2-panel);border:none;border-radius:32px;flex-direction:column;width:100%;max-width:320px;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.timer-widget-ref .widget-header{background:#00000026;border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;padding:16px 24px;display:flex}.timer-widget-ref .widget-header .title-text{color:var(--v2-text);letter-spacing:-.2px;font-size:14px;font-weight:700}.timer-widget-ref .active-task-bar{text-align:left;background:#00000014;border-bottom:1px solid #ffffff0f;padding:14px 24px}.timer-widget-ref .active-task-bar .tag{color:var(--v2-accent);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:3px;font-size:9px;font-weight:800;display:block}.timer-widget-ref .active-task-bar .task-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}.timer-widget-ref .circle-area{flex-direction:column;justify-content:center;align-items:center;padding:32px 0;display:flex}.timer-widget-ref .controls-row{justify-content:center;align-items:center;gap:16px;padding-bottom:28px;display:flex}.timer-widget-ref .btn-control{background:var(--v2-panel-solid);width:46px;height:46px;color:var(--v2-text-dim);cursor:pointer;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.timer-widget-ref .btn-control:hover{background:var(--v2-panel2);color:#fff;transform:scale(1.05)}.timer-widget-ref .btn-control:active{transform:scale(.95)}.timer-widget-ref .btn-control svg{color:inherit}.timer-widget-ref .btn-control-play{background:var(--v2-accent);color:#041820;cursor:pointer;width:60px;height:60px;box-shadow:0 8px 24px var(--v2-accent-glow);border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.timer-widget-ref .btn-control-play:hover{background:var(--v2-accent-hover);transform:scale(1.05);box-shadow:0 10px 28px #1fc8e266}.timer-widget-ref .btn-control-play:active{transform:scale(.95)}.timer-widget-ref .widget-footer{background:#0000001a;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.timer-widget-ref .cycle-dots{gap:6px;display:flex}.timer-widget-ref .cycle-dot{background:var(--v2-panel2);border-radius:50%;width:8px;height:8px;transition:all .3s}.timer-widget-ref .cycle-dot.active{background:var(--v2-accent);box-shadow:0 0 8px var(--v2-accent-glow)}.timer-widget-ref .cycle-ratio{color:var(--v2-text);font-size:12px;font-weight:700}.dashboard-mockup-section{flex-direction:column;align-items:center;margin-top:60px;margin-bottom:80px;display:flex}.mock-browser-window{border:1px solid var(--v2-border);border-radius:var(--radius-r4,32px);backdrop-blur:12px;background:#121212;flex-direction:column;width:100%;max-width:1200px;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px #0006}.mock-browser-header{border-bottom:1px solid var(--v2-border);-webkit-user-select:none;user-select:none;background:#12121299;background:lab(5.26802% 0 0/.6);justify-content:space-between;align-items:center;height:40px;padding:0 20px;display:flex}.mock-window-dots{gap:8px;display:flex}.mock-window-dots .dot{border-radius:50%;width:11px;height:11px}.mock-window-dots .dot-red{background:#ff5f56}.mock-window-dots .dot-yellow{background:#ffbd2e}.mock-window-dots .dot-green{background:#27c93f}.mock-address-bar{border:1px solid var(--v2-border);color:var(--v2-text-dim);text-align:center;background:#03030366;background:lab(.903296% 0 0/.4);border-radius:6px;width:260px;padding:3px 24px;font-family:monospace;font-size:11px}.mock-app-shell{flex-direction:column;height:800px;display:flex}.mock-app-header{border-bottom:1px solid var(--v2-border);z-index:10;background:#292929;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex}.mock-header-left .logo-text{text-transform:uppercase;letter-spacing:-.04em;color:var(--v2-accent);font-size:18px;font-weight:900}.mock-header-center{flex-1:1 1 0%;justify-content:center;display:flex}.mock-search-bar{border:1px solid var(--v2-border);color:var(--v2-text-dim);cursor:pointer;background:#ffffff0a;background:lab(100% 0 0/.04);border-radius:9999px;align-items:center;gap:8px;width:300px;padding:6px 16px;font-size:12px;display:flex}.mock-header-right{align-items:center;gap:16px;display:flex}.mock-avatar-divider{background:var(--v2-border);width:1px;height:20px}.mock-user-avatar{background:var(--v2-accent);color:#041820;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:800;display:flex}.mock-app-body{flex:1;height:calc(100% - 56px);display:flex;overflow:hidden}.mock-app-sidebar{background:#242424;border-right:none;flex-direction:column;flex-shrink:0;justify-content:space-between;width:240px;padding:16px 12px;display:flex}.mock-sidebar-nav{flex-direction:column;gap:4px;display:flex}.mock-nav-item{color:var(--v2-text-dim);text-align:left;cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:14px;align-items:center;gap:12px;padding:10px 16px;font-size:13.5px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.mock-nav-item:hover{color:var(--v2-text);background:#ffffff05}.mock-nav-item.active{color:var(--v2-text);background:#ffffff08;border-color:#1fc8e240}.mock-nav-item.active:before{content:"";background:#fff;border-radius:99px;width:3px;height:16px;position:absolute;top:50%;left:-1.5px;transform:translateY(-50%)}.mock-sidebar-timer{background:#2d2d2d;border:none;border-radius:32px;flex-direction:column;gap:10px;padding:14px;display:flex;box-shadow:0 8px 24px #00000040}.mock-timer-header{text-transform:uppercase;color:var(--v2-text-dim);letter-spacing:.05em;align-items:center;gap:8px;font-size:11px;font-weight:800;display:flex}.mock-timer-active-task{background:#ffffff08;background:lab(100% 0 0/.03);border:1px solid #ffffff0a;border:1px solid lab(100% 0 0/.04);border-radius:8px;flex-direction:column;gap:2px;padding:6px 10px;display:flex}.mock-timer-active-task .lbl{color:var(--v2-accent);letter-spacing:.08em;font-size:8px;font-weight:700}.mock-timer-active-task .task-title{color:var(--v2-text);font-size:11px;font-weight:700}.mock-timer-ring-container{justify-content:center;align-items:center;width:100%;padding:8px 0;display:flex;position:relative}.mock-timer-ring-container svg{width:140px;height:140px;transform:rotate(-90deg)}.mock-timer-ring-container circle{transform-origin:50%}.mock-timer-digits{flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mock-timer-digits .digits{letter-spacing:-.04em;color:var(--v2-text);font-size:28px;font-weight:800;line-height:1}.mock-timer-digits .phase{color:var(--v2-accent);letter-spacing:.08em;margin-top:2px;font-size:8px;font-weight:700}.mock-timer-controls{justify-content:center;align-items:center;gap:16px;margin-top:6px;display:flex}.mock-timer-controls .ctrl-btn{border:1px solid var(--v2-border);width:38px;height:38px;color:var(--v2-text-dim);cursor:pointer;background:#ffffff0a;background:lab(100% 0 0/.04);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.mock-timer-controls .ctrl-btn:hover{color:#fff;background:#ffffff14;background:lab(100% 0 0/.08)}.mock-timer-controls .play-btn{background:var(--v2-accent);color:#041820;cursor:pointer;width:50px;height:50px;box-shadow:0 4px 12px var(--v2-accent-glow);border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .25s;display:flex}.mock-timer-controls .play-btn:hover{background:var(--v2-accent-hover);transform:scale(1.05)}.mock-timer-footer{border-top:1px solid var(--v2-border);justify-content:space-between;align-items:center;margin-top:6px;padding-top:12px;display:flex}.mock-timer-footer .cycle-dots{gap:6px;display:flex}.mock-timer-footer .cycle-dot{background:#ffffff14;background:lab(100% 0 0/.08);border-radius:50%;width:6px;height:6px;transition:all .3s}.mock-timer-footer .cycle-dot.active{background:var(--v2-accent);box-shadow:0 0 6px var(--v2-accent-glow)}.mock-timer-footer .cycle-ratio{color:var(--v2-text-dim);font-size:11px;font-weight:700}.mock-app-content{background:#191919;flex:1;min-height:0;padding:24px;overflow-y:auto}.mock-tab-panel{flex-direction:column;display:flex}.mock-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.mock-stat-card{background:#2d2d2d;border:none;border-radius:32px;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.mock-stat-card .details{text-align:left;flex-direction:column;gap:4px;display:flex}.mock-stat-card .val{color:var(--v2-text);font-size:24px;font-weight:800;line-height:1}.mock-stat-card .lbl{color:var(--v2-text-dim);letter-spacing:.05em;text-transform:uppercase;font-size:8px;font-weight:700}.mock-stat-card .icon-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.mock-stat-card.card-timer .icon-circle{color:var(--v2-accent);background:#00d4e51a;background:lab(76.9592% -49.0025 -25.3604/.1)}.mock-stat-card.card-hourglass .icon-circle{color:var(--v2-accent-secondary);background:#638ef81a;background:lab(59.7496% 9.37858 -58.4236/.1)}.mock-stat-card.card-completed .icon-circle{background:oklch(140deg .15 50% / 10%);color:#22c55e}.mock-stat-card.card-streak .icon-circle{color:#ca8a04;background:#ff04891a;background:lab(55.8726% 89.6046 1.48317/.1)}.mock-goal-panel{background:#2d2d2d;border:none;border-radius:32px;flex-direction:column;gap:8px;padding:16px;display:flex}.mock-goal-panel .goal-info{justify-content:space-between;align-items:center;display:flex}.mock-goal-panel .goal-nums{font-size:13px;font-weight:700}.mock-goal-panel .goal-nums .cur{color:var(--v2-text)}.mock-goal-panel .goal-nums .max{color:var(--v2-text-dim);margin-left:4px}.mock-goal-panel .goal-progress-bar-bg{background:#ffffff0f;background:lab(100% 0 0/.06);border-radius:3px;height:6px;overflow:hidden}.mock-goal-panel .goal-progress-bar-fill{background:var(--v2-accent);border-radius:3px;height:100%;transition:width .5s}.mock-tasks-canvas{background:#222;border-radius:32px;flex-direction:column;gap:16px;margin-top:16px;padding:24px;display:flex}.mock-tasks-canvas .section-title{text-transform:uppercase;color:var(--v2-text);letter-spacing:.05em;margin-top:4px;font-size:13px;font-weight:800}.mock-tasks-list{flex-direction:column;gap:8px;display:flex}.mock-task-card{cursor:pointer;background:#2d2d2d;border:1px solid #0000;border-radius:24px;justify-content:space-between;align-items:center;padding:14px 20px;transition:all .2s;display:flex}.mock-task-card:hover{background:#262626;border-color:#0000}.mock-task-card.selected{box-shadow:none;background:#1c282d;border-color:#0000}.mock-task-card.completed{background:#1a221d;border-color:#0000}.mock-task-card-left{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.mock-task-select-ring{border:2px solid var(--v2-border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.mock-task-card.selected .mock-task-select-ring{border-color:var(--v2-accent)}.mock-task-select-dot{background:var(--v2-accent);width:10px;height:10px;box-shadow:0 0 6px var(--v2-accent-glow);border-radius:50%}.mock-task-card-right{flex-shrink:0;align-items:center;margin-left:16px;display:flex}.mock-task-check{cursor:pointer;color:#ffffff40;background:#ffffff05;border:1.5px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.mock-task-check:hover{border-color:var(--v2-accent);color:var(--v2-accent);background:#1fc8e20d}.mock-task-check.checked{border-color:var(--v2-accent);color:var(--v2-accent);background:#1fc8e21a}.mock-task-card .title{color:var(--v2-text);font-size:13px;font-weight:700;transition:all .2s}.mock-task-card.completed .title{color:var(--v2-text-dim);text-decoration:line-through}.mock-task-badge{letter-spacing:.08em;border-radius:4px;padding:2px 6px;font-size:8px;font-weight:800}.mock-task-badge.commission{color:var(--v2-accent);background:#00d4e526;background:lab(76.9592% -49.0025 -25.3604/.15)}.mock-task-badge.study{background:oklch(80deg .18 78% / 15%);color:#ca8a04}.mock-task-badge.personal{color:var(--v2-accent-secondary);background:#638ef826;background:lab(59.7496% 9.37858 -58.4236/.15)}.mock-task-subbadge{color:var(--v2-text-dim);font-size:10px;font-weight:600}.mock-task-meta{color:var(--v2-text-dim);flex-wrap:wrap;align-items:center;gap:12px;font-size:11px;display:flex}.mock-task-meta .meta-item{align-items:center;gap:6px;display:flex}.mock-task-meta .paid-status-lbl{text-transform:uppercase;letter-spacing:.05em;margin-left:2px;font-size:8px;font-weight:800}.mock-task-meta .paid-status-lbl.paid{color:#22c55e}.mock-task-meta .paid-status-lbl.unpaid{color:var(--v2-text-dim)}.mock-commission-card{background:#2d2d2d;border:none;border-radius:16px;flex-direction:column;gap:6px;padding:16px;display:flex}.mock-commission-card .card-header{justify-content:space-between;align-items:center;display:flex}.mock-commission-card .title{color:#fff;font-size:13px;font-weight:800}.mock-commission-card .status-pill{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:2px 8px;font-size:9px;font-weight:800}.mock-commission-card .status-pill.wip{color:#00e59b;background:#03b0c726}.mock-commission-card .status-pill.pending{color:var(--v2-text-dim);background:#ffffff0d}.mock-commission-card .client{color:var(--v2-text-dim);font-size:11px}.mock-clients-list{flex-direction:column;gap:8px;display:flex}.mock-client-row{background:#2d2d2d;border:none;border-radius:16px;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.mock-client-row .initial-circle{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:flex}.mock-client-row .paid-status-lbl{text-transform:uppercase;border-radius:6px;padding:2px 8px;font-size:9px;font-weight:800}.mock-client-row .paid-status-lbl.unpaid{color:var(--v2-text-dim);background:#ffffff0d}.mock-client-row .paid-status-lbl.paid{color:#22c55e;background:#22c55e1a}.mock-chart-container{background:#2d2d2d;border:none;border-radius:20px;align-items:stretch;gap:16px;height:200px;padding:20px;display:flex}.chart-y-axis{color:var(--v2-text-dim);text-align:right;flex-direction:column;justify-content:space-between;width:24px;padding:10px 0;font-size:10px;display:flex}.chart-bars-track{border-left:1px solid var(--v2-border);border-bottom:1px solid var(--v2-border);flex:1;justify-content:space-around;align-items:flex-end;padding:0 10px;display:flex}.bar-wrapper{flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;width:32px;height:100%;display:flex}.bar-fill{background:var(--v2-accent);width:100%;box-shadow:0 4px 12px var(--v2-accent-glow);border-radius:4px 4px 0 0;transition:height .5s cubic-bezier(.4,0,.2,1)}.bar-wrapper span{color:var(--v2-text-dim);font-size:10px}.mock-calendar-grid{background:#2d2d2d;border:none;border-radius:20px;grid-template-columns:repeat(7,1fr);gap:6px;padding:16px;display:grid}.calendar-day-header{color:var(--v2-text-dim);text-align:center;padding:4px 0;font-size:10px;font-weight:800}.calendar-day-cell{background:#ffffff05;background:lab(100% 0 0/.02);border:1px solid #ffffff0a;border:1px solid lab(100% 0 0/.04);border-radius:10px;flex-direction:column;justify-content:space-between;height:48px;padding:6px;transition:all .2s;display:flex;position:relative}.calendar-day-cell:hover{background:#ffffff0f;background:lab(100% 0 0/.06);border-color:#ffffff1a;border-color:lab(100% 0 0/.1)}.calendar-day-cell.has-event{background:#ffffff0a;background:lab(100% 0 0/.04);border-color:#ffffff14;border-color:lab(100% 0 0/.08)}.calendar-day-cell .day-number{color:var(--v2-text);font-size:11px;font-weight:700}.calendar-event-dot{border-radius:50%;align-self:flex-end;width:6px;height:6px}.calendar-event-dot.commission{background:var(--v2-accent);box-shadow:0 0 6px var(--v2-accent-glow)}.calendar-event-dot.study{background:#ca8a04;box-shadow:0 0 6px #ca8a0466}.calendar-event-dot.personal{background:var(--v2-accent-secondary);box-shadow:0 0 6px #818cf866}@media (max-width:768px){.mock-app-shell{height:auto}.mock-app-body{flex-direction:column}.mock-app-sidebar{border-right:none;border-bottom:1px solid var(--v2-border);gap:16px;width:100%}.mock-sidebar-timer{display:none}.mock-stats-grid{grid-template-columns:repeat(2,1fr)}.mock-timer-ring-container svg{width:110px;height:110px}}