:root,[data-theme=light]{--tempo: #E87A2E;--tempo-dim: rgba(232, 122, 46, .1);--tempo-glow: rgba(232, 122, 46, .06);--tempo-break: #4ECDC4;--tempo-long: #5AC8FA;--sale: #C42020;--sale-dim: rgba(196,32,32,.1)}[data-theme=dark]{--tempo: #F28C38;--tempo-dim: rgba(242, 140, 56, .12);--tempo-glow: rgba(242, 140, 56, .08);--tempo-break: #5DD9D0;--tempo-long: #6DD2FF;--sale: #E53535;--sale-dim: rgba(229,53,53,.12)}.tempo-hero{max-width:1080px;width:100%;margin:0 auto;padding:80px 32px 40px}.tempo-hero-inner{display:flex;flex-direction:column;align-items:center;text-align:center}.product-hero-icon{width:48px;height:48px;border-radius:12px;box-shadow:0 3px 12px #0000001a;margin-bottom:16px;opacity:0;animation:tempo-hero-in .7s cubic-bezier(.25,1,.5,1) .05s forwards}@keyframes tempo-hero-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes tempo-pulse{0%,to{opacity:1}50%{opacity:.4}}.tempo-hero h1{font-family:var(--gs-display);font-size:clamp(40px,6vw,64px);font-weight:600;letter-spacing:-.04em;line-height:1.05;margin-bottom:8px;opacity:0;animation:tempo-hero-in .7s cubic-bezier(.25,1,.5,1) .1s forwards}.tempo-hero-subtitle{font-family:var(--gs-mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--gs-text-dim);margin-bottom:20px;opacity:0;animation:tempo-hero-in .7s cubic-bezier(.25,1,.5,1) .15s forwards}.tempo-hero-desc{font-size:17px;line-height:1.65;color:var(--gs-text-mid);margin-bottom:28px;max-width:520px;opacity:0;animation:tempo-hero-in .7s cubic-bezier(.25,1,.5,1) .2s forwards}.tempo-cta-row{display:flex;gap:12px;margin-bottom:12px;opacity:0;animation:tempo-hero-in .7s cubic-bezier(.25,1,.5,1) .25s forwards}.tempo-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--gs-sans);font-size:15px;font-weight:600;padding:14px 28px;border-radius:10px;text-decoration:none;transition:opacity .2s,transform .15s}.tempo-btn:hover{transform:translateY(-1px)}.tempo-btn--buy,.tempo-btn--primary{background:var(--tempo);color:#fff}.tempo-btn--buy:hover,.tempo-btn--primary:hover{opacity:.92}.tempo-btn--trial,.tempo-btn--secondary{background:var(--gs-surface);color:var(--gs-text);border:1px solid var(--gs-border)}.tempo-btn--trial:hover,.tempo-btn--secondary:hover{border-color:var(--gs-hover-border);opacity:1}.tempo-cta-hint{font-family:var(--gs-mono);font-size:11px;color:var(--gs-text-dim);letter-spacing:.02em;opacity:0;animation:tempo-hero-in .7s cubic-bezier(.25,1,.5,1) .3s forwards}.tempo-hero-mockup{max-width:1080px;width:100%;margin:0 auto;padding:0 32px 80px;display:flex;justify-content:center;border-bottom:1px solid var(--gs-border)}.tempo-demo-wrap{position:relative;filter:drop-shadow(0 12px 48px rgba(0,0,0,.12))}[data-theme=dark] .tempo-demo-wrap{filter:drop-shadow(0 12px 48px rgba(0,0,0,.5))}.tempo-mockup{width:340px;background:var(--gs-surface);border:1px solid var(--gs-border);border-radius:16px;overflow:hidden;font-size:12px;position:relative}.tempo-mockup-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px}.tempo-mockup-brand{display:flex;align-items:center;gap:8px}.tempo-mockup-icon{width:28px;height:28px;border-radius:7px;background:linear-gradient(145deg,#f28c38,#d4641e);display:grid;place-items:center}.tempo-mockup-icon svg{width:16px;height:16px;color:#fff}.tempo-brand-name{font-family:var(--gs-industrial);font-size:14px;font-weight:600;color:var(--gs-text)}.tempo-mockup-preset{font-family:var(--gs-mono);font-size:9px;letter-spacing:.04em;text-transform:uppercase;color:var(--gs-text-dim);padding:3px 8px;border:1px solid var(--gs-border);border-radius:4px}.tempo-timer-display{text-align:center;padding:24px 20px 20px}.tempo-timer-phase{font-family:var(--gs-mono);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--tempo);margin-bottom:8px}.tempo-timer-time{font-family:var(--gs-industrial);font-size:64px;font-weight:700;letter-spacing:-.04em;color:var(--gs-text);line-height:1;margin-bottom:16px;font-variant-numeric:tabular-nums}.tempo-timer-ring{position:relative;width:200px;height:200px;margin:0 auto 20px}.tempo-timer-ring svg{width:200px;height:200px}.tempo-ring-track{fill:none;stroke:var(--gs-border);stroke-width:4;stroke-dasharray:534.07 1000;stroke-linecap:round}.tempo-ring-fill{fill:none;stroke:var(--tempo);stroke-width:4;stroke-linecap:round;transition:stroke-dasharray .5s ease;animation:tempo-ring-anim 8s ease-in-out infinite}@keyframes tempo-ring-anim{0%{stroke-dasharray:400.55 1000}50%{stroke-dasharray:320.44 1000}to{stroke-dasharray:400.55 1000}}.tempo-timer-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.tempo-timer-center-time{font-family:var(--gs-industrial);font-size:42px;font-weight:700;letter-spacing:-.03em;color:var(--gs-text);line-height:1;font-variant-numeric:tabular-nums}.tempo-timer-center-label{font-family:var(--gs-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--tempo);margin-top:4px}.tempo-session-dots{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:20px}.tempo-sdot{width:8px;height:8px;border-radius:50%;background:var(--gs-border);transition:background .3s}.tempo-sdot--done{background:var(--tempo)}.tempo-sdot--active{background:var(--tempo);animation:tempo-pulse 1.5s ease-in-out infinite}.tempo-task-label{display:flex;align-items:center;justify-content:center;gap:6px;font-family:var(--gs-mono);font-size:10px;color:var(--gs-text-dim);padding:0 20px 16px}.tempo-task-label svg{width:12px;height:12px;opacity:.5}.tempo-controls{display:flex;align-items:center;justify-content:center;gap:16px;padding:0 20px 20px}.tempo-ctrl{width:36px;height:36px;border-radius:50%;background:var(--gs-surface);border:1px solid var(--gs-border);display:grid;place-items:center;color:var(--gs-text-dim)}.tempo-ctrl svg{width:14px;height:14px}.tempo-ctrl--play{width:48px;height:48px;background:var(--tempo);border-color:var(--tempo);color:#fff}.tempo-ctrl--play svg{width:18px;height:18px}.tempo-features{max-width:1080px;margin:0 auto;padding:80px 32px;border-bottom:1px solid var(--gs-border)}.tempo-features-header{text-align:center;margin-bottom:56px}.tempo-section-eyebrow{display:inline-block;font-family:var(--gs-mono);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--tempo);margin-bottom:12px}.tempo-features-header h2{font-family:var(--gs-display);font-size:clamp(24px,3.5vw,36px);font-weight:600;letter-spacing:-.02em;margin-bottom:12px}.tempo-features-header p{font-size:16px;line-height:1.6;color:var(--gs-text-mid);max-width:520px;margin:0 auto}.tempo-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tempo-feature-card{background:var(--gs-surface);border:1px solid var(--gs-border);border-radius:14px;padding:28px 24px;transition:border-color .2s,background .25s}.tempo-feature-card:hover{border-color:var(--gs-hover-border)}.tempo-feature-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;margin-bottom:16px}.tempo-feature-icon svg{width:20px;height:20px}.tempo-feature-icon--focus{background:var(--tempo-dim);color:var(--tempo)}.tempo-feature-icon--break{background:#4ecdc41a;color:var(--tempo-break)}.tempo-feature-icon--score{background:#ff9f0a1a;color:#ff9f0a}.tempo-feature-icon--presets{background:#5ac8fa1a;color:var(--tempo-long)}.tempo-feature-icon--menubar{background:#34c7591a;color:#34c759}.tempo-feature-icon--history{background:#af52de1a;color:#af52de}.tempo-feature-card h3{font-family:var(--gs-display);font-size:16px;font-weight:600;margin-bottom:6px}.tempo-feature-card p{font-size:13px;line-height:1.6;color:var(--gs-text-mid)}.tempo-stats{max-width:1080px;margin:0 auto;padding:80px 32px;border-bottom:1px solid var(--gs-border)}.tempo-stats-inner{display:grid;grid-template-columns:1fr 380px;gap:56px;align-items:center}.tempo-stats-text h2{font-family:var(--gs-display);font-size:clamp(24px,3.5vw,36px);font-weight:600;letter-spacing:-.02em;margin-bottom:12px}.tempo-stats-desc{font-size:15px;line-height:1.65;color:var(--gs-text-mid);margin-bottom:28px;max-width:440px}.tempo-stats-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:16px}.tempo-stats-list li{display:flex;align-items:flex-start;gap:12px}.tempo-stats-list li svg{width:20px;height:20px;flex-shrink:0;color:var(--tempo);margin-top:2px}.tempo-stats-list li strong{display:block;font-family:var(--gs-sans);font-size:14px;font-weight:600;color:var(--gs-text);margin-bottom:1px}.tempo-stats-list li span{font-size:13px;color:var(--gs-text-dim);line-height:1.5}.tempo-stats-panel{filter:drop-shadow(0 8px 32px rgba(0,0,0,.08))}[data-theme=dark] .tempo-stats-panel{filter:drop-shadow(0 8px 32px rgba(0,0,0,.4))}.tempo-stats-card{background:var(--gs-surface);border:1px solid var(--gs-border);border-radius:14px;padding:20px;transition:background .25s,border-color .25s}.tsp-divider{height:1px;background:var(--gs-border);margin:14px 0}.tsp-section-label{font-family:var(--gs-mono);font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gs-text-dim);display:block;margin-bottom:10px}.tsp-score-section{display:flex;align-items:center;gap:16px}.tsp-score-ring{position:relative;width:72px;height:72px;flex-shrink:0}.tsp-score-ring svg{width:72px;height:72px}.tsp-score-val{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--gs-industrial);font-size:22px;font-weight:700;color:var(--tempo);line-height:1}.tsp-score-meta{display:flex;flex-direction:column;gap:2px}.tsp-score-label{font-family:var(--gs-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--gs-text-dim)}.tsp-score-level{font-family:var(--gs-display);font-size:14px;font-weight:600;color:var(--gs-text)}.tsp-score-sub{font-size:12px;color:var(--gs-text-dim)}.tsp-today-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tsp-stat{text-align:center}.tsp-stat-val{display:block;font-family:var(--gs-industrial);font-size:20px;font-weight:700;color:var(--gs-text);line-height:1;margin-bottom:3px}.tsp-stat-label{font-family:var(--gs-mono);font-size:9px;letter-spacing:.04em;text-transform:uppercase;color:var(--gs-text-dim)}.tsp-bars{display:flex;align-items:flex-end;gap:3px;height:48px}.tsp-bar{flex:1;height:100%;display:flex;align-items:flex-end}.tsp-bar-fill{display:block;width:100%;height:var(--h, 50%);background:var(--tempo);border-radius:3px 3px 1px 1px;opacity:.4;transition:opacity .2s}.tsp-bar--today .tsp-bar-fill{opacity:1}.tsp-bars:hover .tsp-bar-fill{opacity:.25}.tsp-bars:hover .tsp-bar:hover .tsp-bar-fill{opacity:1}.tsp-goal-header{display:flex;align-items:center;justify-content:space-between}.tsp-goal-header .tsp-section-label{margin-bottom:0}.tsp-goal-target{font-family:var(--gs-mono);font-size:10px;color:var(--gs-text-dim)}.tsp-goal-bar{height:6px;background:var(--gs-border);border-radius:3px;overflow:hidden;margin-top:8px}.tsp-goal-fill{height:100%;background:var(--tempo);border-radius:3px;transition:width .5s ease}.tsp-streak-grid{display:grid;grid-template-columns:repeat(13,1fr);gap:2px}.tsp-streak-day{aspect-ratio:1;border-radius:2px;background:var(--gs-border)}.tsp-streak-day--done{background:var(--tempo);opacity:.35}.tsp-streak-day--active{background:var(--tempo);opacity:1}.tempo-blockout{max-width:1080px;margin:0 auto;padding:80px 32px;border-bottom:1px solid var(--gs-border)}.tempo-blockout-inner{display:grid;grid-template-columns:420px 1fr;gap:56px;align-items:center}.tempo-blockout-demo{filter:drop-shadow(0 12px 48px rgba(0,0,0,.12))}[data-theme=dark] .tempo-blockout-demo{filter:drop-shadow(0 12px 48px rgba(0,0,0,.5))}.tempo-blockout-screen{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:16 / 10;background:#0a0a0a}.tempo-blockout-bg{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(78,205,196,.12) 0%,transparent 70%);animation:blockout-breathe 4s ease-in-out infinite}@keyframes blockout-breathe{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.tempo-blockout-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:24px}.tempo-blockout-msg{font-family:var(--gs-display);font-size:14px;font-weight:400;color:#ffffff80;margin-bottom:12px;letter-spacing:.02em}.tempo-blockout-time{font-family:var(--gs-industrial);font-size:52px;font-weight:200;color:#ffffffe6;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-bottom:6px}.tempo-blockout-phase{font-family:var(--gs-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--tempo-break);margin-bottom:16px}.tempo-blockout-dots{display:flex;gap:6px}.tbo-dot{width:6px;height:6px;border-radius:50%;background:#ffffff26}.tbo-dot--done{background:var(--tempo)}.tbo-dot--break{background:var(--tempo-break);animation:tempo-pulse 1.5s ease-in-out infinite}.tempo-blockout-text h2{font-family:var(--gs-display);font-size:clamp(24px,3.5vw,36px);font-weight:600;letter-spacing:-.02em;margin-bottom:12px}.tempo-blockout-desc{font-size:15px;line-height:1.65;color:var(--gs-text-mid);margin-bottom:24px;max-width:440px}.tempo-blockout-details{display:flex;flex-direction:column;gap:12px}.tempo-blockout-detail{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--gs-text-mid)}.tempo-blockout-detail svg{width:16px;height:16px;flex-shrink:0;color:var(--tempo-break)}.tempo-themes{max-width:1080px;margin:0 auto;padding:80px 32px;border-bottom:1px solid var(--gs-border);text-align:center}.tempo-themes h2{font-family:var(--gs-display);font-size:clamp(24px,3.5vw,36px);font-weight:600;letter-spacing:-.02em;margin-bottom:8px}.tempo-themes>p{font-size:15px;color:var(--gs-text-mid);margin-bottom:40px}.tempo-theme-swatches{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.tempo-swatch{display:flex;flex-direction:column;align-items:center;gap:8px}.tempo-swatch-circle{width:48px;height:48px;border-radius:50%;border:3px solid var(--gs-border);transition:border-color .2s,transform .2s;cursor:default}.tempo-swatch-circle:hover{transform:scale(1.08)}.tempo-swatch--active .tempo-swatch-circle{border-color:var(--tempo);box-shadow:0 0 0 3px var(--tempo-dim)}.tempo-swatch-name{font-family:var(--gs-mono);font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--gs-text-dim)}.tempo-how{max-width:1080px;margin:0 auto;padding:80px 32px;border-bottom:1px solid var(--gs-border)}.tempo-how-header{text-align:center;margin-bottom:56px}.tempo-how-header h2{font-family:var(--gs-display);font-size:clamp(24px,3.5vw,36px);font-weight:600;letter-spacing:-.02em;margin-bottom:8px}.tempo-how-header p{font-size:15px;color:var(--gs-text-mid)}.tempo-how-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.tempo-step{text-align:center}.tempo-step-num{font-family:var(--gs-industrial);font-size:36px;font-weight:700;color:var(--tempo);opacity:.3;line-height:1;margin-bottom:12px}.tempo-step h3{font-family:var(--gs-display);font-size:15px;font-weight:600;margin-bottom:6px}.tempo-step p{font-size:13px;line-height:1.6;color:var(--gs-text-mid)}.tempo-requirements{max-width:1080px;width:100%;margin:0 auto;padding:64px 32px;border-bottom:1px solid var(--gs-border)}.tempo-requirements-label{display:inline-block;font-family:var(--gs-mono);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--gs-text-dim);margin-bottom:24px;padding:5px 12px;border:1px solid var(--gs-border);border-radius:4px}.tempo-req-list{display:flex;gap:32px;flex-wrap:wrap}.tempo-req{font-size:14px;color:var(--gs-text-mid)}.tempo-req strong{color:var(--gs-text);font-weight:600}.tempo-bottom-cta{max-width:1080px;margin:0 auto;padding:80px 32px;text-align:center;border-top:1px solid var(--gs-border)}.tempo-bottom-cta h2{font-family:var(--gs-display);font-size:clamp(24px,4vw,36px);font-weight:600;letter-spacing:-.02em;margin-bottom:12px}.tempo-bottom-sub{font-size:16px;color:var(--gs-text-mid);margin-bottom:32px}.tempo-bottom-btns{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.tempo-bottom-hint{font-family:var(--gs-mono);font-size:11px;color:var(--gs-text-dim)}.tempo-cta-buy{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--gs-sans);font-size:15px;font-weight:600;padding:14px 32px;border-radius:10px;text-decoration:none;background:var(--tempo);color:#fff;transition:opacity .2s,transform .15s}.tempo-cta-buy:hover{opacity:.92;transform:translateY(-1px)}.tempo-cta-trial{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--gs-sans);font-size:15px;font-weight:600;padding:14px 32px;border-radius:10px;text-decoration:none;background:var(--gs-surface);color:var(--gs-text);border:1px solid var(--gs-border);transition:border-color .2s,transform .15s}.tempo-cta-trial:hover{border-color:var(--gs-hover-border);transform:translateY(-1px)}.tempo-cta-trial-badge{font-family:var(--gs-mono);font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tempo);background:var(--tempo-dim);padding:3px 7px;border-radius:4px}.tempo-cta-sub{font-family:var(--gs-mono);font-size:11px;color:var(--gs-text-dim)}@media (max-width: 768px){.tempo-hero{padding:56px 20px 40px}.tempo-hero-mockup{padding:0 20px 64px}.tempo-mockup,.tempo-demo-wrap{width:100%;max-width:340px;margin:0 auto}.tempo-cta-row{flex-direction:column}.tempo-btn{width:100%}.tempo-features{padding:56px 20px}.tempo-features-grid{grid-template-columns:1fr}.tempo-stats{padding:56px 20px}.tempo-stats-inner{grid-template-columns:1fr;gap:40px}.tempo-stats-panel{max-width:380px;margin:0 auto;width:100%}.tempo-blockout{padding:56px 20px}.tempo-blockout-inner{grid-template-columns:1fr;gap:40px}.tempo-blockout-demo{order:-1;max-width:420px;margin:0 auto;width:100%}.tempo-themes,.tempo-how{padding:56px 20px}.tempo-how-steps{grid-template-columns:1fr 1fr;gap:24px 16px}.tempo-requirements{padding:40px 20px}.tempo-req-list{gap:16px;flex-direction:column}.tempo-cta-section,.tempo-bottom-cta{padding:56px 20px}.tempo-cta-btns,.tempo-bottom-btns{flex-direction:column}.tempo-cta-buy,.tempo-cta-trial,.tempo-bottom-btns .tempo-btn{width:100%;max-width:320px}}@media (max-width: 480px){.tempo-hero h1{font-size:36px}.tempo-how-steps{grid-template-columns:1fr}}