@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg:#f8f9fa;--bg-card:#fff;--bg-secondary:#f1f3f5;--text:#212529;--text-muted:#5c6370;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-light:#eff6ff;--border:#dee2e6;--danger:#dc2626;--success:#16a34a;--warning:#d97706;--sidebar-width:220px;--radius:8px;--shadow:0 1px 3px #00000014}@media (prefers-color-scheme:dark){:root{--bg:#111827;--bg-card:#1f2937;--bg-secondary:#374151;--text:#f9fafb;--text-muted:#9ca3af;--accent-light:#1e3a5f;--border:#374151}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}@keyframes micPulse{0%{box-shadow:0 0 #dc262666}70%{box-shadow:0 0 0 14px #dc262600}to{box-shadow:0 0 #dc262600}}@keyframes voiceDot{0%,80%,to{opacity:.4;transform:scaleY(.4)}40%{opacity:1;transform:scaleY(1)}}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)}80%{opacity:1}to{opacity:0;transform:translateY(160px)rotate(540deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}#root{width:100%;min-height:100vh}h1,h2,h3{line-height:1.2}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);z-index:100;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1629;--bg-card:#0f1629;--bg-secondary:#ffffff12;--border:#ffffff1a;--text:#ffffffd1;--text-muted:#fff6;--accent-light:#1a6fff40;background:#0f1629;border-right:none;flex-direction:column;padding:1.25rem 0 1rem;transition:transform .2s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar .sidebar-brand{color:#fff;background:#0f1629}.sidebar .sidebar-link{color:#ffffffb8}.sidebar .sidebar-link:hover{color:#fff}.sidebar .sidebar-link:hover .sidebar-icon{color:#ffffffd1}.sidebar .sidebar-link.active{color:#7eb3ff;font-weight:600}.sidebar .sidebar-link.active .sidebar-icon{color:#7eb3ff}.sidebar .sidebar-icon{color:#ffffff61}.sidebar .sidebar-link-locked.active{color:#ffffffb8;background:0 0;font-weight:400}.sidebar .sidebar-signout:hover{color:#f87171;background:#ffffff12}.sidebar .tier-business{color:#c4b5fd;background:#7c3aed38}.sidebar .tier-pro{color:#93bbff;background:#1a6fff38}.sidebar .tier-free{color:#ffffff73;background:#ffffff14}.sidebar-overlay{z-index:99;background:#00000073;display:none;position:fixed;inset:0}.main-content{margin-left:var(--sidebar-width);flex:1;min-width:0;padding:2rem 2.5rem;overflow-x:hidden}.page-fade{animation:.18s ease-out pageFade}@keyframes pageFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.bottom-nav{display:none}@media (width<=720px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay.visible{display:block}.main-content{padding:1.25rem 1.25rem calc(5rem + env(safe-area-inset-bottom));margin-left:0}.bottom-nav{z-index:98;background:var(--bg-card);border-top:1px solid var(--border);padding:.35rem .25rem calc(.35rem + env(safe-area-inset-bottom));display:flex;position:fixed;bottom:0;left:0;right:0}}.bottom-nav-item{min-height:48px;font:inherit;color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:.15rem;padding:.3rem 0;font-size:.7rem;font-weight:500;text-decoration:none;display:flex}.bottom-nav-item.active{color:var(--accent);font-weight:600}.bottom-nav-item:hover,.bottom-nav-item:focus{text-decoration:none}.bottom-nav-icon{border-radius:14px;justify-content:center;align-items:center;width:56px;height:28px;transition:background .15s;display:flex;position:relative}.bottom-nav-item.active .bottom-nav-icon{background:var(--accent-light)}.bottom-nav-dot{border:2px solid var(--bg-card);background:#dc2626;border-radius:50%;width:8px;height:8px;position:absolute;top:2px;right:14px}.recent-clients{flex-wrap:wrap;gap:.4rem;margin-top:.6rem;display:flex}.recent-client-chip{border:1px solid var(--border);background:var(--bg-secondary);min-height:36px;color:var(--text);font:inherit;cursor:pointer;border-radius:99px;align-items:center;gap:.4rem;padding:.35rem .8rem;font-size:.85rem;font-weight:500;display:inline-flex}.recent-client-chip svg{color:var(--accent)}.recent-client-chip:hover{border-color:var(--accent)}.sidebar-brand{color:var(--accent);letter-spacing:-.5px;padding:0 1.1rem .25rem;font-size:1.2rem;font-weight:700}.sidebar-email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;padding:0 1.1rem 1.1rem;font-size:.75rem;overflow:hidden}.sidebar-profile{color:var(--text);border-radius:0;align-items:center;gap:.65rem;min-width:0;padding:.6rem 1.1rem 1rem;text-decoration:none;transition:background .15s;display:flex}.sidebar-profile:hover{background:var(--bg-alt,#0000000a)}.sidebar-nav{flex:1;padding:0 .5rem;list-style:none}.sidebar-group{margin-bottom:.25rem}.sidebar-group-label{letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);padding:.6rem .85rem .2rem;font-size:.68rem;font-weight:600}.sidebar-group-items{margin:0;padding:0;list-style:none}.sidebar-group-items li{margin-bottom:1px}.sidebar-link{border-radius:var(--radius);color:var(--text);justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;text-decoration:none;transition:background .12s;display:flex}.sidebar-link-inner{align-items:center;gap:.6rem;min-width:0;display:flex}.sidebar-icon{color:var(--text-muted);flex-shrink:0;align-items:center;transition:color .12s;display:flex}.sidebar-link:hover{background:var(--bg-secondary);text-decoration:none}.sidebar-link:hover .sidebar-icon{color:var(--text)}.sidebar-link.active{background:var(--accent-light);color:var(--accent);font-weight:500}.sidebar-link.active .sidebar-icon{color:var(--accent)}.sidebar-link-locked{opacity:.5;cursor:pointer}.sidebar-link-locked:hover{opacity:.75;background:var(--bg-secondary)}.sidebar-link-locked.active{color:var(--text);background:0 0;font-weight:400}.tier-badge{background:var(--warning);color:#fff;border-radius:4px;padding:1px 5px;font-size:.62rem;font-weight:600}.sidebar-timer-pill{background:color-mix(in srgb, var(--accent) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);color:var(--accent);cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;margin:0 .5rem .5rem;padding:.45rem .75rem;font-size:.78rem;font-weight:600;text-decoration:none;transition:background .15s;display:flex}.sidebar-timer-pill:hover{background:color-mix(in srgb, var(--accent) 20%, transparent)}.sidebar-timer-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1.6s ease-in-out infinite timerPulse}.sidebar-timer-dot.paused{background:var(--warning,#d97706);animation:none}.sidebar-timer-client{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sidebar-timer-elapsed{font-variant-numeric:tabular-nums;flex-shrink:0}.sidebar-timer-parked{opacity:.75;flex-shrink:0;font-size:.7rem}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.35}}.idle-banner{border-radius:var(--radius);background:color-mix(in srgb, var(--warning,#d97706) 12%, transparent);border:1px solid color-mix(in srgb, var(--warning,#d97706) 35%, transparent);color:var(--text);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.88rem;display:flex}.idle-banner-actions{flex-shrink:0;gap:.5rem;display:flex}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:.5rem;margin-top:.5rem;padding:.75rem .75rem 0;display:flex}.sidebar-signout{border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;text-align:center;background:0 0;width:100%;padding:.45rem .75rem;font-size:.8rem;transition:background .12s,color .12s}.sidebar-signout:hover{background:var(--bg-secondary);color:var(--danger)}.sidebar-download-row{gap:.5rem;display:flex}.sidebar-download-btn{border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;background:0 0;flex:1;justify-content:center;align-items:center;gap:.35rem;padding:.4rem .5rem;font-size:.75rem;text-decoration:none;transition:background .12s,color .12s;display:flex}.sidebar-download-btn:hover{background:var(--bg-secondary);color:var(--text)}.page-header{margin-bottom:1.5rem}.page-title{font-size:1.4rem;font-weight:700}.page-subtitle{color:var(--text-muted);margin-top:.2rem;font-size:.875rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.section-title{font-size:1rem;font-weight:600}.section-link{color:var(--accent);font-size:.85rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.card-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;max-width:1000px;margin-bottom:1.5rem;display:grid}.card-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.4rem;font-size:.75rem;font-weight:500}.card-value{font-size:2rem;font-weight:700;line-height:1}.card-subtitle{color:var(--text-muted);margin-top:.3rem;font-size:.8rem}.progress-bar{background:var(--bg-secondary);border-radius:100px;height:6px;margin-top:.75rem;overflow:hidden}.progress-fill{background:var(--accent);border-radius:100px;height:100%;transition:width .4s}.progress-fill--anim{animation:.7s cubic-bezier(.25,1,.5,1) forwards fillProgress}@keyframes fillProgress{0%{width:0}to{width:var(--fill,0)}}.progress-fill.complete{background:var(--success)}.table-wrapper{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);background:var(--bg-secondary);padding:.7rem 1rem;font-size:.72rem;font-weight:600}td{border-bottom:1px solid var(--border);padding:.7rem 1rem;font-size:.875rem}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg-secondary)}.text-muted{color:var(--text-muted)}.form-group{margin-bottom:1rem}label{color:var(--text);margin-bottom:.35rem;font-size:.82rem;font-weight:500;display:block}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],select,textarea{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);box-sizing:border-box;padding:.55rem .75rem;font-family:inherit;font-size:.875rem;transition:border-color .12s}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right .65rem center;background-repeat:no-repeat;padding-right:2rem}input:focus,select:focus{border-color:var(--accent);outline:none}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) input[type=date]::-webkit-calendar-picker-indicator{filter:invert();opacity:.8}}:root[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator{filter:invert();opacity:.8}.trash-icon .trash-lid{transform-origin:12px 5px;transition:transform .2s}button:hover .trash-icon .trash-lid{transform:rotate(-35deg)translateY(-1px)}.inline-form{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.inline-form .form-group{flex:1;min-width:130px;margin-bottom:0}@media (width<=480px){.inline-form{flex-direction:column;align-items:stretch}.inline-form .btn{justify-content:center;width:100%}}.btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.35rem;padding:.55rem 1.1rem;font-family:inherit;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .12s,opacity .12s;display:inline-flex}.btn:hover{text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--bg-secondary);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--border)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){opacity:.85}.btn-sm{padding:.3rem .65rem;font-size:.8rem}.privacy-page{--bg:#f8f9fa;--bg-card:#fff;--bg-secondary:#f1f3f5;--text:#212529;--text-muted:#5c6370;--border:#dee2e6;color:#212529;background:#f8f9fa;min-height:100vh;padding:3rem 1.5rem}.privacy-back:hover{text-decoration:underline}.privacy-page h1{color:#212529;margin-bottom:.5rem;font-size:1.8rem;font-weight:800}.privacy-page h2{color:#212529;margin:2rem 0 .5rem;font-size:1.05rem;font-weight:700}.privacy-page p,.privacy-page li{color:#444;margin-bottom:.75rem;font-size:.95rem;line-height:1.7}.privacy-page ul,.privacy-page ol{margin-bottom:.75rem;padding-left:1.5rem}.privacy-page a{color:#2563eb}.privacy-link-button{font:inherit;color:#2563eb;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.dev-docs h3{color:#212529;margin:1.25rem 0 .4rem;font-size:.95rem;font-weight:700}.dev-docs pre{color:#e5e7eb;white-space:pre;background:#1f2937;border-radius:8px;margin-bottom:1rem;padding:.9rem 1rem;font-size:.8rem;line-height:1.55;overflow-x:auto}.dev-docs code{background:#eef0f3;border-radius:4px;padding:.05rem .3rem;font-size:.85em}.dev-docs pre code{background:0 0;padding:0}.dev-docs table{border-collapse:collapse;table-layout:fixed;width:100%;margin-bottom:.75rem;font-size:.875rem}.dev-docs td{vertical-align:top;color:#444;overflow-wrap:anywhere;border-top:1px solid #e5e7eb;padding:.4rem .6rem .4rem 0}.dev-docs td:first-child{white-space:nowrap;width:4.25rem}.dev-docs td:nth-child(2){width:38%}.dev-method{border-radius:4px;padding:.1rem .35rem;font-size:.7rem;font-weight:700}.dev-get{color:#1d4ed8;background:#dbeafe}.dev-post{color:#15803d;background:#dcfce7}.dev-patch{color:#b45309;background:#fef3c7}.dev-delete{color:#b91c1c;background:#fee2e2}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.auth-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:360px;box-shadow:var(--shadow);padding:2rem}.auth-title{color:var(--accent);letter-spacing:-.02em;margin-bottom:.2rem;font-size:1.6rem;font-weight:800}.auth-tagline{color:var(--text);margin-bottom:1.25rem;font-size:.95rem;font-weight:500}.auth-subtitle{color:var(--text-muted);border-top:1px solid var(--border);margin-bottom:1.25rem;padding-top:1.25rem;font-size:.8rem}.auth-links{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:.5rem;margin-top:1.25rem;padding-top:1.25rem;display:flex}.auth-links a,.auth-links-dot,.auth-links button{color:var(--text-muted);font-family:inherit;font-size:.8rem;font-weight:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:none}.auth-links a:hover,.auth-links button:hover{color:var(--accent)}.auth-error{color:var(--danger);border-radius:var(--radius);background:#fef2f2;border:1px solid #fecaca;margin-bottom:1rem;padding:.6rem .75rem;font-size:.85rem}@media (prefers-color-scheme:dark){.auth-error{color:#f87171;background:#dc26261a;border-color:#dc26264d}}.auth-divider{color:var(--text-muted);align-items:center;gap:.75rem;margin:1.25rem 0 1rem;font-size:.8rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.gsi-material-button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-appearance:none;border-radius:var(--radius);box-sizing:border-box;color:#1f1f1f;cursor:pointer;letter-spacing:.25px;text-align:center;vertical-align:middle;white-space:nowrap;background-color:#fff;background-image:none;border:1px solid #747775;outline:none;width:100%;height:40px;margin-bottom:.5rem;padding:0 12px;font-family:Roboto,arial,sans-serif;font-size:14px;transition:background-color .218s,border-color .218s,box-shadow .218s;position:relative;overflow:hidden}@media (prefers-color-scheme:dark){.gsi-material-button{color:#e3e3e3;background-color:#131314;border-color:#8e918f}.gsi-material-button:disabled{background-color:#13131461;border-color:#8e918f1f}.gsi-material-button:not(:disabled):active .gsi-material-button-state,.gsi-material-button:not(:disabled):focus .gsi-material-button-state,.gsi-material-button:not(:disabled):hover .gsi-material-button-state{background-color:#e3e3e3}}.gsi-material-button .gsi-material-button-icon{width:20px;min-width:20px;height:20px;margin-right:10px}.gsi-material-button .gsi-material-button-content-wrapper{flex-flow:row;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.gsi-material-button .gsi-material-button-contents{text-overflow:ellipsis;vertical-align:top;flex-grow:0;font-family:Roboto,arial,sans-serif;font-weight:500;overflow:hidden}.gsi-material-button .gsi-material-button-state{opacity:0;transition:opacity .218s;position:absolute;inset:0}.gsi-material-button:disabled{cursor:default;background-color:#ffffff61;border-color:#1f1f1f1f}.gsi-material-button:disabled .gsi-material-button-contents,.gsi-material-button:disabled .gsi-material-button-icon{opacity:.38}.gsi-material-button:not(:disabled):active .gsi-material-button-state,.gsi-material-button:not(:disabled):focus .gsi-material-button-state{opacity:.12;background-color:#303030}.gsi-material-button:not(:disabled):hover{box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.gsi-material-button:not(:disabled):hover .gsi-material-button-state{opacity:.08;background-color:#303030}.btn-apple-official{cursor:pointer;border-radius:var(--radius);background:0 0;border:none;width:100%;padding:0;display:block;overflow:hidden}.btn-apple-official img{width:100%;height:auto;display:block}.btn-apple-official:disabled{opacity:.5;cursor:not-allowed}.btn-apple{color:#fff;letter-spacing:.25px;cursor:pointer;background:#000;border:none;border-radius:4px;justify-content:center;align-items:center;gap:.5rem;width:100%;height:40px;padding:0 12px;font-family:-apple-system,arial,sans-serif;font-size:14px;font-weight:500;transition:opacity .12s;display:flex}.btn-apple:hover:not(:disabled){opacity:.85}.btn-apple:disabled{opacity:.5;cursor:not-allowed}@media (prefers-color-scheme:dark){.btn-apple{color:#000;background:#fff}}.auth-toggle{text-align:center;color:var(--text-muted);margin-top:1.25rem;font-size:.85rem}.auth-toggle button{color:var(--accent);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:.85rem}.alert{border-radius:var(--radius);margin-bottom:1rem;padding:.7rem 1rem;font-size:.875rem;animation:.2s ease-out alertSlide}@keyframes alertSlide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.alert-info{background:var(--accent-light);color:var(--accent);border:1px solid #2563eb4d}.alert-link{font-weight:600}.alert-success{color:var(--success);background:#f0fdf4;border:1px solid #16a34a4d}@media (prefers-color-scheme:dark){.alert-success{background:#16a34a1a}}.session-title{color:var(--text);overflow-wrap:anywhere;margin-top:.15rem;font-size:.8rem;font-weight:500}.saved-session-card{border-width:1.5px;align-items:flex-start;gap:.75rem;padding:.9rem 1rem;font-size:.95rem;display:flex}.alert-warning{color:var(--warning);background:#fffbeb;border:1px solid #d977064d}@media (prefers-color-scheme:dark){.alert-warning{background:#d977061a}}.current-tier{text-transform:uppercase;letter-spacing:.05em;border-radius:100px;align-items:center;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.tier-free{background:var(--bg-secondary);color:var(--text-muted)}.tier-pro{background:var(--accent-light);color:var(--accent)}.tier-business{color:#7c3aed;background:#f5f3ff}@media (prefers-color-scheme:dark){.tier-business{color:#c4b5fd;background:#7c3aed2e}}.badge-success{color:var(--success);background:#f0fdf4;border-radius:4px;padding:.15rem .5rem;font-size:.78rem;font-weight:500;display:inline-block}@media (prefers-color-scheme:dark){.badge-success{background:#16a34a1f}}.badge-pending{color:var(--warning);background:#fffbeb;border-radius:4px;padding:.15rem .5rem;font-size:.78rem;font-weight:500;display:inline-block}.filter-bar{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.filter-btn{border:1px solid var(--border);background:var(--bg-card);color:var(--text);cursor:pointer;border-radius:100px;min-height:40px;padding:.35rem .9rem;font-family:inherit;font-size:.82rem;transition:all .12s}.filter-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.chart-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;max-width:960px;height:340px;margin-bottom:1.5rem;padding:1.5rem;overflow:hidden}.paywall{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:2.5rem 2rem}.paywall-title{margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.paywall-desc{color:var(--text-muted);margin-bottom:1.25rem;font-size:.875rem}.plan-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin-top:1rem;display:grid}.plan-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);padding:1.5rem}.plan-card.featured{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), var(--shadow)}.plan-badge{background:var(--accent);color:#fff;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;margin-bottom:.75rem;padding:.2rem .55rem;font-size:.7rem;font-weight:600;display:inline-block}.plan-name{margin-bottom:.5rem;font-size:1rem;font-weight:600}.plan-price{color:var(--accent);font-size:2rem;font-weight:700;line-height:1}.plan-period{color:var(--text-muted);margin-bottom:1rem;font-size:.8rem}.plan-features{text-align:left;margin-bottom:1.25rem;font-size:.85rem;list-style:none}.plan-features li{align-items:flex-start;gap:.4rem;padding:.25rem 0;display:flex}.plan-features li:before{content:"✓";color:var(--success);flex-shrink:0;font-weight:600}.invoice-preview{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:2rem}.invoice-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.invoice-total{color:var(--accent);margin-top:.5rem;font-size:1.5rem;font-weight:700}.loading-screen{min-height:100vh;color:var(--text-muted);justify-content:center;align-items:center;font-size:.9rem;display:flex}.loading{color:var(--text-muted);text-align:center;padding:2rem;font-size:.9rem}.empty-state{text-align:center;color:var(--text-muted);padding:3rem 1rem;font-size:.875rem}.tab-bar{border-bottom:1px solid var(--border);gap:.25rem;margin-bottom:1.25rem;padding-bottom:0;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.5rem 1.1rem;font-family:inherit;font-size:.9rem;transition:color .12s,border-color .12s}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:500}.tab-btn:hover:not(.active){color:var(--text)}.timer-display{font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--text-muted);justify-content:center;align-items:center;gap:.5rem;padding:1rem 0;font-size:3.5rem;font-weight:700;transition:color .2s;display:flex}.timer-display.timer-running{color:var(--accent)}.timer-dot{background:var(--danger);border-radius:50%;flex-shrink:0;width:11px;height:11px;animation:1.5s ease-in-out infinite dotBlink}@keyframes dotBlink{0%,to{opacity:1}50%{opacity:.15}}.client-dropdown{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);z-index:50;max-height:200px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.client-dropdown-item{cursor:pointer;padding:.6rem .75rem;font-size:.875rem;transition:background .1s}.client-dropdown-item:hover{background:var(--bg-secondary)}.client-dropdown-heading{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);cursor:default;padding:.5rem .75rem .25rem;font-size:.7rem;font-weight:600}@media (width<=480px){.hide-mobile{display:none}td,th{padding:.6rem;font-size:.8rem}}.cal-nav{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.cal-month-label{font-size:1rem;font-weight:600}.cal-grid{grid-template-columns:repeat(7,1fr);gap:3px;margin-bottom:1rem;display:grid}.cal-day-header{text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;padding:.4rem 0;font-size:.68rem;font-weight:600}.cal-cell{aspect-ratio:1;cursor:default;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;min-width:0;transition:background .1s,transform .15s;display:flex;position:relative}.cal-cell:not(.cal-cell-0):not(.cal-empty):hover{z-index:1;transform:scale(1.18)}.cal-empty{background:0 0!important}.cal-day-num{color:var(--text);font-size:.78rem;line-height:1}.cal-today .cal-day-num{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;font-weight:600;display:flex}.cal-cell-0{background:var(--bg-secondary)}.cal-cell-1{background:#2563eb26}.cal-cell-2{background:#2563eb52}.cal-cell-3{background:#2563eb85}.cal-cell-4{background:#2563ebb8}.cal-cell-5{background:#2563ebeb}.cal-cell-3 .cal-day-num,.cal-cell-4 .cal-day-num,.cal-cell-5 .cal-day-num{color:#fff}.cal-tooltip{background:var(--text);color:var(--bg-card);white-space:nowrap;pointer-events:none;z-index:10;border-radius:4px;padding:3px 7px;font-size:.72rem;font-weight:500;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.cal-tooltip:after{content:"";border:4px solid #0000;border-top-color:var(--text);position:absolute;top:100%;left:50%;transform:translate(-50%)}.cal-legend{justify-content:flex-end;align-items:center;gap:4px;margin-top:.5rem;display:flex}.cal-legend-swatch{border-radius:3px;width:12px;height:12px;display:inline-block}.cal-legend-labels{justify-content:flex-end;gap:0;margin-top:.2rem;display:flex}.cal-legend-labels span{text-align:center;width:20px}@media (width<=480px){.cal-day-header{font-size:.6rem}.cal-day-num{font-size:.68rem}}@media print{.sidebar,.menu-btn,.no-print,.filter-bar,.page-header,.card:not(.invoice-preview),.alert{display:none!important}.main-content{max-width:100%!important;margin-left:0!important;padding:0!important}.invoice-preview{box-shadow:none;border:none;padding:0}}.modal-backdrop{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-card);border-radius:1rem;width:100%;max-width:460px;padding:2rem;position:relative;overflow:hidden;box-shadow:0 8px 32px #0003}.modal-close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;padding:.25rem;font-size:1rem;line-height:1;position:absolute;top:1rem;right:1rem}.modal-title{margin-bottom:1.25rem;font-size:1.25rem;font-weight:700}.modal-success{text-align:center;color:var(--text-secondary);padding:1rem 0}.modal-card textarea{width:100%;font-family:inherit;font-size:inherit;resize:vertical;box-sizing:border-box}.android-modal-card{background:linear-gradient(150deg,#1e3a8a 0%,#2563eb 100%);border-radius:16px;width:100%;max-width:400px;padding:2rem;position:relative;box-shadow:0 16px 48px #0000004d}.android-modal-close{cursor:pointer;color:#fffc;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;line-height:1;transition:background .15s;display:flex;position:absolute;top:1rem;right:1rem}.android-modal-close:hover{color:#fff;background:#ffffff38}.android-modal-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#fff9;margin-bottom:.5rem;font-size:.72rem;font-weight:600}.android-modal-title{color:#fff;letter-spacing:-.02em;margin-bottom:.4rem;font-size:1.5rem;font-weight:800;line-height:1.1}.android-modal-sub{color:#ffffffb3;margin-bottom:1.5rem;font-size:.875rem;line-height:1.6}.android-modal-steps{border:1px solid #ffffff26;border-radius:10px;flex-direction:column;gap:0;margin-bottom:1.25rem;list-style:none;display:flex;overflow:hidden}.android-modal-step{background:#ffffff12;border-bottom:1px solid #ffffff1a;align-items:center;gap:.875rem;padding:.85rem 1rem;transition:background .15s;display:flex}.android-modal-step:last-child{border-bottom:none}.android-modal-step:hover{background:#ffffff21}.android-modal-step-num{color:#ffffffe6;background:#ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.72rem;font-weight:700;display:flex}.android-modal-step-label{color:#ffffffe6;flex:1;font-size:.875rem;font-weight:500;text-decoration:none}.android-modal-step-label:after{content:" →";opacity:.6;font-size:.8rem}.android-modal-step-label:hover{color:#fff;text-decoration:underline}.android-modal-step-label:hover:after{opacity:1}.android-modal-cta{text-align:center;color:#2563eb;background:#fff;border-radius:8px;width:100%;padding:.75rem 1.25rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:background .15s;display:block}.android-modal-cta:hover{color:#1d4ed8;background:#ffffffe6;text-decoration:none}@media (width<=640px){.settings-page .btn{justify-content:center;width:100%}.settings-page .table-wrapper table,.settings-page .table-wrapper thead,.settings-page .table-wrapper tbody,.settings-page .table-wrapper th,.settings-page .table-wrapper td,.settings-page .table-wrapper tr{display:block}.settings-page .table-wrapper thead{display:none}.settings-page .table-wrapper tr{justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem .75rem;display:flex}.settings-page .table-wrapper tr:not(:last-child){border-bottom:1px solid var(--border)}.settings-page .table-wrapper td{border-bottom:none;padding:0;font-size:.875rem}.settings-page .table-wrapper td .btn{width:auto;padding:.4rem .75rem;font-size:.8rem}.dashboard-sessions tr{border-left:3px solid var(--border);padding-left:.85rem}.dashboard-sessions .session-action-cell .btn-danger{color:var(--danger);border:1px solid var(--danger);background:0 0;padding:.25rem .65rem;font-size:.72rem}.dashboard-sessions .session-action-cell .btn-danger:active{background:var(--danger);color:#fff}}.report-breakdown{display:none}@media (width<=640px){.chart-card{height:220px;padding:1rem}.filter-bar{scrollbar-width:none;flex-wrap:nowrap;margin:0 -1.25rem 1.25rem;padding:0 1.25rem;overflow-x:auto}.filter-bar::-webkit-scrollbar{display:none}.filter-bar .filter-btn{white-space:nowrap;flex-shrink:0}.report-stats .card-value{white-space:nowrap;font-size:1.6rem}.report-secondary,.report-desktop{display:none}.report-breakdown{margin-bottom:1.5rem;display:block}}.report-breakdown-row+.report-breakdown-row{margin-top:1rem}.report-breakdown-line{justify-content:space-between;gap:.75rem;font-size:.8rem;display:flex}.report-breakdown-name{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:600;overflow:hidden}.report-breakdown-hours{font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.95rem;font-weight:600}.report-breakdown-track{background:var(--bg-secondary);border-radius:99px;height:8px;margin:.4rem 0;overflow:hidden}.report-breakdown-fill{background:var(--accent);border-radius:99px;height:100%}@media (width<=640px){.invoice-actions{flex-direction:column;width:100%}.invoice-actions .btn{justify-content:center;width:100%}.invoice-form-actions{flex-direction:column}.invoice-form-actions .btn{justify-content:center;width:100%}.timer-actions{flex-direction:column}.timer-actions .btn{justify-content:center;width:100%}}.cal-has-hours{cursor:pointer}.cal-selected{outline:2px solid var(--accent);outline-offset:2px;z-index:1}.cal-day-detail{margin-top:1rem;animation:.18s ease-out both heroFadeUp}.cal-day-detail-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.cal-day-detail-title{margin-bottom:.15rem;font-size:.95rem;font-weight:600}.cal-day-detail-total{color:var(--accent);letter-spacing:-.02em;font-size:1.4rem;font-weight:700}.cal-day-detail-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:.25rem;font-size:1rem;line-height:1}.cal-day-detail-close:hover{color:var(--text)}.cal-day-detail-sessions{flex-direction:column;gap:.5rem;display:flex}.cal-day-detail-session{background:var(--bg-secondary);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .85rem;display:flex}.cal-day-detail-left{min-width:0}.cal-day-detail-client{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:500;overflow:hidden}.cal-day-detail-note{width:100%;font:inherit;color:var(--text-muted);text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;margin-top:.15rem;padding:0;font-size:.78rem;display:block;overflow:hidden}.cal-day-detail-note.open{white-space:normal;overflow:visible}.cal-day-detail-note-line{overflow-wrap:anywhere;margin-bottom:.2rem;display:block}.cal-day-detail-note-toggle{color:var(--accent);font-weight:500;display:none}.cal-day-detail-note.open .cal-day-detail-note-toggle{margin-top:.15rem;display:inline-block}.cal-day-detail-note:hover{color:var(--text)}.cal-day-detail-hours{color:var(--accent);white-space:nowrap;flex-shrink:0;font-size:.9rem;font-weight:600}.add-client-card{border-top:3px solid var(--accent)}.add-client-header{align-items:center;gap:.85rem;margin-bottom:1.25rem;display:flex}.add-client-icon{background:var(--accent-light);width:36px;height:36px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;display:flex}.add-client-title{margin-bottom:.1rem;font-size:1rem;font-weight:600}.add-client-sub{color:var(--text-muted);font-size:.8rem}.add-client-optional{color:var(--text-muted);margin-left:.25rem;font-size:.72rem;font-weight:400}.add-client-fields{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:1.25rem;display:grid}.add-client-btn{justify-content:center;width:100%}@media (width<=900px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid>.card:last-child:nth-child(odd){grid-column:1/-1}}@media (width<=480px){.card-grid .card-value{overflow-wrap:anywhere;font-size:1.6rem}}@media (width<=640px){.dashboard-sessions table,.dashboard-sessions thead,.dashboard-sessions tbody,.dashboard-sessions th,.dashboard-sessions td,.dashboard-sessions tr{display:block}.dashboard-sessions td{border-bottom:none}.dashboard-sessions thead{display:none}.dashboard-sessions tr{border-bottom:1px solid var(--border);grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.1rem .5rem;padding:.75rem 1rem;display:grid}.dashboard-sessions tr:last-child{border-bottom:none}.dashboard-sessions td[data-label=Client]{grid-area:1/1;max-width:none;padding:0;font-size:.9rem;font-weight:500}.dashboard-sessions td[data-label=Hours]{text-align:right;grid-area:1/2;padding:0;font-size:.9rem;font-weight:600}.dashboard-sessions td[data-label=Date]{color:var(--text-muted);grid-area:2/1;padding:0;font-size:.78rem}.dashboard-sessions .session-action-cell{text-align:right;grid-area:2/2;padding:0}.dashboard-sessions .session-action-cell .btn{padding:.3rem .65rem;font-size:.75rem}.dashboard-sessions td:not([data-label]):not(.session-action-cell){display:none}.dashboard-sessions td.session-note-cell{grid-area:3/1/auto/-1;padding:.3rem 0 0;font-size:.8rem}.dashboard-sessions td.session-note-cell.is-empty{display:none}.dashboard-sessions .ticket-chip{white-space:normal;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:6px;margin-left:0;display:inline}.dashboard-sessions .ticket-chip-title{white-space:normal}.dashboard-sessions tr.session-edit-row{display:block}.dashboard-sessions tr.session-edit-row td.session-edit-cell{padding:0;display:block}}.onboarding-card{margin-top:.5rem;padding:2rem}.onboarding-eyebrow{letter-spacing:.07em;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem;font-size:.75rem;font-weight:600}.onboarding-heading{color:var(--text);letter-spacing:-.01em;margin-bottom:.6rem;font-size:1.4rem;font-weight:700}.onboarding-subtext{color:var(--text-muted);max-width:480px;margin-bottom:1.5rem;font-size:.9rem;line-height:1.6}.onboarding-steps{counter-reset:steps;flex-direction:column;gap:.9rem;margin-bottom:1.75rem;padding:0;list-style:none;display:flex}.onboarding-steps li{counter-increment:steps;align-items:flex-start;gap:.85rem;display:flex}.onboarding-steps li:before{content:counter(steps);background:var(--accent-light);width:24px;height:24px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:.75rem;font-weight:700;display:flex}.onboarding-step-title{color:var(--text);font-size:.9rem;font-weight:600;line-height:1.3;display:block}.onboarding-step-desc{color:var(--text-muted);margin-top:2px;font-size:.82rem;line-height:1.5;display:block}.onboarding-actions{flex-wrap:wrap;gap:.75rem;display:flex}.btn-icon{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;padding:4px 6px;line-height:1;transition:color .15s;display:inline-flex}.btn-icon:hover:not(:disabled){color:var(--danger,#dc2626)}.btn-icon:disabled{opacity:.35;cursor:not-allowed}.member-card-pending{border:1.5px dashed var(--border,#e5e7eb)!important;background:var(--bg-alt,#f9fafb)!important}.btn-link{cursor:pointer;color:var(--accent);text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:.82rem;text-decoration:underline}.btn-link:hover{opacity:.75}[data-bg=dynamic] body:before{content:"";z-index:-1;pointer-events:none;will-change:transform;background:radial-gradient(55% 50% at 20% 30%,#2563eb21 0%,#0000 70%),radial-gradient(50% 55% at 78% 68%,#7c3aed1a 0%,#0000 70%),radial-gradient(45% 40% at 55% 88%,#10b98112 0%,#0000 70%);animation:28s ease-in-out infinite alternate bgDrift;position:fixed;inset:-25%}@keyframes bgDrift{0%{transform:translate(0)scale(1)}to{transform:translate(2.5%,2%)scale(1.04)}}@media (prefers-reduced-motion:reduce){[data-bg=dynamic] body:before{animation:none}}@media (width<=720px){[data-bg=dynamic] body:before{display:none}}.history-gate{margin-top:-.5rem;position:relative}.history-gate-fade{background:linear-gradient(to bottom, transparent, var(--bg));pointer-events:none;height:48px}.history-gate-content{background:var(--bg-card);border:1px solid var(--border);border-top:2px dashed var(--border);border-radius:0 0 var(--radius) var(--radius);flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}:root[data-theme=dark]{--bg:#111827;--bg-card:#1f2937;--bg-secondary:#374151;--text:#f9fafb;--text-muted:#9ca3af;--accent-light:#1e3a5f;--border:#374151}@media (prefers-color-scheme:dark){:root[data-theme=light]{--bg:#f8f9fa;--bg-card:#fff;--bg-secondary:#f1f3f5;--text:#212529;--text-muted:#5c6370;--accent-light:#eff6ff;--border:#dee2e6}}[data-theme=dark] .auth-error{color:#f87171;background:#dc26261a;border-color:#dc26264d}[data-theme=dark] :is(.auth-title,.auth-legal a,.auth-toggle button){color:#60a5fa}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) :is(.auth-title,.auth-legal a,.auth-toggle button){color:#60a5fa}}[data-theme=dark] .alert-success{background:#16a34a1a}[data-theme=dark] .alert-warning{background:#d977061a}[data-theme=dark] .tier-business{color:#c4b5fd;background:#7c3aed2e}[data-theme=dark] .badge-success{background:#16a34a1f}@media (prefers-color-scheme:dark){[data-theme=light] .auth-error{color:var(--danger);background:#fef2f2;border-color:#dc262626}[data-theme=light] .alert-success{background:#f0fdf4}[data-theme=light] .alert-warning{background:#fffbeb}[data-theme=light] .tier-business{background:#6d28d914}[data-theme=light] .badge-success{background:#dcfce7}.sidebar-link.active{color:#fff;background:#2563eb59}.sidebar-link.active .sidebar-icon{color:#fff}}[data-theme=dark] .sidebar-link.active{color:#fff;background:#2563eb59}[data-theme=dark] .sidebar-link.active .sidebar-icon{color:#fff}@media (prefers-color-scheme:dark){[data-theme=light] .sidebar-link.active{color:var(--accent);background:var(--accent-light)}[data-theme=light] .sidebar-link.active .sidebar-icon{color:var(--accent)}.alert-info{color:#bfdbfe}}[data-theme=dark] .alert-info{color:#bfdbfe}@media (prefers-color-scheme:dark){[data-theme=light] .alert-info{color:var(--accent)}.badge-pending{background:#d977061f}}[data-theme=dark] .badge-pending{background:#d977061f}@media (prefers-color-scheme:dark){[data-theme=light] .badge-pending{background:#fffbeb}.member-card-pending{background:#ffffff08!important}}[data-theme=dark] .member-card-pending{background:#ffffff08!important}@media (prefers-color-scheme:dark){[data-theme=light] .member-card-pending{background:var(--bg-secondary,#f9fafb)!important}}.btn-icon svg{overflow:visible}.btn-icon svg>:first-child{transform-origin:0;transform-box:fill-box;transition:transform .2s}.btn-icon:hover:not(:disabled) svg>:first-child{transform:rotate(-30deg)translateY(-1px)}.ticket-chip{border:1px solid var(--border);background:var(--bg-secondary);color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap;vertical-align:middle;border-radius:99px;align-items:baseline;max-width:min(100%,22rem);margin-left:.4rem;padding:1px 7px;font-size:.72rem;font-weight:600;text-decoration:none;display:inline-flex}.ticket-chip-title{text-overflow:ellipsis;white-space:pre;min-width:0;font-weight:500;overflow:hidden}a.ticket-chip:hover{border-color:var(--accent);text-decoration:none}.jira-ticket-chip{min-width:0;max-width:100%}.jira-ticket-chip strong{white-space:nowrap;flex-shrink:0}.jira-ticket-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:16rem;color:var(--text-muted);font-weight:400;overflow:hidden}.client-dropdown-item.selected{background:var(--bg-secondary);font-weight:600}.ticket-option{align-items:baseline;gap:.4rem;min-width:0;display:flex}.ticket-option strong{white-space:nowrap;flex-shrink:0}.ticket-option-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-muted);overflow:hidden}.ticket-option-client{color:var(--text-muted);flex-shrink:0;margin-left:auto;font-size:.75rem}.recent-client-chip.active .jira-ticket-title{color:inherit;opacity:.85}.timer-ticket{flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem .5rem;margin-top:.4rem;display:flex}.timer-ticket .ticket-chip{margin-left:0}.link-btn{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:.25rem .1rem;font-size:.8rem}.link-btn:hover{text-decoration:underline}.link-btn.danger{color:var(--danger,#dc2626)}.split-part{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.85rem;padding:.85rem}.split-part h3{justify-content:space-between;gap:.5rem;margin-bottom:.6rem;font-size:.85rem;font-weight:600;display:flex}.split-duration{align-items:center;gap:.5rem;display:flex}.split-duration input{width:4.5rem}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-success{color:var(--success)}.contract-summary{flex-direction:column;gap:.35rem;margin-top:.6rem;font-size:.8rem;display:flex}.contract-summary-line{flex-wrap:wrap;justify-content:space-between;gap:.5rem;font-size:.85rem;display:flex}.contract-summary-note{line-height:1.4}.contract-ledger{margin-top:.35rem}.contract-ledger summary{cursor:pointer;color:var(--accent);font-size:.8rem;font-weight:600}.contract-ledger-scroll{margin:.5rem 0;overflow-x:auto}.contract-ledger table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.78rem}.contract-ledger th,.contract-ledger td{text-align:right;white-space:nowrap;border-bottom:1px solid var(--border);vertical-align:top;padding:.4rem .5rem}.contract-ledger thead th{color:var(--text-muted);font-weight:600}.contract-ledger th:first-child,.contract-ledger td:first-child{text-align:left}.contract-ledger tbody th{font-weight:600}.contract-ledger-current{background:var(--accent-light)}.contract-ledger-actions{flex-wrap:wrap;gap:.5rem;display:flex}.contract-ledger-tag{color:var(--accent);font-size:.7rem;font-weight:500;display:block}.contract-ledger-sub{font-size:.7rem}.contract-ledger-owed{color:var(--warning,#b45309)}.contract-ledger-banked{color:var(--success,#15803d)}.contract-ledger-note{margin:.25rem 0 0;font-size:.72rem}@media (width<=600px){.contract-ledger thead{display:none}.contract-ledger table,.contract-ledger tbody{display:block}.contract-ledger tr{border-bottom:1px solid var(--border);grid-template-columns:1fr;gap:.2rem;padding:.55rem .6rem;display:grid}.contract-ledger tbody th{background:0 0;border:0;grid-column:1/-1;padding:0 0 .2rem}.contract-ledger td{text-align:right;white-space:normal;border:0;justify-content:space-between;gap:.4rem;padding:0;display:flex}.contract-ledger td:before{content:attr(data-label);color:var(--text-muted);text-align:left}.contract-ledger td .contract-ledger-sub{margin-left:.25rem;display:inline}}.contract-editor{border-top:1px solid var(--border);margin-top:.75rem;padding-top:.75rem}.contract-editor-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-bottom:.75rem;display:grid}.contract-editor-grid .form-group{margin-bottom:0}.contract-editor fieldset{border:none;margin:0 0 .75rem;padding:0}.contract-editor legend{margin-bottom:.4rem;font-size:.85rem;font-weight:600}.contract-check{align-items:center;gap:.5rem;margin-bottom:.4rem;font-size:.85rem;display:flex}.contract-check input{width:auto}.weekday-toggles{flex-wrap:wrap;gap:.3rem;display:flex}.weekday-toggle{border:1px solid var(--border);min-width:2.6rem;color:var(--text);cursor:pointer;background:0 0;border-radius:6px;padding:.3rem .45rem;font-size:.8rem}.weekday-toggle[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.time-off-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem 0;font-size:.85rem;display:flex}.time-off-row:last-child{border-bottom:none}.client-report{max-width:760px;margin:0 auto;padding:1.5rem 1rem 3rem}.client-report-header{margin-bottom:1rem}.client-report-header h1{margin:.25rem 0;font-size:1.5rem;font-weight:700}.client-report-brand{color:var(--accent);font-weight:700}.client-report-controls{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.client-report-controls select{width:auto}.client-report-totals,.client-report-section{margin-bottom:1rem}.client-report-section h2{margin-bottom:.5rem;font-size:1rem;font-weight:600}.client-report-row{justify-content:space-between;gap:.75rem;padding:.3rem 0;font-size:.9rem;display:flex}.client-report-row>span:last-child{white-space:nowrap}.client-report-day{border-bottom:1px solid var(--border);padding:.4rem 0}.client-report-day:last-child{border-bottom:none}.client-report-entry{padding-left:.75rem;font-size:.85rem}.client-report-footer{text-align:center;margin-top:1.5rem;font-size:.75rem}@media print{.client-report-controls{display:none}.client-report .card{box-shadow:none;break-inside:avoid;border:1px solid #ccc}.client-report a{color:inherit;text-decoration:none}}.untracked-row{flex-wrap:wrap}.untracked-row>span:first-child{flex:14rem}.recent-client-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.activity-chip{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-muted,inherit);vertical-align:middle;border-radius:99px;margin-left:.4rem;padding:0 .45rem;font-size:.72rem;font-weight:600;display:inline-block}.report-activity{margin-bottom:1rem}.member-detail{border-top:1px solid var(--border);margin-top:.75rem;padding-top:.75rem}.member-detail-stats{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.6rem 1rem;margin-bottom:.75rem;display:grid}.member-detail-stats>div{flex-direction:column;font-size:.85rem;display:flex}.member-detail-stats .text-muted{font-size:.72rem}.member-weeks{align-items:flex-end;gap:4px;height:48px;display:flex}.member-week{flex:1;align-items:flex-end;height:100%;display:flex}.member-week-bar{background:var(--accent);opacity:.8;border-radius:3px 3px 0 0;width:100%}.member-week:last-child .member-week-bar{opacity:1}.member-time-log{border-top:1px solid var(--border);margin-top:.9rem;padding-top:.75rem;font-size:.8rem}.member-time-log-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.member-time-form{border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:.5rem;margin-bottom:.6rem;padding:.75rem;display:flex}.member-time-form label{color:var(--text-muted);flex-direction:column;gap:.2rem;margin:0;font-size:.75rem;display:flex}.member-time-form-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.member-time-check{align-items:center;color:var(--text)!important;flex-direction:row!important;gap:.4rem!important}.member-time-hint{margin:0;font-size:.75rem}.member-time-ranges{flex-wrap:wrap;gap:.35rem;margin-bottom:.4rem;display:flex}.member-time-note{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;margin-top:.2rem;padding:0;display:block}.member-time-note>span{-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.member-time-note.open>span{-webkit-line-clamp:unset;line-clamp:none;white-space:pre-wrap;display:block}.member-time-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem 0;display:flex}.added-by-tag{background:var(--accent-light);color:var(--accent);white-space:nowrap;border-radius:999px;margin-left:.4rem;padding:.05rem .45rem;font-size:.7rem;display:inline-block}@media (width<=600px){.member-time-form-row{grid-template-columns:1fr 1fr}.member-time-form-row label:first-child{grid-column:1/-1}.member-time-row{flex-direction:column;align-items:flex-start}}.team-contract h2{margin:0 0 .2rem;font-size:1rem;font-weight:600}.team-contract-head{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.team-contract-head p{margin:0;font-size:.82rem}.team-contract-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:.9rem 0;display:grid}.team-contract-summary div{flex-direction:column;gap:.15rem;font-size:.78rem;display:flex}.team-contract-summary strong{font-size:1rem}.team-contract-members{flex-direction:column;gap:.6rem;display:flex}.team-contract-member-line{justify-content:space-between;gap:.5rem;margin-bottom:.25rem;font-size:.82rem;display:flex}.team-contract-form{flex-direction:column;gap:.6rem;margin-top:.75rem;display:flex}.team-contract-form label{color:var(--text-muted);flex-direction:column;gap:.2rem;margin:0;font-size:.75rem;display:flex}.team-contract-form-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid}.team-contract-check{align-items:center;color:var(--text)!important;flex-direction:row!important;gap:.4rem!important;font-size:.82rem!important}.team-contract-hint{margin:.6rem 0 0;font-size:.75rem}@media (width<=600px){.team-contract-form-row{grid-template-columns:1fr 1fr}.team-contract-summary{grid-template-columns:1fr 1fr 1fr}}.lookback-select{flex-shrink:0;width:auto;padding:.3rem 1.9rem .3rem .6rem;font-size:.8rem}.setup-card{max-width:1000px;margin-bottom:1.5rem;padding:1rem 1.25rem}.setup-header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.setup-header .onboarding-eyebrow{margin-bottom:.15rem}.setup-title{color:var(--text);font-size:1rem;font-weight:600}.setup-sub{color:var(--text-muted);margin-top:.2rem;font-size:.85rem}.setup-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:.15rem .4rem;font-size:1.3rem;line-height:1}.setup-close:hover{background:var(--bg-secondary);color:var(--text)}.setup-progress{margin-top:.6rem;margin-bottom:.4rem}.setup-steps{margin:0;padding:0;list-style:none}.setup-step{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.7rem;padding:.55rem 0;display:flex}.setup-step:last-child{border-bottom:none;padding-bottom:0}.setup-check{border:1.5px solid var(--border);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;font-weight:700;display:inline-flex}.setup-step--done .setup-check{background:var(--success);border-color:var(--success)}.setup-step-text{flex:14rem;min-width:0}.setup-step-title{color:var(--text);font-size:.875rem;font-weight:500;display:block}.setup-step--done .setup-step-title{color:var(--text-muted);font-weight:400}.setup-step-desc{color:var(--text-muted);margin-top:1px;font-size:.8rem;line-height:1.45;display:block}.setup-step-action,.setup-step-actions{flex-shrink:0;gap:.4rem;display:flex}.setup-card--done .setup-title{color:var(--success)}@media (width<=480px){.setup-step-action{margin-left:calc(20px + .7rem)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.settings-anchor{scroll-margin-top:4.5rem}.card-link{transition:border-color .15s,transform .15s}.card-link:hover{border-color:var(--accent);transform:translateY(-1px)}.card-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.settings-layout{grid-template-columns:11rem minmax(0,1fr);align-items:start;gap:2rem;display:grid}.settings-nav{flex-direction:column;gap:.15rem;display:flex;position:sticky;top:1.5rem}.settings-nav-link{border-radius:var(--radius);color:var(--text);white-space:nowrap;padding:.5rem .75rem;font-size:.875rem;text-decoration:none;transition:background .12s;display:block}.settings-nav-link:hover{background:var(--bg-secondary);text-decoration:none}.settings-nav-link.active{background:var(--accent-light);color:var(--accent);font-weight:500}.settings-content{min-width:0;max-width:46rem}.settings-content>.card:first-child{margin-top:0!important}@media (width<=900px){.settings-layout{display:block}.settings-nav{scrollbar-width:none;flex-direction:row;gap:.4rem;margin:0 -1.25rem 1.25rem;padding:0 1.25rem;position:static;overflow-x:auto}.settings-nav::-webkit-scrollbar{display:none}.settings-nav-link{border:1px solid var(--border);background:var(--bg-card);border-radius:100px;flex-shrink:0;padding:.4rem .9rem;font-size:.82rem}.settings-nav-link.active{background:var(--accent);border-color:var(--accent);color:#fff}}.integration-grid{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.integration-grid>li{display:flex}.integration-card{width:100%;color:var(--text);flex-direction:column;gap:.3rem;margin:0;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.integration-card:hover{border-color:var(--accent);text-decoration:none;transform:translateY(-1px)}.integration-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.integration-card-top{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.integration-icon{border-radius:var(--radius);background:var(--accent-light);width:2.1rem;height:2.1rem;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.integration-name{font-size:.95rem;font-weight:600}.integration-desc{color:var(--text-muted);font-size:.8rem;line-height:1.45}.integration-status{white-space:nowrap;flex-shrink:0;font-size:.78rem}.integration-back{color:var(--text-muted);align-items:center;gap:.3rem;margin-bottom:1rem;font-size:.85rem;text-decoration:none;display:inline-flex}.integration-back:hover{color:var(--accent);text-decoration:none}.integration-detail{max-width:46rem}@media (width<=480px){.integration-grid{grid-template-columns:1fr;gap:.6rem}.integration-card{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.1rem .75rem;display:grid}.integration-card-top{display:contents}.integration-card-top .integration-icon{grid-row:1/span 2}.integration-card-top .integration-status{grid-area:1/3/span 2}.integration-name{grid-area:1/2}.integration-desc{grid-area:2/2}}.page-tabs{border-bottom:1px solid var(--border);scrollbar-width:none;gap:.25rem;margin:-.5rem 0 1.5rem;display:flex;overflow-x:auto}.page-tabs::-webkit-scrollbar{display:none}.page-tab{color:var(--text-muted);white-space:nowrap;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.55rem .9rem;font-size:.9rem;font-weight:500;text-decoration:none}.page-tab:hover{color:var(--text);text-decoration:none}.page-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.report-row-link{cursor:pointer}.report-row-link:hover td{background:var(--accent-light)}.report-breakdown-link{color:inherit;text-decoration:none;display:block}.session-note{all:unset;cursor:pointer;max-width:42rem;line-height:1.45;display:block}.session-note>span{-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.session-note.open>span{-webkit-line-clamp:unset;line-clamp:none;white-space:pre-wrap;display:block}.session-note:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.session-edit{grid-template-columns:minmax(12rem,14rem) minmax(14rem,1fr) minmax(16rem,2fr);align-items:start;gap:.75rem 1rem;display:grid}.session-edit-actions{grid-column:1/-1}@media (width<=1100px){.session-edit{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.session-edit-what{grid-column:1/-1}}@media (width<=640px){.session-edit{grid-template-columns:minmax(0,1fr)}}.session-edit input[type=date]{width:100%}.report-print{display:none}@media print{.report-screen,.bottom-nav{display:none!important}.report-print{color:#000;background:#fff;font-size:10pt;display:block}.report-print h1{margin:0 0 .25rem;font-size:18pt}.report-print h2{margin:1.25rem 0 .4rem;font-size:12pt}.report-print table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.report-print th,.report-print td{text-align:left;vertical-align:top;border-bottom:1px solid #ccc;padding:.25rem .4rem}.report-print thead{display:table-header-group}.report-print tr{break-inside:avoid}.report-print-totals{width:auto!important}.report-print-totals th{padding-right:2rem}.report-print-footer{color:#555;margin-top:1.5rem;font-size:8pt}}.date-filter{display:block;position:relative}@supports selector(::-webkit-datetime-edit){.date-filter[data-empty] input:not(:focus)::-webkit-datetime-edit{color:#0000}.date-filter[data-empty]:not(:focus-within):after{content:"Any date";color:var(--text-muted);pointer-events:none;font-size:.9rem;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}}.pending-sync{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);margin:0 0 1rem;padding:.6rem .9rem;font-size:.85rem}.pending-sync p{margin:0}.pending-sync p+p{margin-top:.3rem}.pending-sync-error{color:var(--danger,#dc2626)}.landing{flex-direction:column;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.landing-banner{background:linear-gradient(150deg,#1e3a8a 0%,#2563eb 100%);position:relative;overflow:hidden}.landing-banner:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(#ffffff21 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.landing-banner:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#60a5fa40 0%,#0000 70%);width:520px;height:520px;position:absolute;top:-120px;right:-120px}.landing-hero{z-index:1;position:relative}.landing-banner .landing-nav{border-bottom-color:#ffffff1f}.landing-banner .landing-logo{color:#fff}.landing-banner .landing-nav-signin{color:#ffffffe6}.landing-banner .landing-nav-signin:hover,.landing-banner .landing-headline{color:#fff}.landing-banner .landing-platforms{color:#ffffffd9;opacity:1}.landing-banner .landing-subhead{color:#fffc}.landing-banner .landing-hero-note{color:#fffffff2}.landing-banner .landing-social-proof{color:#ffffffe6}.landing-banner .landing-btn-primary{color:#2563eb;background:#fff}.landing-banner .landing-btn-primary:hover{color:#1d4ed8;background:#ffffffe6}.landing-nav{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);z-index:100;box-shadow:0 1px 0 var(--border);background:#f8f9fad9;justify-content:space-between;align-items:center;padding:.875rem 1.75rem;display:flex;position:sticky;top:0}@media (prefers-color-scheme:dark){.landing-nav{background:#111827d9}}.landing-nav-actions{align-items:center;gap:.75rem;display:flex}.landing-nav-cta{background:var(--accent);color:#fff;border-radius:var(--radius);padding:.45rem .9rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:background .15s;display:inline-block}.landing-nav-cta:hover{background:var(--accent-hover);color:#fff;text-decoration:none}.landing-logo-group{align-items:center;gap:.5rem;display:flex}.landing-nav-icon{border-radius:7px;flex-shrink:0;width:28px;height:28px;display:block}.landing-logo{letter-spacing:-.03em;background:linear-gradient(135deg, var(--accent) 0%, #60a5fa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:800}.landing-banner .landing-logo{-webkit-text-fill-color:#fff;background:0 0}.landing-nav-signin{color:var(--text);font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s}.landing-nav-signin:hover{color:var(--accent);text-decoration:none}.landing-hero{align-items:center;gap:3rem;width:100%;max-width:1100px;margin:0 auto;padding:4rem 3rem 3rem;display:flex}.landing-hero-text{flex:1;min-width:0}.landing-hero-phone{flex-shrink:0;width:220px}.landing-hero-phone .landing-phone-screen-static video{width:100%;display:block}.landing-phone-mockup--video:after{display:none}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.landing-headline{letter-spacing:-.04em;margin-bottom:1.25rem;font-size:clamp(2.25rem,6vw,3.75rem);font-weight:800;line-height:1.05;animation:.5s ease-out both heroFadeUp}.landing-platforms{color:var(--text);opacity:.65;letter-spacing:.02em;margin-bottom:1.25rem;font-size:.875rem;animation:.5s ease-out .1s both heroFadeUp}.landing-platforms-soon{opacity:.7}.landing-subhead{animation:.5s ease-out .2s both heroFadeUp}.landing-hero-ctas{animation:.5s ease-out .3s both heroFadeUp}.landing-hero-note{animation:.5s ease-out .4s both heroFadeUp}.landing-subhead{color:var(--text-muted);margin-bottom:2rem;font-size:1.1rem;line-height:1.7}.landing-hero-ctas{flex-wrap:wrap;justify-content:flex-start;gap:.75rem;margin-bottom:1rem;display:flex}.landing-hero-note{color:var(--text-muted);font-size:.8rem}.landing-hero-demo-link{color:inherit;text-underline-offset:2px;text-decoration:underline}.landing-hero-demo-link:hover{color:var(--accent);text-decoration:underline}.landing-banner .landing-hero-demo-link{color:#fffffff2}.landing-banner .landing-hero-demo-link:hover{color:#fff}.landing-social-proof{color:var(--accent);margin-top:.25rem;font-size:.8rem;font-weight:500}.landing-btn-primary{color:#fff;border-radius:var(--radius);background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:box-shadow .2s,transform .2s;display:inline-block;box-shadow:0 2px 10px #2563eb59}.landing-btn-primary:hover{color:#fff;background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 18px #2563eb73}.landing-btn-secondary{background:var(--bg-secondary);color:var(--text);border-radius:var(--radius);border:1px solid var(--border);padding:.7rem 1.4rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:background .15s;display:inline-block}.landing-btn-secondary:hover{background:var(--border);color:var(--text);text-decoration:none}.landing-appstore-badge{color:#fff;background:#000;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:.5rem;padding:.45rem .9rem;text-decoration:none;transition:opacity .15s;display:inline-flex}.landing-appstore-badge:hover{opacity:.85;color:#fff;text-decoration:none}.landing-appstore-badge--android{cursor:pointer;font:inherit;background:#1a1a2e;border-color:#ffffff1f;position:relative}.landing-appstore-badge--android:after{content:"Beta";color:#000;letter-spacing:.03em;background:#3ddc84;border-radius:4px;padding:1px 5px;font-size:.6rem;font-weight:700;position:absolute;top:-8px;right:-8px}.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:16px;width:100%;max-width:420px;padding:2rem;position:relative}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1rem;line-height:1;position:absolute;top:1rem;right:1rem}.landing-appstore-text{flex-direction:column;line-height:1;display:flex}.landing-appstore-sub{letter-spacing:.01em;margin-bottom:.15rem;font-size:.7rem}.landing-appstore-main{letter-spacing:-.01em;font-size:.95rem;font-weight:600}.landing-btn-outline{color:var(--accent);border-radius:var(--radius);border:1px solid var(--accent);text-align:center;background:0 0;width:100%;padding:.65rem 1.2rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .15s;display:inline-block}.landing-btn-outline:hover{background:var(--accent-light);text-decoration:none}.landing-section-title{text-align:center;letter-spacing:-.03em;margin-bottom:.75rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.1}.landing-section-title:after{content:"";background:var(--accent);border-radius:2px;width:36px;height:3px;margin:1rem auto 0;display:block}.landing-demo{text-align:center;width:100%;max-width:960px;margin:0 auto;padding:5rem 1.5rem}.landing-demo-sub{text-align:center;color:var(--text-muted);margin-bottom:1.5rem;font-size:.9rem}.landing-browser-mockup{border:1px solid var(--border);box-shadow:0 0 0 1px var(--border), 0 12px 40px #00000024;border-radius:10px;overflow:hidden}.landing-browser-bar{background:var(--bg-secondary);border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.6rem 1rem;display:flex}.landing-browser-dots{flex-shrink:0;gap:6px;display:flex}.landing-browser-dots span{background:var(--border);border-radius:50%;width:11px;height:11px}.landing-browser-dots span:first-child{background:#ff5f57}.landing-browser-dots span:nth-child(2){background:#febc2e}.landing-browser-dots span:nth-child(3){background:#28c840}.landing-browser-url{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;border-radius:5px;flex:1;padding:.22rem .65rem;font-family:monospace;font-size:.75rem;overflow:hidden}.landing-browser-mockup--link{color:inherit;text-decoration:none;display:block}.landing-browser-mockup--link:hover{text-decoration:none}.landing-demo-preview{line-height:0;position:relative;overflow:hidden}.landing-demo-screenshot{object-fit:cover;object-position:top;width:100%;max-height:520px;display:block}.landing-demo-overlay{opacity:0;background:#00000040;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.landing-browser-mockup--link:hover .landing-demo-overlay{opacity:1}.landing-demo-cta{background:var(--accent);color:#fff;border-radius:var(--radius);padding:.75rem 1.75rem;font-size:1rem;font-weight:600;box-shadow:0 4px 16px #0003}.landing-demo-mobile-btn{text-align:center;color:var(--accent);margin-top:1rem;font-size:.9rem;font-weight:600;text-decoration:none;display:none}.landing-demo-mobile-btn:hover{color:var(--accent-hover);text-decoration:underline}.landing-screenshots{background:var(--bg-secondary);padding:5rem 0 3rem}.landing-screenshots-header{flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:0 1.5rem;display:flex}.landing-platform-badge{color:var(--accent);background:var(--accent-light);border-radius:99px;align-items:center;gap:.35rem;padding:.2rem .65rem;font-size:.78rem;font-weight:600;display:inline-flex}.landing-screenshots-sub{color:var(--text-muted);text-align:center;max-width:520px;margin:0 auto;font-size:1rem;line-height:1.6}.landing-scroll-track{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border) transparent;gap:1.5rem;padding:.75rem 4rem 1.5rem;scroll-padding-left:4rem;display:flex;overflow-x:auto}.landing-scroll-item:first-child{margin-left:0}.landing-scroll-item:last-child{margin-right:0}.landing-scroll-track::-webkit-scrollbar{height:5px}.landing-scroll-track::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.landing-device-row-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);padding:1.5rem 0 .5rem 4rem;font-size:.75rem;font-weight:600}.landing-scroll-item{scroll-snap-align:start;flex:none;width:240px}.landing-scroll-item--ipad{width:640px}.landing-scroll-item--watch{width:200px}.landing-scroll-track--watch{justify-content:center}@media (width<=640px){.landing-scroll-track--watch{justify-content:flex-start}.landing-device-row-label{padding-left:1.25rem}}.landing-scroll-item p{color:var(--text-muted);text-align:center;margin-top:.65rem;font-size:.75rem;font-style:italic;line-height:1.4}.landing-mac{text-align:center;padding:5rem 1.5rem 4rem;overflow:hidden}.landing-mac-header{flex-direction:column;align-items:center;gap:.75rem;margin-bottom:2.5rem;display:flex}.landing-mac-sub{color:var(--text-muted);max-width:520px;margin:0 auto;font-size:1rem;line-height:1.65}.landing-mac-mockup-wrap{justify-content:center;align-items:center;padding:1rem 0 2rem;display:flex}.landing-mac-mockup{filter:drop-shadow(0 32px 64px #00000038);border-radius:4px;width:100%;max-width:880px;transition:transform .45s,filter .45s;transform:perspective(1200px)rotateY(-10deg)rotateX(4deg)}.landing-mac-mockup:hover{filter:drop-shadow(0 20px 48px #00000029);transform:perspective(1200px)rotateY(-4deg)rotateX(2deg)}.landing-mac-mockup:active{transform:scale(.98)}.landing-mac-pills{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.5rem;display:flex}.landing-mac-pill{color:var(--text-muted);background:var(--bg-secondary);border:1px solid var(--border);border-radius:99px;padding:.35rem .9rem;font-size:.82rem;font-weight:600}@media (width<=640px){.landing-mac-mockup{filter:drop-shadow(0 16px 32px #0000002e);transform:none}}.landing-iphone{text-align:center;padding:5rem 1.5rem 4rem;overflow:hidden}.landing-iphone-mockup-wrap{justify-content:center;align-items:center;padding:1rem 0 2rem;display:flex}.landing-iphone-float{width:100%;max-width:260px;transition:transform .45s,box-shadow .45s;transform:perspective(600px)rotateY(8deg)rotateX(3deg)}.landing-iphone-float:hover{transform:perspective(600px)rotateY(3deg)rotateX(1deg)}.landing-iphone-float:active{transform:scale(.97)}@media (width<=640px){.landing-iphone-float{transform:none}}.landing-ipad-watch{text-align:center;background:var(--bg-secondary);padding:5rem 1.5rem 4rem}.landing-ipad-watch-mockups{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:2.5rem;padding:1rem 0 2rem;display:flex}.landing-ipad-watch-ipad{filter:drop-shadow(0 28px 56px #00000040);width:70%;min-width:220px;max-width:560px;transition:transform .45s,filter .45s;transform:perspective(1400px)rotateY(-10deg)rotateX(4deg)}.landing-ipad-watch-watch{filter:drop-shadow(0 20px 40px #00000047);width:18%;min-width:90px;max-width:160px;transition:transform .45s,filter .45s;transform:perspective(800px)rotateY(10deg)rotateX(4deg)}.landing-ipad-watch-mockups:hover .landing-ipad-watch-ipad{filter:drop-shadow(0 16px 36px #00000029);transform:perspective(1400px)rotateY(-4deg)rotateX(2deg)}.landing-ipad-watch-mockups:hover .landing-ipad-watch-watch{filter:drop-shadow(0 12px 28px #0000002e);transform:perspective(800px)rotateY(4deg)rotateX(2deg)}.landing-ipad-watch-ipad:active{transform:scale(.97)}.landing-ipad-watch-watch:active{transform:scale(.95)}@media (width<=640px){.landing-ipad-watch-watch{width:28%}}.landing-ipad{text-align:center;background:var(--bg-secondary);padding:5rem 1.5rem 4rem;overflow:hidden}.landing-ipad-mockup-wrap{justify-content:center;align-items:center;padding:1rem 0 2rem;display:flex}.landing-ipad-mockup{filter:drop-shadow(0 32px 64px #00000038);border-radius:8px;width:100%;max-width:560px;transition:transform .45s,filter .45s;transform:perspective(1200px)rotateY(-8deg)rotateX(3deg)}.landing-ipad-mockup:hover{filter:drop-shadow(0 20px 48px #00000029);transform:perspective(1200px)rotateY(-3deg)rotateX(1deg)}@media (width<=640px){.landing-ipad-mockup{filter:drop-shadow(0 16px 32px #0000002e);transform:none}}.landing-watch{text-align:center;padding:5rem 1.5rem 4rem;overflow:hidden}.landing-watch-mockup-wrap{justify-content:center;align-items:center;padding:1rem 0 2rem;display:flex}.landing-watch-mockup{filter:drop-shadow(0 24px 48px #0000003d);border-radius:20px;width:100%;max-width:200px;transition:transform .45s,filter .45s;transform:perspective(600px)rotateY(8deg)rotateX(3deg)}.landing-watch-mockup:hover{filter:drop-shadow(0 16px 36px #0000002e);transform:perspective(600px)rotateY(3deg)rotateX(1deg)}@media (width<=640px){.landing-watch-mockup{filter:drop-shadow(0 12px 28px #0003);transform:none}}.landing-android{text-align:center;background:var(--bg-secondary);padding:5rem 1.5rem 4rem}.landing-android-mockup-wrap{justify-content:center;align-items:center;padding:1rem 0 2rem;display:flex}.landing-android-mockup-img{filter:drop-shadow(0 24px 48px #00000038);width:100%;max-width:300px;transition:transform .2s}.landing-android-mockup-img:hover{transform:scale(1.03)}.landing-android-mockup-img:active{transform:scale(.97)}.landing-pixel-mockup{background:#1c1c1e;border-radius:36px;width:100%;max-width:300px;padding:2px 2px 4px;position:relative;box-shadow:inset 0 0 0 1px #ffffff0f,0 0 0 1.5px #7a7a80,0 0 0 3.5px #1c1c1e,0 0 0 5px #52525a,0 8px 24px #00000038}.landing-pixel-mockup:before{content:"";z-index:15;background:#58585e;border-radius:0 3px 3px 0;width:4px;height:52px;position:absolute;top:130px;right:-8px}.landing-pixel-btns-left{z-index:15;background:#58585e;border-radius:3px 0 0 3px;width:4px;height:34px;position:absolute;top:100px;left:-8px}.landing-pixel-btns-left:before{content:"";background:#58585e;border-radius:3px 0 0 3px;width:4px;height:34px;position:absolute;top:42px;left:0}.landing-android-screen{border-radius:32px;overflow:hidden}.landing-android-screen img{width:100%;display:block}.landing-android-float{transition:box-shadow .45s;box-shadow:inset 0 0 0 1px #ffffff0f,0 0 0 1.5px #7a7a80,0 0 0 3.5px #1c1c1e,0 0 0 5px #52525a,0 24px 52px #00000073}.landing-android-float:hover{box-shadow:inset 0 0 0 1px #ffffff0f,0 0 0 1.5px #7a7a80,0 0 0 3.5px #1c1c1e,0 0 0 5px #52525a,0 14px 36px #0000004d}@media (width<=640px){.landing-pixel-mockup{max-width:240px}}.landing-phone-mockup{background:#111113;border-radius:30px;width:100%;padding:2px 2px 4px;position:relative;box-shadow:inset 0 0 0 1px #ffffff1a,0 0 0 1.5px #5c5c61,0 0 0 3.5px #111113,0 0 0 5px #3e3e43,0 8px 24px #00000038}.landing-phone-mockup:before{content:"";z-index:15;background:#4a4a50;border-radius:0 3px 3px 0;width:4px;height:50px;position:absolute;top:124px;right:-8px}.landing-phone-mockup:after{content:"";z-index:10;background:#111113;border-radius:99px;width:32%;height:26px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.landing-phone-btns-left{z-index:15;background:#4a4a50;border-radius:3px 0 0 3px;width:4px;height:10px;position:absolute;top:80px;left:-8px}.landing-phone-btns-left:before{content:"";background:#4a4a50;border-radius:3px 0 0 3px;width:4px;height:30px;position:absolute;top:24px;left:0}.landing-phone-btns-left:after{content:"";background:#4a4a50;border-radius:3px 0 0 3px;width:4px;height:30px;position:absolute;top:62px;left:0}.landing-phone-screen-static{border-radius:26px;overflow:hidden}:where(.landing) img{height:auto}.landing-phone-screen-static img{width:100%;display:block}.landing-features{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;width:100%;max-width:960px;margin:0 auto;padding:0 1.5rem 3rem;display:grid}.landing-feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem 1.75rem;transition:box-shadow .2s,transform .2s;box-shadow:0 2px 8px #0000000f}.landing-feature-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.landing-feature-card h3{color:var(--text);margin-bottom:.5rem;font-size:.95rem;font-weight:700}.landing-feature-card p{color:var(--text-muted);font-size:.875rem;line-height:1.6}.landing-pricing{width:100%;max-width:900px;margin:0 auto;padding:5rem 1.5rem}.landing-pricing-sub{text-align:center;color:var(--text-muted);margin-bottom:2rem;font-size:.9rem}.landing-pricing-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;display:grid}.landing-tier{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.landing-tier--highlight{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 8px 32px #2563eb26;background:linear-gradient(160deg, var(--bg-card) 0%, var(--accent-light) 100%)}.landing-tier-name{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.8rem;font-weight:600}.landing-tier--highlight .landing-tier-name{color:var(--accent)}.landing-tier-price{letter-spacing:-.03em;font-size:2rem;font-weight:800;line-height:1}.landing-tier-period{color:var(--text-muted);white-space:nowrap;font-size:.8rem;font-weight:400;display:inline-block}.landing-tier-features{flex-direction:column;flex:1;gap:.4rem;margin-bottom:.5rem;list-style:none;display:flex}.landing-tier-features li{color:var(--text-muted);padding-left:1.25rem;font-size:.875rem;position:relative}.landing-tier-features li:before{content:"✓";color:var(--success);font-size:.8rem;position:absolute;left:0}.landing-tier-note{color:var(--text-muted);text-align:center;min-height:2.5em;margin-top:.5rem;font-size:.75rem}.landing-tier-note--spacer{visibility:hidden}.landing-tier .landing-btn-primary,.landing-tier .landing-btn-outline{text-align:center;border-radius:4px;width:100%}.landing-email-capture{text-align:center;background:var(--accent);padding:4rem 1.5rem}.landing-email-capture .landing-section-title{color:#fff}.landing-email-sub{color:#fffffff2;margin-bottom:1.5rem;font-size:1rem}.landing-email-form{flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:480px;margin:0 auto;display:flex}.landing-email-input{appearance:none;color:#111;background:#fffffff2;border:none;border-radius:8px;outline:none;flex:1;min-width:0;padding:.65rem 1rem;font-size:.95rem}.landing-email-input::placeholder{color:#888}.landing-email-input:focus{background:#fff}.landing-email-input:focus-visible{outline-offset:2px;outline:2px solid #fff}.landing-email-capture .landing-btn-primary{color:#fff;box-shadow:none;cursor:pointer;background:#1e293b;border:none}.landing-email-capture .landing-btn-primary:hover{box-shadow:none;background:#0f172a;transform:none}.landing-email-success{color:#ffffffe6;margin-top:.5rem;font-size:.95rem}.landing-email-error{color:#ffffffd9;margin-top:.5rem;font-size:.85rem}.landing-review{text-align:center;border-top:1px solid var(--border);padding:2.5rem 1.5rem}.landing-review-text{color:var(--text-muted);margin-bottom:.75rem;font-size:.95rem}.landing-review-link{color:var(--accent);font-size:.95rem;font-weight:600;text-decoration:none}.landing-review-link:hover{text-underline-offset:2px;text-decoration:underline}.landing-footer{border-top:1px solid var(--border);margin-top:auto;padding:3rem 1.5rem 2.5rem}.landing-footer-inner{justify-content:space-between;gap:3rem;max-width:960px;margin:0 auto;display:flex}.landing-footer-brand{flex-direction:column;gap:.4rem;min-width:140px;display:flex}.landing-footer-tagline{color:var(--text-muted);margin-top:.25rem;font-size:.875rem}.landing-footer-copy{color:var(--text-muted);flex-direction:column;gap:.3rem;margin-top:auto;padding-top:1.5rem;font-size:.75rem;display:flex}.landing-footer-built{color:var(--text-muted);font-size:.7rem;text-decoration:none;transition:color .15s}.landing-footer-built:hover{color:var(--accent)}.landing-footer-cols{gap:3rem;display:flex}.landing-footer-col{flex-direction:column;gap:.65rem;display:flex}.landing-footer-col h3{text-transform:uppercase;letter-spacing:.07em;color:var(--text);margin-bottom:.25rem;font-size:.7rem;font-weight:700}.landing-footer-col a,.landing-footer-col button{color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-family:inherit;font-size:.875rem;text-decoration:none;transition:color .15s}.landing-footer-col a:hover,.landing-footer-col button:hover{color:var(--accent)}@media (width<=640px){.landing-footer-inner{flex-direction:column;gap:1.75rem}.landing-footer-cols{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.landing-footer-brand{gap:.25rem}.landing-footer-copy{padding-top:.5rem}}.landing-features-section{padding-top:5rem;padding-bottom:1rem}.landing-features-header{text-align:center;margin-bottom:2rem;padding:0 1.5rem}.landing-features-sub{color:var(--text-muted);margin-top:.5rem;font-size:1rem;line-height:1.6}.landing-tier-badge{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);background:var(--accent-light);border-radius:99px;margin-bottom:.25rem;padding:.2rem .6rem;font-size:.7rem;font-weight:700;display:inline-block}.landing-changelog{width:100%;max-width:720px;margin:0 auto;padding:5rem 1.5rem}.landing-changelog-header{text-align:center;margin-bottom:2rem}.landing-changelog-list{flex-direction:column;display:flex}.landing-changelog-item{border-top:1px solid var(--border);grid-template-columns:110px 1fr;gap:1rem;padding:1.25rem 0;display:grid}.landing-changelog-item:last-child{border-bottom:1px solid var(--border)}.landing-changelog-version{flex-direction:column;gap:.35rem;padding-top:.15rem;display:flex}.landing-changelog-num{color:var(--text);font-size:.875rem;font-weight:600}.landing-changelog-label{color:var(--text-muted);font-size:.75rem;font-weight:400}.landing-changelog-bullets{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.landing-changelog-bullets li{color:var(--text-muted);padding-left:1rem;font-size:.9rem;line-height:1.5;position:relative}.landing-changelog-bullets li:before{content:"–";color:var(--border);position:absolute;left:0}@media (width<=480px){.landing-changelog-item{grid-template-columns:1fr;gap:.5rem}}.landing-faq{width:100%;max-width:680px;margin:0 auto;padding:5rem 1.5rem}.landing-faq-list{flex-direction:column;gap:0;margin-top:1.5rem;display:flex}.landing-faq-item{border-bottom:1px solid var(--border);padding:1.25rem 0}.landing-faq-item:first-child{border-top:1px solid var(--border)}.landing-faq-q{cursor:pointer;text-align:left;width:100%;color:var(--text);background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;padding:0;font-family:inherit;font-size:.95rem;font-weight:600;display:flex}.landing-faq-q:hover{color:var(--accent)}.landing-faq-chevron{color:var(--text-muted);flex-shrink:0;font-size:1.1rem;font-weight:400;line-height:1}.landing-faq-a{color:var(--text-muted);margin-top:.4rem;font-size:.875rem;line-height:1.6}.landing-closing-cta .landing-section-title:after,.landing-closing-headline:after{display:none}.landing-closing-cta{text-align:center;background:linear-gradient(150deg,#1e3a8a 0%,#2563eb 100%);padding:6rem 1.5rem}.landing-closing-headline{letter-spacing:-.04em;color:#fff;margin-bottom:.75rem;font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.05}.landing-closing-sub{color:#fffc;margin-bottom:1.75rem;font-size:.9rem}.landing-closing-cta .landing-hero-ctas{justify-content:center}.landing-closing-cta .landing-btn-primary{color:#2563eb;background:#fff}.landing-closing-cta .landing-btn-primary:hover{color:#1d4ed8;background:#ffffffe6}.privacy-page{background:var(--bg);min-height:100vh;padding:3rem 1.5rem}.privacy-content{max-width:680px;margin:0 auto}.privacy-back{color:var(--text-muted);margin-bottom:2rem;font-size:.875rem;text-decoration:none;display:inline-block}.privacy-back:hover{color:var(--accent)}.privacy-content h1{margin-bottom:.25rem;font-size:1.75rem;font-weight:700}.privacy-date{color:var(--text-muted);margin-bottom:2rem;font-size:.85rem}.privacy-content h2{margin:1.75rem 0 .5rem;font-size:1rem;font-weight:600}.privacy-content p,.privacy-content li{color:var(--text-muted);font-size:.9rem;line-height:1.65}.privacy-content ul{flex-direction:column;gap:.3rem;padding-left:1.25rem;display:flex}.privacy-content a{color:var(--accent)}.fade-up{opacity:0;transition:opacity .65s ease-out,transform .65s ease-out;transform:translateY(28px)}.fade-up.visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.fade-up{opacity:1;transition:none;transform:none}}.landing-hero-rating{align-items:center;gap:.5rem;margin-top:1rem;display:flex}.landing-stars{color:#facc15;letter-spacing:.05em;font-size:.95rem}.landing-rating-text{color:#ffffffbf;font-size:.8rem}.landing-how{width:100%;max-width:960px;margin:0 auto;padding:5rem 1.5rem}.landing-how-header{text-align:center;margin-bottom:3rem}.landing-how-sub{color:var(--text-muted);margin-top:.5rem;font-size:1rem;line-height:1.6}.landing-steps{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid;position:relative}.landing-steps:before{content:"";background:linear-gradient(90deg, transparent, var(--border) 10%, var(--border) 90%, transparent);z-index:0;height:1px;position:absolute;top:20px;left:20px;right:20px}.landing-step{flex-direction:column;gap:.75rem;display:flex}.landing-step-num{background:var(--accent);color:#fff;z-index:1;width:40px;height:40px;box-shadow:0 0 0 4px var(--bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:flex;position:relative}.landing-step h3{color:var(--text);font-size:1rem;font-weight:700;line-height:1.3}.landing-step p{color:var(--text-muted);font-size:.875rem;line-height:1.65}@media (width<=640px){.landing-steps{grid-template-columns:1fr;gap:2rem}.landing-steps:before{display:none}.landing-how{padding:3.5rem 1.25rem}}.landing-visionpro{background:linear-gradient(150deg,#1e1b4b 0%,#312e81 100%);padding:5rem 1.5rem 4rem}.landing-visionpro-inner{align-items:center;gap:4rem;max-width:1100px;margin:0 auto;display:flex}.landing-visionpro-text{flex-direction:column;flex:1;align-items:flex-start;gap:1rem;display:flex}.landing-visionpro-image{flex-shrink:0;width:420px}.landing-visionpro-img{filter:drop-shadow(0 32px 64px #00000080);width:100%;transition:filter .45s,transform .45s}.landing-visionpro-img:hover{filter:drop-shadow(0 20px 48px #000000a6);transform:scale(1.03)}.landing-visionpro-img:active{transform:scale(.97)}@media (width<=860px){.landing-visionpro-inner{text-align:center;flex-direction:column;gap:2rem}.landing-visionpro-text{align-items:center}.landing-visionpro-text .landing-section-title,.landing-visionpro-text .landing-mac-sub{text-align:center!important}.landing-visionpro-image{width:100%;max-width:340px}}.landing-visionpro .landing-section-title{color:#fff;margin-bottom:0}.landing-visionpro .landing-section-title:after{background:#fff6;margin:.75rem 0 0}.landing-visionpro .landing-mac-sub{color:#ffffffbf}.landing-platform-badge--soon{color:#a855f7;background:#a855f726;border:1px solid #a855f74d}.landing-visionpro .landing-btn-primary{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:none;background:#ffffff1f;border:1px solid #ffffff40}.landing-visionpro .landing-btn-primary:hover{color:#fff;background:#fff3}.landing-business-callout{background:var(--accent);padding:3rem 1.5rem}.landing-business-callout-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;max-width:780px;margin:0 auto;display:flex}.landing-business-callout-text h3{color:#fff;margin-bottom:.35rem;font-size:1.3rem;font-weight:700}.landing-business-callout-text p{color:#fffffff2;max-width:440px;font-size:.9rem;line-height:1.55}.landing-business-callout .landing-btn-primary{color:var(--accent);white-space:nowrap;background:#fff;flex-shrink:0}.landing-business-callout .landing-btn-primary:hover{color:var(--accent-hover);box-shadow:none;background:#ffffffe6}@media (width<=640px){.landing-business-callout-inner{text-align:center;flex-direction:column}.landing-business-callout-text p{max-width:100%}.landing-business-callout .landing-btn-primary{text-align:center;width:100%}}.landing-testimonial{text-align:center;background:var(--bg-secondary);padding:5rem 1.5rem}.landing-testimonial-inner{flex-direction:column;align-items:center;gap:1.25rem;max-width:580px;margin:0 auto;display:flex}.landing-testimonial-stars{color:#facc15;letter-spacing:.06em;font-size:1.1rem}.landing-testimonial-quote{color:var(--text);font-size:1.15rem;font-style:italic;font-weight:500;line-height:1.7}.landing-testimonial-author{flex-direction:column;gap:.2rem;display:flex}.landing-testimonial-name{color:var(--text);font-size:.9rem;font-weight:700}.landing-testimonial-role{color:var(--text-muted);font-size:.8rem}.landing-changelog-toggle{border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;background:0 0;margin:1.5rem auto 0;padding:.6rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:color .15s,border-color .15s;display:block}.landing-changelog-toggle:hover{color:var(--accent);border-color:var(--accent)}.landing-hero-rating{text-decoration:none;display:inline-flex}.landing-appstore-group{flex-wrap:wrap;gap:.75rem;display:flex}@media (width>=641px) and (width<=1024px){.landing-scroll-item{width:200px}.landing-scroll-item--ipad{width:640px}.landing-scroll-track{padding-left:2rem;padding-right:2rem}.landing-hero-ctas{flex-direction:column;align-items:stretch;width:fit-content}.landing-hero-ctas .landing-btn-primary{text-align:center}.landing-closing-cta .landing-hero-ctas{align-items:stretch;margin:0 auto}.landing-footer-inner{flex-direction:column;gap:2rem}.landing-footer-cols{grid-template-columns:repeat(5,1fr);gap:1.5rem;display:grid}}@media (width<=640px){.landing-hero{text-align:center;flex-direction:column;gap:0;padding:2.5rem 1.25rem 2rem}.landing-hero-phone{display:none}.landing-hero-ctas{flex-direction:column;justify-content:center;align-items:center}.landing-appstore-badge,.landing-btn-primary{text-align:center;justify-content:center;width:100%}.landing-appstore-group{flex-direction:column;width:100%}.landing-scroll-item{width:200px}.landing-scroll-item--ipad{width:320px}.landing-nav-signin{display:none}.landing-demo-mobile-btn{display:block}.landing-scroll-track{padding-left:1.25rem;padding-right:1.25rem;scroll-padding-left:1.25rem}.landing-features{grid-template-columns:1fr;padding:2rem 1.25rem}.landing-pricing{padding:2rem 1.25rem}.landing-pricing-grid{grid-template-columns:1fr}.landing-demo{padding:2rem 1.25rem}.landing-section-title{font-size:1.5rem}}.landing-visionpro-strip{background:linear-gradient(150deg,#1e1b4b 0%,#312e81 100%);padding:3rem 1.5rem;overflow:hidden}.landing-visionpro-strip-inner{justify-content:space-between;align-items:center;gap:2rem;max-width:900px;margin:0 auto;display:flex}.landing-visionpro-strip-text{flex-direction:column;flex:1;gap:.6rem;display:flex}.landing-visionpro-strip-label{color:#fff;font-size:1.2rem;font-weight:700;line-height:1.2}.landing-visionpro-strip-sub{color:#ffffffb3;max-width:420px;font-size:.9rem;line-height:1.55}.landing-visionpro-strip-btn{color:#ffffffe6;border-radius:var(--radius);border:1px solid #ffffff4d;width:fit-content;margin-top:.5rem;padding:.55rem 1.1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:inline-block}.landing-visionpro-strip-btn:hover{color:#fff;background:#ffffff1f;text-decoration:none}.landing-visionpro-strip-img{filter:drop-shadow(0 16px 32px #00000080);flex-shrink:0;width:220px;transition:transform .4s,filter .4s}.landing-visionpro-strip-img:hover{filter:drop-shadow(0 20px 40px #0009);transform:scale(1.04)}@media (width<=640px){.landing-visionpro-strip-inner{text-align:center;flex-direction:column;gap:1.5rem}.landing-visionpro-strip-text{align-items:center}.landing-visionpro-strip-sub{max-width:100%}.landing-visionpro-strip-img{width:160px}}.landing-works-with{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1.75rem;max-width:1000px;margin:0 auto;padding:2rem 16px 1rem;display:flex}.landing-works-with-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:.75rem;font-weight:600}.landing-works-with ul{flex-wrap:wrap;justify-content:center;gap:.5rem 1.75rem;margin:0;padding:0;list-style:none;display:flex}.landing-works-with li{letter-spacing:-.01em;color:var(--text);opacity:.7;font-size:1.05rem;font-weight:700}.landing-showcase{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,6vw,5rem);max-width:1100px;margin:0 auto;padding:clamp(3rem,8vw,6rem) 24px;display:grid}.landing-showcase--flip .landing-showcase-text{order:2}.landing-showcase--flip .landing-showcase-media{order:1}.landing-showcase-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 .6rem;font-size:.8rem;font-weight:700}.landing-showcase h2{letter-spacing:-.03em;color:var(--text);margin:0 0 1rem;font-size:clamp(1.75rem,3.6vw,2.6rem);font-weight:800;line-height:1.1}.landing-showcase-body{max-width:34rem;color:var(--text-muted);margin:0 0 1.5rem;font-size:1.05rem;line-height:1.65}.landing-showcase-points{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.landing-showcase-points li{color:var(--text);padding-left:1.6rem;font-size:.95rem;position:relative}.landing-showcase-points li:before{content:"";background:var(--accent-light) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / .75rem no-repeat;border-radius:50%;width:1rem;height:1rem;position:absolute;top:.3em;left:0}.landing-showcase-media{justify-content:center;display:flex}.landing-showcase-media video,.landing-showcase-media img{aspect-ratio:600/866;object-fit:cover;object-position:top;border:1px solid var(--border,#0f172a14);background:#f8fafc;border-radius:24px;width:min(340px,100%);display:block;box-shadow:0 30px 60px -20px #0f172a40,0 12px 24px -12px #0f172a1f}.landing-showcase-media--wide img{aspect-ratio:auto;width:100%;box-shadow:none;background:0 0;border:0;border-radius:0}.landing-more{background:var(--bg-secondary);padding:clamp(3rem,8vw,5rem) 24px}.landing-more-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;max-width:1000px;margin:2rem auto 0;display:grid}.landing-more-grid h3{color:var(--text);margin:0 0 .4rem;font-size:1rem;font-weight:700}.landing-more-grid p{color:var(--text-muted);margin:0;font-size:.92rem;line-height:1.6}@media (width<=760px){.landing-showcase{text-align:left;grid-template-columns:1fr}.landing-showcase--flip .landing-showcase-text,.landing-showcase .landing-showcase-text{order:1}.landing-showcase--flip .landing-showcase-media,.landing-showcase .landing-showcase-media{order:2}}.landing-device-caption{max-width:34rem;color:var(--text-muted);text-align:center;margin:1.25rem auto 0;padding:0 16px;font-size:.95rem;line-height:1.55}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) :is(.landing-ipad-watch,.landing-android,.landing-more){--text-muted:#d1d5db}:root:not([data-theme=light]) :is(.landing-showcase-eyebrow,.landing-btn-outline){color:#60a5fa;border-color:#60a5fa}:root:not([data-theme=light]) :is(.landing-platform-badge,.landing-tier-badge){color:#93c5fd}}:root[data-theme=dark] :is(.landing-ipad-watch,.landing-android,.landing-more){--text-muted:#d1d5db}:root[data-theme=dark] :is(.landing-showcase-eyebrow,.landing-btn-outline){color:#60a5fa;border-color:#60a5fa}:root[data-theme=dark] :is(.landing-platform-badge,.landing-tier-badge){color:#93c5fd}
