:root{--color-primary:#0d9488;--color-primary-hover:#0f766e;--color-primary-light:#ccfbf1;--color-bg:#ffffff;--color-bg-secondary:#f9fafb;--color-bg-tertiary:#f3f4f6;--color-surface:#ffffff;--color-border:#e5e7eb;--color-border-strong:#d1d5db;--color-text:#111827;--color-text-secondary:#6b7280;--color-text-tertiary:#9ca3af;--color-text-inverse:#ffffff;--color-success:#059669;--color-warning:#d97706;--color-error:#dc2626;--color-info:#0d9488;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--font-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--sidebar-width:260px;--topbar-height:56px;--content-max-width:1200px;--transition-fast:150ms ease;--transition-normal:200ms ease;--transition-slow:300ms ease}[data-theme=dark]{--color-primary:#2dd4bf;--color-primary-hover:#5eead4;--color-primary-light:#134e4a;--color-bg:#0f1117;--color-bg-secondary:#1a1d27;--color-bg-tertiary:#252833;--color-surface:#1a1d27;--color-border:#2e3140;--color-border-strong:#3d4155;--color-text:#f3f4f6;--color-text-secondary:#9ca3af;--color-text-tertiary:#6b7280;--color-text-inverse:#111827;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.3);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.4),0 2px 4px -2px rgb(0 0 0/0.3);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.4),0 4px 6px -4px rgb(0 0 0/0.3);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.4),0 8px 10px -6px rgb(0 0 0/0.3)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}.dtf-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-weight-medium);line-height:var(--leading-tight);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.dtf-btn:disabled{opacity:.5;cursor:not-allowed}.dtf-btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.dtf-btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.dtf-btn-secondary{background-color:var(--color-bg);color:var(--color-text);border-color:var(--color-border)}.dtf-btn-secondary:hover:not(:disabled){background-color:var(--color-bg-secondary)}.dtf-btn-danger{background-color:var(--color-error);color:var(--color-text-inverse)}.dtf-btn-danger:hover:not(:disabled){opacity:.9}.dtf-input{display:block;width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.dtf-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.dtf-input::placeholder{color:var(--color-text-tertiary)}.dtf-label{display:block;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--space-1)}.dtf-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.dtf-card-header{margin-bottom:var(--space-4)}.dtf-card-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.dtf-card-description{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.dtf-badge{display:inline-flex;align-items:center;padding:2px var(--space-2);font-size:var(--text-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);line-height:var(--leading-tight)}.dtf-badge-free{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}.dtf-badge-pro{background-color:var(--color-primary-light);color:var(--color-primary)}.dtf-badge-active{background-color:#d1fae5;color:var(--color-success)}.dtf-badge-canceled{background-color:#fee2e2;color:var(--color-error)}.dtf-badge-past-due{background-color:#fef3c7;color:var(--color-warning)}.dtf-app-shell{display:flex;min-height:100vh}.dtf-sidebar{width:var(--sidebar-width);border-right:1px solid var(--color-border);background-color:var(--color-bg-secondary);padding:var(--space-4);flex-shrink:0}.dtf-sidebar,.dtf-sidebar-nav{display:flex;flex-direction:column}.dtf-sidebar-nav{gap:var(--space-1);flex:1 1}.dtf-sidebar-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast)}.dtf-sidebar-link:hover{background-color:var(--color-bg-tertiary);color:var(--color-text);text-decoration:none}.dtf-sidebar-link-active{background-color:var(--color-primary-light);color:var(--color-primary);font-weight:var(--font-weight-medium)}.dtf-main{flex:1 1;display:flex;flex-direction:column;min-width:0}.dtf-topbar{height:var(--topbar-height);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);flex-shrink:0}.dtf-content{flex:1 1;padding:var(--space-8);max-width:var(--content-max-width);width:100%}.dtf-auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-secondary);padding:var(--space-4)}.dtf-auth-card{width:100%;max-width:400px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-lg)}.dtf-auth-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);text-align:center;margin-bottom:var(--space-2)}.dtf-auth-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center;margin-bottom:var(--space-6)}.dtf-auth-divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-6) 0;color:var(--color-text-tertiary);font-size:var(--text-sm)}.dtf-auth-divider:after,.dtf-auth-divider:before{content:"";flex:1 1;height:1px;background-color:var(--color-border)}.dtf-upgrade-prompt{border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;background-color:var(--color-bg-secondary)}.dtf-upgrade-prompt h3{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.dtf-upgrade-prompt p{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.dtf-settings-layout{display:flex;gap:var(--space-8)}.dtf-settings-nav{width:200px;flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-1)}.dtf-settings-content{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:var(--space-6)}.dtf-overlay{position:fixed;inset:0;background-color:rgb(0 0 0/.5);display:flex;align-items:center;justify-content:center;z-index:50;padding:var(--space-4)}.dtf-modal{background-color:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:640px;max-height:90vh;overflow-y:auto;padding:var(--space-8)}.dtf-pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--space-6);gap:var(--space-6)}.dtf-pricing-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;flex-direction:column}.dtf-pricing-card-featured{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.dtf-pricing-card h3{font-size:var(--text-xl);font-weight:var(--font-weight-semibold)}.dtf-pricing-card .price{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);margin:var(--space-4) 0}.dtf-pricing-card .price span{font-size:var(--text-base);font-weight:var(--font-weight-normal);color:var(--color-text-secondary)}.dtf-pricing-card ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-6) 0;flex:1 1}.dtf-pricing-card ul li{font-size:var(--text-sm);color:var(--color-text-secondary);padding-left:var(--space-5);position:relative}.dtf-pricing-card ul li:before{content:"✓";position:absolute;left:0;color:var(--color-success);font-weight:var(--font-weight-bold)}.sl-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.sl-asset-card{transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.sl-asset-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}@keyframes sl-pulse{0%{box-shadow:0 0 0 0 rgb(13 148 136/.4)}70%{box-shadow:0 0 0 10px rgb(13 148 136/0)}to{box-shadow:0 0 0 0 rgb(13 148 136/0)}}.sl-asset-card-updated{animation:sl-pulse 1s ease-in-out}.sl-hero{position:relative;overflow:hidden;padding:var(--space-24) var(--space-6) var(--space-20);text-align:center;background:linear-gradient(135deg,var(--color-bg) 0,var(--color-bg-secondary) 40%,var(--color-primary-light) 100%)}.sl-hero-inner{position:relative;z-index:1;max-width:720px;margin:0 auto}.sl-hero-eyebrow{display:inline-block;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);margin-bottom:var(--space-4)}.sl-hero-title{font-size:var(--text-5xl);font-weight:var(--font-weight-extrabold);line-height:1.1;letter-spacing:-.03em;color:var(--color-text);margin-bottom:var(--space-6)}.sl-hero-accent{background:linear-gradient(135deg,var(--color-primary) 0,#06b6d4 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sl-hero-subtitle{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary);max-width:560px;margin:0 auto var(--space-8)}.sl-hero-cta{display:flex;gap:var(--space-4);justify-content:center}.sl-btn-hero-primary{background-color:var(--color-primary);color:var(--color-text-inverse);padding:var(--space-3) var(--space-8);font-size:var(--text-base);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);box-shadow:0 4px 14px 0 rgb(13 148 136/.4);transition:all var(--transition-normal)}.sl-btn-hero-primary:hover{background-color:var(--color-primary-hover);box-shadow:0 6px 20px 0 rgb(13 148 136/.5);transform:translateY(-1px);text-decoration:none}.sl-btn-hero-secondary{background-color:transparent;color:var(--color-text);padding:var(--space-3) var(--space-8);font-size:var(--text-base);font-weight:var(--font-weight-semibold);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.sl-btn-hero-secondary:hover{background-color:var(--color-bg-secondary);text-decoration:none}.sl-hero-graphic{position:absolute;inset:0;pointer-events:none}.sl-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent 0,var(--color-primary) 50%,transparent 100%);opacity:.15}.sl-line-1{top:25%;left:0;right:0}.sl-line-2{top:50%;left:10%;right:10%;opacity:.1}.sl-line-3{top:75%;left:20%;right:20%;opacity:.08}.sl-flare{position:absolute;border-radius:var(--radius-full);pointer-events:none}.sl-flare-1{width:220px;height:220px;top:8%;right:12%;background:radial-gradient(circle,rgb(13 148 136/.25) 0,rgb(13 148 136/.08) 40%,transparent 70%);filter:blur(2px)}.sl-flare-2{width:12px;height:12px;top:16%;right:20%;background:radial-gradient(circle,rgb(255 255 255/.9) 0,rgb(13 148 136/.6) 50%,transparent 100%);box-shadow:0 0 30px 10px rgb(13 148 136/.3),0 0 60px 20px rgb(6 182 212/.15)}.sl-flare-3{width:400px;height:2px;top:17%;right:2%;background:linear-gradient(90deg,transparent,rgb(13 148 136/.4) 30%,rgb(255 255 255/.5) 50%,rgb(6 182 212/.4) 70%,transparent);filter:blur(1px)}.sl-flare-4{width:160px;height:160px;bottom:20%;left:8%;background:radial-gradient(circle,rgb(6 182 212/.18) 0,rgb(6 182 212/.05) 50%,transparent 70%);filter:blur(3px)}.sl-flare-5{width:8px;height:8px;top:45%;left:25%;background:radial-gradient(circle,rgb(255 255 255/.8) 0,rgb(6 182 212/.5) 60%,transparent 100%);box-shadow:0 0 20px 6px rgb(6 182 212/.25)}.sl-flare-6{width:80px;height:80px;top:60%;right:30%;border:1px solid rgb(13 148 136/.12);background:radial-gradient(circle,rgb(13 148 136/.04) 0,transparent 70%)}.sl-flare-7{width:300px;height:300px;top:-5%;left:-5%;background:radial-gradient(circle,rgb(13 148 136/.08) 0,transparent 60%);filter:blur(8px)}.sl-section{max-width:960px;margin:0 auto;padding:var(--space-20) var(--space-6)}.sl-section-title{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);line-height:1.2;text-align:center;margin-bottom:var(--space-12);letter-spacing:-.02em}.sl-how-it-works{max-width:960px;margin:0 auto}.sl-problem-setup{padding-top:var(--space-8);padding-bottom:var(--space-8);text-align:center}.sl-problem-setup .sl-section-title{margin-bottom:var(--space-4)}.sl-problem-copy{max-width:680px;margin:0 auto;font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.sl-how-it-works .sl-section-title{font-size:var(--text-4xl)}.sl-hiw-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-12);gap:var(--space-12);align-items:center}.sl-hiw-phone{display:flex;justify-content:center}.sl-phone-svg{width:290px;height:auto;filter:drop-shadow(0 20px 40px rgb(0 0 0/.15))}.sl-hiw-blurbs{display:flex;flex-direction:column;gap:var(--space-6)}.sl-hiw-blurb{display:flex;gap:var(--space-4);opacity:.4;transition:opacity var(--transition-slow);width:100%;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.sl-hiw-blurb-active{opacity:1}.sl-hiw-blurb:focus-visible{outline:2px solid var(--color-primary);outline-offset:8px;border-radius:var(--radius-md)}.sl-hiw-blurb:hover{opacity:.75}.sl-hiw-blurb-active:hover{opacity:1}.sl-hiw-blurb-indicator{width:3px;background-color:var(--color-border);border-radius:var(--radius-full);position:relative;overflow:hidden;flex-shrink:0}.sl-hiw-blurb-fill{position:absolute;inset:0;background-color:var(--color-primary);transform-origin:top;transition:transform 50ms linear;border-radius:var(--radius-full)}.sl-hiw-blurb-content{padding:var(--space-1) 0}.sl-hiw-blurb-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.sl-hiw-blurb-body{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}@keyframes sl-msg-pop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sl-msg-appear{animation:sl-msg-pop .3s ease-out both}.sl-section-dark{max-width:none;background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.sl-value-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-6);gap:var(--space-6);max-width:960px;margin:0 auto}.sl-value-card{padding:var(--space-6);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:box-shadow var(--transition-normal),border-color var(--transition-normal)}.sl-value-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.sl-value-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-lg);background-color:var(--color-primary-light);color:var(--color-primary);margin-bottom:var(--space-4)}.sl-value-card h3{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.sl-value-card p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.sl-section-cta{text-align:center;padding:var(--space-20) var(--space-6)}.sl-cta-title{font-size:var(--text-4xl);font-weight:var(--font-weight-extrabold);letter-spacing:-.03em;margin-bottom:var(--space-3)}.sl-cta-subtitle{font-size:var(--text-lg);margin-bottom:var(--space-8)}.sl-cta-subtitle,.sl-footer{color:var(--color-text-secondary)}.sl-footer{text-align:center;padding:var(--space-8) var(--space-6);background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);font-size:var(--text-sm)}@media (max-width:768px){.sl-hero{padding:var(--space-16) var(--space-4) var(--space-12)}.sl-hero-title{font-size:var(--text-3xl)}.sl-hero-cta{flex-direction:column;align-items:center}.sl-hiw-grid{grid-template-columns:1fr;gap:var(--space-8)}.sl-phone-svg{width:220px}.sl-how-it-works .sl-section-title{font-size:var(--text-3xl)}.sl-value-grid{grid-template-columns:1fr}}