:root{--page-max: 1080px}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:#111;background:#fff}*{box-sizing:border-box}.container{max-width:var(--page-max);margin:0 auto;padding:0 24px}.btn-primary{appearance:none;border:1px solid #111;background:#111;color:#fff;padding:14px 28px;min-width:240px;border-radius:8px;font-size:16px;cursor:pointer}.btn-primary:focus-visible{outline:2px solid #000;outline-offset:2px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.hero-container{flex-direction:column!important;gap:16px!important;align-items:center!important}.phone-container{min-width:280px!important;max-width:320px!important;order:1}.tarta-container{min-width:280px!important;max-width:360px!important;margin-left:0!important;margin-top:0!important;order:2}}@media (max-width: 480px){.phone-container{min-width:250px!important;max-width:290px!important}.tarta-container{min-width:250px!important;max-width:320px!important}.landing-headline{font-size:48px!important;gap:8px!important}.landing-headline-line2{gap:8px!important}.landing-cta-button{width:260px!important}.landing-social-proof{margin-top:12px!important;gap:8px!important;flex-direction:column!important}.landing-social-proof-text{font-size:11px!important;text-align:center!important}}#root{margin:0;padding:0;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.pricing-section{margin-top:48px}.pricing-title{margin:0;font-weight:500;font-size:20px;text-align:center}.pricing-subtitle{margin:6px 0 0;text-align:center;font-size:14px;color:#666}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:24px}.pricing-card{border:1px solid #e5e5e5;border-radius:16px;overflow:hidden;background:#fff;transition:transform .2s ease,box-shadow .2s ease;text-align:left}.pricing-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.pricing-card--popular{border:2px solid #111;box-shadow:0 2px 6px #0000000f}.pricing-card__header{padding:20px;border-bottom:1px solid #eaeaea;background:#fafafa;text-align:left}.pricing-card--popular .pricing-card__header{background:#f4f4ff}.pricing-card__name-container{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.pricing-card__name{font-size:16px;font-weight:500}.pricing-card__badge{border:1px solid #111;border-radius:9999px;padding:2px 8px;font-size:12px;background:#fff}.pricing-card__description{margin:0 0 12px;font-size:12px;color:#666}.pricing-card__price-container{display:flex;align-items:baseline;gap:6px;margin-bottom:12px}.pricing-card__price{font-size:32px;font-weight:700}.pricing-card__period{font-size:12px;color:#666}.pricing-card__button{width:100%;border-radius:9999px;border:1px solid #111;background:#111;color:#fff;padding:12px 16px;font-size:16px;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.pricing-card__button:hover{background:#333;transform:translateY(-1px)}.pricing-card__button:active{transform:translateY(0)}.pricing-card__features{padding:20px;display:grid;row-gap:8px;text-align:left}.pricing-card__feature{display:flex;align-items:center;gap:8px;font-size:14px;text-align:left}.pricing-card__checkmark{color:#22c55e;font-weight:700;flex-shrink:0}.pricing-footnote{margin-top:12px;text-align:center;font-size:12px;color:#666}@media (max-width: 768px){.pricing-grid{grid-template-columns:1fr;gap:12px}.pricing-card__header,.pricing-card__features{padding:16px}.image-preview-grid{grid-template-columns:1fr!important;gap:12px!important;max-width:400px!important}.image-preview-container{height:250px!important}}.navbar{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid #e6e6e6;height:65px}.navbar-content{height:100%;display:flex;align-items:center;padding:0 32px;gap:40px}.navbar-logo{display:flex;align-items:center;cursor:pointer;flex-shrink:0;margin-right:20px}.navbar-logo img{height:20px;width:auto}.navbar-tabs{display:flex;align-items:center;height:100%;gap:8px;flex:1}.navbar-tab{height:100%;padding:0 20px;border:none;background:transparent;color:#6b7280;font-size:15px;font-weight:500;cursor:pointer;position:relative;transition:color .2s ease;white-space:nowrap;font-family:inherit}.navbar-tab:hover{color:#374151}.navbar-tab--active{color:#2563eb}.navbar-tab--active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:#2563eb}.navbar-actions{display:flex;align-items:center;gap:20px;flex-shrink:0}.navbar-new-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;border:none;background:#2563eb;color:#fff;font-size:14px;font-weight:500;border-radius:6px;cursor:pointer;transition:background .2s ease;font-family:inherit}.navbar-new-btn:hover{background:#1d4ed8}.navbar-credits{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;font-weight:600;color:#1e293b}.navbar-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;color:#6b7280;cursor:pointer;border-radius:8px;transition:all .2s ease}.navbar-icon-btn:hover{background:#f3f4f6;color:#374151}.navbar-profile{position:relative}.navbar-profile-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;cursor:pointer;border-radius:50%;transition:background .2s ease}.navbar-profile-btn:hover{background:#f3f4f6}.navbar-avatar{width:36px;height:36px;border-radius:50%;background:#e5e7eb;display:flex;align-items:center;justify-content:center;color:#6b7280;flex-shrink:0;overflow:hidden}.navbar-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:240px;background:#fff;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid #e5e7eb;overflow:hidden}.navbar-dropdown-header{padding:16px;background:#f9fafb}.navbar-dropdown-email{font-size:14px;font-weight:500;color:#111827;margin-bottom:4px}.navbar-dropdown-plan{font-size:12px;color:#6b7280}.navbar-dropdown-divider{height:1px;background:#e5e7eb}.navbar-dropdown-item{width:100%;padding:12px 16px;border:none;background:transparent;color:#374151;font-size:14px;text-align:left;cursor:pointer;transition:background .2s ease;font-family:inherit}.navbar-dropdown-item:hover{background:#f9fafb}.navbar-dropdown-item--danger{color:#ef4444}.navbar-dropdown-item--danger:hover{background:#fef2f2}@media (max-width: 768px){.navbar-content{padding:0 20px;gap:16px}.navbar-tabs,.navbar-credits,.navbar-new-btn span{display:none}}